/* DS 25/06/21 */

html, body {
    background-color: var(--c-background-extra-dark-blue);
    font-family: "Roboto", Arial, sans-serif;
    font-family: var(--c-font), Arial, sans-serif;
    font: var(--t-small-text-normal);
   
    height: 100%;
    margin: 0;
    position: relative;
    max-width: 100% !important;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    letter-spacing:.5px;
}

ul {
    /* list-style-type: none; */
}
@media not all and (hover: none) {
    body a:not(.active) :hover {
        color: var(--c-text-light-e);
    }
    body a.active :hover {
        color:var(--c-accent-color)
    }
}
li {
    cursor: pointer;
    padding: 4px;
    /* white-space: nowrap; */
}
p.scroll-top {
    display:none;
}
#root app-widget-host {
    width: 100%;
    height: 100%;
    display: inherit;
    flex-direction: inherit;
    align-items: inherit;
    justify-content: inherit;
    flex-wrap: inherit;
    align-content:inherit
}

.doc > app-widget-host > app-block {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.column {
    display: flex;
    flex-direction: column;
}

.row {
    display: flex;
    flex-direction: row;
}

.height-full {
    height: 100%
}

width-full {
    width: 100%
}

.mobile .body {
    margin-top:var(--c-header-mobile);
}

app-image {
    display: flex;
}

app-image img {
    width: 100%;
    height: auto
}
app-block.carousel-content {
    flex:1;
    width:calc(100% - (var(--c-l-sidebar-max) + 60px));
    margin-top:10px;
}
.top-title-container {
    color:var(--c-text-light-e);
}
.top-title-container > app-widget-host {
    padding: 16px 0px;
    padding-right:10px;
}
.top-title-container .top-title {
    font-size:16px;
    font-weight:bold;
}
.top-title-container .time {
    margin-left:auto;
    font-size:14px;
}
.generic-form {
    display: flex;
    flex-direction: column;
    /* max-width: 720px; */
    width: 100%;
    text-align: right;
}

#root .generic-form input {
    
    color: var(--c-text-dark-e);
    background-color:var(--c-background-white);
    font:var(--t-small-text-normal);
    border:0;
    border-radius:var(--r-10)
}
#root .generic-form input::placeholder {
     color: var(--c-text-dark-e);
}
.generic-form label {
    padding: 8px;
    display: block;
    text-align: left
}

.generic-form button[type="submit"] {
    margin-top: 8px;
    /* background-color: var(--c-primary-b); */
}

.ui-calendar {
    display: flex;
}

#root .ui-calendar button {
    /* background-color: var(--c-primary-c); */
}

.desktop ::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}

::-webkit-scrollbar {
    height: 4px;
    /* height of horizontal scrollbar */
    width: 4px;
    /* width of vertical scrollbar */
}

::-webkit-scrollbar-track {
    border-radius: 0;
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
}

::-webkit-scrollbar-track {
    border-radius: 0;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: var(--c-accent-color);
}

.desktop ::-webkit-scrollbar-thumb:vertical {
    background-color: var(--c-accent-color);
    border: solid 2px var(--c-text-dark);
    border-top: none;
    border-bottom: none;
    border-radius: 3px;
    border:1px solid var(--c-background)
}

.desktop .body ::-webkit-scrollbar-thumb:vertical {
    background-color:var(--c-accent-color);
    
    border-top: none;
    border-bottom: none;
    border-radius: 3px
}
.desktop :hover::-webkit-scrollbar-thumb:vertical {
    background-color:var(--c-accent-color);
}



.desktop ::-webkit-scrollbar-thumb:vertical:hover {
    background-color: var(--c-primary-c);
    border: solid 2px var(--c-primary-c);
    border-top: none;
    border-bottom: none;
}

.desktop ::-webkit-scrollbar-thumb:horizontal {
    border-radius: 2px;
      background: var(--c-accent-color);
}

.desktop .body.scroll-independent .left-sidebar, .desktop .body.scroll-independent .content > app-widget-host, .desktop .body.scroll-independent .right-sidebar {
    max-height: calc(100vh - (var(--c-header-top) + var(--c-header-bottom) + 8px));
    min-height: calc(100vh - (var(--c-header-top) + var(--c-header-bottom) + 8px));
    overflow: hidden;
    overflow-y: scroll;
}

.desktop .body .left-sidebar {
    flex: 0 0 var(--c-l-sidebar-min);
    max-width: var(--c-l-sidebar-max);
    min-width: var(--c-l-sidebar-min);
    margin:10px 20px;
    margin-right:30px;
    margin-top:10px;
    max-height:calc(100vh - (var(--c-header-top) + var(--c-header-bottom) + 20px));
    position:sticky;
    top:calc(var(--c-header-top) + var(--c-header-bottom) + 10px);
    border-radius:var(--r-10);
   overflow:hidden;
   
    /* margin-left: 8px; */
}
.desktop .body .left-sidebar.live-match {
      flex: 0 0 var(--c-l-sidebar-match-min);
    max-width: var(--c-l-sidebar-match-max);
    min-width: var(--c-l-sidebar-match-min);
    margin-left:0px;
    margin-top:0px;
   top:calc(var(--c-header-top) + var(--c-header-bottom) );
    max-height:calc(100vh - (var(--c-header-top) + var(--c-header-bottom)));
    margin-right:10px;
    border-radius:0px;
}
.left-sidebar.live-match ~ app-block.carousel-content {
    width: calc(100% - (var(--c-l-sidebar-match-min) + 60px));
}
.desktop .body .left-sidebar > app-widget-host {
    background-color:var(--c-dark-blue);
    
     overflow:auto;
}
.desktop .body .left-sidebar.live-match > app-widget-host {
     background-color:var(--c-brand-color);
}
.desktop .body .content {
    min-width: 320px;
    margin: 0;
    flex: 5 1 480px;
    /* background-color: var(--c-primary-d); */
}
.desktop .body.no-sidebars .content {
    max-width:1400px;
    margin:0 auto;
    height:100%;
}

#root .app-body .mobile .content {
    min-height: calc(100vh - var(--c-header-mobile))!important;
    color:var(--c-text-light)
}


