/* BEGIN Continental LOGO */
div.page-logo {
    background-color: #ffa502;
    opacity: 1;
    box-shadow: none;
    background-image: none;
    /*max-width: 20vw;*/
    height: 4.125rem;
    width: auto;    
}
/* END Continental LOGO */

/* BEGIN DEMO LOGO */
div.page-logo {
    background-color: #FFFFFF;
    border-right: 1px solid #edededb8;
    opacity: 1;
    box-shadow: none;
    background-image: none;
    padding: 0px;
}
/* END DEMO LOGO */

/* NAV WIDTH  */
body:not(.nav-function-minify) #js-primary-nav > div.info-card {
    height: 6.53rem;/*9.53rem;*/
    padding: 0.75rem 2rem 0.25rem 2rem;
}

body.nav-function-minify #js-primary-nav > div.info-card {
    height: 6.53rem;/*9.53rem;*/
    padding: 18px;
    display: none;
}

body.nav-function-minify ul.nav-menu.js-nav-built, body.nav-function-minify div.nav-footer.shadow-top.d-none.d-md-inline-block.d-lg-inline-block.d-xl-inline-block {
    margin: 0px;
    padding: 0px;
}

.page-sidebar {
    width: 320px; /* ORIGINAL: 17.5vw */
    max-width: 320px;
}
.page-logo {
    max-width: 320px;    
    height: 4.125rem;
    width: auto;    
}
/*
a.pull-trigger-btn {
    left: 50px;
}
*/
@media (min-width: 992px) {
    .nav-function-hidden:not(.nav-function-top) .page-sidebar {
        left: -310px;
    }
    .nav-function-minify:not(.nav-function-top) .page-sidebar {
        width: 4.6875rem;
    }
    .nav-function-minify:not(.nav-function-top) .page-sidebar .info-card-text {
        display: none;
    }
}
@media only screen and (max-width: 992px) {
    .page-wrapper .page-sidebar {
        width: 0px;
    }
}

@media only screen and (max-width: 992px) {
    .mobile-nav-on:not(.nav-mobile-push) .page-sidebar {
        width: 320px;
        max-width: 320px;
        border-right: 0px;
    }
}
.dropdown-icon-menu:hover>ul {
    height: 5.5rem;
}

body.nav-function-minify a.pull-trigger-btn {
    display: none;
}
/* END NAV WIDTH */

div.page-logo img {
    width: 240px;
    aspect-ratio: auto;
    padding: 12px 6px 12px 6px;
    margin-left: 0px!important;
    margin-top: 0px!important;
}

.bg-light-blue {
    background-color: rgb(123, 223, 242);
    color: #fff;
}
.label-light-blue {
    background-color: #3b9ff3;
}

/* WHEN MENU MINIFIED */
body.nav-function-minify:not(.nav-function-top)  > div.page-wrapper > div > aside > div.page-logo img {
    width: 81px;
    height: 35px!important;
}

/* END Continental LOGO */
.drop-options-quad>* {
    margin: 1rem .375rem 1rem 0!important;
}

.bg-trans-gradient {
    background: linear-gradient(250deg,#3d49696e,#3c4a6af2);
}

/* BEGIN NAV MENU OPTIONS NO WRAP */
.nav-menu li>ul li a>.ni, .nav-menu li>ul li a>[class*=fa-] {
    margin-right: 6px; /* 9.886 */
}
.nav-menu li>ul li a {
    white-space: nowrap;
} 
.nav-menu li.active:not(.open)>a:before {
    top: calc(50% - 4px);
    right: 6px;
}
.nav-menu b.collapse-sign {
    margin-left: 10px;
}
/* END NAV MENU OPTIONS NO WRAP */

/* QUADTABLES Spinner */
.spinnerContainer {
    text-align: center;
    display: inline-block;
    position: absolute;
    top: -12px;
    width: 98%;
}
.tableSpinner.quadForms {
    display: block;
    position: absolute;
    top: -13px;
    left: 36vw;
}

.lovLoading {
    /*background: url(../img/contiLoading.svg);*/
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 30px 100px;
    background-origin: content-box;
}

.loadingList_OFF {
    background: url(../img/contiLoading.svg);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 30px 100px;
    background-origin: content-box;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30/jun/2020, 19:13:15
    Author     : Pedro Estácio
*/

/* TAB ACTIVE :: TOP COLOR BORDER
    .nav-tabs > li > a.active {
    -webkit-box-shadow: 0 -2px 0 #5a8728;
    -moz-box-shadow: 0 -2px 0 #5a8728;
    box-shadow: 0 -2px 0  #5a8728; #5a8728 OR #1dc944 OR *#57889c;
    border-top-width: 0!important;
    margin-top: 1px!important;
    font-weight: 700;
}
*/

/* TOP ROW ON APP */
/*body > div.page-wrapper > div > div > header, 
body > div.page-wrapper > div > aside > div.page-logo {
    height: 50px;
}*/
/* Breadcrumb */
/*#ribbon {
    height: 30px;
    margin-top: -10px;
}*/
/* END TOP ROW ON APP */

/* Apply to CHOSEN filters in order to mantain "details contents position FIXED" when LOV opens, except on SMALL devices
 * Height defined for THIS platform standard ROW HEIGHT
    EX:
        <div class="form-row form-group mb-0 row-no-scroll">                            
            <div class="col-md-2 mb-3">
                <label class="form-label" for="empresa"><?php echo $ui_company; ?></label>
                <select name="empresa" id="empresa" class="form-control required" data-placeholder="<?php echo $ui_select_one_option; ?>"></select>
            </div>
        ....
*/

/* QUADTABLES Spinner
.tableSpinner {
    display: none !important;
}
.tableSpinner {
    position: fixed;
    top: 78px;
    right: 140px;
}
*/
.maxsize {
    color: darkred;
    margin-top: -10px;
    margin-bottom: 20px;
}

.toast-message {
    margin-top: 10px;
    margin-left: -2px;    
}
.toast:before {
    left: 0.75rem;
    font-size: 1.5rem;
}
/* ICON ON TOOLTIP : CALENDAR HOVER EVENT */
.mt2px {
    margin-top: 2px!important;
}

/* BEGIN MODAL :: FiltroQUADPEOPLE */
#FiltroQUADPEOPLE div.modal-header > button.close:hover {
    color: #ff4341 !important;
    opacity: .9 !important;
}
#FiltroQUADPEOPLE > div > div.modal-content {
    width: 52vw;
}
#FiltroQUADPEOPLE > div > div.modal-content > div.modal-header {
    display: block;
    border-bottom: 1px solid #00000014;
}
#FiltroQUADPEOPLE > div > div > div.modal-body {
    padding: 0rem 1.25rem 0rem 1.25rem;
}
#FiltroQUADPEOPLE > div > div > div.modal-body > div > div.note-popover.popover.in.note-image-popover.bottom {
    display: none !important;
}
#FiltroQUADPEOPLE li.search-choice {
    background-color: #ff9900!important;
    background-image: none!important;
    color: white!important;
    font-weight: 600!important;
    border-color: #ff9900!important;
}
#FiltroQUADPEOPLE a.search-choice-close {
    background: none!important;            
}
#FiltroQUADPEOPLE a.search-choice-close:after {
    content: "\f00d";
    font: 600 13px/19px "Font Awesome 5 Pro";
    top: -.2em;
    color: white!important;
    position: relative;
    padding-left: 1px;
}
#FiltroQUADPEOPLE .chosen-container {
    width: 100%;
};
/* END MODAL :: FiltroQUADPEOPLE */

.forbidden {
    pointer-events: none !important;
    background: #fff6cc; /* Yellish */
    cursor: not-allowed;
}
.forbidden-bc-grey {
    pointer-events: none !important;
    background: #f5f5f5;
    color: darkgrey;
    cursor: not-allowed;
}

/* Selector para as "Listas" com opções de menus nos interfaces */
li > a.forbidden-bc-grey {
    pointer-events: none !important;
    background: #f5f5f5 !important;
    color: darkgrey !important;
    cursor: not-allowed !important;
    -webkit-font-smoothing: none!important;
    border-color: #ddd;
}
li > a.forbidden-bc-grey:hover {
    border-color: #ddd;
}
li > a.forbidden-bc-grey > i {
    color: darkgrey !important;
}

.not-available {
    pointer-events: none; 
    opacity: 0.5;
    cursor: not-allowed;
}
.not-available-1 {
    pointer-events: none; 
    cursor: not-allowed;
}

td.right {
    text-align: right;
}

th.right {
    text-align: left;
}
.quad {
    font-weight: bold;
    color: #8ab53e;
}
.hcm {
    font-weight: bold;
    color: #a5a5a5;
}
.semi-bold {
    font-size: 2em;
    font-weight: 400!important;
}
.footer-lock {
    margin-top: 11px;
    width: 57%;
    float: right;
    font-size: 85%!important;
    text-align: end;
    margin-right: 2px;
    opacity: .65;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.flipInY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY
}
.foto-container-lock {
    max-height: 120px;
    max-width: 120px;
    padding: 0px;
    margin-top: 12px;
}
#js-login-btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#js-login-btn > i {
    font-size: 1.1em;
}

#processCtrl {
    background-color: #2e8b57;
}
.ajax-notifications {
    height: 47vh!important;
    max-height: 47vh!important;
    display: block;
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #cecece;
    background: #e9e9e9;
}
.notification-body {
    display: block;
    padding: .5rem 1rem;
    padding: 0 0 0 3px;
    margin: 0;
    list-style: none;
    width: 21.875rem!important;
    height: 47vh!important;
    max-height: 47vh!important;
    overflow-y: scroll!important;
}
.notification-body>li {
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    background-color: #ffffdf;
}
.notification-body .unread {
    background: #ffffe0;
}
.notification-body>li>span {
    background: #fff;
    display: block;
    min-height: 25px;
    overflow: hidden;
    padding: 8px 10px 13px;
    white-space: normal;
}
.ajax-dropdown>:last-child {
    font-size: 13px;
    display: block;
    padding: 5px 0;
    line-height: 22px;
    font-weight: 400;
}

#clearProcesses {
    height: 26px;
    width: 26px;
}
#clearProcesses> i {
    font-size: 1.4em;
    margin-left: -7px;
}
.font-xs {
    font-size: 85%!important;
}
.text-muted {
    color: #999;
}
.padding-10 {
    padding: 10px!important;
}
.quad-right-padding-5 {
    padding-right: 5px;
}
.pull-right {
    float: right!important;
}
.bg-color-blueLight {
    background-color: #92a2a8!important;
}
.text-primary {
    color: #3276b1;
}
#sse_etickets, #processCtrl, #quad-notifications, #macroProc-notifications {
    cursor: pointer;
    margin-left: 3px !important;
    margin-top: -6px !important;
    /*    padding: 2px 6px 2px !important;*/
    text-align: center !important;
    line-height: normal !important;
    font-size: 12px !important;
    /*    background-color: orange!important;*/
    border-radius: 50%;
    padding: 2px 5px 2px 5px; /* 1 CHAR LENGTH :: DEFAULT */    
}
#sse_etickets.len-2, #processCtrl.len-2, #quad-notifications.len-2, #macroProc-notifications.len-2 {
    padding: 2px 3px 2px 3px!important;
}
#sse_etickets.len-3, #processCtrl.len-3, #quad-notifications.len-3, #macroProc-notifications.len-3 {
    padding: 4px 2px 1px 2px !important;
    height: 24px;
}
.pulsate::before {
    content: '';
    animation: pulse 5s ease infinite;
    animation-duration: 5s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: pulse;
}
.badge:empty {
    display: none;
}
.badge-blue {
    color: #fff;
    background-color: #2196f3;
}

@media (min-width: 768px) {
    .row-no-scroll {
        max-height: 76.91px;
    }    
}

@media (max-width: 767px) {
    .row-no-scroll {
        max-height: auto;
    }
}
.hidden {
    display: none;
}

.golden-color-bold {
    color: rgb(210, 193, 139);
    font-weight: bold;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
}

.btn-on-panel {
    padding: 4px 8px !important;
}

.btn-blue {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
    -webkit-box-shadow: 0 2px 6px 0 rgba(33,150,243,.5);
    box-shadow: 0 2px 6px 0 rgba(33,150,243,.5);
}
.btn-blue:hover {
    color: #fff;
    background-color: #0c83e2;
    border-color: #0c7cd5;
}

.dropdown-toggle:after {
    margin-left: 12%;
}
.dropdown-toggle.note-btn.btn:after {
    margin-left: 17%;
}

@media (min-width: 768px) {
    .qvh-13 {
        height: 13vh; 
    }
}

.nav-tabs .nav-link:hover {
    color: #88aae3 !important;
}

.chosen-container { 
    /*display: initial;*/
    display: block;
    max-height: 30px; /* AVOIDS ROW GROWTH if div ROW (careful w/responsive) or div COLUMN (certified) has CLASS .row-no-scroll */
}

/* EDITOR SPECIFIC */
.DTE_Field .chosen-container { 
    display: initial;
}

.chosen-container > a {
    height: calc(1.47em + 1rem + 2px) !important;
    padding: .5rem .65rem !important;
    font-size: .8125rem !important;
    font-weight: 400 !important;
    line-height: 1.47 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
}
div.inlineFlex > div.chosen-container > div.chosen-drop {
    margin-top: -32px;
}


/* Expand "down arrow"*/
.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/chosen-sprite.png) no-repeat 4px 5px;
}

.nobreak, .nowrap {
    white-space: nowrap;
}

