/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::                                               :::::
:::::    xxxxxxx                                    :::::
:::::      xxx     by: João Carlos                  :::::
:::::      xxx     email: jotadesigner@gmail.com    :::::
:::::      xxx     data: 23/07/2021                 :::::
:::::      xxx     fone: 48 9938.7996               :::::
:::::    xxx                                        :::::
:::::                                               :::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*NEW JOTA 23/07/2021 - CONFIG. TELA LOGIN */

/* ::: NOVA ATUALIZAÇÃO JOTA 27/05/2022 ::: */
/* ::: NOVA ATUALIZAÇÃO JOTA 02/06/2022 ::: */
/* ::: NOVA ATUALIZAÇÃO JOTA 20/06/2022 ::: */
/* ::: NOVA ATUALIZAÇÃO JOTA 21/06/2022 ::: */
/* ::: NOVA ATUALIZAÇÃO JOTA 01/08/2022 ::: */
/* ::: NOVA ATUALIZAÇÃO JOTA 12/04/2023 ::: */

/* ::: NOVA ATUALIZAÇÃO JOTA 22/05/2025 ::: */

.col-100 {width: 100%;}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.01);
}
.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .02);
}

.but-ico-padrao {
    width: 44px;
    height: 40px;
    border-radius: 8px;
    text-align: center;
    font-size: 22px;
    padding: 0;
    background-color: #f5f5f5;
    color: #161616;
    border-color: #eee;
    border: solid 0px;
    cursor: pointer;
    transition: all 0.3s;
}
.but-ico-padrao:hover {
    color: #1b84ff;
    background-color: #e9f3ff;
}

.btn.btn-light-info {
    color: #17a2b8;
    border-color: #17a2b8;
    background-color: var(--bs-primary-light);
}
.btn.btn-light-warning {
    color: #f6c000;
    border-color: #f6c000;
    background-color: var(--bs-primary-light);
}
.btn.btn-light-success {
    color: #17C653;
    border-color: #17C653;
    background-color: var(--bs-primary-light);
}

.color-info {color: #17a2b8;}
.color-success {color: #17C653;}

.btn {border-radius: 5px;}

.btnDown {
    border: solid 2px !important;
    border-radius: 5px;
    padding: 10px 20px;
    color: #E42855 !important;
    transition: all 0.3s;
}
.btnDown:hover {
    color: #17C653 !important;
}

.baga {
    padding: 1px 15px;
    border-radius: 5px;
    border: solid 1px;
    font-weight: 600;
}

@media (max-width: 765px) {
    .baga {
        padding: 1px 6px;
        border-radius: 5px;
        border: solid 1px;
        font-size: 13px;
    }
}

.baga.btn-light-success {
    color: #17C653;
    border-color: #17C653;
    background-color: var(--bs-primary-light);
}
.baga.btn-light-danger {
    color: #E42855;
    border-color: #E42855;
    background-color: var(--bs-primary-light);
}

.baga.btn-light-warning {
    color: #f6c000;
    border-color: #f6c000;
    background-color: var(--bs-primary-light);
}


.btn-light-secondary {
    color: #252f4a;
    border-color: #252F4A;
    background-color: var(--bs-primary-dark);
    opacity: 0.6;
}
.btn-light-secondary:hover {
    opacity: 0.9;
}

.btn-success {
    color: #fff;
    background-color: #17C653;
    border-color: #17C653;
}

/*badge Keen - j*/
.badge2 {
    border: dotted 2px;
    border-radius: 5px;
    padding: 0px 9px;
    font-size: 0.8rem;
    margin: 7px 0 0 0;
}
.badge3 {
    padding: 2px 6px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 5px;
}
.badge3:hover {
    background-color: #000;
}

.badge-ligh {color: var(--bs-white);background-color: var(--bs-ligh);}
.badge-primary {color: var(--bs-white);background-color: var(--bs-primary);}
.badge-secondary {color: var(--bs-white);background-color: var(--bs-secondary);}
.badge-success {color: var(--bs-white);background-color: var(--bs-success);}
.badge-info {color: var(--bs-white);background-color: var(--bs-info);}
.badge-warning {color: var(--bs-white);background-color: var(--bs-warning);}
.badge-danger {color: var(--bs-white);background-color: var(--bs-danger);}
.badge-dark {color: var(--bs-white);background-color: var(--bs-dark);}

.reoferta {
    border: dotted 2px;
    border-radius: 4px;
    padding: 5px;
    padding-left: 7px;
    padding-right: 4px;
    font-size: 0.8rem;
    text-align: center;
}

.badge-reoferta {
    position: relative;
    background-color: white;
    color: #a8bacf;
    overflow: hidden;
}
.badge-reoferta .reoferta-title{
    color: #1b84ff;
    font-size: 22px;
    width: 100%;
}
.badge-reoferta.animation::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(146, 220, 230, 0.1) 0%,
        rgba(146, 220, 230, 0.3) 50%, 
        rgba(146, 220, 230, 0.1) 100%
    );
    transform: skewX(-25deg);
    animation: shine 4.2s infinite forwards;
}

@keyframes shine {
    0% {
        left: -75%;
    }
    10% {
        left: 125%;
    }
    100% {
        left: 125%;
    }
}
.badge-light-primary {
    background-color: #e9f3ff;
    color: #1b84ff;
}
.badge-light-warning {
    background-color: #fff0e9;
    color: #996607;
}
.badge-light-success {
    background-color: #edffe9;
    color: #4d9907;
}

.jataaula {}
.jataaula .box {}
.jataaula .box .jata {
    border: dashed 1px;
    border-radius: 6px;
    padding: 4px 13px;
    display: flex;
    align-items: center;
    min-width: 190px;
    justify-content: space-between;
    margin: 3px 0 3px 0;
}
.jataaula .box .jata-instructor {
    border: dashed 1px;
    border-radius: 6px;
    padding: 4px 13px;
    display: flex;
    align-items: center;
    min-width: 190px;
    justify-content: space-between;
    margin: 3px 0 3px 0;
}
.jataaula .box .jata-required {
    border: dashed 1px;
    border-radius: 6px;
    padding: 4px 13px;
    display: flex;
    align-items: center;
    min-width: 190px;
    justify-content: center;
    margin: 3px 0 3px 0;
}
.jataaula .box .jata.j-start {
    color: #17c653;
    background-color: #dfffea;
}
.jataaula .box .jata.j-end {
    color: #ff2a2a;
    background-color: #ffeef3;
}
.jataaula .box .jata-instructor.j-instructor {
    background-color: #e9f3ff;
    color: #1b84ff;
}
.jataaula .box .jata-instructor .jine_1 {
    font-size: 13px;
    font-weight: bold;
}
.jataaula .box .jata-instructor .jine_2 {
    font-size: 13px;
    font-weight: 300;
}
.jataaula .box .jata .jine_1 {
    font-size: 13px;
    font-weight: bold;
}
.jataaula .box .jata .jine_2 {
    font-size: 13px;
    font-weight: 300;
}
.jataaula .box .jata input {
    padding: 0px 4px;
    margin: 0 0px 0 8px;
    border-radius: 5px;
    border: solid 1px #0000002b;
}

/*::::nomeAula::::*/
.nomeAula {}
.nomeAula .box {}
.nomeAula .box h1 {
    font-size: 1.6rem;
    font-weight: 400;
}
.nomeAula .box input {}


