/* ROOT */

/* @import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); */
/* @font-face {
    font-display: swap;
    font-family: CustomSans;
    src: url(../fonts/ElsevierSansWeb-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: CustomSans;
    font-weight: 700;
    src: url(../fonts/ElsevierSansWeb-Bold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: CustomSans;
    font-style: italic;
    src: url(../fonts/ElsevierSansWeb-RegularItalic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: CustomSans;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/ElsevierSansWeb-BoldItalic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: CustomGulliver;
    src: url(../fonts/ElsevierGulliver-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: CustomGulliver;
    font-weight: 700;
    src: url(../fonts/ElsevierGulliver-Bold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: CustomGulliver;
    font-style: italic;
    src: url(../fonts/ElsevierGulliver-Italic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: CustomGulliver;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/ElsevierGulliver-BoldItalic.woff2) format("woff2")
} */

/* @font-face{
    font-family:Krungthai Smart;
    src:url(../fonts/KrungthaiSmart-Light.woff2) format("woff2"),
        url(../fonts/KrungthaiSmart-Light.woff) format("woff");
    font-weight:300;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:Krungthai Smart;
    src:url(../fonts/KrungthaiSmart-Italic.woff2) format("woff2"),
        url(../fonts/KrungthaiSmart-Italic.woff) format("woff");
    font-weight:400;
    font-style:italic;
    font-display:swap;
}
@font-face{
    font-family:Krungthai Smart;
    src:url(../fonts/KrungthaiSmart-Regular.woff2) format("woff2"),
        url(../fonts/KrungthaiSmart-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:Krungthai Smart;
    src:url(../fonts/KrungthaiSmart-LightItalic.woff2) format("woff2"),
        url(../fonts/KrungthaiSmart-LightItalic.woff) format("woff");
    font-weight:300;
    font-style:italic;
    font-display:swap;
}

@font-face{
    font-family:Krungthai Fast;
    src:url(../fonts/KrungthaiFast-Regular.woff2) format("woff2"),
        url(../fonts/KrungthaiFast-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:Krungthai Fast;
    src:url(../fonts/KrungthaiFast-Light.woff2) format("woff2"),
        url(../fonts/KrungthaiFast-Light.woff) format("woff");
    font-weight:300;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:Krungthai Fast;
    src:url(../fonts/KrungthaiFast-Bold.woff2) format("woff2"),
        url(../fonts/KrungthaiFast-Bold.woff) format("woff");
    font-weight:700;
    font-style:normal;
    font-display:swap
} */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
    background-color: #fff; /* #e3e3e3 */
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #333333 !important;
    /* position: relative; */
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

input, select {font-size: 15px !important; }

a {text-decoration: none;}

p {margin-bottom: 0 !important;}

.link-text {
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 2px solid #ffcb00;
    width: fit-content;
    font-family: "Open Sans";
}


/* NAVBAR */
.navbar {
    padding-top: 0.92rem !important;
    padding-bottom: 0.92rem !important;
    font-size: 14px !important;
}

