.nv-uploadPicture .change-picture-btn {
    position: absolute;
    bottom: 60px;
    right: 54px;
    border-radius: 50%;
    background-color: #3c414a !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0px 4px;
    height: 30px;
    visibility: hidden;
}

.nv-uploadPicture .change-picture-btn .icon {
    font-size: 0.8em;
}

.nv-uploadPicture:hover .change-picture-btn {
    visibility: visible;
}

.nv-uploadPicture .picture
{
    height: 140px;
    width: 140px;
    margin: 2px;
    background-color: #CCC;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}

.nv-uploadPicture .picture.done
{
    background-image:none;
    background-color: transparent;
}

.nv-uploadPicture .picture .nv-image
{
    max-height:140px;
    max-width:140px;
    border-radius: 10px;
}

.nv-uploadPicture .spin,
.nv-uploadPicture-cropper-popup.spin .cont > .bd{
    background: url(data:image/gif;base64,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) no-repeat scroll  50% 50% transparent !important;
}

.nv-uploadPicture-cropper-popup .preview {
    width: 200px;
    height: 200px;
    margin: 2px;
    overflow: hidden !important;
    position: relative;
    border-radius: 12px;
}

.nv-uploadPicture-cropper-popup .preview .nv-image {
    position: absolute;
}

.nv-uploadPicture-cropper-popup .hasImage .preview {
    background-image: none;
}

.nv-uploadPicture-cropper-popup .hasImage .preview .nv-image {
    background-color: #FFFFFF;
    max-width: none;
}

.nv-uploadPicture-cropper-popup .upload-cont,
.nv-uploadPicture-cropper-popup .preview-cont{
    margin: 0 8px 0 0;
}

.nv-uploadPicture-cropper-popup .preview-cont {
    border-left: 1px solid #ccc;
    padding-left: 16px;
}

.nv-uploadPicture-cropper-popup .title {
    font-weight: 500;
}

.nv-uploadPicture-cropper-popup .small,
.nv-uploadPicture-cropper-popup .change{
    font-size: 13px;
    padding: 3px 0 10px;
    color: #888;
}

.nv-uploadPicture-cropper-popup .upload-cont {
    width: 350px;
}

.nv-uploadPicture-cropper-popup .imageCropper-cont {
    text-align: center;
    width: 360px;
}

.nv-uploadPicture-cropper-popup .imageCropper-cont .nv-image {
    width: 360px;
}

.nv-uploadPicture-cropper-popup .imageCropper-cont > .bd-cont > .bd {
    display: inline-block;
}/*!
 * Cropper.js v1.5.13
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2022-11-20T05:30:43.444Z
 */
.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 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none!important;
    max-width: none!important;
    min-height: 0!important;
    min-width: 0!important;
    width: 100%
}

.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-canvas,.cropper-wrap-box {
    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: 33.33333%;
    left: 0;
    top: 33.33333%;
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.33333%;
    top: 0;
    width: 33.33333%
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}

.cropper-center:after,.cropper-center:before {
    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
}