/**
 * Varies Z-Index levels
*/
/* ==========================================================================
  COMMON MIXIN DIRECTIVES
  ========================================================================== */
/* standard overlay */
/* opacity value : 0.0 for opaque ~ 1.0 for transparent */
/* properties common in absolute or fixed-positioned elements*/
/* properties common in a centered modal */
/* transform rotate property */
/* properties common in background image */
/* transition */
/*  =========================================
    Sportsbook UI - Variables 
    =========================================
*/
/*  =========================================
    Sportsbook UI - Variables REBRANDING  
    =========================================
*/
/*  =========================================
    Sportsbook UI - Colors 
    =========================================
*/
.lighter-blue {
  background: #0067EE;
}

.blue-text {
  color: #2400F6 !important;
}

.darker-blue {
  background: #1D00C2;
}

.darker-blue-quickslip {
  background: #15008F !important;
}

.darker-blue-text {
  color: #1D00C2 !important;
}

.grey-blue {
  background: #B2BBCF;
}

.stroke-blue {
  border-color: #3D94F4;
}

.stroke-blue-bg {
  background: #3D94F4;
}

.light-blue-background {
  background: #E1F2FF;
}

.electric-blue {
  background: #2400F6;
}

.green-text {
  color: #0D8900 !important;
}

.green {
  background: #4AAD00;
}

.darker-green {
  background: #347900;
}

.green-border {
  border-color: #65CA19;
}

.green-bg {
  background: #EDFCE2;
}

.lime-bg {
  background: #D1F20C;
}

.limegreen {
  background: #D1F20C;
}

.limegreen-text {
  color: #D1F20C;
}

.red {
  background: #D20D19;
}

.red-text {
  color: #D20D19 !important;
}

.deep-red-text {
  color: #B00000;
}

.red-border {
  border-color: #E54545;
}

.red-bg {
  background: #FCE4E2;
}

.violet {
  background: #b86bba;
}

.gold-icon {
  background: #F3C50E;
}

