.wrap-upload-container .error-container .error-msg {  margin-bottom:20px;}.wrap-upload-container.content-popup {  margin-top:0;}.wrap-upload-container .wrap-body-tab-upload {  border:2px dashed #b0b0b0;  border-radius:20px;  overflow:hidden;}.wrap-upload-container .wrap-body-tab-upload.hasFiles {  border:none;  border-radius:unset;}.wrap-upload-container .error-msg {  background-color:rgba(220, 31, 39, .2);  border:1px solid rgba(220, 31, 39, .8);  border-radius:.25rem;  padding:.75rem 1.25rem;  color:rgba(220, 31, 39, .8);  font-family:Sarabun, sans-serif;  text-align:center;}.wrap-upload-container .dropzone {  background:white none repeat scroll 0 0;  position:relative;  width:100%;  height:100%;}.wrap-upload-container .wrap-file-result {  display:none;  text-align:center;  margin:auto;  color:#676a6c;}.wrap-upload-container .wrap-file-result.active {  display:block;}.wrap-upload-container .wrap-file-result .wrap-file-description {  text-align:left;  font-size:18px;  margin-bottom:30px;}.wrap-upload-container .wrap-file-result .wrap-file-upload-box {  display:flex;  margin:auto;  padding:8px 10px;  border:1px solid #e5e5e5;  border-radius:7px;}.wrap-upload-container .wrap-file-result .wrap-file-upload-box .wrap-file-icon {  font-size:35px;  width:52px;  height:52px;  min-width:52px;  border-radius:5px;  display:flex;  align-items:center;  justify-content:center;}.wrap-upload-container .wrap-file-result .wrap-file-upload-box .wrap-file-icon.xls {  color:#048c2d;  background:rgba(28, 180, 74, .3411764706);}.wrap-upload-container .wrap-file-result .wrap-file-upload-box .wrap-file-detail {  min-width:0;  width:100%;  margin-inline:10px;  display:flex;  flex-direction:column;  justify-content:space-around;  position:relative;  text-align:left;}.wrap-upload-container .wrap-file-result .wrap-file-upload-box .wrap-file-detail .wrap-file-name {  display:flex;  font-size:18px;  color:#1d2129;}.wrap-upload-container .wrap-file-result .wrap-file-upload-box .wrap-file-detail .wrap-file-name .file-name-u {  text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap;  min-width:0;}.wrap-upload-container .wrap-file-result .wrap-file-upload-box .wrap-file-detail .file-size {  font-size:15px;  color:#b4b4b4;}.wrap-upload-container .wrap-file-result .wrap-file-upload-box .wrap-file-remove {  margin-right:-7px;  font-size:20px;  display:flex;  flex-direction:column;  justify-content:center;}.wrap-upload-container .wrap-file-result .wrap-file-button {  padding-top:20px;  display:flex;  justify-content:flex-end;  gap:10px;}.wrap-upload-container .btn-template-link {  color:var(--brand-primary-color, #004dc4);  font-weight:500;}.wrap-upload-container .wrap-select-image {  padding:20px 0 35px;  min-height:225px;  text-align:center;  margin:auto;  color:#676a6c;  border-radius:20px;  background-color:#f7f7f7;}.wrap-upload-container .wrap-select-image div {  margin:0 auto;  font-size:24px;  font-weight:500;  max-width:75%;}.wrap-upload-container .wrap-select-image .wrapper-icon {  width:200px;  position:relative;}.wrap-upload-container .wrap-select-image .fa5-icon {  position:absolute;  line-height:125px;}.wrap-upload-container .wrap-select-image .main-icon {  font-size:120px;  color:#b0b0b0;  position:relative;}.wrap-upload-container .wrap-select-image .animate-icon {  transition:all .2s ease;  font-size:46px;  top:47px;  left:78px;  color:#b0b0b0;  position:absolute;}.wrap-upload-container .wrap-select-image .level-1-icon,.wrap-upload-container .wrap-select-image .level-2-icon,.wrap-upload-container .wrap-select-image .level-3-icon,.wrap-upload-container .wrap-select-image .level-4-icon,.wrap-upload-container .wrap-select-image .level-5-icon,.wrap-upload-container .wrap-select-image .level-6-icon,.wrap-upload-container .wrap-select-image .level-7-icon {  color:#e9e9e9;}.wrap-upload-container .wrap-select-image .level-1-icon {  font-size:15px;  top:30px;  left:0;}.wrap-upload-container .wrap-select-image .level-2-icon {  font-size:15px;  top:-40px;  right:13px;}.wrap-upload-container .wrap-select-image .level-3-icon {  font-size:10px;  top:45px;  right:16px;}.wrap-upload-container .wrap-select-image .level-4-icon {  font-size:10px;  top:10px;  left:13px;}.wrap-upload-container .wrap-select-image .level-5-icon {  font-size:25px;  top:-10px;  left:-10px;}.wrap-upload-container .wrap-select-image .level-6-icon {  font-size:16px;  top:-14px;  right:17px;}.wrap-upload-container .wrap-select-image .level-7-icon {  font-size:20px;  top:12px;  right:3px;}.wrap-upload-container .wrap-select-image .shadow-icon {  height:15px;  border-radius:50%;  background-color:#e3e3e3;  position:relative;  margin:5px auto 15px;  width:156px;}.wrap-upload-container .wrap-select-image .desc {  font-size:24px;}.wrap-upload-container .wrap-select-image .desc-small {  font-size:14px;  opacity:.75;}.wrap-upload-container .wrap-select-image .s-line {  display:flex;  margin:19px auto;  max-width:250px;  align-items:center;  padding-inline:50px;}.wrap-upload-container .wrap-select-image .s-line .s-txt {  color:#aaa;  margin:auto 8px;  font-size:15px;}.wrap-upload-container .wrap-select-image .s-line::after, .wrap-upload-container .wrap-select-image .s-line::before {  content:"";  height:1px;  flex:1;  background-color:#EEE;}.wrap-upload-container .group-upload .label-or {  color:#999;  font-size:15px;  text-align:center;  padding:15px 0 25px;}.wrap-upload-container .group-upload .label-or span {  color:#1d2129;}.wrap-upload-container .group-upload .wrap-all-upload-btn {  text-align:center;  padding-top:10px;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload {  display:inline-block;  vertical-align:top;  width:75px;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload img {  vertical-align:middle;  border:0;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-icon {  font-size:26px;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-label {  margin-top:10px;  font-size:12px;  color:#888;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn_upload_device .btn-icon {  color:#1e60c3;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload {  cursor:pointer;  border:0;  background:transparent;  text-align:center;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload[data-ref=dropbox] img {  width:28px;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload[data-ref=google_drive] img {  width:30px;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload[data-ref=google_drive] .btn-label {  margin-top:12px;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload[data-ref=onedrive] img {  width:42px;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload[data-ref=onedrive] .btn-label {  margin-top:13px;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload[data-ref=sharepoint] img {  width:34px;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn-upload[data-ref=box] img {  width:28px;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn_upload_link .btn-icon {  color:#eb9a41;}.wrap-upload-container .group-upload .wrap-all-upload-btn .wrap-btn-upload .btn_upload_link .btn-label {  margin-top:12px;}.wrap-upload-container .dz-default {  display:none;}.wrap-upload-container.hover .wrap-body-tab-upload {  border-color:var(--brand-primary-color, #004dc4);}.wrap-upload-container.hover .animate-icon, .wrap-upload-container.active .animate-icon {  font-size:50px;  top:45px;  left:77px;  color:var(--brand-primary-color, #004dc4);}.wrap-upload-container .progress {  width:350px;  height:12px;  margin:0 auto;}.wrap-upload-container .wrap-dropzone:not(.active),.wrap-upload-container .wrap-crop-image:not(.active) {  display:none;}.wrap-upload-container .wrap-preview-image {  display:none;  position:relative;}.wrap-upload-container .wrap-preview-image.preview_detail {  padding-left:250px;}.wrap-upload-container .wrap-preview-image.active {  display:block;}.wrap-upload-container .wrap-preview-image .wrap-preview-crop-image {  position:relative;  margin:0 auto;}.wrap-upload-container .wrap-preview-image .wrap-preview-crop-image .template-preview-crop-image {  width:100%;  height:100%;  position:absolute;}.wrap-upload-container .wrap-preview-image .wrap-preview-crop-image .preview-crop-image {  position:relative;  mix-blend-mode:multiply;}.wrap-upload-container .crop-area {  max-width:100%;  max-height:363px;}.wrap-upload-container .cropper-face {  background-color:transparent;}.wrap-upload-container .cropper-bg {  background:#eee !important;  max-height:363px !important;}.wrap-upload-container .cropper-line, .wrap-upload-container .cropper-point {  background-color:#FFF;}.wrap-upload-container .cropper-dashed {  display:none;}.wrap-upload-container .cropper-view-box {  outline-color:#FFF;}.wrap-upload-container .cropper-point {  width:20px !important;  height:20px !important;  opacity:1 !important;  background-color:transparent;}.wrap-upload-container .cropper-point.point-n, .wrap-upload-container .cropper-point.point-w, .wrap-upload-container .cropper-point.point-s, .wrap-upload-container .cropper-point.point-e {  display:none;}.wrap-upload-container .cropper-point.point-ne {  border-top:3px solid #FFF;  border-right:3px solid #FFF;}.wrap-upload-container .cropper-point.point-se {  border-bottom:3px solid #FFF;  border-right:3px solid #FFF;}.wrap-upload-container .cropper-point.point-sw {  border-bottom:3px solid #FFF;  border-left:3px solid #FFF;}.wrap-upload-container .cropper-point.point-nw {  border-top:3px solid #FFF;  border-left:3px solid #FFF;}.wrap-upload-container .upload-footer {  padding:10px 10px 0;  display:flex;  align-items:center;}.wrap-upload-container .wrap-body-tab-upload .btn-add, .wrap-upload-container .wrap-body-tab-upload .btn-cancel {  margin-top:0;  padding-left:16px;  padding-right:16px;}.wrap-upload-container .wrap-zoom-img .slidertool {  height:20px;  -webkit-appearance:none;  margin-left:10px;  margin-right:10px;}.wrap-upload-container .wrap-zoom-img .slidertool:focus {  outline:none;}.wrap-upload-container .wrap-zoom-img .slidertool::-webkit-slider-runnable-track {  width:100%;  height:2px;  cursor:pointer;  animate:.2s;  box-shadow:0 0 0 #000;  background:rgba(150, 40, 38, .4);  border-radius:1px;  border:0 solid #e9ebee;}.wrap-upload-container .wrap-zoom-img .slidertool.active_slider::-webkit-slider-thumb {  background:red !important;}.wrap-upload-container .wrap-zoom-img .slidertool::-webkit-slider-thumb {  background-color:#fff;  border:3px solid #1e60c3;  box-shadow:0 0 0 #000;  height:18px;  width:18px;  border-radius:25px;  background:white;  cursor:pointer;  -webkit-appearance:none;  margin-top:-7px;}.wrap-upload-container .wrap-zoom-img .slidertool:focus::-webkit-slider-runnable-track {  background:rgba(150, 40, 38, .4);}.wrap-upload-container .wrap-zoom-img .slidertool::-moz-range-track {  width:100%;  height:2px;  cursor:pointer;  animate:.2s;  box-shadow:0 0 0 #000;  background:rgba(30, 96, 195, .4);  border-radius:1px;  border:0 solid #000;}.wrap-upload-container .wrap-zoom-img .slidertool::-moz-range-thumb {  box-shadow:0 0 0 #000;  border:1px solid #e9ebee;  height:18px;  width:18px;  border-radius:25px;  background:#1e60c3;  cursor:pointer;}.wrap-upload-container .wrap-zoom-img .slidertool::-ms-track {  width:100%;  height:5px;  cursor:pointer;  animate:.2s;  background:transparent;  border-color:transparent;  color:transparent;}.wrap-upload-container .wrap-zoom-img .slidertool::-ms-fill-lower {  background:#e9ebee;  border:0 solid #000;  border-radius:2px;  box-shadow:0 0 0 #000;}.wrap-upload-container .wrap-zoom-img .slidertool::-ms-fill-upper {  background:#e9ebee;  border:0 solid #000;  border-radius:2px;  box-shadow:0 0 0 #000;}.wrap-upload-container .wrap-zoom-img .slidertool::-ms-thumb {  margin-top:1px;  box-shadow:0 0 0 #000;  border:1px solid #2497E3;  height:18px;  width:18px;  border-radius:25px;  background:#A1D0FF;  cursor:pointer;}.wrap-upload-container .wrap-zoom-img .slidertool:focus::-ms-fill-lower {  background:#e9ebee;}.wrap-upload-container .wrap-zoom-img .slidertool:focus::-ms-fill-upper {  background:#e9ebee;}.wrap-upload-container #wrap_tab_url {  padding-top:20px;}.wrap-upload-container #wrap_tab_url .wrap_input_url {  max-width:75%;  margin:0 auto;}.wrap-upload-container #wrap_tab_url .wrap-input {  margin-top:0;}.wrap-upload-container .wrap-other-method {  margin-top:25px;  text-align:left;  height:20px;  line-height:20px;  font-size:15px;  font-weight:normal;  color:#1e60c3;}.wrap-upload-container .wrap-btn {  display:flex;  align-items:center;}.wrap-upload-container .fallback {  display:none;}.wrap-upload-container .wrap_progress {  position:absolute;  bottom:35px;  left:50%;  transform:translateX(-50%);} .progress {  overflow:hidden;  background-color:#f5f5f5;  border-radius:4px;  box-shadow:none;} .progress-bar {  -webkit-animation:progress-bar-stripes 2s linear infinite;  -o-animation:progress-bar-stripes 2s linear infinite;  animation:progress-bar-stripes 2s linear infinite;  float:left;  width:0;  height:100%;  font-size:12px;  line-height:20px;  color:#fff;  text-align:center;  background-color:var(--brand-primary-color, #004dc4);  -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .15);  box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .15);  -webkit-transition:width .6s ease;  -o-transition:width .6s ease;  transition:width .6s ease;} .progress-bar-striped {  background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);  background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);  background-image:linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);  -webkit-background-size:40px 40px;  background-size:40px 40px;} .wrap-zoom-img input[type=range] {  overflow:hidden;  -webkit-appearance:none;} .wrap-zoom-img input[type=range]::-webkit-slider-runnable-track {  background:#1e60c3 !important;} .wrap-zoom-img input[type=range]::-moz-range-track {  background-color:#1e60c3 !important;} .wrap-zoom-img input[type=range]::-ms-track {  background:#1e60c3 !important;} .wrap-zoom-img input[type=range]::-ms-fill-lower {  background:#1e60c3 !important;} .wrap-zoom-img input[type=range]::-ms-fill-upper {  background:#1e60c3 !important;}