.desktop .body .right-sidebar {
    flex: 1 0 var(--c-r-sidebar-min);
    min-width: var(--c-r-sidebar-min);
    max-width: var(--c-r-sidebar-max);
    margin:0px 20px;
}



#root .beta-warning div {
    text-align: center;
}



#root .footer .copyright div {
    text-align: center
}

#root .mobile .footer app-language {
    max-width: 200px;
    margin: 0 auto
}

#root .mobile .beta-warning {
    margin: 12px 0px;
}

#root .footer .save-to-device.link {
    position: relative;
    display: block;
    width: 150px;
    margin: 8px auto;
}

#root .device-mobile.os-android .footer .save-to-device.save-to-ios.link, #root .device-tablet.os-android .footer .save-to-device.save-to-ios.link {
    display: none;
}

#root .mobile .footer app-time .filter-time {
    text-align: center;
    padding-top: 10px;
}



.unread-messages data-view[value="user.messages.unread"] {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: var(--c-accent-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    border-radius: 50%;
    left:28px;
    top:0px;
}

 .balance-details .unread-messages data-view[value="user.messages.unread"]{
     top:-5px;
     left:14px;
 }

#root .nav-sport-wrapper .nav-sport .nav-sport-icon, #root .default-sport-icon, #root .sport-icon,
#root .icon-sport{
    background-image:var(--c-global-sports-spritesheet);
    background-repeat:no-repeat;
    filter:saturate(0) invert(1) brightness(10);
    height: var(--c-icon-width);
    width: var(--c-icon-width);
}

#root .tournament-header-wrapper .events-category-tournament-names {
    display: inline-flex;
    width: unset;
    overflow: hidden;
    flex-direction: row;
    align-items:center;
    /* white-space: nowrap; */
    /* overflow:hidden; */
    /* text-overflow:ellipsis; */
}

#root .live-betting-menu {
    display: flex;
    height: 30px;
    position: sticky;
    top: 0px;
    z-index: 20
}

#root .content .menu {
    width: 100%;
    /* background-color: var(--c-primary-c); */
    /* border-bottom: 1px solid var(--c-primary-b); */
}

.content .menu a {
    color: var(--c-text-light);
    padding: 0 8px;
}

#root .content .menu a.active {
    color: var(--c-text-light-e);
    /* background-color: var(--c-primary-b); */
    font-weight: 700;
}

#root .content .menu li {
    padding: unset;
}

#root .content .menu li: hover {
    background-color: var(--c-primary-b)
}

#root .content-header {
    height: 36px;
    background-color: var(--c-primary);
    position: sticky;
}

#root .desktop .content-header {
    top: 0px;
    z-index: 20
}

#root .desktop .content-header.live-match {
    top: 30px;
}

#root .mobile .content-header {
    top: var(--c-header-mobile);
    z-index: 20;
    background-color: var(--c-primary-b)
}
.tabbed-betslip-container {
    background-color:var(--c-background-white);
    color:var(--c-text-dark-e);
  
     border-radius:var(--r-10);
    overflow:hidden;
    margin-bottom:10px;
}
#root .betslip-panel-menu {
    /* background-color: var(--c-betslip-tabs); */
    /* color: var(--c-text-light-e); */
    /* font-size: 1.1rem; */
    text-transform: uppercase;
    border-bottom:1px solid var(--c-dark-blue-10)
    
    /* font-weight: bold; */
}

#root .betslip-panel-menu-item {
    width: 50%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    font:var(--t-small-text-bold)
}
#root .betslip-panel-menu-item .bets-number-container.empty-betslip {
    padding:0px;
}

#root .betslip-panel-menu-item .menu-item-content {
   margin:0px 10px;
}
#root .betslip-panel-menu-item .betslip-clear {
    display:block;
     width:24px;
    height:24px;
}
#root  .betslip-panel-menu-item app-betslip-clear .betslip-clear-wrapper button::before {
    filter:unset;
}
#root .tabbed-betslip-container.mobile-bets {
    margin:var(--c-mobile-padding)
}
#root .mobile-bets .betslip-panel-menu-item {
    width:100%;
    background-color:var(--c-accent-color);
    color:var(--c-text-light-e)
}
#root .bet-history-wrapper .bet-history-menu {
    width:100%;
    margin-bottom:auto;
}
#root .bet-history-wrapper .bet-history-menu-item {
    flex:1;
    background-color:var(--c-off-white);
    opacity:.5;
    font:var(--t-small-text-bold)
}
#root .bet-history-wrapper .bet-history-menu-item div {
    width:100%;
    min-height:39px;
    display:flex;
    align-items:center;
    justify-content:center;
}
#root app-betslip-counter .empty-betslip {
    padding:0px;
}
#root app-betslip-counter .bets-number,
#root app-openbets-counter .bets-number{
    min-width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border-radius: 2px; */
    /* background-color: var(--c-shade); */
    /* margin: 0px 8px; */
    font:var(--t-small-text-bold);
    background-color:var(--c-background-white);
    border-radius:50%;
    color:var(--c-accent-color)
}

#root app-betslip-counter .betslip-counter-name {
    display: none
}

#root app-betslip-clear {
    margin:0;
    /* min-width: 40px; */
}

#root app-betslip-clear label {
    display: none
}

#root app-betslip-clear .betslip-clear-wrapper button {
    
    color: var(--c-shade);
   font-size:0px;
    height: 24px;
    width: 24px;
    opacity: 0.7;
    position:relative;
    padding:0px;
    border:0;
    /* margin-right: 8px; */
   
}
#root app-betslip-clear .betslip-clear-wrapper button::before {
    content:"";
    position:absolute;
    height: 20px;
    width: 20px;
    transform:translate(-50%,-50%);
    left:50%;
    top:50%;
    background-image: var(--c-global-icon-spritesheet);
    background-size: 600px auto;
    background-position: -195px -215px;
    filter: saturate(0) invert(1) brightness(10);
}
.tabbed-betslip-container .bet-history-wrapper {
    /* padding: 10px; */
    color:var(--c-text-dark-e);
    /* min-height:150px; */
    height: 100%;
    display:flex;
    align-items:center;
 
}
.tabbed-betslip-container .bet-history-wrapper > app-widget-host {
    min-height:150px;
}
.tabbed-betslip-container .bet-history-wrapper .guest {
    
    margin:auto 0;
}
#root .checkbox-wrapper input.check-box:checked, 
#root .nav-category.checked .nav-category-selector.checked, 
#root .nav-sport-selector.checked .nav-category-selector,
#root .nav-sports .nav-tournament .nav-tournament-selector.checked {
    background-image:var(--c-global-icon-spritesheet);
    background-size: 450px auto;
    background-position: -198px -56px;
    background-repeat:no-repeat;
    background-color:var(--c-dark-blue)
}

