html,.header {
    background: #16112C;
    border-bottom: none;
}
.auto-cash-out-inc {
    display: flex !important;
}
.content-top {
    margin-left: 20px;
    justify-content: space-between;
}

.content-top__control-panel {
    background: #1F183D;
}

.number-input {
    background: #16112C;
}

.bet-input {
    background: none;
    border: none;
    border-bottom: 1px solid rgba(100, 100, 150, 0.5);
    border-radius: 0;
    width: 180px;
    align-self: center;
    height: 35px;
}

.rate-btn {
    color: #fff;
    top: -50px;
    font-weight: bold;
    pointer-events: none;
    position: relative;
    display: flex;
}

.content-bottom {
    /*min-width: 400px;*/
}

.btn-multi {
    width: auto;
    flex: 1 1 0px;
    margin: 2px !important;
    font-size: 10pt !important;
}

.btn-multi,.bet-increment {
    background: #231D47;
}

.header__logo-img {
    max-height: 30px;
    padding: 2px;
    margin-left: 20px;

    opacity:0;
}

.header__menu-item .fullscreen-btn svg {
    width: 18px;
    height: 20px;
}

.bet-increment svg {
    stroke: #81819C;
}

@font-face {
    font-family: 'Baloo';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/baloo-cyrillic.ttf') format('truetype'); /* Chrome 26+, Opera 23+, Firefox 39+ */
}

.stripe {
    border-radius: 10px;
}

#rate {
    font-family: Baloo;
    font-size: 8vmin !important;
    height: 73% !important;
    text-shadow: 0px 4px 8px rgba(45, 23, 43, 0.40), 0px -2px 3px rgba(52,44,0,0.6),0px 3px 0px #ffffff;
}

#rate:before, #rate:after {
    display:none;
    content: attr(rate);
    top:44%;
    left:44%;
    /*padding: 50px;*/
    color: rgba(255,255,255,.1);
    position: absolute;
}

.btn-ctrl-panel-visibility {
    display: none;
}

.btn-main {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    margin-top: 8px;
    box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.2), inset 0 1px 2px 0px rgba(255, 255, 255, 0.3), inset 0 1px 1px 0px rgba(255, 255, 255, 0.2);
}

.content-top__control-panel.active1,
.content-top__control-panel.active2 {
    border-color:#1f253b;
    max-width: 400px;
}

.btn-main--bet {
    background: linear-gradient(90deg, #6329FB 0%, #924DF5 100%);
}

.btn-main--cancel {
    background: linear-gradient(90deg, #DD4A0B 0%, #F98350 100%);
}

.btn-main--cash-out {
    background: linear-gradient(90deg, #67A815 0%, #9DE73F 100%);
}

.any-bets__item {
    background: rgba(35, 29, 71, 1);
}

.btn-main--cash-out {
    padding-bottom: 23px;
}

.btn-main--cash-out:after {
/*.btn-main:after {*/
    content:attr(cashsum);
    position: absolute;
    width: 43%;
    display: block;
}

.any-bets__item.win-item {
    border: 1px solid rgba(117, 62, 194, 1);
    background: rgba(117, 62, 194, 0.3);
}

.any-bets__item.win-item div:last-of-type div {
    color: rgba(238, 176, 79, 1);
}

.flex.bets-item.bet-item-1 {
    color: grey;
}

.bet-item-3 {
    padding-top: 6px;
    padding-bottom: 6px;
    min-width: 50px;
    box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.1), inset 0 1px 1px 0px rgba(255, 255, 255, 0.2), inset 0 1px 1px 0px rgba(255, 255, 255, 0.1);
}

.container.container-loading {
    /*display: none;*/
}

.header_wrap {
    padding: 3px;
    border-radius: 10px;
    background: rgba(14, 10, 26, 1);
}

.header__help-btn:after,
.header__balance-win:after {
    content: " ";
    width: 2px;
    height: 80%;
    background: rgba(255, 255, 255, 0.2);
    /*margin-right: -16px;*/
    border-radius: 10px;
}

.content-bottom .bet-switch, .content-bottom .top-switch, .content-bottom .topwin-switch {
    height: 40px;
    background: rgba(14, 10, 26, 1);
    border-radius: 10px;
    margin-top: -4px;
    align-self: stretch;
}

.content-bottom .bet-switch__tab, .content-bottom .top-switch__tab, .content-bottom .topwin-switch__tab {
    height: 40px;
    width: 100%;
}

.bet-switch__glider, .top-switch__glider {
    height: 34px;
    margin-top: 1px;
    background: rgba(35, 29, 71, 1);
    border-radius: 8px;
    margin: 2px;
    box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.1), inset 0 1px 1px 0px rgba(255, 255, 255, 0.1), inset 0 1px 1px 0px rgba(255, 255, 255, 0.1);
}
.flex.any-bets__header {
    display: none;
}
.flex.any-bets__item {
    height: 30px;
    margin: 4px 0;
}
.any-bets__list {
    border: none;
}
.bets-list {
    padding: 0;
}
.content-bottom__bet-list-wrap{
    height: auto;
    background: none;
    border: none;
}

.content-top__history{
    height: 29px;
}
.btn-history {
    width: 29px;
    height: 29px;
    top: 5px;
}

.history-wrap {
    width:100%;
    margin-top: 6px;
    padding-top: 0;
    background: transparent;
}

.history-item {
    margin-bottom: 5px;
    padding: 8px 3px;
    box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.1), inset 0 1px 1px 0px rgba(255, 255, 255, 0.2), inset 0 1px 1px 0px rgba(255, 255, 255, 0.1);
}

