/*---------------------------------------------------------
    PAGE TITLE
---------------------------------------------------------*/
#page_title {
    display: block;
    text-align: center;
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 20px;
    min-width: 1400px;
}

#page_title > .label {
    font-family: 'Gmarket Sans';
    color: #ffffff;
    text-shadow:
        0px 0px 5px #009eff,
        0px 0px 10px #009eff,
        0px 0px 20px #009eff;
    text-align: center;
    flex-grow: 1;
    font-weight: 900;
    line-height: 60px;
    height: 60px;
    font-size: 50px;
}

#page_title > .sublavel {
    font-family: 'Gmarket Sans';
    color: #ffffff;
    text-shadow:
        0px 0px 3px #009eff,
        0px 0px 5px #009eff,
        0px 0px 10px #009eff;
    text-align: center;
    flex-grow: 1;
    font-weight: 100;
    line-height: 40px;
    height: 40px;
    font-size: 20px;
}

/*---------------------------------------------------------
    CASINO WRAP
---------------------------------------------------------*/
#casino_wrap {
    display: flex;
    justify-content: center;
    min-width: 1400px;
}

.money_swap_wrap{
	background:url("/images/1bet1/money_swap_bg.jpg") no-repeat;
	background-size:100%;
}

#casino_wrap > .flexbox {
    display: flex;
    min-width: 1400px;
    max-width: 2200px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

#casino_wrap > .flexbox > .casinolistbox {
    display: block;
    width: 100%;
}

/*---------------------------------------------------------
    MAIN VISUAL
---------------------------------------------------------*/

#casino_visual {
    display: block;
    margin: 0;
    border-top: 1px solid #454462;
    border-bottom: 1px solid #454462;
}

#casino_visual > .visual_list {
    display: block;
    margin: 0;
    min-width: 1400px;
    height: 364px;
    position: relative;
    overflow: hidden;
}

#casino_visual > .visual_list > .visual_item {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all 600ms;
}

#casino_visual > .visual_list > .visual_item.active {
    opacity: 1;
    transition: all 600ms;
}

#casino_visual > .visual_list > .visual_item > .visual_bg {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1600px;
    height: 364px;
    object-fit: none;
    object-position: center;
}

#casino_visual > .visual_list > .visual_item > .visual_entity {
    display: block;
    position: absolute;
    left: 50%;
    bottom: -364px;
    width: 800px;
    height: 364px;
    margin-left: 260px;
    object-fit: none;
    object-position: bottom right;
    transform: translate(-50%) scale(0.5);
    opacity: 0;
}

#casino_visual > .visual_list > .visual_item.active > .visual_entity {
    transition-delay: 200ms;
    transition-property: all;
    transition-duration: 400ms;
    transform: translate(-50%) scale(1);
    bottom: 0px;
    opacity: 1;
}

#casino_visual > .visual_list > .visual_item > .visual_label {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 800px;
    height: 364px;
    margin-left: -600px;
    object-fit: none;
    object-position: left;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
}

#casino_visual > .visual_list > .visual_item.active > .visual_label {
    transition-delay: 400ms;
    transition-property: all;
    transition-duration: 400ms;
    margin-left: -260px;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

#casino_visual > .visual_list > .visual_item > .visual_mask_left {
    display: block;
    position: absolute;
    right: 50%;
    top: 0px;
    bottom: 0px;
    width: 800px;
}

#casino_visual > .visual_list > .visual_item > .visual_mask_right {
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
    bottom: 0px;
    width: 800px;
}

#casino_visual .visual_btns {
    position: absolute;
    display: flex;
    left: 50%;
    height: 0px;
    bottom: 50px;
    transform: translate(-50%, -50%);
}

#casino_visual .visual_btns > .btn_circle {
    display: block;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    margin: 10px;
    border-radius: 10px;
    background: #42425f;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 300ms;
}

#casino_visual .visual_btns > .btn_circle.active {
    background: #ffc967;
    box-shadow: 0px 0px 20px 5px #ffc967;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    transition: all 300ms;
}


/*---------------------------------------------------------
    CASINO NAV
---------------------------------------------------------*/
#casino_nav {
    display: flex;
    justify-content: center;
    min-width: 1400px;
    background: #29324b;
    border-bottom: 1px solid #29324b;
}