.nobreak.shorten {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.quad-inner-help {
    position: absolute;
    top: 33px;
    left: 9px;
    border-right: 1px solid rgb(207, 207, 207);
    padding-right: 2px;
    line-height: 20px;
    z-index: 99999;
    opacity: 0.35;
    transition: opacity 300ms linear;
}

.quad-switch-help {
    border-left: 1px solid rgb(0 0 0 / 19%);
    margin-left: 4px;
    padding-left: 4px;
    opacity: 0.35;
    transition: opacity 300ms linear;
}
.quad-switch-help:hover, .quad-inner-help:hover {
    color: orange;
    opacity: 1;
}

.onoffswitch-container.vertical > span.onoffswitch-title {
    width: 100%;
}

.onoffswitch-container.vertical > span.onoffswitch {
    margin-left: 0px;
    margin-top: 8px;
}

header.frmInnerHeader {
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px dashed #c2c2c2;
    padding-bottom: 4px;
}

.widget-toolbar {
    display: inline-block;
    float: right;
    width: auto;
    height: 32px;
    line-height: 32px;
    position: relative;
    border-left: 1px solid rgba(0,0,0,.09);
    cursor: pointer;
    padding: 0 8px;
    text-align: center;
}

.widget-toolbar .btn {
    vertical-align: middle;
    font-size: 12px!important;
    padding: 1px 8px!important;
}
.contiHeader {
    background-color: #ff9900 !important;
    color: ghostwhite !important;
    font-weight: 600;
}

.viewToggle.contiHeader {
    vertical-align: middle;
    border: 1px solid rgba(236, 143, 2, 0.89);
    border-radius: 2px;
    font-size: 12px !important;
    padding: 2px 10px !important;
}

/* PREVIOUS VERSION STYLING :: USED ON QUADTABLES */
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-default {
    background-color: #999
}

.label-default[href]:focus, .label-default[href]:hover {
    background-color: gray
}

.label-primary {
    background-color: #3276b1
}

.label-primary[href]:focus, .label-primary[href]:hover {
    background-color: #275b89
}

.label-success {
    background-color: #739e73
}

.label-success[href]:focus, .label-success[href]:hover {
    background-color: #5b835b
}

.label-info {
    background-color: #57889c
}

.label-info[href]:focus, .label-info[href]:hover {
    background-color: #456b7b
}

.label-warning {
    background-color: #c79121
}

.label-warning[href]:focus, .label-warning[href]:hover {
    background-color: #9b711a
}

.label-danger {
    background-color: #a90329
}

.label-danger[href]:focus, .label-danger[href]:hover {
    background-color: #77021d
}
/* END PREVIOUS VERSION STYLING */

.boxSubTab {
    margin-bottom: 1.5rem;
    border: 1px solid rgba(0,0,0,.09);
    border-bottom: 1px solid #e0e0e0;
    -webkit-transition: border .5s ease-out;
    transition: border .5s ease-out;
    border-top: 0px;
    border-radius: 4px;
}

/*a i {
    color: #fff;
}*/

a.docsViewer > i {
    color: #3276b1;
}

.dropdown-icon-menu>ul>li .btn, .header-btn,  .header-btn > i {
    color: #a6a6a6!important;
}

.quad-left-margin-4, .quad-ml-4 {
    margin-left: 4px;
}

.inlineFlex {
    display: inline-flex;
}

.toRight {
    text-align: right !important;
}

.form-horizontal .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.75rem;
    margin-left: -.75rem;
    margin-bottom: 1rem !important;
}

.form-horizontal .form-group label {
    text-align: left;
    padding-top: .8em;
}

@media (min-width: 500px) and (max-width: 991px) {
    .form-horizontal .form-group label {
        text-align: left;
    }    
}

form.form-horizontal legend {
    font-size: 1.05rem;
    padding: 3px 0px 3px 0px;
    border-bottom: 1px dashed rgba(0,0,0,.2);
    margin: 25px 0 20px;
}

/* QUADFORMS ONLY :: Synonym to btn-secondary to avoid DOM changes */
ul .btn-default, .photoButtons a > i {
    color: #fff;
}
.photoButtons a > i {

}
form.form-horizontal > ul.qryFilters {
    position: absolute;
    top: 15px;
    right: 10px;
}
.orange-note {
    color: darkorange!important;
    margin-top: 5px!important;
    font-size: .88em;
    font-style: normal !important;
}
.quad-center {
    text-align: center;
    width: auto;
}

.btn-toolbar {
    display: block;
    margin-bottom: .5rem;
}
.btn-toolbar:before {
    content: " ";
    display: table;
}

ul[name=toolbar] {
    display: flex;
    list-style-type: none;
    padding: 0px;
    margin: 0
}

ul[name=toolbar] li {
    float: left;
    margin-right: 4px;
}

ul[name=toolbar] li a {
    display: initial;
    padding: 5px 6px;
}

ul[name=toolbar] li a i {
    color: #fff;
    vertical-align: middle;
}

ul[name=toolbar] li a i.fa-times, ul[name=toolbar] li a i.fa-database, 
ul[name=toolbar] li a i.fa-chevron-left, ul[name=toolbar] li a i.fa-chevron-right {
    font-size: 1.2em;    
}

.datepicker, .datepickerRange{
    width: 80px !important;
    padding: 6px 4px!important;
}

.dateYearMonth {
    width: 60px !important;
    padding: 6px 4px!important;
}

/* Datetime picker slider equal to day selected */
.ui-slider-horizontal .ui-slider-handle:active {
    cursor: col-resize;
    background-color: #a90329;
    border-color: rgba(0,0,0,.1)rgba(0,0,0,.1)rgba(0,0,0,.25);
    border-radius: 0;
}

.ui-slider-horizontal .ui-slider-handle:hover {
    border-color: #a90329; /*#357ebd;*/
}

.ui-slider-horizontal .ui-slider-handle:focus {
    border-color: #a90329; /*#357ebd;*/
}

dt.ui_tpicker_hour_label {
    font-size: .9em;
    color: gray;  
    margin-top: -3px;
    font-weight: normal;
}
dt.ui_tpicker_hour_label {
    font-size: .9em;
    color: gray;
    margin-top: -3px;
    font-weight: normal;
}
dt.ui_tpicker_minute_label {
    font-size: .9em;
    color: gray;    
    margin-top: -3px;
    font-weight: normal;
}
dt.ui_tpicker_second_label {
    font-size: .9em;
    color: gray;    
    margin-top: -3px;
    font-weight: normal;
}
dt.ui_tpicker_second_label {
    font-size: .9em;
    color: gray;    
    margin-top: -3px;
    font-weight: normal;
}
dt.ui_tpicker_millisec_label {
    font-size: .9em;
    color: gray;    
    margin-top: -3px;
    font-weight: normal;
}
dt.ui_tpicker_microsec_label {
    font-size: .9em;
    color: gray;   
    margin-top: -3px;
    font-weight: normal;
}
dt.ui_tpicker_timezone_label {
    font-size: .9em;
    color: gray;  
    margin-top: -3px;
    font-weight: normal;
}
/* END Datetime picker slider equal to day selected */
.minutes {
    padding: 6px 4px!important;
    width: 115px !important;
}
.seconds {
    padding: 6px 4px!important;
    width: 135px !important;
}

.editorErrorContainer {
    border-top: 0px solid #ddd;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 2px;
    left: 2px;
    right: 2px;
    width: auto;
    /*    border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;*/
    background-color: #ff9900;

}

.editorError {
    margin: 4px 2px 6px 2px;
    border: 0px;
    color: #fff;
    font-style: initial;
    font-size: 12px;
    line-height: 1.42857143;
}

span.widget-icon.trads {
    float: left;
    font-size: 1.1em;
    padding-top: 1.5px;
    margin-right: 4px;
}

/* IMPUT FIELDS PADDING CORRECTION */
.form-control {
    /*padding: .5rem .875rem; DEFAULT */
    padding: .5rem .65rem;
}

/* QUADTABLES :: BOOTSTRAP 4  */
/*table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
    padding-left: 16px;
}*/

/* QUADTABLES CHILD FORMATING */
.dataTables_wrapper tr.child td.child .dtr-details {
    padding: 1rem 1rem 1.5rem 1.95rem !important;
    margin-block-start: -1px !important;
    padding-inline-start: 30px !important;
}

.quadTitle {
    width: 100%!important;
    margin: 5px 2px 13px 2px!important;
    border-bottom: 1px dotted!important;
    padding-bottom: 2px!important;
    font-size: 13px!important;
    font-weight: 600!important;
    color: rgba(22, 23, 23, 0.28)!important;
    -webkit-margin-after: 0.2em!important;
}
.quadSubTitle {
    padding-left: 28px;
}
table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 0px solid #efefef;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: rgb(239, 239, 239);
    padding: .5em 0;
}
table.dataTable > tbody > tr.child ul li {
    border-bottom: 0px solid #efefef;
    padding: 0.5em 0;
}
div.dataTables_scrollBody > table > tbody > tr.child > td > ul > li > span.dtr-data {
    padding-left: 10px;
    display: inline-grid;
}

table.dataTable > tbody > tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: bold;
}

.timelogTitle {
    font-size: .8em!important;
    color: #969696!important;
}
.timelogValue {
    font-size: .8em!important;
    color: #969696!important;
    white-space: nowrap;
}
.timelogChanged {
    margin-bottom: -20px!important;
    padding-top: 5px;
    white-space: nowrap;
}
.timelogIcon {
    font-size: 1.25em;
    padding-right: 5px;
}
/* QUADTABLES :: BOOTSTRAP 4  */

/* QUADTABLES EDITOR :: BOOTSTRAP 4  */
form.form-horizontal.editorForm {
    overflow: hidden;
    display: contents!important;
}

