table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
        top: 7px !important;
    }

    div.dataTables_wrapper div.dataTables_processing {
        background: transparent;
        box-shadow: none;
        z-index: 999;
    }

    .acc_log_dtable .dataTables_wrapper .col-md-7 {
        text-align: right;
    }

    #basic-datatable {
        display: block;
        overflow: scroll;
    }

    select.form-control.is-valid,
    .was-validated select.form-control:valid {
        background-position: center right calc(1.375em + .1875rem);
    }

    .validation-failed .custom-file-label {
        border-color: #fa5c7c;
    }

    .mandatory {
        color: red !important;
    }

    .no-inc::-webkit-inner-spin-button,
    .no-inc::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[data-switch=success]+label {
        background-color: #fa5c7c;
    }

    input[data-switch]+label:before {
        color: #fff;
    }

    input[data-switch]+label:after {
        background-color: #fff;
    }

    .frgt-link:hover small {
        color: #0078D7;
    }

    .social-icon .mdi-facebook:hover {
        color: #3b5999 !important;
    }

    .social-icon .mdi-twitter:hover {
        color: #55acee !important;
    }

    .social-icon .mdi-skype:hover {
        color: #00AFF0 !important;
    }

    /* cutsom email table */

    .emailque table th {
        display: none;
    }

    .emailque table td {
        border: none;
        padding: 13px 11px;
        position: relative;
    }

    .emailque table td:hover {
        cursor: pointer;
    }

    .emailque table tr:hover {
        background: #f1f3fa;
        -webkit-transition-duration: .05s;
        transition-duration: .05s;
    }

    .emailque table tr:hover .buttons-section {
        right: 55px;
        top: 12px;
        background: #f1f3fa;
        width: 73px;
        z-index: 9999;
        -webkit-transition: all .5s;
        transition: all .5s;
        display: inline-flex;
    }

    .emailque table td .buttons-section {
        position: absolute;
        right: -180px;
    }

    .emailque table {
        width: 100% !important;
    }

    .emailque table tr.unread {
        font-weight: 600;
        color: #272e37;
    }

    .emailque table tr.unread .buttons-section .btn-dark {
        color: #fff;
        background-color: #272e37 !important;
    }

    .buttons-section .btn-dark {
        background-color: #6c757d !important;
        color: #fff;
    }

    /* end of custom email table */

    .page-title-box .breadcrumb {
        display: inline-flex;
    }

    .page-title-box .bk-btn {
        text-decoration: underline;
        text-underline-position: under;
        color: #0078D7;
        padding: 0 12px;
        box-shadow: none;
    }

    .page-title-box .bk-btn i {
        font-size: 25px;
        vertical-align: middle;
    }

    .breadcrumb li:first-of-type a {
        border-left: 1px solid;
        padding-left: 12px;
    }

    .datepicker .datepicker-dropdown .dropdown-menu .datepicker-orient-left .datepicker-orient-bottom {
        top: 20.3906px;
        left: 569.75px;
        z-index: 2000;
        display: block;
    }

    .fixed-no-scroll #basic-datatable {
        overflow: hidden;
    }

    .fixed-no-scroll .DTFC_LeftBodyLiner {
        overflow-x: hidden;
    }

    .fixed-no-scroll .table td,
    .fixed-no-scroll .table th {
        padding: .95rem;
    }

    .fixed-no-scroll input.form-control {
        height: 25px;
    }

    @media (min-width: 992px) {
        .add-edit-btn {
            position: absolute;
            right: 25px;
            top: 28px;
            cursor: pointer;
            margin-right: 25px;
        }

        .dataTables_info {
            width: 40%;
            display: inline-block;
        }

        .dataTables_paginate {
            width: 60%;
            display: inline-block;
        }

        .auth-brand {
            position: absolute;
            top: 20px !important;
        }

        [data-keep-enlarged=true] .navbar-custom {
            margin-left: 250px;
        }
    }

    .auth-brand img {
        width: 250px;
        height: auto;
        margin-top: 40px;
    }

    .logo-auth img {
        width: 180px;
        height: auto;
    }

    #filter {
        border-bottom: 1px solid #ccc;
        width: 100% !important;
        padding: 0px 0px 2px 0px;
        margin-bottom: 20px !important;
    }

    .data-view {
        padding: 0px;
        border-bottom: 1px solid #c3c3c3;
    }

    .data-view p {
        margin-top: 0;
        margin-bottom: 10px;
    }

    /* DD Style */

    .enlarged .wrapper .left-side-menu {
        position: fixed;
    }

    .sidebar-enable .navadmin {
        margin-left: 250px;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .enlarged .navadmin {
        margin-left: 70px;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    @media (max-width: 767.98px) {
        .enlarged .navadmin {
            margin-left: 0px;
        }

        .sidebar-enable .navadmin {
            margin-left: 0px;
        }
    }

    @media (max-width: 768px) {
        /* .store-switch {
            position: absolute;
            bottom: 15px !important;
            right: 101px !important;
            z-index: 10;
        } */

        /* 
        .portal-switch {
            max-width: 90px;
            position: absolute;
            bottom: 15px !important;
            right: 5px !important;
            z-index: 10;
        } */
    }

    @media all and (min-width: 150px) and (max-width: 768px) {
        .dropzone.dz-started .dz-message {
            float: left !important;
        }

        .enlarged .navadmin {
            margin-left: 0px;
        }

        .sidebar-enable .navadmin {
            margin-left: 0px;
        }

        /* .store-switch {
            max-width: 106px;
            position: absolute;
            bottom: 15px;
            right: 101px;
            z-index: 10;
        } */

        /* .portal-switch {
            max-width: 90px;
            position: absolute;
            bottom: 15px;
            right: 5px;
            z-index: 10;
        } */
    }

    .page-title-box .page-title-right {
        float: right;
        margin-top: 6px;
        line-height: 45px;
    }

    .page-title-box .page-title {
        line-height: 85px;
    }

    .page-title-box .breadcrumb {
        padding-top: 8px;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .navbar-custom {
        left: 0;
        right: 0;
    }

    footer .container-fluid {
        margin-top: 0px;
    }

    .container-fluid {
        margin-top: 55px;
    }

    /* Table td height reduces */

    .table td,
    .table th {
        padding: 5px 0.95rem;
        vertical-align: middle;
        border-top: 1px solid #e3eaef;
    }

    .table .btn,
    .table .btn {
        padding: 1px 5px !important;
        min-width: 25px;
    }

    table.dataTable thead .sorting:before,
    table.dataTable thead .sorting_asc:before,
    table.dataTable thead .sorting_asc_disabled:before,
    table.dataTable thead .sorting_desc:before,
    table.dataTable thead .sorting_desc_disabled:before {
        top: 4px;
    }

    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_asc_disabled:after,
    table.dataTable thead .sorting_desc:after,
    table.dataTable thead .sorting_desc_disabled:after {
        top: 4px;
    }

    /* Table td height reduces */

    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        color: #000;
        background-color: #dedfe6;
    }

    /* logs start */

    .timeline {
        list-style: none;
        padding: 10px 0 10px;
        position: relative;
    }

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline>li {
        margin-bottom: 0x;
        position: relative;
    }

    .timeline>li:before,
    .timeline>li:after {
        content: " ";
        display: table;
    }

    .timeline>li:after {
        clear: both;
    }

    .timeline>li>.timeline-panel {
        width: 46%;
        float: left;
        border: 1px solid #d4d4d4;
        border-radius: 2px;
        padding: 10px;
        position: relative;
    }

    .timeline>li>.timeline-panel:before {
        position: absolute;
        top: 26px;
        right: -15px;
        display: inline-block;
        border-top: 15px solid transparent;
        border-left: 15px solid #ccc;
        border-right: 0 solid #ccc;
        border-bottom: 15px solid transparent;
        content: " ";
    }

    .timeline>li>.timeline-panel:after {
        position: absolute;
        top: 27px;
        right: -14px;
        display: inline-block;
        border-top: 14px solid transparent;
        border-left: 14px solid #fff;
        border-right: 0 solid #fff;
        border-bottom: 14px solid transparent;
        content: " ";
    }

    .timeline>li>.timeline-badge {
        color: #fff;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 1.4em;
        text-align: center;
        position: absolute;
        top: 16px;
        left: 50%;
        margin-left: -25px;
        background-color: #999999;
        z-index: 100;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        float: right;
    }

    .timeline>li.timeline-inverted>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    .timeline>li.timeline-inverted>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }

    .timeline-badge.primary {
        background-color: #008CBA !important;
    }

    .timeline-badge.success {
        background-color: #43AC6A !important;
    }

    .timeline-badge.warning {
        background-color: #E99002 !important;
    }

    .timeline-badge.danger {
        background-color: #F04124 !important;
    }

    .timeline-badge.info {
        background-color: #5BC0DE !important;
    }

    .timeline-title {
        margin-top: 0;
        color: inherit;
    }

    .timeline-body>p,
    .timeline-body>ul {
        margin-bottom: 0;
    }

    .timeline-body>p+p {
        margin-top: 5px;
    }

    label {
        font-weight: 1000;
    }

    .active-checkbox label {
        width: 75px !important;
        margin-top: 37px;
    }

    .active-checkbox input[data-switch]:checked+label:after {
        left: 54px !important;
    }

    .after-form-submit .validation-failed .invalid-feedback {
        display: block;
    }

    .after-form-submit input {
        border-color: #0acf97;
        padding-right: 2.2125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2338c172' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: center right calc(.375em + .1875rem);
        background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    }

    .after-form-submit .validation-failed input {
        border-color: #fa5c7c;
        padding-right: 2.2125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e3342f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23e3342f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
        background-repeat: no-repeat;
        background-position: center right calc(.375em + .1875rem);
        background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    }

    .orglogo-list {
        width: 120px;
        height: 35px;
        background-color: #fff;
        background-size: contain;
        background-repeat: no-repeat;
        border: 1px dashed #ccc;
        padding: 8px 10px;
        background-position: center;
    }

    /* daily report section styles */

    .page-title-box .daily-reports-title {
        float: left;
        margin-top: 20px;
    }

    .page-title-box .daily-reports-title .breadcrumb li:first-of-type a {
        border-left: 0px solid !important;
        padding-left: 0 !important;
    }

    .page-title-box .daily-reports-title .breadcrumb li a {
        color: #6C757D;
        font-size: 18px;
        font-weight: 700;
    }

    .page-title-box .daily-reports-title .breadcrumb .breadcrumb-item.active {
        color: #6C757D;
        font-size: 18px;
        font-weight: 700;
    }

    .page-title-box .daily-reports-title .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        color: #6C757D;
        content: "\F142";
        font-size: 18px;
        font-weight: 400;
    }

    .card-daily-reports {
        position: relative;
    }

    .card-daily-reports .header-title {
        font-size: 18px;
        text-transform: none;
        color: #6C757D;
    }

    .card-daily-reports .label-on-form {
        color: #6C757D;
        font-weight: 600;
    }

    .card-daily-reports .date-pick {
        max-width: 160px;
        position: absolute;
        top: 20px;
        right: 25px;
    }

    .card-daily-reports .badge-exellent {
        padding: 15px 0px;
        border-radius: 0;
        color: #fff;
        font-size: 14px;
    }

    /* table border customization :start */
    /* .table-daily-reports{
  border: 1px solid #EFEFEF;
  color: #000;
} */

    .table-daily-reports {
        border: 0;
        color: #6C757D !important;
    }

    .table-daily-reports td,
    .table-daily-reports th {
        border: 1px solid #e3eaef;
        vertical-align: top !important;
        padding-top: 10px;
        white-space: nowrap;
    }

    /* table border customization :end*/

    .table-daily-reports .total-count {
        background-color: #fff !important;
    }

    .table-daily-reports thead th {
        vertical-align: bottom;
        border-bottom: 0;
        padding: 13px 15px;
    }

    /* .table td, .table th {
  border-top: 0px solid #e3eaef;
} */

    .table-daily-reports .brand-head {
        min-width: 180px;
    }

    .table-daily-reports .total-count .count {
        font-weight: 800;
        color: #0b8cf2;
    }

    .table-daily-reports .total-count b {
        color: #0b8cf2;
    }

    .table-daily-reports .action-icon {
        font-size: 13px;
    }

    @media only screen and (max-width: 768px) {
        .card-daily-reports .label-on-form {
            font-size: 12px;
        }
    }

    @media only screen and (max-width: 1280px) {
        .table-daily-reports input {
            padding: 6px 5px;
            ;
        }

        .table-daily-reports input::placeholder {
            font-size: 10px;
        }

        .card-daily-reports input::placeholder {
            font-size: 11px;
        }
    }

    @media (max-width: 414px) {
        .submit-actions .btn {
            padding: 8px;
            font-size: 12px;
        }
    }

    .submit-actions .btn-draft {
        background-color: #fff;
        box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.37);
        font-weight: 600;
    }

    .submit-actions .btn-cancel {
        background-color: #fff;
        box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.37);
        font-weight: 600;
        color: #000;
    }

    .submit-actions .ntn-submit {
        font-weight: 600;
    }


    /* .store-switch {
        max-width: 175px;
        position: absolute;
        bottom: 15px;
        right: 208px;
        z-index: 10;
    } */

    /* .portal-switch {
        max-width: 175px;
        position: absolute;
        bottom: 15px;
        right: 15px;
        z-index: 10;
    } */

    @media (min-width: 769px) and (max-width: 1920px) {
        /* .store-switch {
            max-width: 175px;
            position: absolute;
            bottom: 15px;
            right: 208px;
            z-index: 10;
        } */

        /* .portal-switch {
            max-width: 175px;
            position: absolute;
            bottom: 15px;
            right: 15px;
            z-index: 10;
        } */
    }

    /* Ensure user dropdown menu appears above country and portal dropdowns */
    .topbar-right-menu {
        position: relative;
        z-index: 20;
    }


    .crt-btn-holder {
        padding: 25px 17px;
    }

    .btn-filter-toggle {
        box-shadow: 0 2px 21px 0 rgba(191, 191, 191, 0.35);
        background-color: #0078D7;
        border: 1;
        color: #fff;
    }

    .btn-filter-toggle:focus {
        box-shadow: 0 2px 21px 0 rgba(191, 191, 191, 0.35) !important;
    }

    button.multiselect {
        border-color: #dee2e6;
        width: 467px;
        overflow: hidden;
        /* margin-top: 1.5rem !important;     */
    }

    .multiselect-container {
        width: 467px;
        height: 130px;
        overflow-x: auto;
    }

    multiselect-container>li.active {
        background-color: gainsboro;
        ;
    }

    button.multiselect .caret {
        padding-right: 0px !important;
    }

    button.multiselect .multiselect-selected-text {
        padding-right: 0;
    }

    .multiselect-container>li>a>label {
        padding-left: 12px !important;
    }

    .mt-28 {
        margin-top: 28px !important;
    }

    .dataTables_length {
        width: fit-content;
        float: left;
    }

    .dataTables_filter {
        width: fit-content;
        float: right;
    }

    .table-boxed {
        border: 1px solid #f1f1f1;
        background-color: #fbfbfb;
    }

    .table-boxed .btn-assign {
        padding: 5px 15px !important;
    }

    .multi-select-option .multiselect-container {
        height: auto;
    }

    .card-c-selection .header-title {
        font-size: 13px;
        font-weight: 600;
    }

    .min_height {
        min-height: 311px !important;
    }

    .scrollnow_y {
        overflow-y: scroll;
        height: 250px;
        clear: both;
    }

    .custom-date {
        width: 250px;
        float: left;
        cursor: pointer;
        background-image: url("../../images/date_icon.png");
        background-position: center right;
        background-repeat: no-repeat;
    }

    #custom_month {
        /* width: 250px; */
        /* float:left; */
        cursor: pointer;
        background-image: url("../../images/date_icon.png");
        background-position: center right;
        background-repeat: no-repeat;
    }

    #custom_year {
        /* width: 250px; */
        /* float:left; */
        cursor: pointer;
        background-image: url("../../images/date_icon.png");
        background-position: center right;
        background-repeat: no-repeat;
    }

    .widget-flat-height {
        height: 700px !important;
    }

    .custom-date:after {
        font-family: FontAwesome;
        content: "";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-weight: 900;
    }

    .card-daily-reports.view .v-label {
        width: 100%;
        font-weight: 200;
    }

    .card-daily-reports.view .v-data {
        border-bottom: 1px solid #e0e0e0;
        width: 100%;
        display: block;
        font-size: 13px;
        font-weight: 900;
        color: #6C757D;
    }

    .code-re p {
        font-size: 13px;
        color: #98a6ad;
    }

    .code-re a {
        text-transform: uppercase;
        font-weight: 800;
        font-size: 13px;
    }

    .date-input-group {
        width: fit-content;
        height: 37.39px;
        position: relative;
    }

    .date-input-group i {
        position: absolute;
        right: 8px;
        top: 11px;
    }

    .exe-score {
        padding: 7px 30px;
        border: 1px dashed #bdbdbd;
        background: #e9ecef;
    }

    .btn-cpy {
        background-color: #f9f9f9;
        border-color: #e8e8e8;
        padding: .45rem .9rem;
        box-shadow: 0 2px 6px 0 rgba(218, 218, 218, 0.5);
    }

    .no-inc {
        padding-left: 82px;
    }

    .intl-tel-input.separate-dial-code .selected-dial-code {
        display: table-cell;
        vertical-align: middle;
        padding-left: 28px;
        padding-right: 10px;
    }

    .intl-tel-input .selected-flag .iti-arrow {
        position: absolute;
        top: 50%;
        margin-top: -2px;
        right: 4px !important;
        width: 0;
        height: 0;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 4px solid #555;
    }

    .filter-row {
        border: 1px solid rgb(241, 241, 241);
        padding: 10px 0px;
        border-radius: 4px;
        background-color: rgb(249, 249, 249);
        margin: 0;
    }

    .max-input {
        margin-top: 29px;
    }

    .multiselect {
        text-align: left;
    }

    .btn-group {
        width: 100%
    }

    .multiselect-container {
        width: 100% !important;
    }

    button.multiselect .multiselect-selected-text {
        padding-right: 0;
    }

    .multiselect.dropdown-toggle::after {
        position: absolute;
        right: 10px;
        top: 15px;
    }

    #basic-datatable th:last-child {
        min-width: 70px;
    }

    .stores-datatable #basic-datatable th:last-child {
        min-width: 161px;
    }

    .terminals-datatable #basic-datatable th:last-child {
        min-width: 161px;
    }

    .total-count {
        text-align: center;
        font-weight: 700;
        font-size: 13px;
    }

    .total-comarison-value {
        /* text-align: center; */
        font-weight: 700;
        font-size: 13px;
    }

    .form-check-label {
        font-weight: 100 !important;
    }

    .show-hide-input {
        float: left;
        margin-left: 10px;
    }

    .mx-200p {
        max-width: 200px;
    }

    .mx-160p {
        max-width: 160px;
    }

    .error {
        margin: 0;
        margin-top: 0 !important;
    }

    .tag-exell {
        display: block;
        float: none;
    }

    .show-hide-input .btn-default {
        background-color: #0887eb;
        color: white;
        border: 1px;
    }

    .multiselect-container>li>a>label.checkbox {
        margin: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .form-check-label {
        font-weight: 500 !important;
    }

    .comparison-dates .card-title,
    .comparison-tables .card-title {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 28px;
    }

    .comparison-dates .inner {
        background-color: #ffffff;
        padding: 11px 10px;
        margin-bottom: 30px;
        border-radius: 4px;
        border: 1px solid #eaeaea;
    }

    .comparison-tables .inner {
        background-color: #ffffff;
        padding: 11px 10px;
        margin-bottom: 30px;
        border-radius: 4px;
        border: 1px solid #eaeaea;
    }

    .date-display {
        width: max-content;
        background-color: #e2e7fb;
        color: #424242;
        padding: 2px 10px;
        border-radius: 4px;
        margin-bottom: 10px;
    }

    .cmp-scroll {
        max-height: 280px;
    }

    .cmp-scroll .simplebar-track.simplebar-vertical {
        top: 0;
        width: 8px;
    }

    .bgtbl1 {
        background-color: #bbe1ff;
        border-top: 1px solid #bbe1ff !important;
    }

    .bgtbl2 {
        background-color: #2176b9;
        border-top: 1px solid #ffdae0 !important;
        color: #fff;
    }

    .bgtbl3 {
        background-color: #bbe1ff;
        border-top: 1px solid #bbe1ff !important;
    }

    #header-fixed {
        position: fixed;
        top: 0px;
        display: none;
        background-color: white;
    }

    .stickynow {
        position: sticky;
    }

    /* login screen modifications */

    .otp-input-holder {
        position: relative;
    }

    .otp-input-holder .btn {
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 0px 4px 4px 0px;
        box-shadow: none;
    }

    .otp-label {
        margin: 8px 0px;
    }

    .email-otp-holder {
        background-color: #fbfbfb;
        border-radius: 4px;
        border: 1px solid #e4e4e4;
        padding: 10px;
        margin-top: 40px !important;
    }

    .btn-sm-multi-common {
        padding: 1px 15px !important;
    }

    table.DTFC_Cloned tr,
    table.DTFC_Cloned th {
        outline: none !important;
    }

    /* table.DTFC_Cloned tbody tr {
    background-color: #0078D7 !important;
    color: #fff;
    } */
    /* .DTFC_LeftWrapper {
  min-width: 408.049px!important;
}

.DTFC_LeftBodyLiner {
  min-width: 423.049px!important;
} */

    .table-responsive::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    .table-responsive::-webkit-scrollbar:vertical {
        width: 5px;
    }

    .table-responsive::-webkit-scrollbar:horizontal {
        height: 5px;
    }

    .table-responsive::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 4px;
        border: 1px solid #ffffff;
    }

    .table-responsive::-webkit-scrollbar-track {
        border-radius: 4px;
        background-color: #ffffff;
    }

    .company_id_val {
        width: auto;
    }

    .dailysale-table th:nth-child(4) {
        width: 212px !important;
        overflow: hidden;
    }

    .dailysale-table th {
        min-width: 20px !important;
    }

    .deposit-datatable th:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(2)),
    .deposit-datatable td:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(2)) {
        white-space: nowrap;
        min-width: 110px !important;
    }

    .deposit-datatable th:nth-child(4) {
        width: 355px !important;
    }

    .w-5 {
        width: 5% !important;
    }

    .bg_box {
        background-color: #f8f8f8;
        border: 1px solid #cccccc;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 547px;
    }

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

    .dropzone {
        width: 98%;
        margin: 1%;
        border: 2px dashed #3498db !important;
        border-radius: 5px;
        transition: 0.2s;
        margin: 0 0 25px 0;
        width: 100%
    }

    .dropzone.dz-drag-hover {
        border: 2px solid #3498db !important;
    }

    .dz-message.needsclick img {
        width: 50px;
        display: block;
        margin: auto;
        opacity: 0.6;
        margin-bottom: 15px;
    }

    span.plus {
        display: none;
    }

    .dropzone.dz-started .dz-message {
        display: inline-block !important;
        width: 120px;
        float: right;
        border: 1px solid rgba(238, 238, 238, 0.36);
        border-radius: 30px;
        height: 120px;
        margin: 16px;
        transition: 0.2s;
    }

    .dropzone.dz-started .dz-message span.text {
        display: none;
    }

    .dropzone.dz-started .dz-message span.plus {
        display: block;
        font-size: 70px;
        color: #AAA;
        line-height: 110px;
    }

    .bg_box_view {
        background-color: #f8f8f8;
        border: 1px solid #cccccc;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 500px;
    }

    .infoicon {
        color: #cccccc;
    }

    @media all and (min-width: 1280px) and (max-width: 3000px) {
        .make75percentinlg {
            width: 70%;
        }

        .make75percentinlg input {
            width: 70%;
        }
    }

    .make75percentinlgbg {
        background-color: #f8f8f8;
        padding: 0 15px 15px 15px;
        margin-bottom: 25px;
        border: 1px solid #e9e9e9;
    }

    .make75percentinlgbg h5 {
        padding: 5px 0;
    }

    .make75percentinlg table {
        background-color: #ffffff;
    }

    .datepicker-dropdown {
        top: 0;
        z-index: 999999999999999999999 !important;
        left: 0;
    }

    .font16 {
        font-size: 16px;
    }

    .dz-filename {
        display: none;
    }

    .dropzone .dz-preview .dz-details .dz-size {
        margin-top: 30px;
    }

    .cashier-over-short-report .dataTables_wrapper .dataTables_filter input {
        min-width: 200px;
    }

    .dt-buttons {
        display: none !important;
    }

    .after-form-submit button.multiselect {
        border-color: #0acf97;
        padding-right: 2.2125rem;
    }

    .readonly-input {
        pointer-events: none;
    }

    .status-tag {
        margin-top: -35px;
        margin-bottom: -7px;
    }

    .multi-select-invalid {
        border-color: #fa5c7c !important;
        padding-right: 2.2125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fa5c7c' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fa5c7c' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
        background-repeat: no-repeat;
        background-position: center right calc(0.575em + 0.3875rem);
        background-size: calc(0.75em + 0.575rem) calc(0.75em + 0.375rem);
    }

    .multi-select-valid {
        border-color: #0acf97 !important;
        padding-right: 2.2125rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230acf97' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: center right calc(0.375em + 0.1875rem);
        background-size: calc(1.95em + 0.575rem) calc(0.75em + 0.375rem);
    }

    span.toggle-password {
        position: absolute;
        top: 35%;
        right: 3%;
        z-index: 99999999;
    }

    .main-menu-options {
        position: absolute;
        right: 270px;
        top: 17px;
        display: flex;
        gap: 15px
    }

    .main-menu-options #portal-switcher-container {
        min-width: 170px;
    }

    .portal-name {
        position: absolute;
        left: 55px;
        top: 17px;
    }