:root {
    --primary-color-base: #0698A0;
    --primary-color-1: #96C7FC;
    --primary-color-2: #74B5FC;
    --primary-color-3: #51A2FB;
    --primary-color-4: #2E90FA;
    --primary-color-5: #2678D0;
    --primary-color-6: #1F60A7;
    --primary-color-7: #1F60A7;
    --primary-color-8: #0F3053;
    --primary-color-9: #091D32;
    --primary-color-10: #D5E9FE;
    /* --primary-color-base: #2678D0;
    --primary-color-1: #96C7FC;
    --primary-color-2: #74B5FC;
    --primary-color-3: #51A2FB;
    --primary-color-4: #2E90FA;
    --primary-color-5: #2678D0;
    --primary-color-6: #1F60A7;
    --primary-color-7: #1F60A7;
    --primary-color-8: #0F3053;
    --primary-color-9: #091D32;
    --primary-color-10: #D5E9FE; */

    --violet-color-5: #875BF7;

    --success-color-base: #12B76A;
    --success-color-1: #D1FADF;
    --success-color-2: #A6F4C5;
    --success-color-3: #6CE9A6;
    --success-color-4: #32D583;
    --success-color-6: #039855;
    --success-color-7: #027A48;
    --success-color-8: #05603A;
    --success-color-9: #054F31;

    --error-color-base: #F04438;
    --error-color-1: #FEE4E2;
    --error-color-2: #FECDCA;
    --error-color-3: #FDA29B;
    --error-color-4: #F97066;
    --error-color-6: #D92D20;
    --error-color-7: #B42318;
    --error-color-8: #912018;
    --error-color-9: #7A271A;
    --error-color-10: #EC221F;

    --warning-color-base: #F79009;
    --warning-color-1: #FEF0C7;
    --warning-color-2: #FEDF89;
    --warning-color-3: #FEC84B;
    --warning-color-4: #FDB022;
    --warning-color-6: #DC6803;
    --warning-color-7: #B54708;
    --warning-color-8: #93370D;
    --warning-color-9: #7A2E0E;

    --gray-color-base: #667085;
    --gray-color-1: #F2F4F7;
    --gray-color-2: #EAECF0;
    --gray-color-3: #D0D5DD;
    --gray-color-4: #98A2B3;
    --gray-color-6: #475467;
    --gray-color-7: #344054;
    --gray-color-8: #1D2939;
    --gray-color-9: #101828;

    --grayscale-color-4: #94A3B8;
    --grayscale-color-5: #64748B;

    --cyan-color-7: #0E7090;
    --cyan-color-10: #4E5BA6;

    --card-color-1: #FCFCFD;
    --card-color-2: #E2E3E5;
    --card-color-3: #F9FAFB;

    --white: #ffffff;
    /* --border: 1px solid var(--bs-gray-300)!important; */
}

@font-face {
    font-family: 'Inter 18pt Regular';
    src: url(../fonts/Inter_18pt-Regular.ttf);
}

@font-face {
    font-family: 'Inter 18pt Bold';
    src: url(../fonts/Inter_18pt-Bold.ttf);
}

@font-face {
    font-family: "Inter-medium";
    src: url("../fonts/Inter_18pt-Medium.ttf");
}

body,
.text-body,
.btn {
    font-family: 'Inter 18pt Regular' !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    /* font-family: 'Inter-medium' !important; */
    color: var(--gray-color-9) !important;
}

h6,
.h6 {
    font-size: 20px !important;
}

h5,
.h5 {
    font-size: 24px !important;
}

h4,
.h4 {
    font-size: 30px !important;
}

.text-gray-600 {
    color: var(--gray-color-6) !important;
}

.text-gray-900 {
    color: var(--gray-color-9) !important;
}

.text-grayscale-400 {
    color: var(--grayscale-color-4) !important;
}

.text-grayscale-500 {
    color: var(--grayscale-color-5) !important;
}

body,
.text-body {
    font-size: 14px !important;
    /* color: var(--gray-color-base)!important; */
}

.text-gray-base {
    color: var(--gray-color-base) !important;
}

.text-gray-700 {
    color: var(--gray-color-7) !important;
}

.text-gray-400,
.text-gray-400:hover {
    color: var(--gray-color-4);
}


.py-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.p-4px {
    padding: 4px !important;
}

.dz-success-mark svg,
.dz-error-mark svg {
    width: 30px;
    height: 30px;
}

.dz-preview {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 16px 0;
}

.category-pill {
    background-color: #F9FAFB;
    border: #EAECF0 1px solid;
    padding-right: 23px !important;
    min-width: 160px;
    max-width: fit-content;
}

