.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 0.5rem) !important;
    overflow-y: auto !important;
}

/* @media screen and  (max-width: 768px)  {
  #blue-WC-all-games {
    margin-left: 0px;
}

#mobile-menu-acc {
  display: block;
}
} */

/* #blue-WC-all-games {
    margin-left: 50px;
} */
@media screen and  (max-width: 768px)  {
  #blue-WC-all-games {
    margin-left: 0px !important;
}

#mobile-menu-acc {
  display: block;
}
}

.page-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 15px 15px;
    background: #383737;
    color: #ffffff;
    text-transform: capitalize;
    font-size: 13px;
    font-family: Reboto,sans-serif;
  }

  #accountBTN {
    width: 54px;
    padding: 5px 0px 5px 0px;
  }

  #betslipBTN {
    width: 54px;
    padding: 5px 0px 5px 0px;
  }

  .main-nav-btn {
    border-radius: 3px !important;
    margin-right: 1px;
  }

  div.scrollmenu {
    border-bottom: solid 2.5px #3a3a3a !important;
  }

  .header-wsb-blue {
    background-color: #02173e !important;
  }

  .sprite-datafree {
    background: url('https://cdn.worldsportsbetting.co.za/images/mobilev2/Datafree Icon.svg') no-repeat;
    background-size: 22px;
    height: 21px;
    background-position: center;
  }

  .ticket-search-bar {
      margin: 0px;
      padding: 0px 0px;
  }

  .main-nav-btn-left-menu {
    border-radius: 3px !important;
  }

  .btn-cash,
      .btn-bonus {
          background: linear-gradient(180deg, #858382 0%, #363535 100%);
          font-weight: 400;
          font-size: 13px;
          color: #fff;
          border-radius: 4px;
          border: none !important;
      }

      .headerbtn-active {
          font-weight: bold;
          background: linear-gradient(180deg, #484848 0%, #000000 100%) !important;
      }

      .dropdown-buttonHeader {
          width: 47%;
          height: 30px;
          padding: 3px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 15px;
      }

      .dropdown-buttonHeader1 {
        width: 50%;
          padding: 3px;
          align-items: center;
          justify-content: center;
          margin-bottom: 15px;
      }

      .quick-amounts-container {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          margin-bottom: 10px;
      }

      .quick-amount-btn {
          border: 1px solid #b9b9b9;
          border-radius: 2px;
          padding: 4px 12px;
          color: #000;
          font-weight: bold;
          font-size: 13px;
          background: #fff;
          height: 30px;
          line-height: 22px;
      }

      .quick-amounts {
          margin-left: 1px;
          display: flex;
          justify-content: space-between;
          width: 100% !important;
          background: #e0e0e0 !important;
      }

      .transfer-inputs {
          display: flex;
          align-items: center;
          justify-content: space-around;
          color: #000;
      }

      .input-label {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
      }

      .transfer-CTA {
          padding: 10px;
          display: flex;
          justify-content: center;
          flex-direction: column;
      }

      .transfer-btn {
          background: #ff460b !important;
          color: #fafafa !important;
          padding: 8px 50px !important;
          font-family: 'roboto';
          font-size: 14px !important;
          font-weight: bold !important;
          width: 60% !important;
          display: flex !important;
          justify-content: center;
          align-items: center;
      }

      .transfer-error,
      .transfer-success {
          display: flex;
          justify-content: center;
          font-size: 12px;
          font-weight: bold;
          margin-bottom: -15px;
          color: red;
          text-align: center;
          width: auto !important;
          height: auto !important;
          margin-bottom: 0 !important;
          background: transparent !important;
          border-radius: 0 !important;
          z-index: auto !important;
          transform-origin: 0 !important;
          transition: all 0s ease 0s !important;
      }

      .transfer-success {
          color: green;
      }

      .blink-text-green {
          /* animation: blinker 1s linear infinite; */
          color: green !important;
      }

      div#mobile-menu-acc {
        background: #e0e0e0;
        padding: 0 12px;
      }

      .dropdown-item {
        padding: 4px 10px !important;
      }

      .balance-block {
        margin-bottom: 5px;
        /* width: 75%; */
        color: #000;
        background: #fff;
        padding: 5px 10px;
        display: flex;
        flex-direction: column;
        min-width: 90px;
        border-radius: 4px;
        font-size: 12px;
      }

      .blink-text-red {
          /* animation: blinker 1s linear infinite; */
          color: red !important;
      }

      .mobile-wallet-img {
        width:30px;
        height:auto;
        margin-right:5px;
      }

      .accounts-modal-body {
        padding: 0 !important;
      }

      /* @keyframes blinker {
          50% {
              opacity: 0;
          }
      } */

      .hide-content {
          display: none !important;
      }
      
      .btn-logout-mobile {
          margin: 3px 69px;
      }
      div.bg-grey {
        background-color: #323232 !important;
      }
  #androidImageHeader{
    width: 30%;
  }

  @media only screen and (min-width:769px) {
    #mobile-menu-acc {
      display: none;
    }
  }

  @media only screen and (min-width:426px) {
    .btn-logout-mobile {
    padding: 0.1rem 1rem;
    font-size: 0.75rem;
    margin: 0px 8px !important;
  
  }
}

  @media only screen and (max-width:425px) {
    .balances-mobile-hidden {
      display: none !important;
    }
    .btn-logout-mobile {
    padding: 0.1rem 1rem;
    font-size: 0.75rem;
    margin: 0px 8px !important;
  
  }
  }

  @media screen and (max-width: 375px) {

  .logo-size {
    width: 58px !important;
    margin-left: -7px;
  }
  .btn-logout-mobile {
    padding: 0.1rem 1rem;
    font-size: 0.75rem;
    margin: 0px 8px !important;
  
  }
  }
  @media only screen and (max-width: 320px){
    .btn-logout-mobile {
    padding: 0.1rem 1rem;
    font-size: 0.75rem;
    margin: 0px 8px !important;
  }
}
a.btn-promotions-desktop {
    padding: 2px 0px;
}

@media only screen and (max-width: 1440px) {
  a.btn-promotions-desktop{
    display: none;
  }

  .clubHide{
    display: none;
  }

  .helpHide{
    display: none;
  }

  .btn-support{
    padding: 0 !important;
  }
}
.btn-help {
    padding: 2.5px 25px !important;
    margin-top: 0rem !important;
}
div.modal-header {
    padding: 0.5rem 1rem !important;
}
.page-headings{
    padding: 16px 15px !important;
}
div.error{
  border: 1px solid #ff0000 !important;
}

.modal-backdrop.show {
    z-index: 0;
  }

  .modal-dialog {
    z-index: 9999;
  }