@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");

:root {
    --leftPanelWidth: 72px;
    --topbar_height: 40px;
    --blue: #081a5f;
    --orangeO: #ff6600;
    --primary: #1871df;
    --danger: #dc3545;
    --select-hover: #0d6efd;
    --border-topcolorred: red;
    --border-topcolorblue: blue;
    --border-topcolororangeO: orange;
    --border-topcolororange: #3e73a7;
    --border-topcolorgreen: green;
    --border-topcoloryellow: yellow;
    --border-topcolorpurple: purple;
    --border-topcolorpink: pink;
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Inter" !important;
    background: var(--body-background) !important;
}

#chart svg text {
    font-family: "Inter" !important;
}

body.light {
    --pined_bg-color: #fff5e8;
    --tooltip_color: #494949;
    --bg-popup: #ffffff;
    --drag_bg_right: #fefff1;
    --drag_bg_left: rgb(255, 239, 239);
    --sidebar-bg: #e5fbff;
    --sidebar-active: #f58420;
    --bg-rate-calculator-total: #33547e;
    --drag-active: #dee2e6;
    --grayColor: #686767;
    --sidebar-hover: #bfc9d4;
    --header-bg: #ffffff;
    --body-background: #f8f9fa;
    --bg-light: #f4f4f4;
    --bg_table_Heading: #f4f4f4;
    --bg-second: #ffff;
    --txt_white: #ffffff;
    --text: #252528;
    --blue-text: #081a5f;
    --blue: #081a5f;
    --main-card: #ffffff;
    --borders: #dee2e6;
    --modal-header-bg: #ffffff;
    --border-light: #bfc9d3;
    --endbox-bg-color: #edf1f4;
    --radio-circle: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='green'/%3e%3c/svg%3e");
    --radio-circle-focus: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    --bs-form-select-img: 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 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    --disabled-bg: #e9ecef;
    --placeholderColor: #bdbdbd;
    --blueish: #96acff;
    --bs-modal-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --body-modal: #f8f9fa;
    --shadow: 0 0 11px 1px rgba(0, 0, 0, 0.05);
    --input-bg: #f7f9ff;
    --radio-border: green;
    --border-danger: #ff1212;
    --select-hover: #0d6efd;
    --crud-grid: #fffdea;
}

.customer_login_wrap {
    background-image: url(/CompanyAssets/login_bg.webp);
    position: relative;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
}

body .login_logo {
    background-color: #101924;
    padding: 10px;
    border-radius: 12px;
}

body .sidebar-section {
    box-shadow: none !important;
    background-color: #101924 !important;
    border-right: 1px solid lightgray !important;
}

.navbar-brand {
    background-color: #101924 !important;
    padding: 0px 5px 0px 5px;
    min-width: 235px;
    justify-content: space-around;
}

body .side_bar_link {
    color: #ffffff !important;
}

body .navbar-brand .MuiSvgIcon-root {
    fill: #fff;
}

body .list-wise .menu-item a, .list-wise .menu-item-link {
    color: #ffffff;
}

body .navbar .MuiContainer-root,
body .navbar {
    padding-left: 0px !important;
}

body .sidebar-section .accordion-button {
    padding: 20px 13px !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
}

body .customer_menu_list ul li a {
    color: #ffffff !important;
}

    body .customer_menu_list ul li a:hover {
        color: var(--sidebar-active);
    }

body .custom_inputs .form-select,
body .countrySelect {
    background-color: transparent !important;
}

body .sidebar-section .menu-item .nav-active {
    background-color: var(--sidebar-active) !important;
}

body .button-print {
    border-radius: 11px;
    font-size: 12px;
    padding: 10px 10px !important;
    background-color: var(--primary) !important;
}

body .customer_main_div .input_start_box,
body .customer_main_div .input_end_box {
    background: #eff7ff !important;
}

body .customer_main_div {
    border: .5px solid var(--primary) !important;
}

    body .customer_main_div .input_start_box span,
    body .customer_main_div .input_end_box span {
        color: var(--primary) !important;
    }

    body .customer_main_div .form-control {
        border: 1px solid transparent !important;
    }

body .button-brown,
body .button-save {
    color: #fff !important;
    background: #000000 !important;
    font-weight: 600 !important;
}

body .button-danger {
    color: #fff !important;
    background: #d40707 !important;
    font-weight: 600 !important;
}

body .button-normal:hover {
    background-color: var(--primary) !important;
}

body .button-success {
    background: rgb(47, 164, 47);
}

    body .button-success:hover {
        background: rgb(34, 130, 34);
    }

body .customer_menu_list ul li .active {
    background-color: transparent !important;
    color: var(--sidebar-active) !important;
}