.gold {
  background: linear-gradient(180deg, #E7C75C 0%, #FFD428 100%);
}

.gold-text {
  color: #FFD428;
}

.orange {
  background: #FF961B;
}

.orange-text {
  color: #E65100;
}

.stroke-orange {
  border-color: #FFA944;
}

.light-orange {
  background: #FFF3E0;
}

.black {
  background: #020617;
}

.black-text {
  color: #020617 !important;
}

.gray-text {
  color: #020617;
}

.md-grey-text {
  color: #475569 !important;
}

.light-grey {
  background: #E8EDF3;
}

.light-grey-text {
  color: #E8EDF3;
}

.md-light-grey {
  background: #94A3B8;
}

.md-light-grey-text {
  color: #94A3B8;
}

.light-grey-blue {
  background: #F1F3F7;
}

.royal-blue-bg {
  background: #15008F;
}

.white {
  background: #FFFFFF;
}

.white-text {
  color: #FFFFFF !important;
}

.off-white {
  background: #F4F4F4;
}

.dark-grey-bg {
  background: #020617;
}

.md-grey-bg {
  background: #475569;
}

.gradient-blue-1 {
  background: linear-gradient(180deg, #012061 0%, #0253C5 100%);
}

.gradient-blue-2 {
  background: linear-gradient(180deg, #012061 0%, #013993 100%);
}

.gradient-blue-3 {
  background: linear-gradient(180deg, #013993 0%, #0253C5 100%);
}

.gradient-blue-1_rebrand2025 {
  background: linear-gradient(270deg, #020617 0%, #2400F6 40%);
}

.gradient-blue-2_rebrand2025 {
  background: linear-gradient(360deg, #17019B 0%, #2400F6 60%);
}

.gradient-blue-3_rebrand2025 {
  background: linear-gradient(0deg, #020617 0%, #17019B 100%);
}

.gradient-blue-4_rebrand2025 {
  background: linear-gradient(180deg, #2400F6 60%, #020617 100%);
}

.gradient-blue-5_sideNav {
  background: linear-gradient(90deg, #1D00C2 60%, #15008F 100%);
}

.gradient-gold-1 {
  background: linear-gradient(180deg, #E7C75C 0%, #FFD428 100%);
}

.gradient-white-1 {
  background: linear-gradient(90deg, #FFFFFF 0%, #E8EDF3 100%);
}

.gradient-blue-top-m {
  background: linear-gradient(360deg, #17019B 0%, #2400F6 60%);
}

.gradient-blue-bot-m {
  background: linear-gradient(0deg, #020617 0%, #17019B 100%);
}

.gradient-blue-linear-d {
  background: linear-gradient(270deg, #020617 0%, #2400F6 40%);
}

.gradient-blue-linear-mob {
  background: linear-gradient(0deg, #020617 0%, #2400F6 80%);
}

/*  =========================================
    Sportsbook UI - Font Family
    =========================================
*/
.roboto {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
.roboto.medium {
  font-weight: 500;
}

.inter {
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.inter.semibold {
  font-weight: 600;
}
.inter.bold {
  font-weight: 700;
}

@media only screen and (max-width: 1366px) {
  .banner-odds {
    font-size: 28px;
  }

  .inplayalignmarket .inplayPlayerName {
    width: 300px;
  }
}
/* hides 4th tab on home page when less than or equal to 1365 */
@media only screen and (max-width: 1365px) {
  .class-hometab li:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1920px) {
  /* HIDE */
  .toplink, .left-nav-container, .main-menu, .right-nav-container, .footer-desktop, .desktop-MyAccount {
    display: none;
  }

  #content-scroller, #wrapper-scroller {
    position: absolute;
  }

  .icon-licenses a {
    display: inline-block;
  }
}
@media (max-width: 1024px) {
  /*** SEARCH FUNCTIONALITY ***/
  .box-search,
.box-search-leftnav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 8;
  }
  .box-search input[type=text],
.box-search-leftnav input[type=text] {
    width: 80%;
  }
}
@media (max-width: 1024px) and (max-width: 768px) {
  .box-search input[type=text],
.box-search-leftnav input[type=text] {
    width: 88%;
  }
}
@media (max-width: 1024px) and (max-width: 568px) {
  .box-search input[type=text],
.box-search-leftnav input[type=text] {
    width: 85%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .box-search input[type=text],
.box-search-leftnav input[type=text] {
    width: 83%;
  }
}
@media (max-width: 1024px) and (max-width: 380px) {
  .box-search input[type=text],
.box-search-leftnav input[type=text] {
    width: 75%;
  }
}
@media (max-width: 1024px) {
  .box-search .search-overflow,
.box-search-leftnav .search-overflow {
    overflow-y: auto;
    height: 90vh;
  }
}
@media (max-width: 1024px) {
  .box-search-leftnav {
    position: relative;
    display: block;
  }
  .box-search-leftnav input[type=text] {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .overlay-search {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    background: #f4f4f4;
  }
}
@media (max-width: 1024px) {
  .inPlayMarket .handicap-value {
    font-size: 22px;
  }
}
@media (max-width: 1024px) {
  .inPlayMarket {
    margin-left: 20px;
    margin-top: 5px;
  }
}
@media (max-width: 1024px) {
  .h3.inplayPlayerName {
    font-size: 38px;
    font-size: 34px;
    width: 265px;
  }
}
@media (max-width: 1024px) {
  .inPlayMarket .handicap-value {
    font-size: 2em;
  }
}
@media (max-width: 1024px) {
  .inplayTennis .circle-small {
    width: 16px;
    height: 16px;
    top: 10px;
  }
}
@media (max-width: 1024px) {
  td.playerContainer {
    width: 300px;
  }
}
@media (max-width: 1024px) {
  .inplayalignmarket .inplayPlayerName {
    width: 225px;
  }
}
@media (max-width: 768px) {
  header.main-header {
    width: 100%;
    padding-left: 0px;
  }

  .loader {
    left: 50% !important;
  }

  #boyleextra .loader,
#vippremium .loader {
    left: 40% !important;
  }

  .modals {
    width: 90% !important;
    left: 50% !important;
    position: fixed;
    margin-left: -45%;
  }

  .plug {
    background-size: 25%;
  }

  #flashbet {
    width: 100%;
    padding-left: 0;
  }

  .popupLiveTicker {
    left: 0;
    width: 100%;
  }

  .notification-content {
    width: 98%;
    padding: 0 10px;
  }

  #verifyCard {
    padding-left: 0;
  }

  #divAlert {
    width: 100%;
    margin-left: 0;
  }

  .box-divAlert {
    padding-left: 0;
  }

  .margintopInplaybanner {
    height: 160px;
  }

  .margintopmarket {
    margin-top: 60px;
    margin-left: 20px;
  }

  .h3.inplayPlayerName {
    font-size: 34px;
    width: 265px;
  }

  .inplayTennis .circle-small {
    width: 16px;
    height: 16px;
    top: 10px;
  }

  td.playerContainer {
    width: 300px;
  }

  .inplayalignmarket .inplayPlayerName {
    width: 175px;
  }
}
@media (max-width: 667px) {
  .shopbetsticker {
    width: 95%;
  }

  .inplayalignmarket .inplayPlayerName {
    width: 175px;
  }
}
@media only screen and (max-device-width: 667px) and (orientation: landscape) {
  .inplayPlayerName {
    width: 260px;
  }
}
@media (max-width: 640px) {
  header.header .h2 {
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .inplayalignmarket .inplayPlayerName {
    width: 175px;
  }
}
@media (max-width: 568px) {
  .shopbetsticker {
    width: 93%;
  }

  #divAlert .alert {
    width: 100%;
  }

  .inplayalignmarket .inplayPlayerName {
    width: 145px;
  }
}
@media only screen and (max-device-width: 568px) and (orientation: landscape) {
  .inplayPlayerName {
    width: 210px;
  }

  .inplaymarketlb {
    font-size: 20px;
    width: 50%;
  }

  .inPlayMarket {
    width: 60%;
    height: 4.5em;
  }

  .inPlayBannerbtnfoot {
    width: 85px;
    font-size: 24px;
    margin-left: 60%;
  }

  td.playerContainer {
    width: 200px;
  }

  .h3.inplayPlayerName {
    font-size: 18px;
    width: 165px;
  }

  .margintopInplaybanner {
    height: 160px;
  }
}
@media (max-width: 480px) {
  .scoreboard-box .h2 {
    font-size: 12px;
  }

  .scoreboard-box .h3 {
    font-size: 13px;
  }

  #registration-funnel:before,
#myaccount-funnel:before {
    right: 125px;
  }

  #registration-funnel:after,
#myaccount-funnel:after {
    right: 125px;
  }

  .scoreboard-box i.left {
    position: absolute;
    left: 0px;
    top: 10px;
  }

  .scoreboard-box i.right {
    position: absolute;
    right: 0px;
    top: 10px;
  }

  .tc-modals.modals .modal-wrapper {
    height: 100%;
  }

  .banner-odds {
    font-size: 21px;
  }

  button.okGotIT {
    padding: 15px 15px;
  }

  .shopbetsticker {
    width: 93%;
  }

  .margintopInplaybanner {
    height: 85px;
  }

  .inplayTennis .inplayPlayerName {
    width: 120px;
  }

  .inPlayMarket {
    width: 60%;
    margin-left: 10px;
  }

  .marginInplayBanner .teamNameinplaybanner td > * {
    line-height: 1;
  }

  .marginInplayBanner.inplayTennis {
    margin-top: -3%;
  }

  .box-search .search-overflow {
    overflow-y: auto;
    height: 80vh;
  }
}
@media (max-width: 414px) {
  .tc-modals.modals .modal-wrapper {
    height: 100%;
  }

  .verifyImg {
    width: 50%;
  }

  .googlePayImg, .applePayImg {
    width: 13%;
  }

  #divAlert .avmsg {
    width: 60%;
    font-size: 13px;
    line-height: 16px;
    margin-top: -5px;
    margin-left: 10px;
  }

  td.playerContainer {
    width: 150px;
  }

  .inplayTennis .circle-small {
    top: 0px;
  }

  .inplayalignmarket .inplayPlayerName {
    width: 125px;
  }

  .hasPriceBoost .odds-panel {
    width: 75px;
  }

  .live-event-score {
    font-size: 10px;
  }
}
@media (max-width: 411px) {
  .withAVpopup#info-funnel {
    top: 70px !important;
  }

  .withAVpopup#error-funnel {
    top: 70px !important;
  }

  .withAVpopup#betslip-funnel {
    top: 70px !important;
  }

  .withAVpopup#qd-hidden-container,
.withAVpopup#quickdeposit-funnel,
.withAVpopup#lowbalance-funnel {
    top: 70px !important;
  }

  .withAVpopup#success-funnel {
    top: 70px !important;
  }

  .inplayalignmarket .inplayPlayerName {
    width: 95px;
  }
}
@media (max-width: 400px) {
  .inplayalignmarket .inplayPlayerName {
    width: 90px;
  }
}
@media (max-width: 375px) {
  .withAVpopup#info-funnel {
    top: 70px !important;
  }

  .withAVpopup#error-funnel {
    top: 70px !important;
  }

  .withAVpopup#betslip-funnel {
    top: 70px !important;
  }

  .withAVpopup#qd-hidden-container,
.withAVpopup#quickdeposit-funnel,
.withAVpopup#lowbalance-funnel {
    top: 70px !important;
  }

  .withAVpopup#success-funnel {
    top: 70px !important;
  }

  #registration-funnel:before,
#myaccount-funnel:before {
    right: 120px;
  }

  #registration-funnel:after,
