.g-core-image-corp-loading{
    z-index: 2000;
    position: fixed;
    left:50%;
    top:15px;
    margin-left: -90px;
    width:180px;
    background: #3498db;
    border-radius:4px;
    box-shadow: 0 5px 8px rgba(0,0,0,.1);
    line-height: 30px;
    color:#fff;
    font-size: 13px;
    text-align: center;
    
}

.g-core-image-upload-container{
    position: absolute;
    background: #111;
    z-index: 900;
}
.g-core-image-upload-modal{
    position: absolute;
    left:0;
    right:0;
    width: 100%;
    height: 100%;
    border:1px solid #ccc;
    z-index: 899;
}
.dropped{
    border:4px solid #ea6153;
}

.g-core-image-corp-container{
    z-index: 1900;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom: 0;
    background: rgba(0,0,0,.9);
    color:#f1f1f1;
}
.g-core-image-corp-container .image-aside{
    overflow: hidden;
    position: absolute;
    right: 30px;
    left:30px;
    top:60px;
    bottom:20px;
    text-align: center;
}
.g-core-image-corp-container .image-aside img{
    max-width: 100%;
}
.g-core-image-corp-container .info-aside{
    position: absolute;
    left:0;
    right: 0;
    top:0;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    background: #fefefe;
    color:#777;
}
.g-core-image-corp-container .info-aside .image-corp-preview{
    position: relative;
    overflow: hidden;
    text-align: center;
    border:2px solid #ccc;
}
.g-core-image-corp-container .info-aside .image-corp-preview.circled{
    border-radius: 160px;
}
.g-core-image-corp-container .info-aside .image-corp-preview img{
    width: 100%;
}
.g-core-image-corp-container .info-aside .config-info .image-details{
    width: 100%;
    color:#999;    
}

.g-core-image-corp-container .info-aside .config-info .image-details td{
    border:none; 
    line-height: 24px;
}
.g-core-image-corp-container .info-aside .config-info .image-details tr td:first-child{
    width:36%;  
}
.g-core-image-corp-container .info-aside .config-info .image-details tr td:last-child{
    color:#555; 
}
.g-core-image-corp-container .btn-groups{
    text-align: right;
    margin: 5px 0 0;
}
.g-core-image-corp-container .btn{
    display: inline-block;
    padding: 0 15px;
    height: 32px;
    margin-left: 15px;
    background: #fff;
    border:1px solid #ccc;
    border-radius: 2px;
    font-size: 13px;
    color:#222;
    line-height: 32px;
    transition: all .1s ease-in;
}
.g-core-image-corp-container .btn:hover{
    border:1px solid #777;
    box-shadow: 0 1px 3px rgba(0,0,0,.05); 
}
.g-core-image-corp-container .btn:active,{
    background: #ddd;
}
.g-core-image-corp-container .btn:disabled{
    background: #eee !important;
    border-color:#ccc;
    cursor: not-allowed;
}
.g-core-image-corp-container .btn-upload{
    background: #27ae60;
    border-color:#27ae60;
    color:#fff;
}
.g-core-image-corp-container .btn-upload:hover{
    background: #2dc26c;
    border-color:#27ae60;
    box-shadow: 0 1px 3px rgba(0,0,0,.05); 
}
.g-core-image-corp-container .g-crop-image-box,.g-core-image-corp-container .g-crop-image-box .g-crop-image-principal{
    position: relative;   
    
}
.g-core-image-corp-container .g-crop-image-box .select-recorte{
    position: absolute;
    background: #fff;
    opacity: .5;
    border:2px dashed #555;
    
}

/**jquery ui css**/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}