#tabs-bet-auto__radio-1:checked ~ .tabs-bet-auto__glider,
#tabs-bet-auto__radio-3:checked ~ .tabs-bet-auto__glider,
#tabs-bet-auto__radio-5:checked ~ .tabs-bet-auto__glider {
    width: 20px;
    height: 20px;
    top: 10%;
    left: 2px;
    border-radius: 6px;
    background: rgba(14, 10, 26, 1);
    border: 1px solid rgba(35, 29, 71, 1);
    z-index: 1;
}

.tabs-bet-auto__tab {
    width: 104px;
    color: rgb(255, 255, 255);
}

.tabs-bet-auto__active {
    display: none;
}

.tabs-bet-auto {
    background-color: transparent;
    border: none;
    max-width: none;
    align-items: flex-end;
}

.tabs-bet-auto__glider {
    -webkit-transition: none;
    transition: none;
}

.auto-cash-label {
    order: 1;
    margin-right: auto;
    cursor: pointer;
}

.number-input.auto-cash-input {
    order: 2;
    font-size: 8pt;
    height: 26px;
}

.flex.bet-wrap {
    max-width: 180px;
    width: 100%;
    margin-top: 5px;
    background: #16112C;
    border-radius: 6px;
}

#btn-ctrl-1, #btn-ctrl-4 {
    z-index: 5;
}

.bet-control-wrap {
    z-index: 1;
}

.bet-switch:has(#bet-switch__radio-1:checked) ~ .content-middle__bet-total {
    display: flex !important;
    width: 100%;
    justify-content: space-between;
    margin: 6px 0;
}

.bet-total-count {
    display: flex;
    flex-flow: column;
    align-items: self-start;
    font-size: 14px;
}

.bet-total-count-label {
    color: #81819C;
}

.bet-total-count-number {
    color: #ffffff;
    font-size: 16px;
}

.bet-history-prev-area {
    padding: 3px;
    margin-right: 3px;
    background: #110D21;
    border-radius: 7px;
}

.bet-history-prev-btn {
    height: 100%;
    background: #231D47;
    padding: 0 10px;
    border-radius: 7px;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
}

.btns-bet-wrap {
    /*flex-flow: row;*/
    width: auto;
    /*height: 30px;*/
}

.number-minus,.number-plus {
    top: 8px;
}

