/* total width */
    .intro_hide {
    display: none;
}
.menu-link {
    color: #000;
    font-size: 17px;
    position: absolute;
    right: 10px;
}
.intro_show {
    display: none;
}
.form-check {
    position: relative;
    display: block;
    padding-left: 0px !important;
}
#kt_project_users_table p {
    margin: 0px;
}
#delete {
    display: none;
}
.form-check-input {
    position: relative !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}
    .fixed-table-pagination {
    display: none !important;
}

    ::-webkit-scrollbar {
        background-color: #fff;
        width: 10px;
    }

    ::-webkit-scrollbar-track {
        background-color: #fff;
    }

    /* scrollbar itself */
    ::-webkit-scrollbar-thumb {
        background-color: #babac0;
        border-radius: 16px;
        border: 2px solid #fff;
    }

    li.select2-search.select2-search--inline {
        padding: 0px !important;
    }

    /* set button(top and bottom of the scrollbar) */
    ::-webkit-scrollbar-button {
        display: none;
    }

    .scrollable {
        overflow-y: auto;
        max-height: 375px;
    }

    select.form-control {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 16px 12px;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding-right: 30px;
    }

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

    .start-0 {
        left: 27px !important;
    }

    .top-50 {
        top: 50% !important;
    }

    span.select2.select2-container.select2-container--bootstrap-5 {
        width: 100% !important;
    }

    a.btn-action.dropdown-toggle.show {
        background: none;
        display: inline-flex;
    }

    /* .card-footer.text-end {
    padding: 13px 0px;
    padding-bottom: 0px;
} */
    .start-100 {
        left: 98% !important;
    }

    .card {
        padding: 0px !important;
    }
    .pagination {
    margin-bottom: 0px;
}
.dataTables_info {
    font-weight: 600;
    margin-top: 5px;
}

    .slider-wrapper .next {
        color: black;
        font-size: 1.5em;
    }

    #slider_responsive {
        width: 100%;
        overflow: hidden;
        padding: 0px;
        white-space: wrap;
    }


    /* .sidebar__sections ul {
        overflow-y: scroll;
        height: 376px;
    } */

    .sticky_left_0 {
        margin-left: 0%;
        width: 100%;
    }

    #slider_responsive .card:first-child {
        margin: 0px !important;
    }

    .sticky_right .sticky_left {
    margin-left: 4.4%;
    width: 94.7%;
}

    #slider_responsive .card {
        transition: 0.5s;
        cursor: pointer;
        vertical-align: top;
        box-shadow: none;
    }

    .translate-middle {
        transform: translate(-50%, -50%) !important;
    }

    .slick-arrow {
        font-size: 30px;
        cursor: pointer;
    }


    /* #slider_responsive .card:hover {
        transform: scale(1.05);
        box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.2);
    } */

    .hide_width .sticky_left {
    margin-left: 22%;
    width: 77%;
}
    #slider_responsive .card {
        transition: 0.5s;
        cursor: pointer;
        vertical-align: top;
    }

    .stick {
        position: fixed;
        top: 0;
    }

    .sidebar-wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 280px;
        max-width: 280px;
        float: left;
        margin-right: 18px;
    }

    .sticky {
        position: fixed;
    top: 134px;
    z-index: 999;
    }

    .results-list-main {
        margin-top: 16px;
        padding: 10px;
        outline: #cbcbcb solid 1px;
    }

    .data_Tables_length select.form-control,
    .page_jump select.form-control {
        margin-left: 5px;
        margin-right: 5px;
    }

    .sidebar__sections .accordion-list {
    height: 397px;
    overflow-y: scroll;
    padding: 0px 10px;
}

    .Search_filter .padding0 {
        padding-left: 0px !important;
    }

    .sidebar_col {
        width: 100%;
        padding: 0px 8px;
    }

    .sidebar-collapsed {
        width: 40px;
        min-width: 40px;
        height: 302px;
        padding: 17px 1px !important;
    }

    .results.gridView {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .name.flex {
        padding: 7px 10px;
        height: 41px;
        border-bottom: 1px solid #4b4b4b;
        margin-bottom: 20px;
    }

    .results li {
        flex-basis: calc(100% / 2);
        min-height: 245px;
        min-width: 20vw;
        max-width: calc(100% / 2);
        flex-grow: 1;
        padding: 0px 15px;
        overflow: hidden;
        background: #fff;
        outline: 1px solid #cbcbcb;
        position: relative;
    }

    .sidebar-wrapper {
        /* width: 320px; */
        min-height: 100%;
        background-color: #ffffff;
        border: 1px solid #fff;
        padding: 16px 0px;
        z-index: 99;
        margin-top: 0px;
        padding-bottom: 0px;
    }

    .results-list-main {
        margin: 0px 14px;
        margin-top: 17px !important;
        width: 73%;
    }

    .results_column {
        width: 92% !important;
    }

    .results_column .results li {
        flex-basis: calc(100% / 2);
        min-height: 245px;
        min-width: 20vw;
        max-width: calc(100% / 2);
    }

    body .multiselect-dropdown span.placeholder {
        color: #000000;
    }

    body .multiselect-dropdown span.placeholder:not(.btn):not([class*=bg-]) {

        background-color: #d3d3d300 !important;
    }

    .Search_filter svg {
        width: 17px;
        position: relative;
        top: -28px !important;
        right: 9px !important;
        ;
        float: right;
    }

    ul li {
        list-style: none;
    }

    ul {
        padding-left: 20px;
    }

    .col-checkbox {
        padding: 0px !important;
    }

    .Search_filter input {
        width: 100%;
        display: inline-block;
        padding: 0.45rem 0.9rem;
        border-radius: 4px;
        border: solid 1px #ced4da;
        background-color: white;
    }

    .multiselect-dropdown-list-wrapper .multiselect-dropdown-search {
        margin-bottom: 5px;
        text-transform: capitalize;
    }

    .Search_filter input[type="checkbox"] {
        width: auto;
    }
  
    ul.col-checkbox {
        margin-top: 17px;
    }

    .Search_filter input[type="checkbox"] {
        width: auto;
        margin-right: 5px;
    }

    .sidebar__sections .col-checkbox li {
        width: 50%;
        float: left;
        margin: 0px;
        border: none;
        padding: 7px 0px;
    }

    .sidebar-collapsed .sidebar__sections {
        display: none;
    }

    .checkbox-item_count_item {
        float: right;
        width: 20px;
    }

    .Search_filter {
        display: none;
    }

    .Search_filter {
        margin: 10px 0px;
    }

    .sidebar__sections ul li {
        margin: 0px 0px;
        display: flow-root;
        border-top: 1px solid #cccccc;
        padding: 8px 0;
        /* height: 100%; */
    }

    .sidebar__title {
        width: 100%;
        display: inline-block;
        font-size: 13px;
        text-transform: capitalize;

        color: #333B83;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
    }

    /* .show {
    display: block;
} */

    .row_heading {
        display: flex;
        margin: 0;
        position: relative;
        white-space: nowrap;
        flex-wrap: wrap;
    }

    .sidebar_col {
        width: 100%;
    }

    .sidebar-collapsed .sidebar_col {
        transform: rotate(180deg);
        position: relative;
        top: 82px;
    }

    .full_width {
        width: 100%;
    }

    .sidebar__heading i {
        height: 24px;
        font-size: 24px;
        cursor: pointer;
        display: inline-block;
        position: relative;
        top: -2px;
        left: -3px;
    }

    .sidebar-collapsed .sidebar__title-name {
        transform-origin: left bottom;
        transform: rotate(270deg) translate(-100%, 4px);
    }

    .sidebar__sections .full_width.col-checkbox li {
        width: 100%;
    }

    .input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #555;
        text-align: center;
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    ul.accordion-list {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 0px;
    }

    .sidebar__title i {
        font-size: 20px;
        position: relative;
        top: 3px;
    }

    .p-0 {
        padding: 0px;
    }

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

    .card-footer {
        margin-top: auto;
    }

    .card-footer {
        padding: 1rem 1.25rem;
        color: #626976;
        background-color: #fafbfc;
        border-top: 1px solid rgba(98, 105, 118, .16);
    }

    .card-footer:last-child {
        border-radius: 0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius);
    }

    .mb-3.row.Sort_row {
    width: 65%;
    float: left;
    margin-bottom: 5px !important;
    padding-left: 10px;
    padding-right: 18px;
}

    .search_row {
        width:90%;
        float: left;
        margin-right: 10px;
    }

    .search_row_add_new a {
        float: left;
        /* padding-left: 10px; */
    }

    .search_row_add_new {
        float: right;
        margin-right: 0px;
    }

    .accordion-list .active i:before {
        transform: rotate(179deg);
        position: relative;
        top: 0px;
    }

    .search_row_add_new {
        float: right;
        /* width: 9%; */
        /* margin-right: 10px; */
    }

    .hide_width .search_row {
        width: 88%;
    }

    div#example_length {
        margin-left: 12px;
    }

    .data_Tables_length select.form-control,
    .page_jump select.form-control {
        display: inline-block;
        width: auto;
        padding-right: 30px !important;
    }

    span.sidebar__title-name {
        text-transform: uppercase;
        text-align: left;
        font-size: 24px;
        color: #666;
        vertical-align: middle;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
    }

    @media only screen and (max-width: 767px) {
        .search_row {
            width: 100%;
            float: left;
            margin-bottom: 15px;
            margin-right: 0px
        }
        .dataTables_paginate ul {
    text-align: center;
    display: flex;
    margin: 1.5rem 0 0!important;
}
        .search_row_add_new button {
    width: 100%;
}
        .hide_width .search_row {
            width: 100%;
        }

        body .main_wrapper_table .col-md-12.row_d_flex {
            padding-right: 7px !important;
            padding-left: 6px !important;
        }

        .row_d_flex {
            display: block !important;
        }

        .sticky_right .sticky_left {
            margin-left: 2%;
            width: 97%;
        }

        .mb-3.row.Sort_row {
            width: 100%;
            float: left;
            margin-bottom: 15px !important;
            padding-left: 0px;
            padding-right: 0px;
            margin: 0px 0px !important;
        }

        .sidebar-wrapper {
            margin-bottom: 25px;
        }

        .search_row_add_new a {
            width: 100%;
            margin-top: 15px;

        }

        div#example_length {
            margin-left: 0px;
            margin-top: 12px;
            margin-bottom: 12px;
        }

        .card-footer {
            width: 100%;
            display: block !important;
        }

        .hide_width .sticky_left {
            margin-left: 11%;
            width: 90%;
        }

        .search_row_add_new {
            float: right;
            width: 100%;
        }

        .sticky_left {
            margin-left: 0%;
            width: 100%;
        }

        .sidebar-collapsed {
            width: 40px;
            min-width: 40px;
            height: 433px;
            left: 0px;
            height: 152px;
        }

        .sidebar-wrapper-left.order-lg-1.order-1 {
            position: fixed;
            z-index: 9999;
            left: 0px;
        }

        .sidebar-wrapper {
            box-shadow: 3px 3px 9px 4px #00000029 !important;
        }
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        .hide_width .search_row {
            width: 73%;
        }

        .sticky_right .sticky_left {
    margin-left: 8%;
    width: 90.5%;
}

