/*!* Cropper.js v1.5.5 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2019-08-04T02:26:27.232Z*/
.cropper-container{
    direction:ltr;
    font-size:0;
    line-height:0;
    position:relative;
    -ms-touch-action:none;
    touch-action:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.cropper-container img{
    display:block;
    height:100%;
    image-orientation:0;
    max-height:none!important;
    max-width:none!important;
    min-height:0!important;
    min-width:0!important;
    width:100%
}
.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.cropper-wrap-box,.cropper-canvas{
    overflow:hidden
}
.cropper-drag-box{
    background-color:#fff;
    opacity:0
}
.cropper-modal{
    background-color:#000;
    opacity:.5
}
.cropper-view-box{
    display:block;
    height:100%;
    outline:1px solid #39f;
    outline-color:rgba(51,153,255,.75);
    overflow:hidden;
    width:100%
}
.cropper-dashed{
    border:0 dashed #eee;
    display:block;
    opacity:.5;
    position:absolute
}
.cropper-dashed.dashed-h{
    border-bottom-width:1px;
    border-top-width:1px;
    height:calc(100%/3);
    left:0;
    top:calc(100%/3);
    width:100%
}
.cropper-dashed.dashed-v{
    border-left-width:1px;
    border-right-width:1px;
    height:100%;
    left:calc(100%/3);
    top:0;
    width:calc(100%/3)
}
.cropper-center{
    display:block;
    height:0;
    left:50%;
    opacity:.75;
    position:absolute;
    top:50%;
    width:0
}
.cropper-center::before,.cropper-center::after{
    background-color:#eee;
    content:' ';
    display:block;
    position:absolute
}
.cropper-center::before{
    height:1px;
    left:-3px;
    top:0;
    width:7px
}
.cropper-center::after{
    height:7px;
    left:0;
    top:-3px;
    width:1px
}
.cropper-face,.cropper-line,.cropper-point{
    display:block;
    height:100%;
    opacity:.1;
    position:absolute;
    width:100%
}
.cropper-face{
    background-color:#fff;
    left:0;
    top:0
}
.cropper-line{
    background-color:#39f
}
.cropper-line.line-e{
    cursor:ew-resize;
    right:-3px;
    top:0;
    width:5px
}
.cropper-line.line-n{
    cursor:ns-resize;
    height:5px;
    left:0;
    top:-3px
}
.cropper-line.line-w{
    cursor:ew-resize;
    left:-3px;
    top:0;
    width:5px
}
.cropper-line.line-s{
    bottom:-3px;
    cursor:ns-resize;
    height:5px;
    left:0
}
.cropper-point{
    background-color:#39f;
    height:5px;
    opacity:.75;
    width:5px
}
.cropper-point.point-e{
    cursor:ew-resize;
    margin-top:-3px;
    right:-3px;
    top:50%
}
.cropper-point.point-n{
    cursor:ns-resize;
    left:50%;
    margin-left:-3px;
    top:-3px
}
.cropper-point.point-w{
    cursor:ew-resize;
    left:-3px;
    margin-top:-3px;
    top:50%
}
.cropper-point.point-s{
    bottom:-3px;
    cursor:s-resize;
    left:50%;
    margin-left:-3px
}
.cropper-point.point-ne{
    cursor:nesw-resize;
    right:-3px;
    top:-3px
}
.cropper-point.point-nw{
    cursor:nwse-resize;
    left:-3px;
    top:-3px
}
.cropper-point.point-sw{
    bottom:-3px;
    cursor:nesw-resize;
    left:-3px
}
.cropper-point.point-se{
    bottom:-3px;
    cursor:nwse-resize;
    height:20px;
    opacity:1;
    right:-3px;
    width:20px
}
@media(min-width:768px){
    .cropper-point.point-se{
        height:15px;
        width:15px
    }

}
@media(min-width:992px){
    .cropper-point.point-se{
        height:10px;
        width:10px
    }
}
@media(min-width:1200px){
    .cropper-point.point-se{
        height:5px;
        opacity:.75;
        width:5px
    }
}
.cropper-point.point-se::before{
    background-color:#39f;
    bottom:-50%;
    content:' ';
    display:block;
    height:200%;
    opacity:0;
    position:absolute;
    right:-50%;
    width:200%
}
.cropper-invisible{
    opacity:0
}
.cropper-bg{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}
.cropper-hide{
    display:block;
    height:0;
    position:absolute;
    width:0
}
.cropper-hidden{
    display:none!important
}
.cropper-move{
    cursor:move
}
.cropper-crop{
    cursor:crosshair
}
.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{
    cursor:not-allowed
}
.cropper-view-box,.cropper-face{
    border-radius:50%
}
.crop-img-container img{
    max-width:100%
}
#result_single img,#result_couple_male img,#result_couple_female img{
    max-width:100px
}
#cam_container,#cam_container video{
    max-width:100%;
    height:auto
}
.user_pic_container{
   
    height:auto;
    max-height:100px;
    max-width:100%
}
a.imgremovebtn{
    position:absolute;
    top:0;
    right:0;
    margin:-12px;
    border:1px solid;
    border-radius:50%;
    width:24px;
    height:24px;
    background:#fff;
    color: #782f3a;
}
.imageUploader{
    border:1px dashed #add8e6;
    text-align:center;
    margin:20px 0;
    position:relative;
    padding:30px;
    border-radius: 8px;
    background-color: #faeaeb;
    
}
body{
    background: #faeaeb !important;
}
.inner-wrap{
    margin-bottom: 130px;
}
.wrap{
    background: #faeaeb;
    
    height: 100%;
}
.footer{
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    margin-top: 80px;
}
.footer::before{
    position: absolute;
    content: '';
    height: 91px;
    width: 100%;
    background: url('border.png') repeat center;
    left: 0;
    right: 0;
    bottom: 24px;
    transform: rotate(180deg);
    z-index: -1;
}

.mod-header{
    padding: 6px 15px !important;
}

.mod-title {
    font-size: 18px;
}

.modal-footer{
    justify-content: center !important;
}
.modal-footer .btn{
    width: 31%;
}

.rotateC{
    border: 1px solid #782f3a !important;
    color: #782f3a !important;
}

.save{
    background-color: #782f3a !important;
    color: #fff !important;
}

.form-control{
    border: none !important;
    border-radius: 8px !important;
    background-color: #faeaeb !important;
}


.header{
    position: relative;
    margin-bottom: 120px;
    

}

.header::before{
    position: absolute;
    content: '';
    height: 91px;
    width: 100%;
    background: url('border.png') repeat center;
    left: 0;
    right: 0;
    bottom: -90px;
}

.logo img{
    width: 100px;
}

.form-bg{
    background-color: #fbf5f5;
    border-radius: 8px;
    padding-top: 15px;
    box-shadow: -3px 3px 19px 0px rgba(0,0,0,0.1);
}

@media(max-width:575px){
    .inner-wrap{
        padding: 0 15px;
    }
    .title{
        font-size: 25px;
    }
    .logo {
    float: left;
    }
    .logo img{
    width: 70px;
}
    .header::before {
    height: 46px;
    background-size: 40%;
    }
    .footer::before {
    height: 46px;
    background-size: 40%;
    }
    .inner-wrap {
    margin-bottom: 70px;
    }
    .header {
    margin-bottom: 110px;
    }
    h2.title {
    padding: 30px 0 0 !important;
    text-align: right;
    }
    .imageUploader {
    margin: 10px 0;
    padding: 20px;
    }
}