/**
* CSS Map
*
* [BODY] Body Styles
* [SCROLLBAR] Scrollbar styles
* [PRELOADER] PaceJS Preload css/js html
*/

        @import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400&family=Poppins:wght@100;300;400;500&family=Space+Grotesk:wght@300;400;500&Montserrat:wght@100;200;300;400;500;700&display=swap");

        body {
            min-height: 100vh;
            min-height: -webkit-fill-available;
            font-family: "Poppins", sans-serif;
            background-color: #f3f3f9;
        }

        a {
            text-decoration: none !important;
        }

        html {
            height: -webkit-fill-available;
        }

        .sidebar {
            width: 300px;
            height: calc(100% - 73px);
            position: fixed;
            top: 73px;
            overflow-y: auto !important;
        }

        .sidebar-header {
            width: 300px;
            height: 73px;
        }

        .sidebar.container {
            height: 100vh !important;
        }

        .navbar {
            left: 300px;
        }

        .navbar-brand-title {
            font-size: 14px;
            font-weight: 400;
        }

        .navbar .nav-link {
            font-size: 13.5px;
            font-weight: 300;
        }

        .navbar .dropdown-menu {
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border: none;
        }

        .navbar .dropdown-menu .dropdown-item {
            font-size: 11px;
            color: #666;
        }

        .navbar .dropdown-menu .dropdown-item:hover {
            color: #333;
            background-color: transparent;
        }

        .sidebar::-webkit-scrollbar {
            width: 6px;
        }

        .sidebar::-webkit-scrollbar-track {
            background: #4b4b4b;
        }

        .sidebar::-webkit-scrollbar-thumb {
            background-color: #919191;
            border: none;
        }

        .sidebar-text-menu {
            color: #FFF;
            font-size: 13.5px;
            font-weight: 300;
            text-decoration: none;
            transition: all 0.2s ease-out;
        }

        .sidebar-text-menu:hover {
            color: #d1d1d1;
            transition: all 0.2s ease-out;
        }

        .sidebar-text-menu.active {
            color: #d1d1d1;
            font-weight: 700;
            transition: all 0.2s ease-out;
        }

        .sidebar-text-menu[aria-expanded="true"] {
            color: #d1d1d1 !important;
            font-weight: 700;
        }

        .sidebar-text-submenu {
            color: #FFF;
            font-size: 11.5px;
            text-decoration: none;
            transition: all 0.2s ease-out;
        }

        .sidebar-text-submenu:hover {
            color: #d1d1d1;
            transition: all 0.2s ease-out;
        }

        .sidebar-text-submenu.active {
            color: #d1d1d1;
            font-weight: 700;
        }

        main {
            position: absolute;
            top: 56px;
            left: 300px;
            width: calc(100% - 300px);
            height: calc(100% - 56px);
        }

        .bg-success {
            background-color: #06885f;
        }

        .bg-grey {
            background-color: #e9e9f1;
        }

        .bg-primary {
            background: #355dcc !important;
        }

        .text-primary {
            color: #355dcc !important;
        }

        .form-label {
            font-size: 13.6px;
            font-weight: 300;
        }

        .form-control,
        .form-select {
            min-height: 36px !important;
            font-size: 12px;
            font-weight: 300;
        }

        .form-control::placeholder {
            color: #7a7a7a;
        }

        .form-control:focus,
        .form-select:focus {
            border-color: #808080;
            box-shadow: none !important;
            outline: none !important;
        }

        .card {
            border: none;
            font-size: 12px;
        }

        .listInnerTable {
            border: 1px dotted #DEE2E6;
            border-radius: 3px;
            font-size: 12px;
        }

        .table tr:first-child th:first-child {
            border-top-left-radius: 6px;
        }

        .table tr:first-child th:last-child {
            border-top-right-radius: 6px;
        }

        .table thead th {
            background-color: #212529;
            color: #fff;
            font-size: 13px;
        }

        .table tbody td {
            font-size: 12.5px;
            border: none;
        }

        .btn {
            font-size: 13px;
        }

        .btn-success {
            background: #06885f !important;
            border: none;
            border-radius: 12px;
        }

        .btn-success:hover,
        .btn-success:active,
        .btn-success:focus {
            background: #07996b !important;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
        }

        .btn-secondary {
            background: #5a5a5a !important;
            border: none;
            border-radius: 12px;
        }

        .btn-secondary:hover,
        .btn-secondary:active,
        .btn-secondary:focus {
            background: #424242 !important;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
        }

        .btn-primary {
            background: #355dcc !important;
            border: none;
            border-radius: 12px;
        }

        .btn-primary:hover,
        .btn-primary:active,
        .btn-primary:focus {
            background: #4e76e4 !important;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
        }

        .btn-dark {
            background: #0f0f0f !important;
            border: none;
            border-radius: 12px;
        }

        .btn-dark:hover,
        .btn-dark:active,
        .btn-dark:focus {
            background: #000000 !important;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
        }

        .btn-light {
            border: none;
            border-radius: 12px;
        }

        .btn-light:hover,
        .btn-light:active,
        .btn-light:focus {
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
        }

        .alert-danger {
            border: none;
            background-color: #dd4949;
            color: #FFF;
        }

        .alert-success {
            border: none;
            background-color: #34ce74;
            color: #FFF;
        }

        .form-control.error {
            color: red !important;
            border: 1px solid red !important;
        }

        .form-control.error::placeholder {
            color: red !important;
        }

        .form-select.error {
            color: red !important;
            border: 1px solid red !important;
        }

        .form-select.selectize-control.single.error {
            color: red !important;
            border: 1px solid red !important;
            border-radius: 8px;
        }

        /**
* [SCROLLBAR]
*/

        *::-webkit-scrollbar {
            width: 6px;
        }

        *::-webkit-scrollbar-track {
            background: #d1d1d1;
        }

        *::-webkit-scrollbar-thumb {
            background-color: #8d8d8d;
            border: none;
        }

        /**
* [PRELOADER]
*/

        .pace {
            -webkit-pointer-events: none;
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        .pace-inactive {
            display: none;
        }

        .pace .pace-progress {
            background: #dfa324;
            position: fixed;
            z-index: 2000;
            top: 0;
            right: 100%;
            width: 100%;
            height: 3px;
        }

        .mobile-only {
            display: none;
            visibility: hidden;
        }

        @media screen and (max-width: 991.98px) {

            .sidebar-header,
            .sidebar {
                display: none;
                visibility: hidden;
            }

            .navbar {
                left: 0px;
            }

            main {
                width: 100% !important;
                position: absolute;
                top: 56px;
                left: 0px;
                height: calc(100% - 56px);
            }

            .mobile-only {
                display: block;
                visibility: visible;
            }
        }