#casino_nav > .flexbox {
    display: flex;
    min-width: 1400px;
    max-width: 2200px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

#casino_nav > .flexbox > .navitem {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-left: 1px;
    background: #07172d;
    font-size: 16px;
    font-weight: 600;
    color: #888888;
    cursor: pointer;
}

#casino_nav > .flexbox > .navitem.active,
#casino_nav > .flexbox > .navitem:hover {
    border-top: 2px solid #ef7c00;
    line-height: 46px;
    background: #29324b;
    color: #ffffff;
}



/*---------------------------------------------------------
    CASINO_LIST
---------------------------------------------------------*/
#casino_list {
    display: block;
    margin: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#casino_list .casino_popup_box {
	padding-bottom:40px;
	text-align:center;
}

#casino_list .casino_popup_close {
	margin-left:30px;
	cursor:pointer;
}

@keyframes main_casino_titlebox_h3_img {
    0% {
        filter: grayscale(0.6) brightness(0.8);
        transform: scale(1);
    }

    50% {
        filter: grayscale(0) brightness(1);
        transform: scale(1.1);
    }

    100% {
        filter: grayscale(0.6) brightness(0.8);
        transform: scale(1);
    }
}

#casino_list > .listbox {
    display: grid;
    grid-template: repeat(1, 1fr) / repeat(5, 1fr);
    gap: 20px;
}

@media screen and (max-width: 1600px) {
    #casino_list > .listbox {
        display: grid;
        grid-template: repeat(1, 1fr) / repeat(4, 1fr);
        gap: 20px;
    }
}


#casino_list > .listbox > .casinoitem {
    display: block;
    overflow: hidden;
    transition: all 1000ms;
    opacity: 1;
    position: relative;
    aspect-ratio: 400/170;
    width: 100%;
    border: 2px solid transparent;
    cursor: pointer;
    overflow: hidden;
}


#casino_list > .listbox > .casinoitem:hover {
    border: 2px solid #ef7c00;
}

#casino_list > .listbox > .casinoitem > img.stop {
    position: absolute;
    display: block;
    right: 0px;
    top: 0;
    transition: all 300ms;
	z-index:1;
}

#casino_list > .listbox > .casinoitem > img.bg {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    display: block;
    width: 100%;
    filter: grayscale(0.6) brightness(0.6);
    transition: all 300ms;
}

#casino_list > .listbox > .casinoitem > img.label {
    position: absolute;
    display: block;
    left: 30px;
    top: 50%;
    width: 40%;
    transform: translate(0, -60%);
    filter: grayscale(1) brightness(0.8);
    transition: all 300ms;
}

#casino_list > .listbox > .casinoitem:hover > img.bg {
    filter: grayscale(0) brightness(1);
    transition: all 300ms;
}

#casino_list > .listbox > .casinoitem:hover > img.label {
    filter: grayscale(0) brightness(1);
    transition: all 300ms;
}


.gamerulebox {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    width: 60%;
    margin-right: 20px;
}

.gamerulebox > img {
    width: 100%;
    margin-bottom: 20px;
    display: block;
}

.casinolistbox2 {
    width: 40%;
    flex-shrink: 1;
}

.casinolistbox2 > #casino_list {
    min-width: auto;
    padding-top: 20px;
}

.casinolistbox2 > #casino_list > .listbox {
    grid-template: repeat(1, 1fr) / repeat(2, 1fr);
    padding-top: 0px;
}

@media screen and (max-width: 1900px) {

    .gamerulebox {
        width: 70%;
    }

    .casinolistbox2 {
        width: 30%;

    }

    .casinolistbox2 > #casino_list {
        min-width: auto;
        padding-top: 20px;
    }

    .casinolistbox2 > #casino_list > .listbox {
        grid-template: repeat(1, 1fr) / repeat(1, 1fr);
        padding-top: 0px;
    }

}


@media screen and (max-width: 1600px) {
    .gamerulebox {
        width: 100%;
        margin-right: 0px;
    }

    .casinolistbox2 {
        display: none;
    }
}

/*---------------------------------------------------------
    CASINO MONEY SWAP
---------------------------------------------------------*/
#casino_moneyswap {
    display: block;
    width: 100%;
    margin-top: 20px;
}

