* {
    transition: .3s;
}

.light {
    --sidebar_bg: #222b45;
    --text-both: #6e84a3;
    --main-inner-body: #151a30;
    --sub_dropdown: #1a2134;
    --sub_sub_dropdown: #121826;
    --scrollbar-thumb: #101426;
    --scrollbar-track: #192038;
    --txt-black-white: #dfdfdf;
    transition: .3s;
    --bg-footer: rgb(26 32 60);
}

:root {
    --scrollbar-track: #f7f9fc;
    --bg-footer: rgb(231 231 231);
    --sub_sub_dropdown: #d7d7d7;
    --sidebar_bg: #fff;
    --scrollbar-thumb: #e3e8ee;
    --txt-black-white: #303030;
    --main-inner-body: #ebeff5;
    --sub_dropdown: #e5e5e5;
    --text-both: #6e84a3;
}

@font-face {
    font-family: Montserrat-Bold;
    src: url("../fonts/Montserrat-Bold.ttf")
}

@font-face {
    font-family: Montserrat-Medium;
    src: url("../fonts/Montserrat-Medium.ttf")
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url("../fonts/Montserrat-SemiBold.ttf")
}

.navbar-brand {
    font-family: Montserrat-Bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat-SemiBold;
}

div,
p,
li,
a,
label,
input,
select,
option,
td,
tr,
th,
textarea {
    font-family: Montserrat-Medium;
}

#theme_toggle_btn i {
    color: rgb(0, 0, 0);
}

#theme_toggle_btn {
    all: unset;
    display: grid;
    place-content: center;
    height: 2rem;
    width: 2rem;
    cursor: pointer;
}

nav {
    background-color: var(--sidebar_bg);
    transition: .3s;
    /* box-shadow: 0 0.5rem 1rem 0 #1a1f33; */
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
    /* box-shadow: rgb(0 0 0 / 20%) 0px 8px 24px; */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.fa-moon:before {
    content: "\f186" !important;
    color: #000;
}

.sb-sidenav-dark {
    background-color: var(--sidebar_bg);
    color: var(--text-both);
}

select option,
.sb-sidenav-dark .sb-sidenav-menu .nav-link {
    color: var(--text-both);
}

.sb-sidenav-dark .sb-sidenav-menu .sb-sidenav-menu-heading {
    color: var(--text-both);
}

label,
.card-header,
.dataTable-table>tbody>tr>td,
.dataTable-table>tbody>tr>th,
.dataTable-table>tfoot>tr>td,
.dataTable-table>tfoot>tr>th,
.dataTable-table>thead>tr>td,
.dataTable-table>thead>tr>th,
.table-hover>tbody>tr:hover>*,
.dataTable-table>tbody>tr:hover>*,
i {
    color: var(--text-both);
}

.sb-sidenav-menu-nested.nav.accordion,
.sb-sidenav-menu-nested.nav {
    background-color: var(--sub_dropdown);
}

.sb-sidenav-menu-nested.nav .sb-sidenav-menu-nested.nav {
    background-color: var(--sub_sub_dropdown);
}


/* width */

::-webkit-scrollbar {
    width: 5px;
}


/* Track */

::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 50rem;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#layoutSidenav_content,
#layoutAuthentication_content,
main {
    background-color: var(--main-inner-body);
    transition: .3s;
}

footer *,
.dropdown-item,
.dataTable-bottom,
.navbar-brand,
.page_heading {
    color: var(--txt-black-white);
}

.dropdown-menu.dropdown-menu-end,
.sohel_card {
    background-color: var(--sidebar_bg);
}

.menu_icon_box {
    height: 2rem;
}

.sb-sidenav .sb-sidenav-menu .nav .nav-link {
    align-items: start;
}

.error {
    color: rgb(197, 0, 0);
}

.gallery_img_box .delete_image_gallery {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #1a2134;
    height: 2rem;
    width: 2rem;
    display: grid;
    place-content: center;
}

.dataTable-container {
    overflow-x: auto;
}

footer {
    background-color: var(--bg-footer);
}

* {
    transition: .3s !important;
}

a {
    cursor: pointer;
}.dataTable-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.newtable{
    height: 70vh;
    overflow-y: scroll;
}