:root,
[data-bs-theme="light"] {
    /* PRIMARY */
    --smc-primary-100: #006CFF;
    --smc-primary-200: #3385FF;
    --smc-primary-300: #66A3FF;
    --smc-primary-400: #99C2FF;
    --smc-primary-500: #CCE0FF;
    --smc-primary-600: #E6F0FF;
    /* SECONDARY */
    --smc-secondary-100: #6C757D;
    --smc-secondary-200: #858C94;
    --smc-secondary-300: #A0A5AB;
    --smc-secondary-400: #BCC0C3;
    --smc-secondary-500: #D8DADB;
    --smc-secondary-600: #F0F1F1;
    /* SUCCESS */
    --smc-success-100: #00C48C;
    --smc-success-200: #33D1A0;
    --smc-success-300: #66DDB4;
    --smc-success-400: #99EAC9;
    --smc-success-500: #CCF6DD;
    --smc-success-600: #E6FCF2;
    /* DANGER */
    --smc-danger-100: #DF0054;
    --smc-danger-200: #E63372;
    --smc-danger-300: #EC6690;
    --smc-danger-400: #F399AE;
    --smc-danger-500: #F9CCCD;
    --smc-danger-600: #FFE5E9;
    /* WARNING */
    --smc-warning-100: #FFA800;
    --smc-warning-200: #FFBA33;
    --smc-warning-300: #FFCC66;
    --smc-warning-400: #FFDE99;
    --smc-warning-500: #FFF1CC;
    --smc-warning-600: #FFF8E6;
    /* INFO */
    --smc-info-100: #00B8D9;
    --smc-info-200: #33C6DF;
    --smc-info-300: #66D3E5;
    --smc-info-400: #99E1EB;
    --smc-info-500: #CCEEF1;
    --smc-info-600: #E6FAFB;
    /* LIGHT */
    --smc-light-100: #F8F9FA;
    --smc-light-200: #F9FAFB;
    --smc-light-300: #FAFBFC;
    --smc-light-400: #FBFCFD;
    --smc-light-500: #FCFDFE;
    --smc-light-600: #FDFEFE;
    /* DARK */
    --smc-dark-100: #343A40;
    --smc-dark-200: #4F555A;
    --smc-dark-300: #6A6F74;
    --smc-dark-400: #86898D;
    --smc-dark-500: #A1A3A6;
    --smc-dark-600: #BDBEBF;
}

[data-bs-theme="dark"] {
    /* PRIMARY */
    --smc-primary-100: #66A3FF;
    --smc-primary-200: #80B5FF;
    --smc-primary-300: #99C7FF;
    --smc-primary-400: #B3D9FF;
    --smc-primary-500: #CCE5FF;
    --smc-primary-600: #E5F2FF;
    /* SECONDARY */
    --smc-secondary-100: #ADB5BD;
    --smc-secondary-200: #C2C8CE;
    --smc-secondary-300: #D7DADC;
    --smc-secondary-400: #ECEDEF;
    --smc-secondary-500: #F1F3F5;
    --smc-secondary-600: #F8F9FA;
    /* SUCCESS */
    --smc-success-100: #33D1A0;
    --smc-success-200: #5CD8B0;
    --smc-success-300: #85DFC0;
    --smc-success-400: #ADE6D0;
    --smc-success-500: #D6EEDF;
    --smc-success-600: #EFF7F1;
    /* DANGER */
    --smc-danger-100: #FF447A;
    --smc-danger-200: #FF668D;
    --smc-danger-300: #FF88A0;
    --smc-danger-400: #FFAAC2;
    --smc-danger-500: #FFCCD7;
    --smc-danger-600: #FFE5EC;
    /* WARNING */
    --smc-warning-100: #FFBA33;
    --smc-warning-200: #FFCC66;
    --smc-warning-300: #FFDE99;
    --smc-warning-400: #FFF1CC;
    --smc-warning-500: #FFF8E6;
    --smc-warning-600: #FFFCF3;
    /* INFO */
    --smc-info-100: #33C6DF;
    --smc-info-200: #5FD2E5;
    --smc-info-300: #8BDEEB;
    --smc-info-400: #B7EAF1;
    --smc-info-500: #E3F5F7;
    --smc-info-600: #F2FBFC;
    /* LIGHT */
    --smc-light-100: #212529;
    --smc-light-200: #343A40;
    --smc-light-300: #495057;
    --smc-light-400: #6C757D;
    --smc-light-500: #ADB5BD;
    --smc-light-600: #CED4DA;
    /* DARK */
    --smc-dark-100: #E9ECEF;
    --smc-dark-200: #DEE2E6;
    --smc-dark-300: #CED4DA;
    --smc-dark-400: #ADB5BD;
    --smc-dark-500: #6C757D;
    --smc-dark-600: #495057;
}


/* Custom Width Utility: sw-10 sampai sw-100 */

.sw-10 {
    width: 10% !important;
}

.sw-20 {
    width: 20% !important;
}

.sw-30 {
    width: 30% !important;
}

.sw-40 {
    width: 40% !important;
}

.sw-50 {
    width: 50% !important;
}

.sw-60 {
    width: 60% !important;
}

.sw-70 {
    width: 70% !important;
}

.sw-80 {
    width: 80% !important;
}

.sw-90 {
    width: 90% !important;
}

.sw-100 {
    width: 100% !important;
}

.is-invalid-choices {
    border: 1px solid #dc3545 !important;
}

.is-invalid-choices::after {
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\f06a";
    color: #dc3545;
    font-size: 20px;
    right: 40px;
}


/*adjustmen ukuran header*/

.page-content {
    padding: calc(50px + var(--vz-grid-gutter-width)) calc(var(--vz-grid-gutter-width)* .5) 60px calc(var(--vz-grid-gutter-width)* .5) !important;
}

.navbar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    height: 50px !important;
    padding: 0 var(--vz-grid-gutter-width) 0 calc(var(--vz-grid-gutter-width)* .5);
}

.header-item {
    height: 50px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.div-custom-sticky {
    height: 50px !important;
}

.div-custom-sticky .btn {
    padding: 5px 15px !important;
}

.sticky-header-custom {
    top: -1px !important;
}

.is-pinned .info-patient-sticky {
    display: block !important;
}

.riwayat-lab {
    position: fixed;
    bottom: 500px;
    right: 20px;
    z-index: 1000
}