#casino_moneyswap > .flexbox {
    display: flex;
}

#casino_moneyswap > .flexbox > .selectbox {
    display: flex;
    width: 100%;
    height: 305px;
}

#casino_moneyswap > .flexbox > .selectbox.selectbox_from {
    margin-right: 1px;
}

#casino_moneyswap > .flexbox > .selectbox > .title {
    display: block;
    width: 170px;
    flex-shrink: 0;
    background: #07172d;
    margin-right: 1px;
    height: 305px;
    overflow: hidden;
    position: relative;
}

#casino_moneyswap > .flexbox > .selectbox.selectbox_from .title {
    background: #275fc022;
}

#casino_moneyswap > .flexbox > .selectbox.selectbox_to .title {
    background: #f9255222;
}

#casino_moneyswap > .flexbox > .selectbox > .title > .label {
    display: block;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translate(-50%);
    font-size: 16px;
    font-weight: 600;
}

#casino_moneyswap > .flexbox > .selectbox > .list {
    display: block;
    width: 100%;
    height: 305px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#casino_moneyswap > .flexbox > .selectbox > .list::-webkit-scrollbar {
    width: 8px;
}

#casino_moneyswap > .flexbox > .selectbox > .list::-webkit-scrollbar-track {
    background: #141921;
}

#casino_moneyswap > .flexbox > .selectbox > .list::-webkit-scrollbar-thumb {
    background: #262b32;
}


#casino_moneyswap > .flexbox > .selectbox > .list > .item {
    display: flex;
    background: #0d1d32;
    margin-bottom: 1px;
    height: 50px;
    cursor: pointer;
    transition: all 300ms;
}

#casino_moneyswap > .flexbox > .selectbox > .list > .item:hover,
#casino_moneyswap > .flexbox > .selectbox > .list > .item.active {
    background: #29324b;
    transition: all 300ms;
}

#casino_moneyswap > .flexbox > .selectbox > .list > .item > .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px;
    border-radius: 15px;
    position: relative;
}

#casino_moneyswap > .flexbox > .selectbox > .list > .item > .icon > span {
    position: absolute;
    left: 8.5px;
    top: -3px;
    font-size: 28px;
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    border: 0;
    transform: scaleY(0.6) rotate(90deg);
}

#casino_moneyswap > .flexbox > .selectbox_from > .list > .item > .icon {
    background: #275fc0;
    opacity: 0;
    transition: all 300ms;
}

#casino_moneyswap > .flexbox > .selectbox_from > .list > .item.active > .icon {
    background: #275fc0;
    opacity: 1;
    transition: all 300ms;
}

#casino_moneyswap > .flexbox > .selectbox_to > .list > .item > .icon {
    background: #f92552;
    opacity: 0;
    transition: all 300ms;
}

#casino_moneyswap > .flexbox > .selectbox_to > .list > .item.active > .icon {
    background: #f92552;
    opacity: 1;
    transition: all 300ms;
}

#casino_moneyswap > .flexbox > .selectbox > .list > .item > .label {
    display: block;
    flex-grow: 1;
    line-height: 50px;
    font-size: 14px;
    color: #888888;
}

#casino_moneyswap > .flexbox > .selectbox > .list > .item:hover > .label,
#casino_moneyswap > .flexbox > .selectbox > .list > .item.active > .label {
    color: #efefef;
}

#casino_moneyswap > .flexbox > .selectbox > .list > .item > .current_money {
    display: block;
    flex-shrink: 0;
    margin-right: 10px;
    line-height: 50px;
    font-size: 15px;
    color: #ffc96788;
}

#casino_moneyswap > .flexbox > .selectbox > .list > .item:hover > .current_money,
#casino_moneyswap > .flexbox > .selectbox > .list > .item.active > .current_money {
    color: #ffc967;
}

#casino_moneyswap > .formbox {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: 1px;
}

#casino_moneyswap > .formbox > .flexbox {
    display: flex;
}

#casino_moneyswap > .formbox > .flexbox > .fromgamebox {
    display: flex;
    width: 100%;
    height: 50px;
    margin-right: 1px;
}