.control-panel__cash-out-ctrl {
    justify-content: space-between;
    height: 30px;
    margin-right:0;
}

.header__balance-win {
    background: #231D47;
    border: none;
    border-radius: 7px;
}

.header__balance {
    color: #ffffff;
}

.header__help-btn {
    color: #ffffff;
    border: none;
    background: #231D47;
    margin-right: 10px;
    scale: 1;
}

.header__burger {
    background: #231D47;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 35px;
    padding: 7px 5px;
}

.header__burger svg {
    fill: #81819C;
}

.auto-cash-switch {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 20px;
    border-radius: 6px;
    background: rgba(14, 10, 26, 1);
    border: 1px solid rgba(35, 29, 71, 1);
    margin-left: -100px;
    margin-top: 2px;
}

.auto-cash-switch:checked,
.auto-cash-switch[disabled]:checked{
    /*background-color: revert;*/
    background: linear-gradient(90deg, #6329FB 0%, #924DF5 100%);
    border: 3px solid rgba(14, 10, 26, 1);
    -webkit-box-shadow: none;
    box-shadow: none;
}

#tabs-bet-auto__radio-1:checked ~ .tabs-bet-auto__tab.tabs-bet-auto__tab-1,
#tabs-bet-auto__radio-2:checked ~ .tabs-bet-auto__tab.tabs-bet-auto__tab-2,
#tabs-bet-auto__radio-3:checked ~ .tabs-bet-auto__tab.tabs-bet-auto__tab-3,
#tabs-bet-auto__radio-4:checked ~ .tabs-bet-auto__tab.tabs-bet-auto__tab-4,
#tabs-bet-auto__radio-5:checked ~ .tabs-bet-auto__tab.tabs-bet-auto__tab-5,
#tabs-bet-auto__radio-6:checked ~ .tabs-bet-auto__tab.tabs-bet-auto__tab-6{
    display: none;
}

#tabs-bet-auto__radio-2:checked ~ .tabs-bet-auto__glider,
#tabs-bet-auto__radio-4:checked ~ .tabs-bet-auto__glider,
#tabs-bet-auto__radio-6:checked ~ .tabs-bet-auto__glider {
    width: 20px;
    height: 20px;
    top: 16%;
    left: -18px;
    border-radius: 6px;
    background: linear-gradient(90deg, #6329FB 0%, #924DF5 100%);
    border: 3px solid rgba(14, 10, 26, 1);
    z-index: 2;
    pointer-events: none;
}

/*.tabs-bet-auto label.tabs-bet-auto__tab-2 {
    display: none;
}

.tabs-bet-auto .tabs-bet-auto__glider {
    display: none;
}

.tabs-bet-auto__active {
    border: none;
}*/

.content-wrap {
    margin: 1vw;
    height: calc(100vh - 130px);
}

.header__volume-btn:not([checked]):before,
.header__music-btn[checked]:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: red;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-40deg);
}

.header__music-btn[checked]:before {
    left:77%;
    width: 40%;
}

div:has(> #chartagt) {
    /*align-items: start !important;*/
}

#rules_popup .modal-box {
    border: none;
}

@media screen and (orientation:landscape) {
    .btn-main {
        /*font-size: 3vmin;*/
    }
}

 @media (min-width: 991px) {
     .btn-main {
         font-size: 22px;
     }
 }

@media (min-width: 1151px) {
    .btn-main {
        font-size: 22px;
    }
}

/* @media (min-width: 992px) { */
@media (min-width: 1301px) {
    .content-wrap {
        flex-direction: row-reverse;
    }
}

/* @media (max-width: 991px) { */
@media (max-width: 1399px) {
    .content-top__history {
        height: 24px;
    }
    .btn-history {
        width: 26px;
        height: 26px;
        padding: 0 !important;
    }
    .history-item {
        padding: 4px 3px;
    }
}