div.DTE div.DTE_Form_Error {
    color: #b11f1f;
}
div.modal div.DTE div.DTE_Form_Error {
    display: none;
    float: left;
    padding-top: 7px;
}
div.DTE_Field {
    position: relative;
}
div.DTE_Field div.multi-value,
div.DTE_Field div.multi-restore {
    display: none;
    cursor: pointer;
}
div.DTE_Field div.multi-value span,
div.DTE_Field div.multi-restore span {
    display: block;
    color: #666;
}
div.DTE_Field div.multi-value:hover,
div.DTE_Field div.multi-restore:hover {
    background-color: #f1f1f1;
}
div.DTE_Field div.multi-restore {
    margin-top: 0.5em;
    font-size: 0.8em;
    line-height: 1.25em;
}
div.DTE_Field:after {
    display: block;
    content: ".";
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}
div.DTE_Field div:not([data-dte-e="msg-error"]) {
    color: inherit;
}
div.DTE_Inline {
    position: relative;
    display: table;
    width: 100%;
}
div.DTE_Inline div.DTE_Inline_Field,
div.DTE_Inline div.DTE_Inline_Buttons {
    display: table-cell;
    vertical-align: middle;
}
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
    padding: 0;
}
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
    display: none;
}
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"],
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"],
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"],
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"],
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"],
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"],
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"],
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"],
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"],
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"],
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"],
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"],
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"],
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"],
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"],
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"],
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"],
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"],
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"],
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"],
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"],
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"],
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"],
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"],
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"],
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"],
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"],
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"] {
    width: 100%;
}
div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
    margin: -6px 0 -6px 4px;
    padding: 5px;
}
div.DTE_Inline div.DTE_Field input[type="color"],
div.DTE_Inline div.DTE_Field input[type="date"],
div.DTE_Inline div.DTE_Field input[type="datetime"],
div.DTE_Inline div.DTE_Field input[type="datetime-local"],
div.DTE_Inline div.DTE_Field input[type="email"],
div.DTE_Inline div.DTE_Field input[type="month"],
div.DTE_Inline div.DTE_Field input[type="number"],
div.DTE_Inline div.DTE_Field input[type="password"],
div.DTE_Inline div.DTE_Field input[type="search"],
div.DTE_Inline div.DTE_Field input[type="tel"],
div.DTE_Inline div.DTE_Field input[type="text"],
div.DTE_Inline div.DTE_Field input[type="time"],
div.DTE_Inline div.DTE_Field input[type="url"],
div.DTE_Inline div.DTE_Field input[type="week"] {
    margin: -6px 0;
}
div.DTE_Inline div.DTE_Field_Error,
div.DTE_Inline div.DTE_Form_Error {
    font-size: 11px;
    line-height: 1.2em;
    padding: 0;
    margin-top: 10px;
}
div.DTE_Inline div.DTE_Field_Error:empty,
div.DTE_Inline div.DTE_Form_Error:empty {
    margin-top: 0;
}
span.dtr-data div.DTE_Inline {
    display: inline-table;
}
div.DTE_Inline div.DTE_Field {
    width: 100%;
}
div.DTE_Inline div.DTE_Field > div {
    width: 100%;
    padding: 0;
}
div.DTE_Inline div.DTE_Field input.form-control {
    height: 30px;
}
div.DTE_Inline div.DTE_Field div.help-block {
    display: none;
    margin-top: 10px;
    margin-bottom: 0;
}
div.DTE_Inline.DTE_Processing:after {
    top: 5px;
}
div.DTE_Field_Type_checkbox div.controls,
div.DTE_Field_Type_radio div.controls {
    margin-top: 0.4em;
}
div.DTE_Field_Type_checkbox div.controls label,
div.DTE_Field_Type_radio div.controls label {
    margin-left: 0.75em;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
}
div.DTE_Bubble {
    position: absolute;
    z-index: 11;
    margin-top: -6px;
    opacity: 0;
}
div.DTE_Bubble div.DTE_Bubble_Liner {
    position: absolute;
    bottom: 0;
    border: 1px solid black;
    width: 300px;
    margin-left: -150px;
    background-color: white;
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    border: 1px solid #666;
    padding: 1em;
    background: #fcfcfc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
    width: 100%;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
    padding: 0;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
    position: relative;
    zoom: 1;
    margin-bottom: 0.5em;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
    margin-bottom: 0;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
    padding-top: 0;
    margin-bottom: 0;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
    padding: 0;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
    margin: 0;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
    text-align: right;
    margin-top: 1em;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
    margin-bottom: 0;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
    padding-top: 42px;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
    float: none;
    display: none;
    padding: 0;
    margin-bottom: 0.5em;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
    position: absolute;
    top: -11px;
    right: -11px;
    width: 22px;
    height: 22px;
    border: 2px solid white;
    background-color: black;
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
    z-index: 12;
    box-shadow: 2px 2px 6px #111;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
    content: "\00d7";
    color: white;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    font-family: "Courier New", Courier, monospace;
    padding-left: 1px;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover {
    background-color: #092079;
    box-shadow: 2px 2px 9px #111;
}
div.DTE_Bubble div.DTE_Bubble_Triangle {
    position: absolute;
    height: 10px;
    width: 10px;
    top: -6px;
    background-color: white;
    border: 1px solid #666;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
div.DTE_Bubble.below div.DTE_Bubble_Liner {
    top: 10px;
    bottom: auto;
}
div.DTE_Bubble.below div.DTE_Bubble_Triangle {
    top: 4px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
div.DTE_Bubble_Background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
    background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
    z-index: 10;
}
div.DTE_Bubble_Background > div {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
div.DTE_Bubble_Background > div:not([dummy]) {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
div.DTE_Bubble div.DTE_Bubble_Liner {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    padding: 1em;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
    width: 100%;
    max-width: 100%;
    float: none;
    clear: both;
    text-align: left;
    flex: none;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
    padding: 0 0 4px 0;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
    text-align: right;
    margin-top: 0;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    width: 100%;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
    margin-top: -2px;
    display: block;
}
div.DTE_Bubble div.DTE_Bubble_Triangle {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}
div.DTE_Bubble_Background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.05);
}
div.DTE div.editor_upload {
    padding-top: 4px;
}
div.DTE div.editor_upload div.eu_table {
    display: table;
    width: 100%;
}
div.DTE div.editor_upload div.row {
    display: table-row;
}
div.DTE div.editor_upload div.cell {
    display: table-cell;
    position: relative;
    width: 50%;
    vertical-align: top;
    text-align: center;
}
div.DTE div.editor_upload div.cell + div.cell {
    padding-left: 10px;
}
div.DTE div.editor_upload div.row + div.row div.cell {
    padding-top: 10px;
}
div.DTE div.editor_upload button.btn,
div.DTE div.editor_upload input[type="file"] {
    width: 100%;
    height: 2.3em;
    font-size: 0.8em;
    text-align: center;
    line-height: 1em;
}
div.DTE div.editor_upload input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
}
div.DTE div.editor_upload div.drop {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 3px dashed #ccc;
    border-radius: 6px;
    min-height: 4em;
    color: #999;
    padding-top: 3px;
    text-align: center;
}
div.DTE div.editor_upload div.drop.over {
    border: 3px dashed #111;
    color: #111;
}
div.DTE div.editor_upload div.drop span {
    max-width: 75%;
    font-size: 0.85em;
    line-height: 1em;
}
div.DTE div.editor_upload div.rendered img {
    max-width: 8em;
    margin: 0 auto;
}
div.DTE div.editor_upload.noDrop div.drop {
    display: none;
}
div.DTE div.editor_upload.noDrop div.row.second {
    display: none;
}
div.DTE div.editor_upload.noDrop div.rendered {
    margin-top: 10px;
}
div.DTE div.editor_upload.noClear div.clearValue button {
    display: none;
}
div.DTE div.editor_upload.multi div.cell {
    display: block;
    width: 100%;
}
div.DTE div.editor_upload.multi div.cell div.drop {
    min-height: 0;
    padding-bottom: 5px;
}
div.DTE div.editor_upload.multi div.clearValue {
    display: none;
}
div.DTE div.editor_upload.multi ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.DTE div.editor_upload.multi ul li {
    position: relative;
    margin-top: 0.5em;
}
div.DTE div.editor_upload.multi ul li:first-child {
    margin-top: 0;
}
div.DTE div.editor_upload.multi ul li img {
    vertical-align: middle;
}
div.DTE div.editor_upload.multi ul li button {
    position: absolute;
    width: 40px;
    right: 0;
    top: 50%;
    margin-top: -1.5em;
}
div.DTE div.editor_upload button.btn,
div.DTE div.editor_upload input[type="file"] {
    height: auto;
}
div.DTE div.editor_upload ul li button {
    padding-bottom: 8px;
}
div.editor-datetime {
    position: absolute;
    background-color: white;
    z-index: 2050;
    border: 1px solid #ccc;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
    padding: 0 20px 6px 20px;
    width: 275px;
}
div.editor-datetime div.editor-datetime-title {
    text-align: center;
    padding: 5px 0px 3px;
}
div.editor-datetime table {
    border-spacing: 0;
    margin: 12px 0;
    width: 100%;
}
div.editor-datetime table.editor-datetime-table-nospace {
    margin-top: -12px;
}
div.editor-datetime table th {
    font-size: 0.8em;
    color: #777;
    font-weight: normal;
    width: 14.285714286%;
    padding: 0 0 4px 0;
    text-align: center;
}
div.editor-datetime table td {
    font-size: 0.9em;
    color: #444;
    padding: 0;
}
div.editor-datetime table td.selectable {
    text-align: center;
    background: #f5f5f5;
}
div.editor-datetime table td.selectable.disabled {
    color: #aaa;
    background: white;
}
div.editor-datetime table td.selectable.disabled button:hover {
    color: #aaa;
    background: white;
}
div.editor-datetime table td.selectable.now {
    background-color: #ddd;
}
div.editor-datetime table td.selectable.now button {
    font-weight: bold;
}
div.editor-datetime table td.selectable.selected button {
    background: #0275d8;
    color: white;
    border-radius: 2px;
}
div.editor-datetime table td.selectable button:hover {
    background: #ff8000;
    color: white;
    border-radius: 2px;
}
div.editor-datetime table td.editor-datetime-week {
    font-size: 0.7em;
}
div.editor-datetime table button {
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: transparent;
    font-size: inherit;
    color: inherit;
    text-align: center;
    padding: 4px 0;
    cursor: pointer;
    margin: 0;
}
div.editor-datetime table button span {
    display: inline-block;
    min-width: 14px;
    text-align: right;
}
div.editor-datetime table.weekNumber th {
    width: 12.5%;
}
div.editor-datetime div.editor-datetime-calendar table {
    margin-top: 0;
}
div.editor-datetime div.editor-datetime-label {
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 5px 6px;
    border: 1px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
}
div.editor-datetime div.editor-datetime-label:hover {
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #f5f5f5;
}
div.editor-datetime div.editor-datetime-label select {
    position: absolute;
    top: 6px;
    left: 0;
    cursor: pointer;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
}
div.editor-datetime.horizontal {
    width: 550px;
}
div.editor-datetime.horizontal div.editor-datetime-date,
div.editor-datetime.horizontal div.editor-datetime-time {
    width: 48%;
}
div.editor-datetime.horizontal div.editor-datetime-time {
    margin-left: 4%;
}
div.editor-datetime div.editor-datetime-date {
    position: relative;
    float: left;
    width: 100%;
}
div.editor-datetime div.editor-datetime-time {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}
div.editor-datetime div.editor-datetime-time > span {
    vertical-align: middle;
}
div.editor-datetime div.editor-datetime-time th {
    text-align: left;
}
div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock {
    display: inline-block;
    vertical-align: middle;
}
div.editor-datetime div.editor-datetime-iconLeft,
div.editor-datetime div.editor-datetime-iconRight,
div.editor-datetime div.editor-datetime-iconUp,
div.editor-datetime div.editor-datetime-iconDown {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
    overflow: hidden;
    box-sizing: border-box;
}
div.editor-datetime div.editor-datetime-iconLeft:hover,
div.editor-datetime div.editor-datetime-iconRight:hover,
div.editor-datetime div.editor-datetime-iconUp:hover,
div.editor-datetime div.editor-datetime-iconDown:hover {
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #f0f0f0;
    opacity: 0.6;
}
div.editor-datetime div.editor-datetime-iconLeft button,
div.editor-datetime div.editor-datetime-iconRight button,
div.editor-datetime div.editor-datetime-iconUp button,
div.editor-datetime div.editor-datetime-iconDown button {
    border: none;
    background: transparent;
    text-indent: 30px;
    height: 100%;
    width: 100%;
    cursor: pointer;
}
div.editor-datetime div.editor-datetime-iconLeft {
    position: absolute;
    top: 5px;
    left: 5px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
}
div.editor-datetime div.editor-datetime-iconRight {
    position: absolute;
    top: 5px;
    right: 5px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
}
div.editor-datetime div.editor-datetime-iconUp {
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII=");
}
div.editor-datetime div.editor-datetime-iconDown {
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC");
}
div.editor-datetime-error {
    clear: both;
    padding: 0 1em;
    max-width: 240px;
    font-size: 11px;
    line-height: 1.25em;
    text-align: center;
    color: #b11f1f;
}
div.DTE div.DTE_Processing_Indicator {
    position: absolute;
    top: 17px;
    right: 9px;
    height: 2em;
    width: 2em;
    z-index: 20;
    font-size: 12px;
    display: none;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
/* BEGIN MODAL EDITOR : QUAD-SPINNER :: WORKING */
div.DTE > div.DTE_Header.modal-header > img.quadLoading {
    position: absolute;
    top: 7px;
    right: 22px;
    width: 73px;
    height: 45px;
}
/* END MODAL EDITOR : QUAD-SPINNER :: WORKING */
div.DTE.processing div.DTE_Processing_Indicator {
    display: block;
}
div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
    display: none;
}
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
    top: 13px;
    right: 0;
    font-size: 8px;
}
div.DTE.DTE_Inline div.DTE_Processing_Indicator {
    top: 5px;
    right: 6px;
    font-size: 6px;
}
div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
    top: 10px;
    right: 14px;
    font-size: 8px;
}
div.DTE div.DTE_Processing_Indicator span,
div.DTE div.DTE_Processing_Indicator:before,
div.DTE div.DTE_Processing_Indicator:after {
    display: block;
    background: black;
    width: 0.5em;
    height: 1.5em;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-animation: editorProcessing 0.9s infinite ease-in-out;
    animation: editorProcessing 0.9s infinite ease-in-out;
}
div.DTE div.DTE_Processing_Indicator:before,
div.DTE div.DTE_Processing_Indicator:after {
    position: absolute;
    top: 0;
    content: "";
}
div.DTE div.DTE_Processing_Indicator:before {
    left: -1em;
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
div.DTE div.DTE_Processing_Indicator span {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
}
div.DTE div.DTE_Processing_Indicator:after {
    left: 1em;
}
@-webkit-keyframes editorProcessing {
    0%,
    80%,
    100% {
        transform: scale(1, 1);
    }
    40% {
        transform: scale(1, 1.5);
    }
}
@keyframes editorProcessing {
    0%,
    80%,
    100% {
        transform: scale(1, 1);
    }
    40% {
        transform: scale(1, 1.5);
    }
}
table.dataTable tbody tr.highlight {
    background-color: #3399ff !important;
}
table.dataTable tbody tr.highlight,
table.dataTable tbody tr.noHighlight,
table.dataTable tbody tr.highlight td,
table.dataTable tbody tr.noHighlight td {
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
div.DTE div.DTE_Field div.DTE_Processing_Indicator {
    top: 13px;
    right: 20px;
}
div.DTE div.DTE_Processing_Indicator {
    top: 52px;
    right: 12px;
}
div.DTED_Envelope_Wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 100%;
    z-index: 11;
    display: none;
    overflow: hidden;
}
div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow {
    position: absolute;
    top: -10px;
    left: 10px;
    right: 10px;
    height: 10px;
    z-index: 10;
    box-shadow: 0 0 20px black;
}
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container {
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
    box-shadow: 3px 3px 10px #555;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: white;
}
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator {
    right: 36px;
}
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
    position: absolute;
    top: 16px;
    right: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    z-index: 12;
    text-align: center;
    font-size: 12px;
    background: #f8f8f8;
    background: -webkit-gradient(linear, center bottom, center top, from(#ccc), to(#fff));
    background: -moz-linear-gradient(top, #fff, #ccc);
    background: linear-gradient(to bottom, #fff, #ccc);
    text-shadow: 0 1px 0 white;
    border: 1px solid #999;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 0px 1px #999;
    -moz-box-shadow: 0px 0px 1px #999;
    -webkit-box-shadow: 0px 0px 1px #999;
}
div.DTED_Envelope_Background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.4);
    background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
    background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
    background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(0, 0, 0, 0.4)));
    background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
    background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
}
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
    top: 10px;
    background: transparent;
    text-shadow: none;
    box-shadow: none;
    border: none;
    font-size: 21px;
    color: black;
    opacity: 0.2;
}
div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover {
    opacity: 1;
}
div.card.multi-value,
div.card.multi-restore {
    padding: 0.5em;
}
div.card.multi-value span,
div.card.multi-restore span {
    line-height: 1.2em;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
    margin: 0 1em;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
    margin-top: 1em;
}
div.DTE_Inline div.DTE_Field {
    width: 100%;
    margin: 0;
}
div.DTE_Inline div.DTE_Field > div {
    max-width: 100%;
    flex: none;
}
div.DTE_Inline div.DTE_Field input {
    margin: -5px 0 -10px !important;
}
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block label,
div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div {
    max-width: 100%;
    flex: 0 0 100%;
}
div.DTE_Field_Type_checkbox div label,
div.DTE_Field_Type_radio div label {
    margin-left: 0.75em;
    vertical-align: middle;
}
div.DTE div.DTE_Processing_Indicator {
    top: 20px;
    right: 36px;
}
/* END QUADTABLES EDITOR :: BOOTSTRAP 4 */

/* COUNTRY FLAGS */
.flag {
    width: 16px;
    height: 11px;
    background: url(../img/flags/flags.png) no-repeat;
    margin-top: -.18em;
    display: inline-block
}

.flag.flag-ad {
    background-position: -16px 0
}

.flag.flag-ae {
    background-position: -32px 0
}

.flag.flag-af {
    background-position: -48px 0
}

.flag.flag-ag {
    background-position: -64px 0
}

.flag.flag-ai {
    background-position: -80px 0
}

.flag.flag-al {
    background-position: -96px 0
}

.flag.flag-am {
    background-position: -112px 0
}

.flag.flag-an {
    background-position: -128px 0
}

.flag.flag-ao {
    background-position: -144px 0
}

.flag.flag-ar {
    background-position: -160px 0
}

.flag.flag-as {
    background-position: -176px 0
}

.flag.flag-at {
    background-position: -192px 0
}

.flag.flag-au {
    background-position: -208px 0
}

.flag.flag-aw {
    background-position: -224px 0
}

.flag.flag-az {
    background-position: -240px 0
}

.flag.flag-ba {
    background-position: 0 -11px
}

.flag.flag-bb {
    background-position: -16px -11px
}

.flag.flag-bd {
    background-position: -32px -11px
}

.flag.flag-be {
    background-position: -48px -11px
}

.flag.flag-bf {
    background-position: -64px -11px
}

.flag.flag-bg {
    background-position: -80px -11px
}

.flag.flag-bh {
    background-position: -96px -11px
}

.flag.flag-bi {
    background-position: -112px -11px
}

.flag.flag-bj {
    background-position: -128px -11px
}

.flag.flag-bm {
    background-position: -144px -11px
}

.flag.flag-bn {
    background-position: -160px -11px
}

.flag.flag-bo {
    background-position: -176px -11px
}

.flag.flag-br {
    background-position: -192px -11px
}

.flag.flag-bs {
    background-position: -208px -11px
}

.flag.flag-bt {
    background-position: -224px -11px
}

.flag.flag-bv {
    background-position: -240px -11px
}