#casino_moneyswap > .formbox > .flexbox > .togamebox {
    display: flex;
    width: 100%;
    height: 50px;
}

#casino_moneyswap > .formbox > .flexbox > .fromgamebox > label {
    display: block;
    width: 170px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    flex-shrink: 0;
    background:
        linear-gradient(45deg,
            rgba(255, 255, 255, .02) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .02) 50%,
            rgba(255, 255, 255, .02) 75%,
            transparent 75%,
            transparent),
        #275fc022;
    background-size: 0.5rem 0.5rem;
    margin-right: 1px;
}

#casino_moneyswap > .formbox > .flexbox > .togamebox > label {
    display: block;
    width: 170px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    flex-shrink: 0;
    margin-right: 1px;
    background:
        linear-gradient(45deg,
            rgba(255, 255, 255, .02) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .02) 50%,
            rgba(255, 255, 255, .02) 75%,
            transparent 75%,
            transparent),
        #f9255222;
    background-size: 0.5rem 0.5rem;
}


#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game {
    display: flex;
    background: #0d1d32;
    margin-bottom: 1px;
    height: 50px;
    cursor: pointer;
    width: 100%;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game:hover,
#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game.active {
    background:
        linear-gradient(45deg,
            rgba(255, 255, 255, .02) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .02) 50%,
            rgba(255, 255, 255, .02) 75%,
            transparent 75%,
            transparent),
        #29324b;
    background-size: 0.5rem 0.5rem;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game > .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px;
    border-radius: 15px;
    position: relative;
}

#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game > .icon > span {
    position: absolute;
    left: 8.5px;
    top: -3px;
    font-size: 28px;
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    border: 0;
    transform: scaleY(0.6) rotate(90deg);
}

#casino_moneyswap > .formbox > .flexbox > .fromgamebox > .selected_game > .icon {
    background: #275fc0;
    opacity: 0;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .flexbox > .fromgamebox > .selected_game.active > .icon {
    background: #275fc0;
    opacity: 1;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .flexbox > .togamebox > .selected_game > .icon {
    background: #f92552;
    opacity: 0;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .flexbox > .togamebox > .selected_game.active > .icon {
    background: #f92552;
    opacity: 1;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game > .label {
    display: block;
    flex-grow: 1;
    line-height: 50px;
    font-size: 15px;
    color: #888888;
}

#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game:hover > .label,
#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game.active > .label {
    color: #efefef;
}

#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game > .current_money {
    display: block;
    flex-shrink: 0;
    margin-right: 10px;
    line-height: 50px;
    font-size: 15px;
    color: #ffc96788;
}

#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game:hover > .current_money,
#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game.active > .current_money {
    color: #ffc967;
}

#casino_moneyswap > .formbox > .moneybox {
    display: flex;
    margin-left: -1px;
    margin-top: 1px;
}

#casino_moneyswap > .formbox > .moneybox > .btn_setmoney {
    height: 50px;
    color: #ffc967;
    background: #0d1d32;
    text-align: center;
    width: 100%;
    line-height: 50px;
    margin-left: 1px;
    font-size: 14px;
    cursor: pointer;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .moneybox > .btn_setmoney:hover,
#casino_moneyswap > .formbox > .moneybox > .btn_setmoney.active {
    background: #29324b;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .btn_submit {
    display: block;
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
    border: 0px;
    height: 80px;
    background: #0d1d32;
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
    transition: all 300ms;
    cursor: pointer;
}

#casino_moneyswap > .formbox > .btn_submit:hover {
    background: #29324b;
    transition: all 300ms;
}

#casino_moneyswap .amountbox {
    display: flex;
    height: 50px;
    margin-top: 1px;
}

#casino_moneyswap .amountbox > label {
    display: block;
    width: 170px;
    flex-shrink: 0;
    text-align: center;
    background: #07172d;
    margin-right: 1px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    color:#aaaaaa;
}

#casino_moneyswap .amountbox > input {
    display: block;
    background: #0d1d32;
    border: 0px;
    outline: 0px;
    width: 100%;
    padding: 10px;
    font-size: 15px;
    text-align: right;
    margin-right: 1px;
    color: #ffc967;
}