body#root .ui-paginator .ui-paginator-pages .ui-paginator-element {
    color: var(--c-text-light-e);
}
body#root .ui-paginator .ui-paginator-pages .ui-paginator-element:not(:last-child) {
    margin-right:5px;
}
body#root .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: var(--c-accent-color);
    color: var(--c-text-light-e);
    border-radius:var(--r-10)
}
body#root .ui-paginator {
    margin:10px 0px;
}
#root .mobile .navigation-link {
    height: 45px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--c-tint-b)
}



@media screen and (max-width: 1500px) {
    #root .show-on-collapse {
        display:flex;
        width:100%
    }

    #root .content.collapsible {
        display: none
    }
}


#root .page-header {
    text-align: center;
    padding: 12px;
    font-weight: 700;
    font-size: 1.5rem;
    color:var(--c-text-light)
}

#root .page-header + app-login, #root .page-header + app-register {
    padding-top: 0px;
}


#root .goto {
    width: 100%;
    height: 40px;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 800;
    overflow: visible;
    background-color: var(--c-primary-d);
    color: var(--c-text-light);
}

#root .info-warn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    max-width: 100%;
    font-size:1.2rem
}
#root .desktop .info-warn {
    background-color: #eaeaea;
    color: #001e2e;
}
#root .info-warn div {
    max-width: 700px;
}
#root .mobile .forgot-password.link {
    text-align:center;
    margin-top:8px
}


#root .bet-history-login-message {
    text-align:center;
    padding:12px;
    /* color:var(--c-text-light); */
}
#root .bet-history-wrapper .button.login.link div {
    text-align:center;
}

.inline-betslip {
    width:100%!important;
    height:100%!important;
}
.inline-betslip .bets {
    width:100%;
}
.inline-betslip td.amount,
.inline-betslip .bets tr.hd td,
.inline-betslip .bets tr.hd ~ tr td:not(.selection),
.inline-betslip .bets .totals td.lines {
    text-align:right
}
.inline-betslip tr.head td{
    padding:5px;
    background-color:var(--c-accent-color);
    font:var(--t-small-text-bold);
    color:var(--c-text-light-e);
    /* background-color:var(--c-text-dark); */
    text-align:center;
}
.inline-betslip tr.match div.match {
    padding:5px 0px;
}
.betslip-html {
    border:1px solid var(--c-dark-blue);
    border-radius:var(--r-10);
    border-collapse:collapse;
   
    width:100%;
}

.inline-betslip .bets td,
.inline-betslip tr.match td {
    padding:2px 8px;
}
.inline-betslip tr.match td.code,
.inline-betslip tr.selection  td.nr {
    background-color:var(--c-accent-color); 
    color:var(--c-text-light-e);
    text-align:center;
}
.inline-betslip tr.selection td div{
    padding:5px;
}
.inline-betslip  tr.match {
     border-bottom:1px solid var(--c-dark-blue-10)
}
.inline-betslip  tr.selection {
    background-color:var(--c-dark-blue-10)
}
.inline-betslip  tr.selection + tr.match {
    border-top:1px solid var(--c-dark-blue-10)
}
.inline-betslip .selection td.odds {
    border-right:1px solid var(--c-background);
    text-align:right;
    padding-right:8px;
}
.inline-betslip .bets {
    border-collapse:collapse;
}
.inline-betslip .bets tr.hd {
     border-bottom:1px solid var(--c-background);
}
.inline-betslip .bets tr.hd td {
    padding-bottom:3px;
}
.inline-betslip .bets tr.hd + tr td {
    padding:5px 8px;
     border-bottom:1px solid var(--c-background);
}
.inline-betslip .bets tr.totals td {
    padding-top:5px;
}
.inline-betslip .slip-bottom .bets + .bets{
    /* background-color:var(--c-primary); */
    border-top:1px solid var(--c-shade-b)
}
.inline-betslip .line-matrix {
    width:100%;
    border-collapse:collapse
}
.inline-betslip .line-matrix td {
    padding:2px 8px;
}
.inline-betslip .line-matrix td:not(.amount){
   text-align:center;
}
.betslip-view-html button {
    margin:0;
    width:100%;
    background-color:var(--c-green);
    color:var(--c-text-light-e);
    font-weight:600
}
.betslip-view-error {
    padding:20px;
    text-align:center
}
#root .signin-dialog {
    max-width:400px;
    width:100%;
}
#root .signin-dialog app-login-form .login-form .form-row {
    flex-wrap:wrap;
}
#root .signin-dialog app-login-form .login-form .form-row label{
   display:none;
}
.content-loader:not(:required) {
    background-color:var(--c-primary);
    display:none;
}
.content-loader:before {
     background-color:var(--c-primary);
     background-image:url(/v1.011/r/images/in2bet/logo/logo.png), linear-gradient(to bottom, var(--c-background), var(--c-background-table));
     background-repeat:no-repeat,no-repeat;
     background-position:50% 40%,center center;
     background-size:200pxauto, 100% 100%;
}
.content-loader:not(:required):after {
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%, 0%);
    -webkit-box-shadow: rgb(255 255 255/ 75%) 1.5em 0 0 0, rgb(255 255 255/ 75%) 1.1em 1.1em 0 0, rgb(255 255 255/ 75%) 0 1.5em 0 0, rgb(255 255 255/ 75%) -1.1em 1.1em 0 0, rgb(255 255 255/ 50%) -1.5em 0 0 0, rgb(255 255 255/ 50%) -1.1em -1.1em 0 0, rgb(255 255 255/ 75%) 0 -1.5em 0 0, rgb(255 255 255/ 75%) 1.1em -1.1em 0 0;
    box-shadow: rgb(255 255 255 / 75%) 1.5em 0 0 0, rgb(255 255 255/ 75%) 1.1em 1.1em 0 0, rgb(255 255 255/ 75%) 0 1.5em 0 0, rgb(255 255 255/ 75%) -1.1em 1.1em 0 0, rgb(255 255 255/ 75%) -1.5em 0 0 0, rgb(255 255 255/ 75%) -1.1em -1.1em 0 0, rgb(255 255 255/ 75%) 0 -1.5em 0 0, rgb(255 255 255/ 75%) 1.1em -1.1em 0 0;
}

