.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}



.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: var(--the-bg-tableHov);
    color: var(--bs-table-hover-color);
}

    .table > :not(caption) > * > * {
        color: inherit;
        height: 40px;
        padding: 0 5px;
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }

    .table > tbody {
        vertical-align: middle;
    }

    .table > thead {
        vertical-align: bottom;
    }

.tdTop {
    vertical-align: top;
}

.table-group-divider {
    border-top: 2px solid currentcolor;
}

.caption-top {
    caption-side: top;
}

.table-sm > :not(caption) > * > * {
    padding: 0.25rem 0.25rem;
}


.table-bordered > thead > tr {
    border-top: 1px solid var(--the-translucent);
    border-bottom: 1px solid var(--the-translucent);
}
.table-bordered > tbody > tr, .table-bordered > tfoot > tr {
    border-bottom: 1px solid var(--the-translucent);
}

    .table-bordered > :not(caption) > * {
    border-width: 1px 0;
}

    .table-bordered > :not(caption) > * > * {
        border-width: 0 1px;
    }

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0;
}

.table-borderless > :not(:first-child) {
    border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}
.table-striped > tbody > tr:hover {
    background-color: #E3E3E3;
    /*   color: #004C81;*/
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: var(--the-bg-tableHov);
    color: var(--bs-table-hover-color);
}

.table-nopad > * > * {
    padding:0px;
}


.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #dad5e9;
    --bs-table-border-color: #c4c0d2;
    --bs-table-striped-bg: #cfcadd;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c4c0d2;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #cac5d8;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #fef1d9;
    --bs-table-border-color: #e5d9c3;
    --bs-table-striped-bg: #f1e5ce;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e5d9c3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ebdfc9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d8ebea;
    --bs-table-border-color: #c2d4d3;
    --bs-table-striped-bg: #cddfde;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c2d4d3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c8d9d8;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #def1f7;
    --bs-table-border-color: #c8d9de;
    --bs-table-striped-bg: #d3e5eb;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c8d9de;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #cddfe4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #ffeccc;
    --bs-table-border-color: #e6d4b8;
    --bs-table-striped-bg: #f2e0c2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6d4b8;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ecdabd;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #ffdfdf;
    --bs-table-border-color: #e6c9c9;
    --bs-table-striped-bg: #f2d4d4;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6c9c9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #eccece;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #c8c8c8;
    --bs-table-border-color: #b4b4b4;
    --bs-table-striped-bg: #bebebe;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #b4b4b4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #b9b9b9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #6e6e6e;
    --bs-table-border-color: #7d7d7d;
    --bs-table-striped-bg: #757575;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #7d7d7d;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #797979;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.td40px{
    width:40px;
}

.btn-table {
    height: 30px;
    width: 35px;
    padding: 0 5px !important;
    border-radius: 0.375rem;
}
.btn-tableAuto {
    min-height: 30px;
    width: auto;
    padding: 0 5px !important;
    border-radius: 0.375rem;
}
    .btn-tableAuto> span{
        display:block;
    }

    @media (max-width: 575.98px) {
        .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1439.98) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/*SLIDER*/


@media(min-width: 768px) {

 .sidebar-menu .menu-text, .sidebar-menu .treeview.active .treeview-menu, .sidebar-menu li.treeview:after {
            display: none !important
        }
}

.main-container {
    padding: 0 0 0 250px;
    -webkit-transition: padding-left .1s ease;
    transition: padding-left .1s ease
}

.sidebar-menu {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .sidebar-menu > li {
        position: relative;
    }

        .sidebar-menu > li.treeview:after {
            display: none;
        }

/*        .sidebar-menu > li.treeview:after {
            font-family: "bootstrap-icons" !important;
            font-weight: 700;
            font-size: .85rem;
            content: "";
            display: inline-block;
            position: absolute;
            right: 15px;
            top: 15px;
            color: var(--the-text-navlat);
            transition: all .5s
        }
*/
        .sidebar-menu > li.treeview.active:after {
            transform: rotate(-90deg)
        }

        .sidebar-menu > li > a {
            padding: 1rem 2rem;
            display: flex;
            align-items: center;
            text-decoration: none;
            color: var(--the-text-navlat);
            text-decoration: none;
            font-size: .875rem
        }
    .sidebar-menu.isToggler > li > a {
        padding: 1rem 1.1rem;
    }
.sidebar-menu > li > a > i {
    width: 1.5rem;
    font-size: 1.25rem;
    flex-shrink: 0
}

        .sidebar-menu > li:hover > a {
            color: var(--the-text-navlat);
            background: var(--the-the-bg-navlat-h);
        }

        .sidebar-menu > li > .treeview-menu {
            padding: 5px 0 5px 0
        }

        .sidebar-menu > li.active > a {
            color: #fff;
            background: var(--the-the-bg-navlat-h);
        }

    .sidebar-menu li.active > .treeview-menu {
        display: block
    }

    .sidebar-menu > li.current-page > a {
        color: #fff;
        background: #153399
    }

        .sidebar-menu > li.current-page > a:hover {
            color: #fff;
            background: #153399
        }

    .sidebar-menu .treeview-menu {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0 0 0 5px
    }

        .sidebar-menu .treeview-menu .treeview-menu {
            padding-left: 20px
        }

        .sidebar-menu .treeview-menu > li {
            margin: 0
        }

            .sidebar-menu .treeview-menu > li > a {
                padding: 10px 25px 10px 25px;
                margin-left: 35px;
                border-left: 1px solid var(--the-the-bg-navlat-h);
                display: block;
                color: var(--the-text-navlat);
                text-decoration: none;
                white-space: nowrap
            }

                .sidebar-menu .treeview-menu > li > a .bi-chevron-right {
                    float: right;
                    transition: all .5s;
                    transform: rotate(0deg)
                }

                .sidebar-menu .treeview-menu > li > a:hover {
                    background-color: var(--the-the-bg-navlat-h);
                    color: #fff
                }

                .sidebar-menu .treeview-menu > li > a.active-sub {
                    color: #fff;
                    background: rgba(0,0,0,.05)
                }

                    .sidebar-menu .treeview-menu > li > a.active-sub:hover {
                        color: #fff;
                        background: rgba(0,0,0,.05)
                    }

            .sidebar-menu .treeview-menu > li.active > a .bi-chevron-right {
                transform: rotate(-90deg)
            }


.header-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 auto
}

    .header-actions a.dropdown-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: 40px;
        background: #fff;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        box-shadow: 0 2px 3px rgba(4,4,7,.2)
    }

        .header-actions a.dropdown-toggle > img.profile-avatar {
            height: 40px;
            width: 40px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px
        }

    .header-actions .dropdown-toggle::after {
        display: none
    }

.search-container {
    position: relative
}

    .search-container .form-control {
        min-width: 280px;
        transition: all ease .5s;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        min-height: 40px;
        padding-left: 40px;
        box-shadow: 0 2px 3px rgba(4,4,7,.2);
        border: 0
    }

        .search-container .form-control:focus {
            min-width: 310px
        }

    .search-container i {
        position: absolute;
        left: 15px;
        top: 9px
    }



/*TOGGLER*/
@media (max-width: 575px) {

    .sidebar-menu > li > a {
        padding: 1rem 1.2rem;
    }
    .sidebar-menu > li.treeview:after{
        display:none;
    }
}