:root{

    /* Input */
    --input-border-radius: 4px;
    --input-border: 0;


    /* Button */
    --button-border-radius: 0px;

    /* Background Color */
    --bg-color-1:#e2e6eb;

    /* Modal */
    --modal-header-background-color: #dc354512;
    --modal-header-foreground-color: #dc3545;
    --modal-border-radius: 16px;

    
    --bs-blue: #5d87ff;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #ff6692;
    --bs-orange: #fd7e14;
    --bs-yellow: #F8C20A;
    --bs-green: #36c76c;
    --bs-teal: #20c997;
    --bs-cyan: #539bff;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #29343d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f6f7f9;
    --bs-gray-200: #eff4fa;
    --bs-gray-300: #dfe5ef;
    --bs-gray-400: #7c8fac;
    --bs-gray-500: #5a6a85;
    --bs-gray-600: #29343d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #635bff;
    --bs-secondary: #16CDC7;
    --bs-success: #36c76c;
    --bs-info: #46caeb;
    --bs-warning: #F8C20A;
    --bs-danger: #ff6692;
    --bs-light: #eff4fa;
    --bs-dark: #0a2540;
    --bs-muted: #526b7a;
    --bs-indigo: #6610f2;
    --bs-light-indigo: #ebf3fe;
    --bs-dark-light: #29343d;
    --bs-light-gray: #F4F7FB;
    --bs-purple: #6f42c1;
    --bs-cyan: #539bff;
    --bs-primary-rgb: 99, 91, 255;
    --bs-secondary-rgb: 22, 205, 199;
    --bs-success-rgb: 54, 199, 108;
    --bs-info-rgb: 70, 202, 235;
    --bs-warning-rgb: 248, 194, 10;
    --bs-danger-rgb: 255, 102, 146;
    --bs-light-rgb: 239, 244, 250;
    --bs-dark-rgb: 10, 37, 64;
    --bs-muted-rgb: 82, 107, 122;
    --bs-indigo-rgb: 102, 16, 242;
    --bs-light-indigo-rgb: 235, 243, 254;
    --bs-dark-light-rgb: 41, 52, 61;
    --bs-light-gray-rgb: 244, 247, 251;
    --bs-purple-rgb: 111, 66, 193;
    --bs-cyan-rgb: 83, 155, 255;
    --bs-primary-text-emphasis: shade-color(#635bff, 60%);
    --bs-secondary-text-emphasis: shade-color(#16CDC7, 60%);
    --bs-success-text-emphasis: shade-color(#36c76c, 60%);
    --bs-info-text-emphasis: shade-color(#46caeb, 60%);
    --bs-warning-text-emphasis: shade-color(#F8C20A, 60%);
    --bs-danger-text-emphasis: shade-color(#ff6692, 60%);
    --bs-light-text-emphasis: #f6f7f9;
    --bs-dark-text-emphasis: #29343d;
    --bs-primary-bg-subtle: #DDDBFF;
    --bs-secondary-bg-subtle: #A6F7F5;
    --bs-success-bg-subtle: #EBFAF0;
    --bs-info-bg-subtle: rgba(70, 202, 235, 0.2);
    --bs-warning-bg-subtle: #FFF9E5;
    --bs-danger-bg-subtle: #FFCCDB;
    --bs-light-bg-subtle: #f6f7f9;
    --bs-dark-bg-subtle: #29343d;
    --bs-primary-border-subtle: #c1bdff;
    --bs-secondary-border-subtle: #a2ebe9;
    --bs-success-border-subtle: #afe9c4;
    --bs-info-border-subtle: #b5eaf7;
    --bs-warning-border-subtle: #fce79d;
    --bs-danger-border-subtle: #ffc2d3;
    --bs-light-border-subtle: #eff4fa;
    --bs-dark-border-subtle: #5a6a85;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "Manrope", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #98A4AE;
    --bs-body-color-rgb: 152, 164, 174;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(152, 164, 174, 0.75);
    --bs-secondary-color-rgb: 152, 164, 174;
    --bs-secondary-bg: #eff4fa;
    --bs-secondary-bg-rgb: 239, 244, 250;
    --bs-tertiary-color: rgba(152, 164, 174, 0.5);
    --bs-tertiary-color-rgb: 152, 164, 174;
    --bs-tertiary-bg: #f6f7f9;
    --bs-tertiary-bg-rgb: 246, 247, 249;
    --bs-heading-color: #29343d;
    --bs-link-color: #29343d;
    --bs-link-color-rgb: 41, 52, 61;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #635bff;
    --bs-link-hover-color-rgb: 99, 91, 255;
    --bs-code-color: #d63384;
    --bs-highlight-color: #98A4AE;
    --bs-highlight-bg: #fef3ce;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #e0e6eb;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 12px;
    --bs-border-radius-sm: 8px;
    --bs-border-radius-lg: 15px;
    --bs-border-radius-xl: 18px;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0px 1px 4px 0px rgba(133, 146, 173, 0.2);
    --bs-box-shadow-sm: 0px 2px 4px -1px rgba(175, 182, 201, 0.2);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: unset;
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(99, 91, 255, 0.25);
    --bs-form-valid-color: #36c76c;
    --bs-form-valid-border-color: #36c76c;
    --bs-form-invalid-color: #ff6692;
    --bs-form-invalid-border-color: #ff6692;
}

@font-face {
    font-family: Ubontu;
    src: url(../assets/fonts/Ubuntu-Regular.ttf);
}


*{
    font-family: Ubontu !important;
    font-size: 14px;
}
/* Background color */
.bg-body{
    background: #f4f7fb;
}
.bg-color-1{
    background-color: var(--bg-color-1);
}
.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle) !important;
}
.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important;
}
.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important;
}

.btn.bg-primary-subtle:hover {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}
.btn.bg-secondary-subtle:hover {
    background-color: var(--bs-secondary) !important;
    color: var(--bs-white) !important;
}

.btn.bg-warning-subtle:hover {
    background-color: var(--bs-warning) !important;
    color: var(--bs-white) !important;
}

.btn.bg-success-subtle:hover {
    background-color: var(--bs-success) !important;
    color: var(--bs-white) !important;
}
.btn.bg-info-subtle:hover {
    background-color: var(--bs-info) !important;
    color: var(--bs-white) !important;
}

.btn.bg-danger-subtle:hover {
    background-color: var(--bs-danger) !important;
    color: var(--bs-white) !important;
}
/* Navbar */
.navbar-brand .firm-logo{
    height: 40px;
}

.nav-item .dropdown-menu-end[data-bs-popper]{
    right: unset !important;
}
.nav-item .ss-dropdown-menu-end[data-bs-popper]{
    right: unset !important;
}
/* Card */
.card {
    --bs-card-spacer-y: 30px;
    --bs-card-spacer-x: 30px;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: #29343d;
    --bs-card-subtitle-color: #98A4AE;
    --bs-card-border-width: 0px;
    --bs-card-border-color: #ebf1f6;
    --bs-card-border-radius: 12px;
    --bs-card-box-shadow: 0px 2px 4px -1px rgba(175, 182, 201, 0.2);
    --bs-card-inner-border-radius: 12px;
    --bs-card-cap-padding-y: 15px;
    --bs-card-cap-padding-x: 30px;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    box-shadow: var(--bs-card-box-shadow);
}
.card-header{
    --bs-card-border-radius: 12px;
    border-top-left-radius: var(--bs-card-border-radius) !important;
    border-top-right-radius: var(--bs-card-border-radius) !important;
}
.card-body {
    flex: 1 1 auto;
    /* padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); */
    color: var(--bs-card-color);
}
/* Input */
.form-label{
    margin-bottom: 0.1rem;
}

.form-control{
    /* border: var(--input-border) !important;
    background-color: #ac6cf71c !important;
    border-radius: var(--input-border-radius) !important; */

    width: 100%;
    /* padding: 10px 16px; */
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-heading-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-clip: padding-box;
    border: var(--bs-border-width) solid #e0e6eb;
    border-radius: var(--input-border-radius);
    box-shadow: var(--bs-box-shadow-inset);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:focus {
    color: var(--bs-heading-color);
    background-color: transparent;
    border-color: #b1adff;
    outline: 0;
    box-shadow: var(--bs-box-shadow-inset), 0 0 0 .25rem rgba(99, 91, 255, .25);
}

.form-control:focus {
    box-shadow: 0 0 0 3px rgba(#635BFF,.8);
}

/* Button */

.btn {
    --bs-btn-padding-x: 16px;
    --bs-btn-padding-y: 8px;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 5px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: unset;
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    box-shadow: var(--bs-btn-box-shadow);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #635bff;
    --bs-btn-border-color: #635bff;
    --bs-btn-hover-color: hsl(0, 0%, 100%);
    --bs-btn-hover-bg: #544dd9;
    --bs-btn-hover-border-color: #4f49cc;
    --bs-btn-focus-shadow-rgb: 122, 116, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4f49cc;
    --bs-btn-active-border-color: #4a44bf;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #635bff;
    --bs-btn-disabled-border-color: #635bff;
}
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #16CDC7;
    --bs-btn-border-color: #16CDC7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #13aea9;
    --bs-btn-hover-border-color: #12a49f;
    --bs-btn-focus-shadow-rgb: 57, 213, 207;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #12a49f;
    --bs-btn-active-border-color: #119a95;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #16CDC7;
    --bs-btn-disabled-border-color: #16CDC7;
}
.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #36c76c;
    --bs-btn-border-color: #36c76c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2ea95c;
    --bs-btn-hover-border-color: #2b9f56;
    --bs-btn-focus-shadow-rgb: 84, 207, 130;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2b9f56;
    --bs-btn-active-border-color: #299551;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #36c76c;
    --bs-btn-disabled-border-color: #36c76c;
}
.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #46caeb;
    --bs-btn-border-color: #46caeb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3cacc8;
    --bs-btn-hover-border-color: #38a2bc;
    --bs-btn-focus-shadow-rgb: 98, 210, 238;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #38a2bc;
    --bs-btn-active-border-color: #3598b0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #46caeb;
    --bs-btn-disabled-border-color: #46caeb;
}
.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #F8C20A;
    --bs-btn-border-color: #F8C20A;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d3a509;
    --bs-btn-hover-border-color: #c69b08;
    --bs-btn-focus-shadow-rgb: 249, 203, 47;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c69b08;
    --bs-btn-active-border-color: #ba9208;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #F8C20A;
    --bs-btn-disabled-border-color: #F8C20A;
}
.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff6692;
    --bs-btn-border-color: #ff6692;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d9577c;
    --bs-btn-hover-border-color: #cc5275;
    --bs-btn-focus-shadow-rgb: 255, 125, 162;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cc5275;
    --bs-btn-active-border-color: #bf4d6e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff6692;
    --bs-btn-disabled-border-color: #ff6692;
}
.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #eff4fa;
    --bs-btn-border-color: #eff4fa;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #cbcfd5;
    --bs-btn-hover-border-color: #bfc3c8;
    --bs-btn-focus-shadow-rgb: 203, 207, 213;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #bfc3c8;
    --bs-btn-active-border-color: #b3b7bc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #eff4fa;
    --bs-btn-disabled-border-color: #eff4fa;
}
.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0a2540;
    --bs-btn-border-color: #0a2540;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2f465d;
    --bs-btn-hover-border-color: #233b53;
    --bs-btn-focus-shadow-rgb: 47, 70, 93;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3b5166;
    --bs-btn-active-border-color: #233b53;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0a2540;
    --bs-btn-disabled-border-color: #0a2540;
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important;
}
.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle) !important;
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 0.875rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 12px;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-inner-border-radius: calc(12px - 0);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
    --bs-dropdown-link-color: var(--bs-heading-color);
    --bs-dropdown-link-hover-color: #635bff;
    --bs-dropdown-link-hover-bg: #f6f7f9;
    --bs-dropdown-link-active-color: #0a2540;
    --bs-dropdown-link-active-bg: #f6f7f9;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 10px;
    --bs-dropdown-header-color: #29343d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
    box-shadow: var(--bs-dropdown-box-shadow);
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: #fff;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: #eff4fa;
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: #f6f7f9;
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}
.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #e0deff;
    --bs-table-border-color: #b3b2cc;
    --bs-table-striped-bg: #d5d3f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cac8e6;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #cfcdec;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}