/* ::: NOVA LEGENDA JOTA 10/11/2023 ::: */
.box-legends {display: flex;justify-content: center;border: dotted 2px #e2e2e2;padding: 7px 16px;margin: -13px 0 6px 0;}
.box-legends .box {display: flex;align-items: center;}
.box-legends .box .ico, .box-legends .box .ico2 {display: inline-block;margin: 0 5px 0 15px;}
.box-legends .box .ico {width: 23px;}
.box-legends .box .ico2, .icoStatus {width: 30px;}
.box-legends .box .legends {font-size: 12px;color: #838383;text-align: left;line-height: 15px;}
/* ::: FIM ::: */

/*:::::::::::::::::::::::::::::::::::
:::::: MODO PADRÃO DO TEMPLATE :::::: /* ::: NOVA ATUALIZAÇÃO JOTA 08/11/2023 :::
:::::::::::::::::::::::::::::::::::*/
.treinasChaos {height: 100vh;display: flex;align-items: center;align-content: center;}
.treinasChaos .col-md-4 {
    display: flex;
    align-items: center;
    align-content: center;
}
.treinasChaos .logo {height: 120px!important;padding: 5px;background-color: transparent;border-radius: 3px;margin: 0 0px 15px 0;}
.treinasChaos .logoWhite {background-color: white;}
.treinasChaos .box {color: #fff;}
.treinasChaos .box h1, .treinasChaos .box h2, .treinasChaos .box h3 {color: inherit;}
.treinasChaos .box h1 {font-size: 25px;font-weight: 500;}
.treinasChaos .box h2 {font-size: 2.5rem;font-weight: 700;}
.treinasChaos .box h3 {font-size: 16px;font-weight: 400;text-align: justify;}
.treinasChaos .box ul li {padding: 3px 0px;}
.treinasChaos .box2 {width: 100%;}
.treinasChaos .painel {margin-bottom: 20px;border-top: solid 6px;padding: 35px;background-color: #fff;border-radius: 3px;-webkit-box-shadow: 0 7px 18px rgb(0 0 0 / 35%);box-shadow: 0 1px 6px rgb(0 0 0 / 35%);}
.treinasChaos .painel h1 {color: #27303e;text-align: center;font-size: 30px;font-weight: 700;margin: 0 0px 25px 0;}
.treinasChaos .form-control {display: block;width: 100%;height: initial;padding: 12px 14px;font-size: 15px;background: #f2f2f2!important;border-color: #f2f2f2;}
.treinasChaos .btn {display: inline-block;height: initial;padding: 8px 30px;border-radius: 7px;font-size: 16px;font-weight: 700;line-height: 1.69;-ms-touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;transition: .15s;}
.treinasChaos .btn:hover {opacity: 0.8;}
.treinasChaos a {color: #27303e;transition: .25s;font-weight: 500;font-size: 13px;}
.treinasChaos a:hover {opacity: 0.8;}
.treinasChaos .logo-rodape {width: 55px;margin: 0 0px 0 5px;}
.treinasChaos .rodape {font-size: 13px;color: #000000cf;font-weight: 300;}

/*:::::: COR 1 ::::::*/
.jColor-1 .painel {border-top-color: #aa0000;}
.jColor-1 .btn-chaos {color: #fff;background-color: #aa0000;border-color: #aa0000;}
.jColor-1 a.link-chaos {color: #aa0000;}
/*:::::: COR 2 ::::::*/
.jColor-2 .painel {border-top-color: #ff0000;}
.jColor-2 .btn-chaos {color: #fff;background-color: #ff0000;border-color: #ff0000;}
.jColor-2 a.link-chaos {color: #ff0000;}
/*:::::: COR 3 ::::::*/
.jColor-3 .painel {border-top-color: #fe7f00;}
.jColor-3 .btn-chaos {color: #fff;background-color: #fe7f00;border-color: #fe7f00;}
.jColor-3 a.link-chaos {color: #fe7f00;}
/*:::::: COR 4 ::::::*/
.jColor-4 .painel {border-top-color: #FFC107;}
.jColor-4 .btn-chaos {color: #1a1a1a;background-color: #FFC107;border-color: #FFC107;}
.jColor-4 a.link-chaos {color: #FFC107;}
/*:::::: COR 5 ::::::*/
.jColor-5 .painel {border-top-color: #00ff00;}
.jColor-5 .btn-chaos {color: #1a1a1a;background-color: #00ff00;border-color: #00ff00;}
.jColor-5 a.link-chaos {color: #00ff00;}
/*:::::: COR 6 ::::::*/
.jColor-6 .painel {border-top-color: #008000;}
.jColor-6 .btn-chaos {color: #fff;background-color: #008000;border-color: #008000;}
.jColor-6 a.link-chaos {color: #008000;}
/*:::::: COR 7 ::::::*/
.jColor-7 .painel {border-top-color: #cccccc;}
.jColor-7 .btn-chaos {color: #fff;background-color: #cccccc;border-color: #cccccc;}
.jColor-7 a.link-chaos {color: #cccccc;}
/*:::::: COR 8 ::::::*/
.jColor-8 .painel {border-top-color: #ff00ff;}
.jColor-8 .btn-chaos {color: #fff;background-color: #ff00ff;border-color: #ff00ff;}
.jColor-8 a.link-chaos {color: #ff00ff;}
/*:::::: COR 9 ::::::*/
.jColor-9 .painel {border-top-color: #800080;}
.jColor-9 .btn-chaos {color: #fff;background-color: #800080;border-color: #800080;}
.jColor-9 a.link-chaos {color: #800080;}
/*:::::: COR 10 ::::::*/
.jColor-10 .painel {border-top-color: #000080;}
.jColor-10 .btn-chaos {color: #fff;background-color: #000080;border-color: #000080;}
.jColor-10 a.link-chaos {color: #000080;}
/*:::::: COR 11 ::::::*/
.jColor-11 .painel {border-top-color: #0000ff;}
.jColor-11 .btn-chaos {color: #fff;background-color: #0000ff;border-color: #0000ff;}
.jColor-11 a.link-chaos {color: #0000ff;}
/*:::::: COR 12 ::::::*/
.jColor-12 .painel {border-top-color: #2a7fff;}
.jColor-12 .btn-chaos {color: #fff;background-color: #2a7fff;border-color: #2a7fff;}
.jColor-12 a.link-chaos {color: #2a7fff;}
/*:::::: COR 13 ::::::*/
.jColor-13 .painel {border-top-color: #00ffff;}
.jColor-13 .btn-chaos {color: #1a1a1a;background-color: #00ffff;border-color: #00ffff;}
.jColor-13 a.link-chaos {color: #00ffff;}
/*:::::: COR 14 ::::::*/
.jColor-14 .painel {border-top-color: #1a1a1a;}
.jColor-14 .btn-chaos {color: #fff;background-color: #1a1a1a;border-color: #1a1a1a;}
.jColor-14 a.link-chaos {color: #1a1a1a;}

/*:::::::::::::::
:::::: FIM ::::::
:::::::::::::::*/

.product-certify {}
.product-certify button {}
.product-certify .dropdown-menu {}
.product-certify .dropdown-menu a {}*/

/*Bootstrap redigindo*/
.pagination-sm .page-link {
    font-size: 17px;
    padding: 6px 16px;
}
/*Fim*/

.section-lg .col {
    animation-duration: 0.4s;
    transition: all 0.3s;
}

html .row-12 {
    margin-top: 12px!important;
}

.card {margin-bottom: 1.0rem;}

@media (max-width: 991px) {
    .bd-callout .navbar-collapse {display: initial!important;}
    .bd-callout .navbar-collapse .flex-end {justify-content: center!important; padding: 16px 0 0px 0;}
}


/*DOCS*/
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
}
.bd-callout-info {border-left-color: #5bc0de;}
.bd-callout-warning {border-left-color: #f0ad4e;}

.flex-end {
    justify-content: flex-end!important;
}

.confJ {}
.confJ .tit_Pags {
    font-size: 1.4rem;
    /* border-left: solid 4px #4caf50; */
    padding: 0px 0px 10px 0px;
    line-height: 28px;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    text-align: left;
    color: #000;
}
.confJ .tit_Pags .fa {
    color: #007bff;
    color: #1a78dd;
    margin: 0 13px 2px 0;
    font-size: 32px;
    vertical-align: middle;
}

.confJ .boxs {
    background: #fff;
    border-radius: 0px;
    border: solid 0px #ffffff42;
    /* box-shadow: 0 2px 4px #0003!important; */
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 13%);
    position: relative;
    margin: 0 -25px 0 -25px;
    height: 100%;
    padding: 25px;
    flex-wrap: wrap;
    align-content: space-between;
    /* display: flex!important; */
}
/*.confJ .boxs .destaque {
    background-color: #f9f9f9;
    width: 100%;
    text-align: left;
    padding: 20px;
    border: dotted 2px #e7e3e3;
}*/

.confJ .boxs .destaque {
    position: relative;
}
.confJ .boxs .destaque label {
    font-weight: 600;
    margin: 0px 0px 10px 0px;
    /* border-left: solid 3px #007bff; */
}


.confJ .boxs .form-group .col-form-label {
    font-weight: 600;
}

.confJ .alert .fa {
    font-size: 23px;
    vertical-align: middle;
    color: #30a136;
}

.icoEye {position: absolute;right: 0;}

.dropJ {padding: 0!important;display: inline-block;}
.dropJ a {padding: 0!important;}
.dropJ a.btn {padding: 0px 0px; height: 10px; line-height: normal;}
.dropJ div.dropdown-menu {
    padding: 10px 15px;
    background-color: #f8f8f8;
    border-radius: 0.1rem;
    border: 1px solid rgb(0 0 0 / 10%);
}
.dropJ div.dropdown-menu a {color: #5baf41;}
.dropJ div.dropdown-menu a:hover {color: #262323;background-color: transparent;}

.nav-menu-lat-box {}
.nav-menu-lat-box h6 {
    margin: 15px 0;
    padding: 0px 0px 15px 0;
    border-bottom: solid 1px #cccccc8c;
}
.nav-menu-lat-box li {margin: 0!important;}
.nav-menu-lat-box li div {
    border-bottom: dotted 0px #cccccca1;
    padding: 6px 6px 6px 25px;
    line-height: 18px;
}
.nav-menu-lat-box li div label {
    display: flex;
    min-width: 100%;
}
.nav-menu-lat-box li div label a {
    color: #252525;
    padding: 0px 25px 0px 10px;
    font-size: 15px;
}
.nav-menu-lat-box li div label a:hover {color: #5baf41;}
.nav-menu-lat-box li div label::before {
    top: 0px;
    width: 18px;
    height: 18px;
}
.nav-menu-lat-box li div label::after {
    width: 24px;
    height: 24px;
    top: -3px;
    left: -27px;
}
.btn-active > a > p > span {
    color: #5baf41 !important;
    position: absolute;
    right: 0px;
}
.nav-menu-lat-box li div label.btn-active {
    font-weight: 700;
}

.boxProgress-j {
    padding: 20px 30px 30px 30px;
    margin: 0px 0 30px 0;
}
.boxProgress-j h1 {font-weight: 600;margin: 0 0 15px 0;}
.boxProgress-j .container {}
.boxProgress-j .container .row {}
.boxProgress-j .container .row .col-b {min-width: 100%;}
.boxProgress-j .container .row .col-b span {font-size: 11px;}
.boxProgress-j .container .row .col-b .progress-bar-linear-wrap {width: 100%!important;margin: 0;}
.boxProgress-j .container .row .col-b .progress-bar-linear-wrap div {border: solid 1px;border-color: #08160d17; position: relative;}


/*BAR PROGRESS*/
.boxProgress-j .container .row .col-b .progress {
    height: 0.9rem!Important;
    background-color: #ffffffde;
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%) inset;
}
.boxProgress-j .container .row .col-b .progress div {
    border-color: #08160d17;
    position: relative;
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%) inset;
}
.progress-bar-success {
    background-color: #5baf41;
}
/*.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}*/
/*.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes;
}*/


.txtCertifica {margin: 30px 0 0px 0;}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #5baf41!important;
}

.backVerde {
    background-color: #5baf41!important;
    background: linear-gradient(180deg, rgba(59,166,92,1) 0%, rgba(48,137,75,1) 50%, rgb(39 110 61) 100%);
}
.backAzul {
    background-color: #206da2!important;
    background: linear-gradient(180deg, rgb(39 138 205) 0%, rgb(31 105 155) 50%, rgb(21 67 98) 100%);
}
.backRoxo {
    background-color: #7b4180!important;
    background: linear-gradient(180deg, rgb(159 84 166) 0%, rgb(119 63 124) 50%, rgb(52 27 54) 100%);
}

.backCinza {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,249,251,1) 100%);
}
.suporteTxt {
    color: #ffffff;
    background: #dc3545;
    padding: 4px 60px 4px 60px;
    border-radius: 5px 0px 0px 5px;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-left: 15px;
    position: fixed;
    left: -76px;
    top: 14px;
    z-index: 9999;
    transform: rotate(-45deg);
}

.icoMenuTopo {
    margin: 0 6px 0px 0;
}
.icoMenuTopo span {
    align-self: center;
    margin: 0 0px 0 8px;
}
.icoMenuTopo a {
    padding: 0 0!important;
    margin: 0 8px 0 0!important;
    border: none!important;
    align-self: center;
    background-color: transparent!important;
}
.icoMenuTopo a:hover {
    filter: saturate(2);
    color: #9f54a6!important;
}

@media(min-width:992px) and (max-width: 1155px) { 
    .icoMenuTopo span {
        display: none;
    }
}

@media(max-width:991px) { 
    .icoMenuTopo {
        margin: 15px 20px 15px 20px;
    }
}

/*LINK IMAGEM POSITION - Eu fiz, mas não quis usar ainda*/

.linkIco-1 {
    background-image: url(../images/ico_menu_topo-x.svg);
    background-position: 0px 0px;
    height: 45px;
    width: 45px;
    transition: .1s!important;
}
.linkIco-1:hover {
    background-position: 0px 45px;
}
.linkIco-2 {
    background-image: url(../images/ico_menu_topo-x.svg);
    background-position: 45px 0px;
    height: 45px;
    width: 45px;
    transition: .1s!important;
}
.linkIco-2:hover {
    background-position: 45px 45px;
}
/* - FIM - LINK IMAGEM POSITION */

.boxLoginTxt {}
.boxLoginTxt ul {margin: 0px 0px 50px 0px;}
.boxLoginTxt ul li {margin: 0px 0px 10px 0px;}
.boxLoginTxt .logo {width: 300px;padding: 15px 35px;background-color: white;border-radius: 20px;margin: 0 0px 15px 0;}
.boxLoginTxt h1 {color: #fff; font-size: 25px; font-weight: 500;}
.boxLoginTxt h2 {color: #a4de1a; font-size: 2.5rem; font-weight: 700;}
.boxLoginTxt h3 {color: #fff; font-size: 16px; font-weight: 400; text-align: justify;}
.boxLoginTxt a {color: #a4de1a;}
.boxLoginTxt a:hover {color: #e8ff6b;}
.color-Amarelo {color: yellow;}
.color-Laranja {color: #ffc800;}
.color-Verde {color: #a4de1a;}

.bg-backpagina {
    background-color: #f6f7fb;
    box-shadow: 1px -2px 8px #00000038;
}

/*NEW JOTA 01/07/2021*/

button span.fa {
    padding: 0 7px 0 7px;
}

.form-control-sm {padding: 1.3rem 1rem;}

.card_Flutuante {
    position: absolute;
    box-sizing: border-box;
    right: 70px;
    top: 120px;
    width: 500px;
    box-shadow: rgb(0 0 0 / 7%) 0px 1px 1px, rgb(0 0 0 / 7%) 0px 2px 2px, rgb(0 0 0 / 7%) 0px 4px 4px, rgb(0 0 0 / 7%) 0px 8px 8px, rgb(0 0 0 / 7%) 0px 16px 16px;
}

.card_Flutuante .card {
    padding: 30px;
}
.card_Flutuante .card .fa {
    margin: 0 8px 0 0px;
}

@media (max-width: 1120px) {
    .card_Flutuante {
        width: 360px;
        right: 30px;
    }
}

@media (max-width: 768px) {
    .card_Flutuante {position: initial; width: 100%;}
}

.displayNone {display: none!important;}

.badge {
    display: inline-block;
    height: 34px;
    width: 34px;
    padding: 0;
    font-size: 65%;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    white-space: nowrap;
}

.badge-secondary {
    color: #fff;
    background-color: #262323;
}
.list-group-item {
    padding: 1.25rem;
}

.detalhesCursos {
    padding: 120px 0 50px 0px;
}
.detalhesCursos .box {color: white;}
.detalhesCursos p {margin: 0px 0px 15px 0px;}
.detalhesCursos h1 {
    color: inherit;
    font-weight: 700;
}
.detalhesCursos h2 {
    color: inherit;
    font-size: 20px;
    line-height: 30px;
    margin: 20px 0px 20px 0;
}
.detalhesCursos h3 {
    color: inherit;
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    margin: 25px 0px 15px 0;
}
.detalhesCursos ul {
    margin: 0 0 20px 0;
    font-size: 15px;
}
.detalhesCursos ul li {}
.detalhesCursos section-md {}


.jstyte_Lab .main {
    padding: 50px 40px 40px 40px;
}

.jstyte_Lab .navbar-brand {
    height: 60px;
    padding: 9px 15px;
}

.jstyte_Lab a {
    color: #5a5454;
    transition: .25s;
}

.tit_Pags {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0px 30px 0;
}
.txt_Pags {
    font-size: 1.1rem;
    /* font-weight: 500; */
    margin: 0 0px 30px 0;
}

.menuNavega-j ul {

}
.menuNavega-j ul li {
    display: inline-block;

}
.menuNavega-j ul li a {
    color: #5a5454;
    background: #fff;
    text-transform: uppercase;
    padding: 10px 25px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    border: solid 1px;
    border-color: #d7d7d7a1;
    border-radius: 3px;
}
.menuNavega-j ul li a:hover, .menuNavega-j ul li a.active, .jstyte_Lab a:hover {
    color: #5baf41!important;
    border-color: #5baf41 !important;
}

.itemCurso_j {
    display: flex;
    flex-direction: row;
    max-height: 180px;
    box-sizing: border-box;
    padding: 25px;
    border-radius: 6px;
    box-shadow: 0px 0px 2px 0px #0000006b;
}

.itemCurso_j .box {
    width: 55%;
    margin-top: 0px !important;
    padding: 20px;
}
.itemCurso_j img.thumb-flat__image {
    max-width: 100%;
    object-fit: cover;
}
.itemCurso_j .footer {
    text-align: right;
    margin: 10px 0 0 0;
}

.itemCurso_j .box h1 {
    font-size: 1.0em;
}

.itemCurso_j .box h2 {
    position: relative !important;
    left: 0 !important;
    margin-top: 20px;
    font-size: 0.8em;
    font-weight: 400;
    margin: 12px 0;
}

.heading-decorated {
    font-weight: 500;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}

.product img {
    width: 700px;
    height: 230px;
}

@media (max-width: 991px) {
    .product img {
        height: 260px;
    }
}

@media (max-width: 768px) {
    .product img {
        height: auto;
    }
}



.jotaMonster {

}


.jotaMonster .product .cardBack {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
}

.jotaMonster .product .cardBack .Back  {
    position: relative;
    width: 100%;
    background: transparent;
    height: 100%;
}

.jotaMonster .check-responsive {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4em;
    color: #99ff23eb;
    opacity: 0.85;
    position: absolute;
}


/*    @media only screen and (min-width: 600px) {
        .jotaMonster .check-responsive {
            right: 40.2%;
            top: 21%;
            font-size: 11em;
        }
    }

    @media only screen and (min-width: 768px) {
        .jotaMonster .check-responsive {
            right: 41.7%;
            top: 26%;
            font-size: 6em;
        }
    }

    @media only screen and (min-width: 992px) {
        .jotaMonster .check-responsive {
            right: 39.22%;
            top: 18.26%;
            font-size: 4em;
        }
    }*/



.product {
    background: #fff;
    border-radius: 0px;
    border: solid 0px #ffffff42;
    box-shadow: 0 2px 4px #0003!important;
    position: relative;
    height: 100%;
    /* padding: 15px 15px; */
    flex-wrap: wrap;
    align-content: space-between;
    display: flex!important;
}
.product-image-wrapper {
    border-radius: 0;
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}
.product-image-wrapper:before {
    background: linear-gradient(180deg,#24323866,#0000);
    bottom: 0;
    content: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

/*NOVO 02/06/2022 - JOTA*/
.product-list .product-details_2 {
    width: 100%;
}
.product-list .product-details_2 div {
    text-align: center;
}
.product-list .product-details_2 .product-name-title {
    color: #5a5454;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/ /* Somente em uma linha - função cancelada*/
}

.product-details_2 .product-name, 
.product-details_2 .barra-porcento, 
.product-details_2 .product-sales, 
.product-details_2 .product-price-wrapper, 
.product-details_2 .product-links {
    margin: 0px 0px 15px 0;
    width: 100%;
    justify-content: center;
}
.product-details_2 .product-sales {
    margin: 0px 0px 10px 0;
    padding: 10px 0 10px 0;
    border-bottom: dotted 2px;
    border-top: dotted 2px;
    border-color: #c3c3c37a;
}

/*FIM*/

.product-certify {
    grid-area: certify;
    margin: 10px 0 0 0;
    /*position: absolute;*/
    bottom: 0;
    right: 0;
}
.product-certify button {
    padding: 2px 10px;
    border-radius: 13px;
    background-color: #283a52;
    border: none;
    font-size: 12px;
    color: white;
    line-height: inherit;
    height: auto;
    transition: all .15s ease-in-out;
}
.product-certify button:hover {
    background-color: #44546b;
}
.product-certify .dropdown-menu {
    padding: 0;
    margin: 3px 0 0 0;
    border-color: #283a5238;
}
.product-certify .dropdown-menu a {
    padding: 2px 10px;
    font-size: 12px;
    background-color: #f6f7fb;
    transition: all .15s ease-in-out;
    color: #283a52;
}
.product-certify .dropdown-menu a:hover {
    background-color: #283a5226;
}

.product-list .product-details {
 /*   display: grid;*/
    grid-template-areas:
        "name name"
        "porcento porcento"
        "rating one"
        "sales price"
        "links links"
        "certify certify";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 10px 15px auto;
    width: 100%;
}
.product-details {
    font-size: 14px;
    padding: 0 20px 20px;
}
.product-list .product-name {
    grid-area: name;
    width: 100%;
    text-align: left;
}
.product-name {
    display: flex;
    margin-bottom: 20px;
    text-decoration: none;
    /*height: 45px;*/  /*novo, coloca medida de altura para não ficar uma linha só*/
}

.product-list .barra-porcento {
    grid-area: porcento;
    width: 100%;
    margin-bottom: 15px;
}
.product-info {

}

.product-info-line {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    margin: 0 0 10px 0;
}
.product-info-line div {
    
}

.product-name-icon {
    background-size: contain;
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    vertical-align: top;
    width: 20px;
}
.product-name-links {
    flex: 1;
    overflow: hidden;
}
.product-name-link {
    display: inline-flex;
    flex: 1;
}
.product-details .product-name-title {
    flex: 1;
    font-weight: 400;
    overflow: hidden;
    font-size: 16px;
}
.product-details .product-name-title-text {
    color: #243238;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-name-vendor {
    color: #546e7a;
    display: block;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-name-vendor-text {
    color: #546e7a;
    font-style: italic;
}
.product-name-txt {

}
.product-list .product-rating {
    grid-area: rating;
}
.rating {
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23b0bec5'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m10 0 3.109 6.61L20 7.663l-4.985 5.1L16.198 20 10 16.58 3.802 20l1.183-7.239L0 7.661l6.891-1.05L10 0zm0 2.34L7.567 7.514l-5.5.838 3.982 4.074-.934 5.713L10 15.444l4.885 2.695-.934-5.713 3.982-4.074-5.5-.838L10 2.34z'/%3E%3C/svg%3E);
    background-repeat: space;
    flex-shrink: 0;
    height: 20px;
    position: relative;
    width: 118px;
}
.product-rating {
    margin-bottom: 10px;
}
.rating-stars {
    display: block;
    height: 20px;
    overflow: hidden;
    position: relative;
    width: 118px;
}
.rating-stars:after {
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg' fill='%23ffab00'%3E%3Cpath d='m10 0 3.109 6.61L20 7.663l-4.985 5.1L16.198 20 10 16.58 3.802 20l1.183-7.239L0 7.661l6.891-1.05z' fill='0' fill-rule='evenodd'/%3E%3C/svg%3E);
    background-repeat: space;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 118px;
}
.product-list .product-monster-one {
    grid-area: one;
    justify-self: self-end;
}
.product-info-membership {
    display: block;
    height: 20px;
    width: 42px;
}
.product-list .product-sales {
    align-self: center;
    grid-area: sales;
}
.product-sales {
    color: #878787;
    text-align: left;
    line-height: 13px;
    font-size: 11px;
    margin-right: auto;
    text-transform: uppercase;
}
.product-sales_amount {
    color: #243238;
}
.product-list .product-price-wrapper {
    align-items: baseline;
    display: flex;
}
.product-list .product-price-wrapper {
    align-self: center;
    grid-area: price;
    justify-self: self-end;
}
.product-price_regular {
    color: #78909c;
    text-decoration: line-through;
}
.product-price_discount {
    color: #d84315;
}
.product-price {
    color: #243238;
    font-size: 15px;
    font-weight: 600;
    margin-left: 10px;
}

.product-list .product-links {
    grid-area: links;
}
.product-links {
    display: flex;
    margin-top: 15px;
}
.product-link {
    flex: 1;
}

.product-link:not(:first-child) {
    margin-left: 20px;
}

.btn_2 {
    color: #fff;
    background-color: #5baf41;
}
.btn_2:active, .btn_2:hover {
    color: #fff;
    background-color: #5a5454;
}
.btn_3 {
    color: #fff;
    background-color: #262323;
}
.btn_3:active, .btn_3:hover {
    color: #fff;
    background-color: #5a5454;
}


/* ::::::::::::::::::::::::::::::::::::::::::::
:::::::: JotaStyle - João - 06/07/2021 ::::::::
/* :::::::::::::::::::::::::::::::::::::::::-->


/*Chama as fontes usadas*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.rodapeLogin {
    font-size: 13px;
    color: #fff;
    font-weight: 300;
}

.logo-rodape {
    width: 70px;
    margin: 0 0px 0 10px;
}
.txtRodape {
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.09em;
}
.color-Login {color: #bfbfbf;}
.color-Interna {color: #5a5454;}

.has-error .form-control {border-color: #F44336;}

body {
    /*padding-top: 90px;*/
    font-family: "poppins", sans-serif;
}

/*body, .bg-Fundo {background-color: #5baf41;}*/

.em_Desenv {
    position: absolute;
    top: 78px;
    padding: 2px 15px;
    background-color: yellow;
    right: 0px;
    font-size: 13px;
    color: #27303e;
    font-weight: 600;
    animation-name: desenv;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
}
@keyframes desenv {
  0% {background-color: yellow;}
  50% {background-color: #97cb55;}
  100% {background-color: yellow;}
}
@-webkit-keyframes desenv {
  from {background-color: yellow;}
  to {background-color: #97cb55;}
}

/*MENU LATERAL*/
.jstyte_Lab .sidebar {
  /*background-color: #27303e;*/
  background-color: #efefef;
  top: 67px;
  /*position: initial;*/
}
.jstyte_Lab .sidebar ul.nav { }
.jstyte_Lab .sidebar ul.nav > li {}
.jstyte_Lab .sidebar ul.nav > li > a {
    text-decoration: none;
    transition: .33s all ease;
    color: #27303e;
    /* color: #fff; */
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    /* letter-spacing: 0.1em; */
    padding: 15px 25px;
    border-bottom: solid 1px #e4e4e4;
}
/*.jstyte_Lab .sidebar ul.nav > li > a {
    text-decoration: none;
    transition: .33s all ease;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.03em;
    padding: 15px 25px;
    border-bottom: solid 0px #ffffff;
}*/

.jstyte_Lab .sidebar ul.nav > li > a:hover {
  color: #5baf41;
  background-color: initial;
  padding: 15px 15px 15px 30px;
  background-color: initial;
}
.jstyte_Lab .nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
    color: #5baf41!important;
    background-color: initial;
}

.jstyte_Lab .logo-topo {width:initial;}

@media (max-width: 768px) {
.jstyte_Lab .logo-topo {
  width: 190px;
  }
.jstyte_Lab .navbar-brand {
    padding: 8px 15px;
}
}

/*menu do topo*/
.jstyte_Lab .navbar-inverse {background-color: #27303e;}
.jstyte_Lab .navbar-nav > li > a {
    position: relative;
    display: inline-block;
    color: #fff;
    line-height: 3.9;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.0em;
    text-transform: uppercase;
    transition: .25s;
    padding: 10px 10px;
}

@media (max-width: 1140px) {
	.jstyte_Lab .navbar-nav > li > a {
    font-size: 10px;
    padding: 10px 5px 0px 5px;
	}
}
@media (max-width: 960px) {
	.jstyte_Lab .navbar-nav > li > a {
    font-size: 10px;
    padding: 0px 0px 0px 10px;
	}
}
.jstyte_Lab .navbar-nav > li > a:hover {color: #5baf41; background-color: initial;}
.jstyte_Lab .navbar-nav > li > a > span, .jstyte_Lab button span.glyphicon, .jstyte_Lab span.fas, .jstyte_Lab span.glyphicon {padding: 0 8px 0 0;}
.jstyte_Lab .navbar-inverse .navbar-nav>.active>a, .jstyte_Lab .navbar-inverse .navbar-nav>.active>a:focus, .jstyte_Lab .navbar-inverse .navbar-nav>.active>a:hover {color: #5baf41; background-color: initial;}
.jstyte_Lab .sidebar ul.nav > li > a > span {
    font-size: 7px;
    font-weight: 700;
    margin: 2px 7px 0px 0;
    float: left;
    /* line-height: 20px; */
    /* vertical-align: middle; */
    height: 25px;
    display: table-cell;
    display: none!important;
}
.jstyte_Lab .sidebar ul.nav > li > a > h5 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0 0px 0 0;
    vertical-align: middle;
    /* height: 20px; */
    /* display: table-cell; */
}
.jstyte_Lab legend {
    font-weight: 700;
    display: block;
    width: 100%;
    padding: 0 0px 25px 0;
    margin-bottom: 15px;
    font-size: 30px;
    line-height: inherit;
    color: #343434;
    border: 0;
    border-bottom: 0px solid #e5e5e5;
}
.jstyte_Lab legend::after {
    display: block;
    background-color: #5baf41;
    padding: 2px;
    margin: 20px 0 0px 0;
    width: 75px;
    content: "";
}
/*BOTTONS*/

.btn-comprar {
    color: #fff;
    background-color: #5caf01;
    border-color: #5caf01;
}
.btn-comprar:hover {
    color: #fff;
    background-color: #85C901;
    border-color: #85C901;
}
.jstyte_Lab .form-control {
    display: block;
    width: 100%;
    height: initial;
    padding: 10px 17px;
    font-size: 13px;
}
.jstyte_Lab .btn {
    display: inline-block;
    height: initial;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.69;
    -ms-touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    transition: .25s;
}

.jstyte_Lab .btn-inscrevasse {
    color: #fff;
    background-color: #5caf01;
    border-color: #5caf01;
}
.jstyte_Lab .btn-inscrevasse:hover {
    color: #fff;
    background-color: #85C901;
    border-color: #85C901;
}

.jstyte_Lab .btn-voltar {
    color: #fff;
    background-color: #5caf01;
    border-color: #5caf01;
}
.jstyte_Lab .btn-voltar:hover {
    color: #fff;
    background-color: #85C901;
    border-color: #85C901;
}

.jstyte_Lab .btn-login {
    color: #fff;
    background-color: #5caf01;

    border-color: #5caf01;
}
.jstyte_Lab .btn-login:hover {
    color: #fff;
    background-color: #85C901;
    border-color: #85C901;
}


.jstyte_Lab .btn-success {
    color: #fff;
    background-color: #5caf01;
    border-color: #5caf01;
}
.jstyte_Lab .btn-success:hover {
    color: #fff;
    background-color: #85C901;
    border-color: #85C901;
}
.jstyte_Lab .btn-info {
    color: #fff;
    background-color: #27303e;
    border-color: #27303e;
}
.jstyte_Lab .btn-info:hover {
    color: #fff;
    background-color: #526175;
    border-color: #526175;
}

.jstyte_Lab .pagination>li>a, .jstyte_Lab .pagination>li>span {
    position: relative;
    float: left;
    font-size: 17px;
    padding: 7px 15px;
    font-weight: 500;
    margin-left: 3px;
    line-height: 1.42857143;
    color: #27303e;
    text-decoration: none;
    background-color: #fff;
    border: 2px solid #e8e8e8;
    border-radius: 5px;
    transition: .25s;
}
.jstyte_Lab .pagination>li>a:focus, .jstyte_Lab .pagination>li>a:hover, .jstyte_Lab .pagination>li>span:focus, .jstyte_Lab .pagination>li>span:hover {
    z-index: 2;
    color: #5baf41;
    background-color: initial;
    border-color: initial;
}
.jstyte_Lab .pagination>.active>a, .jstyte_Lab .pagination>.active>a:focus, .jstyte_Lab .pagination>.active>a:hover, .jstyte_Lab .pagination>.active>span, .jstyte_Lab .pagination>.active>span:focus, .jstyte_Lab .pagination>.active>span:hover {
    z-index: 3;
    color: #262323;
    cursor: default;
    background-color: initial;
    border-color: #5baf41;
}

.jstyte_Lab .btn-default {
    color: #262323;
    background-color: #f5f5f5;
    border-color: #e0e0e0;
}
.jstyte_Lab .btn-default:hover {
	color: #5baf41;
}

/*CAMPOS*/
.jstyte_Lab .ui-select-bootstrap .ui-select-choices-row>span {
    padding: 8px 20px;
    font-weight: 500;
    transition: .25s;
}
.jstyte_Lab .ui-select-bootstrap .ui-select-choices-row>span:hover, .jstyte_Lab .ui-select-bootstrap .ui-select-choices-row>span:focus {
    background-color: #e0e0e0;
}


/*TELA LOGIN*/

.jstyte_Lab .panel {
    margin-bottom: 20px;
    padding: 45px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 15px;
    -webkit-box-shadow: 0 7px 18px rgb(0 0 0 / 35%);
    box-shadow: 0 7px 18px rgb(0 0 0 / 35%)
}

.jstyte_Lab .panel-default>.panel-heading {
    color: #27303e;
    background-color: initial;
    border-color: initial;
    padding: 27px 0px 5px 0px;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    border-bottom: 0;
}

/*.jstyte_Lab input[type="text"], .jstyte_Lab textarea, .jstyte_Lab select, .jstyte_Lab .form-control, .jstyte_Lab input:focus {
    border-radius: 5px;
    font-weight: 400;
    height: 39px;
    padding-bottom: 9px;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 9px;
    width: 100%;
}*/

.jstyte_Lab .topLogo {
    display: block;
    padding: 0;
    text-align: center;
}
.jstyte_Lab .topLogo img{
    width: 70%;
}

.jstyte_Lab .campoLogin {
    appearance: menulist-button;
    background-color: rgb(232, 240, 254) !important;
    background-image: none !important;
    color: -internal-light-dark(black, white) !important;
}

.btStatus {
    color: rgb(255, 255, 255);
    background-color: #ccc;
    width: 100%;
    height: 28px;
    font-size: 13px;
    font-weight: 700;
    cursor: inherit !important;
}

.tag-status {font-size: 13px;letter-spacing: 0px;font-weight: 700!important;text-transform: inherit!important;border-radius: 5px;padding: 2px 9px;cursor: pointer;}
.status-A {color: #e1f2e2;background: #40b611;}
.status-R {color: #ffffff;background: #f44336;}
.status-P {color: #ffffff;background: #f5b60b;}



:root,[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000000;
    --bs-white: #ffffff;
    --bs-gray: #78829D;
    --bs-gray-dark: #252F4A;
    --bs-gray-100: #F9F9F9;
    --bs-gray-200: #F1F1F4;
    --bs-gray-300: #DBDFE9;
    --bs-gray-400: #C4CADA;
    --bs-gray-500: #99A1B7;
    --bs-gray-600: #78829D;
    --bs-gray-700: #4B5675;
    --bs-gray-800: #252F4A;
    --bs-gray-900: #071437;
    --bs-light: #F9F9F9;
    --bs-primary: #1B84FF;
    --bs-secondary: #F1F1F4;
    --bs-success: #17C653;
    --bs-info: #7239EA;
    --bs-warning: #F6C000;
    --bs-danger: #F8285A;
    --bs-dark: #1E2129;
    --bs-light-rgb: 249,249,249;
    --bs-primary-rgb: 27,132,255;
    --bs-secondary-rgb: 241,241,244;
    --bs-success-rgb: 23,198,83;
    --bs-info-rgb: 114,57,234;
    --bs-warning-rgb: 246,192,0;
    --bs-danger-rgb: 248,40,90;
    --bs-dark-rgb: 30,33,41;
    --bs-primary-text-emphasis: #0b3566;
    --bs-secondary-text-emphasis: #606062;
    --bs-success-text-emphasis: #094f21;
    --bs-info-text-emphasis: #2e175e;
    --bs-warning-text-emphasis: #624d00;
    --bs-danger-text-emphasis: #631024;
    --bs-light-text-emphasis: #4B5675;
    --bs-dark-text-emphasis: #4B5675;
    --bs-primary-bg-subtle: #d1e6ff;
    --bs-secondary-bg-subtle: #fcfcfd;
    --bs-success-bg-subtle: #d1f4dd;
    --bs-info-bg-subtle: #e3d7fb;
    --bs-warning-bg-subtle: #fdf2cc;
    --bs-danger-bg-subtle: #fed4de;
    --bs-light-bg-subtle: #fcfcfc;
    --bs-dark-bg-subtle: #C4CADA;
    --bs-primary-border-subtle: #a4ceff;
    --bs-secondary-border-subtle: #f9f9fb;
    --bs-success-border-subtle: #a2e8ba;
    --bs-info-border-subtle: #c7b0f7;
    --bs-warning-border-subtle: #fbe699;
    --bs-danger-border-subtle: #fca9bd;
    --bs-light-border-subtle: #F1F1F4;
    --bs-dark-border-subtle: #99A1B7;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: Inter,Helvetica,"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: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #071437;
    --bs-body-color-rgb: 7,20,55;
    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(7, 20, 55, 0.75);
    --bs-secondary-color-rgb: 7,20,55;
    --bs-secondary-bg: #F1F1F4;
    --bs-secondary-bg-rgb: 241,241,244;
    --bs-tertiary-color: rgba(7, 20, 55, 0.5);
    --bs-tertiary-color-rgb: 7,20,55;
    --bs-tertiary-bg: #F9F9F9;
    --bs-tertiary-bg-rgb: 249,249,249;
    --bs-heading-color: #071437;
    --bs-link-color: #1B84FF;
    --bs-link-color-rgb: 27,132,255;
    --bs-link-decoration: none;
    --bs-link-hover-color: #056EE9;
    --bs-link-hover-color-rgb: 5,110,233;
    --bs-link-hover-decoration: none;
    --bs-code-color: #b93993;
    --bs-highlight-color: #071437;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #F1F1F4;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.475rem;
    --bs-border-radius-sm: 0.425rem;
    --bs-border-radius-lg: 0.625rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(27, 132, 255, 0.25);
    --bs-form-valid-color: #17C653;
    --bs-form-valid-border-color: #17C653;
    --bs-form-invalid-color: #F8285A;
    --bs-form-invalid-border-color: #F8285A
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #F5F5F5;
    --bs-body-color-rgb: 245,245,245;
    --bs-body-bg: #15171C;
    --bs-body-bg-rgb: 21,23,28;
    --bs-emphasis-color: #ffffff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(245, 245, 245, 0.75);
    --bs-secondary-color-rgb: 245,245,245;
    --bs-secondary-bg: #252F4A;
    --bs-secondary-bg-rgb: 37,47,74;
    --bs-tertiary-color: rgba(245, 245, 245, 0.5);
    --bs-tertiary-color-rgb: 245,245,245;
    --bs-tertiary-bg: #162241;
    --bs-tertiary-bg-rgb: 22,34,65;
    --bs-primary-text-emphasis: #76b5ff;
    --bs-secondary-text-emphasis: #f7f7f8;
    --bs-success-text-emphasis: #74dd98;
    --bs-info-text-emphasis: #aa88f2;
    --bs-warning-text-emphasis: #fad966;
    --bs-danger-text-emphasis: #fb7e9c;
    --bs-light-text-emphasis: #F9F9F9;
    --bs-dark-text-emphasis: #DBDFE9;
    --bs-primary-bg-subtle: #051a33;
    --bs-secondary-bg-subtle: #303031;
    --bs-success-bg-subtle: #052811;
    --bs-info-bg-subtle: #170b2f;
    --bs-warning-bg-subtle: #312600;
    --bs-danger-bg-subtle: #320812;
    --bs-light-bg-subtle: #252F4A;
    --bs-dark-bg-subtle: #131825;
    --bs-primary-border-subtle: #104f99;
    --bs-secondary-border-subtle: #919192;
    --bs-success-border-subtle: #0e7732;
    --bs-info-border-subtle: #44228c;
    --bs-warning-border-subtle: #947300;
    --bs-danger-border-subtle: #951836;
    --bs-light-border-subtle: #4B5675;
    --bs-dark-border-subtle: #252F4A;
    --bs-heading-color: #F5F5F5;
    --bs-link-color: #006AE6;
    --bs-link-hover-color: #3388eb;
    --bs-link-color-rgb: 0,106,230;
    --bs-link-hover-color-rgb: 51,136,235;
    --bs-code-color: #b93993;
    --bs-highlight-color: #F5F5F5;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #26272F;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

:root {
    --bs-xs: 0;
    --bs-sm: 576px;
    --bs-md: 768px;
    --bs-lg: 992px;
    --bs-xl: 1200px;
    --bs-xxl: 1400px;
    --bs-scrollbar-size: 5px;
    --bs-scrollbar-overlay-size: 19px;
    --bs-scrollbar-overlay-space: 7px;
    --bs-white-bg-rgb: 255,255,255;
    --bs-black-bg-rgb: 0,0,0
}

[data-bs-theme=light] {
    --bs-text-muted: #99A1B7;
    --bs-gray-100: #F9F9F9;
    --bs-gray-100-rgb: 249,249,249;
    --bs-gray-200: #F1F1F4;
    --bs-gray-200-rgb: 241,241,244;
    --bs-gray-300: #DBDFE9;
    --bs-gray-300-rgb: 219,223,233;
    --bs-gray-400: #C4CADA;
    --bs-gray-400-rgb: 196,202,218;
    --bs-gray-500: #99A1B7;
    --bs-gray-500-rgb: 153,161,183;
    --bs-gray-600: #78829D;
    --bs-gray-600-rgb: 120,130,157;
    --bs-gray-700: #4B5675;
    --bs-gray-700-rgb: 75,86,117;
    --bs-gray-800: #252F4A;
    --bs-gray-800-rgb: 37,47,74;
    --bs-gray-900: #071437;
    --bs-gray-900-rgb: 7,20,55;
    --bs-light: #F9F9F9;
    --bs-primary: #1B84FF;
    --bs-secondary: #F1F1F4;
    --bs-success: #17C653;
    --bs-info: #7239EA;
    --bs-warning: #F6C000;
    --bs-danger: #F8285A;
    --bs-dark: #1E2129;
    --bs-primary-active: #056EE9;
    --bs-secondary-active: #C4CADA;
    --bs-light-active: #F1F1F4;
    --bs-success-active: #04B440;
    --bs-info-active: #5014D0;
    --bs-warning-active: #DEAD00;
    --bs-danger-active: #D81A48;
    --bs-dark-active: #111318;
    --bs-primary-light: #E9F3FF;
    --bs-secondary-light: #F9F9F9;
    --bs-success-light: #DFFFEA;
    --bs-info-light: #F8F5FF;
    --bs-warning-light: #FFF8DD;
    --bs-danger-light: #FFEEF3;
    --bs-dark-light: #F9F9F9;
    --bs-light-light: #ffffff;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #252F4A;
    --bs-light-inverse: #252F4A;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-primary-clarity: rgba(27, 132, 255, 0.2);
    --bs-secondary-clarity: rgba(249, 249, 249, 0.2);
    --bs-success-clarity: rgba(23, 198, 83, 0.2);
    --bs-info-clarity: rgba(114, 57, 234, 0.2);
    --bs-warning-clarity: rgba(246, 192, 0, 0.2);
    --bs-danger-clarity: rgba(248, 40, 90, 0.2);
    --bs-dark-clarity: rgba(30, 33, 41, 0.2);
    --bs-light-clarity: rgba(255, 255, 255, 0.2);
    --bs-light-rgb: 249,249,249;
    --bs-primary-rgb: 27,132,255;
    --bs-secondary-rgb: 241,241,244;
    --bs-success-rgb: 23,198,83;
    --bs-info-rgb: 114,57,234;
    --bs-warning-rgb: 246,192,0;
    --bs-danger-rgb: 248,40,90;
    --bs-dark-rgb: 30,33,41;
    --bs-text-white: #ffffff;
    --bs-text-primary: #1B84FF;
    --bs-text-secondary: #F1F1F4;
    --bs-text-light: #F9F9F9;
    --bs-text-success: #17C653;
    --bs-text-info: #7239EA;
    --bs-text-warning: #F6C000;
    --bs-text-danger: #F8285A;
    --bs-text-dark: #1E2129;
    --bs-text-muted: #99A1B7;
    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F1F1F4;
    --bs-text-gray-300: #DBDFE9;
    --bs-text-gray-400: #C4CADA;
    --bs-text-gray-500: #99A1B7;
    --bs-text-gray-600: #78829D;
    --bs-text-gray-700: #4B5675;
    --bs-text-gray-800: #252F4A;
    --bs-text-gray-900: #071437;
    --bs-border-color: #F1F1F4;
    --bs-border-dashed-color: #DBDFE9;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #1B84FF;
    --bs-component-hover-color: #1B84FF;
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #1B84FF;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --bs-root-card-border-color: #F1F1F4;
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-code-bg: #f1f3f8;
    --bs-code-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --bs-code-border-color: transparent;
    --bs-code-color: #b93993;
    --bs-symbol-label-color: var(--bs-gray-800);
    --bs-symbol-label-bg: var(--bs-gray-100);
    --bs-symbol-border-color: rgba(var(--bs-body-bg), 0.5);
    --bs-bullet-bg-color: var(--bs-gray-400);
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: var(--bs-box-shadow);
    --bs-scrolltop-bg-color: var(--bs-primary);
    --bs-scrolltop-bg-color-hover: var(--bs-primary);
    --bs-scrolltop-icon-color: var(--bs-primary-inverse);
    --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --bs-drawer-bg-color: #ffffff;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-menu-dropdown-bg-color: var(--bs-body-bg);
    --bs-menu-heading-color: #99A1B7;
    --bs-menu-link-color-hover: #1B84FF;
    --bs-menu-link-color-show: #1B84FF;
    --bs-menu-link-color-here: #1B84FF;
    --bs-menu-link-color-active: #1B84FF;
    --bs-menu-link-bg-color-hover: #F9F9F9;
    --bs-menu-link-bg-color-show: #F9F9F9;
    --bs-menu-link-bg-color-here: #F9F9F9;
    --bs-menu-link-bg-color-active: #F9F9F9;
    --bs-scrollbar-color: #F1F1F4;
    --bs-scrollbar-hover-color: #DBDFE9;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-rating-color-default: #C4CADA;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(30, 33, 41, 0.1);
    --bs-ribbon-label-bg: #1B84FF;
    --bs-ribbon-label-border-color: #0053b4;
    --bs-ribbon-clip-bg: #1E2129;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #252F4A;
    --bs-engage-btn-icon-color: #78829D;
    --bs-engage-btn-color-active: #252F4A
}

[data-bs-theme=dark] {
    --bs-text-muted: #636674;
    --bs-gray-100: #1B1C22;
    --bs-gray-100-rgb: 27,28,34;
    --bs-gray-200: #26272F;
    --bs-gray-200-rgb: 38,39,47;
    --bs-gray-300: #363843;
    --bs-gray-300-rgb: 54,56,67;
    --bs-gray-400: #464852;
    --bs-gray-400-rgb: 70,72,82;
    --bs-gray-500: #636674;
    --bs-gray-500-rgb: 99,102,116;
    --bs-gray-600: #808290;
    --bs-gray-600-rgb: 128,130,144;
    --bs-gray-700: #9A9CAE;
    --bs-gray-700-rgb: 154,156,174;
    --bs-gray-800: #B5B7C8;
    --bs-gray-800-rgb: 181,183,200;
    --bs-gray-900: #F5F5F5;
    --bs-gray-900-rgb: 245,245,245;
    --bs-light: #1B1C22;
    --bs-primary: #006AE6;
    --bs-secondary: #363843;
    --bs-success: #00A261;
    --bs-info: #883FFF;
    --bs-warning: #C59A00;
    --bs-danger: #E42855;
    --bs-dark: #272A34;
    --bs-primary-active: #107EFF;
    --bs-secondary-active: #464852;
    --bs-light-active: #1F212A;
    --bs-success-active: #01BF73;
    --bs-info-active: #9E63FF;
    --bs-warning-active: #D9AA00;
    --bs-danger-active: #FF3767;
    --bs-dark-active: #2D2F39;
    --bs-primary-light: #172331;
    --bs-secondary-light: #363843;
    --bs-success-light: #1F212A;
    --bs-info-light: #272134;
    --bs-warning-light: #242320;
    --bs-danger-light: #302024;
    --bs-dark-light: #1E2027;
    --bs-light-light: #1F212A;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #ffffff;
    --bs-light-inverse: #808290;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-primary-clarity: rgba(0, 106, 230, 0.2);
    --bs-secondary-clarity: rgba(54, 56, 67, 0.2);
    --bs-success-clarity: rgba(0, 162, 97, 0.2);
    --bs-info-clarity: rgba(136, 63, 255, 0.2);
    --bs-warning-clarity: rgba(197, 154, 0, 0.2);
    --bs-danger-clarity: rgba(228, 40, 85, 0.2);
    --bs-dark-clarity: rgba(39, 42, 52, 0.2);
    --bs-light-clarity: rgba(31, 33, 42, 0.2);
    --bs-light-rgb: 27,28,34;
    --bs-primary-rgb: 0,106,230;
    --bs-secondary-rgb: 54,56,67;
    --bs-success-rgb: 0,162,97;
    --bs-info-rgb: 136,63,255;
    --bs-warning-rgb: 197,154,0;
    --bs-danger-rgb: 228,40,85;
    --bs-dark-rgb: 39,42,52;
    --bs-text-white: #ffffff;
    --bs-text-primary: #006AE6;
    --bs-text-secondary: #363843;
    --bs-text-light: #1B1C22;
    --bs-text-success: #00A261;
    --bs-text-info: #883FFF;
    --bs-text-warning: #C59A00;
    --bs-text-danger: #E42855;
    --bs-text-dark: #272A34;
    --bs-text-muted: #636674;
    --bs-text-gray-100: #1B1C22;
    --bs-text-gray-200: #26272F;
    --bs-text-gray-300: #363843;
    --bs-text-gray-400: #464852;
    --bs-text-gray-500: #636674;
    --bs-text-gray-600: #808290;
    --bs-text-gray-700: #9A9CAE;
    --bs-text-gray-800: #B5B7C8;
    --bs-text-gray-900: #F5F5F5;
    --bs-border-color: #26272F;
    --bs-border-dashed-color: #363843;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #006AE6;
    --bs-component-hover-color: #006AE6;
    --bs-component-hover-bg: #1B1C22;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #006AE6;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-root-card-box-shadow: none;
    --bs-root-card-border-color: #1E2027;
    --bs-table-striped-bg: rgba(27, 28, 34, 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-dropdown-bg: #1C1D22;
    --bs-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-code-bg: #2b2b40;
    --bs-code-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px;
    --bs-code-border-color: transparent;
    --bs-code-color: #b93993;
    --bs-symbol-label-color: #B5B7C8;
    --bs-symbol-label-bg: #1B1C22;
    --bs-symbol-border-color: rgba(255, 255, 255, 0.5);
    --bs-bullet-bg-color: #464852;
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-scrolltop-bg-color: #1B84FF;
    --bs-scrolltop-bg-color-hover: #1B84FF;
    --bs-scrolltop-icon-color: #ffffff;
    --bs-scrolltop-icon-color-hover: #ffffff;
    --bs-drawer-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    --bs-drawer-bg-color: #1C1D22;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.4);
    --bs-menu-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-menu-dropdown-bg-color: #1C1D22;
    --bs-menu-heading-color: #636674;
    --bs-menu-link-color-hover: #006AE6;
    --bs-menu-link-color-show: #006AE6;
    --bs-menu-link-color-here: #006AE6;
    --bs-menu-link-color-active: #006AE6;
    --bs-menu-link-bg-color-hover: #1B1C22;
    --bs-menu-link-bg-color-show: #1B1C22;
    --bs-menu-link-bg-color-here: #1B1C22;
    --bs-menu-link-bg-color-active: #1B1C22;
    --bs-scrollbar-color: #26272F;
    --bs-scrollbar-hover-color: #363843;
    --bs-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-blockui-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-rating-color-default: #464852;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(255, 255, 255, 0.1);
    --bs-ribbon-label-bg: #1B84FF;
    --bs-ribbon-label-border-color: #0053b4;
    --bs-ribbon-clip-bg: #F9F9F9;
    --bs-engage-btn-bg: #26272F;
    --bs-engage-btn-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-engage-btn-border-color: #26272F;
    --bs-engage-btn-color: #B5B7C8;
    --bs-engage-btn-icon-color: #808290;
    --bs-engage-btn-color-active: #B5B7C8
}




.btn.btn-light-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary-light);
    background-color: var(--bs-primary-light);
}