.hide_width .sticky_left {
    margin-left: 31%;
    width: 68%;
}


        .slick-slide .col-8 {
            flex: 0 0 100.66667%;
            max-width: 100.66667%;
        }

        .sidebar-wrapper {
            max-width: 209px;
            min-width: 209px;
        }

        .slick-slide .card-body h3 {
            font-size: 14px;
        }

        .sidebar__title i {
            font-size: 17px;
        }

        .slick-slide .col-4 {
            display: none;
        }

        #slider_responsive {
            width: 100%;
            overflow: hidden;
            padding: 0px 13px;
            white-space: wrap;
        }

        .sidebar__heading i {
            height: 24px;
            font-size: 21px;
            cursor: pointer;
            display: inline-block;
        }

        .slick-slide .card-body p {
            font-size: 10px;
        }

        .sticky {
            position: fixed;
            top: 80px;
            z-index: 999;
        }

        .sidebar-collapsed {
            width: 40px;
            min-width: 40px;
            height: 433px;
        }

        .search_row {
            width: 80%;
        }

        .sidebar__sections ul {
            padding: 0px;
        }

        .slick-slide .card-body {
            padding: 11px;
        }

        .sidebar__sections .col-checkbox li {
            padding: 1px 0px;
        }

        .sidebar__title {
            font-size: 10px;
        }