@-webkit-keyframes ui-progress-spinner-color {
    0%,100% {
        stroke: var(--c-emphasis)
    }

    40% {
        stroke: var(--c-emphasis-b)
    }

    66% {
        stroke:  var(--c-emphasis-c)
    }

    80%,90% {
        stroke: var(--c-emphasis)
    }
}

@keyframes ui-progress-spinner-color {
    0%,100% {
        stroke: var(--c-emphasis);
        stroke: var(--c-emphasis)
    }

    40% {
        stroke: var(--c-emphasis-b);
        stroke: var(--c-emphasis-b)
    }

    66% {
        stroke: var(--c-emphasis-c);
        stroke: var(--c-emphasis-c)
    }

    80%,90% {
        stroke: #ffa700
    }

    80% {
        stroke: var(--c-emphasis)
    }

    90% {
        stroke: var(--c-emphasis)
    }
}
.account-menu ul {
    display:flex;
    flex-direction:column;
}
.account-menu ul li {
    padding:0px;
}
.account-menu > ul  li a {
    margin-bottom:5px;
}
#root .account-menu > ul  li a:not(.active):hover {
    color:var(--c-text-light-e)
}
.account-menu > ul > li {
    padding:0px 16px;
}
#root .account-menu > ul > li   a {
    padding:0;
    min-height:30px;
    display:flex;
    align-items:center;
}
.account-menu > ul > li >   a::before {
    content:"";
    min-width: 20px;
    height: 20px;
    display: flex
;
    filter: saturate(0) invert(1);
    background-repeat: no-repeat;
    background-image: var(--c-global-icon-spritesheet);
    margin-right: 10px;
}
.account-menu ul li a{
    color:var(--c-text-light);
    font:var(--t-small-text-normal)
}
#root .account-menu ul li ul {
    position:unset;
    display:none;
}
#root .account-menu ul   li a.active {
    color:var(--c-text-light)
}
#root .account-menu ul  > li a.active:last-child {
     color:var(--c-accent-color)
}
#root .account-menu ul  > li ul a.active {
    color:var(--c-accent-color)
}
#root .account-menu ul  > li ul a.active::before,
#root .account-menu ul  > li a.active:last-child::before{
     filter: hue-rotate(184deg) brightness(2.5);
}
#root.show-wallet-menu .account-menu li.cms-menu-wallet ul,
#root.show-profile-menu .account-menu li.cms-menu-profile ul,
#root.show-history-menu .account-menu li.cms-menu-history ul{
    display:flex;
}