.flag.flag-bw {
    background-position: 0 -22px
}

.flag.flag-by {
    background-position: -16px -22px
}

.flag.flag-bz {
    background-position: -32px -22px
}

.flag.flag-ca {
    background-position: -48px -22px
}

.flag.flag-catalonia {
    background-position: -64px -22px
}

.flag.flag-cd {
    background-position: -80px -22px
}

.flag.flag-cf {
    background-position: -96px -22px
}

.flag.flag-cg {
    background-position: -112px -22px
}

.flag.flag-ch {
    background-position: -128px -22px
}

.flag.flag-ci {
    background-position: -144px -22px
}

.flag.flag-ck {
    background-position: -160px -22px
}

.flag.flag-cl {
    background-position: -176px -22px
}

.flag.flag-cm {
    background-position: -192px -22px
}

.flag.flag-cn {
    background-position: -208px -22px
}

.flag.flag-co {
    background-position: -224px -22px
}

.flag.flag-cr {
    background-position: -240px -22px
}

.flag.flag-cu {
    background-position: 0 -33px
}

.flag.flag-cv {
    background-position: -16px -33px
}

.flag.flag-cw {
    background-position: -32px -33px
}

.flag.flag-cy {
    background-position: -48px -33px
}

.flag.flag-cz {
    background-position: -64px -33px
}

.flag.flag-de {
    background-position: -80px -33px
}

.flag.flag-dj {
    background-position: -96px -33px
}

.flag.flag-dk {
    background-position: -112px -33px
}

.flag.flag-dm {
    background-position: -128px -33px
}

.flag.flag-do {
    background-position: -144px -33px
}

.flag.flag-dz {
    background-position: -160px -33px
}

.flag.flag-ec {
    background-position: -176px -33px
}

.flag.flag-ee {
    background-position: -192px -33px
}

.flag.flag-eg {
    background-position: -208px -33px
}

.flag.flag-eh {
    background-position: -224px -33px
}

.flag.flag-england {
    background-position: -240px -33px
}

.flag.flag-er {
    background-position: 0 -44px
}

.flag.flag-es {
    background-position: -16px -44px
}

.flag.flag-et {
    background-position: -32px -44px
}

.flag.flag-eu {
    background-position: -48px -44px
}

.flag.flag-fi {
    background-position: -64px -44px
}

.flag.flag-fj {
    background-position: -80px -44px
}

.flag.flag-fk {
    background-position: -96px -44px
}

.flag.flag-fm {
    background-position: -112px -44px
}

.flag.flag-fo {
    background-position: -128px -44px
}

.flag.flag-fr {
    background-position: -144px -44px
}

.flag.flag-ga {
    background-position: -160px -44px
}

.flag.flag-gb {
    background-position: -176px -44px
}

.flag.flag-gd {
    background-position: -192px -44px
}

.flag.flag-ge {
    background-position: -208px -44px
}

.flag.flag-gf {
    background-position: -224px -44px
}

.flag.flag-gg {
    background-position: -240px -44px
}

.flag.flag-gh {
    background-position: 0 -55px
}

.flag.flag-gi {
    background-position: -16px -55px
}

.flag.flag-gl {
    background-position: -32px -55px
}

.flag.flag-gm {
    background-position: -48px -55px
}

.flag.flag-gn {
    background-position: -64px -55px
}

.flag.flag-gp {
    background-position: -80px -55px
}

.flag.flag-gq {
    background-position: -96px -55px
}

.flag.flag-gr {
    background-position: -112px -55px
}

.flag.flag-gs {
    background-position: -128px -55px
}

.flag.flag-gt {
    background-position: -144px -55px
}

.flag.flag-gu {
    background-position: -160px -55px
}

.flag.flag-gw {
    background-position: -176px -55px
}

.flag.flag-gy {
    background-position: -192px -55px
}

.flag.flag-hk {
    background-position: -208px -55px
}

.flag.flag-hm {
    background-position: -224px -55px
}

.flag.flag-hn {
    background-position: -240px -55px
}

.flag.flag-hr {
    background-position: 0 -66px
}

.flag.flag-ht {
    background-position: -16px -66px
}

.flag.flag-hu {
    background-position: -32px -66px
}

.flag.flag-ic {
    background-position: -48px -66px
}

.flag.flag-id {
    background-position: -64px -66px
}

.flag.flag-ie {
    background-position: -80px -66px
}

.flag.flag-il {
    background-position: -96px -66px
}

.flag.flag-im {
    background-position: -112px -66px
}

.flag.flag-in {
    background-position: -128px -66px
}

.flag.flag-io {
    background-position: -144px -66px
}

.flag.flag-iq {
    background-position: -160px -66px
}

.flag.flag-ir {
    background-position: -176px -66px
}

.flag.flag-is {
    background-position: -192px -66px
}

.flag.flag-it {
    background-position: -208px -66px
}

.flag.flag-je {
    background-position: -224px -66px
}

.flag.flag-jm {
    background-position: -240px -66px
}

.flag.flag-jo {
    background-position: 0 -77px
}

.flag.flag-jp {
    background-position: -16px -77px
}

.flag.flag-ke {
    background-position: -32px -77px
}

.flag.flag-kg {
    background-position: -48px -77px
}

.flag.flag-kh {
    background-position: -64px -77px
}

.flag.flag-ki {
    background-position: -80px -77px
}

.flag.flag-km {
    background-position: -96px -77px
}

.flag.flag-kn {
    background-position: -112px -77px
}

.flag.flag-kp {
    background-position: -128px -77px
}

.flag.flag-kr {
    background-position: -144px -77px
}

.flag.flag-kurdistan {
    background-position: -160px -77px
}

.flag.flag-kw {
    background-position: -176px -77px
}

.flag.flag-ky {
    background-position: -192px -77px
}

.flag.flag-kz {
    background-position: -208px -77px
}

.flag.flag-la {
    background-position: -224px -77px
}

.flag.flag-lb {
    background-position: -240px -77px
}

.flag.flag-lc {
    background-position: 0 -88px
}

.flag.flag-li {
    background-position: -16px -88px
}

.flag.flag-lk {
    background-position: -32px -88px
}

.flag.flag-lr {
    background-position: -48px -88px
}

.flag.flag-ls {
    background-position: -64px -88px
}

.flag.flag-lt {
    background-position: -80px -88px
}

.flag.flag-lu {
    background-position: -96px -88px
}

.flag.flag-lv {
    background-position: -112px -88px
}

.flag.flag-ly {
    background-position: -128px -88px
}

.flag.flag-ma {
    background-position: -144px -88px
}

.flag.flag-mc {
    background-position: -160px -88px
}

.flag.flag-md {
    background-position: -176px -88px
}

.flag.flag-me {
    background-position: -192px -88px
}

.flag.flag-mg {
    background-position: -208px -88px
}

.flag.flag-mh {
    background-position: -224px -88px
}

.flag.flag-mk {
    background-position: -240px -88px
}

.flag.flag-ml {
    background-position: 0 -99px
}

.flag.flag-mm {
    background-position: -16px -99px
}

.flag.flag-mn {
    background-position: -32px -99px
}

.flag.flag-mo {
    background-position: -48px -99px
}

.flag.flag-mp {
    background-position: -64px -99px
}

.flag.flag-mq {
    background-position: -80px -99px
}

.flag.flag-mr {
    background-position: -96px -99px
}

.flag.flag-ms {
    background-position: -112px -99px
}

.flag.flag-mt {
    background-position: -128px -99px
}

.flag.flag-mu {
    background-position: -144px -99px
}

.flag.flag-mv {
    background-position: -160px -99px
}

.flag.flag-mw {
    background-position: -176px -99px
}

.flag.flag-mx {
    background-position: -192px -99px
}

.flag.flag-my {
    background-position: -208px -99px
}

.flag.flag-mz {
    background-position: -224px -99px
}

.flag.flag-na {
    background-position: -240px -99px
}

.flag.flag-nc {
    background-position: 0 -110px
}

.flag.flag-ne {
    background-position: -16px -110px
}

.flag.flag-nf {
    background-position: -32px -110px
}

.flag.flag-ng {
    background-position: -48px -110px
}

.flag.flag-ni {
    background-position: -64px -110px
}

.flag.flag-nl {
    background-position: -80px -110px
}

.flag.flag-no {
    background-position: -96px -110px
}

.flag.flag-np {
    background-position: -112px -110px
}

.flag.flag-nr {
    background-position: -128px -110px
}

.flag.flag-nu {
    background-position: -144px -110px
}

.flag.flag-nz {
    background-position: -160px -110px
}

.flag.flag-om {
    background-position: -176px -110px
}

.flag.flag-pa {
    background-position: -192px -110px
}

.flag.flag-pe {
    background-position: -208px -110px
}

.flag.flag-pf {
    background-position: -224px -110px
}

.flag.flag-pg {
    background-position: -240px -110px
}

.flag.flag-ph {
    background-position: 0 -121px
}

.flag.flag-pk {
    background-position: -16px -121px
}

.flag.flag-pl {
    background-position: -32px -121px
}

.flag.flag-pm {
    background-position: -48px -121px
}

.flag.flag-pn {
    background-position: -64px -121px
}

.flag.flag-pr {
    background-position: -80px -121px
}

.flag.flag-ps {
    background-position: -96px -121px
}

.flag.flag-pt {
    background-position: -112px -121px
}

.flag.flag-pw {
    background-position: -128px -121px
}

.flag.flag-py {
    background-position: -144px -121px
}

.flag.flag-qa {
    background-position: -160px -121px
}

.flag.flag-re {
    background-position: -176px -121px
}

.flag.flag-ro {
    background-position: -192px -121px
}

.flag.flag-rs {
    background-position: -208px -121px
}

.flag.flag-ru {
    background-position: -224px -121px
}

.flag.flag-rw {
    background-position: -240px -121px
}

.flag.flag-sa {
    background-position: 0 -132px
}

.flag.flag-sb {
    background-position: -16px -132px
}

.flag.flag-sc {
    background-position: -32px -132px
}

.flag.flag-scotland {
    background-position: -48px -132px
}

.flag.flag-sd {
    background-position: -64px -132px
}

.flag.flag-se {
    background-position: -80px -132px
}

.flag.flag-sg {
    background-position: -96px -132px
}

.flag.flag-sh {
    background-position: -112px -132px
}

.flag.flag-si {
    background-position: -128px -132px
}

.flag.flag-sk {
    background-position: -144px -132px
}

.flag.flag-sl {
    background-position: -160px -132px
}

.flag.flag-sm {
    background-position: -176px -132px
}

.flag.flag-sn {
    background-position: -192px -132px
}

.flag.flag-so {
    background-position: -208px -132px
}

.flag.flag-somaliland {
    background-position: -224px -132px
}

.flag.flag-sr {
    background-position: -240px -132px
}

.flag.flag-ss {
    background-position: 0 -143px
}

.flag.flag-st {
    background-position: -16px -143px
}

.flag.flag-sv {
    background-position: -32px -143px
}

.flag.flag-sx {
    background-position: -48px -143px
}

.flag.flag-sy {
    background-position: -64px -143px
}

.flag.flag-sz {
    background-position: -80px -143px
}

.flag.flag-tc {
    background-position: -96px -143px
}

.flag.flag-td {
    background-position: -112px -143px
}

.flag.flag-tf {
    background-position: -128px -143px
}

.flag.flag-tg {
    background-position: -144px -143px
}

.flag.flag-th {
    background-position: -160px -143px
}

.flag.flag-tj {
    background-position: -176px -143px
}

.flag.flag-tk {
    background-position: -192px -143px
}

.flag.flag-tl {
    background-position: -208px -143px
}

.flag.flag-tm {
    background-position: -224px -143px
}

.flag.flag-tn {
    background-position: -240px -143px
}

.flag.flag-to {
    background-position: 0 -154px
}

.flag.flag-tr {
    background-position: -16px -154px
}

.flag.flag-tt {
    background-position: -32px -154px
}

.flag.flag-tv {
    background-position: -48px -154px
}

.flag.flag-tw {
    background-position: -64px -154px
}

.flag.flag-tz {
    background-position: -80px -154px
}

.flag.flag-ua {
    background-position: -96px -154px
}

.flag.flag-ug {
    background-position: -112px -154px
}

.flag.flag-um {
    background-position: -128px -154px
}

.flag.flag-us {
    background-position: -144px -154px
}

.flag.flag-uy {
    background-position: -160px -154px
}

.flag.flag-uz {
    background-position: -176px -154px
}

.flag.flag-va {
    background-position: -192px -154px
}

.flag.flag-vc {
    background-position: -208px -154px
}

.flag.flag-ve {
    background-position: -224px -154px
}

.flag.flag-vg {
    background-position: -240px -154px
}

.flag.flag-vi {
    background-position: 0 -165px
}

.flag.flag-vn {
    background-position: -16px -165px
}

.flag.flag-vu {
    background-position: -32px -165px
}

.flag.flag-wales {
    background-position: -48px -165px
}

.flag.flag-wf {
    background-position: -64px -165px
}

.flag.flag-ws {
    background-position: -80px -165px
}

.flag.flag-ye {
    background-position: -96px -165px
}

.flag.flag-yt {
    background-position: -112px -165px
}

.flag.flag-za {
    background-position: -128px -165px
}

.flag.flag-zanzibar {
    background-position: -144px -165px
}

.flag.flag-zm {
    background-position: -160px -165px
}

.flag.flag-zw {
    background-position: -176px -165px
}

.flag+span {
    text-transform: capitalize;
    display: inline-block;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin-top: -3px;
}
/* END COUNTRY FLAGS */

/* Para corrigir uma questão da imagem do perfil */
.info-card .profile-image {
    height: 3.125rem!important;
    image-rendering: -webkit-optimize-contrast;
}

.header-icon:not(.btn) .profile-image {
    width: 2.5rem!important;
    height: 2.5rem!important;
}
/* END Para corrigir uma questão da imagem do perfil */

/* QUADTABLES */
table.dataTable > thead > tr th.control.toBottom.toCenter {
    width: 8px!important;
}

a.refresh, a.dtAdvancedSearch, a.orderBy {
    float: right;
    margin-top: -4px;
    margin-right: 6px;
}
a.refresh > i, a.dtAdvancedSearch > i, a.orderBy > i {
    color: #fff;
}
/* Reposicionado melhor em instâncias com SCROLL */
a.refresh {
    margin-right: 15px;
    margin-bottom: 0.5rem!important;
}
a.orderBy.btn-warning > i {
    color:#000;
}
div.dataTables_wrapper {
    clear: both;
}