.fixed-table-pagination {
    display: none;
}
        .avatar-lg {
            height: 40px !important;
            width: 40px !important;
        }
        .sidebar-collapsed {
    width: 40px;
    min-width: 40px;
    height: 245px;
    padding: 17px 6px !important;

}
.sidebar-wrapper {
    
    padding: 10px 8px;
}
.sidebar__heading i {
    
    top: -1px;
    left: -5px;
}
       
    }

    @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
      .hide_width .sticky_left {
    margin-left: 24% !important;
    width: 75% !important;
}

.hide_width .search_row {
    width: 83%;
}
.sticky {
    position: fixed;
    top: 144px;
    z-index: 999;
}.sidebar-collapsed {
    width: 40px;
    min-width: 40px;
    height: 245px;
    padding: 17px 6px !important;

}
.sidebar-wrapper {
    
    padding: 10px 8px;
}
.sidebar__heading i {
    
    top: -1px;
    left: -5px;
}
        .search_row {
            width:86%;
        }

        .sticky_right .sticky_left {
          margin-left: 6%;
    width: 92.8%;
}
    }

    @media screen and (min-width: 1366px) {
   
}
@media screen and (min-width: 1440px) {
  .hide_width .sticky_left {
    margin-left: 22% !important;
    width: 77% !important;
}
.sticky_right .sticky_left {
   
    margin-left: 4.4%; 
   width: 94.7%; 
}
.hide_width .search_row {
  width:88%;
}
.search_row {
  width: 90%
}
}

    @media screen and (min-width: 1920px) {
        .sticky_right .sticky_left {
            margin-left: 23.6%;
            width: 76%;
        }

        .hide_width .sticky_left {
            margin-left: 5%;
            width: 94%;
        }
        .hide_width .search_row {
    width: 90% !important;
}
        .search_row {
            width: 92% !important;
            float: left;
        }
    }

    @media screen and (min-width: 3840px) {
      .sticky_right .sticky_left {
    margin-left: 1.6%;
    width: 98%;
}
.hide_width .sticky_left {
    margin-left: 9%;
    width: 91%;
}
        .search_row {
            width: 96% !important ;
            float: left;
        }

       .hide_width .search_row {
    width: 96% !important;
}
    }

    @media (min-width: 1920px) and (max-width: 2560px)  {
      .sticky_right .sticky_left {
    margin-left: 3.4%;
    width: 95.8%;
}
.hide_width .sticky_left {
  margin-left: 18%;
    width: 82%;

}  .search_row {
            width:92% !important ;
            float: left;
        }

       .hide_width .search_row {
    width: 90% !important;
}
    }


    #slider_responsive .card:first-child {
    margin: 0px !important;
}
.new_case ul {
    padding: 0px;
    margin: 0px;
}
.new_case ul li {
    float: left;
    list-style: none;
}
#slider_responsive .card:first-child {
    margin: 0px !important;
}
#slider_responsive .card {
    transition: 0.5s;
    cursor: pointer;
    vertical-align: top;
}
#slider_responsive .card-box {
    margin-bottom: 0px;
}
#slider_responsive .card-box {
    margin-bottom: 0px;
    box-shadow: none;
}
.new_case {
    width: 100%;
    float: left;
    margin-bottom: 7px;
}
.new_case ul li h3 {
    font-size: 18px;
    margin: 0px !important;
    text-align: center;
}
.new_case ul li:last-child {
    border: none;
}
.new_case ul li {
    float: left;
    list-style: none;
    font-size: 10px;
    margin-left: 12px;
    border-right: 1px solid #000;
    padding-right: 10px;
}
#slider_responsive {
    width: 100%;
    overflow: hidden;
    padding: 0px;
    white-space: wrap;
}

@media only screen and (max-width: 767px) {
    .auth-fluid-form-box .p-3 {
        padding: 0px !important;
    }
    .auth-fluid-form-box li:last-child {
        display: none;
    }
    .account-pages .card-body.p-4 {
    padding: 1.25rem!important;
}
a.mt_fogert {
    width: 67%;
    position: absolute;
    right: 15px;
}
div#inputs {
    text-align: center;
}
.input {
    width: 11% !important;
    margin: 0 5px !IMPORTANT;
}
.auth-fluid-form-box li {
    float: left;
    font-size: 12px;
}
}