.sidebar-menu-links {
    /* padding:20px; */
    color:var(--c-text);
}
.sidebar-menu-links .sidebar-link .sidebar-link-text div{
    display:flex;
    min-height:30px;
    align-items:center;
    /* text-transform:uppercase; */
    font:var(--t-small-text-normal);
    color:var(--c-text-light)
}
.sidebar-menu-links .sidebar-link .sidebar-link-text div:hover{
    color: var(--c-text-light-e)
}
.sidebar-menu-links .sidebar-link {
    align-items:center;
    margin-bottom:5px;
    position:relative;
    cursor:pointer;
    position:relative;
}
.sidebar-menu-sub-links {
    display:none;
}
.show-profile-menu .profile ~ .sidebar-menu-sub-links,
.show-wallet-menu .wallet ~ .sidebar-menu-sub-links,
.show-history-menu .history ~ .sidebar-menu-sub-links{
    display:block;
}
.sidebar-menu-links .sidebar-link > app-widget-host {
    padding:0px 16px;
}
.sidebar-menu-links .sidebar-link > app-widget-host .icon {
    min-width:20px;
    height:20px;
    display:flex;
    filter:saturate(0) invert(1);
    background-repeat:no-repeat;
     background-image:var(--c-global-icon-spritesheet);
   
    margin-right:10px;
}
.sidebar-menu-links .sidebar-link.wallet > app-widget-host .icon,
.account-menu > ul > li.cms-menu-wallet >   a::before{
     background-position: -55px -76px;
}
.sidebar-menu-links .sidebar-link.profile > app-widget-host .icon,
.account-menu > ul > li.cms-menu-profile >   a::before {
     background-position: -113px -43px;
}
.sidebar-menu-links .sidebar-link.personal-data > app-widget-host .icon,
.account-menu > ul > li.cms-menu-personal-data >   a::before {
     background-position: -286px -43px;
}
.sidebar-menu-links .sidebar-link.self-protection > app-widget-host .icon,
.account-menu > ul > li.cms-menu-self-protection >   a::before {
     background-position: -142px -43px;
}
.sidebar-menu-links .sidebar-link.history > app-widget-host .icon,
.account-menu > ul > li.cms-menu-history >   a::before {
     background-position: -169px -43px;
}
.sidebar-menu-links .sidebar-link.messages > app-widget-host .icon {
     background-position: -229px -43px;
}
.sidebar-link.logout button {
    color:var(--c-text-light);
    width:100%;
    padding: 0px 16px;
     font:var(--t-small-text-normal);
    text-align:left;
    display:flex;
    align-items:center;
    min-height:30px;
}
.sidebar-link.logout button:hover {
    border:0;
}
.sidebar-link.logout button::before {
    content:"";
    width:20px;
    height:20px;
    display:block;
    margin-right:10px;
    filter:saturate(0) invert(1);
    background-repeat:no-repeat;
    background-image:var(--c-global-icon-spritesheet);
    background-position: -509px -12px;
}
.sidebar-menu-links .sidebar-link.in2missions .icon{
   background-position: -530px -77px;
}
.sidebar-menu-links .sidebar-link.outrights .icon{
    background-position: -275px -12px;
}
.sidebar-menu-links .sidebar-link.hot-picks .icon{
    background-position: -558px -77px;
}
.sidebar-menu-links .sidebar-link.boosted-odds .icon{
    background-position: -156px -107px;
}
.sidebar-menu-links .sidebar-link.livescores .icon{
    background-position: -502px -76px;
}
.sidebar-menu-links .sidebar-link.statistics .icon{
   background-position: -187px -11px;
}
.sidebar-menu-links .sidebar-link.offers .icon{
    background-position: -129px -11px;
}
.left-sidebar .section-title {
    padding:12px;
    color:var(--c-text-light-e);
    font:var(--t-small-text-bold);
}
.left-sidebar .sidebar-heading {
    padding:12px;
    color:var(--c-text-light-e);
    font:var(--t-small-text-bold);
    border-bottom:1px solid #ffffff24;
    text-transform:uppercase;
    align-items:center;
}
.left-sidebar .account-section,
#root.show-nav-account .section-title ~ .betting-section,
.left-sidebar .section-text.back,
#root.show-nav-account .section-text.account {
    display:none;
}
#root.show-nav-account .account-section,
#root.show-nav-account .section-text.back{
    display:flex;
}
.section-text.back::before {
    content:"";
    width:12px;
    height:12px;
    background-repeat: no-repeat;
    background-image: var(--c-global-icon-spritesheet);
    background-size: 450px auto;
    background-position: -182px -59px;
    filter: saturate(0) invert(1) brightness(10);
}
.section-text.account::after {
    content:"";
    width:12px;
    height:12px;
    background-repeat: no-repeat;
    background-image: var(--c-global-icon-spritesheet);
    background-size: 450px auto;
    background-position: -165px -58px;
    filter: saturate(0) invert(1) brightness(10);
}
.left-sidebar app-block.section-title {
    border-bottom:1px solid #ffffff24;
}
/*#root.hide-sidebar .hover .sidebar-menu-links .sidebar-link:hover .sidebar-link-text{
    position:absolute;
    display:flex;
    background-color:var(--c-light-color);
    right:0;
    transform:translate(calc(100% + 5px));
    z-index:1000;
    
    border-radius:var(--r)
}
#root.hide-sidebar .hover .sidebar-menu-links .sidebar-link:hover .sidebar-link-text::before,
#root.hide-sidebar .hover .left-sidebar .featured-league:hover span.featured-league-name::before,
#root.hide-sidebar .hover .left-sidebar .nav-sport-wrapper:hover .nav-sport-name::before{
    content:"";
    position:absolute;
    width:8px;
    height:8px;
    background-color:var(--c-light-color);
    top:50%;
    left:0px;
    transform:translate(-50%,-50%) rotate(45deg);
    display:block;
}
#root.hide-sidebar .hover .sidebar-menu-links .sidebar-link:hover .sidebar-link-text div {
    font-size:10px;
    white-space:nowrap;
    padding:5px 8px;
    color:var(--c-text-dark)
}
#root.hide-sidebar .hover .left-sidebar .featured-league:hover a {
    position:relative;
}
#root.hide-sidebar .hover .left-sidebar .featured-league:hover span.featured-league-name {
     position:absolute;
    height:100%;
    display:flex;
    align-items:center;
    background-color:var(--c-light-color);
    right:10px;
    transform:translate(calc(100% + 0px));
    z-index:1000;
    font-size:10px;
    white-space:nowrap;
    padding:5px 8px;
    color:var(--c-text-dark);
    border-radius:var(--r);
    overflow:unset;
    text-transform:uppercase;
    font-weight:bold;
}
#root.hide-sidebar .hover .left-sidebar .nav-sport-wrapper:hover .nav-sport {
    position:relative
}
#root.hide-sidebar .hover .left-sidebar .nav-sport-wrapper:hover .nav-sport-name {
     position:absolute;
    height:100%;
    display:flex;
    align-items:center;
    background-color:var(--c-light-color);
    right:10px;
    transform:translate(calc(100% + 0px));
    z-index:1000;
    font-size:10px;
    white-space:nowrap;
    padding:5px 8px;
    color:var(--c-text-dark);
    border-radius:var(--r);
    overflow:unset;
    text-transform:uppercase;
    font-weight:bold;
    visibility:visible;
    width:auto;
}*/
.bottom-nav {
    position:fixed;
    bottom:0px;
    height:var( --c-botton-nav-height);
    width:100%;
    left:0px;
    background-color:var(--c-background-extra-dark-blue);
    border-radius:var(--r-10);
    color:var(--c-text-light-e);
    z-index:80;
}
.bottom-nav .bottom-nav-item {
    flex:1;
    justify-content:center;
    align-items:center;
    font:var(--t-small-text-bold)
}
.bottom-nav .bottom-nav-item .icon {
    width:24px;
    min-height:24px;
    margin-bottom:4px;
     filter:saturate(0) invert(1);
    background-repeat:no-repeat;
    background-image:var(--c-global-icon-spritesheet);
   
}
.bottom-nav .bottom-nav-item.home .icon {
     background-position: -8px -9px;
}
.bottom-nav .bottom-nav-item.live .icon {
     background-position: -391px -9px;
}
.bottom-nav .bottom-nav-item.offers .icon {
     background-position:  -127px -9px;
}
.bottom-nav .bottom-nav-item.bets .icon {
     background-position: -9px -103px;
}
.bottom-nav .bottom-nav-item.search .icon {
     background-position: -67px -9px;
}
.bottom-nav .bottom-nav-item.bets {
    position:relative;
}
.bottom-nav .bottom-nav-item.bets .show-betslip-link {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:1
}
.active-mobile-betslip-view .bottom-nav .bottom-nav-item.bets .close-betslip-link {
    display:flex;
     position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    
    z-index:1
}
.active-mobile-betslip-view .bottom-nav .bottom-nav-item.bets .close-betslip-link a {
    width:100%;
    font-size:0px;
}
.bottom-nav .bottom-nav-item.bets .close-betslip-link {
    display:none;
}
.bottom-nav .bottom-nav-item.bets .betslip-counter {
    position:absolute;
    top:5px;
    right:50%;
    transform:translate(calc(50% + 20px),0%);
}
.h3,h3 {
    font:var(--t-h3);
}
.h2,h2 {
    font:var(--t-h2);
}
.h1, h1 {
    font:var(--t-h1);
    color:var(--c-text-light-e)
}
html:lang(en) .el {
    display:none;
}
html:lang(el) .en {
    display:none;
}
.site-breadcrumbs {
    color:var(--c-text-light-e);
   margin-bottom:10px;
    overflow: hidden;
    width: 100%;
}
.mobile .site-breadcrumbs {
     padding-left: var(--c-mobile-padding);
     padding-right: var(--c-mobile-padding);
}
.padding-top-bottom {
    padding-top:var(--c-mobile-padding);
    padding-bottom:var(--c-mobile-padding)
}
.padding-left-right {
    padding-left:var(--c-mobile-padding);
    padding-right:var(--c-mobile-padding)
}
.site-breadcrumbs > app-widget-host {
    overflow:auto;
    overflow-y:hidden;
}
#root .site-breadcrumbs .site-breadcrumb .back-button{
    width: 70px;
    align-items: center;
    color: var(--c-text-light-e);
    font-size: 0
}