.btn.btn-xs > i {
    vertical-align: middle;
}

.toBottom.toCenter {
    white-space: nowrap;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    text-align: center;
    padding-left: .25rem!important;
    padding-right: .25rem!important;
}

.btn.btn-xs.tblCreateBut {
    padding: 2px 6px;
}
.btn.btn-xs.tblEditBut {
    margin-right: 3px;
    padding: 1px 4px;
    vertical-align: middle;
}

.btn.btn-xs.tm_mobility {
    margin-right: 3px;
    padding: 1px 4px;
    vertical-align: middle;
}

.btn.btn-xs.tblDelBut {
    margin-right: 3px;
    padding: 1px 5px;
    vertical-align: middle;
}

.excludeRowSelect {
    text-align: center;
}
li.excludeRowSelect {
    text-align: start;
}

.quad-right {
    float: right;
}
.quad-left {
    float: left;
}    
.nRecords {
    padding-top: 5px;
    padding-bottom: 5px;
}
.dataTables_info {
    font-size: .85em;
    font-weight: normal !important;
    font-style: italic !important;
    color: #969696 !important;
    display: flow-root;
}
span.goEye {
    color: #969696;
    opacity: 0.3;
    margin-left: -13px;
    vertical-align: text-top;
    transition: 0.3s;
}
span.goEye:hover {
    color: #a90329;
    opacity: 1;
}
.table-hover > tbody > tr:hover {
    background-color: rgba(106, 126, 181, 0.1);
}

.list-inline > li {
    display: inline-block;
    font-size: 80%;
    margin-right: 7px;
    padding: 5px 5px 5px 5px;
}
.label-info {
    background-color: #ff9900 !important;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px 4px 4px 4px;
}

.label-orange {
    background-color: #ff9900 !important;
    font-weight: 600;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px 4px 4px 4px;
    padding: 3px 4px;
    font-size: 0.7125rem;
}

.dataTables_empty {
    padding: 20px 10px!important;
    font-size: 14px;
    text-align: center;
    font-style: italic;
    color: #5c5c5c;
}

/* DIMENSÃO DA TABLE LINE NA VERSÃO ANTERIOR
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px 10px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
}
*/

/* END QUADTABLES */

/* EDITOR */    

/* CHOSEN DISABLED */
.chosen-container.chosen-disabled > a {
    opacity: 1!important;
    color: #495057!important;
    background-color: #f3f3f3!important;
    border: 1px solid #e5e5e5!important;
    border-radius: 4px!important;
}

.required::after {
    content: " * ";
    vertical-align: top;
    color: #ff4341!important;
}    
.DTE_Header.modal-header {
    display: block;
    margin-bottom: 22px;
    height: 50px;
    background-color: #f8f9fb; /*#f3f3f3;*/
    border-bottom: 1px solid #ddd;
    padding: 13px 10px 2px 16px;
    font-size: 1.3em;
}
.DTE_Header.modal-header > .close {
    margin-top: -1.85em;
    font-size: 1.25em;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    transition: 0.3s;
}
.DTE_Header.modal-header >.close:hover {
    color: #ff4341;
    opacity: .9;
}

div.DTE_Body.modal-body {
    padding: 0px 0px 0px 0px !important;
    overflow-y: auto;
}
div.DTE_Body div.DTE_Body_Content {
    max-height: 60vh;
    overflow-x: hidden!important;
    position: relative;
    overflow: auto;
}
div.DTE div.DTE_Form_Content {
    padding: 10px;
}
div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    padding: 0% 2% 1% 6% !important;
    border: 1px solid transparent;
}
.DTE_Label_Info {
    display: none;
}
div.DTE_Field div[data-dte-e="msg-info"] {
    font-size: .8em;
    padding-top: 1px;
    color: rgba(115, 115, 115, 0.8) !important;
    font-style: italic;
    width: 90%;
    opacity: .9;
}
div.DTE_Field div.hint {
    margin-top: 6px !important;    
}
div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
    flex: inherit;
    width: 35% !important;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.DTE_Field div[data-dte-e="input"] {
    flex: inherit;
    width: 65%;
    max-width: 88%;
}    
.DTE_Field.row.DTE_Field_Type_hidden  {
    display: none !important;
}
/******************************** div.DTE_Body div.DTE_Body_Content *************************************/
div.DTE div.DTE_Footer {
    flex: none;
    position: relative !important;
    margin-top: 8px;
    height: 50px;
    width: 100%;
    background-color: #f3f3f3;
    border-top: 1px solid #ddd;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0!important;
}


div.DTE div.DTE_Form_Buttons button {
    margin-top: -6px;
    padding: 5px 15px;
    cursor: pointer;
    float: right;
    margin-top: -6px;
    padding: 5px 15px;
    cursor: pointer;
    float: right;
    background-image: -webkit-linear-gradient(top,white 0,#eee 65%,#f9f9f9 100%);
    text-shadow: 0 1px 0 white;
    border: 1px solid #99999980;
    transition: 0.3s;
}
.error {
    border: 1px solid rgb(255, 153, 0);
    color: #ff9900;
    font-weight: 300;
    font-style: initial;
}
label.error {
    text-align: left;
    border: 0px;
    color: #ff9900;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.42857143;
/*    min-width: 300px!important;*/
}

/* Save */
div.DTE_Footer.modal-footer > div.DTE_Form_Buttons > button:nth-child(2):hover {
    background-image:none !important;
    background-color: #18a839;
    color: #fff !important;
    text-shadow: none !important;
}

/* Cancel */
div.DTE_Footer.modal-footer > div.DTE_Form_Buttons > button:nth-child(1):hover {
    background-image:none !important;
    background-color: #868e96;
    color: #fff;
    text-shadow: none !important;
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;    
}
/* END EDITOR */

/* EXTRAS SWITCH */
.demo-liveupdate-1.switchSpan {
    margin-top: -8px;
    float: left !important;
    margin-bottom: 5px;
    margin-right: 10px;
    padding-top: 6px;
}

.onoffswitch + span, .onoffswitch-title {
    display: inline-block;
    vertical-align: middle;
/*    margin-top: -5px;*/
}
.onoffswitch {
    position: relative;
    width: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}
.onoffswitch-switch {
    width: 19px;
    height: 19px;
    margin: -2px -2px -2px -2px;
    background: #fff;
    border: 1px solid #9a9a9a;
    border-radius: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 32px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #f4f4f4;
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(to bottom, #fff, #eee);
    background-repeat: repeat-x;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
}
.onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch:before, .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
    content: "\f00d";
    color: #a90329;
    display: block;
    text-align: center;
    line-height: 19px;
    font-size: 10px;
    text-shadow: 0 -1px 0 #fff;
    font-weight: 700;
    font-family: "Font Awesome 5 Pro";
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-checkbox.exportForm {
    margin: 4px 0 0;
    line-height: normal;
    box-sizing: border-box;
    padding: 0;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    font-weight: 400;
    border: 1px solid #626262;
    border-radius: 50px;
    border-color: #adadad #b3b3b3 #9e9e9e;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    display: block;
}

.onoffswitch-inner:after, .onoffswitch-inner:before {
    float: left;
    width: 50%;
    height: 15px;
    padding: 0;
    line-height: 15px;
    font-size: 10px;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: 700;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.onoffswitch-inner:before {
    background: #3b9ff3;
    border-color: #3b9ff3 #257DC7 #2A7DC4;
    content: attr(data-swchon-text);
    text-shadow: 0 -1px 0 #333;
    padding-left: 7px;
    background-color: #3276b1;
    color: #fff;
    text-align: left;
}

.onoffswitch-inner:after {
    content: attr(data-swchoff-text);
    padding-right: 5px;
    text-shadow: 0 -1px 0 #fff;
    background-color: #fff;
    color: #555;
    text-align: right;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
}
div.dt-buttons {
    position: relative;
    float: left;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
    border-color: #3276b1 #2a6395 #255681;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
    display: block;
    right: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before {
    color: #84A83E;
    content: "\f00c";
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
}

/* END EXTRAS SWITCH */

table.dataTable tbody tr.selected a {
    color: white !important;
}

span.disableInputAccessClone {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    display: block;
    width: 100%;
    height: 37px;
    padding: .17rem .65rem;
    background-color: #f3f3f3;
    font-size: 1.2rem;
    letter-spacing: .1px;
    font-weight: 400;
    line-height: 1.47;
    color: #4950573b;
    cursor: pointer;
    -webkit-transition: color 800ms linear;
    -moz-transition: color 800ms linear;
    -ms-transition: color 800ms linear;
    -o-transition: color 800ms linear;
    transition: color 800ms linear;
    min-width: 37px;
}

.disableInputAccessClone:hover {
    color: #ff0000a3;
}

.tooltip.noAccess > .tooltip-inner {
    background-color: #ff0000a3;
}

/* Because arrow PLACEMENT varies, we ensure all options are covered */
.tooltip.noAccess[x-placement="top"] > .arrow::before {
    border-top-color: #ff0000a3;
}
.tooltip.noAccess[x-placement="right"] > .arrow::before {
    border-right-color: #ff0000a3;
}
.tooltip.noAccess[x-placement="bottom"] > .arrow::before {
    border-bottom-color: #ff0000a3;
}
.tooltip.noAccess[x-placement="left"] > .arrow::before {
    border-left-color: #ff0000a3;
}

.widget-icon > i {
    font-size: 1.3em;
    margin-right: 5px;
}

.discrete-info {
    font-size: .85em;
    font-weight: normal !important;
    font-style: italic !important;
    color: #969696 !important;
}

.top {
    vertical-align:top !important;
}


.grid {
    display: grid !important;
}
.sameLine {
    display: initial !important;
}
.wkf_from_to {
    color: #ff9900 !important;
    font-size: 1.3em;
    font-weight: bold;
}

.wkf_timestamper {
    font-size: .9em;
    color: peru; /* DARK GREY : #868e96 */
}
/* MODAL WORKFLOW */
.workflow_visio .modal-header{
    background-color: #fb3;
    color: white;
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    justify-content: space-between;
    padding: 1rem 1rem;
    margin-bottom: 0px;
}
.workflow_visio div.row > div > div.col-sm-3 {
    white-space: nowrap;
}
.workflow_visio div.row > div > div.col-sm-9 {
    padding-left: 15px;
}
.workflow_visio sup {
    top: 5px;
    left: 5px;
}
.workflow_visio .modal-body {
    overflow-y: auto;
    max-height: 52vh;
}
.workflow_visio .row {
    display: flex;
    padding-bottom: 6px;
}

.workflow_visio .row div {
    display: flex;
    flex-wrap: wrap;
}

.workflow_visio .caps {
    text-transform: capitalize;
}

.workflow_visio .modal-title{
    opacity: 1;
    padding: 0.3rem .3rem;
    margin-top: -9px;
    font-size: 1.2em;
    color: #fff;
    font-weight: 500;
}

.workflow_visio .DTE_Header.modal-header > button.close {
    margin-top: -18px;    
}

.workflow_visio .DTE_Header.modal-header > button.close:hover {
    color:white;
}

.frmColWkf {
    /*
    background-image: radial-gradient(deepskyblue 15%, transparent 16%);
    background-size: 3em 3em;
    background-position: right;
    background-repeat: no-repeat;
    background-position: -14px -14px;
    */
    /*
    background-color: #00bfff!important;
    color: white;*/
    /*    color: peru; */
    border: 1px dashed peru;
}
.form-control.frmColWkf:focus {
    /*color: peru; white;*/
    border: 1px dashed peru;
}

.frmColImgWkf {
    border: 1px dashed peru !important;
    border-radius: 15px;
}

/*.frmRecordWkf {
    background-image: radial-gradient(purple 55%, transparent 16%);
    background-size: 5em 5em;
    background-position: right;
    background-repeat: no-repeat;
     top: 100px; 
}*/

.wkfMenu {
    display: flex;
    position: absolute;
    top: 2.9%;
    right: 2%; 
}
.wkfMenu > button {
    padding: 4px 8px 2px 8px !important;    
    vertical-align: middle;
    background-image: linear-gradient(to top,#f3b500,#f3b500);
    color: white;
}
.wkfMenu > button.btn-default:hover {
    background-image: linear-gradient(to top,#6a7eb5,#6a7eb5);
    color: white;
    border-color: #6a7eb5;
}

.wkfMenu > button > i {
    font-size: 1.3em !important;
}

/*.frmRecordWkf::before {
    display: flex;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 1.8rem;
    color: #f3b500;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f4b1";
    position: absolute;
    top: 2.5%;
    right: 2%;    
}*/

/*.frmRecordWkf2::before {
    display: flex;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 1.8rem;
    color: #f3b500;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f4b2";
    position: absolute;
    top: 2.5%;
    right: 2%;
}*/

.dataTables_scrollHead .tableRecordWkf2 {
    /*postponed records*/
    /*    background-image: radial-gradient(#db0d63 30%, transparent 0%);
        background-size: 3em 3em;
        background-position: top;
        background-repeat: no-repeat;*/
    background-color: #f3b500;
    color: white;
}
.dataTables_scrollHead .tableRecordWkf2:hover  {
    color: black;
    cursor: pointer;
}

.dataTables_scrollHead .tableRecordWkf2::before {
    content: "+"
}
.dataTables_scrollBody .tableRecordWkf2::before {
    display: none;
}

.wkfBtDiv {
    margin-top: -2px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 0px solid #d3d3d373;
}

.innerColRight {
    display: block !important;
    text-align: right !important;
}
.innerColLeft {
    display: block !important;
    text-align: left !important;
}

.tableRecordWkf {
    margin-right: 3px;
    padding: 1px 5px 1px 4px !important;
    vertical-align: middle;
    background-image: linear-gradient(to top,#f3b500,#f3b500);
    color: white;
    width: 20.39px !important;
    height: 22px !important;
}

.tableColWkf {
    /*    background-image: radial-gradient(deepskyblue 15%, transparent 16%);
        background-size: 5em 5em;
        background-position: right;
        background-repeat: no-repeat;
        text-decoration: underline;
        font-weight: bolder;*/
    border: 1px dashed peru !important; /* #f3b500 */
}

.frmColWkf:hover, .tableColWkf:hover, .frmRecordWkf:hover:before, .frmRecordWkf2:hover:before {
    cursor: pointer;
}

.wkfblink{
    animation: blinker 1s linear infinite;
    text-align: center;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.workflow_visio .label-info {
    margin: 0px 0px 0px 15px;
}

.wkfAboutInfo {
    /*    margin-top: 50px;
        margin-bottom: 10px;*/
}


select#profile_change {
    margin-top: 4px;
    font-size: .8125rem;
    font-weight: 400;
    border-radius: 4px;
    padding: 0.13rem 0.4rem 0.13rem 0.22rem;
    color: #495057;
    background-color: #f8f9fb;
    background-clip: padding-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

ul#profile_change {
    position: absolute;
    left: -1px;
    top: 23px;
    min-width: 150px;
    padding: 7px 6px;
    margin: 3px 0px 0px -1px;
}

ul#profile_change > li > a {
    color: #69737A;
    font-size: 13px!important;
}

ul#profile_change > li.active > a:not(:hover) {
    color: #72a11e;
    font-weight: 600;
    background: transparent!important;
}
ul#profile_change > li.active > a:hover {
    background-color: #3E90D4;
    color: #fff!important;
}

ul#profile_change > li > a:hover {
    background-color: #3E90D4;
    color: #fff!important;
}

.hide {
    display: none !important;
}

/*  ANIMATION UP + DOWN SMOOTH */
@keyframes anim-header-visual {
	0% {
		transform: translateY(2%);
	}

	50% {
		transform: translateY(-2%);
	}

	100% {
		transform: translateY(2%);
	}
}

/*  ANIMATION UP + DOWN SMOOTH */
/* https://nexo.io/exchange?j=245922&sfmc_sub=97576621&l=26_HTML&u=4299945&mid=500009431&jb=135 */
#header-visual {
	animation-name: anim-header-visual;
	animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
	animation-iteration-count: infinite;
	animation-duration: 8s;
}

@media (min-width: 900px) {
	#header-visual img {
		transform: scale(1.5) translate(10%);
	}
}

@keyframes anim-header-background {
	0% {
		transform: translateY(0.5%);
		opacity: 0.7;
	}

	40% {
		opacity: 0.7;
	}

	44% {
		opacity: 1;
	}

	46% {
		opacity: 0.7;
	}

	48% {
		opacity: 1;
	}

	50% {
		transform: translateY(-0.5%);
	}

	52% {
		opacity: 0.7;
	}

	80% {
		opacity: 0.7;
	}

	84% {
		opacity: 1;
	}

	86% {
		opacity: 0.7;
	}

	88% {
		opacity: 1;
	}

	92% {
		opacity: 0.7;
	}

	100% {
		transform: translateY(0.5%);
		opacity: 0.7;
	}
}

#header-background-visual {
	animation-name: anim-header-background;
	animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
	animation-iteration-count: infinite;
	animation-duration: 8s;
}