.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d7f4e2;
    --bs-table-border-color: #acc3b5;
    --bs-table-striped-bg: #cce8d7;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c2dccb;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c7e2d1;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}
.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #daf4fb;
    --bs-table-border-color: #aec3c9;
    --bs-table-striped-bg: #cfe8ee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c4dce2;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #cae2e8;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}
.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fef3ce;
    --bs-table-border-color: #cbc2a5;
    --bs-table-striped-bg: #f1e7c4;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e5dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ebe1bf;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}
.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #ffe0e9;
    --bs-table-border-color: #ccb3ba;
    --bs-table-striped-bg: #f2d5dd;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6cad2;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #eccfd8;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

/* Modal */
.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - 0);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 0;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}
.modal-header {
    border-top-left-radius:var(--modal-border-radius) !important;
    border-top-right-radius:var(--modal-border-radius) !important;
}
.fade {
    transition: opacity .15s linear;
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    /* transform: translate(0, -50px); */
}

.modal .modal-content{
    border-radius: var(--modal-border-radius);
}

#modal-to-add .modal .modal-dialog{
    margin-top: 0.3rem;
}

#modal-to-add .modal .modal-content{
    border-radius: var(--modal-border-radius);
}

#modal-to-add .modal .modal-header{
    background: var(--modal-header-background-color);
    color: var(--modal-header-foreground-color);
}