.site-breadcrumbs .site-breadcrumb .back-button::before{
    content: "";
    width: 22px;
    height: 22px;
    filter: saturate(0) invert(1);
    background-repeat: no-repeat;
    background-image: var(--c-global-icon-spritesheet);
    display: block;
    margin-right: 5px;
    background-position: -404px -42px;
}
.site-breadcrumbs .site-breadcrumb .back-button::after{
    content:"";
    font: var(--t-small-text-normal);

}
.lang-el  .site-breadcrumbs .site-breadcrumb .back-button::after{
    content:"Πίσω"
}
.lang-en .site-breadcrumbs .site-breadcrumb .back-button::after{
    content:"Home"
}
.site-breadcrumbs .site-breadcrumb:not(:last-child)::after {
    content:"/";
    margin:0 8px;
}
.site-breadcrumbs .site-breadcrumb {
    align-items:center;
    white-space: nowrap;
}
.site-breadcrumbs .site-breadcrumb.home div {
    display:flex;
    align-items:center;
}
.site-breadcrumbs .site-breadcrumb.home div::before {
    content:"";
    width:22px;
    height:22px;
    filter:saturate(0) invert(1);
    background-repeat:no-repeat;
     background-image:var(--c-global-icon-spritesheet);
    display:block;
    margin-right:5px;
    background-position: -404px -42px;
}
.coupon-betslip-content {
    /* margin-top:20px; */
}
.content .heading {
    margin:30px 0px;
    justify-content:center;
    align-items:center;
}
.site-content .heading {
    justify-content:flex-start;
}
.left-sidebar .heading {
    align-items:center;
    color:var(--c-text-light-e);
    padding:10px;
}
 .mobile .content .heading {
    justify-content:flex-start;
    padding:0 var(--c-mobile-padding)
}
 .heading .icon {
    width:45px;
    height:45px;
    margin-right:8px;
    background-repeat: no-repeat;
    background-image: var(--c-global-icon-spritesheet);
    background-size: 1400px auto;
    filter: saturate(0) invert(1) brightness(10);
}
 .desktop .heading .icon.live {
     background-position: -917px -27px;
 }
.desktop .heading .icon.promotions {
     background-position: -302px -27px;
 }
.desktop .heading .icon.trophy {
     background-position: -643px -27px;
 }
.desktop .heading .icon.sports {
     background-position: -733px -102px;
 }
.desktop .heading .icon.prematch {
     background-position: -776px -27px;
 }
.desktop .heading .icon.rocket {
     background-position: -1126px -27px;
 }
.desktop .heading .icon.in2missions {
     background-position: -1236px -180px;
 }
 .mobile .heading .icon,
 .left-sidebar .heading .icon{
    width:30px;
     height:30px;
     background-image: var(--c-global-icon-spritesheet);
    background-repeat: no-repeat;
    filter: saturate(0) invert(1) brightness(10);
    background-size: 800px auto;
}
.mobile .heading .icon.live,
.left-sidebar .heading .icon.live{
    background-position: -521px -13px;
}
.mobile .heading .icon.promotions {
    background-position: -170px -13px;
}
.mobile .heading .icon.trophy {
    background-position: -364px -13px;
}
.mobile .heading .icon.sports {
    background-position: -416px -56px;
}
.mobile .heading .icon.prematch {
    background-position: -441px -13px;
}
.mobile .heading .icon.rocket {
    background-position: -640px -13px;
}
.mobile .heading .icon.in2missions {
    background-position: -702px -102px;
}
.content-accordion {
    margin-bottom:10px;
}
.content-accordion .content-accordion-text {
    margin-right:auto;
 }