/*  END ANIMATION UP + DOWN SMOOTH */

/*  ANIMATION INDEX: https://animista.net/
    -----------------------------
        .slide-in-top
        .slide-out-top

        .slide-in-bottom
        .slide-in-left
        .slide-in-right
    -----------------------------
        .slide-in-blurred-top
        .slide-in-blurred-right
        .slide-in-blurred-bottom
        .slide-in-blurred-left
    -----------------------------
        .swing-in-top-fwd
        .swing-in-right-fwd
        .swing-in-bottom-fwd
        .swing-in-left-fwd
        .swing-out-top-bcp
    -----------------------------
        .scale-in-center
        .scale-out-center
        .scale-out-hor-left
    -----------------------------
        .slit-in-horizontal
        .slit-out-horizontal

    ------------------------------
*/

/**
  * ----------------------------------------
  * BEGIN animation swing-out-top-bck
  * ----------------------------------------
  */
.swing-out-top-bck {
	-webkit-animation: swing-out-top-bck 0.45s cubic-bezier(0.600, -0.280, 0.735, 0.045) both;
	        animation: swing-out-top-bck 0.45s cubic-bezier(0.600, -0.280, 0.735, 0.045) both;
}

/**
 * ----------------------------------------
 * END animation swing-out-top-bck
 * ----------------------------------------
 */
@-webkit-keyframes swing-out-top-bck {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
}
@keyframes swing-out-top-bck {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
}

/**
  * ----------------------------------------
  * BEGIN animation slide-in-top
  * ----------------------------------------
  */
.slide-in-top {
    -webkit-animation: slide-in-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}    

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
        height: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        height: 100%;
    }
}
@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
        height: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        height: 100%;
    }
}

/**
 * ----------------------------------------
 * END animation slide-in-top
 * ----------------------------------------
 */

/**
  * ----------------------------------------
  * BEGIN animation slide-out-top
  * ----------------------------------------
  */
.slide-out-top {
    -webkit-animation: slide-out-top 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: slide-out-top 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}    

/* ----------------------------------------------
 * Generated by Animista on 2024-8-26 14:28:12
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-out-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    height: 100%;
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
    height: 0;
  }
}
@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    height: 100%;
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
    height: 0;
  }
}

/**
 * ----------------------------------------
 * END animation slide-out-top
 * ----------------------------------------
 */


/**
 * ----------------------------------------
 * BEGIN animation animation slide-out-top
 * ----------------------------------------
 */

.slide-out-top {
	-webkit-animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
}
@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
}


/**
 * ----------------------------------------
 * END animation animation slide-out-top
 * ----------------------------------------
 */


/**
 * ----------------------------------------
 * BEGIN animation slide-in-bottom
 * ----------------------------------------
 */    
