.font-weight-light { font-weight:200; }
.font-weight-semibold { font-weight:600; }
.font-size-regular, .font-size-regular p { font-size:13px; line-height:1.2; }
.font-size-small, .font-size-small p { font-size:13px; line-height:1.2; }
.font-size-micro, .font-size-micro p { font-size:11px; line-height:1.2; }

.columns-2 { display:flex; flex-wrap:wrap; }
.columns-2 > * { flex:0 0 50%; max-width:50%; padding-left:5px; padding-right:5px; }
.columns-3 > * { flex:0 0 33.33%; max-width:33.33%; padding-left:5px; padding-right:5px; }

.with-sidebar { display:flex; width:100%; }
.with-sidebar .sidebar { width:300px; }
.with-sidebar .sidebar .list-group-item { font-size:14px; }
.with-sidebar .content { width:calc(100% - 300px); padding-left:30px; }

.sk-three-bounce .logo { position:absolute; width:260px; transform:translate(-50%,-50%); top:50%; left:50%; margin-top:-50px; }
.sk-three-bounce .logo img { max-width:100%; }
.sk-three-bounce .sk-child { border-radius:0; margin-top:20px; }

.image-row { display:flex; }
.image-row .image { width:32px; height:32px; background-size:cover; }

.progress-area.slim h6 { font-size:13px; font-weight:500 !important; color:#7e7e7e; }
.progress-area.contract-progress.completed .text-info { color:#2BC155 !important; }
.progress-area.contract-progress.completed .bg-info { background-color:#2BC155 !important; }
.progress-area.po-progress.completed .text-warning { color:#2BC155 !important; }
.progress-area.po-progress.completed .bg-warning { background-color:#2BC155 !important; }

.disable-widget { opacity:0.5; pointer-events:none; filter:blur(2px); }

.panel { padding-left:12px; border-left:3px solid #e9ecef; padding-top:4px; padding-bottom:4px; }

textarea.form-custom-field { min-height:100px; }
.vertical-align-top { vertical-align:baseline; }

.form-input-file { background:#FFF; display:block; border:1px solid #f0f1f5; border-radius:0; transition:300ms; height:36px; }
.form-input-file:hover { background:#F4F5F9; }
.form-input-file label { background:none !important; cursor:pointer; pointer-events:all; position:relative; width:100%; top:0 !important; left:0 !important; margin-bottom:0; }
.form-input-file input[type='file'] { opacity:0;width:1px;float:left; }
label.image-upload { position:relative; display:flex; padding-left:0 !important; padding-right:0 !important; }
label.image-upload .thumbnail { width:36px; height:36px; border-radius:0; background-size:cover; background-position:center center; }
label.image-upload > .filename { flex:3; font-size:14px; line-height:36px; padding-left:20px; overflow:hidden; white-space:nowrap; }
label.image-upload .btn { width:50px !important; height:100%; line-height:22px; flex:1; }
label.image-upload > .icon { width:60px; text-align:center; font-size:16px; line-height:36px; padding-top:10px }
label.items > .filename { line-height:30px; }
label.items .btn { line-height:1; padding-top:6px; padding-bottom:6px; }

.multiple-files .form-input-file { height:auto; border:0; }
.multiple-files .form-input-file:hover { background:none; }
.multiple-files .form-input-file label { border:1px solid #f0f1f5; transition:300ms; background:#FFF; }
.multiple-files .form-input-file label:hover { background:#F4F5F9 !important; }

.form-document-upload .form-input-file label { cursor:default; }
.form-document-upload .form-input-file:hover { background:#FFF; }
.form-document-upload .form-input-file .buttons .icon:hover { background:#f0f1f5; border-color:#f0f1f5; }
.form-document-upload .form-input-file .buttons .btn { cursor:pointer; }
.form-document-upload .form-input-file .buttons .btn.icon { cursor:default; }
.form-document-upload .form-input-file .file-selected > .filename .name { font-weight:500; color:#0b76b3; }
.form-document-upload .form-input-file .file-selected > .filename .expire { color:#0b76b3; }
.form-document-upload .form-input-file .file-selected > .filename .expire.expired { color:#e9151e; }

.slim .form-input-file { height:36px; }
.slim label.image-upload .thumbnail { width:36px; height:36px; }
.slim label.image-upload > .filename { flex:1; font-size:14px; line-height:36px; padding-left:20px; padding-right:20px; }
.slim label.image-upload > .filename i { margin-right:0 !important; }
.slim label.image-upload > .filename .name { display:none; }
.slim label.image-upload .btn { width:36px !important; flex:1; }
.slim label.image-upload > .icon { width:60px; font-size:16px; line-height:36px; }
.slim label.image-upload.file-select > .filename { display:none; }
.slim label.image-upload.file-select > .icon { width:100% !important; font-size:14px !important; }

#modalFieldDocuments { z-index:1052 !important; }
#modalFieldDocuments .box-select { border:1px solid #EEE; position:relative; }
#modalFieldDocuments .box-select.selected { border-color:#0b76b3; }
#modalFieldDocuments .select-box { width:20px; height:100%; position:absolute; top:0; left:0; padding:0; background:#EEE; padding:2px; padding-top:0; margin:0; cursor:pointer; }
#modalFieldDocuments .select-box input[type="checkbox"] { cursor:pointer; }
#modalFieldDocuments .select-box input[type="checkbox"]:checked:after { background-color:#0b76b3; }
#modalFieldDocuments .box-select.selected .select-box { background:#0b76b3; }
#modalFieldDocuments .custom-control-input:checked~.custom-control-label::before { border-color:#0b76b3; background-color:#0b76b3; }
#modalFieldDocuments .remove { position:absolute; top:0; right:0; line-height:1; padding:3px; cursor:pointer; }
#modalFieldDocuments .remove:hover { background:#EFEFEF; }

#modalCapInvoiceEdit .box { border:1px solid #f4f5f9; }
#modalCapInvoiceEdit .box.disabled { background:#f4f5f9; }
#modalCapInvoiceEdit .box.disabled > *, #modalCapInvoiceEdit .box.disabled .form-input-file label { opacity:0.6; pointer-events:none !important; }

.loader-bars.grey .loader-bar:first-child,
.loader-bars.grey .loader-bar:nth-child(2),
.loader-bars.grey .loader-bar:nth-child(3),
.loader-bars.grey .loader-bar:nth-child(4),
.loader-bars.grey .loader-bar:nth-child(5),
.loader-bars.grey .loader-bar:nth-child(6),
.loader-bars.grey .loader-bar:nth-child(7),
.loader-bars.grey .loader-bar:nth-child(8) { background-color:#dadae8; }

.loader-bars { display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; height:40px; }
.loader-bars .loader-bar { width:4px; height:100%; margin-right:4px; border-radius:200px; -webkit-transform:scaleY(.2); transform:scaleY(.2); -webkit-animation:loader-bars .5s ease-in infinite alternate; animation:loader-bars .5s ease-in infinite alternate; }
.loader-bars .loader-bar:last-child { margin-right:0; }
.loader-bars .loader-bar:first-child { background-color:#615dfa; }
.loader-bars .loader-bar:nth-child(2) { background-color:#5d71fb; -webkit-animation-delay:.1s; animation-delay:.1s; }
.loader-bars .loader-bar:nth-child(3) { background-color:#5983fb; -webkit-animation-delay:.2s; animation-delay:.2s; }
.loader-bars .loader-bar:nth-child(4) { background-color:#549afc; -webkit-animation-delay:.3s; animation-delay:.3s; }
.loader-bars .loader-bar:nth-child(5) { background-color:#4eb2fd; -webkit-animation-delay:.4s; animation-delay:.4s; }
.loader-bars .loader-bar:nth-child(6) { background-color:#49c9fe; -webkit-animation-delay:.5s; animation-delay:.5s; }
.loader-bars .loader-bar:nth-child(7) { background-color:#45ddfe; -webkit-animation-delay:.6s; animation-delay:.6s; }
.loader-bars .loader-bar:nth-child(8) { background-color:#41efff; -webkit-animation-delay:.7s; animation-delay:.7s; }
@-webkit-keyframes loader-bars { 0% { -webkit-transform:scaleY(.2);     transform:scaleY(.2); }
    to { -webkit-transform:scaleY(1);     transform:scaleY(1); }
}
@keyframes loader-bars { 0% { -webkit-transform:scaleY(.2);     transform:scaleY(.2); }
    to { -webkit-transform:scaleY(1);     transform:scaleY(1); }
}

.fade-enter-active, .fade-leave-active { transition: opacity 0.5s }
.fade-enter, .fade-leave-to { opacity: 0 }