:root {
    --sidenav-width: 240px;
    --sidenav-width-sm: 70px;
    --topbar-height: 56px;
    --topbar-bg: #fff;
    --topbar-item-bg: #F7F8F9;
    --topbar-item-border: #E8E8E8;
    --topbar-item-color: #1F2020;
    --topbar-item-hover-color: var(--primary);
    --topbar-item-hover-bg: #CDCDCD;
    --topbar-item-shadow: 0px 4px 4px 0px #DBDBDB40;
    --menu-bg: #fff;
    --menu-icon-bg: #F7F8F9;
    --menu-title-color: #707070;
    --menu-item-heading: #1F2020;
    --menu-item-color: #707070;
    --menu-item-hover-color: var(--primary);
    --menu-item-hover-bg: rgba(var(--primary-rgb), 0.1);
    --menu-item-active-color: var(--primary);
    --menu-item-border: #E8E8E8;
    --menu-item-active-bg: var(--danger-transparent);
    --menu-active-color: var(--primary);
    --submenu-active-color: var(--primary);
    --menu-active-color: var(--primary);
    --menu-active-bg: var(--primary-transparent);
    --primary: #c18b05;
    --secondary: #FFA201;
    --light: #F7F8F9;
    --dark: #0A0C0C;
    --white: #fff;
    --success: #1ABE17;
    --info: #2F80ED;
    --danger: #EF1E1E;
    --indigo: #3538CD;
    --cyan: #067D98;
    --orange: #EF5E25;
    --pink: #DD2590;
    --purple: #800080;
    --teal: #0E9384;
    --warning: #f9b801;
    --black: #000;
    --gray-100: #CDCDCD;
    --gray-200: #B5B5B5;
    --gray-300: #9D9D9D;
    --gray-400: #868787;
    --gray-500: #707070;
    --gray-600: #5A5B5B;
    --gray-700: #454646;
    --gray-800: #323333;
    --gray-900: #1F2020;
    --gray-hover: #080A0B;
    --light-100: #FAFBFC;
    --light-200: #F8FAFB;
    --light-300: #F5F8FA;
    --light-400: #F3F6F9;
    --light-500: #F1F4F7;
    --light-600: #EEF2F6;
    --light-700: #ECF1F5;
    --light-800: #E9EFF3;
    --light-900: #E7EDF2;
    --teal-100: #cfe9e6;
    --indigo-100: #d7d7f5;
    --light-hover: #dee0e1;
    --primary-hover: #726658;
    --secondary-hover: #e08f01;
    --info-hover: #2972d5;
    --warning-hover: #e0a701;
    --success-hover: #179f14;
    --danger-hover: #d81a1a;
    --indigo-hover: #2f31b4;
    --purple-hover: #730073;
    --pink-hover: #c02180;
    --orange-hover: #056c85;
    --teal-hover: #0c7c71;
    --cyan-hover: #056c85;
    --dark-hover: #090a0a;
    --cyan-transparent: #EBF3F6;
    --danger-transparent: #c18b051c;
    --gray-transparent: #868787;
    --dark-transparent: #868787;
    --indigo-transparent: #EAEDF7;
    --info-transparent: #eaf2fd;
    --light-transparent: #E8E8E8;
    --orange-transparent: #FFF0EB;
    --pink-transparent: #FDEDF8;
    --primary-transparent: #fce9e6;
    --purple-transparent: #F1EBF7;
    --secondary-transparent: #fff6e6;
    --success-transparent: #e8f9e8;
    --teal-transparent: #EBF2F1;
    --warning-transparent: #fef8e6;
    --heading-color: #1F2020;
    --border-color: #E2E8F0;
    --body-color: #707070;
    --primary-rgb: 228, 31, 7;
    --secondary-rgb: 255, 162, 1;
    --success-rgb: 26, 190, 23;
    --info-rgb: 47, 128, 237;
    --warning-rgb: 249, 184, 1;
    --danger-rgb: 239, 30, 30;
    --dark-rgb: 10, 12, 12;
    --light-rgb: 247, 248, 249;
    --orange-rgb: 239, 94, 37;
    --purple-rgb: 128, 0, 128;
    --pink-rgb: 221, 37, 144;
    --indigo-rgb: 53, 56, 205;
    --teal-rgb: 14, 147, 132;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --body-color-rgb: 112, 112, 112;
    --box-shadow: 0px 4px 4px 0px rgba(219, 219, 219, 0.25);
    --box-shadow-sm: 0px 4px 74px 0px rgba(208, 208, 208, 0.25);
    --box-shadow-lg: 0px 4.4px 12px -1px rgba(222, 222, 222, 0.36);
}
.toggle-theme {
    display: none !important;
}

.log-frm-area{
    background-color: #ebebeb66;
    height: 100vh !important;
}
.login-form {
    background: white;
    padding: 22px;
    border-radius: 10px;
    box-shadow: 1px 2px 17px 2px #eaeaea;
}
.account-bg-01 {
    border-radius: 0px;
    height: 100vh;
}
a.logo.logo-normal img {
    width: 120px;
    padding: 10px;
}
.sidebar [data-simplebar] .sidebar-menu {
    padding-top: 35px;
}
.b-logo {
    width: 45px;
    height: 45px;
    background: white;
    padding: 11px 14px;
    border-radius: 40px;
    position: absolute;
    right: 30px;
    bottom: 30px;
    text-align: center;
    margin: 0 auto;
}
.b-logo img{
    width: 100%;
}
/* .table tbody tr td {
    padding: 12px 10px !important;
} */

/* Fullscreen background */
#loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 9999;
    display: none; /* hidden by default */
    justify-content: center;
    align-items: center;
}

/* Spinner */
.spinner {
    width: 40px;
    height: 40px;
    border: 2px solid #ebebeb;
    border-top: 2px solid var(--primary);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

div#datatable_wrapper .row {
    display: flex;
    align-items: center;
}
div.dataTables_wrapper div.dataTables_length {
    padding: 0;
}

.boxBtn{
    font-size: 14px;
    font-weight: normal;
    width: max-content;
    padding: 15px 16px;
}

.addBtn{
    font-size: 14px;
    font-weight: normal;
    width: max-content;
    padding: 15px 16px;
}

.btn.btn-sm {
    font-size: 11px;
    padding: 2px 5px;
}

/* Animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}