.category-pill .pill-text {
    color: black;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
}

.category-pill .pill-icon {
    background-color: #F9FAFB;
    border: #EAECF0 1px solid;
}

.category-pill .pill-icon .icon-placeholder {
    background-color: var(--gray-color-9);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;

}

.category-pill:has(input:checked) {
    background-color: #0698A0;
    border: #0698A0 1px solid;
    color: white !important;
}

.category-pill:has(input:checked) .pill-text {
    color: white !important;
}

.category-pill:has(input:checked) .pill-icon {
    border: none;
    background-color: white;
}

.category-pill:has(input:checked) .pill-icon .icon-placeholder {
    border: none;
    background-color: #0698A0;
}

.font-inter-medium {
    font-family: "Inter-medium" !important;
}

.btn-outline-white {
    border: solid 1px var(--gray-color-3) !important;
    color: var(--gray-color-7) !important;
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 20px;
    background-color: white !important;
    font-family: "Inter-medium";
    border-radius: 8px;
    padding: 10px 18px;
    box-shadow: 0px 1px 2px 0px #1018280D;


}

.btn-outline-white:hover {
    background-color: var(--gray-color-1) !important;
    border-color: var(--gray-color-3) !important;
    color: var(--gray-color-7) !important;
}

.bg-primary {
    background-color: var(--primary-color-base) !important;
}

.bg-transparent-success {
    background-color: var(--success-color-1);
}
.bg-transparent-warning {
    background-color: var(--warning-color-1);
}
.bg-transparent-danger {
    background-color: var(--error-color-1);
}

