@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Armenian:wght@300;400;700;900&display=swap);.providers-block {
    cursor: default
}

.providers-block * {
    font-family: Roboto,Noto Sans Armenian,sans-serif;
    font-size: 12px;
    font-weight: 700
}

.providers-block .large-market-element-item.list-title {
    font-weight: 400
}

.providers-block .providers-header {
    background-color: #2f323e;
    background-color: var(--vs-col4);
    color: #e6e7f5;
    display: flex;
    height: 35px;
    justify-content: space-between
}

.providers-block .providers-header p {
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding-left: 10px
}

.providers-block .providers-header .providers-select {
    margin-right: 5px;
    margin-top: 2px
}

.providers-block .pop-up-header {
    text-underline: none;
    background-color: #2f323e;
    background-color: var(--vs-col4);
    border-bottom: 2px solid #d8278f;
    border-bottom: 2px solid var(--vs-asset1);
    height: 50px
}

.providers-block .pop-up-header span {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 50px;
    margin-left: 15px
}

.providers-block .pop-up-header .pop-up-close {
    cursor: pointer;
    display: block;
    float: right;
    height: 18px;
    position: relative;
    right: 18px;
    top: 18px;
    width: 18px
}

.providers-block .pop-up-header .pop-up-close:hover {
    opacity: .8
}

.providers-block .pop-up-header .pop-up-close:after,.providers-block .pop-up-header .pop-up-close:before {
    background-color: #626a83;
    content: " ";
    height: 16px;
    position: absolute;
    width: 2px
}

.providers-block .pop-up-header .pop-up-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.providers-block .pop-up-header .pop-up-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.providers-block .pop-up-search-header {
    display: flex
}

.providers-block .pop-up-search-container {
    display: flex;
    flex-direction: row;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 10px
}

.bet-container {
    color: #fff;
    cursor: default;
    display: flex;
    flex-direction: column;
    font-family: Roboto,Noto Sans Armenian,sans-serif;
    height: 100%;
    width: 100%
}

.bet-container .tabs {
    align-items: center;
    border-bottom: 3.3px solid #d8278f;
    border-bottom: 3.3px solid var(--vs-asset1);
    display: none;
    height: 35px;
    margin: 13px 6px 17px;
    padding: 0 12px
}

.bet-container .tabs .main-tabs {
    display: flex;
    flex-direction: row;
    height: 40px;
    justify-content: space-around;
    width: 100%
}

.bet-container .tabs .main-tabs .main-tab {
    align-items: center;
    box-shadow: 5px 5px 11px transparent;
    display: flex;
    font-size: 10px;
    height: 100%;
    justify-content: center;
    margin: 0 12px;
    min-width: 45%;
    -webkit-transform: translateX(-5px) skew(350deg,0deg);
    transform: translateX(-5px) skew(350deg,0deg);
    transition: all .1s cubic-bezier(0,0,1,.23)
}