.bg-dark {
    background-image: linear-gradient(90deg, #002240, #003258) !important;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {
    color: #ffcb00;
}

/* MAIN BODY */
.section--header {
    background-color: #003258;
    color: #fff;
    font-size: 0.85rem;
    font-family: '"Open Sans"', sans-serif;
    font-weight: normal;
    padding: 40px 0rem;
}

.section--header .welcome-message {
    color: #fff;
    font-size: 28px;
    font-family: '"Open Sans"', sans-serif;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 0px;
}

.h-message {
    color: #002240;
    font-size: 28px;
    font-family: '"Open Sans"', sans-serif;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 0px;
}

.stat-box {
    position: relative;
    background-color: #ececec;
    border-radius: 5px;
    color: #4a4a49;
    padding: 15px;
    top: -2rem;
    left: auto;
    width: 85.25%;
    z-index: 999;
}

.stat-box .stat--header, .header-message {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #002240;
}

.stat-box--data {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns:24% 24% 24% 24%;
    gap: 1.25%;
}

.data-box {
    border: 1px solid #4a4a49;
    border-radius: 5px;
    padding: 10px;
}

.data-box .data--num {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #002240;
}

.content-box {
    background-color: #ececec;
    border-radius: 5px;
    color: #4a4a49;
    padding: 15px;
    width: 100%;
    margin-top: 0rem;
}

.memu-button {
    color: #003258;
}

.user--data-info {
    color: #002240;
    font-weight: 600;
}

.font--weight-600 {
    font-weight: 600;
}

/* FOOTER */
footer {
    margin-top: auto;
}

.footer-container.is-light {
    color: #000;
}
.footer-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 10px;
    padding-left: 5.7142857143rem;
    padding-right: 5.7142857143rem;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 1.4285714286;
}
.copyright {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 1.4285714286;
    font-weight: 400;
}
.link-container {
    display: grid;
    grid-auto-flow: column;
    gap: 24px;
}
.link-container a {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 1.4285714286;
    font-weight: 400;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

tbody {
    background-color: #ffffff;
}

/* Button */
.ssc-button {
    appearance:none;
    outline:none;
    border:none;
    background:none;
    position:relative;
    text-align:center;
    cursor:pointer;
    overflow:hidden;
    text-transform:uppercase;
    font-weight:700
}

.ssc-button:after{
    content:"";
    position:absolute;
    inset:0;
    background:#000;
    opacity:0;
    transition:.2s all ease-out;
    pointer-events:none
}
.ssc-button:hover:after,.ssc-button:active:after{
    opacity:.08
}
.ssc-button--secondary-outline {
    border:1px solid #ffcb00;
    background-color: #ffe69c;
    color: #4a4a49;
}

.ssc-button--secondary:hover,
.ssc-button--secondary-outline:hover {
    background-color: #ffcb00;
    color: #4a4a49;
    transition:.2s all ease-out;
}
.ssc-button+.ssc-button{
    margin-left:16px
}
.ssc-button .ssc-icon{
    font-size:1.1428571429rem!important;
    margin-right:8px
}
.ssc-button--text,
.ssc-button--secondary,
.ssc-button--secondary-outline,
.ssc-button--primary-filter,
.ssc-button--primary-flexible-width,
.ssc-button--primary,
.ssc-button--green,
.ssc-button--red{
    height:40px;
    min-width:152px;
    padding:10px 24px;
    border-radius:4px
}
.ssc-button--primary-flexible-width{
    min-width:auto!important
}
.ssc-button--primary-filter{
    font-family:"Open Sans",sans-serif;
    font-weight:700;
    font-size:1rem;
    line-height:1.4285714286;
    letter-spacing:1.5px
}
.ssc-button--tertiary-outline,.ssc-button--tertiary{
    height:36px;
    padding:8px 16px;
    border-radius:24px
}
.ssc-button--tertiary,.ssc-button--primary-filter,.ssc-button--primary-flexible-width,.ssc-button--primary{
    background:#ffcb00;
    color:#4a4a49
}
.ssc-button--disabled.ssc-button--tertiary,.ssc-button--disabled.ssc-button--primary-filter,.ssc-button--disabled.ssc-button--primary-flexible-width,.ssc-button--disabled.ssc-button--primary{
    background:#e3e3e3;
    color:#fff;
    pointer-events:none
}
.ssc-button--disabled.ssc-button--tertiary .ssc-icon,.ssc-button--disabled.ssc-button--primary-filter .ssc-icon,.ssc-button--disabled.ssc-button--primary-flexible-width .ssc-icon,.ssc-button--disabled.ssc-button--primary .ssc-icon{
    color:#fff
}
.ssc-button--text,.ssc-button--tertiary-outline,.ssc-button--secondary{
    border:1px solid #ffcb00;
    color:#4a4a49;
    /* background:#4a4a49 */
}
.ssc-button--disabled.ssc-button--text,.ssc-button--disabled.ssc-button--tertiary-outline,.ssc-button--disabled.ssc-button--secondary{
    border-color:#e3e3e3;
    color:#e3e3e3;
    pointer-events:none
}
.ssc-button--text{
    border:none;
    border-bottom:3px solid #ffcb00;
    border-radius:0
}
.ssc-button--ripple{
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none
}
.ssc-button-label{
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:center
    ;font-family:"Open Sans",sans-serif;
    font-size:1rem;
    line-height:1.4285714286;
    font-weight:700;
    letter-spacing:1.5px
}

.ssc-button--green{
    background:#20c997;
    color:#4a4a49
}

.ssc-button--red{
    background:#ea868f;
    color:#4a4a49
}

.form-check-input:checked {
    background-color: #e685b5;
    border-color: #e685b5;
}

/* COLOR */
.bd-blue-100 {
    color: #000;
    background-color: #cfe2ff
}

.bd-blue-200 {
    color: #000;
    background-color: #9ec5fe
}

.bd-blue-300 {
    color: #000;
    background-color: #6ea8fe
}

.bd-blue-400 {
    color: #000;
    background-color: #3d8bfd
}

.bd-blue-500 {
    color: #fff;
    background-color: #0d6efd
}

.bd-blue-600 {
    color: #fff;
    background-color: #0a58ca
}

.bd-blue-700 {
    color: #fff;
    background-color: #084298
}

.bd-blue-800 {
    color: #fff;
    background-color: #052c65
}

.bd-blue-900 {
    color: #fff;
    background-color: #031633
}

.bd-indigo-100 {
    color: #000;
    background-color: #e0cffc
}

.bd-indigo-200 {
    color: #000;
    background-color: #c29ffa
}

.bd-indigo-300 {
    color: #000;
    background-color: #a370f7
}

.bd-indigo-400 {
    color: #fff;
    background-color: #8540f5
}

.bd-indigo-500 {
    color: #fff;
    background-color: #6610f2
}

.bd-indigo-600 {
    color: #fff;
    background-color: #520dc2
}

.bd-indigo-700 {
    color: #fff;
    background-color: #3d0a91
}

.bd-indigo-800 {
    color: #fff;
    background-color: #290661
}

.bd-indigo-900 {
    color: #fff;
    background-color: #140330
}

.bd-purple-100 {
    color: #000;
    background-color: #e2d9f3
}

.bd-purple-200 {
    color: #000;
    background-color: #c5b3e6
}

.bd-purple-300 {
    color: #000;
    background-color: #a98eda
}

.bd-purple-400 {
    color: #000;
    background-color: #8c68cd
}

.bd-purple-500 {
    color: #fff;
    background-color: #6f42c1
}

.bd-purple-600 {
    color: #fff;
    background-color: #59359a
}

.bd-purple-700 {
    color: #fff;
    background-color: #432874
}

.bd-purple-800 {
    color: #fff;
    background-color: #2c1a4d
}

.bd-purple-900 {
    color: #fff;
    background-color: #160d27
}

.bd-pink-100 {
    color: #000;
    background-color: #f7d6e6
}

.bd-pink-200 {
    color: #000;
    background-color: #efadce
}

.bd-pink-300 {
    color: #000;
    background-color: #e685b5
}

.bd-pink-400 {
    color: #000;
    background-color: #de5c9d
}

.bd-pink-500 {
    color: #fff;
    background-color: #d63384
}

.bd-pink-600 {
    color: #fff;
    background-color: #ab296a
}

.bd-pink-700 {
    color: #fff;
    background-color: #801f4f
}

.bd-pink-800 {
    color: #fff;
    background-color: #561435
}

.bd-pink-900 {
    color: #fff;
    background-color: #2b0a1a
}

.bd-red-100 {
    color: #000;
    background-color: #f8d7da
}

.bd-red-200 {
    color: #000;
    background-color: #f1aeb5
}

.bd-red-300 {
    color: #000;
    background-color: #ea868f
}

.bd-red-400 {
    color: #000;
    background-color: #e35d6a
}

.bd-red-500 {
    color: #fff;
    background-color: #dc3545
}

.bd-red-600 {
    color: #fff;
    background-color: #b02a37
}

.bd-red-700 {
    color: #fff;
    background-color: #842029
}

.bd-red-800 {
    color: #fff;
    background-color: #58151c
}

.bd-red-900 {
    color: #fff;
    background-color: #2c0b0e
}

.bd-orange-100 {
    color: #000;
    background-color: #ffe5d0
}

.bd-orange-200 {
    color: #000;
    background-color: #fecba1
}

.bd-orange-300 {
    color: #000;
    background-color: #feb272
}

.bd-orange-400 {
    color: #000;
    background-color: #fd9843
}

.bd-orange-500 {
    color: #000;
    background-color: #fd7e14
}

.bd-orange-600 {
    color: #000;
    background-color: #ca6510
}

.bd-orange-700 {
    color: #fff;
    background-color: #984c0c
}

.bd-orange-800 {
    color: #fff;
    background-color: #653208
}

.bd-orange-900 {
    color: #fff;
    background-color: #331904
}

.bd-yellow-100 {
    color: #000;
    background-color: #fff3cd
}

.bd-yellow-200 {
    color: #000;
    background-color: #ffe69c
}

.bd-yellow-300 {
    color: #000;
    background-color: #ffda6a
}

.bd-yellow-400 {
    color: #000;
    background-color: #ffcd39
}

.bd-yellow-500 {
    color: #000;
    background-color: #ffc107
}

.bd-yellow-600 {
    color: #000;
    background-color: #cc9a06
}

.bd-yellow-700 {
    color: #000;
    background-color: #997404
}

.bd-yellow-800 {
    color: #fff;
    background-color: #664d03
}

.bd-yellow-900 {
    color: #fff;
    background-color: #332701
}

.bd-green-100 {
    color: #000;
    background-color: #d1e7dd
}

.bd-green-200 {
    color: #000;
    background-color: #a3cfbb
}

.bd-green-300 {
    color: #000;
    background-color: #75b798
}

.bd-green-400 {
    color: #000;
    background-color: #479f76
}

.bd-green-500 {
    color: #fff;
    background-color: #198754
}

.bd-green-600 {
    color: #fff;
    background-color: #146c43
}

.bd-green-700 {
    color: #fff;
    background-color: #0f5132
}

.bd-green-800 {
    color: #fff;
    background-color: #0a3622
}

.bd-green-900 {
    color: #fff;
    background-color: #051b11
}

.bd-teal-100 {
    color: #000;
    background-color: #d2f4ea
}

.bd-teal-200 {
    color: #000;
    background-color: #a6e9d5
}

.bd-teal-300 {
    color: #000;
    background-color: #79dfc1
}

.bd-teal-400 {
    color: #000;
    background-color: #4dd4ac
}

.bd-teal-500 {
    color: #000;
    background-color: #20c997
}

.bd-teal-600 {
    color: #000;
    background-color: #1aa179
}

.bd-teal-700 {
    color: #fff;
    background-color: #13795b
}

.bd-teal-800 {
    color: #fff;
    background-color: #0d503c
}

.bd-teal-900 {
    color: #fff;
    background-color: #06281e
}

.bd-cyan-100 {
    color: #000;
    background-color: #cff4fc
}

.bd-cyan-200 {
    color: #000;
    background-color: #9eeaf9
}

.bd-cyan-300 {
    color: #000;
    background-color: #6edff6
}

.bd-cyan-400 {
    color: #000;
    background-color: #3dd5f3
}

.bd-cyan-500 {
    color: #000;
    background-color: #0dcaf0
}

.bd-cyan-600 {
    color: #000;
    background-color: #0aa2c0
}

.bd-cyan-700 {
    color: #fff;
    background-color: #087990
}

.bd-cyan-800 {
    color: #fff;
    background-color: #055160
}

.bd-cyan-900 {
    color: #fff;
    background-color: #032830
}

.bd-gray-100 {
    color: #000;
    background-color: #f8f9fa
}

.bd-gray-200 {
    color: #000;
    background-color: #e9ecef
}

.bd-gray-300 {
    color: #000;
    background-color: #dee2e6
}

.bd-gray-400 {
    color: #000;
    background-color: #ced4da
}

.bd-gray-500 {
    color: #000;
    background-color: #adb5bd
}

.bd-gray-600 {
    color: #fff;
    background-color: #6c757d
}

.bd-gray-700 {
    color: #fff;
    background-color: #495057
}

.bd-gray-800 {
    color: #fff;
    background-color: #343a40
}

.bd-gray-900 {
    color: #fff;
    background-color: #212529
}

.bd-white {
    color: #000;
    background-color: #fff
}

.bd-black {
    color: #fff;
    background-color: #000
}

.bd-clipboard,.bd-edit {
    position: relative;
    display: none;
    float: right
}

.text-blue-100 {
    color: #cfe2ff
}

.text-blue-200 {
    color: #9ec5fe
}

.text-blue-300 {
    color: #6ea8fe
}

.text-blue-400 {
    color: #3d8bfd
}

.text-blue-500 {
    color: #0d6efd
}

.text-blue-600 {
    color: #0a58ca
}

.text-blue-700 {
    color: #084298
}

.text-blue-800 {
    color: #052c65
}

.text-blue-900 {
    color: #031633
}

.text-indigo-100 {
    color: #e0cffc
}

.text-indigo-200 {
    color: #c29ffa
}

.text-indigo-300 {
    color: #a370f7
}

.text-indigo-400 {
    color: #8540f5
}

.text-indigo-500 {
    color: #6610f2
}

.text-indigo-600 {
    color: #520dc2
}

.text-indigo-700 {
    color: #3d0a91
}

.text-indigo-800 {
    color: #290661
}

.text-indigo-900 {
    color: #140330
}

.text-purple-100 {
    color: #e2d9f3
}

.text-purple-200 {
    color: #c5b3e6
}

.text-purple-300 {
    color: #a98eda
}

.text-purple-400 {
    color: #8c68cd
}

.text-purple-500 {
    color: #6f42c1
}

.text-purple-600 {
    color: #59359a
}

.text-purple-700 {
    color: #432874
}

.text-purple-800 {
    color: #2c1a4d
}

.text-purple-900 {
    color: #160d27
}

.text-pink-100 {
    color: #f7d6e6
}

.text-pink-200 {
    color: #efadce
}

.text-pink-300 {
    color: #e685b5
}

.text-pink-400 {
    color: #de5c9d
}

.text-pink-500 {
    color: #d63384
}

.text-pink-600 {
    color: #ab296a
}

.text-pink-700 {
    color: #801f4f
}

.text-pink-800 {
    color: #561435
}

.text-pink-900 {
    color: #2b0a1a
}

.text-red-100 {
    color: #f8d7da
}

.text-red-200 {
    color: #f1aeb5
}

.text-red-300 {
    color: #ea868f
}

.text-red-400 {
    color: #e35d6a
}

.text-red-500 {
    color: #dc3545
}

.text-red-600 {
    color: #b02a37
}

.text-red-700 {
    color: #842029
}

.text-red-800 {
    color: #58151c
}

.text-red-900 {
    color: #2c0b0e
}

.text-orange-100 {
    color: #ffe5d0
}

.text-orange-200 {
    color: #fecba1
}

.text-orange-300 {
    color: #feb272
}

.text-orange-400 {
    color: #fd9843
}

.text-orange-500 {
    color: #fd7e14
}

.text-orange-600 {
    color: #ca6510
}

.text-orange-700 {
    color: #984c0c
}

.text-orange-800 {
    color: #653208
}

.text-orange-900 {
    color: #331904
}

.text-yellow-100 {
    color: #fff3cd
}

.text-yellow-200 {
    color: #ffe69c
}

.text-yellow-300 {
    color: #ffda6a
}

.text-yellow-400 {
    color: #ffcd39
}

.text-yellow-500 {
    color: #ffc107
}

.text-yellow-600 {
    color: #cc9a06
}

.text-yellow-700 {
    color: #997404
}

.text-yellow-800 {
    color: #664d03
}

.text-yellow-900 {
    color: #332701
}

.text-green-100 {
    color: #d1e7dd
}

.text-green-200 {
    color: #a3cfbb
}

.text-green-300 {
    color: #75b798
}

.text-green-400 {
    color: #479f76
}

.text-green-500 {
    color: #198754
}

.text-green-600 {
    color: #146c43
}

.text-green-700 {
    color: #0f5132
}

.text-green-800 {
    color: #0a3622
}

.text-green-900 {
    color: #051b11
}

.text-teal-100 {
    color: #d2f4ea
}

.text-teal-200 {
    color: #a6e9d5
}

.text-teal-300 {
    color: #79dfc1
}

.text-teal-400 {
    color: #4dd4ac
}

.text-teal-500 {
    color: #20c997
}

.text-teal-600 {
    color: #1aa179
}

.text-teal-700 {
    color: #13795b
}

.text-teal-800 {
    color: #0d503c
}

.text-teal-900 {
    color: #06281e
}

.text-cyan-100 {
    color: #cff4fc
}

.text-cyan-200 {
    color: #9eeaf9
}

.text-cyan-300 {
    color: #6edff6
}

.text-cyan-400 {
    color: #3dd5f3
}

.text-cyan-500 {
    color: #0dcaf0
}

.text-cyan-600 {
    color: #0aa2c0
}

.text-cyan-700 {
    color: #087990
}

.text-cyan-800 {
    color: #055160
}

.text-cyan-900 {
    color: #032830
}

.text-gray-100 {
    color: #f8f9fa
}

.text-gray-200 {
    color: #e9ecef
}

.text-gray-300 {
    color: #dee2e6
}

.text-gray-400 {
    color: #ced4da
}

.text-gray-500 {
    color: #adb5bd;
}

.text-gray-600 {
    color: #6c757d
}

.text-gray-700 {
    color: #495057
}

.text-gray-800 {
    color: #343a40
}

.text-gray-900 {
    color: #212529
}

.btn-purple-700 {
    --bs-btn-color: #fff;
    --bs-btn-bg: #432874;
    --bs-btn-border-color: #432874;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #59359a;
    --bs-btn-hover-border-color: #6f42c1;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6f42c1;
    --bs-btn-active-border-color: #6f42c1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #432874;
    --bs-btn-disabled-border-color: #432874;
}