.btn-primary {
    background-color: var(--primary-color-base) !important;
    border-color: var(--primary-color-base) !important;
    box-shadow: 0px 1px 2px 0px #1018280D;
    gap: 4px;
    border-radius: 8px;
    padding: 10px 16px;
    color: white;
    font-family: "Inter-medium";
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.btn-alt-primary {
    background-color: var(--primary-color-4) !important;
    border-color: var(--primary-color-4) !important;
    box-shadow: 0px 1px 2px 0px #1018280D;
    gap: 4px;
    border-radius: 8px;
    padding: 10px 16px;
    color: white;
    font-family: "Inter-medium";
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.btn-outline-primary {
    border-color: var(--primary-color-base) !important;
    color: var(--primary-color-base) !important;
    font-family: "Inter-medium";
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    box-shadow: 0px 1px 2px 0px #1018280D;
}

/* .btn-outline-dark{

} */

.btn-outline-primary:hover,
.btn-check:checked+.btn,
.dual-listbox .btn-check:checked+.dual-listbox__button,
:not(.btn-check)+.btn:active,
.dual-listbox :not(.btn-check)+.dual-listbox__button:active,
.dual-listbox .dual-listbox__button:first-child:active,
.btn.active,
.dual-listbox .active.dual-listbox__button,
.dual-listbox .show.dual-listbox__button {
    background-color: var(--primary-color-base) !important;
    border-color: var(--primary-color-base) !important;
    color: var(--white) !important;
}

.nav-item .btn.active {
    background-color: var(--white) !important;
    border-color: var(--white) !important;
    color: var(--bs-gray-600) !important;
}

.link-hover:hover {
    text-decoration: underline;
    color: var(--primary-color-base) !important;
    text-underline-offset: 2px;
}

.btn-primary:hover {
    background-color: var(--primary-color-base) !important;
    border-color: var(--primary-color-base) !important;
}

.text-primary {
    color: var(--primary-color-base) !important;
}

.text-pink-500 {
    color: #EE46BC !important;
}

.bg-pink-light {
    background-color: #FDF2FA !important;
}

.text-gray-blue-500 {
    color: var(--cyan-color-10) !important;
}

.bg-gray-blue-light {
    background-color: #F8F9FC !important;
}

.text-warning-500 {
    color: var(--warning-color-base) !important;
}

.bg-warning-light {
    background-color: #FFFAEB !important;
}

.text-primary-hover:hover {
    color: var(--primary-color-base) !important;
    transition: 1s all;
}

.btn-success {
    background-color: var(--success-color-4) !important;
    border-color: var(--success-color-4) !important;
}

.btn-outline-success {
    border-color: var(--success-color-4) !important;
    color: var(--success-color-4) !important;
}

.btn-outline-success:hover {
    background-color: var(--success-color-4) !important;
    border-color: var(--success-color-4) !important;
    color: var(--white) !important;
}

.btn-success:hover {
    background-color: var(--success-color-base) !important;
    border-color: var(--success-color-base) !important;
}

.btn-outline-danger {
    border-color: var(--error-color-4) !important;
    color: var(--error-color-4) !important;
}

.btn-outline-danger:hover {
    background-color: var(--error-color-4) !important;
    border-color: var(--error-color-4) !important;
    color: var(--white) !important;
}

.text-success {
    color: var(--success-color-4) !important;
}

.text-main {
    color: var(--primary-color-9) !important;
}

.text-span {
    color: var(--error-color-10) !important;
}

.nk-sidebar-element.nk-sidebar-head {
    height: 72px !important;
}

.nk-header-tools .dropdown.user-dropdown {
    height: 52px !important;
}

.px-100px {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

/* END PAGE SIDEBAR AND HEADER */

/* .auth_bg {
    background-image: url(../images/lasien-samples.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden !important;
} */

.vendor_bg {
    background-image: url(../images/vendor_home.svg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden !important;
}

.overline-title-sap:before,
.overline-title-sap:after {
    width: 160px !important;
    height: 0.5px !important;
}

a,
[onclick] {
    cursor: pointer !important;
}

.btn {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 14px !important;
}

.btn.btn-details {
    padding-top: 4.5px !important;
    padding-bottom: 4.5px !important;
    border-radius: 100px !important;
}

.btn.btn-trigger {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.btn.btn-sm.btn-trigger {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.btn.btn-lg.btn-trigger {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

.nk-auth-body,
.nk-auth-footer {
    max-width: 100% !important;
}

hr {
    border-color: var(--gray-color-3) !important
}

.border-primary {
    border-color: var(--primary-color-base) !important;
}

.border-muted {
    border-color: #EBEBEB !important;
}

.rounded-user {
    border-radius: 200px !important;
}

.nk-header-tools {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.page_title,
.page-title {
    font-size: 20px !important;
    color: var(--gray-color-9) !important;
}

.nk-sidebar.is-dark {
    background: var(--gray-color-9) !important;
    border-right-color: var(--gray-color-9) !important;
}

.modal-body-bg {
    background-color: #f2f4f5 !important;
}

.modal-body-scroll {
    height: 500px;
    overflow-y: scroll !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.modal-body-scroll::-webkit-scrollbar {
    display: none;
}

.bg-light-primary {
    background-color: #DFF5F7 !important;
    color: var(--primary-color-base) !important;
}

.bg-card-icon-1 {
    background-color: var(--primary-color-4) !important;
}

.bg-card-icon-2 {
    background-color: var(--success-color-4) !important;
}

.bg-success-base {
    background-color: var(--success-color-base);
}

.bg-violet-500 {
    background-color: var(--violet-color-5);
}

.bg-violet-500:hover {
    background-color: var(--violet-color-5);
}

.bg-card-icon-3 {
    background-color: var(--warning-color-4) !important;
}

.bg-card-icon-4 {
    background-color: var(--error-color-base) !important;
}

.bg-vendor-card {
    background-color: var(--primary-color-10) !important;
}

.bg-vendor-cards {
    background-color: var(--gray-color-1) !important;
}

.bg-danger-200 {
    border: 1px solid var(--error-color-2);
    background-color: #FEF3F2;
    border-radius: 8px;
    padding: 14px 15px;
}

/* .nk-menu-icon .icon, .nk-menu-link {
    color: var(--white)!important;
} */

/* .default_page_sm {
    min-height: calc(100vh - 400px)!important;
} */

.page_loader .spinner-border {
    height: 3rem !important;
    width: 3rem !important;
}

.page_loader_md {
    min-height: calc(100vh - 368px) !important;
    /* min-height: calc(100vh - 400px)!important; */
}

.page_loader_lg {
    min-height: calc(100vh - 188px) !important;
}

.page_report {
    display: none;
}

.nk-header-news {
    width: 100% !important;
}

/* START SWEET ALERT */
.swal2-icon-warning .swal2-header {
    align-items: start !important;
}

.swal2-icon-warning .swal2-warning {
    margin: 0 0 20px -8px !important;
    background-image: url(/assets/images/sweetalert_warning.svg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border: none !important;
}

.swal2-icon-warning .swal2-html-container {
    text-align: start !important;
}

.swal2-icon-warning .swal2-confirm,
.swal2-icon-warning .swal2-cancel {
    width: 50% !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
}

.swal2-icon-warning .swal2-confirm {
    margin-left: 6px !important;
    margin-right: 0 !important;
    order: 1 !important;
    background-color: var(--primary-color-base) !important;
    border-color: var(--primary-color-base) !important;
}

.swal2-icon-warning .swal2-confirm:hover {
    background-color: var(--primary-color-6) !important;
    border-color: var(--primary-color-6) !important;
}

.swal2-icon-warning .swal2-cancel {
    margin-right: 6px !important;
    margin-left: 0 !important;
    order: 0 !important;
    background-color: transparent !important;
    color: var(--gray-color-base) !important;
    border: solid 1px var(--bs-gray-300) !important;
}

.swal2-icon-warning .swal2-title {
    font-size: 18px !important;
    font-weight: 500 !important;
}

.swal2-icon-warning .swal2-actions {
    flex-wrap: nowrap !important;
}

.swal2-icon-warning .swal2-close {
    display: block !important;
    color: var(--gray-color-base) !important;
    /* top: 13%!important;
    right: 5%!important; */
    top: 32px !important;
    right: 32px !important;
    font-weight: 500;
    ;
}

.swal2-icon-warning .swal2-icon-content {
    display: none !important;
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
    border-radius: 16px !important;
}

/* END SWEET ALERT */

.btn-green {
    background-color: var(--cyan-color-7) !important;
    border-color: var(--cyan-color-7) !important;
    color: var(--white) !important;
}

.btn-green:hover {
    background-color: var(--success-color-9) !important;
    border-color: var(--success-color-9) !important;
}

.btn-grey {
    background-color: var(--cyan-color-10) !important;
    border-color: var(--cyan-color-10) !important;
    color: var(--white) !important;
}

.btn-grey:hover {
    background-color: var(--gray-color-9) !important;
    border-color: var(--gray-color-9) !important;
    color: var(--white) !important;
}

.requisition_card {
    background-color: var(--card-color-1) !important;
    /* border: solid 1px var(--card-color-3)!important; */
}

.card-bgc-3 {
    background-color: var(--card-color-3);
}

/* TOASTR */
#toastr-container>div {
    width: 400px !important;
    border-radius: 8px !important;
}

.toastr.toastr-success,
.toastr.toastr-error,
.toastr.toastr-warning,
.toastr.toastr-info {
    opacity: 1 !important;
    background-color: var(--white) !important;
    padding: 20px 20px 20px 68px !important;
    /* padding-right: 3.5rem!important; */
}

#toastr-container>.toastr-success,
#toastr-container>.toastr-error,
#toastr-container>.toastr-warning,
#toastr-container>.toastr-info {
    /* background-size: 30px !important; */
    background-position-x: 11.5px !important;
    background-position-y: 40% !important;
}

#toastr-container .toastr.toastr-success {
    background-image: url(/assets/images/toast_success.svg) !important;
    /* border-left: solid 5px var(--success-color-7)!important; */
}

#toastr-container .toastr.toastr-error {
    background-image: url(/assets/images/toast_error.svg) !important;
    /* border-left: solid 5px var(--error-color-7)!important; */
}

#toastr-container .toastr.toastr-info {
    background-image: url(/assets/images/toast_info.svg) !important;
    /* border-left: solid 5px var(--primary-color-base)!important; */
}

#toastr-container .toastr.toastr-warning {
    background-image: url(/assets/images/toast_warning.svg) !important;
    /* border-left: solid 5px var(--bs-warning)!important; */
}

.toastr.toastr-success .toastr-message,
.toastr.toastr-error .toastr-message,
.toastr.toastr-warning .toastr-message,
.toastr.toastr-info .toastr-message {
    color: #94a3b8 !important;
    margin-top: 0px !important;
}

.toastr.toastr-success .toastr-title,
.toastr.toastr-error .toastr-title,
.toastr.toastr-warning .toastr-title,
.toastr.toastr-info .toastr-title {
    font-weight: 600 !important;
    color: var(--gray-color-8) !important;
}

.toastr-close-button {
    display: block !important;
    color: var(--gray-color-8) !important;
}

/* END TOASTR */

.btn .indicator-progress {
    display: none;
}

.view-btn {
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    color: #344054;
    background-color: white;
    padding: 6px 14px;
    font-size: 14px;
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: var(--primary-color-base) !important;
    color: var(--primary-color-base) !important;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: var(--primary-color-base) !important;
    background-color: var(--primary-color-base) !important;
}

/* START DATATABLE */

.dataTables_wrapper,
.dt-container {
    display: flex !important;
    flex-wrap: wrap !important;
}

.dt-container>div {
    padding: 0px 24px !important
}

.dt-buttons {
    height: 100% !important;
    margin: auto 0px !important
}

.dataTables_filter,
.dt-search {
    /* display: flex!important; */
    margin: 12px 0px 12px auto !important;
}

div.dataTables_wrapper div.dataTables_filter input {
    width: auto !important;
}

.dataTables_paginate,
.dt-paging {
    margin: 14px 0px 14px auto !important;
}

.dt-info {
    margin: 14px 0px !important;
}

.table td:last-child,
.table th:last-child {
    /* text-align: end !important; */
    text-align: start !important;
}

/* MENU STYLES */
.nk-menu-link:hover {
    /* background-color: #1d3146af; */
    border-radius: 7px;
    color: var(--gray-color-6) !important;
    transition: all 20ms;
}

.nk-menu-icon svg {
    fill: #98A2B3 !important;
    opacity: 1;
    stroke: #98A2B3 !important;
}

.menu-active {
    background-color: #EAF4F5;
    border-radius: 7px 0px 0px 7px;
    padding: 14px 24px;
    transition: all 0.5ms;
    border-right: 4px solid var(--primary-color-base);
}

.menu-active .nk-menu-icon svg {
    transition: all 0.5ms;
    color: var(--primary-color-base) !important;
    fill: var(--primary-color-base) !important;
    opacity: 1;
    stroke: var(--primary-color-base) !important;
}

.menu-active .nk-menu-text {
    transition: all 0.5ms;
    color: var(--primary-color-base) !important;
}

/* .dt-buttons.btn-group {
    margin-bottom: 30px!important;
} */

/* .dataTable {
    margin: 1rem 0!important;
} */

/* END DATATABLE */

.custom-search {
    position: relative;
}

.custom-search-input {
    line-height: 1;
}

.custom-search-botton {
    position: absolute;
    right: 3px;
    top: 3px;
    bottom: 3px;
}

.approval_chain .timeline-status {
    height: 32px !important;
    width: 32px !important;
}

.approval_chain .timeline-item:not(:last-child):before {
    top: 13px !important;
    left: 15px !important;
    /* width: 2px!important; */
}

.approval_chain .timeline-status.is-outline:after {
    height: 30px !important;
    width: 30px !important;
    top: 0 !important;
    left: 0 !important;
}

.approval_chain .timeline-status>em {
    position: absolute !important;
    top: 5px !important;
    left: 5px !important;
    z-index: 1 !important;
    right: 50% !important;
}

.required::after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: var(--bs-danger);
    padding-left: 0.25rem;
    font-weight: bold;
}

.custom-field {
    background-color: white;
    border: 1px solid #EAECF0;
    border-radius: 8px;
    font-size: 16px;
    padding: 10px 15px;
    font-size: 14px;
}

.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    position: relative;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="none"><path stroke="%2398A2B3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 8.95l-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95"></path></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 24px;
}

.custom-select:focus {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="none"><path stroke="%2398A2B3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M19.92 15.05L13.4 8.53c-.77-.77-2.03-.77-2.8 0l-6.52 6.52"></path></svg>');
}

input,
textarea,
select {
    box-shadow: 0px 1px 2px 0px #1018280D !important;
    border: 1px solid #D0D5DD
}

.date-input-container {
    position: relative;
}

.custom-date-input {
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.custom-date-input::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
}

.date-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

textarea {
    resize: none;
}

.dropdown-menu-s1 {
    border-top: 3px solid #0698A0 !important;
}

.pointer {
    cursor: pointer;
}

/* thead{
    background-color: #F6F6F7 !important;
    border-bottom: 1px solid #EAECF0 !important;
    padding: 12px 0 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    height: 40px !important;
} */


@media (max-width: 400px) {
    .w-400px {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    #admin_page .nk-auth-container {
        width: 50% !important;
    }
}

@media (min-width: 992px) {
    #vendor_page .nk-auth-container {
        width: 50% !important;
    }
}

@media (min-width: 1200px) {

    .nk-sidebar,
    .nk-sidebar-head {
        width: 250px !important;
    }

    .nk-sidebar+.nk-wrap>.nk-header-fixed,
    .nk-sidebar-overlay+.nk-wrap>.nk-header-fixed {
        left: 250px !important;
    }

    .nk-sidebar+.nk-wrap,
    .nk-sidebar-overlay+.nk-wrap {
        padding-left: 250px !important;
    }
}

.form-switch-lg .form-check-input {
    width: 2rem;
    height: 1rem;
}

.form-check-input:checked {
    background-color: var(--primary-color-base) !important;
    border-color: var(--primary-color-base) !important;
}

.form-check-input:focus {
    border-color: var(--primary-color-base) !important;
}