.bet-container .tabs .main-tabs .main-tab.active-tab {
    background: linear-gradient(45deg,#d8278f,#791d4e);
    background: linear-gradient(45deg,var(--vs-asset1) 0,var(--vs-asset01) 100%);
    box-shadow: 5px 5px 11px #000;
    -webkit-transform: translateX(5px) skew(345deg,0deg);
    transform: translateX(5px) skew(345deg,0deg)
}

.bet-container .tabs .main-tabs.single {
    justify-content: flex-start
}

.bet-container .thumbnails {
    background-color: #16161d;
    display: flex;
    height: 400px
}

.bet-container .bet-footer {
    margin-bottom: 75px;
    margin-top: 35px
}

.bet-container .bet-footer .back-to-top {
    border: 1px solid #75757e;
    cursor: pointer;
    font-size: 12px;
    margin: auto;
    padding: 10px;
    text-align: center;
    width: 85%
}

.bet-container .bet-footer .back-to-top:active {
    opacity: .7
}

.bet-container .bet-footer .bet-logo {
    display: flex;
    height: 18px;
    margin: 25px auto auto
}

.sports-block {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px
}

.sports-block .empty-data {
    -webkit-animation: fadein 2s ease 2s 1 normal forwards;
    animation: fadein 2s ease 2s 1 normal forwards;
    color: orange;
    opacity: 0;
    padding-top: 30px;
    text-align: center;
    width: 100%
}

.sports-block .title {
    background-color: #252937;
    border-bottom: 2px solid #1a1c26;
    flex: 0 0 100%;
    height: 35px;
    line-height: 35px;
    padding-left: 10px
}

.sports-block .sport-block {
    background-color: #292c38;
    background-color: var(--vs-col3);
    border-bottom: 2px solid #161c28;
    border-bottom: 2px solid var(--vs-col0);
    border-left: 2px solid #161c28;
    border-left: 2px solid var(--vs-col0);
    cursor: default;
    font-size: 13px;
    font-weight: 700;
    width: calc(50% - 3px)
}

.sports-block .sport-block .sport-block-title {
    height: 26px;
    line-height: 22px;
    text-align: center
}

.sports-block .sport-block img {
    background-color: #161c28;
    background-color: var(--vs-col0);
    height: auto;
    min-height: 80px;
    min-width: 98%;
    width: 100%
}

.sports-block .sport-block:hover {
    opacity: .8
}

:root {
    --bets-counter-position: 17vh
}

.viewport-container {
    background-color: rgba(0,0,0,.5);
    display: flex;
    flex-direction: column;
    margin-bottom: 45px
}

.viewport-container .viewport-header {
    align-items: center;
    background: #2f323e;
    background: var(--vs-col4);
    display: flex;
    flex-direction: row;
    height: 50px;
    justify-content: space-between;
    line-height: 50px;
    position: fixed;
    width: 100vw;
    z-index: 100
}

.viewport-container .viewport-header .custom-select select:after {
    background: #2f323e;
    background: var(--vs-col4);
    position: relative
}

.viewport-container .viewport-header .custom-select:after {
    background: initial!important;
    color: #e6e7f5;
    content: "▼";
    font-size: 69%;
    line-height: 30px;
    pointer-events: none;
    position: absolute;
    right: 24%
}

.viewport-container .viewport-header .back-to-sports-block {
    border-right: 2px solid #292c38;
    border-right: 2px solid var(--vs-col3);
    cursor: pointer;
    display: flex;
    font-size: 24px;
    justify-content: center;
    line-height: 50px;
    width: 50px
}

.viewport-container .viewport-header .custom-select {
    align-items: center;
    background-color: transparent;
    border-radius: 0;
    display: contents;
    flex-basis: 50%;
    justify-content: normal;
    min-width: 120px;
    padding: 0 20px 0 0;
    width: auto;
    z-index: 10
}

.viewport-container .viewport-header .custom-select select {
    background-color: #2f323e;
    background-color: var(--vs-col4);
    height: 50px;
    line-height: 12px;
    line-height: 20px;
    overflow: hidden!important;
    padding: 1px 0 1px 7px;
    resize: horizontal;
    text-align: center;
    text-indent: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%!important
}

.viewport-container .viewport-header .history-icon,.viewport-container .viewport-header .results-icon {
    align-items: center;
    border-left: 2px solid #292c38;
    border-left: 2px solid var(--vs-col3);
    cursor: pointer;
    display: flex;
    flex-basis: 60px;
    height: 100%;
    justify-content: center;
    width: 50px
}

.viewport-container .viewport-header .history-icon:active,.viewport-container .viewport-header .results-icon:active {
    opacity: .5
}

.viewport-container .viewport-header .history-icon img {
    height: 43%
}

.viewport-container .viewport-header .results-icon img {
    height: 45%
}

.viewport-container .viewport-content {
    background-color: #161c28;
    background-color: var(--vs-col0);
    margin-top: 50px
}

.viewport-container .viewport-content .live-table-title {
    align-items: center;
    background-color: #161c28;
    background: linear-gradient(180deg,#121926 0,#1e2430);
    border-bottom: 1px solid #121926;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: flex;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#121926",endColorstr="#1e2430",GradientType=0);
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    line-height: 31px;
    padding: 0 16px;
    text-align: left
}

.viewport-container .viewport-content .live-table-title .live-btn {
    align-items: center;
    display: flex;
    font-size: 9px;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.viewport-container .viewport-content .live-table-title .close-bet-slip {
    display: flex;
    float: right;
    font-size: 12px;
    line-height: 45px;
    margin-right: 6px
}

.viewport-container .viewport-content .live-table-title .live-icon {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    background: rgba(97,239,97,.24);
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(97,239,97,.24);
    float: left;
    height: 8px;
    margin-right: 8px;
    width: 8px
}

.viewport-container .video-container {
    display: flex;
    justify-content: center;
    min-height: 120px;
    overflow: hidden
}

.viewport-container .video-container .video-item {
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%
}

.viewport-container .video-container .video-item .video-controls {
    align-items: center;
    background-color: rgba(0,0,0,.18);
    bottom: 0;
    display: flex;
    height: 30px;
    justify-content: flex-end;
    opacity: 0;
    position: absolute;
    transition: all .4s linear;
    width: 100vw;
    z-index: 99
}

.viewport-container .video-container .video-item .video-controls.hide {
    opacity: 0
}

.viewport-container .video-container .video-item .video-controls .items {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-right: 14px
}

.viewport-container .video-container .video-item .video-controls .items .video-volume-slider {
    -webkit-appearance: none;
    background: #d3d3d3;
    border-radius: 5px;
    height: 3px;
    margin-right: 6px;
    margin-top: 0;
    opacity: .7;
    outline: none;
    transition: opacity .2s;
    width: 85px
}

.viewport-container .video-container .video-item .video-controls .items .control-icon,.viewport-container .video-container .video-item .video-controls .items .control-play-pause-icon {
    cursor: pointer;
    float: right;
    height: 17px;
    margin-left: 5px;
    margin-right: 7px;
    margin-top: 0;
    width: 17px
}

.viewport-container .video-container .video-item .video-controls .items .control-play-pause-icon {
    margin-right: 100%
}

.viewport-container .video-container .video-item .tennis-info {
    display: block!important;
    height: auto;
    left: 3%;
    margin: 0 auto;
    position: absolute;
    top: 25%;
    width: 92%;
    z-index: 10
}

.viewport-container .video-container .video-item .tennis-info.final {
    top: 16%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info {
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    left: 3%;
    margin: 0 auto;
    position: absolute;
    top: 25%;
    width: 100%;
    z-index: 10
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .name-block {
    background-color: rgba(97,103,123,.6);
    box-shadow: 0 0 10px 4px rgba(0,0,0,.85);
    display: flex;
    font-size: .8vw;
    font-weight: 700;
    height: 30%;
    justify-content: center;
    margin-top: 35%;
    padding: 0 6px;
    position: relative;
    text-shadow: 2px 2px #393939;
    white-space: pre;
    width: 100%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .name-block.left {
    float: left
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .name-block.right {
    float: right
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .name-block p {
    margin: auto 2px
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .name-block .flag {
    margin: 5%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .name-block .win-icon {
    position: absolute;
    top: -10px;
    width: 22%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .name-block .win-icon.l {
    left: -12px
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .name-block .win-icon.r {
    right: -17px
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result {
    font-weight: 700;
    height: 86%;
    margin: 0 auto;
    width: 47%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result .container {
    background-color: rgba(97,103,123,.6);
    box-shadow: 0 0 10px 4px rgba(0,0,0,.85);
    height: 126%;
    margin-top: 0;
    width: 100%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result .container .header {
    background-color: #0a1320;
    display: flex;
    font-size: .8vw;
    height: 33%;
    justify-content: flex-end
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result .container .header .list {
    display: flex;
    justify-content: space-around;
    text-align: center;
    width: 50%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result .container .header .list .final-column {
    background-color: rgba(216,24,24,.57);
    width: 20%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result .container .header .list p {
    margin: auto
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result .container .header .list p.minWidth {
    min-width: 17px
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result .container .match-result-content {
    font-size: .8vw;
    height: 75%;
    width: 100%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result .container .match-result-content .line {
    background: #0a1320;
    box-shadow: 0 0 10px 5px rgba(0,0,0,.5);
    height: 1px;
    margin: 0 auto;
    width: 100%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result .container .match-result-content .scores-block {
    align-items: center;
    display: flex;
    height: auto;
    line-height: 28px;
    text-shadow: 2px 2px #181818;
    width: 100%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result .container .match-result-content .scores-block .flag {
    margin: auto;
    width: 4.2vw
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result .container .match-result-content .scores-block .player-name {
    line-height: 0;
    margin: auto;
    white-space: pre
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result .container .match-result-content .scores-block .scores-list {
    display: flex;
    justify-content: space-around;
    text-align: center;
    width: 50%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result .container .match-result-content .scores-block .scores-list .final-column {
    background-color: #1cbe52;
    background-color: var(--vs-asset3);
    width: 20%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .match-result .container .match-result-content .scores-block .scores-list p {
    margin: auto
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .players {
    display: flex;
    justify-content: space-around
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .players .player1-info,.viewport-container .video-container .video-item .tennis-info.final .final-info .players .player2-info {
    display: flex;
    justify-content: center;
    position: relative;
    width: 43%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .players .player1-info .player-img,.viewport-container .video-container .video-item .tennis-info.final .final-info .players .player2-info .player-img {
    position: absolute;
    top: -5.5%;
    width: 45%
}

.viewport-container .video-container .video-item .tennis-info.final .final-info .player2-info .player-img {
    left: 38%
}

.viewport-container .video-container .video-item .tennis-info .start-info {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%
}

.viewport-container .video-container .video-item .tennis-info .start-info .players-block {
    display: flex;
    height: 60%;
    justify-content: space-between;
    margin-bottom: 10px;
    min-height: 124px;
    position: relative;
    width: 100%
}

.viewport-container .video-container .video-item .tennis-info .start-info .players-block .p-block {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-evenly;
    width: 34%
}

.viewport-container .video-container .video-item .tennis-info .start-info .players-block .p-block.right object {
    border-left: 25px solid transparent;
    border-right: 0
}

.viewport-container .video-container .video-item .tennis-info .start-info .players-block .p-block .p-name {
    bottom: 0;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    padding: 0 12px;
    position: absolute;
    text-shadow: 1px 1px #262626;
    width: auto
}

.viewport-container .video-container .video-item .tennis-info .start-info .players-block .p-block .p-name.left {
    background: rgba(0,87,50,.7)
}

.viewport-container .video-container .video-item .tennis-info .start-info .players-block .p-block .p-name.right {
    background: rgba(0,44,107,.7);
    right: 0
}

.viewport-container .video-container .video-item .tennis-info .start-info .players-block .p-block .p-name p {
    line-height: 3px
}

.viewport-container .video-container .video-item .tennis-info .start-info .players-block .p-block img {
    display: block;
    width: 100%
}

.viewport-container .video-container .video-item .tennis-info .start-info .game-info {
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 8px 3px rgba(0,0,0,.7);
    display: flex;
    font-size: 13px;
    height: 53%;
    margin-bottom: 3px;
    pointer-events: none;
    text-shadow: 1px 1px #262626;
    width: 100%
}

.viewport-container .video-container .video-item .tennis-info .start-info .game-info .p-info {
    height: 100%;
    width: 30%
}

.viewport-container .video-container .video-item .tennis-info .start-info .game-info .p-info p {
    margin: auto
}

.viewport-container .video-container .video-item .tennis-info .start-info .game-info .p-info.p1 {
    margin-left: 10%
}

.viewport-container .video-container .video-item .tennis-info .start-info .game-info .p-info.p2 {
    margin-right: 10%
}

.viewport-container .video-container .video-item .tennis-info .start-info .game-info .p-info .p-number {
    display: flex;
    height: 22px;
    justify-content: center;
    padding-bottom: 3px;
    text-align: center
}

.viewport-container .video-container .video-item .tennis-info .start-info .game-info .p-info .p-number.left {
    background: #008a61;
    background: linear-gradient(180deg,#008a61,#003f29)
}

.viewport-container .video-container .video-item .tennis-info .start-info .game-info .p-info .p-number.right {
    background: #084e85;
    background: linear-gradient(180deg,#084e85,#00315a)
}

.viewport-container .video-container .video-item .tennis-info .start-info .game-info .p-info .p-info-list {
    height: 80%
}

.viewport-container .video-container .video-item .tennis-info .start-info .game-info .p-info .p-info-list p {
    height: 20px;
    margin-bottom: 5%;
    margin-top: 5%
}

.viewport-container .video-container .video-item .tennis-info .start-info .game-info .match-info {
    height: 100%;
    margin-top: 5%;
    width: 40%
}

.viewport-container .video-container .video-item .tennis-info .start-info .game-info .match-info p {
    margin-bottom: 5%;
    margin-top: 1px
}

.viewport-container .video-container .video-item .tennis-info .process-info {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.viewport-container .video-container .video-item .tennis-info .process-info .scores-info {
    background-color: #000;
    border: 2px solid #8098a0;
    border-radius: 5px;
    font-size: .7vw;
    font-weight: 700;
    left: 2%;
    position: absolute;
    top: 5%
}

.viewport-container .video-container .video-item .tennis-info .process-info .scores-info .players-scores {
    align-items: center;
    display: flex;
    width: 100%
}

.viewport-container .video-container .video-item .tennis-info .process-info .scores-info .players-scores.p1 {
    border-bottom: 2px solid #8098a0
}

.viewport-container .video-container .video-item .tennis-info .process-info .scores-info .players-scores .name {
    padding-left: 5px;
    padding-top: 2px;
    text-align: left;
    white-space: pre;
    width: 60%
}

.viewport-container .video-container .video-item .tennis-info .process-info .scores-info .players-scores .ball-icon {
    background: #e6da00;
    background: linear-gradient(180deg,#e6da00,#7f8a35 100%,#020024 326%);
    border-radius: 50%;
    height: 9px;
    margin-left: 8px;
    width: 9px
}

.viewport-container .video-container .video-item .tennis-info .process-info .scores-info .game-score-info {
    display: flex;
    margin-left: 7px
}

.viewport-container .video-container .video-item .tennis-info .process-info .scores-info .game-score-info .score {
    border: 2px solid #8098a0;
    border-radius: 5px;
    margin-bottom: 2px;
    margin-right: 2px;
    margin-top: 2px;
    padding-left: 7px;
    padding-right: 7px
}

.viewport-container .video-container .video-item .tennis-info .process-info .scores-info .game-score-info .score.set-score {
    background-color: #00794b
}

.viewport-container .video-container .video-item .tennis-info .process-info .scores-info .game-score-info .score.match-score {
    background-color: #7700a8
}

.viewport-container .video-container .video-item .tennis-info .process-info .scores-info .game-score-info .game-score {
    width: 15px
}

.viewport-container .game-title {
    background: #1e222d;
    background: var(--vs-col2);
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.viewport-container .bets-counter {
    align-items: center;
    bottom: 17vh;
    bottom: var(--bets-counter-position);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 0;
    transition: all .2s linear;
    visibility: visible;
    width: 40px;
    z-index: 100
}

.viewport-container .bets-counter.animate {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: animateBetSlip;
    animation-name: animateBetSlip
}

@-webkit-keyframes animateBetSlip {
    0% {
        height: 50px;
        width: 50px
    }

    to {
        height: 40px;
        width: 40px
    }
}

@keyframes animateBetSlip {
    0% {
        height: 50px;
        width: 50px
    }

    to {
        height: 40px;
        width: 40px
    }
}

.viewport-container .bets-counter .images {
    background-color: var(--vs-col7);
    border-radius: 180px;
    padding: 15px;
    position: relative
}

.viewport-container .bets-counter .images .betSlipIcon {
    height: 25px;
    width: 25px
}

.viewport-container .bets-counter p {
    align-items: center;
    background: #ebe54f;
    border-radius: 20px;
    bottom: 19px;
    color: #6b1945;
    display: flex;
    font-size: 12px;
    height: 22px;
    justify-content: center;
    left: -8%;
    position: absolute;
    width: 22px
}

.viewport-container.long {
    margin-bottom: 365px
}

.custom-select {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    position: relative
}

.custom-select,.custom-select select {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    cursor: pointer;
    font-family: Roboto,Noto Sans Armenian,sans-serif;
    font-weight: 700
}

.custom-select select {
    background: #2f323e;
    background: var(--vs-col4);
    border: 0;
    color: #e6e7f5;
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 20px;
    margin: 0;
    outline: none;
    padding: 3px 20px 3px 6px;
    text-indent: 12px;
    width: 100%
}

.custom-select:after {
    background: initial!important;
    color: #e6e7f5;
    content: "▼";
    font-size: 69%;
    line-height: 30px;
    padding-right: 8px;
    pointer-events: none;
    position: absolute;
    right: 0
}

.no-pointer-events .custom-select:after {
    content: none
}

.video-item {
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%
}

.video-item .video-player {
    display: flex;
    height: auto;
    width: 100%;
    z-index: 0
}

.video-item .video-player.rotate {
    background-color: red!important;
    height: 100%!important;
    -webkit-transform: rotate(90deg)!important;
    transform: rotate(90deg)!important;
    width: 100%!important
}

.video-item .overlay {
    background-color: #16161d;
    background-color: var(--vs-col1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 15vmin;
    cursor: pointer;
    height: 100%;
    transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
    width: 100%
}

.video-item .overlay,.video-item .place-bet-text {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 97
}

.video-item .place-bet-text {
    bottom: 39px;
    color: #d6d6d6;
    font-size: 2em;
    height: auto;
    padding: 20px 0 0;
    text-align: center;
    text-shadow: 2px 2px 2px #464646;
    width: 100vw
}

.video-item video::-webkit-media-controls-timeline {
    display: none
}

.video-item.big {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.video-item .video-preloader {
    -webkit-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite;
    background: transparent;
    border-radius: 50%;
    border-right: 3px solid transparent;
    border-top: 3px solid #d2167e;
    display: block;
    height: 51px;
    left: 42.5%;
    position: absolute;
    top: 37%;
    width: 51px;
    z-index: 99
}

video {
    background-color: #212432!important;
    height: 310px;
    outline: none
}

input[type=range] {
    -webkit-appearance: none;
    background: transparent;
    width: 100%
}

input[type=range]:focus {
    outline: none
}

input[type=range]::-ms-track {
    background: transparent;
    border-color: transparent;
    color: transparent;
    cursor: pointer;
    width: 100%
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #d8278f;
    background: var(--vs-asset1);
    border-radius: 50px;
    box-shadow: 1px 1px 1px #000,0 0 1px #0d0d0d;
    cursor: pointer;
    height: 12px;
    width: 12px
}

input[type=range]::-moz-range-thumb {
    background: #d8278f;
    background: var(--vs-asset1);
    border-radius: 50px;
    box-shadow: 1px 1px 1px #000,0 0 1px #0d0d0d;
    cursor: pointer;
    height: 12px;
    width: 12px
}

input[type=range]::-ms-thumb {
    background: #d8278f;
    background: var(--vs-asset1);
    border-radius: 50px;
    box-shadow: 1px 1px 1px #000,0 0 1px #0d0d0d;
    cursor: pointer;
    height: 12px;
    width: 12px
}

.market-block {
    -webkit-touch-callout: none;
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

.basic-market {
    width: 100%
}

.basic-market .marble-icon {
    border-radius: 30px;
    float: left;
    height: 15px;
    margin: 7px;
    width: 15px
}

.basic-market .basic-market-container {
    cursor: default;
    display: flex;
    float: left;
    width: 100%
}

.basic-market .match-running-info {
    color: #a7abba;
    float: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 21px;
    margin-left: 5%;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 90%
}

.basic-market .player-item {
    min-width: 220px;
    padding-right: 20px;
    text-align: left
}

.basic-market .player-item embed {
    float: left;
    margin-left: 5px;
    padding: 0
}

.basic-market .player-item p {
    float: left;
    padding-left: 10px
}

.upcoming-games {
    background-color: #1e222d;
    background-color: var(--vs-col2);
    float: left;
    height: 44px;
    width: 100%
}

.addition-info {
    background-color: #1a212e;
    border-bottom: 1px solid #2e8b57;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.addition-info img {
    float: left;
    height: 12px;
    padding-left: 4px;
    padding-top: 6px;
    width: 20px
}

.addition-info p {
    color: #bbbbbe;
    float: left;
    font-size: 12px;
    line-height: 25px
}

.upcoming-games-content {
    height: 38px;
    width: 100%
}

.upcoming-games-times {
    display: flex;
    margin-top: 3px;
    width: 100%
}

.game-start-time {
    background-color: #2f323e;
    background-color: var(--vs-col4);
    border-radius: 1px;
    cursor: pointer;
    display: flex;
    flex: 1 1;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    line-height: 24px;
    margin: 2px;
    padding: 5px 6px 3px
}

.game-start-time.active {
    background-color: #d8278f;
    background-color: var(--vs-asset1);
    border-bottom: 2px solid #d8278f;
    border-bottom: 2px solid var(--vs-asset1)
}

.stadium-name {
    background-color: #1e222d;
    background-color: var(--vs-col2);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #16161d;
    border-top: 1px solid var(--vs-col1);
    height: 30px
}

.stadium-name p {
    float: left;
    font-size: 13px;
    line-height: 30px;
    margin-left: 8px
}

.basic-market-list {
    display: flex;
    flex-direction: column;
    float: left;
    width: 100%
}

.basic-market-list .basic-market-list-item {
    border-bottom: 1px solid #333348;
    float: left;
    font-size: 12px;
    padding: 5px
}

.basic-market-list .basic-market-list-item img {
    float: left;
    height: 30px;
    margin: 0;
    padding: 0 0 0 5px;
    width: 22px
}

.basic-market-list .list-title {
    background-color: #1e222d;
    background-color: var(--vs-col2);
    border-bottom: 2px solid #212532;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px
}

.basic-market-list .list-title .arrow-icon {
    border: solid #6f6e7b;
    border-width: 0 3px 3px 0;
    display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 12px;
    padding: 3px
}

.basic-market-list .list-title .arrow-icon.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.basic-market-list .list-title .arrow-icon.down {
    margin-top: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.basic-market-list .list-info-item {
    background-color: #2f323e;
    background-color: var(--vs-col4)
}

.basic-market-list .price {
    color: #aa8136;
    font-size: 12px;
    height: 30px
}

.basic-market-list .price p {
    float: right;
    line-height: 5px;
    padding-right: 10px
}

.basic-market-list .price .player-name {
    color: #fff;
    float: left;
    padding-left: 15px
}

.basic-market-list .price:hover {
    background-color: #303545;
    cursor: pointer
}

.basic-market-list .active,.basic-market-list .active:hover {
    background-color: #d8278f;
    background-color: var(--vs-asset1);
    color: #fff
}

.basic-market-list .active:hover {
    cursor: default
}

.large-market {
    width: 100%
}

.large-market.disable .large-market-container {
    opacity: .5;
    pointer-events: none
}

.large-market .cash-out-icon {
    border: 2px solid #1e8559;
    border-radius: 20px;
    color: #1e8559;
    font-size: 8px;
    height: 11px;
    line-height: 11px;
    margin-right: 6px;
    margin-top: 8.8px;
    text-align: center;
    width: 11px
}

.large-market .large-market-container {
    cursor: default;
    display: flex;
    flex-direction: column;
    float: left;
    margin-bottom: 10px;
    width: 100%
}

.large-market .large-market-element {
    display: flex;
    flex-direction: column;
    float: left;
    margin-right: 3px;
    width: 100%
}

.large-market .large-market-element .closed {
    display: none
}

.large-market .match-running-info {
    color: #a7abba;
    float: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 21px;
    margin-left: 5%;
    padding-top: 10px;
    text-align: center;
    width: 90%
}

.large-market .large-market-element-item {
    background: #1e222d;
    background: var(--vs-col2);
    border-bottom: 1.5px solid #1e222d;
    border-bottom: 1.5px solid var(--vs-col2);
    box-sizing: border-box;
    contain: strict;
    cursor: pointer;
    display: flex;
    flex-flow: wrap;
    flex-direction: row;
    float: left;
    font-size: 13px;
    height: 35px;
    justify-content: space-between;
    line-height: 35px;
    padding-left: 10px
}

.large-market .market-element-options {
    display: flex
}

.large-market .start-bookmark {
    color: #68686a;
    cursor: pointer;
    font-size: 18px;
    line-height: 33px;
    padding-right: 8px
}

.large-market .start-bookmark.own {
    color: #68686a
}

.large-market .start-bookmark.bookmarked {
    color: #c48b32
}

.large-market .start-bookmark:active {
    color: #b17925
}

.large-market .market-item-open-close-arrow {
    border: solid #6f6e7b;
    border-width: 0 3px 3px 0;
    display: inline-block;
    float: right;
    height: 0;
    margin-right: 15px;
    padding: 3px
}

.large-market .market-item-open-close-arrow.up {
    margin-top: 15px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.large-market .market-item-open-close-arrow.down {
    margin-top: 12px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.large-market .large-market-element-item-prices {
    display: flex;
    flex-wrap: wrap
}

.large-market .large-market-element-item-prices .large-market-info-item {
    background-color: #2f323e;
    background-color: var(--vs-col4);
    border-bottom: 1px solid #0d0d13;
    border-left: 1px solid #0d0d13;
    display: flex;
    float: left;
    font-size: 13px;
    height: 35px;
    justify-content: space-between;
    width: 100%
}

.large-market .large-market-element-item-prices .large-market-info-item p {
    font-size: 12px;
    font-weight: 700;
    line-height: 10px
}

.large-market .large-market-element-item-prices .price:hover {
    background-color: #404556;
    background-color: var(--vs-col5);
    cursor: pointer
}

.large-market .large-market-element-item-prices .active,.large-market .large-market-element-item-prices .active:hover {
    background-color: #d8278f;
    background-color: var(--vs-asset1)
}

.large-market .large-market-element-item-prices .active p,.large-market .large-market-element-item-prices .active:hover p {
    color: #fff
}

.large-market .large-market-info-item-type {
    color: #c5c7ce;
    font-size: 12px;
    font-weight: 700;
    margin-left: 8px;
    padding-left: 5px
}

.large-market .large-market-info-item-price {
    color: #b17925;
    margin-right: 8px;
    padding-right: 5px
}

.market-tab-menu {
    border-radius: 1px;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.market-tab-menu .market-tabs {
    display: flex;
    margin-bottom: 3px;
    width: 100%
}

.market-tab-menu .market-tabs .market-tab {
    align-items: baseline;
    background-color: #2f323e;
    background-color: var(--vs-col4);
    border-bottom: 3px solid #292c38;
    border-bottom: 3px solid var(--vs-col3);
    border-radius: 1px;
    color: #c4c6c8;
    cursor: pointer;
    font-size: 12px;
    height: 35px;
    justify-content: center;
    line-height: 35px;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 25px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.market-tab-menu .market-tabs .market-tab p {
    margin-left: 3px
}

.market-tab-menu .market-tabs .market-tab span.bookmarks-count {
    color: #e6e7f5;
    font-size: 10px;
    margin: 2px;
    position: relative;
    top: -5px
}

.market-tab-menu .market-tabs .market-tab-menu-bookmark {
    align-items: center;
    color: #aa8136;
    color: var(--vs-asset4);
    display: flex;
    font-size: 18px;
    padding: 0 15px;
    width: 60px
}

.market-tab-menu .market-tabs .market-tab-menu-bookmark.active-tab {
    color: #d49f27
}

.market-tab-menu .market-tabs .market-tab:hover {
    background-color: #1e222d;
    background-color: var(--vs-col2)
}

.market-tab-menu .market-tabs .market-tab:hover.market-tab-menu-bookmark {
    color: #aa8136;
    color: var(--vs-asset4)
}

.market-tab-menu .market-tabs .active-tab,.market-tab-menu .market-tabs .active-tab:hover {
    background-color: #1e222d;
    background-color: var(--vs-col2);
    border-bottom: 2px solid #d8278f;
    border-bottom: 2px solid var(--vs-asset1);
    color: #fff
}

.market-tab-menu .market-tabs .active-tab:hover {
    cursor: default
}

.league-market .matches-data-is-empty {
    font-size: 13px;
    height: 5vh;
    line-height: 5vh;
    text-align: center
}

.league-market .league-menu {
    background-color: #161c28;
    background-color: var(--vs-col0);
    display: flex;
    flex-direction: column;
    width: 100%
}

.league-market .league-menu .league-menu-tab {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: space-between;
    margin-top: 4px;
    text-align: left
}

.league-market .league-menu .league-menu-tab .arrow {
    border: solid #6f6e7b;
    border-width: 0 3px 3px 0;
    display: inline-block;
    float: right;
    height: 0;
    margin-right: 15px;
    margin-top: 14px;
    padding: 3px
}

.league-market .league-menu .league-menu-tab .arrow.up {
    margin-top: 18px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.league-market .league-menu .league-menu-tab .arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.league-market .league-menu .league-menu-tab .league-menu-tab-title {
    background-color: #2f323e;
    background-color: var(--vs-col4);
    box-sizing: border-box;
    color: #b6b6bb;
    cursor: pointer;
    display: flex;
    flex-flow: wrap;
    flex-direction: row;
    justify-content: space-between
}

.league-market .league-menu .league-menu-tab .league-menu-tab-title p {
    margin-left: 8px
}

.league-market .league-menu .league-menu-tab .league-menu-tab-title p .team-data,.league-market .league-menu .league-menu-tab .league-menu-tab-title p span {
    display: flex;
    float: left
}

.league-market .league-menu .league-menu-tab .league-menu-tab-title p .team-data.first,.league-market .league-menu .league-menu-tab .league-menu-tab-title p .team-data.last,.league-market .league-menu .league-menu-tab .league-menu-tab-title p span.first,.league-market .league-menu .league-menu-tab .league-menu-tab-title p span.last {
    line-height: 19px;
    width: 110px
}

.league-market .league-menu .league-menu-tab .league-menu-tab-title p .team-data p,.league-market .league-menu .league-menu-tab .league-menu-tab-title p span p {
    padding-top: 3px
}

.league-market .league-menu .league-menu-tab .league-menu-tab-title p .team-data img,.league-market .league-menu .league-menu-tab .league-menu-tab-title p span img {
    height: 20px;
    margin: 0 8px
}

.league-market .league-menu .league-menu-tab .league-menu-tab-title p span {
    margin-left: 0;
    margin-right: 10px
}

.league-market .league-menu .league-menu-tab .league-market-content {
    display: flex;
    margin-bottom: 5px;
    margin-top: 4px;
    text-align: center;
    width: 100%
}

.league-market .league-menu .league-menu-tab .league-market-content .large-market-container {
    margin-left: 1%;
    margin-top: 4px;
    width: 98%
}

.league-market .league-menu .league-menu-tab .league-market-content-hidden {
    display: none
}

.select-matchday {
    background-color: #2f323e;
    background-color: var(--vs-col4);
    border-radius: 2px;
    display: flex;
    height: 45px;
    width: 100%
}

.select-matchday .custom-select select:after {
    line-height: 30px;
    padding: 12px
}

.select-matchday p {
    cursor: default;
    font-size: 12px;
    font-weight: 700;
    line-height: 48px;
    margin-left: 10px;
    margin-top: 0;
    text-align: left;
    width: 50%
}

.select-matchday .matchday-addition-info p {
    margin-left: 3px;
    margin-top: 0
}

.select-matchday .stadium-name {
    background-color: #161c28;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #030c13;
    border-top: 1px solid var(--main-bg);
    display: flex;
    float: left;
    height: 30px;
    width: 100%
}

.select-matchday .stadium-name p {
    float: left;
    font-size: 13px;
    line-height: 30px;
    margin: 0;
    padding-left: 10px
}

.matchday-list {
    align-items: center;
    display: flex;
    height: 5vh;
    justify-content: center;
    margin-left: 10px;
    width: 50%
}

.matchday-list.custom-select {
    border-radius: 0;
    height: 45px;
    width: 50%
}

.matchday-list.custom-select select {
    border-radius: 0;
    height: 100%;
    padding-bottom: 0
}

.matchday-button {
    background-color: #dedee3;
    color: #1c1c2a;
    cursor: pointer;
    font-size: 11px;
    font-weight: bolder;
    height: 20px;
    line-height: 20px;
    margin-right: 4px;
    text-align: center;
    width: 22px
}

.matchday-button:hover {
    background-color: #fff
}

.active-round,.active-round:active,.active-round:hover {
    background-color: #d43b94;
    color: #fff;
    cursor: default
}

.disabled,.disabled:hover {
    background-color: #a8a8b6;
    color: #656565;
    cursor: default
}

.live-tables {
    cursor: default;
    display: block;
    font-size: 11px;
    width: 100vw;
    z-index: 100
}

.live-tables .live-table-tabs {
    background-color: #16161d;
    background-color: var(--vs-col1);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: flex;
    font-weight: 700;
    height: 40px;
    justify-content: start;
    line-height: 42px;
    text-align: left
}

.live-tables .live-table-tabs .active {
    border-bottom: 2px solid #d8278f;
    border-bottom: 2px solid var(--vs-asset1);
    color: #fff
}

.live-tables .live-table-tabs .active .live-icon {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    background: #61ef61;
    border-radius: 50%;
    box-shadow: 0 0 0 #61ef61;
    float: left;
    height: 8px;
    margin-right: 8px;
    width: 8px
}

.live-scores,.live-table {
    height: inherit;
    margin: 5px 0
}

.live-table-title {
    background-color: #16161d;
    background-color: var(--vs-col1);
    border-bottom: 2px solid #d8278f;
    border-bottom: 2px solid var(--vs-asset1);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: flex;
    flex-basis: 50%;
    font-weight: 700;
    height: 40px;
    justify-content: start;
    line-height: 42px;
    padding: 0 12px 0 24px;
    text-align: left
}

.live-scores-content {
    background-color: #161c28;
    background-color: var(--vs-col0);
    display: grid;
    grid-template-columns: 2fr 2fr;
    height: 140px;
    width: 100%
}

.live-scores-content .live-score-info {
    align-items: center;
    background-color: #2f323e;
    background-color: var(--vs-col4);
    border-radius: 10px;
    display: inline-grid;
    grid-template-columns: 2fr 2fr;
    margin: 5px;
    max-height: 61px
}

.live-scores-content .live-score-info .score-data {
    display: flex;
    flex-direction: column
}

.live-scores-content .live-score-info .score-data .score.player1,.live-scores-content .live-score-info .score-data .score.player2 {
    color: #aa8136;
    color: var(--vs-asset4);
    display: flex;
    justify-content: flex-end;
    margin: 4px;
    padding: 0 12px
}

.live-scores-content .live-score-info .score-data .score.player1 p,.live-scores-content .live-score-info .score-data .score.player2 p {
    margin: 0 12px;
    padding: 0
}

.live-scores-content .live-score-info .teams-data .container {
    display: flex;
    flex-direction: column
}

.live-scores-content .live-score-info .teams-data .container .team-data.first,.live-scores-content .live-score-info .teams-data .container .team-data.last {
    color: #a3a5ab;
    display: flex;
    margin: 4px;
    padding: 0 0 0 6px
}

.live-scores-content .live-score-info .teams-data .container .team-data.first p,.live-scores-content .live-score-info .teams-data .container .team-data.last p {
    margin: 0 12px;
    padding: 0
}

.live-scores-content .live-score-info.active {
    background-color: #5a5e6d;
    background-color: var(--vs-col6)
}

.live-table-content {
    background-color: #2f323e;
    height: inherit;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%
}

.live-table-data {
    margin: 0 5px;
    padding: 0 12px
}

.live-table-data-titles {
    align-items: center;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    justify-content: space-between;
    padding: 0 12px 4px
}

.live-table-data-titles .team-name-title {
    margin-left: 3%;
    text-align: left;
    width: 73px
}

.live-table-data-titles .data-type {
    margin-left: 10px;
    text-align: center;
    width: 28px
}

.live-table-data-titles .data-types {
    display: flex
}

.live-table-data-info {
    align-items: center;
    border-top: 1px solid #75757e;
    color: #a3a5ab;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    justify-content: space-around;
    padding-bottom: 4px;
    padding-top: 4px
}

.live-table-data-info .points {
    width: 40px
}

.live-table-data-info.title {
    border-top: 0;
    color: #f5f5f5
}

.live-table-data-info.title p {
    color: #f5f5f5
}

.live-table-data-info .team-name {
    margin-left: 3%;
    text-align: center;
    width: 105px
}

.live-table-data-info img {
    height: 20px;
    margin: 0 8px
}

.live-table-results {
    color: #a3a5ab;
    display: flex;
    margin: 0 5px;
    overflow: hidden
}

.live-table-results .table-result {
    margin-right: 10px;
    text-align: center;
    width: 28px
}

.live-table-results .table-result .triangle-up {
    border-bottom: 4.5px solid #7be80f;
    left: -5px
}

.live-table-results .table-result .triangle-down,.live-table-results .table-result .triangle-up {
    border-left: 3.5px solid transparent;
    border-right: 3.5px solid transparent;
    position: relative;
    top: -10px
}

.live-table-results .table-result .triangle-down {
    border-bottom: 4.5px solid #e82e2e;
    left: -6px
}

.live-table-results.title {
    margin: 0 0 0 44px
}

.live-table-separate-line {
    background-color: #75757e;
    height: 195px;
    left: 60%;
    position: absolute;
    width: .5px
}

.data-type {
    text-align: center;
    width: 10px
}

::-webkit-scrollbar {
    height: .5em;
    width: 0
}

.game-data-block,.tennis-market {
    display: flex;
    flex-direction: column
}

.game-data-block {
    background-color: #1e222d;
    background-color: var(--vs-col2);
    border-radius: 4px;
    margin-bottom: 4px;
    width: 100%
}

.game-data-block .game-date-header {
    background-color: #292c38;
    background-color: var(--vs-col3);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #d8d8d8;
    display: flex;
    height: 80px;
    width: 100%
}

.game-data-block .game-date-header .players-info {
    border-right: 2px solid #101218;
    display: flex;
    height: inherit;
    justify-content: space-around;
    width: 40%
}

.game-data-block .game-date-header .players-info .player-block {
    cursor: pointer;
    font-size: 15px;
    margin-top: 15px;
    position: relative;
    text-shadow: 2px 2px #2a2a2a
}

.game-data-block .game-date-header .players-info .player-block .flag {
    height: 35px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.game-data-block .game-date-header .players-info .player-block .name {
    padding-left: 45px;
    position: relative;
    text-align: left;
    z-index: 2
}

.game-data-block .game-date-header .players-info .player-block .surname {
    padding-left: 45px;
    position: relative;
    z-index: 2
}

.game-data-block .game-date-header .players-info .player-block .statistic-icon {
    float: right;
    margin-top: 5px
}

.game-data-block .game-date-header .players-info .vs {
    font-size: 42px;
    font-weight: lighter;
    line-height: 90px
}

.game-data-block .game-date-header .score-info {
    border-right: 2px solid #101218;
    font-weight: 400;
    height: inherit;
    width: 100%
}

.game-data-block .game-date-header .score-info .score-item {
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    width: 100%
}

.game-data-block .game-date-header .score-info .score-item .player-name {
    display: flex;
    justify-content: flex-start;
    margin: 0 6px 0 8px;
    min-width: 90px;
    width: auto
}

.game-data-block .game-date-header .score-info .score-item .scores {
    display: flex;
    line-height: 40px;
    width: 35%
}

.game-data-block .game-date-header .score-info .score-item .scores .score {
    align-items: center;
    border-left: 1px solid #595d66;
    display: flex;
    flex: 3 1;
    justify-content: center;
    padding-left: 1%;
    padding-right: 1%;
    text-align: center
}

.game-data-block .game-date-header .score-info .score-item img.statistic-icon {
    cursor: pointer;
    height: 16px
}

.game-data-block .game-date-header .score-info .score-item .player-info-row,.game-data-block .game-date-header .score-info .score-item .player-item {
    align-items: center;
    display: flex;
    justify-content: start;
    padding: 10px;
    width: 65%
}

.game-data-block .game-date-header .score-info .score-item .player-info-row .matchScore-ball,.game-data-block .game-date-header .score-info .score-item .player-item .matchScore-ball {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 90%;
    height: 12px;
    margin: 2px 5px 2px 0;
    width: 14px
}

.game-data-block .game-date-header .score-info .score-item .player-info-row {
    justify-content: space-between
}

.game-data-block .game-date-header .score-info .score-item .player-info-row .player-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: start;
    padding: 10px;
    width: 100%
}

.game-data-block .game-date-header .score-info .score-item .player-info-row .player-item .player-img-small {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 1px solid #595d66;
    border-radius: 20px;
    height: 25px;
    margin-right: 9px;
    width: 25px
}

.game-data-block .game-date-header .score-info .score-item .player-info-row .player-item .player-name {
    width: 50%
}

.game-data-block .next-point-info {
    display: flex;
    font-size: 17px;
    font-weight: 700;
    height: 30px;
    justify-content: left;
    line-height: 30px;
    margin: auto;
    white-space: pre
}

.game-data-block .next-point-info p {
    line-height: 10px;
    margin-right: 12px;
    width: 100%
}

.game-data-block .next-point-info .next-timer {
    color: #e0e0e0;
    display: flex;
    font-size: 12px;
    justify-content: space-between
}

.player-statistic {
    border-top: 2px solid #101218;
    display: flex;
    height: 130px;
    width: 100%
}

.player-statistic .statistic-block {
    border-right: 2px solid #101218
}

.player-statistic .player-info {
    position: relative;
    width: 25%
}

.player-statistic .player-info p {
    bottom: 10px;
    left: 10px;
    position: absolute
}

.player-statistic .player-info .player-info-container {
    display: flex;
    width: 50%
}

.player-statistic .player-info .player-info-container .player-img {
    height: 80px;
    left: 5px;
    position: absolute;
    top: 40px
}

.player-statistic .player-info .player-info-container p {
    left: 100px;
    position: absolute
}

.player-statistic .player-games-info {
    width: 70%
}

.player-statistic .player-games-info .top-menu {
    border-bottom: 2px solid #1e222d;
    border-bottom: 2px solid var(--vs-col2);
    display: flex;
    height: 30px;
    justify-content: flex-end
}

.player-statistic .player-games-info .top-menu.custom-select {
    background-color: #1e222d;
    background-color: var(--vs-col2);
    padding-left: 5px
}

.player-statistic .player-games-info .top-menu.custom-select:after {
    font-size: 11px;
    padding: 0 10px
}

.player-statistic .player-games-info .top-menu.custom-select select {
    background-color: #1e222d!important;
    background-color: var(--vs-col2)!important;
    width: 55px
}

.player-statistic .player-games-info .content {
    display: flex
}

.player-statistic .player-games-info .content .icons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 8px;
    width: 12%
}

.player-statistic .player-games-info .content .icons .stat-icon {
    background-color: #4c515a;
    border-radius: 8px;
    font-size: 11px;
    line-height: 25px;
    margin-bottom: 12px;
    margin-left: 8px;
    text-align: center
}

.player-statistic .player-games-info .content .icons .stat-icon.win {
    background: #6f18e1;
    background: linear-gradient(180deg,#6f18e1,#402a86 100%,#30215a 326%)
}

.player-statistic .player-games-info .content .icons .stat-icon.lost {
    background: #ef5293;
    background: linear-gradient(180deg,#ee3e86,#bb2e67 100%,#791c42 326%)
}

.player-statistic .player-games-info .chart-container {
    align-items: center;
    display: flex;
    height: 80px;
    justify-content: center;
    margin-top: 13px;
    position: relative;
    width: 88%
}

.player-statistic .player-games-info .chart-container .points-container {
    position: relative
}

.player-statistic .player-games-info .chart-container .points-container .point {
    background: #6f18e1;
    background: linear-gradient(180deg,#6f18e1,#402a86 100%,#30215a 326%);
    border: 3px solid #bcbcbc;
    border-radius: 20px;
    height: 12px;
    position: absolute;
    top: 11px;
    width: 12px
}

.player-statistic .player-games-info .chart-container .points-container .point.L {
    background: #ef5293;
    background: linear-gradient(180deg,#ee3e86,#bb2e67 100%,#791c42 326%);
    top: 47px
}

.player-statistic .player-games-info .chart-container .points-container .line {
    background-color: #bcbcbc;
    height: 3px;
    position: absolute;
    top: 19px
}

.player-statistic .player-wins-info {
    width: 30%
}

.player-statistic .player-wins-info .title {
    border-bottom: 2px solid #101218;
    color: #868b93;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px
}

.player-statistic .player-wins-info .content {
    margin-top: 7px
}

.donut-chart {
    border-radius: 50%;
    display: block;
    margin: 0 auto
}

.donut-chart .donut-chart-track {
    fill: transparent;
    stroke: #272c36;
    stroke-width: 26
}

.donut-chart .donut-chart-indicator {
    fill: transparent;
    stroke-width: 26;
    stroke-dasharray: 0;
    transition: stroke-dasharray .3s ease
}

.donut-chart .donut-chart-text {
    fill: #dcdcdc;
    padding-top: 10px
}

.donut-chart .donut-chart-text-val {
    font-size: 18px
}

.donut-chart .donut-chart-text-percent {
    font-size: 14px
}

.donut-chart .donut-chart-text-label {
    font-size: 9px
}

.bet-slip-block {
    background-color: #111521;
    color: #c1c4cc;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200
}

.bet-slip-block .bets-tabs {
    display: flex;
    width: 100%
}

.bet-slip-block .bets-tabs .bets-tab {
    background-color: #2f323e;
    background-color: var(--vs-col4);
    border-bottom: 1px solid #1c1f28;
    color: #9ea1a9;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    height: 45px;
    justify-content: center;
    line-height: 40px;
    width: 100%
}

.bet-slip-block .bets-tabs .bets-tab-menu-bookmark {
    color: #aa8136;
    color: var(--vs-asset4);
    font-size: 22px;
    padding: 0 15px;
    width: 60px
}

.bet-slip-block .bets-tabs .bets-tab-menu-bookmark.active-tab {
    color: #b18636
}

.bet-slip-block .bets-tabs .bets-tab-menu-bookmark .bookmarks-count {
    background-color: hsla(0,0%,46%,.5);
    border-radius: 50px;
    color: #fff;
    font-size: 10px;
    height: 16px;
    left: 34px;
    line-height: 15px;
    margin-top: 5px;
    position: absolute;
    width: 16px
}

.bet-slip-block .bets-tabs .bets-tab:hover {
    background-color: #404556;
    background-color: var(--vs-col5)
}

.bet-slip-block .bets-tabs .bets-tab:hover.bets-tab-menu-bookmark {
    color: #aa8136;
    color: var(--vs-asset4)
}

.bet-slip-block .bets-tabs .active-tab,.bet-slip-block .bets-tabs .active-tab:hover {
    background-color: #161c28;
    background-color: var(--vs-col0);
    border-bottom: 2px solid #d8278f;
    border-bottom: 2px solid var(--vs-asset1);
    color: #fff;
    height: 43px
}

.bet-slip-block .bets-tabs .active-tab:hover {
    cursor: default
}

.bet-slip-block .bet-slip-block-content {
    background-color: #1e222d;
    background-color: var(--vs-col2);
    height: 100%;
    width: 100%
}

.bet-slip-block .bet-slip-block-content .bet-slip-block-content-header {
    display: flex;
    justify-content: space-between
}

.bet-slip-block .bet-slip-block-content .bet-slip-block-content-header .bets-tab-menu {
    width: 80%
}

.bet-slip-block .bet-slip-block-content .bet-slip-block-content-header .bets-slip-settings {
    background-color: #404556;
    background-color: var(--vs-col5);
    border-top: 1px solid #232732;
    font-size: 14px;
    padding: 0 10px 15px;
    width: 100%
}

.bet-slip-block .bet-slip-block-content .bet-slip-block-content-header .bets-slip-settings .radio {
    margin-bottom: 4px;
    margin-top: 4px
}

.bet-slip-block .bet-slip-block-content .bet-slip-block-content-header .bets-slip-settings .radio input {
    margin-left: 0!important;
    margin-right: 8px
}

.bet-slip-block .bet-slip-block-content .bet-slip-block-content-header .bet-slip-header {
    background-color: #292c38;
    background-color: var(--vs-col3);
    border-bottom: 1px solid #171a21;
    height: 45px;
    width: 20%
}

.bet-slip-block .bet-slip-block-content .bet-slip-block-content-header .bet-slip-header .close-bet-slip {
    cursor: pointer;
    display: flex;
    float: right;
    font-size: 18px;
    line-height: 45px;
    margin-right: 18px
}

.bet-slip-block .bet-slip-block-content .bet-slip-block-content-header .bet-slip-header .settings-button {
    cursor: pointer;
    float: right;
    height: 17px;
    margin-right: 15px;
    margin-top: 14px
}

.bet-slip-block .bet-slip-block-content .bet-slip-block-content-header .bet-slip-header .settings-button:active,.bet-slip-block .bet-slip-block-content .bet-slip-block-content-header .bet-slip-header .settings-button:hover {
    opacity: .7
}

.bet-slip-block .bet-slip-block-content .bet-slip-block-content-header .bet-slip-header .quick-bet-block {
    display: flex;
    float: left
}

.bet-slip-block .bet-slip-block-content .bet-slip-block-content-header .bet-slip-header .quick-bet-block .bet-switcher {
    margin-left: 1px;
    margin-right: 0;
    margin-top: 5px
}

.bet-slip-block .bet-slip-block-content .bet-slip-block-content-header .bet-slip-header .quick-bet-block p {
    font-size: 14px;
    margin-left: 10px
}

.bet-slip-block .bet-slip-block-content .bets-list-container {
    box-sizing: border-box;
    display: block;
    float: left;
    height: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 50px;
    width: 100%
}

.bet-slip-block .bet-slip-block-content .bets-list-container .bets-settings {
    align-items: center;
    background-color: #2f323e;
    background-color: var(--vs-col4);
    display: flex;
    height: 50px;
    justify-content: space-between;
    width: 100%
}

.bet-slip-block .bet-slip-block-content .bets-list-container .bets-settings .clear-bet-items {
    border-bottom: 1.5px solid #c0c0cb;
    color: #c0c0cb;
    cursor: pointer;
    float: right;
    margin-right: 15px;
    padding-bottom: 3px;
    text-align: right
}

.bet-slip-block .bet-slip-block-content .bets-list-container .bets-settings .clear-bet-items:hover {
    color: #eaeaf1
}

.bet-slip-block .bet-slip-block-content .bets-list-container .bets-settings .system-select {
    display: flex;
    justify-content: space-between
}

.bet-slip-block .bet-slip-block-content .bets-list-container .bets-settings .system-select .custom-select {
    background-color: #292c38;
    background-color: var(--vs-col3);
    border: thin solid #292c38;
    border: thin solid var(--vs-col3);
    margin-left: 12px;
    width: 104px
}

.bet-slip-block .bet-slip-block-content .bets-list-container .bets-settings .system-select .custom-select select {
    background-color: #292c38;
    background-color: var(--vs-col3);
    line-height: 20px;
    text-indent: 3px
}

.bet-slip-block .bet-slip-block-content .bets-list-container .bets-settings .system-select .custom-select:after {
    line-height: 30px
}

.bet-slip-block .bet-slip-block-content .bets-list-container .bet-odds-block {
    height: 18px
}

.bet-slip-block .bet-slip-block-content .bets-list-container .bet-odds-block p {
    float: right;
    font-size: 13px;
    font-weight: 700;
    margin-right: 10px;
    padding-bottom: 0
}

.bet-slip-block .bet-slip-block-content .bets-list-container .bet-odds-block p b {
    color: #aa8136;
    color: var(--vs-asset4)
}

.bet-slip-block .bet-slip-block-content .login-hint-block {
    align-items: center;
    background: #393c49;
    bottom: 0;
    color: #d4d5dd;
    display: flex;
    font-size: 13px;
    height: 70px;
    justify-content: center;
    margin-top: 5px;
    padding-bottom: 35px;
    padding-top: 8px;
    position: absolute;
    width: 100%
}

.bet-slip-block .bet-slip-block-content .login-hint-block .bet-warning-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-basis: 6%;
    float: left;
    height: 100%;
    margin: 1px 6px 1px 0;
    max-height: 19px;
    width: 13px
}

.bet-slip-block .bet-slip-block-content .login-hint-block .bet-login-warning {
    display: flex;
    flex-basis: 80%;
    flex-wrap: wrap;
    justify-content: center
}

.bet-slip-block .bet-slip-block-content .login-hint-block span.text-button {
    float: left;
    margin: 0 6px
}

.bet-slip-block .bet-slip-block-content .login-hint-block .text-button {
    color: #dcac0f;
    cursor: pointer;
    font-weight: 700
}

.bet-slip-block .bet-slip-block-content .login-hint-block .text-button:hover {
    color: #fff
}

.bet-slip-block .bet-slip-block-content .place-bet-process {
    background-color: transparent;
    border-radius: 2px;
    float: left;
    height: 28px;
    position: absolute;
    top: 38%;
    width: 100%
}

.bet-slip-block .bet-slip-block-content .place-bet-process .loader {
    -webkit-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite;
    background: transparent;
    border-radius: 50%;
    border-right: 3px solid transparent;
    border-top: 3px solid #d2167e;
    height: 45px;
    left: 45%;
    position: absolute;
    top: 10px;
    width: 45px
}

.bet-slip-block .decimal-types-checkbox .custom-select {
    border-radius: 0!important;
    margin-bottom: -3px;
    margin-top: -3px
}

.bet-slip-block .decimal-types-checkbox .custom-select select {
    border-radius: 0!important;
    color: #fff;
    cursor: pointer!important
}

.bet-slip-block .bet-slip-menu {
    background-color: #272a33;
    border-top: 2px solid #d8278f;
    border-top: 2px solid var(--vs-asset1);
    cursor: pointer;
    display: flex;
    width: 100%
}

.bet-slip-block .bet-slip-menu .bet-slip-menu-tab {
    font-family: Roboto,Noto Sans Armenian,sans-serif;
    font-size: 11px;
    font-weight: 700;
    height: 35px;
    letter-spacing: .5px;
    line-height: 38px;
    padding-left: 10px;
    text-align: left;
    width: 50%
}

.bet-slip-block .bet-slip-menu .active-tab {
    background-color: #333540
}

.bet-slip-block .bet-slip-menu .calculator-icon {
    float: right;
    height: 16px;
    margin: 10px;
    width: 16px
}

.bet-slip-block .bet-slip-menu .calculator-icon:hover {
    opacity: .8
}

.bet-slip-block .bet-slip-container {
    margin-top: 1px
}

.bet-slip-block .bet-slip-container .offer-bet-block,.bet-slip-block .bet-slip-container .superbet-block {
    background-color: #2f323e;
    border-bottom: 1px solid #242630;
    display: flex;
    height: 40px;
    width: 100%
}

.bet-slip-block .bet-slip-container .offer-bet-block p,.bet-slip-block .bet-slip-container .superbet-block p {
    cursor: default;
    display: flex;
    font-size: 13px;
    line-height: 30px;
    margin-top: 5px;
    padding-left: 7px
}

.bet-slip-block .bet-slip-container .offer-bet-block {
    color: #aa8136;
    color: var(--vs-asset4);
    cursor: default
}

.bet-slip-block .bet-slip-container .offer-bet-block .new-icon {
    background-color: #aa8136;
    background-color: var(--vs-asset4);
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    margin-left: 6px;
    margin-top: 11px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px
}

.bet-slip-block .bet-slip-container .offer-bet-content {
    background-image: linear-gradient(to right top,#1a5c7b,#225179,#314472,#403667,#4c2657);
    display: flex;
    width: 100%
}

.bet-slip-block .bet-slip-container .super-bet-content {
    background-image: linear-gradient(to right top,#228e69,#007a74,#006574,#004f68,#1e3953);
    display: flex;
    width: 100%
}

.bet-slip-block .bet-slip-container .offer-bet-content p,.bet-slip-block .bet-slip-container .super-bet-content p {
    cursor: default;
    letter-spacing: .5px;
    padding-left: 10px;
    text-align: left;
    width: 40%
}

.bet-slip-block .bet-slip-container .bet-slip-icon {
    margin-top: 10px;
    max-width: 22%;
    position: absolute;
    right: 25px
}

.bet-slip-block .bet-slip-container .quick-bet-content {
    background-color: #212531;
    display: flex;
    flex-direction: column;
    width: 100%
}

.bet-slip-block .bet-slip-container .quick-bet-content .quick-bet-info {
    background-color: #212531;
    color: #aeb1b5;
    cursor: default;
    font-size: 10.5px;
    padding: 5px;
    text-align: left;
    width: 100%
}

.bet-slip-block .bet-slip-container .quick-bet-content input::-webkit-inner-spin-button,.bet-slip-block .bet-slip-container .quick-bet-content input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0
}

.bet-slip-block .open-bets-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 82vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 3px 0
}

.bet-slip-block .open-bets-container .cash-out-block {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 96%
}

.bet-slip-block .open-bets-container .cash-out-block .cash-out-button {
    background-color: #1e8559;
    cursor: pointer;
    display: flex;
    height: inherit;
    justify-content: space-between;
    margin-bottom: 2px;
    margin-top: 2px;
    padding-left: 8px;
    padding-right: 23px;
    width: 100%
}

.bet-slip-block .open-bets-container .cash-out-block .cash-out-button p {
    color: #fff;
    font-size: 11px;
    line-height: 5px
}

.bet-slip-block .open-bets-container .cash-out-block .cash-out-button:hover {
    background-color: #208c5e
}

.bet-slip-block .open-bets-container .cash-out-block .cash-out-button:active {
    background-color: #1c8057
}

.bet-slip-block .open-bets-container span {
    display: block;
    margin: 12px 6px;
    text-align: center
}

.bet-slip-block .open-bets-container span.open-close-arrow {
    margin: 0 10px
}

.bet-slip-block .open-bets-container .my-bets-bet-item {
    background-color: #4c515a;
    border: 1px solid #6a707b;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
    min-height: 70px
}

.bet-slip-block .open-bets-container .my-bets-bet-item .mb-item-header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 40px;
    margin-left: 5px;
    margin-top: 5px;
    position: relative;
    width: 100%
}

.bet-slip-block .open-bets-container .my-bets-bet-item .mb-item-header .mb-time {
    color: #afb8c9;
    font-size: 11px;
    height: 17px;
    margin: 0
}

.bet-slip-block .open-bets-container .my-bets-bet-item .mb-item-header .mb-stadium-name {
    font-size: 12px;
    height: 20px;
    margin: 0
}

.bet-slip-block .open-bets-container .my-bets-bet-item .mb-item-header .clock-icon {
    position: absolute;
    right: 12px;
    top: 2px
}

.bet-slip-block .open-bets-container .my-bets-bet-item .mb-type {
    color: #afb8c9;
    font-size: 12px;
    height: 20px;
    margin-top: 5px;
    padding-left: 5px;
    text-align: left
}

.bet-slip-block .open-bets-container .my-bets-bet-item .mb-item-footer {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    height: 40px;
    justify-content: space-between;
    margin-left: 5px;
    width: 95%
}

.bet-slip-block .open-bets-container .my-bets-bet-item .mb-item-footer .mb-player-name {
    color: #aa8136;
    color: var(--vs-asset4);
    font-size: 13px;
    font-weight: 700;
    height: 20px
}

.bet-slip-block .open-bets-container .my-bets-bet-item .mb-item-footer .mb-coef {
    color: #aa8136;
    color: var(--vs-asset4);
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    padding-right: 2px
}

.bet-slip-block .open-bets-container .history-bet-item {
    background-color: #2f323e;
    background-color: var(--vs-col4);
    border-radius: 5px;
    display: flex;
    height: auto;
    margin-top: 10px;
    min-height: auto;
    position: relative;
    width: 95%
}

.bet-slip-block .open-bets-container .history-bet-item.opened {
    height: auto
}

.bet-slip-block .open-bets-container .history-bet-item:before {
    background: initial!important;
    color: #e6e7f5;
    content: "▼";
    font-size: 12px;
    line-height: 15px;
    padding: 11px 0 0;
    pointer-events: none;
    position: absolute;
    right: 46vw
}

.bet-slip-block .open-bets-container .history-bet-item.opened:before {
    background: initial!important;
    color: #e6e7f5;
    content: "▼";
    font-size: 12px;
    line-height: 30px;
    padding: 3px 0;
    pointer-events: none;
    position: absolute;
    right: 46vw;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bet-slip-block .open-bets-container .history-bet-item .data-id .bet-item-more-info-status {
    color: #1cbe52;
    color: var(--vs-asset3);
    line-height: 20px;
    padding: 2px 4px;
    text-align: right
}

.bet-slip-block .open-bets-container .bet-info-item {
    height: auto;
    line-height: 40px;
    width: 100%
}

.bet-slip-block .open-bets-container .bet-info-item p {
    float: left;
    line-height: 2px
}

.bet-slip-block .open-bets-container .bet-info-item p.id {
    margin-left: 10px;
    margin-top: 0
}

.bet-slip-block .open-bets-container .bet-info-item .open-bet-title {
    align-items: center;
    background: #5a5e6d;
    background: var(--vs-col6);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: flex;
    height: 38px;
    justify-content: space-between;
    padding: 0 5px
}

.bet-slip-block .open-bets-container .bet-info-item .open-bet-title .clock-icon {
    position: absolute;
    right: 11px;
    top: 11px;
    width: 16px
}

.bet-slip-block .open-bets-container .bet-info-item .open-bet-title .bet-type-name,.bet-slip-block .open-bets-container .bet-info-item .open-bet-title .date-and-time {
    color: #fff;
    font-size: 12px;
    padding-left: 8px
}

.bet-slip-block .open-bets-container .bet-info-item .date-and-time {
    color: #faebd7;
    margin-right: 22px;
    padding: 0 10px
}

.bet-slip-block .open-bets-container .bet-info-item .coef-value {
    color: #aa8136;
    color: var(--vs-asset4);
    line-height: 15px;
    right: 14px
}

.bet-slip-block .open-bets-container .bet-info-item .coef-value.lost {
    color: #9e0202
}

.bet-slip-block .open-bets-container .bet-info-item .bet-result-info {
    color: #ff2c2c;
    padding-top: 6px;
    position: absolute;
    right: 25px
}

.bet-slip-block .open-bets-container .bet-info-item .bet-result-info.win {
    color: #8fd414
}

.bet-slip-block .open-bets-container .bet-info-item .bet-result-info.lost {
    color: #ff2c2c
}

.bet-slip-block .open-bets-container .bet-info-item .bet-result-info.accepted,.bet-slip-block .open-bets-container .bet-info-item .bet-result-info.return {
    color: #ddd
}

.bet-slip-block .open-bets-container .bet-info-item .bet-result-info.cashouted {
    color: #ffdb59
}

.bet-slip-block .open-bets-container .bet-info-item .odd-info {
    padding-bottom: 5px
}

.bet-slip-block .open-bets-container .bet-info-item .odd-info p {
    color: #9295a1;
    margin-left: 10px;
    margin-top: 7px
}

.bet-slip-block .open-bets-container .bet-info-item .odd-info p.win {
    color: #8fd414
}

.bet-slip-block .open-bets-container .bet-info-item .game-info {
    border-bottom: thin solid #2f323e;
    border-top: thin solid #2f323e;
    display: flex;
    flex-direction: column;
    margin-bottom: 4px;
    padding: 4px 0 4px 4px;
    width: inherit
}

.bet-slip-block .open-bets-container .bet-info-item .game-info .betItem {
    color: #9295a1;
    line-height: 4px
}

.bet-slip-block .open-bets-container .bet-info-item .game-info .betItem.title {
    color: #fdfdfd;
    font-size: 12px;
    font-weight: 700
}

.bet-slip-block .open-bets-container .bet-info-item .game-info .betItem-name {
    color: #aa8136;
    color: var(--vs-asset4)
}

.bet-slip-block .open-bets-container .bet-info-item .game-info .betItem-multi {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 98%
}

.bet-slip-block .open-bets-container .bet-info-item .odd-info,.bet-slip-block .open-bets-container .bet-info-item .win-and-coef-info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    line-height: 20px;
    margin: auto;
    width: 95%
}

.bet-slip-block .open-bets-container .bet-info-item .odd-info p,.bet-slip-block .open-bets-container .bet-info-item .win-and-coef-info p {
    color: #9295a1;
    margin-left: 2px;
    margin-top: 15px
}

.bet-slip-block .open-bets-container .bet-info-item .ogg-info {
    border-top: 2px solid #313643;
    width: 96%
}

.bet-slip-block .bet-history-container {
    background-color: #333540;
    cursor: default;
    margin-bottom: 5px
}

.bet-slip-block .bet-history-container .history-is-empty {
    font-size: 13px;
    line-height: 40px;
    width: 100%
}

.bet-slip-block .bet-history-container .history-is-empty b {
    color: #aa8136;
    color: var(--vs-asset4);
    cursor: pointer
}

.bet-slip-block .bet-history-container .history-is-empty b:hover {
    color: #e9b95f
}

.bet-slip-block .bet-hint {
    background-color: #212531;
    color: #aeb1b5;
    cursor: default;
    display: block;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    text-align: left;
    width: 100%
}

.bet-slip-block .warning-bets-count {
    min-height: 90px;
    padding: 3px 0
}

.bet-slip-block .warning-bets-count span {
    display: block;
    margin: 12px 6px;
    text-align: center
}

.bet-slip-block .place-bet-results {
    background-color: dimgray;
    border-radius: 4px;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 27px;
    line-height: 25px;
    margin-left: 3%;
    margin-top: 2px;
    position: absolute;
    text-align: center;
    top: 77%;
    width: 94%
}

.bet-slip-block .place-bet-results.accepted {
    background-color: #1a984c;
    top: 105px
}

.bet-item {
    -webkit-animation: fadeIn .25s linear;
    animation: fadeIn .25s linear;
    background-color: #2f323e;
    background-color: var(--vs-col4);
    color: #c0c0cb;
    cursor: default;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 700;
    margin-top: 1px;
    padding: 7px
}

.bet-item .bet-input-container {
    display: flex;
    flex-direction: row;
    margin-top: 2px
}

.bet-item .stake-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 5px;
    width: 100%
}

.bet-item .stake-block input {
    background: #c8c8c8;
    border: none;
    box-sizing: border-box;
    color: #1f1f1f;
    float: left;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    outline: none;
    padding: 0 10px;
    text-align: center;
    width: 35%
}

.bet-item .stake-block input:focus {
    background: #afafaf
}

.bet-item .stake-block .stake-button {
    background: #757575;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    width: 10%
}

.bet-item .stake-block .stake-button:hover {
    opacity: .95
}

.bet-item .stake-block .stake-button:active {
    opacity: .8
}

.bet-item .stake-block .stake-button.minus,.bet-item .stake-block .stake-button.plus {
    background-color: #c8c8c8;
    color: #1f1f1f
}

.bet-item .stake-block .stake-button.minus:active,.bet-item .stake-block .stake-button.plus:active {
    background: #b4b4b4
}

.bet-item .stake-block .stake-button.minus {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1.6%
}

.bet-item .stake-block .stake-button.plus {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1.8%
}

.bet-item .potential-winning-container {
    background-color: #2f323e;
    background-color: var(--vs-col4);
    color: #efefef;
    cursor: default;
    display: flex;
    flex-direction: row;
    float: left;
    justify-content: space-between;
    width: 98%
}

.bet-item .potential-winning-container .potential-win-title {
    font-size: 12px;
    margin-bottom: 5px
}

.bet-item .potential-winning-container .potential-win-value {
    color: #1bb446;
    font-size: 12px;
    margin-bottom: 5px
}

.bet-item .potential-winning-container .win-info {
    border-top: 1px solid #474b5e;
    display: flex;
    justify-content: space-between;
    width: 95%
}

.bet-item .bet-input {
    background: #1e222d;
    background: var(--vs-col2);
    border: none;
    box-shadow: inset 0 0 0 1px #505768;
    box-sizing: border-box;
    color: #c1c4cd;
    float: left;
    font-size: 12px;
    height: 32px;
    line-height: 30px;
    margin: 0 5px;
    outline: none;
    padding: 0 10px;
    width: 96%
}

.bet-item .max-bet-button {
    background-color: #c69130;
    cursor: pointer;
    float: left;
    font-size: 11px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 27%
}

.bet-item .max-bet-button:hover {
    background-color: #e5a630
}

.bet-item .max-bet-button:active {
    background-color: #cf911e
}

.bet-item .max-bet-button.disabled {
    background-color: #36363c;
    border: 1px solid #3a3d4a;
    color: #636777;
    cursor: default
}

.bet-item input::-webkit-inner-spin-button,.bet-item input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0
}

.bet-item #failed {
    fill: red
}

.bet-item p {
    float: left;
    height: 15px;
    margin: 5px;
    text-align: left
}

.bet-item .bet-item-header {
    display: block;
    flex-direction: row;
    width: 100%
}

.bet-item .bet-item-header .bet-stadium-name {
    max-width: 92%;
    overflow: hidden;
    white-space: pre
}

.bet-item .bet-item-header .checkbox {
    background: #1e222d;
    background: var(--vs-col2);
    float: left;
    margin-left: 6px;
    margin-top: 6px
}

.bet-item .bet-item-header .remove-item {
    cursor: pointer;
    float: right;
    margin-right: 5px;
    margin-top: 5px
}

.bet-item .bet-item-header .remove-item:hover {
    color: #fff
}

.bet-item .bet-item-header .bet-failed-icon {
    background-position: 50%;
    background-size: 100%;
    float: left;
    height: 11px;
    margin-left: 6px;
    margin-top: 7px;
    width: 11px
}

.bet-item .price-info {
    color: #fff
}

.bet-item .bet-type {
    color: #80879b;
    float: left;
    margin: 3px 3px 2px 5px;
    text-align: left
}

.bet-item .bet-item-footer {
    display: block;
    margin-bottom: 2px
}

.bet-item .bet-item-footer .bet-coef {
    float: right;
    margin-right: 10px
}

.bet-item .bet-item-footer .bet-coef .new-odd,.bet-item .bet-item-footer .bet-coef .old-odd {
    font-size: 14px;
    margin: 15px;
    padding: 12px
}

.bet-item .bet-item-footer .bet-coef .old-odd {
    color: #8c6d33;
    text-decoration: line-through;
    -webkit-text-decoration-color: red;
    text-decoration-color: red
}

.bet-item .event-status {
    align-items: baseline;
    display: flex;
    justify-content: start;
    margin: 5px 0 2px 2px
}

.bet-item .event-status .bet-failed-icon {
    background-position: 50%;
    background-size: 100%;
    float: left;
    height: 11px;
    margin: 0 6px 0 3px;
    width: 11px
}

.bet-item .event-status .dell-text {
    color: #eb1a1a;
    font-size: 10px;
    font-weight: 700;
    margin: auto 0
}

.bet-item .event-status .dell-text.suspended {
    color: #886502
}

.bet-item .bet-item-footer,.bet-item .bet-time {
    color: #aa8136
}

.max-bet-container {
    float: left;
    font-family: Roboto,Noto Sans Armenian,sans-serif;
    min-height: 350px;
    width: 100%
}

.max-bet-container .stake-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    margin-left: 2%;
    margin-top: 5px;
    width: 96%
}

.max-bet-container .stake-block input {
    background: #c8c8c8;
    border: none;
    box-sizing: border-box;
    color: #1f1f1f;
    float: left;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    outline: none;
    padding: 0 10px;
    text-align: center;
    width: 35%
}

.max-bet-container .stake-block input:focus {
    background: #afafaf
}

.max-bet-container .stake-block .stake-button {
    background: #757575;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    width: 10%
}

.max-bet-container .stake-block .stake-button:hover {
    opacity: .95
}

.max-bet-container .stake-block .stake-button:active {
    opacity: .8
}

.max-bet-container .stake-block .stake-button.minus,.max-bet-container .stake-block .stake-button.plus {
    background-color: #c8c8c8;
    color: #1f1f1f
}

.max-bet-container .stake-block .stake-button.minus:active,.max-bet-container .stake-block .stake-button.plus:active {
    background: #b4b4b4
}

.max-bet-container .stake-block .stake-button.minus {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1.6%
}

.max-bet-container .stake-block .stake-button.plus {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1.8%
}

.max-bet-container .system-calculator-block {
    align-items: baseline;
    display: flex;
    height: 50px;
    justify-content: space-between;
    margin: auto;
    padding-top: 10px;
    width: 92%
}

.max-bet-container .system-calculator-block .system-coef {
    width: 8%
}

.max-bet-container .system-calculator-block .system-coef span {
    display: inline-block;
    min-width: 45%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.max-bet-container .system-calculator-block input.max-bet-input {
    margin-left: 9px
}

.max-bet-container .system-calculator-block .stake-block {
    width: 90%
}

.max-bet-container input::-webkit-inner-spin-button,.max-bet-container input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0
}

.max-bet-container .max-bet-button {
    background-color: #c69130;
    cursor: pointer;
    float: left;
    font-size: 11px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 27%
}

.max-bet-container .max-bet-button:hover {
    background-color: #e0ab2e
}

.max-bet-container .max-bet-button.disabled {
    background-color: #36363c;
    border: 1px solid #3a3d4a;
    color: #636777;
    cursor: default
}

.max-bet-container .bet-options {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 96%
}

.max-bet-container .bet-options .bet-option {
    background-color: #1cbe52;
    background-color: var(--vs-asset3);
    cursor: pointer;
    flex: 1 0 20%;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center
}

.max-bet-container .bet-options .bet-option:hover {
    background-color: #008d47;
    background-color: var(--vs-asset2)
}

.max-bet-container .bet-options .bet-option-input {
    background-color: #2f323e;
    border: .1px solid #4b4b5d;
    color: #c1c4cd;
    flex: 1 0 20%;
    font-size: 12px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    outline: none;
    padding: 0;
    text-align: center;
    width: inherit
}

.max-bet-container .edit-options {
    -webkit-touch-callout: none;
    border: 1.5px solid #3a3d4a;
    cursor: pointer;
    height: 27px;
    line-height: 26px;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    width: 22%
}

.max-bet-container .edit-options:hover {
    border: 1.5px solid #636777
}

.max-bet-container .bet-options-edit {
    display: flex;
    float: left;
    height: 30px;
    text-align: center;
    width: 96%
}

.max-bet-container .bet-options-edit .bet-option-edit {
    background-color: #1f2437;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 24%
}

.max-bet-container .place-bet-container {
    background-color: #1e222d;
    background-color: var(--vs-col2);
    border-top: 1px solid #414660;
    bottom: 0;
    height: 55px;
    padding-bottom: 40px;
    position: absolute;
    width: 100%
}

.max-bet-container .place-bet-container.long {
    height: 200px
}

.max-bet-container .place-bet-container .container {
    height: inherit;
    padding-left: 2%;
    position: relative
}

.max-bet-container .place-bet-container .container .keyboard {
    bottom: 52px;
    position: absolute;
    width: 96%
}

.max-bet-container .place-bet-container .container .place-bet {
    border: 1px solid #3a3d4a;
    border-radius: 4px;
    bottom: 10px;
    color: #636777;
    cursor: default;
    display: flex;
    float: left;
    font-size: 13px;
    font-weight: 700;
    height: 35px;
    justify-content: center;
    line-height: 35px;
    margin-top: 10px;
    position: absolute;
    width: 95%
}

.max-bet-container .place-bet-container .container .place-bet.enabled {
    background-color: #008d47;
    background-color: var(--vs-asset2);
    border: 0;
    color: #fff;
    cursor: pointer;
    width: 96%
}

.max-bet-container .place-bet-container .container .place-bet.enabled:hover {
    background-color: #27a26e
}

.max-bet-container .place-bet-container .bet-warning {
    transaction: all .7s linear;
    -webkit-animation: fadeIn .7s linear;
    animation: fadeIn .7s linear;
    background-color: #9c9cac;
    border: 1px solid #9c9cac;
    border-radius: 4px;
    color: #222226;
    cursor: default;
    display: flex;
    float: left;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    justify-content: center;
    line-height: 30px;
    margin-top: -8vw;
    width: 95%
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.max-bet-container .place-bet-container .bet-warning.fadeOut {
    -webkit-animation: fadeOut .7s linear 3s;
    animation: fadeOut .7s linear 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.max-bet-container .potential-winning-container {
    background-color: #2f323e;
    background-color: var(--vs-col4);
    border-radius: 4px;
    color: #fff;
    cursor: default;
    display: flex;
    flex-direction: column;
    float: left;
    margin-left: 2%;
    padding-left: 11px;
    width: 94%
}

.max-bet-container .potential-winning-container .potential-win-title {
    font-size: 12px;
    margin-bottom: 5px
}

.max-bet-container .potential-winning-container .potential-win-value {
    font-size: 16px;
    margin-bottom: 11px;
    margin-top: 2px
}

.max-bet-container .potential-winning-container .win-info {
    border-top: 1px solid #474b5e;
    display: flex;
    justify-content: space-between;
    width: 95%
}

.keyboard {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.keyboard .button {
    background: #727272;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    flex: 20% 1;
    font-size: 12px;
    height: 29px;
    line-height: 29px;
    margin: 3px;
    max-width: 24%;
    overflow: hidden;
    text-align: center
}

.keyboard .button div {
    color: #0fc457
}

.keyboard .button:hover {
    opacity: .8
}

.keyboard .button:active {
    opacity: .5
}

.keyboard .button .backspace {
    height: 11px;
    padding-top: 9px;
    width: 15px
}

.keyboard .button .edit {
    padding-top: 8px;
    width: 15px
}

.keyboard input {
    background: var(--vs-col4);
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #c1c4cd;
    flex: 20% 1;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin: 3px;
    max-width: 20%;
    outline: none;
    text-align: center
}

.keyboard input:focus {
    background: var(--vs-col5)
}

.my-bet-element {
    color: #cccdd9;
    display: flex;
    flex-direction: column;
    margin-top: 2px;
    width: 100%
}

.my-bet-element .my-bet-element-title {
    background-color: #464958;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    justify-content: space-between;
    line-height: 30px;
    padding-left: 10px;
    -webkit-user-select: none;
    user-select: none
}

.my-bet-element .my-bet-element-title:hover {
    background-color: #4c505f
}

.my-bet-element .my-bet-element-title .open-close-arrow {
    color: #bbbcc6;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 0;
    margin-right: 10px;
    width: 30px
}

.my-bet-element .my-bet-element-title .open-close-arrow .up {
    margin-top: 15px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.my-bet-element .my-bet-element-title .open-close-arrow .down {
    margin-top: 17px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.my-bet-element .my-bet-element-content {
    width: 100%
}

.my-bet-element .my-bet-element-content .my-bets-bet-item {
    background-color: #272a33;
    border-top: 1px solid #464958;
    display: flex;
    flex-direction: column;
    margin-bottom: 2px
}

.my-bet-element .my-bet-element-content .my-bets-bet-item .open-bet-possible-info,.my-bet-element .my-bet-element-content .my-bets-bet-item .open-bet-stake-info {
    align-items: center;
    color: #a9a9a9;
    display: flex;
    height: 35px;
    justify-content: space-between;
    padding: 0 23px 0 6px
}

.my-bet-element .my-bet-element-content .my-bets-bet-item .open-bet-possible-info p,.my-bet-element .my-bet-element-content .my-bets-bet-item .open-bet-stake-info p {
    margin: 0
}

.my-bet-element .my-bet-element-content .my-bets-bet-item .open-bet-possible-info .ppossible_win,.my-bet-element .my-bet-element-content .my-bets-bet-item .open-bet-stake-info .ppossible_win {
    color: #a9a9a9;
    line-height: 15px;
    right: 26px
}

.my-bet-element .my-bet-element-content .my-bets-bet-item .line {
    border-bottom: thin solid #4f525a;
    margin-left: 6px;
    width: 97%
}

.my-bet-element .my-bet-element-content .my-bets-bet-item .mb-item-header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 40px;
    margin-left: 5px;
    margin-top: 5px;
    position: relative;
    width: 100%
}

.my-bet-element .my-bet-element-content .my-bets-bet-item .mb-item-header .mb-time {
    color: #afb8c9;
    font-size: 11px;
    height: 17px;
    margin: 3px 0 0
}

.my-bet-element .my-bet-element-content .my-bets-bet-item .mb-item-header .mb-stadium-name {
    font-size: 12px;
    height: 20px;
    margin-top: 8px
}

.my-bet-element .my-bet-element-content .my-bets-bet-item .mb-item-header .mb-market-name {
    color: #9ea1a9;
    font-size: 12px;
    height: 20px;
    margin-top: 8px
}

.my-bet-element .my-bet-element-content .my-bets-bet-item .mb-item-header .clock-icon {
    position: absolute;
    right: 13px;
    top: 4px;
    width: 14px
}

.my-bet-element .my-bet-element-content .my-bets-bet-item .mb-type {
    color: #afb8c9;
    font-size: 12px;
    height: 20px;
    margin-top: 5px;
    padding-left: 5px;
    text-align: left
}

.my-bet-element .my-bet-element-content .my-bets-bet-item .mb-item-footer {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    height: 40px;
    justify-content: space-between;
    margin-left: 5px;
    width: 95%
}

.my-bet-element .my-bet-element-content .my-bets-bet-item .mb-item-footer p {
    font-size: 12px
}

.my-bet-element .my-bet-element-content .my-bets-bet-item .mb-item-footer .mb-coef {
    color: #aa8136;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    margin-top: 4px;
    padding-right: 2px
}

.bet-slip-hint {
    -webkit-animation: fadeIn .13s linear;
    animation: fadeIn .13s linear;
    background-color: transparent;
    background-image: -webkit-radial-gradient(100% 1vh,circle,transparent 1px,rgba(0,0,0,.6) 0);
    bottom: 0;
    box-shadow: 2px 2px 8px #000;
    color: #fff;
    cursor: default;
    font-weight: 700;
    height: 100%;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 202
}

.bet-slip-hint .container {
    position: relative
}

.bet-slip-hint .container .close-hint {
    background-color: #362d42;
    border: 1px solid #524e5b;
    border-radius: 100%;
    cursor: pointer;
    font-size: 16px;
    height: 33px;
    line-height: 32px;
    position: absolute;
    right: 4vw;
    text-align: center;
    top: 50vh;
    width: 33px
}

.bet-slip-hint .container .close-hint:active {
    background-color: #211c28
}

.bet-slip-hint .container .hint-text {
    background-color: var(--vs-col7);
    border: .2rem solid var(--vs-col7);
    border-radius: 5px;
    box-shadow: 0 0 .1rem #f6d5eb,0 0 .1rem #fff,0 0 .5rem var(--vs-col7),0 0 .2rem var(--vs-col7),0 0 .7rem var(--vs-col7);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 15vw;
    max-width: 37vw;
    min-width: 35vw;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: 60.5vh;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.bet-slip-hint .container .hint-text p,.bet-slip-hint .container .hint-text pre {
    font-size: 12px;
    line-height: 13px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis
}

.bet-slip-hint .container .hint-text .p {
    font-size: 13px
}

.bet-slip-hint .container img {
    left: 64vw;
    position: absolute;
    top: 65vh;
    width: 25vw
}

.bet-slip-hint .container .dont-show {
    left: 33vw;
    position: absolute;
    top: 80vh
}

.bet-slip-hint .container .dont-show label {
    font-family: Roboto,Noto Sans Armenian,sans-serif;
    font-size: 14px;
    font-weight: 700
}

.bet-slip-hint .container input {
    accent-color: #d8278f;
    accent-color: var(--vs-asset1);
    border-radius: 0;
    height: 18px;
    width: 22px
}

.mini-bet-slip {
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    bottom: 0;
    position: absolute;
    width: 100vw;
    z-index: 200
}

.mini-bet-slip .keyboard-container {
    display: block;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-top: 8px;
    width: calc(100% - 10px)
}

.mini-bet-slip .place-process {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: rgba(22,22,29,.329);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.mini-bet-slip .place-process .loader {
    -webkit-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite;
    background: transparent;
    border-radius: 50%;
    border-right: 3px solid transparent;
    border-top: 3px solid #d2167e;
    height: 40px;
    left: 43%;
    position: absolute;
    top: 45px;
    width: 40px
}

.mini-bet-slip .bet-item {
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 100px;
    padding: 3px 5px 0;
    position: relative
}

.mini-bet-slip .bet-item .remove-item {
    color: #5d5d5d;
    position: absolute;
    right: 4px;
    top: 1px
}

.mini-bet-slip .bet-item .remove-item:hover {
    color: #7a7a7a
}

.mini-bet-slip .bet-item .remove-item:active {
    color: #505050
}

.mini-bet-slip .bet-item .bet-type {
    margin: 2px 0 2px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 96%
}

.mini-bet-slip .bet-item .potential-winning-container {
    background-color: #fff;
    margin-top: 0;
    width: 100%
}

.mini-bet-slip .bet-item .potential-winning-container .potential-win-value {
    color: #18ab35
}

.mini-bet-slip .bet-item .price-info {
    display: flex;
    justify-content: space-between
}

.mini-bet-slip .bet-item .price-info span {
    color: #aa8136
}

.mini-bet-slip .bet-item .bet-stadium-name,.mini-bet-slip .bet-item .bet-type,.mini-bet-slip .bet-item .potential-win-title,.mini-bet-slip .bet-item .price-info {
    color: #5d5d5d
}

.mini-bet-slip .stake-block {
    display: block;
    height: 40px;
    justify-content: space-between;
    margin-left: 8px;
    margin-top: 5px;
    width: calc(100% - 15px)
}

.mini-bet-slip .stake-block .stake-block-content {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.mini-bet-slip .stake-block input {
    background: #c8c8c8;
    border: none;
    box-sizing: border-box;
    color: #1f1f1f;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 32px;
    outline: none;
    padding: 0 10px;
    text-align: center;
    width: 35%
}

.mini-bet-slip .stake-block input:focus {
    background: #afafaf
}

.mini-bet-slip .stake-block .stake-button {
    background: #757575;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    line-height: 30px;
    text-align: center;
    width: 10%
}

.mini-bet-slip .stake-block .stake-button:hover {
    opacity: .95
}

.mini-bet-slip .stake-block .stake-button:active {
    background: #626262
}

.mini-bet-slip .stake-block .stake-button.minus,.mini-bet-slip .stake-block .stake-button.plus {
    background-color: #c8c8c8;
    color: #1f1f1f
}

.mini-bet-slip .stake-block .stake-button.minus:active,.mini-bet-slip .stake-block .stake-button.plus:active {
    background: #b4b4b4
}

.mini-bet-slip .stake-block .stake-button.minus {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1.5%
}

.mini-bet-slip .stake-block .stake-button.plus {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1.8%
}

.mini-bet-slip .login-hint {
    background-color: #d79826;
    border-radius: 4px;
    line-height: 26px;
    margin-bottom: 5px;
    margin-left: 2%;
    margin-top: -5px;
    text-align: center;
    width: 96%
}

.mini-bet-slip .login-hint .bet-login-warning {
    display: flex;
    flex-basis: 80%;
    flex-wrap: wrap;
    justify-content: center
}

.mini-bet-slip .login-hint span.text-button {
    float: left;
    margin: 0 4px
}

.mini-bet-slip .login-hint .text-button {
    color: #fff;
    cursor: pointer;
    font-weight: 700
}

.mini-bet-slip .login-hint .text-button:active {
    opacity: .8
}

.mini-bet-slip .place-bet-container {
    position: relative
}

.mini-bet-slip .place-bet-container .place-bet {
    background-color: #1b7051;
    border-radius: 4px;
    cursor: pointer;
    line-height: 30px;
    margin-bottom: 10px;
    margin-left: 25%;
    text-align: center;
    width: 50%
}

.mini-bet-slip .place-bet-container .place-bet:hover {
    opacity: .9
}

.mini-bet-slip .place-bet-container .place-bet:active {
    background-color: #15573f
}

.mini-bet-slip .place-bet-container .place-bet.disable {
    cursor: default;
    opacity: .6;
    pointer-events: none
}

.mini-bet-slip .place-bet-container .keep-in {
    background-color: #757575;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    position: absolute;
    right: 8%;
    text-align: center;
    top: 0;
    width: 30px
}

.mini-bet-slip .place-bet-container .keep-in .keep-in-container {
    position: relative
}

.mini-bet-slip .place-bet-container .keep-in .keep-in-container img {
    padding-left: 8px;
    padding-top: 6px;
    width: 15px
}

.mini-bet-slip .place-bet-container .keep-in .keep-in-container img.hover {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: animateBetTicket;
    animation-name: animateBetTicket;
    box-shadow: 0 0 5px #3c3434;
    left: 0;
    padding: 0;
    position: absolute;
    width: 13px
}

@-webkit-keyframes animateBetTicket {
    0% {
        bottom: 0
    }

    to {
        bottom: 30vh;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 40px 10px;
        transform-origin: 40px 10px
    }
}

@keyframes animateBetTicket {
    0% {
        bottom: 0
    }

    to {
        bottom: 30vh;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 40px 10px;
        transform-origin: 40px 10px
    }
}

.mini-bet-slip .place-bet-container .keep-in .keep-in-container p {
    background-color: #d8278f;
    background-color: var(--vs-asset1);
    border-radius: 100%;
    font-size: 11px;
    height: 15px;
    position: absolute;
    right: -12px;
    top: -14px;
    width: 15px
}

.mini-bet-slip .warning {
    background-color: #e50303;
    border-radius: 4px;
    line-height: 27px;
    margin-left: 8px;
    margin-top: 10px;
    padding-left: 8px;
    text-align: center;
    width: calc(100% - 24px)
}

.mini-bet-slip .success {
    background: #158500;
    border-radius: 4px;
    font-size: 13px;
    height: 34px;
    line-height: 32px;
    margin-left: 2%;
    margin-top: 9px;
    text-align: center;
    width: 96%
}

.history-pop-up {
    background-color: #111521;
    left: 0;
    top: 0
}

.history-pop-up,.history-pop-up .backGround {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 200
}

.history-pop-up .backGround {
    background-color: rgba(15,15,23,.62);
    top: 46px
}

.history-pop-up .backGround .video-preloader {
    -webkit-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite;
    background: transparent;
    border-radius: 50%;
    border-right: 3px solid transparent;
    border-top: 3px solid #d2167e;
    display: block;
    height: 50px;
    left: 45%;
    position: absolute;
    top: 27%;
    width: 50px;
    z-index: 10
}

.history-pop-up .history-block-header {
    background-color: #161c28;
    background-color: var(--vs-col0);
    border-bottom: 2px solid #d8278f;
    border-bottom: 2px solid var(--vs-asset1);
    height: 45px;
    width: 100%
}

.history-pop-up .history-block-header .close-history-block {
    cursor: pointer;
    display: flex;
    font-size: 18px;
    line-height: 45px;
    margin-right: 18px;
    position: absolute;
    right: 2px
}

.history-pop-up .history-block-header p {
    float: left;
    font-size: 14px;
    text-align: center;
    width: 100%
}

.history-pop-up .history-block-content {
    background-color: #1a212e;
    width: 100%
}

.history-pop-up .history-block-content .history-filters {
    background-color: #292c38;
    background-color: var(--vs-col3);
    float: left;
    padding-top: 4px;
    width: 100%
}

.history-pop-up .history-block-content .history-filters .history-filter {
    padding-left: 10px;
    padding-right: 10px
}

.history-pop-up .history-block-content .history-filters .history-filter p {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 3px
}

.history-pop-up .history-block-content .history-filters .history-filter .custom-select {
    background-color: #404556;
    background-color: var(--vs-col5)
}

.history-pop-up .history-block-content .history-filters .history-filter .custom-select select {
    background-color: #404556;
    background-color: var(--vs-col5);
    line-height: 20px
}

.history-pop-up .history-block-content .history-filters .history-filter .custom-select:after {
    line-height: 30px;
    padding: 0 15px
}

.history-pop-up .history-block-content .history-filters .history-filter .matchId-input {
    background-color: #404556;
    background-color: var(--vs-col5);
    border: 1px solid #444a5a;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    height: 30px;
    margin-top: 2px;
    padding-left: 8px;
    width: 99%
}

.history-pop-up .history-block-content .history-filters .filter-calendars {
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 8px;
    width: 99%
}

.history-pop-up .history-block-content .history-filters .filter-calendars .calendar-icon {
    float: right;
    height: 16px;
    margin-right: 8px;
    margin-top: 9px;
    position: absolute;
    right: 11px;
    width: 16px
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar {
    background-color: #404556;
    background-color: var(--vs-col5);
    border: 1px solid #404556;
    border: 1px solid var(--vs-col5);
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    margin-top: 2px;
    padding-left: 5px;
    text-align: left;
    width: 100%
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__tab-loop .react-datepicker-popper {
    position: relative!important;
    top: -30px!important;
    -webkit-transform: translateZ(0)!important;
    transform: translateZ(0)!important;
    width: 0!important;
    will-change: transform
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker-wrapper,.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__input-container {
    width: 98%
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker-wrapper input,.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__input-container input {
    -webkit-appearance: none;
    background-color: transparent;
    height: 28px;
    outline: none
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker-wrapper input:focus,.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__input-container input:focus {
    -webkit-appearance: none;
    outline: none
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker-wrapper input :-moz-focusring,.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__input-container input :-moz-focusring {
    outline: none
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .filter-calendars *,.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker * {
    -webkit-appearance: none;
    outline-width: 0
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__triangle {
    visibility: hidden
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__month-container {
    border-radius: 5px
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker,.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__header {
    background-color: #181c23;
    border: none;
    color: #fff
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__current-month,.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__day,.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__day-name {
    border-radius: 0;
    color: #969db0
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__day--disabled {
    color: #494e5c
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__day:hover {
    background-color: #2e323e;
    border-radius: 0
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__day--selected {
    background-color: #0d1013
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .calendar-input {
    background-color: #212531;
    border: none;
    color: #d2d3d9;
    cursor: pointer;
    width: 100%
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .calendar-input:focus,.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .calendar-input:hover {
    -webkit-appearance: none
}

.history-pop-up .history-block-content .history-filters .custom-select {
    border: 1px solid #444a5a;
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 2px;
    width: 99%
}

.history-pop-up .history-block-content .history-filters .custom-select select {
    background-color: #272b37;
    border-radius: 0!important;
    cursor: pointer!important
}

.history-pop-up .history-block-content .history-filters .show-button {
    background-color: #3a7e3a;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    line-height: 30px;
    margin: 18px auto;
    text-align: center;
    width: 95%
}

.history-pop-up .history-block-content .history-filters .show-button:hover {
    background-color: #4d884d
}

.history-pop-up .history-block-content .empty-history {
    float: left;
    font-size: 13px;
    font-weight: 700;
    margin-top: 30px;
    text-align: center;
    width: 100%
}

.history-pop-up .history-block-content .bets-list-container {
    float: left;
    padding-bottom: 10px;
    width: 100%
}

.history-pop-up .history-block-content .bets-list-container .bets-list {
    max-height: 100vh;
    overflow-y: scroll
}

.history-pop-up .history-block-content .bets-list-container .result-item {
    background: #404556;
    background: var(--vs-col5);
    border-radius: 4px;
    height: 72px;
    margin-left: 1%;
    width: 98%
}

.history-pop-up .history-block-content .bets-list-container .result-item.match-result {
    height: 50px
}

.history-pop-up .history-block-content .bets-list-container .result-item p {
    display: flex;
    justify-content: space-between;
    line-height: 0;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    padding-top: 10px
}

.history-pop-up .history-block-content .bets-list-container .result-item p:first-of-type {
    padding-top: 13px
}

.history-pop-up .history-block-content .bets-list-container .result-item .score {
    color: #ff9834;
    line-height: 5px
}

.history-pop-up .login-hint-block {
    align-items: center;
    background: #393c49;
    bottom: 0;
    color: #d4d5dd;
    display: flex;
    font-size: 13px;
    height: 70px;
    justify-content: center;
    margin-top: 5px;
    padding-bottom: 35px;
    padding-top: 8px;
    position: absolute;
    width: 100%
}

.history-pop-up .login-hint-block .bet-warning-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-basis: 6%;
    float: left;
    height: 100%;
    margin: 1px 6px 1px 0;
    max-height: 19px;
    width: 13px
}

.history-pop-up .login-hint-block .bet-login-warning {
    display: flex;
    flex-basis: 80%;
    flex-wrap: wrap;
    justify-content: center
}

.history-pop-up .login-hint-block span.text-button {
    float: left;
    margin: 0 6px
}

.history-pop-up .login-hint-block .text-button {
    color: #dcac0f;
    cursor: pointer;
    font-weight: 700
}

.history-pop-up .login-hint-block .text-button:hover {
    color: #fff
}

.history-pop-up .history-block-content .history-filters .filter-calendars .search-calendar .react-datepicker__day:hover,.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected {
    background-color: #d8278f!important;
    background-color: var(--vs-asset1)!important
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before {
    border: 8px solid transparent;
    box-sizing: initial;
    height: 0;
    position: absolute;
    width: 1px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before {
    border-bottom-color: #aeaeae;
    border-width: 8px;
    content: "";
    left: -8px;
    z-index: -1
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    margin-top: -8px;
    top: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: #f0f0f0;
    border-top: none
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: #aeaeae;
    top: -1px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before {
    border-bottom: none;
    border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before {
    border-top-color: #aeaeae;
    bottom: -1px
}

.react-datepicker-wrapper {
    border: 0;
    display: inline-block;
    padding: 0
}

.react-datepicker {
    background-color: #fff;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    color: #000;
    display: inline-block;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: .8rem;
    position: relative
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__triangle {
    left: 50px;
    position: absolute
}

.react-datepicker-popper {
    z-index: 1
}

.react-datepicker-popper[data-placement^=bottom] {
    margin-top: 10px
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
    left: auto;
    right: 50px
}

.react-datepicker-popper[data-placement^=top] {
    margin-bottom: 10px
}

.react-datepicker-popper[data-placement^=right] {
    margin-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right: 42px
}

.react-datepicker-popper[data-placement^=left] {
    margin-right: 8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
    left: 42px;
    right: auto
}

.react-datepicker__header {
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    padding-top: 8px;
    position: relative;
    text-align: center
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: .3rem
}

.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 2px
}

.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month {
    color: #000;
    font-size: .944rem;
    font-weight: 700;
    margin-top: 0
}

.react-datepicker-time__header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.react-datepicker__navigation {
    background: none;
    border: .45rem solid transparent;
    cursor: pointer;
    height: 10px;
    line-height: 1.7rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: -999em;
    top: 10px;
    width: 0;
    width: 10px;
    z-index: 1
}

.react-datepicker__navigation--previous {
    border-right-color: #ccc;
    left: 10px
}

.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3
}

.react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__navigation--next {
    border-left-color: #ccc;
    right: 10px
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 95px
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3
}

.react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.react-datepicker__navigation--years {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.react-datepicker__navigation--years-previous {
    border-top-color: #ccc;
    top: 4px
}

.react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b3b3
}

.react-datepicker__navigation--years-upcoming {
    border-bottom-color: #ccc;
    top: -4px
}

.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year {
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    margin: 2px;
    width: 4rem
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    margin: 2px;
    width: 4rem
}

.react-datepicker__input-time-container {
    clear: both;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
    width: 100%
}

.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: auto
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    display: inline-block;
    margin-left: 5px
}

.react-datepicker__time-container {
    border-left: 1px solid #aeaeae;
    float: right;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline;
    position: absolute;
    right: -72px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    background: #fff;
    border-bottom-right-radius: .3rem;
    position: relative
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    border-bottom-right-radius: .3rem;
    margin: 0 auto;
    overflow-x: hidden;
    text-align: center;
    width: 85px
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    box-sizing: initial;
    height: calc(195px + .85rem);
    list-style: none;
    margin: 0;
    overflow-y: scroll;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    background-color: #f0f0f0;
    cursor: pointer
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    background-color: initial;
    cursor: default
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__day-names,.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__month--disabled,.react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none
}

.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover {
    background-color: initial;
    cursor: default
}

.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text {
    cursor: pointer
}

.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover {
    background-color: #f0f0f0;
    border-radius: .3rem
}

.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted {
    background-color: #3dcc4a;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover {
    background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected {
    background-color: #2a87d0;
    border-radius: .3rem;
    color: #fff
}

.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range {
    background-color: rgba(33,107,165,.5)
}

.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__day--in-range {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled {
    color: #ccc;
    cursor: default
}

.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover {
    background-color: initial
}

.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
    background-color: #216ba5
}

.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover {
    background-color: #f0f0f0
}

.react-datepicker__input-container {
    display: inline-block;
    position: relative;
    width: 100%
}

.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view {
    border: 1px solid transparent;
    border-radius: .3rem
}

.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover {
    cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3
}

.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow {
    border-top-color: #ccc;
    border-width: .45rem;
    float: right;
    margin-left: 20px;
    position: relative;
    top: 8px
}

.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    left: 25%;
    position: absolute;
    text-align: center;
    top: 30px;
    width: 50%;
    z-index: 1
}

.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option {
    display: block;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    -webkit-user-select: none;
    user-select: none
}

.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected {
    left: 15px;
    position: absolute
}

.react-datepicker__close-icon {
    background-color: initial;
    border: 0;
    cursor: pointer;
    display: table-cell;
    height: 100%;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    background-color: #216ba5;
    border-radius: 50%;
    color: #fff;
    content: "\00d7";
    cursor: pointer;
    display: table-cell;
    font-size: 12px;
    height: 16px;
    line-height: 1;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 16px
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    clear: left;
    cursor: pointer;
    font-weight: 700;
    padding: 5px 0;
    text-align: center
}

.react-datepicker__portal {
    align-items: center;
    background-color: rgba(0,0,0,.8);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name {
    line-height: 3rem;
    width: 3rem
}

@media (max-height: 550px),(max-width:400px) {
    .react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name {
        line-height:2rem;
        width: 2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.react-datepicker__portal .react-datepicker__navigation {
    border: .81rem solid transparent
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.history-bet-item-container .history-bet-item {
    background-color: #2f323e;
    background-color: var(--vs-col4);
    border-radius: 5px;
    display: flex;
    height: auto;
    margin: 10px auto auto;
    min-height: 110px;
    width: 95vw
}

.history-bet-item-container .history-bet-item:before {
    line-height: 15px;
    padding: 11px 0 0
}

.history-bet-item-container .history-bet-item.opened:before,.history-bet-item-container .history-bet-item:before {
    background: initial!important;
    color: #e6e7f5;
    content: "▼";
    font-size: 12px;
    pointer-events: none;
    position: absolute;
    right: 48vw
}

.history-bet-item-container .history-bet-item.opened:before {
    line-height: 30px;
    padding: 3px 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.history-bet-item-container .bet-info-item {
    line-height: 40px;
    width: 100%
}

.history-bet-item-container .bet-info-item .date-and-time {
    padding-top: 28px;
    position: absolute;
    right: 25px
}

.history-bet-item-container .bet-info-item.bet-type {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.history-bet-item-container .bet-info-item.bet-type .row {
    display: flex;
    justify-content: space-between;
    padding: 4px 2px 2px;
    -webkit-user-select: text;
    user-select: text;
    width: 100%
}

.history-bet-item-container .bet-info-item.bet-type .row .date-and-time {
    position: static;
    right: 3px
}

.history-bet-item-container .bet-info-item.bet-type .row p {
    line-height: 18px;
    margin: 2px;
    padding: 0 6px
}

.history-bet-item-container .bet-info-item.bet-type .row p.id {
    margin: 0
}

.history-bet-item-container .bet-info-item.bet-type .row p.bet-result-info {
    position: static;
    right: 3px
}

.history-bet-item-container .bet-info-item p {
    float: left;
    line-height: 2px
}

.history-bet-item-container .bet-info-item p.id {
    margin-left: 10px;
    margin-top: 0
}

.history-bet-item-container .bet-info-item .bet-result-info {
    color: #ff2c2c;
    padding-top: 6px;
    position: absolute;
    right: 25px
}

.history-bet-item-container .bet-info-item .bet-result-info.win {
    color: #8fd414
}

.history-bet-item-container .bet-info-item .bet-result-info.lost {
    color: #ff2c2c
}

.history-bet-item-container .bet-info-item .bet-result-info.accepted,.history-bet-item-container .bet-info-item .bet-result-info.return {
    color: #ddd
}

.history-bet-item-container .bet-info-item .bet-result-info.cashouted {
    color: #ffdb59
}

.history-bet-item-container .bet-info-item .win-and-coef-info {
    display: flex;
    justify-content: space-between;
    padding-left: 2px;
    padding-right: 2px
}

.history-bet-item-container .bet-info-item .win-and-coef-info .bet-stake,.history-bet-item-container .bet-info-item .win-and-coef-info p {
    padding: 0 5px;
    position: static
}

.history-bet-item-container .bet-info-item .odd-info {
    display: flex;
    justify-content: space-between
}

.history-bet-item-container .bet-info-item .odd-info .coef-value {
    padding: 0 8px;
    position: static
}

.history-bet-item-container .bet-info-item .odd-info p {
    color: #9295a1;
    margin-left: 8px;
    margin-top: 12px
}

.history-bet-item-container .bet-info-item .odd-info p.win {
    color: #8fd414
}

.history-bet-item-container .bet-info-item .game-info {
    display: flex;
    flex-direction: column;
    margin-bottom: 4px;
    padding: 0 8px
}

.history-bet-item-container .bet-info-item .game-info .betItem {
    color: #9295a1
}

.history-bet-item-container .bet-info-item .game-info .betItem.title {
    color: #fdfdfd;
    font-size: 12px;
    font-weight: 700
}

.history-bet-item-container .bet-info-item .game-info .betItem-multi {
    display: flex;
    justify-content: space-between
}

.history-bet-item-container .bet-info-item.result {
    background-color: #404453;
    flex-direction: row;
    margin-top: 2px
}

.history-bet-item-container .bet-info-item.result .game-info:last-child {
    border-bottom: 1px solid #008d47;
    border-bottom: 1px solid var(--vs-asset2);
    height: 33px;
    margin-right: 8px;
    text-align: right
}

.history-bet-item-container .data-id {
    display: flex;
    flex-direction: column;
    text-align: left
}

.history-bet-item-container .status-icon {
    background-color: #404453;
    flex: 2 1;
    line-height: 40px
}

.history-bet-item-container .status-icon p {
    border: 2px solid #9c9cac;
    border-radius: 18px;
    height: 18px;
    line-height: 18px;
    margin-top: 8px;
    width: 18px
}

.history-bet-item-container .bet-type p {
    line-height: 13px;
    margin: 10px 0
}

.history-bet-item-container .bet-type .bet-type-name {
    float: left;
    margin-left: 10px
}

.history-bet-item-container .bet-stake,.history-bet-item-container .odd-type,.history-bet-item-container .odds,.history-bet-item-container .outcome {
    line-height: 33px;
    position: absolute;
    right: 25px
}

.history-bet-item-container .coef-value {
    color: #ba8237;
    line-height: 30px;
    position: absolute;
    right: 30px
}

.history-bet-item-container .coef-value.lost {
    color: #ff1d1d
}

.history-bet-item-container .win {
    color: #8fd414
}

.history-bet-item-container .lost {
    color: #ff1d1d
}

.cash-out-pop-up {
    -webkit-animation: fadeIn .13s linear;
    animation: fadeIn .13s linear;
    background-color: rgba(0,0,0,.7);
    bottom: 0;
    box-shadow: 2px 2px 8px #000;
    color: #fff;
    cursor: default;
    font-weight: 700;
    height: 100%;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 202
}

.cash-out-pop-up .cash-out-pop-up-container {
    background: #20202b;
    display: flex;
    flex-direction: column;
    font-size: 13px!important;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px!important;
    width: 380px
}

.cash-out-pop-up .cash-out-pop-up-container .container {
    align-items: center;
    color: #bdc0ca;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    margin-top: 5px
}

.cash-out-pop-up .cash-out-pop-up-container .container .total-cash-out {
    font-size: 20px
}

.cash-out-pop-up .cash-out-pop-up-container .container .cash-out-button {
    background-color: #1e8559;
    color: #d2d2d2;
    cursor: pointer;
    height: 33px;
    line-height: 33px;
    margin-bottom: 10px;
    text-align: center;
    width: 70%
}

.cash-out-pop-up .cash-out-pop-up-container .container .cash-out-button:hover {
    background-color: #208c5e
}

.cash-out-pop-up .cash-out-pop-up-container .container .cash-out-button:active {
    background-color: #1c8057
}

.cash-out-pop-up .cash-out-pop-up-container .container .cash-out-button.cancel {
    background-color: #464958;
    margin-bottom: 2px
}

.cash-out-pop-up .cash-out-pop-up-container .container .cash-out-warning {
    color: #e22222
}

.instants-block {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    width: 100vw
}

.instants-block .item {
    background-color: #252937;
    border-bottom: 2px solid #1a1c26;
    border-left: 2px solid #1a1c26;
    cursor: default;
    font-size: 13px;
    font-weight: 700;
    width: calc(49% - 3px)
}

.instants-block .item .item-title {
    height: 30px;
    line-height: 29px;
    text-align: center
}

.instants-block .item img {
    background-color: #1a1c26;
    height: auto;
    min-height: 80px;
    min-width: 98%;
    width: 100%
}

.instants-block .item:hover {
    opacity: .8
}

.tennis-instant-game {
    align-self: baseline;
    background: rgba(0,0,0,.44);
    box-shadow: 0 -1px 11px 2px rgba(0,0,0,.44);
    display: flex;
    height: 40%;
    justify-content: center;
    margin: 5% auto;
    width: 86%
}

.tennis-instant-game .slick-slider {
    width: 100%
}

.tennis-instant-game .slick-list {
    margin: 18% auto
}

.tennis-instant-game .button {
    background: hsla(0,0%,47%,.7);
    border: 3px solid hsla(0,0%,100%,0);
    box-shadow: inset 0 0 10px 0 #3e3e3e;
    color: #fff;
    cursor: pointer;
    font-size: 4.3vw;
    font-weight: 700;
    height: 8.8vw;
    line-height: 8.8vw;
    min-width: 32vw;
    text-align: center;
    text-shadow: 0 1px 4px #1d1d1d;
    transition: all .15s ease-in-out;
    -webkit-user-select: none;
    user-select: none
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-style: normal;
    font-weight: 400;
    src: url(/static/media/slick.a4e97f5a2a64f0ab1323.eot);
    src: url(/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"),url(/static/media/slick.295183786cd8a1389865.woff) format("woff"),url(/static/media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"),url(/static/media/slick.2630a3e3eab21c607e21.svg#slick) format("svg")
}

.slick-next,.slick-prev {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li,.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button {
    background: transparent;
    border: 0;
    color: transparent;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: none;
    padding: 5px
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: "•";
    font-family: slick;
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.player-block-inst {
    position: relative
}

.player-block-inst .name {
    background-color: #1b1b26;
    bottom: 0;
    color: #101421;
    font-size: 6.9vw;
    font-weight: 700;
    height: 14.1vw;
    line-height: 2;
    position: absolute;
    right: 10px;
    text-align: center;
    text-shadow: 1px 0 0 #919fac,-1px 0 0 #919fac,0 1px 0 #919fac,0 -1px 0 #919fac,1px 1px #919fac,-1px -1px 0 #919fac,1px -1px 0 #919fac,-1px 1px 0 #919fac;
    width: 93%
}

.footer {
    align-items: center;
    background-color: rgba(33,37,50,.77);
    border-top: 2px solid #ff0d98;
    bottom: 0;
    display: flex;
    height: 15%;
    justify-content: center;
    position: absolute;
    width: 100%
}

.footer .play-button,.footer .random-button {
    margin-left: 25px;
    margin-right: 25px
}

.app-loader {
    -webkit-animation: spin .7s linear infinite;
    animation: spin .7s linear infinite;
    background: transparent;
    border-radius: 50%;
    border-right: 4px solid transparent;
    border-top: 4px solid #d2167e;
    display: block;
    height: 55px;
    left: 45%;
    position: absolute;
    top: 25%;
    width: 55px
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.own-console-block {
    background: hsla(0,2%,8%,.12);
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    min-height: 120px;
    padding: 12px;
    position: absolute;
    top: 15%;
    width: 100%;
    z-index: 100
}

.grecaptcha-badge {
    display: none!important
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

input[type=search] {
    -webkit-appearance: none
}

input {
    border-radius: 0
}

:focus {
    outline: none
}

:root {
    --main-bg: #030c13;
    --vs-col0: #161c28;
    --vs-col1: #16161d;
    --vs-col2: #1e222d;
    --vs-col3: #292c38;
    --vs-col4: #2f323e;
    --vs-col5: #404556;
    --vs-col6: #5a5e6d;
    --vs-asset1: #d8278f;
    --vs-asset01: #791d4e;
    --vs-asset2: #008d47;
    --vs-asset3: #1cbe52;
    --vs-asset4: #aa8136;
    --vs-asset7: #aa8136
}

body,html {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: #030c13;
    background-color: var(--main-bg);
    color: #fff;
    font-family: Roboto,Noto Sans Armenian,sans-serif!important;
    height: 100%;
    margin: 0;
    max-width: 100vw!important;
    min-height: 100%;
    overflow-x: hidden;
    padding: 0;
    -webkit-user-select: none;
    user-select: none
}

body img,html img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

/*# sourceMappingURL=main.6c07fff0.css.map*/