#casino_moneyswap .amountbox > .btn_clear_box {
    display: block;
    width: 40px;
    height: 50px;
    flex-shrink: 0;
    background: #07172d;
}

#casino_moneyswap .amountbox > .btn_clear_box > .btn_clear {
    background: url('/images/1bet1/betting_cart/ico_recycle_bin.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    height: 50px;
    width: 40px;
    flex-shrink: 0;
    cursor: pointer;
    filter: invert(1) brightness(0.5);
    transition: all 300ms;
}

#casino_moneyswap .amountbox > .btn_clear_box > .btn_clear:hover {
    filter: invert(1) brightness(0.8);
    transition: all 300ms;
}

/*---------------------------------------------------------
    CASINO MONEY DEPOSIT
---------------------------------------------------------*/
#casino_deposit {
    display: block;
    width: 100%;
    margin-top: 20px;
}

#casino_deposit > .flexbox {
    display: flex;
}

#casino_deposit > .flexbox > .selectbox {
    display: flex;
    width: 1000%;
    height: 426px;
    margin-right: 1px;
}

#casino_deposit > .flexbox > .selectbox > .title {
    display: block;
    width: 170px;
    flex-shrink: 0;
    background: #07172d;
    margin-right: 1px;
    height: 426px;
    overflow: hidden;
    position: relative;
}

#casino_deposit > .flexbox > .selectbox.selectbox_from .title {
    background: #275fc022;
}

#casino_deposit > .flexbox > .selectbox.selectbox_to .title {
    background: #f9255222;
}

#casino_deposit > .flexbox > .selectbox > .title > .label {
    display: block;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translate(-50%);
    font-size: 16px;
    font-weight: 600;
    color:#aaaaaa;
}

#casino_deposit > .flexbox > .selectbox > .list {
    display: block;
    width: 100%;
    height: 426px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#casino_deposit > .flexbox > .selectbox > .list::-webkit-scrollbar {
    width: 8px;
}

#casino_deposit > .flexbox > .selectbox > .list::-webkit-scrollbar-track {
    background: #141921;
}

#casino_deposit > .flexbox > .selectbox > .list::-webkit-scrollbar-thumb {
    background: #262b32;
}


#casino_deposit > .flexbox > .selectbox > .list > .item {
    display: flex;
    background: #0d1d32;
    margin-bottom: 1px;
    height: 50px;
    cursor: pointer;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .selectbox > .list > .item:hover,
#casino_deposit > .flexbox > .selectbox > .list > .item.active {
    background: #29324b;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .selectbox > .list > .item > .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px;
    border-radius: 15px;
    position: relative;
}

#casino_deposit > .flexbox > .selectbox > .list > .item > .icon > span {
    position: absolute;
    left: 8.5px;
    top: -3px;
    font-size: 28px;
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    border: 0;
    transform: scaleY(0.6) rotate(90deg);
}

#casino_deposit > .flexbox > .selectbox > .list > .item > .icon {
    background: #275fc0;
    opacity: 0;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .selectbox > .list > .item.active > .icon {
    background: #275fc0;
    opacity: 1;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .selectbox > .list > .item > .label {
    display: block;
    flex-grow: 1;
    line-height: 50px;
    font-size: 15px;
    color: #888888;
}

#casino_deposit > .flexbox > .selectbox > .list > .item:hover > .label,
#casino_deposit > .flexbox > .selectbox > .list > .item.active > .label {
    color: #efefef;
}

#casino_deposit > .flexbox > .selectbox > .list > .item > .current_money {
    display: block;
    flex-shrink: 0;
    margin-right: 10px;
    line-height: 50px;
    font-size: 15px;
    color: #ffc96788;
}

#casino_deposit > .flexbox > .selectbox > .list > .item:hover > .current_money,
#casino_deposit > .flexbox > .selectbox > .list > .item.active > .current_money {
    color: #ffc967;
}

#casino_deposit > .flexbox > .formbox {
    display: block;
    width: 1000%;
}

#casino_deposit > .flexbox > .formbox {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

#casino_deposit > .flexbox > .formbox > .flexbox {
    display: flex;
}

#casino_deposit > .flexbox > .formbox > .gamebox {
    display: flex;
    width: 100%;
    height: 50px;
    margin-right: 1px;
}

