::-webkit-scrollbar{
        width: 10px;
        height: 10px;
        }
        ::-webkit-scrollbar-thumb{
            background: #929292;
            border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb:hover{
            background: #929292;
        }
        ::-webkit-scrollbar-track{
        background: #FFFFFF;
        border-radius: 10px;
        box-shadow: inset 7px 10px 12px 0px #fff;
        }
        
        .app-vertical-menu .app-vertical-submenu > li > a {
            padding: 8px 11px 8px 20px;
            display: block;
            font-size: 13px;
            color: #777777;
        }

        table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
            vertical-align:middle;
        }

        div.dataTables_wrapper div.dataTables_filter input {
            width:140px;
            height: 30px;
        }

  
        .required {
            color:#ff0000;
        }

        .dataTables_wrapper {
            padding:0px!important;
            width: calc(100% - 0px);
        }

        .swal2-styled.swal2-confirm:focus {
            box-shadow: 0 0 0 3px rgb(0 95 168 / 34%);
        }

        .m-b-0 {
            margin-bottom:0px
        }



        
    table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
        top: auto;
        left: 18px;
        height: 14px;
        width: 14px;
        display: block;
        position: absolute;
        color: #7a8997;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        box-sizing: content-box;
        text-align: center;
        line-height: 14px;
        content: '\F86A';
        font: normal normal normal 24px/1 "Material Design Icons";
        background-color: transparent;
        font-size: 20px;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
        content: '\F209';
        color: #7a8997;
        background-color: transparent;
    }

    /* table.dataTable li:last-child span.dtr-data {
        float:left;
    } */

    table.dataTable>tbody>tr.child span.dtr-title {
      min-width: 0px;
    }

    div.dataTables_wrapper div.dataTables_length label {
        font-size: 0px;
    }

    .dataTables_filter input {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
        background-repeat: no-repeat;
        background-position: 3px 4px !important;
        padding-left: 26px;
    }

    .dataTables_length {
        display:inline-block;
        max-width:100px;
    }

    .app-contentbar {
        max-width:1500px;
        margin: 0 auto;
        margin-bottom:60px;
    }


    .tox .tox-statusbar__branding svg {
        display:none;
    }


    .border-grey {
        border:1px solid #eee;
    }
    
    .form-text {
        display: block;
        margin-top: 0.25rem;
        font-size: 11px;
    }

    .select2-container .select2-selection--single {
        height: 35px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 35px;
    }

    .show-order-email h3 {

        margin-top:30px;
        padding-bottom:0px !important;
    }

    .dtr-bs-modal input {
        display:none
    }

    @media all and (max-width:768px) {
        .btn span {
            display:none;
        }
    }

.dataTables_processing
{
z-index: 105
}



.submit .loader {
    display: none;
    justify-content: right;
    align-items: center;
    width: 20px;
    height: 20px;
    background: transparent;
    /* margin: 30px auto 0 auto; */
    border: solid 2px #efefef;
    border-top: solid 2px transparent;
    border-radius: 50%;
    opacity: 0;
    vertical-align: middle;
    margin-left: 5px;
}

.submit .loader.active {
    animation-name: loading;
    animation-duration: 700ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    opacity: 1;
}

@keyframes loading {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }

}


.app-breadcrumbbar .page-title {
    position: relative;
}

.app-breadcrumbbar .page-title::after {
    content:"";
    width:30px;
    height:3px;
    background:#6cac32;
    position:absolute;
    left:calc(50% - 15px);
    bottom: -15px;
}

.app-pricing-amount {
    transition: opacity 0.5s; 
}

.app-pricing .app-pricing-middle .list-group-item {
    border-bottom:1px solid #eee;
    border-radius: 0px;
}



.loader {
    display: none;
    justify-content: right;
    align-items: center;
    width: 20px;
    height: 20px;
    background: transparent;
    /* margin: 30px auto 0 auto; */
    border: solid 2px #efefef;
    border-top: solid 2px transparent;
    border-radius: 50%;
    opacity: 0;
    vertical-align: middle;
    margin-left: 5px;
}

.loader.active {
    animation-name: loading;
    animation-duration: 700ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    opacity: 1;
    display: inline-flex;
}