@media (max-width: 1100px) {
    .content-top__control-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

/* @media (max-width: 991px) { */
@media (max-width: 1399px) {
    .content-wrap {
        /*flex-direction: column;*/
    }
    .bet-switch__glider {
         width: calc(100% / 3);
    }
    .content-top {
        margin-left: 0;
    }
}


/* new: */

.content-top__play-screen {
    margin:0;
    height: calc(100% - 203px);
}

.is-open {
    position: inherit;
}

.content-top__history:has(.is-open) {
    height: auto !important;
}

@media (max-width: 725px) {
    .content-top__control-panel {
        margin-bottom: 8px;
    }
}

/* @media (min-width: 992px) { */
@media (min-width: 1151px) {
    .bet-input {
        border-bottom: 1px solid #231D47;
    }    

    .content-top__control-panel:not(:last-child) {
        margin-right: 16px;
    }

    .content-top__control-panel-inner {
        padding: 15px 20px 20px 20px;
        height: auto;
    }

    .content-top__play-screen {
        /*margin-top: 25px;
        margin-bottom: 8px;*/
    }

    .bet-switch:has(#bet-switch__radio-1:checked) ~ .content-middle__bet-total{
        margin: 18.5px 0;
    }
}

#rate {
    display: block !important;
    vertical-align: bottom !important;
    height: auto !important;
    margin: 0px 0px 11px 0px;
}

.content-top__text-h {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
}

.header__balance {
    display: flex;
    align-items: center;
    gap: 4px;
}

.header__balance:before {
    width: 24px;
    height: 24px;
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6.4%205C5.0744%205%204%206.17521%204%207.625V16.375C4%2018.125%204.8%2019%206.4%2019H17.6C19.2%2019%2020%2018.125%2020%2016.375V9.375C20%208.89174%2019.6416%208.5%2019.2%208.5H18.4V5.875C18.4%205.39174%2018.0416%205%2017.6%205H6.4ZM6.4%206.75H16.8V8.5H6.4C5.9584%208.5%205.6%208.10826%205.6%207.625C5.6%207.14174%205.9584%206.75%206.4%206.75ZM16%2012C16.4416%2012%2016.8%2012.3917%2016.8%2012.875C16.8%2013.3583%2016.4416%2013.75%2016%2013.75C15.5584%2013.75%2015.2%2013.3583%2015.2%2012.875C15.2%2012.3917%2015.5584%2012%2016%2012Z%22%20fill%3D%22%2381819C%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fsvg%3E);
}

@media (max-width: 629px) {
    .header__balance:before {
        margin-top: 5px;
        content: url(data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6.4%205C5.0744%205%204%206.17521%204%207.625V16.375C4%2018.125%204.8%2019%206.4%2019H17.6C19.2%2019%2020%2018.125%2020%2016.375V9.375C20%208.89174%2019.6416%208.5%2019.2%208.5H18.4V5.875C18.4%205.39174%2018.0416%205%2017.6%205H6.4ZM6.4%206.75H16.8V8.5H6.4C5.9584%208.5%205.6%208.10826%205.6%207.625C5.6%207.14174%205.9584%206.75%206.4%206.75ZM16%2012C16.4416%2012%2016.8%2012.3917%2016.8%2012.875C16.8%2013.3583%2016.4416%2013.75%2016%2013.75C15.5584%2013.75%2015.2%2013.3583%2015.2%2012.875C15.2%2012.3917%2015.5584%2012%2016%2012Z%22%20fill%3D%22%2381819C%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fsvg%3E);
    }
}

.header__balance-win {
    display: flex;
    align-items: center;
    width: auto !important;
    height: 30px !important;
}