#casino_deposit > .flexbox > .formbox > .gamebox > label {
    display: block;
    width: 170px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    flex-shrink: 0;
    background: #07172d;
    background-size: 0.5rem 0.5rem;
    margin-right: 1px;
    font-size: 16px;
    color:#aaaaaa;
    font-weight: 600;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game {
    display: flex;
    background: #0d1d32;
    margin-bottom: 1px;
    height: 50px;
    cursor: pointer;
    width: 100%;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game:hover,
#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game.active {
    background: #29324b;
    background-size: 0.5rem 0.5rem;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game > .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px;
    border-radius: 15px;
    position: relative;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game > .icon > span {
    position: absolute;
    left: 8.5px;
    top: -3px;
    font-size: 28px;
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    border: 0;
    transform: scaleY(0.6) rotate(90deg);
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game > .icon {
    background: #275fc0;
    opacity: 0;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game.active > .icon {
    background: #275fc0;
    opacity: 1;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game > .label {
    display: block;
    flex-grow: 1;
    line-height: 50px;
    font-size: 15px;
    color:#aaaaaa;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game:hover > .label,
#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game.active > .label {
    color: #efefef;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game > .current_money {
    display: block;
    flex-shrink: 0;
    margin-right: 10px;
    line-height: 50px;
    font-size: 15px;
    color: #ffc96788;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game:hover > .current_money,
#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game.active > .current_money {
    color: #ffc967;
}

#casino_deposit > .flexbox > .formbox > .couponbox {
    display: flex;
    height: 50px;
    margin-top: 1px;
}

#casino_deposit > .flexbox > .formbox > .couponbox > label {
    display: block;
    width: 170px;
    flex-shrink: 0;
    text-align: center;
    background: #07172d;
    margin-right: 1px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    color:#aaaaaa;
}

#casino_deposit > .flexbox > .formbox > .couponbox > select {
    display: block;
    background: #0d1d32;
    border: 0px;
    outline: 0px;
    width: 100%;
    padding: 10px;
    font-size: 15px;
    text-align: left;
}


#casino_deposit > .flexbox > .formbox > .amountbox {
    display: flex;
    height: 50px;
    margin-top: 1px;
}

#casino_deposit > .flexbox > .formbox > .amountbox > label {
    display: block;
    width: 170px;
    flex-shrink: 0;
    text-align: center;
    background: #07172d;
    margin-right: 1px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    color:#aaaaaa;
}

#casino_deposit > .flexbox > .formbox > .amountbox > input {
    display: block;
    background: #0d1d32;
    border: 0px;
    outline: 0px;
    width: 100%;
    padding: 10px;
    font-size: 15px;
    text-align: right;
    margin-right: 1px;
    color: #ffc967;
}

#casino_deposit > .flexbox > .formbox > .amountbox > .btn_clear_box {
    display: block;
    width: 40px;
    height: 50px;
    flex-shrink: 0;
    background: #07172d;
}

#casino_deposit > .flexbox > .formbox > .amountbox > .btn_clear_box > .btn_clear {
    background: url('/images/1bet1/betting_cart/ico_recycle_bin.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    height: 50px;
    width: 40px;
    flex-shrink: 0;
    cursor: pointer;
    filter: invert(1) brightness(0.5);
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .amountbox > .btn_clear_box > .btn_clear:hover {
    filter: invert(1) brightness(0.8);
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .moneybox {
    display: grid;
    gap: 1px;
    grid-template: repeat(2, 1fr) / repeat(3, 1fr);
    margin-top: 1px;
}

#casino_deposit > .flexbox > .formbox > .moneybox > .btn_addmoney {
    height: 50px;
    color: #ffc967;
    background: #0d1d32;
    text-align: center;
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    cursor: pointer;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .moneybox > .btn_addmoney:hover,
#casino_deposit > .flexbox > .formbox > .moneybox > .btn_addmoney.active {
    background: #29324b;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .btn_submit {
    display: block;
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
    border: 0px;
    height: 101px;
    background: #0d1d32;
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
    transition: all 300ms;
    cursor: pointer;
}

#casino_deposit > .flexbox > .formbox > .btn_submit:hover {
    background: #29324b;
    transition: all 300ms;
}