#myaccount-funnel:after {
    right: 120px;
  }

  #login-funnel:after,
#login-funnel:before {
    right: 75px;
  }

  .tc-modals.modals .modal-wrapper {
    height: 100%;
  }

  .banner-betting .table {
    height: 100px;
  }

  .verifyImg {
    width: 50%;
  }

  .googlePayImg, .applePayImg {
    width: 14%;
  }

  .margintopInplaybanner {
    height: 80px;
  }

  .inplayalign {
    margin-left: 10px;
    margin-top: -15px;
  }

  .inplaymarketlb {
    font-size: 14px;
  }

  .inplaymarketbtn {
    position: fixed;
    margin-top: -20px;
  }

  td.playerContainer {
    width: 150px;
  }

  .inPlayMarket .handicap-value {
    font-size: 14px;
  }

  .inplayTennis .inplayPlayerName {
    width: 120px;
  }

  .hasPriceBoost .odds-panel {
    width: 75px;
  }

  .funnel-acca-boost .sm-acca-boost-banner {
    background-size: 150%;
  }

  .funnel-acca-boost .sm-acca-boost-ladder .boost-ladder-items {
    gap: 9px;
  }
}
@media (max-width: 360px) {
  .withAVpopup#betslip-funnel {
    top: 70px !important;
  }

  .withAVpopup#qd-hidden-container,