@media (min-width: 630px) {
    .header__help-btn {
        display: flex;
        align-items: center;
        gap: 8px;
        width: auto !important;
        padding: 0 10px;
    }
    
    .header__help-btn::before {
        content: url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%2020C15.5228%2020%2020%2015.5228%2020%2010C20%204.47715%2015.5228%200%2010%200C4.47715%200%200%204.47715%200%2010C0%2015.5228%204.47715%2020%2010%2020ZM10.7192%2012.084H9.08639V11.86C9.08639%2011.006%209.34557%2010.474%2010.2009%209.732C11.0562%208.99%2011.3931%208.5%2011.3931%207.786C11.3931%207.058%2010.8359%206.596%2010.0454%206.596C9.25486%206.596%208.58099%207.114%208.58099%207.982C8.58099%208.164%208.61987%208.36%208.67171%208.5L7.18143%208.836C7.0648%208.57%207%208.248%207%207.828C7%206.428%208.15335%205%2010.0065%205C11.8855%205%2013%206.078%2013%207.66C13%208.78%2012.6242%209.466%2011.3283%2010.67C10.8618%2011.104%2010.7192%2011.468%2010.7192%2012.084ZM10.7581%2014.996H9.04752V13.064H10.7581V14.996Z%22%20fill%3D%22%2381819C%22%2F%3E%0A%3C%2Fsvg%3E);
        height: 20px;
    }
}

@media (max-width: 629px) {
    .header__help-btn::before {
        content: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%2020C15.5228%2020%2020%2015.5228%2020%2010C20%204.47715%2015.5228%200%2010%200C4.47715%200%200%204.47715%200%2010C0%2015.5228%204.47715%2020%2010%2020ZM10.7192%2012.084H9.08639V11.86C9.08639%2011.006%209.34557%2010.474%2010.2009%209.732C11.0562%208.99%2011.3931%208.5%2011.3931%207.786C11.3931%207.058%2010.8359%206.596%2010.0454%206.596C9.25486%206.596%208.58099%207.114%208.58099%207.982C8.58099%208.164%208.61987%208.36%208.67171%208.5L7.18143%208.836C7.0648%208.57%207%208.248%207%207.828C7%206.428%208.15335%205%2010.0065%205C11.8855%205%2013%206.078%2013%207.66C13%208.78%2012.6242%209.466%2011.3283%2010.67C10.8618%2011.104%2010.7192%2011.468%2010.7192%2012.084ZM10.7581%2014.996H9.04752V13.064H10.7581V14.996Z%22%20fill%3D%22%2381819C%22%2F%3E%0A%3C%2Fsvg%3E);
        margin-top: -1px;
    }
}