.alert-dismissible{
    padding-right: 3rem;
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}

/* ALert */
/* Custom styling for the notification */
.ss-notify {
    position: fixed;
    width:30%;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1050;
    display: none; /* Initially hidden */
    opacity: 0;
    transition: opacity 1s ease-in-out;
  }

  /* Fade-in effect */
  .ss-notify.show {
    display: block;
    opacity: 1;
  }

  /* Fade-out effect */
  .ss-notify.fade-out {
    opacity: 0;
    transition: opacity 1s ease-in-out;
  }

  .customize-alert {
    /* width: 100%; */
    padding: 12px;
  }
  .ss-bg{
    /* background-color: #dddfe152; */
    /* font-family: math; */
    background-color: #F5F5F5;
    font-size: 17px;
  }
  
  .ph.ph-light{
    font-size: 1rem;
    font-weight: bold;
  }
  .btn {
    display: inline-flex;
    align-items: center;
  }
  .ss-navbar-bg{
    background-color: #32376a;
    /* background-color: #003366; */
  }
  ul .dropdown-menu, .dropdown-menu.show{
    background-color: #32376a !important;
  }
  
  nav ul li a, .show li a{
    color: #ffffff !important;
    font-size: 14px;
  }
  .dropdown-menu li a:hover {
    background-color: #ff6692 !important; /* Light grey background */
  }
  .card-body .form-group{
    color:#333333;
  }
  .form-control{
    border-color: rgba(50, 55, 106, 0.25) !important;
  } 
  .form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(50, 55, 106, 0.25);
  }
  tbody tr td{
    padding: 0.3rem !important;
  }
  thead th{
    background-color: #E0DEff !important;
  }
  table{
    text-transform: capitalize;
  }
  .ss-totalcalpart tbody tr td{
    font-size: 16px !important;
  }
  .remove-row,.add-product {
    --bs-btn-padding-x: 10px !important;
  }
  .nav-item .ss-align[data-bs-popper] {
    right: 0px !important;
  }
  .pagination li span,.pagination li a{
    color: #000000 !important;
  }
  i.add-product,i.remove-row{
    font-size: 22px !important;
    cursor: pointer !important;
  }
  input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0; 
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 0px !important;
}
.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 0px 7.5px 0px !important;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: unset !important;
    min-height: unset !important;
    overflow: hidden;
}
.choices__list--single {
    display: inline-block;
    padding: 0px !important;
    width: 100%;
}