.withAVpopup#quickdeposit-funnel,
.withAVpopup#lowbalance-funnel {
    top: 70px !important;
  }

  .regulation-icons-ibas {
    width: 58px;
    background-size: 93px;
  }

  #divAlert .avimg {
    margin-top: 5px;
    position: relative;
    left: 5px !important;
  }

  #divAlert .avmsg {
    width: 50%;
  }

  .odds-panel {
    width: 53px;
  }

  .stake-input.Stake {
    max-width: 72px;
  }

  button.okGotIT {
    padding: 15px 15px;
  }

  .notification-content p {
    font-size: 12px;
  }

  .racing-icons > ul li {
    width: 24.5%;
  }
}
@media (max-width: 360px), (max-height: 512px) {
  #AccaPromo .h1 {
    font-size: 20px;
  }
  #AccaPromo .h2 {
    font-size: 15px;
  }
  #AccaPromo .dflex {
    margin-top: 15px;
  }
  #AccaPromo .dflex .h2 {
    font-size: 15px;
  }
  #AccaPromo .acca_promo_button,
#AccaPromo .acca_boost_prev_odd {
    font-size: 12px;
  }
  #AccaPromo .acca_boost_odd {
    font-size: 15px;
    line-height: 18px;
  }
  #AccaPromo .acca_check_icon,
