.openRowcheckin .fa-chevron-down:before, .openRowcheckin .fa-chevron-up:before {
    position: absolute;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    bottom: 0;
    top: 0;
}
.checkinout_view {
    outline: 1px solid #E2E4E9;
    border-radius: 8px;
    overflow: hidden;
    background: #FFFFFF;
    width: 500px;
    flex-direction: column;
    display: flex;
    padding:16px;
}
.checkinout_view td { 
    border-bottom: 0px !important;
    background: #fff !important;
    vertical-align: top;
}
.openRowcheckin .fa-chevron-up {
    background: #5cb55c;
    color: #fff;
}
tr[data-id="checkin_gps_entry"] {
    display: none;
}
tr[data-id="checkin_gps_entry"] > td{
    background: #f2f9ff !important;
}
td.action .mt-1 .badge {
    font-size: 15px;
    border-radius: 50%;
}

ul.list-group.custom_icon_list li.list-group-item {
    padding: 0.4rem 0rem;
}
div#datatable_filter {
    display: none;
}

div#datatable_length {
    display: none;
}
.select2{
    width: 100% !important;
}
.select2-container--default .select2-results__option[aria-disabled=true], .select2-container--default .select2-results__group[aria-disabled=true] {
    display: none;
}
.grid-of-images a {
    margin: 0 1px 1px 0;
}
.btn-info-show:hover
{
   color:#fff;
}
.edit-hour-comment {
    cursor: pointer;
}

.nav-pills .nav-link.active .tbs_ttl{
    color: #fff !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #2697ff !important ;
}

.nav-pills .nav-link {
    margin-right: 6px;
}
@media only screen and (min-width:280px) and (max-width:768px)
{
    .report_forms
    {
        position:relative;
    }

    .view-export
    {
    }
    .hour_min_selector  {
        display: inline-block !important;
        width: 40px !important;
    }
    .checkinout_view {
        margin-left:0 !important;
    }

}
textarea{
    width:100%;
}
.table>:not(:last-child)>:last-child>* {
    color: #090909;
    font-weight: 400;
}
.table th{
    font-weight:100;
}
tr.daily_summary{
    background-color: #E9F5FF !important;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.15);
}

tr.daily_summary td{
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}
table#datatable.wk_datatable tbody tr.daily_summary:hover, table#datatable-tabular.wk_datatable tbody tr.daily_summary:hover, .table tbody tr.daily_summary:hover td  {
    background-color: #e9f5ff !important;
}
.ui-sortable-handle {
    cursor: move;
}
.nav-tabs-custom .nav-item .nav-link::after{
    background:#2697ff !important;

}
.nav-tabs-custom .nav-item .nav-link.active .circle {
background: #2697ff !important;
}

.nav-tabs-custom .nav-item .nav-link.active span.d-none.d-sm-block.tbs_ttl {
color: #2697ff;
}
.nav-link .active .tbs_ttl{
    color:blue !important;
}
.datepicker {
  z-index: 1600; /* has to be larger than 1050 */
}
.multiselect-container .multiselect-option:hover, .multiselect-container .multiselect-option:active,
.multiselect-container .multiselect-group:hover, .multiselect-container .multiselect-group:active,
.multiselect-container .multiselect-all:hover, .multiselect-container .multiselect-all:active{
    /*background-color: #50a5f1 !important;*/
    background-color: #556ee6 !important;
}

@media(max-width:768px) {
    #show_holiday_sickness{
        margin-left: 11px !important;
    }
    .mob_reverse {
        display: flex;
        flex-direction: column;
    }
    .mob_reverse .col-md-4.mt-0:nth-child(2)
    {
        order: 1;
    }
    .mob_reverse .col-md-4.mt-0:nth-child(1)
    {
        order: 2;
    }
    .mob_reverse .col-md-4.mt-0:nth-child(3)
    {
        order: 3;
    }
}
.col-4.export .dropdown {
    width: 95%;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px !important;
    color: #001B34 !important;
}
@media only screen and (max-width:768px){

    i.bx.bx-caret-down {
        position: absolute;
        right: 7px;
    }
    .btn-group  {
        width: 100%;
    }
    .btn-group button  {
       text-align: left !important;
    }
    .multiselect-container.dropdown-menu.show {
        width: 100%;
    }
    .export_outer{
        padding: 0px !important;
        margin: 0 !important;
    }

}
.field_icon{
    z-index: 3;
}
span[title=" Select project"] {
    padding-right: 90px !important;
}