.slide-in-bottom {
    -webkit-animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
/**
 * ----------------------------------------
 * END animation slide-in-bottom
 * ----------------------------------------
 */    

/**
 * ----------------------------------------
 * BEGIN animation slide-in-left
 * ----------------------------------------
 */
.slide-in-left {
    -webkit-animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

/**
 * ----------------------------------------
 * END animation slide-in-left
 * ----------------------------------------
 */

/**
 * ----------------------------------------
 * BEGIN animation slide-out-right
 * ----------------------------------------
 */
.slide-out-right {
    -webkit-animation: slide-out-right 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: slide-out-right 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
@-webkit-keyframes slide-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
}
@keyframes slide-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
}
/**
 * ----------------------------------------
 * END animation slide-out-right
 * ----------------------------------------
 */


/**
 * ----------------------------------------
 * BEGIN animation slide-in-right
 * ----------------------------------------
 */
.slide-in-right {
    -webkit-animation: slide-in-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
/**
 * ----------------------------------------
 * END animation slide-in-right
 * ----------------------------------------
 */

/**
 * ----------------------------------------
 * BEGIN animation slide-in-blurred-top
 * ----------------------------------------
 */
.slide-in-blurred-top {
    -webkit-animation: slide-in-blurred-top 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-top 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}    

@-webkit-keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
/**
 * ----------------------------------------
 * END animation slide-in-blurred-top
 * ----------------------------------------
 */


/**
 * ----------------------------------------
 * BEGIN animation slide-in-blurred-right
 * ----------------------------------------
 */    
.slide-in-blurred-right {
    -webkit-animation: slide-in-blurred-right 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-right 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
/**
 * ----------------------------------------
 * END animation slide-in-blurred-right
 * ----------------------------------------
 */    


/**
 * ----------------------------------------
 * BEGIN animation slide-in-blurred-bottom
 * ----------------------------------------
 */
.slide-in-blurred-bottom {
    -webkit-animation: slide-in-blurred-bottom 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-bottom 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
/**
 * ----------------------------------------
 * END  animation slide-in-blurred-bottom
 * ----------------------------------------
 */

/**
 * ----------------------------------------
 * BEGIN animation slide-in-blurred-left
 * ----------------------------------------
 */
.slide-in-blurred-left {
    -webkit-animation: slide-in-blurred-left 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-left 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
/**
 * ----------------------------------------
 * END animation slide-in-blurred-left
 * ----------------------------------------
 */

/**
 * ----------------------------------------
 * BEGIN animation swing-in-top-fwd
 * ----------------------------------------
 */
.swing-in-top-fwd {
    -webkit-animation: swing-in-top-fwd 1.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 1.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@-webkit-keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}
@keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}
/**
 * ----------------------------------------
 * END  animation swing-in-top-fwd
 * ----------------------------------------
 */

/**
 * ----------------------------------------
 * BEGIN animation swing-in-right-fwd
 * ----------------------------------------
 */
.swing-in-right-fwd {
    -webkit-animation: swing-in-right-fwd .8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-right-fwd .8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@-webkit-keyframes swing-in-right-fwd {
    0% {
        -webkit-transform: rotateY(-100deg);
        transform: rotateY(-100deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1;
    }
}
@keyframes swing-in-right-fwd {
    0% {
        -webkit-transform: rotateY(-100deg);
        transform: rotateY(-100deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1;
    }
}
/**
 * ----------------------------------------
 * END animation swing-in-right-fwd
 * ----------------------------------------
 */


/**
 * ----------------------------------------
 * BEGIN animation swing-in-bottom-fwd
 * ----------------------------------------
 */
.swing-in-bottom-fwd {
    -webkit-animation: swing-in-bottom-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-bottom-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@-webkit-keyframes swing-in-bottom-fwd {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 1;
    }
}
@keyframes swing-in-bottom-fwd {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 1;
    }
}
/**
 * ----------------------------------------
 * END animation swing-in-bottom-fwd
 * ----------------------------------------
 */


/**
 * ----------------------------------------
 * BEGIN animation swing-in-left-fwd
 * ----------------------------------------
 */
.swing-in-left-fwd {
    -webkit-animation: swing-in-left-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-left-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@-webkit-keyframes swing-in-left-fwd {
    0% {
        -webkit-transform: rotateY(100deg);
        transform: rotateY(100deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1;
    }
}
@keyframes swing-in-left-fwd {
    0% {
        -webkit-transform: rotateY(100deg);
        transform: rotateY(100deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1;
    }
}
/**
 * ----------------------------------------
 * END animation swing-in-left-fwd
 * ----------------------------------------
 */

/**
 * ----------------------------------------
 * BEGIN animation scale-in-center
 * ----------------------------------------
 */
.scale-in-center {
    -webkit-animation: scale-in-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
/**
 * ----------------------------------------
 * END animation scale-in-center
 * ----------------------------------------
 */

/**
 * ----------------------------------------
 * BEGIN animation scale-out-center
 * ----------------------------------------
 */
.scale-out-center {
    -webkit-animation: scale-out-center 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: scale-out-center 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}


/**
 * ----------------------------------------
 * animation scale-out-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
}
@keyframes scale-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
}
/**
 * ----------------------------------------
 * END animation scale-out-center
 * ----------------------------------------
 */

/**
 * ----------------------------------------
 * BEGIN animation scale-out-hor-left
 * ----------------------------------------
 */
.scale-out-hor-left {
	-webkit-animation: scale-out-hor-left 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: scale-out-hor-left 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

/**
 * ----------------------------------------
 * animation scale-out-hor-left
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-hor-left {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes scale-out-hor-left {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * END animation scale-out-hor-left
 * ----------------------------------------
 */

/**
 * ----------------------------------------
 * BEGIN animation pulsate-bck
 * ----------------------------------------
 */
.pulsate-bck {
	-webkit-animation: pulsate-bck 1s ease-in-out infinite both;
	        animation: pulsate-bck 1s ease-in-out infinite both;
}

/**
 * ----------------------------------------
 * animation pulsate-bck
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/**
 * ----------------------------------------
 * END animation pulsate-bck
 * ----------------------------------------
 */

/**
 * ----------------------------------------
 * BEGIN animation pulsate-bck-fast
 * ----------------------------------------
 */
.pulsate-bck-fast {
	-webkit-animation: pulsate-bck 0.25s ease-in-out infinite both;
	        animation: pulsate-bck 0.25s ease-in-out infinite both;
}

/**
 * ----------------------------------------
 * animation pulsate-bck-fast
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-bck-fast {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-bck-fast {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/**
 * ----------------------------------------
 * END animation pulsate-bck-fast
 * ----------------------------------------
 */

/**
 * ----------------------------------------
 * BEGIN animation slit-in-horizontal
 * ----------------------------------------
 */

.slit-in-horizontal {
	-webkit-animation: slit-in-horizontal 0.45s ease-out both;
	        animation: slit-in-horizontal 0.45s ease-out both;
}

@-webkit-keyframes slit-in-horizontal {
  0% {
    -webkit-transform: translateZ(-800px) rotateX(90deg);
            transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateX(87deg);
            transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateX(0);
            transform: translateZ(0) rotateX(0);
  }
}
@keyframes slit-in-horizontal {
  0% {
    -webkit-transform: translateZ(-800px) rotateX(90deg);
            transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateX(87deg);
            transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateX(0);
            transform: translateZ(0) rotateX(0);
  }
}
/**
 * ----------------------------------------
 * END animation slit-in-horizontal
 * ----------------------------------------
 */

/**
 * ----------------------------------------
 * BEGIN animation slit-out-horizontal
 * ----------------------------------------
 */


.slit-out-horizontal {
	-webkit-animation: slit-out-horizontal 0.5s ease-in both;
	        animation: slit-out-horizontal 0.5s ease-in both;
}
@-webkit-keyframes slit-out-horizontal {
  0% {
    -webkit-transform: translateZ(0) rotateX(0);
            transform: translateZ(0) rotateX(0);
    opacity: 1;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateX(87deg);
            transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-800px) rotateX(90deg);
            transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes slit-out-horizontal {
  0% {
    -webkit-transform: translateZ(0) rotateX(0);
            transform: translateZ(0) rotateX(0);
    opacity: 1;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateX(87deg);
            transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-800px) rotateX(90deg);
            transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
}

/**
 * ----------------------------------------
 * END animation slit-out-horizontal
 * ----------------------------------------
 */

/* DROPZONE */
.dropzone,
.dropzone * {
    box-sizing: border-box
}

.dropzone {
    min-height: 300px;
    border: 1px dashed rgba(0, 0, 0, .3);
    border-radius: 5px;
    background: #fff;
    padding: 20px
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    cursor: pointer;
    margin-top: 3.4%
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border: 1px dashed #4487a5!important
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.dropzone .dz-message {
    text-align: center;
    margin: 2em 0
}

.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.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: 0 0
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .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, .175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, .175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, .175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, .175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, .175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, .175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, .175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, .175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, .175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, .175, 1)
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-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-error-mark svg,
.dropzone .dz-preview .dz-success-mark svg {
    display: block;
    width: 54px;
    height: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    -ms-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    transition: opacity .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 .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .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 {
    background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0.25,rgba(0,0,0,.03)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(0,0,0,.03)),color-stop(0.75,rgba(0,0,0,.03)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(135deg,rgba(0,0discrte,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
    background-image: -ms-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
    background-image: linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
    background-color: #fafcfd;
    background-size: 16px 16px;
}
/* END DROPZONE */

/* SUMMERNOTE */        
div.note-btn-group.btn-group button.btn-light.infoTooltip {
    opacity: 0.8;
    width: 32px;
    height: 32px;
}

div.note-btn-group.btn-group button.btn-light.infoTooltip:hover {
    opacity: 1;
    color: #ff8c00;
    background-color: #fff;
    border-color: #fff;
}

.note-popover .popover-content .note-para .note-dropdown-menu, .note-editor .note-toolbar .note-para .note-dropdown-menu {
    height: 120px;
    min-width: 218px !important;
    padding: 6px;
}

/* DROPDOWN MENUS MAX-HEIGHT */
.note-dropdown-menu.dropdown-menu {
    max-height: 28vh;
    overflow: auto;
}

div.note-dropdown-menu.dropdown-menu > a.dropdown-item {
    padding: 4px 12px;
}

/* COLORS */
#backColorPalette, #foreColorPalette, button.note-color-select {
    display: none;
}

/* END SUMMERNOTE */

#ui-datepicker-div { 
    position: absolute !important;
    margin-left: 141px;
    z-index: 1000;
}

.fade:not(.in):not(.show) {
    opacity: 0 !important;
}

.quad-alert.fade:not(.in) {
    opacity: 0 !important;
}
.quad-alert.fade.in {
    opacity: 1 !important;
}

/* EDITOR TITLES */
div.DTE_Field.title.none > label {
    display:contents;
}

.onoffswitch-title.horizontal.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit;
}

/* BEGIN SCROLLING TABS :: AUTOMATIC COLLAPSING NAV's :: Ex: rh_def_internal_resources.php */
.panel > .container-fluid, .tab-pane > .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
}

.container-fluid li.nav-item {
    margin-bottom: -2px !important;
}

.panel > .container-fluid ul.nav-tabs, .tab-pane > .container-fluid ul.nav-tabs {
    border-bottom: 0px solid rgba(0,0,0,.1);
}

.panel > .container-fluid li.dropdown ul.dropdown-menu, .tab-pane > .container-fluid li.dropdown ul.dropdown-menu {
    margin-top: -2px;
    border-radius: 4px!important;
}

.panel > .container-fluid .nav-link, .tab-pane > .container-fluid .nav-link{
    white-space: nowrap;

}
/* MENU DROPDOWN OPTIONS */
.panel .nav-item.dropdown li > a.nav-link, .tab-pane .nav-item.dropdown li > a.nav-link {
    color: rgb(102 102 102);
    font-weight: 500;
    border-color: transparent!important; 
}
/* END SCROLLING TABS :: AUTOMATIC COLLAPSING NAV's */

/* TAB OPTIONS SCROLL :: SELECTED DROPDOWN OPTION */
.dropdown-menu-animated li > a.nav-link:not(.active) {
    color: inherit;
    text-decoration-line: none!important;
}
.dropdown-menu-animated li > a.nav-link.active {
    color: #6a7eb5;
    text-decoration-line: underline!important;
}
/* END TAB OPTIONS SCROLL :: SELECTED DROPDOWN OPTION */

/* EDITOR FILE & REMOVE */
.spanFileName {
    float: none !important;
    color: #556590;
    font-weight: 500;
}
.spanFileName > i {
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    top: 7px;
    margin-left: 3px;
    color: white;    
    border: 1px solid #ff000096;
    border-radius: 18px;
    padding: 2px 0px 2px 3.5px;
    width: 18px;
    height: 18px;
    background-color: #ff000094;  
    cursor: pointer;
}

.dt-button.buttons-excel.buttons-html5.btn.btn-secondary.btn-icon > span > i, div.dt-buttons > a.btn.btn-icon.mt--4 > span > i{
    color: black;
}
.mt--4 {
    margin-top: -4px !important;
}
.btn-icon.mt--4 {
    border-radius: 4px !important;    
}

.uploadFileButton {
    font-size: 12px !important;
    padding: 8px 8px 8px 8px !important;
    width: fit-content !important;
}

.drop-error {
    border: 1px dashed rgb(255, 153, 0);
}

.uploadErrorMsg {
    display: flow-root;
    margin-top: 8px;
    margin-bottom: -8px;
    color: #ff9900;
    font-weight: 300;
    font-style: initial;
    font-size: 0.85em;
}

.textCenter {
    text-align: center !important;
}

.va-center {
    vertical-align: middle !important;
}

li.none.visibleColumn.wkf_timestamper span.dtr-title {
    width: 7vw!important;
}

.pick-checkbox {
    opacity: 0.8;
    height: 18px;
    width: 17px;
    margin: 4px 1px;        
}

.bold {
    font-weight: bold;
}

.rejection_bootbox{
    display: block;
    position: fixed;
    top: 110px;
    left: 30px;
    max-width: 90vw;
}

.rejection_bootbox .modal-header {
    border-bottom: 1px solid #80808054;
    padding: 17px 22px 15px 18px;
    text-transform: uppercase;
    background-color: #fb3;
    color: white;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.rejection_bootbox .modal-header > .close {
    font-size: 1.25em;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    transition: 0.3s;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    margin: -1rem -1.25rem -1.25rem auto;
}

.rejection_bootbox .modal-header > .close:hover {    
    opacity: .9;
    color: white;
}

.rejection_bootbox .modal-header > .modal-title {
    font-size: 17px;
    font-weight: 600;
}

.rejection_bootbox.show > div > div > div.modal-body > div > form > textarea {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 70px;
    max-height: 150px;
}

.toaster-file {
    float: right;
    margin-right: 23px;
    margin-top: 1rem!important;
}


/* MODAL EDITOR */
div.modal.fade.DTED.show > div.modal-dialog {
    width: 45vw;
    max-width: 50vw;
}

.btn-light-blue {
    -webkit-box-shadow: 0 2px 6px 0 rgb(33 150 243 / 50%);
    box-shadow: 0 2px 6px 0 rgb(33 150 243 / 50%);
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
}
.btn-light-blue:hover {
    color: #fff;
    background-color: #0c83e2;
    border-color: #0c7cd5;
}

/* APP LEFT-BOTTOM UTILITIES MENU */
.shortcut-menu {
    position: fixed;
    right: 1.5rem;
    bottom: 0.3125rem;
    z-index: 931;
}

/* Summernote with TITLE */
.htmlEditorTitle {
    text-align: center;
    color: white;
    padding: 12px 0px 2px 11px;
    width: 97.5%;
    margin-left: 16px!important;
    margin-top: 6px;
    margin-bottom: -12px!important;
}
.htmlEditorTitle > h5 {
    font-weight: 500;
    text-transform: uppercase;    
}
/* Dashboard */
.onWorkflow {
    color: #000000ba;
    background-color: #ffd541;
}

.effective {
    background-color: #1dc7a0;
    color: white;
}
.anomaly {
    background-color: #ff4341;
    color: white;    
}
.actualTime {
    font-size: 11px !important;
    margin-bottom: -4px!important;
}
.numberCircle {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    padding: 8px;
    background: #fff;
    color: #666;
    border: 7px solid #6ab8f7;
    text-align: center;
    font-size: 27px;
    padding-top: 20px;
    align-items: center;
    justify-content: center;
}

.timeWrapper {
    display: flex;
}

.numberCircle > .timeWrapper {
    align-items: center;
    justify-content: center;
}
.timePunchButtons {
    /*    display:inline-flex;*/
    display: block;
    width: 100%;
}
div.timePunchButtons > button:nth-child(2) {
    float: right;
}

.punchMove {
    text-transform: uppercase; 
    font-weight:600;
}
.pulse-1 {
    animation: pulse-1 1s infinite linear;
}

@keyframes pulse-1 {
    0% {
        opacity: 0.0;
        transform: scaleX(1)
    }
    50% {
        transform: 0.5;
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        opacity: 1;
        transform: scaleX(1)
    }
}


#expected-schedules th, #expected-schedules td{
    text-align: center;
    padding: 6px 6px 6px 6px;
}

#omissas > div > span.label.d-block {
    font-size: 11px !important;
    margin-bottom: -4px!important;
    font-weight: 400!important;
    line-height: 1.47!important;
}
#omissas > div > span.value.d-block {
    margin-bottom: 0px!important;
    font-size: 27px!important;
    font-weight: 400!important;
    line-height: 1.47!important;
    color: #ff4341!important;
}

.pl-07 {
    padding-left: 0.7rem;
}
.wh-30 {
    width:30px;
    height:30px;
}
.alert-photo {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    margin-top: -4px;
    margin-bottom: -5px;
    margin-left: -2px;
    margin-right: 7px;    
}

.alert-other {
    color: #ffffff;
    background-color: #b8b8ff;
    border-color: #a5a5d6;
}
.alert-other-icon {
    color: #9494d8!important;
}
.alert-proximity {
    color: #0a6ebd;
    background-color: #e3f2fd;
    border-color: #82c4f8;
}
.alert-lapsed {
    color: #c18300;
    background-color: #fff8e9;
    border-color: #ffcd65;
}

div.alert-proximity > div > div > span > i {
    color: #0a6ebda3;
}

div.alert-lapsed > div > div > span > i {
    color: #c18300ab;
    font-size: 0.9em;
}

.mh-p90 {
    max-height: 90%!important;
}

span.badge.new_counter {
    top: -8px;left: -2px;
    position: inherit;
    font-size: .80rem;
    padding: .4em .55em .3em .5em;
}
/* END Dashboard */


.Pulse-path {
  transform: translate3d(0, 0, 0);
  stroke-dashoffset: 120px;
  animation: pulse 6000ms cubic-bezier(0.86, 0, 0.07, 1) infinite;
}

@keyframes pulse {
  0% {
    stroke-dashoffset: 120px;
  }
  100% {
    stroke-dashoffset: -1231.6968px;
  }
}

/* DASHBOARD "EMPLOYEE" WORKFLOW NOTIFICATIONS */
.message-wkf {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.message-wkf li {
    display: block;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e7e7e7;
    margin: 2px 4px;
    padding: 8px 8px;
}
.message-wkf li > span {
    display: block;
    border-right: 1px solid #FFE1EB;
    height: 46px;
    padding: 6px 11px 6px 18px;
    width: 50px;
    vertical-align: top;
    position: absolute;
}
.message-wkf li > span > a {
    position: absolute;
    left: 3px;
}

.message-wkf li > p {
    height: 100%;
    margin-left: 52px;
    border-left: 1px solid #FFE1EB;
    display: inline-block;
    padding: 8px 0 6px 7px;
    margin-bottom: 0;
    min-height: 37px;
    line-height: normal;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
.message-wkf li > p > span {
    display: block;
    margin-top: .25rem!important;
    line-height: 12px;
    font-size: 10px;
    font-weight: 400;
    color: #b9b9b9;    
}

/* Links do Menu de REPORTS (extra.php)*/
@media (min-width: 1200px) {
    div.modal.quad-hcm-reports > div.modal-dialog.modal-dialog-right {
        max-width: 25vw !important;
    }    
}

@media (max-width: 1199px) and (min-width: 992px) {
    div.modal.quad-hcm-reports > div.modal-dialog.modal-dialog-right {
        max-width: 35vw !important;
    }
}

@media (max-width: 991px) and (min-width: 576px) {
    div.modal.quad-hcm-reports > div.modal-dialog.modal-dialog-right {
        max-width: 45vw !important;
    }
}
div.modal.quad-hcm-reports > div > div > div.dropdown-header.bg-trans-gradient {
    background-image: linear-gradient( 250deg, #1db95494, #1db954);
}

.report-title {
    margin-top: .5px;
    font-size: .8125rem;
    display: block;
    vertical-align: middle;
}

div.quad-hcm-reports span.onoffswitch-title {
    cursor: default;
}

/* GROUP OF REPORTS TITLE */
div.modal.quad-hcm-reports div.d-table-cell > h5 {
/*    color: #de8d02;*/
    color: #1db954;
    cursor: default;
}
/* END GROUP OF REPORTS TITLE */

a.btn.outputs_control {
    position: absolute;
    right: 1rem;
    margin: 0;
    top: 23%;
    background: #696969;
    padding: 3px 6px 3px 7px;
    font-size: 10px;
    line-height: 18px;
    border-radius: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    width: 25px;
    height: 25px;
    overflow: hidden;
}

a.btn.outputs_control:hover {
    transform: scale(1.1);
    background-color: #1db954;
}

/* HIDE DATEPICKER ON YYYY-MM */
#ui-datepicker-div.noDays > table.ui-datepicker-calendar {
    display: none;
}

div.bootbox.modal.fade.modal-alert.show > div > div > div.modal-header > h5 > i {
    margin-right: .5rem;
}

.modal-md {
    max-width: 22.5vw;
}

/* BEGIN NAV */ 
.primary-nav .nav-menu:first-of-type {
    margin-top: 0rem;
    margin-bottom: 1rem;
}


.nav-menu li> ul {
    padding-top: 0px;
    padding-bottom: 0px;
}
/* END NAV */ 

/* MODAL ORDER / SORT */
#sortModal div.modal-header {
    display: block;
    margin-bottom: 22px;
    height: 50px;
    background-color: #f8f9fb;
    border-bottom: 1px solid #ddd;
    padding: 13px 10px 2px 16px;
    font-size: 1.3em;
}

#sortModal .modal-footer {
    flex: none;
    position: relative !important;
    margin-top: 8px;
    height: 50px;
    width: 100%;
    background-color: #f3f3f3;
    border-top: 1px solid #ddd;
    padding: 2px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0!important;
}

#sortModal .modal-footer button {
    margin-top: 3px;
    padding: 5px 15px;
    cursor: pointer;
    float: right;
    background-image: -webkit-linear-gradient(top,white 0,#eee 65%,#f9f9f9 100%);
    text-shadow: 0 1px 0 white;
    border: 1px solid #99999980;
    transition: 0.3s;
}
/* END MODAL ORDER / SORT */

/* TIME-MANAGEMENT REGISTRIES CLASHES */
#CruzamentosRec > thead {
    text-transform: uppercase;
}

#CruzamentosRec td, #CruzamentosRec th {
    cursor: default;
    padding: 0.35rem;
}

.panel-error {
    border-left: 3px solid #c91d1d;
    background: #fedede;
    border-radius: 0px;
    padding: 1rem 1rem;
    opacity: .8;
    font-weight: 400;
    font-size: .875rem;
}

div.editorError > div.panel-tag {
    padding: 0.5rem 1rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    color: white;
    background-color: orange;
    border-radius: 0px;
    border-left: 0px solid orange;
}

textarea.form-control {
    max-width: 100% !important;
}

/* BEGIN PANEL CONTROL */
.app-list {
    width: 22.875rem!important;
}
.app-list-item {
    width: 6.6rem !important;
}
/* END PANEL CONTROL */

.inactive-row {
    background-color: #f3f3f3 !important;
}

.table-responsive {
    overflow-x: inherit !important;
}

/* CHOSEN PLACEHOLDER */
div.chosen-container > a > span {
/*    color: #a1a1a1;*/
}

.unjustifiedAbsences {
    font-weight: bolder;
    color: #dc3545;
    text-decoration: underline!important;
}

a:hover {
    cursor: pointer;
}

.mh-224 {
    max-height: 224px !important;
    overflow-y: auto;
}

th, td {
    cursor: default;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.input-group-addon {
    margin-left: .6rem;
    font-size: 1.1rem;
    height: 37.11px;
    padding-top: 1%;
}

.frmHist {
    display: inline-block;
}
    
.inputHist:placeholder-shown {
    display:none;
}
.inputHist {
    opacity: 1;
    padding: 0;
    margin: -2px 0px 0px 0px;
    background-color: #ffd541 !important;
    font-weight: 600;
    border: 0px;
    display: inline-block;
    padding: 0.25em 0.4em 0.25em 0.4em;
    font-size: 85%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

a.chosen-single.chosen-default.error {
    border: 1px solid #ff9c14!important;
}

.disabled:not(.btn), .disabled:not(.btn)>* {
    opacity: 1!important;
}

div.chosen-container.chosen-container-single {
    width: 100%!important;
    /*    z-index: 100!important;*/
}

div.master-col .chosen-container-single .chosen-drop, div.other .chosen-container-single .chosen-drop {
    margin-top: -32px;
}

.btn-purple {
    color: #fff !important;
    background-color: #886ab5 !important;
    border-color: #886ab5 !important;
}

.btn-purple:hover {
    color: #fff !important;
    background-color: #7453a6 !important;
    border-color: #6e4e9e !important;
}

img.Avatar.rounded-circle {
    aspect-ratio: 1/1;
    width: 100%;    
}

.va-center {
    vertical-align: middle;
}

div.modal-dialog > div.modal-content > div.modal-body {
    max-height: 60vh!important;
}

.chosen-container.chosen-container-multi.chosen-disabled {
    background-color: #f3f3f3;
}

.chosen-container.chosen-container-multi.chosen-disabled > ul.chosen-choices {
    background-color: #f3f3f3;
}
/* CONVERT IMAGE TO BLACK-AND-WHITE */
.image-bw {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.menu-item, label.menu-open-button {
    right: -7px;
    bottom: 47px;    
}

/* Summernote Toolbar Height (other than e-Tickets) */
form:not(#eTicket-compose-form) .note-editor .note-toolbar>.note-btn-group, form:not(#eTicket-compose-form) .note-popover .popover-content>.note-btn-group {
    margin-top: 6px !important;
    margin-left: 6px !important;
    margin-right: 6px !important;
    margin-bottom: 1px !important;
}

.btn-light.disabled, .btn-light:disabled {
    border-color: inherit !important;
}

/* POPOVER : BICO */
.bs-popover-auto[x-placement^=left]>.arrow::after, .bs-popover-left>.arrow::after {
    right: 4px;
    border-width: 7.5px 0 7.5px 7px;
    border-left-color: #fffdfd;
}
.bs-popover-auto[x-placement^=left]>.arrow::before, .bs-popover-left>.arrow::before {
    opacity: 0.7;
}

div.modal.quad-hcm-reports > div.modal-dialog-right > div.modal-content {
    min-height: 90vh;
}

div.modal.quad-hcm-reports.modal-backdrop-transparent.show  div.modal-body {
    overflow-y: auto;
    max-height: 90vh!important;
}

div.processControl.ml-1.show > div.dropdown-menu.show {
    width: 30rem !important;
    will-change: top, left;
    position: absolute;
}

div.processControl.show > div.dropdown-menu.show > ul > li > a > span.badge.badge-icon.notif-page {
    background-color: rgb(5 5 5)!important;
    color: rgb(255, 255, 255)!important;
    font-size: 10px!important;
    height: 20px!important;
    width: 20px!important;
    line-height: 13px!important;
    position: relative!important;
    top: -8px!important;
    left:2px!important;
}

/* Relatórios */
div.modal.js-modal-settings > div.modal-dialog-right > div.modal-content {
    min-height: 90vh;
}

/* Default Settings */
div.modal.js-modal-settings.modal-backdrop-transparent.show  div.modal-body {
    overflow-y: auto;
    max-height: 90vh!important;
}


@media (min-width: 992px) {
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu>li>a+ul>li>a {
/*        padding-left: 1.375rem;*/
        padding-left: 45px;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
    }
}

.badge-light-blue {
    background-color: #39a1f4;
    color: #fff;
}

.badge-cyanish {
    background-color: #886ab5;
    color: #fff;
}

.badge-orange {
    background-color: #ffa502;
    color: #fff;
}

.mt-6 {
    margin-top: 3rem!important;
}

#contextInfo>tbody>tr>td, #contextInfo>tbody>tr>th, #contextInfo>tfoot>tr>td, #contextInfo>tfoot>tr>th, #contextInfo>thead>tr>td, #contextInfo>thead>tr>th {
    padding: 8px 10px;
}

.row-no-margins {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0rem;
    margin-left: 0rem;
}


.btn-sm-quad {
    padding: 0.3rem 0.7rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: 4px;
}


.btn-danger-1 {
    color: #fff;
    background-color: #fd3995;
    border-color: #fd3995;
    -webkit-box-shadow: 0 2px 6px 0 rgb(253 57 149 / 50%);
    box-shadow: 0 2px 6px 0 rgb(253 57 149 / 50%);
}

.btn-danger-1:hover {
    color: #fff;
    background-color: #fd1381;
    border-color: #fc077a;
}

/* TIMELINE COMPONENTS */
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border-radius: 2px;
    background-color: #fbfbfb;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px #ececec;
    -webkit-box-shadow: 0 1px 1px #ececec;
    -moz-box-shadow: 0 1px 1px #ececec;
    position: relative;
}

.well-sm {
    padding: 9px;
    border-radius: 2px;
}
.well-lg {
    padding: 24px;
    border-radius: 6px;
}
.quad-timeline {
    position: relative;
}
.quad-timeline-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.quad-timeline-list:after {
    content: " ";
    background-color: #eee;
    position: absolute;
    display: block;
    width: 2px;
    top: 10px;
    left: 95px;
    bottom: 0;
    z-index: 1;
}
.quad-timeline-list li {
    position: relative;
    margin: 0;
    padding: 15px 0;
}
.quad-timeline-icon {
    background: #3276b1;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    left: 80px;
    top: 10px;
    z-index: 100;
    padding: 2px;
}
.quad-timeline-icon>img {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    margin-top: -2px;
    margin-left: -2px;
    border: 2px solid #3276b1;
}
.quad-timeline-time {
    float: left;
    width: 70px;
    text-align: right;
}
.quad-timeline-time>small {
    font-style: italic;
}
.quad-timeline-content {
    margin-left: 123px;
}
/* END TIMELINE COMPONENTS */

.a2a-warn-1 {
    background-color: #f29479;
    color: white;
    padding: 0.32rem 0.25rem 0.25rem 0.25rem!important;
    font-weight: 500;
    font-size: 97%;
}
.a2a-warn-2 {
    background-color: #f26a4f;
    color: white;
    padding: 0.32rem 0.25rem 0.25rem 0.25rem!important;
    font-weight: 500;
    font-size: 97%;
}
.a2a-warn-3 {
    background-color: #ef3c2d;
    color: white;
    padding: 0.32rem 0.25rem 0.25rem 0.25rem!important;
    font-weight: 500;
    font-size: 97%;
}
.a2a-warn-4 {
    background-color: #cb1b16;
    color: white;    
    padding: 0.32rem 0.25rem 0.25rem 0.25rem!important;
    font-weight: 500;
    font-size: 97%;
}

/* QUADTABLES disabling */
.dataTable th.none, .dataTable td.none {
    display: none!important;
}

/* NAV DROPDOWN MENU */
li.nav-item.dropdown.show > ul.dropdown-menu.show {
    width: max-content !important;
}

/* .nav-tabs .nav-link[aria-selected="true"] */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) #fff;
    border-bottom: 2px solid white;
}
.nav-tabs .nav-item .nav-link.active:not(:hover) {
    border-bottom: 2px solid white;
}

/* QUADTABLE CHILD w/LONG TEXTAREA CONTENT... */
table.nowrap.dataTable.dtr-inline.collapsed > tbody ul.dtr-details {
    white-space: break-spaces;
}

@media only screen and (max-width: 576px) {
    .page-header [data-toggle=dropdown]+.dropdown-menu {
        width: calc(90% - 2rem) !important;
    }
}


/* DIALOG WINDOW */
/*@media (min-width: 576px) {
    .modal-dialog:not(.modal-dialog-right):not(.modal-process):not(.modal-dialog-top) {
        max-width: 35vw;
        margin:10vh auto;
    }
    .modal-dialog.modal-process:not(.modal-dialog-right):not(.modal-dialog-top) {
        max-width: 35vw;
        margin:10vh auto 10vh 25vw;
    }
}*/
.piMobile {
    margin-top: -60px;
}
/* MOBILE */
@media only screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_info {
        justify-content: right;
    }
    div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
        display: none;
    }
    div.dataTables_wrapper span.nRecords {
        font-size: .65em;
        margin-top: -7px;
        margin-right: 7px;            
        margin-bottom: -4px;
    }
    .table td, .table th {
        padding: 0.5rem 0.5rem 0.5rem 0.5rem;
        font-size: 13px;
    }

    div.modal.fade.DTED.show > div.modal-dialog {
        margin-top: 2 rem;
        width: calc(100vw - 1rem);
        max-width: calc(100vw - 1rem);
    }
    
    .modal-dialog:not(.modal-dialog-right):not(.modal-process):not(.modal-dialog-top) {
        width: calc(98vw - 1rem);
        max-width: calc(98vw - 1rem);
        margin:10vh auto;
    }
    .modal-dialog.modal-process:not(.modal-dialog-right):not(.modal-dialog-top) {
        width: calc(98vw - 1rem);
        max-width: calc(98vw - 1rem);
        margin:10vh auto 10vh 25vw;
    }
    #myModal.modal.workflow_visio.show div.col-sm-3, #myModal.modal.workflow_visio.show div.col-sm-9 {
        display: contents;
    }
    
    .nav-link {
        padding: 0.5rem 0.65rem
    }
    
    .piMobile {
        margin-top: 10px!important;
    }
}
/* END MOBILE */

.invisibleInput {
    width:0px; 
    height:0px;
    border: 0px solid #fff;
}


/* VERTICAL LINE */
.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact)>li>ul:before {
    left: 1.5625rem;
}

/* VERTICAL LINE DOT */
.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact)>li>ul>li a:after {
    left: 1.4rem;
}
/* ROOT MENU OPTIONS */
.nav-menu li a {
    padding-left: 14px;
}

/* 1st LEVEL inside ROOT option */
.nav-menu > li > ul > li a {
    padding-left: 36px;
}
.nav-menu li>ul li>ul li a {
    padding-left: 50px;
}
.nav-menu li>ul li>ul li>ul li a {
    padding-left: 64px;
}
.nav-menu li>ul li>ul li>ul li>ul li > a {
    padding-left: 78px;    
}
/*// 2nd LEVEL inside ROOT option
.nav-menu > li > ul > li > ul > li a {
    padding-left: 36px;
}
//3td LEVEL inside ROOT option
.nav-menu > li > ul > li > ul > li > ul > li a {
    padding-left: 36px;
}*/

.select2-container--open {
    z-index: 9999999!important;
}

.text-truncate-lg {
    max-width: 190px;
}

td.ui-datepicker-unselectable.ui-state-disabled > span {
    color: #ccc!important
}

.nav-tabs-clean .nav-item .nav-link.active {
    border-bottom: 1px solid #6a7eb5!important;
    color: #6a7eb5!important;
}

.w-auto {
    width:auto;
}

.w-100 {
    width:100%;
}

.discrete {
    font-size: .85em;
    font-weight: normal !important;
    font-style: italic !important;
}

.quadBlur {
    filter: blur(15px) !important;
}


@media (min-width: 576px) {
    .modal-dialog {
            max-width: 850px!important;
    }
}

.table-foto-32 {
    object-fit: cover !important;
    background-size: cover !important;
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.middleCellBody > tbody td {
    vertical-align: middle;
}
    
#comms_super > div > #panel-5 > div.panel-container > div.panel-content.dash {
    max-height: none;
}    

#js-primary-nav > div.info-card > div.info-card-text > a > span {
    width: max-content;
}


div.hidden-md-down.dropdown-icon-menu.position-relative ul li {
    margin: 0px !important;
    padding: 0px !important;
}

/* HTML EDITOR SCROLLBAR */
.note-editor.note-frame.card > .note-toolbar.card-header {
    display: inline-table;
}

/* MINIFY NAV - OPTIONS POSITION*/
@media (min-width: 992px) {
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
        left: 5.1rem;
    }

    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
        left: 5.1rem;
    }
}

/* ALERTAS DASHBOARD */
.alertas .alert {
    box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
}

/* FIXED HEADER */
body.desktop.pace-done.header-function-fixed:not(.nav-function-top):not(.header-function-fixed) .page-logo,
body.desktop.pace-done.header-function-fixed:not(.nav-function-top):not(.header-function-fixed) .page-logo-link,
body.desktop.pace-done.header-function-fixed:not(.nav-function-top):not(.header-function-fixed) .page-sidebar {
    width: 320px;
}

.quad-note {
    font-weight: bold;
    height: 39px;
    padding: 2px 8px;
    margin-bottom: -15px;
    border-left: 3px solid #1dc944;
    background: #eef7fd;
    opacity: .8;
    font-size: .75rem;
    margin-top: 23px !important;
    line-height: 34px;
}