.content-accordion .content-accordion-title {
    min-height:43px;
    align-items:center;
    padding:10px 20px;
    border-radius:var(--r-10);
    background-color:var(--c-background-white-10);
    cursor:pointer;
    /* margin-right:auto; */
}
.content-accordion .content-accordion-icon {
    position:relative;
    min-width: 20px;
    height:20px;
}
.content-accordion .content-accordion-icon::before {
    position:absolute;
    pointer-events:none;
    width:100%;
    height:100%;
    content:"";
    background-repeat: no-repeat;
    background-image: var(--c-global-icon-spritesheet);
    background-size: 600px auto;
    background-position: -7px -75px;
    filter: saturate(0) invert(1) brightness(10);
}
.content-accordion .expanded .content-accordion-icon::before {
   transform:rotate(180deg)
}
.content-accordion .content-accordion-section {
    font:var(--t-small-text-normal);
}
.content-accordion .content-accordion-section * {
    font:var(--t-small-text-normal)!important;
}
.content-accordion .content-accordion-section table {
    width:100%!important;
    max-width:600px;
}
.content-accordion.section-accordion .content-accordion-title {
    border-bottom-left-radius:0px;
     border-bottom-right-radius:0px;
}
.content-accordion.section-accordion:nth-child(even) .content-accordion-title {
    background-color:unset;
    border-left:4px solid var(--c-accent-color);
    border-radius:0px;
}
.content-accordion.section-accordion:nth-child(odd) .content-accordion-title {
    background-color:var(--c-accent-color)
}
.content-accordion.section-accordion:nth-child(odd) .content-accordion-section {
    padding:var(--c-mobile-padding);
    background-color:var(--c-background-white-10);
    border-bottom-left-radius:var(--r-10);
     border-bottom-right-radius:var(--r-10);
}
.content-accordion.section-accordion:not(:last-child) {
    margin-bottom:20px;
}
.parenthesis {
    margin-left:8px;
}
.parenthesis::before {
    content:"("
}
.parenthesis::after {
    content:")"
}
.match-favorite {
     background-repeat:no-repeat;
     background-image:url(/v1.033/r/images/in2bet/icons/v3/spritesheet_test.svg);
     background-size:400px auto;
     background-position: -296px -3px;
     opacity:1;
     filter:saturate(0) invert(1);
}
.match-statistics {
    background-repeat:no-repeat;
     background-image:var(--c-global-icon-spritesheet);
    background-size:400px auto;
    background-position: -100px -7px;
    filter:saturate(0) invert(1) brightness(10);
    height:14px;
}
.coupon-menu {
    margin-bottom:20px;
}
.coupon-menu > app-widget-host {
    overflow:auto;
}
.coupon-menu .coupon-menu-item {
    /* flex:1; */
  flex:1;
   
}
.coupon-menu .coupon-menu-item:not(:last-child) {
    margin-right:8px
}
.coupon-menu .coupon-menu-item .text {
    width:100%;
    display:flex;
}
.coupon-menu .coupon-menu-item div {
     color:var(--c-accent-color);
    justify-content:center;
    align-items:center;
    display:flex;
    min-height:40px;
    cursor:pointer;
    border-radius:var(--r-10);
    border:1px solid var(--c-accent-color);
    font:var(--t-small-text-bold);
    padding:5px 15px;
    white-space:nowrap;
    width:100%;
    
}
.coupon-menu .coupon-menu-item div::before {
    content:"";
    min-width:22px;
    height:22px;
   
    background-repeat:no-repeat;
   
    margin-right:4px;
    /* background-size:22px; */
}
.mobile .coupon-menu {
    padding:var(--c-mobile-padding);
    margin-bottom:0px
}
.mobile .coupon-menu > app-widget-host {
    overflow-x:auto;
    padding-bottom:10px;
}
.coupon-menu .coupon-menu-item.live div::before {
     background-image:var(--c-global-icon-spritesheet);
     background-position: -81px -43px;
}
.coupon-menu .coupon-menu-item.top div::before {
     background-image:var(--c-global-icon-spritesheet);
     background-position: -11px -43px;
}
.coupon-menu .coupon-menu-item.prematch div::before {
     background-image:var(--c-global-icon-spritesheet);
     background-position: -45px -43px;
}
#root .beto-sports-coupon.live.filter-boxes,
#root .beto-sports-coupon.prematch.filter-boxes,
#root .beto-sports-coupon.top-match.filter-boxes{
    display:none;
}
#root:not(.show-live):not(.show-prematch) .beto-sports-coupon.top-match.filter-boxes,
#root.show-live .beto-sports-coupon.live.filter-boxes,
#root.show-prematch .beto-sports-coupon.prematch.filter-boxes {
   display:flex; 
}
#root:not(.show-live):not(.show-prematch) .coupon-menu .coupon-menu-item.top div,
#root.show-live .coupon-menu .coupon-menu-item.live div,
#root.show-prematch .coupon-menu .coupon-menu-item.prematch div{
    background-color:var(--c-accent-color);
    color:var(--c-text-light-e)
}
#root.show-live .coupon-menu .coupon-menu-item.live div::before,
#root:not(.show-live):not(.show-prematch) .coupon-menu .coupon-menu-item.top div::before,
#root.show-prematch .coupon-menu .coupon-menu-item.prematch div::before{
    filter:saturate(0) brightness(100)
}
.heading-caption {
    color:var(--c-text-light-e);
    text-align:center;
    
}
 #root  .authorisations-dialog {
     display:flex;
     flex-direction:column;
     max-height: 50vh;
 }
 #root  .authorisations-dialog .ui-dialog-content {
     flex:1;;
 }
