/* Common CSS */

.pr2 { padding: 0px!important; padding-right: 2px!important; }
.cursor { cursor: pointer; }
a { color: inherit; }
.img-location {
  width: 22px!important;
  height: 15px;
  border-radius: 2px;
  margin-right: 8px!important;
}
.w100 { width : 100%; }
.theme-btn-0 {
  background-color: white;
  color : black;
}
.theme-btn-0:hover {
  background-color: whitesmoke;
  color: black;
}

  /* Height small size device */
  @media (max-height : 650px) {
    .m_betcart_gametable_wrap {
      max-height: 140px!important;
    }
    .bt.size-3 {
      padding: 18px;
    }
  }



  .modal-img {
    width: 100%;
    cursor: pointer;
    transition: 0.1s;
  }
  .modal-img:hover {
    transition: 0.1s;
    filter: sepia(10%);
  }

  /* NEW BETCART - MINI */
  .betcart_wrap_new {
    background-color: #FFFFFF;
    padding : 15px 0px;
  }
  .betcart_box {
    border: 1px solid #DDD;
    border-bottom: 0px;
  }
  .betcart_wrap_new .result {
    padding: 0px 15px;
    text-align: center;
    margin-bottom: 15px;
  }
  .betcart_wrap_new .result tr > td:first-child {
    width: 20%;
    font-size: 30px;
    background-color: #269dd3;
    color: #FFF;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .betcart_wrap_new .result tr > td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #EFEFEF;
  }
  .betcart_wrap_new .result .title {
    border-bottom: 1px solid #DDDDDD;
  }
  .betcart_wrap_new .result tr > td p {
    margin: 0px;
    padding: 10px 0px;
    font-size: 14px;
  }
  .betcart_wrap_new .result tr > td font {
    color: #036999;
    float: right;
    margin-right: 15px;
  }
  .betcart_wrap_new .result tr > td b {
    float: left;
    margin-left: 15px;
  }
  .betcart_wrap_new .top-time th {
    font-size: 13px;
    padding : 8px 0px;
    text-align: center;
    color: #EDEDED;
    background-color: #269dd3;
    width: 50%;
  }
  .betcart_wrap_new .top-time th:first-child {
    border-right: 1px solid #D1D1D1;
  }
  .betcart_wrap_new .top-time td {
    text-align: center;
    padding: 15px 0px;
    font-size: 20px;
    margin-right: 3px;
    margin-left: 3px;
    border-bottom: 1px solid #DDD;
  }
  .betcart_wrap_new .mid-betting {
    padding: 15px 0px;
    background-color: #FEFEFE;
  }
  .betcart_wrap_new .mid-betting.row > div {
    margin: 15px 0px;
  }
  .betcart_wrap_new .bot-moneybox {
    padding: 20px 15px 20px 15px;
    border-top: 1px solid #DDD;
  }
  .betcart_wrap_new .bot-moneybox .top th,
  .betcart_wrap_new .bot-moneybox .top td {
    text-align: center;
    font-size: 14px;
    width: 50%;
  }
  .betcart_wrap_new .bot-moneybox .top td {
    padding: 8px 0px;
  }
  .betcart_wrap_new .bot-moneybox .form-group {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .betcart_wrap_new .bot-moneybox .form-control {
    font-size: 18px;
    padding: 12px 15px;
    height: auto;
    text-align: right;
    color: #000;
  }
  .betcart_wrap_new .bot-moneybox .input-group-addon {
    padding: 6px 18px;
  }
  .bot-moneybutton caption { 
    font-size: 12px; 
    text-align: center;
  }
  .bot-moneybutton tbody td,
  .bot-moneybutton tfoot td {
    padding: 3px;
    width: 33%;
  }
  .bot-moneybutton tfoot tr:first-child > td {
    padding-top: 15px;
  }
  .bot-moneybutton tbody td > div {
    padding: 20px 0px;
    font-size: 15px;
    color: #000;
    background-color: #EDEDED;
    text-align: center;
    border-radius: 5px;
    transition: 0.1s;
  }
  .bot-moneybutton tbody td > div:active {
    background-color: #CFCFCF;
    transform: scale(0.97);
    transition: 0.1s;
  }
  .contents_right .betmoney_table td {
    width: 33%!important;
  }
  .contents_right .betmoney_table .bt.full {
    padding: 12px 0px;
  }


  /* NEW BETCORIMFIT */
  #modalconfirm .modal-dialog {
    width: 500px;
  }
  #modalconfirm .modal-content {
    background-color: transparent;
  }
  #modalconfirm .modal-header {
    background-color: #0f8be0;
    color: #EFEFEF;
    padding: 30px 0px;
    text-align: center;
    font-size: 24px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border : 0px;
  }
  #modalconfirm .modal-body {
    background-color: #FFF;
    text-align: center;
    padding: 0px;
  }
  #modalconfirm tbody td {
    font-size: 20px;
    padding: 25px 0px;
  }
  #modalconfirm tbody td:first-child {
    width: 25%;
    background-color: #269dd3;
    color : #FFF;
    border-top : 1px solid #DDD;
    font-size: 20px;
  }
  #modalconfirm tbody td:last-child {
    width: 80%;
    border-top: 1px solid #DDD;
  }
  #modalconfirm tbody tr:first-child td {
    border-top: 0px;
  }
  #modalconfirm tbody tr:last-child td {
    border-bottom: 1px solid #DDD;
  }
  #modalconfirm tfoot > tr:first-child td {
    padding: 15px 0px 15px 0px;
    font-size: 14px;
  }
  #modalconfirm tfoot > tr:last-child td {
    padding: 15px 0px 30px 0px;
  }
  #modalconfirm tfoot div {
    padding: 25px 0px;
    font-size: 24px;
    width: 90%;
    margin : 0 auto;
  }
  #modalconfirm .complete {
    font-size: 20px;
  }
  #modalconfirm tfoot div i {
    font-size: 26px;
  }
  @media (max-width : 767px) {
    #modalconfirm .modal-dialog { width: auto; }
    #modalconfirm tfoot div { font-size: 22px; }
    #modalconfirm .modal-header,
    #modalconfirm tbody td,
    #modalconfirm tfoot div { padding: 20px 0px; }
  }



  /* 08.21 ++ */
  .swal2-content {
    font-weight: 600!important;
    font-size: 16px!important;
    padding: 3px 1.6em!important;
  }
  .swal2-styled.swal2-confirm {
    font-size: 14px;
    width: 80px;
  }
  .panel-body.system-lock {
    background-color: #EFEFEF;
    text-align: center;
    font-size: 26px;
    padding: 35px 0px;
  }
  .panel-body.system-lock p {
    font-size: 18px;
    color: #A9A9A9;
    margin-top: 20px;
  }



  /* Score box CSS */
  .overflowtext.sc-team { width: 120px; }
  .inplay-scorebox {
    width: 100%;
    height: auto;
    background-repeat : no-repeat;
    background-size : 100%;
    margin-bottom: 15px;
    background-color: #000000;
    padding-bottom: 1px;
  }
  .inplay-scorebox.baseball { background-image: url('/asset/main-1/img/main-1/inplay/scorebox_baseball.jpg'); }
  .inplay-scorebox.basketball { background-image: url('/asset/main-1/img/main-1/inplay/scorebox_basketball_2.jpg'); }
  .inplay-scorebox.basketball .bottom td:nth-child(4) { border-right: 3px groove #DDDDDD; }

  .inplay-scorebox.volleyball { background-image: url('/asset/main-1/img/main-1/inplay/scorebox_volleyball.jpg'); }
  .inplay-scorebox.soccer { background-image: url('/asset/main-1/img/main-1/inplay/scorebox_soccer.jpg'); }
  .inplay-scorebox.soccer table { width: 100%; }
  
  .inplay-scorebox.hockey { background-image: url('/asset/main-1/img/main-1/inplay/scorebox_hockey_2.jpg'); }

  .inplay-scorebox .scorebox-tablebox {
    overflow: scroll;
  }
  .inplay-scorebox .bottom {
    width: 515px;
    color: #DDDDDD;
  }
  .inplay-scorebox .bottom th {
    text-align: center;
    font-size: 10px;
    padding-bottom: 3px;
    min-width: 40px;
  }
  .inplay-scorebox .bottom td:first-child {
    width: 115px;
    background-color: #036999;
    color: #FFFFFF;
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
  }
  .inplay-scorebox .bottom td:nth-child(2) {
    background-color: #036999;
    color: #F2DF3A;
    border-right: 5px groove #DDDDDD;
  }
  .inplay-scorebox .bottom td {
    padding: 5px 0px;
    border: 1px solid #DDD;
    text-align: center;
  }

  .scorebox-title .top {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .scorebox-title .top caption {
    text-align: center;
    color: #fed600;
  }
  .scorebox-title .top tbody td {
    color: #EDEDED;
  }
  .scorebox-title .top > tbody > tr > td:nth-child(1),
  .scorebox-title .top > tbody > tr > td:nth-child(5) {
    width: 35%;
  }
  .scorebox-title .top > tbody > tr > td:nth-child(2),
  .scorebox-title .top > tbody > tr > td:nth-child(4) {
    width: 13%;
  }
  .scorebox-title .top .show-score {
    border-radius: 5px;
    font-size: 18px;
    padding: 8px 0px;
    text-align: center;
  }



  /* ********************************************
    Charge + Virtual CSS
  **********************************************/

  #charge-virtual input {
    text-align: right;
  }
  #charge-virtual table caption {
    background-color: #EFEFEF;
    font-size: 16px;
    color: #000000;
    text-align: center;
    padding: 20px 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  #charge-virtual caption i {
    font-size: 24px;
    position: relative;
    top: 4px;
    left: 10px;
    cursor: pointer;
  }
  #charge-virtual td {
    padding: 10px 5px;
    border: 1px solid #E0E0E0;
  }
  #charge-virtual td:nth-child(odd):not(.lastbox) {
    width: 100px;
    font-size: 24px;
    background-color: #EFEFEF;
    color : #A0A0A0;
  }
  .lastbox { font-size: 18px; }
  .lastbox a {
    margin-top: 8px;
    color: #FFFFFF;
  }
  #charge-virtual .theme-text-3 {
    letter-spacing: 5px;
    margin-bottom: 5px;
  }
  #charge-virtual td:nth-child(even) {
    font-size: 18px;
  }
  .nav-tabs.ver-a > li.active > a, .nav-tabs.ver-a > li.active > a:hover, .nav-tabs.ver-a > li.active > a:focus {
    background-color: var(--color-blue-1);
    color : var(--color-white);
  }
  .nav-tabs.ver-a li {
    width: 33%;
    font-size: 18px;
  }
  .tab-content.charge .bt.full {
    padding : 18px 0px;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .tab-content.charge .caption {
    font-size: 20px;
    margin: 10px;
    line-height: 35px;
  }
  @media (max-width : 767px) {
    .nav-tabs.ver-a li {
      font-size: 14px;
    }
    .nav.ver-a > li > a {
      padding: 15px 0px;
    }
    .tab-content.charge .caption {
      font-size: 16px;
      line-height: 30px;
    }
  }


  /* ********************************************
    Inplay Lock CSS 
  **********************************************/
  .panel-body.inplay.lock {
    background-color: darkgrey;
    color: #555;
    text-align: center;
    padding : 30px 0px;
    border-radius: 5px;
  }
  .panel-body.inplay.lock i { font-size: 24px; }
  .panel-body.inplay.lock span { 
    font-size: 14px;
    position: relative;
    top: -3px;
    left: 10px;
  }

  /* ********************************************
    Mybet page CSS
  **********************************************/

  .betmenu_tab .mybet td {
    border : 1px solid #DDD;
    width: 20%;
  }
  .betmenu_tab .mybet td i {
    font-size: 28px;
    margin-bottom: 8px;
  }
  .betmenu_tab input[type="radio"]:checked + label {
    color: #036999;
  }
  @media (max-width : 767px) {
    .betmenu_tab .mybet td i {
      font-size: 24px;
    }
  }
  @media (min-width : 767px) {
    .mybet-new {
      width: 95%;
      margin: 0 auto;
    }
    .mybet-new .mybet-table {
      border-left: 3px solid #EDEDED;
      border-right: 3px solid #EDEDED;
      border-top: 5px solid #EDEDED;
      border-radius: 8px;
      border-collapse: separate;
    }
    .mybet-new .mybet-table td {
      font-size: 14px!important;
    }
    .mybet-table .prematch > td:first-child .betname {
      font-size: 18px;
      margin-top: 5px;
      margin-bottom: 12px;
    }
    .mybet-new .mybet-table .prematch tr:nth-child(1) > td {
      font-size: 18px!important;
    }
    .mybet-table .bct.badge {
      font-size: 14px;
      padding : 5px 10px;
    }
  }
  .mybet-new .mybet-table {
    margin: 50px 0px 10px;
  }
  .mybet-new .mybet-table .prematch tr:nth-child(1) > td {
    text-align: center;
    background-color: #EFEFEF;
  }
  .mybet-new .mybet-table .prematch  tr > td {
    text-align: center;
    border: 1px solid #EDEDED;
    padding: 8px 0px;
    font-size: 13px;
  }
  .mybet-new .mybet-table marquee {
    display: block;
  }

    /* Prematch */
    .mybet-table .prematch > td:nth-child(2) {
      text-align: center;
      padding-left: 5px!important;
    }
    .mybet-table .prematch .fa-fade {
      color: #970000;
    }
    .mybet-table > tbody > tr:nth-child(odd) > td {
      background-color: #FAFAFA;
    }
    .mybet-table .bct.badge {
      margin-right: 15px;
    }
    .mybet-table .prematch > td:first-child {
      line-height: 20px;
      padding-left: 5px!important;
    }
    .mybet-table .prematch > td:first-child .betname {
      font-size: 16px;
      margin-bottom: 5px;
    }
    .mybet-table .prematch > td:first-child .betvs {
      font-size: 12px;
      font-weight: 400;
    }
    .mybet-table .prematch > td:first-child .date {
      color : #AAA;
/*      font-style: italic;*/
      margin-top: 3px;
    }
    .mybet-table > tbody > tr > td .overflowtext-new img {
      margin-bottom: 3px;
      margin-right: 3px;
    }

    /* Special & Minigame */
    .mybet-table .special > tr:first-child > td {
      background-color: #EFEFEF;
    }
    .mybet-table .special > tr > td {
      text-align: center;
      padding: 8px 0px;
      font-size: 13px;
      border : 1px solid #EDEDED;
    }
    .mybet-table .special img {
      height: 14px;
      position: relative;
      top: -1px;
    }
    .timeleague {
      padding-left: 5px;
      color: #757575;
      margin-bottom: 5px;
    }
    .timeleague .league {
      padding-left: 5px;
      padding-right: 5px;
    }
    .special .league {
      margin-left: 15px;
    }
    .special .row > .col-xs-5,
    .special .row > .col-xs-2 {
      border-radius: 5px;
      text-align: center;
      padding : 5px 0px;
      border : 1px solid #EFEFEF;
    }
    .special .row > .draw {
      line-height: 34px;
    }
    .special .tb-special {
      border-collapse: collapse;
    }
    .special .tb-special td:nth-child(1) { width: 40%; }
    .special .tb-special td:nth-child(2) { width: 20%; }
    .tb-special .td-special {
      border : 1px solid #EDEDED;
      padding : 5px;
    }
    @media (max-width : 767px) {
      .timeleague .league {
        float: right;
      }
    }

    /* Bottom */
    .mybet-new .mybet-table tfoot td {
      background-color: #EFEFEF;
      padding: 8px 0px;
      border : 0px;
      text-align: center;
    }
    .mybet-bottom td {
      text-align: right;
    }
    .mybet-bottom td:last-child {
      padding-top: 3px;
      padding-right: 10px;
    }
    
    @media (max-width : 767px) {
      .mybet-new .mybet-table tr > td {
        font-size: 12px;
      }
    }

    /* Overflow */
    .overflowtext-new {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin : 0 auto;
    }
    .overflowtext-new.league { width: 100%; margin-bottom: 5px; }
    .overflowtext-new.league img {
      position: relative;
      top: -1px;
      margin-right: 3px;
    }
    .overflowtext-new.market { width: 250px; }

    @media (max-width : 767px) {
      .overflowtext-new.league { width: 105px; }
      .overflowtext-new.market { width: 100px; }
    }



  /* ********************************************
    Prematch ADD 22.10.19
  **********************************************/
  .link-top {
    font-size: 24px;
    position: fixed;
    bottom: 85px;
    right: 0px;
    background-color: rgb(0,0,0,0.3);
    color : #FFF;
    padding: 12px 15px 8px 20px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    z-index: 1;
  }
  .link-top:active {
    color: var(--color-yellow);
  }
  .ls-games { font-size: 13px; }
  .ls-league img { width : 20px; margin-right: 5px; }
  .ls-games:first-child .ls-league.main {
    margin-top: 0px;
  }
  .ls-league {
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 5px;
  }
  .ls-league.main {
    background-color: #e5e5e5e5;
    color: #000000;
    margin-top: 30px;
  }
  .ls-league.sub {
    background-color: #e5e5e5e5;
    color: #000000;
    text-align: center;
  }
  .row.ls-market1,
  .row.ls-market2 {
    margin-bottom: 3px;
  }
  .ls-market1 > .col-xs-2,
  .ls-market1 > .col-xs-9,
  .ls-market1 > .col-xs-1,
  .ls-market1 > .col-xs-8 {
    padding-left: 3px;
    padding-right: 3px;
  }
  .ls-collapse {
    padding: 10px 15px;
  }
  .ls-games .col-xs-6,
  .ls-games .col-xs-4 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .ls-games .col-xs-6:first-child,
  .ls-games .col-xs-4:first-child {
    padding-left: 0px;
  }
  .ls-games .col-xs-6:last-child,
  .ls-games .col-xs-4:last-child {
    padding-right: 0px;
  }
  .col-xs-4.active .ls-btn,
  .col-xs-6.active .ls-btn {
    background-color: #F7C958;
  }
  .row.ls-market1,
  .row.ls-market2 {
    margin-bottom: 3px;
  }
    /* Common */
    .img-under,.img-over { 
      width: 15px; 
      position: relative;
      top: -2px;
    }

    /* Button CSS */
    .ls-btn {
      border: 1px solid #DDDDDD;
      border-radius: 5px;
      text-align: center;
      padding: 8px 0px;
      cursor: pointer;
    }
    .ls-btn.stdate {
      cursor: default;
    }
    .ls-btn.stdate .theme-text-close {
      letter-spacing: 3px;
    }
    .ls-btn.stdate.default {
      line-height: 37px;
    }
    .ls-btn.act-collapse {
      line-height: 53px;
      padding : 0px;
    }
    .ls-btn.act-collapse i {
      font-size: 22px;
      position: relative;
      top: 3px;
    }
    .ls-btn.act-collapse .act-close {
      background-color: #ec7d62;
      color : #FFF;
      border-radius: 5px;
    }
    .ls-btn:active:not(.stdate) {
      transition: 0.1s;
      transform: scale(0.99);
      box-shadow: 0px 0px 5px rgb(200 200 200 / 90%) inset, 0px 0px 5px rgb(200 200 200 / 50%);
    }
    .ls-btn.active {
      background-color: #F7C958;
    }
    @media (min-width : 768px) {
      .ls-btn:hover:not(.stdate) {
        background-color: #F7C958;
      }
    }

  /* PC - Prematch CSS */
  @media (min-width : 768px) {
    .m_betcart_start table > tbody > tr > td {
      padding: 12px 0px;
      border-top: 1px solid #DDD!important;
    }
    .betcart_wraptable { background-color: #FFF!important; }
    .m_betcart_start table > tbody > tr > td:nth-child(1) {
      width: 40%!important;
      background-color: #EEE!important;
      color: #585858!important;
      font-size: 16px!important;
    }
    .m_betcart_start table > tbody > tr > td:nth-child(2) {
      font-size: 14px;
    }
    .m_betcart_gametable_wrap {
      margin-bottom: 0px!important;
      border-top: 0px!important;
      border-bottom: 0px!important;
    }
    .m_betcart_gametable.prematch tbody > tr > td {
      font-size: 12px;
    }
    .pad_betcart_custom.new .bdr-left {
      background-color: #EEE;
      color: #585858;
      padding: 15px 0px;
      text-align: center;
      font-size: 14px;
      border-bottom: 1px solid #DDD;
    }
    .pad_betcart_custom.new {
      font-size: 14px;
      border-bottom: 1px solid #DDD;
    }
    .pad_betcart_custom input {
      height: 50px;
    }
    .pad_betcart_custom.new > .bdr-right.theme-text-3 {
      font-size: 16px;
    }
    .betcart_wrap .alert-danger {
      margin-bottom: 0px;
    }
    .m_betcart_gametable.prematch tbody > tr:first-child {
      border-top: 1px solid #0F8BE0;
    }
    .m_betcart_gametable.prematch tbody > tr:last-child {
      border-bottom: 1px solid #0F8BE0;
    }
    .m_betcart_gametable.prematch tbody > tr > td:nth-child(3) {
      width: 12%;
    }
    .m_betcart_gametable.prematch tbody > tr > td:nth-child(4) {
      width: 12%;
      font-size: 16px;
      color: #ec7d62;
    }
    .m_betcart_gametable.prematch tbody > tr:nth-child(odd) {
      background-color: #ededed;
    }
    .m_betcart_gametable.prematch tbody > tr > td {
      padding: 5px 3px;
    }
    .m_betcart_gametable.prematch tfoot td {
      text-align: center;
      font-size: 14px;
      border : 1px solid #DDD;
      border-top: 0px;
      padding: 8px 0px;
      width: 25%;
    }
  }
  .theme-text-3.except { color:lightblue; }
  .bct.badge {
    float: right;
  }
  .btc-tr > td:first-child {
    width: 85%;
    line-height: 18px;
  }
  .btc-tr > td:last-child i {
    font-size: 18px;
  }
  /* Prematch Modal bet confirm CSS */
  .modal-user-bet-confirm.new .modal-footer {
    padding: 15px;
  }
  .modal-user-bet-confirm.new .modal-footer .fa-spinner {
    display: block;
    margin: 0 auto;
  }
  .modal-user-bet-confirm.new .modal-footer .bt.full {
    width: 80%;
    margin-bottom: 8px;
  }
  .modal-user-bet-confirm.new .modal-footer div {
    text-align: center;
  }
  .modal-user-bet-confirm.new .modal-footer h3 {
    margin-bottom: 15px;
  }

  /* Mobile CSS */
  .alert-danger.mobile {
    background-color: #f2dede!important;
    border-color: #ebccd1!important;
    color: #a94442!important;
    height: 295px;
  }
  .ls-m_live {
    position: absolute;
    font-size: 11px;
    color: #ec7d62;
    top: -15px;
    left: 20px;
  }
  @media (max-width : 767px) {
    .prematch_wrap.mobile {
      padding: 0px 3px;
    }
    .ls-btn.act-collapse {
      line-height: 53px;
      padding : 0px;
    }
    .ls-btn.act-collapse i {
      font-size: 22px;
      position: relative;
      top: 3px;
    }
    .ls-btn.act-collapse .act-close {
      background-color: #ec7d62;
      color : #FFF;
      border-radius: 5px;
    }
    .img-under,.img-over { width: 15px; }
    .ls-market1 > .col-xs-8 {
      padding-left: 0px;
      padding-right: 0px;
    }
    .prematch_wrap .overflowtext {
      width: 93%;
    }
  }


  /* ********************************************
    INPLAY ADD 22.10.22
  **********************************************/
    .inplay_wrap { padding : 20px 5px 0px 5px; }
    .panel-body.inplay .inp-main .score {
      padding: 12px 0px;
      font-size: 18px;
      line-height: 25px;
    }
    .panel-body.inplay .score span {
      color: #A9A9A9;
      font-size: 12px;
    }
    .panel-body.inplay .inp-main > div {
      padding: 15px 0px;
      text-align: center;
      font-size: 14px;
    }
    .inplay-coll {
      width: 100%;
      border : 1px solid #EFEFEF;
      border-bottom: 0px;
      text-align: center;
      font-size: 13px;
      line-height: 22px;
    }
    .inplay-coll-btn:active {
      transition: 0.1s;
      transform: scale(0.99);
      box-shadow: 0px 0px 5px rgb(200 200 200 / 90%) inset, 0px 0px 5px rgb(200 200 200 / 50%);
    }
    .inplay-coll-btn {
      background-color: #036999;
      color: #FFFFFF;
      padding: 15px 0px;
      font-size: 16px;
      cursor: pointer;
    }
    .inplay.new .col-xs-4.score i,
    .inplay.new .col-xs-4.score .notyet,
    .col-xs-4.score .fa-stopwatch,
    .col-xs-4.score .notyet {
      color: grey;
      font-size: 14px;
    }
    .inplay .col-xs-4.score .teamscore {
      font-size: 24px;
      color : #970000;
    }
    .betcart-lock .bct.badge {
      position: relative;
      background-color: transparent;
      position: relative;
      top: -8px;
    }
    .betcart-lock .bct.badge .fa-lock {
      font-size: 24px!important;
    }
    @media (min-width : 767px) {

      .panel.inplay.new {
        margin-bottom: 20px;
      }
      .panel-body.inplay.new {
        padding: 0px;
      }
      .inp-main img {
        height: auto;
        width: 55px;
        margin-bottom: 3px;
      }
      .panel.inplay.new .img-sports {
        width: 20px;
        margin-right: 5px;
      }
      .panel.inplay.new .img-country {
        width: 30px;
        margin-right: 10px;
      }
      .panel.inplay.new .panel-heading {
        font-size: 14px;
        padding: 12px 10px;
      }
      .panel-body.inplay.new,
      .panel-body.inplay .inp-main > div {
        font-size: 16px;
      }
      .panel-body.inplay .inp-main > div {
        padding: 15px 0px;
      }
      .panel-body.inplay .inp-main .score {
        padding: 15px 0px 25px;
        line-height: 30px;
        font-size: 24px;
      }
      .m_betcart_gametable.prematch.inplay tbody {
        border-top: 1px solid #0F8BE0;
        border-bottom: 1px solid #0F8BE0;
      }
      #bet-money .resultmoney {
        top: 0px;
        margin-top: 15px;
      }
      #bet-money .resultmoney tbody > tr > td {
        font-size: 16px;
      }
      .inplay-coll-btn:hover {
        background-color: #0F8BE0;
      }
      .btn-odds {
        cursor: pointer;
      }
      .inplay_oddswrap.new .inplay-coll-box:first-child {
        margin-top: 20px;
      }
      .panel-body.inplay.lock span {
        font-size: 18px;
      }
      .inp-betcart.pc #bet-money {
        margin-top: 15px;
      }
      .inplay_oddswrap.new {
        background-color: #FFF;
        border-radius: 5px;
        overflow: unset;
      }
      .inp-betcart.pc {
        display: inline-block;
        position: sticky;
        bottom: 30px;
        width: 100%;
      }
      .inp-betcart.pc .bc-button {
        width: 180px;
        background-color: #269dd3;
        color: #FFF;
        font-size: 18px;
        padding: 13px 0px;
        border-radius: 5px;
        text-align: center;
        display: flex;
        justify-content : space-around;
        align-items: center;
        margin : 0 auto;
        transition: 0.2s;
        cursor: pointer;
      }
      .inp-betcart.pc .bc-button:hover {
        transform: scale(1.1);
        transition: 0.2s;
        background-color: #036999;
      }
      .inp-betcart.pc .bc-button img {
        width: 45px;
      }
      .inp-betcart.pc .bc-button div {
        flex-grow: 1;
      }
    }

    /* Collapse */
    .collapse-inplay-m {
      text-align: center;
      background-color: #EDEDED;
    }
    .inplay-coll-box {
      padding: 0px 10px;
      margin-bottom: 15px;
    }
    .inplay-coll-market {
      font-size: 14px;
      width: 100%;
      background-color: #036999;
      color: #EFEFEF;
      padding: 10px 0px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      text-align: center;
    }
    .inplay-coll-oddsbox {
      background-color: #FFFFFF;
      padding: 2px 2px 2px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
    }
    .inplay-coll-oddsbox .col-xs-6 {
      padding-left: 10px;
      padding-right: 10px;
    }
    .btn-odds {
      text-align: center;
      font-size: 14px;
      font-weight: bolder;
      padding: 10px 10px;
      border: 1px solid #DDDDDD;
      border-radius: 5px;
      background-color: #FFFFFF;
      margin-bottom: 5px;
      line-height: 25px;
    }
    .btn-odds:active {
      transition: 0.1s;
      transform: scale(0.99);
      box-shadow: 0px 0px 5px rgb(200 200 200 / 90%) inset, 0px 0px 5px rgb(200 200 200 / 50%);
    }
    .btn-odds.active {
      background-color: #f7c958;
      color: #000;
    }
    .btn-odds.closed {
      background-color: #555;
      color: #000;
    }
    .btn-odds .odd-unover {
      position: relative;
      left: 10px;
    }
    .btn-odds .odd-line {
      margin-left: 15px;
      color: #036999;
    }
    .btn-odds .odd-odd {
      float: right;
    }
    .btn-odds-lock {
      color : #DFDFDF;
    }
    .btn-odds-lock i {
      font-size: 23px;
      color: #CCCCCC;
      position: absolute;
      top: 30%;
      left: 47%;
    }
    .inplay-bottom {
      padding: 15px;
      background-color: #EFEFEF;
      border-top: 1px solid #DEDEDE;
    }
    .inplay-lock {
      font-size: 34px;
      color: #999999;
      text-align: center;
      padding: 30px 0px 30px;
      background-color: #EFEFEF;
    }
    .inp-main img {
      display: block;
      margin: 0 auto;
      margin-bottom: 10px;
    }

    .overflowtext.w100 {
      width: 100%;
    }

  /* *************************************************************************************
    Charge * 25.02.24 *
  ****************************************************************************************/
  .charge_badge {
    font-size: 14px;
    margin-top: 10px;
    color : #999;
  }
  .charge_badge .badge {
    font-size: 14px;
    padding: 5px 8px;
    background-color: #036999;
    color: #FFF;
    margin-bottom: 3px;
  }
  .charge-btn-img {
    width: 100%;
    border-radius: 5px;
    border : 3px solid #269dd3;
    box-shadow: 3px 3px 10px black;
    margin: 10px 0px;
    cursor: pointer;
  }
  .charge-btn-img:hover {
    filter: sepia(50%);
    box-shadow: 0 0 5px black;
  }
  #moneybutton-wrap .col-xs-8 {
    padding: 3px;
  }
  #moneybutton-wrap .col-xs-8 > div {
    padding : 25px 0px;
    font-size: 22px;
    color : #a9a9a9;
    background-color: #ededed;
    text-align: center;
    cursor: pointer;
  }
  .charge-button .panel-heading {
    cursor: pointer;
  }
  .charge-button .panel-heading:hover {
    background-color: var(--color-blue-1);
    color: white;
  }
  #charge-coin-modal .coin img {
    width: 100%;
  }
  .hr-custom.sidnav.coin {
    margin-top: 80px;
    margin-bottom: 15px;
  }
  .hr-custom.sidnav.coin:after {
    background-color: #FFF!important;
  }
  .hr-custom.sidnav.coin-button {
    margin-top: 0px;
    margin-bottom: 15px;
  }
  .coin-text {
    font-size: 14px;
    color: #970000;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  @media (max-width : 767px) {
    .bt.full.size-3.bank span {
      font-size: 16px;
    }
    .contents .panel .panel-heading {
      padding: 15px 0px;
    }
  }



  /* ********************************************
    LOGIN NEW * 23.01.01 *
  **********************************************/
    .main-banner {
      padding : 155px 0px 12px 0px!important;
    }
    .input-group.line.new {
      font-size: 24px;
      margin : 15px 0px;
      line-height: 50px;
    }
    .input-group.line.new input {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .input-group.line.new input:focus {
      transition: 0.3s;
      border-bottom: none!important;
      box-shadow: 0px 0px 5px #269dd3;
      border-radius: 10px;
    }
    .input-group.line.new i {
      font-size: 28px;
      color : #03a4ed!important;
    }
    .login-btn-red {
      background-color : #fe3f40;
      color : #FFF;
      border-radius: 20px;
      font-size: 24px;
      padding: 24px 0px;
      margin-top: 25px;
    }
    .collapse.join {
      background-color: #EFEFEF;
    }
    .input-group.line.new .fa-gear {
      font-size: 50px;
    }
    .well .input-group.line.new {
      text-align: center;
    }
    .well .input-group.line.new input {
      text-align: center;
      padding-left: 0px;
    }
    @media (max-width : 767px) {
      .main-banner {
        padding-top: 133px!important;
      }
      .main-banner .left-content h2 {
        font-size: 26px!important;
        line-height: 40px!important;
      }
      .input-group.line.new input {
        width: 100%!important;
        text-align: center!important;
        padding-left: 0px!important;
        padding-right: 0px!important;
      }
      .input-group.line.new .fa-gear {
        font-size: 50px!important;
      }
    }


    @media (max-width : 767px) {
      .loading_cross.prematch.inplay { margin-bottom: 0px; }
      .inplay .col-xs-4.score .teamscore {
        font-size: 20px;
        margin-top: 5px;
      }
      .inp-main img {
        width: 35px;
      }
      .inplay-coll-btn:hover {
        box-shadow: 0px 0px 5px deepskyblue;
      }
    }
    .m_betcart_gametable.prematch.inplay td {
      text-align: center;
      font-size: 13px;
    }
    .m_betcart_gametable.prematch.inplay td:first-child {
      width: 100%;
      text-align: left;
    }
    .m_betcart_gametable.prematch.inplay td:nth-child(2) {
      width: 30%;
    }
    .m_betcart_gametable.prematch.inplay td:last-child {
      width: 12%;
      font-size: 18px;
    }
    .m_betcart_gametable.prematch.inplay .betcart-lock td {
      background-color: #DDD;
    }
    .m_betcart_gametable.prematch.inplay .betcart-lock .fa-lock {
      font-size: 18px;
    }
    .m_betcart_button.new {
      background-color: #EDEDED;
      font-size: 16px;
      padding: 12px;
    }
    .m_betcart_gametable_title,
    .resultmoney {
      font-size: 13px;
    }
    .resultmoney.modal-inplay-confirm td {
      font-size: 15px;
      padding: 8px 0px;
    }
    .resultmoney.modal-inplay-confirm caption {
      text-align: center;
      font-size: 14px;
      padding: 5px 0px;
    }
    #modal-user-bet-confirm .m_betcart_gametable_wrap {
      max-height: 100%;
      overflow: auto;
      margin-bottom: 10px;
    }
    #modal-user-bet-confirm .bet-default {
      padding-top: 0px;
      padding-bottom: 15px;
      text-align: center;
    }
    #modal-user-bet-confirm .bet-default .fa-hourglass-start {
      display: block;
      font-size: 32px;
      color: #DDD;
      margin : 0 auto;
      margin-bottom: 10px;
    }
    #modal-user-bet-confirm .bet-default .panel-body .theme-btn-1 {
      margin-bottom: 8px;
    }
    #modal-user-bet-confirm .bet-complete {
      text-align: center;
      font-size: 16px;
      padding: 25px;
    }
    #modal-user-bet-confirm .bet-complete i {
      font-size: 60px;
      display: block;
      margin: 0 auto;
      margin-bottom: 15px;
    }
    #modal-user-bet-confirm .bet-complete p {
      margin-bottom: 15px;
    }


  /*************************************************************************************************************
  * COIN CHARGE & EXCHANGE CSS *********************************************************************************
  **************************************************************************************************************/
    .ex-coin-w {
      margin-bottom: 15px;
      font-size: 14px;
    }
    .ex-coin-w b {
      color: #970000;
    }
    .input-group.new-01 i {
      position: absolute;
      top: 0px;
      bottom: 0px;
      margin : auto;
      height: 20px;
      width: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 20px;
      left: 4px;
    }
    #collapse-td .input-group.line {
      border-bottom:0px!important;
    }
    #collapse-td.coin input {
      font-size: 16px!important;
      text-align: right!important;
    }
    .wallet p {
      font-size: 14px;
      margin-bottom: 8px;
      text-align: left;
    }
    .wallet .btn {
      padding : 18px 0px;
      width: 100%;
      position: relative;
      top: 4px;
      font-weight: bolder;
    }
    #collapse-td .copy {
      position: relative;
      top: -10px;
      font-size: 16px;
      border : 1px solid #ddd;
      width: 100%;
      border-radius: 8px;
      padding : 8px 0px;
      margin : 0 auto;
      color : #555;
      cursor: pointer;
      margin-bottom: 15px;
    }
    .coin-deposit .left-text {
      font-size: 14px;
      color : #036999;
      position: relative;
      top: 3px;
      left: 11px;
    }
    .coin-deposit .left-text span {
      position: relative;
      right: 8px;
    }
    .coin-deposit .left-text i {
      font-size: 20px;
      position: relative;
      right : 18px;
      top: 2px;
    }
    .coin-deposit .btn {
      border: 1px solid #ccc;
      border-radius: 8px;
      width: 100%;
      padding: 8px 0px;
      font-size: 16px;
      font-weight: bolder;
      margin-bottom: 3px;
      color : #555;
    }
    .coin-deposit .number {
      padding-left: 3px;
      padding-right: 3px;
    }
    .coin-deposit .number > .btn:hover {
      transition: 0.1s;
      box-shadow: 0px 0px 3px #AAA;
    }
    #coin-select {
      width: 350px;
      max-width: 100%;
      float: right;
      position: relative;
      top: 2px;
      padding : 8px 10px;
      border : 1px solid #CCC;
      color: #555;
      border-radius: 8px;
    }
    #coin-select:focus {
      border-color: #66afe9;
      outline: none;
      box-shadow: 0 0 5px rgba(102, 175, 233, 0.6);
    }
    .coin-deposit .coin-line {
      margin-bottom: 10px;
    }
    .input-group.coin-wallet input {
      text-align: right!important;
      border-bottom: 0px!important;
    }
    .btn-coin-guide {
      width: 100%;
      background-color: var(--color-blue-2);
      color : white;
      font-size: 18px;
      padding: 15px 0px;
      border-radius: 8px;
      margin : 0px auto 10px;
      cursor: pointer;
    }
    .btn-coin-guide:hover {
      background-color: var(--color-blue-3);
      box-shadow: 0px 0px 5px black;
    }
    @media (max-width: 767px) {
      .wallet {
        padding-top: 15px;
      }
      .wallet .mycoin {
        height: 45px;
      }
      #coin-select {
        width: 185px;
      }
      .input-box .input-group.coin-wallet.a1 {
        margin-bottom: 5px;
      }
    }


    .charge .tab-container {
      max-width: 600px;
      margin: auto;
      background: white;
      border-radius: 12px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
      overflow: hidden;
    }
    .charge .tab-header {
      display: flex;
      border-bottom: 1px solid #ddd;
      background: #f8f9fa;
    }
    .charge .tab-header div {
      flex: 1;
      padding: 15px;
      text-align: center;
      cursor: pointer;
      font-weight: bolder;
      transition: background 0.3s, color 0.3s;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px;
      font-size: 16px;
    }

    .charge .tab-header div:hover {
      background-color: #e2e6ea;
    }

    .charge .tab-header .active {
      background-color: white;
      color: #007bff;
      border-bottom: 3px solid #007bff;
    }
    .exchange .tab-content {
      display: none;
      padding: 30px;
      animation: fadeIn 0.3s ease-in-out;
    }

    .exchange .tab-content.active {
      display: block;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .charge .icon {
      font-size: 18px;
    }

    .money-click {
      padding: 0px 30px;
      margin-bottom: 15px;
    }
    .money-click .col-xs-4 {
      padding: 3px;
    }
    .money-click .col-xs-4 > div {
      padding: 25px 0px;
      font-size: 22px;
      color: #a9a9a9;
      background-color: #ededed;
      text-align: center;
      cursor: pointer;
    }
    .money-click .col-xs-4 > div:hover {
      background-color: #e0e0e0;
    }
    .money-click .col-xs-4 > div:active {
      color : #000;
    }
    @media (max-width : 767px) {
      .money-click { padding: 0px 0px; }
    }



  /*************************************************************************************************************
  * Weekly Event CSS *********************************************************************************
  **************************************************************************************************************/
  /* Title */
  .wk-title {
    width: 100%;
    text-align: center;
    padding: 0px 0px;
    border-radius: 5px 5px 0 0;
    background-color: white;
    border-bottom: 1px solid #DDD;
  }
  .wk-title .bg {
    width: 100%;
    border-radius: 5px 5px 0 0;
  }
  .wk-title .title {
    font-size: 74px;
  }
  .wk-title .sub {
    font-size: 16px;
    margin : 20px 0px;
  }
  .wk-title .sub b {
    font-size: 22px;
    color : var(--color-yellow);
  }
  .wk-title .hr-custom {
    width: 50%;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .wk-title .hr-custom:before {
    background: linear-gradient(to right, transparent, #FFFFFF, transparent);
  }
  .wk-title .theme-btn-3 {
    width: 50%;
  }

  /* Weekly */
  .wk-weekly {
    width: 100%;
    padding : 50px;
    background-color: white;
    margin-bottom: 200px;
  }
  .wk-weekly table {
    width: 100%;
  }
  .wk-weekly .notice {
    width: 100%;
    font-size: 16px;
    border : 1px solid #DDD;
    border-radius: 10px;
    padding : 20px;
  }
  .wk-weekly .title {
    font-size: 24px;
    color: var(--color-blue-3);
  }
  .receive {
    border : 1px solid #ddd;
    border-radius: 5px;
    background-color: #F5F5F5;
    padding : 15px 0px 15px 25px;
    margin-bottom: 25px;
    font-size: 24px;
    box-shadow: 0 0 5px #b9cbea;
  }
  .receive td img {
    width: 100px;
  }
  .receive tbody > tr:nth-child(1) > td:nth-child(1) {
    border-bottom: 3px solid #DDD;
  }
  .receive tbody > tr > td:nth-child(2) {
    padding : 5px;
    text-align: center;
    border-left: 3px solid #DDD;
  }
  .receive tbody > tr > td {
    padding : 15px 0px;
  }
  .receive tbody > tr:nth-child(2) > td:nth-child(1) {
    color : #A0A0A0;
    font-size: 18px;
  }
  .receive .badge {
    padding : 10px;
    font-size: 18px;
    background-color: var(--color-blue-1);
    margin-right: 25px;
  }
  .receive > table tr > td:first-child {
    width: 80%;
  }
  .wk-button {
    width: 100%;
    padding : 0px 0px 25px;
    background-color: #fff;
  }
  .wk-button .btn-weekly {
    background-color: var(--color-blue-1);
    padding: 40px 0px;
    font-size: 24px;
    border-radius: 10px;
    text-align: center;
    color: #FFF;
    box-shadow: 0 0 3px #212121;
    cursor: pointer;
  }
  .wk-button .btn-weekly:hover {
    filter: sepia(20%);
    transition: 0.1s;
  }
  .btn-weekly i {
    font-size: 28px;
    position: relative;
    top: 2px;
    right: 5px;
  }
  .wk-title .deco-02 {
    width: 80%;
    position: relative;
    top: 25px;
    right: 25px;
    cursor: pointer;
  }
  .wk-title .deco-02:hover {
    filter: sepia(30%);
  }
  .reverse {
    transform: rotateY(180deg);
  }
  @media (max-width : 767px) {
    .wk-weekly {
      padding : 15px 5px;
    }
    .wk-title .title {
      padding : 0px;
      font-size: 20px;
    }
    .wk-title .hr-custom {
      margin-top: 5px;
      margin-bottom: 5px;
    }
    .wk-title .sub {
      margin : 0px;
      margin-bottom: 10px;
    }
    .wk-title .sub b {
      font-size: 20px;
    }
    .receive {
      font-size: 16px;
      padding : 3px 0px 3px 10px;
    }
    .receive .badge {
      margin-right: 5px;
      padding : 8px;
      font-size: 11px;
    }
    .receive td img {
      width: 80%;
    }
    .receive > table tr > td:first-child {
      width: 73%;
    }
    .receive tbody > tr:nth-child(1) > td:nth-child(1) {
      padding :8px 0px; 
      font-size: 16px;
      color : #000;
    }
    .wk-weekly .title {
      font-size: 20px;
    }
    .wk-weekly .contents {
      font-size: 14px;
    }
    .btn-weekly {
      padding: 12px 0px;
      font-size: 14px;
    }
    .wk-title {
      height: auto;
    }
    .wk-title .deco-02 {
      top: 0;
    }
    .receive tbody > tr:nth-child(2) > td:nth-child(1) {
      font-size: 16px;
      color : #555;
      padding-left: 3px;
    }
  }