@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Games/CoxingGame/Game.razor.rz.scp.css */

.main-container[b-sw88z0xsnj] {
    padding-top: 35px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-container[b-sw88z0xsnj] {
    margin: 10px 5px;
    padding: 10px 5px;
    width: 700px;
    background: rgba(0, 0, 10, 0.6);
}


/* #region BETTING SELECTION */
.div-selection[b-sw88z0xsnj] {
    display: flex;
    padding-top: 5px;
    gap: 10px;
}
/* #endregion */


.div-chips[b-sw88z0xsnj] {
    margin-top: 5px;
}

/* #region TRENDS */
.div-trends[b-sw88z0xsnj] {
    background: rgba(0, 0, 10, 0.6);
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
    color: white;
    text-transform: uppercase;
}

.lbl-trends[b-sw88z0xsnj] {
    font-family: 'Gobold Bold', sans-serif;
    letter-spacing: 1px;
    text-decoration: none;
    background: linear-gradient(180deg, rgba(53,53,53,1) 1%, rgba(127,127,127,1) 8%, rgba(182,182,182,1) 20%, rgba(215,215,215,1) 35%, rgba(255,255,255,1) 50%, rgba(215,215,215,1) 65%, rgba(182,182,182,1) 80%, rgba(127,127,127,1) 92%, rgba(53,53,53,1) 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* #endregion */

@media only screen and (max-width: 768px) {
   
    /* #region TRENDS */
    .lbl-trends[b-sw88z0xsnj] {
        font-size: 12px;
    }
    /* #endregion */

}
/* /Games/CoxingGame/OddsTrends.razor.rz.scp.css */
.div-trends[b-44zvieny16] {
    display: flex;
    justify-content: space-between;
    font-family: 'Gobold Bold', sans-serif;
}

.lbl-trends[b-44zvieny16] {
    letter-spacing: 1px;
    text-decoration: none;
    background: linear-gradient(180deg, rgba(53,53,53,1) 1%, rgba(127,127,127,1) 8%, rgba(182,182,182,1) 20%, rgba(215,215,215,1) 35%, rgba(255,255,255,1) 50%, rgba(215,215,215,1) 65%, rgba(182,182,182,1) 80%, rgba(127,127,127,1) 92%, rgba(53,53,53,1) 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.div-legends[b-44zvieny16] {
    display: flex;
    gap: 10px;
}

.legend[b-44zvieny16] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    text-decoration: none;
    background: linear-gradient(180deg, rgba(53,53,53,1) 1%, rgba(127,127,127,1) 8%, rgba(182,182,182,1) 20%, rgba(215,215,215,1) 35%, rgba(255,255,255,1) 50%, rgba(215,215,215,1) 65%, rgba(182,182,182,1) 80%, rgba(127,127,127,1) 92%, rgba(53,53,53,1) 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.circle[b-44zvieny16] {
    width: 10px;
    height: 10px;
    border-radius: 50px;
}

.div-row[b-44zvieny16] {
    display: flex;
    flex-wrap: nowrap !important;
    overflow-y: hidden;
    overflow: auto;
    background: rgba(84, 79, 79, 0.15);
    border: 1px solid rgba(84, 79, 79, 0.4);
    outline: 2px solid rgba(143, 134, 134, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 10px;
}

.div-col[b-44zvieny16] {
    margin: 0 4px;
}

.status[b-44zvieny16] {
    font-family: 'Poppins', sans-serif;
    margin: 8px 2px;
    padding: 4px 0;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    text-align: center;
    font-size: 11px;
    font-weight: 900;
}

.cancelled[b-44zvieny16] {
    color: black;
    outline: 3px solid #a9a9a9;
    background-color: #d6d6d6;
    box-shadow: 0px 10px 10px #BDBDBD inset, 0px 3px 10px #E0E0E0, 0px -7px 10px #424242 inset;
}

.white[b-44zvieny16] {
    outline: 3px solid white;
    background-color: #ececec;
    box-shadow: 0px 10px 10px #ffffff inset, 0px 2px 10px #e1e1e1, 0px -10px 10px #BDBDBD inset;
}

.red[b-44zvieny16] {
    outline: 3px solid #D50000;
    background-color: #bd0b0b;
    box-shadow: 0px 10px 10px #ff1515 inset, 0px 2px 10px rgba(196, 16, 16, 0.57), 0px -10px 10px #91050a inset;
}

.draw[b-44zvieny16] {
    outline: 3px solid #FFD600;
    background-color: #FDD835;
    box-shadow: 0px 10px 10px #FFF176 inset, 0px 3px 10px #F57F17, 0px -7px 10px #FFC400 inset;
}

[b-44zvieny16]::-webkit-scrollbar {
    height: 10px;
}

[b-44zvieny16]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}

[b-44zvieny16]::-webkit-scrollbar-thumb {
    background: rgba(84, 79, 79, 0.55);
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {

    .lbl-trends[b-44zvieny16] {
        font-size: 14px;
    }

    .legend[b-44zvieny16] {
        font-size: 10px;
    }

    .circle[b-44zvieny16] {
        width: 8px;
        height: 8px;
    }

    .div-row[b-44zvieny16] {
        /*max-width: 300px;*/
    }

    .status[b-44zvieny16] {
        width: 20px;
        height: 20px;
        font-size: 8px;
    }
}
/* /Games/FutureGame/BetOnRed.razor.rz.scp.css */
.main-container[b-o2c1wxuy1i] {
    border: 2px solid #af4141;
    border-radius: 10px;
    height: 100%;
    position: relative;
}

/* #region LABEL */
.lbl-red[b-o2c1wxuy1i] {
    color: white;
    font-size: 15px;
    background: #af4141;
    text-align: center;
    border-radius: 6px 6px 0 0;
}
/* #endregion */

/* #region SELECT */
.sel-match[b-o2c1wxuy1i] {
    width: 100%;
    background: transparent;
}

input[b-o2c1wxuy1i] {
    color: #a8a9ad;
    background-color: #252831;
    border: none;
    border-bottom: 1px solid white;
}

    input:focus[b-o2c1wxuy1i] {
        color: #a8a9ad;
        background-color: #252831;
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

[b-o2c1wxuy1i]::placeholder {
    color: #9fa1a5;
    font-style: italic;
    font-size: 12px;
}
/* #endregion */

/* #region HEADER */
.div-header[b-o2c1wxuy1i] {
    color: white;
    display: grid;
    grid-template-columns: 1fr 1fr 0.5fr;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}
/* #endregion */

/* #region ITEMS */
.div-items[b-o2c1wxuy1i] {
    height: 145px;
    overflow-y: auto;
    padding-bottom: 21px;
}

.div-row[b-o2c1wxuy1i] {
    overflow-y: auto;
    color: white;
    display: grid;
    grid-template-columns: 1fr 1fr 0.5fr;
    font-size: 12px;
    text-align: center;
    align-content: center;
    align-items: center;
    padding: 1px;
    margin-bottom: 2px;
}

.amount[b-o2c1wxuy1i] {
    border: 1px solid #696b6f;
}

.odd[b-o2c1wxuy1i] {
    background: #212529;
}

.even[b-o2c1wxuy1i] {
    background: #292d31;
}

.fa-square-xmark[b-o2c1wxuy1i] {
    color: #af4141;
}
/* #endregion */

/* #region BET AMOUNT CONTAINER */
.betamnt_container[b-o2c1wxuy1i] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    font-size: 13px;
    padding: 2px 5px;
    display: flex;
    justify-content: space-between;
    background: #1d1e26;
    border-radius: 0 0 10px 10px;
}
/* #endregion */

@media only screen and (max-width: 480px) {
    .lbl-red[b-o2c1wxuy1i] {
        font-size: 13px;
    }

    .div-header[b-o2c1wxuy1i] {
        font-size: 12px;
        align-items: center;
    }

    .div-items[b-o2c1wxuy1i] {
        padding-bottom: 14px;
    }

    .fa-square-xmark[b-o2c1wxuy1i] {
        font-size: 12px;
    }

    .betamnt_container[b-o2c1wxuy1i] {
        font-size: 12px;
    }
}


/* /Games/FutureGame/BetOnWhite.razor.rz.scp.css */
.main-container[b-chpvqxabl3] {
    border: 2px solid white;
    border-radius: 10px;
    height: 100%;
    position: relative;
}

/* #region LABEL */
.lbl-white[b-chpvqxabl3] {
    color: black;
    font-size: 15px;
    background: white;
    text-align: center;
    border-radius: 6px 6px 0 0;
}
/* #endregion */

/* #region SELECT */
.sel-match[b-chpvqxabl3] {
    width: 100%;
    background: transparent;
}

input[b-chpvqxabl3] {
    color: #a8a9ad;
    background-color: #252831;
    border: none;
    border-bottom: 1px solid white;
}

    input:focus[b-chpvqxabl3] {
        color: #a8a9ad;
        background-color: #252831;
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

[b-chpvqxabl3]::placeholder {
    color: #9fa1a5;
    font-style: italic;
    font-size: 12px;
}
/* #endregion */

/* #region HEADER */
.div-header[b-chpvqxabl3] {
    color: white;
    display: grid;
    grid-template-columns: 1fr 1fr 0.5fr;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}
/* #endregion */

/* #region ITEMS */
.div-items[b-chpvqxabl3] {
    height: 145px;
    overflow-y: auto;
    padding-bottom: 21px;
}

.div-row[b-chpvqxabl3] {
    overflow-y: auto;
    color: white;
    display: grid;
    grid-template-columns: 1fr 1fr 0.5fr;
    font-size: 12px;
    text-align: center;
    align-content: center;
    align-items: center;
    padding: 1px;
    margin-bottom: 2px;
}

.amount[b-chpvqxabl3] {
    border: 1px solid #696b6f;
}

.odd[b-chpvqxabl3] {
    background: #212529;
}

.even[b-chpvqxabl3] {
    background: #292d31;
}

.fa-square-xmark[b-chpvqxabl3] {
    color: #af4141;
}
/* #endregion */

/* #region BET AMOUNT CONTAINER */
.betamnt_container[b-chpvqxabl3] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    font-size: 13px;
    padding: 2px 5px;
    display: flex;
    justify-content: space-between;
    background: #1d1e26;
    border-radius: 0 0 10px 10px;
}
/* #endregion */

@media only screen and (max-width: 480px) {

    .lbl-white[b-chpvqxabl3] {
        font-size: 13px;
    }

    .div-header[b-chpvqxabl3] {
        font-size: 12px;
        align-items: center;
    }

    .div-items[b-chpvqxabl3] {
        padding-bottom: 14px;
    }

    .fa-square-xmark[b-chpvqxabl3] {
        font-size: 12px;
    }

    .betamnt_container[b-chpvqxabl3] {
        font-size: 12px;
    }
}
/* /Games/FutureGame/FutureGame.razor.rz.scp.css */
.main-container[b-sr99jz7swh] {
    color: #FAFAFA;
    font-family: "Montserrat", sans-serif;
    height: 100%;
    position: relative;
}

/* #region MATCH DETAILS */
.match-dtl[b-sr99jz7swh] {
    padding: 10px 0;
    font-size: 30px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.sel-match[b-sr99jz7swh] {
    font-size: 25px;
    font-weight: bold;
}

.btn-mybets[b-sr99jz7swh] {
    color: white;
    height: 38px;
    font-size: 16px;
    border: 3px solid #C1272D;
    border-radius: 8px;
    padding: 0px 20px;
    background-color: transparent;
}
/* #endregion */

/* #region BETS */
.bets[b-sr99jz7swh] {
    display: flex;
    justify-content: space-evenly;
    gap: 15px;
}

    .bets div[b-sr99jz7swh] {
        width: 100%;
        height: 240px;
    }
/* #endregion */

/* #region TOTAL */
.total[b-sr99jz7swh] {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    bottom: 0;
    right: 0;
    width: 100%;
    margin-bottom: 1px;
}
/* #endregion */

/* #region BET CONFIRM */
.bet-container[b-sr99jz7swh] {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.btn-bet[b-sr99jz7swh] {
    width: 100%;
    height: 40px;
    color: white;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 10px;
    background: linear-gradient(90deg, #7D2127 0%, #C1272D 100%);
}
/* #endregion */

@media only screen and (max-width: 480px) {
    .sel-match[b-sr99jz7swh] {
        font-size: 20px;
    }

    .btn-mybets[b-sr99jz7swh] {
        height: 35px;
        font-size: 14px;
    }
}
/* /Games/FutureGame/FutureGameHistory.razor.rz.scp.css */
.main-container[b-606ckmib7b] {
    padding: 20px;
    color: #a8a9ad;
    position: relative;
    border-radius: 20px;
}

.header-container[b-606ckmib7b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px 15px;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(91.19deg, #121214 17.72%, #331832 52.61%, #842228 79.55%, #C0272D 98.98%);
}

    .header-container h6[b-606ckmib7b] {
        margin: auto;
    }

.tables-container[b-606ckmib7b] {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    gap: 2px;
}

/* #region TABLE DATE */
.date-table[b-606ckmib7b] {
    flex: 4;
}

.date-header[b-606ckmib7b] {
    display: grid;
    grid-template-columns: repeat(4, 0.5fr);
    text-align: center;
    align-items: center;
    font-size: 13px;
    gap: 2px;
}

    .date-header label[b-606ckmib7b] {
        height: 30px;
        align-content: center;
    }

.date-dtl[b-606ckmib7b] {
    flex: 4;
    display: grid;
    grid-template-columns: repeat(4, 0.5fr);
    text-align: center;
    align-items: center;
    font-size: 13px;
    gap: 2px;
    margin-bottom: 2px;
}

    .date-dtl label[b-606ckmib7b] {
        height: 30px;
        align-content: center;
    }

.odd[b-606ckmib7b] {
    background: #212529;
}

.even[b-606ckmib7b] {
    background: #292d31;
}
/* #endregion */

/* #region TABLE TREND */
.trend-table[b-606ckmib7b] {
    flex: 8;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
}

.trend-header[b-606ckmib7b] {
    display: flex;
    gap: 2px;
    font-size: 13px;
}

    .trend-header label[b-606ckmib7b] {
        text-align: center;
        align-content: center;
        width: 30px;
        height: 30px;
        flex-shrink: 0;
    }

.trend-dtl[b-606ckmib7b] {
    display: flex;
    gap: 2px;
    font-size: 13px;
    margin-bottom: 2px;
}

    .trend-dtl label[b-606ckmib7b] {
        text-align: center;
        align-content: center;
        width: 30px;
        height: 30px;
        border-radius: 8px;
        flex-shrink: 0;
    }

.white[b-606ckmib7b] {
    background: #EEEEEE;
}

.red[b-606ckmib7b] {
    background: #B3262C;
}
/* #endregion */

[b-606ckmib7b]::-webkit-scrollbar {
    height: 8px;
}

[b-606ckmib7b]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}

[b-606ckmib7b]::-webkit-scrollbar-thumb {
    background: rgba(84, 79, 79, 0.55);
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    .date-table[b-606ckmib7b] {
        overflow-x: auto;
        white-space: nowrap;
        max-width: 100%;
    }

    .date-header label[b-606ckmib7b], .date-dtl label[b-606ckmib7b] {
        width: 80px;
    }
}
/* /Games/LottoGame/Component/CombinationDisplay.razor.rz.scp.css */
.combi-div[b-w0xhqouyyy] {
    display: flex;
    justify-content: center;
    gap: 10px;
}

    .combi-div label[b-w0xhqouyyy] {
        font-size: 60px;
        font-weight: bolder;
        text-align: center;
    }

.lbl-white[b-w0xhqouyyy] {
    color: #1D1E26;
    background: #eeeeee;
    width: 65px;
    border-radius: 10px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #1D1E26;
}

.lbl-red[b-w0xhqouyyy] {
    color: #fafafa;
    background: #B3262C;
    width: 65px;
    border-radius: 10px;
}

@media only screen and (max-width: 480px) {
    .combi-div label[b-w0xhqouyyy] {
        font-size: 45px;
    }
}
/* /Games/LottoGame/Component/HistoryCombinationDisplay.razor.rz.scp.css */
.table > :not(caption) > * > *[b-b5fmoju51d] {
    padding: 0 !important;
}

.combination[b-b5fmoju51d] {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.lbl-white[b-b5fmoju51d] {
    color: #1d1e26;
    background: #EEEEEE;
    width: 20px;
    border-radius: 5px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #1d1e26;
}

.lbl-red[b-b5fmoju51d] {
    color: #fafafa;
    background: #B3262C;
    width: 20px;
    border-radius: 5px;
}

.lbl-dash[b-b5fmoju51d] {
    font-weight: bold;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fafafa;
}

@media only screen and (max-width: 768px) {
    .combination[b-b5fmoju51d] {
        width: 150px;
    }
}
/* /Games/LottoGame/Component/LottoBetting.razor.rz.scp.css */
.main-container[b-dozmdi6pmb] {
    width: 650px;
    background: #121214;
    color: #eeeeee;
    padding: 20px;
    border-radius: 20px;
    position: relative;
    font-family: "Montserrat", sans-serif;
}

/* #region CLOSE */
.iClose[b-dozmdi6pmb] {
    position: absolute;
    right: 2%;
    top: 2.5%;
    cursor: pointer;
    font-size: 20px;
    z-index: 9;
}

/* #endregion */

/* #region HEADER CONTAINER */
.header-container[b-dozmdi6pmb] {
    position: absolute;
    color: white;
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px 15px;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(91.19deg, #121214 17.72%, #331832 52.61%, #842228 79.55%, #C0272D 98.98%);
}

    .header-container h5[b-dozmdi6pmb] {
        margin: auto;
    }
/* #endregion */

/* #region BETTING */
.bet-container[b-dozmdi6pmb] {
    padding-top: 40px;
    display: flex;
    justify-content: space-evenly;
    gap: 10px;
}

.betvalues-cont[b-dozmdi6pmb] {
    width: 45%;
    display: flex;
    gap: 10px;
}

.white-cont[b-dozmdi6pmb] {
    background: #1d1e26;
    width: 100%;
    border-radius: 8px;
}

.white-combi[b-dozmdi6pmb] {
    display: flex;
    padding: 5px 15px;
    gap: 8px;
}

.white-inpt[b-dozmdi6pmb] {
    width: 100%;
    height: 45px;
    border-radius: 8px;
    border: none;
    background: white;
    text-align: center;
}

.red-cont[b-dozmdi6pmb] {
    background: #1d1e26;
    width: 100%;
    border-radius: 8px;
}

.red-combi[b-dozmdi6pmb] {
    display: flex;
    padding: 5px 15px;
    gap: 8px;
}

.red-inpt[b-dozmdi6pmb] {
    color: white;
    width: 100%;
    height: 45px;
    border-radius: 8px;
    border: none;
    background: #8d2329;
    text-align: center;
}
/* #endregion */

/* #region BETTING OPTION */
.betoption-cont[b-dozmdi6pmb] {
    width: 55%;
}

.betopt[b-dozmdi6pmb] {
    display: flex;
    justify-content: center;
    gap: 5px;
}

    .betopt button[b-dozmdi6pmb] {
        width: 90px;
        height: 35px;
        color: white;
        background: #1d1e26;
        border-radius: 8px;
        border: none;
    }

.active[b-dozmdi6pmb] {
    background: #7f2127 !important;
}

.form-group label[b-dozmdi6pmb] {
    font-size: 13px;
    color: #a8a9ad;
}

.btn[b-dozmdi6pmb] {
    height: 35px;
    font-size: 13px;
    color: #a8a9ad;
    background: #1d1e26;
    border: none;
    width: 100%;
    display: flex !important;
    justify-content: space-between !important;
    align-content: center !important;
    align-items: center !important;
}

    .btn:focus[b-dozmdi6pmb], .btn:active[b-dozmdi6pmb] {
        outline: none;
        box-shadow: none;
    }

.dropdown-menu[b-dozmdi6pmb] {
    background: #212529 !important;
    width: 100%;
}

.dropdown-item[b-dozmdi6pmb] {
    color: white !important;
}

    .dropdown-item:hover[b-dozmdi6pmb] {
        background: #7f2127;
    }

.bet-amnt[b-dozmdi6pmb] {
    font-size: 13px;
    height: 35px;
    width: 100%;
    background: #1d1e26;
    border: none;
    color: #a8a9ad;
    padding: 10px;
}

    .bet-amnt:focus[b-dozmdi6pmb], .bet-amnt:active[b-dozmdi6pmb] {
        outline: none;
    }

.btn-confirm[b-dozmdi6pmb] {
    color: white;
    width: 100%;
    height: 35px;
    font-weight: bolder;
    background: linear-gradient(90deg, #7D2127 0%, #C1272D 100%);
    border: none;
    border-radius: 8px;
    text-transform: uppercase;
}
/* #endregion */

@media only screen and (max-width: 768px) {
    .main-container[b-dozmdi6pmb] {
        width: 350px;
    }

    .iClose[b-dozmdi6pmb] {
        right: 5%;
        top: 2.5%;
    }

    .bet-container[b-dozmdi6pmb] {
        display: block;
    }

    .betvalues-cont[b-dozmdi6pmb] {
        width: 100%;
    }

    .white-cont[b-dozmdi6pmb], .red-cont[b-dozmdi6pmb] {
        padding-bottom: 10px;
    }

    .betoption-cont[b-dozmdi6pmb] {
        padding-top: 15px;
        width: 100%;
    }

}
/* /Games/LottoGame/Lotto.razor.rz.scp.css */
.main-container[b-9v4gmj2e3y] {
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    height: 100%;
    position: relative;
}

/* #region MY LOTTO */
.mylotto[b-9v4gmj2e3y] {
    padding: 10px 0;
}

.btn-mylotto[b-9v4gmj2e3y] {
    color: white;
    width: 100%;
    height: 38px;
    border: 3px solid #B3262C;
    border-radius: 8px;
    background-color: transparent;
}
/* #endregion */

/* #region MATCH DETAILS */
.match-dtl[b-9v4gmj2e3y] {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}

h4[b-9v4gmj2e3y] {
    font-weight: bold;
}

.jackpot[b-9v4gmj2e3y] {
    margin-top: -25px;
    text-align: center;
    font-size: 80px;
    font-weight: bolder;
    letter-spacing: 5px;
    color: #FFD269;
}
/* #endregion */

/* #region BET CONFIRM */
.bet-container[b-9v4gmj2e3y] {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.btn-bet[b-9v4gmj2e3y] {
    text-align: center;
    align-content: center;
    width: 100%;
    height: 40px;
    color: white;
    font-size: 20px;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #7D2127 0%, #C1272D 100%);
}
/* #endregion */

@media only screen and (max-width: 480px) {

    .btn-mylotto[b-9v4gmj2e3y] {
        height: 35px;
        font-size: 14px;
    }

    .jackpot[b-9v4gmj2e3y] {
        margin-top: -10px;
        font-size: 60px;
    }
}
/* /Games/LottoGame/LottoBets.razor.rz.scp.css */
.main-container[b-mo143q9j68] {
    width: 800px;
    background: #121214;
    color: #eeeeee;
    padding: 20px;
    border-radius: 20px;
    position: relative;
    font-family: "Montserrat", sans-serif;
}

/* #region CLOSE */
.iClose[b-mo143q9j68] {
    position: absolute;
    right: 2%;
    top: 4%;
    cursor: pointer;
    font-size: 20px;
    z-index: 9;
}
/* #endregion */

/* #region HEADER CONTAINER */
.header-container[b-mo143q9j68] {
    position: absolute;
    color: white;
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px 15px;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(91.19deg, #121214 17.72%, #331832 52.61%, #842228 79.55%, #C0272D 98.98%);
}

    .header-container h5[b-mo143q9j68] {
        margin: auto;
    }
/* #endregion */

/* #region SEARCH CONTAINER */
.search-container[b-mo143q9j68] {
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #a8a9ad;
}

.search-input[b-mo143q9j68] {
    height: 25px;
    color: #a6a8a9;
    background: transparent;
    border: 1px solid #454850;
}

    .search-input:focus[b-mo143q9j68] {
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

.dd-container[b-mo143q9j68] {
    position: relative;
    font-size: 13px;
}

.pagesize[b-mo143q9j68] {
    width: 45px;
}

    .pagesize:disabled[b-mo143q9j68] {
        background: transparent;
        color: #a6a8a9;
        border: 1px solid #a6a8a9;
    }

.fa-angle-down[b-mo143q9j68] {
    position: absolute;
    top: 26%;
    left: 28px;
    font-size: 12px;
    color: #a6a8a9;
}

.dropdown-menu[b-mo143q9j68] {
    background: #212529 !important;
    min-width: 10px !important;
}

.dropdown-item[b-mo143q9j68] {
    color: white !important;
    font-size: 13px;
}

    .dropdown-item:hover[b-mo143q9j68] {
        background: #af4141;
    }
/* #endregion */

/* #region TABLE */
.table[b-mo143q9j68] {
    font-size: 13px;
    color: #a6a8a9;
}

    .table > :not(caption) > * > *[b-mo143q9j68] {
        padding: 0 !important;
    }

    .table label[b-mo143q9j68] {
        font-weight: 500;
    }

.table-header[b-mo143q9j68] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    text-align: center;
}

.table-items[b-mo143q9j68] {
    border: none;
}

.table-row[b-mo143q9j68] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    text-align: center;
    border-style: solid;
    border-color: #374558;
    border-width: 0px 0px 1px 0px;
    padding: 4px;
}

.odd[b-mo143q9j68] {
    background: #212529;
}

.even[b-mo143q9j68] {
    background: #292d31;
}

.combination[b-mo143q9j68] {
    display: flex;
    justify-content: center;
    text-align: center;
    gap: 5px;
}

.lbl-white[b-mo143q9j68] {
    align-content: center;
    color: #1d1e26;
    background: #eeeeee;
    width: 25px;
    height: 25px;
    border-radius: 8px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #1d1e26;
}

.lbl-red[b-mo143q9j68] {
    align-content: center;
    color: #fafafa;
    background: #B3262C;
    width: 25px;
    height: 25px;
    border-radius: 8px;
}

.lbl-dash[b-mo143q9j68] {
    font-weight: bold;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fafafa;
}
/* #endregion */

/* #region PAGING CONTAINER */
.paging-container[b-mo143q9j68] {
    display: flex;
    justify-content: space-between;
}

.shown-record[b-mo143q9j68] {
    font-size: 12px;
    color: #a6a8a9;
}

.page-button button[b-mo143q9j68] {
    width: 80px;
    color: #a6a8a9;
    font-size: 13px;
    background: #292d31;
    border: 2px outset #374558;
    border-radius: 5px;
}

    .page-button button:disabled[b-mo143q9j68] {
        color: #a6a8a9;
        background: transparent;
        border: none;
    }
/* #endregion */

@media only screen and (max-width: 768px) {
    .main-container[b-mo143q9j68] {
        width: 350px;
    }

    .iClose[b-mo143q9j68] {
        right: 5%;
        top: 2.5%;
    }

    .search-container[b-mo143q9j68] {
        display: block;
        text-align: center;
        margin-bottom: 30px !important;
    }

    .dd-container[b-mo143q9j68] {
        margin: 10px 0;
    }

    .fa-angle-down[b-mo143q9j68] {
        left: 105px;
    }

    .table[b-mo143q9j68] {
        white-space: nowrap;
        overflow: auto;
        margin-bottom: 0;
    }

    .table-header[b-mo143q9j68] {
        width: 100%;
        display: table;
        margin-bottom: 5px;
    }

        .table-header label[b-mo143q9j68] {
            width: 150px;
            display: inline-block;
        }

    .table-items[b-mo143q9j68] {
        width: 100%;
        display: table;
    }

        .table-items label[b-mo143q9j68] {
            width: 150px;
        }

    .table-row[b-mo143q9j68] {
        padding: 5px 0;
    }

    .combination[b-mo143q9j68] {
        width: 150px;
    }

    .lbl-dash[b-mo143q9j68] {
        width: 80px !important;
    }

    .paging-container[b-mo143q9j68] {
        display: block;
        text-align: center;
    }

    .shown-record[b-mo143q9j68] {
        margin-bottom: 10px;
    }
}
/* /Games/LottoGame/LottoHistory.razor.rz.scp.css */
.main-container[b-8wr200zwsf] {
    padding: 20px;
    color: #a8a9ad;
    position: relative;
    border-radius: 20px;
    font-family: "Montserrat", sans-serif;
}

/* #region HEADER CONTAINER */
.header-container[b-8wr200zwsf] {
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    width: 100%;
    padding: 12px 15px;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(91.19deg, #121214 17.72%, #331832 52.61%, #842228 79.55%, #C0272D 98.98%);
}

    .header-container h6[b-8wr200zwsf] {
        margin: auto;
    }
/* #endregion */

/* #region SEARCH CONTAINER */
.search-cont[b-8wr200zwsf] {
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #a8a9ad;
}

.search-input[b-8wr200zwsf] {
    height: 25px;
    color: #87898e;
    background: transparent;
    border: 1px solid #454850;
}

    .search-input:focus[b-8wr200zwsf] {
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }


.dd-container[b-8wr200zwsf] {
    position: relative;
    font-size: 13px;
}

.pagesize[b-8wr200zwsf] {
    width: 45px;
}

    .pagesize:disabled[b-8wr200zwsf] {
        background: transparent;
        color: #87898e;
        border: 1px solid #87898e;
    }

.fa-angle-down[b-8wr200zwsf] {
    position: absolute;
    top: 26%;
    left: 28px;
    font-size: 12px;
    color: #87898e;
}

.dropdown-menu[b-8wr200zwsf] {
    background: #212529 !important;
    min-width: 10px !important;
}

.dropdown-item[b-8wr200zwsf] {
    color: white !important;
    font-size: 13px;
}

    .dropdown-item:hover[b-8wr200zwsf] {
        background: #af4141;
    }
/* #endregion */

/* #region TABLE */
.table[b-8wr200zwsf] {
    padding-top: 30px;
    width: 100%;
    color: #a8a9ad;
}

    .table > :not(caption) > * > *[b-8wr200zwsf] {
        padding: 0 !important;
    }

.div-header[b-8wr200zwsf] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    text-align: center;
    font-size: 13px;
}

.table-items[b-8wr200zwsf] {
    border: none;
}

.div-row[b-8wr200zwsf] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    text-align: center;
    font-size: 13px;
    border-style: solid;
    border-color: #374558;
    border-width: 0px 0px 1px 0px;
    padding: 4px;
}

.odd[b-8wr200zwsf] {
    background: #212529;
}

.even[b-8wr200zwsf] {
    background: #292d31;
}

.result[b-8wr200zwsf] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.red[b-8wr200zwsf] {
    width: 40px;
    height: 12px;
    background: #B3262C;
    border-radius: 10px;
}

.white[b-8wr200zwsf] {
    width: 40px;
    height: 12px;
    background: #EEEEEE;
    border-radius: 10px;
}

.cancelled[b-8wr200zwsf] {
    width: 40px;
    height: 12px;
    background: transparent;
    border: 1px dashed gray;
    border-radius: 10px;
}
/* #endregion */

/* #region PAGING CONTAINER */
.paging-container[b-8wr200zwsf] {
    display: flex;
    justify-content: space-between;
}

.shown-record[b-8wr200zwsf] {
    font-size: 12px;
}

.page-button button[b-8wr200zwsf] {
    width: 80px;
    color: #a8a9ad;
    font-size: 13px;
    background: #292d31;
    border: 2px outset #374558;
    border-radius: 5px;
}

    .page-button button:disabled[b-8wr200zwsf] {
        color: #87898e;
        background: transparent;
        border: none;
    }
/* #endregion */

@media only screen and (max-width: 768px) {
    .main-container[b-8wr200zwsf] {
        padding: 20px 10px;
    }

    .search-cont[b-8wr200zwsf] {
        display: block;
        text-align: center;
    }

    .dd-container[b-8wr200zwsf] {
        padding-top: 10px;
    }

    .fa-angle-down[b-8wr200zwsf] {
        top: 45%;
        left: 117px;
    }

    .table[b-8wr200zwsf] {
        white-space: nowrap;
        overflow: auto;
        margin-bottom: 0;
    }

    .div-header[b-8wr200zwsf] {
        width: 100%;
        display: table;
        margin-bottom: 5px;
    }

        .div-header label[b-8wr200zwsf] {
            width: 150px;
            display: inline-block;
        }

    .table-items[b-8wr200zwsf] {
        width: 100%;
        display: table;
    }

        .table-items label[b-8wr200zwsf] {
            width: 150px;
        }

    .div-row[b-8wr200zwsf] {
        padding: 5px 0;
    }

    .result[b-8wr200zwsf] {
        width: 150px;
    }

    .red[b-8wr200zwsf], .white[b-8wr200zwsf] {
        width: 40px !important;
    }

    .paging-container[b-8wr200zwsf] {
        display: block;
        text-align: center;
    }

    .shown-record[b-8wr200zwsf] {
        margin-bottom: 10px;
    }
}
/* /Games/NumberGame/CombinationDisplay.razor.rz.scp.css */
.div-betvalue[b-rxhacwjjnp] {
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 500px;
    position: relative;
}

    .div-betvalue label[b-rxhacwjjnp] {
        margin-top: 5px;
        font-size: 25px;
        text-align: center;
        width: 80px;
        height: 40px;
        color: white;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.3);
    }

.div-delete[b-rxhacwjjnp] {
    position: absolute;
    top: 10%;
    right: 9.5%;
}

    .div-delete i[b-rxhacwjjnp] {
        color: #e86464;
        cursor: pointer;
    }

@media only screen and (max-width: 768px) {
    .div-betvalue[b-rxhacwjjnp] {
        width: 280px;
        gap: 7px;
    }

        .div-betvalue label[b-rxhacwjjnp] {
            width: 36px;
            height: 35px;
            padding-top: 2px;
            font-size: 20px;
        }

    .div-delete[b-rxhacwjjnp] {
        right: 12%;
    }

        .div-delete i[b-rxhacwjjnp] {
            font-size: 18px;
        }
}
/* /Games/NumberGame/NumberGame.razor.rz.scp.css */
.main-container[b-xok5ywig67] {
    padding-top: 35px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-container[b-xok5ywig67] {
    margin: 10px 5px;
    padding: 10px 5px;
    width: 700px;
    background: rgba(0, 0, 10, 0.6);
}

/* #region HEADER */
.div-header[b-xok5ywig67] {
    display: flex;
    justify-content: space-between;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    height: 52px;
}

.header[b-xok5ywig67] {
    flex: 1;
}

    .header:nth-child(2)[b-xok5ywig67] {
        flex: 2.5;
    }
/* #endregion */


/* #region WHITE & RED */
.div-players[b-xok5ywig67] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .div-players div[b-xok5ywig67] {
        height: 37.5px;
        text-align: center;
        font-size: 25px;
        width: 170px;
        border-radius: 5px;
        font-weight: bolder;
    }

.white[b-xok5ywig67] {
    background: var(--leftBackground);
    box-shadow: 0px 2px 8px white;
    color: black;
}

.red[b-xok5ywig67] {
    background: linear-gradient(138deg, rgba(150,0,0,1) 1%, rgba(176,24,24,1) 8%, rgba(210,72,72,1) 20%, rgba(224,109,109,1) 35%, rgba(242,183,183,1) 50%, rgba(224,109,109,1) 65%, rgba(210,72,72,1) 80%, rgba(176,24,24,1) 92%, rgba(150,0,0,1) 99%);
    color: black;
    box-shadow: 0px 2px 8px #fd5c63;
}
/* #endregion */


/* #region JACKPOT */
.div-jackpot[b-xok5ywig67] {
    text-align: center;
}

.lbl-jackpot[b-xok5ywig67] {
    font-weight: 750;
    text-decoration: none;
    background: linear-gradient(140deg, rgba(13,33,36,1) 0%, rgba(70,103,108,1) 10%, rgba(114,148,153,1) 20%, rgba(146,173,177,1) 30%, rgba(182,208,212,1) 40%, rgba(247,254,255,1) 50%, rgba(214,229,231,1) 60%, rgba(171,197,201,1) 70%, rgba(143,174,179,1) 80%, rgba(111,142,147,1) 90%, rgba(69,95,99,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lbl-prize[b-xok5ywig67] {
    margin-top: -12px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 900;
    background: linear-gradient(0deg, rgba(191,149,63,1) 5%, rgba(251,245,183,1) 32%, rgba(255,251,213,1) 48%, rgba(251,245,183,1) 67%, rgba(191,149,63,1) 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: glow-b-xok5ywig67 5s ease-in-out infinite alternate;
}

/* #region GLOW */
@keyframes glow-b-xok5ywig67 {
    0% {
        text-shadow: 0 0 0 rgba(191,149,63, 0.8);
    }

    10% {
        text-shadow: 0 0 40px rgba(251,245,183, 0.8);
    }

    20% {
        text-shadow: 0 0 0 rgba(191,149,63, 0.8);
    }

    30% {
        text-shadow: 0 0 40px rgba(251,245,183, 0.8);
    }

    40% {
        text-shadow: 0 0 0 rgba(191,149,63, 0.8);
    }

    50% {
        text-shadow: 0 0 40px rgba(251,245,183, 0.8);
    }

    60% {
        text-shadow: 0 0 0 rgba(191,149,63, 0.8);
    }

    70% {
        text-shadow: 0 0 40px rgba(251,245,183, 0.8);
    }

    80% {
        text-shadow: 0 0 0 rgba(191,149,63, 0.8);
    }

    90% {
        text-shadow: 0 0 40px rgba(251,245,183, 0.8);
    }

    100% {
        text-shadow: 0 0 0 rgba(191,149,63, 10);
    }
}

.lbl-prize:nth-child(1)[b-xok5ywig67] {
    animation-delay: 0s;
}

.lbl-prize:nth-child(2)[b-xok5ywig67] {
    animation-delay: 0.1s;
}

.lbl-prize:nth-child(3)[b-xok5ywig67] {
    animation-delay: 0.2s;
}

.lbl-prize:nth-child(4)[b-xok5ywig67] {
    animation-delay: 0.3s;
}

.lbl-prize:nth-child(5)[b-xok5ywig67] {
    animation-delay: 0.4s;
}

.lbl-prize:nth-child(6)[b-xok5ywig67] {
    animation-delay: 0.5s;
}

.lbl-prize:nth-child(7)[b-xok5ywig67] {
    animation-delay: 0.6s;
}

.lbl-prize:nth-child(8)[b-xok5ywig67] {
    animation-delay: 0.7s;
}

.lbl-prize:nth-child(9)[b-xok5ywig67] {
    animation-delay: 0.8s;
}

.lbl-prize:nth-child(10)[b-xok5ywig67] {
    animation-delay: 0.9s;
}

.lbl-prize:nth-child(11)[b-xok5ywig67] {
    animation-delay: 1.0s;
}

.lbl-prize:nth-child(12)[b-xok5ywig67] {
    animation-delay: 1.1s;
}

.lbl-prize:nth-child(13)[b-xok5ywig67] {
    animation-delay: 1.2s;
}
/* #endregion */

/* #endregion  */


/* #region NUMBERS */
.div-buttons[b-xok5ywig67] {
    margin-top: 5px;
    background: rgba(0, 0, 10, 0.6);
    border-radius: 20px;
}

.div-amount[b-xok5ywig67] {
    display: flex;
    color: white;
    justify-content: space-between;
    padding: 10px 20px 0 20px;
}

.div-numbers[b-xok5ywig67] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    justify-items: center;
    align-items: center;
    padding: 10px;
}

.btn[b-xok5ywig67] {
    color: black;
    width: 50px;
    font-weight: bolder;
    background-color: palegoldenrod;
    border: 3px darkgoldenrod solid;
    border-radius: 8px;
}
/* #endregion */


/* #region MULTIPLIER */
.div-multiplier[b-xok5ywig67] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(5, 1fr);
    padding: 10px 10px 0 10px;
}

    .div-multiplier button[b-xok5ywig67] {
        height: 40px;
        border-radius: 10px;
        font-weight: bolder;
    }

.btn_gradient_border[b-xok5ywig67] {
    border: 5px double transparent;
    background-image: linear-gradient(rgb(69,95,99, 0.2), rgb(186,217,205)), radial-gradient(circle at left top, #0d2124, #46676c, #729499, #92adb1, #b6d0d4, #f7feff, #b6d0d4, #92adb1, #729499, #46676c, #0d2124);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
/* #endregion */


/* #region SUBMIT */
.btn-submit[b-xok5ywig67] {
    display: flex;
    justify-content: center;
    padding: 10px 10px 0 10px;
}

.btns[b-xok5ywig67] {
    width: 300px;
    height: 40px;
    color: black;
    text-transform: uppercase;
    font-weight: bolder;
    border-color: darkgoldenrod;
    border-radius: 20px;
    outline: 1px solid;
    outline-color: darkgoldenrod;
    transition: all .2s;
    background-image: -webkit-linear-gradient(left, #0f0f0f, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c, #0f0f0f);
}

    .btns:hover[b-xok5ywig67] {
        outline-color: rgba(255, 255, 255, 0);
        outline-offset: 15px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }

    .btns:focus[b-xok5ywig67] {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }
/* #endregion */


/* #region NOTE */
.div-note[b-xok5ywig67] {
    background: rgba(0, 0, 10, 0.6);
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
    color: white;
    font-size: 12px;
}
/* #endregion */


/* #region TRENDS */
.div-trends[b-xok5ywig67] {
    background: rgba(0, 0, 10, 0.6);
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
    color: white;
    text-transform: uppercase;
}
/* #endregion */


.active[b-xok5ywig67] {
    border: 5px solid green;
}

@media only screen and (max-width: 768px) {

    /* #region HEADER */
    .div-header[b-xok5ywig67] {
        height: 40px;
    }

    .header:nth-child(2)[b-xok5ywig67] {
        flex: 1;
    }
    /* #endregion */


    /* #region WHITE & RED */
    .div-players[b-xok5ywig67] {
    }

        .div-players div[b-xok5ywig67] {
            width: 75px;
            height: 28px;
            font-size: 15px;
            padding-top: 4px;
        }
    /* #endregion */


    /* #region JACKPOT */
    .div-jackpot[b-xok5ywig67] {
    }

    .lbl-jackpot[b-xok5ywig67] {
        font-size: 10px;
    }

    .lbl-prize[b-xok5ywig67] {
        margin-top: -5px;
        font-size: 12px;
    }
    /* #endregion */


    /* #region NUMBERS */
    .div-amount[b-xok5ywig67] {
        font-size: 13px;
    }
    /* #endregion */


    /* #region SUBMIT */
    .btns[b-xok5ywig67] {
        width: 260px;
        height: 38px;
    }
    /* #endregion */


    /* #region TRENDS */
    .lbl-trends[b-xok5ywig67] {
        font-size: 12px;
    }
    /* #endregion */
}
/* /Games/NumberGame/NumberGameTrends.razor.rz.scp.css */
.main-container[b-knpryl3m2w] {
    /*max-width: 300px;*/
}

.lbl-trends[b-knpryl3m2w] {
    font-family: 'Gobold Bold', sans-serif;
    letter-spacing: 1px;
    text-decoration: none;
    background: linear-gradient(180deg, rgba(53,53,53,1) 1%, rgba(127,127,127,1) 8%, rgba(182,182,182,1) 20%, rgba(215,215,215,1) 35%, rgba(255,255,255,1) 50%, rgba(215,215,215,1) 65%, rgba(182,182,182,1) 80%, rgba(127,127,127,1) 92%, rgba(53,53,53,1) 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.div-row[b-knpryl3m2w] {
    display: flex;
    flex-wrap: nowrap !important;
    overflow-y: hidden;
    overflow: auto;
    background: rgba(84, 79, 79, 0.15);
    border: 1px solid rgba(84, 79, 79, 0.4);
    outline: 2px solid rgba(143, 134, 134, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    /*width: 100%;*/
}

.div-col[b-knpryl3m2w] {
    margin: 0 4px;
}

.status[b-knpryl3m2w] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px 2px;
    width: 50px;
    font-size: 10px;
    font-weight: bolder;
    font-family: 'Gobold Bold', sans-serif;
}

.cancelled[b-knpryl3m2w] {
    color: black;
    outline: 2px solid #a9a9a9;
    border-radius: 3px;
    padding: 2px;
    background-color: #d6d6d6;
    box-shadow: 0px 10px 10px #BDBDBD inset, 0px 2px 10px #E0E0E0, 0px -7px 10px #424242 inset;
}

.white[b-knpryl3m2w] {
    color: black;
    outline: 2px solid white;
    border-radius: 3px;
    letter-spacing: 4px;
    padding: 2px;
    background-color: #ececec;
    box-shadow: 0px 10px 10px #ffffff inset, 0px 2px 10px #e1e1e1, 0px -10px 10px #BDBDBD inset;
}

.red[b-knpryl3m2w] {
    outline: 2px solid #D50000;
    border-radius: 3px;
    letter-spacing: 4px;
    padding: 2px;
    background-color: #bd0b0b;
    box-shadow: 0px 10px 10px #ff1515 inset, 0px 2px 10px rgba(196, 16, 16, 0.57), 0px -10px 10px #91050a inset;
}

[b-knpryl3m2w]::-webkit-scrollbar {
    height: 10px;
}

[b-knpryl3m2w]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}

[b-knpryl3m2w]::-webkit-scrollbar-thumb {
    background: rgba(84, 79, 79, 0.55);
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    .main-container[b-knpryl3m2w] {
       /*width: 100%;*/
    }

    .div-row[b-knpryl3m2w] {
        /*max-width: 300px;*/
    }
}
/* /Games/OddsGame/Component/BetSelectionRed.razor.rz.scp.css */
.stakes-btn[b-4zusa51dcr] {
    width: 100%;
    font-family: "Montserrat", sans-serif;
}

.btn-red[b-4zusa51dcr] {
    width: 100%;
    height: 100px;
    border: none;
    border-radius: 8px;
    margin-bottom: 5px;
    padding: 5px;
    color: #FAFAFA;
    background: #7D2127;
    text-align: initial;
    font-family: 'Roboto', sans-serif;
    position: relative;
}

.div-header[b-4zusa51dcr] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 600;
}

.div-bets[b-4zusa51dcr] {
    display: flex;
    justify-content: space-between;
    font-size: 30px;
    font-weight: 700;
    vertical-align: text-top;
}

.usr-bets[b-4zusa51dcr] {
    font-size: 25px;
}

.active[b-4zusa51dcr] {
    cursor: pointer;
}

.selectedBet[b-4zusa51dcr] {
    outline: 5px solid #fdd43a !important;
}

.bar-div[b-4zusa51dcr] {
    position: absolute;
    width: 95%;
    bottom: 5px;
    display: flex;
    gap: 5px;
    align-items: center;
}

    .bar-div label[b-4zusa51dcr] {
        font-size: 14px;
    }


.red-bar[b-4zusa51dcr] {
    width: 100%;
    background-color: #d9d9d9;
    border-radius: 10px;
    border: 2px solid #FAFAFA;
}

.bg-bar[b-4zusa51dcr] {
    background: #42508C;
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    .div-bets[b-4zusa51dcr] {
        font-size: 25px;
    }

    .usr-bets[b-4zusa51dcr] {
        font-size: 20px;
    }
}
/* /Games/OddsGame/Component/BetSelectionWhite.razor.rz.scp.css */
.stakes-btn[b-7ki8wbkz6e] {
    width: 100%;
    font-family: "Montserrat", sans-serif;
}

.btn-white[b-7ki8wbkz6e] {
    width: 100%;
    height: 100px;
    border: none;
    border-radius: 8px;
    margin-bottom: 5px;
    color: #1C1D25;
    padding: 5px;
    background: #EEEEEE;
    text-align: initial;
    font-family: 'Roboto', sans-serif;
    position: relative;
}

.div-header[b-7ki8wbkz6e] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 600;
}

.div-bets[b-7ki8wbkz6e] {
    display: flex;
    justify-content: space-between;
    font-size: 30px;
    font-weight: 700;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #1C1D25;
    vertical-align: text-top;
}

.usr-bets[b-7ki8wbkz6e] {
    font-size: 25px;
}

.active[b-7ki8wbkz6e] {
    cursor: pointer;
}

.selectedBet[b-7ki8wbkz6e] {
    outline: 5px solid #fdd43a !important;
}

.bar-div[b-7ki8wbkz6e] {
    position: absolute;
    width: 95%;
    bottom: 5px;
    display: flex;
    gap: 5px;
    align-items: center;
}

    .bar-div label[b-7ki8wbkz6e] {
        font-size: 14px;
    }

.white-bar[b-7ki8wbkz6e] {
    width: 100%;
    background-color: #D9D9D9;
    border-radius: 10px;
    border: 2px solid black;
}

.bg-bar[b-7ki8wbkz6e] {
    background: #42508C;
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    .div-bets[b-7ki8wbkz6e] {
        font-size: 25px;
    }

    .usr-bets[b-7ki8wbkz6e] {
        font-size: 20px;
    }
}
/* /Games/OddsGame/OddsBet.razor.rz.scp.css */
.main-container[b-grcn3wbbox] {
    width: 800px;
    background: #121214;
    color: #eeeeee;
    padding: 20px;
    border-radius: 20px;
    position: relative;
    font-family: "Montserrat", sans-serif;
}

/* #region CLOSE */
.iClose[b-grcn3wbbox] {
    position: absolute;
    right: 2%;
    top: 4%;
    cursor: pointer;
    font-size: 20px;
    z-index: 9;
}
/* #endregion */

/* #region HEADER CONTAINER */
.header-container[b-grcn3wbbox] {
    position: absolute;
    color: white;
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px 15px;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(91.19deg, #121214 17.72%, #331832 52.61%, #842228 79.55%, #C0272D 98.98%);
}

    .header-container h5[b-grcn3wbbox] {
        margin: auto;
    }
/* #endregion */

/* #region SEARCH CONTAINER */
.search-container[b-grcn3wbbox] {
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #a8a9ad;
}

.search-input[b-grcn3wbbox] {
    height: 25px;
    color: #87898e;
    background: transparent;
    border: 1px solid #454850;
}

    .search-input:focus[b-grcn3wbbox] {
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

.dd-container[b-grcn3wbbox] {
    position: relative;
    font-size: 13px;
}

.pagesize[b-grcn3wbbox] {
    width: 45px;
}

    .pagesize:disabled[b-grcn3wbbox] {
        background: transparent;
        color: #87898e;
        border: 1px solid #87898e;
    }

.fa-angle-down[b-grcn3wbbox] {
    position: absolute;
    top: 26%;
    left: 28px;
    font-size: 12px;
    color: #87898e;
}

.dropdown-menu[b-grcn3wbbox] {
    background: #212529 !important;
    min-width: 10px !important;
}

.dropdown-item[b-grcn3wbbox] {
    color: white !important;
    font-size: 13px;
}

    .dropdown-item:hover[b-grcn3wbbox] {
        background: #af4141;
    }
/* #endregion */

/* #region TABLE */
.table[b-grcn3wbbox] {
    font-size: 13px;
    color: #a6a8a9;
}

    .table > :not(caption) > * > *[b-grcn3wbbox] {
        padding: 0 !important;
    }

    .table label[b-grcn3wbbox] {
        font-weight: 500;
    }

.table-header[b-grcn3wbbox] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align: center;
}

.table-items[b-grcn3wbbox] {
    border: none;
}

.table-row[b-grcn3wbbox] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align: center;
    border-style: solid;
    border-color: #374558;
    border-width: 0px 0px 1px 0px;
    padding: 4px;
}

.odd[b-grcn3wbbox] {
    background: #212529;
}

.even[b-grcn3wbbox] {
    background: #292d31;
}

.result[b-grcn3wbbox] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.red[b-grcn3wbbox] {
    width: 40px;
    height: 12px;
    background: #B3262C;
    border-radius: 10px;
}

.white[b-grcn3wbbox] {
    width: 40px;
    height: 12px;
    background: #eeeeee;
    border-radius: 10px;
}
/* #endregion */

/* #region PAGING CONTAINER */
.paging-container[b-grcn3wbbox] {
    display: flex;
    justify-content: space-between;
}

.shown-record[b-grcn3wbbox] {
    font-size: 12px;
    color: #a6a8a9;
}

.page-button button[b-grcn3wbbox] {
    width: 80px;
    color: #a6a8a9;
    font-size: 13px;
    background: #292d31;
    border: 2px outset #374558;
    border-radius: 5px;
}

    .page-button button:disabled[b-grcn3wbbox] {
        color: #a6a8a9;
        background: transparent;
        border: none;
    }
/* #endregion */

@media only screen and (max-width: 768px) {

    .main-container[b-grcn3wbbox] {
        width: 350px;
    }

    .iClose[b-grcn3wbbox] {
        right: 5%;
        top: 2.5%;
    }

    .search-container[b-grcn3wbbox] {
        display: block;
        text-align: center;
        margin-bottom: 30px !important;
    }

    .dd-container[b-grcn3wbbox] {
        margin: 10px 0;
    }

    .fa-angle-down[b-grcn3wbbox] {
        left: 105px;
    }

    .table[b-grcn3wbbox] {
        white-space: nowrap;
        overflow: auto;
        margin-bottom: 0;
    }

    .table-header[b-grcn3wbbox] {
        width: 100%;
        display: table;
        margin-bottom: 5px;
    }

        .table-header label[b-grcn3wbbox] {
            width: 150px;
            display: inline-block;
        }

    .table-items[b-grcn3wbbox] {
        width: 100%;
        display: table;
    }

        .table-items label[b-grcn3wbbox] {
            width: 150px;
        }

    .table-row[b-grcn3wbbox] {
        padding: 5px 0;
    }

    .result[b-grcn3wbbox] {
        width: 150px;
    }

    .red[b-grcn3wbbox], .white[b-grcn3wbbox] {
        width: 40px !important;
    }

    .paging-container[b-grcn3wbbox] {
        display: block;
        text-align: center;
    }

    .shown-record[b-grcn3wbbox] {
       margin-bottom: 10px;
    }
}
/* /Games/OddsGame/OddsGame.razor.rz.scp.css */
.main-container[b-0ik4p8udxy] {
    color: #FAFAFA;
    font-family: "Montserrat", sans-serif;
    height: 100%;
    position: relative;
}

/* #region MATCH DETAILS */
.match-dtl[b-0ik4p8udxy] {
    padding: 10px 0;
    font-size: 25px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.round-stat[b-0ik4p8udxy] {
    font-size: 25px;
    border: 3px solid #a8a9ad;
    padding: 0 8px;
    border-radius: 8px;
    align-content: center;
}

.OPEN[b-0ik4p8udxy] {
    border-color: #1fe05d;
    color: #1fe05d;
}

.CLOSED[b-0ik4p8udxy] {
    border-color: #ff0000;
    color: #ff0000;
}

.CANCELED[b-0ik4p8udxy] {
    border-color: #a8a9ad;
    color: #a8a9ad;
}

.btn-mybets[b-0ik4p8udxy] {
    color: white;
    height: 38px;
    font-size: 16px;
    padding: 0px 20px;
    border: 3px solid #C1272D;
    background: transparent;
    border-radius: 10px;
}
/* #endregion */

/* #region STAKE AMOUNT*/
.stake-cont[b-0ik4p8udxy] {
    margin-bottom: 10px;
}

input[b-0ik4p8udxy] {
    color: #a8a9ad;
    background-color: #1d1e26;
    border: none;
    border-radius: 10px;
}

    input:focus[b-0ik4p8udxy] {
        color: #a8a9ad;
        background-color: #1d1e26;
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    input:-webkit-autofill[b-0ik4p8udxy] {
        -webkit-box-shadow: 0 0 0px 1000px #1d1e26 inset;
        box-shadow: 0 0 0px 1000px #1d1e26 inset;
        color: #a8a9ad !important;
        background-color: #1d1e26 !important;
        transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    }

    input:focus:-webkit-autofill[b-0ik4p8udxy] {
        -webkit-box-shadow: 0 0 0px 1000px #1d1e26 inset;
        box-shadow: 0 0 0px 1000px #1d1e26 inset;
        color: #a8a9ad !important;
    }

    input[type=number][b-0ik4p8udxy] {
        -moz-appearance: textfield;
    }

        input[type=number][b-0ik4p8udxy]::-webkit-inner-spin-button,
        input[type=number][b-0ik4p8udxy]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

[b-0ik4p8udxy]::placeholder {
    color: #838387;
    font-style: italic;
}
/* #endregion */

/* #region STAKE OPTION */
.stake-dtl[b-0ik4p8udxy] {
    padding: 10px 0;
    margin-bottom: 8.5px;
    font-family: 'Roboto', sans-serif;
}

.stakes[b-0ik4p8udxy] {
    display: flex;
    justify-content: space-evenly;
    gap: 15px;
}

.selectedBet[b-0ik4p8udxy] {
    outline: 5px solid #fdd43a !important;
}
/* #endregion */

/* #region BET CONFIRM */
.bet-container[b-0ik4p8udxy] {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.btn-bet[b-0ik4p8udxy] {
    text-align: center;
    align-content: center;
    width: 100%;
    height: 40px;
    color: white;
    font-size: 20px;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #7D2127 0%, #C1272D 100%);
}
/* #endregion */

@media only screen and (max-width: 768px) {

    .match-dtl[b-0ik4p8udxy] {
        font-size: 20px;
    }

    .btn-mybets[b-0ik4p8udxy] {
        border-radius: 8px;
        height: 35px;
        font-size: 14px;
    }

    .stake-cont[b-0ik4p8udxy] {
        padding: 10px 0;
        margin-bottom: 0;
    }
}
/* /Games/OddsGame/OddsHistory.razor.rz.scp.css */
.main-container[b-1tywu2iye3] {
    padding: 20px;
    color: #a8a9ad;
    position: relative;
    border-radius: 20px;
}

/* #region HEADER CONTAINER */
.header-container[b-1tywu2iye3] {
    position: absolute;
    color: white;
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px 15px;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(91.19deg, #121214 17.72%, #331832 52.61%, #842228 79.55%, #C0272D 98.98%);
}

    .header-container h6[b-1tywu2iye3] {
        margin: auto;
    }
/* #endregion */

/* #region HISTORY DISPLAY TABLE */
.history-display[b-1tywu2iye3] {
    padding-top: 30px;
    display: flex;
    justify-content: space-evenly;
    gap: 20px;
}

.table[b-1tywu2iye3] {
    width: 100%;
    color: #a8a9ad;
}

    .table > :not(caption) > * > *[b-1tywu2iye3] {
        padding: 0 !important;
    }

.div-header[b-1tywu2iye3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    font-size: 13px;
}

.div-row[b-1tywu2iye3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    font-size: 13px;
    border-style: solid;
    border-color: #374558;
    border-width: 0px 0px 1px 0px;
    padding: 4px;
}

.odd[b-1tywu2iye3] {
    background: #212529;
}

.even[b-1tywu2iye3] {
    background: #292d31;
}

.result[b-1tywu2iye3] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.red[b-1tywu2iye3] {
    width: 40px;
    height: 12px;
    background: #7D2127;
    border-radius: 10px;
}

.white[b-1tywu2iye3] {
    width: 40px;
    height: 12px;
    background: #EEEEEE;
    border-radius: 10px;
}

.cancelled[b-1tywu2iye3] {
    text-transform: uppercase;
}
/* #endregion */

/* #region PAGING */
.paging-container[b-1tywu2iye3] {
    display: flex;
    justify-content: space-between;
}

.dd-container[b-1tywu2iye3] {
    position: relative;
    font-size: 13px;
}

.pagesize[b-1tywu2iye3] {
    width: 45px;
}

    .pagesize:disabled[b-1tywu2iye3] {
        background: transparent;
        color: #87898e;
        border: 1px solid #87898e;
    }

.fa-angle-down[b-1tywu2iye3] {
    position: absolute;
    top: 26%;
    left: 28px;
    font-size: 12px;
    color: #87898e;
}

.dropdown-menu[b-1tywu2iye3] {
    background: #212529 !important;
    min-width: 10px !important;
}

.dropdown-item[b-1tywu2iye3] {
    color: white !important;
    font-size: 13px;
}

    .dropdown-item:hover[b-1tywu2iye3] {
        background: #af4141;
    }

.shown-record[b-1tywu2iye3] {
    font-size: 12px;
}

.page-button button[b-1tywu2iye3] {
    width: 80px;
    color: #a8a9ad;
    font-size: 13px;
    background: #292d31;
    border: 2px outset #374558;
    border-radius: 5px;
}

    .page-button button:disabled[b-1tywu2iye3] {
        color: #87898e;
        background: transparent;
        border: none;
    }
/* #endregion */

@media only screen and (max-width: 480px) {
    .main-container[b-1tywu2iye3] {
        padding: 20px 10px;
    }

    .search-cont[b-1tywu2iye3] {
        padding-top: 30px;
        display: flex;
        justify-content: end;
    }

    .history-display[b-1tywu2iye3] {
        padding-top: 10px;
    }

    .page-button[b-1tywu2iye3] {
        display: flex;
        justify-content: space-between;
    }
}
/* /Games/Shared/BetConfirm.razor.rz.scp.css */
.main-container[b-7lgx7pl56s] {
    background: black;
    color: white;
    width: 350px;
    height: 500px;
    padding: 60px 10px 10px 10px;
    margin: auto;
    border-radius: 30px;
    text-align: center;
    position: relative;
    border: 3px solid darkgoldenrod;
}

.gradient_border[b-7lgx7pl56s] {
    border-image: linear-gradient(#fcf6ba, #b38728) 30;
    border-width: 5px;
    border-style: solid;
    border-radius: 10px;
}

.iClose[b-7lgx7pl56s] {
    position: absolute;
    right: 4%;
    top: 5%;
    cursor: pointer;
    background: -webkit-linear-gradient(#fcf6ba, #b38728);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h2[b-7lgx7pl56s] {
    animation: glow 0.4s ease-in-out infinite alternate;
    padding-bottom: 15px;
}

@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #aa771c, 0 0 40px #b38728, 0 0 50px #be9e44, 0 0 60px #cbb26a, 0 0 70px #d8c690;
    }

    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #aa771c, 0 0 40px #b38728, 0 0 50px #be9e44, 0 0 60px #cbb26a, 0 0 70px #d8c690, 0 0 80px #fcf6ba;
    }
}

.txtInput[b-7lgx7pl56s] {
    height: 50px;
}

.has-icon .form-control[b-7lgx7pl56s] {
    padding-left: 2.375rem;
}

.has-icon .form-control-feedback[b-7lgx7pl56s] {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 3rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.password-container[b-7lgx7pl56s] {
    position: relative;
}

.fa-eye[b-7lgx7pl56s] {
    position: absolute;
    top: 33%;
    right: 4%;
    cursor: pointer;
    color: #aaa;
}

.fa-eye-slash[b-7lgx7pl56s] {
    position: absolute;
    top: 33%;
    right: 3.75%;
    cursor: pointer;
    color: #aaa;
}

.btn[b-7lgx7pl56s] {
    height: 50px;
    color: black;
    text-transform: uppercase;
    font-weight: bolder;
    border-radius: 30px;
    outline: 1.5px solid;
    outline-color: darkgoldenrod;
    transition: all 0.2s;
    border: 2px double transparent;
    background-image: linear-gradient(rgb(13, 14, 33, 0.2), rgb(153,101,21)), radial-gradient(circle at left top, #0f0f0f, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c, #0f0f0f);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

    .btn:hover[b-7lgx7pl56s] {
        outline-color: rgba(255, 255, 255, 0);
        outline-offset: 20px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }

    .btn:focus[b-7lgx7pl56s] {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }

.btm_links[b-7lgx7pl56s] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-family: 'Electrolize';
}

.btm_links a[b-7lgx7pl56s] {
        text-decoration: none;
        font-weight: bolder;
        margin: auto;
        cursor: pointer;
        background: -webkit-linear-gradient(#fcf6ba, #b38728);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

@media only screen and (max-width: 768px) {
    .main-container[b-7lgx7pl56s] {
        width: 350px;
        height: 500px;
    }

    .btn[b-7lgx7pl56s] {
        height: 40px;
        font-size: 13px;
    }
}
/* /Games/Shared/BetSelectionMeron.razor.rz.scp.css */
.main-container[b-hrh91nspqe] {
    height: 150px;
    text-transform: uppercase;
}

.btn[b-hrh91nspqe] {
    background: var(--background);
    border-radius: 20px;
    width: 100%;
    height: 100%;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.betting-option[b-hrh91nspqe] {
    padding: 5px 5px 0 5px;
    font-size: 20px;
    font-weight: bolder;
}

.bet-details[b-hrh91nspqe] {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .main-container[b-hrh91nspqe] {
        height: 100px;
    }

    .btn[b-hrh91nspqe] {
        padding: 5px;
        border-radius: 10px;
    }

    .betting-option[b-hrh91nspqe] {
        font-size: 15px;
    }

    .bet-details[b-hrh91nspqe] {
        font-size: 10px;
        font-weight: bold;
    }
}
.disabled[b-hrh91nspqe] {
    opacity: 0.5;
}
/* /Games/Shared/BetSelectionWala.razor.rz.scp.css */
.main-container[b-ea69cvazjp] {
    height: 150px;
    text-transform: uppercase;
}

.btn[b-ea69cvazjp] {
    background: var(--background);
    color: white;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.betting-option[b-ea69cvazjp] {
    padding: 5px 5px 0 5px;
    font-size: 20px;
    font-weight: bolder;
}

.bet-details[b-ea69cvazjp] {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .main-container[b-ea69cvazjp] {
        height: 100px;
    }

    .btn[b-ea69cvazjp] {
        padding: 5px;
        border-radius: 10px;
    }

    .betting-option[b-ea69cvazjp] {
        font-size: 15px;
    }

    .bet-details[b-ea69cvazjp] {
        font-size: 10px;
        font-weight: bold;
    }
}
.disabled[b-ea69cvazjp] {
    opacity: 0.5;
}
/* /Games/Shared/CountdownTimer.razor.rz.scp.css */


.main-container[b-1wxnwc8kgb] {
    position: absolute;
    bottom: 28px;
    right: 23px;
    z-index: 1000;
}

.txt[b-1wxnwc8kgb] {
    position: absolute;
    height: 50px;
    width: 100%;
    color: white;
    font-weight: bolder;
    bottom: -30%;
    text-align: center;
    font-size: 32px;
    top: 17px;
}

.blink_me[b-1wxnwc8kgb] {
    animation: blinker-b-1wxnwc8kgb 1s linear infinite;
}
@keyframes blinker-b-1wxnwc8kgb {
    50% {
        opacity: 0;
    }
}
/* /Games/Shared/FighterStats.razor.rz.scp.css */
.main-container[b-w8fojlbzdl] {
    width: 600px;
}

.statsToggle[b-w8fojlbzdl] {
    padding: 0 20px 0 20px;
}

    .statsToggle a[b-w8fojlbzdl] {
        width: 100%;
        text-align: left;
        text-transform: uppercase;
        color: white;
        border-color: darkgoldenrod;
    }

    .statsToggle a:hover[b-w8fojlbzdl] {
        background: transparent;
    }

    .statsToggle div[b-w8fojlbzdl] {
        width: auto;
    }

.div_collapse[b-w8fojlbzdl] {
    margin-top: 5px;
    color: white;
    background-image: linear-gradient(to bottom, #1250ae, #006ac2, #0884d4, #2b9ee4, #4bb8f2);
    width: auto;
    height: 340px;
    overflow: auto;
}

.fightersPicContainer[b-w8fojlbzdl] {
    height: 200px;
    margin-bottom: 4px;
}

.fightersPic[b-w8fojlbzdl] {
    width: 100%;
    height: 100%;
}

.statsGrid[b-w8fojlbzdl] {
    display: grid;
    grid-template-columns: 1fr 0.8fr 1fr;
    gap: 0.1rem;
}

.left-stat[b-w8fojlbzdl] {
    padding: 2px;
    text-transform: uppercase;
}

    .left-stat div[b-w8fojlbzdl] {
        height: 40px;
        background-color: #00ffff;
        margin-bottom: 4px;
        text-align: center;
        font-weight: bolder;
        color: black;
        padding: 8px;
        -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
    }

.mid-stat[b-w8fojlbzdl] {
    padding: 2px;
    text-transform: uppercase;
}

    .mid-stat div[b-w8fojlbzdl] {
        height: 40px;
        background-color: #39004d;
        margin-bottom: 4px;
        text-align: center;
        font-weight: bolder;
        color: white;
        padding: 8px;
        -webkit-clip-path: polygon(10% 100%, 90% 100%, 100% 0, 0 0);
        clip-path: polygon(10% 100%, 90% 100%, 100% 0, 0 0);
    }

.right-stat[b-w8fojlbzdl] {
    padding: 2px;
    text-transform: uppercase;
}

    .right-stat div[b-w8fojlbzdl] {
        height: 40px;
        background-color: #00ffff;
        margin-bottom: 4px;
        text-align: center;
        font-weight: bolder;
        color: black;
        padding: 8px;
        -webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
    }

@media only screen and (max-width: 768px) {
    .fightersPicContainer[b-w8fojlbzdl] {
        height: 180px;
    }

    .div_collapse[b-w8fojlbzdl] {
        height: 200px;
    }

    .left-stat[b-w8fojlbzdl] {
        font-size: 11px;
    }
        .left-stat div[b-w8fojlbzdl] {
            height: 30px;
        }

    .mid-stat[b-w8fojlbzdl] {
        font-size: 10px;
    }
        .mid-stat div[b-w8fojlbzdl] {
            height: 30px;
        }

    .right-stat[b-w8fojlbzdl] {
            font-size: 11px;
        }
        .right-stat div[b-w8fojlbzdl] {
            height: 30px;
        }
}
/* /Games/Shared/GameChips.razor.rz.scp.css */
.main-container[b-v6sgcofhro] {
    padding: 10px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 20px;
}

/* #region GRID */
.grid-container[b-v6sgcofhro] {
    display: grid;
    grid-template-columns: var(--gridcont);
    gap: 10px;
    justify-items: center;
    align-items: center;
}
/* #endregion */

/* #region CENTERED */
.centered[b-v6sgcofhro] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}
/* #endregion */

/* #region CHIPS */
.chips[b-v6sgcofhro] {
    font-weight: bolder;
    color: white;
    height: 45px;
    border: 3px solid darkgoldenrod;
    border-radius: 10px;
    text-align: center;
    padding: 8px;
    width: 100px;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .chips:hover[b-v6sgcofhro] {
        color: black;
        background: gold;
        font-weight: bolder;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
        transition: 0.3s ease;
    }
/* #endregion */

/* #region SUBMIT */
.btn-submit[b-v6sgcofhro] {
    display: flex;
    justify-content: center;
    padding: 10px 10px 0 10px;
}

.btn[b-v6sgcofhro] {
    width: 300px;
    height: 40px;
    color: black;
    text-transform: uppercase;
    font-weight: bolder;
    border-color: darkgoldenrod;
    border-radius: 20px;
    outline: 1px solid;
    outline-color: darkgoldenrod;
    transition: all .2s;
    background-image: -webkit-linear-gradient(left, #0f0f0f, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c, #0f0f0f);
}

    .btn:hover[b-v6sgcofhro] {
        outline-color: rgba(255, 255, 255, 0);
        outline-offset: 15px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }

    .btn:focus[b-v6sgcofhro] {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }
/* #endregion */

@media only screen and (max-width: 768px) {
    .grid-container[b-v6sgcofhro] {
        gap: 0px;
    }

    .chips[b-v6sgcofhro] {
        height: 40px;
        border: 2px solid darkgoldenrod;
        font-size: 12px;
        width: 55px;
    }

    .centered[b-v6sgcofhro] {
        gap: 15px;
    }
}


.disabled[b-v6sgcofhro] {
    opacity: 0.5;
    pointer-events: none;
}
/* /Games/Shared/GameHeader.razor.rz.scp.css */
/* #region STREAM */
.videoContainer[b-yo0862asib] {
    max-width: 100%;
    height: 360px;
}

    .videoContainer iframe[b-yo0862asib] {
        width: 100%;
    }

.videoContainer[b-yo0862asib] {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

    .videoContainer iframe[b-yo0862asib], .video-container object[b-yo0862asib], .video-container embed[b-yo0862asib] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* #endregion */


/* #region HEADER */
.div-bar[b-yo0862asib] {
    font-family: "Montserrat", sans-serif;
    text-shadow: 1.8px 1.8px 1px #812f00;
    height: 35px;
    display: flex;
    margin-top: 2px;
    background: #0057a6;
    border: 3px solid #003b84;
    border-radius: 8px;
}

.header[b-yo0862asib] {
    flex: 1;
}
/* #endregion */


/* #region FIGHT # */
.div-fightno[b-yo0862asib] {
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.span-fightnum[b-yo0862asib] {
    font-size: 16px;
    padding: 0;
    padding-left: 4px;
    align-content: center;
    color: #ffca00;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.span-status[b-yo0862asib] {
    height: 27px;
    padding: 0 4px;
    border-radius: 5px;
    font-size: 16px;
    text-shadow: none !important;
}

.OPEN[b-yo0862asib] {
    border: 2px solid #2E7D32;
    background: #A5D6A7;
    color: black;
}

.CLOSED[b-yo0862asib] {
    border: 2px solid #C62828;
    background: #EF9A9A;
    color: black;
}

.ON-HOLD[b-yo0862asib] {
    border: 2px solid #1565C0;
    background: #90CAF9;
    color: black;
}

.CANCELED[b-yo0862asib] {
    border: 2px solid #424242;
    background: #BDBDBD;
    color: black;
}
/* #endregion */


/* #region VARIANT */
.div-variant[b-yo0862asib] {
    font-family: 'Gobold Bold', sans-serif;
    text-align: center;
    align-content: center;
}

.span-gameVariant[b-yo0862asib] {
    font-size: 24px;
    background: -webkit-linear-gradient(#fcf6ba, #b38728);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* #endregion */


/* #region ICON */
.div-icons[b-yo0862asib] {
    align-content: center;
}

.div-lobby[b-yo0862asib] {
    align-content: center;
    align-items: center;
    text-align: end;
    padding-right: 5px;
    color: #ffca00;
    font-weight: bold;
}

    .div-lobby i[b-yo0862asib] {
        cursor: pointer;
        font-size: 22px;
    }

/* #endregion */

@media only screen and (max-width: 768px) {

    .header:nth-child(1)[b-yo0862asib] {
        flex: 1.8;
    }

    /* #region FIGHT # */
    .span-fightnum[b-yo0862asib] {
        font-size: 14px;
    }

    .span-status[b-yo0862asib] {
        height: 22px;
        font-size: 12px;
        border-radius: 5px;
        align-content: center;
    }
    /* #endregion */


    /* #region ICON */
    .div-lobby[b-yo0862asib] {
        font-size: 14px;
    }

        .div-lobby i[b-yo0862asib] {
            font-size: 20px;
        }
    /* #endregion */

}
/* /Games/Shared/RoundDetails.razor.rz.scp.css */
.div-gameround[b-fok711l8g9] {
    color: white;
    font-size: 14px;
    text-align: center;
}

.div-roundnum[b-fok711l8g9] {
    padding-left: 5px;
}

.div-status[b-fok711l8g9] {
    padding-top: 2px;
}

    .div-status span[b-fok711l8g9] {
        padding: 5px 10px;
        border-radius: 10px;
        font-weight: bold;
    }

.ON-HOLD[b-fok711l8g9] {
    border: 3px solid #1565C0;
    background: #90CAF9;
    color: black;
}

.OPEN[b-fok711l8g9] {
    border: 3px solid #2E7D32;
    background: #A5D6A7;
    color: black;
}

.CLOSED[b-fok711l8g9] {
    border: 3px solid #C62828;
    background: #EF9A9A;
    color: black;
}

.CANCELED[b-fok711l8g9] {
    border: 3px solid #424242;
    background: #BDBDBD;
    color: black;
}

@media only screen and (max-width: 768px) {
    .div-gameround[b-fok711l8g9] {
        font-size: 8px;
    }

    .div-status[b-fok711l8g9] {
        padding-top: 7px;
    }

        .div-status span[b-fok711l8g9] {
            padding: 5px 8px;
            border-radius: 8px;
        }
}
/* /Games/SpinAndDrop/Components/Betting.razor.rz.scp.css */
.main-container[b-0vh8jvthsb] {
    gap: 10px;
    margin-top: 10px;
    font-family: "Montserrat", sans-serif;
}

/* #region BET VALUE */
.betvalue[b-0vh8jvthsb] {
    color: white;
    width: 58px;
    height: 55px;
    border: 3px solid white;
    box-shadow: 3px 3px 3px #676464;
    border-radius: 8px;
    font-size: 30px;
    cursor: pointer;
    align-content: center;
    font-weight: bold;
    text-align: center;
}
/* #endregion */

/* #region BET BUTTON */
.div-button[b-0vh8jvthsb] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.btn-bet[b-0vh8jvthsb] {
    display: inline-block;
    outline: 0;
    cursor: pointer;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    will-change: box-shadow, transform;
    background: #04AA6D;
    height: 40px;
    padding: 0 20px;
    font-size: 18px;
    border-radius: 8px;
    border: 3px outset #048e5b;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

    .btn-bet:hover[b-0vh8jvthsb] {
        transform: translateY(-2px);
    }

    .btn-bet:active[b-0vh8jvthsb] {
        transform: translateY(2px);
    }

/* #endregion */

/* #region RESULT */
.div-result[b-0vh8jvthsb] {
    font-size: 24px;
    text-align: center;
    align-content: center;
    align-items: center;
    color: #ffca00;
    font-weight: bold;
    padding: 2px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.resultLo[b-0vh8jvthsb] {
    border: 3px outset #0060BA;
    background: linear-gradient(180deg,rgba(0, 53, 102, 1) 0%, rgba(0, 96, 186, 1) 100%);
}

.resultHi[b-0vh8jvthsb] {
    border: 3px outset #BA3838;
    background: linear-gradient(180deg,rgba(130, 0, 0, 1) 0%, rgba(227, 41, 41, 1) 100%);
}
/* #endregion */

/* #region BETS */
.div-bets[b-0vh8jvthsb] {
    margin-top: 10px;
    background: rgba(84, 79, 79, 0.15);
    border: 2px inset rgba(84, 79, 79, 0.4);
    outline: 2px solid rgba(143, 134, 134, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 4px 2px;
}

.lbl-title[b-0vh8jvthsb] {
    color: #ffca00;
    font-weight: bold;
    text-transform: uppercase;
}
/* #endregion */

/* #region BETS ROW */
.div-row[b-0vh8jvthsb] {
    display: flex;
    flex-wrap: nowrap !important;
    overflow-y: hidden;
    overflow: auto;
    padding: 4px 2px;
    margin-top: 5px;
}

.div-col[b-0vh8jvthsb] {
    margin: 0 4px;
    color: white;
}

.div-betvalue[b-0vh8jvthsb] {
    display: flex;
    align-items: center;
    border: 2px inset white;
    border-radius: 8px;
    padding: 2px 4px;
    margin: 4px 0;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: 1.8px 1.8px 1px #353535;
}

.amount[b-0vh8jvthsb] {
    padding-left: 10px;
    color: #ffca00;
    text-shadow: 1.8px 1.8px 1px #812f00;
}
/* #endregion */

/* #region SCROLL BAR */
[b-0vh8jvthsb]::-webkit-scrollbar {
    height: 10px;
}

[b-0vh8jvthsb]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}

[b-0vh8jvthsb]::-webkit-scrollbar-thumb {
    background: rgba(84, 79, 79, 0.55);
    border-radius: 10px;
}
/* #endregion */

@media only screen and (max-width: 768px) {

    /* #region BET VALUE */
    .betvalue[b-0vh8jvthsb] {
        font-size: 20px;
        width: 50px;
        height: 47px;
    }
    /* #endregion */

    /* #region RESULT */
    .div-result[b-0vh8jvthsb] {
        font-size: 16px;
    }
    /* #endregion */

    /* #region BETS ROW */
    .lbl-title[b-0vh8jvthsb] {
        font-size: 12px;
    }

    .div-row[b-0vh8jvthsb] {
        width: 350px;
    }

    .div-betvalue[b-0vh8jvthsb] {
        font-size: 12px;
        width: 120px;
    }
    /* #endregion */

}
/* /Games/SpinAndDrop/Components/Combination.razor.rz.scp.css */
.main-container[b-spwgzvzz1h] {
    background: #0D1717;
    color: black;
    padding: 60px 15px 15px 15px;
    margin: auto;
    position: relative;
    border: 3px outset #0B1215;
    border-radius: 20px;
    position: relative;
}

/* #region CLOSE */
.iClose[b-spwgzvzz1h] {
    position: absolute;
    right: 3%;
    top: 2%;
    cursor: pointer;
    /*background: -webkit-linear-gradient(#fcf6ba, #b38728);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    color: #ffca00;
    /*text-shadow: 1.8px 1.8px 1px #812f00;*/
}
/* #endregion */

/* #region NUMBERS */
.div-numbers[b-spwgzvzz1h] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(7, 0.5fr);
}

.numbers[b-spwgzvzz1h] {
    text-align: center;
    border: 2px outset #9CD7FF;
    border-radius: 8px;
    background: #9CD7FF;
    padding: 8px 15px;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    will-change: box-shadow, transform;
    cursor: pointer;
}

    .numbers:hover[b-spwgzvzz1h] {
        transform: translateY(-2px);
    }

    .numbers:active[b-spwgzvzz1h] {
        transform: translateY(2px);
    }

.active[b-spwgzvzz1h] {
    color: white;
    background: #04AA6D;
    border: 2px outset #04AA6D;
}
/* #endregion */

/* #region BUTTONS */
.div-button[b-spwgzvzz1h] {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.btn-confirm[b-spwgzvzz1h] {
    display: inline-block;
    outline: 0;
    border: 0;
    cursor: pointer;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    will-change: box-shadow, transform;
    background: #04AA6D;
    height: 40px;
    padding: 0 20px;
    font-size: 18px;
    border-radius: 8px;
    border: 3px outset #048e5b;
    color: white;
    text-transform: uppercase;
}

    .btn-confirm:hover[b-spwgzvzz1h] {
        transform: translateY(-2px);
    }

    .btn-confirm:active[b-spwgzvzz1h] {
        transform: translateY(2px);
    }
/* #endregion */

@media only screen and (max-width: 768px) {
    .div-numbers[b-spwgzvzz1h] {
        gap: 8px;
    }

    .numbers[b-spwgzvzz1h] {
        font-size: 14px;
        padding: 6px 10px;
    }
}
/* /Games/SpinAndDrop/Components/HiLoBetting.razor.rz.scp.css */
.main-container[b-fgn49d8fj1] {
    margin-top: 10px;
    font-family: "Montserrat", sans-serif;
}

/* #region BUTTON */
.div-button[b-fgn49d8fj1] {
    display: flex;
    justify-content: center;
    gap: 10px;
    font-family: "Titan One", sans-serif;
}

.btn[b-fgn49d8fj1] {
    outline: 0;
    width: 15%;
    height: 80px;
    color: white;
    letter-spacing: 2px;
    border-radius: 8px;
    margin: 4px 2px;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    text-shadow: 1.8px 1.8px 1px #676464;
}

    .btn:hover[b-fgn49d8fj1] {
        transform: translateY(-2px);
    }

    .btn:active[b-fgn49d8fj1] {
        transform: translateY(2px);
        background: #25B360;
        border: 3px outset #048e5b;
        color: #ffca00;
        text-shadow: 1.8px 1.8px 1px #812f00;
    }

.active[b-fgn49d8fj1] {
    background: #25B360 !important;
    border: 3px outset #048e5b !important;
    color: #ffca00;
    text-shadow: 1.8px 1.8px 1px #812f00;
}


.hi-lo[b-fgn49d8fj1] {
    border: 3px outset #BA3838;
    background: linear-gradient(180deg,rgba(227, 41, 41, 1) 0%, rgba(0, 53, 102, 1) 100%);
}

.hi-hi[b-fgn49d8fj1] {
    border: 3px outset #BA3838;
    background: linear-gradient(180deg,rgba(130, 0, 0, 1) 0%, rgba(227, 41, 41, 1) 100%);
}

.lo-hi[b-fgn49d8fj1] {
    border: 3px outset #0060BA;
    background: linear-gradient(180deg,rgba(0, 53, 102, 1) 0%, rgba(227, 41, 41, 1) 100%);
}

.lo-lo[b-fgn49d8fj1] {
    border: 3px outset #0060BA;
    background: linear-gradient(180deg,rgba(0, 53, 102, 1) 0%, rgba(0, 96, 186, 1) 100%);
}

/* #endregion */

/* #region CONFIRM */
.div-confirm[b-fgn49d8fj1] {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.btn-bet[b-fgn49d8fj1] {
    display: inline-block;
    outline: 0;
    cursor: pointer;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    will-change: box-shadow, transform;
    background: #04AA6D;
    height: 40px;
    padding: 0 20px;
    font-size: 18px;
    border-radius: 8px;
    border: 3px outset #048e5b;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

    .btn-bet:hover[b-fgn49d8fj1] {
        transform: translateY(-2px);
    }

    .btn-bet:active[b-fgn49d8fj1] {
        transform: translateY(2px);
    }
/* #endregion */

/* #region RESULT */
.betvalue[b-fgn49d8fj1] {
    color: white;
    width: 100px;
    height: 45px;
    border: 3px solid white;
    box-shadow: 3px 3px 3px #676464;
    border-radius: 8px;
    font-size: 20px;
    cursor: pointer;
    align-content: center;
    font-weight: bold;
    text-align: center;
}

.div-result[b-fgn49d8fj1] {
    font-size: 24px;
    text-align: center;
    align-content: center;
    align-items: center;
    color: #ffca00;
    font-weight: bold;
    padding: 2px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.resultLo[b-fgn49d8fj1] {
    border: 3px outset #0060BA;
    background: linear-gradient(180deg,rgba(0, 53, 102, 1) 0%, rgba(0, 96, 186, 1) 100%);
}

.resultHi[b-fgn49d8fj1] {
    border: 3px outset #BA3838;
    background: linear-gradient(180deg,rgba(130, 0, 0, 1) 0%, rgba(227, 41, 41, 1) 100%);
}
/* #endregion */

/* #region BETS ROW */
.div-bets[b-fgn49d8fj1] {
    margin-top: 10px;
    background: rgba(84, 79, 79, 0.15);
    border: 2px inset rgba(84, 79, 79, 0.4);
    outline: 2px solid rgba(143, 134, 134, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 4px 2px;
}

.lbl-title[b-fgn49d8fj1] {
    color: #ffca00;
    font-weight: bold;
    text-transform: uppercase;
}

.div-row[b-fgn49d8fj1] {
    display: flex;
    flex-wrap: nowrap !important;
    overflow-y: hidden;
    overflow: auto;
    padding: 4px 2px;
    margin-top: 5px;
}

.div-col[b-fgn49d8fj1] {
    margin: 0 4px;
    color: white;
}

.div-betvalue[b-fgn49d8fj1] {
    display: flex;
    align-items: center;
    border: 2px inset white;
    border-radius: 8px;
    padding: 2px 4px;
    margin: 4px 0;
    letter-spacing: 1px;
    text-shadow: 1.8px 1.8px 1px #353535;
    font-weight: bold;
}

.amount[b-fgn49d8fj1] {
    padding-left: 10px;
    color: #ffca00;
    text-shadow: 1.8px 1.8px 1px #812f00;
}
/* #endregion */

/* #region SCROLL BAR */
[b-fgn49d8fj1]::-webkit-scrollbar {
    height: 10px;
}

[b-fgn49d8fj1]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}

[b-fgn49d8fj1]::-webkit-scrollbar-thumb {
    background: rgba(84, 79, 79, 0.55);
    border-radius: 10px;
}
/* #endregion */

@media only screen and (max-width: 768px) {
    
    /* #region BUTTON */
    .div-button[b-fgn49d8fj1] {
        gap: 5px;
    }

    .btn[b-fgn49d8fj1] {
        width: 25%;
        height: 75px;
        font-size: 14px;
    }
    /* #endregion */

    /* #region CONFIRM */
    .div-confirm[b-fgn49d8fj1] {
        margin-top: 15px;
    }
    /* #endregion */

    /* #region RESULT */
    .div-result[b-fgn49d8fj1] {
        font-size: 16px;
    }
    /* #endregion */

    /* #region BETS ROW */
    .lbl-title[b-fgn49d8fj1] {
        font-size: 12px;
    }

    .div-row[b-fgn49d8fj1] {
        width: 350px;
    }

    .div-betvalue[b-fgn49d8fj1] {
        font-size: 12px;
        width: 145px;
    }

    .betvalue[b-fgn49d8fj1] {
        font-size: 16px;
        height: 47px;
    }
    /* #endregion */
    
}
/* /Games/SpinAndDrop/Components/Trends.razor.rz.scp.css */
.main-container[b-sn5c6trxht] {
    margin-top: 10px;
    background: rgba(84, 79, 79, 0.15);
    border: 2px inset rgba(84, 79, 79, 0.4);
    outline: 2px solid rgba(143, 134, 134, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 4px 2px;
    font-family: "Montserrat", sans-serif;
    text-shadow: 1.8px 1.8px 1px #812f00;
}

/* #region LEGEND */
.lbl-trends[b-sn5c6trxht] {
    color: #ffca00;
    font-weight: bold;
    text-transform: uppercase;
    
}

.div-legends[b-sn5c6trxht] {
    display: flex;
    gap: 5px;
    color: #ffca00;
    font-weight: bold;
    text-shadow: 1.8px 1.8px 1px #812f00;
}

.legend[b-sn5c6trxht] {
    padding: 2px 5px;
    border-radius: 8px;
}

.legend-HI[b-sn5c6trxht] {
    border: 3px outset #BA3838;
    background: linear-gradient(180deg,rgba(130, 0, 0, 1) 0%, rgba(227, 41, 41, 1) 100%);
}

.legend-LO[b-sn5c6trxht] {
    border: 3px outset #0060BA;
    background: linear-gradient(180deg,rgba(0, 53, 102, 1) 0%, rgba(0, 96, 186, 1) 100%);
}

.legend-Cancelled[b-sn5c6trxht] {
    border: 3px outset #303030;
    background: linear-gradient(90deg,rgba(77, 77, 77, 1) 50%, rgba(125, 125, 125, 1) 100%);
}
/* #endregion */

/* #region TRENDS ROW */
.div-row[b-sn5c6trxht] {
    margin-top: 5px;
    display: flex;
    flex-wrap: nowrap !important;
    overflow-y: hidden;
    overflow: auto;
    padding: 4px 2px;
}

.div-col[b-sn5c6trxht] {
    margin: 0 4px;
    color: white;
    font-weight: bold;
}

.status[b-sn5c6trxht] {
    border-radius: 8px;
    padding: 0 5px;
    margin-top: 2px;
}

.roundnum[b-sn5c6trxht] {
    width: 28px;
    text-align: end;
    color: #ffca00;
}
/* #endregion */

[b-sn5c6trxht]::-webkit-scrollbar {
    height: 10px;
}

[b-sn5c6trxht]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}

[b-sn5c6trxht]::-webkit-scrollbar-thumb {
    background: rgba(84, 79, 79, 0.55);
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    .div-row[b-sn5c6trxht] {
        width: 350px;
    }

    .lbl-trends[b-sn5c6trxht] {
        font-size: 12px;
    }

    .legend[b-sn5c6trxht] {
        font-size: 12px;
    }

    .status[b-sn5c6trxht] {
        font-size: 12px;
    }
}
/* /Games/SpinAndDrop/SpinAndDrop.razor.rz.scp.css */
.main-container[b-z87858o65o] {
    font-family: "Montserrat", sans-serif;
    text-shadow: 1.8px 1.8px 1px #812f00;
    padding-top: 35px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-container[b-z87858o65o] {
    margin: 10px 5px;
    padding: 10px 5px;
    width: 700px;
    background-color: #608fb7;
}

/* #region GAME TABS */
.nav[b-z87858o65o] {
    flex-wrap: nowrap;
    padding-top: 10px;
    gap: 12px;
    border: none;
}

.nav-item[b-z87858o65o] {
    width: 100%;
}

.nav-link[b-z87858o65o] {
    border: 3px outset #003b84;
    border-radius: 8px;
    background: rgba(0, 79, 255, 0.45);
    font-weight: bold;
}

    .nav-link.active[b-z87858o65o] {
        border: 3px inset #006540;
        border-radius: 8px;
        background: rgba(4, 170, 109, 0.45);
    }

.nav-lbl-container[b-z87858o65o] {
    letter-spacing: 1px;
    color: #ffca00;
}
/* #endregion */

@media only screen and (max-width: 768px) {

    /* #region GAME TABS */
    .nav[b-z87858o65o] {
        padding-top: 5px;
        gap: 6px;
    }

    .nav-lbl-container[b-z87858o65o] {
        font-size: 12px;
    }
    /* #endregion */

}
/* /Pages/AgeVerificationModal/AgeVerificationModal.razor.rz.scp.css */
.age-verification-modal[b-owofn2vv8u] {
    text-align: center;
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 400px; 
    margin: auto; 
    font-family: Arial, sans-serif;
}


.modal-header[b-owofn2vv8u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.modal-title[b-owofn2vv8u] {
    font-size: 1.5rem;
    font-weight: bold;
}

.btn-close[b-owofn2vv8u] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

.modal-body p[b-owofn2vv8u] {
    font-size: 1rem;
    margin: 10px 0;
}

.modal-body ul[b-owofn2vv8u] {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

    .modal-body ul li[b-owofn2vv8u] {
        font-size: 1rem;
        margin: 10px 0;
    }

.coxinglogo[b-owofn2vv8u] {
    margin: 20px 0;
}

    .coxinglogo img[b-owofn2vv8u] {
        max-width: 100px;
    }

.agree-button[b-owofn2vv8u] {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    font-size: 1.1rem;
    border-radius: 5px;
}


/* /Pages/CoxingGames/Component/CoxGameList.razor.rz.scp.css */
.main-container[b-h9z074vfnf] {
    color: white;
    padding: 10px;
    font-family: 'Poppins', sans-serif;
}

.title[b-h9z074vfnf] {
    font-size: 20px;
    font-weight: 600;
}

.list-container[b-h9z074vfnf] {
    white-space: nowrap;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 98%;
    margin: auto;
}

.game-tile[b-h9z074vfnf] {
    width: 200px;
    height: 180px;
    margin: 0 5px;
    float: none;
    position: relative;
    display: inline-block;
    border-radius: 10px;
}

    .game-tile:hover .desc[b-h9z074vfnf] {
        display: flex;
    }

.desc[b-h9z074vfnf] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    align-content: center;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.60);
    border-radius: 10px;
}

.fa-circle-play[b-h9z074vfnf] {
    font-size: 50px;
    cursor: pointer;
}

.desc div:last-child[b-h9z074vfnf] {
    margin-top: auto;
}

.card-img-spin[b-h9z074vfnf] {
    border-radius: 10px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    background: linear-gradient(90deg,rgba(0, 87, 166, 1) 0%, rgba(171, 216, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(219, 238, 255, 1) 75%, rgba(0, 87, 166, 1) 100%);
    opacity: 0.8;
}

.card-img[b-h9z074vfnf] {
    border-radius: 10px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    background: linear-gradient(91.19deg, #121214 17.72%, #331832 52.61%, #842228 79.55%, #C0272D 98.98%);
    opacity: 0.8;
}

.game-name[b-h9z074vfnf] {
    position: absolute;
    left: 0;
    bottom: 10px;
    height: 30px !important;
    width: 100% !important;
    background: rgba(53, 49, 49, 0.67);
}

@media only screen and (max-width: 768px) {
    .main-container[b-h9z074vfnf] {
        padding: 5px 0;
    }

    .title[b-h9z074vfnf] {
        font-size: 15px;
    }

    .title-cont[b-h9z074vfnf] {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .game-tile[b-h9z074vfnf] {
        width: 150px;
        height: 130px;
    }
}
/* /Pages/CoxingGames/CoxingGames.razor.rz.scp.css */
.main-container[b-zcirl4nhiu] {
    margin-top: 56px;
    display: flex;
    justify-content: center;
    color: white;
    background: #411e38;
}

.sub-container[b-zcirl4nhiu] {
    margin-top: 50px;
    width: 70%;
}

/* #region ACCOUNT INFO */
.account-info[b-zcirl4nhiu] {
    display: flex;
    justify-content: space-evenly;
    gap: 20px;
    padding: 10px 20px;
}

.acc-div[b-zcirl4nhiu] {
    width: 100%;
}
/* #endregion */

/* #region GAMES */
.game-container[b-zcirl4nhiu] {
    display: flex;
    gap: 20px;
    padding: 10px 20px;
}

.stream[b-zcirl4nhiu] {
    width: 55%;
}

    .stream iframe[b-zcirl4nhiu] {
        width: 100%;
        height: 550px;
    }

.games[b-zcirl4nhiu] {
    width: 45%;
    background: #121214;
    border-radius: 10px;
    padding: 0 20px;
    height: 550px;
}

.nav[b-zcirl4nhiu] {
    padding-top: 10px;
    gap: 15px;
    border: none;
}

.nav-item[b-zcirl4nhiu] {
    flex: 1;
    text-align: center;
    height: 125px;
}

.nav-link[b-zcirl4nhiu] {
    height: 100%;
    padding: 0;
    color: white;
}

    .nav-link:hover[b-zcirl4nhiu] {
        border: none;
        border-bottom: 3px solid #C1272D;
        border-radius: 0;
    }

    .nav-link.active[b-zcirl4nhiu] {
        background-color: transparent;
        border: none;
        border-radius: 0;
        border-bottom: 3px solid #C1272D;
    }

.nav-img-container[b-zcirl4nhiu] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.nav-img[b-zcirl4nhiu] {
    max-width: 100%;
    height: 95px;
    object-fit: contain;
}

.tab-content[b-zcirl4nhiu] {
    height: 400px;
}

.container[b-zcirl4nhiu] {
    padding: 10px 0 0 !important;
    height: 100%;
}

.tab-btn[b-zcirl4nhiu] {
    color: white;
    width: 100%;
    height: 45px;
    border: none;
    border-radius: 8px;
    background-color: #c25050;
}
/* #endregion */

/* #region HISTORY */
.history-container[b-zcirl4nhiu] {
    background: #121214;
    margin: 0px 20px 20px 20px;
    border-radius: 10px;
}
/* #endregion */

@media only screen and (max-width: 768px) {
    .main-container[b-zcirl4nhiu] {
        background: #3C1937;
    }

    .sub-container[b-zcirl4nhiu] {
        margin-top: 0;
        width: 100%;
        padding: 0 10px;
    }

    /* #region ACCOUNT INFO */
    .account-info[b-zcirl4nhiu] {
        display: block;
        padding: 0;
        padding-top: 15px;
    }

    .acc-div[b-zcirl4nhiu] {
        display: none;
    }
    /* #endregion*/

    /* #region GAMES */
    .game-container[b-zcirl4nhiu] {
        display: block;
        padding: 0;
    }

    .stream[b-zcirl4nhiu] {
        width: 100%;
    }

        .stream iframe[b-zcirl4nhiu] {
            width: 100%;
            height: 250px;
        }

    .games[b-zcirl4nhiu] {
        width: 100%;
        padding: 0 10px;
        height: 500px;
    }

    .nav-item[b-zcirl4nhiu] {
        height: auto;
    }

    .nav-link[b-zcirl4nhiu] {
        height: auto;
    }

    .nav-img[b-zcirl4nhiu] {
        height: 45px;
    }

    .tab-content[b-zcirl4nhiu] {
        height: 380px;
    }
    /* #endregion */

    .history-container[b-zcirl4nhiu] {
        padding: 0;
        margin: 10px 0;
    }
}
/* /Pages/CoxingGames/SumoGame.razor.rz.scp.css */
.main-container[b-b6hov77q1d] {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    color: white;
    height: 100vh;
}
/* /Pages/EGames/Component/GameIframePopUp.razor.rz.scp.css */
#gameContainer[b-nxpkg1gfdg] {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
#gameContainer.container[b-nxpkg1gfdg]{
    padding-left: 8px;
    padding-right:8px;
}
#gamePopUp[b-nxpkg1gfdg] {
    display: inline-flex;
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    box-sizing: border-box;
}

iframe[b-nxpkg1gfdg] {
    width: 100%;
    height: 97vh !important;
    border: none;
    display: inline-flex;
    position: relative;
    top: 0px;
    margin: 0 auto;
  
}
.applePadding[b-nxpkg1gfdg] {
    padding-top: 15%;
    padding-bottom: 7%;

}
.appleCloseIcon[b-nxpkg1gfdg] {
    right: 1%;
    top: 7%;
}
.text-14[b-nxpkg1gfdg] {
    font-size: 14px;
}

.gpa-text[b-nxpkg1gfdg] {
    color: #6e182c;
}

.gpa-btn[b-nxpkg1gfdg] {
    background: #6e182c;
    color: #ffffff;
}
#gamePopUpModalLabel .btn-close[b-nxpkg1gfdg] {
    opacity: inherit;
    z-index: 2;
    position: relative;
    top: 0px;
}
#gamePopUp .modal-header[b-nxpkg1gfdg] {
    background: #3e3c3c;
    height: 40px;
    align-items: center;
    display: inline-flex;
    width: 100%;
}
.btn-header[b-nxpkg1gfdg] {
    height: 40px;
    position: relative;
}
button.text-demo[b-nxpkg1gfdg] {
    color: #bec4ca;
}
button.text-live[b-nxpkg1gfdg] {
    color: #ff3a3a;
}
button.text-live:focus[b-nxpkg1gfdg], button.text-demo:focus[b-nxpkg1gfdg]{
    box-shadow: none;
}
.close-icon[b-nxpkg1gfdg] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    background-size: 100% 100%;
    z-index: 1;
    color: white;
    position: absolute;
    right: 1%;
    top:3%;
    justify-content: center;
    align-items: center;
}

.modal-bg[b-nxpkg1gfdg] {
    background: #ffffff;
}

.font-80[b-nxpkg1gfdg] {
    font-size: 80px;
}

.top-23[b-nxpkg1gfdg] {
    top: 23px;
}

.modal-header[b-nxpkg1gfdg] {
    border: none !important;
}

.modal-footer[b-nxpkg1gfdg] {
    border-top: 1px solid #cecece;
    font-size: 13px;
}

.border-bottom-4[b-nxpkg1gfdg] {
    border-bottom: 4px solid #6e182c;
}

@media screen and (min-width: 992px) {
    #gamePopUp[b-nxpkg1gfdg] {
        width: 100%;
        min-width: 100%;
    }
    #gamePopUp .modal-body[b-nxpkg1gfdg] {
        width: 85%;
    }
    #myIframe[b-nxpkg1gfdg] {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    #gamePopUp[b-nxpkg1gfdg] {
        width: 100%;
        min-width: 100%;
    }
    #gamePopUp .btn-hide[b-nxpkg1gfdg] {
        display: none !important;
    }
    #gamePopUp .modal-header[b-nxpkg1gfdg]{
        background:#212020 !important;
    }

    #gamePopUp .modal-body[b-nxpkg1gfdg],#myIframe[b-nxpkg1gfdg] {
        width: 100%;
    }
}
/* /Pages/EGames/Component/GamesList.razor.rz.scp.css */
.main-container[b-dn9fsqcn53] {
    color: white;
    padding: 10px;
    font-family: "Inter", serif;
}

.title[b-dn9fsqcn53] {
    font-size: 20px;
    font-weight: 600;
}

.see_all[b-dn9fsqcn53] {
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.list-container[b-dn9fsqcn53] {
    white-space: nowrap;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 98%;
    margin: auto;
}
/* #region SCROLL BAR */
[b-dn9fsqcn53]::-webkit-scrollbar {
    height: 10px;
}

[b-dn9fsqcn53]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}

[b-dn9fsqcn53]::-webkit-scrollbar-thumb {
    background: rgba(84, 79, 79, 0.55);
    border-radius: 10px;
}
/* #endregion */

@media only screen and (max-width: 768px) {

    .main-container[b-dn9fsqcn53] {
        padding: 5px 0;
    }

    .title[b-dn9fsqcn53] {
        font-size: 15px;
    }

    .see_all[b-dn9fsqcn53] {
        font-size: 13px;
    }

    .title-cont[b-dn9fsqcn53] {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
}
/* /Pages/EGames/Component/GameTile.razor.rz.scp.css */
.game-tile[b-tsemz6st5a] {
    width: 200px;
    height: 180px;
    margin: 0 5px;
    float: none;
    position: relative;
    display: inline-block;
}

    .game-tile img[b-tsemz6st5a] {
        border-radius: 10px;
        height: 100%;
        width: 100%;
        object-fit: fill;
    }

    .game-tile:hover .desc[b-tsemz6st5a] {
        display: flex;
    }


.desc[b-tsemz6st5a] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    align-content: center;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.60);
    border-radius: 10px;
}

.fa-circle-play[b-tsemz6st5a] {
    font-size: 50px;
    cursor: pointer;
}

.desc div:last-child[b-tsemz6st5a] {
    margin-top: auto;
}

.demo[b-tsemz6st5a] {
    color: white;
    background: rgba(3, 3, 3, 0.70);
    border-radius: 0 0 8px 8px;
    text-decoration: none;
    cursor: pointer;
}

.position-relative:hover .desc[b-tsemz6st5a] {
    display: flex;
}

@media only screen and (max-width: 768px) {
    .game-tile[b-tsemz6st5a] {
        width: 150px;
        height: 130px;
    }
}
/* /Pages/EGames/EGames.razor.rz.scp.css */
.main-container[b-d4yj3bfdd6] {
    padding-top: 65px;
    height: 100vh;
    display: flex;
    justify-content: center;
}

.sub-container[b-d4yj3bfdd6] {
    padding: 10px;
    height: 100%;
    width: 70%;
}

.title-cont[b-d4yj3bfdd6] {
    color: white;
    height: 50px;
    font-size: 30px;
    text-align: center;
    font-family: "Inter", serif;
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
}

.title[b-d4yj3bfdd6] {
    position: absolute;
    left: 0;
    right: 0;
    font-weight: 700;
    background: #1e1e1e;
    margin-inline: auto;
    width: fit-content;
    padding: 0 10px;
    text-transform: uppercase;
}

.line[b-d4yj3bfdd6] {
    width: 100%;
    height: 3px;
    background: #2E8DEE;
}

.game-tiles[b-d4yj3bfdd6] {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 10px;
}

@media only screen and (max-width: 768px) {
    .sub-container[b-d4yj3bfdd6] {
        width: 100%;
    }

    .title[b-d4yj3bfdd6] {
        font-size: 20px;
    }

    .line[b-d4yj3bfdd6] {
        height: 2px;
    }
}
/* /Pages/FAQ/FAQ.razor.rz.scp.css */
.main-container[b-axbxlmqu87] {
    padding-top: 56px;
    display: flex;
    justify-content: center;
    color: white;
    background: #411e38;
    font-family: "Montserrat", sans-serif;
    height: 100vh;
    overflow: auto;
}

.sub-container[b-axbxlmqu87] {
    margin-top: 50px;
    width: 70%;
    padding: 10px 20px;
    color: #FAFAFA;
}

.faq-container[b-axbxlmqu87] {
    width: 100%;
    background: #121214;
    border-radius: 20px;
    padding: 20px;
}

    .faq-container h4[b-axbxlmqu87] {
        text-align: center;
        font-weight: 900;
    }

.content-cont[b-axbxlmqu87] {
    display: flex;
    gap: 10px;
}

/* #region TABLE OF CONTENTS */
.table-contents[b-axbxlmqu87] {
    width: 20%;
}

    .table-contents div[b-axbxlmqu87] {
        padding-left: 15px;
        font-size: 15px;
        margin-bottom: 5px;
        color: #A8A9AD;
    }
/* #endregion */

.contents[b-axbxlmqu87] {
    width: 80%;
    padding: 10px;
}

.content-header[b-axbxlmqu87] {
    font-size: 20px;
    font-weight: 700;
}

.btn[b-axbxlmqu87] {
    width: 100%;
    color: #FAFAFA;
    font-weight: 500;
    background: linear-gradient(91.19deg, #121214 17.72%, #331832 52.61%, #842228 79.55%, #C0272D 98.98%);
    border-radius: 10px;
    text-align: left;
}

    .btn:focus[b-axbxlmqu87], .btn:active[b-axbxlmqu87] {
        outline: none;
        box-shadow: none;
    }

.card-body[b-axbxlmqu87] {
    background: #1D1E26;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    color: #a6a8a9;
}

.img-container[b-axbxlmqu87] {
    width: 45%;
}

.dtl-img[b-axbxlmqu87] {
    max-width: 100%;
    max-height: 100%;
    object-fit: fill;
}

.dtl-txt[b-axbxlmqu87] {
    width: 55%;
    padding: 20px;
    align-content: center;
}

@media only screen and (max-width: 768px) {
    .main-container[b-axbxlmqu87] {
        background: #3C1937;
    }

    .sub-container[b-axbxlmqu87] {
        margin-top: 0px;
        padding: 15px 10px;
        width: 100%;
    }

    .content-cont[b-axbxlmqu87] {
        display: block;
    }

    .table-contents[b-axbxlmqu87] {
        width: 100%;
    }

        .table-contents div[b-axbxlmqu87] {
            margin-bottom: 10px;
        }

    .contents[b-axbxlmqu87] {
        width: 100%;
        padding: 0;
    }

    .card-body[b-axbxlmqu87] {
        display: block;
    }

    .img-container[b-axbxlmqu87], .dtl-txt[b-axbxlmqu87] {
        width: 100%;
        padding: 0;
    }
}
/* /Pages/ForgotPassword/ForgotPassword.razor.rz.scp.css */
.main-container[b-8mea53dtxq] {
    padding-top: 56px;
    display: flex;
    justify-content: center;
    background: #101720;
    min-height: 100vh;
    height: 100%;
}

.form-container[b-8mea53dtxq] {
    margin-top: 80px;
    color: white;
    width: 668px;
    background-color: #608fb7;
    border-radius: 20px;
    padding: 50px 40px 30px;
    position: relative;
    font-family: "Montserrat", sans-serif;
}

    .form-container label[b-8mea53dtxq] {
        font-size: 15px;
    }

.logo-img[b-8mea53dtxq] {
    position: absolute;
    top: -58%;
    left: 25%;
    width: 340px;
}

.min88-img[b-8mea53dtxq] {
    position: absolute;
    top: -18.5%;
    left: 25%;
    width: 340px;
}

h4[b-8mea53dtxq] {
    padding-top: 30px;
    font-weight: 700;
}

input[b-8mea53dtxq] {
    color: #454545;
    background-color: white;
    border: none;
    border-radius: 10px;
    height: 45px;
}

    input:focus[b-8mea53dtxq] {
        color: #454545;
        background-color: white;
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    input:-webkit-autofill[b-8mea53dtxq] {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
        box-shadow: 0 0 0px 1000px white inset;
        color: #454545 !important;
        background-color: white !important;
        transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    }

    input:focus:-webkit-autofill[b-8mea53dtxq] {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
        box-shadow: 0 0 0px 1000px white inset;
        color: #454545 !important;
    }


[b-8mea53dtxq]::placeholder {
    color: #484848;
    font-style: italic;
}

.send-container[b-8mea53dtxq] {
    padding-top: 10px;
    display: flex;
    justify-content: center;
}

.btn-send[b-8mea53dtxq] {
    color: white;
    font-size: 16px;
    font-weight: 700;
    width: 70%;
    height: 45px;
    /*background: linear-gradient(90deg, #7D2127 0%, #C1272D 100%);
    border: none;*/
    border-radius: 10px;
    text-transform: uppercase;
    background: #04AA6D;
    border: 3px outset #048e5b;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    will-change: box-shadow, transform;
}

    .btn-send:hover[b-8mea53dtxq] {
        transform: translateY(-2px);
    }

    .btn-send:active[b-8mea53dtxq] {
        transform: translateY(2px);
    }

.signin-container[b-8mea53dtxq] {
    font-size: 16px;
    padding-top: 30px;
    text-align: center;
    color: white;
}

    .signin-container a[b-8mea53dtxq] {
        color: white;
        font-weight: 600;
    }

@media only screen and (max-width: 768px) {
    .main-container[b-8mea53dtxq] {
    }

    .form-container[b-8mea53dtxq] {
        width: 340px;
        padding: 50px 25px 30px;
    }

    .logo-img[b-8mea53dtxq] {
        top: -42%;
        left: 15%;
        width: 230px;
    }

    .min88-img[b-8mea53dtxq] {
        top: -10.5%;
        left: 18%;
        width: 220px;
    }

    .form-container label[b-8mea53dtxq] {
        font-size: 13px;
    }

    .form-group[b-8mea53dtxq] {
        margin-bottom: 8px !important;
    }

    input[b-8mea53dtxq] {
        height: 45px;
        font-size: 14px;
    }

    .send-container[b-8mea53dtxq] {
        padding-top: 20px;
    }

    .btn-send[b-8mea53dtxq] {
        font-size: 12px;
        width: 50%;
        height: 40px;
    }

    .signin-container[b-8mea53dtxq] {
        padding-top: 20px;
        font-size: 12px;
    }
}
/* /Pages/Home/Component/Carousel.razor.rz.scp.css */
/* #region CAROUSEL */
.crsl_container[b-4jjv1e237q] {
    position: relative;
    width: 100%;
    height: 450px;
}

.crsl_img[b-4jjv1e237q] {
    height: 100%;
    width: 100%;
    object-fit: fill;
}

.carousel-control-prev[b-4jjv1e237q], .carousel-control-next[b-4jjv1e237q] {
    width: 5%;
}
/* #endregion */


@media only screen and (max-width: 768px) {
    .sub-container[b-4jjv1e237q] {
        width: 100%;
    }

    .crsl_container[b-4jjv1e237q] {
        height: 250px;
    }
}
/* /Pages/Home/Home.razor.rz.scp.css */
.main-container[b-9c7w3q47nl] {
    padding-top: 65px;
    height: 100vh;
    display: flex;
    justify-content: center;
    font-family: "Montserrat", sans-serif;
    text-shadow: 1.8px 1.8px 1px #812f00;
}

.token[b-9c7w3q47nl] {
    display: flex;
    justify-content: center;
    padding: 10px;
    color: #ffca00;
    font-size: 20px;
    font-weight: bold;
}

.sub-container[b-9c7w3q47nl] {
    padding: 10px;
    height: 100%;
    width: 70%;
}

@media only screen and (max-width: 768px) {
    .sub-container[b-9c7w3q47nl] {
        width: 100%;
    }
}
/* /Pages/Lobby/CarouselItem.razor.rz.scp.css */
.jackpot-display[b-q5bxeu5s4y] {
    position: absolute;
    bottom: 420px;
    left: 10px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 5px;
    font-size: 1.2em;
}

.crsl_container[b-q5bxeu5s4y] {
    position: relative;
    width: 100%;
    height: 500px;
    font-family: 'Orbitron';
}

.crsl_container_bg[b-q5bxeu5s4y] {
    background-image: var(--background);
    filter: blur(8px);
    -webkit-filter: blur(3px);
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#item1[b-q5bxeu5s4y] {
    width: 500px;

}


.crsl_items[b-q5bxeu5s4y] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.crsl_item_left[b-q5bxeu5s4y] {
    color: white;
    font-weight: bold;
    margin: auto;
    text-align: center;
}

.crsl_item_right[b-q5bxeu5s4y] {
    margin: auto auto 0 auto;
}

.button-85[b-q5bxeu5s4y] {
    padding: 0.6em 2em;
    border: none;
    outline: none;
    color: black;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    font-weight: bolder;
}

    .button-85[b-q5bxeu5s4y]:before {
        content: "";
        background: -webkit-linear-gradient(left, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728);
        position: absolute;
        top: -2px;
        left: -2px;
        background-size: 400%;
        z-index: -1;
        filter: blur(5px);
        -webkit-filter: blur(2px);
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        animation: glowing-button-85-b-q5bxeu5s4y 5s linear infinite;
        transition: opacity 0.3s ease-in-out;
        border-radius: 10px;
    }

@keyframes glowing-button-85-b-q5bxeu5s4y {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

@media only screen and (max-width: 1140px) {
    #item1[b-q5bxeu5s4y] {
        width: 400px;
    }
        #item1 h2[b-q5bxeu5s4y] {
            font-size: 25px;
        }
}

@media only screen and (max-width: 1040px) {
    #item1[b-q5bxeu5s4y] {
        width: 310px;
    }

        #item1 h2[b-q5bxeu5s4y] {
            font-size: 20px;
        }
}


@media only screen and (max-width: 768px) {
    .crsl_items[b-q5bxeu5s4y] {
        display: grid;
        width: 100%;
        justify-content: center;
        grid-template-columns: 1fr;
        overflow: hidden;
    }

    #item1[b-q5bxeu5s4y] {
        width: 350px;
    }

        #item1 h2[b-q5bxeu5s4y] {
            font-size: 20px;
        }

    #item2[b-q5bxeu5s4y] {
        grid-row: 1;
        margin: auto auto 0 auto;
    }

        #item2 img[b-q5bxeu5s4y] {
            height: 350px;
        }

    .button-85[b-q5bxeu5s4y]:after {
        z-index: -1;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: transparent;
        left: 0;
        top: 0;
        border-radius: 10px;
    }
}
/* /Pages/Lobby/GameCard.razor.rz.scp.css */
.btn[b-nvwus8d2p7] {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    border: 5px solid rgba(255, 255, 255, .08);
    border-radius: 15px;
}

.main-container[b-nvwus8d2p7] {
    height: 350px;
    position: relative;
    transition: all 0.6s ease;
    border-radius: 15px;
    overflow: hidden;
}

    .main-container:hover .cls-img[b-nvwus8d2p7] {
        transform: scale(1.2);
    }

    .main-container:hover .content-container[b-nvwus8d2p7] {
        padding-top: 8px;
        bottom: 0px;
    }

    .main-container:hover .fb-stream[b-nvwus8d2p7] {
        padding-top: 10px;
    }

.img-container[b-nvwus8d2p7] {
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
}

.cls-img[b-nvwus8d2p7] {
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius: 10px;
    transition: 0.6s all ease-in-out;
}

.content-container[b-nvwus8d2p7] {
    text-align: center;
    padding: 5px;
    position: absolute;
    color: gold;
    width: 100%;
    bottom: -15px;
    height: 100px;
    border-radius: 0 0 10px 10px;
    backdrop-filter: blur(30px);
    transition: 0.4s all ease-in-out;
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 150%);
}

.content-title[b-nvwus8d2p7] {
    font-size: 20px;
    font-weight: bolder;
    height: 40px;
    color: black;
}

.left-lbl[b-nvwus8d2p7] {
    padding-top: 2px;
    letter-spacing: 1.5px;
    color: floralwhite;
}

.right-lbl[b-nvwus8d2p7] {
    padding-top: 2px;
    letter-spacing: 1.5px;
    color: indianred;
}

.win-lbl[b-nvwus8d2p7] {
    padding-top: 2px;
    letter-spacing: 1.5px;
    color: darkgoldenrod;
}

.fb-stream[b-nvwus8d2p7] {
    padding-top: 5px;
    height: 30px;
    transition: 0.4s all ease-in-out;
}

.stream[b-nvwus8d2p7] {
    color: black;
    padding: 7px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    border-radius: 10px;
    border: 3px solid darkgoldenrod;
    background-image: -webkit-linear-gradient(left, #0f0f0f, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c, #0f0f0f);
}

.blankgame-container[b-nvwus8d2p7] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    backdrop-filter: blur(30px);
    transition: 0.4s all ease-in-out;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 0%);
}

.blankgame-lbl[b-nvwus8d2p7] {
    font-family: 'Alumni Sans Collegiate One';
    font-size: 65px;
    text-align: center;
    background: -webkit-linear-gradient(#fcf6ba, #b38728);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 768px) {
    .main-container[b-nvwus8d2p7] {
        height: 280px;
    }

    .content-title[b-nvwus8d2p7] {
        font-size: 15px;
    }

    .fb-stream[b-nvwus8d2p7] {
        height: 15px;
    }

    .stream[b-nvwus8d2p7] {
        font-size: 13px;
    }
    .blankgame-lbl[b-nvwus8d2p7] {
        font-size: 40px;
    }
}
/* /Pages/Lobby/Lobby.razor.rz.scp.css */
.main_container[b-axzrbmn3pe] {
    padding-top: 55px;
    text-transform: uppercase;
    overflow: hidden;
}

.carousel-control-next[b-axzrbmn3pe],
.carousel-control-prev[b-axzrbmn3pe] {
    width: 7%;
    margin-top: 10px;
}

.tab-container[b-axzrbmn3pe] {
    margin: 20px;
    border-bottom: 1px solid darkgoldenrod;
}

.nav-link[b-axzrbmn3pe] {
    color: white;
    margin: 0 10px 5px 0;
    text-transform: uppercase;
    text-decoration: none;
    border-left: 5px solid darkgoldenrod;
    border-top: 3px solid darkgoldenrod;
    border-radius: 10px 15px 0 0;
}

    .nav-link:hover[b-axzrbmn3pe] {
        color: black;
        font-weight: bolder;
        letter-spacing: 2px;
    }

    .nav-link.active[b-axzrbmn3pe] {
        color: black;
        font-weight: bolder;
        letter-spacing: 2px;
        border-radius: 10px 15px 0 0;
        background-image: linear-gradient(rgb(13, 14, 33, 0.2), rgb(153,101,21)), radial-gradient(circle at left top, #0f0f0f, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c, #0f0f0f);
    }

.sweep-to-right[b-axzrbmn3pe] {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: color 300ms;
    transition: color 300ms;
}

    .sweep-to-right[b-axzrbmn3pe]:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 10px 15px 0 0;
        background-image: linear-gradient(rgb(13, 14, 33, 0.2), rgb(153,101,21)), radial-gradient(circle at left top, #0f0f0f, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c, #0f0f0f);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition: 200ms ease-out;
        transition: 200ms ease-out;
    }

    .sweep-to-right:hover[b-axzrbmn3pe]:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }




.menu-container[b-axzrbmn3pe] {
    padding: 0px 20px 20px 20px;
}

    .menu-container label[b-axzrbmn3pe] {
        padding-top: 10px;
        padding-left: 10px;
        font-size: 25px;
        font-weight: bolder;
        letter-spacing: 5px;
        background: -webkit-linear-gradient(#fcf6ba, #b38728);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.game_menu[b-axzrbmn3pe] {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
    overflow-y: scroll;
    padding-top: 5px;
}

@media only screen and (max-width: 1270px) {
    .game_menu[b-axzrbmn3pe] {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
}

@media only screen and (max-width: 768px) {
    .game_menu[b-axzrbmn3pe] {
        grid-template-columns: 1fr;
    }

    .carousel-control-next[b-axzrbmn3pe],
    .carousel-control-prev[b-axzrbmn3pe] {
        width: 15%;
    }

    .tab-container[b-axzrbmn3pe] {
        margin: 20px 10px 0 10px;
    }

    .nav-link[b-axzrbmn3pe] {
        padding: 7px 5px 7px 3px;
        font-size: 12px;
        margin-right: 5px;
        border-left: 4px solid darkgoldenrod;
        border-top: 2px solid darkgoldenrod;
    }

        .nav-link.active[b-axzrbmn3pe] {
            letter-spacing: 0px;
        }

    .menu-container label[b-axzrbmn3pe] {
        font-size: 18px;
    }
}
/* /Pages/Login/Login.razor.rz.scp.css */
.main-container[b-tt6m8agrbp] {
    padding-top: 56px;
    display: flex;
    justify-content: center;
    background: #101720;
    height: 100vh;
}

/* #region LOGIN FORM */
.form-login[b-tt6m8agrbp] {
    margin-top: 80px;
    color: white;
    width: 668px;
    background-color: #608fb7;
    border-radius: 20px;
    padding: 50px 40px 30px;
    position: relative;
    font-family: "Montserrat", sans-serif;
}

.logo-img[b-tt6m8agrbp] {
    position: absolute;
    top: -45%;
    left: 25%;
    width: 340px;
}

.min88-img[b-tt6m8agrbp] {
    position: absolute;
    top: -13%;
    left: 25%;
    width: 340px;
}

h4[b-tt6m8agrbp] {
    font-weight: 700;
}
/* #endregion */

/* #region INPUT */
.form-login label[b-tt6m8agrbp] {
    font-size: 16px;
    font-weight: 500;
}

.form-group[b-tt6m8agrbp] {
    margin-bottom: 10px;
}

input[b-tt6m8agrbp] {
    color: #454545;
    background-color: white;
    border: none;
    height: 50px;
    border-radius: 10px;
}

    input:focus[b-tt6m8agrbp] {
        color: #454545;
        background-color: white;
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    input:-webkit-autofill[b-tt6m8agrbp] {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
        box-shadow: 0 0 0px 1000px white inset;
        color: #454545 !important;
        background-color: white !important;
        transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    }

    input:focus:-webkit-autofill[b-tt6m8agrbp] {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
        box-shadow: 0 0 0px 1000px white inset;
        color: #454545 !important;
    }


[b-tt6m8agrbp]::placeholder {
    color: #484848;
    font-style: italic;
}

.password-container[b-tt6m8agrbp] {
    position: relative;
}

.fa-eye[b-tt6m8agrbp] {
    position: absolute;
    top: 65%;
    right: 3%;
    cursor: pointer;
    color: #454545;
}

.fa-eye-slash[b-tt6m8agrbp] {
    position: absolute;
    top: 65%;
    right: 2.80%;
    cursor: pointer;
    color: #454545;
}
/* #endregion */

/* #region SIGNIN CONTAINER */
.signin-container[b-tt6m8agrbp] {
    padding-top: 10px;
    display: flex;
    justify-content: center;
}

.btn-signin[b-tt6m8agrbp] {
    color: white;
    font-size: 16px;
    font-weight: 700;
    width: 75%;
    height: 48px;
    border-radius: 10px;
    text-transform: uppercase;
    background: #04AA6D;
    border: 3px outset #048e5b;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    will-change: box-shadow, transform;
}

    .btn-signin:hover[b-tt6m8agrbp] {
        transform: translateY(-2px);
    }

    .btn-signin:active[b-tt6m8agrbp] {
        transform: translateY(2px);
    }
/* #endregion */

/* #region SIGNUP CONTAINER */
.signup-container[b-tt6m8agrbp] {
    font-size: 16px;
    padding-top: 30px;
    text-align: center;
    color: white;
}

    .signup-container a[b-tt6m8agrbp] {
        color: white;
        font-weight: 600;
    }
/* #endregion */

@media only screen and (max-width: 768px) {

    /* #region LOGIN FORM */
    .form-login[b-tt6m8agrbp] {
        width: 340px;
        padding: 50px 25px 30px;
    }

    .logo-img[b-tt6m8agrbp] {
        top: -32%;
        left: 15%;
        width: 230px;
    }

    .min88-img[b-tt6m8agrbp] {
        top: -7.5%;
        left: 19%;
        width: 220px;
    }


    .form-login label[b-tt6m8agrbp] {
        font-size: 13px;
    }
    /* #endregion */

    /* #region INPUT */
    .form-group[b-tt6m8agrbp] {
        margin-bottom: 8px;
    }

    input[b-tt6m8agrbp] {
        height: 45px;
        font-size: 14px;
    }

    .fa-eye[b-tt6m8agrbp] {
        font-size: 16px;
        top: 65%;
    }

    .fa-eye-slash[b-tt6m8agrbp] {
        font-size: 16px;
        top: 65%;
    }
    /* #endregion */

    /* #region SIGNIN CONTAINER */
    .signin-container[b-tt6m8agrbp] {
        padding-top: 20px;
    }

    .btn-signin[b-tt6m8agrbp] {
        font-size: 12px;
        width: 50%;
        height: 40px;
    }
    /* #endregion */

    /* #region SIGNUP CONTAINER */
    .signup-container[b-tt6m8agrbp] {
        padding-top: 20px;
        font-size: 12px;
    }
    /* #endregion */

}
/* /Pages/Login/PopLogin.razor.rz.scp.css */
.main-container[b-fo2th3lxpb] {
    background: black;
    color: white;
    width: 350px;
    padding: 60px 10px 10px 10px;
    margin: auto;
    border-radius: 30px;
    text-align: center;
    position: relative;
    border: 3px solid darkgoldenrod;
}

.gradient_border[b-fo2th3lxpb] {
    border-image: linear-gradient(#fcf6ba, #b38728) 30;
    border-width: 5px;
    border-style: solid;
    border-radius: 10px;
}

.iClose[b-fo2th3lxpb] {
    position: absolute;
    right: 4%;
    top: 5%;
    cursor: pointer;
    background: -webkit-linear-gradient(#fcf6ba, #b38728);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h2[b-fo2th3lxpb] {
    animation: glow 0.4s ease-in-out infinite alternate;
    padding-bottom: 15px;
}

h6[b-fo2th3lxpb] {
    text-transform: uppercase;
    letter-spacing: 3px;
}

.login-option[b-fo2th3lxpb] {
    display: flex;
    align-items: center;
    margin: 5px 0;
    gap: 10px;
}

    .login-option button[b-fo2th3lxpb] {
        background-color: transparent;
        text-transform: uppercase;
    }

.btn-active[b-fo2th3lxpb] {
    color: white;
    border: 3px solid darkgoldenrod;
}

@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #aa771c, 0 0 40px #b38728, 0 0 50px #be9e44, 0 0 60px #cbb26a, 0 0 70px #d8c690;
    }

    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #aa771c, 0 0 40px #b38728, 0 0 50px #be9e44, 0 0 60px #cbb26a, 0 0 70px #d8c690, 0 0 80px #fcf6ba;
    }
}

.txtInput[b-fo2th3lxpb] {
    height: 50px;
}

.has-icon .form-control[b-fo2th3lxpb] {
    padding-left: 2.375rem;
}

.has-icon .form-control-feedback[b-fo2th3lxpb] {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.575rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}


.password-container[b-fo2th3lxpb] {
    position: relative;
}

.fa-eye[b-fo2th3lxpb] {
    position: absolute;
    top: 28%;
    right: 4%;
    cursor: pointer;
    color: #aaa;
}

.fa-eye-slash[b-fo2th3lxpb] {
    position: absolute;
    top: 28%;
    right: 3.75%;
    cursor: pointer;
    color: #aaa;
}

.btn[b-fo2th3lxpb] {
    height: 50px;
    color: black;
    text-transform: uppercase;
    font-weight: bolder;
    border-radius: 30px;
    outline: 1.5px solid;
    outline-color: darkgoldenrod;
    transition: all 0.2s;
    border: 2px double transparent;
    background-image: linear-gradient(rgb(13, 14, 33, 0.2), rgb(153,101,21)), radial-gradient(circle at left top, #0f0f0f, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c, #0f0f0f);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

    .btn:hover[b-fo2th3lxpb] {
        outline-color: rgba(255, 255, 255, 0);
        outline-offset: 20px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }

    .btn:focus[b-fo2th3lxpb] {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }

.btm_links[b-fo2th3lxpb] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-family: 'Electrolize';
}

    .btm_links a[b-fo2th3lxpb] {
        text-decoration: none;
        font-weight: bolder;
        margin: auto;
        cursor: pointer;
        background: -webkit-linear-gradient(#fcf6ba, #b38728);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

@media only screen and (max-width: 768px) {
    .main-container[b-fo2th3lxpb] {
        width: 330px;
    }

    .btn[b-fo2th3lxpb] {
        height: 40px;
        font-size: 13px;
    }
}
/* /Pages/Profile/Profile.razor.rz.scp.css */
.main-container[b-rfgcnerkai] {
    padding-top: 56px;
    display: flex;
    justify-content: center;
    color: white;
    background: #101720;
    font-family: "Montserrat", sans-serif;
    height: 100vh;
    overflow: auto;
}

.sub-container[b-rfgcnerkai] {
    margin-top: 50px;
    width: 70%;
    padding: 10px 20px;
    color: white;
}

.profile-container[b-rfgcnerkai] {
    width: 100%;
    background: #608fb7;
    border-radius: 20px;
    padding: 20px;
    position: relative;
}

/* #region HEADER */
.header-container[b-rfgcnerkai] {
    position: absolute;
    color: white;
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px 15px;
    border-radius: 20px 20px 0 0;
    background: #608fb7;
    border-bottom: 2px solid white;
}

    .header-container h4[b-rfgcnerkai] {
        font-weight: bold;
        text-transform: uppercase;
        margin: auto;
        color: #ffca00;
        text-shadow: 1.8px 1.8px 1px #812f00;
    }
/* #endregion */

label[b-rfgcnerkai] {
    font-weight: 500;
}

.profile-form[b-rfgcnerkai] {
    margin: auto;
    width: 70%;
    font-size: 15px;
    padding-top: 70px;
}

input[b-rfgcnerkai], p[b-rfgcnerkai] {
    font-size: 14px;
    color: #454545;
    background-color: white;
    border: none;
    border-radius: 5px;
}

    input:focus[b-rfgcnerkai] {
        color: #454545;
        background-color: white;
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

p[b-rfgcnerkai] {
    padding: 6px;
}

[b-rfgcnerkai]::placeholder {
    font-style: italic;
}

.sub-title[b-rfgcnerkai] {
    display: flex;
    gap: 0.4rem;
    border-bottom: 2px solid white;
    justify-content: center;
}

.referral-container[b-rfgcnerkai], .password-container[b-rfgcnerkai] {
    position: relative;
}

.fa-copy[b-rfgcnerkai] {
    position: absolute;
    top: 55%;
    right: 3%;
}

.fa-eye[b-rfgcnerkai] {
    position: absolute;
    top: 56%;
    right: 3%;
    cursor: pointer;
}

.fa-eye-slash[b-rfgcnerkai] {
    position: absolute;
    top: 56%;
    right: 2.80%;
    cursor: pointer;
}

.errorMessage[b-rfgcnerkai] {
    color: #B3262C;
    font-weight: bold;
}

.btn-update[b-rfgcnerkai] {
    font-family: "Montserrat", sans-serif;
    color: white;
    width: 100%;
    height: 40px;
    /*background: #B3262C;
    border: none;*/
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    background: #04AA6D;
    border: 3px outset #048e5b;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    will-change: box-shadow, transform;
}
    .btn-update:hover[b-rfgcnerkai] {
        transform: translateY(-2px);
    }

    .btn-update:active[b-rfgcnerkai] {
        transform: translateY(2px);
    }

@media only screen and (max-width: 768px) {

    .main-container[b-rfgcnerkai] {
    }

    .sub-container[b-rfgcnerkai] {
        margin-top: 0px;
        padding: 15px 10px;
        width: 100%;
    }

    .profile-form[b-rfgcnerkai] {
        padding-top: 50px;
        width: 100%;
    }
}
/* /Pages/Signup/AgentSignupSuccess.razor.rz.scp.css */
.main-container[b-w70rrvhfx0] {
    padding-top: 56px;
    display: flex;
    justify-content: center;
    background: #4c2441;
    height: 100vh;
}

.form-login[b-w70rrvhfx0] {
    margin-top: 80px;
    color: #a8a9ad;
    width: 668px;
    background-color: #121214;
    border-radius: 20px;
    padding: 50px 40px 30px;
    position: relative;
    font-family: "Montserrat", sans-serif;
}

.logo-img[b-w70rrvhfx0] {
    position: absolute;
    top: -13%;
    left: 10%;
    width: 540px;
}

.min88-img[b-w70rrvhfx0] {
    position: absolute;
    top: -13%;
    left: 25%;
    width: 340px;
}

h4[b-w70rrvhfx0] {
    font-weight: 700;
}

.form-login label[b-w70rrvhfx0] {
    font-size: 16px;
    font-weight: 500;
}

.form-group[b-w70rrvhfx0] {
    margin-bottom: 10px;
}

input[b-w70rrvhfx0] {
    color: #454545;
    background-color: #A5A5A5;
    border: none;
    height: 50px;
    border-radius: 10px;
}

    input:focus[b-w70rrvhfx0] {
        color: #454545;
        background-color: #A5A5A5;
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    input:-webkit-autofill[b-w70rrvhfx0] {
        -webkit-box-shadow: 0 0 0px 1000px #A5A5A5 inset;
        box-shadow: 0 0 0px 1000px #A5A5A5 inset;
        color: #454545 !important;
        background-color: #A5A5A5 !important;
        transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    }

    input:focus:-webkit-autofill[b-w70rrvhfx0] {
        -webkit-box-shadow: 0 0 0px 1000px #A5A5A5 inset;
        box-shadow: 0 0 0px 1000px #A5A5A5 inset;
        color: #454545 !important;
    }


[b-w70rrvhfx0]::placeholder {
    color: #484848;
    font-style: italic;
}

.password-container[b-w70rrvhfx0] {
    position: relative;
}

.fa-eye[b-w70rrvhfx0] {
    position: absolute;
    top: 65%;
    right: 3%;
    cursor: pointer;
    color: #454545;
}

.fa-eye-slash[b-w70rrvhfx0] {
    position: absolute;
    top: 65%;
    right: 2.80%;
    cursor: pointer;
    color: #454545;
}

.signin-container[b-w70rrvhfx0] {
    padding-top: 10px;
    display: flex;
    justify-content: center;
}

.btn-signin[b-w70rrvhfx0] {
    color: white;
    font-size: 16px;
    font-weight: 700;
    width: 75%;
    height: 48px;
    background: linear-gradient(90deg, #7D2127 0%, #C1272D 100%);
    border: none;
    border-radius: 10px;
    text-transform: uppercase;
}

.signup-container[b-w70rrvhfx0] {
    font-size: 16px;
    padding-top: 30px;
    text-align: center;
    color: white;
}

    .signup-container a[b-w70rrvhfx0] {
        color: white;
        font-weight: 600;
    }

@media only screen and (max-width: 920px) {

    /*.form-login {
        width: 500px;
        padding: 20px 20px;
    }

        .form-login label {
            font-size: 13px;
        }

    .form-group {
        margin-bottom: 5px;
    }

    input {
        font-size: 13px;
    }

    .fa-eye {
        font-size: 16px;
        top: 70%;
    }

    .fa-eye-slash {
        font-size: 16px;
        top: 70%;
    }

    .btn-signin {
        font-size: 12px;
        height: 35px;
    }

    .signup-container {
        padding-top: 20px;
        font-size: 12px;
    }*/
}

@media only screen and (max-width: 768px) {
    .main-container[b-w70rrvhfx0] {
        background: #3C1937;
    }

    .form-login[b-w70rrvhfx0] {
        width: 340px;
        padding: 50px 25px 30px;
    }

    .logo-img[b-w70rrvhfx0] {
        top: -7.5%;
        left: 5%;
        width: 300px;
    }

    .min88-img[b-w70rrvhfx0] {
        top: -7.5%;
        left: 19%;
        width: 220px;
    }


    .form-login label[b-w70rrvhfx0] {
        font-size: 13px;
    }

    .form-group[b-w70rrvhfx0] {
        margin-bottom: 8px;
    }

    input[b-w70rrvhfx0] {
        height: 45px;
        font-size: 14px;
    }

    .fa-eye[b-w70rrvhfx0] {
        font-size: 16px;
        top: 65%;
    }

    .fa-eye-slash[b-w70rrvhfx0] {
        font-size: 16px;
        top: 65%;
    }

    .signin-container[b-w70rrvhfx0] {
        padding-top: 20px;
    }

    .btn-signin[b-w70rrvhfx0] {
        font-size: 12px;
        width: 50%;
        height: 40px;
    }

    .signup-container[b-w70rrvhfx0] {
        padding-top: 20px;
        font-size: 12px;
    }
}
/* /Pages/Signup/PopSignup.razor.rz.scp.css */
.main-container[b-jdfo22y0bn] {
    background: black;
    color: white;
    width: 350px;
    padding: 60px 10px 10px 10px;
    margin: auto;
    border-radius: 30px;
    position: relative;
    border: 3px solid darkgoldenrod;
}

.modal-container[b-jdfo22y0bn] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; 
}

.iClose[b-jdfo22y0bn] {
    position: absolute;
    right: 4%;
    top: 5%;
    cursor: pointer;
    background: -webkit-linear-gradient(#fcf6ba, #b38728);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h3[b-jdfo22y0bn] {
    text-align: center;
}

label[b-jdfo22y0bn] {
    font-size: 12px;
}

.has-icon .form-control[b-jdfo22y0bn] {
    padding-left: 2.375rem;
}

.has-icon .form-control-feedback[b-jdfo22y0bn] {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.password-container[b-jdfo22y0bn] {
    position: relative;
}

.fa-eye[b-jdfo22y0bn] {
    position: absolute;
    top: 56%;
    right: 4%;
    cursor: pointer;
    color: #aaa;
}

.fa-eye-slash[b-jdfo22y0bn] {
    position: absolute;
    top: 56%;
    right: 3.75%;
    cursor: pointer;
    color: #aaa;
}

.btn[b-jdfo22y0bn] {
    height: 50px;
    color: black;
    text-transform: uppercase;
    font-weight: bolder;
    border-radius: 30px;
    outline: 1.5px solid;
    outline-color: darkgoldenrod;
    transition: all 0.2s;
    border: 2px double transparent;
    background-image: linear-gradient(rgb(13, 14, 33, 0.2), rgb(153,101,21)), radial-gradient(circle at left top, #0f0f0f, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c, #0f0f0f);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

    .btn:hover[b-jdfo22y0bn] {
        outline-color: rgba(255, 255, 255, 0);
        outline-offset: 20px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }

    .btn:focus[b-jdfo22y0bn] {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }

.btm_links[b-jdfo22y0bn] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-family: 'Electrolize';
}

.btm_links a[b-jdfo22y0bn] {
        text-decoration: none;
        font-weight: bolder;
        margin: auto;
        cursor: pointer;
        background: -webkit-linear-gradient(#fcf6ba, #b38728);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

@media only screen and (max-width: 768px) {
    .main-container[b-jdfo22y0bn] {
        width: 330px;
    }

    .btn[b-jdfo22y0bn] {
        height: 40px;
        font-size: 13px;
    }
}
/* /Pages/Signup/Signup.razor.rz.scp.css */
.main-container[b-cd282jj46w] {
    padding-top: 56px;
    display: flex;
    justify-content: center;
    background: #101720;
    min-height: 100vh;
    height: 100%;
}

.form-signup[b-cd282jj46w] {
    margin-top: 80px;
    color: white;
    width: 668px;
    background-color: #608fb7;
    border-radius: 20px;
    padding: 50px 40px 30px;
    position: relative;
    font-family: "Montserrat", sans-serif;
}

    .form-signup label[b-cd282jj46w] {
        font-size: 15px;
    }

.logo-img[b-cd282jj46w] {
    position: absolute;
    top: -26.8%;
    left: 25%;
    width: 340px;
}

.min88-img[b-cd282jj46w] {
    position: absolute;
    top: -7.7%;
    left: 25%;
    width: 340px;
}

h4[b-cd282jj46w] {
    font-weight: 700;
}

input[b-cd282jj46w] {
    color: #454545;
    background-color: white;
    border: none;
    border-radius: 10px;
    height: 45px;
}

    input:focus[b-cd282jj46w] {
        color: #454545;
        background-color: white;
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    input:-webkit-autofill[b-cd282jj46w] {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
        box-shadow: 0 0 0px 1000px white inset;
        color: #454545 !important;
        background-color: white !important;
        transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    }

    input:focus:-webkit-autofill[b-cd282jj46w] {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
        box-shadow: 0 0 0px 1000px white inset;
        color: #454545 !important;
    }


[b-cd282jj46w]::placeholder {
    color: #484848;
    font-style: italic;
}

.password-container[b-cd282jj46w] {
    position: relative;
}

.fa-eye[b-cd282jj46w] {
    position: absolute;
    top: 65%;
    right: 3%;
    cursor: pointer;
    color: #454545;
}

.fa-eye-slash[b-cd282jj46w] {
    position: absolute;
    top: 65%;
    right: 2.80%;
    cursor: pointer;
    color: #454545;
}

.signup-container[b-cd282jj46w] {
    padding-top: 10px;
    display: flex;
    justify-content: center;
}

.btn-signup[b-cd282jj46w] {
    color: white;
    font-size: 16px;
    font-weight: 700;
    width: 70%;
    height: 45px;
    /*background: linear-gradient(90deg, #7D2127 0%, #C1272D 100%);
    border: none;*/
    border-radius: 10px;
    text-transform: uppercase;
    background: #04AA6D;
    border: 3px outset #048e5b;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    will-change: box-shadow, transform;
}

    .btn-signup:hover[b-cd282jj46w] {
        transform: translateY(-2px);
    }

    .btn-signup:active[b-cd282jj46w] {
        transform: translateY(2px);
    }

.signin-container[b-cd282jj46w] {
    font-size: 16px;
    padding-top: 30px;
    text-align: center;
    color: white;
}

    .signin-container a[b-cd282jj46w] {
        color: white;
        font-weight: 600;
    }

@media only screen and (max-width: 768px) {
    .main-container[b-cd282jj46w] {
        padding-bottom: 20px;
    }

    .form-signup[b-cd282jj46w] {
        margin-top: 30px;
        width: 340px;
        padding: 50px 25px 30px;
    }

    .logo-img[b-cd282jj46w] {
        top: -20.5%;
        left: 15%;
        width: 230px;
    }

    .min88-img[b-cd282jj46w] {
        top: -4.5%;
        left: 18%;
        width: 220px;
    }

    .form-signup label[b-cd282jj46w] {
        font-size: 13px;
    }

    .form-group[b-cd282jj46w] {
        margin-bottom: 5px !important;
    }

    input[b-cd282jj46w] {
        height: 45px;
        font-size: 14px;
    }

    .fa-eye[b-cd282jj46w] {
        font-size: 16px;
        top: 65%;
    }

    .fa-eye-slash[b-cd282jj46w] {
        font-size: 16px;
        top: 65%;
    }

    .signup-container[b-cd282jj46w] {
        padding-top: 20px;
    }

    .btn-signup[b-cd282jj46w] {
        font-size: 12px;
        height: 40px;
    }

    .signin-container[b-cd282jj46w] {
        padding-top: 20px;
        font-size: 12px;
    }
}
/* /Reports/Transaction/Transaction.razor.rz.scp.css */
.main-container[b-rkz1awcvzi] {
    color: white;
    overflow: hidden;
    width: 100%;
    padding: 0px 20px;
}

.title[b-rkz1awcvzi] {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

.t-lbl[b-rkz1awcvzi] {
    color: black;
    font-weight: 600;
    width: 180px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    background-color: darkgoldenrod;
    border-radius: 0 0 20px 20px;
}

.list-group[b-rkz1awcvzi] {
    padding-bottom: 20px;
}

    .list-group a[b-rkz1awcvzi] {
        color: white;
        margin-bottom: 10px;
        border-radius: 10px;
        background: rgba(0, 0, 0, 0.6);
    }

@media only screen and (max-width: 768px) {
    .main-container[b-rkz1awcvzi] {
        padding: 0px 10px;
    }

    .t-lbl[b-rkz1awcvzi] {
        width: 150px;
        height: 30px;
        padding-top: 4px;
        font-size: 15px;
    }

    .list-group[b-rkz1awcvzi] {
        padding-bottom: 0px;
        font-size: 12px;
    }
}
/* /Shared/AccountInfo.razor.rz.scp.css */
.main-container[b-vx0qfso93a] {
    color: white;
    display: flex;
    gap: 15px;
    width: 100%;
    padding: 20px;
    background: #608fb7;
    border-radius: 10px;
    font-family: "Montserrat", sans-serif;
}

.fa-user[b-vx0qfso93a] {
    font-size: 55px;
}

.account-name[b-vx0qfso93a], account-mail[b-vx0qfso93a] {
    font-size: 23px;
    font-weight: bold;
    word-wrap: break-word;
}

.link-container[b-vx0qfso93a] {
    margin-left: auto;
    font-size: 13px;
    align-content: center;
}

.prof-link[b-vx0qfso93a] {
    color: white;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    gap: 5px;
    padding: 5px;
    border-radius: 8px;
    background: #B3262C;
}

.fa-copy[b-vx0qfso93a] {
    font-size: 15px;
}

@media only screen and (max-width: 768px) {
    .main-container[b-vx0qfso93a] {
        display: block;
        padding: 10px;
        margin-bottom: 10px;
    }

    .fa-user[b-vx0qfso93a] {
        font-size: 45px;
    }

    .account-name[b-vx0qfso93a] {
        font-size: 18px;
        font-weight: 500;
    }

    .account-mail[b-vx0qfso93a] {
        font-size: 14px;
    }

    .link-container[b-vx0qfso93a] {
        margin-top: 2px;
    }

    .prof-link[b-vx0qfso93a] {
        padding: 3px 10px;
        border-radius: 5px;
        font-size: 12px;
    }

    .fa-copy[b-vx0qfso93a] {
        font-size: 15px;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-r0yqwuvdyg] {
    /*min-height: 100vh;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;*/
    min-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
}
/* /Shared/NavBar.razor.rz.scp.css */
.main-container[b-p2uz0iq86i] {
    height: 4rem;
    background-color: #121212;
    margin: auto;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
    display: flex;
    justify-content: center;
    font-family: "Montserrat", sans-serif;
    padding: 0 10px;
}

.sub-container[b-p2uz0iq86i] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* #region SIDE BAR */
.sidebar[b-p2uz0iq86i] {
    margin-top: 56px;
    width: 55px !important;
    height: 100vh;
    background-color: #121212;
    position: fixed;
    left: 0;
    top: 0;
    padding: 20px;
    overflow-x: hidden;
    white-space: nowrap;
    color: white;
    transition: width 0.3s ease;
}

    .sidebar h6[b-p2uz0iq86i] {
        display: none;
    }

    .sidebar ul[b-p2uz0iq86i] {
        padding: 0;
        transition: padding 0.3s ease;
    }

    .sidebar li[b-p2uz0iq86i] {
        margin: 20px 0;
        color: transparent;
        transition: margin 0.3s ease;
    }

.side-active[b-p2uz0iq86i] {
    width: 250px !important;
}

    .side-active h6[b-p2uz0iq86i] {
        display: block;
    }

    .side-active ul[b-p2uz0iq86i] {
        padding: 0 0 0 15px;
    }

    .side-active li[b-p2uz0iq86i] {
        margin: 15px 0;
    }

    .side-active .link[b-p2uz0iq86i] {
        gap: 25px;
    }

.arrow[b-p2uz0iq86i] {
    display: flex;
    justify-content: end;
}

    .arrow i[b-p2uz0iq86i] {
        font-size: 18px;
        cursor: pointer;
    }

.link[b-p2uz0iq86i] {
    display: flex;
    gap: 17px;
    align-content: center;
    align-items: center;
    text-decoration: none;
    color: white;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
}

    .link i[b-p2uz0iq86i] {
        font-size: 15px;
    }

    .link:hover[b-p2uz0iq86i] {
        color: #2E8DEE;
        cursor: pointer;
    }

.fa-solid[b-p2uz0iq86i], .fa-brands[b-p2uz0iq86i] {
    font-size: 20px;
}
/* #endregion */

/* #region LOGO CONTAINER */
.logo-cont[b-p2uz0iq86i] {
   position: relative;
}
.navbar_burger[b-p2uz0iq86i] {
    display: none;
    cursor: pointer;
}

.logo-img[b-p2uz0iq86i] {
    width: 250px;
}

.min88-img[b-p2uz0iq86i] {
    width: 180px;
}

.spin-img[b-p2uz0iq86i] {
    position: absolute;
    width: 80px;
    top: -43px;
}
/* #endregion */

/* #region WALLET CONTAINER */
.wallet-cont[b-p2uz0iq86i] {
    gap: 10px;
    color: white;
    display: flex;
    align-items: center;
}

.fa-lightbulb[b-p2uz0iq86i], .fa-user[b-p2uz0iq86i] {
    font-size: 25px;
}

.fa-lightbulb[b-p2uz0iq86i] {
    display: none;
}

.dd-language[b-p2uz0iq86i] {
    display: none;
}

.btn[b-p2uz0iq86i] {
    color: white;
    border: none;
}

    .btn:focus[b-p2uz0iq86i], .btn:active[b-p2uz0iq86i] {
        outline: none;
        box-shadow: none;
    }

.dropdown-menu[b-p2uz0iq86i] {
    background: #121212;
}

.dropdown-item[b-p2uz0iq86i] {
    color: white;
}

    .dropdown-item:hover[b-p2uz0iq86i] {
        background: #2E8DEE;
    }

.wallet[b-p2uz0iq86i], .side-wallet[b-p2uz0iq86i] {
    display: none;
    /*display: flex;*/
    align-items: center;
    gap: 10px;
    background: #2e8dee;
    padding: 10px 15px;
    border-radius: 50px;
    font-family: 'Roboto', sans-serif;
}

.side-wallet[b-p2uz0iq86i] {
    visibility: hidden;
    justify-content: center;
}

.fa-wallet[b-p2uz0iq86i] {
    font-size: 20px;
}

.user-dd[b-p2uz0iq86i] {
    color: white;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .user-dd i[b-p2uz0iq86i] {
        font-size: 16px;
    }

    .user-dd:hover[b-p2uz0iq86i] {
        background: transparent;
        color: #2E8DEE;
    }
/* #endregion */

@media only screen and (max-width: 768px) {
    .main-container[b-p2uz0iq86i] {
        padding-left: 0;
    }

    .logo-cont[b-p2uz0iq86i] {
        width: 50px;
        height: 50px;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

    .navbar_burger[b-p2uz0iq86i] {
        display: block;
        color: white;
    }

    .logo-img[b-p2uz0iq86i], .min88-img[b-p2uz0iq86i], .spin-img[b-p2uz0iq86i] {
        display: none;
    }

    .wallet-cont[b-p2uz0iq86i] {
        gap: 8px;
    }

    .btn[b-p2uz0iq86i] {
        padding: 0;
    }

    .wallet[b-p2uz0iq86i] {
        display: none;
    }

    .sidebar[b-p2uz0iq86i] {
        left: -25%;
        transition: left 0.3s ease;
    }

    .side-active[b-p2uz0iq86i] {
        left: 0;
        width: 200px !important;
    }


    .side-wallet[b-p2uz0iq86i] {
        visibility: visible;
    }

    .arrow[b-p2uz0iq86i] {
        display: none;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */

.main_container[b-6hj6azdo60] {
    height: 3.5rem;
    background-color: black;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    margin: auto;
    text-transform: uppercase;
    font-family: 'Electrolize';
    padding: 0 10px 0 15px;
    position: fixed;
    width: 100%;
    top: 10%;
    z-index: 9;
}

.nav_links[b-6hj6azdo60] {
    order: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
}

.nav_logo[b-6hj6azdo60] {
    order: 2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.nav_buttons[b-6hj6azdo60] {
    order: 3;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
}

.navbar_burger[b-6hj6azdo60] {
    display: none;
    cursor: pointer;
}

.nav_div_logo[b-6hj6azdo60] {
    display: none;
}

.nav_div[b-6hj6azdo60] {
    display: none;
}

.nav_ul[b-6hj6azdo60] {
    display: flex;
}

.link[b-6hj6azdo60] {
    color: white;
    display: block;
    margin: 0 2px;
    padding: 8px 18px;
    transition: 0.4s;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
}

    .link:hover[b-6hj6azdo60] {
        background-image: -webkit-linear-gradient(left, #0f0f0f, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c, #0f0f0f);
        color: black;
    }

    .link.active[b-6hj6azdo60] {
        background-image: -webkit-linear-gradient(left, #0f0f0f, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c, #0f0f0f);
        color: black;
    }

.btn[b-6hj6azdo60] {
    height: 35px;
    font-size: 12px;
    font-weight: bolder;
    padding: 0 30px;
    margin: 0.3rem;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
    border-radius: 10px;
    z-index: 1;
    position: relative;
    text-transform: uppercase;
}

.btn_gradient_border[b-6hj6azdo60] {
    color: rgba(var(--text-color));
    border: 2px double transparent;
    background-image: linear-gradient(rgb(13, 14, 33, 0.2), rgb(153,101,21)), radial-gradient(circle at left top, #0f0f0f, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c, #0f0f0f);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.btn:hover[b-6hj6azdo60] {
    animation: animate-b-6hj6azdo60 8s linear infinite;
}

@keyframes animate-b-6hj6azdo60 {
    0% {
        background-position: 0%;
    }

    100% {
        background-position: 900%;
    }
}

.btn:hover[b-6hj6azdo60]:before {
    filter: blur(20px);
    opacity: 0.5;
    animation: animate-b-6hj6azdo60 8s linear infinite;
}

.btn[b-6hj6azdo60]:before {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    z-index: -1;
    background: linear-gradient(90deg, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c);
    background-size: 400%;
    border-radius: 40px;
    opacity: 0;
    transition: 0.3s;
}

.btn-group[b-6hj6azdo60] {
    position: relative;
}

.dropdown-menu[b-6hj6azdo60] {
    padding: 0;
    background-color: lightgrey;
}

.Dropsettings[b-6hj6azdo60] {
    border-bottom: 1px solid #b9b9b9;
}

.btn-profile[b-6hj6azdo60] {
    cursor: pointer;
    color: white;
    font-size: 2.5em;
}
@media only screen and (max-width: 768px) {
    .main_container[b-6hj6azdo60] {
        padding: 0 5px 0 20px;
    }

    .nav_menu[b-6hj6azdo60] {
        position: absolute;
        left: -300px;
        top: 0;
        z-index: 999;
        width: 280px;
        height: 100vh;
        background: #1e2023;
        transition: 0.4s;
        box-shadow: 2px 0 20px 0 rgba(0, 0, 0, 0.05);
    }

    .nav_active[b-6hj6azdo60] {
        left: 0;
    }

    .nav_logo[b-6hj6azdo60] {
        justify-content: center;
    }

    .btn[b-6hj6azdo60] {
        font-size: 10px;
        padding: 0 20px;
        margin: 0.2rem;
    }

    .nav_div_logo[b-6hj6azdo60] {
        margin: 5px 10px 0 28px;
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
    }

    .btn_close[b-6hj6azdo60] {
        color: white;
        cursor: pointer;
    }

    .navbar_burger[b-6hj6azdo60] {
        display: block;
        color: white;
    }

    .nav_div[b-6hj6azdo60] {
        display: block;
        height: 70px;
        margin-left: 22px;
        padding-right: 15px;
    }

    .nav_div_btn[b-6hj6azdo60] {
        display: flex;
        color: black;
        padding-top: 50px;
    }

    .nav_ul[b-6hj6azdo60] {
        display: block;
        padding: 0 8px;
        margin-top: 30px;
    }

    .btn-signup[b-6hj6azdo60] {
        width: 90px;
    }
}
/* /Shared/NoLayout.razor.rz.scp.css */
body[b-rspiv1qsmm] {
    font-family: Open Sans,Oswald,Arial,sans-serif !important;
    font-size: 14px;
    color: #666;
    line-height: 1.7em;
    font-weight: 500;
}

.marketing[b-rspiv1qsmm] {
    background-image: url(./img/bg-middle.png),linear-gradient(180deg,#000 20%,rgb(10, 10, 10) 60%,#101019 100%) !important;
    /*background-image: url(./img/bg-middle.png),linear-gradient(180deg,#281728 20%,rgba(132,31,53,1) 60%,#101019 100%) !important;*/
    background-size: cover;
    background-repeat: no-repeat;
}

.footer[b-rspiv1qsmm] {
    background: #101019;
}

/*================== Chat Support Icon ======================*/
.chat-icon[b-rspiv1qsmm] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 999;
    border-radius: 15%;
    padding: 5px;
    background: #9baf3a;
}

    .chat-icon img[b-rspiv1qsmm] {
        width: 50px;
    }

.chat-popup[b-rspiv1qsmm] {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    max-width: 300px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
}

.chat-header[b-rspiv1qsmm] {
    padding: 10px;
    background-color: #899743;
    color: white;
    text-align: center;
}

.chat-close[b-rspiv1qsmm] {
    cursor: pointer;
    float: right;
    font-size: 20px;
    font-weight: bold;
}

.chat-content[b-rspiv1qsmm] {
    padding: 10px;
}
/* /Shared/Popup/PopupConfirm.razor.rz.scp.css */
.main-container[b-tlfdrxiub5] {
    color: white;
    background: rgba(0, 0, 0, 0.9);
    width: 400px;
    margin: auto;
    padding: 20px;
    border: 3px solid darkgoldenrod;
    border-radius: 15px;
    text-align: center;
}

.div-message[b-tlfdrxiub5] {
    font-size: 20px;
}

.div-buttons[b-tlfdrxiub5] {
    padding-top: 50px;
}

.btn[b-tlfdrxiub5] {
    color: white;
    width: 100px;
    border-radius: 10px;
    text-transform: uppercase;
}

.btn-cancel[b-tlfdrxiub5] {
    border: 3px solid darkred;
    background-color: red;
}

.btn-confirm[b-tlfdrxiub5] {
    border: 3px solid darkgreen;
    background-color: green;
}

@media only screen and (max-width: 768px) {
    .main-container[b-tlfdrxiub5] {
        width: 300px;
    }

    .btn[b-tlfdrxiub5] {
        width: 90px;
    }
}
/* /Shared/Popup/PopupGameWinner.razor.rz.scp.css */

.container-fluid[b-jlzdweksb2] {
    border-radius: 10px;
    background-color: #dcdcdc;
    max-width: 400px;
    min-height: 0px;
    padding: 5px;
}

.list-group-item[b-jlzdweksb2] {
    padding: 3px !important;
}

.fontWin[b-jlzdweksb2] {
    font-size: 16px;
    float: right;
    background-color: white;
    color: black;
}

.totalWinnings[b-jlzdweksb2] {
    font-size: 20px;
}

p[b-jlzdweksb2] {
    font-size: 20px;
    margin: 0;
}

h3[b-jlzdweksb2] {
    margin: 0;
}

.congrats[b-jlzdweksb2] {
    color: #289c27;
    font-weight: 600;
}

img.winningLogo[b-jlzdweksb2] {
    /* margin: 0 auto;
    padding: 0;*/
}

img[b-jlzdweksb2] {
    margin: 0 auto;
    padding: 0;
}

.jackpotPopup[b-jlzdweksb2] {
    width: 500px;
    position: relative;
}

.resultCon[b-jlzdweksb2] {
    position: absolute;
    left: 35%;
    top: 25%;
    font-weight: 600;
}

.jackpotPopup[b-jlzdweksb2] {
    width: 362px;
    margin: 0 auto;
    padding: 0;
}

.jackResult[b-jlzdweksb2] {
    font-size: 35px;
}
/*START JACKPOT*/
.cardMain[b-jlzdweksb2] {
    max-width: 350px;
    margin: 0 auto;
    padding: 0;
    max-height: 450px;
}

.innerConRel[b-jlzdweksb2] {
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.cardConFront[b-jlzdweksb2] {
    position: absolute;
    background-color: #feebc8;
    height: 350px;
    width: 100%;
    border-radius: 40px;
    top: 18%;
    right: 0;
}

.cardConBack[b-jlzdweksb2] {
    font-weight: 800;
    color: #f7d9c3;
    height: fit-content;
}

.congrats[b-jlzdweksb2] {
    color: #ed8936;
    font-weight: 600;
    font-size: 15px;
}

.congratsHeader[b-jlzdweksb2] {
    color: #ed8936;
    font-weight: 600;
    font-size: 15px;
}

.jackText[b-jlzdweksb2] {
    margin: 0;
    padding: 0;
    font-size: 40px;
}

.prizeText[b-jlzdweksb2] {
    top: 0;
    margin: 0;
    padding: 0;
    font-size: 30px;
}

.winResult[b-jlzdweksb2] {
    font-weight: 800;
    color: black;
    font-size: 30px;
    margin: 0;
}

.cardConBack[b-jlzdweksb2] {
    background-color: #ed8936;
    height: 500px;
    border-radius: 40px;
}

.jackPayout[b-jlzdweksb2] {
    font-size: 40px;
    font-weight: 600;
    color: #ff0000;
    animation: blinker-b-jlzdweksb2 1s linear infinite;
}

@keyframes blinker-b-jlzdweksb2 {
    50% {
        opacity: 0;
    }
}
/* ENDJACKPOT*/
@media screen and (max-width: 360px) {
    .container-fluid[b-jlzdweksb2] {
        border-radius: 10px;
        background-color: #dcdcdc;
        max-width: 400px;
        min-height: 0px;
        padding: 5px;
        margin-top: 5px;
    }

    p[b-jlzdweksb2] {
        font-size: 17px;
    }
}



@keyframes firework-b-jlzdweksb2 {
    0% {
        transform: translate(var(--x), var(--initialY));
        width: var(--initialSize);
        opacity: 1;
    }

    50% {
        width: 0.5vmin;
        opacity: 1;
    }

    100% {
        width: var(--finalSize);
        opacity: 0;
    }
}

/* @keyframes fireworkPseudo {
  0% { transform: translate(-50%, -50%); width: var(--initialSize); opacity: 1; }
  50% { width: 0.5vmin; opacity: 1; }
  100% { width: var(--finalSize); opacity: 0; }
}
 */
.firework[b-jlzdweksb2],
.firework[b-jlzdweksb2]::before,
.firework[b-jlzdweksb2]::after {
    --initialSize: 0.5vmin;
    --finalSize: 45vmin;
    --particleSize: 0.2vmin;
    --color1: yellow;
    --color2: khaki;
    --color3: white;
    --color4: lime;
    --color5: gold;
    --color6: mediumseagreen;
    --y: -30vmin;
    --x: -50%;
    --initialY: 60vmin;
    content: "";
    animation: firework-b-jlzdweksb2 2s infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, var(--y));
    width: var(--initialSize);
    aspect-ratio: 1;
    background:
    /*
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 0%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 0%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 100%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 100%,
    */
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 50% 0%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 0% 50%,
    /* bottom right */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%,
    /* bottom left */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%, radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%,
    /* top left */
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%, radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%,
    /* top right */
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42%;
    background-size: var(--initialSize) var(--initialSize);
    background-repeat: no-repeat;
}

    .firework[b-jlzdweksb2]::before {
        --x: -50%;
        --y: -50%;
        --initialY: -50%;
        /*   transform: translate(-20vmin, -2vmin) rotate(40deg) scale(1.3) rotateY(40deg); */
        transform: translate(-50%, -50%) rotate(40deg) scale(1.3) rotateY(40deg);
        /*   animation: fireworkPseudo 2s infinite; */
    }

    .firework[b-jlzdweksb2]::after {
        --x: -50%;
        --y: -50%;
        --initialY: -50%;
        /*   transform: translate(44vmin, -50%) rotate(170deg) scale(1.15) rotateY(-30deg); */
        transform: translate(-50%, -50%) rotate(170deg) scale(1.15) rotateY(-30deg);
        /*   animation: fireworkPseudo 2s infinite; */
    }

    .firework:nth-child(2)[b-jlzdweksb2] {
        --x: 30vmin;
    }

        .firework:nth-child(2)[b-jlzdweksb2],
        .firework:nth-child(2)[b-jlzdweksb2]::before,
        .firework:nth-child(2)[b-jlzdweksb2]::after {
            --color1: pink;
            --color2: violet;
            --color3: fuchsia;
            --color4: orchid;
            --color5: plum;
            --color6: lavender;
            --finalSize: 40vmin;
            left: 30%;
            top: 60%;
            animation-delay: -0.25s;
        }

    .firework:nth-child(3)[b-jlzdweksb2] {
        --x: -30vmin;
        --y: -50vmin;
    }

        .firework:nth-child(3)[b-jlzdweksb2],
        .firework:nth-child(3)[b-jlzdweksb2]::before,
        .firework:nth-child(3)[b-jlzdweksb2]::after {
            --color1: cyan;
            --color2: lightcyan;
            --color3: lightblue;
            --color4: PaleTurquoise;
            --color5: SkyBlue;
            --color6: lavender;
            --finalSize: 35vmin;
            left: 70%;
            top: 60%;
            animation-delay: -0.4s;
        }
/* /Shared/Popup/PopupLoading.razor.rz.scp.css */
img[b-0n25dlhrmk] {
    height: 250px;
    width: 250px;
}

h4[b-0n25dlhrmk] {
    font-family: "Montserrat", sans-serif;
    text-decoration: none;
    font-weight: bolder;
    margin: auto;
    cursor: pointer;
    /* background: -webkit-linear-gradient(#fcf6ba, #b38728);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    color: #ffca00;
    text-shadow: 1.8px 1.8px 1px #812f00;
}

@keyframes bounceIn-b-0n25dlhrmk {
    10%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
        opacity: 1;
    }

    40% {
        transform: translateY(-100px);
    }

    60% {
        transform: translateY(-25px);
    }
}
.ball[b-0n25dlhrmk] {
    position: fixed;
    bottom: 50%;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    background-image: url(/assets/loading.png);
    background-size: contain;
    opacity: 0;
}

.bounce[b-0n25dlhrmk] {
    animation: bounceIn-b-0n25dlhrmk 1.5s infinite 1.5s;
}
/* /Shared/Popup/PopupRequestOTP.razor.rz.scp.css */
.main-container[b-j4pf2lj2cn] {
    color: white;
    background: rgba(0, 0, 0, 0.95);
    width: 400px;
    margin: auto;
    padding: 20px;
    border: 3px solid darkgoldenrod;
    border-radius: 15px;
    position: relative;
}

/* #region CLOSE BUTTON */
.iClose[b-j4pf2lj2cn] {
    position: absolute;
    right: 4%;
    top: 5%;
    cursor: pointer;
    background: -webkit-linear-gradient(#fcf6ba, #b38728);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* #endregion*/

/* #region MESSAGES */
.div-message[b-j4pf2lj2cn] {
    font-size: 20px;
}

.div-submessage[b-j4pf2lj2cn] {
    padding-top: 20px;
    font-size: 15px;
}
/* #endregion */

/* #region MOBILE NUMBER */
.div-mobile[b-j4pf2lj2cn] {
    padding-top: 5px;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
}

.link-newcode[b-j4pf2lj2cn] {
    color: gold;
    text-decoration: none;
}

.timer[b-j4pf2lj2cn] {
    color: gold;
    font-weight: bold;
}
/* #endregion */

/* #region DIGITS */
.div-digits[b-j4pf2lj2cn] {
    padding-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

    .div-digits input[b-j4pf2lj2cn] {
        font-size: 15px;
        text-align: center;
        width: 51px;
        height: 40px;
        color: white;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.3);
        border-color: darkgoldenrod;
    }
/* #endregion */

/* #region SUBMIT */
.div-submit[b-j4pf2lj2cn] {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

.btn[b-j4pf2lj2cn] {
    color: white;
    width: 150px;
    border-radius: 10px;
    text-transform: uppercase;
}

.btn-confirm[b-j4pf2lj2cn] {
    border: 3px solid darkgreen;
    background-color: green;
}
/* #endregion */

/* #region DISABLE */
.disabled[b-j4pf2lj2cn] {
}
/* #endregion */

@media only screen and (max-width: 768px) {
    .main-container[b-j4pf2lj2cn] {
        width: 300px;
    }

    /* #region MESSAGES */
    .div-message[b-j4pf2lj2cn] {
        font-size: 18px;
    }

    .div-submessage[b-j4pf2lj2cn] {
        font-size: 13.5px;
    }
    /* #endregion */

    /* #region MOBILE NUMBER */
    .div-mobile[b-j4pf2lj2cn] {
        font-size: 12px;
    }
    /* #endregion */

    /* #region DIGITS */
    .div-digits[b-j4pf2lj2cn] {
        gap: 5px;
    }

        .div-digits input[b-j4pf2lj2cn] {
            width: 40px;
        }
    /* #endregion */

    /* #region SUBMIT */
    .btn[b-j4pf2lj2cn] {
        width: 120px;
        font-size: 13px;
    }
    /* #endregion */

}
/* /Shared/Popup/PopupWin.razor.rz.scp.css */
.main-container[b-ofllrl1l0o] {
    width: 350px;
    background: #0f0000;
    border-radius: 15px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

.win-gif[b-ofllrl1l0o] {
    width: 100%;
    border-radius: 15px 15px 0 0;
}

.amount[b-ofllrl1l0o] {
    color: white;
    font-size: 50px;
    font-weight: 800;
    letter-spacing: 2px;
    background: linear-gradient(180deg, rgba(255,255,255,1) 15%, rgba(250,205,40,1) 56%, rgba(255,198,32,1) 87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes firework-b-ofllrl1l0o {
    0% {
        transform: translate(var(--x), var(--initialY));
        width: var(--initialSize);
        opacity: 1;
    }

    50% {
        width: 0.5vmin;
        opacity: 1;
    }

    100% {
        width: var(--finalSize);
        opacity: 0;
    }
}

/* @keyframes fireworkPseudo {
  0% { transform: translate(-50%, -50%); width: var(--initialSize); opacity: 1; }
  50% { width: 0.5vmin; opacity: 1; }
  100% { width: var(--finalSize); opacity: 0; }
}
 */
.firework[b-ofllrl1l0o],
.firework[b-ofllrl1l0o]::before,
.firework[b-ofllrl1l0o]::after {
    --initialSize: 0.5vmin;
    --finalSize: 45vmin;
    --particleSize: 0.2vmin;
    --color1: yellow;
    --color2: khaki;
    --color3: white;
    --color4: lime;
    --color5: gold;
    --color6: mediumseagreen;
    --y: -30vmin;
    --x: -50%;
    --initialY: 60vmin;
    content: "";
    animation: firework-b-ofllrl1l0o 2s infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, var(--y));
    width: var(--initialSize);
    aspect-ratio: 1;
    background:
    /*
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 0%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 0%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 100%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 100%,
    */
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 50% 0%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 0% 50%,
    /* bottom right */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%,
    /* bottom left */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%, radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%,
    /* top left */
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%, radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%, radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%, radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%, radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%, radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%,
    /* top right */
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%, radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42%;
    background-size: var(--initialSize) var(--initialSize);
    background-repeat: no-repeat;
}

    .firework[b-ofllrl1l0o]::before {
        --x: -50%;
        --y: -50%;
        --initialY: -50%;
        /*   transform: translate(-20vmin, -2vmin) rotate(40deg) scale(1.3) rotateY(40deg); */
        transform: translate(-50%, -50%) rotate(40deg) scale(1.3) rotateY(40deg);
        /*   animation: fireworkPseudo 2s infinite; */
    }

    .firework[b-ofllrl1l0o]::after {
        --x: -50%;
        --y: -50%;
        --initialY: -50%;
        /*   transform: translate(44vmin, -50%) rotate(170deg) scale(1.15) rotateY(-30deg); */
        transform: translate(-50%, -50%) rotate(170deg) scale(1.15) rotateY(-30deg);
        /*   animation: fireworkPseudo 2s infinite; */
    }

    .firework:nth-child(2)[b-ofllrl1l0o] {
        --x: 30vmin;
    }

        .firework:nth-child(2)[b-ofllrl1l0o],
        .firework:nth-child(2)[b-ofllrl1l0o]::before,
        .firework:nth-child(2)[b-ofllrl1l0o]::after {
            --color1: pink;
            --color2: violet;
            --color3: fuchsia;
            --color4: orchid;
            --color5: plum;
            --color6: lavender;
            --finalSize: 40vmin;
            left: 30%;
            top: 60%;
            animation-delay: -0.25s;
        }

    .firework:nth-child(3)[b-ofllrl1l0o] {
        --x: -30vmin;
        --y: -50vmin;
    }

        .firework:nth-child(3)[b-ofllrl1l0o],
        .firework:nth-child(3)[b-ofllrl1l0o]::before,
        .firework:nth-child(3)[b-ofllrl1l0o]::after {
            --color1: cyan;
            --color2: lightcyan;
            --color3: lightblue;
            --color4: PaleTurquoise;
            --color5: SkyBlue;
            --color6: lavender;
            --finalSize: 35vmin;
            left: 70%;
            top: 60%;
            animation-delay: -0.4s;
        }
/* /Shared/Side.razor.rz.scp.css */

.sidebar[b-z643tbyx52] {
    /* width: 55px;
    height: 100vh;
    background-color: #121212;
    padding: 50px 20px 20px;
    transition: width 0.3s ease;
    overflow-x: hidden;
    white-space: nowrap;*/
    margin-top: 56px;
    width: 55px;
    height: 100vh;
    background-color: #121212;
    position: fixed;
    left: 0;
    top: 0;
    padding: 20px;
    transition: width 0.3s ease;
    overflow-x: hidden;
    white-space: nowrap;
}

    .sidebar:hover[b-z643tbyx52] {
        width: 250px;
    }

    .sidebar ul[b-z643tbyx52] {
        padding: 0;
    }

    .sidebar li[b-z643tbyx52] {
        margin: 30px 0;
        color: transparent;
    }

.link[b-z643tbyx52] {
    display: flex;
    gap: 17px;
    align-content: center;
    align-items: center;
    text-decoration: none;
    color: #a8a9ad;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
}

    .link:hover[b-z643tbyx52] {
        color: #c25050;
        cursor: pointer;
    }

.fa-solid[b-z643tbyx52], .fa-brands[b-z643tbyx52] {
    font-size: 20px;
}

@media only screen and (max-width: 480px) {
    .sidebar[b-z643tbyx52] {
        display: none;
    }
}
/* /Shared/WalletInfo.razor.rz.scp.css */
.main-container[b-fekvzns77m] {
    display: flex;
    width: 100%;
    padding: 20px;
    background: #608fb7;
    border-radius: 10px;
    font-family: "Montserrat", sans-serif;
}

.fa-wallet[b-fekvzns77m] {
    font-size: 55px;
}

.wallet-amnt[b-fekvzns77m] {
    font-size: 23px;
    font-weight: bold;
    word-wrap: break-word;
}

.transaction[b-fekvzns77m] {
    margin-left: auto;
    font-size: 12px;
    text-align: center;
    padding: 10px 20px;
    background: #121214;
    border-radius: 8px;
}

    .transaction a[b-fekvzns77m] {
        text-decoration: none;
        color: white;
    }

.responsive-line[b-fekvzns77m] {
    height: 1px;
    background-color: white;
    width: 100%;
}

@media only screen and (max-width: 768px) {

    .main-container[b-fekvzns77m] {
        display: block;
        padding: 10px;
        margin-bottom: 10px;
    }

    .fa-wallet[b-fekvzns77m] {
        font-size: 45px;
    }

    .lbl-mywallet[b-fekvzns77m] {
        font-size: 14px;
    }

    .wallet-amnt[b-fekvzns77m] {
        font-size: 18px;
    }

    .transaction[b-fekvzns77m] {
        display: flex;
        justify-content: center;
        gap: 10px;
        padding: 3px 10px;
        border-radius: 5px;
    }

    .responsive-line[b-fekvzns77m] {
        width: 1px;
        height: auto;
    }
}
/* /Transaction/Cashin/CryptoStatus.razor.rz.scp.css */
.main-container[b-hgkd75s300] {
    padding-top: 55px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
}

.sub-container[b-hgkd75s300] {
    margin: 10px 5px;
    padding: 30px;
    border-radius: 30px;
    width: 500px;
    background: rgba(0, 0, 10, 0.6);
}

/* #region HEADER */
.div-loading[b-hgkd75s300] {
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    gap: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.loader[b-hgkd75s300] {
    width: 25px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(farthest-side,#ffa516 94%,#0000) top/8px 8px no-repeat, conic-gradient(#0000 30%,#ffa516);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
    animation: l13-b-hgkd75s300 1s infinite linear;
}

.timer[b-hgkd75s300] {
    margin-left: auto;
}

.minute[b-hgkd75s300] {
    color: gold;
    font-weight: bolder;
}

.seconds[b-hgkd75s300] {
    color: gold;
    font-weight: bolder;
}
/* #endregion */

/* #region AMOUNT & WALLET ADDRESS */
.div-amount[b-hgkd75s300] {
    margin-top: 30px;
    padding-top: 10px;
    position: relative;
}

.lbl[b-hgkd75s300] {
    color: white;
    font-size: 12px;
}

input[b-hgkd75s300] {
    font-weight: bolder;
    width: 100%;
    height: 40px;
    border-radius: 10px;
    outline: none;
    border-color: darkgoldenrod;
    background: rgba(114, 110, 110, 0.38);
    color: #999;
    padding-left: 10px;
}

.fa-copy[b-hgkd75s300] {
    position: absolute;
    top: 55%;
    right: 3%;
    cursor: pointer;
    color: #aaa;
}

.div-walletadd[b-hgkd75s300] {
    position: relative;
}
/* #endregion */

@keyframes l13-b-hgkd75s300 {
    100% {
        transform: rotate(1turn)
    }
}
/* /Transaction/Cashin/Deposit.razor.rz.scp.css */
.main-container[b-1cmht0wcet] {
    color: white;
    overflow: hidden;
    width: 100%;
    padding: 0px 20px;
}

/* #region HEADER */
.title[b-1cmht0wcet] {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

.t-lbl[b-1cmht0wcet] {
    color: black;
    font-weight: 600;
    width: 180px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    background-color: darkgoldenrod;
    border-radius: 0 0 20px 20px;
}
/* #endregion */

/* #region METHOD */
.div-methods[b-1cmht0wcet] {
    padding-top: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.active[b-1cmht0wcet] {
    outline: 6px solid #0CAC28;
    border-radius: 15px;
}

.div-pg[b-1cmht0wcet] {
    display: flex;
    justify-content: center;
    gap: 30px;
    justify-items: center;
    align-items: center;
    padding: 10px;
}

    .div-pg a[b-1cmht0wcet] {
        text-decoration: none;
        position: relative;
    }

        .div-pg a.disabled[b-1cmht0wcet] {
            cursor: default;
            pointer-events: none;
        }

            .div-pg a.disabled img[b-1cmht0wcet] {
                filter: grayscale(100%);
            }

            .div-pg a.disabled[b-1cmht0wcet]:after {
                position: absolute;
                bottom: 50%;
                left: 50%;
                transform: translate(-50%, 50%);
                content: "Available Soon";
                text-decoration: none;
                text-transform: uppercase;
                letter-spacing: 1px;
                color: gold;
                font-size: 12px;
                font-weight: bolder;
                width: 130px;
                padding: 5px 8px;
                border-radius: 5px;
                background: rgba(82, 79, 79, 0.74);
            }

    .div-pg img[b-1cmht0wcet] {
        width: 97px;
        height: 97px;
    }
/* #endregion */

/* #region MIN & MAX */
.div-amount[b-1cmht0wcet] {
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}
/* #endregion */

/* #region AMOUNT */
.token[b-1cmht0wcet] {
    padding-top: 10px;
    width: 100%;
}
/* #endregion */

/* #region SUBMIT */
.div-submit[b-1cmht0wcet] {
    padding: 10px;
    display: flex;
    justify-content: center;
}

.btn[b-1cmht0wcet] {
    width: 300px;
    height: 40px;
    color: black;
    text-transform: uppercase;
    font-weight: bolder;
    border-color: darkgoldenrod;
    border-radius: 20px;
    outline: 1px solid;
    outline-color: darkgoldenrod;
    transition: all .2s;
    background-image: -webkit-linear-gradient(left, #0f0f0f, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c, #0f0f0f);
}

    .btn:hover[b-1cmht0wcet] {
        outline-color: rgba(255, 255, 255, 0);
        outline-offset: 15px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }

    .btn:focus[b-1cmht0wcet] {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }
/* #endregion */

@media only screen and (max-width: 768px) {
    .main-container[b-1cmht0wcet] {
        padding: 0px 10px;
    }

    /* #region HEADER */
    .t-lbl[b-1cmht0wcet] {
        width: 150px;
        height: 30px;
        padding-top: 4px;
        font-size: 15px;
    }
    /* #endregion */

    /* #region METHOD */
    .div-methods[b-1cmht0wcet] {
        font-size: 12px;
    }

    .active[b-1cmht0wcet] {
        outline: 4px solid #0CAC28;
        border-radius: 10px;
    }

    .div-pg a.disabled[b-1cmht0wcet]:after {
        font-size: 8px;
        width: 65px;
        text-align: center;
    }

    .div-pg img[b-1cmht0wcet] {
        width: 60px;
        height: auto;
    }
    /* #endregion */

    /* #region MIN & MAX */
    .div-amount[b-1cmht0wcet] {
        font-size: 12px;
    }
    /* #endregion */

    /* #region SUBMIT */
    .div-submit[b-1cmht0wcet] {
        padding-top: 0;
    }

    .btn[b-1cmht0wcet] {
        width: 150px;
        height: 30px;
        font-size: 12px;
    }
    /* #endregion */

}
/* /Transaction/Cashin/TopupAmount.razor.rz.scp.css */
.main-container[b-lt2wc3zbd6] {
    color: white;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 20px;
}

.sub-container[b-lt2wc3zbd6] {
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.5rem 1rem;
}

.token-container[b-lt2wc3zbd6] {
    padding: 8px;
    text-align: center;
    border: 3px solid darkgoldenrod;
    border-radius: 10px;
}

    .token-container:hover[b-lt2wc3zbd6] {
        color: black;
        background: gold;
        font-weight: bolder;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
        transition: 0.3s ease;
    }

.input-container[b-lt2wc3zbd6] {
    padding: 0 10px 0 10px;
}

    .input-container input[b-lt2wc3zbd6],
    .input-container:focus[b-lt2wc3zbd6] {
        width: 100%;
        height: 40px;
        color: white;
        padding-left: 10px;
        border-radius: 10px;
        outline: none;
        background-color: transparent;
        border-color: darkgoldenrod;
    }

@media only screen and (max-width: 768px) {
    .sub-container[b-lt2wc3zbd6] {
        padding: 10px 0px 10px 0px;
        gap: 0.5rem;
    }

    .token-container[b-lt2wc3zbd6] {
        border: 2px solid darkgoldenrod;
        padding: 3px;
        font-size: 12px;
    }

    .input-container[b-lt2wc3zbd6] {
        padding: 0;
    }

        .input-container input[b-lt2wc3zbd6] {
            height: 35px;
            font-size: 12px;
        }
}
/* /Transaction/Cashout/Cashout.razor.rz.scp.css */
.main-container[b-jd0t3yu973] {
    color: white;
    overflow: hidden;
    width: 100%;
    padding: 0px 20px;
}

/* #region HEADER */
.title[b-jd0t3yu973] {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

.t-lbl[b-jd0t3yu973] {
    color: black;
    font-weight: 600;
    width: 180px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    background-color: darkgoldenrod;
    border-radius: 0 0 20px 20px;
}
/* #endregion */

/* #region METHOD */
.div-methods[b-jd0t3yu973] {
    padding-top: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.active[b-jd0t3yu973] {
    outline: 6px solid #0CAC28;
    border-radius: 15px;
}

.div-pg[b-jd0t3yu973] {
    display: flex;
    justify-content: center;
    gap: 30px;
    justify-items: center;
    align-items: center;
    padding: 10px;
}

    .div-pg a[b-jd0t3yu973] {
        text-decoration: none;
        position: relative;
    }

        .div-pg a.disabled[b-jd0t3yu973] {
            cursor: default;
            pointer-events: none;
        }

            .div-pg a.disabled img[b-jd0t3yu973] {
                filter: grayscale(100%);
            }

            .div-pg a.disabled[b-jd0t3yu973]:after {
                position: absolute;
                bottom: 50%;
                left: 50%;
                transform: translate(-50%, 50%);
                content: "Available Soon";
                text-decoration: none;
                text-transform: uppercase;
                letter-spacing: 1px;
                color: gold;
                font-size: 12px;
                font-weight: bolder;
                width: 130px;
                padding: 5px 8px;
                border-radius: 5px;
                background: rgba(82, 79, 79, 0.74);
            }

    .div-pg img[b-jd0t3yu973] {
        width: 97px;
        height: 97px;
    }
/* #endregion */

/* #region MIN & MAX */
.div-amount[b-jd0t3yu973] {
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}
/* #endregion */

/* #region AMOUNT */
.token[b-jd0t3yu973] {
    padding-top: 10px;
    width: 100%;
}
/* #endregion */

/* #region DETAILS */
.div-details[b-jd0t3yu973] {
    padding: 5px 20px;
}

    .div-details input[b-jd0t3yu973] {
        width: 100%;
        height: 40px;
        color: white;
        padding-left: 10px;
        border-radius: 10px;
        outline: none;
        background-color: transparent;
        border-color: darkgoldenrod;
        margin-top: 5px;
    }

        .div-details input[disabled][b-jd0t3yu973] {
            background: rgba(114, 110, 110, 0.38);
            color: #999;
        }
/* #endregion */

/* #region SUBMIT */
.div-submit[b-jd0t3yu973] {
    padding: 10px;
    display: flex;
    justify-content: center;
}

.btn[b-jd0t3yu973] {
    width: 300px;
    height: 40px;
    color: black;
    text-transform: uppercase;
    font-weight: bolder;
    border-color: darkgoldenrod;
    border-radius: 20px;
    outline: 1px solid;
    outline-color: darkgoldenrod;
    transition: all .2s;
    background-image: -webkit-linear-gradient(left, #0f0f0f, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c, #0f0f0f);
}

    .btn:hover[b-jd0t3yu973] {
        outline-color: rgba(255, 255, 255, 0);
        outline-offset: 15px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }

    .btn:focus[b-jd0t3yu973] {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }
/* #endregion */

@media only screen and (max-width: 768px) {
    .main-container[b-jd0t3yu973] {
        padding: 0px 10px;
    }

    /* #region HEADER */
    .t-lbl[b-jd0t3yu973] {
        width: 150px;
        height: 30px;
        padding-top: 4px;
        font-size: 15px;
    }
    /* #endregion */

    /* #region METHODS */
    .div-methods[b-jd0t3yu973] {
        font-size: 12px;
    }

    .div-pg a.disabled[b-jd0t3yu973]:after {
        font-size: 8px;
        width: 65px;
        text-align: center;
    }

    .active[b-jd0t3yu973] {
        outline: 4px solid #0CAC28;
        border-radius: 10px;
    }

    .div-pg img[b-jd0t3yu973] {
        width: 60px;
        height: auto;
    }

    .div-pg a.disabled[b-jd0t3yu973]:after {
        font-size: 8px;
        width: 65px;
        text-align: center;
    }
    /* #endregion */

    /* #region MIN & MAX */
    .div-amount[b-jd0t3yu973] {
        font-size: 12px;
    }
    /* #endregion */

    /* #region DETAILS */
    .div-details[b-jd0t3yu973] {
        padding: 5px 10px;
    }

        .div-details input[b-jd0t3yu973] {
            height: 32px;
            font-size: 12px;
        }
    /* #endregion */

    /* #region SUBMIT */
    .div-submit[b-jd0t3yu973] {
        padding-top: 0;
    }

    .btn[b-jd0t3yu973] {
        width: 150px;
        height: 30px;
        font-size: 12px;
    }
    /* #endregion */

}
/* /Transaction/Cashout/WithdrawAmount.razor.rz.scp.css */
.main-container[b-ms92txaivz] {
    color: white;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 20px;
}

.sub-container[b-ms92txaivz] {
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.5rem 1rem;
}

.token-container[b-ms92txaivz] {
    padding: 8px;
    text-align: center;
    border: 3px solid darkgoldenrod;
    border-radius: 10px;
}

    .token-container:hover[b-ms92txaivz] {
        color: black;
        background: gold;
        font-weight: bolder;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
        transition: 0.3s ease;
    }

.input-container[b-ms92txaivz] {
    padding: 0 10px 0 10px;
}

    .input-container input[b-ms92txaivz],
    .input-container:focus[b-ms92txaivz] {
        width: 100%;
        height: 40px;
        color: white;
        padding-left: 10px;
        border-radius: 10px;
        outline: none;
        background-color: transparent;
        border-color: darkgoldenrod;
    }

@media only screen and (max-width: 768px) {
    .sub-container[b-ms92txaivz] {
        padding: 10px 0px 10px 0px;
        gap: 0.5rem;
    }

    .token-container[b-ms92txaivz] {
        border: 2px solid darkgoldenrod;
        padding: 3px;
        font-size: 12px;
    }

    .input-container[b-ms92txaivz] {
        padding: 0;
    }

        .input-container input[b-ms92txaivz] {
            height: 35px;
            font-size: 12px;
        }
}
/* /Transaction/Deposit/CashinForm.razor.rz.scp.css */
.cashin-form[b-gyfqwmgj4i] {
    width: 35%;
    background: #608fb7;
    border-radius: 15px;
    padding: 20px;
    font-size: 13px;
    color: white;
    font-family: "Montserrat", sans-serif;
    position: relative;
}

label[b-gyfqwmgj4i] {
    font-weight: 500;
}

input[b-gyfqwmgj4i] {
    color: #454545;
    background-color: white;
    border: none;
    border-radius: 5px;
    font-size: 13px;
}

    input:focus[b-gyfqwmgj4i] {
        color: #454545;
        background-color: white;
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

[b-gyfqwmgj4i]::placeholder {
    color: #a8a9ad;
    font-style: italic;
}

/* #region CHAIN/NETWORK */
.form-select[b-gyfqwmgj4i] {
    width: 100%;
    color: #a6a8a9;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    height: 35px;
    border: none !important;
}

    .form-select:focus[b-gyfqwmgj4i], .form-select:active[b-gyfqwmgj4i] {
        outline: none;
        box-shadow: none;
    }
/* #endregion */

/* #region DEPOSIT AMOUNT */
.amount[b-gyfqwmgj4i] {
    background-color: white;
}

    .amount:focus[b-gyfqwmgj4i] {
        background-color: white;
    }
/* #endregion */

/* #region NOTE */
.note[b-gyfqwmgj4i] {
    color: white;
    font-size: 15px;
    font-style: italic;
}
/* #endregion */

/* #region SUBMIT */
.submit-cont[b-gyfqwmgj4i] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
}

.btn-deposit[b-gyfqwmgj4i] {
    color: white;
    width: 100%;
    height: 35px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 5px;
    background: #04AA6D;
    border: 3px outset #048e5b;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    will-change: box-shadow, transform;
}

    .btn-deposit:hover[b-gyfqwmgj4i] {
        transform: translateY(-2px);
    }

    .btn-deposit:active[b-gyfqwmgj4i] {
        transform: translateY(2px);
    }
/* #endregion */

@media only screen and (max-width: 768px) {
    .cashin-form[b-gyfqwmgj4i] {
        width: 100%;
        margin-bottom: 10px;
    }

    .note[b-gyfqwmgj4i] {
        padding-bottom: 30px;
    }
}
/* /Transaction/Deposit/CashinHistory.razor.rz.scp.css */
.history[b-74t2z20hze] {
    width: 65%;
    background: #608fb7;
    border-radius: 15px;
    padding: 20px;
    font-size: 13px;
    color: white;
}

label[b-74t2z20hze] {
    font-weight: 500;
}

/* #region SEARCH */
.search-container[b-74t2z20hze] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dd-container[b-74t2z20hze] {
    position: relative;
    font-size: 13px;
}

.pagesize[b-74t2z20hze] {
    width: 45px;
}

    .pagesize:disabled[b-74t2z20hze] {
        background: transparent;
        color: white;
        border: 1px solid white;
    }

.fa-angle-down[b-74t2z20hze] {
    position: absolute;
    top: 26%;
    left: 28px;
    font-size: 12px;
    color: white;
}

.dropdown-menu[b-74t2z20hze] {
    background: #212529 !important;
    min-width: 10px !important;
}

.dropdown-item[b-74t2z20hze] {
    color: white !important;
    font-size: 13px;
}

    .dropdown-item:hover[b-74t2z20hze] {
        background: #608fb7;
    }

.search-input[b-74t2z20hze] {
    color: #a6a8a9;
    background: transparent;
    border: 1px solid white;
}

    .search-input:focus[b-74t2z20hze] {
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
/* #endregion */

/* #region TABLE */
.table[b-74t2z20hze] {
    color: white;
}

    .table > :not(caption) > * > *[b-74t2z20hze] {
        padding: 0 !important;
    }

.table-header[b-74t2z20hze] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align: center;
}

.table-items[b-74t2z20hze] {
    border: none;
    height: 285px;
    overflow-y: auto;
}

.table-row[b-74t2z20hze] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align: center;
    border-style: solid;
    border-color: #C3C3C3;
    border-width: 0px 0px 1px 0px;
    padding: 4px;
}

.odd[b-74t2z20hze] {
    background: #212529;
}

.even[b-74t2z20hze] {
    background: #292d31;
}
/* #endregion */

/* #region PAGING CONTAINER */
.paging-container[b-74t2z20hze] {
    display: flex;
    justify-content: space-between;
}

.shown-record[b-74t2z20hze] {
    font-size: 12px;
}

.page-button button[b-74t2z20hze] {
    width: 80px;
    color: #a6a8a9;
    font-size: 13px;
    background: #292d31;
    border: 2px outset #374558;
    border-radius: 5px;
}

    .page-button button:disabled[b-74t2z20hze] {
        color: #87898e;
        background: transparent;
        border: none;
    }
/* #endregion */

@media only screen and (max-width: 768px) {
    .history[b-74t2z20hze] {
        width: 100%;
        margin-bottom: 10px;
    }

    .table[b-74t2z20hze] {
        white-space: nowrap;
        overflow: auto;
        margin-bottom: 0;
    }

    .table-header[b-74t2z20hze] {
        width: 100%;
        display: table;
        margin-bottom: 5px;
    }

    .table-header label[b-74t2z20hze] {
        width: 150px;
        display: inline-block;
    }

    .table-items[b-74t2z20hze] {
        width: 100%;
        display: table;
    }

        .table-items label[b-74t2z20hze] {
            width: 150px;
        }

    .search-container[b-74t2z20hze] {
        display: block;
    }

    .paging-container[b-74t2z20hze] {
        display: block;
    }

    .shown-record[b-74t2z20hze] {
        text-align: center;
        margin-bottom: 5px;
    }

    .page-button[b-74t2z20hze] {
        display: flex;
        justify-content: center;
    }

        .page-button button[b-74t2z20hze] {
            height: 25px;
        }
}
/* /Transaction/Deposit/Deposit.razor.rz.scp.css */
.main-container[b-v9ln6221uh] {
    display: flex;
    gap: 20px;
}

@media only screen and (max-width: 768px) {
    .main-container[b-v9ln6221uh] {
        display: block;
        padding-bottom: 1px;
    }
}
/* /Transaction/MainCredit/MainCredit.razor.rz.scp.css */
.main-container[b-6yoarvjyqt] {
    padding-top: 55px;
    color: white;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-container[b-6yoarvjyqt] {
    width: 700px;
    margin: 10px;
}

.nav-tabs[b-6yoarvjyqt] {
    border-bottom: solid darkgoldenrod;
    margin-bottom: 10px;
}

.nav-link[b-6yoarvjyqt] {
    text-transform: uppercase;
    text-decoration: none;
    color: white;
}

li[b-6yoarvjyqt] {
    padding-left: 2px;
    padding-right: 2px;
}


.nav-link:hover[b-6yoarvjyqt] {
    border: solid darkgoldenrod;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
}

.nav-link.active[b-6yoarvjyqt] {
    background-color: darkgoldenrod;
    border: none;
    border-bottom: solid darkgoldenrod;
    border-radius: 10px 10px 0 0;
    color: black;
    font-weight: bolder;
}

.tab-content[b-6yoarvjyqt] {
    background: rgba(0, 0, 10, 0.6);
    border-radius: 20px;
}


.container[b-6yoarvjyqt] {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

@media only screen and (max-width: 768px) {
    .nav-link[b-6yoarvjyqt] {
        font-size: 12px;
    }
}
    
/* /Transaction/Shared/Amount.razor.rz.scp.css */
.main-container[b-wobxj0er28] {
    color: white;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 20px;
}

.sub-container[b-wobxj0er28] {
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 0.5rem 1rem;
}

.token-container[b-wobxj0er28] {
    padding: 8px;
    text-align: center;
    border: 3px solid darkgoldenrod;
    border-radius: 10px;
}

    .token-container:hover[b-wobxj0er28] {
        color: black;
        background: gold;
        font-weight: bolder;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
        transition: 0.3s ease;
    }

.input-container[b-wobxj0er28] {
    padding: 0 10px 10px 10px;
}

    .input-container input[b-wobxj0er28],
    .input-container:focus[b-wobxj0er28] {
        width: 100%;
        height: 40px;
        color: white;
        padding-left: 10px;
        border-radius: 10px;
        outline: none;
        background-color: transparent;
        border-color: darkgoldenrod;
    }

.btn-container[b-wobxj0er28] {
    padding: 0 10px 10px 10px;
    display: flex;
    justify-content: center;
}

.btn[b-wobxj0er28] {
    width: 300px;
    height: 40px;
    color: black;
    text-transform: uppercase;
    font-weight: bolder;
    border-color: darkgoldenrod;
    border-radius: 20px;
    outline: 1px solid;
    outline-color: darkgoldenrod;
    transition: all .2s;
    background-image: -webkit-linear-gradient(left, #0f0f0f, #aa771c, #b38728, #be9e44, #cbb26a, #d8c690, #fcf6ba, #d8c690, #cbb26a, #be9e44, #b38728, #aa771c, #0f0f0f);
}

    .btn:hover[b-wobxj0er28] {
        outline-color: rgba(255, 255, 255, 0);
        outline-offset: 15px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }

    .btn:focus[b-wobxj0er28] {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 1);
        transform: translateY(-3px);
    }

@media only screen and (max-width: 768px) {
    .sub-container[b-wobxj0er28] {
        padding: 10px 0px 10px 0px;
        gap: 0.5rem;
    }

    .token-container[b-wobxj0er28] {
        border: 2px solid darkgoldenrod;
        padding: 3px;
        font-size: 13px;
    }

    .input-container[b-wobxj0er28] {
        padding: 0 0 10px 0;
    }

    .input-container input[b-wobxj0er28] {
        height: 35px;
    }

    .btn[b-wobxj0er28] {
        width: 200px;
        height: 35px;
        font-size: 13px;
    }
}
/* /Transaction/Wallet/Wallet.razor.rz.scp.css */
.main-container[b-p7vnb7so0c] {
    padding-top: 56px;
    display: flex;
    justify-content: center;
    color: white;
    background: #101720;
    font-family: "Montserrat", sans-serif;
    height: 100vh;
    overflow: auto;
}

.sub-container[b-p7vnb7so0c] {
    padding-top: 50px;
    width: 70%;
}

.account-info[b-p7vnb7so0c] {
    display: flex;
    justify-content: space-evenly;
    gap: 20px;
    padding: 10px 20px;
}

.nav-container[b-p7vnb7so0c] {
    padding: 10px 20px;
}

.nav[b-p7vnb7so0c] {
    gap: 20px;
    font-size: 15px;
    border: none;
}

.nav-link[b-p7vnb7so0c] {
    text-decoration: none;
    color: white;
    border: none;
}

    .nav-link:hover[b-p7vnb7so0c], .nav-link.active[b-p7vnb7so0c] {
        background-color: transparent;
        border-bottom: 3px solid white;
        color: white;
    }

@media only screen and (max-width: 768px) {

    .main-container[b-p7vnb7so0c] {
    }

    .sub-container[b-p7vnb7so0c] {
        margin-top: 0;
        width: 100%;
        padding: 0 10px;
    }

    .account-info[b-p7vnb7so0c] {
        display: block;
        padding: 0;
        padding-top: 15px;
    }

    .nav-container[b-p7vnb7so0c] {
        padding: 0;
    }
}
/* /Transaction/Withdraw/Withdraw.razor.rz.scp.css */
.main-container[b-ipmnnnw3hr] {
    display: flex;
    gap: 20px;
}

@media only screen and (max-width: 768px) {
    .main-container[b-ipmnnnw3hr] {
        display: block;
        padding-bottom: 1px;
    }
}
/* /Transaction/Withdraw/WithdrawalForm.razor.rz.scp.css */
.withdraw-form[b-awx5jfokft] {
    width: 35%;
    background: #608fb7;
    border-radius: 15px;
    padding: 20px;
    font-size: 13px;
    color: white;
    font-family: "Montserrat", sans-serif;
    position: relative;
}

label[b-awx5jfokft] {
    font-weight: 500;
}

input[b-awx5jfokft] {
    color: #454545;
    background-color: white;
    border: none;
    border-radius: 5px;
    font-size: 13px;
}

    input:focus[b-awx5jfokft] {
        color: #454545;
        background-color: white;
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

[b-awx5jfokft]::placeholder {
    color: #454545;
    font-style: italic;
}

/* #region CHAIN/NETWORK */
.form-select[b-awx5jfokft] {
    width: 100%;
    color: #a6a8a9;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    height: 35px;
    border: none !important;
}

    .form-select:focus[b-awx5jfokft], .form-select:active[b-awx5jfokft] {
        outline: none;
        box-shadow: none;
    }
/* #endregion */

/* #region WITHDRAW AMOUNT */
.amount[b-awx5jfokft] {
    background-color: white;
}

    .amount:focus[b-awx5jfokft] {
        background-color: white;
    }
/* #endregion */

/* #region NOTE */
.note[b-awx5jfokft] {
    color: white;
    font-size: 15px;
    font-style: italic;
}
/* #endregion */

/* #region SUBMIT CONTAINER */
.submit-cont[b-awx5jfokft] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
}

.btn-withdraw[b-awx5jfokft] {
    color: white;
    width: 100%;
    height: 35px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    background: #04AA6D;
    border: 3px outset #048e5b;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    will-change: box-shadow, transform;
}

    .btn-withdraw:hover[b-awx5jfokft] {
        transform: translateY(-2px);
    }

    .btn-withdraw:active[b-awx5jfokft] {
        transform: translateY(2px);
    }
/* #endregion */

@media only screen and (max-width: 768px) {
    .withdraw-form[b-awx5jfokft] {
        width: 100%;
        margin-bottom: 10px;
    }

    .note[b-awx5jfokft] {
        padding-bottom: 30px;
    }
}
/* /Transaction/Withdraw/WithdrawalHistory.razor.rz.scp.css */
.history[b-nwo60yl5cr] {
    width: 65%;
    background: #608fb7;
    border-radius: 15px;
    padding: 20px;
    font-size: 13px;
    color: white;
}

label[b-nwo60yl5cr] {
    font-weight: 500;
}

/* #region SEARCH CONTAINER */
.search-container[b-nwo60yl5cr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dd-container[b-nwo60yl5cr] {
    position: relative;
    font-size: 13px;
}

.pagesize[b-nwo60yl5cr] {
    width: 45px;
}

    .pagesize:disabled[b-nwo60yl5cr] {
        background: transparent;
        color: white;
        border: 1px solid white;
    }

.fa-angle-down[b-nwo60yl5cr] {
    position: absolute;
    top: 26%;
    left: 28px;
    font-size: 12px;
    color: white;
}

.dropdown-menu[b-nwo60yl5cr] {
    background: #212529 !important;
    min-width: 10px !important;
}

.dropdown-item[b-nwo60yl5cr] {
    color: white !important;
    font-size: 13px;
}

    .dropdown-item:hover[b-nwo60yl5cr] {
        background: #608fb7;
    }

.search-input[b-nwo60yl5cr] {
    color: #a6a8a9;
    background: transparent;
    border: 1px solid white;
}

    .search-input:focus[b-nwo60yl5cr] {
        outline: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
/* #endregion */

/* #region TABLE */
.table[b-nwo60yl5cr] {
    color: white;
}

    .table > :not(caption) > * > *[b-nwo60yl5cr] {
        padding: 0 !important;
    }

.table-header[b-nwo60yl5cr] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: center;
}

.table-items[b-nwo60yl5cr] {
    border: none;
    height: 285px;
    overflow-y: auto;
}

.table-row[b-nwo60yl5cr] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: center;
    border-style: solid;
    border-color: #C3C3C3;
    border-width: 0px 0px 1px 0px;
    padding: 4px;
}

.odd[b-nwo60yl5cr] {
    background: #212529;
}

.even[b-nwo60yl5cr] {
    background: #292d31;
}
/* #endregion */

/* #region PAGING CONTAINER */
.paging-container[b-nwo60yl5cr] {
    display: flex;
    justify-content: space-between;
}

.shown-record[b-nwo60yl5cr] {
    font-size: 12px;
}

.page-button button[b-nwo60yl5cr] {
    width: 80px;
    color: white;
    font-size: 13px;
    background: #292d31;
    border: 2px outset #374558;
    border-radius: 5px;
}

    .page-button button:disabled[b-nwo60yl5cr] {
        color: white;
        background: transparent;
        border: none;
    }
/* #endregion */

@media only screen and (max-width: 768px) {
    .history[b-nwo60yl5cr] {
        width: 100%;
        margin-bottom: 10px;
    }

    .table[b-nwo60yl5cr] {
        white-space: nowrap;
        overflow: auto;
        margin-bottom: 0;
    }

    .table-header[b-nwo60yl5cr] {
        width: 100%;
        display: table;
        margin-bottom: 5px;
    }

        .table-header label[b-nwo60yl5cr] {
            width: 150px;
            display: inline-block;
        }

    .table-items[b-nwo60yl5cr] {
        width: 100%;
        display: table;
    }

        .table-items label[b-nwo60yl5cr] {
            width: 150px;
        }

    .search-container[b-nwo60yl5cr] {
        display: block;
    }

    .paging-container[b-nwo60yl5cr] {
        display: block;
    }

    .shown-record[b-nwo60yl5cr] {
        text-align: center;
        margin-bottom: 5px;
    }

    .page-button[b-nwo60yl5cr] {
        display: flex;
        justify-content: center;
    }

        .page-button button[b-nwo60yl5cr] {
            height: 25px;
        }
}
