@charset "utf-8";
/* CSS Document */
#eye-conn { position:relative; }
#eye-conn .ui-icon-gripsmall-diagonal-se { background:none;border:0px solid #ffffff;border-top:5px solid transparent;border-left:5px solid transparent;height:30px;width:30px; background:url(../img/page_moommong/btn/btnzoom.png) no-repeat; }
#eye-glasses { position:absolute;top:30%; left:20%; width:60%;  cursor:move; }
#eye-glasses img { width:100%;height:auto; }

.ui-selectmenu-button { width:89% !important; font-size:20px !important; font-family:'WebFont'; padding:12px 4px 12px 25px; border:1px solid #dddddd; background:#FFF; border-radius:30px; font-size:20px; margin:0px; outline:none; position:relative; color:#9e7152 !important;}

.ui-widget-content {
    color: #9e7152;
}
.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 5px;
}
.ui-selectmenu-menu .ui-menu { width:1%;margin-top:-52px;}
.ui-menu.ui-corner-bottom.ui-widget.ui-widget-content { border-radius:20px; }
.ui-menu .ui-menu-item-wrapper { padding:12px 26px; margin:0px; }
.child-option { font-size:20px !important; font-family:'WebFont';}
.overflow { max-height: 260px; }

.lbtn { background-color:#634230;color:#ffffff;font-size:20px;display:block; padding:10px 20px; text-align:center; border-radius:25px; border:none; cursor:pointer; margin:20px 20px 0px 20px; width:85%; }

      .cropit-preview {
        background-color: #f8f8f8;
        background-size: cover;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-top: 7px;
        width: 500px;
        height: 530px;
      }

      .cropit-preview-image-container {
        cursor: move;
      }

      .image-size-label {
        margin-top: 10px;
      }
span.ng-binding{
  color: #333;
}
.alertclass { font-size:20px !important; font-family:'WebFont';}
.alertclass .ui-dialog-buttonpane { margin-top:0px !important; padding:0;}
.alertclass .ui-dialog-titlebar {
    display: none;
}
.alertclass button.ui-button.ui-corner-all.ui-widget {font-family:'WebFont';}

.alertclass .btnDlgCrop {background: #0c1f6b;color: #FFF;font-weight: bold;border-radius: 25px;padding: 10px 45px;}
.alertclass .btnDlgClose {border-radius: 25px;padding: 10px 45px;}
.alertclass .btnDlgClose:active {background: #d90000;}

div.upload {
    width: 109px;
    height: 30px;
    background:url(../img/page_moommong/btn/upload.png) no-repeat; cursor:pointer;
    overflow: hidden;
}
div.upload input {
    display: block !important;
    width: 109px !important;
    height: 30px !important;
    opacity: 0 !important;
    overflow: hidden !important; cursor:pointer;
}

.image-size-label {	margin-top: 5px;}
.image-editor a.rotate-ccw { display:block; width:25px; height:25px; background:url(../img/page_moommong/btn/rotate_ccw.png) no-repeat; background-size: 100% 100%; font-size:0;z-index:2;}
.image-editor a.rotate-cw { display:block; width:25px; height:25px; background:url(../img/page_moommong/btn/rotate_cw.png) no-repeat; background-size: 100% 100%; font-size:0; z-index:2;}
.cropit-image-zoom-input { width:90%; margin:0px;}

.TableFileUploadinner { border-spacing: 1px; border-collapse: separate; width:100%; font-size:22px;}
.TableFileUploadinner td.iii01 { width:30px;}
.TableFileUploadinner td.iii02 { width:30px;}
.TableFileUploadinner td.iii03 {}

.TableFileUpload { border-spacing: 1px; border-collapse: separate; width:100%; font-size:22px;}
.TableFileUpload td { width:50%;}

.control-menu { position:relative;display:none; }
.control-menu .position-btn { text-align:center;margin-top:30px; }
.control-menu .position-btn a { display: inline-block;margin:0px 5px;}
.control-menu .position-btn img { width:50px;height:auto!important; }
.control-menu .zoom-btn { position:absolute;top:-140px;right:40px;  }
.control-menu .zoom-btn a { display:block;margin:10px 0px;}
.control-menu .zoom-btn img { width:34px;height:auto!important; }

.divFileUpload {}
.divFileUpload .divFileUploadD1 { float:left; width:30%; padding:10px 0 0 0;}
.divFileUpload .divFileUploadD2 { float:left; width:70%;}

@media only screen and (max-width: 1100px) {
  #eye-conn .ui-icon-gripsmall-diagonal-se { background:none;  }
  .control-menu { display:block }
}
@media only screen and (max-width: 600px) {
  .sec-test .face-area .person-area { width:auto; }
  .sec-test .face-area .person-area img { width:100%;height:auto }
  .control-menu .zoom-btn { right:20px; }
}
@media only screen and (max-width: 400px) {
	.ui-dialog .ui-dialog-content  { padding:0;}
  .cropit-preview {
	width: 305px;
	height: 323px;
  }
  	.image-size-label { padding:0 10px 0 10px;}
	.divFileUpload {}
	.divFileUpload .divFileUploadD1 { float:none; padding:10px 0 0 0;}
	.divFileUpload .divFileUploadD2 { float:none; width:90%; padding:0 0 0 10px;}
  	.TableFileUploadinner td.iii03 { width:100px;}
	.cropit-image-zoom-input { margin:0px;}
}
@media only screen and (max-width: 400px) {
  .cropit-preview {
	width: 275px;
	height: 292px;
  }
}