.header__wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (max-width: 630px) {
    .header__wrapper {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .header__help-btn:after,
    .header__balance-win:after {
        display: none;
    }
    
}

.header__volume-btn, .header__music-btn {
    border: none;
    background: #231D47;
    display: flex;
    align-items: center;
    border-radius: 7px;
    cursor: pointer;
    height: 30px;
}

@media (min-width: 630px) {
    .header__volume-btn, .header__music-btn {
        padding: 0 2px;
    }
}

.header__volume-btn svg, .header__music-btn svg {
    padding: 6px;
    height: 100%;
}

/* rules */
.rules-content {
    font-size: 14px;
    font-family: Roboto;
    margin-top: 20px;
}

.rules-content .row {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    padding: 14px;
    margin: 4px 0;
    align-items: flex-start;
}

.rules_title {
    display: flex;
    margin-top: 10px;
    justify-self: center;
}

/* bets */ 

.flex.content-top__control-panel-inner:before {
    width: 100%;
    height: 68%;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(35, 29, 71, 1);
}

.content-top__control-panel-inner {
    padding: 35px 10px 10px 10px;
}

.tabs-bet-auto, .control-panel__cash-out-ctrl {
    margin-top: -25px;
    margin-bottom: 12px;
}

.content-top__control-panel {
    height: 144px;
    position: relative;
}


@media (min-width: 630px) {
    .header__top-menu-btn {
        position: relative;
    }
}

@media (min-width: 630px) {
    .header__top-menu-btn::after {
        content: '';
        position: absolute;
        right: -5px;
        margin-right: 0;
        height: 67%;
        width: 1px;
        background: #231D47;
    }
}

.flex.header_wrap:not(.mobile-hide) {
    gap:0;
}

.bet-wrap {
    padding: 0px 4px 4px 4px;
}

.number-minus, .number-plus {
    top: 7px;
}

.number-minus {
    left: 7px;
}

.number-plus {
    right: 7px;
}

.content-top__control-panel:not(:last-child) {
    margin-right: 16px;
}

.btn-main {
    flex: 0 0 71px;
    /*text-transform: math-auto;*/
}

.flex.bet-auto-group {
    z-index: 2;
    width: 170px;
}


@media (max-width: 630px) {
    .header__volume-btn:not([checked]):before, .header__music-btn[checked]:before {
        width: 50%;
    }
    .header__volume-btn:not([checked]):before {
        left: 25%;
    }
}

.content-top__control-panel.active1, .content-top__control-panel.active2 {
    max-width: none;
}

.content-top__control-panel-inner {
    width: 470px;
}

@media (min-width: 992px) {

    .bet-control-wrap {
        flex: 0 0 272px;
    }

    .flex.bet-wrap {
        max-width: none;

        left: -9px;
    }

    .tabs-bet-auto {
        margin-left: -9px;
    }

    .auto-cash-label, .auto-cash-switch {
        transform: translateX(-75px);
        top:0;
    }
}

.auto-cash-input {
    width: 64px;
    text-align: center;
}

@media (max-width: 1399px) {
    .content-top__control-wrap {
        row-gap: 8px;
        margin-bottom: 32px;
        position: relative;
    }

    .content-top__control-wrap::after {
        content: '';
        height: 1px;
        width: 100%;
        background: #231D47;
        bottom: -12px;
        position: absolute;
        left: -6px;
    }
}

.content-top__control-wrap {
    transform: translateX(8px);
}

.bet-switch, .top-switch {
    max-width: none !important;
}

@media (max-width: 410px) {
    .flex.bet-auto-group {
        width: 145px;
    }

    .btn-main {
        font-size: 5vw !important;
    }
}

@media (max-width: 380px) {
    .flex.bet-auto-group {
        width: 125px;
    }
}

@media (max-width: 350px) {
    .flex.bet-auto-group {
        width: 105px;
    }
}

@media (max-width: 340px) {
    .flex.bet-auto-group {
        width: 85px;
    }
}

@media (max-width: 375px) {
    .header__wrapper {
        gap: 3px;
    }

    .header__help-btn {
        margin-right: 5px;
    }

    .header__balance-win {
        margin-right: 5px;
    }
}

@media (max-width: 350px) {
    .header__logo-img {
        margin-left: 0;
    }
}

@media (max-width: 991px) {
    .mobile-hide {
        display: none;
    }
}

@media (min-width: 992px) {
    .header__chat {
        display: none !important;
    }
}

.header__chat {
    background: #231D47;
    border: none;
    border-radius: 7px;
    margin: 0px 0px 0px 14px;
    height: 30px;
    padding: 0 6px;
    display: flex;
    align-items: center;
}

@media (min-width: 630px) {
    .header__chat::before {
        content: '';
        position: absolute;
        left: -7px;
        height: 67%;
        width: 1px;
        background: #231D47;
    }
}

@media (max-width: 629px) {
    .header__chat {
        margin: 0px 0px 0px 7px;
    }
}

.header__balance {
    margin-top: 2px;
}

@media (max-width: 629px) {
    .header__balance {
        margin-top: 3px;
    }
}

@media (max-width: 6px) {
    
}

.bet-total-count-number {
    margin: 2px 0px 0px 0px;
    font-size: 24px;
}

.header__container {
    padding-top: 20px;
}

.header.fixed {
    position: absolute;
    z-index: 200;
    top: 0;
}

.header_wrap {
    position: relative;
    background: rgba(14, 10, 26, 1);
    padding: 4px;
    border-radius: 10px;
    display: inline-flex;
    column-gap: 10px;
}

.header.fixed + main {
    margin-top: 80px;
}

.any-bets {
    font-weight: 600;
}

@media (min-width: 992px) {
    .flex.any-bets__item {
        height: 38px;
    }

    .bet-item-3 {
        min-width: 55px;
        height: 31px;
        padding-top: 8px;
    }

    .bets-item {
        font-size: 14px;
    }
}

@media (max-width: 1150px) {
    .history-wrap {
        padding-top: 2px;
    }
}

@media (min-width: 1151px) {
    .history-wrap {
        height: 105%;
    }

    .history-wrap.is-open {
        height: auto;
    }

    .btn-history {
        top: 6px;
        padding: 2px;
        align-self: center;
        display: flex;
    }

    .history-item {
        font-size: 14px;
    }
}

@media (max-width: 1399px) {

    /* main */
    .content-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: initial;
        margin-bottom: 5px;
    }

    .content-top__control-wrap {
        margin-top: 14px;
    }

    .container-loading {
        position:relative;
    }

    .content-top__play-screen {
        height: 56vmin;
    }

    .round-label {
        position: relative;
        float: right;
    }

    .content-bottom {
        height: 84vh;
        width: 100%;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;

        justify-content: start;
    }

    .content-bottom .bet-switch {
        margin-top: 3px;
    }

    .content-bottom .bet-switch .chat-switch {
        display: block;
    }

    .content-bottom__bet-list-wrap {
        width: inherit;

        overflow: hidden;
        height: calc(100% - 50px);
    }

    .footer {
        position: fixed;
        bottom: 0;
        display: none;
    }

    #btn-ctrl-4{
        top: 37px;
        right: 7px;
    }

    body.swal2-toast-shown .swal2-container.swal2-top {
        left: 50% !important;
    }

    .chat {
        display: none;
    }

    .chat-active .chat {
        display: block;
        /*position: fixed;*/
        height: 100%;
        /*bottom: 30px;*/
        /*z-index: 10;*/
    }

    .chat .head {
        display: none;
    }

    .chat-content {
        height: 100%;
    }

    .bet-switch__tab-3 {
        display: flex !important;
    }

    .bet-switch__glider {
        width: calc(100% / 3);
    }
    .top-switch__glider {
        width: calc(100% / 3);
    }


    #bet-switch__radio-3:checked ~ .bet-switch__glider,
    #top-switch__radio-3:checked ~ .top-switch__glider,

    #topwinyear-switch__radio-3:checked ~ .top-switch__glider,
    #toprateyear-switch__radio-3:checked ~ .top-switch__glider {
        -webkit-transform: translateX(300%);
        -ms-transform: translateX(300%);
        transform: translateX(300%);
    }


    #bet-switch__radio-4:checked ~ .bet-switch__glider,
    #top-switch__radio-4:checked ~ .top-switch__glider,

    #topwinyear-switch__radio-3:checked ~ .top-switch__glider,
    #toprateyear-switch__radio-3:checked ~ .top-switch__glider {
        -webkit-transform: translateX(200%);
        -ms-transform: translateX(200%);
        transform: translateX(200%);
    }

    #rules_popup {
        width: 90vw;
        left: 5vw;
    }

    /*aviator
    height: calc(40vh - 38px)!important;
    min-height: 200px!important;
    */
}