/*---------------------------------------------------------
    CASINO MONEY WITHDRAW
---------------------------------------------------------*/
#casino_withdraw {
    display: block;
    width: 100%;
    margin-top: 20px;
}

#casino_withdraw > .flexbox {
    display: flex;
}

#casino_withdraw > .flexbox > .selectbox {
    display: flex;
    width: 1000%;
    height: 376px;
    margin-right: 1px;
}

#casino_withdraw > .flexbox > .selectbox > .title {
    display: block;
    width: 170px;
    flex-shrink: 0;
    background: #07172d;
    margin-right: 1px;
    height: 376px;
    overflow: hidden;
    position: relative;
}

#casino_withdraw > .flexbox > .selectbox.selectbox_from .title {
    background: #275fc022;
}

#casino_withdraw > .flexbox > .selectbox.selectbox_to .title {
    background: #f9255222;
}

#casino_withdraw > .flexbox > .selectbox > .title > .label {
    display: block;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translate(-50%);
    font-size: 16px;
    font-weight: 600;
    color:#aaaaaa;
}

#casino_withdraw > .flexbox > .selectbox > .list {
    display: block;
    width: 100%;
    height: 376px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#casino_withdraw > .flexbox > .selectbox > .list::-webkit-scrollbar {
    width: 8px;
}

#casino_withdraw > .flexbox > .selectbox > .list::-webkit-scrollbar-track {
    background: #141921;
}

#casino_withdraw > .flexbox > .selectbox > .list::-webkit-scrollbar-thumb {
    background: #262b32;
}


#casino_withdraw > .flexbox > .selectbox > .list > .item {
    display: flex;
    background: #0d1d32;
    margin-bottom: 1px;
    height: 50px;
    cursor: pointer;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item:hover,
#casino_withdraw > .flexbox > .selectbox > .list > .item.active {
    background: #29324b;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item > .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px;
    border-radius: 15px;
    position: relative;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item > .icon > span {
    position: absolute;
    left: 8.5px;
    top: -3px;
    font-size: 28px;
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    border: 0;
    transform: scaleY(0.6) rotate(90deg);
}

#casino_withdraw > .flexbox > .selectbox > .list > .item > .icon {
    background: #f92552;
    opacity: 0;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item.active > .icon {
    background: #f92552;
    opacity: 1;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item > .label {
    display: block;
    flex-grow: 1;
    line-height: 50px;
    font-size: 15px;
    color: #888888;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item:hover > .label,
#casino_withdraw > .flexbox > .selectbox > .list > .item.active > .label {
    color: #efefef;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item > .current_money {
    display: block;
    flex-shrink: 0;
    margin-right: 10px;
    line-height: 50px;
    font-size: 15px;
    color: #ffc96788;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item:hover > .current_money,
#casino_withdraw > .flexbox > .selectbox > .list > .item.active > .current_money {
    color: #ffc967;
}

#casino_withdraw > .flexbox > .formbox {
    display: block;
    width: 1000%;
}

#casino_withdraw > .flexbox > .formbox {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

#casino_withdraw > .flexbox > .formbox > .flexbox {
    display: flex;
}