#AccaPromo .acca_lock_icon {
    width: 40px;
    height: 40px;
  }
}
@media (max-height: 512px) {
  #AccaPromo {
    margin-top: 0;
  }
  #AccaPromo hr {
    margin: 5px auto;
  }
  #AccaPromo .dflex {
    margin: 10px 0;
  }
  #AccaPromo .close-icon {
    margin-top: 10px;
  }
  #AccaPromo .acca_check_icon,
#AccaPromo .acca_lock_icon {
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
  }

  .hasPriceBoost .odds-panel {
    width: 75px;
  }
}
@media (max-width: 340px) {
  #registration-funnel:before,
#myaccount-funnel:before {
    right: 120px;
  }

  #registration-funnel:after,
#myaccount-funnel:after {
    right: 120px;
  }

  #login-funnel:after,
#login-funnel:before {
    right: 75px;
  }

  #divAlert .avmsg {
    width: 170px;
  }
}
@media (max-width: 320px) {
  .withAVpopup#error-funnel {
    top: 84px !important;
  }

  .withAVpopup#qd-hidden-container,
.withAVpopup#quickdeposit-funnel,
.withAVpopup#lowbalance-funnel {
    top: 84px !important;
  }

  #btn-profile #btn-quick-deposit {
    padding: 10px 8px !important;
    font-size: 15px !important;
  }

  .scoreboard-box i {
    position: absolute;
    left: 128px;
    top: 10px;
  }

  .bet-radar img,
.view img {
    width: 13px;
  }

  .bet-radar,
.view {
    width: 16px;
  }

  dd.cMovUp {
    padding-bottom: 15px;
  }

  .icon-licenses {
    width: 75%;
    margin: 0 auto;
  }

  .banner-betting .table {
    height: 90px;
  }
}
@media (max-width: 320px) and (max-width: 297px) {
  .banner-betting .table {
    height: 75px;
  }
}
@media (max-width: 320px) {
  .banner-odds {
    font-size: 18px;
  }
}
@media (max-width: 320px) {
  #chat-widget-container.bottomUP {
    bottom: 43px !important;
  }
}
@media (max-width: 320px) {
  .shopbetsticker {
    font-size: 11px;
  }
}
@media (max-width: 320px) {
  span.shopBet-btn {
    width: 45px;
  }
}
@media only screen and (max-device-width: 320px) and (orientation: portrait) {
  #touchline-container {
    height: 400px !important;
    margin-top: 10px !important;
  }

  #tl_cplus {
    height: 460px;
  }

  .freetoken-btn {
    margin-left: 5px !important;
  }

  .racing-icons > ul li {
    width: 24.5%;
  }

  .margintopInplaybanner {
    height: 90px;
  }

  .inPlayMarket {
    width: 60%;
    height: 2.5em;
  }

  .inplaymarketlb {
    font-size: 12px;
  }

  .inPlayBannerbtnfoot {
    font-size: 16px;
    width: 65px;
    padding: 2px;
  }

  .inplayTennis .inplayPlayerName {
    width: 120px;
  }

  .marginInplayBanner.inplayTennis {
    margin-top: -3%;
  }

  .marginInplayBanner.inplayTennis .playerContainer {
    padding: 2px 0;
  }

  .stake-input.Stake {
    max-width: 60px;
  }
}
@media (min-width: 412px) {
  .withAVpopup#info-funnel {
    top: 70px !important;
  }

  .withAVpopup#error-funnel {
    top: 70px !important;
  }

  .withAVpopup#betslip-funnel {
    top: 70px !important;
  }

  .withAVpopup#qd-hidden-container,