/*Reponsive filter css */
.wrkr_input_outr .btn-group, .prokect_input_outr .btn-group {
    width: 100%;
}
.hour_status .btn-group {
    width: 100%;
}
button#viewSettings {
    padding: 0px 9px;
    height: 40px;
}
.avatar-xs.me-3.report_smry_iconsize {
    margin-top: 2px;
}

@media (min-width: 768px){
    .desktop_pdlonly{
        padding-left: 5px !important;
    }
    .desktop_pdronly{
        padding-right: 5px !important;
    }
    .export_outer{
         padding: 0px 0px 0px 4px;
    }
}
/* Swiper css*/
.swipe_inr {
    position: absolute;
    z-index: 9;
    right: 21px;
    top: 10px;
    border-radius: 50%;
}

.animate-blinker2 {
    animation: blinker2 3s ease infinite;
}
@keyframes blinker2 {
    0% {
        background-color: #ffe6c466;
    }
    50% {
        background: #ffe6c4d6;
    }
    100% {
        background: #ffe6c466;
    }
}  

#custom-data-filter input.select2-search__field {
    padding-left: 8px;
    font-weight: 400;
    font-size: 14px;
}
.select2-container .select2-selection--single .select2-selection__arrow {
    right: 8px;
}
#kt_daterangepicker_2 {
    padding-left: 32px !important;
    font-weight: 400;
    font-size: 16px;
    background: #fff;
    height: 40px;
}
.card.wk_card {
    border: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.main-content {
    background: #f3f4f6;
}
thead.hr_table {
    background-color: #f3f4f6 !important;
}
.dateInp  ~ .select2-container .select2-selection--single {
    height: 40px;
}
.table tbody tr:hover td {
    background-color: #f2f9ff !important;
}
.checkinout_bg_color td {
    background-color: #f2f9ff !important;
}
.checkinout_view tbody tr:hover {
    background-color: #fff !important;
}
.checkinout_view td {
    padding: 16px;
}
.yellow_left_border, .red_left_border, .blue_left_border, .day_off_entry td:nth-child(1), .manual_gps td:nth-child(1), .ongoing_entry td:nth-child(1) {
    position: relative;
}
#datatable tbody td:before, #datatable-tabular tbody td:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
    width: 5px;
    z-index: 1;
    border-radius: 8px 0px 0px 8px;
}
.yellow_left_border:before {
    background: #FFA113;
}
.blue_left_border:before {
    background: #2697FF;
}
.red_left_border:before {
    
    background: #EB1051;
}
.day_off_entry td:nth-child(1):before, .manual_gps td:nth-child(1):before {
    background: #EB1051;
}
.ongoing_entry td:nth-child(1):before {   
    background: #FFA113;
}
#datatable tbody td:before, #datatable-tabular tbody td:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
    width: 5px;
    z-index: 1;
}
.table-responsive {
    overflow-x: visible;
    padding-top: 18px;
}
.report_forms .select2-selection {
    background-color: #ffffff !important;
    border: 1px solid #C0CBD5 !important;
    border-radius: 6px;
}
.multiselect-selected-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
}
#select2-dateSelect-container, #select2-hour_type-container, #select2-hours-container {
    font-weight: 400;
    font-size: 14px;
}
.report_forms select {
    padding-left: 32px !important;
    font-weight: 400;
    font-size: 16px;
}
/* tr.daily_summary td:nth-child(1):before {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 22px;
    text-align: center;
    content: attr(data-summary);
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #2697FF;
    margin-top:-60px;
}*/
tr.daily_summary td {
    border-top: 0;
}
tr.daily_summary_before td {
    padding: 0;
    border-bottom: 0 !important;
}
.daily_summary_title {
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    content: attr(data-summary);
    font-weight: 500;
    font-size: 20px;
    color: #2697FF;
    background: #e9f5ff;
    width: 100%;
}
.daily_summary_date:before {
    content: '';
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    background: #2697FF;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
}
.daily_summary_date:after {
    content: '';
    position: absolute;
    right: 0;
    width: 6px;
    height: 6px;
    background: #2697FF;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
}
.daily_summary_line {
    left: 15px;
    height: 2px;
    width: calc(100% - 30px);
    background: #2697ff;
    margin: auto 0;
    bottom: 0;
    top: 0;
    position: absolute;
}
/*.summary_line:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: #2697FF;
    right: 0;
    top: -3px;
    bottom: 0;
    border-radius: 6px;
}*/
.daily_summary_date {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    line-height: normal;
    background: #e9f5ff;
    padding: 0 15px;
}
/*.right_summary_line {
    right: 15px;
    height: 2px;
    width: 40%;
    background: #2697ff;
    margin: auto 0;
    bottom: 0;
    top: 0;
    position: absolute;
}
.right_summary_line:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: #2697FF;
    left: 0;
    top: -3px;
    bottom: 0;
    border-radius: 6px;
}*/
.summary_top_bar {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    margin-top: -100px;
    height: 16px;
}
.summary_bottom_bar {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    margin-top: 29px;
    height: 16px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15) inset;
}
.wk_datatable th {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 24px !important;
}
thead.hr_table {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.edit-hour-comment {
    color: #2697FF;
}
.modal-header {
    background: rgba(223, 238, 255, 1) !important;
}
.modal-body {
    background: #fff !important;
}
.form-check .form-check-input {
   border-radius: 3px !important;
    border-color: rgba(206, 212, 218, 1) !important;
}
#datatable.wk_datatable tr.daily_summary_blank:hover, #datatable-tabular.wk_datatable tr.daily_summary_blank:hover1 {
    background-color: unset !important;
}
.daily_summary_tt {
    height: 15px;
    background-color: #e9f5ff;
}
.sticky-last {
    position: sticky !important;
    right: 0;
    z-index: 1; 
}
.text_ellipsis_hover:hover .invoice_no {
    overflow: visible;
    max-width: max-content;
}
.invoice_no {
    width: auto;
    max-width: 45px;
    overflow: hidden;
    display: inline-flex;
}
#datatable .sticky-last, .sticky-last, #datatable-tabular .sticky-last, .sticky-last {
    background: #fff !important;
    box-shadow: -7px 13px 14px rgba(0, 0, 0, 0.12) !important;
    border-right: 1px solid #E9ECEF;
}
tr[data-id="thumb_images"] td:last-child{
    display: table-cell !important;
}
tr.daily_summary td.sticky-last {
    border-bottom: 0 !important;
}
tr.daily_summary td, tr.daily_summary_before td {
    background-color: #E9F5FF !important;
}
.table tbody tr.daily_summary_before:hover, .table tbody tr.daily_summary_before:hover td {
    background-color: #e9f5ff !important;
}
.checkinout_view .sticky-last {
    box-shadow: none !important;
    position: relative !important;
}
.wk_ht_card {
    background: #F7F8FD;
    border: 1px solid rgba(47, 69, 197, 0.1);
    border-radius: 10px;
}
.pipe_line {
    height: 20px;
    background: #C5CAD3;
    width: 2px;
    display:block;
}
.pipe_line2 {
    height: 16px;
    background: #C5CAD3;
    width: 1px;
    display: block;
}
.report_forms {
    position: relative;
}
.select2-container .select2-selection--single {
    border: 1px solid #C0CBD5 !important;
    background-color: #fff !important;
    height: 40px;
    border-radius: 8px;
}
.daily_summary .rep_heading {
    font-size: 16px;
    font-weight: 500 !important;
}
.invoice_select ~ .select2 #select2-report_action-container {
    line-height: 40px !important;
    font-size: 14px;
    color: #9099A6 !important;
}
.invoice_select ~ .select2 .select2-selection.select2-selection--single {
    height: 40px !important;
    padding-left: 14px;
    border-radius: 8px;
}
.wk_switch_style {
    padding-left: 15px;
    display: flex;
    align-items: center;
    padding-right: 5px;
    background: #F2F3F4;
    border-radius: 8px;
}
.wk_switch_style label {
    margin: 0 !important;
}
tr.odd td, tr.even td {
    background-color: unset;
}
swiper-container {
    width: 100%;
    height: 100%;
}

.swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-wrapper {
    display: flex;
    justify-content: stretch;
}
.swiper-pagination {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-pagination-bullet {
    background: #f3f4f6;
    width: 18px;
    height: 5px;
    display: flex;
    margin: 5px;
    border-radius: 14px;
}
.swiper-pagination-bullet-active {
    background: #2f45c5 !important;
}
li.paginate_button {
    margin: 4px;
}
.page-link:hover, .page-link:focus {
    border: 1px solid #E9ECEF !important;
    border-radius: 8px !important;
}
.apex-charts {
    height: 35px !important;
    min-height: 35px !important;
    width: 70px !important;
}
.qd_pert {
    border-radius: 20px;
    padding: 4px;
    color: #fff;
    display: flex;
    align-items: center;
}
.qd_pert_down {
    background: #EB1051;
}
.qd_pert_up {
    background: #19BB43;
}
swiper-slide {
    width: fit-content !important;
}
.wk_card .card-body {
    padding: 24px 24px;
    /* min-height: 155px !important */
}

.navbar-header {
    height: 80px !important;
}
.logo {
    line-height: 80px !important;
}
.header-item {
    height: 80px !important;
}
.vertical-menu {
    top: 80px !important;
}
#vertical-menu-btn ~ div {
    margin-top: 30px !important;
}
.main-content .page-content {
    padding: calc(70px + 24px) calc(24px / 2) 0 !important;
}
#datatable_wrapper, #datatable-tabular_wrapper {
    margin-bottom: 50px;
}
.multiselect.dropdown-toggle {
    color: #001B34;
}
.multiselect-container.dropdown-menu.show {
    padding: 1%;
}
table.wk_datatable {
/*        border-collapse: collapse !important;*/
    margin-top: 0 !important;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
}
.dataTables_scrollHead {
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important;
    border: 1px solid #E9ECEF !important;
    scrollbar-width: thin;
    scrollbar-color: #E9E9E9 #F9F9F9;
}
.dataTables_scrollBody {
    border: 1px solid #E9ECEF;
    scrollbar-width: thin;
    scrollbar-color: #E9E9E9 #F9F9F9;
}
.page_title h5 {
    font-size: 18px;
    font-weight: 600;
}
.stickybar_wrapper {
    scrollbar-width: thin;
    scrollbar-color: #E9E9E9 #F9F9F9;
}
.table_td_fixed_width {
    max-width: 270px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.table td .line_down {
    font-weight: 400;
    font-size: 12px;
    color: #667685;
}
.rep_heading {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}
table.dataTable thead th:before, table.dataTable thead th:after {
    color: #001B34;
    opacity: 1 !important;
    font-size: 16px;
}
.dataTables_scrollHeadInner {
    padding-right: 0 !important;
}
.rep_heading a {
    color: #001B34;
}
.rep_heading {
    color: #535557;
}
tr[data-id="checkin_gps_entry"] .sticky-last {
    display: table-cell !important;
}

.daily_summary_line {

}
input.checkall {
    width: 20px;
    height: 20px;
}
/*.datatable_paginate_fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 999;
    background: #fff;
}*/
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    padding: 5px;
    justify-content: flex-start !important;
    padding-left: 0;
}
.paginate_button a {
    color: #001B34;
}
.page-item .page-link, .page-item.disabled .page-link {
    border-color: transparent;
}
.page-item.previous .page-link {
    padding-left: 0px;
}
.page-item.active .page-link {
    border: 1px solid #E9ECEF;
    border-radius: 8px;
    background-color: transparent;
    color: #001B34 !important;
}
ul#side-menu svg {
    margin-right: 9px;
}
ul.sub-menu.mm-collapse.mm-show a {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.qd_chart {
    width: 25%;
}
.form-control {
   color: #001B34 !important; 
}
.advance_highlight_color {
    background: #2f45c5 !important;
    color: #fff !important;
}
.advance_highlight_color svg path {
    stroke: #ffff !important;
}
ul#side-menu > .mm-active > a {
    background: #2F45C5;
    border-radius: 5px;
}
.manual_type {
    color: #EB1051;
    background: rgba(235, 16, 81, 0.1);
    border-radius: 100px;
    width: fit-content;
    padding: 2px 8px;
    margin-left: 5px;
}
.manual_type_chip {
    background: rgba(235, 16, 81, 0.1);
    border-radius: 20px;
    padding: 2px 10px;
    font-weight: 400;
    font-size: 16px;
    color: #EB1051;
}
.text_ellipsis_hover {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text_ellipsis_hover:hover {
    overflow: visible;
    max-width: max-content !important;
}
tr.day_off_entry td {
    background-color: rgb(253, 231, 238);
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    content: none !important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    content: none !important;
}
#sidebar-menu {
    height: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.simplebar-content {
    height: 100%;
}
td.summary_info_icon {
    text-align: right;
}
td.summary_info_icon svg {
    margin-right: 5px;
}
#viewSettingsForm input[switch]:checked+label {
    background-color: #19BB43 !important;
}
.modal-header {
    background: rgba(223, 238, 255, 1) !important;
}
.modal-title {
    font-size: 18px !important;
    color: #001B34 !important;
    font-weight: 600;
}
.wk_datatable {
    background: #FFFFFF;
/*    border: 1px solid #E9ECEF;*/
    /*border-radius: 16px;
    border-top-left-radius: 10px;*/
}
.red_chip {
    background: rgba(235, 16, 81, 0.04);
    border: 1px solid rgba(235, 16, 81, 0.3);
    border-radius: 6px;
    padding: 4px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #EB1051;
    display: flex;
    width: fit-content;
}
.transparent-btn {
    background: #FFFFFF;
    border: 1px solid #98ABBC;
    border-radius: 8px;
    padding: 12px;
    height: 40px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}