app-betslip-authorisations {
    display:flex;
    padding:5px;
}
app-betslip-authorisations .auth-actions-container {
    margin:0px;
}
 .auth-actions-container {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
     margin:10px 0px;
}
 .auth-actions-container .auth-action {
    min-height:40px;
    flex:1;
}
 .auth-actions-container .auth-action.place-bet {
    order:2;
    margin-left:5px;
    background-color:var(--c-accent-color);
    color:var(--c-text-light-e);
    border:1px solid var(--c-accent-color)
}
 .auth-actions-container .auth-action.request-authorisation {
    width:100%;
    order:3;
    flex:unset;
    margin-top:5px;
    background-color:var(--c-green);
    color:var(--c-text-light-e);
    border:1px solid var(--c-green)
}
.authorisation-wait {
    text-align:center;
}
.auth-response-container {
    display:flex;
    flex-direction:column;
}
.auth-response-container div[class*="authorisation"] {
    order:-1;
    padding:10px;
    margin-bottom:5px;
    color:var(--c-red);
    font:var(--t-small-text-bold)
}
@media screen and (max-width:1023px) {
      #root  .authorisations-dialog {
        bottom:0px;
        top:unset!important;
          transform:translate(-50%, 0%)!important;
          max-width:calc(100% - var(--c-mobile-padding) * 2);
          max-height:calc(100% - var(--c-header-mobile) - var(--c-mobile-padding));
         
    }
}
.banner {
    margin-bottom:5px;
}
.content-section-title {
    color:var(--c-text-light-e);
    margin-top:20px;
    margin:30px 0px;
    align-items:center;
    
}
.content-section-title .icon {
    width:30px;
    height:30px;
    margin-right:4px;
     background-image:var(--c-global-icon-spritesheet);
    background-repeat: no-repeat;
    filter: saturate(0) invert(1);
    background-size: 800px auto;
}
.content-section-title .icon.suggested-bets {
    background-position: -742px -100px;
}
.content-section-title .icon.boosted-odds {
    background-position: -206px -142px;
}
.mobile .content-section-title {
     padding:var(--c-mobile-padding);
}
.mobile .slide-container {
    padding:var(--c-mobile-padding);
}
.mobile .slide-container > app-widget-host {
    
    padding-bottom:38%
}
.slide-container > app-widget-host {
    position:relative;
    height:0;
    padding-bottom:20%;
    overflow:hidden;
}
.slide-container .slide {
    position:absolute;
    width:100%;
    height:100%;
}
.slide.slide-out {
    left: 100%;
    animation-duration: 0.5s;
    animation-name: slide-out;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.slide.slide-in {
    left: 0;
    animation-duration: 0.5s;
    animation-name: slide-in;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.slide-container .slide app-image {
    flex:1;
    border-radius:var(--r-10);
    overflow:hidden;
}
.slide-container .slide app-image:not(:last-child):not(:only-child) {
    margin-right:10px;
}
.slide-dot:only-child {
    display:none;
}
.slide-dot {
    width:15px;
    height:15px;
   display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    position:relative;
}
.slide-dot::before {
    content:"";
    width:10px;
    height:10px;
     border-radius:50%;
    background-color:var(--c-background-white-50);
    cursor:pointer;
    display:block;
    
}
.slide-dot.slide-selected::before {
    width:15px;
    height:15px;
    background-color:var(--c-background-white);
}
.slide-dot:not(:last-child):not(:only-child) {
     margin-right:5px;
}

.slide-carousel-buttons {
    margin-top:10px;
    display:block;
}
.slide-carousel-buttons > div {
        display:flex;
    justify-content:center;
    align-items:center;
    
}
.dot-container {
        display:flex;
    justify-content:center;
    align-items:center;
}
@keyframes slide-out {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

@keyframes slide-in {
    0% {
        left: 100%;
    }

    100% {
        left: 0%;
    }
}
.term-menu {
    
    margin:20px 0px;
}
.term-menu .menu {
    flex-wrap:wrap;
    
}
#root .term-menu a {
    padding:0 20px;
    height:58px;
    border-bottom:4px solid transparent;
}
#root .term-menu ul.menu a.active {
    background-color:var(--c-background-white);
    color:var(--c-text-dark-blue);
    border-color:var(--c-accent-color)
}
.floating-chat-button-container {
    position:fixed;
    bottom:20px;
    right:24px;
    
}
.mobile .floating-chat-button-container {
    bottom:calc(var(--c-botton-nav-height) + 14px)
}
.bet-added .mobile .floating-chat-button-container {
    bottom:calc(var(--c-botton-nav-height) + 64px)
}
.floating-chat-button-container .floating-chat-button {
    width:50px;
    height:50px;
    background-color:var(--c-accent-color);
    border-radius:50%;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.floating-chat-button-container .floating-chat-button app-widget-host::before {
    content:"";
    width:24px;
    height:24px;
    display:block;
    background-image: var(--c-global-icon-spritesheet);
    background-size: 700px auto;
    background-position: -347px -250px;
    filter: saturate(0) invert(1) brightness(10);
}
.margin-top-10 {
    margin-top:10px;
}
.margin-bottom-10 {
    margin-bottom:10px;
}
.margin-top-20 {
    margin-top:20px;
}
.margin-bottom-20 {
    margin-bottom:20px
}
.margin-top-30 {
    margin-top:30px;
}
.margin-bottom-30 {
    margin-top:30px
}
.mobile.view-page- .bottom-nav-item.home,
.mobile.view-page-live .bottom-nav-item.live,
.mobile.view-page-promotions .bottom-nav-item.offers,
.show-search .mobile .bottom-nav-item.search,
.active-mobile-betslip-view .mobile .bottom-nav-item.bets {
    color:var(--c-accent-color)
}
.mobile.view-page- .bottom-nav-item.home .icon,
.mobile.view-page-live .bottom-nav-item.live .icon,
.mobile.view-page-promotions .bottom-nav-item.offers .icon,
.show-search .mobile .bottom-nav-item.search .icon,
.active-mobile-betslip-view .mobile .bottom-nav-item.bets .icon{
    filter: hue-rotate(184deg) brightness(2.5);
}
.banner-container .beto-image:not(:last-child) {
    margin-bottom: 10px;
}
.right-sidebar .banner-container .beto-image{
    border-radius: 12px;
    overflow: hidden
}
.not-found-splash-screen {
    height:100%;
    position:fixed;
    width:100%;
    top:0px;;
    left:0px;
    justify-content:center;
    align-items:center;
    
    z-index:1111;
    background-color:rgba(6, 62, 102, 0.8)
}
.doc.page-not-found {
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    overflow:hidden;
    
}
.not-found-splash-screen ~ app-block {
    filter:blur(5px)
}
.doc.not-found-page .body {
    height:100%;
    justify-content:center;
}
 .not-found {
    justify-content:center;
    align-items:center;
     color:var(--c-text-light-e);
}
.return-to-site {
    align-items:flex-end;
    
}
.return-to-site .text {
    margin-right:8px;
    font-style:italic;
}

.doc.statistics .content-top{
    position:fixed;
    height:30px;
    align-items:center;
}
.doc.statistics .stat-iframe-container {
    position:fixed;
    top:30px;
    width:100%;
    height:calc(100% - 30px);
   
}
.doc.statistics .stat-iframe-container iframe {
    position:absolute;
    width:100%;
    height:100%;
}
.beto-betslip.hidden {
    display:none!important;
}