.withAVpopup#quickdeposit-funnel,
.withAVpopup#lowbalance-funnel {
    top: 70px !important;
  }

  .withAVpopup#success-funnel {
    top: 70px !important;
  }
}
@media (min-width: 414px) {
  .withAVpopup#info-funnel {
    top: 70px !important;
  }

  .withAVpopup#error-funnel {
    top: 70px !important;
  }

  .withAVpopup#betslip-funnel {
    top: 70px !important;
  }

  .withAVpopup#qd-hidden-container,
.withAVpopup#quickdeposit-funnel,
.withAVpopup#lowbalance-funnel {
    top: 70px !important;
  }

  .withAVpopup#success-funnel {
    top: 70px !important;
  }

  .withAVpopup .funnel-scroll {
    height: 564px;
  }

  .withdivAVpopup .funnel-scroll {
    display: !important;
  }

  .divAlertDone {
    display: none;
  }
}
@media (min-width: 769px) {
  #flashbet {
    padding-left: 150px !important;
    bottom: 68px;
  }

  #flashbet-added {
    padding-left: 150px !important;
  }

  #sliderModal.terms-acceptance-modal {
    width: calc(100% - 150px);
    left: 150px;
  }
}
@media (min-width: 800px) {
  #fundandbet-funnel,
.greenballoon-right-container,
.redballoon-right-container,
#verifySuccess-funnel,
#verifyAccount-funnel,
#withdrawal-funnel,
.chat-support {
    padding-left: 150px;
  }

  .plug {
    background-size: 25%;
  }

  .inplayPlayerName {
    width: 100%;
  }
}
/*Inplay banner*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .mobile-main-container .inplayalignmarket .inplayPlayerName {
    width: 280px;
  }

  .mobile-main-container .inPlayBannertag {
    font-size: calc(14px + (30 - 14) * ((100vw - 300px) / (1366 - 300)));
  }

  .mobile-main-container .teamNameinplaybanner {
    font-size: calc(14px + (50 - 14) * ((100vw - 300px) / (1600 - 300)));
  }

  .mobile-main-container .marginInplayBanner {
    margin-top: 3%;
  }

  .mobile-main-container .inplayalignmarket {
    margin-top: 3%;
  }

  .mobile-main-container .inPlayMarket {
    height: 11vw;
  }

  teamNameinplaybanner {
    font-size: calc(14px + (45 - 14) * ((100vw - 300px) / (1600 - 300)));
  }

  .inplaymarketlb .bannerText, .inPlayBannerbtnfoot > .odds {
    font-size: calc(14px + (40 - 14) * ((100vw - 300px) / (1600 - 300)));
  }

  .inPlayBannerbtnfoot > .odds {
    width: calc(14px + (180 - 14) * ((100vw - 300px) / (1600 - 300)));
    padding: 16%;
  }

  .inPlayMarket .handicap-value {
    font-size: calc(14px + (50 - 14) * ((100vw - 300px) / (1600 - 300)));
  }

  .mobile-main-container .marginInplayBanner.inplayTennis {
    margin-top: -3%;
  }

  .mobile-main-container .marginInplayBanner.inplayTennis .teamNameinplaybanner {
    font-size: calc(14px + (65 - 14) * ((100vw - 300px) / (1600 - 300)));
  }
}
@media (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .marginInplayBanner {
    margin-top: 1% !important;
  }
}
@media (max-width: 460px) {
  .marginInplayBanner {
    margin-top: 2%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .marginInplayBanner {
    margin-top: 3%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .marginInplayBanner.inplayTennis .teamNameinplaybanner {
    font-size: calc(14px + (65 - 14) * ((100vw - 300px) / (1600 - 300)));
  }
}
@media (min-width: 737px) and (max-width: 812px) {
  .marginInplayBanner.inplayTennis .teamNameinplaybanner {
    font-size: calc(14px + (60 - 14) * ((100vw - 300px) / (1600 - 300)));
  }
}
@media (max-width: 736px) {
  .marginInplayBanner.inplayTennis .teamNameinplaybanner {
    font-size: calc(14px + (60 - 14) * ((100vw - 300px) / (1600 - 300)));
  }
}

.marginInplayBanner .teamNameinplaybanner td > .inplayPlayerName {
  /* Landscape */
  /* Portrait and Landscape Ipad Pro */
}
@media (max-width: 460px) {
  .marginInplayBanner .teamNameinplaybanner td > .inplayPlayerName {
    width: 7em;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .marginInplayBanner .teamNameinplaybanner td > .inplayPlayerName {
    width: 5em;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  .marginInplayBanner .teamNameinplaybanner td > .inplayPlayerName {
    width: 6em;
  }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .inplaymarketlb .bannerText {
    font-size: calc(14px + (40 - 14) * ((100vw - 300px) / (1600 - 300)));
  }
}
@media (max-width: 812px) {
  .inplaymarketlb .bannerText {
    font-size: calc(14px + (40 - 14) * ((100vw - 300px) / (1600 - 300)));
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .inplaymarketlb .bannerText {
    font-size: calc(14px + (50 - 14) * ((100vw - 300px) / (1600 - 300)));
  }
}
@media (max-width: 414px) {
  .inplaymarketlb .bannerText {
    font-size: 16px !important;
  }
}
@media (max-width: 375px) {
  .inplaymarketlb .bannerText {
    font-size: 14px !important;
  }
}
@media (max-width: 320px) {
  .inplaymarketlb .bannerText {
    font-size: 11px !important;
  }
}

@media (max-width: 320px) {
  .inPlayMarket {
    height: 2.5rem !important;
    border-left: 1px solid #fff;
  }
}
@media (max-width: 460px) {
  .inPlayMarket {
    height: 3.5rem;
    border-left: 1px solid #fff;
  }
}
@media (min-width: 461px) and (max-width: 667px) {
  .inPlayMarket {
    height: 6em;
    border-left: 1px solid #fff;
  }
}
@media (min-width: 800px) and (max-width: 1024px) {
  .inPlayMarket {
    border-left: 1px solid #FFF;
    height: 6em;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .inPlayMarket {
    height: 11vw;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .inPlayMarket {
    height: 11vw;
  }
}
@media (max-width: 812px) and (orientation: landscape) {
  .inPlayMarket {
    height: 11vw;
  }
}

@media (max-width: 812px) and (orientation: landscape) {
  .inplayalignmarket .inPlayMarket .inPlayBannerbtnfoot > .odds {
    width: 65%;
  }
}
@media (max-width: 568px) and (orientation: landscape) {
  .inplayalignmarket .inPlayMarket .inPlayBannerbtnfoot > .odds {
    width: 65px;
  }
}

@media (max-width: 460px) {
  .inPlayBannerbtn {
    font-size: 0.7em;
    padding: 0.3em;
  }
}
@media (max-width: 320px) {
  .inPlayBannerbtn {
    font-size: 0.6em !important;
    padding: 0.2em 0.8em !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .inPlayBannerbtn {
    font-size: calc(8px + (30 - 8) * ((100vw - 300px) / (1600 - 300)));
  }
}
@media (min-width: 568px) and (max-width: 736px) {
  .inPlayBannerbtn {
    padding: 0.4em 3%;
    font-size: calc(8px + (30 - 8) * ((100vw - 300px) / (1600 - 300)));
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .inPlayBannerbtn {
    padding: 0.2em 4%;
    font-size: calc(8px + (18 - 8) * ((100vw - 300px) / (1600 - 300)));
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .inPlayBannerbtn {
    padding: 0.2em 7%;
  }
}

/* SAMSUNG TAB 10 VIEW */
@media only screen and (min-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait) {
  .blueballoon-right-container.visible {
    padding-left: 18%;
  }

  .remove-and-bet-container {
    width: 82%;
  }
}
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .betslip-scroll {
    width: 100%;
  }
}
/* Galaxy Tab 10.1 landscape */
@media (max-device-width: 1280px) and (orientation: landscape) {
  .fixed-footer {
    display: block;
  }
}
/**IPAD POPUP VIEW**/
@media screen and (min-width: 678px) {
  .teamNameinplaybanner .live-event-score .circle-small {
    width: 14px;
    height: 14px;
  }

  tr.teamNameinplaybanner .live-event-score {
    top: 13px;
  }

  .h3.inplayPlayerName {
    font-size: 38px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  #flashbet-added {
    padding-left: 0;
  }

  #wrapper-scroller {
    top: auto;
  }
}
@media screen and (min-width: 769px) {
  .flash-bet-intro {
    left: 150px;
    padding-top: 50px;
  }

  #registration-funnel .header {
    padding-right: 160px;
  }

  #mobile3-popup.modal-box {
    width: 50%;
    margin-left: 80px;
  }

  #betslip-container #BetslipKeyboard {
    padding-right: 150px;
  }
}
@media screen and (min-width: 1024px) {
  #fundandbet-funnel,
.greenballoon-right-container,
.redballoon-right-container,
#verifySuccess-funnel,
#verifyAccount-funnel,
#withdrawal-funnel,
.chat-support {
    padding-left: 150px;
  }

  #wrapper-scroller {
    top: auto;
  }

  .plug {
    background-size: 9%;
  }

  .box-search {
    position: fixed;
    top: 0;
    right: 0;
    left: 150px;
    bottom: 0;
    z-index: 8;
  }
  .box-search input[type=text] {
    width: 90%;
  }
  .box-search .search-overflow {
    overflow-y: auto;
    height: 90vh;
  }

  .overlay-search {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    background: #f4f4f4;
  }
}
@media only screen and (min-width: 823px) {
  .remove-and-bet-container {
    padding-right: 150px;
  }

  .blueballoon-right-container {
    padding-left: 150px;
  }
}
@media screen and (orientation: portrait) {
  .sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 0px;
    z-index: 1;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  div#flashbet-message {
    width: 960px;
    padding-left: 150px;
  }

  /*Inplay Banner*/
  .mobile-main-container .inplayalignmarket .teamNameinplaybanner {
    font-size: calc(14px + (60 - 14) * ((100vw - 300px) / (1600 - 300)));
  }
}
/*IPHONE 6/7/8 PLUS Landscape*/
@media only screen and (device-height: 375px) and (device-width: 812px) {
  /*IPHONE 6/7/8 Landscape*/
  /*IPHONE 5 Landscape*/
}
@media only screen and (device-height: 375px) and (device-width: 812px) and (max-device-width: 568px) and (max-device-height: 320px) and (orientation: landscape) {
  .flash-bet-intro {
    padding-top: 0;
  }
}
@media only screen and (device-height: 375px) and (device-width: 812px) {
  .sr-widget .sr-header-1 {
    background-color: #1D00C2 !important;
  }
}
@media only screen and (device-height: 375px) and (device-width: 812px) {
  .sr-widgets-lmts .sr-lmts-collapse-bar {
    height: 20px !important;
  }
}
@media only screen and (device-height: 375px) and (device-width: 812px) {
  .invisible {
    visibility: hidden !important;
  }
}

/*# sourceMappingURL=main.ae3d90e673bf5c864ea7.css.map*/