.dashboard {margin: 0 0 30px 0;}
.dashboard .card {min-height:266px;background-color: var(--light3);}
.dashboard .menu {position: absolute;right: 0.5rem;top: 0.3rem;width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 40px;cursor:pointer;}
.dashboard .menu:hover {background-color:rgba(255, 255, 255, .3);}
.dashboard .fa-bg {position: absolute;top: 63px;left: 10px;font-size: 8rem;color: #fff;opacity: .3;}
.dashboard .list-group-item {background-color: transparent;border-color:white;border-bottom:0;border-style:dotted;padding: .2rem .5rem;font-size: 0.9rem;cursor:pointer;}
.dashboard .list-group-item:hover {background-color:rgba(255, 255, 255, .3);}
.dashboard .card-body {opacity:.8;height: 195px;}
.dashboard .card-body ul {overflow-y: auto;width:100%;}

.btn-accordion {border-radius: 0;border: 0;text-align: left;font-weight: bold;position: relative;}
a.btn-accordion {color:#fff!important;}
.btn-accordion:not(.collapsed)>div>div {color:var(--light1);}
.btn-accordion.collapsed {font-weight: normal;}
.btn-accordion:focus {box-shadow: unset !important;}
.btn-accordion input {border:0;width: 400px;}

a i.chevron-ease-180, button i.chevron-ease-180 {transition: all .15s ease 0s;}
a[aria-expanded="true"] i.chevron-ease-180, button[aria-expanded="true"] i.chevron-ease-180 {transform: rotate(180deg);font-weight: 900;}

.menu .dropdown-toggle::after {content: none;}
.dropdown-menu {border-radius:unset;}
.menu .dropdown-menu {border-radius:.25rem;}
.dropdown-item:focus, .dropdown-item:hover {text-decoration: none;background-color: var(--light2);}
.menu .dropdown-menu .dropdown-item {padding:.25rem 1.5rem;line-height: initial;}

.modal-body div:not(.form-normal)>div>.form-control {border-radius:unset;border:0;border-bottom:1px solid #ccc;padding: .7rem 0 .2rem 0;}
.modal-body div:not(.form-normal)>div>.form-control.no-line {border-bottom:0;}
.modal-body div:not(.form-normal)>div>.form-control:focus {box-shadow: unset!important;-webkit-box-shadow: unset!important;}
.modal-body div:not(.form-normal)>div>.form-control.dropdown {padding-bottom:0;}
.modal-body div:not(.form-normal)>div>.form-control .btn.dropdown-toggle {padding: initial;border:0;}
.modal-body div:not(.form-normal)>div>.form-control.color-picker {padding:.375rem .75rem;}
.modal-body div:not(.form-normal)>div>.form-control:disabled {background-color:unset;color:#aaa;}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {color: inherit;background-color: inherit;border-color: inherit;}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {border-color: inherit;}

.zoom-in {transform: scale(0)!important;opacity: 0;-webkit-transition: .5s all 0s;-moz-transition: .5s all 0s;-ms-transition: .5s all 0s;-o-transition: .5s all 0s;transition: .5s all 0s;display: block !important;}
.zoom-in.show {opacity: 1;transform: scale(1)!important;transform:none;}
.zoom-in .modal-dialog{-webkit-transform: translate(0,0);transform: translate(0,0); max-width: 100%;margin: unset;height:100%;}
.zoom-in .modal-dialog .modal-content {height:100%;border-radius:unset;border:0;}
.zoom-in .modal-dialog .modal-content .close {position: absolute;right: .5rem;top: .3rem;height: 3rem;width: 3rem;border-radius: 50%;text-align: center;cursor: pointer;}
.zoom-in .modal-dialog .modal-content .close:hover {background-color: rgba(31, 45, 65, 0.1);}

.zoomArea {position: relative; height:calc(100vh - 67px); width:100%; border:2px solid #ccc;margin-left:1rem;overflow:hidden;}
.pinParent {height:100%;position:relative; transform-origin: 0px 0px 0px;transition-duration: 0ms;}
.pin {position:relative;z-index:1;max-width:100%; max-height:100%;}
.easy-marker {position:absolute; background-size: cover;background-repeat: no-repeat;background-position: center;}
.easy-marker.active {-webkit-box-shadow: -2px 2px 6px 1px rgba(0,0,0,0.5)!important; box-shadow: -2px 2px 6px 1px rgba(0,0,0,0.5)!important;filter: grayscale(20%);}
.easy-marker.active::before {content: '';border: 5px solid gold;width: calc(100% + 10px);height: calc(100% + 10px);position: absolute;left: -5px;top: -5px;}
.easy-marker.disabled {filter: grayscale(80%);}

.dragdrop tr{
	cursor:move;
}
#contextMenu {
	position: absolute;
	display: none;
}

#modal_plan .move-in {display:none;}

#elm_content .table-sm {font-size:.8rem;}

.btn-square {width:50px; height:50px; display:flex;align-items: center;justify-content:center;}
.btn-square.disabled, .btn-square:disabled {opacity:.2;}

.is-zoomable {cursor:zoom-in;}
.is-pinable {cursor:cell;}
.is-zoomable .easy-marker {cursor:inherit;}
.is-editable .easy-marker {cursor:pointer;}

/* table toolbar */
.bootstrap-table .fixed-table-toolbar {display: flex;align-items: center;background: var(--light3);flex-wrap: wrap;}
.bootstrap-table .fixed-table-toolbar .bs-bars, 
.bootstrap-table .fixed-table-toolbar .search, 
.bootstrap-table .fixed-table-toolbar .columns {margin: 0;}
.bootstrap-table .fixed-table-toolbar .bs-bars {flex:1;}
.bootstrap-table .fixed-table-toolbar .search {height: 41px;background: rgba(255,255,255,0.1);}
.bootstrap-table .fixed-table-toolbar .search input, 
.bootstrap-table .fixed-table-toolbar .btn-full-height {min-height: 100%;border:none;border-radius: 0;background: none;color:var(--light1);}
.bootstrap-table .fixed-table-toolbar .search input::placeholder {color: var(--light1);opacity: 1;}
.bootstrap-table .fixed-table-toolbar .search .form-control:not(.readonly):not(.textInInput):not([readonly]):focus {border: none;-webkit-box-shadow: none;box-shadow: none;background: white;color: var(--color1);}
.bootstrap-table .fixed-table-toolbar .btn:hover {color: white;}
.bootstrap-table .fixed-table-toolbar .filter-option, .fixed-table-toolbar .dropdown-toggle::after {margin-top: 5px;}

.bootstrap-table .fixed-table-toolbar .info {color: white;}
.bootstrap-table .fixed-table-toolbar .info i {font-size: 1.5rem;margin:0 .5rem;}
.bootstrap-table .fixed-table-toolbar .info span {font-size: 1.7rem;margin-right: .5rem;}
.bootstrap-table .fixed-table-toolbar .btn-add {font-size: 1.4rem;line-height: 1;margin-left: 2rem;}

.bootstrap-table .fixed-table-container .fixed-table-header {background-color: var(--light2);}
.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) {border-bottom: unset;}
.bootstrap-table .fixed-table-container.fixed-height .table thead:not(.thead-card) th {background-color: unset;font-weight: 300;font-size: .85rem;border-top: none;border-bottom: none;padding-right: 0;}
.bootstrap-table .fixed-table-container .table thead th .sortable {background-position: left;padding-left: 1.2rem !important;padding-right: .4rem !important;}
.bootstrap-table .table:not(.table-card) tbody td {border-top: 1px solid var(--color1);vertical-align:top;}
.bootstrap-table .table-card {font-size: .85rem;}
.bootstrap-table .table-card .int-remark {font-size: .7rem; font-style: italic;}
.bootstrap-table .table-card .img-table {width:100%;}
.bootstrap-table .table-card .custom-switch input {width: 100%;left: 0;height: 100%;z-index: 1;}

.in-tabs .bootstrap-table .fixed-table-toolbar {display: flex;background: unset; justify-content: end;}

/*** table in card ***/
.bootstrap-table .fixed-table-container.fixed-height .table thead.thead-card th {color: var(--color1);font-weight: 300; font-size: .8rem; opacity:.7; border:unset;}
.bootstrap-table .fixed-table-container.fixed-height .table.table-dark thead.thead-card th,
.bootstrap-table .fixed-table-container.fixed-height .table.table-dark a, 
.bootstrap-table .fixed-table-container.fixed-height .table.table-dark a:hover {color: white;}
.bootstrap-table .fixed-table-body .table thead.thead-card {visibility:hidden;}

/*** dropdown in td ***/
.bootstrap-table.table-sm .bootstrap-select .dropdown-toggle {/*white-space: break-spaces;*/}

form .bootstrap-table .no-records-found {display:none;}

.input-group-xl > .custom-select, 
.input-group-xl > .form-control, 
.input-group-xl > .input-group-append > .btn, 
.input-group-xl > .input-group-append > .input-group-text, 
.input-group-xl > .input-group-prepend > .btn, 
.input-group-xl > .input-group-prepend > .input-group-text {
	padding: .5rem 1.5rem;
	font-size: 1.25rem;
}
.input-group-xl > .custom-select, 
.input-group-xl > .form-control:not(textarea),
.input-group-xl > div > span > .form-control:not(textarea) {
	height: calc(2.5em + 1rem + 2px);
}
/*** LOADER ***/
.dot-loader{float:left; height: 30px;width: 30px;border-radius: 50%;background-color: var(--color1);position: relative;-webkit-animation: 1.2s scaleDown ease-in-out infinite ;animation: 1.2s scaleDown ease-in-out infinite ;}
.dot-loader:nth-child(2){margin: 0 15px;-webkit-animation: 1.2s scaleDown ease-in-out infinite .15555s;animation: 1.2s scaleDown ease-in-out infinite .15555s;}
.dot-loader:nth-child(3){-webkit-animation: 1.2s scaleDown ease-in-out infinite .300000s;animation: 1.2s scaleDown ease-in-out infinite .300000s;}
@-webkit-keyframes scaleDown{0%, 80%, 100%{-webkit-transform: scale(0);transform: scale(0);}40%{-webkit-transform: scale(1);transform: scale(1);}}
@keyframes scaleDown{0%, 80%, 100%{-webkit-transform: scale(0);transform: scale(0);}40%{-webkit-transform: scale(1);transform: scale(1);}}


.triple-spinner {position: absolute;top: calc(50% - 75px);left: calc(50% - 75px);width: 150px;height: 150px;border-radius: 50%;border: 4px solid transparent;border-top: 4px solid #FF5722;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
.triple-spinner::before,
.triple-spinner::after {content: "";position: absolute;border-radius: 50%;border: 4px solid transparent;}
.triple-spinner::before {top: 5px;left: 5px;right: 5px;bottom: 5px;border-top-color: #FF9800;-webkit-animation: spin 3s linear infinite;animation: spin 3.5s linear infinite;}
.triple-spinner::after {top: 15px;left: 15px;right: 15px;bottom: 15px;border-top-color: #FFC107;-webkit-animation: spin 1.5s linear infinite;animation: spin 1.75s linear infinite;}
@-webkit-keyframes spin {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes spin {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}

/*** CALENDAR ***/
#calendar { height: calc(100vh - 120px); opacity:.85;display:grid;grid-template-rows:50px 30px repeat(auto-fit,minmax(0,1fr));}
#calendar .btn-group {display: initial!important;}
#calendar h1 {font-size: 2rem;}
#calendar .week .grey {background-color:#eee;color: #a8a8a8;}
#calendar .th,
#calendar .week {display:grid; column-gap:.3rem; grid-template-columns:repeat(7,1fr);}
#calendar .week {border-bottom: 1px solid #ccc; overflow:hidden;}
/* Calendar rows */
#calendar .th>span {border-bottom: 4px solid var(--rgba1);padding: 0 2px 2px 0;text-align: right;}
#calendar .week>div {position: relative; /* allow ::after psuedo element absolute positioning */}
#calendar .th>span,#calendar  .week>div {overflow:hidden;}
/* Dates */
#calendar .week>div::after {content: attr(data-day);display: block;position: absolute;top: 0; right: 0;color: #999;padding: 0px 4px 0px 4px;cursor:pointer;}
#calendar .week>div.nowork::after {background-color:#525252;}
#calendar .week>div.today::after {color: white;background-color:var(--green);}
/* Weekends */
/* Planning */
#calendar .box {display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
#calendar .boxflex {flex: 1;border-right: 1px solid #a1a1a1;}
#calendar .boxflex:last-child {border-bottom: 1px solid #a1a1a1;}
#calendar .boxday {text-align: center;font-weight: bold;border-right: 1px solid #a1a1a1;}

#calendar .day-number {position:absolute;right:3px;top:3px;}
#calendar .day-number.badge {background-color:#D73D2E;}
#calendar .btn .badge {background-color: white;color: black; top:3px; opacity: 0.9;border-radius:unset;}
#calendar .btn-block em {font-size:0.8em; display: flex;}

/* DND */
#calendar .drag-container {margin-top: 24px;height: calc(100% - 24px);overflow-y: auto;}
#calendar .drag-container .drag-elem {text-align: left; color:white;border-radius:unset;margin-top:0;margin-bottom: 3px; cursor:move;position: relative;padding: .15rem .30rem;}
#calendar .drag-over {background-color: #ccc;}

#calendar .triangle {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #E56B6F transparent;
	transform: rotate(0deg);
	position: absolute;
	right: -1px;
	bottom: -1px;
}
#calendar .apsad {
	background-color: #fff;
	position: absolute;
	right: -1px;
	bottom: -1px;
	background-image: url("../images/apsad_small.png");
	background-repeat: no-repeat;
	background-size: contain;
	height: 12px;
	width: 42px;
}

/**** Signature Pad *****/
.signature-pad {position: relative;width: 100%;height: 100%;max-width: 700px;max-height: 460px;border: 1px solid #e8e8e8;background-color: #fff;}
.signature-pad::before,.signature-pad::after {position: absolute;z-index: -1;content: "";width: 40%;height: 10px;bottom: 10px;background: transparent;box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);}
.signature-pad::before {left: 20px;-webkit-transform: skew(-3deg) rotate(-3deg);transform: skew(-3deg) rotate(-3deg);}
.signature-pad::after {right: 20px;-webkit-transform: skew(3deg) rotate(3deg);transform: skew(3deg) rotate(3deg);}
.signature-pad--body {position: relative;flex: 1; min-height:150px;}
.signature-pad--body canvas {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.signature-pad--actions {display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-between;margin-top: 8px;}

.signature {padding: 4px; background-color:white;border: 1px solid #ddd;position:relative; width:100%;}
.signature .signature-del {cursor: pointer;}
.signature img {width:100%;}

.signature-del {position: absolute;top: 0;left: 0px;padding: 3px;opacity: 0;}
.signature-del i {color:white;}
.signature:hover >.signature-del {opacity:1;}
.signature:hover {border: 1px solid var(--color1);}
.signature:active {border: 1px solid var(--color1);}
.signature:focus {border: 1px solid #ddd;}

/*** DROPZONE ***/
@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,.3);background:#fff;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:.5em 1.2em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}
.dropzone:not(.dz-input) .dz-message:not(.btn) {margin:0;opacity:0;}
.dropzone:not(.dz-input):hover .dz-message {opacity:.3;}
.dz-input .dz-message {opacity:.5;}
.dropzone .dz-preview {max-height:350px;background-color: var(--light);min-height:180px;}
.dz-input .dz-preview {min-width: calc(100% - 32px);}
.dropzone .dz-preview.dz-image-preview {margin: unset;	max-width: 250px;}
.dz-input .dz-preview.dz-image-preview {max-width: 100%;}
.dropzone .dz-preview .dz-image {width: 250px;height: auto;max-height:350px;border-radius: .25rem;}
.dz-input .dz-preview .dz-image {width: 100%;}
.dropzone .dz-preview .dz-image img {margin: 0 auto;}
.dz-input .dz-preview .dz-image img {max-width:100%;}
.dropzone .dz-preview .dz-progress {height: 25px;left: 5px;top: 15px;margin-top: unset;width: calc(100% - 10px);margin-left: unset;}
.dropzone .dz-preview .dz-error-message {border-radius: unset;bottom: 0;left: 0;top:auto; width: 100%;}
.dropzone .dz-preview .dz-error-message::after {content: unset;}
.dropzone .dz-preview .dz-error-mark {pointer-events: auto;}
.dropzone .dz-preview .dz-details {top:30px;}
.dropzone.dz-drag-hover {background-color:#d3e6c72e;}