.wk_datatable td {
    border-bottom: 1px solid #E9ECEF !important;
}
.line_up {
    font-weight: 400;
    font-size: 14px;
}
.multiselect-search {
    border: 1px solid #CED4DA !important;
    border-radius: 5px !important;
    background: #fff !important;
}
#custom-data-filter .multiselect.dropdown-toggle {
    color: #001B34;
    border: 1px solid #98ABBC;
    border-radius: 6px;
}
.report_filters .field_icon path {
    stroke: rgb(255, 161, 19);
}
.mySwiper .swiper-slide .wk_card {
    margin-bottom: 0;
}
.select2-container .select2-selection--single .select2-selection__placeholder {
    color: rgb(0, 27, 52);
    font-weight: 400;
    font-size: 16px;
}
.border_style2_xs {
    background: #FFFFFF !important;
    border: 1px solid #98ABBC !important;
    border-radius: 8px !important;
}
.wk_btn:hover {
    background: #3950da !important;
}
a.dropdown-item {
    cursor: pointer;
}
.modal-content {
    border-radius: 16px;
}
.select_file {
    background: #2697FF;
    color: #fff;
    height: 40px;
    border: 1px solid #2697FF;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
input[type="file"] {
    border-radius: 8px;
    border-color: #CED4DA !important;
}
label.custom-file-label {
    margin: 0;
    display: flex;
    align-items: center;
    padding-left: 15px;
    flex-grow: 1;
    border: 1px solid #CED4DA;
    border-radius: 8px;
}
.custom-file-label:before {
    content: none !important;
}
.manager_tag {
    background: rgba(235, 16, 81, 0.2);
    border-radius: 6px;
    width: fit-content;
    padding: 4px 8px;
    font-weight: 400;
    font-size: 12px;
    color: #EB1051;
}
#filtersForm .dropdown-menu.show {
    width: 100%;
}
#custom-data-filter input.select2-search__field::placeholder {
    color: #001b34;
}
.select_file_label {
    margin: 0;
    display: flex;
    align-items: center;
    padding-left: 15px;
    flex-grow: 1;
    border: 1px solid #CED4DA;
    border-radius: 8px;
}
.select_file_btn {
    background: #2697FF;
    color: #fff;
    height: 40px;
    border: 1px solid #2697FF;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.flip {
    transform: rotate(-180deg);
}