#casino_withdraw > .flexbox > .formbox > .gamebox {
    display: flex;
    width: 100%;
    height: 50px;
    margin-right: 1px;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > label {
    display: block;
    width: 170px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    flex-shrink: 0;
    background: #07172d;
    background-size: 0.5rem 0.5rem;
    margin-right: 1px;
    font-size: 16px;
    color:#aaaaaa;
    font-weight: 600;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game {
    display: flex;
    background: #0d1d32;
    margin-bottom: 1px;
    height: 50px;
    cursor: pointer;
    width: 100%;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game:hover,
#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game.active {
    background: #29324b;
    background-size: 0.5rem 0.5rem;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game > .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px;
    border-radius: 15px;
    position: relative;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game > .icon > span {
    position: absolute;
    left: 8.5px;
    top: -3px;
    font-size: 28px;
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    border: 0;
    transform: scaleY(0.6) rotate(90deg);
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game > .icon {
    background: #f92552;
    opacity: 0;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game.active > .icon {
    background: #f92552;
    opacity: 1;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game > .label {
    display: block;
    flex-grow: 1;
    line-height: 50px;
    font-size: 15px;
    color:#aaaaaa;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game:hover > .label,
#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game.active > .label {
    color: #efefef;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game > .current_money {
    display: block;
    flex-shrink: 0;
    margin-right: 10px;
    line-height: 50px;
    font-size: 15px;
    color: #ffc96788;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game:hover > .current_money,
#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game.active > .current_money {
    color: #ffc967;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game > .empty_message {
    line-height:50px;
    padding-left:15px;
    font-size:15px;
}

#casino_withdraw > .flexbox > .formbox > .couponbox {
    display: flex;
    height: 50px;
    margin-top: 1px;
}

#casino_withdraw > .flexbox > .formbox > .couponbox > label {
    display: block;
    width: 170px;
    flex-shrink: 0;
    text-align: center;
    background: #07172d;
    margin-right: 1px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    color:#aaaaaa;
}

#casino_withdraw > .flexbox > .formbox > .couponbox > select {
    display: block;
    background: #0d1d32;
    border: 0px;
    outline: 0px;
    width: 100%;
    padding: 10px;
    font-size: 15px;
    text-align: left;
}

#casino_withdraw > .flexbox > .formbox > .moneybox {
    display: grid;
    gap: 1px;
    grid-template: repeat(2, 1fr) / repeat(3, 1fr);
    margin-top: 1px;
}

#casino_withdraw > .flexbox > .formbox > .moneybox > .btn_addmoney {
    height: 50px;
    color: #ffc967;
    background: #0d1d32;
    text-align: center;
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    cursor: pointer;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .formbox > .moneybox > .btn_addmoney:hover,
#casino_withdraw > .flexbox > .formbox > .moneybox > .btn_addmoney.active {
    background: #29324b;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .formbox > .btn_submit {
    display: block;
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
    border: 0px;
    height: 101px;
    background: #0d1d32;
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
    transition: all 300ms;
    cursor: pointer;
}

#casino_withdraw > .flexbox > .formbox > .btn_submit:hover {
    background: #29324b;
    transition: all 300ms;
}

/* amountbox */


.cm_amountbox {
    display: flex;
    background:#07172d;
    background: url(/images/1bet1/sports/title_effect_overlay.png), #07172d;
    background-position: left;
	background-repeat:no-repeat;
	height:120px;
    margin-top:1px;
}

.cm_amountbox .leftbox {
    display: flex;
    margin-left:20px;
    margin-bottom:20px;
    margin-top:20px;
    border:1px solid #29324b;
    background:#07172d88;
    backdrop-filter: blur(10px);
    border-right:0px;
    height:80px;
    justify-content: center;
    flex-direction: column;
    flex-shrink: 0;
}

.cm_amountbox .leftbox .label {
    font-size:26px;
    font-weight: 600;
    font-family: 'Gmarket Sans';
    color:#aaaaaa;
    margin-left:30px;
	line-height:80px;
    white-space: nowrap;
} 

.cm_amountbox .leftbox .sublabel {
    font-size:16px;
    font-weight: 600;
    font-family: 'Gmarket Sans';
    color:#aaaaaa;
    margin-left:30px;
    margin-top:-5px;
} 


.cm_amountbox .rightbox {
    display: flex;
    margin-right:20px;
    margin-bottom:20px;
    width:100%;
    margin-top:20px;
    border:1px solid #29324b;
    background:#07172d88;
    backdrop-filter: blur(10px);
    border-left:0px;
    height:80px;
    justify-content: right;
}

.cm_amountbox .rightbox .amount input {
    font-family: 'Rajdhani';
    font-size:50px;
    line-height:80px;
    margin-right:10px;
    color:#ef7c00;
	background:none;
	border:0;
	text-align:right;
}

.cm_amountbox .rightbox .unit {
    font-size:40px;
    line-height:70px;
    color:#aaaaaa;
    margin-right:30px;
}

.flexbox > .selectbox > .title > .label2 {
    display: block;
    position: absolute;
    left: 50%;
    top: 60px;
    transform: translate(-50%);
    font-size: 16px;
    font-weight: 600;
    color:#aaaaaa;
	width:150px;
	text-align:center;
	border:2px solid #29324b;
	padding:5px 0;
}