@keyframes loading {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }

}

    #preloader {
    position: absolute;
    /* top: 200px; */
    background-color: rgba(255,255,255,0.5);
    backdrop-filter: saturate(120%) blur(6px);
    z-index: 22000;
    width: 100%;
    height: 100%;
  }
  
  .spinner {
    display: inline-block;
    width: 66px;
    height: 66px;
    top: 300px;
    position: absolute;
    left: calc(50% - 33px);
  }

  .spinner:after {
    content: " ";
    display: block;
    width: 50px;
    height: 50px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #333;
    border-color: #333 transparent #333 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
  }
  @keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
.bg-light {
    background-color: #fbfbfa !important;
}

.current-plan {
    width: calc(100% - 20px);
    position: absolute;
    bottom: 20px;
    left: 10px;
    border-color: #f4f3f2 !important;
}

.switchery-default {
    background-color: #6cac32 !important;
    border-color: #6cac32 !important;
    box-shadow: #6cac32 0px 0px 0px 16px inset !important;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

.highlighted {
    display: table;
    background-color: #656464;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    cursor: default;
    float: none;
    margin-right: 5px;
    margin-top: 7px;
    padding: 3px 8px;
}

.active-worker {
    background: #eefbf8;
    border: 1px solid #c6dbd6;
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
    animation-duration: 2s;
    transition: all 0.05s ease-in;
}

.active-worker:hover {
    background: #eefbf8;
    border: 1px solid #c6dbd6;
}

.active-worker a {
    color: #6a6c69;
    text-decoration: none;
}

.paused-worker {
    background: #fac7521a;
    border: 1px solid #edd9ae;
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
    animation-duration: 2s;
    transition: all 0.05s ease-in;
}

.paused-worker a {
    color: #6a6c69;
    text-decoration: none;
}


.paused-worker:hover {
    background: #fac75238;
    border: 1px solid #dac79f;
}

.info-bar {
  background:#F6F7F9;
}

.pto-worker {
  background: #e9f2f7;
  border: 1px solid #afcedf;
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  animation-duration: 2s;
  transition: all 0.05s ease-in;
}

.pto-worker a {
  color: #6a6c69;
  text-decoration: none;
}

.pto-worker:hover {
  background: #d4e3ec;
  border: 1px solid #9abacb;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    margin-right: 5px;
}

.form-group {
    margin-bottom:10px;
}

div:where(.swal2-container) {
    z-index: 30000 !important;
}

.weekend {
    background-color: #f2f9f1;  
}

td.summary-header-cell {
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    height: 60px;
}

tr.week-summary-row td, tr.month-summary-row td {
    vertical-align: middle;
    text-align: left;
    padding:0px 15px 0px 15px;
    user-select: text !important; 
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}

.day-summary {
    text-align: center;
    /* padding: 10px 0px 10px 0px; */
    user-select: text !important; 
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    position: relative;
    z-index: 100;
}

.day-summary.note {
  padding: 0px 0px 20px 0px; 
}

.week-summary {
    user-select: text !important; 
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}


.month-summary-row {
    background: #fafaf9;
    /* font-size: 15px; */
    height: 46px;
    font-weight: 600;
}

.fc-event {
    background-color: #535353;
    color: #ffffff !important;
    border: none;
    border-radius: 15px !important;
    text-align: center;
    font-size: 13px;
    margin: 5px 0;
    padding: 3px 5px;
    cursor: move;
}

.fc-day-disabled {
  background-color: #FFE6E5 !important;
}

.week-summary-row {
    height: 40px;
}

.week-summary-header, .daily-summary-header {
    height: 40px;
    background: #F6F7F9;
    vertical-align: middle;
}

.week-summary-header th{
    vertical-align: middle;
}
/* 
.week-summary-header th:nth-child(4) {
    background: #b6d3e1;
}

.month-summary-row td:nth-child(4) {
    background: #d7e5ed;
}

.week-summary-row td:nth-child(4) {
    background: #f5f9fb;
} */





.week-summary-header th:nth-child(4) {
    background: #cfe3cd;
}

.month-summary-row td:nth-child(4) {
    background: #e1f2df;
}

.week-summary-row td:nth-child(4) {
    background: #f2f9f1;
}


.week-summary-header th:nth-child(5) {
    background: #c8dbfd;
}

.month-summary-row td:nth-child(5) {
    background: #d6e4fc;
}

.week-summary-row td:nth-child(5) {
    background: #e9f0ff;
}

.fc-day-today
{
  background-color:#fdf7dc !important;
}

.app-calendar .fc .fc-daygrid-day-frame {
    max-height: inherit !important;
}

#report .color-box {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 10px;
}