.collapse-toggle-cards .fa-chevron-down {
    transition: transform 0.5s ease;
}

#datatable-tabular_wrapper th:hover {
    cursor: pointer;
}
.pagination_select ~ .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 30px !important;
}
.pagination_select ~ .select2-container .select2-selection--single {
    background-color: #F2F3F4 !important;
}
/*  Mobile  */
@media only screen and (max-width:767px) {
    .apply_action button {
        width: 100%;
    }
    #datatable_previous span, #datatable_next span, #datatable-tabular_previous span, #datatable-tabular_next span {
        display: none;
    }
    .wk_card .card-body {
        padding: 16px 16px;
    }
    .mySwiper .swiper-pagination {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .edit_hours_boxes {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }
    .edit_hours_boxes select {
        width: 33%;
    }
    #exportExcelModal #sortable {
        padding-right: 38px;
    }
}  
@media only screen and (max-width:576px) {
    .wk_sm_btn {
        background: #2f45c5 !important;
        height: 28px !important;
        padding: 5px 10px;
        border-radius: 8px;
                border-color: #2f45c5 !important;
    }   
    .wk_sm_info_btn {
        background: #ffffff !important;
        height: 28px !important;
        padding: 5px 10px;
        border-radius: 8px;
    }
    .pdf_download_mobile .pdf-progress-bar {
        position: absolute !important;
        right: 5px;
        top: -14px;
        width: fit-content;
        justify-content: end;
        display: flex;
        flex-direction: column;
        left: 86px;
    }
    .pdf_download_mobile .progress {
        width:100%;
    }
}

/*  Large screen  */
@media only screen and (min-width:768px) {
    #viewSettingsModal .modal-dialog {
        max-width: 560px !important;
    }
    .wk_card .card-body {
        padding: 24px 24px;
    }
    .mySwiper .swiper-pagination {
        position: absolute;
        bottom: 4px;
        left: 0;
    }
    .tab-content {
        margin-left: -12px;margin-right: -12px;
    }
}
@media only screen and (max-width: 1992px) {
    .qd_chart svg {
        width: 99px !important;
        height: 55px !important;
    }
    .qd_chart {
        top: 10px !important;
        right: 15px !important;
        width: unset;
    }
}