@media (max-width: 1399px) and (orientation: landscape) {
    main:not(#loading) .content-top__play-screen {
        height: calc(50vmin - 30px);
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (min-width: 550px) {
    .content-top__control-panel-inner {
        /*width: 520px;*/
    }

    .bet-control-wrap {
        flex: 0 0 220px;
    }

    .flex.bet-wrap {
        max-width: none;

        left: -9px;
    }

    .tabs-bet-auto {
        margin-left: -9px;
    }

    .auto-cash-label, .auto-cash-switch {
        transform: translateX(-75px);
        top: 0;
    }
}

@media (min-width: 550px) {
    .btn-main {
        width: 127%;
    }

    .bet-control-wrap {
        transform: translateX(-48px);
    }

    .bet-auto-group {
        transform: translateX(-24px);
    }

    /* .auto-cash-input {
        transform: translateX(24px);
    } */
}

@media (min-width: 550px) AND (max-width: 1100px) {
    .btn-main {
        width: 135%;
    }

    .bet-control-wrap {
        transform: translateX(-55px);
    }

    .bet-auto-group {
        transform: translateX(-23px);
    }

    /* .auto-cash-input {
        transform: translateX(29px);
    } */

}

.auto-cash-switch, .auto-cash-label {
    /*transform: translateX(-150%);*/
}

.auto-cash-label {
    position: relative;
    left: -74px;
    top:3px;
}

.auto-cash-switch {
    position: relative;
    top:0;
}

.auto-cash-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 75px;
    left: 162px;
    top: -5px;
    transform: translate(0);
}

.control-panel__cash-out-ctrl {
    flex-wrap: nowrap;
}

.auto-cash-wrapper > .number-minus {
    transform: translate(-5px, -4px);
}

.auto-cash-wrapper > .number-plus {
    transform: translate(14px, -4px);
}

@media (min-width: 550px) {
    .auto-cash-wrapper {
        transform: translateX(24px);
    }
}
@media (max-width: 550px) {
    .big-block-rules {
        flex-direction: column;
    }
}

@media (min-width: 550px) AND (max-width: 1100px) {
    .auto-cash-wrapper {
        transform: translateX(29px);
    }
}


@media (max-width: 410px) {
    .auto-cash-wrapper {
        left: 140px;
    }
}

@media (max-width: 380px) {
    .auto-cash-wrapper {
        left: 120px;
    }
}

@media (max-width: 350px) {
    .auto-cash-wrapper {
        left: 100px;
    }
}

@media (max-width: 340px) {
    .auto-cash-wrapper {
        left: 85px;
    }
}

.number-input.auto-cash-input {
    width: 90px;
    position: relative;
    left: -13px;
    z-index: -1;
    padding: 0 10px;
}

#aerologo {
    position: relative;
    top:10%;
    width:min(50vw,50vh);
    max-width: 500px;
    display: none;
    margin-top:-20%;
    top:0;
}


