html,
body {
margin: 0;
font-family: Arial;
}
@keyframes loading {
100% {
transform: rotate(360deg);
}
}
.checkbox-wrapper {
min-height: 51px;
display: flex;
}
.checkbox-wrapper > mat-checkbox {
align-self: center;
}
.loader-message {
text-align: center;
padding: 0.5rem 0;
}
.loader-count-down {
margin-top: 5px;
}
.mat-dialog-actions {
justify-content: space-between;
margin-bottom: -10px !important;
justify-content: center;
}
.mat-dialog-actions .mat-raised-button.mat-warn {
margin-right: auto;
}
.mat-dialog-title {
text-transform: uppercase;
margin: 0 !important;
text-align: center;
}
.mat-dialog-content {
max-height: 55vh !important;
}
.yellow {
color: yellow;
}
.text-center {
text-align: center;
}
vip-message-window .mat-dialog-actions {
justify-content: space-between;
}
vip-message-window .mat-raised-button.mat-warn {
margin: 0 !important;
}
vip-message-window .mat-dialog-actions {
margin-bottom: 0 !important;
}
.fa-slot {
background: url(/assets/img/slots.png);
background-size: 60%;
background-repeat: no-repeat;
background-position: left;
}
sport-widget .soccer-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/football.png");
}
sport-widget .volleyball-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/volleyball.png");
}
sport-widget .tennis-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/tennis.png");
}
sport-widget .basketball-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/basketball.png");
}
sport-widget .rugby-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/rugby.png");
}
sport-widget .ev-stat-name {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 80%;
color: white;
}
sport-widget .chart {
position: absolute;
width: 100%;
top: 0;
}
sport-widget .chart-block {
display: block;
width: 100%;
}
sport-widget .chart-canvas {
margin-left: auto;
margin-right: auto;
}
sport-widget .stats-button {
margin-bottom: 1px;
display: flex;
}
sport-widget .match-stat-block {
transform: rotate3d(1, 0, 0, 60deg);
margin-left: 9%;
width: 82%;
}
sport-widget .match-stat-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
sport-widget .event-inc-buttons {
display: flex;
}
sport-widget .sport-img {
height: 20px;
width: 20px;
margin: 0 5px 0 5px;
}
sport-widget .court-pi {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
position: relative;
color: white;
}
loader-window,
message-window,
sms-code-verification-window {
text-align: center;
}
loader-window .loader-img,
message-window .loader-img,
sms-code-verification-window .loader-img {
width: 140px;
display: flex;
margin: 20px auto 0;
}
loader-window .loader-count-down,
message-window .loader-count-down,
sms-code-verification-window .loader-count-down {
text-align: center;
}
loader-window .loader-spinner,
message-window .loader-spinner,
sms-code-verification-window .loader-spinner {
width: 140px;
display: flex;
margin: 10px auto 20px;
}
loader-window input[type=number]::-webkit-inner-spin-button,
message-window input[type=number]::-webkit-inner-spin-button,
sms-code-verification-window input[type=number]::-webkit-inner-spin-button,
loader-window input[type=number]::-webkit-outer-spin-button,
message-window input[type=number]::-webkit-outer-spin-button,
sms-code-verification-window input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.one-row {
width: 100%;
}
.two-row {
width: 49.99%;
}
.three-row {
width: 33.3%;
}
.odd-fall {
animation-name: fall;
animation-duration: 2s;
}
.odd-raise {
animation-name: raise;
animation-duration: 2s;
}
.nav-tabs {
display: flex;
}
.nav-tabs .nav-tabs-icon {
width: 15%;
display: flex;
align-items: center;
}
.nav-tabs .nav-tabs-text {
width: 85%;
}
.highlighted-event {
background: #a0a0d8 !important;
color: #000 !important;
}
.i-mobile .sandwich-sportsbook,
.i-mobile .sandwich-magicwin,
.i-mobile .sandwich-casino,
.i-mobile .sandwich-live-casino,
.i-mobile .sandwich-language,
.i-mobile .sandwich-balance-sheet,
.i-mobile .sandwich-aviator,
.i-mobile .sandwich-helicopter,
.i-mobile .sandwich-authorization,
.i-mobile .sandwich-invite-new-player,
.i-mobile .sandwich-invited-players,
.i-mobile .sandwich-my-bets,
.i-mobile .sandwich-transaction,
.i-mobile .sandwich-withdraw,
.i-mobile .sandwich-lucky6,
.i-mobile .sandwich-theme,
.i-mobile .sandwich-slots {
background-size: 60%;
background-repeat: no-repeat;
background-position: left center;
image-rendering: auto;
}
.i-mobile .sandwich-sportsbook {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/sportsbook.png");
}
.i-mobile .sandwich-magicwin {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/magicwin.png");
}
.i-mobile .sandwich-casino {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/casino.png");
}
.i-mobile .sandwich-live-casino {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/live_casino.png");
}
.i-mobile .sandwich-language {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/language.png");
transform: translateX(-1px);
}
.i-mobile .sandwich-balance-sheet {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/balance_sheet.png");
background-size: 45%;
transform: translateX(-1px);
}
.i-mobile .sandwich-aviator {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/aviator.png");
background-size: 70%;
transform: translate(-2px, -1px);
}
.i-mobile .sandwich-helicopter {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/helicopter.png");
background-size: 95%;
transform: translateX(-4px);
}
.i-mobile .sandwich-authorization {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/authorization.png");
background-size: 55%;
}
.i-mobile .sandwich-invite-new-player {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/invite_new_player.png");
background-size: 70%;
transform: translateX(-2px);
}
.i-mobile .sandwich-invited-players {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/invited_players.png");
background-size: 70%;
transform: translateX(-2px);
}
.i-mobile .sandwich-my-bets {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/my_bets.png");
background-size: 55%;
}
.i-mobile .sandwich-transaction {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/transaction.png");
background-size: 65%;
transform: translate(-2px, -2px);
}
.i-mobile .sandwich-withdraw {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/withdraw.png");
background-size: 55%;
}
.i-mobile .sandwich-lucky6 {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/lucky6.png");
background-size: 65%;
transform: translateX(-1px);
}
.i-mobile .sandwich-theme {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/theme.png");
background-size: 70%;
transform: translateX(-2px);
}
.i-mobile .sandwich-slots {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=sandwich/slots.png");
background-size: 70%;
transform: translateX(-2px);
}
.desktop sport-widget .home-name-container,
.desktop sport-widget .guest-name-container {
display: flex !important;
margin-left: 10px !important;
}
.desktop sport-widget .home-name-container img,
.desktop sport-widget .guest-name-container img {
height: 33px !important;
width: 33px !important;
margin: 0 !important;
}
.desktop .odds-right-side {
width: 66%;
margin-left: 34%;
}
mobile sport-widget .home-name,
mobile sport-widget .guest-name {
padding-left: 10px;
line-height: 28px;
}
mobile sport-widget .home-name-container,
mobile sport-widget .guest-name-container {
display: flex !important;
padding: 0 10px !important;
align-items: center !important;
}
mobile sport-widget .home-name-container img,
mobile sport-widget .guest-name-container img {
height: 20px !important;
width: 20px !important;
margin: 0 !important;
}
.top-leagues-container {
margin-bottom: 15px;
}
.top-leagues-container .top-league {
cursor: pointer;
text-transform: uppercase;
}
.top-leagues-container .top-league .top-league-body {
padding: 8px 14px;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #000;
}
.top-leagues-container .top-league .active {
background: #fff;
color: #000;
}
.top-leagues-container .top-league .active .count {
background: #000;
color: #fff;
}
.top-leagues-container .top-league .top-league-content {
display: flex;
align-items: center;
position: relative;
width: 195px;
}
.top-leagues-container .top-league .top-league-icon {
width: 14px !important;
position: absolute;
top: -2px;
left: -5px;
}
.top-leagues-container .top-league .top-league-img {
width: 28px;
max-height: 28px;
padding-right: 5px;
}
.top-leagues-container .top-league .top-league-text {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.top-leagues-container .top-league .count {
background: #fff;
color: #000;
line-height: 17px;
font-size: 11px;
font-weight: 500;
border-radius: 10px;
padding: 2px 7px;
}
body {
color: #fff;
font-size: 12px;
}
.desktop {
background-color: #040404;
}
.desktop #header .logo img {
display: none;
}
.desktop .sport-info-bar {
position: fixed;
top: 0;
width: calc(100% - 337px);
min-width: 925px;
z-index: 2;
background: #656565;
height: 62px;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.desktop .sport-info-bar .empty-block > div {
display: none;
}
.desktop .btn-back-to-top {
display: block !important;
}
.desktop .page {
min-height: calc(100vh - 220px);
}
.desktop .fa-television {
position: absolute;
left: 2px;
top: 2px;
font-size: 12px;
color: #aaa;
cursor: pointer;
}
.desktop .fa-television:hover,
.desktop .fa-television.active {
color: #c40200 !important;
}
.desktop sport-widget .panel {
background-color: #7f7f7f;
display: flex;
align-items: center;
height: 20px;
}
.desktop sport-widget .panel .sport-img {
height: 20px;
margin: 0 5px 0 10px;
}
.desktop sport-widget .panel .league-name {
width: 100%;
font-size: 12px;
}
.desktop sport-widget .panel .header-result {
min-width: 60px;
text-align: center;
border-left: 1px solid rgba(0, 0, 0, 0.1);
font-size: 12px;
}
.desktop sport-widget tennis-component .score-table {
background-color: #1f4d92;
position: absolute;
margin-bottom: 1%;
}
.desktop sport-widget tennis-component .row-head {
background-color: #163768;
}
.desktop sport-widget volleyball-component .score-table {
background-color: #1f4d92;
position: absolute;
margin-bottom: 1%;
}
.desktop sport-widget volleyball-component .row-head {
background-color: #163768;
}
.desktop sport-widget table-tennis-component .score-table {
background-color: #1f4d92;
position: absolute;
margin-bottom: 1%;
}
.desktop sport-widget table-tennis-component .row-head {
background-color: #163768;
}
.desktop sport-widget ice-hockey-component .score-table {
background-color: #1f4d92;
position: absolute;
margin-bottom: 1%;
}
.desktop sport-widget ice-hockey-component .row-head {
background-color: #163768;
}
.desktop sport-widget basketball-component .score-table {
color: black;
background-color: #ffc164;
position: absolute;
}
.desktop sport-widget basketball-component .row-head {
color: black;
background-color: #ffb547;
}
.desktop sport-widget .ev-stat-name {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 80%;
color: white;
}
.desktop sport-widget .hide {
width: 100%;
background-color: #7f7f7f;
cursor: pointer;
text-align: center;
height: 20px;
}
.desktop sport-widget .Background {
width: 100%;
}
.desktop sport-widget #widget-component {
width: 100%;
background-color: #424242;
}
.desktop sport-widget .left-side {
width: 50%;
float: left;
background-color: #444444;
}
.desktop sport-widget .left-side-max {
width: 100%;
float: left;
background-color: #444444;
}
.desktop sport-widget .infoheader {
display: flex;
justify-content: space-between;
background-color: #4e4e4e;
}
.desktop sport-widget .header-home {
color: white;
margin-top: 5px;
font-size: 20px;
margin-left: 5px;
}
.desktop sport-widget .header-away {
color: white;
margin-top: 5px;
font-size: 20px;
margin-right: 5px;
}
.desktop sport-widget #status-div {
background-color: green;
color: #000;
height: 15px;
}
.desktop sport-widget .field {
height: 272px;
background-size: 100% 101%;
background-repeat: no-repeat;
}
.desktop sport-widget .soccer-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/football.png");
}
.desktop sport-widget .tennis-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/tennis.png");
}
.desktop sport-widget .table-tennis-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/table-tennis.png");
}
.desktop sport-widget .basketball-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/basketball.png");
}
.desktop sport-widget .rugby-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/rugby.png");
}
.desktop sport-widget .volleyball-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/volleyball.png");
}
.desktop sport-widget .ice-hockey-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/ice-hockey.png");
}
.desktop sport-widget .home-team {
width: 100%;
display: flex;
align-items: center;
}
.desktop sport-widget .hide-all-stats {
border-right: 50px solid transparent;
border-bottom: 16px solid #4e4e4e;
border-left: 50px solid transparent;
cursor: pointer;
position: absolute;
width: 20%;
right: 40%;
z-index: 9999;
bottom: 0;
}
.desktop sport-widget .hide-all-stats-inner {
width: 100%;
position: absolute;
background-color: #4e4e4e;
text-align: center;
}
.desktop sport-widget .chart {
position: absolute;
top: 0;
}
.desktop sport-widget .chart-block {
display: block;
width: 100%;
}
.desktop sport-widget .match-time {
text-align: center;
min-width: 20%;
display: flex;
flex-direction: column;
justify-content: center;
}
.desktop sport-widget .away-team {
display: flex;
width: 100%;
align-items: center;
justify-content: flex-end;
}
.desktop sport-widget .image {
height: 50px;
margin: 10px;
}
.desktop sport-widget .score-w {
position: relative;
font-size: 35px;
text-align: center;
border: 1px;
border-bottom-color: #353535;
}
.desktop sport-widget .button {
width: 33%;
background-repeat: no-repeat;
align-content: center;
float: left;
background-size: 100% 100%;
height: 20px;
background-image: url("/angular/Site/srchttps://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/ball/ball_football.png");
}
.desktop sport-widget .ev-stat {
position: relative;
overflow-y: scroll;
align-content: center;
height: 200px;
background-color: #191919;
color: white;
}
.desktop sport-widget .event-inc-buttons {
display: flex;
}
.desktop sport-widget .ev-inc {
height: 200px;
background-color: #191919;
overflow-y: scroll;
}
.desktop sport-widget progress {
width: 100%;
-webkit-appearance: none;
}
.desktop sport-widget .stats-succsessfull {
display: flex;
align-items: flex-end;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5px;
padding-top: 0;
z-index: 999;
}
.desktop sport-widget .stats-all {
display: flex;
align-items: flex-end;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5px;
}
.desktop sport-widget .score-table {
opacity: 0.9;
display: flex;
}
.desktop sport-widget .row-value {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
height: 30%;
padding: 10px;
}
.desktop sport-widget .row-head {
font-size: 20px;
height: 40%;
padding: 10px;
line-height: 21px;
color: #f1f4fd;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
}
.desktop sport-widget .result-column {
min-width: 60px;
text-align: center;
border-left: 1px solid rgba(0, 0, 0, 0.1);
font-size: 12px;
}
.desktop sport-widget .result-column .home-result {
padding: 5px 0 0 0;
line-height: 28px;
}
.desktop sport-widget .result-column .guest-result {
padding: 10px 0 0 0;
}
.desktop sport-widget .name-column {
width: 100%;
font-size: 15px;
min-height: 72px;
}
.desktop sport-widget .name-column .home-name-container {
display: flex;
margin-left: 10px;
}
.desktop sport-widget .name-column .home-name-container img {
height: 38px;
width: 38px;
margin: 0;
}
.desktop sport-widget .name-column .guest-name-container {
display: flex;
margin-left: 10px;
}
.desktop sport-widget .name-column .guest-name-container img {
height: 38px;
width: 38px;
margin: 0;
}
.desktop sport-widget .name-column .game-head {
line-height: 21px;
font-size: 20px;
height: 20%;
padding: 10px;
color: #f1f4fd;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
}
.desktop sport-widget .name-column .home-name {
padding: 5px 0 0 10px;
line-height: 28px;
}
.desktop sport-widget .name-column .guest-name {
padding: 10px 0 0 10px;
}
.desktop sport-widget .all-progress[value]::-webkit-progress-bar {
background: #ffd31d;
}
.desktop sport-widget .all-progress[value]::-webkit-progress-value {
background: #008000;
}
.desktop sport-widget .succsess-progress[value]::-webkit-progress-bar {
background: #ffd31d;
}
.desktop sport-widget .succsess-progress[value]::-webkit-progress-value {
background: #008000;
}
.desktop sport-widget .event-image img {
height: 20px;
width: 20px;
border-radius: 10%;
background-color: #878787;
padding: 0.5px;
}
.desktop sport-widget .canvas-margin {
margin-top: 0px;
}
.desktop sport-widget .event-image {
width: 20px;
}
.desktop sport-widget .ev-inc-home {
color: green;
display: flex;
align-items: center;
padding: 0 10px;
height: 25px;
}
.desktop sport-widget .ev-inc-text {
margin-left: 5px;
}
.desktop sport-widget .ev-inc-away {
color: #ffd31d;
height: 25px;
display: flex;
align-items: center;
padding: 0 10px;
}
.desktop sport-widget .ev-stat-elem:nth-child(2n + 1) {
background: #303032;
height: 30px;
}
.desktop sport-widget .ev-stat-elem:nth-child(2n) {
background: #414143;
height: 30px;
}
.desktop sport-widget .ev-inc-elem:nth-child(2n + 1) {
background: #303032;
}
.desktop sport-widget .ev-inc-elem:nth-child(2n) {
background: #414143;
}
.desktop sport-widget .Svg-style {
width: 100%;
opacity: 0.4;
}
.desktop sport-widget .match-status {
position: absolute;
width: 100%;
height: 30px;
/* margin-bottom: 30px; */
z-index: 9998;
bottom: 85px;
text-align: center;
font-size: 50px;
perspective: 500px;
}
.desktop sport-widget .match-stat-block {
transform: rotate3d(1, 0, 0, 60deg);
margin-left: 9%;
width: 82%;
}
.desktop sport-widget .match-stat-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.desktop sport-widget .stats-button {
margin-bottom: 1px;
display: flex;
}
.desktop sport-widget .stats {
display: table-cell;
width: 100%;
background: transparent;
text-align: center;
text-transform: uppercase;
color: #d7d7d8;
padding: 3px;
font-size: 12px;
cursor: pointer;
background-color: #4e4e4e;
font-weight: 600;
border-left: 1px solid #414141;
}
.desktop sport-widget .stats:hover {
background-color: #ffd31d;
color: #0f0e3e;
}
.desktop sport-widget .selected {
background-color: #ffd31d;
color: #000;
}
.desktop sport-widget .pitch {
top: auto;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.desktop sport-widget .court-pi {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
position: relative;
color: #fff;
}
.desktop sport-widget .status-div-h-s {
color: #ffffff;
background: black;
opacity: 0.4;
}
.desktop sport-widget .status-div-h-a {
color: #ffff00;
background: black;
opacity: 0.4;
}
.desktop sport-widget .status-div-h-d {
color: #ff0000;
background: black;
opacity: 0.4;
}
.desktop sport-widget .status-div-a-s {
color: #ffffff;
background: black;
opacity: 0.4;
}
.desktop sport-widget .status-div-a-a {
color: #ffff00;
background: black;
opacity: 0.4;
}
.desktop sport-widget .status-div-a-d {
color: #ff0000;
background: black;
opacity: 0.4;
}
.desktop sport-widget .triangle-topleft {
width: 0;
height: 0;
border-top: 14px solid red;
border-right: 14px solid transparent;
position: absolute;
}
.desktop sport-widget .triangle-topright {
width: 0;
height: 0;
border-top: 14px solid red;
border-left: 14px solid transparent;
position: absolute;
}
.desktop virtual-sports iframe {
width: 100%;
min-height: 800px;
}
.desktop casino spinner {
width: 100%;
height: 100%;
}
.desktop casino .casino-container {
width: 100%;
/* display: flex;
margin: 1% auto;*/
/* .brands-tree {
width: 250px;
margin: 0 10px;
.header {
display: flex;
justify-content: space-between;
height: 40px;
align-items: center;
font-size: 13px;
text-transform: uppercase;
margin: 0 10px;
}
.providers-container {
.providers-list {
font-size: 13px;
text-transform: uppercase;
display: flex;
background: #1d2666;
height: 40px;
align-items: center;
cursor: pointer;
.provider {
}
img {
width: 60px;
}
&:hover, &.active {
background: #fec70b;
color: black;
}
}
}
}*/
}
.desktop casino .casino-container > h1 {
margin-left: 15px;
}
.desktop casino .casino-container casino-iframe .iframe-layout .game-content .game-panel .game-info .game-title {
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
margin: 22px 0px 22px;
}
.desktop casino .casino-container casino-iframe .iframe-layout .game-content .game-panel .game-info .details-container .detail {
margin: 0px 0px 12px 0px;
padding: 0px 0px 11px 0px;
border-bottom: 1px solid #ccc;
position: relative;
font-weight: 300;
font-size: 15px;
text-transform: capitalize;
}
.desktop casino .casino-container casino-iframe .iframe-layout .game-content .game-panel .game-info .details-container .detail span:first-child {
margin-right: 5px;
}
.desktop casino .casino-container casino-iframe .iframe-layout .game-content .game-panel .game-info .btn-container {
display: flex;
justify-content: center;
}
.desktop casino .casino-container casino-iframe .iframe-layout .game-content .game-panel .game-info .btn-container > span {
padding: 5px;
background: #d21c2d;
color: white;
text-transform: uppercase;
font-weight: 600;
width: 100px;
}
.desktop casino .casino-container .casino-header {
display: flex;
background: #181d47;
align-items: center;
height: 100px;
padding: 5px 0px;
}
.desktop casino .casino-container .casino-header .search-container {
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
justify-content: center;
padding: 15px 15px 15px 0;
width: 15%;
min-width: 220px;
}
.desktop casino .casino-container .casino-header .search-container .search-input {
height: 24px;
margin-bottom: 5px;
}
.desktop casino .casino-container .casino-header .search-container .search-button {
background-color: #d21c2d;
color: #fff;
cursor: pointer;
display: flex;
font-size: 14px;
height: 24px;
justify-content: center;
align-items: center;
width: 172px;
}
.desktop casino .casino-container .casino-header .providers-container {
display: flex;
box-sizing: border-box;
flex-flow: wrap;
padding: 10px 10px;
width: 100%;
}
.desktop casino .casino-container .casino-header .providers-container .provider {
display: flex;
font-size: 14px;
font-weight: bold;
box-sizing: border-box;
height: 35px;
width: 15%;
align-items: center;
letter-spacing: 1px;
text-transform: uppercase;
}
.desktop casino .casino-container .casino-header .providers-container .provider .provider-checkbox {
display: flex;
background: #fff;
border: 1px solid #d21c2d;
color: #040404;
height: 25px;
min-width: 25px;
font-size: 20px;
justify-content: center;
align-items: center;
}
.desktop casino .casino-container .casino-header .providers-container .provider .provider-name {
margin-left: 5px;
}
.desktop casino .casino-container .casino-body {
display: flex;
flex-direction: column;
max-width: 1366px;
margin: 0 auto;
}
.desktop casino .casino-container .casino-body .plate {
padding: 20px;
background: #cfcfcf;
}
.desktop casino .casino-container .casino-body .plate .casino-tree {
width: 100%;
overflow-x: auto;
}
.desktop casino .casino-container .casino-body .plate .casino-tree .types-container {
cursor: pointer;
text-transform: uppercase;
display: flex;
}
.desktop casino .casino-container .casino-body .plate .casino-tree .types-container .favorite-menu {
background: linear-gradient(#F7F7F7, #CCCCCC);
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
color: black;
}
.desktop casino .casino-container .casino-body .plate .casino-tree .types-container .favorite-menu .favorite-btn {
display: flex;
flex-direction: row;
justify-content: center;
}
.desktop casino .casino-container .casino-body .plate .casino-tree .types-container .favorite-menu .fav-text {
align-self: center;
font-weight: bold;
}
.desktop casino .casino-container .casino-body .plate .casino-tree .types-container .favorite-menu .fa {
font-size: 150%;
margin: 0px 5px;
}
.desktop casino .casino-container .casino-body .plate .casino-tree .types-container .favorite-menu:hover,
.desktop casino .casino-container .casino-body .plate .casino-tree .types-container .favorite-menu.active {
background: linear-gradient(#20BF00, #168400);
color: #fff;
}
.desktop casino .casino-container .casino-body .plate .casino-tree .types-container .type {
display: flex;
justify-content: space-between;
background: linear-gradient(#F7F7F7, #CCCCCC);
color: black;
font-weight: 500;
align-items: center;
line-height: 20px;
padding: 10px 0;
width: 100%;
}
.desktop casino .casino-container .casino-body .plate .casino-tree .types-container .type:not(:last-child) {
border-right: 1px solid #656565;
}
.desktop casino .casino-container .casino-body .plate .casino-tree .types-container .type .type-item {
display: flex;
justify-content: center;
text-transform: uppercase;
width: 100%;
}
.desktop casino .casino-container .casino-body .plate .casino-tree .types-container .type:hover,
.desktop casino .casino-container .casino-body .plate .casino-tree .types-container .type.active {
background: linear-gradient(#20BF00, #168400);
color: white;
}
.desktop casino .casino-container .casino-body .plate .games .games-container {
display: flex;
flex-flow: wrap;
padding: 10px 15px;
/*background-color: #0e122d;*/
background-color: #fff;
}
.desktop casino .casino-container .casino-body .plate .games .games-container .game {
display: flex;
flex-flow: column nowrap;
cursor: pointer;
/* min-width: 199px;
width: 10%;*/
min-width: 185px;
width: 20%;
padding: 0 5px 5px 5px;
}
.desktop casino .casino-container .casino-body .plate .games .games-container .game .star-position {
position: absolute;
margin: 10px;
font-size: 300%;
}
.desktop casino .casino-container .casino-body .plate .games .games-container .game .play-container {
display: flex;
justify-content: flex-end;
}
.desktop casino .casino-container .casino-body .plate .games .games-container .game .play-container img {
/*height: 164px;*/
height: 166px;
width: 100%;
border: 1px solid #ddd;
}
.desktop casino .casino-container .casino-body .plate .games .games-container .game .play-container .icon-new {
background-image: url(/assets/img/casino/new.png);
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
z-index: 1;
position: absolute;
}
.desktop casino .casino-container .casino-body .plate .games .games-container .game .game-title {
align-items: center;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
box-sizing: border-box;
color: black;
display: flex;
font-size: 14px;
font-weight: bold;
height: 34px;
justify-content: center;
width: 100%;
padding: 0 10px;
}
.desktop casino .casino-container .casino-body .plate .games .show-more-games {
font-size: 15px;
cursor: pointer;
width: 100%;
justify-content: center;
align-items: center;
display: flex;
background: linear-gradient(#20BF00, #168400);
height: 25px;
}
.desktop casino .casino-container .casino-body .plate .games .show-more-games:hover {
background: linear-gradient(#168400, #20BF00);
}
.desktop casino .casino-container .iframe-layout {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 3;
background: rgba(0, 0, 0, 0.6);
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.desktop casino .casino-container .iframe-layout .fullscreen {
width: 100% !important;
height: 100% !important;
}
.desktop casino .casino-container .iframe-layout .fullscreen .game-iframe-container {
width: 100% !important;
height: 100%;
}
.desktop casino .casino-container .iframe-layout .fullscreen .game-iframe-container .game-iframe {
height: 100%;
}
.desktop casino .casino-container .iframe-layout .fullscreen .game-panel {
position: absolute;
right: 20px;
top: 20px;
height: 50px !important;
}
.desktop casino .casino-container .iframe-layout .fullscreen .game-panel .game-menu {
min-width: 0 !important;
background-color: transparent !important;
}
.desktop casino .casino-container .iframe-layout .fullscreen .game-panel .game-menu .btn-container:first-child {
display: none;
}
.desktop casino .casino-container .iframe-layout .fullscreen .game-panel .game-menu .btn-container {
background-color: transparent !important;
}
.desktop casino .casino-container .iframe-layout .game-content {
display: flex;
flex-flow: column wrap;
height: 80%;
width: 90%;
}
.desktop casino .casino-container .iframe-layout .game-content .game-iframe-container {
border: 1px solid;
background: rgba(0, 0, 0, 0.75);
width: calc(100% - 230px);
height: 100%;
}
.desktop casino .casino-container .iframe-layout .game-content .game-iframe-container .error-message > span {
display: flex;
justify-content: center;
font-size: 40px;
}
.desktop casino .casino-container .iframe-layout .game-content .game-iframe-container .game-iframe {
height: 100%;
}
.desktop casino .casino-container .iframe-layout .game-content .game-panel {
display: flex;
flex-direction: column;
height: 100%;
}
.desktop casino .casino-container .iframe-layout .game-content .game-panel .game-menu {
display: flex;
align-items: center;
background: #141356;
justify-content: flex-end;
min-width: 230px;
height: 50px;
}
.desktop casino .casino-container .iframe-layout .game-content .game-panel .game-menu .btn-container {
align-items: center;
cursor: pointer;
display: flex;
height: 30px;
justify-content: center;
width: 30px;
}
.desktop casino .casino-container .iframe-layout .game-content .game-panel .game-menu .btn-container .menu-btn .fa {
font-size: 20px;
}
.desktop casino .casino-container .iframe-layout .game-content .game-panel .game-info {
height: calc(100% - 50px);
background-color: #4d4d4d;
box-sizing: border-box;
display: flex;
flex-flow: column;
padding: 8px 20px;
width: 230px;
}
.desktop casino .casino-container .iframe-layout .fullscreen .game-panel .game-menu {
top: 0;
right: 0;
position: fixed;
background: none;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.desktop aviator-casino spinner {
width: 100%;
height: 100%;
}
.desktop aviator-casino .casino-container {
width: 100%;
/* display: flex;
margin: 1% auto;*/
/* .brands-tree {
width: 250px;
margin: 0 10px;
.header {
display: flex;
justify-content: space-between;
height: 40px;
align-items: center;
font-size: 13px;
text-transform: uppercase;
margin: 0 10px;
}
.providers-container {
.providers-list {
font-size: 13px;
text-transform: uppercase;
display: flex;
background: #1d2666;
height: 40px;
align-items: center;
cursor: pointer;
.provider {
}
img {
width: 60px;
}
&:hover, &.active {
background: #fec70b;
color: black;
}
}
}
}*/
}
.desktop aviator-casino .casino-container > h1 {
margin-left: 15px;
}
.desktop aviator-casino .casino-container casino-iframe .iframe-layout .game-content .game-panel .game-info .game-title {
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
margin: 22px 0px 22px;
}
.desktop aviator-casino .casino-container casino-iframe .iframe-layout .game-content .game-panel .game-info .details-container .detail {
margin: 0px 0px 12px 0px;
padding: 0px 0px 11px 0px;
border-bottom: 1px solid #ccc;
position: relative;
font-weight: 300;
font-size: 15px;
text-transform: capitalize;
}
.desktop aviator-casino .casino-container casino-iframe .iframe-layout .game-content .game-panel .game-info .details-container .detail span:first-child {
margin-right: 5px;
}
.desktop aviator-casino .casino-container casino-iframe .iframe-layout .game-content .game-panel .game-info .btn-container {
display: flex;
justify-content: center;
}
.desktop aviator-casino .casino-container casino-iframe .iframe-layout .game-content .game-panel .game-info .btn-container > span {
padding: 5px;
background: #d21c2d;
color: white;
text-transform: uppercase;
font-weight: 600;
width: 100px;
}
.desktop aviator-casino .casino-container .casino-header {
display: flex;
background: #181d47;
align-items: center;
height: 100px;
padding: 5px 0px;
}
.desktop aviator-casino .casino-container .casino-header .search-container {
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
justify-content: center;
padding: 15px 15px 15px 0;
width: 15%;
min-width: 220px;
}
.desktop aviator-casino .casino-container .casino-header .search-container .search-input {
height: 24px;
margin-bottom: 5px;
}
.desktop aviator-casino .casino-container .casino-header .search-container .search-button {
background-color: #d21c2d;
color: #fff;
cursor: pointer;
display: flex;
font-size: 14px;
height: 24px;
justify-content: center;
align-items: center;
width: 172px;
}
.desktop aviator-casino .casino-container .casino-header .providers-container {
display: flex;
box-sizing: border-box;
flex-flow: wrap;
padding: 10px 10px;
width: 100%;
}
.desktop aviator-casino .casino-container .casino-header .providers-container .provider {
display: flex;
font-size: 14px;
font-weight: bold;
box-sizing: border-box;
height: 35px;
width: 15%;
align-items: center;
letter-spacing: 1px;
text-transform: uppercase;
}
.desktop aviator-casino .casino-container .casino-header .providers-container .provider .provider-checkbox {
display: flex;
background: #fff;
border: 1px solid #d21c2d;
color: #040404;
height: 25px;
min-width: 25px;
font-size: 20px;
justify-content: center;
align-items: center;
}
.desktop aviator-casino .casino-container .casino-header .providers-container .provider .provider-name {
margin-left: 5px;
}
.desktop aviator-casino .casino-container .casino-body {
display: flex;
flex-direction: column;
max-width: 1366px;
margin: 0 auto;
}
.desktop aviator-casino .casino-container .casino-body .plate {
padding: 20px;
background: #cfcfcf;
}
.desktop aviator-casino .casino-container .casino-body .plate .casino-tree {
width: 100%;
overflow-x: auto;
}
.desktop aviator-casino .casino-container .casino-body .plate .casino-tree .types-container {
cursor: pointer;
text-transform: uppercase;
display: flex;
border-top: 1px solid black;
}
.desktop aviator-casino .casino-container .casino-body .plate .casino-tree .types-container .favorite-menu {
background: #141356;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
}
.desktop aviator-casino .casino-container .casino-body .plate .casino-tree .types-container .favorite-menu .favorite-btn {
display: flex;
flex-direction: row;
justify-content: center;
}
.desktop aviator-casino .casino-container .casino-body .plate .casino-tree .types-container .favorite-menu .fav-text {
align-self: center;
font-weight: bold;
}
.desktop aviator-casino .casino-container .casino-body .plate .casino-tree .types-container .favorite-menu .fa {
font-size: 150%;
margin: 0px 5px;
}
.desktop aviator-casino .casino-container .casino-body .plate .casino-tree .types-container .favorite-menu:hover {
background: #d21c2d;
color: #fff;
}
.desktop aviator-casino .casino-container .casino-body .plate .casino-tree .types-container .favorite-menu.active {
background: #fff;
color: #000;
}
.desktop aviator-casino .casino-container .casino-body .plate .casino-tree .types-container .type {
display: flex;
justify-content: space-between;
background: #1d2666;
align-items: center;
line-height: 20px;
padding: 10px 0;
border-right: 1px solid #040404;
width: 100%;
}
.desktop aviator-casino .casino-container .casino-body .plate .casino-tree .types-container .type .type-item {
display: flex;
justify-content: center;
text-transform: uppercase;
width: 100%;
}
.desktop aviator-casino .casino-container .casino-body .plate .casino-tree .types-container .type:hover,
.desktop aviator-casino .casino-container .casino-body .plate .casino-tree .types-container .type.active {
background: #d21c2d;
/* background: #fec70b;
color: #000;
font-weight: 500;*/
}
.desktop aviator-casino .casino-container .casino-body .plate .games .games-container {
display: flex;
flex-flow: wrap;
padding: 10px 15px;
/*background-color: #0e122d;*/
background-color: #fff;
}
.desktop aviator-casino .casino-container .casino-body .plate .games .games-container .game {
display: flex;
flex-flow: column nowrap;
cursor: pointer;
/* min-width: 199px;
width: 10%;*/
min-width: 185px;
width: 20%;
padding: 0 5px 5px 5px;
}
.desktop aviator-casino .casino-container .casino-body .plate .games .games-container .game .star-position {
position: absolute;
margin: 10px;
font-size: 300%;
}
.desktop aviator-casino .casino-container .casino-body .plate .games .games-container .game .play-container {
display: flex;
justify-content: flex-end;
}
.desktop aviator-casino .casino-container .casino-body .plate .games .games-container .game .play-container img {
/*height: 164px;*/
height: 166px;
width: 100%;
border: 1px solid #ddd;
}
.desktop aviator-casino .casino-container .casino-body .plate .games .games-container .game .play-container .icon-new {
background-image: url(/assets/img/casino/new.png);
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
z-index: 1;
position: absolute;
}
.desktop aviator-casino .casino-container .casino-body .plate .games .games-container .game .game-title {
align-items: center;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
box-sizing: border-box;
color: black;
display: flex;
font-size: 14px;
font-weight: bold;
height: 34px;
justify-content: center;
width: 100%;
padding: 0 10px;
}
.desktop aviator-casino .casino-container .casino-body .plate .games .show-more-games {
font-size: 15px;
cursor: pointer;
width: 100%;
justify-content: center;
align-items: center;
display: flex;
background: #141356;
height: 25px;
}
.desktop aviator-casino .casino-container .casino-body .plate .games .show-more-games:hover {
background: #d21c2d;
}
.desktop aviator-casino .casino-container .iframe-layout {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 3;
background: rgba(0, 0, 0, 0.6);
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.desktop aviator-casino .casino-container .iframe-layout .fullscreen {
width: 100% !important;
height: 100% !important;
}
.desktop aviator-casino .casino-container .iframe-layout .fullscreen .game-iframe-container {
width: 100% !important;
height: 100%;
}
.desktop aviator-casino .casino-container .iframe-layout .fullscreen .game-iframe-container .game-iframe {
height: 100%;
}
.desktop aviator-casino .casino-container .iframe-layout .fullscreen .game-panel {
position: absolute;
right: 20px;
top: 20px;
height: 50px !important;
}
.desktop aviator-casino .casino-container .iframe-layout .fullscreen .game-panel .game-menu {
min-width: 0 !important;
background-color: transparent !important;
}
.desktop aviator-casino .casino-container .iframe-layout .fullscreen .game-panel .game-menu .btn-container:first-child {
display: none;
}
.desktop aviator-casino .casino-container .iframe-layout .fullscreen .game-panel .game-menu .btn-container {
background-color: transparent !important;
}
.desktop aviator-casino .casino-container .iframe-layout .game-content {
display: flex;
flex-flow: column wrap;
height: 80%;
width: 90%;
}
.desktop aviator-casino .casino-container .iframe-layout .game-content .game-iframe-container {
border: 1px solid;
background: rgba(0, 0, 0, 0.75);
width: calc(100% - 230px);
height: 100%;
}
.desktop aviator-casino .casino-container .iframe-layout .game-content .game-iframe-container .error-message > span {
display: flex;
justify-content: center;
font-size: 40px;
}
.desktop aviator-casino .casino-container .iframe-layout .game-content .game-iframe-container .game-iframe {
height: 100%;
}
.desktop aviator-casino .casino-container .iframe-layout .game-content .game-panel {
display: flex;
flex-direction: column;
height: 100%;
}
.desktop aviator-casino .casino-container .iframe-layout .game-content .game-panel .game-menu {
display: flex;
align-items: center;
background: #141356;
justify-content: flex-end;
min-width: 230px;
height: 50px;
}
.desktop aviator-casino .casino-container .iframe-layout .game-content .game-panel .game-menu .btn-container {
align-items: center;
cursor: pointer;
display: flex;
height: 30px;
justify-content: center;
width: 30px;
}
.desktop aviator-casino .casino-container .iframe-layout .game-content .game-panel .game-menu .btn-container .menu-btn .fa {
font-size: 20px;
}
.desktop aviator-casino .casino-container .iframe-layout .game-content .game-panel .game-info {
height: calc(100% - 50px);
background-color: #4d4d4d;
box-sizing: border-box;
display: flex;
flex-flow: column;
padding: 8px 20px;
width: 230px;
}
.desktop aviator-casino .casino-container .iframe-layout .fullscreen .game-panel .game-menu {
top: 0;
right: 0;
position: fixed;
background: none;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.desktop .top-leagues-container .top-league .top-league-body {
border-top: 1px solid #20292F;
}
.desktop mini-statistics .mini-statistics {
padding: 10px;
}
.desktop account .page-content.day .acc-table .league-name {
color: #168400;
}
.desktop account .page-content.day .acc-btn {
background: linear-gradient(#646464, #4f4f4f) !important;
color: white;
border: 0;
}
.desktop account .page-content.day .acc-btn:hover {
background: linear-gradient(#4f4f4f, #646464) !important;
}
.desktop account .page-content.day .nav-tab:not(.active) {
background: linear-gradient(#646464, #4f4f4f);
}
.desktop account .page-content.day .nav-tab:not(.active):hover {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop account .page-content.day my-account .table > div {
background: #cccccc;
}
.desktop account .page-content.day my-account .table > div > div {
background: #cccccc;
color: black;
}
.desktop account .page-content.day my-account .table > div > div:last-child {
border-left: 2px solid #e7e7e7;
}
.desktop account .page-content.day my-account .header,
.desktop account .page-content.day my-account h4 {
color: black;
}
.desktop account .page-content.day my-account .fa-times:hover {
color: #168400;
}
.desktop account .page-content.day my-account .btn-confirm {
background: linear-gradient(#646464, #4f4f4f) !important;
color: white !important;
}
.desktop account .page-content.day my-account .btn-confirm:hover {
background: linear-gradient(#4f4f4f, #646464) !important;
}
.desktop account .page-content.day deposit-jambopay,
.desktop account .page-content.day withdraw-jambopay {
color: black;
}
.desktop account .page-content.day my-bets .table > div {
background: #cccccc;
color: black;
}
.desktop account .page-content.day my-bets .table > div > div:last-child {
border-left: 2px solid #e7e7e7;
}
.desktop account .page-content.day my-bets tr td {
background: #cccccc;
}
.desktop account .page-content.day my-bets .header,
.desktop account .page-content.day my-bets .details {
color: black;
}
.desktop account .page-content.day my-bets .tab:not(.selected) {
background: #bbbbbb;
color: black;
}
.desktop account .page-content.day my-bets .btn-refresh {
background: linear-gradient(#646464, #4f4f4f) !important;
color: white;
}
.desktop account .page-content.day my-bets .btn-refresh:hover {
background: linear-gradient(#4f4f4f, #646464) !important;
}
.desktop account .page-content.day vip-bets .table > div {
background: #cccccc;
color: black;
}
.desktop account .page-content.day vip-bets .table > div > div:last-child {
border-left: 2px solid #e7e7e7;
}
.desktop account .page-content.day vip-bets .header,
.desktop account .page-content.day vip-bets .details {
color: black;
}
.desktop account .page-content.day vip-bets .btn-refresh {
background: linear-gradient(#646464, #4f4f4f) !important;
color: white;
}
.desktop account .page-content.day vip-bets .btn-refresh:hover {
background: linear-gradient(#4f4f4f, #646464) !important;
}
.desktop account .page-content.day balance-sheet .header {
color: black;
}
.desktop account .page-content.day balance-sheet .tab:not(.selected) {
background: #bbbbbb;
color: black;
}
.desktop account .page-content.day balance-sheet .btn-refresh {
background: linear-gradient(#646464, #4f4f4f) !important;
color: white;
}
.desktop account .page-content.day balance-sheet .btn-refresh:hover {
background: linear-gradient(#4f4f4f, #646464) !important;
}
.desktop account .page-content.day balance-sheet .acc-table td {
background: #cccccc;
}
.desktop account .page-content.day notifications .text {
color: black;
}
.desktop account .page-content.day notifications .tab:not(.selected) {
background: #bbbbbb;
color: black;
}
.desktop account .page-content.day notifications .btn-refresh {
background: linear-gradient(#646464, #4f4f4f) !important;
color: white;
}
.desktop account .page-content.day notifications .btn-refresh:hover {
background: linear-gradient(#4f4f4f, #646464) !important;
}
.desktop account .page-content.day notifications .body .notifications-container .table-header-container {
background: #4d4d4d;
}
.desktop account .page-content.day notifications .body .notifications-container .notification-container {
background: #606060;
}
.desktop account .page-content.day send-money label,
.desktop account .page-content.day send-money span {
color: black;
}
.desktop account formula-points {
color: white;
}
.desktop account formula-points .table-formula {
width: 45%;
}
.desktop account formula-points .table-formula .header-points {
font-size: 20px;
height: 45px;
margin-top: 30px;
border-bottom: 1px solid white;
}
.desktop account formula-points .table-formula .points-description {
font-size: 13px;
margin: 30px 0 20px;
}
.desktop account formula-points .table-formula .points-body {
display: flex;
line-height: 40px;
border-bottom: 1px solid white;
}
.desktop account formula-points .table-formula .points-body .name {
width: 40%;
font-weight: 800;
font-size: 13px;
}
.desktop account formula-points .table-formula .points-body .value {
color: #fec70b;
}
.desktop account formula-points .table-formula .convert-button {
margin-top: 30px;
text-align: center;
background: -webkit-linear-gradient(top, #eaeaea, #9e9e9e);
background: -moz-linear-gradient(top, #eaeaea, #9e9e9e);
background: -ms-linear-gradient(top, #eaeaea, #9e9e9e);
background: -o-linear-gradient(top, #eaeaea, #9e9e9e);
cursor: pointer;
outline: 0;
border: 0;
color: black;
font-weight: bold;
font-size: 14px;
width: 100px;
padding: 8px;
text-transform: uppercase;
}
.desktop account formula-points .table-formula .convert-button:enabled:hover {
background: #fec70b;
}
.desktop account .acc-table {
width: 100%;
}
.desktop account .acc-table .checkbox-container {
width: 50px !important;
cursor: pointer;
}
.desktop account .acc-table .checkbox-container .checkbox-name {
width: 18px;
height: 18px;
background-color: #fff;
border-radius: 3px;
color: #000;
border: 1px solid black;
margin: auto;
}
.desktop account .acc-table .total-factor {
text-align: right;
}
.desktop account .acc-table th,
.desktop account .acc-table td {
line-height: 27px;
}
.desktop account .acc-table th {
background-color: #656565;
font-weight: normal;
text-align: center;
text-transform: uppercase;
}
.desktop account .acc-table tr {
border-top: 2px solid #040404;
}
.desktop account .acc-table td {
padding: 0 10px;
background-color: #fff;
color: #040404;
}
.desktop account .acc-table .league-name {
font-weight: bold;
color: #f9ad00;
}
.desktop account .header {
font-size: 30px;
text-transform: uppercase;
}
.desktop account .nav-container {
flex-direction: column;
padding: 0;
margin-right: 30px;
min-width: 200px;
}
.desktop account .nav-container .nav-tab {
background: linear-gradient(#545454, #353434);
font-size: 14px;
justify-content: flex-start;
border-bottom: 1px solid #20292F;
padding: 8px 15px;
width: 100%;
border-right: 0;
}
.desktop account .nav-container .nav-tab:first-child {
border-left: none;
}
.desktop account .nav-container .nav-tab:focus {
outline: none;
}
.desktop account .nav-container .nav-tab:hover,
.desktop account .nav-container .nav-tab.active {
background: linear-gradient(#F6C811, #DE9203);
color: #040404;
}
.desktop account .tabs-container {
border-bottom: 1px solid #333333;
display: flex;
font-size: 13px;
margin: 25px 0;
overflow: hidden;
width: 100%;
}
.desktop account .tabs-container .tab {
border-bottom: none;
cursor: pointer;
line-height: 37px;
margin-right: 3px;
min-width: 80px;
padding: 0 15px;
text-align: center;
background: linear-gradient(#F7F7F7, #CCCCCC);
color: black;
font-weight: 500;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.desktop account .tabs-container .tab.selected {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop account router-outlet + * {
display: flex;
flex-direction: column;
width: 100%;
}
.desktop account notifications .box-and-form {
display: flex;
}
.desktop account notifications .box-and-form .message-form {
display: flex;
}
.desktop account notifications .box-and-form .message-form button {
width: 110px;
}
.desktop account notifications .box-and-form .message-form input {
margin-right: 10px;
padding: 10px;
min-width: 600px;
border: none;
}
.desktop account notifications .box-and-form .message-form label {
font-size: 14px;
}
.desktop account notifications .box-and-form .message-form button {
background: -webkit-linear-gradient(top, #c40200, #780202);
background: -moz-linear-gradient(top, #c40200, #780202);
background: -ms-linear-gradient(top, #c40200, #780202);
background: -o-linear-gradient(top, #c40200, #780202);
background-color: #780202;
color: white;
border: none;
cursor: pointer;
border-radius: 3px;
}
.desktop account notifications .text {
font-size: 16px;
text-transform: uppercase;
}
.desktop account notifications .box {
display: flex;
font-size: 13px;
margin: 25px 0;
justify-content: space-between;
width: 85%;
}
.desktop account notifications .box .box-tabs {
display: flex;
}
.desktop account notifications .box .box-tabs .tab {
border-radius: 3px 3px 0 0;
border-bottom: none;
cursor: pointer;
line-height: 37px;
margin-right: 3px;
min-width: 80px;
padding: 0 15px;
text-align: center;
background: linear-gradient(#F7F7F7, #CCCCCC);
color: black;
font-weight: 500;
}
.desktop account notifications .box .box-tabs .tab.selected {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop account notifications .body .text {
font-size: 30px;
text-transform: uppercase;
}
.desktop account notifications .body .notifications-container .table-header-container {
display: flex;
width: 85%;
font-size: 12px;
background: #656565;
border: 1px solid black;
}
.desktop account notifications .body .notifications-container .table-header-container .notification-date {
width: 204px;
min-height: 25px;
border-right: 2px solid black;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
.desktop account notifications .body .notifications-container .table-header-container .notification-description {
width: 70%;
display: flex;
align-items: center;
margin-left: 10px;
justify-content: center;
}
.desktop account notifications .body .notifications-container .notification-container {
display: flex;
width: 85%;
font-size: 12px;
background-color: #333333;
border: 1px solid black;
}
.desktop account notifications .body .notifications-container .notification-container .notification-date {
margin-left: 14px;
width: 190px;
min-height: 30px;
border-right: 2px solid black;
display: flex;
align-items: center;
text-align: center;
}
.desktop account notifications .body .notifications-container .notification-container .notification-description.rejected,
.desktop account notifications .body .notifications-container .notification-container .notification-description.reverse {
color: red;
}
.desktop account notifications .body .notifications-container .notification-container .notification-description.accepted,
.desktop account notifications .body .notifications-container .notification-container .notification-description.deposit {
color: #1df91d;
}
.desktop account notifications .body .notifications-container .notification-container .notification-description {
width: 70%;
display: flex;
align-items: center;
margin-left: 10px;
}
.desktop betslip .header {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.desktop betslip .content {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.desktop betslip .title-betslip {
cursor: pointer;
}
.desktop .betslip-container {
width: 17%;
min-width: 240px;
padding: 0 0 0 15px;
}
.desktop .betslip-container betslip my-bets-betslip .wrapper {
display: flex;
justify-content: start;
align-items: stretch;
width: 100%;
}
.desktop .betslip-container betslip my-bets-betslip .info {
width: 90%;
}
.desktop .betslip-container betslip my-bets-betslip .switcher-arrow {
width: 29px;
height: 28px;
border: 1px solid #414141;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: white;
background: #d50000;
font-size: 22px;
font-weight: 800;
margin-left: 4px;
}
.desktop .betslip-container betslip my-bets-betslip .more-info,
.desktop .betslip-container betslip my-bets-betslip .less-info {
width: 10%;
}
.desktop .betslip-container betslip my-bets-betslip .info_details {
width: 50%;
}
.desktop .betslip-container betslip my-bets-betslip .ticket-info {
background-color: #424242;
color: white;
padding: 0.5em;
width: 100%;
}
.desktop .betslip-container betslip my-bets-betslip .ticket-info .ticket-item {
border-bottom: 1px solid white;
font-size: 14px;
line-height: 22px;
}
.desktop .betslip-container betslip my-bets-betslip .ticket-info .ticket-item .bold {
font-weight: bold;
}
.desktop .betslip-container betslip my-bets-betslip .ticket-info .ticket-item .event-name {
font-size: 15px;
}
.desktop .betslip-container betslip my-bets-betslip .ticket-info .ticket-item .flex {
display: flex;
justify-content: space-between;
}
.desktop .betslip-container betslip my-bets-betslip .ticket-info .ticket-item .flex .italic {
font-style: italic;
}
.desktop .betslip-container betslip my-bets-betslip .ticket-info .ticket-main-info {
border-top: 1px solid white;
font-size: 14px;
line-height: 22px;
}
.desktop .betslip-container betslip my-bets-betslip .ticket-info .ticket-main-info .bold {
font-weight: bold;
}
.desktop .betslip-container betslip my-bets-betslip .ticket-info .ticket-main-info .flex {
display: flex;
justify-content: space-between;
}
.desktop .betslip-container betslip my-bets-betslip .ticket-info .ticket-main-info .flex .italic {
font-style: italic;
}
.desktop .betslip-container betslip my-bets-betslip .cashout {
border: none;
width: 7vw;
border-radius: 5px;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container {
text-transform: uppercase;
background-color: #656565;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .btn-switch {
background-color: #d50000;
display: flex;
border-top: 1px solid black;
font-weight: 500;
font-size: 13px;
cursor: pointer;
justify-content: center;
text-align: center;
padding: 15px;
bottom: 0.5%;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container {
border-top: 1px solid black;
margin-top: -1px;
display: flex;
flex-wrap: wrap;
background: #656565;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .left,
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .right {
width: 50%;
margin-bottom: 10px;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .right .status {
width: 78%;
display: flex;
justify-content: start;
align-items: center;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .left .mt {
margin-top: 5%;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .header-bets {
display: flex;
width: 100%;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .header-bets .ticket-number {
font-size: 15px;
color: #e2e216;
cursor: pointer;
margin: 5px;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .header-bets .stake-date {
position: absolute;
right: 2px;
margin: 13px;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .items-container {
display: flex;
justify-content: start;
align-items: center;
padding-left: 13px;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .items-container .flex {
display: flex;
justify-content: space-between;
width: 100%;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .items-container .flex-s {
display: flex;
justify-content: flex-start;
width: 100%;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .items-container-right {
display: flex;
justify-content: start;
align-items: center;
margin-top: 4%;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .items-container-right .flex {
display: flex;
justify-content: space-between;
width: 100%;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .items-container-right .flex-s {
display: flex;
justify-content: flex-start;
width: 100%;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .item-container {
justify-content: center;
align-items: center;
text-align: center;
width: 33%;
text-transform: none;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .item-container .status-container {
text-transform: uppercase;
font-size: 11px;
padding-top: 2px;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .item-container .top-container {
display: flex;
font-size: 11px;
margin-left: 26px;
padding-top: 2px;
margin-bottom: 10px;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .item-container .top-container .bottom-container {
text-transform: uppercase;
}
.desktop .betslip-container betslip .header .switcher {
margin-right: 5px;
}
.desktop .betslip-container betslip .betslip .content .btn-place-webticket {
background: linear-gradient(#20BF00, #168400);
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container {
text-transform: uppercase;
background-color: #505050;
color: white;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container {
border-top: 1px solid black;
margin-top: -1px;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .header-bets {
display: flex;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .header-bets .ticket-number {
font-size: 15px;
color: #fec70b;
cursor: pointer;
margin: 10px;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .header-bets .stake-date {
position: absolute;
right: 2px;
margin: 13px;
font-weight: 700;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .items-container {
display: flex;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .items-container .item-container {
justify-content: center;
align-items: center;
text-align: center;
width: 33%;
font-weight: 700;
text-transform: none;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .items-container .item-container .status-container {
text-transform: uppercase;
font-size: 11px;
padding-top: 2px;
font-weight: 500;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .items-container .item-container .top-container {
display: flex;
font-size: 11px;
margin-left: 26px;
padding-top: 2px;
margin-bottom: 10px;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .items-container .item-container .top-container .bottom-container {
text-transform: uppercase;
font-size: 11px;
font-weight: 500;
}
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .cashout,
.desktop .betslip-container betslip my-bets-betslip .tickets-container .ticket-container .cashout-btns {
margin: 0 10px 10px;
height: 25px;
}
.desktop .betslip-container betslip web-ticket-betslip .search-container {
display: flex;
text-transform: uppercase;
padding: 20px 7px;
min-width: 240px;
background-color: linear-gradient(#555454, #353535);
}
.desktop .betslip-container betslip .input-search {
min-width: 68% !important;
background: #fff;
color: #040404;
box-shadow: unset;
height: 35px;
margin-right: 10px;
font-size: 12px;
font-weight: 400;
text-align: left;
}
.desktop .betslip-container betslip .input-search::-webkit-input-placeholder {
margin-left: 10px;
font-style: unset;
font-weight: 500;
font-size: 12px;
font-family: "Roboto";
}
.desktop .betslip-container betslip .input-search:-moz-placeholder {
margin-left: 10px;
font-style: unset;
font-weight: 500;
font-size: 12px;
font-family: "Roboto";
}
.desktop .betslip-container betslip .input-search::-moz-placeholder {
margin-left: 10px;
font-style: unset;
font-weight: 500;
font-size: 12px;
font-family: "Roboto";
}
.desktop .betslip-container betslip .input-search:-ms-input-placeholder {
margin-left: 10px;
font-style: unset;
font-weight: 500;
font-size: 12px;
font-family: "Roboto";
}
.desktop .betslip-container betslip .search-web-ticket {
border: none;
color: #fff;
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
padding: 0 20px;
text-transform: uppercase;
background-color: orange;
border-right: 1px solid linear-gradient(#555454, #353535);
font-family: "Roboto";
font-size: 1em;
}
.desktop .betslip-container betslip > div:first-of-type {
position: absolute;
top: inherit;
overflow-x: hidden;
overflow-y: auto;
height: calc(100% - 175px);
outline: none;
transform: translateZ(0);
width: calc(17% - 24px);
min-width: 240px;
-webkit-transform: translateZ(0);
}
.desktop .betslip-container betslip .casino-container {
margin-top: 30px;
width: 287px;
display: none;
}
.desktop .betslip-container betslip .casino-container .casino-header {
background: linear-gradient(#555454, #353535) !important;
color: white;
margin: 0;
justify-content: center;
font-size: 1em;
}
.desktop .betslip-container betslip .casino-container .swiper-slide img {
width: 100%;
}
.desktop .betslip-container betslip .casino-container .swiper-pagination-bullet {
background: #fff;
opacity: 1;
border: 1px solid black;
}
.desktop .betslip-container betslip .casino-container .swiper-pagination-bullet-active {
background: mediumseagreen;
}
.desktop .betslip-container betslip .casino-container .swiper-pagination {
bottom: 40px;
}
.desktop .betslip-container betslip .casino-container .game-name {
line-height: 40px;
background: mediumseagreen;
color: black !important;
margin-top: -3px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}
.desktop .betslip-container betslip .check-ticket-container {
display: flex;
text-transform: uppercase;
padding: 20px 7px;
min-width: 240px;
background-color: #001d40;
}
.desktop footer {
background: #505050;
min-height: 220px;
}
.desktop footer.day {
color: black;
background: white;
}
.desktop footer.day a {
color: black;
}
.desktop footer a {
color: #fff;
text-decoration: none;
}
.desktop footer .footer-content {
padding: 50px 45px 12px 45px;
}
.desktop footer .footer-content .body {
display: flex;
justify-content: space-between;
}
.desktop footer .footer-content .body .references {
display: flex;
flex-direction: column;
}
.desktop footer .footer-content .body .references > a {
padding: 5px 0;
}
.desktop footer .footer-content .limit {
text-align: center;
}
.desktop footer .partners-container {
display: none;
background-color: #1d2666;
height: 60px;
padding: 0 15%;
}
.desktop footer .partners-container .partner {
padding: 10px 0;
width: 100%;
}
.desktop footer .partners-container .partner:hover {
background-color: #181d47;
}
.desktop footer .partners-container .partner:last-child > a {
border: none;
}
.desktop footer .partners-container a {
border-right: 1px #2b335c solid;
display: flex;
justify-content: center;
text-align: center;
width: 100%;
}
.desktop footer .partners-container a img {
height: 100%;
width: 90px;
}
.desktop my-bets-betslip .ticket-container {
border-top: 1px solid black;
margin-top: -1px;
display: flex;
flex-wrap: wrap;
}
.desktop my-bets-betslip .ticket-container .left,
.desktop my-bets-betslip .ticket-container .right {
width: 50%;
margin-bottom: 10px;
}
.desktop my-bets-betslip .ticket-container .right .status {
width: 78%;
display: flex;
justify-content: start;
align-items: center;
}
.desktop my-bets-betslip .ticket-container .left .mt {
margin-top: 5%;
}
.desktop my-bets-betslip .ticket-container .header-bets {
display: flex;
width: 100%;
}
.desktop my-bets-betslip .ticket-container .header-bets .ticket-number {
font-size: 15px;
color: #e2e216;
cursor: pointer;
margin: 5px;
}
.desktop my-bets-betslip .ticket-container .header-bets .stake-date {
position: absolute;
right: 2px;
margin: 13px;
}
.desktop my-bets-betslip .ticket-container .items-container {
display: flex;
justify-content: start;
align-items: center;
padding-left: 13px;
}
.desktop my-bets-betslip .ticket-container .items-container .flex {
display: flex;
justify-content: space-between;
width: 100%;
}
.desktop my-bets-betslip .ticket-container .items-container .flex-s {
display: flex;
justify-content: flex-start;
width: 100%;
}
.desktop my-bets-betslip .ticket-container .items-container-right {
display: flex;
justify-content: start;
align-items: center;
margin-top: 4%;
}
.desktop my-bets-betslip .ticket-container .items-container-right .flex {
display: flex;
justify-content: space-between;
width: 100%;
}
.desktop my-bets-betslip .ticket-container .items-container-right .flex-s {
display: flex;
justify-content: flex-start;
width: 100%;
}
.desktop my-bets-betslip .ticket-container .item-container {
justify-content: center;
align-items: center;
text-align: center;
width: 33%;
text-transform: none;
}
.desktop my-bets-betslip .ticket-container .item-container .status-container {
text-transform: uppercase;
font-size: 11px;
padding-top: 2px;
}
.desktop my-bets-betslip .ticket-container .item-container .top-container {
display: flex;
font-size: 11px;
margin-left: 26px;
padding-top: 2px;
margin-bottom: 10px;
}
.desktop my-bets-betslip .ticket-container .item-container .top-container .bottom-container {
text-transform: uppercase;
}
.desktop withdraw-jambopay {
color: white;
font-size: 20px;
}
.desktop withdraw-jambopay input[type=number]::-webkit-inner-spin-button,
.desktop withdraw-jambopay input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.desktop withdraw-jambopay .d-none {
display: none;
}
.desktop withdraw-jambopay .method .text {
font-size: 20px;
}
.desktop withdraw-jambopay .iframe {
height: 900px;
width: 50%;
}
.desktop withdraw-jambopay .main {
display: grid;
grid-template-columns: 5fr 5fr;
}
.desktop withdraw-jambopay .main .mobile-withdraw {
width: 66%;
}
.desktop withdraw-jambopay .main .mobile-withdraw .info-about-withdraw {
padding: 0 0 30px 0;
}
.desktop withdraw-jambopay .main .mobile-withdraw .error {
font-size: 15px;
padding-bottom: 10px;
color: red;
}
.desktop withdraw-jambopay .main .mobile-withdraw input {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
.desktop withdraw-jambopay .main .mobile-withdraw .button {
cursor: pointer;
width: 100%;
background: linear-gradient(#F6C811, #DE9203);
border: none;
color: black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
font-weight: 600;
border-radius: 3px;
}
.desktop withdraw-jambopay .main .mobile-withdraw .icons {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.desktop withdraw-jambopay .main .mobile-withdraw .icons .icon {
height: 60px;
padding: 5px 3px;
}
.desktop withdraw-jambopay .main .mobile-withdraw .icons .icon-visa {
height: 35px;
padding: 5px 3px;
}
.desktop deposit-jambopay {
color: white;
font-size: 20px;
}
.desktop deposit-jambopay input[type=number]::-webkit-inner-spin-button,
.desktop deposit-jambopay input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.desktop deposit-jambopay .d-none {
display: none;
}
.desktop deposit-jambopay .method .text {
font-size: 20px;
}
.desktop deposit-jambopay .iframe {
height: 900px;
width: 50%;
}
.desktop deposit-jambopay .main {
display: grid;
grid-template-columns: 5fr 5fr;
}
.desktop deposit-jambopay .main .mobile-deposit {
width: 66%;
}
.desktop deposit-jambopay .main .mobile-deposit .info-about-deposit {
padding: 0 0 30px 0;
}
.desktop deposit-jambopay .main .mobile-deposit .error {
font-size: 15px;
padding-bottom: 10px;
color: red;
}
.desktop deposit-jambopay .main .mobile-deposit input {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
.desktop deposit-jambopay .main .mobile-deposit .button {
cursor: pointer;
width: 100%;
background: linear-gradient(#F6C811, #DE9203);
border: none;
color: black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
font-weight: 600;
border-radius: 3px;
}
.desktop header {
background: linear-gradient(#2d2d2d, #000000);
display: flex;
height: 100px;
justify-content: space-between;
padding: 10px 30px;
}
.desktop header.day {
background: #e7e7e7;
}
.desktop header.day span {
color: black;
}
.desktop header .nav-tab-img {
width: 33px;
cursor: pointer;
border-right: 1px solid #acacad;
padding: 0 7px;
}
.desktop header .header-btn {
background: linear-gradient(#F7F7F7, #CCCCCC);
border-radius: 3px;
cursor: pointer;
font-size: 13px;
height: 35px;
line-height: 33px;
padding: 0 18px;
text-transform: uppercase;
font-weight: 700;
}
.desktop header .header-deposit-btn {
background: linear-gradient(#20BF00, #168400) !important;
color: white;
min-width: 80px;
padding: 0 10px;
}
.desktop header .header-deposit-btn:hover {
background: linear-gradient(#168400, #20BF00) !important;
}
.desktop header .my-bets-btn {
background: linear-gradient(#F6C811, #DE9203) !important;
color: black;
min-width: 90px;
padding: 0 10px;
margin-left: 5px;
}
.desktop header .my-bets-btn:hover {
background: linear-gradient(#DE9203, #F6C811) !important;
}
.desktop header .my-account-btn {
background: linear-gradient(#F6C811, #DE9203) !important;
color: black;
margin-left: 5px;
}
.desktop header .my-account-btn:hover {
background: linear-gradient(#DE9203, #F6C811) !important;
}
.desktop header .btn-logout {
color: black;
}
.desktop header .btn-logout:hover {
background: linear-gradient(#CCCCCC, #F7F7F7) !important;
}
.desktop header .btn-login {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.desktop header .btn-login:hover {
background: linear-gradient(#DE9203, #F6C811);
}
.desktop header .btn-register {
background: linear-gradient(#20BF00, #168400);
}
.desktop header .btn-register:hover {
background: linear-gradient(#168400, #20BF00);
}
.desktop header.day .logo {
background-image: url("/assets/img/logo_light.png");
}
.desktop header.night .logo {
background-image: url("/assets/img/logo_dark.png");
}
.desktop header .logo {
min-width: 402px;
cursor: pointer;
outline: none;
background-position-y: center;
background-size: 90%;
background-repeat: no-repeat;
}
.desktop header .form .nav-tab-contact {
text-shadow: 0 -1px rgba(0, 0, 0, 0.1);
-webkit-animation: pulsate 2s linear infinite;
animation: pulsate 2s linear infinite;
color: #fec70b;
}
.desktop header .form .nav-tab-contact span {
font-weight: 600;
}
@-webkit-keyframes pulsate {
50% {
color: #fff;
text-shadow: 0 -1px rgba(0, 0, 0, 0.3), 0 0 5px #ffd, 0 0 8px #fff;
}
}
@keyframes pulsate {
50% {
color: #fff;
text-shadow: 0 -1px rgba(0, 0, 0, 0.3), 0 0 5px #ffd, 0 0 8px #fff;
}
}
.desktop header .form > div {
display: flex;
justify-content: flex-end;
margin-bottom: 10px;
}
.desktop header .form > div > a {
padding: 0 7px;
border-right: 1px solid #acacad;
text-decoration: none;
color: #fff;
}
.desktop header .form > div > a > span {
vertical-align: middle;
text-decoration: underline;
}
.desktop header .form .container-notifications {
position: absolute;
top: 37px;
margin-left: -212px;
max-height: 200px;
overflow: auto;
border: 1px solid black;
min-width: 250px;
z-index: 2;
background-color: #656565 !important;
}
.desktop header .form .container-notifications .notifications,
.desktop header .form .container-notifications .show-more,
.desktop header .form .container-notifications .no-new-notifications {
padding: 7px;
border: 1px solid black;
background-color: #656565;
}
.desktop header .form .container-notifications .notifications .contaiener-flex .date,
.desktop header .form .container-notifications .show-more .contaiener-flex .date,
.desktop header .form .container-notifications .no-new-notifications .contaiener-flex .date {
margin-bottom: 4px;
}
.desktop header .form .container-notifications .notifications .contaiener-flex .description.accepted,
.desktop header .form .container-notifications .show-more .contaiener-flex .description.accepted,
.desktop header .form .container-notifications .no-new-notifications .contaiener-flex .description.accepted,
.desktop header .form .container-notifications .notifications .contaiener-flex .description.deposit,
.desktop header .form .container-notifications .show-more .contaiener-flex .description.deposit,
.desktop header .form .container-notifications .no-new-notifications .contaiener-flex .description.deposit {
color: #1df91d;
}
.desktop header .form .container-notifications .notifications .contaiener-flex .description.rejected,
.desktop header .form .container-notifications .show-more .contaiener-flex .description.rejected,
.desktop header .form .container-notifications .no-new-notifications .contaiener-flex .description.rejected {
color: red;
}
.desktop header .form .container-notifications .no-new-notifications {
text-align: center;
}
.desktop header .form .container-notifications .show-more {
text-align: center;
cursor: pointer;
text-transform: uppercase;
}
.desktop header .form .bell {
font-size: 120%;
cursor: pointer;
padding-right: 7px;
border-right: 1px solid #acacad;
}
.desktop header .form .bell .notification-count {
position: absolute;
top: 19px;
margin-left: 12px;
width: 15px;
height: 14px;
background: red;
text-align: -webkit-center;
border-radius: 50%;
justify-content: center;
font-size: 11px;
}
.desktop header .form .bell .notification-count .count {
position: absolute;
margin-top: 1px;
margin-left: 4px;
}
.desktop theme-toggle {
margin-left: 7px;
padding-right: 7px;
border-right: 1px solid #acacad;
cursor: pointer;
}
.desktop theme-toggle img {
width: 16px;
transform: translateY(1px);
}
.desktop header.day header-account .account-info,
.desktop header.day .bell i {
color: black;
}
.desktop header.day header-account .btn-logout {
color: white;
background: linear-gradient(#646464, #4f4f4f) !important;
}
.desktop header.day header-account .btn-logout:hover {
background: linear-gradient(#4f4f4f, #646464) !important;
}
.desktop header.day header-account .balance-field {
color: black;
}
.desktop header-account {
display: flex;
}
.desktop header-account .header-account-info {
display: flex;
flex-direction: column;
min-width: 120px;
transform: translateY(-21px);
padding-right: 30px;
}
.desktop header-account .balance-field {
font-size: 15px;
color: white;
}
.desktop header-account .balance-bonus-info {
transform: translateY(7px);
}
.desktop header-account .fa-phone {
margin-right: 3px;
}
.desktop header-account .account-info {
min-width: 80px;
}
.desktop header-account .account-info > div:not(:first-child) {
text-decoration: underline;
}
.desktop header-account .balance-info {
min-width: 80px;
}
.desktop header-account .balance-info > div:not(:first-child) {
text-decoration: underline;
}
.desktop header-account .balance-info > a {
color: #fff;
text-decoration: underline;
}
.desktop header-account .btn-account {
background: linear-gradient(#ff001e 0px, #d00017 100%);
border-radius: 3px;
}
.desktop header-account .btn-account:hover {
background: linear-gradient(#d00017 0px, #ff001e 100%);
}
.desktop header-account .btn-logout {
margin-left: 5px;
}
.desktop register .content {
margin-top: 0;
}
.desktop register .show-hide-password {
color: #888;
position: absolute;
transform: translate(-34px, 7px);
cursor: pointer;
padding: 7px;
font-size: 16px;
}
.desktop register .register .account-login {
display: flex;
justify-content: center;
align-items: center;
}
.desktop register .register .terms-conditions,
.desktop register .register a {
text-align: center;
}
.desktop register .footer .terms-conditions {
display: block;
width: 250px;
margin: 30px auto 0 !important;
}
.desktop help .page-content.day,
.desktop promotions .page-content.day {
color: black;
}
.desktop help .page-content.day .nav-tab:not(.active),
.desktop promotions .page-content.day .nav-tab:not(.active) {
background: linear-gradient(#646464, #4f4f4f);
}
.desktop help .page-content.day .nav-tab:not(.active):hover,
.desktop promotions .page-content.day .nav-tab:not(.active):hover {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop help .page-content.day .sport.active,
.desktop promotions .page-content.day .sport.active,
.desktop help .page-content.day .sport:hover,
.desktop promotions .page-content.day .sport:hover {
color: #168400;
}
.desktop help .page-content.day .banking-info .two-column,
.desktop promotions .page-content.day .banking-info .two-column {
color: #168400;
}
.desktop help formula-points,
.desktop promotions formula-points {
font-family: "Open Sans";
width: 100%;
font-size: 14px;
}
.desktop help formula-points .img-container,
.desktop promotions formula-points .img-container {
text-align: center;
}
.desktop help formula-points .img-container .img,
.desktop promotions formula-points .img-container .img {
position: relative;
}
.desktop help formula-points .img-container .img > div,
.desktop promotions formula-points .img-container .img > div {
position: absolute;
padding: 25px 30px;
border: 2px #c1a500 solid;
width: 400px;
right: 0;
top: 30%;
border-radius: 4px;
background: -webkit-linear-gradient(top, #ffdc00, #d9b800);
background: -moz-linear-gradient(top, #ffdc00, #d9b800);
background: -ms-linear-gradient(top, #ffdc00, #d9b800);
background: -o-linear-gradient(top, #ffdc00, #d9b800);
background-color: #d9b800;
font-size: 36px;
font-weight: 700;
}
.desktop help formula-points .img-container .img img,
.desktop promotions formula-points .img-container .img img {
width: 100%;
min-width: 1024px;
min-height: 268px;
}
.desktop help formula-points .text,
.desktop promotions formula-points .text {
margin: 10px 0;
font-size: 14px;
}
.desktop help formula-points .text.b-text,
.desktop promotions formula-points .text.b-text {
font-size: 36px;
font-weight: 300;
}
.desktop help formula-points .text.f-text,
.desktop promotions formula-points .text.f-text {
font-size: 18px;
font-weight: 600;
}
.desktop help formula-points .no-wripe,
.desktop promotions formula-points .no-wripe {
white-space: nowrap;
}
.desktop help formula-points .rows-container,
.desktop promotions formula-points .rows-container {
display: flex;
}
.desktop help formula-points .rows-container .row,
.desktop promotions formula-points .rows-container .row {
font-weight: bold;
min-width: 230px;
background: #565656;
margin-left: 30px;
color: #fff;
text-align: center;
}
.desktop help formula-points .rows-container .row > div,
.desktop promotions formula-points .rows-container .row > div {
display: flex;
min-height: 35px;
border-top: 1px solid #3d3e40;
align-items: center;
}
.desktop help formula-points .rows-container .row > div > div,
.desktop promotions formula-points .rows-container .row > div > div {
width: 100%;
}
.desktop help formula-points .rows-container .row > div .left-row,
.desktop promotions formula-points .rows-container .row > div .left-row {
color: #fec70b;
}
.desktop help formula-points .rows-container .row > div .right-row,
.desktop promotions formula-points .rows-container .row > div .right-row {
background: #8d8d8d;
line-height: 35px;
color: white;
}
.desktop help formula-points .rows-container .row .triangle-right,
.desktop promotions formula-points .rows-container .row .triangle-right {
width: 0;
height: 0;
border-top: 18px solid #8d8d8d;
border-left: 17px solid transparent;
border-bottom: 17px solid #8d8d8d;
}
.desktop help formula-points .rows-examples,
.desktop promotions formula-points .rows-examples {
display: flex;
align-items: center;
}
.desktop help formula-points .rows-examples .one,
.desktop promotions formula-points .rows-examples .one,
.desktop help formula-points .rows-examples .two,
.desktop promotions formula-points .rows-examples .two,
.desktop help formula-points .rows-examples .three,
.desktop promotions formula-points .rows-examples .three {
font-style: italic;
width: 100%;
}
.desktop help formula-points .rows-examples .two,
.desktop promotions formula-points .rows-examples .two,
.desktop help formula-points .rows-examples .three,
.desktop promotions formula-points .rows-examples .three {
margin-left: 30px;
}
.desktop help formula-points .rows-examples .line,
.desktop promotions formula-points .rows-examples .line {
width: 100%;
height: 1px;
background: #cccccc;
margin: auto 10px;
}
.desktop help formula-points .rows-examples .fa-chevron-down,
.desktop promotions formula-points .rows-examples .fa-chevron-down,
.desktop help formula-points .rows-examples .fa-chevron-up,
.desktop promotions formula-points .rows-examples .fa-chevron-up {
min-width: 26px;
line-height: 26px;
height: 26px;
border-radius: 50%;
background: red;
text-align: center;
color: white;
font-size: 14px;
cursor: pointer;
}
.desktop help formula-points .register,
.desktop promotions formula-points .register {
border: 1px #c1a500 solid;
font-size: 26px;
line-height: 80px;
border-radius: 4px;
text-align: center;
font-weight: 700;
color: #333333;
cursor: pointer;
margin: 20px 0;
text-transform: uppercase;
background: -webkit-linear-gradient(top, #ffdc00, #d9b800);
background: -moz-linear-gradient(top, #ffdc00, #d9b800);
background: -ms-linear-gradient(top, #ffdc00, #d9b800);
background: -o-linear-gradient(top, #ffdc00, #d9b800);
background-color: #d9b800;
}
.desktop help formula-points .register:hover,
.desktop promotions formula-points .register:hover {
background: -webkit-linear-gradient(top, #d9b800, #ffdc00);
background: -moz-linear-gradient(top, #d9b800, #ffdc00);
background: -ms-linear-gradient(top, #d9b800, #ffdc00);
background: -o-linear-gradient(top, #d9b800, #ffdc00);
background-color: #ffdc00;
}
.desktop help formula-points h4,
.desktop promotions formula-points h4 {
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
.desktop help formula-points p,
.desktop promotions formula-points p {
margin: 0;
}
.desktop help formula-points table,
.desktop promotions formula-points table {
width: 100%;
text-align: left;
}
.desktop help formula-points table thead tr th,
.desktop promotions formula-points table thead tr th {
color: #fff;
padding: 8px 10px;
text-transform: uppercase;
font-weight: 600;
background: -webkit-linear-gradient(top, #646464, #4f4f4f);
background: -moz-linear-gradient(top, #646464, #4f4f4f);
background: -ms-linear-gradient(top, #646464, #4f4f4f);
background: -o-linear-gradient(top, #646464, #4f4f4f);
background-color: #4f4f4f;
}
.desktop help formula-points table tbody tr:nth-child(odd),
.desktop promotions formula-points table tbody tr:nth-child(odd) {
background: #cccccc;
}
.desktop help formula-points table tbody tr:nth-child(even),
.desktop promotions formula-points table tbody tr:nth-child(even) {
background: #d9d9d9;
}
.desktop help formula-points table tbody td,
.desktop promotions formula-points table tbody td {
padding: 8px 10px;
border: 1px solid #bbbbbb;
}
.desktop help a,
.desktop promotions a {
color: #fec70b;
}
.desktop help combi-bonus,
.desktop promotions combi-bonus,
.desktop help welcome-bonus,
.desktop promotions welcome-bonus,
.desktop help cashback,
.desktop promotions cashback,
.desktop help bettype-description,
.desktop promotions bettype-description,
.desktop help terms-conditions,
.desktop promotions terms-conditions,
.desktop help possible-statuses,
.desktop promotions possible-statuses,
.desktop help bet-slip-help,
.desktop promotions bet-slip-help {
width: 100%;
font-size: 14px;
}
.desktop help .banking-info-container,
.desktop promotions .banking-info-container {
display: flex;
flex-wrap: wrap;
}
.desktop help .banking-info-container .banking-info,
.desktop promotions .banking-info-container .banking-info {
width: 380px;
display: flex;
border: 1px solid #fff;
margin: 0 10px 10px 0;
}
.desktop help .banking-info-container .banking-info .one-column,
.desktop promotions .banking-info-container .banking-info .one-column,
.desktop help .banking-info-container .banking-info .two-column,
.desktop promotions .banking-info-container .banking-info .two-column {
width: 35%;
white-space: nowrap;
}
.desktop help .banking-info-container .banking-info .one-column > div:not(:last-child),
.desktop promotions .banking-info-container .banking-info .one-column > div:not(:last-child),
.desktop help .banking-info-container .banking-info .two-column > div:not(:last-child),
.desktop promotions .banking-info-container .banking-info .two-column > div:not(:last-child) {
border-bottom: 1px solid #fff;
}
.desktop help .banking-info-container .banking-info .one-column > div,
.desktop promotions .banking-info-container .banking-info .one-column > div,
.desktop help .banking-info-container .banking-info .two-column > div,
.desktop promotions .banking-info-container .banking-info .two-column > div {
padding: 5px;
}
.desktop help .banking-info-container .banking-info .two-column,
.desktop promotions .banking-info-container .banking-info .two-column {
border-left: 1px solid #fff;
color: #fec70b;
width: 65%;
}
.desktop help .header,
.desktop promotions .header {
font-size: 30px;
text-transform: uppercase;
text-align: center;
padding-bottom: 20px;
font-weight: 500;
}
.desktop help > div,
.desktop promotions > div {
width: 100%;
}
.desktop help .nav-container,
.desktop promotions .nav-container {
flex-direction: column;
padding: 0;
margin-right: 30px;
width: 200px;
min-width: 200px;
}
.desktop help .nav-container .nav-tab,
.desktop promotions .nav-container .nav-tab {
background: linear-gradient(#545454, #353434);
color: #fff;
font-size: 14px;
justify-content: flex-start;
border-bottom: 1px solid #20292F;
padding: 8px 15px;
width: 100%;
border-right: 0;
}
.desktop help .nav-container .nav-tab:first-child,
.desktop promotions .nav-container .nav-tab:first-child {
border-left: none;
}
.desktop help .nav-container .nav-tab:focus,
.desktop promotions .nav-container .nav-tab:focus {
outline: none;
}
.desktop help .nav-container .nav-tab:hover,
.desktop promotions .nav-container .nav-tab:hover,
.desktop help .nav-container .nav-tab.active,
.desktop promotions .nav-container .nav-tab.active {
background: linear-gradient(#F6C811, #DE9203);
color: #040404;
}
.desktop help bettype-description > div > h3,
.desktop promotions bettype-description > div > h3 {
text-decoration: underline;
}
.desktop help bettype-description .sports,
.desktop promotions bettype-description .sports {
display: flex;
flex-flow: wrap;
}
.desktop help bettype-description .sports .sport,
.desktop promotions bettype-description .sports .sport {
cursor: pointer;
width: 25%;
}
.desktop help bettype-description .sports .sport:hover,
.desktop promotions bettype-description .sports .sport:hover,
.desktop help bettype-description .sports .sport.active,
.desktop promotions bettype-description .sports .sport.active {
color: #fec70b;
}
.desktop odd-format-selector {
padding: 0 7px;
border-right: 1px solid #acacad;
font-size: 11px;
}
.desktop odd-format-selector .odd-format {
background-color: #fff;
color: #040404;
cursor: pointer;
display: flex;
height: 18px;
justify-content: space-between;
padding: 0 5px;
text-transform: capitalize;
width: 113px;
align-items: center;
white-space: nowrap;
border-radius: 3px;
}
.desktop odd-format-selector .odd-format div {
display: none;
}
.desktop odd-format-selector .right {
justify-content: flex-start;
}
.desktop odd-format-selector .odd-format-list {
position: absolute;
}
.desktop odd-format-selector .odd-format-list .odd-format {
border-top: 1px solid #181d47;
}
.desktop odd-format-selector .odd-format-list .odd-format:hover {
background-color: #c5cfd6;
}
.desktop header.day login .forgot-password {
color: black;
}
.desktop login .error-and-forgot {
display: flex;
}
.desktop login .error-and-forgot .forgot-password {
text-decoration: underline;
cursor: pointer;
padding-top: 5px;
margin-right: 30px;
}
.desktop login .login-form {
display: flex;
}
.desktop login .login-form .show-hide-password {
cursor: pointer;
transform: translate(-3px, -1px);
color: #888;
}
.desktop login .login-form .input-field {
align-items: center;
background-color: #fff;
color: #040404;
display: flex;
margin-right: 4px;
padding: 6px;
border-radius: 3px;
}
.desktop login .login-form .input-field i {
color: #888;
font-size: 14px;
margin-bottom: 2px;
}
.desktop login .login-form .input-field input {
border: none;
margin-left: 5px;
width: 98px;
}
.desktop login .login-form .input-field input:focus {
outline: none;
}
.desktop login .login-form .btn-login {
margin-left: 2px;
}
.desktop login .login-form .btn-register {
margin-left: 4px;
}
.desktop login .error-message {
color: red;
margin-top: 5px;
}
.desktop .page-content {
display: flex;
padding: 20px;
}
.desktop .page-content.day {
background: #e7e7e7;
}
.desktop .page-content.day sportsbook-tree .tree-header,
.desktop .page-content.day sportsbook-tree .sports-container .sport .header,
.desktop .page-content.day sportsbook-tree .btn-switch {
background: linear-gradient(#646464, #4f4f4f);
}
.desktop .page-content.day sportsbook-tree .sports-container .sport > .header:hover,
.desktop .page-content.day sportsbook-tree .btn-switch:hover {
background: linear-gradient(#4f4f4f, #646464);
}
.desktop .page-content.day sportsbook-tree .countries-container .country .header {
background: #dbdbdb;
}
.desktop .page-content.day sportsbook-tree .leagues-container .league {
background: #8f8f8f !important;
}
.desktop .page-content.day sportsbook-tree .time-periods {
background: #fff !important;
}
.desktop .page-content.day sportsbook-tree .time-periods .period {
background: linear-gradient(#646464, #4f4f4f) !important;
color: white !important;
}
.desktop .page-content.day sportsbook-tree .time-periods .period:hover {
color: #f6c811 !important;
}
.desktop .page-content.day sportsbook-tree .betting-service {
background: linear-gradient(#646464, #4f4f4f);
}
.desktop .page-content.day .betslip-container betslip .header,
.desktop .page-content.day .betslip-container betslip .tabs,
.desktop .page-content.day .betslip-container betslip .btn-panel > div {
background: linear-gradient(#646464, #4f4f4f);
}
.desktop .page-content.day sportsbook-live-container.day .sports-list .sport:not(.active),
.desktop .page-content.day sportsbook-event-bettypes .groups-container .group-header .group-name,
.desktop .page-content.day sportsbook-event-bettypes .groups-container .group-header .group-switcher {
background: linear-gradient(#8f8f8f, #7b7b7b);
}
.desktop .page-content.day sportsbook-event .players div,
.desktop .page-content.day sportsbook-event .event .time {
background: #cccccc;
color: black;
}
.desktop .page-content.day sportsbook-event .players div .preLive,
.desktop .page-content.day sportsbook-event .event .time .preLive {
color: red;
}
.desktop .page-content.day sportsbook-live-container overview-event .timer,
.desktop .page-content.day sportsbook-live-container overview-event .team,
.desktop .page-content.day sportsbook-live-container overview-event .event-score {
background: #cccccc;
color: black;
}
.desktop .page-content.day sportsbook-live-container overview-event-score .score,
.desktop .page-content.day sportsbook-live-container overview-event-score > div {
color: black;
}
.desktop .page-content.day sportsbook-live-container overview-event-score .total {
color: black;
border-right: 1px solid #e7e7e7;
}
.desktop .page-content.day sportsbook-live-container overview-event-score .score-container ~ .score-container {
border-left: 1px solid #e7e7e7;
}
.desktop .page-content.day .betslip-container betslip .title-betslip {
background: linear-gradient(#646464, #4f4f4f);
}
.desktop .page-content.day .top-leagues-container .top-league {
background: #8f8f8f;
color: black;
}
.desktop .page-content.day .top-leagues-container .btn-switch {
background: white !important;
color: black;
}
.desktop .page-content.day mini-statistics .mini-statistics .league-table .team {
color: white;
}
.desktop .page-content.day mini-statistics .mini-statistics .statistics .team-names .team {
background: #4f4f4f;
color: white;
}
.desktop .page-content.day events-banner .swiper-container .swiper-wrapper .team-content {
background: rgba(90, 90, 90, 0.85);
}
.desktop .page-content.day sportsbook-event-bettype .bettype-header {
background: #cccccc;
color: black;
}
@media (min-width: 1281px) {
.desktop .page-content {
padding: 30px;
}
}
.desktop .page-content.night .sportsbook-tree sportsbook-tree .tree-header,
.desktop .page-content.night .sportsbook-tree sportsbook-tree .sports-container .sport > .header,
.desktop .page-content.night .sportsbook-tree sportsbook-tree .btn-switch {
background: linear-gradient(#545454, #353434);
}
.desktop .page-content.night .sportsbook-tree sportsbook-tree .sports-container .sport > .header:hover,
.desktop .page-content.night .sportsbook-tree sportsbook-tree .btn-switch:hover {
background: linear-gradient(#353434, #545454);
}
.desktop .page-content .sportsbook-tree {
width: 15%;
min-width: 220px;
padding: 0 15px 0 0;
}
.desktop .page-content .sportsbook-tree sportsbook-tree quick-search.day label input,
.desktop .page-content .sportsbook-tree sportsbook-tree quick-search.day label i {
background: white;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .betting-service {
display: flex;
justify-content: space-between;
align-items: center;
height: 40px;
color: #ffffff;
padding: 0 14px;
cursor: pointer;
text-transform: uppercase;
background: linear-gradient(#555454, #353535);
font-size: 16px;
background-repeat: repeat-x;
margin-top: 15px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .betting-service .switcher {
background: linear-gradient(#F7F7F7, #CCCCCC);
color: #333333;
border: none;
width: 25px;
height: 25px;
cursor: pointer;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .btn-service {
background: #fff;
display: block;
border-top: 1px solid linear-gradient(#555454, #353535);
color: #040404;
font-size: 12px;
line-height: 1.3em;
text-transform: uppercase;
padding: 11px 35px 10px 9px;
text-decoration: none;
outline: none;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .btn-service:hover {
background: #cacaca;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .btn-switch {
align-items: center;
color: white;
cursor: pointer;
display: flex;
font-size: 12px;
line-height: 20px;
padding: 8px 15px;
text-transform: uppercase;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .btn-switch > .fa {
margin-right: 5px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .btn-switch > .fa:last-child {
display: none;
}
.desktop .page-content .sportsbook-tree sportsbook-tree sportsbook-bet-offer {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
left: 0;
top: 0;
z-index: 20000;
font-family: "Open Sans";
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.desktop .page-content .sportsbook-tree sportsbook-tree sportsbook-bet-offer .bet-offer-window {
display: flex;
flex-direction: column;
background: linear-gradient(#555454, #353535);
width: 630px;
color: white;
position: relative;
}
.desktop .page-content .sportsbook-tree sportsbook-tree sportsbook-bet-offer .bet-offer-window .title {
display: flex;
width: 100%;
height: 100px;
align-items: center;
padding-left: 25px;
font-size: 22px;
font-weight: 700;
}
.desktop .page-content .sportsbook-tree sportsbook-tree sportsbook-bet-offer .bet-offer-window .list-bet-offer {
display: flex;
flex-direction: column;
width: 100%;
padding: 0 25px 30px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree sportsbook-bet-offer .bet-offer-window .list-bet-offer .item {
display: flex;
height: 45px;
align-items: center;
width: 100%;
font-size: 18px;
font-weight: 300;
justify-content: space-between;
border-bottom: 1px solid linear-gradient(#555454, #353535);
}
.desktop .page-content .sportsbook-tree sportsbook-tree sportsbook-bet-offer .bet-offer-window .list-bet-offer .item div:first-child {
padding-left: 2px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree sportsbook-bet-offer .bet-offer-window .list-bet-offer .item .print-btn {
display: flex;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
height: 33px;
justify-content: center;
align-items: center;
padding: 0 20px;
background: orange;
cursor: pointer;
}
.desktop .page-content .sportsbook-tree sportsbook-tree sportsbook-bet-offer .bet-offer-window .close-btn {
display: flex;
position: absolute;
top: -10px;
right: -10px;
width: 30px;
height: 30px;
justify-content: center;
align-items: center;
background: orange;
border-radius: 100%;
font-size: 18px;
font-weight: 700;
cursor: pointer;
}
.desktop .page-content .sportsbook-tree sportsbook-tree spinner {
background: linear-gradient(#555454, #353535);
padding: 20px 0;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .tree {
font-family: "Roboto";
text-overflow: ellipsis;
overflow-x: auto;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.desktop .page-content .sportsbook-tree sportsbook-tree .tree-header {
align-items: center;
display: flex;
font-size: 16px;
height: 40px;
justify-content: space-between;
padding: 0 12px;
position: relative;
text-transform: uppercase;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .tree-header .switcher {
background: linear-gradient(#F7F7F7, #CCCCCC);
color: #333333;
border: none;
width: 25px;
height: 25px;
cursor: pointer;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .bet-offer {
align-items: center;
background: orange;
color: #fff;
cursor: pointer;
justify-content: center;
line-height: 36px;
display: flex;
text-transform: uppercase;
font-weight: 700;
font-size: 20px;
margin-top: 20px;
font-family: "Open sans";
}
.desktop .page-content .sportsbook-tree sportsbook-tree .btn-switch {
align-items: center;
border-top: 1px solid #20292F;
cursor: pointer;
display: block;
text-align: center;
font-size: 12px;
line-height: 20px;
padding: 8px 15px;
text-transform: uppercase;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .btn-switch > .fa {
display: none;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .time-periods {
align-items: center;
background: #656565;
display: flex;
font-size: 11px;
justify-content: space-between;
padding: 12px 15px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .time-periods .period {
display: flex;
flex-direction: column;
align-items: center;
background: linear-gradient(#F7F7F7, #CCCCCC);
padding: 3px 7px;
cursor: pointer;
font-size: 11px;
font-weight: 500;
border-radius: 3px;
color: black;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .time-periods .period .period-separator,
.desktop .page-content .sportsbook-tree sportsbook-tree .time-periods .period .period-circle {
display: none;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .time-periods .period.active,
.desktop .page-content .sportsbook-tree sportsbook-tree .time-periods .period:hover {
font-size: 13px;
background: linear-gradient(#F6C811, #DE9203);
}
.desktop .page-content .sportsbook-tree sportsbook-tree .header {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 20px;
padding: 8px 15px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .header glyphicon {
margin-right: 5px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .header .count {
font-size: 11px;
line-height: 18px;
padding: 2px 7px;
text-align: center;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .sports-container {
cursor: pointer;
text-transform: uppercase;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .sports-container .sport {
border-top: 1px solid #20292F;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .sports-container .sport > .header .checkbox-name {
display: none;
justify-content: center;
align-items: center;
min-width: 18px;
height: 18px;
background-color: #fff;
margin-left: 10px;
color: #040404;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .sports-container .sport > .header .text {
display: flex;
max-width: 160px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .sports-container .sport > .header .text > div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .sports-container .sport > .header .text img {
width: 23px;
margin-right: 8px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .sports-container .sport > .header .count {
padding: 2px 7px;
color: black;
position: absolute;
background: linear-gradient(#F7F7F7, #CCCCCC);
right: 10px;
border-radius: 10px;
font-size: 11px;
font-weight: 500;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container {
background: linear-gradient(#555454, #353535);
font-family: "Roboto";
overflow-y: hidden;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header {
background: #DBDBDB;
border-top: 1px solid #090909;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header .text {
display: flex;
align-items: center;
white-space: nowrap;
font-size: 12px;
color: black;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header .text img {
width: 28px;
max-height: 28px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header .text .country-name {
padding-right: 5px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header .text > div {
display: flex;
align-items: center;
letter-spacing: -0.1px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header .text > div > div {
overflow: hidden;
text-overflow: ellipsis;
max-width: 120px;
}
@media (min-width: 1661px) and (max-width: 1800px) {
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header .text > div > div {
max-width: 140px;
}
}
@media (min-width: 1801px) {
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header .text > div > div {
max-width: 155px;
}
}
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header .text .fa {
display: none;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header:hover,
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header.active {
background-color: white;
border-top: 1px solid #090909 !important;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header:hover .count,
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header.active .count {
background: #CFCFCF;
color: black;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header .checkbox-name {
display: none;
justify-content: center;
align-items: center;
min-width: 18px;
height: 18px;
background-color: #fff;
color: #040404;
border: 1px solid #CFCFCF;
border-radius: 3px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header .count {
background: #ffffff;
color: #838383;
line-height: 17px;
top: 10px;
font-size: 11px;
font-weight: 500;
border-radius: 10px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .countries-container .country .header .glyphicon {
font-size: 9px;
top: 0;
padding-right: 6px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .leagues-container {
color: #040404;
overflow-y: hidden;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .leagues-container .header .name {
display: flex;
align-items: center;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .leagues-container .header .name .checkbox-name {
display: flex;
justify-content: center;
align-items: center;
min-width: 18px;
height: 18px;
margin-right: 10px;
}
.desktop .page-content .sportsbook-tree sportsbook-tree .leagues-container .header .name .text {
display: block;
overflow: hidden;
text-overflow: ellipsis;
width: 120px;
}
@media (min-width: 1661px) and (max-width: 1800px) {
.desktop .page-content .sportsbook-tree sportsbook-tree .leagues-container .header .name .text {
width: 140px;
}
}
@media (min-width: 1801px) {
.desktop .page-content .sportsbook-tree sportsbook-tree .leagues-container .header .name .text {
width: 155px;
}
}
.desktop .page-content .sportsbook-tree sportsbook-tree .leagues-container .header .count {
color: white;
}
.desktop .page-content sportsbook-bet-offer {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
left: 0;
top: 0;
z-index: 20000;
font-family: "Open Sans";
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.desktop .page-content sportsbook-bet-offer .bet-offer-window {
display: flex;
flex-direction: column;
background: linear-gradient(#555454, #353535);
width: 630px;
color: white;
position: relative;
}
.desktop .page-content sportsbook-bet-offer .bet-offer-window .title {
display: flex;
width: 100%;
height: 100px;
align-items: center;
padding-left: 25px;
font-size: 22px;
font-weight: 700;
}
.desktop .page-content sportsbook-bet-offer .bet-offer-window .list-bet-offer {
display: flex;
flex-direction: column;
width: 100%;
padding: 0 25px 30px;
}
.desktop .page-content sportsbook-bet-offer .bet-offer-window .list-bet-offer .item {
display: flex;
height: 45px;
align-items: center;
width: 100%;
font-size: 18px;
font-weight: 300;
justify-content: space-between;
border-bottom: 1px solid linear-gradient(#555454, #353535);
}
.desktop .page-content sportsbook-bet-offer .bet-offer-window .list-bet-offer .item div:first-child {
padding-left: 2px;
}
.desktop .page-content sportsbook-bet-offer .bet-offer-window .list-bet-offer .item .print-btn {
display: flex;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
height: 33px;
justify-content: center;
align-items: center;
padding: 0 20px;
background: orange;
cursor: pointer;
}
.desktop .page-content sportsbook-bet-offer .bet-offer-window .close-btn {
display: flex;
position: absolute;
top: -10px;
right: -10px;
width: 30px;
height: 30px;
justify-content: center;
align-items: center;
background: orange;
border-radius: 100%;
font-size: 18px;
font-weight: 700;
cursor: pointer;
}
.desktop language-selector {
padding-left: 7px;
font-size: 11px;
}
.desktop language-selector .lang-item {
background-color: #fff;
color: #040404;
cursor: pointer;
display: flex;
height: 18px;
align-items: center;
justify-content: space-between;
text-transform: uppercase;
width: 50px;
padding: 0 3px;
border-radius: 3px;
}
.desktop language-selector .lang-item div {
display: none;
}
.desktop language-selector .lang-item img {
width: 15px;
height: 10px;
}
.desktop language-selector .right {
justify-content: flex-end;
}
.desktop language-selector .right span {
margin-left: 5px;
}
.desktop language-selector .lang-list {
position: absolute;
z-index: 201;
}
.desktop language-selector .lang-list .lang-item {
width: 50px;
padding-right: 10px;
border-top: 1px solid #181d47;
}
.desktop language-selector .lang-list .lang-item span {
display: block;
}
.desktop language-selector .lang-list .lang-item:hover {
background-color: #c5cfd6;
}
.desktop slots {
position: relative;
}
.desktop slots .action-icons {
height: 50px;
position: absolute;
display: flex;
font-size: 24px;
cursor: pointer;
transform: translateY(17px);
}
.desktop slots .action-icons .action-icon {
padding: 0 5px;
}
.desktop slots .action-icons .action-icon img {
width: 27px;
}
.desktop slots .checkbox-name {
width: 18px;
height: 18px;
background-color: #fff;
border-radius: 3px;
color: #000;
border: 1px solid black;
margin: auto;
}
.desktop slots .checkbox-name .checkbox-symbol {
transform: translate(-5px, -5px);
width: 27px;
text-align: center;
}
.desktop slots .slots .number,
.desktop slots .total .number {
text-align: right;
}
.desktop slots .slots .game-info,
.desktop slots .total .game-info {
text-transform: capitalize;
}
.desktop slots .total > td {
background-color: #787878;
color: white;
}
.desktop slots .total .total-info {
display: flex;
justify-content: space-between;
}
.desktop slots spinner {
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.desktop my-account .table-details > div:nth-child(1),
.desktop my-account .table-details > div:nth-child(2),
.desktop my-account .table-details > div:nth-child(3),
.desktop my-account .table-details > div:nth-child(4),
.desktop my-account .table-details > div:nth-child(5),
.desktop my-account .table-details > div:nth-child(6),
.desktop my-account .table-details > div:nth-child(7),
.desktop my-account .table-details > div:nth-child(8),
.desktop my-account .table-details > div:nth-child(9),
.desktop my-account .table-details > div:nth-child(10) {
display: none;
}
.desktop my-account .table-details > div .phone-underline {
font-weight: 600;
text-decoration: underline;
cursor: pointer;
}
.desktop my-account .close-phone-field {
margin-left: 5px;
cursor: pointer;
transition: 250ms;
}
.desktop my-account .close-phone-field:hover {
color: #F6C811;
}
.desktop my-account .btn-phone {
color: black !important;
font-weight: 500;
display: flex;
justify-content: center;
}
.desktop my-account input.active {
border: 2px solid #d00017;
}
.desktop my-account .table {
margin: 0;
}
.desktop my-account .table > div {
display: flex;
margin-bottom: 2px;
background-color: #656565;
color: #fff;
align-items: center;
}
.desktop my-account .table > div > div {
padding: 5px 10px;
width: 40%;
}
.desktop my-account .table > div > div:last-child {
border-left: 2px solid #0e122d;
width: 60%;
}
.desktop my-account .acc-btn,
.desktop withdraw-shop .acc-btn {
margin: 10px 0 0 0;
}
.desktop withdraw-shop,
.desktop my-bets,
.desktop vip-bets {
position: relative;
}
.desktop withdraw-shop spinner,
.desktop my-bets spinner,
.desktop vip-bets spinner {
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.desktop withdraw-shop .details,
.desktop my-bets .details,
.desktop vip-bets .details {
display: flex;
white-space: nowrap;
align-items: flex-end;
}
.desktop withdraw-shop .details > div:first-child,
.desktop my-bets .details > div:first-child,
.desktop vip-bets .details > div:first-child {
font-size: 18px;
}
.desktop withdraw-shop .details > div:first-child .stake-date,
.desktop my-bets .details > div:first-child .stake-date,
.desktop vip-bets .details > div:first-child .stake-date {
font-size: 15px;
margin-left: 30px;
}
.desktop withdraw-shop .btn-container,
.desktop my-bets .btn-container,
.desktop vip-bets .btn-container {
width: 100%;
display: flex;
justify-content: right;
}
.desktop withdraw-shop .description > div,
.desktop my-bets .description > div,
.desktop vip-bets .description > div {
text-decoration: underline;
font-weight: 600;
cursor: pointer;
}
.desktop withdraw-shop .table,
.desktop my-bets .table,
.desktop vip-bets .table {
margin: 0;
}
.desktop withdraw-shop .table > div,
.desktop my-bets .table > div,
.desktop vip-bets .table > div {
display: flex;
margin-bottom: 2px;
background-color: #656565;
color: #fff;
align-items: center;
}
.desktop withdraw-shop .table > div > div,
.desktop my-bets .table > div > div,
.desktop vip-bets .table > div > div {
padding: 5px 10px;
width: 40%;
}
.desktop withdraw-shop .table > div > div:last-child,
.desktop my-bets .table > div > div:last-child,
.desktop vip-bets .table > div > div:last-child {
border-left: 2px solid #0e122d;
width: 60%;
}
.desktop withdraw-shop .message,
.desktop my-bets .message,
.desktop vip-bets .message {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
left: 0;
top: 0;
}
.desktop withdraw-shop .message .btn-confirm-container,
.desktop my-bets .message .btn-confirm-container,
.desktop vip-bets .message .btn-confirm-container {
display: flex;
align-items: center;
}
.desktop withdraw-shop .message .btn-confirm-container > div:first-child,
.desktop my-bets .message .btn-confirm-container > div:first-child,
.desktop vip-bets .message .btn-confirm-container > div:first-child {
margin-right: 10px;
}
.desktop withdraw-shop .message > div,
.desktop my-bets .message > div,
.desktop vip-bets .message > div {
background: #fff;
color: black;
padding: 30px;
}
.desktop withdraw-shop .message > div > div,
.desktop my-bets .message > div > div,
.desktop vip-bets .message > div > div {
padding: 10px;
}
.desktop withdraw-shop .message > div .header,
.desktop my-bets .message > div .header,
.desktop vip-bets .message > div .header {
padding: 0;
font-weight: 300;
text-transform: uppercase;
font-size: 36px;
}
.desktop withdraw-shop .message > div .btn-confirm,
.desktop my-bets .message > div .btn-confirm,
.desktop vip-bets .message > div .btn-confirm {
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
height: 56px;
width: 186px;
font-size: 16px;
color: black;
}
.desktop withdraw-shop .bets td:last-child,
.desktop my-bets .bets td:last-child,
.desktop vip-bets .bets td:last-child {
width: 120px;
}
.desktop withdraw-shop .bets .cashout-status,
.desktop my-bets .bets .cashout-status,
.desktop vip-bets .bets .cashout-status {
text-align: center;
}
.desktop withdraw-shop .bets .number,
.desktop my-bets .bets .number,
.desktop vip-bets .bets .number {
text-align: right;
}
.desktop balance-sheet {
position: relative;
}
.desktop balance-sheet spinner {
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.desktop withdraw {
color: white;
}
.desktop withdraw .header {
color: white;
font-size: 20px;
}
.desktop withdraw .body {
width: 33%;
font-size: 15px;
}
.desktop withdraw .body .body-header {
display: flex;
flex-direction: row;
font-size: 20px;
font-weight: bold;
margin-left: 180px;
}
.desktop withdraw .body .icon {
min-height: 50px;
cursor: pointer;
width: 142px;
margin-left: auto;
margin-right: auto;
}
.desktop withdraw .body .body-container {
display: grid;
grid-template-columns: 4fr 7fr;
justify-content: space-around;
align-items: center;
}
.desktop deposit {
color: white;
}
.desktop deposit .header {
color: white;
font-size: 20px;
}
.desktop deposit .body {
width: 33%;
font-size: 15px;
}
.desktop deposit .body .body-header {
display: flex;
flex-direction: row;
font-size: 20px;
font-weight: bold;
margin-left: 180px;
}
.desktop deposit .body .icon {
min-height: 50px;
cursor: pointer;
width: 142px;
margin-left: auto;
margin-right: auto;
}
.desktop deposit .body .body-container {
display: grid;
grid-template-columns: 4fr 7fr;
justify-content: space-around;
align-items: center;
}
.desktop deposit .deposit {
display: flex;
background-image: url(/assets/img/voucher.png);
background-repeat: no-repeat;
height: 330px;
width: 640px;
margin-left: 7%;
}
.desktop deposit .deposit .shadow {
background-color: rgba(20, 20, 20, 0.7);
height: 100%;
width: 100%;
padding: 20px 30px 90px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.desktop deposit .deposit .title {
display: flex;
color: #008a17;
font-size: 32px;
}
.desktop deposit .deposit .voucher {
display: flex;
width: 100%;
height: 155px;
flex-direction: column;
justify-content: flex-end;
position: relative;
}
.desktop deposit .deposit .voucher .header {
font-size: 22px;
text-transform: capitalize;
margin-bottom: 45px;
}
.desktop deposit .deposit .voucher .id {
text-transform: uppercase;
font-size: 18px;
height: 18px;
margin-bottom: 15px;
}
.desktop deposit .deposit .voucher .border {
position: absolute;
top: 16px;
left: 90px;
border: 1px solid rgba(100, 100, 100, 0.7);
width: 490px;
}
.desktop deposit .deposit .voucher input {
display: flex;
width: 100%;
border: 0;
height: 45px;
font-size: 18px;
text-align: end;
padding-right: 15px;
}
.desktop deposit .keyboard {
display: flex;
flex-direction: column;
height: 330px;
width: 380px;
background: #606062;
justify-content: space-around;
align-items: center;
padding: 23px;
font-size: 18px;
margin-left: 1px;
}
.desktop deposit .keyboard .btn-key {
display: flex;
width: 100px;
height: 45px;
justify-content: center;
align-items: center;
background: #eaeaea;
border-radius: 4px;
text-transform: uppercase;
cursor: pointer;
}
.desktop deposit .keyboard .btn-key:hover {
background: #008a17;
}
.desktop deposit .keyboard .line {
display: flex;
width: 100%;
justify-content: space-around;
}
.desktop deposit .keyboard .line:last-child {
font-weight: bold;
}
.desktop deposit .keyboard .line:last-child .btn-key {
width: 145px;
margin: 8px 8px 0 0;
}
.desktop deposit .keyboard .line:last-child .btn-key:last-child {
background: #008a17;
margin: 8px 0 0 8px;
}
.desktop .win {
color: #00ff27 !important;
}
.desktop .loss {
color: #ff6565 !important;
}
.desktop .nav-container {
display: flex;
padding: 0 20px;
}
@media (min-width: 1281px) {
.desktop .nav-container {
padding: 0 30px;
}
}
.desktop .nav-container .nav-tab {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
padding: 0 20px;
text-transform: uppercase;
border-right: 1px solid #858585;
font-size: 13px;
}
.desktop .nav-container .nav-tab:first-child {
border-left: 1px solid #858585;
}
.desktop navigation {
background: linear-gradient(#545454, #353434);
border-top: 1px solid #858585;
display: flex;
font-size: 15px;
height: 45px;
justify-content: space-between;
}
.desktop navigation.day {
background: linear-gradient(#646464, #4f4f4f);
}
.desktop navigation.day .nav-tab {
background: linear-gradient(#646464, #4f4f4f);
}
.desktop navigation .nav-tab {
color: #fff;
background: linear-gradient(#545454, #353434);
font-weight: 700;
text-decoration: none;
min-width: 130px;
}
.desktop navigation .nav-tab.active,
.desktop navigation .nav-tab:hover {
background: linear-gradient(#F6C811, #DE9203);
color: #040404;
}
.desktop navigation > div {
display: flex;
}
.desktop events-banner .s-wrapper {
border: 1px solid;
border-image-slice: 1;
border-image-source: linear-gradient(#F6C811, #DE9203);
}
.desktop events-banner .swiper-container {
max-height: 302px;
margin-bottom: 30px;
}
.desktop events-banner .swiper-container .swiper-wrapper {
height: 302px;
}
.desktop events-banner .swiper-container .swiper-wrapper .swiper-slide {
overflow: hidden !important;
font-size: 18px;
}
.desktop events-banner .swiper-container .swiper-wrapper .swiper-slide .btn-more {
width: 9em;
height: 3em;
position: absolute;
top: 25%;
left: 10%;
border-radius: 7px;
background: -webkit-linear-gradient(#F6C811, #DE9203);
outline: 0;
}
.desktop events-banner .swiper-container .swiper-wrapper .swiper-slide img {
height: 302px;
}
.desktop events-banner .swiper-container .swiper-wrapper .team-content {
z-index: 12;
position: absolute;
top: 0;
right: 0;
width: 400px;
height: 100%;
background: 302px rgba(51, 51, 51, 0.85);
}
.desktop events-banner .swiper-container .swiper-wrapper .team-content .team {
z-index: 13;
height: 275px;
padding: 20px 25px;
font-weight: 300;
}
.desktop events-banner .swiper-container .swiper-wrapper .team-content .team .team-header {
font-weight: bold;
font-size: 26px;
text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3);
}
.desktop events-banner .swiper-container .swiper-wrapper .team-content .team .team-date {
margin-bottom: 22px;
}
.desktop events-banner .swiper-container .swiper-wrapper .team-content .team .team-body {
display: flex;
align-items: center;
}
.desktop events-banner .swiper-container .swiper-wrapper .team-content .team .team-body > div {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.desktop events-banner .swiper-container .swiper-wrapper .team-content .team .team-body .odd {
background: white;
text-align: center;
margin: 5px 10px;
min-width: 58px;
padding: 3px 0;
color: #040404;
cursor: pointer;
font-weight: 500;
border: 1px solid black;
border-radius: 3px;
}
.desktop events-banner .swiper-container .swiper-wrapper .team-content .team .team-body .odd:hover,
.desktop events-banner .swiper-container .swiper-wrapper .team-content .team .team-body .odd.odd-selected {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop events-banner .swiper-container .swiper-wrapper .btn-bet {
position: absolute;
right: 25px;
z-index: 13;
width: 347px;
bottom: 30px;
background: linear-gradient(#F6C811, #DE9203);
color: #040404;
cursor: pointer;
text-transform: uppercase;
text-align: center;
line-height: 30px;
font-weight: bold;
border-radius: 3px;
}
.desktop events-banner .swiper-container .swiper-wrapper .btn-bet:hover {
background: linear-gradient(#DE9203, #F6C811);
}
.desktop events-banner .swiper-container .swiper-pagination {
position: absolute;
width: 150px;
right: 50%;
left: auto;
}
.desktop events-banner .swiper-container .swiper-pagination-bullet {
opacity: 1;
background: #fff;
width: 16px;
height: 16px;
box-shadow: 0 0 10px #000000;
}
.desktop events-banner .swiper-container .swiper-pagination-bullet-active {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop events-banner .swiper-container .swiper-button-prev,
.desktop events-banner .swiper-container .swiper-button-next {
display: none;
}
.desktop .sportsbook-bets-area {
width: 70%;
}
.desktop .sportsbook-bets-area sportsbook-bets-area .bet-icon {
background-repeat: no-repeat;
background-size: contain;
margin-right: 5px;
min-height: 100%;
min-width: 41px;
margin-right: 11px;
background-position: center;
}
.desktop .sportsbook-bets-area sportsbook-bets-area spinner {
height: auto;
margin-bottom: 30px;
}
.desktop .sportsbook-bets-area sportsbook-bets-area > spinner {
margin-top: 50px;
}
.desktop sportsbook-sports-container.day .header span,
.desktop sportsbook-sports-container.day .info-title,
.desktop sportsbook-sports-container.day .headers-sport-and-country span,
.desktop sportsbook-sports-container.day .bettype-header > div,
.desktop sportsbook-sports-container.day .event-group-date {
color: black;
}
.desktop sportsbook-sports-container.day .header .bettype-header .bettype-results {
border-left: 1px solid #000;
border-right: 1px solid #000;
}
.desktop sportsbook-sports-container.day .sports-list .sport:not(.active) {
background: linear-gradient(#8f8f8f, #7b7b7b);
color: white;
}
.desktop sportsbook-sports-container.day .mini-statistics {
color: white;
background: #4f4f4f;
}
.desktop sportsbook-sports-container.day sportsbook-events-container .odds-container {
background: #cccccc;
}
.desktop sportsbook-sports-container.day sportsbook-events-container .odds-container > div {
background: linear-gradient(#646464, #4f4f4f);
color: white;
border: 0;
}
.desktop sportsbook-sports-container.day sportsbook-events-container .odds-container > div:hover {
color: black;
}
.desktop sportsbook-sports-container > .header {
align-items: center;
display: flex;
font-size: 30px;
height: 62px;
margin-top: 39px;
text-transform: uppercase;
font-weight: 500;
}
.desktop sportsbook-sports-container > .header .bet-icon.top-bets {
background-image: url("/assets/img/topbets.png");
}
.desktop sportsbook-sports-container > .header .bet-icon.upcoming {
background-image: url("/assets/img/upcoming.png");
}
.desktop sportsbook-sports-container .sports-list {
border-bottom: 1px solid #333333;
display: flex;
font-size: 13px;
width: 100%;
}
.desktop sportsbook-sports-container .sports-list .sport {
border-bottom: none;
cursor: pointer;
line-height: 37px;
font-weight: 500;
margin-right: 3px;
padding: 0 15px;
background: linear-gradient(#F7F7F7, #CCCCCC);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: black;
}
.desktop sportsbook-sports-container .sports-list .sport.active {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop sportsbook-events-container.day .header span,
.desktop sportsbook-events-container.day .info-title,
.desktop sportsbook-events-container.day .headers-sport-and-country span,
.desktop sportsbook-events-container.day .bettype-header > div,
.desktop sportsbook-events-container.day .event-group-date,
.desktop sportsbook-events-container.day .header-league {
color: black;
}
.desktop sportsbook-events-container.day .bettype-results {
border-left: 1px solid #000 !important;
border-right: 1px solid #000 !important;
}
.desktop sportsbook-events-container.day .odds-container {
background: #cccccc;
}
.desktop sportsbook-events-container.day .odds-container .event-btn {
background: linear-gradient(#646464, #4f4f4f);
color: white;
border: 0;
}
.desktop sportsbook-events-container.day .odds-container .event-btn:hover {
color: black;
}
.desktop sportsbook-events-container.day .mini-statistics {
background: #4f4f4f;
color: white;
}
.desktop sportsbook-events-container .header {
display: flex;
justify-content: space-between;
margin-bottom: 32px;
position: relative;
flex-flow: column;
}
.desktop sportsbook-events-container .header:first-child {
margin-top: 25px;
}
.desktop sportsbook-events-container .header .title {
display: flex;
}
.desktop sportsbook-events-container .header .title img {
width: 42px;
position: absolute;
top: -2px;
border-radius: 4px;
}
.desktop sportsbook-events-container .header .title > div {
margin-left: 42px;
}
.desktop sportsbook-events-container .header .title > div div:first-child {
text-transform: uppercase;
position: absolute;
top: -3px;
padding-right: 5px;
padding-left: 10px;
font-size: 13px;
}
.desktop sportsbook-events-container .header .title > div div:last-child {
font-size: 30px;
line-height: 30px;
padding-top: 15px;
padding-left: 10px;
}
.desktop sportsbook-events-container .header .title > div span {
margin-right: 0px;
text-transform: uppercase;
font-weight: 500;
}
.desktop sportsbook-events-container .header .bettype-selector {
display: flex;
line-height: 12px;
min-height: 20px;
right: 80px;
width: 100%;
right: 0;
flex-wrap: wrap;
margin-top: 15px;
}
.desktop sportsbook-events-container .header .bettype-selector > div {
display: flex;
justify-content: center;
align-items: center;
background: #656565;
color: white;
cursor: pointer;
margin-right: 2px;
padding: 0 10px;
min-width: 100px;
width: calc(100% / 3 - 2px);
height: 30px;
margin-bottom: 2px;
}
.desktop sportsbook-events-container .header .bettype-selector > div.active {
background: #F6C811;
color: black;
}
.desktop sportsbook-events-container .header .bettype-header {
bottom: 0;
line-height: 25px;
padding: 0 3px 0 5px;
position: absolute;
right: 10%;
text-align: center;
margin-bottom: -35px;
min-width: 15%;
width: 15%;
}
.desktop sportsbook-events-container .header .bettype-header .bettype-name {
text-transform: uppercase;
padding: 3px 0;
}
.desktop sportsbook-events-container .header .bettype-header .bettype-results {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
display: flex;
line-height: 14px;
font-size: 15px;
}
.desktop sportsbook-events-container .header .bettype-header .bettype-results > div {
margin-right: 2px;
text-transform: capitalize;
width: 100%;
}
.desktop sportsbook-events-container .header .bettype-header .bettype-selector {
display: flex;
line-height: 12px;
min-height: 20px;
}
.desktop sportsbook-events-container .header .bettype-header .bettype-selector > div {
background-color: #303032;
cursor: pointer;
margin-right: 2px;
padding: 2px 0;
width: 100%;
}
.desktop sportsbook-events-container .header .bettype-header .bettype-selector > div.active {
background-color: #008a17;
}
.desktop sportsbook-events-container .header .btn-more-bettype {
background: #656565;
bottom: 5px;
line-height: 25px;
padding: 0 3px 0 5px;
position: absolute;
margin-bottom: -35px;
font-size: 15px;
cursor: pointer;
}
.desktop sportsbook-events-container .header .btn-panel {
align-items: center;
/* display: flex; */
position: absolute;
right: 0px;
top: 5px;
}
.desktop sportsbook-events-container .header .btn-panel switcher {
display: none;
}
.desktop sportsbook-events-container .events-container {
margin-bottom: 40px;
}
.desktop sportsbook-events-container .events-container .event-group-date {
padding: 10px 0 5px;
display: flex;
}
.desktop sportsbook-events-container .events-container:last-child {
margin-bottom: 0;
}
.desktop sportsbook-events-container .switcher {
width: 30px;
height: 30px;
background: linear-gradient(#F7F7F7, #CCCCCC);
color: #040404;
}
.desktop sportsbook-events-container .switcher:hover {
background: linear-gradient(#CCCCCC, #F7F7F7);
}
.desktop sportsbook-events-container .events-swich-btn-container {
display: flex;
justify-content: flex-end;
}
.desktop sportsbook-events-container .events-swich-btn-container .events-swich-btn {
background: linear-gradient(#F6C811, #DE9203);
color: black;
cursor: pointer;
font-size: 13px;
height: 35px;
line-height: 33px;
padding: 0 18px;
text-transform: uppercase;
font-weight: 700;
margin-left: 2px;
border-radius: 3px;
}
.desktop sportsbook-events-container .events-swich-btn-container .events-swich-btn:hover {
background: linear-gradient(#DE9203, #F6C811);
}
.desktop sportsbook-event .players {
display: flex;
line-height: 35px;
overflow: hidden;
width: 100%;
font-size: 13px;
margin-right: 3px;
}
.desktop sportsbook-event .players.long-term {
margin-right: 2px;
padding: 0 15px;
}
.desktop sportsbook-event .players div {
overflow: hidden;
padding: 0 15px;
text-overflow: ellipsis;
white-space: nowrap;
width: 50%;
background: linear-gradient(#545454, #353434);
border-radius: 3px;
}
.desktop sportsbook-event .players div:first-child {
margin-right: 3px;
}
.desktop sportsbook-event .odds-container,
.desktop sportsbook-event .group-header {
background-color: #656565;
}
.desktop live-betting calendar-event .time {
border-radius: 0 !important;
}
.desktop sportsbook-event .mini-statistics,
.desktop calendar-event .mini-statistics {
background-color: #eaeaea;
color: #040404;
padding: 10px;
font-size: 13px;
font-weight: 100;
z-index: 201;
min-width: 600px;
text-align: center;
display: flex;
margin-bottom: 4px;
}
.desktop sportsbook-event .mini-statistics .statistics,
.desktop calendar-event .mini-statistics .statistics {
width: 100%;
}
.desktop sportsbook-event .mini-statistics .pages,
.desktop calendar-event .mini-statistics .pages {
display: flex;
}
.desktop sportsbook-event .mini-statistics .pages > div,
.desktop calendar-event .mini-statistics .pages > div {
border: 1px solid #fff;
height: 10px;
width: 63px;
padding: 10px;
margin-left: 5px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
cursor: pointer;
}
.desktop sportsbook-event .mini-statistics .perfomance,
.desktop calendar-event .mini-statistics .perfomance {
display: flex;
justify-content: center;
margin-left: 5px;
}
.desktop sportsbook-event .mini-statistics .perfomance .status,
.desktop calendar-event .mini-statistics .perfomance .status {
width: 16px;
min-width: 16px;
height: 16px;
background: #333333;
line-height: 16px;
margin-right: 5px;
font-weight: 600;
}
.desktop sportsbook-event .mini-statistics .perfomance .percent,
.desktop calendar-event .mini-statistics .perfomance .percent {
line-height: 16px;
margin-left: 20px;
}
.desktop sportsbook-event .mini-statistics .league-header,
.desktop calendar-event .mini-statistics .league-header {
display: flex;
width: 100%;
}
.desktop sportsbook-event .mini-statistics .league-table,
.desktop calendar-event .mini-statistics .league-table {
width: 100%;
border-left: 1px solid #040404;
margin-left: 5px;
padding-left: 5px;
}
.desktop sportsbook-event .mini-statistics .league-table .perfomance,
.desktop calendar-event .mini-statistics .league-table .perfomance {
width: 160px;
min-width: 160px;
}
.desktop sportsbook-event .mini-statistics .league-table .league-event,
.desktop calendar-event .mini-statistics .league-table .league-event {
margin-top: 5px;
display: flex;
width: 100%;
}
.desktop sportsbook-event .mini-statistics .league-table .team,
.desktop calendar-event .mini-statistics .league-table .team {
text-align: left;
}
.desktop sportsbook-event .mini-statistics .position,
.desktop calendar-event .mini-statistics .position {
display: flex;
justify-content: flex-start;
min-width: 20px;
}
.desktop sportsbook-event .mini-statistics .team,
.desktop calendar-event .mini-statistics .team {
min-width: 20%;
width: 100%;
}
.desktop sportsbook-event .mini-statistics .lose,
.desktop calendar-event .mini-statistics .lose {
color: red;
min-width: 30px;
}
.desktop sportsbook-event .mini-statistics .draw,
.desktop calendar-event .mini-statistics .draw {
color: orange;
min-width: 30px;
}
.desktop sportsbook-event .mini-statistics .win,
.desktop calendar-event .mini-statistics .win,
.desktop sportsbook-event .mini-statistics .goals-for-total,
.desktop calendar-event .mini-statistics .goals-for-total,
.desktop sportsbook-event .mini-statistics .goals-against-total,
.desktop calendar-event .mini-statistics .goals-against-total,
.desktop sportsbook-event .mini-statistics .diff,
.desktop calendar-event .mini-statistics .diff {
min-width: 30px;
}
.desktop sportsbook-event .mini-statistics .tendency,
.desktop calendar-event .mini-statistics .tendency {
display: flex;
justify-content: flex-start;
width: 20%;
padding-left: 10px;
}
.desktop sportsbook-event .mini-statistics .tendency-header,
.desktop calendar-event .mini-statistics .tendency-header {
min-width: 130px;
}
.desktop sportsbook-event .mini-statistics .line,
.desktop calendar-event .mini-statistics .line {
display: flex;
justify-content: space-between;
white-space: nowrap;
}
.desktop sportsbook-event .mini-statistics .match-table,
.desktop calendar-event .mini-statistics .match-table {
text-align: left;
}
.desktop sportsbook-event .mini-statistics .match-table > div,
.desktop calendar-event .mini-statistics .match-table > div {
width: 100%;
line-height: 15px;
}
.desktop sportsbook-event .mini-statistics .match-table :nth-child(3),
.desktop calendar-event .mini-statistics .match-table :nth-child(3) {
min-width: 203px;
}
.desktop sportsbook-event .mini-statistics .team-names,
.desktop calendar-event .mini-statistics .team-names {
display: flex;
justify-content: space-around;
}
.desktop sportsbook-event .mini-statistics .team-names .team,
.desktop calendar-event .mini-statistics .team-names .team {
font-size: 17px;
}
.desktop sportsbook-event .mini-statistics .top-separator,
.desktop calendar-event .mini-statistics .top-separator {
margin-top: 10px;
margin-bottom: 5px;
}
.desktop sportsbook-event .empty,
.desktop calendar-event .empty {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.desktop sportsbook-event .sport-logo,
.desktop calendar-event .sport-logo {
display: flex;
justify-content: center;
align-items: center;
min-width: 38px;
background-color: #656565;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
}
.desktop sportsbook-event .sport-logo img,
.desktop calendar-event .sport-logo img {
width: 30px;
height: 30px;
}
.desktop sportsbook-event .additional,
.desktop calendar-event .additional {
display: flex;
min-width: 10%;
position: relative;
margin-left: 5px;
}
.desktop sportsbook-event .additional.long-term,
.desktop calendar-event .additional.long-term {
min-width: 5%;
}
.desktop sportsbook-event .additional.long-term .statistics-btn,
.desktop calendar-event .additional.long-term .statistics-btn {
display: none;
}
.desktop sportsbook-event .additional.long-term .event-btn,
.desktop calendar-event .additional.long-term .event-btn {
margin-left: 2px;
}
.desktop sportsbook-event .additional spinner,
.desktop calendar-event .additional spinner {
margin: 0;
}
.desktop sportsbook-event .additional spinner > div,
.desktop calendar-event .additional spinner > div {
margin: 0;
}
.desktop sportsbook-event .additional .statistics-btn,
.desktop calendar-event .additional .statistics-btn {
background: linear-gradient(#20BF00, #168400);
border-radius: 3px;
}
.desktop sportsbook-event .additional .statistics-btn:hover,
.desktop calendar-event .additional .statistics-btn:hover,
.desktop sportsbook-event .additional .statistics-btn.active,
.desktop calendar-event .additional .statistics-btn.active {
background: linear-gradient(#168400, #20BF00);
}
.desktop sportsbook-event .additional .statistics-btn .fa,
.desktop calendar-event .additional .statistics-btn .fa {
transform: rotate(270deg);
font-size: 14px;
}
.desktop sportsbook-event .additional .event-btn,
.desktop calendar-event .additional .event-btn {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
width: 100%;
font-size: 13px;
background: linear-gradient(#20BF00, #168400);
border-radius: 3px;
font-weight: 500;
}
.desktop sportsbook-event .additional .event-btn:hover,
.desktop calendar-event .additional .event-btn:hover,
.desktop sportsbook-event .additional .event-btn.active,
.desktop calendar-event .additional .event-btn.active {
background: linear-gradient(#168400, #20BF00);
}
.desktop sportsbook-event .additional > div,
.desktop calendar-event .additional > div {
background-color: #040404;
color: #fff;
height: 32px;
margin: 3px 3px 3px 0;
width: 100%;
}
.desktop sportsbook-event .event,
.desktop calendar-event .event {
height: 40px;
margin-bottom: 3px;
display: flex;
font-size: 14px;
}
.desktop sportsbook-event .event .odds-container,
.desktop calendar-event .event .odds-container {
padding: 0 3px 0 3px;
min-width: 15%;
border-radius: 3px;
}
.desktop sportsbook-event .event .odds-container > div,
.desktop calendar-event .event .odds-container > div {
margin: 3px 2px 3px 0;
height: 32px;
}
.desktop sportsbook-event .event-btn,
.desktop calendar-event .event-btn {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
width: 100%;
font-size: 13px;
}
.desktop sportsbook-event .odds-container,
.desktop calendar-event .odds-container {
display: flex;
}
.desktop sportsbook-event .odds-container.wide,
.desktop calendar-event .odds-container.wide {
min-width: 190px;
}
.desktop sportsbook-event .odds-container > div,
.desktop calendar-event .odds-container > div {
background: white;
color: #040404;
border: 1px solid black;
border-radius: 3px;
font-weight: 500;
}
.desktop sportsbook-event .odds-container > div:hover:not(.odd-point),
.desktop calendar-event .odds-container > div:hover:not(.odd-point),
.desktop sportsbook-event .odds-container > div.odd-selected:not(.odd-point),
.desktop calendar-event .odds-container > div.odd-selected:not(.odd-point) {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop sportsbook-event .odds-container .odd-point,
.desktop calendar-event .odds-container .odd-point {
cursor: initial;
font-weight: 500;
background: transparent;
color: white;
}
.desktop sportsbook-event .players,
.desktop calendar-event .players {
display: flex;
line-height: 35px;
overflow: hidden;
width: 100%;
font-size: 13px;
}
.desktop sportsbook-event .players .home,
.desktop calendar-event .players .home,
.desktop sportsbook-event .players .guest,
.desktop calendar-event .players .guest {
align-items: center;
display: flex;
}
.desktop sportsbook-event .players .home img,
.desktop calendar-event .players .home img,
.desktop sportsbook-event .players .guest img,
.desktop calendar-event .players .guest img {
width: 30px;
margin-right: 10px;
}
.desktop sportsbook-event .players.long-term,
.desktop calendar-event .players.long-term {
background-color: #656565;
margin-right: 3px;
padding: 0 15px;
}
.desktop sportsbook-event .players div,
.desktop calendar-event .players div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.desktop sportsbook-event .time,
.desktop calendar-event .time {
font-size: 13px;
min-width: 86px;
padding: 0 15px;
background-color: #656565;
border-radius: 3px;
margin-right: 3px;
}
.desktop sportsbook-event .time .preLive,
.desktop calendar-event .time .preLive {
line-height: 13px;
font-weight: 500;
margin-left: 1px;
font-size: 11px;
margin-top: 21px;
font-style: italic;
color: #fec70b;
}
.desktop sportsbook-event .time > div,
.desktop calendar-event .time > div {
align-items: center;
display: flex;
line-height: 35px;
text-align: center;
}
.desktop sportsbook-event .time > div .fa,
.desktop calendar-event .time > div .fa {
margin-right: 3px;
}
.desktop sportsbook-event .time > div:last-child,
.desktop calendar-event .time > div:last-child {
display: none;
}
.desktop sportsbook-event spinner .loading,
.desktop calendar-event spinner .loading {
height: 22px;
width: 22px;
}
.desktop calendar-events-container .events-container.day .event-group-date {
color: black;
}
.desktop calendar-events-container .events-container.day calendar-event .inner-odd {
background: linear-gradient(#646464, #4f4f4f) !important;
color: white !important;
}
.desktop calendar-events-container .events-container.day calendar-event .inner-odd:hover {
background: linear-gradient(#F6C811, #DE9203) !important;
color: black !important;
}
.desktop calendar-events-container .events-container.day calendar-event sportsbook-event-bettypes .groups-container .group-header .group-switcher,
.desktop calendar-events-container .events-container.day calendar-event sportsbook-event-bettypes .groups-container .group-header .group-name {
background: white;
color: black;
}
.desktop calendar-events-container .events-container.day calendar-event sportsbook-event-bettypes .groups-container .group-header .left-switcher {
background: linear-gradient(#545454, #353434);
color: white;
}
.desktop calendar-events-container .events-container.day calendar-event sportsbook-event-bettypes .groups-container .group-header .left-switcher:hover {
background: linear-gradient(#353434, #545454);
}
.desktop calendar-events-container .header,
.desktop sportsbook-event-container .header {
display: flex;
justify-content: space-between;
margin-bottom: 32px;
position: relative;
flex-flow: column;
}
.desktop calendar-events-container .header:first-child,
.desktop sportsbook-event-container .header:first-child {
margin-top: 25px;
}
.desktop calendar-events-container .header .title,
.desktop sportsbook-event-container .header .title {
display: flex;
}
.desktop calendar-events-container .header .title img,
.desktop sportsbook-event-container .header .title img {
width: 42px;
background: #0e122d;
position: absolute;
top: -2px;
border-radius: 4px;
}
.desktop calendar-events-container .header .title > div,
.desktop sportsbook-event-container .header .title > div {
margin-left: 42px;
}
.desktop calendar-events-container .header .title > div div:first-child,
.desktop sportsbook-event-container .header .title > div div:first-child {
text-transform: uppercase;
position: absolute;
background: #0e122d;
top: -3px;
padding-right: 5px;
padding-left: 10px;
font-size: 13px;
}
.desktop calendar-events-container .header .title > div div:last-child,
.desktop sportsbook-event-container .header .title > div div:last-child {
font-size: 30px;
line-height: 30px;
padding-top: 15px;
padding-left: 10px;
}
.desktop calendar-events-container .header .title > div span,
.desktop sportsbook-event-container .header .title > div span {
margin-right: 0px;
text-transform: uppercase;
font-weight: 500;
}
.desktop calendar-events-container .header .bettype-selector,
.desktop sportsbook-event-container .header .bettype-selector {
display: flex;
line-height: 12px;
min-height: 20px;
right: 80px;
width: 100%;
right: 0;
flex-wrap: wrap;
margin-top: 15px;
}
.desktop calendar-events-container .header .bettype-selector > div,
.desktop sportsbook-event-container .header .bettype-selector > div {
align-items: center;
display: flex;
justify-content: center;
background: linear-gradient(#F7F7F7, #CCCCCC);
cursor: pointer;
margin-right: 2px;
padding: 0 10px;
min-width: 100px;
width: calc(100% / 3 - 2px);
height: 30px;
margin-bottom: 2px;
}
.desktop calendar-events-container .header .bettype-selector > div.active,
.desktop sportsbook-event-container .header .bettype-selector > div.active {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop calendar-events-container .header .bettype-header,
.desktop sportsbook-event-container .header .bettype-header {
bottom: -6px;
line-height: 25px;
padding: 0 3px 0 5px;
position: absolute;
right: 10%;
text-align: center;
margin-bottom: -35px;
min-width: 15%;
width: 15%;
}
@media (max-width: 1500px) {
.desktop calendar-events-container .header .bettype-header,
.desktop sportsbook-event-container .header .bettype-header {
min-width: 20%;
width: 20%;
}
}
.desktop calendar-events-container .header .bettype-header .bettype-name,
.desktop sportsbook-event-container .header .bettype-header .bettype-name {
color: #999999;
text-transform: uppercase;
padding: 3px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.desktop calendar-events-container .header .bettype-header .bettype-results,
.desktop sportsbook-event-container .header .bettype-header .bettype-results {
border-left: 1px solid #9e9e9e;
border-right: 1px solid #9e9e9e;
display: flex;
line-height: 14px;
font-size: 15px;
}
.desktop calendar-events-container .header .bettype-header .bettype-results > div,
.desktop sportsbook-event-container .header .bettype-header .bettype-results > div {
margin-right: 2px;
text-transform: capitalize;
width: 100%;
white-space: nowrap;
overflow: hidden;
}
.desktop calendar-events-container .header .bettype-header .bettype-selector,
.desktop sportsbook-event-container .header .bettype-header .bettype-selector {
display: flex;
line-height: 12px;
min-height: 20px;
}
.desktop calendar-events-container .header .bettype-header .bettype-selector > div,
.desktop sportsbook-event-container .header .bettype-header .bettype-selector > div {
background: linear-gradient(#F7F7F7, #CCCCCC);
cursor: pointer;
margin-right: 2px;
padding: 2px 0;
width: 100%;
}
.desktop calendar-events-container .header .bettype-header .bettype-selector > div.active,
.desktop sportsbook-event-container .header .bettype-header .bettype-selector > div.active {
background-color: linear-gradient(#F6C811, #DE9203);
}
.desktop calendar-events-container .header .btn-more-bettype,
.desktop sportsbook-event-container .header .btn-more-bettype {
bottom: 5px;
line-height: 25px;
padding: 0 3px 0 5px;
position: absolute;
margin-bottom: -35px;
font-size: 15px;
border: 1px solid #9e9e9e;
background: #d21c2d;
cursor: pointer;
}
.desktop calendar-events-container .header .btn-panel,
.desktop sportsbook-event-container .header .btn-panel {
align-items: center;
/* display: flex; */
position: absolute;
right: 0px;
top: 5px;
}
.desktop calendar-events-container .header .btn-panel .switcher,
.desktop sportsbook-event-container .header .btn-panel .switcher {
margin-left: 8px;
background: #fff;
color: #040404;
height: 32px;
min-width: 32px;
}
.desktop calendar-events-container .header .btn-panel .switcher > span,
.desktop sportsbook-event-container .header .btn-panel .switcher > span {
margin-bottom: 4.57142857px;
padding-top: 3px;
}
.desktop calendar-events-container .header .btn-panel .switcher > span,
.desktop sportsbook-event-container .header .btn-panel .switcher > span {
margin-bottom: 4.57142857px;
}
.desktop calendar-events-container .events-container,
.desktop sportsbook-event-container .events-container {
margin-bottom: 40px;
}
.desktop calendar-events-container .events-container .event-group-date,
.desktop sportsbook-event-container .events-container .event-group-date {
padding: 10px 0 5px;
display: flex;
}
.desktop calendar-events-container .oddTypeName,
.desktop sportsbook-event-container .oddTypeName {
display: flex;
margin-left: 65.1%;
width: 16.2%;
font-size: 16px;
}
.desktop calendar-events-container .eventOddTypes,
.desktop sportsbook-event-container .eventOddTypes {
display: flex;
width: 100%;
flex-wrap: wrap;
text-align: center;
flex-flow: column-reverse;
}
.desktop calendar-events-container .events-container:last-child,
.desktop sportsbook-event-container .events-container:last-child {
margin-bottom: 0;
}
.desktop calendar-event .HGnames {
display: flex;
line-height: 35px;
overflow: hidden;
width: 100%;
font-family: "Open Sans";
font-weight: 600;
font-size: 14px;
white-space: nowrap;
}
.desktop calendar-event .HGnames .inner-HGnames {
display: flex;
white-space: nowrap;
width: 80%;
text-align: left;
}
.desktop calendar-event .HGnames .inner-HGnames > div {
width: 100%;
margin-left: 2px;
display: flex;
align-items: center;
background-color: #656565;
color: white;
}
.desktop calendar-event .HGnames .inner-HGnames > div > img {
margin: 0 8px 0 8px;
width: 30px;
height: 30px;
padding: 1px 0 1px 0;
}
.desktop calendar-event .HGnames .odds {
display: flex;
width: 20%;
flex-wrap: wrap;
}
.desktop calendar-event .HGnames .odds .inner-odds {
display: flex;
width: 100%;
margin-right: 2px;
margin-left: 2px;
text-align: center;
flex-flow: column-reverse;
height: 100%;
flex-wrap: wrap;
}
.desktop calendar-event .HGnames .odds .inner-odds .inner-odd {
background: linear-gradient(#F7F7F7, #CCCCCC);
color: #040404;
height: 100%;
min-width: 32.9%;
margin-left: 2px;
line-height: 3em;
}
.desktop calendar-event .HGnames .odds .inner-odds .inner-odd:hover {
cursor: pointer;
background: linear-gradient(#F6C811, #DE9203);
color: #040404;
}
.desktop calendar-event .players {
width: 100%;
font-family: "Open Sans";
font-weight: 600;
font-size: 14px;
display: flex;
line-height: 35px;
overflow: hidden;
}
.desktop calendar-event .players.long-term {
background-color: gray;
border-radius: 3px;
margin-right: 4px;
padding: 0 15px;
}
.desktop calendar-event .players div {
overflow: hidden;
padding: 0 10px;
text-overflow: ellipsis;
white-space: nowrap;
width: 50%;
background-color: gray;
border: 1px solid transparent;
}
.desktop calendar-event .players div:first-child {
margin-right: 4px;
}
.desktop calendar-event .players > div {
display: flex;
width: 100%;
margin-right: 2px;
align-items: center;
background: -webkit-linear-gradient(top, #4f4f4f, #313131);
background: -moz-linear-gradient(top, #4f4f4f, #313131);
background: -ms-linear-gradient(top, #4f4f4f, #313131);
background: -o-linear-gradient(top, #4f4f4f, #313131);
background-color: #313131;
cursor: pointer;
}
.desktop calendar-event .players img {
width: 30px;
height: 30px;
margin-right: 10px;
}
.desktop calendar-event .inner-players {
display: flex;
line-height: 35px;
overflow: hidden;
width: 50%;
font-weight: 600;
font-size: 14px;
font-family: "Open Sans";
}
.desktop calendar-event .inner-players div {
overflow: hidden;
padding: 0 15px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
background-color: #22815f;
margin-right: 4px;
}
.desktop calendar-event .time {
display: flex;
flex-direction: column;
justify-content: center;
}
.desktop calendar-event .time span {
text-align: center;
}
.desktop calendar-event .event-btn.disabled-statistics-btn {
visibility: hidden;
}
.desktop calendar-event .event-btn.disabled-statistics-btn .fa {
transform: rotate(270deg);
}
.desktop calendar-event .event-btn.disabled-statistics-btn:hover {
color: #656565 !important;
cursor: not-allowed;
}
.desktop overview-bettype-row:nth-child(2) {
margin-top: 2px;
}
.desktop sportsbook-event-bettypes .groups-container {
position: relative;
font-size: 13px;
overflow-y: hidden;
}
.desktop sportsbook-event-bettypes .groups-container .group-header {
display: flex;
line-height: 28px;
margin-bottom: 4px;
margin-left: 89px;
background: #656565;
}
.desktop sportsbook-event-bettypes .groups-container .group-header > div {
cursor: pointer;
}
.desktop sportsbook-event-bettypes .groups-container .group-header .group-name {
margin-left: 2px;
text-transform: uppercase;
width: 100%;
padding: 0 10px;
margin: 3px 67px 3px 0;
background: #040404;
}
.desktop sportsbook-event-bettypes .groups-container .group-header .group-switcher {
text-align: center;
width: 60px;
margin: 3px;
background: #040404;
}
.desktop sportsbook-event-bettypes .groups-container .group-header .left-switcher {
position: absolute;
min-width: 60px;
right: 3px;
height: 28px;
margin-top: 3px;
color: #040404;
background: linear-gradient(#F7F7F7, #CCCCCC);
}
.desktop sportsbook-event-bettypes .groups-container .group-header .left-switcher:hover {
background: linear-gradient(#CCCCCC, #F7F7F7);
}
.desktop sportsbook-event-bettypes .groups-container .group-header .left-switcher .left-switcher-opened,
.desktop sportsbook-event-bettypes .groups-container .group-header .left-switcher .left-switcher-closed {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.desktop sportsbook-event-bettypes .groups-container .group-header .left-switcher i {
font-size: 25px;
}
.desktop sportsbook-event-bettypes .groups-container .group-header .switcher .glyphicon {
font-size: 14px;
}
.desktop sportsbook-event-bettypes .bettypes-container {
margin-bottom: 4px;
margin-left: 90px;
margin-right: 67px;
}
.desktop sportsbook-event-bettype .bettype-header {
background-color: #656565;
}
.desktop sportsbook-event-bettype .bettype {
display: flex;
margin-bottom: 2px;
}
.desktop sportsbook-event-bettype .bettype.column {
flex-direction: column;
}
.desktop sportsbook-event-bettype .bettype.column > div:not(:last-child) {
margin-bottom: 2px;
}
.desktop sportsbook-event-bettype .bettype > div {
display: flex;
}
.desktop sportsbook-event-bettype .bettype > div:first-child {
width: 100%;
}
.desktop sportsbook-event-bettype .bettype-header {
padding: 4px;
width: 100%;
line-height: 19px;
}
.desktop sportsbook-event-bettype .odds-container > div {
cursor: pointer;
justify-content: space-between;
line-height: 27px;
min-width: 120px;
padding: 0 12px;
width: 120px;
margin-left: 2px;
}
.desktop sportsbook-event-bettype .odds-container > div > span:last-child {
float: right;
}
.desktop sportsbook-event-bettype .odds-container > div > .fa {
float: right;
line-height: inherit;
}
.desktop sportsbook-event-bettype .oddgroups-container {
display: flex;
width: fit-content;
}
.desktop sportsbook-event-bettype .oddgroups-container .odds-container {
flex-direction: column;
}
.desktop sportsbook-event-bettype .oddgroups-container .odds-container > div:not(:first-child) {
border-top: 2px solid #040404;
}
.desktop sportsbook-event-bettype .oddgroups-container .odds-container:only-child > div {
min-width: 240px;
}
.desktop sportsbook-event-bettype .oddgroups-container .longterm {
flex-wrap: wrap;
flex-direction: row;
}
.desktop sportsbook-event-bettype .oddgroups-container .longterm .odd {
width: calc(100% / 3 - 2px);
display: inline-block;
min-width: auto !important;
}
.desktop sportsbook-event-bettype .oddgroups-container .longterm .odd:nth-child(-n + 3) {
border-top: 0;
}
.desktop sportsbook-live-container.day .header,
.desktop sportsbook-live-container.day .bettype-results .block,
.desktop sportsbook-live-container.day .league-table .team {
color: black;
}
.desktop sportsbook-live-container.day .mini-statistics {
color: white;
background: #4f4f4f;
}
.desktop sportsbook-live-container.day .sports-list .sport:not(.active) {
background: linear-gradient(#8f8f8f, #7b7b7b);
color: white;
}
.desktop sportsbook-live-container.day .event .event-btn.locked .fa {
color: black;
}
.desktop sportsbook-live-container .control-btns {
padding-left: 3px;
}
.desktop sportsbook-live-container .bet-icon {
background-image: url("/assets/img/livebetting.png");
}
.desktop sportsbook-live-container .btn-live {
background: linear-gradient(#F6C811, #DE9203);
color: black;
border-radius: 3px;
cursor: pointer;
display: inline;
font-size: 20px;
font-weight: bold;
text-decoration: none;
padding: 5px 52px;
text-transform: uppercase;
}
.desktop sportsbook-live-container .btn-live:hover {
background: linear-gradient(#DE9203, #F6C811);
}
.desktop sportsbook-live-container > .header {
align-items: center;
border: none !important;
display: flex;
font-size: 30px;
text-transform: uppercase;
font-weight: 500;
}
.desktop sportsbook-live-container .events-container {
margin-bottom: 40px;
}
.desktop sportsbook-live-container .bettype ~ .bettype {
display: none !important;
}
.desktop sportsbook-live-container .event .bettypes-container {
min-width: 15%;
width: 15%;
padding-right: 3px;
}
@media (max-width: 1500px) {
.desktop sportsbook-live-container .event .bettypes-container {
min-width: 20%;
width: 20%;
}
}
.desktop sportsbook-live-container .sport-header {
border: none;
display: flex;
justify-content: flex-end;
margin: 0 0 18px !important;
position: relative;
}
.desktop sportsbook-live-container .sport-header .btn-panel {
align-items: center;
display: flex;
}
.desktop sportsbook-live-container .sport-header .btn-panel switcher {
display: none;
}
.desktop sportsbook-live-container .sport-header .title {
display: flex;
width: 100%;
}
.desktop sportsbook-live-container .sport-header .title img {
width: 42px;
background: black;
position: absolute;
top: -2px;
border-radius: 4px;
}
.desktop sportsbook-live-container .sport-header .title > div {
margin-left: 42px;
}
.desktop sportsbook-live-container .sport-header .title > div div:first-child {
text-transform: uppercase;
position: absolute;
background: black;
top: -3px;
padding-right: 5px;
padding-left: 10px;
font-size: 13px;
}
.desktop sportsbook-live-container .sport-header .title > div div:last-child {
font-size: 30px;
line-height: 30px;
padding-top: 15px;
padding-left: 10px;
}
.desktop sportsbook-live-container .sport-header .title > div span {
margin-right: 8px;
text-transform: uppercase;
font-weight: 600;
}
.desktop sportsbook-live-container .sport-header .bettype {
line-height: 25px;
min-width: 15%;
margin: 0 -3px 0 -5px;
text-align: center;
width: 15%;
}
@media (max-width: 1500px) {
.desktop sportsbook-live-container .sport-header .bettype {
min-width: 20%;
width: 20%;
}
}
.desktop sportsbook-live-container .sport-header .bettype .bettype-title {
color: #999999;
text-transform: uppercase;
padding: 10px 0;
}
.desktop sportsbook-live-container .sport-header .bettype .bettype-results {
border-left: 1px solid #9e9e9e;
border-right: 1px solid #9e9e9e;
display: flex;
justify-content: space-between;
line-height: 14px;
font-size: 15px;
}
.desktop sportsbook-live-container .sport-header .bettype .bettype-results > div {
width: 33.3333%;
}
.desktop sportsbook-live-container .sport-header > div:last-child,
.desktop sportsbook-live-container .event > div:last-child {
margin-left: 3px;
min-width: 5%;
}
.desktop sportsbook-live-container overview-event .event > div:first-child {
min-width: 5%;
width: auto;
}
.desktop sportsbook-live-container overview-event .event > div:last-child {
min-width: 5%;
width: auto;
}
.desktop sportsbook-live-container overview-event .event > div:last-child > .block {
width: 100%;
}
.desktop sportsbook-live-container overview-event .event > div:last-child > .event-btn-glyph {
display: none;
}
.desktop sportsbook-live-container overview-event .event .players {
width: 100%;
}
.desktop sportsbook-live-container .sports-list {
border-bottom: 1px solid #333333;
display: flex;
font-size: 13px;
margin: 0;
}
.desktop sportsbook-live-container .sports-list .sport {
background: linear-gradient(#F7F7F7, #CCCCCC);
color: black;
cursor: pointer;
line-height: 37px;
font-weight: 500;
margin-right: 3px;
padding: 0 10px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.desktop sportsbook-live-container .sports-list .sport.active {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop live-betting .page-content.day live-betting-tree .tree-header,
.desktop live-betting .page-content.day live-betting-tree .sport-header {
background: linear-gradient(#646464, #4f4f4f);
}
.desktop live-betting .page-content.day live-betting-tree .sport-header:hover {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop live-betting .page-content.day live-betting-tree .event {
background: #d9d9d9;
}
.desktop live-betting .page-content.day live-betting-tree .event:hover,
.desktop live-betting .page-content.day live-betting-tree .event.active {
background: white;
}
.desktop live-betting .page-content.day .event-container single-view-event .no-odds {
color: black;
}
.desktop live-betting .page-content.day overview .event .timer,
.desktop live-betting .page-content.day overview .event .players .event-score,
.desktop live-betting .page-content.day overview .event .players .team {
background: #cccccc;
color: black;
}
.desktop live-betting .page-content.day overview .event overview-event-score .score,
.desktop live-betting .page-content.day overview .event overview-event-score > div {
color: black;
}
.desktop live-betting .page-content.day overview .event overview-event-score .total {
border-right: 1px solid #e7e7e7;
}
.desktop live-betting .page-content.day overview .event overview-event-score .score-container ~ .score-container {
border-left: 1px solid #e7e7e7;
}
.desktop live-betting .page-content.day overview .event .bettypes-container {
background: #cccccc;
}
.desktop live-betting .page-content.day overview .event .event-btn:not(.locked) {
background: linear-gradient(#646464, #4f4f4f);
color: white;
border: 0;
}
.desktop live-betting .page-content.day overview .event .event-btn:not(.locked):hover {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.desktop live-betting .page-content.day overview .event .event-btn.locked .fa {
color: black;
}
.desktop live-betting .page-content.day overview .event .odd-point {
color: black;
font-weight: 600;
}
.desktop live-betting .page-content.day single-view-event-bettype .bettype-header .bettype-name,
.desktop live-betting .page-content.day single-view-event-bettype .bettype-header .bettype-switcher {
background: #cccccc;
color: black;
}
.desktop live-betting .page-content.day single-view-event-bettype .odds-container .odd {
background: linear-gradient(#646464, #4f4f4f);
color: white;
}
.desktop live-betting .page-content.day calendar .HGnames .inner-HGnames > div,
.desktop live-betting .page-content.day calendar .time,
.desktop live-betting .page-content.day calendar .sport-logo {
background: #aaaaaa;
color: black;
}
.desktop live-betting .page-content.day calendar .btns > div {
background: linear-gradient(#646464, #4f4f4f);
}
.desktop live-betting .page-content.day calendar .btns > div:hover,
.desktop live-betting .page-content.day calendar .btns > div.active {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop live-betting .page-content.day calendar .mini-statistics {
background: #4f4f4f;
color: white;
}
.desktop live-betting .page-content.day calendar .odds-container > div {
background: linear-gradient(#646464, #4f4f4f);
color: white;
border: 0;
}
.desktop live-betting .page-content.day calendar .odds-container > div:hover {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.desktop live-betting .page-content.day calendar sportsbook-event-bettypes .groups-container .group-header .left-switcher,
.desktop live-betting .page-content.day calendar sportsbook-event-bettypes .groups-container .group-header .group-switcher,
.desktop live-betting .page-content.day calendar sportsbook-event-bettypes .groups-container .group-header .group-name {
background: linear-gradient(#8f8f8f, #7b7b7b);
color: white;
}
.desktop live-betting .page-content .live-betting-container {
width: 85%;
}
.desktop live-betting .page-content .control-btns {
margin-left: 5px;
}
.desktop live-betting overview-event .loading {
margin-top: 0 !important;
}
.desktop live-betting .overview .btn-type-view {
color: black;
font-size: 13px;
line-height: 14px;
padding: 6px 15px;
font-family: "Open sans";
cursor: pointer;
width: max-content;
text-transform: uppercase;
margin-top: -63px;
background: linear-gradient(#F7F7F7, #CCCCCC);
position: absolute;
right: 20%;
border-radius: 3px;
font-weight: 600;
}
.desktop live-betting .overview .btn-type-view:hover {
background: linear-gradient(#20BF00, #168400);
color: white;
}
@media (max-width: 1500px) {
.desktop live-betting betslip {
min-width: 260px;
}
}
.desktop live-betting calendar {
position: relative;
display: flex;
height: 100%;
flex-direction: column;
}
.desktop live-betting calendar .calendar-spinner {
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.1);
z-index: 1000;
}
.desktop live-betting calendar .calendar {
display: flex;
justify-content: center;
align-items: center;
width: 300px;
height: 40px;
color: rgba(255, 255, 255, 0.9);
font-size: 21px;
background: #d21c2d;
}
.desktop live-betting calendar .btns {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
height: 30px;
}
.desktop live-betting calendar .btns > select {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
border: 1px solid rgba(255, 255, 255, 0.1);
font-size: 16px;
font-weight: bold;
cursor: pointer;
max-width: 50px;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-size: 30px 30px;
background-position: center;
background-repeat: no-repeat;
}
.desktop live-betting calendar .btns > select option {
background: #333333;
height: 50px;
width: 50px;
}
.desktop live-betting calendar .btns .sport-item {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
padding: 0 3px;
width: 100%;
max-width: 160px;
}
.desktop live-betting calendar .btns .sport-item div,
.desktop live-betting calendar .btns .sport-item span {
display: flex;
}
.desktop live-betting calendar .btns .sport-item img {
width: 18px;
height: 18px;
margin-right: 6px;
}
.desktop live-betting calendar .btns .sport-item i {
padding-left: 5px;
}
.desktop live-betting calendar .btns .sport-list {
position: absolute;
z-index: 201;
background: #656565;
top: 31px;
left: 0;
width: 160px;
}
.desktop live-betting calendar .btns .sport-list .sport-item {
width: 160px;
color: #fff;
padding-right: 10px;
padding: 6px;
border: 1px solid #040404;
border-top: 0;
justify-content: flex-start;
}
.desktop live-betting calendar .btns .sport-list .sport-item span {
display: block;
}
.desktop live-betting calendar .btns .sport-list .sport-item:hover {
background: linear-gradient(#20BF00, #168400);
}
.desktop live-betting calendar .btns > div {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: bold;
cursor: pointer;
text-transform: uppercase;
background: #656565;
margin-right: 5px;
}
.desktop live-betting calendar .btns > div:last-child {
margin-right: 0;
}
.desktop live-betting calendar .btns > div:hover,
.desktop live-betting calendar .btns > div.active {
background: linear-gradient(#F6C811, #DE9203);
color: #040404;
}
.desktop live-betting-navigation.day .nav-container {
background: #8f8f8f;
}
.desktop live-betting-navigation .nav-container {
margin: 0 !important;
background: #656565;
height: 40px;
align-items: center;
}
.desktop live-betting-navigation .nav-container .nav-tab {
background: linear-gradient(#F7F7F7, #CCCCCC);
color: black;
margin-right: 10px;
font-weight: 600;
text-decoration: none;
border: 0 !important;
height: 26px;
border-radius: 3px;
}
.desktop live-betting-navigation .nav-container .nav-tab.active,
.desktop live-betting-navigation .nav-container .nav-tab:hover {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop live-betting-navigation .nav-container .nav-tab span {
top: 0;
}
.desktop live-betting-navigation .nav-container .nav-tab > span:not(:first-child) {
margin-left: 5px;
}
.desktop overview,
.desktop sportsbook-live-container {
width: 100%;
}
.desktop overview.day .event .bettypes-container,
.desktop sportsbook-live-container.day .event .bettypes-container {
background: #cccccc;
}
.desktop overview.day .event .event-btn:not(.locked),
.desktop sportsbook-live-container.day .event .event-btn:not(.locked) {
background: linear-gradient(#646464, #4f4f4f);
color: white;
border: 0;
}
.desktop overview.day .event .event-btn:not(.locked):hover,
.desktop sportsbook-live-container.day .event .event-btn:not(.locked):hover {
color: black;
}
.desktop overview .bettypes-container,
.desktop sportsbook-live-container .bettypes-container {
display: flex;
min-width: 50%;
width: 50%;
}
.desktop overview .bettypes-container .bettype,
.desktop sportsbook-live-container .bettypes-container .bettype {
display: flex;
justify-content: space-between;
width: 100%;
margin-right: 5px;
}
.desktop overview .block,
.desktop sportsbook-live-container .block {
align-items: center;
display: flex;
justify-content: center;
width: 100%;
}
.desktop overview .block:not(:last-child),
.desktop sportsbook-live-container .block:not(:last-child) {
margin-right: 3px;
}
.desktop overview .header,
.desktop sportsbook-live-container .header {
border-bottom: 1px solid #333333;
border-top: 1px solid #333333;
display: flex;
height: 64px;
}
.desktop overview .header .bettypes-container .bettype,
.desktop sportsbook-live-container .header .bettypes-container .bettype {
border-right: 1px solid #333333;
flex-direction: column;
justify-content: space-around;
padding-bottom: 8px;
padding-top: 8px;
text-transform: uppercase;
margin-right: 1px;
font-weight: 300;
}
.desktop overview .header .bettypes-container .bettype .bettype-title,
.desktop sportsbook-live-container .header .bettypes-container .bettype .bettype-title {
text-align: center;
}
.desktop overview .header .bettypes-container .bettype .bettype-results,
.desktop sportsbook-live-container .header .bettypes-container .bettype .bettype-results {
display: flex;
justify-content: space-between;
}
.desktop overview .header .bettypes-container .bettype .bettype-results.with-odd-point,
.desktop sportsbook-live-container .header .bettypes-container .bettype .bettype-results.with-odd-point {
justify-content: flex-end;
}
.desktop overview .header .bettypes-container .bettype .bettype-results div,
.desktop sportsbook-live-container .header .bettypes-container .bettype .bettype-results div {
margin: 0;
text-align: center;
width: 33.333%;
font-size: 13px;
}
.desktop overview .header .empty-block,
.desktop sportsbook-live-container .header .empty-block {
width: 8%;
display: flex;
justify-content: center;
align-items: center;
}
.desktop overview .header .title,
.desktop sportsbook-live-container .header .title {
align-items: center;
border-right: 1px solid #333333;
display: flex;
font-size: 30px;
width: 44%;
font-weight: 500;
}
.desktop overview .header .title .logo,
.desktop sportsbook-live-container .header .title .logo {
margin-right: 10px;
width: 42px;
border-radius: 4px;
}
.desktop overview overview-event .odd-point,
.desktop sportsbook-live-container overview-event .odd-point {
color: #9e9e9e;
}
.desktop overview overview-event .timer,
.desktop sportsbook-live-container overview-event .timer,
.desktop overview overview-event .bettypes-container,
.desktop sportsbook-live-container overview-event .bettypes-container {
background-color: #656565;
border-radius: 3px;
}
.desktop overview overview-event .team,
.desktop sportsbook-live-container overview-event .team,
.desktop overview overview-event .event-score,
.desktop sportsbook-live-container overview-event .event-score,
.desktop overview overview-event .statistics-btn,
.desktop sportsbook-live-container overview-event .statistics-btn {
background: linear-gradient(#545454, #353434);
border-radius: 3px;
}
.desktop overview overview-event .statistics-btn,
.desktop sportsbook-live-container overview-event .statistics-btn {
background: linear-gradient(#F7F7F7, #CCCCCC) !important;
}
.desktop overview overview-event .group-header-live,
.desktop sportsbook-live-container overview-event .group-header-live {
border: 3px solid #656565;
}
.desktop overview overview-sport-league.day .header-switch,
.desktop sportsbook-live-container overview-sport-league.day .header-switch,
.desktop overview overview-sport.day .header-switch,
.desktop sportsbook-live-container overview-sport.day .header-switch,
.desktop overview overview-sport-league.day .header,
.desktop sportsbook-live-container overview-sport-league.day .header,
.desktop overview overview-sport.day .header,
.desktop sportsbook-live-container overview-sport.day .header {
color: black;
}
.desktop overview overview-sport-league.day .league-name,
.desktop sportsbook-live-container overview-sport-league.day .league-name,
.desktop overview overview-sport.day .league-name,
.desktop sportsbook-live-container overview-sport.day .league-name {
color: white;
background: linear-gradient(#646464, #4f4f4f);
}
.desktop overview overview-sport-league.day overview-event .team,
.desktop sportsbook-live-container overview-sport-league.day overview-event .team,
.desktop overview overview-sport.day overview-event .team,
.desktop sportsbook-live-container overview-sport.day overview-event .team,
.desktop overview overview-sport-league.day overview-event .event-score,
.desktop sportsbook-live-container overview-sport-league.day overview-event .event-score,
.desktop overview overview-sport.day overview-event .event-score,
.desktop sportsbook-live-container overview-sport.day overview-event .event-score {
background: linear-gradient(#646464, #4f4f4f);
}
.desktop overview overview-sport-league.day .bettypes-container-overview .group-header-live,
.desktop sportsbook-live-container overview-sport-league.day .bettypes-container-overview .group-header-live,
.desktop overview overview-sport.day .bettypes-container-overview .group-header-live,
.desktop sportsbook-live-container overview-sport.day .bettypes-container-overview .group-header-live {
background: none;
}
.desktop overview overview-sport-league.day .bettypes-container-overview .group-header-live .singleview-button,
.desktop sportsbook-live-container overview-sport-league.day .bettypes-container-overview .group-header-live .singleview-button,
.desktop overview overview-sport.day .bettypes-container-overview .group-header-live .singleview-button,
.desktop sportsbook-live-container overview-sport.day .bettypes-container-overview .group-header-live .singleview-button {
background: linear-gradient(#545454, #353434);
color: white;
}
.desktop overview overview-sport-league.day .mini-statistics,
.desktop sportsbook-live-container overview-sport-league.day .mini-statistics,
.desktop overview overview-sport.day .mini-statistics,
.desktop sportsbook-live-container overview-sport.day .mini-statistics {
color: white;
background: #4f4f4f;
}
.desktop overview overview-sport .header,
.desktop sportsbook-live-container overview-sport .header,
.desktop overview overview-sport-league .header,
.desktop sportsbook-live-container overview-sport-league .header {
margin-bottom: 15px;
margin-right: 5px;
}
.desktop overview overview-sport .league-name,
.desktop sportsbook-live-container overview-sport .league-name,
.desktop overview overview-sport-league .league-name,
.desktop sportsbook-live-container overview-sport-league .league-name {
padding: 2px 0px;
margin-bottom: 2px;
display: flex;
align-items: center;
line-height: 22px;
}
.desktop overview overview-sport .league-name img,
.desktop sportsbook-live-container overview-sport .league-name img,
.desktop overview overview-sport-league .league-name img,
.desktop sportsbook-live-container overview-sport-league .league-name img {
max-height: 25px;
max-width: 25px;
margin: 0 5px;
}
.desktop overview .control-btns,
.desktop sportsbook-live-container .control-btns {
justify-content: space-between;
width: 8%;
padding-right: 3px;
}
.desktop overview .control-btns .block,
.desktop sportsbook-live-container .control-btns .block {
position: relative;
width: 49%;
}
.desktop overview .control-btns .block .spinner-overview,
.desktop sportsbook-live-container .control-btns .block .spinner-overview {
background: #040404;
position: absolute;
}
.desktop overview .control-btns .block .spinner-overview .loading,
.desktop sportsbook-live-container .control-btns .block .spinner-overview .loading {
margin: 0;
max-width: 22px;
max-height: 22px;
}
.desktop overview .control-btns .event-btn-redirect,
.desktop sportsbook-live-container .control-btns .event-btn-redirect {
background: linear-gradient(#20BF00, #168400) !important;
color: white !important;
border-radius: 3px !important;
}
.desktop overview .control-btns .event-btn-redirect:hover,
.desktop sportsbook-live-container .control-btns .event-btn-redirect:hover {
background: linear-gradient(#168400, #20BF00) !important;
}
.desktop overview .event,
.desktop sportsbook-live-container .event {
display: flex;
font-size: 13px;
height: 35px;
margin-bottom: 3px;
}
.desktop overview .event.event-wide,
.desktop sportsbook-live-container .event.event-wide {
height: 68px;
}
.desktop overview .event > div,
.desktop sportsbook-live-container .event > div {
display: flex;
}
.desktop overview .event .timer,
.desktop sportsbook-live-container .event .timer {
color: white;
flex-direction: column;
font-weight: 500;
justify-content: center;
font-size: 13px;
text-align: center;
width: 5%;
}
.desktop overview .event .timer > div,
.desktop sportsbook-live-container .event .timer > div {
line-height: 17.5px;
}
.desktop overview .event .timer > div:last-child,
.desktop sportsbook-live-container .event .timer > div:last-child {
font-weight: 700;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.desktop overview .event .timer .code,
.desktop sportsbook-live-container .event .timer .code {
display: none;
}
.desktop overview .event .bettypes-container,
.desktop sportsbook-live-container .event .bettypes-container {
flex-direction: column;
overflow: hidden;
padding-left: 3px;
}
.desktop overview .event .odds-container,
.desktop sportsbook-live-container .event .odds-container {
display: flex;
justify-content: space-between;
width: 100%;
}
.desktop overview .event .bettype-empty .event-btn,
.desktop sportsbook-live-container .event .bettype-empty .event-btn {
cursor: initial;
}
.desktop overview .event .event-btn:not(.locked),
.desktop sportsbook-live-container .event .event-btn:not(.locked) {
background: white;
color: #040404;
cursor: pointer;
font-weight: 500;
height: 27px;
border: 1px solid black;
border-radius: 3px;
}
.desktop overview .event .event-btn:not(.locked):hover,
.desktop sportsbook-live-container .event .event-btn:not(.locked):hover {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop overview .event .event-btn.locked,
.desktop sportsbook-live-container .event .event-btn.locked {
background: #9e9e9e;
border-radius: 3px;
}
.desktop overview .event .block,
.desktop sportsbook-live-container .event .block {
margin-top: 4px;
}
.desktop overview .event .event-btn-glyph,
.desktop sportsbook-live-container .event .event-btn-glyph {
background: linear-gradient(#20BF00, #168400);
color: white;
font-size: 14px;
cursor: pointer;
font-weight: 500;
height: 27px;
border-radius: 3px;
}
.desktop overview .event .event-btn-glyph:hover,
.desktop sportsbook-live-container .event .event-btn-glyph:hover {
background: linear-gradient(#168400, #20BF00);
}
.desktop overview .event .event-btn-glyph.active,
.desktop sportsbook-live-container .event .event-btn-glyph.active {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.desktop overview .event .event-btn-glyph.locked,
.desktop sportsbook-live-container .event .event-btn-glyph.locked {
color: #fff;
cursor: initial;
}
.desktop overview .event .event-btn-glyph.locked:hover,
.desktop sportsbook-live-container .event .event-btn-glyph.locked:hover,
.desktop overview .event .event-btn-glyph.locked.active,
.desktop sportsbook-live-container .event .event-btn-glyph.locked.active {
color: #d21c2d;
}
.desktop overview .event .players,
.desktop sportsbook-live-container .event .players {
line-height: 35px;
overflow: hidden;
width: 39%;
font-size: 13px;
}
.desktop overview .event .players .team,
.desktop sportsbook-live-container .event .players .team {
width: 45%;
display: inline-block;
padding: 0 10px;
overflow: hidden;
margin: 0 3px;
text-overflow: ellipsis;
white-space: nowrap;
}
.desktop overview .event .players .team .team-name,
.desktop sportsbook-live-container .event .players .team .team-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: flex;
align-items: center;
}
.desktop overview .event .players .team .team-name .yellow-cards,
.desktop sportsbook-live-container .event .players .team .team-name .yellow-cards,
.desktop overview .event .players .team .team-name .red-cards,
.desktop sportsbook-live-container .event .players .team .team-name .red-cards {
line-height: 12px;
padding: 2px 1px;
background: yellow;
color: black;
border-radius: 2px;
margin-right: 5px;
font-size: 12px;
}
.desktop overview .event .players .team .team-name .red-cards,
.desktop sportsbook-live-container .event .players .team .team-name .red-cards {
background: red;
color: white;
}
.desktop overview .event .players .highlighted-event overview-event-score > div,
.desktop sportsbook-live-container .event .players .highlighted-event overview-event-score > div,
.desktop overview .event .players .highlighted-event .score,
.desktop sportsbook-live-container .event .players .highlighted-event .score {
color: black !important;
}
.desktop overview .event .players .event-score,
.desktop sportsbook-live-container .event .players .event-score {
width: 45%;
min-width: 120px;
display: flex;
align-items: center;
font-size: 12px;
font-weight: 500;
color: #fff;
line-height: 40px;
overflow: hidden;
justify-content: space-around;
position: relative;
}
.desktop overview .event .players .event-score .img,
.desktop sportsbook-live-container .event .players .event-score .img {
display: flex;
text-align: center;
align-items: center;
}
.desktop overview .event .players .event-score .img img,
.desktop sportsbook-live-container .event .players .event-score .img img {
width: 25px;
}
.desktop overview .bettypes-container-overview,
.desktop sportsbook-live-container .bettypes-container-overview {
display: flex;
}
.desktop overview .bettypes-container-overview > div,
.desktop sportsbook-live-container .bettypes-container-overview > div {
width: 99%;
}
.desktop overview .bettypes-container-overview .group-header-live,
.desktop sportsbook-live-container .bettypes-container-overview .group-header-live {
background: #040404;
cursor: pointer;
display: flex;
width: 100%;
height: 35px;
color: #040404;
font-weight: bold;
justify-content: flex-end;
}
.desktop overview .bettypes-container-overview .group-header-live .singleview-button,
.desktop sportsbook-live-container .bettypes-container-overview .group-header-live .singleview-button {
background: linear-gradient(#F7F7F7, #CCCCCC);
display: flex;
align-items: center;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
color: #040404;
padding: 0 15px;
font-weight: 500;
}
.desktop overview .bettypes-container-overview .group-header-live .singleview-button .text,
.desktop sportsbook-live-container .bettypes-container-overview .group-header-live .singleview-button .text {
margin-left: 5px;
}
.desktop overview .bettypes-container-overview .arrows,
.desktop sportsbook-live-container .bettypes-container-overview .arrows {
background: #fec70b;
width: 5%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 3px;
height: 35px;
cursor: pointer;
}
.desktop overview .bettypes-container-overview .arrows .fa-angle-double-up,
.desktop sportsbook-live-container .bettypes-container-overview .arrows .fa-angle-double-up {
font-size: 25px;
font-weight: bold;
color: #040404;
}
.desktop overview-bettype-row {
display: flex;
}
.desktop overview-event .event-btn.statistics-btn {
cursor: pointer;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
color: black !important;
background: linear-gradient(#F6C811, #DE9203) !important;
height: 35px !important;
margin-right: 3px;
}
.desktop overview-event .event-btn.statistics-btn .fa {
font-size: 14px;
transform: rotate(270deg) translateY(0);
}
.desktop overview-event .event-btn.statistics-btn.disabled-statistics-btn {
background: #cccccc !important;
color: #666666 !important;
}
.desktop overview-event .event-btn.statistics-btn.disabled-statistics-btn:hover {
cursor: not-allowed;
background: #cccccc !important;
color: #666666 !important;
}
.desktop overview-event .event-btn.statistics-btn spinner {
align-items: center;
display: flex;
width: 27px;
height: 27px;
z-index: 2000;
border-radius: 100%;
}
.desktop overview-event .event-btn.statistics-btn spinner .loading {
margin-top: 30px;
width: 27px;
height: 27px;
border: 2px solid #4D4D4D;
border-top-color: #ffd31d;
border-radius: 100%;
-webkit-animation: loading linear 0.7s infinite;
animation: loading linear 0.7s infinite;
}
.desktop overview-event .event-btn.statistics-btn:hover {
background: linear-gradient(#DE9203, #F6C811) !important;
}
.desktop overview-event mini-statistics .mini-statistics {
color: white;
text-align: center;
}
.desktop overview-event mini-statistics .mini-statistics .pages {
display: flex;
}
.desktop overview-event mini-statistics .mini-statistics .pages > div {
border: 1px solid #fff;
height: 10px;
width: 63px;
padding: 10px;
margin-left: 5px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
cursor: pointer;
}
.desktop overview-event mini-statistics .mini-statistics .perfomance {
display: flex;
justify-content: center;
margin-left: 5px;
}
.desktop overview-event mini-statistics .mini-statistics .perfomance .status {
width: 16px;
min-width: 16px;
height: 16px;
background: #888;
line-height: 16px;
margin-right: 5px;
}
.desktop overview-event mini-statistics .mini-statistics .perfomance .percent {
line-height: 16px;
margin-left: 20px;
}
.desktop overview-event mini-statistics .mini-statistics .league-header {
display: flex;
width: 100%;
}
.desktop overview-event mini-statistics .mini-statistics .league-table {
width: 100%;
border-left: 1px solid #040404;
margin-left: 5px;
padding-left: 5px;
}
.desktop overview-event mini-statistics .mini-statistics .league-table .perfomance {
width: 160px;
min-width: 160px;
}
.desktop overview-event mini-statistics .mini-statistics .league-table .league-event {
margin-top: 5px;
display: flex;
width: 100%;
}
.desktop overview-event mini-statistics .mini-statistics .league-table .team {
text-align: left;
background: none;
}
.desktop overview-event mini-statistics .mini-statistics .position {
display: flex;
justify-content: flex-start;
min-width: 20px;
}
.desktop overview-event mini-statistics .mini-statistics .team {
min-width: 20%;
width: 100%;
}
.desktop overview-event mini-statistics .mini-statistics .lose {
color: red;
min-width: 30px;
}
.desktop overview-event mini-statistics .mini-statistics .draw {
color: orange;
min-width: 30px;
}
.desktop overview-event mini-statistics .mini-statistics .win,
.desktop overview-event mini-statistics .mini-statistics .goals-for-total,
.desktop overview-event mini-statistics .mini-statistics .goals-against-total,
.desktop overview-event mini-statistics .mini-statistics .diff {
min-width: 30px;
}
.desktop overview-event mini-statistics .mini-statistics .tendency {
display: flex;
justify-content: flex-start;
width: 20%;
padding-left: 10px;
}
.desktop overview-event mini-statistics .mini-statistics .tendency-header {
min-width: 130px;
}
.desktop overview-event mini-statistics .mini-statistics .line {
display: flex;
justify-content: space-between;
white-space: nowrap;
}
.desktop overview-event mini-statistics .mini-statistics .match-table {
text-align: left;
}
.desktop overview-event mini-statistics .mini-statistics .match-table > div {
width: 100%;
line-height: 15px;
}
.desktop overview-event mini-statistics .mini-statistics .match-table :nth-child(3) {
min-width: 203px;
}
.desktop overview-event mini-statistics .mini-statistics .team-names {
display: flex;
justify-content: space-around;
}
.desktop overview-event mini-statistics .mini-statistics .team-names .team {
font-size: 17px;
}
.desktop overview-event mini-statistics .mini-statistics .top-separator {
margin-top: 10px;
margin-bottom: 5px;
}
.desktop overview-event-score {
align-items: center;
justify-content: center;
display: flex;
height: 35px;
line-height: 17.5px;
}
.desktop overview-event-score .event-goal-true-title {
background: linear-gradient(#F6C811, #DE9203);
border-radius: 3px;
z-index: 1000;
color: black !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
width: 50%;
text-align: center;
position: absolute;
animation-duration: 6s;
animation-name: notscore;
}
.desktop overview-event-score > div {
padding: 0 2px;
color: #fec70b;
}
.desktop overview-event-score .points-separator {
margin: 0 4px;
}
.desktop overview-event-score > .score {
display: none;
}
.desktop overview-event-score > .score:only-child {
display: flex;
}
.desktop overview-event-score .points {
align-items: center;
display: flex;
justify-content: space-between;
min-width: 24px;
}
.desktop overview-event-score .points .turn {
background-color: yellow;
border-radius: 4px;
content: "";
height: 5px;
margin-right: 2px;
width: 5px;
}
.desktop overview-event-score .score {
padding: 0 1px;
color: #fec70b;
}
.desktop overview-event-score .score-container {
display: flex;
margin-left: 2px;
}
.desktop overview-event-score .score-soccer {
display: flex;
}
.desktop overview-event-score .period {
padding-left: 2px;
}
.desktop overview-event-score .total {
padding-right: 3px;
border-right: 1px solid #040404;
}
.desktop overview-event-score .reverse-container {
display: flex;
flex-direction: row-reverse;
}
.desktop overview-event-score .score-container {
display: flex;
margin-left: 2px;
}
.desktop overview-event-score .score-container .point {
display: flex;
justify-content: center;
}
.desktop overview-event-score .score-container ~ .score-container {
border-left: 1px solid #040404;
}
.desktop single-view {
display: flex;
width: 100%;
}
.desktop single-view .event-container {
width: 100%;
}
.desktop single-view iframe {
border: none;
height: 107px;
width: 100%;
}
.desktop single-view-event-score {
justify-content: center;
}
.desktop single-view-event-score .players {
font-size: 30px;
}
.desktop single-view-event-score .score {
font-size: 50px;
background: #656565;
display: flex;
text-align: center;
}
.desktop single-view-event-score .timer {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 20%;
font-size: 14px;
margin: 0 10px;
}
.desktop single-view-event-score .panel {
color: #fff;
font-size: 11px;
padding: 0 10px;
line-height: 16px;
background: #0e122d;
display: flex;
min-height: 16px;
}
.desktop single-view-event-score .content {
display: flex;
background: #dadcdf;
color: #30373d;
height: 70px;
}
.desktop single-view-event-score .content > div {
display: flex;
width: 100%;
justify-content: flex-end;
}
.desktop single-view-event-score .content .teams {
flex-flow: column;
line-height: 35px;
padding: 0 10px;
color: #1d1d24;
font-weight: 500;
font-size: 13px;
align-items: flex-start;
}
.desktop single-view-event-score .content .period {
justify-content: flex-end;
flex-flow: row;
align-items: center;
}
.desktop single-view-event-score .content .period .main-score {
font-weight: 500;
display: flex;
height: 18px;
align-items: center;
background: #fff;
padding-left: 7px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
font-size: 12px;
}
.desktop single-view-event-score .content .period .timer {
font-size: 11px;
font-weight: 500;
display: flex;
align-items: center;
height: 18px;
margin: 0;
padding: 0 7px 0 3px;
background: #fff;
}
.desktop single-view-event-score .content .scores {
color: #1d1d24;
width: fit-content;
}
.desktop single-view-event-score .content .scores .score,
.desktop single-view-event-score .content .scores .main-score {
font-size: 14px;
font-weight: 600;
}
.desktop single-view-event-score .content .scores .score div,
.desktop single-view-event-score .content .scores .main-score div {
line-height: 35px;
width: 36px;
}
.desktop single-view-event-score .content .scores .main-score {
border-left: 1px solid white;
}
.desktop live-betting-tree {
margin-right: 30px;
min-width: 210px;
width: 210px;
text-transform: uppercase;
}
.desktop live-betting-tree .header {
align-items: center;
display: flex;
}
.desktop live-betting-tree .tree-header {
background: linear-gradient(#545454, #353434);
align-items: center;
display: flex;
font-size: 16px;
height: 40px;
justify-content: space-between;
padding: 0 12px;
position: relative;
text-transform: uppercase;
}
.desktop live-betting-tree .sport-header {
background: linear-gradient(#545454, #353434);
cursor: pointer;
display: flex;
font-size: 14px;
justify-content: space-between;
border-top: 1px solid #20292F;
padding: 8px 15px;
}
.desktop live-betting-tree .sport-header:hover {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.desktop live-betting-tree .sport-header .name-container {
display: flex;
align-items: center;
margin-left: -4px;
}
.desktop live-betting-tree .sport-header .name-container img {
margin-right: 5px;
width: 20px;
height: 20px;
}
.desktop live-betting-tree .sport-header .event-count {
background-color: #fff;
color: #040404;
border-radius: 10px;
font-size: 11px;
text-align: center;
line-height: 18px;
font-weight: 400;
padding: 0 7px;
}
.desktop live-betting-tree .event {
background-color: #eaeaea;
cursor: pointer;
display: flex;
justify-content: space-between;
padding: 8px 10px 4px 10px;
margin-top: 1px;
color: #040404;
}
.desktop live-betting-tree .event:hover,
.desktop live-betting-tree .event.active {
background-color: white;
}
.desktop live-betting-tree .event .info-event-info-container {
width: 100%;
}
.desktop live-betting-tree .event .info-event-info-container .info {
display: flex;
margin-bottom: 5px;
}
.desktop live-betting-tree .event .info-event-info-container .info .timer {
margin-right: 5px;
}
.desktop live-betting-tree .event .info-event-info-container .event-info {
display: flex;
justify-content: space-between;
}
.desktop live-betting-tree .event .info-event-info-container .event-info .players-home,
.desktop live-betting-tree .event .info-event-info-container .event-info .players-guest {
display: flex;
align-items: center;
max-width: 145px;
margin-bottom: 5px;
}
.desktop live-betting-tree .event .info-event-info-container .event-info .players-home img,
.desktop live-betting-tree .event .info-event-info-container .event-info .players-guest img {
width: 18px;
margin-right: 5px;
}
.desktop live-betting-tree .event .info-event-info-container .event-info .players-home .home-team,
.desktop live-betting-tree .event .info-event-info-container .event-info .players-guest .home-team,
.desktop live-betting-tree .event .info-event-info-container .event-info .players-home .guest-team,
.desktop live-betting-tree .event .info-event-info-container .event-info .players-guest .guest-team {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.desktop live-betting-tree .event .info-event-info-container .home-score {
margin-bottom: 3px;
}
.desktop live-betting-tree .event .event-info .players {
font-size: 12px;
}
.desktop live-betting-tree .event .event-info .score {
font-weight: bold;
font-size: 16px;
}
.desktop live-betting-tree .event .event-info .score .timer {
display: none;
}
.desktop live-betting-tree .event .favorite {
position: relative;
color: #656565;
font-size: 13px;
}
.desktop live-betting-tree .event .favorite.active {
color: #DE9203;
}
.desktop live-betting-tree .event .favorite .fa-television {
bottom: 0 !important;
right: -2px !important;
font-size: 120% !important;
top: auto !important;
left: auto !important;
}
.desktop single-view-event .header {
align-items: center;
display: flex;
margin: 10px 0 20px;
text-transform: uppercase;
}
.desktop single-view-event .header img {
height: 40px;
margin-right: 10px;
}
.desktop single-view-event .header .event-name {
font-size: 20px;
}
.desktop single-view-event-bettype .bettype-group {
margin-top: 5px;
}
.desktop single-view-event-bettype .bettype-name {
background-color: #656565;
}
.desktop single-view-event-bettype .bettype-header {
display: flex;
height: 38px;
line-height: 30px;
margin-top: 3px;
cursor: pointer;
}
.desktop single-view-event-bettype .bettype-header .bettype-name {
padding-left: 10px;
text-transform: uppercase;
display: flex;
align-items: center;
width: 100%;
}
.desktop single-view-event-bettype .bettype-header .bettype-switcher {
text-align: center;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
background: #656565;
}
.desktop single-view-event-bettype .fa {
width: 23px;
margin-left: 2px;
}
.desktop single-view-event-bettype > span {
word-break: break-all;
}
.desktop single-view-event-bettype > span:last-child {
word-break: normal;
}
.desktop single-view-event-bettype .odds-container {
display: flex;
margin-bottom: 2px;
flex-wrap: wrap;
}
.desktop single-view-event-bettype .odds-container .odd {
background: linear-gradient(#F7F7F7, #CCCCCC);
color: #040404;
display: flex;
justify-content: space-between;
padding: 10px;
cursor: pointer;
border-bottom: 2px solid #040404;
}
.desktop single-view-event-bettype .odds-container .odd span:last-child {
font-weight: 700;
}
.desktop single-view-event-bettype .odds-container .odd:not(:last-child) {
border-right: 2px solid #040404;
}
.desktop switcher {
align-items: center;
display: flex;
height: 100%;
}
.desktop .switcher {
align-items: center;
border-radius: 50%;
cursor: pointer;
display: flex;
font-size: 12px;
justify-content: center;
border: 1px #414141 solid;
height: 22px;
min-width: 22px;
position: absolute;
right: 3px;
background: linear-gradient(#F7F7F7, #CCCCCC);
color: #333333;
}
.desktop quick-search .search {
display: flex;
align-items: center;
padding-bottom: 15px;
}
.desktop quick-search .search input {
background: #eaeaea;
height: 32px;
border-radius: 3px 0 0 3px;
outline: none;
border: none;
color: #040404;
width: 100%;
padding-left: 10px;
}
.desktop quick-search .search .fa {
align-items: center;
display: flex;
justify-content: center;
font-size: 16px;
height: 32px;
width: 32px;
background: #eaeaea;
color: #9e9e9e;
border-radius: 0 3px 3px 0;
padding-right: 10px;
}
.desktop quick-search .search-list {
max-height: 450px;
position: absolute;
width: 220px;
background: #fff;
margin-top: -13px;
color: black;
overflow-y: auto;
padding: 5px;
cursor: pointer;
z-index: 1;
}
.desktop quick-search .search-list > div {
padding: 3px 5px;
border-bottom: 1px solid;
min-height: 35px;
}
.desktop quick-search .search-list > div:hover,
.desktop quick-search .search-list .active {
background-color: #606062;
color: #fff;
}
.desktop quick-search .search-list > div:last-child {
border-bottom: 0;
}
.desktop time-picker .mat-form-field-infix input {
color: black;
}
.desktop time-picker .time-picker {
display: flex;
margin-bottom: 10px;
margin-top: 15px;
height: 100%;
}
.desktop time-picker .time-picker > div:first-child {
display: flex;
}
.desktop time-picker .time-picker .mat-form-field {
width: 150px;
margin-right: 10px;
}
.desktop time-picker .time-picker .date-range-select {
width: 150px;
}
.desktop time-picker .time-picker .date-range {
width: 150px;
}
.desktop time-picker .time-picker .date-range-list {
width: 150px;
}
.desktop time-picker .btn-refresh {
height: 34px;
line-height: 34px;
padding: 0 20px;
}
.desktop time-picker .btn-refresh-ip {
height: 34px;
line-height: 34px;
padding: 0 20px;
}
.desktop time-picker .calendar {
width: 30%;
}
.desktop time-picker .date-range-select {
background-color: #fff;
color: #040404;
cursor: pointer;
display: flex;
height: 34px;
}
.desktop time-picker .date-range-select > .date-range {
justify-content: space-between;
}
.desktop time-picker .date-range-select .date-range {
align-items: center;
display: flex;
height: 100%;
padding: 5px;
width: 150px;
}
.desktop time-picker .date-range-select .date-range-list {
background-color: #fff;
border-top: 1px solid #040404;
margin-top: 34px;
position: absolute;
}
.desktop time-picker .date-range-select .date-range-list .date-range:hover {
background-color: #c5cfd6;
}
.desktop pagination {
margin: auto;
}
.desktop pagination .left-separator {
display: flex;
align-items: center;
justify-content: center;
margin-left: 3px;
}
.desktop pagination .right-separator {
display: flex;
align-items: center;
justify-content: center;
margin-right: 3px;
}
.desktop pagination .pagination {
display: flex;
}
.desktop pagination .pagination .button {
border-radius: 2px;
background: linear-gradient(#F7F7F7, #CCCCCC);
cursor: pointer;
margin: 0 2px;
padding: 6px 12px;
color: black;
}
.desktop pagination .pagination .button:hover,
.desktop pagination .pagination .button.selected {
background: linear-gradient(#F6C811, #DE9203);
}
.desktop pagination .pagination .pages {
display: flex;
margin: 0 3px;
}
.desktop popup-login .error-forgot-password {
text-decoration: underline;
margin-top: 5px;
cursor: pointer;
}
.desktop popup-login .show-hide-password {
color: #888;
position: absolute;
transform: translate(-35px, 7px);
cursor: pointer;
padding: 7px;
font-size: 16px;
}
.desktop message .popup-window {
z-index: 20000;
display: flex;
position: fixed;
width: 100%;
top: 0;
left: 0;
justify-content: center;
height: 100%;
align-items: center;
background: rgba(0, 0, 0, 0.5);
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.desktop message .popup-window .message-window {
display: flex;
background: #656565;
padding: 25px 30px 35px 30px;
min-width: 310px;
max-width: 525px;
flex-direction: column;
}
.desktop message .popup-window .message-window .message-window-title {
border-bottom: 1px solid #040404;
height: 62px;
display: flex;
width: 100%;
justify-content: space-between;
}
.desktop message .popup-window .message-window .message-window-title .message-close-btn {
display: flex;
font-size: 21px;
font-weight: 800;
color: #fff;
cursor: pointer;
}
.desktop message .popup-window .message-window .message-window-title .message-window-title-text {
font-weight: 300;
text-transform: uppercase;
font-size: 36px;
padding-right: 10px;
color: #fff;
}
.desktop message .popup-window .message-window .message-window-content {
display: flex;
margin-top: 23px;
flex-flow: column nowrap;
}
.desktop message .popup-window .message-window .message-window-content .message-window-content-inner {
white-space: pre-line;
display: flex;
color: #fff;
font-size: 12px;
margin-bottom: 15px;
}
.desktop message .popup-window .message-window .message-window-content .message-window-buttons {
display: flex;
margin-top: 15px;
justify-content: center;
}
.desktop message .popup-window .message-window .message-window-content .message-window-buttons .message-window-button {
display: flex;
width: 186px;
height: 56px;
border-radius: 3px;
text-transform: uppercase;
color: #040404;
font-size: 16px;
font-weight: 700;
cursor: pointer;
color: black;
background: linear-gradient(#F6C811, #DE9203);
justify-content: center;
align-items: center;
}
.desktop .acc-btn {
background: linear-gradient(#F7F7F7, #CCCCCC) !important;
text-align: center;
color: #040404;
font-weight: 500;
padding: 8px;
text-transform: uppercase;
min-width: 120px;
margin-left: 10px;
border-radius: 3px;
}
.desktop .acc-btn:hover {
background: -webkit-linear-gradient(top, #9e9e9e, #eaeaea) !important;
background: -moz-linear-gradient(top, #9e9e9e, #eaeaea) !important;
background: -ms-linear-gradient(top, #9e9e9e, #eaeaea) !important;
background: -o-linear-gradient(top, #9e9e9e, #eaeaea) !important;
background-color: #eaeaea !important;
}
.desktop mobile {
color: #d1d2d4;
}
.desktop mobile h1 {
font-weight: bold;
margin-top: 0;
}
.desktop mobile h2 {
font-weight: 300;
}
.desktop mobile li {
font-size: 18px;
}
.desktop mobile a {
font-size: 14px;
font-weight: bold;
color: #36b449;
text-decoration: none;
}
.desktop mobile .btn-view {
padding: 10px;
background-color: #34b441;
font-weight: 700;
border: 1px solid #040404;
cursor: pointer;
margin-top: 10px;
text-align: center;
}
.desktop mobile .i-mobile {
display: block;
background: url("/assets/img/bg_mobile_promo.jpg"), no-repeat, center, top;
background-position: top;
}
.desktop mobile .i-mobile .body {
display: flex;
padding: 40px 40px 0 40px;
min-height: 669px;
}
.desktop mobile .i-mobile .body > div:first-child {
display: flex;
justify-content: center;
width: 40%;
min-width: 370px;
padding-top: 44px;
}
.desktop mobile .i-mobile .body > div:first-child .swiper-container {
max-height: 585px;
width: 370px;
}
.desktop mobile .i-mobile .body > div:first-child .swiper-container .swiper-wrapper {
position: relative;
}
.desktop mobile .i-mobile .body > div:first-child .swiper-container .swiper-slide {
overflow: hidden !important;
}
.desktop mobile .i-mobile .body > div:first-child .swiper-pagination {
position: absolute;
display: flex;
justify-content: flex-end;
padding-right: 30px;
bottom: 12px;
}
.desktop mobile .i-mobile .body > div:first-child .swiper-pagination > span {
padding: 0;
}
.desktop mobile .i-mobile .body > div:first-child .swiper-pagination-bullet {
margin: 0 2px 0 !important;
opacity: 1;
background: #888888;
width: 13px;
height: 13px;
border: none;
}
.desktop mobile .i-mobile .body > div:first-child .swiper-pagination-bullet-active {
background: #fff;
}
.desktop mobile .i-mobile .body > div:last-child {
width: 60%;
min-width: 530px;
}
.desktop mobile .i-mobile .body > div:last-child .link {
display: block;
font-size: 20px;
margin: 30px 0;
}
.desktop mobile .mobile-devices {
padding: 60px 30px 35px 30px;
margin: 0;
background: #0d0d0d;
border-top: 1px #333333 solid;
position: relative;
min-width: 1024px;
}
.desktop mobile .mobile-devices .mobile-view {
display: flex;
align-items: center;
white-space: nowrap;
font-size: 24px;
color: #36b449;
}
.desktop mobile .mobile-devices .mobile-view > div {
width: 100%;
height: 1px;
background-color: #444444;
margin: 0 30px;
}
.desktop mobile .mobile-devices .mobile-box {
display: flex;
}
.desktop mobile .mobile-devices .mobile-box > div {
text-align: center;
width: 100%;
}
.desktop mobile .mobile-devices .mobile-box > div h2 {
font-size: 24px;
color: #36b449;
font-weight: 500;
}
.desktop mobile .mobile-devices .mobile-box > div > div {
height: 158px;
padding: 20px;
}
.desktop mobile .mobile-devices .mobile-box > div .android-container {
display: flex;
align-items: center;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4e4e50), to(#303032));
background-image: -webkit-linear-gradient(top, #4e4e50, #303032);
background-color: #303032;
background-image: -moz-linear-gradient(top, #4e4e50, #303032);
background-image: -ms-linear-gradient(top, #4e4e50, #303032);
background-image: -o-linear-gradient(top, #4e4e50, #303032);
background-image: linear-gradient(top, #4e4e50, #303032);
background-repeat: repeat-x;
margin: 40px 15px 0 30px;
border: 1px #3d3e40 solid;
font-size: 13px;
}
.desktop mobile .mobile-devices .mobile-box > div .android-container > div {
width: 100%;
padding: 0 20px;
text-align: left;
height: 100%;
}
.desktop mobile .mobile-devices .mobile-box > div .android-container > div > p {
font-size: 18px;
font-weight: 700;
color: #fff;
margin: 0 0 10px;
}
.desktop mobile .mobile-devices .mobile-box > div .android-container > div:last-child {
border-left: 1px #3d3e40 solid;
}
.desktop mobile .mobile-devices .mobile-box > div .ios-container {
display: flex;
align-items: center;
border: 1px #666666 dashed;
margin: 40px 30px 0 15px;
font-size: 13px;
}
.desktop mobile .mobile-devices .mobile-box > div .ios-container img {
min-width: 86px;
margin: 0 10px;
}
.desktop mobile .mobile-devices .mobile-box > div .ios-container > div {
width: 100%;
text-align: left;
padding-left: 20px;
}
.desktop mobile .mobile-devices .mobile-box > div .ios-container > div > p a {
color: #fff;
}
.desktop mobile .slider-img {
height: 585px;
width: 370px;
}
.desktop mobile .qrcode-container {
display: flex;
background-image: -webkit-linear-gradient(top, #4e4e50, #303032);
background-color: #303032;
padding: 20px;
border: 1px #3d3e40 solid;
max-width: 770px;
}
.desktop mobile .qrcode-container > div {
width: 100%;
padding-left: 20px;
}
.desktop mobile .qrcode-container > div > p {
font-size: 18px;
font-weight: 700;
color: #fff;
margin: 0 0 10px;
}
.desktop mobile .qrcode-container > div:last-child {
border-left: 1px #3d3e40 solid;
}
.desktop mobile .common-img {
max-height: 129px;
}
.desktop maintenance .body {
background: #eaeaea;
}
.desktop maintenance .body .image-container {
display: flex;
justify-content: center;
margin-top: 5px;
}
.desktop maintenance .body .image-container .bbw-image {
width: 150px;
height: 50px;
}
.desktop maintenance .body h1 {
text-align: center;
font-size: 30px;
}
.desktop maintenance .body .message-container {
display: flex;
justify-content: center;
}
.desktop maintenance .body .message-container .message-text {
width: 600px;
border-bottom: 1px solid #040404;
}
::-webkit-scrollbar {
width: 0.6em;
}
::-moz-scrollbar {
width: 0.6em;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}
.event-goal-false {
display: none;
}
.event-goal-true-score {
animation-duration: 1.5s;
animation-name: score;
}
@keyframes score {
from {
font-size: 0px;
}
to {
font-size: 0px;
}
}
.event-goal-true-title {
animation-duration: 6s;
animation-name: notscore;
align-items: center;
}
@keyframes notscore {
0% {
color: #34b247;
margin-left: 15px;
padding: 0px;
font-size: 100%;
}
24.9% {
color: #34b247;
margin-left: 15px;
font-size: 100%;
}
25% {
margin-left: 0px;
font-size: 0px;
display: none;
}
100% {
padding: 0px;
font-size: 0px;
display: none;
}
}
#soccer-hp-gp {
height: 1.6em;
overflow: hidden;
vertical-align: bottom;
display: flex;
justify-content: center;
flex-direction: column;
}
.goal-animation {
transform: translateY(-27%);
}
.animation {
transform: translateY(23%);
transition-property: transform;
transition-duration: 2s;
transition-delay: 1.5s;
}
invited-players .mat-elevation-z8 td {
background-color: #606060;
border-top: 1px solid black;
border-right: 2px solid black;
text-align: center;
color: white;
}
invited-players .mat-elevation-z8 th {
background-color: #4d4d4d;
border-top: 1px solid black;
border-right: 2px solid black;
color: white;
}
invited-players .mat-elevation-z8 thead tr th {
text-align: center;
}
@media (max-width: 1342px) {
.desktop sportsbook-tree .tree {
min-width: 186px;
}
.desktop sportsbook-bets-area {
width: 59%;
}
.desktop sportsbook-event .mini-statistics .statistics,
.desktop calendar-event .mini-statistics .statistics {
width: 56%;
}
.desktop sportsbook-event .mini-statistics,
.desktop calendar-event .mini-statistics {
font-size: 10px !important;
}
.desktop sportsbook-event .mini-statistics .perfomance .status,
.desktop calendar-event .mini-statistics .perfomance .status {
width: 10px;
min-width: 10px;
height: 12px;
line-height: 11px;
}
}
message-to-delete div#message-success,
message-to-cashout div#message-success {
width: 327px !important;
}
@media (max-width: 1280px) {
.desktop live-betting .overview .btn-type-view {
margin-top: -53px;
}
}
@media (max-width: 1165px) {
.desktop .betslip-container betslip .betslip {
position: absolute !important;
}
}
@media (max-width: 1440px) {
.desktop live-betting .page-content .betslip-container {
width: 25%;
}
}
@media (max-width: 1360px) {
.desktop .sportsbook-bets-area {
width: 59%;
}
}
@media (min-width: 1361px) and (max-width: 1440px) {
.desktop .sportsbook-bets-area {
width: 62%;
}
}
@media (min-width: 1441px) and (max-width: 1600px) {
.desktop .sportsbook-bets-area {
width: 66%;
}
}
@media (min-width: 1601px) and (max-width: 1800px) {
.desktop .sportsbook-bets-area {
width: 69%;
}
}
.desktop betslip .confirm-bet .cancel-bet {
width: 15%;
left: 0;
}
.desktop betslip .confirm-bet .btn-place {
width: 85%;
right: 0;
}
.tennis-points-container {
display: flex;
flex-wrap: nowrap;
position: absolute;
right: 47%;
font-size: 24px;
font-weight: bold;
padding: 10px;
border-radius: 6%;
background-color: #27272752;
}
.tennis-change-points-color-home {
border: 2px solid #008A17;
}
.tennis-change-points-color-away {
border: 2px solid #FE8D13;
}
.test-tennis_standart {
color: white;
opacity: 1;
}
.test-tennis_animate {
animation: 2s animlineUp ease-out;
}
@keyframes animlineUp {
0% {
opacity: 1;
transform: translateY(0%);
}
20% {
opacity: 0.75;
}
40% {
opacity: 0;
}
50% {
transform: translateY(-100%);
opasity: 0;
}
51% {
transform: translateY(100%);
opasity: 0;
}
60% {
opacity: 0;
}
80% {
opacity: 0.75;
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
promotions-main-page img {
margin-bottom: 10px;
}
.i-mobile {
background: #040404;
display: flex;
background-color: #0e122d;
}
.i-mobile my-bets-betslip {
margin-top: 40px;
}
.i-mobile my-bets-betslip .ticket-container {
border-top: 1px solid black;
margin-top: -1px;
display: flex;
flex-wrap: wrap;
}
.i-mobile my-bets-betslip .ticket-container .left,
.i-mobile my-bets-betslip .ticket-container .right {
width: 50%;
margin-bottom: 10px;
}
.i-mobile my-bets-betslip .ticket-container .right .status {
width: 78%;
display: flex;
justify-content: start;
align-items: center;
}
.i-mobile my-bets-betslip .ticket-container .left .mt {
margin-top: 5%;
}
.i-mobile my-bets-betslip .ticket-container .header-bets {
display: flex;
width: 100%;
}
.i-mobile my-bets-betslip .ticket-container .header-bets .ticket-number {
font-size: 15px;
color: #e2e216;
cursor: pointer;
margin: 5px;
}
.i-mobile my-bets-betslip .ticket-container .header-bets .stake-date {
position: absolute;
right: 2px;
margin: 13px;
}
.i-mobile my-bets-betslip .ticket-container .items-container {
display: flex;
justify-content: start;
align-items: center;
padding-left: 13px;
}
.i-mobile my-bets-betslip .ticket-container .items-container .flex {
display: flex;
justify-content: space-between;
width: 100%;
}
.i-mobile my-bets-betslip .ticket-container .items-container .flex-s {
display: flex;
justify-content: flex-start;
width: 100%;
}
.i-mobile my-bets-betslip .ticket-container .items-container-right {
display: flex;
justify-content: start;
align-items: center;
margin-top: 4%;
}
.i-mobile my-bets-betslip .ticket-container .items-container-right .flex {
display: flex;
justify-content: space-between;
width: 100%;
}
.i-mobile my-bets-betslip .ticket-container .items-container-right .flex-s {
display: flex;
justify-content: flex-start;
width: 100%;
}
.i-mobile my-bets-betslip .ticket-container .item-container {
justify-content: center;
align-items: center;
text-align: center;
width: 33%;
text-transform: none;
}
.i-mobile my-bets-betslip .ticket-container .item-container .status-container {
text-transform: uppercase;
font-size: 11px;
padding-top: 2px;
}
.i-mobile my-bets-betslip .ticket-container .item-container .top-container {
display: flex;
font-size: 11px;
margin-left: 26px;
padding-top: 2px;
margin-bottom: 10px;
}
.i-mobile my-bets-betslip .ticket-container .item-container .top-container .bottom-container {
text-transform: uppercase;
}
.i-mobile header .site-logo img {
display: none;
}
.i-mobile header .whatsapp-link {
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px;
padding: 0 10px;
border-right: 1px solid #36333b;
height: 40px;
width: 40px;
}
.i-mobile header .whatsapp-link .nav-tab-img {
width: 28px;
height: 28px;
}
.i-mobile * {
outline: none;
}
.i-mobile stream-widget .stream-container {
margin-bottom: 3px !important;
}
.i-mobile stream-widget .stream-header {
background: none;
}
.i-mobile stream-widget .stream-team {
padding: 0 !important;
}
.i-mobile stream-widget .stream-mobile-btn {
font-size: 13px;
width: 100%;
height: 30px;
text-align: center;
line-height: 30px;
color: black;
background: -webkit-linear-gradient(top, #eaeaea, #9e9e9e);
background: -moz-linear-gradient(top, #eaeaea, #9e9e9e);
background: -ms-linear-gradient(top, #eaeaea, #9e9e9e);
background: -o-linear-gradient(top, #eaeaea, #9e9e9e);
background-color: #9e9e9e;
margin: 5px;
font-weight: 600;
}
.i-mobile stream-widget .stream-mobile-btn.active {
background: #fec70b;
}
.i-mobile .live-offline-navigator {
display: flex;
height: 40px;
width: 100%;
background: linear-gradient(#545454, #353434);
margin-bottom: 1px;
border: 5px solid #000;
border-width: 0 5px;
}
.i-mobile .live-offline-navigator > div {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
height: 100%;
font-size: 16px;
line-height: 14px;
}
.i-mobile .live-offline-navigator > div.active {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.i-mobile .live-offline-navigator > div:first-child {
border-right: 1px solid #000;
}
.i-mobile navigation-toolbar {
height: 40px !important;
display: block;
margin-bottom: 1px;
}
.i-mobile navigation-toolbar .navigation-toolbar {
display: flex;
height: 40px;
width: 100%;
background: linear-gradient(#545454, #353434);
color: white;
margin-bottom: 1px;
border: 5px solid #000;
border-width: 0 5px;
}
.i-mobile navigation-toolbar .navigation-toolbar > div {
display: flex;
align-items: center;
justify-content: center;
width: 13.2%;
height: 100%;
font-size: 16px;
}
.i-mobile navigation-toolbar .navigation-toolbar > div.active {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.i-mobile navigation-toolbar .navigation-toolbar > div:first-child {
border-right: 1px solid #000;
}
.i-mobile navigation-toolbar .navigation-toolbar > div:last-child {
border-left: 1px solid #000;
}
.i-mobile navigation-toolbar .navigation-toolbar .nav-tabs .nav-tabs-icon {
width: 30%;
display: flex;
align-items: center;
}
.i-mobile navigation-toolbar .navigation-toolbar .nav-tab {
width: 80%;
}
.i-mobile navigation-toolbar .navigation-toolbar .nav-tab .cl-btn-7 {
width: 23px;
height: 30px;
position: absolute;
z-index: 2;
right: 20px;
cursor: pointer;
padding: 0;
background: #333333;
border: 3px black;
margin-bottom: 2px;
}
.i-mobile navigation-toolbar .navigation-toolbar .nav-tab .cl-btn-7:before {
content: '+';
color: white;
position: absolute;
z-index: 3;
transform: rotate(45deg);
font-size: 35px;
line-height: 1;
top: -3px;
left: 1px;
transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
}
.i-mobile navigation-toolbar .navigation-toolbar .nav-tab .nav-tabs-icon {
width: 10%;
margin-right: 5px;
}
.i-mobile navigation-toolbar .navigation-toolbar .nav-tab input {
width: 80%;
height: 80%;
position: relative;
z-index: 1;
background: #333333;
color: #fff;
}
.i-mobile navigation-toolbar .search-container {
align-items: center;
display: flex;
flex-direction: column;
margin-top: 10px;
padding: 0 5px;
}
.i-mobile navigation-toolbar .search-container > * {
width: 100%;
}
.i-mobile navigation-toolbar .search-list {
background-color: #5e5e60;
border-radius: 3px;
margin-top: 5px;
padding: 0 15px;
}
.i-mobile navigation-toolbar .search-list > div {
color: #fff;
font-size: 20px;
padding: 12px 0;
}
.i-mobile navigation-toolbar .search-list > div:not(:last-child) {
border-bottom: 1px solid #3c3c3e;
}
.i-mobile sport-widget .panel {
color: #fff;
height: 20px;
background: #333333;
display: flex;
line-height: 20px;
}
.i-mobile sport-widget .panel .sport-img {
height: 20px;
min-width: 20px;
margin: 0 5px 0 10px;
}
.i-mobile sport-widget .panel .league-name {
width: 100%;
font-size: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.i-mobile sport-widget .panel .header-result {
min-width: 30px;
text-align: center;
border-left: 1px solid rgba(0, 0, 0, 0.1);
font-size: 10px;
}
.i-mobile sport-widget .infoheader {
display: flex;
background: #656565;
justify-content: space-between;
}
.i-mobile sport-widget .infoheader .result-column {
min-width: 30px;
text-align: center;
border-left: 1px solid rgba(0, 0, 0, 0.1);
font-size: 10px;
}
.i-mobile sport-widget .infoheader .result-column .home-result {
padding: 5px 0 0 0;
line-height: 20px;
}
.i-mobile sport-widget .infoheader .result-column .guest-result {
padding: 10px 0 0 0;
}
.i-mobile sport-widget .infoheader .name-column {
width: 100%;
font-size: 10px;
min-height: 30px;
}
.i-mobile sport-widget .infoheader .name-column .home-name-container,
.i-mobile sport-widget .infoheader .name-column .guest-name-container {
display: flex;
padding-top: 5px;
}
.i-mobile sport-widget .infoheader .name-column .home-name-container .image,
.i-mobile sport-widget .infoheader .name-column .guest-name-container .image {
width: 20px;
height: 20px;
margin: 0 0 5px 10px;
}
.i-mobile sport-widget .infoheader .name-column .home-name-container .home-name,
.i-mobile sport-widget .infoheader .name-column .guest-name-container .home-name,
.i-mobile sport-widget .infoheader .name-column .home-name-container .guest-name,
.i-mobile sport-widget .infoheader .name-column .guest-name-container .guest-name {
padding: 0 0 0 10px;
}
.i-mobile sport-widget .infoheader .name-column .game-head {
line-height: 20px;
font-size: 20px;
height: 20%;
padding: 10px;
color: #f1f4fd;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
}
.i-mobile sport-widget .infoheader .name-column .home-name,
.i-mobile sport-widget .infoheader .name-column .guest-name {
padding: 5px 0 0 10px;
line-height: 20px;
}
.i-mobile sport-widget .infoheader .name-column .home-name-container,
.i-mobile sport-widget .infoheader .name-column .guest-name-container {
display: flex;
padding: 0 10px;
align-items: center;
}
.i-mobile sport-widget .infoheader .name-column .home-name-container img,
.i-mobile sport-widget .infoheader .name-column .guest-name-container img {
height: 20px;
width: 20px;
margin: 0;
}
.i-mobile sport-widget tennis-component .score-table {
background-color: #1f4d92;
}
.i-mobile sport-widget tennis-component .row-head {
background-color: #163768;
}
.i-mobile sport-widget volleyball-component .score-table {
background-color: #1f4d92;
}
.i-mobile sport-widget volleyball-component .row-head {
background-color: #163768;
}
.i-mobile sport-widget basketball-component .score-table {
background-color: #ffc164;
position: absolute;
}
.i-mobile sport-widget basketball-component .row-head {
background-color: #ffb547;
}
.i-mobile sport-widget #widget-component {
width: 100%;
background-color: #0e122d;
}
.i-mobile sport-widget .hide {
width: 100%;
background: #8a8a8a;
border-top: 1px solid gainsboro;
cursor: pointer;
margin-bottom: 3px;
text-align: center;
}
.i-mobile sport-widget .Background {
width: 100%;
}
.i-mobile sport-widget .left-side {
width: 50%;
float: left;
background-color: #292929;
}
.i-mobile sport-widget .header-home {
color: white;
margin-right: 5px;
}
.i-mobile sport-widget .header-away {
color: white;
margin-left: 5px;
}
.i-mobile sport-widget #status-div {
background-color: green;
color: #040404;
height: 15px;
}
.i-mobile sport-widget .canvas-margin {
margin-top: 27px;
}
.i-mobile sport-widget .field {
height: 130px;
background-size: 100% 101%;
background-repeat: no-repeat;
}
.i-mobile sport-widget .home-team {
width: 100%;
display: flex;
align-items: center;
}
.i-mobile sport-widget .match-time {
text-align: center;
min-width: 20%;
display: flex;
flex-direction: column;
justify-content: center;
}
.i-mobile sport-widget .away-team {
display: flex;
width: 100%;
align-items: center;
justify-content: flex-end;
}
.i-mobile sport-widget .image {
height: 35px;
margin: 10px;
}
.i-mobile sport-widget .score-w {
position: relative;
text-align: center;
font-size: 17px;
border: 1px;
border-bottom-color: #292929;
min-width: 20%;
}
.i-mobile sport-widget .button {
width: 33%;
background-repeat: no-repeat;
align-content: center;
float: left;
background-size: 100% 100%;
height: 20px;
background-image: url("/angular/Site/srchttps://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/ball/ball_football.png");
}
.i-mobile sport-widget .ev-stat {
position: relative;
overflow-y: scroll;
align-content: center;
height: 200px;
font-size: 12px;
color: white;
}
.i-mobile sport-widget .ev-inc {
height: 200px;
font-size: 12px;
background-color: #646464;
overflow-y: scroll;
}
.i-mobile sport-widget .hide-all-stats {
border-right: 30px solid transparent;
border-top: 20px solid #8a8a8a;
border-left: 30px solid transparent;
position: absolute;
width: 30%;
right: 35%;
z-index: 1;
top: 0;
}
.i-mobile sport-widget .hide-all-stats-inner {
width: 100%;
position: absolute;
background-color: #8a8a8a;
top: -20px;
text-align: center;
}
.i-mobile sport-widget .stats-succsessfull {
display: flex;
align-items: flex-end;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5px;
padding-top: 0;
z-index: 999;
}
.i-mobile sport-widget .stats-all {
display: flex;
align-items: flex-end;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5px;
}
.i-mobile sport-widget .score-table {
opacity: 0.9;
}
.i-mobile sport-widget .row-value {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
height: 30%;
font-size: 10px;
font-weight: lighter;
padding: 5px;
}
.i-mobile sport-widget .row-head {
font-size: 10px;
font-weight: bolder;
padding: 5px;
color: #f1f4fd;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
}
.i-mobile sport-widget .result-column {
min-width: 30px;
text-align: center;
font-size: 12px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.i-mobile sport-widget .result-column .home-result,
.i-mobile sport-widget .result-column .guest-result {
line-height: 28px;
}
.i-mobile sport-widget .name-column {
width: 100%;
font-size: 12px;
min-height: 30px;
}
.i-mobile sport-widget .all-progress[value]::-webkit-progress-bar {
background: #ffd31d;
}
.i-mobile sport-widget .all-progress[value]::-webkit-progress-value {
background: #008000;
}
.i-mobile sport-widget .succsess-progress[value]::-webkit-progress-bar {
background: #ffd31d;
}
.i-mobile sport-widget .succsess-progress[value]::-webkit-progress-value {
background: #008000;
}
.i-mobile sport-widget #PossessionChart {
visibility: collapse;
}
.i-mobile sport-widget progress {
width: 100%;
-webkit-appearance: none;
}
.i-mobile sport-widget progress[value]::-webkit-progress-bar {
background: #ffd31d;
}
.i-mobile sport-widget progress[value]::-webkit-progress-value {
background: green;
}
.i-mobile sport-widget .event-image img {
height: 20px;
width: 20px;
}
.i-mobile sport-widget .event-image {
width: 20px;
}
.i-mobile sport-widget .ev-inc-home {
color: green;
display: flex;
align-items: center;
padding: 0 10px;
}
.i-mobile sport-widget .ev-inc-text {
margin-left: 5px;
}
.i-mobile sport-widget .ev-inc-away {
color: #ffd31d;
display: flex;
align-items: center;
padding: 0 10px;
}
.i-mobile sport-widget .ev-stat-elem:nth-child(2n + 1) {
background: #303032;
}
.i-mobile sport-widget .ev-stat-elem:nth-child(2n) {
background: #414143;
}
.i-mobile sport-widget .ev-inc-elem:nth-child(2n + 1) {
background: #303032;
}
.i-mobile sport-widget .ev-inc-elem:nth-child(2n) {
background: #414143;
}
.i-mobile sport-widget .Svg-style {
width: 100%;
opacity: 0.4;
}
.i-mobile sport-widget .match-status {
position: absolute;
width: 100%;
height: 15px;
margin-bottom: 10px;
z-index: 1;
bottom: 30px;
text-align: center;
font-size: 25px;
perspective: 500px;
}
.i-mobile sport-widget .stats {
display: table-cell;
width: 100%;
text-align: center;
text-transform: uppercase;
color: white;
padding-left: 3px;
padding-right: 3px;
font-size: 9px;
background: #8a8a8a;
}
.i-mobile sport-widget .stats:hover {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.i-mobile sport-widget .selected {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.i-mobile sport-widget .pitch {
top: auto;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.i-mobile sport-widget .status-div-h-s {
color: #ffffff;
background: black;
opacity: 0.4;
}
.i-mobile sport-widget .status-div-h-a {
color: #ffff00;
background: black;
opacity: 0.4;
}
.i-mobile sport-widget .status-div-h-d {
color: #ff0000;
background: black;
opacity: 0.4;
}
.i-mobile sport-widget .status-div-a-s {
color: #ffffff;
background: black;
opacity: 0.4;
}
.i-mobile sport-widget .status-div-a-a {
color: #ffff00;
background: black;
opacity: 0.4;
}
.i-mobile sport-widget .status-div-a-d {
color: #ff0000;
background: black;
opacity: 0.4;
}
.i-mobile sport-widget .triangle-topleft {
width: 0;
height: 0;
border-top: 14px solid red;
border-right: 14px solid transparent;
position: absolute;
}
.i-mobile sport-widget .triangle-topright {
width: 0;
height: 0;
border-top: 14px solid red;
border-left: 14px solid transparent;
position: absolute;
}
.i-mobile .switcher {
align-items: center;
border-radius: 50%;
display: flex;
font-size: 12px;
justify-content: center;
background: #181d47;
color: #fff;
height: 22px;
min-width: 22px;
border: none;
position: absolute;
right: 7px;
top: 9px;
}
.i-mobile .event-favorites {
padding: 1px 10px;
}
.i-mobile .text {
font-size: 15px;
line-height: 1.4em;
overflow: visible;
padding: 5px;
white-space: normal;
width: 99%;
}
.i-mobile .text i.star-white {
color: white;
}
.i-mobile .text i.star-orange {
color: #e8f300;
}
.i-mobile .favorite {
align-items: center;
background: #262d6f;
display: flex;
justify-content: space-between;
padding: 5px;
margin: 5px 10px 0;
height: 70px;
}
.i-mobile .favorite .number-favorites {
font-size: 15px;
margin-left: 140px;
}
.i-mobile .favorite i.fa.fa-star-o,
.i-mobile .favorite i.fa.fa-calendar {
margin: 0 10px;
font-size: 32px;
}
.i-mobile .favorite .title {
font-size: 15px;
position: absolute;
margin-left: 53px;
display: flex;
}
.i-mobile virtual-sports iframe {
min-height: calc(100vh - 50px) !important;
width: 100%;
}
.i-mobile .function-container {
display: flex;
margin: 8px;
}
.i-mobile .function-container .favorites {
align-items: center;
text-align: center;
background: #656565;
margin: 2px;
width: 25%;
height: 70px;
border-radius: 3px;
}
.i-mobile .function-container .favorites.active {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.i-mobile .function-container .favorites i.fa.fa-star-o,
.i-mobile .function-container .favorites i.fa.fa-calendar,
.i-mobile .function-container .favorites i.fa.fa-clock-o,
.i-mobile .function-container .favorites i.fa.fa-globe,
.i-mobile .function-container .favorites i.fa.fa-search {
margin: 13px 0 5px 0;
font-size: 28px;
}
.i-mobile .function-container .favorites .title {
font-size: 13px;
font-weight: 600;
line-height: 10px;
}
.i-mobile .function-container .favorites .title-sort {
font-size: 13px;
font-weight: 600;
line-height: 10px;
}
.i-mobile .function-container .favorites .switcher-container {
position: relative;
bottom: 54px;
left: 72%;
width: 22px;
background: linear-gradient(#F6C811, #DE9203);
color: black;
border-radius: 50%;
font-size: 10px;
height: 22px;
display: flex;
justify-content: center;
align-items: center;
}
.i-mobile .function-container .favorites .switcher-container .switch {
font-weight: 600;
font-size: 9px;
}
.i-mobile .function-container .favorites .switcher-container.active {
background: linear-gradient(#20BF00, #168400);
color: white;
}
.i-mobile .function-container .favorites .switch-container {
position: relative;
bottom: 54px;
left: 72%;
width: 18px;
background: linear-gradient(#F6C811, #DE9203);
color: black;
border-radius: 50%;
font-size: 10px;
height: 17px;
display: flex;
justify-content: center;
align-items: center;
}
.i-mobile .function-container .favorites .switch-container .switch {
font-weight: 600;
}
.i-mobile .function-container .favorites .switch-container.active {
background: linear-gradient(#20BF00, #168400);
color: white;
}
.i-mobile casino spinner {
width: 100%;
height: 100%;
}
.i-mobile casino .casino-container {
width: 100%;
}
.i-mobile casino .casino-container .casino-body {
display: flex;
flex-direction: column;
width: 100%;
}
.i-mobile casino .casino-container .casino-body .game-types {
font-size: 18px;
font-weight: 700;
}
.i-mobile casino .casino-container .casino-body .game-types.active {
background: #424242;
}
.i-mobile casino .casino-container .casino-body .game-types .types-container {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin: 0 5px 10px 5px;
min-height: 40px;
padding: 0 5px 0 5px;
text-overflow: ellipsis;
overflow: hidden;
border-radius: 2px;
}
.i-mobile casino .casino-container .casino-body .game-types .types-container .type {
display: flex;
justify-content: center;
align-items: center;
margin: 5px 10px;
min-height: 40px;
background-color: #656565;
padding: 0 10px;
border-radius: 2px;
width: 100%;
}
.i-mobile casino .casino-container .casino-body .game-types .types-container .type.active,
.i-mobile casino .casino-container .casino-body .game-types .types-container .type:hover {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.i-mobile casino .casino-container .casino-body .search-container {
display: flex;
justify-content: center;
margin: 10px;
}
.i-mobile casino .casino-container .casino-body .search-container input {
width: 100%;
background: #373b42;
border: none;
color: #ffffff;
height: 40px;
font-size: 32px;
padding: 14px;
}
.i-mobile casino .casino-container .casino-body .providers {
font-size: 18px;
text-transform: capitalize;
font-weight: 700;
}
.i-mobile casino .casino-container .casino-body .providers .grid-3 {
display: grid;
grid-template-columns: 1fr 4.5fr 1fr;
}
.i-mobile casino .casino-container .casino-body .providers .grid-3 .flex {
display: flex;
flex-direction: row;
}
.i-mobile casino .casino-container .casino-body .providers .grid-2 {
display: grid;
grid-template-columns: 1fr 5.5fr;
}
.i-mobile casino .casino-container .casino-body .providers .grid-2 .flex {
display: flex;
flex-direction: row;
}
.i-mobile casino .casino-container .casino-body .providers .grid-2 .providers-menu {
margin: 0.5em 0.5em;
}
.i-mobile casino .casino-container .casino-body .providers .providers-menu {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 40px;
padding: 0 5px;
text-overflow: ellipsis;
overflow: hidden;
background: #656565;
border-radius: 2px;
margin: 0.5em 0.25em;
}
.i-mobile casino .casino-container .casino-body .providers .search-menu {
margin: 0.5em;
}
.i-mobile casino .casino-container .casino-body .providers .search-menu .search-btn {
display: flex;
justify-content: center;
align-items: center;
min-height: 40px;
padding: 0 5px;
text-overflow: ellipsis;
overflow: hidden;
border-radius: 2px;
background: #656565;
}
.i-mobile casino .casino-container .casino-body .providers .search-menu .search-btn span,
.i-mobile casino .casino-container .casino-body .providers .search-menu .search-btn i {
margin: 0 2px;
}
.i-mobile casino .casino-container .casino-body .providers .favorite-menu {
margin: 0.5em;
}
.i-mobile casino .casino-container .casino-body .providers .favorite-menu .favorite-btn {
display: flex;
justify-content: center;
align-items: center;
min-height: 40px;
padding: 0 5px;
text-overflow: ellipsis;
overflow: hidden;
border-radius: 2px;
background: #656565;
}
.i-mobile casino .casino-container .casino-body .providers .favorite-menu .favorite-btn span,
.i-mobile casino .casino-container .casino-body .providers .favorite-menu .favorite-btn i {
margin: 0 2px;
}
.i-mobile casino .casino-container .casino-body .providers .providers-container {
display: flex;
flex-direction: column;
}
.i-mobile casino .casino-container .casino-body .providers .providers-container .provider {
display: flex;
justify-content: center;
align-items: center;
margin: 5px 10px;
min-height: 40px;
border-radius: 2px;
padding: 0 10px;
background: #656565;
}
.i-mobile casino .casino-container .casino-body .providers .providers-container .provider.active {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.i-mobile casino .casino-container .casino-body .search-field {
display: flex;
justify-content: center;
align-items: center;
min-height: 40px;
padding-bottom: 0.5em;
}
.i-mobile casino .casino-container .casino-body .search-field quick-search-casino .search {
background: #cccccc;
border: none;
height: 40px;
font-size: 24px;
padding: 10px;
width: calc(100vw - 20px);
border-radius: 2px;
}
.i-mobile casino .casino-container .casino-body .games .games-container {
display: flex;
flex-flow: wrap;
justify-content: center;
margin-left: 10px;
}
.i-mobile casino .casino-container .casino-body .games .games-container .game {
display: flex;
flex-flow: column nowrap;
font-size: 11px;
cursor: pointer;
min-width: 118px;
width: 50%;
padding: 0 10px 10px 0;
}
.i-mobile casino .casino-container .casino-body .games .games-container .game .star-position {
position: absolute;
margin: 10px;
font-size: 300%;
}
.i-mobile casino .casino-container .casino-body .games .games-container .game .play-container {
display: flex;
justify-content: flex-end;
height: 85%;
}
.i-mobile casino .casino-container .casino-body .games .games-container .game .play-container img {
height: 100%;
width: 100%;
}
.i-mobile casino .casino-container .casino-body .games .games-container .game .play-container .icon-new {
background-image: url(/assets/img/casino/new.png);
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
z-index: 1;
position: absolute;
color: #fff;
}
.i-mobile casino .casino-container .casino-body .games .games-container .game .game-title {
align-items: center;
box-sizing: border-box;
color: #fff;
display: flex;
height: 34px;
justify-content: space-between;
width: 100%;
padding: 0 10px;
border: 1px solid #1f1e24;
background: #4e4e50;
text-transform: uppercase;
}
.i-mobile casino .casino-container .casino-body .games .show-more-games {
font-size: 16px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 10px 10px 10px;
min-height: 40px;
text-overflow: ellipsis;
overflow: hidden;
border-radius: 2px;
background: #4e4e50;
}
.i-mobile casino .casino-container .casino-body .casino-iframe casino-iframe iframe {
width: 100%;
height: calc(100vh - 84px);
border: none;
}
.i-mobile casino .casino-container .casino-body .casino-iframe casino-iframe .btn-panel {
display: flex;
border: solid #ddd;
border-width: 1px;
line-height: 28px;
text-align: center;
}
.i-mobile casino .casino-container .casino-body .casino-iframe casino-iframe .btn-panel .casino-btn {
border-right: 1px solid #fff;
width: 100%;
font-size: 16px;
}
.i-mobile casino .casino-container .casino-body .casino-iframe casino-iframe .btn-panel :last-child {
border: none;
}
.i-mobile casino .casino-container .casino-body > h1 {
margin: 15px;
}
.i-mobile aviator-casino spinner {
width: 100%;
height: 100%;
}
.i-mobile aviator-casino .casino-container {
width: 100%;
}
.i-mobile aviator-casino .casino-container .casino-body {
display: flex;
flex-direction: column;
width: 100%;
}
.i-mobile aviator-casino .casino-container .casino-body .game-types {
font-size: 18px;
font-weight: 700;
}
.i-mobile aviator-casino .casino-container .casino-body .game-types.active {
background: #424242;
}
.i-mobile aviator-casino .casino-container .casino-body .game-types .types-container {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin: 0 5px 10px 5px;
min-height: 40px;
padding: 0 5px 0 5px;
text-overflow: ellipsis;
overflow: hidden;
border-radius: 2px;
}
.i-mobile aviator-casino .casino-container .casino-body .game-types .types-container .type {
display: flex;
justify-content: center;
align-items: center;
margin: 5px 10px;
min-height: 40px;
background-color: #262d6f;
padding: 0 10px;
border-radius: 2px;
width: 100%;
}
.i-mobile aviator-casino .casino-container .casino-body .game-types .types-container .type.active,
.i-mobile aviator-casino .casino-container .casino-body .game-types .types-container .type:hover {
background-color: #fec70b;
color: black;
}
.i-mobile aviator-casino .casino-container .casino-body .search-container {
display: flex;
justify-content: center;
margin: 10px;
}
.i-mobile aviator-casino .casino-container .casino-body .search-container input {
width: 100%;
background: #373b42;
border: none;
color: #ffffff;
height: 40px;
font-size: 32px;
padding: 14px;
}
.i-mobile aviator-casino .casino-container .casino-body .providers {
font-size: 18px;
text-transform: capitalize;
font-weight: 700;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .grid-3 {
display: grid;
grid-template-columns: 1fr 4.5fr 1fr;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .grid-3 .flex {
display: flex;
flex-direction: row;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .grid-2 {
display: grid;
grid-template-columns: 1fr 5.5fr;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .grid-2 .flex {
display: flex;
flex-direction: row;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .grid-2 .providers-menu {
margin: 0.5em 0.5em;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .providers-menu {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 40px;
padding: 0 5px;
text-overflow: ellipsis;
overflow: hidden;
background: #262d6f;
border-radius: 2px;
margin: 0.5em 0.25em;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .search-menu {
margin: 0.5em;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .search-menu .search-btn {
display: flex;
justify-content: center;
align-items: center;
min-height: 40px;
padding: 0 5px;
text-overflow: ellipsis;
overflow: hidden;
border-radius: 2px;
background: #262d6f;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .search-menu .search-btn span,
.i-mobile aviator-casino .casino-container .casino-body .providers .search-menu .search-btn i {
margin: 0 2px;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .favorite-menu {
margin: 0.5em;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .favorite-menu .favorite-btn {
display: flex;
justify-content: center;
align-items: center;
min-height: 40px;
padding: 0 5px;
text-overflow: ellipsis;
overflow: hidden;
border-radius: 2px;
background: #262d6f;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .favorite-menu .favorite-btn span,
.i-mobile aviator-casino .casino-container .casino-body .providers .favorite-menu .favorite-btn i {
margin: 0 2px;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .providers-container {
display: flex;
flex-direction: column;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .providers-container .provider {
display: flex;
justify-content: center;
align-items: center;
margin: 5px 10px;
min-height: 40px;
border-radius: 2px;
padding: 0 10px;
background: #262d6f;
}
.i-mobile aviator-casino .casino-container .casino-body .providers .providers-container .provider.active {
background: #fec70b;
color: black;
}
.i-mobile aviator-casino .casino-container .casino-body .search-field {
display: flex;
justify-content: center;
align-items: center;
min-height: 40px;
padding-bottom: 0.5em;
}
.i-mobile aviator-casino .casino-container .casino-body .search-field quick-search-casino .search {
background: #cccccc;
border: none;
height: 40px;
font-size: 24px;
padding: 10px;
width: calc(100vw - 20px);
border-radius: 2px;
}
.i-mobile aviator-casino .casino-container .casino-body .games .games-container {
display: flex;
flex-flow: wrap;
justify-content: center;
margin-left: 10px;
}
.i-mobile aviator-casino .casino-container .casino-body .games .games-container .game {
display: flex;
flex-flow: column nowrap;
font-size: 11px;
cursor: pointer;
min-width: 118px;
width: 50%;
padding: 0 10px 10px 0;
}
.i-mobile aviator-casino .casino-container .casino-body .games .games-container .game .star-position {
position: absolute;
margin: 10px;
font-size: 300%;
}
.i-mobile aviator-casino .casino-container .casino-body .games .games-container .game .play-container {
display: flex;
justify-content: flex-end;
height: 85%;
}
.i-mobile aviator-casino .casino-container .casino-body .games .games-container .game .play-container img {
height: 100%;
width: 100%;
}
.i-mobile aviator-casino .casino-container .casino-body .games .games-container .game .play-container .icon-new {
background-image: url(/assets/img/casino/new.png);
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
z-index: 1;
position: absolute;
color: #fff;
}
.i-mobile aviator-casino .casino-container .casino-body .games .games-container .game .game-title {
align-items: center;
box-sizing: border-box;
color: #fff;
display: flex;
height: 34px;
justify-content: space-between;
width: 100%;
padding: 0 10px;
border: 1px solid #1f1e24;
background: #4e4e50;
text-transform: uppercase;
}
.i-mobile aviator-casino .casino-container .casino-body .games .show-more-games {
font-size: 16px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 10px 10px 10px;
min-height: 40px;
text-overflow: ellipsis;
overflow: hidden;
border-radius: 2px;
background: #4e4e50;
}
.i-mobile aviator-casino .casino-container .casino-body .casino-iframe casino-iframe iframe {
width: 100%;
height: calc(100vh - 84px);
border: none;
}
.i-mobile aviator-casino .casino-container .casino-body .casino-iframe casino-iframe .btn-panel {
display: flex;
border: solid #ddd;
border-width: 1px;
line-height: 28px;
text-align: center;
}
.i-mobile aviator-casino .casino-container .casino-body .casino-iframe casino-iframe .btn-panel .casino-btn {
border-right: 1px solid #fff;
width: 100%;
font-size: 16px;
}
.i-mobile aviator-casino .casino-container .casino-body .casino-iframe casino-iframe .btn-panel :last-child {
border: none;
}
.i-mobile aviator-casino .casino-container .casino-body > h1 {
margin: 15px;
}
.i-mobile my-bets-betslip-extended .wrapper {
display: flex;
justify-content: start;
align-items: stretch;
width: 100%;
}
.i-mobile my-bets-betslip-extended .info {
width: 90%;
}
.i-mobile my-bets-betslip-extended .switcher-arrow {
width: 29px;
height: 28px;
border: 1px solid #040404;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: #040404;
background: linear-gradient(#F7F7F7, #CCCCCC);
font-size: 22px;
font-weight: 800;
margin-left: 4px;
}
.i-mobile my-bets-betslip-extended .more-info,
.i-mobile my-bets-betslip-extended .less-info {
width: 10%;
}
.i-mobile my-bets-betslip-extended .info_details {
width: 50%;
}
.i-mobile my-bets-betslip-extended .ticket-info {
background-color: #333333;
color: white;
padding: 0.5em;
width: 100%;
}
.i-mobile my-bets-betslip-extended .ticket-info .ticket-item {
border-bottom: 1px solid white;
font-size: 14px;
line-height: 22px;
}
.i-mobile my-bets-betslip-extended .ticket-info .ticket-item .bold {
font-weight: bold;
}
.i-mobile my-bets-betslip-extended .ticket-info .ticket-item .event-name {
font-size: 15px;
}
.i-mobile my-bets-betslip-extended .ticket-info .ticket-item .flex {
display: flex;
justify-content: space-between;
}
.i-mobile my-bets-betslip-extended .ticket-info .ticket-item .flex .italic {
font-style: italic;
}
.i-mobile my-bets-betslip-extended .ticket-info .ticket-main-info {
border-top: 1px solid white;
font-size: 14px;
line-height: 22px;
}
.i-mobile my-bets-betslip-extended .ticket-info .ticket-main-info .bold {
font-weight: bold;
}
.i-mobile my-bets-betslip-extended .ticket-info .ticket-main-info .flex {
display: flex;
justify-content: space-between;
}
.i-mobile my-bets-betslip-extended .ticket-info .ticket-main-info .flex .italic {
font-style: italic;
}
.i-mobile my-bets-betslip-extended .cashout {
border: none;
width: 37vw;
border-radius: 5px;
padding: 5px 10px;
}
.i-mobile my-bets-betslip-extended .tickets-container {
text-transform: uppercase;
background-color: #656565;
}
.i-mobile my-bets-betslip-extended .tickets-container .btn-switch {
background: -webkit-linear-gradient(top, #eaeaea, #9e9e9e);
background: -moz-linear-gradient(top, #eaeaea, #9e9e9e);
background: -ms-linear-gradient(top, #eaeaea, #9e9e9e);
background: -o-linear-gradient(top, #eaeaea, #9e9e9e);
display: flex;
border-top: 1px solid black;
font-weight: 500;
font-size: 13px;
cursor: pointer;
justify-content: center;
text-align: center;
padding: 15px;
position: fixed;
width: calc(100vw - 10px);
bottom: 0.5%;
color: black;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container {
border-top: 1px solid black;
margin-top: -1px;
display: flex;
flex-wrap: wrap;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .left,
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .right {
width: 50%;
margin-bottom: 10px;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .right .status {
width: 78%;
display: flex;
justify-content: start;
align-items: center;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .left .mt {
margin-top: 5%;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .header-bets {
display: flex;
width: 100%;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .header-bets .ticket-number {
font-size: 15px;
color: #e2e216;
cursor: pointer;
margin: 5px;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .header-bets .stake-date {
position: absolute;
right: 2px;
margin: 13px;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .items-container {
display: flex;
justify-content: start;
align-items: center;
padding-left: 13px;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .items-container .flex {
display: flex;
justify-content: space-between;
width: 100%;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .items-container .flex-s {
display: flex;
justify-content: flex-start;
width: 100%;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .items-container-right {
display: flex;
justify-content: start;
align-items: center;
margin-top: 4%;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .items-container-right .flex {
display: flex;
justify-content: space-between;
width: 100%;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .items-container-right .flex-s {
display: flex;
justify-content: flex-start;
width: 100%;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .item-container {
justify-content: center;
align-items: center;
text-align: center;
width: 33%;
text-transform: none;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .item-container .status-container {
text-transform: uppercase;
font-size: 11px;
padding-top: 2px;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .item-container .top-container {
display: flex;
font-size: 11px;
margin-left: 26px;
padding-top: 2px;
margin-bottom: 10px;
}
.i-mobile my-bets-betslip-extended .tickets-container .ticket-container .item-container .top-container .bottom-container {
text-transform: uppercase;
}
.i-mobile my-bets-betslip {
position: fixed;
width: 100vw;
}
.i-mobile my-bets-betslip .wrapper {
display: flex;
justify-content: start;
align-items: stretch;
width: 100%;
}
.i-mobile my-bets-betslip .info {
width: 90%;
}
.i-mobile my-bets-betslip .switcher-arrow {
width: 29px;
height: 28px;
border: 1px solid #414141;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: white;
background: #d50000;
font-size: 22px;
font-weight: 800;
margin-left: 4px;
}
.i-mobile my-bets-betslip .more-info,
.i-mobile my-bets-betslip .less-info {
width: 10%;
}
.i-mobile my-bets-betslip .info_details {
width: 50%;
}
.i-mobile my-bets-betslip .ticket-info {
background-color: #424242;
color: white;
padding: 0.5em;
width: 100%;
}
.i-mobile my-bets-betslip .ticket-info .ticket-item {
border-bottom: 1px solid white;
font-size: 14px;
line-height: 22px;
}
.i-mobile my-bets-betslip .ticket-info .ticket-item .bold {
font-weight: bold;
}
.i-mobile my-bets-betslip .ticket-info .ticket-item .event-name {
font-size: 15px;
}
.i-mobile my-bets-betslip .ticket-info .ticket-item .flex {
display: flex;
justify-content: space-between;
}
.i-mobile my-bets-betslip .ticket-info .ticket-item .flex .italic {
font-style: italic;
}
.i-mobile my-bets-betslip .ticket-info .ticket-main-info {
border-top: 1px solid white;
font-size: 14px;
line-height: 22px;
}
.i-mobile my-bets-betslip .ticket-info .ticket-main-info .bold {
font-weight: bold;
}
.i-mobile my-bets-betslip .ticket-info .ticket-main-info .flex {
display: flex;
justify-content: space-between;
}
.i-mobile my-bets-betslip .ticket-info .ticket-main-info .flex .italic {
font-style: italic;
}
.i-mobile my-bets-betslip .cashout {
border: none;
width: 37vw;
border-radius: 5px;
padding: 5px 10px;
}
.i-mobile my-bets-betslip .tickets-container {
text-transform: uppercase;
background-color: #262d6f;
}
.i-mobile my-bets-betslip .tickets-container .btn-switch {
background-color: #d50000;
display: flex;
border-top: 1px solid black;
font-weight: 500;
font-size: 13px;
cursor: pointer;
justify-content: center;
text-align: center;
padding: 15px;
position: fixed;
width: calc(100vw - 10px);
bottom: 0;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container {
border-top: 1px solid black;
margin-top: -1px;
display: flex;
flex-wrap: wrap;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .left,
.i-mobile my-bets-betslip .tickets-container .ticket-container .right {
width: 50%;
margin-bottom: 10px;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .right .status {
width: 78%;
display: flex;
justify-content: start;
align-items: center;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .left .mt {
margin-top: 5%;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .header-bets {
display: flex;
width: 100%;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .header-bets .ticket-number {
font-size: 15px;
color: #e2e216;
cursor: pointer;
margin: 5px;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .header-bets .stake-date {
position: absolute;
right: 2px;
margin: 13px;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .items-container {
display: flex;
justify-content: start;
align-items: center;
padding-left: 13px;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .items-container .flex {
display: flex;
justify-content: space-between;
width: 100%;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .items-container .flex-s {
display: flex;
justify-content: flex-start;
width: 100%;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .items-container-right {
display: flex;
justify-content: start;
align-items: center;
margin-top: 4%;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .items-container-right .flex {
display: flex;
justify-content: space-between;
width: 100%;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .items-container-right .flex-s {
display: flex;
justify-content: flex-start;
width: 100%;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .item-container {
justify-content: center;
align-items: center;
text-align: center;
width: 33%;
text-transform: none;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .item-container .status-container {
text-transform: uppercase;
font-size: 11px;
padding-top: 2px;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .item-container .top-container {
display: flex;
font-size: 11px;
margin-left: 26px;
padding-top: 2px;
margin-bottom: 10px;
}
.i-mobile my-bets-betslip .tickets-container .ticket-container .item-container .top-container .bottom-container {
text-transform: uppercase;
}
.i-mobile account formula-points {
color: white;
}
.i-mobile account formula-points .header {
font-weight: 700;
display: none;
}
.i-mobile account formula-points .table-formula {
text-align: center;
align-items: center;
margin: 0 10px;
}
.i-mobile account formula-points .table-formula .header-points {
font-size: 20px;
margin-top: 10px;
border-bottom: 1px solid white;
}
.i-mobile account formula-points .table-formula .points-description {
font-size: 13px;
margin: 30px 0 20px;
}
.i-mobile account formula-points .table-formula .points-body {
display: flex;
line-height: 40px;
margin: 0 5px;
border-bottom: 1px solid white;
}
.i-mobile account formula-points .table-formula .points-body .name {
font-weight: 800;
font-size: 13px;
margin-right: 3%;
}
.i-mobile account formula-points .table-formula .points-body .value {
color: #fec70b;
}
.i-mobile account formula-points .table-formula .convert-button {
margin-top: 30px;
text-align: center;
background: -webkit-linear-gradient(top, #eaeaea, #9e9e9e);
background: -moz-linear-gradient(top, #eaeaea, #9e9e9e);
background: -ms-linear-gradient(top, #eaeaea, #9e9e9e);
background: -o-linear-gradient(top, #eaeaea, #9e9e9e);
cursor: pointer;
outline: 0;
border: 0;
color: black;
font-weight: bold;
font-size: 14px;
width: 100px;
padding: 8px;
text-transform: uppercase;
display: inline-block;
}
.i-mobile account formula-points .table-formula .convert-button:enabled:hover {
background: #fec70b;
}
.i-mobile account notifications .time-picker {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
flex-direction: column;
}
.i-mobile account notifications .time-picker .mat-form-field {
width: 100%;
}
.i-mobile account notifications .time-picker .date-range-select {
width: 94%;
}
.i-mobile account notifications .time-picker .mat-form-field,
.i-mobile account notifications .time-picker .date-range-select {
height: 35px;
margin-bottom: 10px;
}
.i-mobile account notifications .time-picker .mat-form-field .date-range,
.i-mobile account notifications .time-picker .date-range-select .date-range {
justify-content: space-between;
}
.i-mobile account notifications .time-picker .mat-form-field .date-range-list,
.i-mobile account notifications .time-picker .date-range-select .date-range-list {
position: relative;
display: flex;
flex-direction: column;
z-index: 4000;
}
.i-mobile account notifications .time-picker .mat-form-field .date-range-list .date-range,
.i-mobile account notifications .time-picker .date-range-select .date-range-list .date-range {
border-bottom: 1px solid black;
}
.i-mobile account notifications .time-picker .last-row {
display: flex;
justify-content: space-between;
width: 94%;
}
.i-mobile account notifications .time-picker .last-row .date-range-select {
width: 48%;
}
.i-mobile account notifications .time-picker .btn-refresh {
display: none;
}
.i-mobile account notifications .time-picker .mat-form-field-wrapper {
padding-bottom: 0;
}
.i-mobile account notifications .time-picker .mat-form-field-underline {
display: none;
}
.i-mobile account notifications .time-picker .mat-icon-button {
height: 35px;
width: 35px;
}
.i-mobile account notifications .body .text {
font-size: 30px;
text-transform: uppercase;
}
.i-mobile account notifications .body .box-and-form {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 5px;
}
.i-mobile account notifications .body .box-and-form .message-form {
display: flex;
}
.i-mobile account notifications .body .box-and-form .message-form input {
margin: 10px 10px 10px 0;
padding: 10px;
width: 300px;
border: none;
}
.i-mobile account notifications .body .box-and-form .message-form label {
font-size: 14px;
}
.i-mobile account notifications .body .box-and-form .message-form button {
background: linear-gradient(#F6C811, #DE9203);
color: black;
border: none;
cursor: pointer;
border-radius: 3px;
margin-top: 9px;
height: 37px;
font-weight: 600;
width: 110px;
}
.i-mobile account notifications .body .text {
font-size: 30px;
text-transform: uppercase;
}
.i-mobile account notifications .body .box {
display: flex;
flex-direction: column;
font-size: 13px;
margin: 0 10px;
justify-content: space-between;
width: 94%;
}
.i-mobile account notifications .body .box .box-tabs {
display: flex;
margin-bottom: 10px;
}
.i-mobile account notifications .body .box .box-tabs .tab {
border-radius: 3px 3px 0 0;
border-bottom: none;
cursor: pointer;
line-height: 37px;
margin-right: 3px;
min-width: 80px;
padding: 0 15px;
text-align: center;
background: linear-gradient(#F7F7F7, #CCCCCC);
font-weight: 500;
color: black;
}
.i-mobile account notifications .body .box .box-tabs .tab.selected {
background: linear-gradient(#F6C811, #DE9203) !important;
}
.i-mobile account notifications .body .notifications-container .table-header-container {
border: 1px solid black;
display: flex;
text-align: center;
font-size: 10px;
line-height: 27px;
background-color: #656565;
text-transform: uppercase;
color: white;
font-weight: bold;
}
.i-mobile account notifications .body .notifications-container .table-header-container .notification-date {
justify-content: center;
margin-left: 14px;
width: 190px;
min-height: 30px;
border-right: 2px solid black;
display: flex;
align-items: center;
text-align: center;
}
.i-mobile account notifications .body .notifications-container .table-header-container .notification-description {
width: 70%;
display: flex;
align-items: center;
margin-left: 10px;
justify-content: center;
}
.i-mobile account notifications .body .notifications-container .notification-container {
display: flex;
font-size: 12px;
background-color: #333333;
border: 1px solid black;
}
.i-mobile account notifications .body .notifications-container .notification-container .notification-date {
margin-left: 14px;
width: 190px;
min-height: 30px;
border-right: 2px solid black;
display: flex;
align-items: center;
text-align: center;
}
.i-mobile account notifications .body .notifications-container .notification-container .notification-description.rejected,
.i-mobile account notifications .body .notifications-container .notification-container .notification-description.reverse {
color: red;
}
.i-mobile account notifications .body .notifications-container .notification-container .notification-description.accepted,
.i-mobile account notifications .body .notifications-container .notification-container .notification-description.deposit {
color: #1df91d;
}
.i-mobile account notifications .body .notifications-container .notification-container .notification-description {
width: 70%;
display: flex;
align-items: center;
margin-left: 10px;
}
.i-mobile account .page-content {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
margin-top: 0;
margin-bottom: 1px;
color: black;
font-size: 13px;
font-weight: bold;
white-space: nowrap;
position: relative;
}
.i-mobile account .page-content > div {
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
background-color: #fff;
min-width: fit-content;
height: 100%;
height: 35px;
}
.i-mobile account .page-content .balance {
display: none;
}
.i-mobile account .page-content > div:nth-child(2) {
background: linear-gradient(#F6C811, #DE9203);
color: #040404;
}
.i-mobile account .page-content .btn-close {
min-width: 40px;
}
.i-mobile account .page-content .nav-select {
width: 100%;
margin-right: 5px;
position: relative;
}
.i-mobile account .page-content .nav-select .nav {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.i-mobile account .page-content .nav-select .nav > div:first-child {
width: 100%;
}
.i-mobile account .page-content .nav-select .nav-list {
position: absolute;
width: 100%;
margin-top: 35px;
left: 0;
top: 0;
background: linear-gradient(#F7F7F7, #CCCCCC);
color: black;
z-index: 5000;
}
.i-mobile account .page-content .nav-select .nav-list > div {
display: flex;
align-items: center;
padding: 10px 10px;
border-top: 1px solid #555555;
}
.i-mobile account .page-content .nav-select .nav-list > div.selected {
background: linear-gradient(#F6C811, #DE9203);
}
.i-mobile account invite-player .header,
.i-mobile account invited-players .header,
.i-mobile account send-money .header {
display: none;
}
.i-mobile account invite-player form,
.i-mobile account invited-players form,
.i-mobile account send-money form {
padding: 10px;
}
.i-mobile account invite-player input,
.i-mobile account invited-players input,
.i-mobile account send-money input,
.i-mobile account invite-player button,
.i-mobile account invited-players button,
.i-mobile account send-money button {
width: 100%;
}
.i-mobile account invite-player .mat-cell,
.i-mobile account invited-players .mat-cell,
.i-mobile account send-money .mat-cell,
.i-mobile account invite-player .mat-footer-cell,
.i-mobile account invited-players .mat-footer-cell,
.i-mobile account send-money .mat-footer-cell {
font-size: 10px;
color: #fff;
}
.i-mobile account invite-player .mat-table,
.i-mobile account invited-players .mat-table,
.i-mobile account send-money .mat-table {
background: #606060;
}
.i-mobile account invite-player .mat-table thead,
.i-mobile account invited-players .mat-table thead,
.i-mobile account send-money .mat-table thead {
background: #464646;
}
.i-mobile account invite-player td.mat-cell,
.i-mobile account invited-players td.mat-cell,
.i-mobile account send-money td.mat-cell {
border-bottom-color: #1c1e21;
}
.i-mobile account invite-player .mat-header-cell,
.i-mobile account invited-players .mat-header-cell,
.i-mobile account send-money .mat-header-cell {
font-size: 10px;
color: #9e9e9e;
text-transform: uppercase;
}
.i-mobile account my-bets .balance-bonus,
.i-mobile account slots .balance-bonus,
.i-mobile account balance-sheet .balance-bonus {
color: goldenrod;
}
.i-mobile account my-bets .close-button,
.i-mobile account slots .close-button,
.i-mobile account balance-sheet .close-button {
margin-left: 0px !important;
width: 55px !important;
display: flex;
text-align: center;
align-items: center;
height: 35px;
}
.i-mobile account my-bets .close-button img,
.i-mobile account slots .close-button img,
.i-mobile account balance-sheet .close-button img {
width: 27px;
}
.i-mobile account my-bets .header,
.i-mobile account slots .header,
.i-mobile account balance-sheet .header,
.i-mobile account my-bets mat-form-field,
.i-mobile account slots mat-form-field,
.i-mobile account balance-sheet mat-form-field,
.i-mobile account my-bets .acc-btn,
.i-mobile account slots .acc-btn,
.i-mobile account balance-sheet .acc-btn {
display: none !important;
}
.i-mobile account my-bets .delete-button,
.i-mobile account slots .delete-button,
.i-mobile account balance-sheet .delete-button {
border-right: 1px solid #000;
width: 100%;
text-align: center;
text-transform: capitalize;
padding: 0;
background: -webkit-linear-gradient(top, #eaeaea, #9e9e9e) !important;
background: -moz-linear-gradient(top, #eaeaea, #9e9e9e) !important;
background: -ms-linear-gradient(top, #eaeaea, #9e9e9e) !important;
background: -o-linear-gradient(top, #eaeaea, #9e9e9e) !important;
background-color: #9e9e9e !important;
color: #000;
}
.i-mobile account my-bets .my-bets,
.i-mobile account slots .my-bets,
.i-mobile account balance-sheet .my-bets {
display: none;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
height: 60px;
margin-bottom: 1px;
font-weight: 700;
font-size: 14px;
white-space: nowrap;
background-color: #656565;
}
.i-mobile account my-bets .my-bets .close-button,
.i-mobile account slots .my-bets .close-button,
.i-mobile account balance-sheet .my-bets .close-button {
margin-left: 0 !important;
width: 55px !important;
display: flex;
text-align: center;
align-items: center;
height: 35px;
}
.i-mobile account my-bets .my-bets .close-button img,
.i-mobile account slots .my-bets .close-button img,
.i-mobile account balance-sheet .my-bets .close-button img {
width: 27px;
}
.i-mobile account my-bets .my-bets .btn,
.i-mobile account slots .my-bets .btn,
.i-mobile account balance-sheet .my-bets .btn {
display: flex;
justify-content: center;
align-items: center;
background-color: #d6d6d6;
color: #040404;
text-transform: uppercase;
}
.i-mobile account my-bets .my-bets > div,
.i-mobile account slots .my-bets > div,
.i-mobile account balance-sheet .my-bets > div {
width: 100%;
height: 100%;
margin-left: 10px;
}
.i-mobile account my-bets .my-bets .date-range-select,
.i-mobile account slots .my-bets .date-range-select,
.i-mobile account balance-sheet .my-bets .date-range-select {
position: relative;
display: flex;
justify-content: space-between;
background-color: #fff;
color: #040404;
height: 100%;
width: 100%;
}
.i-mobile account my-bets .my-bets .date-range-select .date-range,
.i-mobile account slots .my-bets .date-range-select .date-range,
.i-mobile account balance-sheet .my-bets .date-range-select .date-range {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
width: 100%;
padding: 0 10px;
}
.i-mobile account my-bets .my-bets .date-range-select .padding-right,
.i-mobile account slots .my-bets .date-range-select .padding-right,
.i-mobile account balance-sheet .my-bets .date-range-select .padding-right {
display: flex;
align-items: center;
padding-right: 10px;
}
.i-mobile account my-bets .my-bets .date-range-select .date-range-list,
.i-mobile account slots .my-bets .date-range-select .date-range-list,
.i-mobile account balance-sheet .my-bets .date-range-select .date-range-list {
width: 100%;
margin-top: 40px;
background-color: #fff;
border-top: 1px solid #040404;
position: absolute;
z-index: 5000;
}
.i-mobile account my-bets .my-bets .date-range-select .date-range-list > div,
.i-mobile account slots .my-bets .date-range-select .date-range-list > div,
.i-mobile account balance-sheet .my-bets .date-range-select .date-range-list > div {
align-items: center;
padding: 10px 10px;
border-bottom: 1px solid black;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.i-mobile account my-bets .my-bets .date-range-select .date-range-list > div.selected,
.i-mobile account slots .my-bets .date-range-select .date-range-list > div.selected,
.i-mobile account balance-sheet .my-bets .date-range-select .date-range-list > div.selected {
background-color: #fec70b;
color: #040404;
}
.i-mobile account my-bets .acc-table .table-header .checkbox-container,
.i-mobile account my-bets .acc-table .table-content .checkbox-container,
.i-mobile account my-bets .acc-table .tickets .checkbox-container {
width: 35px !important;
align-items: center;
display: flex;
justify-content: center;
}
.i-mobile account my-bets .acc-table .table-header .checkbox-container .checkbox-name,
.i-mobile account my-bets .acc-table .table-content .checkbox-container .checkbox-name,
.i-mobile account my-bets .acc-table .tickets .checkbox-container .checkbox-name {
justify-content: center;
align-items: center;
min-width: 18px;
height: 18px;
background-color: #fff;
border-radius: 3px;
color: #000;
}
.i-mobile account my-bets .acc-table .table-header .checkbox-container .checkbox-name .checkbox-symbol,
.i-mobile account my-bets .acc-table .table-content .checkbox-container .checkbox-name .checkbox-symbol,
.i-mobile account my-bets .acc-table .tickets .checkbox-container .checkbox-name .checkbox-symbol {
font-size: 12px;
transform: translateY(-5px);
}
.i-mobile account my-bets .acc-table .table-header .checkbox-container .checkbox-name .checkbox-symbol-all,
.i-mobile account my-bets .acc-table .table-content .checkbox-container .checkbox-name .checkbox-symbol-all,
.i-mobile account my-bets .acc-table .tickets .checkbox-container .checkbox-name .checkbox-symbol-all {
font-size: 12px;
transform: translateY(-1px);
}
.i-mobile account my-bets .acc-table .table-header > div:nth-child(1),
.i-mobile account my-bets .acc-table .table-content > div:nth-child(1),
.i-mobile account my-bets .acc-table .tickets > div:nth-child(1) {
width: 24%;
}
.i-mobile account my-bets .acc-table .table-header > div:nth-child(2),
.i-mobile account my-bets .acc-table .table-content > div:nth-child(2),
.i-mobile account my-bets .acc-table .tickets > div:nth-child(2) {
width: 40%;
}
.i-mobile account my-bets .acc-table .table-header > div:nth-child(3),
.i-mobile account my-bets .acc-table .table-content > div:nth-child(3),
.i-mobile account my-bets .acc-table .tickets > div:nth-child(3) {
width: 18%;
}
.i-mobile account my-bets .acc-table .table-header > div:nth-child(4),
.i-mobile account my-bets .acc-table .table-content > div:nth-child(4),
.i-mobile account my-bets .acc-table .tickets > div:nth-child(4) {
width: 18%;
}
.i-mobile account my-bets .acc-table .additional-descriptions {
font-size: 13px;
padding: 3px 0px;
}
.i-mobile account my-bets .acc-table .additional-descriptions .child-description {
display: flex;
align-items: center;
padding: 3px 0;
}
.i-mobile account my-bets .acc-table .additional-descriptions .child-description > div {
width: 100%;
}
.i-mobile account my-bets .acc-table .table-header {
display: flex;
text-align: center;
font-size: 10px;
line-height: 27px;
background-color: #656565;
font-weight: normal;
text-transform: uppercase;
color: #fff;
font-weight: bold;
padding: 0 10px;
}
.i-mobile account my-bets .acc-table .container {
display: flex;
width: 100%;
font-size: 12px;
justify-content: space-between;
line-height: 25px;
border-bottom: 1px solid #040404;
}
.i-mobile account my-bets .acc-table .container .acc-btn {
border-right: 1px solid #040404;
width: 100%;
text-align: center;
text-transform: capitalize;
padding: 0;
background: -webkit-linear-gradient(top, #eaeaea, #9e9e9e) !important;
background: -moz-linear-gradient(top, #eaeaea, #9e9e9e) !important;
background: -ms-linear-gradient(top, #eaeaea, #9e9e9e) !important;
background: -o-linear-gradient(top, #eaeaea, #9e9e9e) !important;
background-color: #9e9e9e !important;
color: #040404;
}
.i-mobile account my-bets .acc-table .table-body {
margin: 5px;
}
.i-mobile account my-bets .acc-table .table-body > div {
font-size: 15px;
}
.i-mobile account my-bets .acc-table .table-body > div .tickets {
display: flex;
justify-content: center;
align-items: stretch;
background-color: #fff;
color: black;
min-height: 40px;
margin-bottom: 1px;
width: 100%;
font-size: 11px;
}
.i-mobile account my-bets .acc-table .table-body > div .tickets > div {
display: flex;
justify-content: center;
align-items: center;
border-right: 1px solid black;
font-weight: 600;
padding: 1px 5px 3px 5px;
text-align: center;
}
.i-mobile account my-bets .acc-table .table-body > div .tickets > div:nth-child(2) {
text-align: left;
}
.i-mobile account my-bets .acc-table .table-body > div .tickets > div:nth-child(4) {
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
border-right: 0;
font-size: 10px;
}
.i-mobile account my-bets .acc-table .table-body > div .acc-table {
display: none;
}
.i-mobile account my-bets .acc-table .table-body > div .descriptions {
display: flex;
background-color: #eaeaea;
color: black;
font-size: 13px;
}
.i-mobile account my-bets .acc-table .table-body > div .descriptions > div {
width: 50%;
}
.i-mobile account my-bets .acc-table .table-body > div .descriptions > div .cashout-button {
padding: 2px;
border-bottom: 0;
}
.i-mobile account my-bets .acc-table .table-body > div .descriptions > div .cashout-button .cashout-my-bets {
line-height: 20px !important;
}
.i-mobile account my-bets .acc-table .table-body > div .descriptions > div .cashout-button .cashout-my-bets .cashout {
line-height: 16px;
}
.i-mobile account my-bets .acc-table .table-body > div .descriptions > div > div {
padding: 4px 10px;
border-bottom: 1px solid black;
height: 27px;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.i-mobile account my-bets .acc-table .table-body > div .descriptions > div > div:last-child {
position: relative;
background-color: #fefefe;
border-bottom: 4px solid #F6C811;
font-weight: 700;
}
.i-mobile account my-bets .acc-table .table-body > div .descriptions > div > div:last-child .swap {
position: absolute;
bottom: 0;
right: 20px;
height: 14px;
width: 24px;
background-color: #F6C811;
color: #040404;
text-align: center;
}
.i-mobile account my-bets .acc-table .table-body > div .descriptions > div:first-child {
border-right: 1px solid black;
}
.i-mobile account my-bets .acc-table .table-body > div .btn-container {
display: flex;
width: 100%;
font-size: 12px;
justify-content: space-between;
line-height: 25px;
border-bottom: 1px solid #000;
}
.i-mobile account my-bets .acc-table .table-body > div .btn-container .btn-confirm-container {
display: flex;
text-align: center;
width: 100%;
}
.i-mobile account my-bets .acc-table .table-body > div .btn-container .btn-confirm-container .confirm,
.i-mobile account my-bets .acc-table .table-body > div .btn-container .btn-confirm-container .cancel {
width: 100%;
background: -webkit-linear-gradient(top, #eaeaea, #9e9e9e);
background: -moz-linear-gradient(top, #eaeaea, #9e9e9e);
background: -ms-linear-gradient(top, #eaeaea, #9e9e9e);
background: -o-linear-gradient(top, #eaeaea, #9e9e9e);
background-color: #9e9e9e;
color: #000;
}
.i-mobile account my-bets .acc-table .table-body > div .btn-container .btn-confirm-container .confirm {
border-right: 1px solid black;
}
.i-mobile account my-bets .acc-table .table-body > div .table-content {
display: flex;
background-color: #333333;
margin-bottom: 1px;
min-height: 60px;
width: 100%;
}
.i-mobile account my-bets .acc-table .table-body > div .table-content > div {
display: flex;
justify-content: center;
align-items: center;
min-height: 60px;
border-right: 1px solid #040404;
text-align: center;
font-weight: 700;
}
.i-mobile account my-bets .acc-table .table-body > div .table-content > div:nth-child(1) {
padding: 0 5px;
font-size: 12px;
}
.i-mobile account my-bets .acc-table .table-body > div .table-content > div:nth-child(2) {
padding: 0 5px;
}
.i-mobile account my-bets .acc-table .table-body > div .table-content > div:nth-child(4) {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-right: 0;
text-transform: uppercase;
}
.i-mobile account my-bets .acc-table .table-body > div .table-content > div:nth-child(4) > div:first-child {
text-overflow: ellipsis;
width: 90%;
overflow: hidden;
white-space: nowrap;
}
.i-mobile account my-bets .acc-table .table-body > div .table-content > div:nth-child(4) > div:last-child {
font-size: 11px;
position: absolute;
bottom: 0;
height: 14px;
width: 24px;
background-color: black;
color: #fff;
}
.i-mobile account my-bets .acc-table .table-body > div .table-content > div:nth-child(4) > div:last-child .fa {
display: flex;
justify-content: center;
align-items: flex-end;
height: 100%;
}
.i-mobile account my-bets .acc-table .table-body > div .table-content > div:nth-child(5) {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-right: 0;
text-transform: uppercase;
width: 25%;
}
.i-mobile account my-bets .acc-table .table-body > div .table-content > div:nth-child(5) > div:first-child {
text-overflow: ellipsis;
width: 90%;
overflow: hidden;
white-space: nowrap;
}
.i-mobile account my-bets .acc-table .table-body > div .table-content > div:nth-child(5) > div:last-child {
font-size: 11px;
position: absolute;
bottom: 0;
height: 14px;
width: 24px;
background-color: black;
color: #fff;
}
.i-mobile account my-bets .acc-table .table-body > div .table-content > div:nth-child(5) > div:last-child .fa {
display: flex;
justify-content: center;
align-items: flex-end;
height: 100%;
}
.i-mobile account slots spinner {
position: fixed;
height: calc(100vh - 60px);
top: 60px;
background: rgba(0, 0, 0, 0.5);
}
.i-mobile account slots .my-bets > div {
width: 100%;
height: 100%;
margin-left: 0;
}
.i-mobile account slots .acc-table .table-header > div:nth-child(1),
.i-mobile account slots .slots-table .table-header > div:nth-child(1),
.i-mobile account slots .acc-table .table-content > div:nth-child(1),
.i-mobile account slots .slots-table .table-content > div:nth-child(1),
.i-mobile account slots .acc-table .table-footer > div:nth-child(1),
.i-mobile account slots .slots-table .table-footer > div:nth-child(1) {
width: 23%;
}
.i-mobile account slots .acc-table .table-header > div:nth-child(2),
.i-mobile account slots .slots-table .table-header > div:nth-child(2),
.i-mobile account slots .acc-table .table-content > div:nth-child(2),
.i-mobile account slots .slots-table .table-content > div:nth-child(2),
.i-mobile account slots .acc-table .table-footer > div:nth-child(2),
.i-mobile account slots .slots-table .table-footer > div:nth-child(2) {
width: 23%;
min-width: 105px;
}
.i-mobile account slots .acc-table .table-header > div:nth-child(3),
.i-mobile account slots .slots-table .table-header > div:nth-child(3),
.i-mobile account slots .acc-table .table-content > div:nth-child(3),
.i-mobile account slots .slots-table .table-content > div:nth-child(3),
.i-mobile account slots .acc-table .table-footer > div:nth-child(3),
.i-mobile account slots .slots-table .table-footer > div:nth-child(3) {
width: 23%;
min-width: 56px;
}
.i-mobile account slots .acc-table .table-header > div:nth-child(4),
.i-mobile account slots .slots-table .table-header > div:nth-child(4),
.i-mobile account slots .acc-table .table-content > div:nth-child(4),
.i-mobile account slots .slots-table .table-content > div:nth-child(4),
.i-mobile account slots .acc-table .table-footer > div:nth-child(4),
.i-mobile account slots .slots-table .table-footer > div:nth-child(4) {
width: 23%;
min-width: 56px;
}
.i-mobile account slots .acc-table .table-header > div:nth-child(5),
.i-mobile account slots .slots-table .table-header > div:nth-child(5),
.i-mobile account slots .acc-table .table-content > div:nth-child(5),
.i-mobile account slots .slots-table .table-content > div:nth-child(5),
.i-mobile account slots .acc-table .table-footer > div:nth-child(5),
.i-mobile account slots .slots-table .table-footer > div:nth-child(5) {
width: 8%;
min-width: 56px;
}
.i-mobile account slots .acc-table .table-header,
.i-mobile account slots .slots-table .table-header {
display: flex;
text-align: center;
font-size: 10px;
line-height: 27px;
background-color: #4d4d4d;
font-weight: normal;
text-transform: uppercase;
color: #9e9e9e;
font-weight: bold;
padding: 0 10px 0 1px;
}
.i-mobile account slots .acc-table .table-header .checkbox-container,
.i-mobile account slots .slots-table .table-header .checkbox-container {
width: 36px !important;
align-items: center;
display: flex;
justify-content: center;
}
.i-mobile account slots .acc-table .table-header .checkbox-container .checkbox-name,
.i-mobile account slots .slots-table .table-header .checkbox-container .checkbox-name {
justify-content: center;
align-items: center;
min-width: 18px;
height: 18px;
background-color: #fff;
border-radius: 3px;
color: #000;
}
.i-mobile account slots .acc-table .table-header .checkbox-container .checkbox-name .checkbox-symbol,
.i-mobile account slots .slots-table .table-header .checkbox-container .checkbox-name .checkbox-symbol {
font-size: 12px;
transform: translateY(-5px);
}
.i-mobile account slots .acc-table .table-body,
.i-mobile account slots .slots-table .table-body {
margin: 2px;
}
.i-mobile account slots .acc-table .table-body > div .table-content,
.i-mobile account slots .slots-table .table-body > div .table-content {
display: flex;
background-color: #4d4d4d;
margin-bottom: 1px;
min-height: 60px;
width: 100%;
word-break: break-word;
}
.i-mobile account slots .acc-table .table-body > div .table-content .checkbox-container,
.i-mobile account slots .slots-table .table-body > div .table-content .checkbox-container {
width: 34px !important;
align-items: center;
display: flex;
justify-content: center;
}
.i-mobile account slots .acc-table .table-body > div .table-content .checkbox-container .checkbox-name,
.i-mobile account slots .slots-table .table-body > div .table-content .checkbox-container .checkbox-name {
justify-content: center;
align-items: center;
min-width: 18px;
height: 18px;
background-color: #fff;
border-radius: 3px;
color: #000;
}
.i-mobile account slots .acc-table .table-body > div .table-content .checkbox-container .checkbox-name .checkbox-symbol,
.i-mobile account slots .slots-table .table-body > div .table-content .checkbox-container .checkbox-name .checkbox-symbol {
transform: translateY(-4px);
}
.i-mobile account slots .acc-table .table-body > div .table-content > div,
.i-mobile account slots .slots-table .table-body > div .table-content > div {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.i-mobile account slots .acc-table .table-body > div .table-content > div:not(:last-child),
.i-mobile account slots .slots-table .table-body > div .table-content > div:not(:last-child) {
border-right: 1px solid #040404;
}
.i-mobile account slots .acc-table .table-footer,
.i-mobile account slots .slots-table .table-footer {
margin: 2px;
display: flex;
text-align: center;
line-height: 40px;
}
.i-mobile account slots .acc-table .table-footer > div,
.i-mobile account slots .slots-table .table-footer > div {
background-color: #464646;
}
.i-mobile account balance-sheet .acc-table .table-header > div:nth-child(1),
.i-mobile account slots .acc-table .table-header > div:nth-child(1),
.i-mobile account balance-sheet .slots-table .table-header > div:nth-child(1),
.i-mobile account slots .slots-table .table-header > div:nth-child(1),
.i-mobile account balance-sheet .acc-table .table-content > div:nth-child(1),
.i-mobile account slots .acc-table .table-content > div:nth-child(1),
.i-mobile account balance-sheet .slots-table .table-content > div:nth-child(1),
.i-mobile account slots .slots-table .table-content > div:nth-child(1),
.i-mobile account balance-sheet .acc-table .table-footer > div:nth-child(1),
.i-mobile account slots .acc-table .table-footer > div:nth-child(1),
.i-mobile account balance-sheet .slots-table .table-footer > div:nth-child(1),
.i-mobile account slots .slots-table .table-footer > div:nth-child(1) {
width: 35%;
}
.i-mobile account balance-sheet .acc-table .table-header > div:nth-child(2),
.i-mobile account slots .acc-table .table-header > div:nth-child(2),
.i-mobile account balance-sheet .slots-table .table-header > div:nth-child(2),
.i-mobile account slots .slots-table .table-header > div:nth-child(2),
.i-mobile account balance-sheet .acc-table .table-content > div:nth-child(2),
.i-mobile account slots .acc-table .table-content > div:nth-child(2),
.i-mobile account balance-sheet .slots-table .table-content > div:nth-child(2),
.i-mobile account slots .slots-table .table-content > div:nth-child(2),
.i-mobile account balance-sheet .acc-table .table-footer > div:nth-child(2),
.i-mobile account slots .acc-table .table-footer > div:nth-child(2),
.i-mobile account balance-sheet .slots-table .table-footer > div:nth-child(2),
.i-mobile account slots .slots-table .table-footer > div:nth-child(2) {
width: 40%;
min-width: 120px;
}
.i-mobile account balance-sheet .acc-table .table-header > div:nth-child(3),
.i-mobile account slots .acc-table .table-header > div:nth-child(3),
.i-mobile account balance-sheet .slots-table .table-header > div:nth-child(3),
.i-mobile account slots .slots-table .table-header > div:nth-child(3),
.i-mobile account balance-sheet .acc-table .table-content > div:nth-child(3),
.i-mobile account slots .acc-table .table-content > div:nth-child(3),
.i-mobile account balance-sheet .slots-table .table-content > div:nth-child(3),
.i-mobile account slots .slots-table .table-content > div:nth-child(3),
.i-mobile account balance-sheet .acc-table .table-footer > div:nth-child(3),
.i-mobile account slots .acc-table .table-footer > div:nth-child(3),
.i-mobile account balance-sheet .slots-table .table-footer > div:nth-child(3),
.i-mobile account slots .slots-table .table-footer > div:nth-child(3) {
width: 35%;
}
.i-mobile account balance-sheet .acc-table .table-header > div:nth-child(4),
.i-mobile account slots .acc-table .table-header > div:nth-child(4),
.i-mobile account balance-sheet .slots-table .table-header > div:nth-child(4),
.i-mobile account slots .slots-table .table-header > div:nth-child(4),
.i-mobile account balance-sheet .acc-table .table-content > div:nth-child(4),
.i-mobile account slots .acc-table .table-content > div:nth-child(4),
.i-mobile account balance-sheet .slots-table .table-content > div:nth-child(4),
.i-mobile account slots .slots-table .table-content > div:nth-child(4),
.i-mobile account balance-sheet .acc-table .table-footer > div:nth-child(4),
.i-mobile account slots .acc-table .table-footer > div:nth-child(4),
.i-mobile account balance-sheet .slots-table .table-footer > div:nth-child(4),
.i-mobile account slots .slots-table .table-footer > div:nth-child(4) {
width: 29%;
border-right: 0;
}
.i-mobile account balance-sheet .acc-table .table-header .flex-direction,
.i-mobile account slots .acc-table .table-header .flex-direction,
.i-mobile account balance-sheet .slots-table .table-header .flex-direction,
.i-mobile account slots .slots-table .table-header .flex-direction,
.i-mobile account balance-sheet .acc-table .table-content .flex-direction,
.i-mobile account slots .acc-table .table-content .flex-direction,
.i-mobile account balance-sheet .slots-table .table-content .flex-direction,
.i-mobile account slots .slots-table .table-content .flex-direction,
.i-mobile account balance-sheet .acc-table .table-footer .flex-direction,
.i-mobile account slots .acc-table .table-footer .flex-direction,
.i-mobile account balance-sheet .slots-table .table-footer .flex-direction,
.i-mobile account slots .slots-table .table-footer .flex-direction {
flex-direction: column;
}
.i-mobile account balance-sheet .acc-table .table-header,
.i-mobile account slots .acc-table .table-header,
.i-mobile account balance-sheet .slots-table .table-header,
.i-mobile account slots .slots-table .table-header {
display: flex;
text-align: center;
font-size: 10px;
line-height: 27px;
background: #656565;
font-weight: normal;
text-transform: uppercase;
color: #fff;
font-weight: bold;
padding: 0 10px;
}
.i-mobile account balance-sheet .acc-table .table-body,
.i-mobile account slots .acc-table .table-body,
.i-mobile account balance-sheet .slots-table .table-body,
.i-mobile account slots .slots-table .table-body {
margin: 5px;
}
.i-mobile account balance-sheet .acc-table .table-body > div,
.i-mobile account slots .acc-table .table-body > div,
.i-mobile account balance-sheet .slots-table .table-body > div,
.i-mobile account slots .slots-table .table-body > div {
font-size: 15px;
}
.i-mobile account balance-sheet .acc-table .table-body > div .tickets,
.i-mobile account slots .acc-table .table-body > div .tickets,
.i-mobile account balance-sheet .slots-table .table-body > div .tickets,
.i-mobile account slots .slots-table .table-body > div .tickets {
display: flex;
justify-content: center;
align-items: stretch;
background-color: #fff;
color: #040404;
min-height: 40px;
margin-bottom: 1px;
width: 100%;
font-size: 11px;
}
.i-mobile account balance-sheet .acc-table .table-body > div .tickets > div,
.i-mobile account slots .acc-table .table-body > div .tickets > div,
.i-mobile account balance-sheet .slots-table .table-body > div .tickets > div,
.i-mobile account slots .slots-table .table-body > div .tickets > div {
display: flex;
justify-content: center;
align-items: center;
border-right: 1px solid black;
font-weight: 600;
padding: 1px 5px 3px 5px;
text-align: center;
}
.i-mobile account balance-sheet .acc-table .table-body > div .tickets > div:nth-child(2),
.i-mobile account slots .acc-table .table-body > div .tickets > div:nth-child(2),
.i-mobile account balance-sheet .slots-table .table-body > div .tickets > div:nth-child(2),
.i-mobile account slots .slots-table .table-body > div .tickets > div:nth-child(2) {
text-align: left;
}
.i-mobile account balance-sheet .acc-table .table-body > div .tickets > div:nth-child(3),
.i-mobile account slots .acc-table .table-body > div .tickets > div:nth-child(3),
.i-mobile account balance-sheet .slots-table .table-body > div .tickets > div:nth-child(3),
.i-mobile account slots .slots-table .table-body > div .tickets > div:nth-child(3) {
border-right: 0;
}
.i-mobile account balance-sheet .acc-table .table-body > div .table-content,
.i-mobile account slots .acc-table .table-body > div .table-content,
.i-mobile account balance-sheet .slots-table .table-body > div .table-content,
.i-mobile account slots .slots-table .table-body > div .table-content {
display: flex;
background: #333333;
font-size: 12px;
margin-bottom: 1px;
min-height: 60px;
width: 100%;
}
.i-mobile account balance-sheet .acc-table .table-body > div .table-content > div,
.i-mobile account slots .acc-table .table-body > div .table-content > div,
.i-mobile account balance-sheet .slots-table .table-body > div .table-content > div,
.i-mobile account slots .slots-table .table-body > div .table-content > div {
display: flex;
justify-content: center;
align-items: center;
min-height: 60px;
border-right: 1px solid #040404;
padding: 0 5px;
word-break: break-word;
text-align: center;
}
.i-mobile account balance-sheet .acc-table .table-body > div .table-content > div:nth-child(1),
.i-mobile account slots .acc-table .table-body > div .table-content > div:nth-child(1),
.i-mobile account balance-sheet .slots-table .table-body > div .table-content > div:nth-child(1),
.i-mobile account slots .slots-table .table-body > div .table-content > div:nth-child(1) {
font-size: 12px;
}
.i-mobile account balance-sheet .acc-table .table-footer,
.i-mobile account slots .acc-table .table-footer,
.i-mobile account balance-sheet .slots-table .table-footer,
.i-mobile account slots .slots-table .table-footer {
margin: 5px;
display: flex;
text-align: center;
line-height: 40px;
background-color: #656565;
}
.i-mobile account balance-sheet .acc-table .table-footer > div,
.i-mobile account slots .acc-table .table-footer > div,
.i-mobile account balance-sheet .slots-table .table-footer > div,
.i-mobile account slots .slots-table .table-footer > div {
border-right: 1px solid #040404;
}
.i-mobile betslip {
margin-left: 0;
position: inherit;
top: 0;
width: 100%;
}
.i-mobile betslip .header-body {
width: 100%;
}
.i-mobile betslip .btn-place {
position: fixed;
bottom: 0;
width: calc(100vw - 10px);
}
.i-mobile betslip .betslip {
width: 100%;
z-index: 10;
background: #1c1e21;
width: -webkit-fill-available;
position: absolute;
margin: 0 5px;
overflow: hidden;
}
.i-mobile betslip #betslip-tabs {
margin-top: 40px;
}
.i-mobile betslip .header,
.i-mobile betslip .title-betslip {
position: fixed;
width: calc(100vw - 10px);
z-index: 1;
}
.i-mobile betslip .tabs .tab {
padding: 13px 0;
}
.i-mobile betslip .footer {
height: 41px;
}
.i-mobile betslip .content::-webkit-scrollbar {
width: 0;
}
.i-mobile betslip .full-content-scroll {
width: calc(100vw - 10px);
margin-bottom: 5px;
padding-bottom: 55px;
}
.i-mobile betslip .title-betslip {
margin: 0;
}
.i-mobile betslip .title-betslip .fa {
margin: 0 20px !important;
}
.i-mobile betslip .tickets-container {
height: calc(100vh - 100px);
overflow: auto;
position: fixed;
width: calc(100vw - 10px);
margin-top: 40px;
}
.i-mobile betslip switcher {
display: none;
}
.i-mobile deposit-jambopay,
.i-mobile withdraw-jambopay {
color: white;
font-size: 20px;
}
.i-mobile deposit-jambopay input[type=number]::-webkit-inner-spin-button,
.i-mobile withdraw-jambopay input[type=number]::-webkit-inner-spin-button,
.i-mobile deposit-jambopay input[type=number]::-webkit-outer-spin-button,
.i-mobile withdraw-jambopay input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.i-mobile deposit-jambopay .d-none,
.i-mobile withdraw-jambopay .d-none {
display: none;
}
.i-mobile deposit-jambopay .method .text,
.i-mobile withdraw-jambopay .method .text {
font-size: 20px;
}
.i-mobile deposit-jambopay .mobile-withdraw,
.i-mobile withdraw-jambopay .mobile-withdraw {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.i-mobile deposit-jambopay .mobile-withdraw .info-about-withdraw,
.i-mobile withdraw-jambopay .mobile-withdraw .info-about-withdraw {
padding: 0 0 30px 0;
}
.i-mobile deposit-jambopay .mobile-withdraw .error,
.i-mobile withdraw-jambopay .mobile-withdraw .error {
font-size: 15px;
padding-bottom: 10px;
color: red;
}
.i-mobile deposit-jambopay .mobile-withdraw input,
.i-mobile withdraw-jambopay .mobile-withdraw input {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
.i-mobile deposit-jambopay .mobile-withdraw .button,
.i-mobile withdraw-jambopay .mobile-withdraw .button {
cursor: pointer;
width: 100%;
background: linear-gradient(#F6C811, #DE9203);
border: none;
color: black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
font-weight: 600;
border-radius: 3px;
}
.i-mobile deposit-jambopay .mobile-deposit,
.i-mobile withdraw-jambopay .mobile-deposit {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.i-mobile deposit-jambopay .mobile-deposit .info-about-deposit,
.i-mobile withdraw-jambopay .mobile-deposit .info-about-deposit {
padding: 0 0 30px 0;
}
.i-mobile deposit-jambopay .mobile-deposit .error,
.i-mobile withdraw-jambopay .mobile-deposit .error {
font-size: 15px;
padding-bottom: 10px;
color: red;
}
.i-mobile deposit-jambopay .mobile-deposit input,
.i-mobile withdraw-jambopay .mobile-deposit input {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
.i-mobile deposit-jambopay .mobile-deposit .button,
.i-mobile withdraw-jambopay .mobile-deposit .button {
cursor: pointer;
width: 100%;
background: linear-gradient(#F6C811, #DE9203);
border: none;
color: black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
font-weight: 600;
border-radius: 3px;
}
.i-mobile deposit-jambopay .payment-info,
.i-mobile withdraw-jambopay .payment-info {
font-size: 17px;
width: 90%;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}
.i-mobile deposit,
.i-mobile withdraw {
color: white;
}
.i-mobile deposit .header,
.i-mobile withdraw .header {
color: white;
}
.i-mobile deposit .body,
.i-mobile withdraw .body {
width: 97%;
font-size: 15px;
margin: 5px 10px;
}
.i-mobile deposit .body .body-header,
.i-mobile withdraw .body .body-header {
display: flex;
flex-direction: row;
font-size: 20px;
font-weight: bold;
margin-left: 180px;
}
.i-mobile deposit .body .icon,
.i-mobile withdraw .body .icon {
min-height: 50px;
cursor: pointer;
width: 142px;
margin-left: auto;
margin-right: auto;
}
.i-mobile deposit .body .body-container,
.i-mobile withdraw .body .body-container {
display: grid;
grid-template-columns: 4fr 7fr;
justify-content: space-around;
align-items: center;
}
.i-mobile deposit .withdraw-description,
.i-mobile withdraw .withdraw-description {
margin: 10px;
}
.i-mobile .page-content.day header .bbw-logo .site-logo {
background-image: url(/assets/img/logo_dark.png);
}
.i-mobile .page-content.night header .bbw-logo .site-logo {
background-image: url(/assets/img/logo_dark.png);
}
.i-mobile header {
color: black;
display: flex;
height: 60px;
width: 100vw;
background: linear-gradient(#2d2d2d, #000000);
position: fixed;
z-index: 4990;
top: 0;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.i-mobile header .bbw-logo {
display: flex;
justify-content: flex-end;
width: 83%;
}
.i-mobile header .bbw-logo .site-logo {
display: block;
background-repeat: no-repeat, no-repeat;
background-size: contain;
background-position: left;
width: 100%;
height: 40px;
}
.i-mobile header .bbw-logo > i {
display: none;
}
.i-mobile header .container-notifications {
position: absolute;
top: 37px;
margin-left: -212px;
max-height: 200px;
overflow: auto;
border: 1px solid black;
min-width: 250px;
z-index: 2;
}
.i-mobile header .container-notifications .notifications,
.i-mobile header .container-notifications .show-more,
.i-mobile header .container-notifications .no-new-notifications {
padding: 7px;
border-top: 1px solid black;
background-color: #4d4d4d;
}
.i-mobile header .container-notifications .notifications .contaiener-flex .date,
.i-mobile header .container-notifications .show-more .contaiener-flex .date,
.i-mobile header .container-notifications .no-new-notifications .contaiener-flex .date {
margin-bottom: 4px;
}
.i-mobile header .container-notifications .notifications .contaiener-flex .description.accepted,
.i-mobile header .container-notifications .show-more .contaiener-flex .description.accepted,
.i-mobile header .container-notifications .no-new-notifications .contaiener-flex .description.accepted,
.i-mobile header .container-notifications .notifications .contaiener-flex .description.deposit,
.i-mobile header .container-notifications .show-more .contaiener-flex .description.deposit,
.i-mobile header .container-notifications .no-new-notifications .contaiener-flex .description.deposit {
color: #1df91d;
}
.i-mobile header .container-notifications .notifications .contaiener-flex .description.rejected,
.i-mobile header .container-notifications .show-more .contaiener-flex .description.rejected,
.i-mobile header .container-notifications .no-new-notifications .contaiener-flex .description.rejected,
.i-mobile header .container-notifications .notifications .contaiener-flex .description.reverse,
.i-mobile header .container-notifications .show-more .contaiener-flex .description.reverse,
.i-mobile header .container-notifications .no-new-notifications .contaiener-flex .description.reverse {
color: red;
}
.i-mobile header .container-notifications .no-new-notifications {
text-align: center;
}
.i-mobile header .container-notifications .show-more {
text-align: center;
cursor: pointer;
text-transform: uppercase;
}
.i-mobile header .fa-money {
font-size: 20px !important;
color: white !important;
background: none !important;
height: 40px !important;
margin-right: 0px !important;
margin-top: 10px !important;
}
.i-mobile header .mobile-deposit-btn {
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
width: 40px;
}
.i-mobile header .mobile-deposit-btn .mobile-deposit-img {
width: 25px;
margin-bottom: 2px;
}
.i-mobile header .bell {
cursor: pointer;
z-index: 1000;
position: relative;
}
.i-mobile header .bell .fa-bell-o {
font-size: 20px !important;
height: 40px !important;
color: white !important;
background: none !important;
border-radius: 0 !important;
margin-right: 0 !important;
margin-top: 10px !important;
border-left: 1px solid #36333b;
}
.i-mobile header .bell .notification-count {
position: absolute;
top: 28px;
width: 15px;
height: 14px;
background: red;
text-align: -webkit-center;
border-radius: 50%;
justify-content: center;
font-size: 11px;
display: flex;
color: white;
margin-left: 22px;
}
.i-mobile header .bell .notification-count .count {
justify-content: center;
display: flex;
align-items: flex-end;
}
.i-mobile header .my-bets {
display: none !important;
}
.i-mobile header .additional-info {
display: flex;
}
.i-mobile header .additional-info .quick-search {
display: none;
}
.i-mobile header .additional-info .account {
display: flex;
width: 100%;
justify-content: space-between;
}
.i-mobile header .additional-info .account .balance {
background: none;
}
.i-mobile header .additional-info .account .balance .balance-bonus {
color: goldenrod;
}
.i-mobile header .additional-info .fa-user {
background: none;
color: white;
}
.i-mobile header .additional-info .period {
display: flex;
align-items: center;
padding-left: 2px;
}
.i-mobile header > div {
align-items: center;
}
.i-mobile header .fa {
display: flex;
justify-content: center;
align-items: center;
font-size: 25px;
width: 40px;
color: #9e9e9e;
background: #fff;
height: 40px;
margin-right: 5px;
margin-top: 1px;
}
.i-mobile header > div:first-child {
display: flex;
}
.i-mobile header > div:last-child {
display: flex;
justify-content: flex-end;
}
.i-mobile header > div:last-child > div {
display: flex;
}
.i-mobile header .balance {
display: flex;
flex-direction: column;
justify-content: center;
background: #d21c2d;
color: #fff;
height: 40px;
width: 55px;
margin-top: 1px;
text-transform: uppercase;
border-left: 1px solid #36333b;
}
.i-mobile header .balance > div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
white-space: nowrap;
}
.i-mobile header .balance > div:first-child {
font-size: 11px;
}
.i-mobile header .balance:focus {
outline: none;
}
.i-mobile header .btn-login {
display: flex;
align-items: center;
background-color: #d21c2d;
color: #fff;
font-weight: 700;
padding: 0 10px;
text-align: center;
text-transform: uppercase;
height: 40px;
margin-top: 1px;
}
.i-mobile header .btn-logout {
min-width: 40px;
border-left: 1px solid #36333b;
margin-right: 5px;
background: none;
color: white;
}
.i-mobile header .btn-menu {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-size: 25px;
height: 100%;
min-width: 60px;
margin-right: 5px;
color: #e2e2e2;
}
.i-mobile header .btn-menu .icon-bar {
background: #e2e2e2;
width: 22px;
height: 4px;
margin: 2px 0;
}
.i-mobile header .btn-menu .icon-bar:first-child {
margin-top: 4px;
}
.i-mobile header .btn-menu .icon-bar:last-child {
margin-bottom: 4px;
}
.i-mobile header .site-logo {
display: none;
}
.i-mobile login {
background-color: #040404;
height: calc(100vh - 60px);
left: 0;
position: fixed;
top: 60px;
width: 100vw;
z-index: 1004;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.i-mobile login .show-hide-password {
color: #888;
position: absolute;
transform: translate(-35px, 1px);
cursor: pointer;
padding: 7px;
font-size: 16px;
}
.i-mobile login.day {
background: #e7e7e7;
}
.i-mobile login.day .login-form .input-title {
color: black;
}
.i-mobile login.day .login-form input {
border: 1px solid black;
}
.i-mobile login .error-message {
color: red;
text-align: center;
}
.i-mobile login .header {
display: none;
align-items: center;
background: #181d47;
font-size: 24px;
height: 60px;
justify-content: space-between;
padding: 0px 10px;
}
.i-mobile login .header .title {
text-transform: uppercase;
}
.i-mobile login .login-form {
align-items: center;
display: flex;
flex-direction: column;
font-size: 16px;
padding: 0 10px;
}
.i-mobile login .login-form > div {
margin-top: 8px;
width: 100%;
}
.i-mobile login .login-form .btn-login {
background: linear-gradient(#20BF00, #168400);
color: #fff;
margin-top: 12px;
padding: 10px;
text-align: center;
text-transform: uppercase;
}
.i-mobile login input {
border: none;
padding: 8px;
width: 100%;
}
.i-mobile login .input-title {
font-weight: 700;
margin-bottom: 5px;
}
.i-mobile my-account .table-details > div:nth-child(1),
.i-mobile my-account .table-details > div:nth-child(2),
.i-mobile my-account .table-details > div:nth-child(3),
.i-mobile my-account .table-details > div:nth-child(4),
.i-mobile my-account .table-details > div:nth-child(5),
.i-mobile my-account .table-details > div:nth-child(6),
.i-mobile my-account .table-details > div:nth-child(7),
.i-mobile my-account .table-details > div:nth-child(8),
.i-mobile my-account .table-details > div:nth-child(9),
.i-mobile my-account .table-details > div:nth-child(10) {
display: none;
}
.i-mobile my-account .table-details > div .phone-underline {
font-weight: 600;
text-decoration: underline;
cursor: pointer;
}
.i-mobile my-account .table-details .close-phone-field {
position: absolute;
transform: translate(-15px, 5px);
color: black;
}
.i-mobile my-account .table-details .btn-phone {
margin-top: 10px;
}
.i-mobile my-account .header,
.i-mobile withdraw-shop .header {
display: none;
}
.i-mobile my-account .btn-confirm,
.i-mobile withdraw-shop .btn-confirm {
margin: auto;
margin-top: 0;
background: linear-gradient(#F7F7F7, #CCCCCC);
font-weight: 500;
color: #040404;
}
.i-mobile my-account input,
.i-mobile withdraw-shop input {
width: 100%;
}
.i-mobile my-account h4,
.i-mobile withdraw-shop h4 {
padding: 0 10px;
margin: 0 0 10px 0;
}
.i-mobile my-account .table,
.i-mobile withdraw-shop .table {
margin: 0;
padding: 0 10px 10px 10px;
}
.i-mobile my-account .table > div,
.i-mobile withdraw-shop .table > div {
display: flex;
margin-bottom: 1px;
}
.i-mobile my-account .table > div > div,
.i-mobile withdraw-shop .table > div > div {
background-color: #656565;
color: #fff;
padding: 5px 10px;
width: 40%;
}
.i-mobile my-account .table > div > div:last-child,
.i-mobile withdraw-shop .table > div > div:last-child {
margin-left: 1px;
width: 60%;
}
.i-mobile my-account .message,
.i-mobile withdraw-shop .message {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
left: 0;
top: 0;
}
.i-mobile my-account .message > div,
.i-mobile withdraw-shop .message > div {
background: #fff;
color: black;
padding: 30px;
}
.i-mobile my-account .message > div > div,
.i-mobile withdraw-shop .message > div > div {
padding: 10px;
}
.i-mobile my-account .message > div .header,
.i-mobile withdraw-shop .message > div .header {
padding: 0;
font-weight: 300;
text-transform: uppercase;
font-size: 36px;
border-bottom: 1px solid black;
}
.i-mobile my-account .message > div .btn-confirm,
.i-mobile withdraw-shop .message > div .btn-confirm {
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
height: 56px;
width: 186px;
font-size: 16px;
color: #fff;
}
.i-mobile .page-content.day {
background: #e7e7e7;
}
.i-mobile .page-content.day header {
background: linear-gradient(#646464, #4f4f4f);
}
.i-mobile .page-content.day .title-betslip {
background: linear-gradient(#646464, #4f4f4f);
}
.i-mobile .page-content.day .live-offline-navigator,
.i-mobile .page-content.day .navigation-toolbar {
border: 5px solid #e7e7e7;
background: linear-gradient(#8f8f8f, #7b7b7b);
}
.i-mobile .page-content.day .navigation-toolbar input {
background: #e7e7e7;
color: black;
}
.i-mobile .page-content.day .navigation-toolbar .cl-btn-7 {
background: transparent;
margin-bottom: 1px;
}
.i-mobile .page-content.day .navigation-toolbar .cl-btn-7:before {
color: black;
}
.i-mobile .page-content.day sportsbook-event .event-info,
.i-mobile .page-content.day calendar-event .event-info {
background: #cccccc;
color: black;
}
.i-mobile .page-content.day sportsbook-event .event-info .time,
.i-mobile .page-content.day calendar-event .event-info .time,
.i-mobile .page-content.day sportsbook-event .event-info .players,
.i-mobile .page-content.day calendar-event .event-info .players {
background: #cccccc;
color: black;
}
.i-mobile .page-content.day sportsbook-event .odds-btn,
.i-mobile .page-content.day calendar-event .odds-btn {
background: #646464;
color: white;
}
.i-mobile .page-content.day sportsbook-event .mini-statistics,
.i-mobile .page-content.day calendar-event .mini-statistics {
background: #4f4f4f;
}
.i-mobile .page-content.day sportsbook-event .event-info .stat-btn.active,
.i-mobile .page-content.day calendar-event .event-info .stat-btn.active {
color: #168400;
}
.i-mobile .page-content.day sportsbook-event .mini-statistics,
.i-mobile .page-content.day calendar-event .mini-statistics {
background: #4f4f4f;
}
.i-mobile .page-content.day sportsbook-filter .filter:not(.selected) {
background: linear-gradient(#8f8f8f, #7b7b7b);
}
.i-mobile .page-content.day sportsbook-tree {
background: #e7e7e7;
}
.i-mobile .page-content.day sportsbook-tree .element {
background: linear-gradient(#8f8f8f, #7b7b7b);
}
.i-mobile .page-content.day sportsbook-league .header {
color: black;
}
.i-mobile .page-content.day sportsbook-league .header .filter-container .header .bettypes-container {
color: white;
}
.i-mobile .page-content.day account .page-content {
background: #e7e7e7;
}
.i-mobile .page-content.day account .btn-close {
background: linear-gradient(#8f8f8f, #7b7b7b);
color: white;
}
.i-mobile .page-content.day account my-account h4 {
color: black;
}
.i-mobile .page-content.day account my-account .btn-confirm {
background: linear-gradient(#8f8f8f, #7b7b7b);
color: white;
}
.i-mobile .page-content.day account my-account .table > div > div,
.i-mobile .page-content.day account withdraw .table > div > div {
background: #cccccc;
color: black;
}
.i-mobile .page-content.day account my-bets .acc-table .table-body > div .table-content {
background: linear-gradient(#8f8f8f, #7b7b7b);
}
.i-mobile .page-content.day account .additional-descriptions {
background: linear-gradient(#646464, #4f4f4f);
padding: 5px;
}
.i-mobile .page-content.day account balance-sheet .acc-table .table-body > div .table-content {
background: linear-gradient(#8f8f8f, #7b7b7b);
}
.i-mobile .page-content.day account deposit-jambopay,
.i-mobile .page-content.day account withdraw-jambopay,
.i-mobile .page-content.day account send-money {
color: black;
}
.i-mobile .page-content.day account notifications .tab:not(.selected) {
background: linear-gradient(#8f8f8f, #7b7b7b);
color: white;
}
.i-mobile .page-content.day live-betting overview .function-container > div {
background: linear-gradient(#646464, #4f4f4f);
}
.i-mobile .page-content.day live-betting overview .function-container > div.active {
background: linear-gradient(#F6C811, #DE9203);
}
.i-mobile .page-content.day live-betting overview overview-sport .header {
background: linear-gradient(#8f8f8f, #7b7b7b);
}
.i-mobile .page-content.day live-betting overview overview-event .event {
background: #cccccc;
color: black;
}
.i-mobile .page-content.day live-betting overview overview-event .event .bottom-part .block {
color: black;
}
.i-mobile .page-content.day live-betting overview overview-event .event .bottom-part .block.active {
color: #de9203;
}
.i-mobile .page-content.day live-betting overview overview-event .bettype .odd {
background: linear-gradient(#646464, #4f4f4f);
color: white;
}
.i-mobile .page-content.day live-betting overview overview-event .odds-count {
background: #646464;
color: white;
}
.i-mobile .page-content.day live-betting single-view .btn-nav {
background: #e7e7e7;
}
.i-mobile .page-content.day live-betting sport-widget .panel {
background: #cccccc;
color: black;
}
.i-mobile .page-content.day live-betting single-view-event-score .score {
background: #646464;
}
.i-mobile .page-content.day live-betting single-view-event-bettype .bettype-header .bettype-name,
.i-mobile .page-content.day live-betting single-view-event-bettype .bettype-header .bettype-switcher {
background: linear-gradient(#8f8f8f, #7b7b7b);
color: white;
}
.i-mobile .page-content.day live-betting single-view-event-bettype .odds-container .odd {
background: linear-gradient(#646464, #4f4f4f);
color: white;
}
.i-mobile .page-content.day live-betting single-view-event > div {
color: black;
}
.i-mobile .page-content.day betslip .betslip {
background: #656565;
}
.i-mobile .page-content.day betslip .btn-betslip {
background: linear-gradient(#20BF00, #168400);
}
.i-mobile .page-content.day betslip .header {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.i-mobile .page-content.day sportsbook-event .event.longterm .event-info {
border-bottom: 0;
}
.i-mobile .page-content.day sportsbook-event .event.longterm .event-info .time,
.i-mobile .page-content.day sportsbook-event .event.longterm .event-info .players {
background: #cccccc;
color: black;
}
.i-mobile .page-content.day sportsbook-event .event.longterm .odds-btn {
background: #646464;
color: white;
}
.i-mobile .page-content.day sportsbook-event .odds-container .odd,
.i-mobile .page-content.day calendar-event .odds-container .odd {
background: linear-gradient(#646464, #4f4f4f);
color: white;
}
.i-mobile .page-content.day sportsbook-event-bettype .bettype-header {
background: #cccccc;
color: black;
}
.i-mobile .page-content.day sportsbook-navigator .nav-btn > div:last-child {
background: #8a8a8a;
}
.i-mobile .page-content.day sportsbook-navigator .nav-btn #triangle_left {
border-right: 10px solid #8a8a8a;
}
.i-mobile .page-content.day sportsbook-navigator > div.path .item {
background: #8a8a8a;
border-right: 2px solid #cccccc;
}
.i-mobile .page-content.day sportsbook-navigator > div.path .item:before {
border-color: transparent transparent transparent #cccccc;
}
.i-mobile .page-content.day sportsbook-navigator > div.path .item:after {
border-color: transparent transparent transparent #8a8a8a;
}
.i-mobile .page-content.day upcoming-topbets .event-info {
background: #cccccc;
color: black;
}
.i-mobile .page-content.day upcoming-topbets .event-info .time,
.i-mobile .page-content.day upcoming-topbets .event-info .players {
background: #cccccc;
color: black;
}
.i-mobile .page-content.day upcoming-topbets .odds-btn {
background: #646464;
color: white;
}
.i-mobile .page-content.day upcoming-topbets .mini-statistics {
background: #4f4f4f;
}
.i-mobile .page-content.day upcoming-topbets .event-info .stat-btn.active {
color: #168400;
}
.i-mobile .page-content.day sportsbook-league .header .filter-container .header .bettypes-container .bettype {
background: #8f8f8f;
}
.i-mobile .page-content.day sportsbook-league sportsbook-event .event-info {
background: #cccccc;
color: black;
}
.i-mobile .page-content.day sportsbook-league sportsbook-event .event-info .time,
.i-mobile .page-content.day sportsbook-league sportsbook-event .event-info .players {
background: #cccccc;
color: black;
}
.i-mobile .page-content.day sportsbook-league sportsbook-event .odds-btn {
background: #646464;
color: white;
}
.i-mobile .page-content.day sportsbook-league sportsbook-event .mini-statistics {
background: #4f4f4f;
}
.i-mobile .page-content.day sportsbook-league sportsbook-event .event-info .stat-btn.active {
color: #168400;
}
.i-mobile .page-content.day help .info-header {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.i-mobile .page-content.day help .info-tab {
background: linear-gradient(#646464, #4f4f4f);
color: white;
}
.i-mobile .page-content.day help .info-tab.active {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.i-mobile .page-content.day help .info-content {
color: black;
}
.i-mobile .page-content.day help .info-content .sport.active {
color: #168400;
}
.i-mobile .page-content.day help .info-content .banking-info .two-column {
color: #168400;
}
.i-mobile .page-content.day quick-search {
background: #e7e7e7;
}
.i-mobile .page-content.day upcoming-topbets .sportsbook-container {
background: #e7e7e7;
}
.i-mobile .page-content.day upcoming-topbets .sportsbook-container .sports-header > span {
color: black;
}
.i-mobile .page-content.day upcoming-topbets .sportsbook-container .event-group-date {
color: black;
}
.i-mobile .page-content.day sportsbook-event-bettypes .group-header .group-name,
.i-mobile .page-content.day sportsbook-event-bettypes .group-header .group-switcher {
background: linear-gradient(#8f8f8f, #7b7b7b);
}
.i-mobile .page-content.day live-betting overview .text {
background: #656565;
}
.i-mobile .page-content.day calendar-events-container .events-container .event-group-date {
color: black;
}
.i-mobile .page-content.day promotions .text {
color: black;
}
.i-mobile menu-panel {
background: linear-gradient(#545454, #353434);
top: 60px;
height: calc(100vh - 60px);
overflow: auto;
position: fixed;
white-space: nowrap;
width: 250px;
z-index: 2001;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.i-mobile menu-panel theme-settings .theme-settings {
display: flex;
justify-content: space-evenly;
font-size: 20px;
padding: 10px 0;
background: #656565;
}
.i-mobile menu-panel theme-settings .theme-settings .theme-light,
.i-mobile menu-panel theme-settings .theme-settings .theme-dark {
display: flex;
color: white;
}
.i-mobile menu-panel theme-settings .theme-settings .theme-light img,
.i-mobile menu-panel theme-settings .theme-settings .theme-dark img {
margin: 0 5px;
width: 26px;
height: 26px;
}
.i-mobile menu-panel theme-settings .theme-settings .form-switch {
display: inline-block;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.i-mobile menu-panel theme-settings .theme-settings .form-switch i {
position: relative;
display: inline-block;
width: 46px;
height: 26px;
background-color: #dddddd;
border-radius: 23px;
vertical-align: text-bottom;
transition: all 0.3s linear;
}
.i-mobile menu-panel theme-settings .theme-settings .form-switch i::before {
content: "";
position: absolute;
left: 0;
width: 42px;
height: 22px;
background-color: #dddddd;
border-radius: 11px;
transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
transition: all 0.25s linear;
}
.i-mobile menu-panel theme-settings .theme-settings .form-switch i::after {
content: "";
position: absolute;
left: 0;
width: 22px;
height: 22px;
background-color: #fff;
border-radius: 11px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
transform: translate3d(2px, 2px, 0);
transition: all 0.2s ease-in-out;
}
.i-mobile menu-panel theme-settings .theme-settings .form-switch:active i::after {
width: 28px;
transform: translate3d(2px, 2px, 0);
}
.i-mobile menu-panel theme-settings .theme-settings .form-switch:active input.checked + i::after {
transform: translate3d(16px, 2px, 0);
}
.i-mobile menu-panel theme-settings .theme-settings .form-switch input {
display: none;
}
.i-mobile menu-panel theme-settings .theme-settings .form-switch input.checked + i {
background-color: #2d2d2d;
}
.i-mobile menu-panel theme-settings .theme-settings .form-switch input.checked + i::before {
transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
}
.i-mobile menu-panel theme-settings .theme-settings .form-switch input.checked + i::after {
transform: translate3d(22px, 2px, 0);
}
.i-mobile menu-panel.day {
background: linear-gradient(#F7F7F7, #CCCCCC);
}
.i-mobile menu-panel.day .nav-tabs .nav-tabs-text {
color: #000;
}
.i-mobile menu-panel.day .nav-tabs .fa-lemon-o,
.i-mobile menu-panel.day .nav-tabs .fa-plane,
.i-mobile menu-panel.day .nav-tabs .sandwich-sportsbook,
.i-mobile menu-panel.day .nav-tabs .sandwich-casino,
.i-mobile menu-panel.day .nav-tabs .sandwich-aviator,
.i-mobile menu-panel.day .nav-tabs .sandwich-slots,
.i-mobile menu-panel.day .nav-tabs .fa-youtube-play,
.i-mobile menu-panel.day .nav-tabs .fa-search,
.i-mobile menu-panel.day .nav-tabs .fa-clock-o,
.i-mobile menu-panel.day .nav-tabs .fa-trophy,
.i-mobile menu-panel.day .nav-tabs .fa-line-chart,
.i-mobile menu-panel.day .nav-tabs .fa-bar-chart,
.i-mobile menu-panel.day .nav-tabs .fa-user,
.i-mobile menu-panel.day .nav-tabs .sandwich-my-bets,
.i-mobile menu-panel.day .nav-tabs .fa-usd,
.i-mobile menu-panel.day .nav-tabs .fa-credit-card,
.i-mobile menu-panel.day .nav-tabs .sandwich-withdraw,
.i-mobile menu-panel.day .nav-tabs .sandwich-transaction,
.i-mobile menu-panel.day .nav-tabs .fa-bell,
.i-mobile menu-panel.day .nav-tabs .fa-question-circle,
.i-mobile menu-panel.day .nav-tabs .fa-cog,
.i-mobile menu-panel.day .nav-tabs .sandwich-language,
.i-mobile menu-panel.day .nav-tabs .sandwich-theme,
.i-mobile menu-panel.day .nav-tabs .fa-sign-out,
.i-mobile menu-panel.day .nav-tabs .nav-tabs-icon {
filter: invert(100%);
}
.i-mobile menu-panel.day .nav-tabs.active .fa-lemon-o,
.i-mobile menu-panel.day .nav-tabs.active .fa-plane,
.i-mobile menu-panel.day .nav-tabs.active .fa-youtube-play,
.i-mobile menu-panel.day .nav-tabs.active .fa-search,
.i-mobile menu-panel.day .nav-tabs.active .fa-clock-o,
.i-mobile menu-panel.day .nav-tabs.active .fa-trophy,
.i-mobile menu-panel.day .nav-tabs.active .fa-user,
.i-mobile menu-panel.day .nav-tabs.active .fa-usd,
.i-mobile menu-panel.day .nav-tabs.active .fa-credit-card,
.i-mobile menu-panel.day .nav-tabs.active .fa-bell,
.i-mobile menu-panel.day .nav-tabs.active .fa-question-circle,
.i-mobile menu-panel.day .nav-tabs.active .fa-cog,
.i-mobile menu-panel.day .nav-tabs.active .fa-sign-out,
.i-mobile menu-panel.day .nav-tabs.active .nav-tabs-icon {
filter: none;
}
.i-mobile menu-panel.day .nav-tabs.active .sandwich-sportsbook,
.i-mobile menu-panel.day .nav-tabs.active .sandwich-aviator,
.i-mobile menu-panel.day .nav-tabs.active .sandwich-casino,
.i-mobile menu-panel.day .nav-tabs.active .sandwich-slots,
.i-mobile menu-panel.day .nav-tabs.active .sandwich-my-bets,
.i-mobile menu-panel.day .nav-tabs.active .sandwich-withdraw {
filter: invert(100%);
}
.i-mobile menu-panel .tab-line {
width: 90%;
margin: 8px auto;
border-top: 2px solid #656565;
}
.i-mobile menu-panel .menu-section-content .fa-user {
transform: translateX(2px);
}
.i-mobile menu-panel .menu-section-content .fa-usd {
transform: translateX(3px);
}
.i-mobile menu-panel .nav-tabs.active .sandwich-sportsbook,
.i-mobile menu-panel .nav-tabs.active .sandwich-magicwin,
.i-mobile menu-panel .nav-tabs.active .sandwich-casino,
.i-mobile menu-panel .nav-tabs.active .sandwich-live-casino,
.i-mobile menu-panel .nav-tabs.active .sandwich-language,
.i-mobile menu-panel .nav-tabs.active .sandwich-balance-sheet,
.i-mobile menu-panel .nav-tabs.active .sandwich-slots,
.i-mobile menu-panel .nav-tabs.active .sandwich-aviator,
.i-mobile menu-panel .nav-tabs.active .sandwich-helicopter,
.i-mobile menu-panel .nav-tabs.active .sandwich-authorization,
.i-mobile menu-panel .nav-tabs.active .sandwich-invite-new-player,
.i-mobile menu-panel .nav-tabs.active .sandwich-invited-players,
.i-mobile menu-panel .nav-tabs.active .sandwich-my-bets,
.i-mobile menu-panel .nav-tabs.active .sandwich-transaction,
.i-mobile menu-panel .nav-tabs.active .sandwich-withdraw,
.i-mobile menu-panel .nav-tabs.active .sandwich-lucky6,
.i-mobile menu-panel .nav-tabs.active .sandwich-theme {
filter: invert(100%);
}
.i-mobile menu-panel .fa {
font-size: 120%;
}
.i-mobile menu-panel .login-container {
padding: 10px;
background: #181d47;
}
.i-mobile menu-panel .login-container .btn-login {
background-color: #0b1133;
color: #fff;
font-size: 22px;
padding: 3px 0;
text-align: center;
}
.i-mobile menu-panel .menu {
text-transform: uppercase;
padding-bottom: 114px;
}
.i-mobile menu-panel .menu-section {
color: #fff;
}
.i-mobile menu-panel .menu-section-content {
display: flex;
flex-direction: column;
}
.i-mobile menu-panel .menu-section-content > div,
.i-mobile menu-panel .menu-section-content a {
font-size: 16px;
line-height: 45px;
padding: 0 15px;
text-decoration: none;
color: #fff;
}
.i-mobile menu-panel .menu-section-content > div.active,
.i-mobile menu-panel .menu-section-content a.active {
background: linear-gradient(#F6C811, #DE9203);
color: #040404;
}
.i-mobile menu-panel .menu-section-header {
background-color: #1d2666;
font-size: 14px;
line-height: 25px;
padding: 0 8px;
}
.i-mobile menu-panel .settings-page {
display: flex;
flex-direction: column;
max-height: 100vh;
}
.i-mobile menu-panel .settings-container {
overflow: auto;
}
.i-mobile menu-panel .settings-container .setting {
align-items: center;
background-color: #656565;
display: flex;
font-size: 14px;
justify-content: space-between;
min-height: 40px;
padding: 5px 10px;
}
.i-mobile menu-panel .settings-container .setting:not(:last-child) {
border-bottom: 1px solid #040404;
}
.i-mobile menu-panel .settings-container .setting > div {
display: flex;
align-items: center;
}
.i-mobile menu-panel .settings-container .setting > div > span {
padding: 0 10px;
}
.i-mobile menu-panel .settings-container .setting img {
height: 35px;
width: 52px;
}
.i-mobile menu-panel .settings-container .btn-radio {
width: 20px;
height: 20px;
border: 2px solid #fff;
text-align: center;
}
.i-mobile menu-panel .settings-container .btn-radio.checked:before {
content: " ";
display: inline-block;
vertical-align: top;
width: 8px;
height: 8px;
margin-top: 4px;
background-color: #d21c2d;
}
.i-mobile menu-panel .settings-header {
align-items: center;
background-color: #656565;
color: #fff;
display: flex;
font-size: 20px;
min-height: 50px;
justify-content: center;
margin-bottom: 5px;
text-transform: capitalize;
}
.i-mobile menu-panel .settings-header > i {
display: flex;
justify-content: center;
align-items: center;
min-width: 60px;
height: 50px;
}
.i-mobile menu-panel .settings-header > div {
width: 100%;
text-align: center;
}
.i-mobile menu-panel .btn-panel {
align-items: center;
display: flex;
font-size: 14px;
justify-content: space-around;
margin: 10px 0px;
min-height: 35px;
}
.i-mobile menu-panel .btn-panel .btn-settings {
align-items: center;
color: #fff;
display: flex;
height: 35px;
justify-content: center;
min-height: 35px;
white-space: normal;
width: 75px;
}
.i-mobile menu-panel .btn-panel .btn-cancel {
background-color: #eaeaea;
color: #040404;
}
.i-mobile menu-panel .btn-panel .btn-save {
background: #d21c2d;
}
.i-mobile .menu-wrapper {
display: flex;
}
.i-mobile .menu-wrapper .darkened-overlay {
background-color: rgba(0, 0, 0, 0.5);
height: calc(100vh - 60px);
bottom: 0;
position: fixed;
width: 100vw;
z-index: 100;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.i-mobile overview h5 {
padding: 0 10px;
}
.i-mobile overview .btn-type-view {
display: none;
}
.i-mobile overview-event:first-child .event {
margin-top: 0;
}
.i-mobile overview-event .bettype {
background: linear-gradient(#F7F7F7, #CCCCCC);
color: #040404;
display: flex;
}
.i-mobile overview-event .bettype .odd {
align-items: center;
display: flex;
justify-content: space-between;
padding: 3px 10px;
text-transform: capitalize;
width: 100%;
flex-flow: column;
border-right: 1px solid #040404;
word-break: break-word;
}
.i-mobile overview-event .bettype .odd > span {
top: initial;
}
.i-mobile overview-event .bettype .odd > span:last-child {
font-weight: 700;
}
.i-mobile overview-event .bettype .odds-count {
display: flex;
min-width: 50px;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 15px;
}
.i-mobile overview-event .event {
align-items: center;
background-color: #656565;
font-size: 13px;
margin-top: 10px;
}
.i-mobile overview-event .event .top-part {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
padding: 3px 5px;
border-bottom: 1px solid #040404;
}
.i-mobile overview-event .event .top-part .timer {
display: flex;
flex-direction: row;
white-space: nowrap;
width: 22%;
}
.i-mobile overview-event .event .top-part .timer > div {
margin-right: 4px;
}
.i-mobile overview-event .event .top-part .timer .fa-television {
display: flex;
align-items: center;
color: yellow;
}
.i-mobile overview-event .event .top-part .timer .code {
display: none;
}
.i-mobile overview-event .event .top-part .league {
width: 185%;
justify-content: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.i-mobile overview-event .event .top-part .min-selection {
width: 37%;
color: red;
}
.i-mobile overview-event .event .bottom-part {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
padding: 3px 5px;
}
.i-mobile overview-event .event .bottom-part .block {
color: white;
width: 18px;
display: flex;
align-items: center;
position: relative;
}
.i-mobile overview-event .event .bottom-part .block.active {
color: #fec70b;
}
.i-mobile overview-event .event .bottom-part .block.locked {
color: #fff;
}
.i-mobile overview-event .event .bottom-part .block.locked:hover,
.i-mobile overview-event .event .bottom-part .block.locked.active {
color: #fff;
}
.i-mobile overview-event .event .bottom-part .additional-info {
display: flex;
flex-direction: row;
width: 40%;
padding-left: 7px;
justify-content: flex-end;
}
.i-mobile overview-event .event .bottom-part .additional-info .period {
display: flex;
align-items: center;
padding-left: 2px;
}
.i-mobile overview-event .event .bottom-part .cards-container {
position: absolute;
right: 20%;
}
.i-mobile overview-event .event .bottom-part .cards-container .card-container {
display: flex;
min-height: 19px;
}
.i-mobile overview-event .event .bottom-part .cards-container .card-container .yellow-cards,
.i-mobile overview-event .event .bottom-part .cards-container .card-container .red-cards {
line-height: 11px;
padding: 2px 1px;
background: yellow;
color: black;
border-radius: 2px;
margin: 2px;
}
.i-mobile overview-event .event .bottom-part .cards-container .card-container .red-cards {
background: red;
color: white;
}
.i-mobile overview-event .event .bottom-part .players {
width: 50%;
}
.i-mobile overview-event .event .bottom-part .players > div {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: flex;
align-items: center;
height: 20px;
}
.i-mobile overview-event .event .bottom-part .players > div img {
width: 19px;
margin-right: 5px;
}
.i-mobile overview-event .event .bottom-part .odds-count {
display: none;
}
.i-mobile time-picker-month-first .time-picker {
position: relative;
justify-content: space-between;
background-color: #D6D6D6;
color: #000;
height: 100%;
}
.i-mobile time-picker-month-first .time-picker .mat-form-field {
display: none;
}
.i-mobile time-picker-month-first .time-picker .acc-btn {
display: none;
}
.i-mobile overview-bettype-filter .header {
border: 0;
height: 40px !important;
padding: 0 !important;
}
.i-mobile overview-bettype-filter .header .bettypes-container {
display: flex;
width: 100%;
height: 100%;
}
.i-mobile overview-bettype-filter .header .bettypes-container .bettype {
background: #656565;
border-right: 1px solid #040404;
margin-right: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 0 10px;
text-align: center;
line-height: 14px;
}
.i-mobile overview-bettype-filter .header .bettypes-container .bettype:hover,
.i-mobile overview-bettype-filter .header .bettypes-container .bettype.active {
background: linear-gradient(#F6C811, #DE9203);
color: #040404;
}
.i-mobile overview-bettype-filter .header .bettypes-container .bettype:last-child {
border: 0;
}
.i-mobile overview-event-score {
display: flex;
}
.i-mobile overview-event-score > div {
margin-left: 7px;
}
.i-mobile overview-event-score > .score {
display: none;
}
.i-mobile overview-event-score > .score:only-child {
display: flex;
flex-direction: column;
}
.i-mobile overview-event-score .reverse-container {
display: flex;
}
.i-mobile overview-event-score .points-separator {
display: none;
}
.i-mobile overview-event-score .points {
align-items: center;
display: flex;
justify-content: space-between;
}
.i-mobile overview-event-score .points .turn {
background-color: yellow;
content: "";
height: 8px;
margin-right: 4px;
width: 8px;
border-radius: 50%;
}
.i-mobile overview-event-score .score {
padding-left: 2px;
}
.i-mobile overview-event-score .reverse-container {
flex-direction: row-reverse;
}
.i-mobile overview-event-score .reverse-container .period {
flex-direction: column;
}
.i-mobile overview-event-score .score-container {
display: flex;
margin-left: 4px;
}
.i-mobile overview-sport .events-count {
font-size: 13px;
width: 100%;
text-align: right;
}
.i-mobile overview-sport .events-container {
padding: 1px 10px;
}
.i-mobile overview-sport .header {
position: relative;
align-items: center;
background: #656565;
display: flex;
justify-content: space-between;
padding: 5px;
margin: 5px 10px;
height: 70px;
}
.i-mobile overview-sport .header .glyphicon {
padding-right: 15px;
}
.i-mobile overview-sport .logo {
height: 34px;
margin: 0 10px;
}
.i-mobile overview-sport .title {
align-items: center;
display: flex;
font-size: 15px;
text-transform: capitalize;
}
.i-mobile .moved {
position: fixed !important;
}
.i-mobile .page-content {
width: 100vw;
position: absolute;
margin-top: 60px;
background-color: #040404;
}
.i-mobile .page-content .navigation {
display: flex;
justify-content: space-between;
background-color: #464646;
padding: 10px 5px;
text-transform: uppercase;
height: 60px;
margin: 1px 0;
font-size: 18px;
}
.i-mobile .page-content .navigation > div {
display: flex;
justify-content: center;
align-items: center;
color: #040404;
width: 100%;
margin: 0 5px;
background-color: #d6d6d6;
outline: none;
font-weight: 700;
overflow: hidden;
white-space: nowrap;
}
.i-mobile .page-content .navigation .active {
background-color: #018a18;
color: #fff;
}
.i-mobile upcoming-topbets .sportsbook-container {
display: block;
background: #040404;
}
.i-mobile upcoming-topbets .sportsbook-container .sports-header {
font-size: 28px;
display: flex;
align-items: center;
padding: 10px 10px 5px;
}
.i-mobile upcoming-topbets .sportsbook-container .sports-header > img {
width: 40px;
}
.i-mobile upcoming-topbets .sportsbook-container .sports-header > span {
padding: 0 10px;
}
.i-mobile quick-search {
background-color: #333333;
height: calc(100vh - 60px);
left: 0;
position: fixed;
top: 60px;
width: 100vw;
z-index: 1000;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.i-mobile quick-search .header {
align-items: center;
display: flex;
font-size: 24px;
height: 54px;
justify-content: space-between;
padding: 0 10px;
text-transform: uppercase;
width: 100%;
background: #656565;
}
.i-mobile quick-search .header i {
display: flex;
justify-content: center;
align-items: center;
min-width: 60px;
height: 50px;
}
.i-mobile quick-search .header > div {
width: 100%;
text-align: center;
}
.i-mobile quick-search input {
border: none;
height: 50px;
font-size: 32px;
padding: 14px;
}
.i-mobile quick-search input[placeholder] {
font-style: italic;
}
.i-mobile quick-search .search-container {
align-items: center;
display: flex;
flex-direction: column;
margin-top: 10px;
padding: 0 5%;
}
.i-mobile quick-search .search-container > * {
width: 100%;
}
.i-mobile quick-search .search-list {
background-color: #656565;
margin-top: 5px;
padding: 0 15px;
height: calc(100vh - 180px);
overflow: auto;
}
.i-mobile quick-search .search-list > div {
color: #fff;
font-size: 20px;
padding: 12px 0;
}
.i-mobile quick-search .search-list > div:not(:last-child) {
border-bottom: 1px solid #040404;
}
.i-mobile odd-format-settings .settings-container .setting.checked {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.i-mobile language-settings .settings-container .setting.checked {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.i-mobile settings {
background-color: #0d0d0d;
height: 100vh;
left: 0;
overflow: auto;
position: fixed;
top: 0;
width: 100vw;
z-index: 1000;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.i-mobile settings > div {
padding: 0 10px;
}
.i-mobile settings .btn-settings {
font-weight: 700;
text-align: center;
white-space: nowrap;
}
.i-mobile settings .btn-panel {
border-top: 1px solid #3c3c3e;
display: flex;
justify-content: flex-end;
padding: 10px;
text-transform: uppercase;
}
.i-mobile settings .btn-panel > div {
font-size: 14px;
line-height: 48px;
min-width: 130px;
padding: 0 10px;
}
.i-mobile settings .btn-panel > div:not(:first-child) {
margin-left: 10px;
}
.i-mobile settings .btn-panel .btn-cancel {
background: -webkit-linear-gradient(top, #fff, #b1b4b4);
background-color: #b1b4b4;
color: #040404;
}
.i-mobile settings .btn-panel .btn-confirm {
background: -webkit-gradient(linear, 0 0, 0 100%, from(#36b449), to(#04683a));
background: -webkit-linear-gradient(top, #36b449, #04683a);
background-color: #04683a;
background: -moz-linear-gradient(top, #36b449, #04683a);
background: -ms-linear-gradient(top, #36b449, #04683a);
background: -o-linear-gradient(top, #36b449, #04683a);
background: linear-gradient(top, #36b449, #04683a);
}
.i-mobile settings .header {
align-items: center;
background: -webkit-linear-gradient(top, #5e5e60, #414143);
background-color: #414143;
display: flex;
font-size: 24px;
height: 54px;
justify-content: space-between;
position: fixed;
text-transform: uppercase;
width: 100%;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.i-mobile settings .header .btn-close {
background: -webkit-linear-gradient(top, #fff, #b1b4b4);
background-color: #b1b4b4;
color: #040404;
padding: 7px;
top: 0;
}
.i-mobile settings .languages .languages-list {
display: flex;
flex-wrap: wrap;
}
.i-mobile settings .languages .languages-list > div {
margin-bottom: 10px;
margin-right: 10px;
height: 60px;
width: 90px;
}
.i-mobile settings .languages .languages-list > div.selected {
-webkit-box-shadow: 0px 0px 5px 2px rgba(50, 183, 255, 0.76);
-moz-box-shadow: 0px 0px 5px 2px rgba(50, 183, 255, 0.76);
box-shadow: 0px 0px 5px 2px rgba(50, 183, 255, 0.76);
}
.i-mobile settings .languages .languages-list > div img {
height: 100%;
width: 100%;
}
.i-mobile settings .odd-formats .odd-formats-list {
font-size: 17px;
text-transform: uppercase;
}
.i-mobile settings .odd-formats .odd-formats-list > div {
background: -webkit-linear-gradient(top, #5e5e60, #414143);
background-color: #414143;
display: flex;
flex-direction: column;
font-size: 15px;
padding: 5px;
text-align: center;
width: 100%;
}
.i-mobile settings .odd-formats .odd-formats-list > div.selected {
background: -webkit-linear-gradient(top, #36b449, #04683a);
background-color: #04683a;
}
@media (max-width: 374px) {
.i-mobile settings .odd-formats .odd-formats-list > div:not(:last-child) {
margin-bottom: 5px;
}
}
@media (min-width: 375px) {
.i-mobile settings .odd-formats .odd-formats-list {
display: flex;
}
.i-mobile settings .odd-formats .odd-formats-list > div:not(:last-child) {
margin-right: 5px;
}
}
.i-mobile settings .settings-container {
margin-top: 54px;
overflow-y: scroll;
padding-bottom: 10px;
}
.i-mobile settings .settings-container > div {
padding: 10px 0;
}
.i-mobile settings .settings-container .settings-title {
font-size: 24px;
line-height: 44px;
}
.i-mobile settings .view .btn-view {
background: linear-gradient(top, #fff, #b1b4b4);
background-color: #b1b4b4;
color: #040404;
font-size: 25px;
line-height: 50px;
text-transform: capitalize;
}
.i-mobile single-view .btn-nav {
align-items: center;
display: flex;
padding: 5px;
background: #040404;
}
.i-mobile single-view .btn-nav .arrow {
width: 0;
height: 0;
border-top: 19px solid transparent;
border-right: 10px solid #656565;
border-bottom: 18px solid transparent;
}
.i-mobile single-view .btn-nav .btn-back {
background-color: #656565;
padding: 10px;
}
.i-mobile single-view .btn-nav .name-container {
margin-left: 2px;
}
.i-mobile single-view .btn-nav .name-container .name {
background: #656565;
padding: 10px;
margin-right: 2px;
}
.i-mobile single-view .btn-nav .code {
display: none;
}
.i-mobile single-view-event {
display: block;
}
.i-mobile single-view-event .bettypes-container {
padding: 0 5px;
}
.i-mobile single-view-event .event-info {
padding: 0 10px;
text-transform: uppercase;
width: 100%;
}
.i-mobile single-view-event .event-info > div:first-child span {
margin-right: 10px;
}
.i-mobile single-view-event .event-name {
font-size: 18px;
}
.i-mobile single-view-event .header {
align-items: center;
display: flex;
}
.i-mobile single-view-event .sport-logo {
height: 40px;
min-width: 40px;
}
.i-mobile single-view-event-bettype .bettype-group {
margin-top: 5px;
}
.i-mobile single-view-event-bettype .bettype-header {
display: flex;
height: 38px;
line-height: 38px;
margin-top: 3px;
}
.i-mobile single-view-event-bettype .bettype-header .bettype-name {
padding-left: 10px;
text-transform: uppercase;
display: flex;
align-items: center;
width: 100%;
background-color: #656565;
margin-bottom: 2px;
padding: 10px;
color: #fff;
}
.i-mobile single-view-event-bettype .bettype-header .bettype-switcher {
text-align: center;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
background: #656565;
border-right: 1px solid #040404;
margin-bottom: 2px;
}
.i-mobile single-view-event-bettype .fa {
width: 23px;
margin-left: 2px;
}
.i-mobile single-view-event-bettype > span {
word-break: break-all;
}
.i-mobile single-view-event-bettype > span:last-child {
word-break: normal;
}
.i-mobile single-view-event-bettype .odds-container {
display: flex;
flex-wrap: wrap;
}
.i-mobile single-view-event-bettype .odds-container .odd {
background: linear-gradient(#F7F7F7, #CCCCCC);
color: #040404;
display: flex;
justify-content: space-between;
padding: 10px;
border-bottom: 2px solid #040404;
border-left: 1px solid #040404;
border-right: 1px solid #040404;
}
.i-mobile single-view-event-bettype .odds-container .odd span:last-child {
font-weight: 700;
}
.i-mobile single-view-event-score .players {
font-size: 14px;
}
.i-mobile single-view-event-score .score {
display: flex;
width: 100%;
background: #656565;
justify-content: space-between;
}
.i-mobile single-view-event-score .timer {
text-align: center;
min-width: 20%;
display: flex;
flex-direction: column;
justify-content: center;
}
.i-mobile single-view-event-score .panelImg {
width: 20px;
height: 20px;
margin-right: 5px;
vertical-align: middle;
}
.i-mobile single-view-event-score .content {
display: flex;
background: #dadcdf;
color: #30373d;
height: 70px;
}
.i-mobile single-view-event-score .content > div {
display: flex;
width: 100%;
justify-content: flex-end;
}
.i-mobile single-view-event-score .content .teams {
flex-flow: column;
line-height: 35px;
padding: 0 10px;
color: #1d1d24;
font-weight: 600;
font-size: 11px;
align-items: flex-start;
white-space: nowrap;
}
.i-mobile single-view-event-score .content .period {
justify-content: flex-end;
flex-flow: row;
align-items: center;
}
.i-mobile single-view-event-score .content .period .main-score {
font-weight: 600;
display: flex;
height: 18px;
align-items: center;
background: #fff;
padding-left: 7px;
font-size: 12px;
}
.i-mobile single-view-event-score .content .period .timer {
font-size: 11px;
font-weight: 600;
display: flex;
align-items: center;
height: 18px;
margin: 0;
padding: 0 7px 0 3px;
background: #fff;
}
.i-mobile single-view-event-score .content .scores {
color: #1d1d24;
width: fit-content;
}
.i-mobile single-view-event-score .content .scores .score,
.i-mobile single-view-event-score .content .scores .main-score {
font-size: 10px;
font-weight: 600;
}
.i-mobile single-view-event-score .content .scores .score div,
.i-mobile single-view-event-score .content .scores .main-score div {
line-height: 35px;
width: 22px;
}
.i-mobile single-view-event-score .content .scores .main-score {
border-left: 1px solid white;
}
.i-mobile sportsbook .event-group-date {
color: #eaeaea;
}
.i-mobile sportsbook .sports-header {
margin: 15px;
}
.i-mobile sportsbook .sports-header .title {
font-size: 21px;
text-transform: uppercase;
vertical-align: middle;
}
.i-mobile sportsbook .relative-spiner {
margin-top: 40px;
}
.i-mobile quick-search-live-betting .search {
background: white;
border: none;
height: 50px;
font-size: 32px;
padding: 14px;
width: 94%;
margin: 0 0px 5px 10px;
}
.i-mobile live-betting .livebetting-container {
margin-top: 130px;
}
.i-mobile live-betting overview-calendar {
position: relative;
display: flex;
height: 100%;
flex-direction: column;
margin-top: 4px;
}
.i-mobile live-betting overview-calendar .calendar-spinner {
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.1);
z-index: 1000;
min-height: 300px;
}
.i-mobile live-betting overview-calendar .calendar {
display: flex;
justify-content: center;
align-items: center;
width: 300px;
height: 40px;
color: rgba(255, 255, 255, 0.9);
font-size: 21px;
background: #005592;
}
.i-mobile live-betting overview-calendar .btns {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
height: 42px;
}
.i-mobile live-betting overview-calendar .btns > select {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
border: 1px solid rgba(255, 255, 255, 0.1);
font-size: 12px;
font-weight: bold;
max-width: 50px;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-size: 30px 30px;
background-position: center;
background-repeat: no-repeat;
}
.i-mobile live-betting overview-calendar .btns > select option {
background: #001d40;
height: 50px;
width: 50px;
}
.i-mobile live-betting overview-calendar .btns .sport-item {
color: white;
display: flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
padding: 0 3px;
width: 100%;
max-width: 100%;
font-size: 13px;
}
.i-mobile live-betting overview-calendar .btns .sport-item div,
.i-mobile live-betting overview-calendar .btns .sport-item span {
display: flex;
}
.i-mobile live-betting overview-calendar .btns .sport-item span {
padding-right: 5px;
}
.i-mobile live-betting overview-calendar .btns .sport-item img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.i-mobile live-betting overview-calendar .btns .sport-list {
position: absolute;
z-index: 201;
top: 43px;
width: 50%;
}
.i-mobile live-betting overview-calendar .btns .sport-list.right {
right: 0;
}
.i-mobile live-betting overview-calendar .btns .sport-list.left {
left: 10px;
}
.i-mobile live-betting overview-calendar .btns .sport-list .sport-item {
width: 94%;
padding-right: 10px;
padding: 5px;
border: 1px solid #040404;
border-top: 0;
justify-content: flex-start;
height: 40px;
background: #656565;
font-size: 12px;
}
.i-mobile live-betting overview-calendar .btns .sport-list .sport-item:first-child {
border-top: 1px solid #040404;
text-align: center;
display: block;
padding-top: 15px;
}
.i-mobile live-betting overview-calendar .btns .sport-list .sport-item span {
display: block;
}
.i-mobile live-betting overview-calendar .btns .sport-list .sport-item.center {
justify-content: center;
}
.i-mobile live-betting overview-calendar .btns .sport-list .sport-item:hover {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.i-mobile live-betting overview-calendar .btns > div {
display: flex;
width: 47%;
height: 100%;
align-items: center;
justify-content: center;
font-size: 12px;
background: #656565;
margin-top: 2px;
}
.i-mobile live-betting overview-calendar .btns > div:first-child {
border-right: 1px solid #040404;
}
.i-mobile calendar-events-container .header {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
position: relative;
}
.i-mobile calendar-events-container .header:first-child {
margin-top: 25px;
}
.i-mobile calendar-events-container .header .title {
display: flex;
}
.i-mobile calendar-events-container .header .title img {
width: 42px;
position: absolute;
top: -2px;
}
.i-mobile calendar-events-container .header .title > div {
margin-left: 42px;
}
.i-mobile calendar-events-container .header .title > div div:first-child {
text-transform: uppercase;
position: absolute;
top: -3px;
padding-right: 5px;
padding-left: 10px;
font-size: 13px;
}
.i-mobile calendar-events-container .header .title > div div:last-child {
font-size: 30px;
line-height: 30px;
padding-top: 15px;
padding-left: 10px;
}
.i-mobile calendar-events-container .header .title > div span {
margin-right: 0px;
text-transform: uppercase;
font-weight: 500;
}
.i-mobile calendar-events-container .header .bettype-header {
bottom: 0px;
line-height: 25px;
padding: 0 3px 0 5px;
position: absolute;
right: 10%;
text-align: center;
margin-bottom: -35px;
min-width: 15%;
width: 15%;
}
@media (max-width: 1500px) {
.i-mobile calendar-events-container .header .bettype-header {
min-width: 20%;
width: 20%;
}
}
.i-mobile calendar-events-container .header .bettype-header .bettype-name {
color: #999999;
text-transform: uppercase;
padding: 3px 0;
}
.i-mobile calendar-events-container .header .bettype-header .bettype-results {
border-left: 1px solid #3c3c3e;
border-right: 1px solid #3c3c3e;
display: flex;
line-height: 14px;
font-size: 15px;
}
.i-mobile calendar-events-container .header .bettype-header .bettype-results > div {
margin-right: 2px;
text-transform: capitalize;
width: 100%;
}
.i-mobile calendar-events-container .header .bettype-header .bettype-selector {
display: flex;
line-height: 12px;
min-height: 20px;
}
.i-mobile calendar-events-container .header .bettype-header .bettype-selector > div {
background-color: #303032;
margin-right: 2px;
padding: 2px 0;
width: 100%;
}
.i-mobile calendar-events-container .header .bettype-header .bettype-selector > div.active {
background-color: #fec70b;
}
.i-mobile calendar-events-container .header .btn-panel {
align-items: center;
display: flex;
}
.i-mobile calendar-events-container .header .btn-panel .switcher {
margin-left: 8px;
background: #fff;
color: #040404;
height: 32px;
min-width: 32px;
}
.i-mobile calendar-events-container .header .btn-panel .switcher > span {
margin-bottom: 4.57142857px;
padding-top: 3px;
}
.i-mobile calendar-events-container .header .btn-panel .switcher > span {
margin-bottom: 4.57142857px;
}
.i-mobile calendar-events-container .events-container {
margin-bottom: 40px;
margin: 0 5px 10px;
}
.i-mobile calendar-events-container .events-container .event-group-date {
font-size: 15px;
margin: 15px 0 5px 0;
}
.i-mobile calendar-events-container .events-container:last-child {
margin-bottom: 0;
}
.i-mobile sportsbook-event {
display: block;
font-size: 13px;
margin: 10px 0;
}
.i-mobile sportsbook-event .sport-logo,
.i-mobile calendar-event .sport-logo {
display: flex;
justify-content: center;
align-items: center;
min-width: 13%;
max-width: 15%;
background: #656565;
border-right: 1px solid #040404;
}
.i-mobile sportsbook-event .sport-logo img,
.i-mobile calendar-event .sport-logo img {
width: 25px;
height: 25px;
}
.i-mobile sportsbook-event .mini-statistics,
.i-mobile calendar-event .mini-statistics {
background-color: #333333;
font-size: 9px;
font-weight: 550;
text-align: center;
padding: 3px;
margin-top: -4px;
}
.i-mobile sportsbook-event .mini-statistics .pages,
.i-mobile calendar-event .mini-statistics .pages {
display: flex;
}
.i-mobile sportsbook-event .mini-statistics .pages > div,
.i-mobile calendar-event .mini-statistics .pages > div {
border: 1px solid #fff;
height: 10px;
width: 63px;
padding: 10px;
margin-left: 5px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
cursor: pointer;
}
.i-mobile sportsbook-event .mini-statistics .league-header,
.i-mobile calendar-event .mini-statistics .league-header {
display: flex;
width: 100%;
justify-content: space-between;
}
.i-mobile sportsbook-event .mini-statistics .league-table,
.i-mobile calendar-event .mini-statistics .league-table {
display: table;
width: 100%;
margin-left: 5px;
padding-left: 5px;
}
.i-mobile sportsbook-event .mini-statistics .league-table .league-event,
.i-mobile calendar-event .mini-statistics .league-table .league-event {
margin-top: 5px;
display: flex;
width: 100%;
justify-content: space-between;
}
.i-mobile sportsbook-event .mini-statistics .position,
.i-mobile calendar-event .mini-statistics .position {
display: flex;
justify-content: flex-start;
width: 13%;
}
.i-mobile sportsbook-event .mini-statistics .team,
.i-mobile calendar-event .mini-statistics .team {
display: flex;
justify-content: flex-start;
padding-left: 5px;
width: 27%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.i-mobile sportsbook-event .mini-statistics .lose,
.i-mobile calendar-event .mini-statistics .lose {
width: 8%;
}
.i-mobile sportsbook-event .mini-statistics .win,
.i-mobile calendar-event .mini-statistics .win {
color: white;
width: 8%;
}
.i-mobile sportsbook-event .mini-statistics .draw,
.i-mobile calendar-event .mini-statistics .draw {
width: 8%;
}
.i-mobile sportsbook-event .mini-statistics .goals-for-total,
.i-mobile calendar-event .mini-statistics .goals-for-total {
width: 8%;
}
.i-mobile sportsbook-event .mini-statistics .goals-against-total,
.i-mobile calendar-event .mini-statistics .goals-against-total {
width: 8%;
}
.i-mobile sportsbook-event .mini-statistics .diff,
.i-mobile calendar-event .mini-statistics .diff {
width: 8%;
}
.i-mobile sportsbook-event .mini-statistics .last-meeting,
.i-mobile calendar-event .mini-statistics .last-meeting {
display: flex;
justify-content: space-around;
}
.i-mobile sportsbook-event .mini-statistics .line,
.i-mobile calendar-event .mini-statistics .line {
display: flex;
justify-content: space-between;
white-space: nowrap;
}
.i-mobile sportsbook-event .mini-statistics .line .perfomance,
.i-mobile calendar-event .mini-statistics .line .perfomance {
display: flex;
justify-content: center;
}
.i-mobile sportsbook-event .mini-statistics .line .perfomance .status,
.i-mobile calendar-event .mini-statistics .line .perfomance .status {
width: 14px;
min-width: 14px;
height: 14px;
background: #888;
line-height: 14px;
margin-right: 3px;
font-size: 11px;
}
.i-mobile sportsbook-event .mini-statistics .line .perfomance .percent,
.i-mobile calendar-event .mini-statistics .line .perfomance .percent {
line-height: 14px;
margin-right: 5px;
}
.i-mobile sportsbook-event .mini-statistics .performance-line,
.i-mobile calendar-event .mini-statistics .performance-line {
overflow-x: auto;
height: 45px;
display: flex;
align-items: center;
}
.i-mobile sportsbook-event .mini-statistics .match-table,
.i-mobile calendar-event .mini-statistics .match-table {
text-align: left;
}
.i-mobile sportsbook-event .mini-statistics .match-table > div,
.i-mobile calendar-event .mini-statistics .match-table > div {
line-height: 15px;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.i-mobile sportsbook-event .mini-statistics .match-table :nth-child(1),
.i-mobile calendar-event .mini-statistics .match-table :nth-child(1) {
min-width: 75px;
width: 75px;
text-align: center;
}
.i-mobile sportsbook-event .mini-statistics .match-table :nth-child(2),
.i-mobile calendar-event .mini-statistics .match-table :nth-child(2) {
min-width: 50px;
width: 50px;
text-align: center;
}
.i-mobile sportsbook-event .mini-statistics .match-table :nth-child(3),
.i-mobile calendar-event .mini-statistics .match-table :nth-child(3) {
width: calc(100% - 190px);
}
.i-mobile sportsbook-event .mini-statistics .match-table :nth-child(4),
.i-mobile calendar-event .mini-statistics .match-table :nth-child(4) {
min-width: 40px;
width: 40px;
text-align: center;
}
.i-mobile sportsbook-event .mini-statistics .match-table :nth-child(5),
.i-mobile calendar-event .mini-statistics .match-table :nth-child(5) {
min-width: 100px;
width: 100px;
text-align: center;
}
.i-mobile sportsbook-event .mini-statistics .team-names,
.i-mobile calendar-event .mini-statistics .team-names {
display: flex;
justify-content: space-between;
align-items: center;
}
.i-mobile sportsbook-event .mini-statistics .top-separator,
.i-mobile calendar-event .mini-statistics .top-separator {
margin-top: 10px;
margin-bottom: 5px;
}
.i-mobile sportsbook-event .event,
.i-mobile calendar-event .event {
margin-bottom: 5px;
}
.i-mobile sportsbook-event .event > div,
.i-mobile calendar-event .event > div {
display: flex;
}
.i-mobile sportsbook-event .event.longterm,
.i-mobile calendar-event .event.longterm {
border-radius: 3px;
display: flex;
}
.i-mobile sportsbook-event .event.longterm .event-info,
.i-mobile calendar-event .event.longterm .event-info {
width: 100%;
}
.i-mobile sportsbook-event .event.longterm .event-odds,
.i-mobile calendar-event .event.longterm .event-odds {
width: 15%;
}
.i-mobile sportsbook-event .event.longterm .odds-btn,
.i-mobile calendar-event .event.longterm .odds-btn {
width: 100%;
border-top: 0px solid #040404 !important;
}
.i-mobile sportsbook-event .event.longterm .odds-container,
.i-mobile calendar-event .event.longterm .odds-container {
display: none;
}
.i-mobile sportsbook-event .event-info,
.i-mobile calendar-event .event-info {
border-bottom: 1px solid #040404;
background: #656565;
}
.i-mobile sportsbook-event .event-info > div,
.i-mobile calendar-event .event-info > div {
align-items: center;
display: flex;
padding: 10px;
font-weight: 600;
}
.i-mobile sportsbook-event .event-info .event-btn,
.i-mobile calendar-event .event-info .event-btn {
display: none;
}
.i-mobile sportsbook-event .event-info .players,
.i-mobile calendar-event .event-info .players {
background: #656565;
color: #fff;
padding: 0 10px;
width: 100%;
border-right: 1px solid #040404;
display: grid;
}
.i-mobile sportsbook-event .event-info .players .inner-players,
.i-mobile calendar-event .event-info .players .inner-players {
display: flex;
line-height: 20px;
margin-bottom: 2px;
}
.i-mobile sportsbook-event .event-info .players .inner-players > img,
.i-mobile calendar-event .event-info .players .inner-players > img {
margin-right: 2px;
width: 20px;
height: 20px;
}
.i-mobile sportsbook-event .event-info .players .homeTeam,
.i-mobile calendar-event .event-info .players .homeTeam,
.i-mobile sportsbook-event .event-info .players .guestTeam,
.i-mobile calendar-event .event-info .players .guestTeam {
align-items: center;
display: flex;
}
.i-mobile sportsbook-event .event-info .players .homeTeam .home,
.i-mobile calendar-event .event-info .players .homeTeam .home,
.i-mobile sportsbook-event .event-info .players .guestTeam .home,
.i-mobile calendar-event .event-info .players .guestTeam .home,
.i-mobile sportsbook-event .event-info .players .homeTeam .guest,
.i-mobile calendar-event .event-info .players .homeTeam .guest,
.i-mobile sportsbook-event .event-info .players .guestTeam .guest,
.i-mobile calendar-event .event-info .players .guestTeam .guest {
margin-left: 5px;
}
.i-mobile sportsbook-event .event-info .players .homeTeam .img,
.i-mobile calendar-event .event-info .players .homeTeam .img,
.i-mobile sportsbook-event .event-info .players .guestTeam .img,
.i-mobile calendar-event .event-info .players .guestTeam .img {
text-align: center;
align-items: center;
display: flex;
}
.i-mobile sportsbook-event .event-info .players .homeTeam .img img,
.i-mobile calendar-event .event-info .players .homeTeam .img img,
.i-mobile sportsbook-event .event-info .players .guestTeam .img img,
.i-mobile calendar-event .event-info .players .guestTeam .img img {
width: 19px;
}
.i-mobile sportsbook-event .event-info .time,
.i-mobile calendar-event .event-info .time {
justify-content: center;
border-right: 1px solid #0e122d;
min-width: 13%;
}
.i-mobile sportsbook-event .event-info .time .code,
.i-mobile calendar-event .event-info .time .code {
display: none;
}
.i-mobile sportsbook-event .event-info .stat-btn,
.i-mobile calendar-event .event-info .stat-btn {
min-width: 13%;
padding: 0;
justify-content: center;
}
.i-mobile sportsbook-event .event-info .stat-btn .fa-align-left,
.i-mobile calendar-event .event-info .stat-btn .fa-align-left {
transform: rotate(270deg);
font-size: 108%;
}
.i-mobile sportsbook-event .event-info .stat-btn.active,
.i-mobile calendar-event .event-info .stat-btn.active {
color: #fec70b;
}
.i-mobile sportsbook-event .odds-btn,
.i-mobile calendar-event .odds-btn {
background: linear-gradient(#F7F7F7, #CCCCCC);
color: #040404;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
min-width: 13%;
}
.i-mobile sportsbook-event .odds-btn i,
.i-mobile calendar-event .odds-btn i {
font-size: 16px;
font-weight: 600;
}
.i-mobile sportsbook-event .odds-container,
.i-mobile calendar-event .odds-container {
display: flex;
width: 100%;
border-right: 1px solid #040404;
}
.i-mobile sportsbook-event .odds-container .odd,
.i-mobile calendar-event .odds-container .odd {
align-items: center;
background: linear-gradient(#F7F7F7, #CCCCCC);
color: #040404;
display: flex;
justify-content: space-between;
padding: 0 10px;
width: 100%;
flex-direction: column;
word-break: break-all;
}
.i-mobile sportsbook-event .odds-container .odd > span,
.i-mobile calendar-event .odds-container .odd > span {
text-align: center;
}
.i-mobile sportsbook-event .odds-container .odd span:last-child,
.i-mobile calendar-event .odds-container .odd span:last-child {
font-weight: 700;
}
.i-mobile sportsbook-event .odds-container .odd:not(:last-child),
.i-mobile calendar-event .odds-container .odd:not(:last-child) {
border-right: 1px solid #040404;
}
.i-mobile sportsbook-event spinner .loading,
.i-mobile calendar-event spinner .loading {
height: 22px;
margin: 0;
width: 22px;
}
.i-mobile calendar-event {
display: block;
font-size: 13px;
margin-top: 10px;
padding: 0px 6px;
}
.i-mobile calendar-event .event > div {
min-height: 40px;
}
.i-mobile calendar-event .odds-container .odd {
padding: 3px 10px;
}
.i-mobile sportsbook-event-bettypes .group-header {
margin-top: 5px;
display: flex;
color: #040404;
background: #333333;
padding: 3px;
font-weight: 600;
}
.i-mobile sportsbook-event-bettypes .group-header .group-name {
background: #040404;
color: #fff;
display: flex;
width: 100%;
height: 100%;
padding: 10px;
font-weight: 700;
text-transform: uppercase;
}
.i-mobile sportsbook-event-bettypes .group-header .group-name > span:last-child {
display: none;
}
.i-mobile sportsbook-event-bettypes .group-header .left-switcher {
display: none;
}
.i-mobile sportsbook-event-bettypes .group-header .group-switcher {
display: flex;
min-width: 13%;
font-size: 15px;
font-weight: 600;
background-color: #040404;
color: #fff;
border-right: 3px solid #333333;
justify-content: center;
align-items: center;
}
.i-mobile sportsbook-event-bettype .bettype .odds-container {
padding: 0;
margin-top: 0;
}
.i-mobile sportsbook-event-bettype .bettype .odds-container .odd {
flex-flow: row wrap;
padding: 10px;
}
.i-mobile sportsbook-event-bettype .bettype .odds-container .odd:not(:last-child) {
border-right: 1px solid black;
}
.i-mobile sportsbook-event-bettype .bettype div {
margin-top: 1px;
}
.i-mobile sportsbook-event-bettype .bettype-header {
background: #656565;
padding: 10px;
text-align: left;
}
.i-mobile sportsbook-event-bettype .oddgroups-container {
display: flex;
}
.i-mobile sportsbook-event-bettype .oddgroups-container .odds-container {
flex-direction: column;
word-break: break-all;
}
.i-mobile sportsbook-event-bettype .oddgroups-container .odds-container .odd:last-child {
border-right: 1px solid black;
}
.i-mobile sportsbook-league {
background-color: #0e122d;
}
.i-mobile sportsbook-league .header {
display: flex;
margin: 5px;
flex-direction: column;
}
.i-mobile sportsbook-league .header .header-container {
display: flex;
}
.i-mobile sportsbook-league .header .header-container .img-container {
display: flex;
align-items: center;
}
.i-mobile sportsbook-league .header .filter-container {
width: 100%;
}
.i-mobile sportsbook-league .header .filter-container .header {
border: 0;
height: 40px !important;
padding: 0 !important;
}
.i-mobile sportsbook-league .header .filter-container .header .bettypes-container {
display: flex;
width: 100%;
height: 100%;
}
.i-mobile sportsbook-league .header .filter-container .header .bettypes-container .bettype {
cursor: pointer;
background: #656565;
border-right: 1px solid #040404;
margin-right: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 0 10px;
text-align: center;
line-height: 14px;
}
.i-mobile sportsbook-league .header .filter-container .header .bettypes-container .bettype:hover,
.i-mobile sportsbook-league .header .filter-container .header .bettypes-container .bettype.active {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.i-mobile sportsbook-league .header .filter-container .header .bettypes-container .bettype:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.i-mobile sportsbook-league .header .filter-container .header .bettypes-container .bettype:last-child {
border: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.i-mobile sportsbook-league .header .filter-container .header .bettypes-container .bettype .bettype-title {
font-size: 12px;
line-height: 15px;
}
.i-mobile sportsbook-league .header > div div:first-child {
text-transform: uppercase;
margin-right: 10px;
font-size: 12px;
}
.i-mobile sportsbook-league .header > div div:last-child {
font-size: 17px;
line-height: 20px;
}
.i-mobile sportsbook-league .header > div .separator {
margin: 0 3px;
}
.i-mobile sportsbook-league .header img {
height: 50px;
min-width: 50px;
}
.i-mobile sportsbook-league .days-container {
margin: 0 15px 20px;
}
.i-mobile sportsbook-navigator {
display: flex;
margin: 5px;
}
.i-mobile sportsbook-navigator > div {
display: flex;
}
.i-mobile sportsbook-navigator > div.path {
width: 100%;
}
.i-mobile sportsbook-navigator > div.path > div:last-child {
background-color: #fec70b;
}
.i-mobile sportsbook-navigator > div.path .nav-btn {
max-width: 20%;
}
.i-mobile sportsbook-navigator > div.path .item {
background-color: #656565;
position: relative;
border-right: 2px solid black;
line-height: 17px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.i-mobile sportsbook-navigator > div.path .item > div {
padding-left: 10px;
}
.i-mobile sportsbook-navigator > div.path .item > img {
height: 24px;
padding-left: 10px;
}
.i-mobile sportsbook-navigator > div.path .item:before,
.i-mobile sportsbook-navigator > div.path .item:after {
content: "";
height: 0;
width: 0;
border-width: 18px 0 18px 18px;
border-style: solid;
position: absolute;
left: 100%;
top: 0;
}
.i-mobile sportsbook-navigator > div.path .item:before {
border-color: transparent transparent transparent #040404;
left: 0;
}
.i-mobile sportsbook-navigator > div.path .item:after {
border-color: transparent transparent transparent #656565;
z-index: 1;
}
.i-mobile sportsbook-navigator > div.path .item:first-child:before {
display: none;
}
.i-mobile sportsbook-navigator > div.path .item:last-child {
border-right: none;
}
.i-mobile sportsbook-navigator > div.path .item:last-child:after {
display: none;
}
.i-mobile sportsbook-navigator .nav-btn {
display: flex;
margin-right: 2px;
width: 25%;
}
.i-mobile sportsbook-navigator .nav-btn #triangle_left {
width: 0;
height: 0;
border-top: 18px solid transparent;
border-right: 10px solid #656565;
border-bottom: 18px solid transparent;
}
.i-mobile sportsbook-navigator .nav-btn > div:last-child {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background-color: #656565;
}
.i-mobile sportsbook-filter {
font-size: 18px;
text-transform: capitalize;
font-weight: 700;
display: flex;
margin: 10px;
}
.i-mobile sportsbook-filter .filter-content {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px;
min-height: 40px;
background-color: #656565;
padding: 0 10px;
}
.i-mobile sportsbook-filter .filter-content .fa {
padding-right: 5px;
font-size: 20px;
}
.i-mobile sportsbook-filter .filter {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-weight: normal;
font-size: 14px;
min-height: 40px;
width: 100%;
border-right: 1px solid #040404;
background: linear-gradient(#545454, #353434);
}
.i-mobile sportsbook-filter .filter > div {
position: relative;
}
.i-mobile sportsbook-filter .filter > div:first-child {
font-size: 14px;
}
.i-mobile sportsbook-filter .filter .fa-calendar-o {
font-size: 28px;
}
.i-mobile sportsbook-filter .filter .number {
position: absolute;
top: 10px;
left: 3px;
font-size: 12px;
}
.i-mobile sportsbook-filter .filter > img {
height: 30px;
}
.i-mobile sportsbook-filter .filter:last-child {
border-right: none;
}
.i-mobile sportsbook-filter .selected {
background: linear-gradient(#F6C811, #DE9203);
color: #040404;
}
.i-mobile sportsbook-filter hr {
margin: 0 10px;
border: none;
height: 1px;
color: #272754;
background-color: #272754;
}
.i-mobile sportsbook-sports-container {
display: block;
padding: 0 15px;
}
.i-mobile sportsbook-sports-container img {
margin-top: 4px;
margin-left: 2px;
}
.i-mobile sportsbook-sports-container .sports-list {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
.i-mobile sportsbook-sports-container .sports-list > div {
align-items: center;
background: linear-gradient(#545454, #353434);
display: flex;
height: 74px;
justify-content: center;
margin-bottom: 5px;
margin-right: 0.5%;
padding: 10px;
width: 19.5%;
}
.i-mobile sportsbook-sports-container .sports-list > div.active {
background: linear-gradient(#F6C811, #DE9203);
}
.i-mobile sportsbook-tree {
display: block;
padding: 0 10px 10px 10px;
font-size: 13px;
background-color: #040404;
}
.i-mobile sportsbook-tree.column .element {
width: 100% !important;
}
.i-mobile sportsbook-tree .element {
position: relative;
background: linear-gradient(#545454, #353434);
display: flex;
flex-direction: row-reverse;
height: 80px;
justify-content: space-between;
align-items: center;
padding: 5px;
width: 100%;
margin-bottom: 10px;
color: #fff;
}
.i-mobile sportsbook-tree .element > div {
display: flex;
align-items: center;
}
.i-mobile sportsbook-tree .element > div:first-child {
padding-right: 18px;
white-space: nowrap;
}
.i-mobile sportsbook-tree .element > div:last-child img {
margin: 0 10px;
width: 40px;
}
.i-mobile sportsbook-tree .title {
color: #fff;
font-size: 16px;
font-weight: 700;
}
.i-mobile time-picker .time-picker {
display: flex;
justify-content: space-between;
height: 100%;
}
.i-mobile time-picker .btn-refresh {
display: none;
}
.i-mobile time-picker .calendar {
display: none;
}
.i-mobile time-picker .date-range-select {
background-color: #fff;
color: #000;
height: 34px;
}
.i-mobile time-picker .date-range-select .date-range {
align-items: center;
display: flex;
justify-content: center;
height: 100%;
padding: 5px 7px;
}
.i-mobile time-picker .date-range-select .date-range-list {
background-color: #fff;
border-top: 1px solid #000;
position: absolute;
}
.i-mobile pagination {
margin: auto;
font-weight: bold;
}
.i-mobile pagination .pagination {
display: flex;
justify-content: center;
margin: 0 10px 10px 10px;
}
.i-mobile pagination .pagination .button {
background: linear-gradient(#F7F7F7, #CCCCCC);
color: black;
margin: 0 5px;
padding: 8px 14px;
}
.i-mobile pagination .pagination .button.selected {
background: linear-gradient(#F6C811, #DE9203);
}
.i-mobile pagination .pagination .left-separator {
display: flex;
align-items: center;
justify-content: center;
margin-left: 3px;
}
.i-mobile pagination .pagination .right-separator {
display: flex;
align-items: center;
justify-content: center;
margin-right: 3px;
}
.i-mobile pagination .pagination .pages {
display: flex;
margin: 0 3px;
}
.i-mobile contact .page-container {
padding: 10px;
}
.i-mobile contact .page-container a {
color: #fec70b;
}
.i-mobile contact .page-container .info-header {
display: flex;
justify-content: center;
align-items: center;
height: 40px;
background: #262d6f;
font-size: 16px;
font-weight: bold;
}
.i-mobile contact .page-container .info-container {
position: absolute;
width: 100vw;
display: flex;
flex-direction: column;
justify-content: center;
background: #262d6f;
z-index: 1;
}
.i-mobile contact .page-container .info-container .info-tab {
font-size: 16px;
font-weight: bold;
line-height: 40px;
text-align: center;
border-top: 1px solid #0e122d;
text-transform: uppercase;
}
.i-mobile contact .page-container .info-container .info-tab.active {
color: #fec70b;
}
.i-mobile contact .page-container .info-content {
padding: 10px;
font-size: 12px;
}
.i-mobile contact .page-container .info-content h2 {
font-size: 20px;
}
.i-mobile contact .page-container .sports {
display: flex;
flex-flow: wrap;
}
.i-mobile contact .page-container .sport {
width: 50%;
}
.i-mobile contact .page-container .sport.active {
color: #fec70b;
}
.i-mobile contact .page-container .banking-info {
display: flex;
border: 1px solid #fff;
margin-bottom: 5px;
}
.i-mobile contact .page-container .banking-info .one-column,
.i-mobile contact .page-container .banking-info .two-column {
width: 40%;
}
.i-mobile contact .page-container .banking-info .one-column > div:not(:last-child),
.i-mobile contact .page-container .banking-info .two-column > div:not(:last-child) {
border-bottom: 1px solid #fff;
}
.i-mobile contact .page-container .banking-info .one-column > div,
.i-mobile contact .page-container .banking-info .two-column > div {
display: flex;
align-items: center;
padding: 0 5px;
height: 39px;
}
.i-mobile contact .page-container .banking-info .two-column {
border-left: 1px solid #fff;
color: #fec70b;
width: 60%;
}
.i-mobile help .header,
.i-mobile promotions .header {
font-size: 2em;
text-align: center;
}
.i-mobile help formula-points,
.i-mobile promotions formula-points {
font-family: "Open Sans";
width: 100%;
font-size: 14px;
}
.i-mobile help formula-points .img-container,
.i-mobile promotions formula-points .img-container {
text-align: center;
}
.i-mobile help formula-points .img-container .img,
.i-mobile promotions formula-points .img-container .img {
position: relative;
}
.i-mobile help formula-points .img-container .img > div,
.i-mobile promotions formula-points .img-container .img > div {
position: absolute;
padding: 25px 30px;
border: 2px #c1a500 solid;
width: 400px;
right: 0;
top: 30%;
border-radius: 4px;
background: -webkit-linear-gradient(top, #ffdc00, #d9b800);
background: -moz-linear-gradient(top, #ffdc00, #d9b800);
background: -ms-linear-gradient(top, #ffdc00, #d9b800);
background: -o-linear-gradient(top, #ffdc00, #d9b800);
background-color: #d9b800;
font-size: 36px;
font-weight: 700;
}
.i-mobile help formula-points .img-container .img img,
.i-mobile promotions formula-points .img-container .img img {
width: 100%;
min-width: 1024px;
min-height: 268px;
}
.i-mobile help formula-points .text,
.i-mobile promotions formula-points .text {
margin: 10px 0;
font-size: 14px;
}
.i-mobile help formula-points .text.b-text,
.i-mobile promotions formula-points .text.b-text {
font-size: 36px;
font-weight: 300;
}
.i-mobile help formula-points .text.f-text,
.i-mobile promotions formula-points .text.f-text {
font-size: 18px;
font-weight: 600;
}
.i-mobile help formula-points .no-wripe,
.i-mobile promotions formula-points .no-wripe {
white-space: nowrap;
}
.i-mobile help formula-points .rows-container,
.i-mobile promotions formula-points .rows-container {
display: flex;
flex-direction: column;
}
.i-mobile help formula-points .rows-container .row,
.i-mobile promotions formula-points .rows-container .row {
font-weight: bold;
min-width: 230px;
background: #565656;
color: #fff;
text-align: center;
}
.i-mobile help formula-points .rows-container .row > div,
.i-mobile promotions formula-points .rows-container .row > div {
display: flex;
min-height: 35px;
border-top: 1px solid #3d3e40;
align-items: center;
}
.i-mobile help formula-points .rows-container .row > div > div,
.i-mobile promotions formula-points .rows-container .row > div > div {
width: 100%;
}
.i-mobile help formula-points .rows-container .row > div .left-row,
.i-mobile promotions formula-points .rows-container .row > div .left-row {
color: #fec70b;
}
.i-mobile help formula-points .rows-container .row > div .right-row,
.i-mobile promotions formula-points .rows-container .row > div .right-row {
background: #8d8d8d;
line-height: 35px;
color: white;
}
.i-mobile help formula-points .rows-container .row .triangle-right,
.i-mobile promotions formula-points .rows-container .row .triangle-right {
width: 0;
height: 0;
border-top: 18px solid #8d8d8d;
border-left: 17px solid transparent;
border-bottom: 17px solid #8d8d8d;
}
.i-mobile help formula-points .rows-examples,
.i-mobile promotions formula-points .rows-examples {
display: flex;
align-items: center;
}
.i-mobile help formula-points .rows-examples .one,
.i-mobile promotions formula-points .rows-examples .one,
.i-mobile help formula-points .rows-examples .two,
.i-mobile promotions formula-points .rows-examples .two,
.i-mobile help formula-points .rows-examples .three,
.i-mobile promotions formula-points .rows-examples .three {
font-style: italic;
width: 100%;
}
.i-mobile help formula-points .rows-examples .two,
.i-mobile promotions formula-points .rows-examples .two,
.i-mobile help formula-points .rows-examples .three,
.i-mobile promotions formula-points .rows-examples .three {
margin-left: 30px;
}
.i-mobile help formula-points .rows-examples .line,
.i-mobile promotions formula-points .rows-examples .line {
width: 100%;
height: 1px;
background: #cccccc;
margin: auto 10px;
}
.i-mobile help formula-points .rows-examples .fa-chevron-down,
.i-mobile promotions formula-points .rows-examples .fa-chevron-down,
.i-mobile help formula-points .rows-examples .fa-chevron-up,
.i-mobile promotions formula-points .rows-examples .fa-chevron-up {
min-width: 26px;
line-height: 26px;
height: 26px;
border-radius: 50%;
background: red;
text-align: center;
color: white;
font-size: 14px;
cursor: pointer;
}
.i-mobile help formula-points .register,
.i-mobile promotions formula-points .register {
border: 1px #c1a500 solid;
font-size: 26px;
line-height: 80px;
border-radius: 4px;
text-align: center;
font-weight: 700;
color: #333333;
cursor: pointer;
margin: 20px 0;
text-transform: uppercase;
background: -webkit-linear-gradient(top, #ffdc00, #d9b800);
background: -moz-linear-gradient(top, #ffdc00, #d9b800);
background: -ms-linear-gradient(top, #ffdc00, #d9b800);
background: -o-linear-gradient(top, #ffdc00, #d9b800);
background-color: #d9b800;
}
.i-mobile help formula-points .register:hover,
.i-mobile promotions formula-points .register:hover {
background: -webkit-linear-gradient(top, #d9b800, #ffdc00);
background: -moz-linear-gradient(top, #d9b800, #ffdc00);
background: -ms-linear-gradient(top, #d9b800, #ffdc00);
background: -o-linear-gradient(top, #d9b800, #ffdc00);
background-color: #ffdc00;
}
.i-mobile help formula-points h4,
.i-mobile promotions formula-points h4 {
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
.i-mobile help formula-points p,
.i-mobile promotions formula-points p {
margin: 0;
}
.i-mobile help formula-points table,
.i-mobile promotions formula-points table {
width: 100%;
text-align: left;
}
.i-mobile help formula-points table thead tr th,
.i-mobile promotions formula-points table thead tr th {
color: #fff;
padding: 8px 10px;
text-transform: uppercase;
font-weight: 600;
background: -webkit-linear-gradient(top, #646464, #4f4f4f);
background: -moz-linear-gradient(top, #646464, #4f4f4f);
background: -ms-linear-gradient(top, #646464, #4f4f4f);
background: -o-linear-gradient(top, #646464, #4f4f4f);
background-color: #4f4f4f;
}
.i-mobile help formula-points table tbody tr:nth-child(odd),
.i-mobile promotions formula-points table tbody tr:nth-child(odd) {
background: #cccccc;
}
.i-mobile help formula-points table tbody tr:nth-child(even),
.i-mobile promotions formula-points table tbody tr:nth-child(even) {
background: #d9d9d9;
}
.i-mobile help formula-points table tbody td,
.i-mobile promotions formula-points table tbody td {
padding: 8px 10px;
border: 1px solid #bbbbbb;
}
.i-mobile help a,
.i-mobile promotions a {
color: #fec70b;
}
.i-mobile help .info-header,
.i-mobile promotions .info-header {
display: flex;
justify-content: center;
align-items: center;
height: 40px;
background: linear-gradient(#F7F7F7, #CCCCCC);
color: black;
font-size: 16px;
font-weight: bold;
}
.i-mobile help .page-content,
.i-mobile promotions .page-content {
width: 100vw;
position: absolute;
margin-top: 0px;
background-color: #000;
}
.i-mobile help .info-container,
.i-mobile promotions .info-container {
position: absolute;
width: 100vw;
display: flex;
flex-direction: column;
justify-content: center;
background: #656565;
z-index: 1;
}
.i-mobile help .info-container .info-tab,
.i-mobile promotions .info-container .info-tab {
font-size: 16px;
font-weight: bold;
line-height: 40px;
text-align: center;
border-top: 1px solid #040404;
text-transform: uppercase;
}
.i-mobile help .info-container .info-tab.active,
.i-mobile promotions .info-container .info-tab.active {
background: linear-gradient(#F7F7F7, #CCCCCC);
color: black;
}
.i-mobile help .info-content,
.i-mobile promotions .info-content {
padding: 10px;
font-size: 12px;
}
.i-mobile help .info-content .header,
.i-mobile promotions .info-content .header {
display: none;
}
.i-mobile help .info-content h2,
.i-mobile promotions .info-content h2 {
font-size: 20px;
}
.i-mobile help .sports,
.i-mobile promotions .sports {
display: flex;
flex-flow: wrap;
}
.i-mobile help .sport,
.i-mobile promotions .sport {
width: 50%;
}
.i-mobile help .sport.active,
.i-mobile promotions .sport.active {
color: #fec70b;
}
.i-mobile help .banking-info,
.i-mobile promotions .banking-info {
display: flex;
border: 1px solid #fff;
margin-bottom: 5px;
}
.i-mobile help .banking-info .one-column,
.i-mobile promotions .banking-info .one-column,
.i-mobile help .banking-info .two-column,
.i-mobile promotions .banking-info .two-column {
width: 40%;
}
.i-mobile help .banking-info .one-column > div:not(:last-child),
.i-mobile promotions .banking-info .one-column > div:not(:last-child),
.i-mobile help .banking-info .two-column > div:not(:last-child),
.i-mobile promotions .banking-info .two-column > div:not(:last-child) {
border-bottom: 1px solid #fff;
}
.i-mobile help .banking-info .one-column > div,
.i-mobile promotions .banking-info .one-column > div,
.i-mobile help .banking-info .two-column > div,
.i-mobile promotions .banking-info .two-column > div {
display: flex;
align-items: center;
padding: 0 5px;
height: 39px;
}
.i-mobile help .banking-info .two-column,
.i-mobile promotions .banking-info .two-column {
border-left: 1px solid #fff;
color: #fec70b;
width: 60%;
}
.i-mobile register {
position: fixed;
display: flex;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1004;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.i-mobile register .show-hide-password {
color: #888;
position: absolute;
transform: translate(-38px, 11px);
cursor: pointer;
padding: 7px;
font-size: 16px;
}
.i-mobile register.day .register {
background: #e7e7e7;
}
.i-mobile register.day .register form {
color: black;
}
.i-mobile register.day .register .terms-conditions a {
color: #168400;
}
.i-mobile register .button-register {
font-size: 16px;
}
.i-mobile register .register {
position: relative;
margin: auto;
background: #333333;
max-width: 860px;
width: 100%;
height: 100%;
margin-top: 60px;
padding: 0;
}
.i-mobile register .register .btn-close {
top: 13px;
padding: 5px 8px;
right: 10px;
left: auto;
background: linear-gradient(#F6C811, #DE9203);
border-radius: 50%;
color: black;
}
.i-mobile register .register .title {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 22px;
padding: 0 12px;
height: 54px;
text-transform: uppercase;
border-bottom: 1px solid #9e9e9e;
background: #656565;
}
.i-mobile register .register .title .account-login {
display: none;
}
.i-mobile register .register form {
color: #fff;
}
.i-mobile register .register form .content {
display: flex;
margin: 0;
flex-direction: column;
}
.i-mobile register .register form .content .group {
padding: 0 5px;
width: 100%;
border: 0;
}
.i-mobile register .register form .content .group h2 {
font-size: 20px;
margin-top: 9px;
padding-bottom: 5px;
border-bottom: 1px solid #9e9e9e;
}
.i-mobile register .register form .content .group .fields .field {
position: relative;
padding-top: 10px;
}
.i-mobile register .register form .content .group .fields .field > div {
font-size: 18px;
}
.i-mobile register .register form .content .group .fields .field .form-control {
outline: none;
width: 100%;
padding: 0 10px;
margin-top: 7px;
border: 0;
border-radius: 2px;
height: 40px;
font-size: 18px;
border: 1px solid #9e9e9e;
}
.i-mobile register .register form .content .group .fields .field:first-child {
padding-top: 10px;
}
.i-mobile register .register form .content .group .fields .field .date {
position: relative;
}
.i-mobile register .register form .content .group .fields .field .mat-icon-button {
position: absolute;
right: 0;
top: 3px;
width: 248px;
text-align: right;
padding-right: 5px;
border-radius: 4px;
}
.i-mobile register .register form .content .group .fields .field .invalid-feedback > div {
position: absolute;
right: 0;
top: 11px;
padding: 2px;
border-radius: 3px;
background: #ff2626;
}
.i-mobile register .register .footer {
padding: 0 5px;
}
.i-mobile register .register .footer .terms-conditions {
flex-direction: column;
padding-bottom: 10px;
align-items: center;
}
.i-mobile .shadow-img,
.i-mobile .shadow-logo {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.i-mobile widget iframe {
border: none;
width: 100%;
}
.i-mobile .win {
color: #48e05f;
}
.i-mobile .draw {
color: orange;
}
.i-mobile .lose {
color: #d21c2d;
}
.i-mobile .btn-back-to-top {
display: none;
}
.i-mobile betslip .confirm-bet {
position: fixed;
bottom: 0;
display: flex;
width: calc(100vw - 10px);
}
.i-mobile betslip .confirm-bet .cancel-bet {
width: 15%;
left: 0;
}
.i-mobile betslip .confirm-bet .cancel-bet i {
margin-right: 10px;
}
.i-mobile betslip .confirm-bet .btn-place {
width: 85%;
right: 5px;
}
.i-mobile .nav-tabs .nav-tabs-text {
max-width: 187px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.casino-img {
background-image: url(e8c6369a77f4bd2c427b344ef281fcb9.png);
height: 20px;
width: 20px;
}
@keyframes raise {
from {
background: inherit;
color: inherit;
}
to {
background: #48e05f;
color: white;
}
}
@keyframes fall {
from {
background: inherit;
color: inherit;
}
to {
background: #80000d;
color: white;
}
}
body {
min-width: 1025px;
font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
}
body .mydp {
border: none;
}
body .image-container {
display: flex;
justify-content: center;
align-items: center;
height: 90vh;
}
.cdk-overlay-container {
z-index: 5000;
}
.stream-container {
margin-bottom: 10px;
}
.stream-container .stream-header {
background: #181d47;
}
.stream-container .stream-header .stream-teams-container {
position: absolute;
background: #181d47;
z-index: 1;
width: 260px;
max-height: 324px;
overflow: auto;
}
.stream-container .stream-header .stream-team {
display: flex;
white-space: nowrap;
padding: 5px;
border-bottom: 1px solid black;
cursor: pointer;
}
.stream-container .stream-header .stream-team.active {
background: #fec70b;
color: black;
}
.stream-container .stream-header .stream-name {
display: flex;
width: 263px;
overflow: hidden;
text-overflow: ellipsis;
}
.stream-container .stream-header .stream-logo {
width: 14px;
}
.stream-container .stream-header .stream-text {
overflow: hidden;
padding-left: 5px;
text-overflow: ellipsis;
width: 240px;
}
sport-widget .soccer-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/football.png");
}
sport-widget .tennis-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/tennis.png");
}
sport-widget .basketball-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/basketball.png");
}
sport-widget .rugby-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/rugby.png");
}
sport-widget .volleyball-field {
background-image: url("https://resources.bpbet.com/Resources/GetImageByUrl?url=widget/images/background/volleyball.png");
}
sport-widget .ev-stat-name {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 80%;
color: white;
}
sport-widget .chart {
position: absolute;
width: 100%;
top: 0;
}
sport-widget .chart-block {
display: block;
width: 100%;
}
sport-widget .chart-canvas {
margin-left: auto;
margin-right: auto;
}
sport-widget .stats-button {
margin-bottom: 1px;
display: flex;
}
sport-widget .match-stat-block {
transform: rotate3d(1, 0, 0, 60deg);
margin-left: 9%;
width: 82%;
}
sport-widget .match-stat-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
sport-widget .event-inc-buttons {
display: flex;
}
sport-widget .sport-img {
height: 20px;
margin: 0 5px 0 5px;
}
sport-widget .court-pi {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
position: relative;
color: #fff;
}
.site-container .btn-back-to-top {
display: none;
width: 41px;
height: 41px;
text-align: center;
padding-top: 12px;
color: #040404;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 300;
cursor: pointer;
opacity: 0.9;
font-size: 14px;
border-radius: 50%;
background: linear-gradient(#F6C811, #DE9203);
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
my-bets-betslip .tickets-container {
text-transform: uppercase;
background-color: #262d6f;
}
my-bets-betslip .tickets-container .btn-switch {
background: -webkit-linear-gradient(top, #eaeaea, #9e9e9e);
display: flex;
border-top: 1px solid black;
font-weight: 500;
font-size: 13px;
cursor: pointer;
justify-content: center;
text-align: center;
padding: 15px;
bottom: 0;
color: black;
}
my-bets-betslip .tickets-container .ticket-container {
border-top: 1px solid black;
margin-top: -1px;
}
my-bets-betslip .tickets-container .ticket-container .header-bets {
display: flex;
position: relative;
}
my-bets-betslip .tickets-container .ticket-container .header-bets .ticket-number {
font-size: 15px;
color: #e2e216;
cursor: pointer;
margin: 10px;
}
my-bets-betslip .tickets-container .ticket-container .header-bets .stake-date {
position: absolute;
right: 2px;
margin: 13px;
}
my-bets-betslip .tickets-container .ticket-container .items-container {
display: flex;
}
my-bets-betslip .tickets-container .ticket-container .items-container .item-container {
justify-content: center;
align-items: center;
text-align: center;
width: 33%;
text-transform: none;
}
my-bets-betslip .tickets-container .ticket-container .items-container .item-container .status-container {
text-transform: uppercase;
font-size: 11px;
padding-top: 2px;
}
my-bets-betslip .tickets-container .ticket-container .items-container .item-container .top-container {
display: flex;
font-size: 11px;
margin-left: 26px;
padding-top: 2px;
margin-bottom: 10px;
}
my-bets-betslip .tickets-container .ticket-container .items-container .item-container .top-container .bottom-container {
text-transform: uppercase;
}
my-bets-betslip .tickets-container .ticket-container .cashout,
my-bets-betslip .tickets-container .ticket-container .cashout-btns {
margin: 0 10px 10px;
}
invite-player,
invited-players,
send-money {
position: relative;
}
invite-player table,
invited-players table,
send-money table {
width: 100%;
}
invite-player .header,
invited-players .header,
send-money .header {
margin-bottom: 25px;
}
invite-player .invite-player-form,
invited-players .invite-player-form,
send-money .invite-player-form {
display: flex;
flex-direction: column;
}
invite-player .invite-player-form input,
invited-players .invite-player-form input,
send-money .invite-player-form input,
invite-player .invite-player-form button,
invited-players .invite-player-form button,
send-money .invite-player-form button {
width: 300px;
}
invite-player .invite-player-form input,
invited-players .invite-player-form input,
send-money .invite-player-form input {
margin-bottom: 10px;
padding: 5px;
}
invite-player .invite-player-form label,
invited-players .invite-player-form label,
send-money .invite-player-form label {
font-size: 14px;
}
invite-player .invite-player-form button,
invited-players .invite-player-form button,
send-money .invite-player-form button {
margin-top: 10px;
border-radius: 3px;
border: none;
line-height: 32px;
cursor: pointer;
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
invite-player spinner,
invited-players spinner,
send-money spinner {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
}
betslip {
margin-left: 25px;
}
betslip .system-invalid {
background: #c40200;
}
betslip .betslip-spinner {
position: fixed !important;
top: 0 !important;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 20000;
height: 100% !important;
width: 100% !important;
display: flex;
align-items: center;
flex-flow: column;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
betslip .betslip-spinner .header-spinner {
margin-top: 100px;
display: flex;
width: 500px;
justify-content: center;
font-size: 25px;
height: 60px;
text-transform: uppercase;
background: #20BF00;
align-items: center;
border-bottom: 1px solid black;
color: #d8d6d6;
}
betslip .betslip-spinner .central-spinner {
display: flex;
align-items: center;
width: 500px;
height: 175px;
background: #20BF00;
flex-flow: column;
}
betslip .betslip-spinner .central-spinner .logo-spinner {
position: relative;
background-image: url(/assets/img/logo_dark.png);
background-repeat: no-repeat;
background-size: contain;
width: 140px;
height: 80px;
margin-top: 30px;
}
betslip .betslip-spinner .central-spinner .logo-spinner .count-down {
position: absolute;
width: 100%;
text-align: center;
bottom: 10px;
}
betslip .betslip-spinner .central-spinner .loading-spinner {
background-image: url(/assets/img/loading.gif);
background-repeat: no-repeat;
background-size: contain;
width: 140px;
height: 30px;
}
betslip .betslip-spinner .central-spinner .message-spinner {
color: #d8d6d6;
}
betslip .warning {
display: flex;
color: #36b449;
width: 100%;
padding-top: 9px;
justify-content: center;
}
betslip .error {
display: flex;
color: #d21c2d;
width: 100%;
padding-top: 9px;
justify-content: center;
}
betslip .color-black {
color: #464648;
}
betslip .checkbox-name {
display: flex;
justify-content: center;
align-items: center;
min-width: 18px;
height: 18px;
background-color: #fff;
margin-right: 5px;
border: 1px solid #cfcfcf;
border-radius: 3px;
cursor: pointer;
}
betslip .checkbox-name .fa {
color: black;
}
betslip .left-field {
width: 100%;
margin-right: 10px;
display: flex;
justify-content: space-between;
}
betslip .bet-btn {
display: flex;
justify-content: center;
align-items: center;
background: #181d47;
border-radius: 50%;
color: #fff;
cursor: pointer;
height: 22px;
line-height: 22px;
margin-left: 8px;
min-width: 22px;
}
betslip .bet-btn.active {
background-color: #c40200;
}
@media (max-width: 1340px) {
betslip {
right: 20px;
}
}
betslip .title-betslip {
align-items: center;
background: linear-gradient(#545454, #353434);
color: white;
display: flex;
font-size: 16px;
font-weight: bold;
line-height: 40px;
justify-content: center;
position: relative;
text-transform: uppercase;
margin-bottom: 1px;
margin-top: 10px;
}
betslip .header {
align-items: center;
background: linear-gradient(#545454, #353434);
display: flex;
font-size: 16px;
font-weight: bold;
line-height: 40px;
justify-content: center;
position: relative;
text-transform: uppercase;
color: white;
}
betslip .header .switcher {
background: linear-gradient(#F7F7F7, #CCCCCC);
color: #333333;
border: none;
position: absolute;
right: 7px;
top: 9px;
}
betslip .header .title {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
}
betslip .content {
background: #656565;
color: #fff;
}
betslip .tabs {
display: flex;
text-transform: uppercase;
font-size: 12px;
background: linear-gradient(#545454, #353434);
}
betslip .tabs .tab {
cursor: pointer;
padding: 8px 0;
text-align: center;
width: 100%;
font-weight: 500;
}
betslip .tabs .tab:not(:last-child) {
border-right: 1px solid #656565;
}
betslip .tabs .tab.active,
betslip .tabs .tab:hover {
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
betslip input {
margin: 0;
max-width: 74px;
padding-right: 5px;
text-align: right;
outline: none;
border: none;
border-radius: 3px;
}
betslip .betslip-info > div {
display: flex;
justify-content: space-between;
padding: 9px 12px;
width: 100%;
}
betslip .betslip-info .diagram {
padding: 0;
display: flex;
justify-content: space-between;
height: 30px;
border-left: 10px solid #F6F6F6;
border-right: 10px solid #F6F6F6;
background: #ff2600;
background: -moz-linear-gradient(left, #ff2600 0%, #f1715b 0%, #f62d0e 0%, #f03619 0%, #27e63d 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #ff2600), color-stop(0%, #f1715b), color-stop(0%, #f62d0e), color-stop(0%, #f03619), color-stop(100%, #27e63d));
background: -webkit-linear-gradient(left, #ff2600 0%, #f1715b 0%, #f62d0e 0%, #f03619 0%, #27e63d 100%);
background: -o-linear-gradient(left, #ff2600 0%, #f1715b 0%, #f62d0e 0%, #f03619 0%, #27e63d 100%);
background: -ms-linear-gradient(left, #ff2600 0%, #f1715b 0%, #f62d0e 0%, #f03619 0%, #27e63d 100%);
background: linear-gradient(to right, #ff2600 0%, #f1715b 0%, #f62d0e 0%, #f03619 0%, #27e63d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2600', endColorstr='#27e63d', GradientType=1);
}
betslip .betslip-info .diagram > div {
text-align: center;
width: 100%;
border-right: 1px solid #F6F6F6;
}
betslip .betslip-info .diagram > div:nth-child(1) {
border-top: 27px solid #F6F6F6;
}
betslip .betslip-info .diagram > div:nth-child(2) {
border-top: 25px solid #F6F6F6;
}
betslip .betslip-info .diagram > div:nth-child(3) {
border-top: 23px solid #F6F6F6;
}
betslip .betslip-info .diagram > div:nth-child(4) {
border-top: 21px solid #F6F6F6;
}
betslip .betslip-info .diagram > div:nth-child(5) {
border-top: 19px solid #F6F6F6;
}
betslip .betslip-info .diagram > div:nth-child(6) {
border-top: 17px solid #F6F6F6;
}
betslip .betslip-info .diagram > div:nth-child(7) {
border-top: 15px solid #F6F6F6;
}
betslip .betslip-info .diagram > div:nth-child(8) {
border-top: 13px solid #F6F6F6;
}
betslip .betslip-info .diagram > div:nth-child(9) {
border-top: 11px solid #F6F6F6;
}
betslip .betslip-info .diagram > div:nth-child(10) {
border-top: 9px solid #F6F6F6;
}
betslip .betslip-info .diagram > div:nth-child(11) {
border-top: 7px solid #F6F6F6;
}
betslip .betslip-info .diagram > div:nth-child(12) {
border-top: 5px solid #F6F6F6;
}
betslip .betslip-info .diagram > div:nth-child(13) {
border-top: 3px solid #F6F6F6;
}
betslip .betslip-info .odds-changed {
justify-content: flex-start;
align-items: center;
}
betslip .betslip-info .odds-changed span {
font-size: 12px;
cursor: pointer;
margin-left: 10px;
}
betslip .betslip-info .common-bonus {
background-color: #F6F6F6;
color: #040404;
}
betslip .betslip-info .common-bonus .combi-bonus-info {
display: none;
}
betslip .betslip-info .common-bonus .value {
font-size: 15px;
color: #D90000;
font-weight: bold;
}
betslip .total-info {
flex-direction: column;
background: #656565;
}
betslip .total-info > div {
display: flex;
justify-content: space-between;
line-height: 27px;
}
betslip .total-info > div span:last-child {
font-weight: 700;
}
betslip .betslip-empty {
font-size: 14px;
text-align: center;
padding: 10px;
border-top: 1px solid #494b52;
}
betslip .btn-clear-all {
display: none;
}
betslip .btn-clear-all .bet-vip {
display: flex;
align-items: center;
}
betslip .btn-clear-all .bet-vip .vip-swap {
display: flex;
align-items: center;
background: #666;
border-radius: 11px;
margin: 0 10px 0 0;
height: 22px;
width: 38px;
cursor: pointer;
}
betslip .btn-clear-all .bet-vip .vip-swap.selected-vip {
justify-content: flex-end;
background: #0d8a32;
}
betslip .btn-clear-all .bet-vip .vip-swap .vip-circle {
border-radius: 50%;
background: #fff;
margin: 2px;
width: 18px;
height: 18px;
}
betslip .btn-clear-all .bet-btn {
background-color: #0b1133;
padding: 0 10px;
border-radius: 4px;
}
betslip .btn-betslip {
cursor: pointer;
font-size: 16px;
line-height: 50px;
text-align: center;
text-transform: uppercase;
width: 100%;
font-weight: bold;
background: -webkit-linear-gradient(top, #c40200, #780202);
background: -moz-linear-gradient(top, #c40200, #780202);
background: -ms-linear-gradient(top, #c40200, #780202);
background: -o-linear-gradient(top, #c40200, #780202);
background-color: #780202;
}
betslip .btn-panel {
display: flex;
}
betslip .btn-panel .show-limits {
display: none;
}
betslip .btn-panel > div {
display: flex;
align-items: center;
background: linear-gradient(#545454, #353434);
cursor: pointer;
justify-content: center;
height: 42px;
text-align: center;
text-transform: uppercase;
width: 100%;
padding: 0 5px;
font-weight: 500;
}
betslip .btn-panel > div:not(:last-child) {
border-right: 1px solid #656565;
}
betslip .btn-place {
background: linear-gradient(#20BF00, #168400);
height: 50px;
}
betslip .btn-place:hover {
background: linear-gradient(#168400, #20BF00);
}
betslip .confirm-bet {
display: flex;
}
betslip .confirm-bet .cancel-bet {
display: flex;
width: 25%;
cursor: pointer;
background-color: #eaeaea;
height: 50px;
color: black;
font-size: 14px;
justify-content: center;
align-items: center;
}
betslip .stake-per-bet {
background-color: #fff;
color: #040404;
}
betslip .stake-per-bet input {
background: white;
color: black;
border: 1px solid black;
border-radius: 3px;
}
betslip .stake-per-bet input:disabled {
border: 0;
}
betslip .stake-per-bet span {
align-self: center;
}
betslip .total-stake {
background: linear-gradient(#F6C811, #DE9203);
color: black;
font-size: 15px;
text-transform: uppercase;
}
betslip .total-stake span {
font-weight: bold;
}
betslip .first-part {
border-radius: 10px 0 0 10px;
}
betslip .second-part {
border-radius: 0 10px 10px 0;
}
betslip .second-part .is-live-title {
padding-left: 10px;
border-left: 1px solid #fff;
}
betslip .is-live-container {
align-items: center;
background: white;
display: inline-block;
font-size: 11px;
line-height: 15px;
padding: 2px 5px;
}
betslip .is-live-container .is-live-circle {
background: #c40200;
border-radius: 50%;
display: inline-block;
height: 5px;
width: 5px;
margin-left: 5px;
}
betslip .is-live-container .is-live-title {
color: #c40200;
font-weight: 500;
font-style: italic;
}
betslip .bet {
background: #fec70b;
color: #040404;
padding: 6px 8px;
}
betslip .bet:not(:last-child) {
border-bottom: 1px solid #040404;
}
betslip .bet .bet-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
betslip .bet .btn-container {
display: flex;
align-items: center;
}
betslip .bet .bet-odd {
display: flex;
align-items: flex-start;
margin-top: 5px;
justify-content: space-between;
}
betslip .bet .bet-players {
font-size: 14px;
}
betslip .bet .bet-stake {
display: flex;
justify-content: space-between;
margin-top: 5px;
}
betslip .bet .bet-stake .checkbox-name {
background-color: #dedede;
border: 1px solid #a6a6a6;
height: 15px;
min-width: 15px;
}
betslip .bet .bet-stake div {
display: flex;
}
betslip .bet .odd-factor {
display: flex;
align-items: center;
font-weight: 500;
font-size: 14px;
}
betslip .btn-system {
background: -webkit-linear-gradient(top, #eaeaea, #9e9e9e);
background: -moz-linear-gradient(top, #eaeaea, #9e9e9e);
background: -ms-linear-gradient(top, #eaeaea, #9e9e9e);
background: -o-linear-gradient(top, #eaeaea, #9e9e9e);
background-color: #9e9e9e;
cursor: pointer;
text-align: center;
text-transform: uppercase;
line-height: 21px;
color: #040404;
font-weight: bold;
margin: 12px 12px 0;
}
betslip .btn-system:hover {
background: -webkit-linear-gradient(top, #9e9e9e, #eaeaea);
background: -moz-linear-gradient(top, #9e9e9e, #eaeaea);
background: -ms-linear-gradient(top, #9e9e9e, #eaeaea);
background: -o-linear-gradient(top, #9e9e9e, #eaeaea);
background-color: #eaeaea;
}
betslip .systems-container {
padding: 9px 0 0 !important;
flex-direction: column;
}
betslip .systems-container .system-content {
padding: 0 12px;
}
betslip .systems-container .system-content .system {
display: flex;
justify-content: space-between;
margin: 7.5px 0;
}
betslip .systems-container .system-content .system > div {
align-items: center;
display: flex;
}
betslip .systems-container .system-content .system input:first-child {
margin-right: 4px;
}
betslip .systems-container .system-content > div:first-child .system {
margin-top: 0;
}
betslip .systems-container .warning {
padding-top: 0;
justify-content: flex-start;
}
betslip .systems-container .error {
padding-top: 0;
justify-content: flex-start;
}
.terminal-view {
display: none !important;
}
sms-code-verification-window .loader-message {
font-size: 16px;
}
register,
popup-login,
forgot-password,
change-password {
position: fixed;
display: flex;
width: 100%;
height: 100%;
top: 0;
background: rgba(0, 0, 0, 0.8);
transform: translateZ(0);
-webkit-transform: translateZ(0);
z-index: 1005;
}
register .send-sms-btn,
popup-login .send-sms-btn,
forgot-password .send-sms-btn,
change-password .send-sms-btn {
margin-top: 5px;
cursor: pointer;
background: linear-gradient(#F6C811, #DE9203);
padding: 5px;
color: black;
font-weight: 700;
font-size: 20px;
text-decoration: none;
text-align: center;
}
register .send-sms-btn:hover,
popup-login .send-sms-btn:hover,
forgot-password .send-sms-btn:hover,
change-password .send-sms-btn:hover {
background: linear-gradient(#DE9203, #F6C811);
}
register .send-sms-btn-disabled,
popup-login .send-sms-btn-disabled,
forgot-password .send-sms-btn-disabled,
change-password .send-sms-btn-disabled {
cursor: not-allowed;
background: #cccccc;
color: #757575;
}
register .send-sms-btn-disabled:hover,
popup-login .send-sms-btn-disabled:hover,
forgot-password .send-sms-btn-disabled:hover,
change-password .send-sms-btn-disabled:hover {
background: #cccccc;
color: #757575;
}
register .btn,
popup-login .btn,
forgot-password .btn,
change-password .btn {
background: linear-gradient(#F7F7F7, #CCCCCC);
text-transform: uppercase;
font-size: 18px;
height: 36px;
color: #040404;
cursor: pointer;
border: 0;
min-width: 100px;
font-weight: bold;
}
register .btn:hover,
popup-login .btn:hover,
forgot-password .btn:hover,
change-password .btn:hover {
background: linear-gradient(#F6C811, #DE9203);
}
register .btn:disabled,
popup-login .btn:disabled,
forgot-password .btn:disabled,
change-password .btn:disabled {
cursor: not-allowed;
background: #cccccc;
color: #757575;
}
register .account-login span,
popup-login .account-login span,
forgot-password .account-login span,
change-password .account-login span {
padding: 0 10px;
}
register .button-register,
popup-login .button-register,
forgot-password .button-register,
change-password .button-register {
font-size: 26px;
}
register .button-register-disabled,
popup-login .button-register-disabled,
forgot-password .button-register-disabled,
change-password .button-register-disabled {
background: #cccccc;
color: #757575;
cursor: not-allowed;
}
register .button-register-disabled:hover,
popup-login .button-register-disabled:hover,
forgot-password .button-register-disabled:hover,
change-password .button-register-disabled:hover {
background: #cccccc;
}
register .btn-close,
popup-login .btn-close,
forgot-password .btn-close,
change-password .btn-close {
position: absolute;
right: 2px;
top: 2px;
background: none;
padding: 5px 7px;
cursor: pointer;
color: #fff;
transition: 250ms color;
}
register .btn-close:hover,
popup-login .btn-close:hover,
forgot-password .btn-close:hover,
change-password .btn-close:hover {
color: #F6C811;
}
register .login-container,
popup-login .login-container,
forgot-password .login-container,
change-password .login-container,
register .forgot-container,
popup-login .forgot-container,
forgot-password .forgot-container,
change-password .forgot-container {
position: relative;
margin: auto;
padding: 30px;
background: #656565;
}
register .login-container button,
popup-login .login-container button,
forgot-password .login-container button,
change-password .login-container button,
register .forgot-container button,
popup-login .forgot-container button,
forgot-password .forgot-container button,
change-password .forgot-container button {
margin-top: 20px;
width: 100%;
}
register .login-container .row,
popup-login .login-container .row,
forgot-password .login-container .row,
change-password .login-container .row,
register .forgot-container .row,
popup-login .forgot-container .row,
forgot-password .forgot-container .row,
change-password .forgot-container .row {
padding-top: 20px;
cursor: auto;
}
register .login-container .row .flex,
popup-login .login-container .row .flex,
forgot-password .login-container .row .flex,
change-password .login-container .row .flex,
register .forgot-container .row .flex,
popup-login .forgot-container .row .flex,
forgot-password .forgot-container .row .flex,
change-password .forgot-container .row .flex {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: end;
}
register .login-container .row .flex .input,
popup-login .login-container .row .flex .input,
forgot-password .login-container .row .flex .input,
change-password .login-container .row .flex .input,
register .forgot-container .row .flex .input,
popup-login .forgot-container .row .flex .input,
forgot-password .forgot-container .row .flex .input,
change-password .forgot-container .row .flex .input {
margin-right: 10px;
}
register .login-container .row .flex .send-sms-button,
popup-login .login-container .row .flex .send-sms-button,
forgot-password .login-container .row .flex .send-sms-button,
change-password .login-container .row .flex .send-sms-button,
register .forgot-container .row .flex .send-sms-button,
popup-login .forgot-container .row .flex .send-sms-button,
forgot-password .forgot-container .row .flex .send-sms-button,
change-password .forgot-container .row .flex .send-sms-button {
width: 70%;
height: 32px;
margin-top: 0;
cursor: pointer;
background: linear-gradient(#F7F7F7, #CCCCCC);
text-transform: uppercase;
font-weight: bold;
color: #040404;
font-size: 15px;
border: 0;
}
register .login-container .row .flex .send-sms-button:hover,
popup-login .login-container .row .flex .send-sms-button:hover,
forgot-password .login-container .row .flex .send-sms-button:hover,
change-password .login-container .row .flex .send-sms-button:hover,
register .forgot-container .row .flex .send-sms-button:hover,
popup-login .forgot-container .row .flex .send-sms-button:hover,
forgot-password .forgot-container .row .flex .send-sms-button:hover,
change-password .forgot-container .row .flex .send-sms-button:hover {
background: linear-gradient(#F6C811, #DE9203);
}
register .login-container .row .flex .send-sms-button:disabled,
popup-login .login-container .row .flex .send-sms-button:disabled,
forgot-password .login-container .row .flex .send-sms-button:disabled,
change-password .login-container .row .flex .send-sms-button:disabled,
register .forgot-container .row .flex .send-sms-button:disabled,
popup-login .forgot-container .row .flex .send-sms-button:disabled,
forgot-password .forgot-container .row .flex .send-sms-button:disabled,
change-password .forgot-container .row .flex .send-sms-button:disabled {
cursor: not-allowed;
background: #cccccc;
color: #757575;
}
register .login-container .error,
popup-login .login-container .error,
forgot-password .login-container .error,
change-password .login-container .error,
register .forgot-container .error,
popup-login .forgot-container .error,
forgot-password .forgot-container .error,
change-password .forgot-container .error {
color: #ff2626;
}
register .title,
popup-login .title,
forgot-password .title,
change-password .title {
padding-bottom: 20px;
font-size: 25px;
border-bottom: 1px solid #9e9e9e;
text-transform: uppercase;
display: flex;
justify-content: space-between;
align-items: center;
}
register .register,
popup-login .register,
forgot-password .register,
change-password .register {
position: relative;
margin: auto;
width: 450px;
background: #656565;
padding: 30px;
}
register .register .account-login,
popup-login .register .account-login,
forgot-password .register .account-login,
change-password .register .account-login {
font-size: 12px;
text-transform: initial;
}
register .form-control,
popup-login .form-control,
forgot-password .form-control,
change-password .form-control {
outline: none;
width: 100%;
height: 32px;
padding: 0 33px 0 10px;
margin-top: 7px;
border: 0;
font-size: 12px;
}
register .form-control option,
popup-login .form-control option,
forgot-password .form-control option,
change-password .form-control option {
min-height: 32px;
}
register .is-invalid,
popup-login .is-invalid,
forgot-password .is-invalid,
change-password .is-invalid {
border: 1px solid #ff2626 !important;
}
register .content,
popup-login .content,
forgot-password .content,
change-password .content {
display: flex;
margin-top: 41px;
}
register .content .group,
popup-login .content .group,
forgot-password .content .group,
change-password .content .group {
width: 100%;
font-family: Roboto;
}
register .content .group h2,
popup-login .content .group h2,
forgot-password .content .group h2,
change-password .content .group h2 {
font-size: 23px;
font-weight: normal;
margin-top: 9px;
}
register .content > div:nth-child(2),
popup-login .content > div:nth-child(2),
forgot-password .content > div:nth-child(2),
change-password .content > div:nth-child(2) {
padding: 0 14px;
border-left: 1px solid #9e9e9e;
border-right: 1px solid #9e9e9e;
}
register .content > div:nth-child(3),
popup-login .content > div:nth-child(3),
forgot-password .content > div:nth-child(3),
change-password .content > div:nth-child(3) {
padding-left: 15px;
}
register .footer,
popup-login .footer,
forgot-password .footer,
change-password .footer {
justify-content: flex-end;
flex-direction: column;
margin-top: 5px;
min-height: 135px;
}
register .footer .button-register,
popup-login .footer .button-register,
forgot-password .footer .button-register,
change-password .footer .button-register {
margin-top: 20px;
height: 54px;
width: -webkit-fill-available;
}
register .footer .terms-conditions,
popup-login .footer .terms-conditions,
forgot-password .footer .terms-conditions,
change-password .footer .terms-conditions {
margin-top: 31px;
display: flex;
justify-content: center;
font-size: 13px;
}
register .footer .terms-conditions > a,
popup-login .footer .terms-conditions > a,
forgot-password .footer .terms-conditions > a,
change-password .footer .terms-conditions > a {
color: #fec70b;
text-decoration: underline;
cursor: pointer;
}
register .field,
popup-login .field,
forgot-password .field,
change-password .field {
position: relative;
padding-top: 22px;
}
register .field .date,
popup-login .field .date,
forgot-password .field .date,
change-password .field .date {
position: relative;
}
register .field .mat-icon-button,
popup-login .field .mat-icon-button,
forgot-password .field .mat-icon-button,
change-password .field .mat-icon-button {
position: absolute;
right: 0;
top: 3px;
width: 248px;
text-align: right;
padding-right: 5px;
border-radius: 4px;
}
register .field .invalid-feedback > div,
popup-login .field .invalid-feedback > div,
forgot-password .field .invalid-feedback > div,
change-password .field .invalid-feedback > div {
position: absolute;
right: 0;
top: 11px;
padding: 2px;
border-radius: 3px;
background: #ff2626;
}
register spinner,
popup-login spinner,
forgot-password spinner,
change-password spinner {
position: fixed;
background: rgba(0, 0, 0, 0.5);
height: 100%;
}
popup-login .field:first-child,
forgot-password .field:first-child,
change-password .field:first-child {
padding-top: 2px;
}
register h2 {
margin-block-end: 0em;
}
sms-code-verification-window input,
jambo-pay-registration input {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
sms-code-verification-window .is-invalid,
jambo-pay-registration .is-invalid {
border: 1px solid #ff2626 !important;
}
sms-code-verification-window .invalid-feedback,
jambo-pay-registration .invalid-feedback {
position: relative;
right: 0;
top: 11px;
padding: 2px;
border-radius: 3px;
background: #ff2626;
}
sms-code-verification-window .radio-div,
jambo-pay-registration .radio-div {
height: 50px;
display: flex;
align-items: center;
justify-content: space-evenly;
}
sms-code-verification-window .radio-div .radio-mat-group,
jambo-pay-registration .radio-div .radio-mat-group {
display: flex;
justify-content: space-evenly;
width: 100%;
}
message .popup-window,
registration-message .popup-window {
display: flex;
position: fixed;
width: 100%;
top: 0;
left: 0;
justify-content: center;
height: 100%;
align-items: center;
background: rgba(0, 0, 0, 0.5);
transform: translateZ(0);
-webkit-transform: translateZ(0);
z-index: 20000;
}
message .popup-window .message-window,
registration-message .popup-window .message-window {
display: flex;
background: #656565;
padding: 25px 30px 35px 30px;
min-width: 310px;
max-width: 525px;
flex-direction: column;
}
message .popup-window .message-window .message-window-title,
registration-message .popup-window .message-window .message-window-title {
border-bottom: 1px solid #040404;
height: 62px;
display: flex;
width: 100%;
justify-content: space-between;
}
message .popup-window .message-window .message-window-title .message-close-btn,
registration-message .popup-window .message-window .message-window-title .message-close-btn {
display: flex;
font-size: 21px;
font-weight: 800;
color: #fff;
cursor: pointer;
}
message .popup-window .message-window .message-window-title .message-window-title-text,
registration-message .popup-window .message-window .message-window-title .message-window-title-text {
font-weight: 300;
text-transform: uppercase;
font-size: 36px;
padding-right: 10px;
color: #fff;
}
message .popup-window .message-window .message-window-content,
registration-message .popup-window .message-window .message-window-content {
display: flex;
margin-top: 23px;
flex-flow: column nowrap;
}
message .popup-window .message-window .message-window-content .message-window-content-inner,
registration-message .popup-window .message-window .message-window-content .message-window-content-inner {
white-space: pre-line;
display: flex;
color: #fff;
font-size: 12px;
margin-bottom: 15px;
}
message .popup-window .message-window .message-window-content .message-window-buttons,
registration-message .popup-window .message-window .message-window-content .message-window-buttons {
display: flex;
margin-top: 15px;
justify-content: center;
}
message .popup-window .message-window .message-window-content .message-window-buttons .message-window-button,
registration-message .popup-window .message-window .message-window-content .message-window-buttons .message-window-button {
display: flex;
width: 186px;
height: 56px;
border-radius: 3px;
text-transform: uppercase;
color: black;
font-size: 16px;
font-weight: 700;
cursor: pointer;
background: linear-gradient(#F6C811, #DE9203);
justify-content: center;
align-items: center;
}
message-success .message-success {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
left: 0;
top: 0;
z-index: 20000;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
message-success .message-success > div {
background: #262d6f;
color: #fff;
padding: 30px;
}
message-success .message-success > div > div {
padding: 10px;
}
message-success .message-success > div .message-header {
padding: 0;
font-weight: 300;
text-transform: uppercase;
font-size: 36px;
border-bottom: 1px solid #fff;
}
message-success .message-success > div .btn-confirm {
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
height: 56px;
width: 186px;
font-size: 16px;
color: #040404;
}
spinner {
align-items: center;
display: flex;
justify-content: center;
height: 100%;
width: 100%;
}
spinner.global-spinner {
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 20000;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
spinner .loading {
margin-top: 40px;
width: 60px;
height: 60px;
border: 5px solid #eaeaea;
border-top-color: #20BF00;
border-radius: 100%;
-webkit-animation: loading linear 0.7s infinite;
animation: loading linear 0.7s infinite;
}
balance-sheet .btn-cancel {
cursor: pointer;
text-decoration: underline;
}
withdraw-shop input.required {
border-color: red;
}
.win {
color: #48e05f !important;
}
.loss {
color: #ff6565 !important;
}
.acc-btn {
background: -webkit-linear-gradient(top, #eaeaea, #9e9e9e);
background: -moz-linear-gradient(top, #eaeaea, #9e9e9e);
background: -ms-linear-gradient(top, #eaeaea, #9e9e9e);
background: -o-linear-gradient(top, #eaeaea, #9e9e9e);
background-color: #9e9e9e;
color: #040404;
cursor: pointer;
padding: 8px 20px;
width: fit-content;
text-transform: uppercase;
}
.acc-btn:hover {
background: #fec70b;
}
.cashout {
display: flex;
justify-content: space-between;
line-height: 25px;
padding: 0 5px;
background: linear-gradient(#20BF00, #168400);
color: #fff;
border-radius: 3px;
cursor: pointer;
font-size: 11px;
white-space: nowrap;
text-transform: uppercase;
}
.cashout:hover {
background: linear-gradient(#168400, #20BF00) !important;
}
.cashout.disabled {
opacity: 0.7;
cursor: default;
display: flex;
justify-content: center;
}
.cashout-btns {
display: flex;
justify-content: space-between;
line-height: 25px;
font-size: 11px;
background: linear-gradient(#20BF00, #168400);
cursor: pointer;
white-space: nowrap;
text-transform: uppercase;
color: #fff;
border-radius: 3px;
}
.cashout-btns .cancel {
width: 26px;
text-align: center;
border-right: 1px solid #eaeaea;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
background: linear-gradient(#F6C811, #DE9203);
color: black;
}
.cashout-btns .cancel:hover {
background: linear-gradient(#DE9203, #F6C811) !important;
}
.cashout-btns .confirm {
width: 100%;
text-align: center;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.cashout-btns .confirm:hover {
background: linear-gradient(#168400, #20BF00) !important;
}
.print-btn {
color: #040404;
border: 1px solid #040404;
}
.odd-selected {
background: linear-gradient(#F6C811, #DE9203) !important;
color: #040404 !important;
}
.odd-selected span {
color: #040404 !important;
}
.no-sport {
display: flex;
align-items: center;
font-size: 18px;
}
.no-sport .fa {
color: deepskyblue;
padding: 0 10px 5px 10px;
}
technical-works {
position: fixed;
background: url(/assets/img/tw.jpg);
height: 100vh;
width: 100%;
top: 0;
z-index: 100000;
display: flex;
justify-content: center;
align-items: center;
background-size: cover;
text-align: center;
font-size: 20px;
}
.date-picker .mat-form-field-infix {
padding: 0 0.7em 0.7em;
background: white;
color: black;
font-size: 13px;
}
.date-picker .mat-form-field-suffix {
position: absolute;
right: 0;
font-size: 24px;
}
.date-picker .mat-icon-button {
height: 1.3em;
}
.date-picker .mat-datepicker-toggle-default-icon {
color: #656565;
}
.mat-form-field-label-wrapper {
margin-left: 3%;
margin-top: -2%;
}
.mat-form-field-label {
color: #656565 !important;
margin-top: 3%;
}
.mat-form-field-underline {
background-color: #656565 !important;
}
.mat-form-field-ripple {
background-color: #656565 !important;
}
.mat-calendar-body-selected {
background: #656565;
color: white;
}
.mat-datepicker-toggle-active {
color: #656565;
}
message-to-delete .message-success,
message-to-cashout .message-success {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
left: 0;
top: 0;
z-index: 20000;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
message-to-delete .message-success .btn-container,
message-to-cashout .message-success .btn-container {
display: flex;
}
message-to-delete .message-success > div,
message-to-cashout .message-success > div {
background: #FFF;
color: black;
padding: 30px;
margin: 10px;
}
message-to-delete .message-success > div > div,
message-to-cashout .message-success > div > div {
padding: 10px;
align-items: center;
justify-content: center;
text-align: center;
}
message-to-delete .message-success > div .message-header,
message-to-cashout .message-success > div .message-header {
padding: 0;
font-weight: 300;
text-transform: uppercase;
font-size: 36px;
border-bottom: 1px solid black;
display: flex;
align-items: center;
justify-content: center;
}
message-to-delete .message-success > div .btn-confirm,
message-to-cashout .message-success > div .btn-confirm {
font-weight: bold;
height: 41px;
width: 100%;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 15px;
}
.mat-dialog-container {
background: #656565;
color: white;
}
.mat-stroked-button {
border: 1px solid white;
}
.mat-dialog-title {
text-transform: uppercase;
margin: 0 !important;
}
.mat-raised-button.mat-primary {
background: linear-gradient(#F7F7F7, #CCCCCC);
color: black;
text-transform: uppercase;
}
jambo-pay-registration .loader-img {
width: 100%;
}
.win {
color: #48e05f !important;
}
.loss {
color: #ff6565 !important;
}
.highlighted-event {
background: #cccccc !important;
color: black !important;
}
about {
font-size: 14px;
}
.popup-promotions-dialog {
background: black;
border: 3px solid white;
height: 100vh !important;
width: 95vh !important;
max-width: 100vh !important;
z-index: 5000 !important;
}
.popup-promotions-dialog .mat-dialog-content {
max-height: 90% !important;
height: 85%;
padding: 0 !important;
overflow: hidden;
}
.popup-promotions-dialog .mat-dialog-content .banner-mobile {
width: 100%;
height: 100%;
}
.popup-promotions-dialog .mat-button {
color: black;
background: goldenrod;
width: 80%;
margin-left: 0px !important;
margin-top: 10px !important;
}
.bonus-window-mat bonus-window {
display: block;
height: 520px !important;
}
.bonus-window-mat bonus-window .mat-dialog-content {
height: 48vh;
}
.bonus-window-mat bonus-window .mat-dialog-content .loader-img {
margin-left: auto;
margin-right: auto;
display: block;
}
.bonus-window-mat bonus-window .mat-dialog-content .loader-img-mobile {
margin-left: auto;
margin-right: auto;
width: 80%;
display: block;
}
.bonus-window-mat bonus-window .mat-dialog-content .img {
width: 100%;
height: 65%;
}
.bonus-window-mat bonus-window .mat-dialog-content .img-mobile {
width: 100%;
height: 75%;
}
.bonus-window-mat bonus-window .mat-dialog-content .loader-message {
font-size: 20px;
}