.cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr!important}.cropper-container img{display:block;width:100%;min-width:0!important;max-width:none!important;height:100%;min-height:0!important;max-height:none!important;image-orientation:0deg!important}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff;filter:alpha(opacity=0)}.cropper-dashed,.cropper-modal{opacity:.5;filter:alpha(opacity=50)}.cropper-modal{background-color:#000}.cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:#39f solid 1px;outline-color:rgba(51,153,255,.75)}.cropper-dashed{position:absolute;display:block;border:0 dashed #eee}.cropper-dashed.dashed-h{top:33.33333%;left:0;width:100%;height:33.33333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333%;width:33.33333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75;filter:alpha(opacity=75)}.cropper-center:after,.cropper-center:before{position:absolute;display:block;content:' ';background-color:#eee}.cropper-center:before{top:0;left:-3px;width:7px;height:1px}.cropper-center:after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1;filter:alpha(opacity=10)}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line,.cropper-point{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1;filter:alpha(opacity=100)}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:' ';opacity:0;background-color:#39f;filter:alpha(opacity=0)}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}}.cropper-invisible{opacity:0;filter:alpha(opacity=0)}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{position:absolute;display:block;width:0;height: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}
.cropfileupload{
    position: relative;
}
.cropfileupload input[type="file"]{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.cropfileupload2{
    background-color: #ffffff;
    text-align: center;
    border-radius: 5px;
    border: 2px dashed #fff;
    padding: 15px;
    margin: 0px 0px 15px;
    transition: 1s;
    box-shadow: 0 3px 7px rgb(0 0 0 / 14%);
}
.cropfileupload input[type="file"]:hover + .cropfileupload2{
    border: 2px dashed #ffb072;
}
.cropfileupload2 img{
    width: 70px;
    height: auto;
}
.cropfileupload2 p{
    color: #777777;
    font-size: 13px;
    font-weight: 600;
    padding: 0px;
    margin: 7px 0px 0px;
}
.cropimageoption{
    background-color: #ffffff;
    border-radius: 5px;
    border: 2px dashed #fff;
    padding: 15px;
    margin: 0px 0px 15px;
    transition: 1s;
    box-shadow: 0 3px 7px rgb(0 0 0 / 14%);
}
.cropped{
    display: block;
    margin: 0px 0px 10px;
}
.cropimageoption .options label{
    display: block;
    color: #777;
    font-size: 11px;
    font-weight: 600 !important;
    padding: 0px;
    margin: 0px;
}
.cropimageoption .options input{
    width: 70px;
    height: 29px;
    padding: 0px 7px;
}
.cropimageoption .preview{
    color: #333;
    font-size: 12px;
    font-weight: 700;
    background-color: #efefef;
    border-radius: 15px;
    border: 1px solid #efefef;
    padding: 5px 20px;
    margin: 10px 10px 0px 0px;
}
.cropimageoption .download{
    color: #ff7000;
    font-size: 12px;
    font-weight: 700;
    border-radius: 15px;
    border: 1px solid #ff7000;
    background-color: transparent;
    padding: 5px 20px;
    margin: 10px 0px 0px 0px;
    transition: all 0.8s;
}
.cropimageoption .download:hover{
    background-color: #ff7000;
    color: #ffffff;
}
img {
   /*max-width: 100%;*/ 
}
.hide {
    display: none;
}
.cropmeodel{
    /* width: 439px; */
    width: 700px;
}
.cropimageresult{
    width: 100%;
    height: 300px;
    max-height: 300px;
    overflow: hidden;
}
#secondImage{
     position: absolute;
    top: 0px;
    left: 0px; 
    width: 192px;
    height:192px;
    z-index: -1;
    object-fit: cover;
}
#actions{
    float: left;
}
.croppedImage{ 
    object-fit: cover;
    height: 157px;
    width: 158px;
}