/*
 * imgAreaSelect default style
 */
 

 
 .uploadImage {width:100%;max-width:280px;height:280px;margin:auto;background-color:#f2f2f2;border:1px solid #ccc;margin-bottom:15px;}
.uploadImage.female {background-image:url(../../images/female.png)}
.uploadImage.male {background-image:url(../../images/male.png)}


.upload-btn-wrapper {position: relative;width:280px;height:280px;}
.upload-btn-wrapper button, .upload-btn-wrapper input[type=file] {width:100%;height:100%;}
.upload-btn-wrapper button {
	border:0;
	outline:0;
	border-radius:0;
	background-color:#929191;	
	color:#fff
}
.gender-pic.male .upload-btn-wrapper button{}
.gender-pic.female .upload-btn-wrapper button{}

.upload-btn-wrapper input[type=file] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	cursor:pointer
}

.extra-upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.extra-upload-btn-wrapper .btn {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  
}

.extra-upload-btn-wrapper input[type=file] {
 
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
 
 
 
 
 
 
 
 
 
 

.imgareaselect-border1 {
	background: url(../images/border-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(../images/border-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(../images/border-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(../images/border-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-selection {  
}

.uploadImage .modal-body{display: flex;}
.uploadImage  .progress{display:none;}
.awesome-cropper {width:100%;height:100%;outline:none; position:relative;}
.awesome-cropper:after {width:100%;height:100%;background:rgba(0,0,0,.4);position:absolute;top:0;left:0;content:'Upload Profile Photo';text-align:center;vertical-align:middle;padding-top:48%;color:#FFF;opacity:0; pointer-events: none;}
.awesome-cropper:hover:after {opacity:1}
.awesome-cropper input[type="file"] {width:100%;height:100%;outline:none;cursor:pointer;opacity:0;z-index:10;}
.awesome-cropper > img {position:absolute;top:0;left:0}
.awesome-cropper-drop-area {}
.awesome-cropper .preview {}

.awesome-cropper .modal, .awesome-cropper .modal.fade.in {top:3%}
.awesome-cropper .modal-dialog {max-width:900px; width: 100%;}

.uploadImage .modal-content{ overflow:hidden;}
.uploadImage .modal-content img{ max-width:550px; }

.cancelBtn, .aplyBtn{padding: 5px 15px; background: #18194d; color: #fff; margin: 0 10px;}
.cancelBtn:hover, .aplyBtn:hover{background:#3a3b6b; color: #fff;}