@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.BetHistoryContainer {
  display: block; }

.Bet {
  padding-top: 50px; }
  .Bet .TabWrapper {
    display: flex;
    background-color: #fff;
    border-bottom: 1px solid #E6E6E6; }
    .Bet .TabWrapper .Tab {
      width: 33.33%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 300; }
      .Bet .TabWrapper .Tab p {
        padding: 8px 0; }
    .Bet .TabWrapper .Tab.active {
      border-bottom: 2px solid #09E448; }
      .Bet .TabWrapper .Tab.active p {
        font-weight: 400; }
  .Bet .TransferFormWrapper {
    padding: 18px 0 12px 12px;
    min-height: 80vh;
    background-color: #fff;
    width: 100%; }
    .Bet .TransferFormWrapper .Bank {
      width: 100%;
      margin-bottom: 12px;
      background-color: #08A651;
      border-radius: 12px 0px 0px 12px;
      padding-right: 10px; }
      .Bet .TransferFormWrapper .Bank img {
        min-height: 44px;
        min-width: 44px;
        max-height: 44px;
        max-width: 44px;
        border-radius: 50%; }
      .Bet .TransferFormWrapper .Bank p {
        color: #fff;
        margin-left: 8px; }
      .Bet .TransferFormWrapper .Bank .BankAccount {
        padding-left: 24px;
        padding-top: 16px;
        font-size: 12px;
        color: white; }
      .Bet .TransferFormWrapper .Bank .BankDetail {
        display: flex;
        margin-top: 8px; }
      .Bet .TransferFormWrapper .Bank .BankImage {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .Bet .TransferFormWrapper .Bank .BankInfo {
        font-size: 14px;
        margin-left: 8px; }
      .Bet .TransferFormWrapper .Bank .BankCopy {
        padding: 2px 14px;
        margin-top: 8px;
        background-color: red;
        color: white;
        min-width: 0;
        width: 80px;
        text-align: center;
        border-radius: 16px;
        text-decoration: none;
        font-size: 16px; }
      .Bet .TransferFormWrapper .Bank .BankRemark {
        padding-top: 16px;
        padding-left: 24px;
        padding-bottom: 16px;
        margin-top: 16px;
        border-top: 1px solid #ccc;
        font-size: 10px;
        color: white; }
        .Bet .TransferFormWrapper .Bank .BankRemark .BankRemarkExtra {
          color: yellow; }
    .Bet .TransferFormWrapper .IsDescription {
      font-size: 12px;
      padding-right: 10px; }
    .Bet .TransferFormWrapper .TransferDescription {
      margin-bottom: 12px; }
    .Bet .TransferFormWrapper .InputContainer {
      margin-bottom: 12px;
      display: flex;
      flex-direction: column;
      background-color: #FFFFFF;
      padding-right: 10px;
      position: relative; }
      .Bet .TransferFormWrapper .InputContainer .Input,
      .Bet .TransferFormWrapper .InputContainer .InputWithIcon {
        text-align: right;
        border: none;
        background-color: unset;
        border-bottom: 1px solid #939393;
        border-radius: 0;
        margin-bottom: 4px;
        font-size: 16px; }
        .Bet .TransferFormWrapper .InputContainer .Input:focus,
        .Bet .TransferFormWrapper .InputContainer .InputWithIcon:focus {
          border-color: #1F2845; }
        .Bet .TransferFormWrapper .InputContainer .Input[disabled="disabled"],
        .Bet .TransferFormWrapper .InputContainer .InputWithIcon[disabled="disabled"] {
          border-bottom: 1px solid #dcdcdc; }
      .Bet .TransferFormWrapper .InputContainer .InputWithIcon {
        padding-right: 30px; }
      .Bet .TransferFormWrapper .InputContainer .InputIcon {
        position: absolute;
        right: 13px;
        bottom: 4px; }
        .Bet .TransferFormWrapper .InputContainer .InputIcon img {
          width: 17px; }
    .Bet .TransferFormWrapper .DateTimeContainer {
      margin-bottom: 12px;
      display: flex;
      background-color: #FFFFFF;
      padding-right: 10px;
      justify-content: space-between; }
      .Bet .TransferFormWrapper .DateTimeContainer input {
        width: 50%;
        text-align: right;
        border: none;
        background-color: unset;
        border-bottom: 1px solid #939393;
        border-radius: 0;
        margin-bottom: 4px;
        font-size: 16px; }
        .Bet .TransferFormWrapper .DateTimeContainer input:focus {
          border-color: #1F2845; }
        .Bet .TransferFormWrapper .DateTimeContainer input:first-child {
          margin-right: 8px; }
  .Bet .BtnSubmitWrapper {
    padding-right: 12px; }
    .Bet .BtnSubmitWrapper .BtnSubmit {
      margin-top: 10px;
      width: 100%;
      background-color: #00CB4F;
      color: #fff;
      height: 7vh;
      font-size: 2vh;
      border: none; }
  .Bet .BtnCancelWrapper {
    margin-top: 8px;
    padding: 0 12px; }
    .Bet .BtnCancelWrapper .BtnCancel {
      width: 100%;
      background-color: #dddddd;
      height: 40px;
      font-size: 14px;
      border: none; }
  .Bet .BtnBackWrapper {
    padding-right: 12px; }
    .Bet .BtnBackWrapper .BtnBack {
      margin-top: 10px;
      width: 100%;
      background-color: #dddddd;
      height: 7vh;
      font-size: 2vh;
      border: none; }
  .Bet .ListBankWrapper {
    padding: 18px 12px 12px 12px;
    min-height: 80vh;
    background-color: #fff;
    width: 100%; }
  .Bet .ListBank {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, 1fr); }
    .Bet .ListBank .Bank {
      text-align: center;
      margin-bottom: 12px; }
      .Bet .ListBank .Bank img {
        margin-right: 4px;
        min-height: 44px;
        min-width: 44px;
        max-height: 44px;
        max-width: 44px;
        border-radius: 50%; }
      .Bet .ListBank .Bank p {
        font-weight: 300;
        color: #5e5e5e; }
  .Bet .User {
    background-color: #fff;
    padding: 6px 14px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px; }
    .Bet .User .Credit {
      display: flex;
      align-items: center; }
      .Bet .User .Credit .IsDescription {
        font-weight: 200;
        margin-right: 8px; }
  .Bet .BetHistory .BetWrapper {
    background-color: #fff; }
    .Bet .BetHistory .BetWrapper .BetDayWrapper {
      background-color: #e6e6e6;
      padding: 6px 14px; }
      .Bet .BetHistory .BetWrapper .BetDayWrapper .BetDay {
        padding-left: 8px;
        border-left: 2px solid #1F2845;
        line-height: 17px; }
        .Bet .BetHistory .BetWrapper .BetDayWrapper .BetDay .Date {
          font-weight: 300;
          color: #746F6C; }

.PreviewImage {
  height: 200px; }

.TransferDetail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 8px 0 6px; }
  .TransferDetail .Transfer {
    display: flex;
    flex: 1;
    align-items: center;
    border-bottom: 1px solid #C6C6C6;
    padding-bottom: 6px;
    height: 55px; }
    .TransferDetail .Transfer .BankImage {
      display: flex; }
      .TransferDetail .Transfer .BankImage img {
        margin-right: 8px;
        min-height: 44px;
        min-width: 44px;
        max-height: 44px;
        max-width: 44px;
        border-radius: 50%; }
  .TransferDetail .BetAmount {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    border-bottom: 1px solid #C6C6C6;
    padding-bottom: 6px;
    height: 55px; }
    .TransferDetail .BetAmount h5 {
      color: #15B35E; }
  .TransferDetail h4 {
    font-weight: bold;
    line-height: 16px; }
  .TransferDetail p {
    font-size: 10px;
    line-height: 16px; }
  .TransferDetail .text-red {
    color: #EC0D0D !important; }
  .TransferDetail .text-blue {
    color: #0F52FF; }
  .TransferDetail .text-green {
    color: #15B35E; }

.Loader {
  padding-top: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  .Loader .lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px; }
    .Loader .lds-ring div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 64px;
      height: 64px;
      margin: 8px;
      border: 8px solid #fff;
      border-radius: 50%;
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #8a8686 transparent transparent transparent; }
      .Loader .lds-ring div:nth-child(1) {
        animation-delay: -0.45s; }
      .Loader .lds-ring div:nth-child(2) {
        animation-delay: -0.3s; }
      .Loader .lds-ring div:nth-child(3) {
        animation-delay: -0.15s; }

.timepicker /deep/ input {
  width: 100% !important;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); }
  .timepicker /deep/ input::placeholder {
    color: #999; }
  .timepicker /deep/ input:disabled {
    background-color: #f5f5f5;
    border: none;
    box-shadow: none; }

.timepicker /deep/ .clear-btn, .timepicker .char {
  display: none; }