#loading #aerologo {
    display: block;
}

@media (min-aspect-ratio: 1.7/1) and (orientation: landscape) and (max-height: 400px) {
    body > * {
        opacity:0;
    }
    body:after {
        position: fixed;
        color: #ffffff;
        content: ' ';
        top: calc(50% - 105px);
        width: 100vw;
        height: 100vh;
        left: calc(50% - 220px);
        background-image: url('../../images/common/turn/turn-p.png');
        background-repeat: no-repeat;
    }
}


/**NEW**/
.content-top__control-wrap {
    transform: none;
    gap: 10px;
    max-width: min(1056px, 100vw);
}
.btn-multi {
    padding: 2px 4px;
}
.content-top__control-panel:not(:last-child) {
     margin-right: 0;
}
.content-top__control-panel:not(:last-child) {
     margin-right: 0;
}
.content-top__control-panel-inner {
    width: 100%;
    flex: 0 0 min(524px, 84vw);
    gap: 8px;
    padding: 10px;
    height: auto;
}
.bet-auto-group {
    transform: none;
}
.bet-control-wrap {
    transform: none;
    /*flex: 0 0 min(270px, 68vw);*/
    gap: 16px;
}
.btn-main {
    width: 100%;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: min(200px, 30vw);
    margin-block-start: auto;
}
.flex.bet-wrap {
    left: 0;
    margin: 0;
    min-width: min(290px,60vw);
    flex: 0 0 87px;
}
.auto-cash-wrapper {
    transform: translate(0);
    left: 96%;
    top: 0;
}
.btns-bet-wrap {
    flex: auto;
}
.auto-cash-wrapper > .number-minus {
    transform: translate(-7px, -4px);
}
.auto-cash-wrapper > .number-plus {
    transform: translate(16px, -4px);
}
.flex.bet-auto-group {
    z-index: 2;
    width: 100%;
    gap: 28px;
}
.tabs-bet-auto, .control-panel__cash-out-ctrl {
    margin: 0;
    height: auto;
    align-items: flex-start;
}
* {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently */
}
/**NEW**/
