/* -- Imported styles ----------------------------- */
@import url("hcmarginpadding/hcvertical.min.css");
@import url("hcmarginpadding/hchorizon.min.css");
@import url("columns.css");
@import url("global.css");
@import url("box.css");
@import url("style.css");
@import url("responsive.css");

.drap{
    position: relative;
    margin: 0 25px 25px 0;
}

.drap img{
    z-index: 9;
    position: relative;
}

.drap:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: -25px;
    bottom: -25px;
    background-color: #ffffff;
}

.drap-grey:after{
    background-color: #f5f5f5;
}


/*Popup*/
.divPopup { padding:15px;}


.popup-avatar {}
.popup-avatar .div-preview  { margin-right:20px; width:180px;}


.preview_container{
    width:180px;
    height:180px;
    overflow:hidden;
}

#cropattrform img { max-width:none !important;}

.CropImage {  width:500px; margin:0px auto; }
.image_container { margin-bottom:5px;  }

.popup-avatar .div-upload {width:500px; font-size:12px;}
.popup-avatar .div-upload h3 { margin-bottom:5px; font-size:14px;}

.popup-avatar .div-upload #span_image_action { margin:10px 0px;}
.popup-avatar .div-upload #inform-main { margin-bottom:10px;}
.popup-avatar .div-upload .div-button { text-align:center;}

.popupCover { padding: 10px; text-align: center}


/*----------- Browse -------------*/
.input-file {position:relative;}
.input-file .file-label{
    float:right; white-space:nowrap; position:relative; z-index:1; left:0; top:0; overflow:hidden;
    width:100px;
    background:#00397c;
    color: #FFFFFF;
    line-height:34px;
    height:34px;
    text-align:center;
    font-size:14px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}

.input-file-no-path .file-label{
    float:left;
}
.input-file .file-label span{ display:inline;  color: #fff ;  -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0; }
.input-file .file-label input{ width:auto; position:absolute; right:0; top:0; border:none; font-size:11px; line-height:12px; opacity:0; zoom:1; filter:alpha(opacity=0); cursor:pointer; font-weight: normal; color: #333333; height:34px;
}
.input-file var{ display:block;   position:relative; overflow:hidden; border:solid 1px #d6d6d6; height:34px; line-height:34px; font-size:14px;}

.input-file-no-path .label{   }
.input-file var input{ display:block; width:100%; position:absolute; padding:0; border:none; font-size:14px; color:#333333; top:0; left:0;  height:100%;  font-weight: normal; background-color: #FFFFFF; text-indent: 40px; }

.input-file.file-attach .text-file { }
.input-file.file-attach .delete {
    position:absolute;
    left:1px ;
    top:1px;
    width:32px;
    height:32px;
}
#upload_result{ padding-top:5px;}
.upload_result { padding-top:10px; font-weight: bold}