@import url("./fonts.css");
:root {
    --primary-color: #2d3192;
    --secondary-color: #82c443;
    --regular-font: 'Nunito-Regular';
    --light-font: 'Nunito-Light';
    --bold-font: 'Nunito-Bold';
    --semibold-font: 'Nunito-SemiBold';
    --rs-text-link: black !important;
    --rs-body: #f5f5f5 !important;
}
body {
    font-family: var(--regular-font), sans-serif !important;
    background-color: #f5f5f5 !important;
    /* font-size: 14px; */
    color: #000 !important;
}
b {
    font-family: var(--semibold-font);
}
.uc-navbar-item, .uc-navbar-nav>li>a, .uc-navbar-toggle {
    font-family: var(--regular-font), sans-serif !important;
}
.display-5, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: var(--semibold-font), sans-serif;
    font-size: initial !important;
}
th {
    font-family: var(--semibold-font), sans-serif !important;
}
small {
    /* color: #888; */
    font-family: var(--light-font), sans-serif !important;
}
.light-text {
    font-family: var(--light-font), sans-serif !important;
}
a {
    text-decoration: none;
    color: inherit;
}
.form-control {
    background-color: #f5f5f5 !important;
}
.btn {
    font-family: var(--regular-font);
    border-radius: 3px;
    font-size: small;
}
.btn-sm {
    font-size: x-small;
}
label {
    /*font-family: var(--semibold-font);*/
    font-size: small;
     font-family: var(--bold-font);
    /* font-weight: bold; */
    color: #444;
}
.text-underline {
    text-decoration: underline;
}
.page-container {
    min-height: 85vh;
}
.bg-custom-primary {
    background-color: var(--primary-color);
}
.bg-custom-secondary {
    background-color: var(--secondary-color);
}
.text-custom-primary {
    color: var(--primary-color);
}
.text-custom-secondary {
    color: var(--secondary-color);
}
.btn-custom-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
}
.btn-custom-secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: white;
}
.btn-custom-primary:hover {
    background-color: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color);
}
.btn-custom-secondary:hover {
    background-color: transparent;
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}
.custom-light-primary-card {
    background-color: #2d319210;
    border: 1px solid #2d319270;
}
.custom-light-secondary-card {
    background-color: #82c44305;
    border: 1px solid #82c44370;
}
.form-control {
    font-size: 14px;
}
.pc-sidebar, .pc-sidebar .card.pc-user-card {
    background-color: #1d2630;
}
.pc-sidebar .card.pc-user-card {
    border-top-color: #6c757d;
}
.pc-sidebar .navbar-content {
    /*height: calc(100vh - 212px) !important;*/
    height: calc(100vh - 410px) !important;
}
.settings-input-label {
    font-family: var(--bold-font);
    font-weight: bold;
    font-size: small;
}
.admin-sidebar-container {
    /* border: .5px solid var(--secondary-color); */
    border-radius: 5px;
}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left;
}
.pc-sidebar .pc-navbar > .pc-item.active > .pc-link {
    color: var(--secondary-color);
}
.b-brand img {
    max-height: 30px;
}
.processing-store-sidebar-menu > a > div {
    padding: 15px 12px;
    color: inherit;
    display: flex;
    align-items: center;
    gap: 10px;
}
.processing-store-sidebar-menu > a > div:hover, .processing-store-sidebar-menu > a > div.active {
    background-color: rgba(0, 0, 0, .2);
}
.card .card-header {
    padding: 20px 20px 15px;
}
.new-product-image-preview-container .btn {
    font-size: 8px;
}
.new-product-image-preview img {
    height: 80px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.settings-sidebar-container {
    background-color: white;
    border-radius: 5px;
}
.settings-sidebar-container > .settings-sidebar-item:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
}
.settings-sidebar-item {
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 10px;
    font-size: 12px;
    cursor: pointer;
}
.settings-sidebar-item img {
    height: 20px;
}
.settings-sidebar-item.active, .settings-sidebar-item:hover {
    background-color: #eee;
    /* color: white; */
}
.website-branding-settings {
    background-color: white;
    padding: 10px;
    border-radius: 5px;
}
.website-branding-settings table td {
    padding: 20px 10px;
}
.form-error {
    font-size: 8px;
}
.settings-input-subtext {
    font-size: 8px;
    color: #9f9f9f;
}
.settings-input-container {
    box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, .1);
    background-color: white;
    padding: 20px 15px;
    border-radius: 5px;
}
.cursor-pointer {
    cursor: pointer;
}
.custom-form-group .form-control {
    border-radius: 3px;
    border-color: #f0f0f0;
    min-height: 45px;
    font-size: 14px;
}
.custom-form-group .form-control:focus {
    border-color: var(--primary-color);
}
.pagination {
    gap: 5px;
}
.pagination .page-item .page-link {
    border-radius: 100px;
    color: black;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-item.active .page-link {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: white;
}
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    border-radius: 100px;
    font-size: 20px;
}
.btn svg, .introjs-tooltip .introjs-button svg {
    height: 16px;
    width: 16px;
}
.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item > .pc-link:after {
    display: none;
}
/*.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.pc-trigger > .pc-link, .pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.active > .pc-link {*/
/*    color: var(--secondary-color);*/
/*}*/
.chakra-native-select__indicator svg {
    display: none;
}
select {
    border-radius: 5px !important;
    border-color: #ddd !important;
    /*height: 55px;*/
}
input, textarea, select {
    /*background-color: #f5f5f5 !important;*/
    border-color: #ddd !important;
    border-radius: 3px !important;
}
.chakra-select__control > button {
    background-color: #f5f5f5 !important;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #ddd;
}
input:focus, textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}
/*input:focus {*/
/*    outline: none !important;*/
/*    box-shadow: none !important;*/
/*}*/
.pc-sidebar .pc-navbar > .pc-item.active > .pc-link {
    font-weight: 500;
    color: var(--secondary-color) !important;
}
.website-customization-nav {
    background-color: white;
    border-radius: 5px;
}
.website-customization-nav .nav-link {
    color: black;
    font-size: 14px;
    /*font-family: var(--bold-font);*/
}
.website-customization-nav.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--primary-color);
    /*background-color: #f5f5f5;*/
    color: white;
}
.website-customization-canvas {
    max-width: 800px;
    height: 100%;
    background-color: red;
}
.rsw-toolbar {
    background-color: white !important;
}
/*.MuiPopover-root.MuiMenu-root.MuiModal-root {*/
/*    z-index: 5000;*/
/*}*/
span[data-scope=radio-group][data-part=item-control] {
    border-width: 1px;
    border-color: var(--primary-color);
    height: 15px;
    width: 15px;
}
span[data-scope=radio-group][data-part=item-control][data-state=checked] {
    background-color: var(--primary-color);
}
label[data-scope=radio-group][data-part=item] {
    gap: 5px;
    display: flex;
    cursor: pointer;
}
.header-notification-scroll {
    max-height: 70vh;
    overflow-y: auto;
}
.pc-sidebar .card.pc-user-card .card-body {
    padding: 5px 5px 5px 0;
}
.rs-picker-popup {
    z-index: 10000 !important;
}