@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: #142b6d;
    --primary: #F94735;
    --danger: #dc3545;
    --select-hover: #0d6efd;
    --border-topcolorred: red;
    --border-topcolorblue: blue;
    --border-topcolorprimary: 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: #0F313A;
    --sidebar-active: #fff;
    --sidebar-text:#fff;
    --bg-rate-calculator-total: #33547e;
    --drag-active: #dee2e6;
    --grayColor: #686767;
    --sidebar-hover: #bfc9d4;
    --header-bg: #ffffff;
    --body-background: #f5f6fa;
    --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;
}




.side_bar_link_collapsed {
    color: #000 !important;
}
.customer_menu_list ul li .active {
    background-color: transparent !important;
    color: #ffc107 !important;
}
.list-wise .menu-item a, .list-wise .menu-item-link {
    color: #fff !important;
}
.accordion-button:not(.collapsed) {
    background-color: #fff !important;
}
.customer_menu_list ul li a:hover {
    transform: scale(1.05);
    color: #ffc107 !important;
    background-color: transparent;
}
.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;
}
.button-normal{
    background:var(--sidebar-bg) !important;
}