.day-summary button {
    z-index:100;
    outline:0;
    border:none !important;
    color:#656464;
}

.day-summary button:hover {
    color:rgb(0, 0, 0);
    outline:0;
}

.clockOutButton {
    height: 25px;
    width: 25px;
    text-align: center;
    padding: 0px;
    border:none;
}


.dashboard-column-overflow {
    white-space: nowrap;
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0px 5px 0px 0px;
}


.app-contentbar .app-widget-icon {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
    animation-delay: 6s;
}

#report #report-content {
  width:100%;
  min-width:1024px;
}


.daily-summary-table td {
  vertical-align: middle;
    text-align: left;
    padding: 4px 15px 4px 15px;
    height:40px;
    border: 1px solid var(--bs-border-color);
}

.daily-summary-table tr:nth-child(1) td {
  text-align: center;
  border:none;
  height:60px;
}

.daily-summary-table tr:nth-child(2) td {
  font-weight: bold;
}

.daily-summary-table .daily-summary-header2 {
  height: 40px;
  background: #f6f7f9;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}

.daily-summary-table .daily-summary-header2 td {
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}

.daily-summary-table .daily-summary-header-row:hover {
  background: #fff !important;
}

.daily-summary-table tr:hover {
  background-color: #f7f7f7;
}

.daily-summary-table tr .sep {
  background:transparent !important;
  padding:0px !important;
  display: block !important;
  font-weight: bold;
}

.daily-summary-table tr .sep:not(:first-child) {
  margin-top:10px !important;
}

/* #daily-summary-table .table>:not(caption)>*>* {
  padding:0 !important;
} */


.color-box {
    width: 16px;
    height: 16px;
    border-radius: 3px;
}

.color-worked {
    background: #535353;
}

.color-break {
    background: #E0901F;
}

.color-pto {
    background: #7EB5D3;
}

.color-today {
    background: #fdf7dc;
}

.color-weekend {
    background: #E1F2DF;
}

.color-holiday {
    background: #6cac33;
} 

.color-outside-range {
    background: #FFE6E5;
}

.color-modified {
    background: #887043;
}

.card-paid-days { background-color: #ebf3f8;  }
.card-sick-days { background-color: #ebf3f8;  }
.card-personal-days { background-color: #ebf3f8; }
.card-juryduty-days { background-color: #fff2f8;  }
.card-maternity-days { background-color: #f8f2ff;  }
.card-vacation-days { background-color: #fff8f2;  }

.btn-report-info {
  background-color: #959595 !important;
  border-color: #959595 !important;
  color: #fff !important;
  padding: 5px 10px !important;  
}

.btn-report-info:hover {
  background-color: #454545 !important;
  border-color: #454545 !important;
} 

.daily-summary-table strong {
  background: transparent !important;
}

.fc-event-title, .fc-event-main {
  white-space: normal;
  padding:2px;
}

.activity-photo {
  background-size: cover;
  background-position: center;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.app-calendar .fc .fc-paidTimeOff-button, .app-calendar .fc .fc-exportToXLSX-button {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
    font-weight: 400;
    margin-left: 12px !important;
}

.app-calendar .fc .fc-paidTimeOff-button:not(:disabled):active, .app-calendar .fc .fc-exportToXLSX-button:not(:disabled):active {
    background-color: var(--bs-primary);
    box-shadow: none;
    color: var(--bs-white);
}

.app-calendar .fc .fc-paidTimeOff-button:hover, .app-calendar .fc .fc-exportToXLSX-button:hover {
    background-color: var(--bs-dark);
    border-color: var(--bs-dark);
    box-shadow: none;
    color: var(--bs-white);
}

.app-calendar .fc .fc-paidTimeOff-button:focus, .app-calendar .fc .fc-exportToXLSX-button:focus {
    box-shadow: none !important;
}

.app-calendar .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
    background-color: var(--fc-today-bg-color) !important;
    border-radius: 8px;
}


.app-calendar .fc .fc-editEmployee-button {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
    font-weight: 400;
    margin-left: 12px !important;
}

.app-calendar .fc .fc-editEmployee-button:not(:disabled):active {
    background-color: var(--bs-primary);
    box-shadow: none;
    color: var(--bs-white);
}

.app-calendar .fc .fc-editEmployee-button:hover {
    background-color: var(--bs-dark);
    border-color: var(--bs-dark);
    box-shadow: none;
    color: var(--bs-white);
}

.app-calendar .fc .fc-editEmployee-button:focus {
    box-shadow: none !important;
}


.circle-bottom {
    bottom: -7% !important;
    right: -6% !important;
    opacity: 1 !important;
}


.form-control:focus {
    color: var(--bs-heading-color);
    background-color: transparent;
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: var(--bs-box-shadow-inset), 0 0 0 .25rem var(--bs-primary);
}

.pagination {
    --bs-pagination-hover-color: #0074ba;
    --bs-pagination-focus-color: #0074ba;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(99, 91, 255, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0074ba;
    --bs-pagination-active-border-color: #0074ba;
}

.select2-container--bootstrap-5 .select2-selection {
    font-size: .875rem !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    border: var(--bs-border-width) solid #e0e6eb !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: var(--bs-primary) !important;
    box-shadow: none !important;
}

.select2-container .select2-selection--single {
    height: 43px !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    color: #fff;
    background-color: var(--bs-primary) !important;
}

.select2-container--bootstrap-5 .select2-dropdown {
    border-color: var(--bs-border-color) !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    border: 1px solid var(--bs-border-color) !important; 
    font-size: .875rem !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: var(--bs-border-color) !important;
    box-shadow: none !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
  font-size: .875rem !important;
}

.table-responsive .dataTables_wrapper .dataTables_length select {
    min-width: 70px;
}


.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-color) !important;
    background-color: var(--bs-btn-bg) !important;
    border-color: var(--bs-btn-border-color) !important;
    box-shadow: var(--bs-btn-shadow) !important;
}

@-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
      transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
      transform: translate3d(25px, 0, 0) scaleX(1);
    }
  
    75% {
      -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
  
    90% {
      -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
      transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
      transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
      transform: translate3d(25px, 0, 0) scaleX(1);
    }
  
    75% {
      -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
  
    90% {
      -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
      transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
 
  @-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
      transform: translate3d(3000px, 0, 0) scaleX(3);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
      transform: translate3d(-25px, 0, 0) scaleX(1);
    }
  
    75% {
      -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
      transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
  
    90% {
      -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
      transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
      transform: translate3d(3000px, 0, 0) scaleX(3);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
      transform: translate3d(-25px, 0, 0) scaleX(1);
    }
  
    75% {
      -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
      transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
  
    90% {
      -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
      transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @-webkit-keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  @keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  @-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
      transform: translate3d(0, 3000px, 0) scaleY(5);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
  
    75% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
      transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
  
    90% {
      -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
      transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
      transform: translate3d(0, 3000px, 0) scaleY(5);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
  
    75% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
      transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
  
    90% {
      -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
      transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }


  .copyright {
    position: relative;
    z-index: 1;
  }

  .check-count {
    font-size: 12px;
    color: #6a6c69;
    margin-left: 5px;
  }

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-bottom-width: 1px;
    vertical-align: middle;
}




/* Dark theme fixes */

html[data-bs-theme="dark"] body .active-worker {
    border: 1px solid #536b71;
    background:#203B47;
}

html[data-bs-theme="dark"] body .active-worker a {
    color: #fff;
    text-decoration: none;
}

html[data-bs-theme=dark] body .text-muted {
    color: #95a0a5 !important;
}

html[data-bs-theme=dark] ::-webkit-scrollbar-track {
    background: #192437;
    border-radius: 10px;
    box-shadow: inset 7px 10px 12px 0px #192437;
}

html[data-bs-theme=dark]::-webkit-scrollbar-thumb
 {
    background: #95a0a5;
    border-radius: 10px;
}

[data-bs-theme=dark] table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {
    box-shadow: inset 0 0 0 9999px rgba(239, 244, 250, 0.04);
}

html[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection, 
html[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    background-color: #1a2537;
    border-color: #313e54;
    color: rgba(255, 255, 255, .6);
}

html[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection {
    border: var(--bs-border-width) solid #313e54 !important;
}

html[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
    color: rgba(255, 255, 255, .6);
    background-color: rgba(255, 255, 255, .15);
}

html[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
  color: rgba(255, 255, 255, .6);
}

html[data-bs-theme=dark] #pto-select-notice img, html[data-bs-theme=dark] #select-notice img {
    opacity:0.3;
}

html[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: rgba(255, 255, 255, .6);
}

html[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  color: rgba(255, 255, 255, .6);
}

html[data-bs-theme=dark] .card-paid-days, html[data-bs-theme=dark] .card-sick-days, html[data-bs-theme=dark] .card-personal-days, html[data-bs-theme=dark] .card-juryduty-days, html[data-bs-theme=dark] .card-maternity-days, html[data-bs-theme=dark] .card-vacation-days {
    background-color: #2e3849;
}

html[data-bs-theme=dark] .dataTables_filter input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgba(255, 255, 255, .6)' viewBox='0 0 16 16'%3e%3cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3e%3c/svg%3e");
    background-position: 8px 8px !important;
}

html[data-bs-theme=dark] .info-bar {
    background: #1E2B3D;
}

html[data-bs-theme=dark] .weekend {
    background-color: #2a534e;
}

html[data-bs-theme=dark] .fc-day-today {
    background-color: #5e5e4d !important;
}

html[data-bs-theme=dark] .app-calendar .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
    background-color: #5e5e4d !important;
    border-radius: 23px;
}

html[data-bs-theme=dark] .app-calendar .fc .fc-paidTimeOff-button:hover, .app-calendar .fc .fc-exportToXLSX-button:hover {
    background-color: var(--bs-light);
    border-color: var(--bs-light);
    box-shadow: none;
    color: var(--bs-black);
}

html[data-bs-theme=dark] .sortable-chosen {
    background-color: #2e3849;
    border: 1px solid #536b71;
}
          

html[data-bs-theme="dark"] #preloader {
    background-color: rgba(0,0,0,0.5);
}


html[data-bs-theme="dark"] .color-today {
    background: #5E5E4D;
}

html[data-bs-theme="dark"] .color-weekend {
    background: #2a534e;
}

html[data-bs-theme="dark"] .day-summary button {
    color: rgba(255,255,255,0.5);
}

html[data-bs-theme="dark"] .week-summary-row td:nth-child(4), html[data-bs-theme="dark"] .month-summary-row td:nth-child(4) {
    background: #2a534e;
}

html[data-bs-theme="dark"] .month-summary-row {
    background: rgba(255,255,255,0.05);
}


html[data-bs-theme="dark"] .week-summary-row td:nth-child(5), html[data-bs-theme="dark"] .month-summary-row td:nth-child(5) {
    background: #162647;
}

html[data-bs-theme="dark"] .week-summary-header, html[data-bs-theme="dark"] .daily-summary-header, html[data-bs-theme="dark"] .daily-summary-table .daily-summary-header2 {
    background: rgba(0,0,0,0.2);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #0074BA !important;
    border-color: #0074BA !important;
}

.form-select:focus {
    border-color: #00639e9c;
    outline: 0;
    box-shadow: unset, 0 0 0 0.25rem rgba(99, 91, 255, 0.25);
}

.main-logo-dark {
    display: none;
} 

html[data-bs-theme="dark"] .main-logo-light {
    display: none;
}
html[data-bs-theme="dark"] .main-logo-dark {
    display: inline;
}