img {
        max-width: 100%;
      }
      .game-list .game-item {
            padding: 15px;
          background: #fff;
          -webkit-box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.04);
          border-radius: 10px;
          margin: 10px 0px;
      }
      .provider-item {
        display: block;
        border: 1px solid #d3d3d3;
        border-radius: 8px;
        padding: 4px;
        min-height: 60px!important;
        max-width: 130px!important;
        cursor: pointer;
        position: relative;
      }

      .provider-item.item-price.selected .price-info {
          color: #f25922!important;
          padding-bottom: 15px;
          padding-top: 15px;
      }

      .provider-item .price-info {
          color: #0a0a0a!important;
          display: block;
          padding-bottom: 15px;
          padding-top: 15px;
          font-size: 15px;
          text-align: center;
          font-weight: 500;
      }

      .loaithe .price-info {
        font-size: 12px;
      }

      .provider-item .price-discount {
        display: block;
        border-top: 1px dotted #333;
        padding-top: 4px;
        margin: 0;
        text-align: center;
      }

      .provider-item.selected {
        border: 2px solid #f25922;
        padding: 3px;
      }

      .group-header {
        background: linear-gradient(-45deg,transparent 10px,#e70000 0);
        padding: 5px 10px;
        color: #ffffff;
        width: 100%;
        font-size: 16px;
        font-weight: 600;
        margin-top: 20px;
    }

    .group-content {
      background-color: #fff;
      padding: 10px 0;
      width: 100%;
      margin: 0!important;
    }

    .custome-col {
      padding: 4px!important;
      overflow: hidden;
      font-size: 11px;
    }

    .notice {
      color: #a31515;
      font-size: 12px;
    }

    .form-nap-the input {
      margin: 10px 0;
    }

    .uu-dai {
      margin: 0px;
      padding: 0 10px;
      overflow: auto;
      font-size: 14px;
      opacity: var(--opacity-low);
      background: #ffffff;
      border-radius: var(--border-radius);
      border: 1px var(--border-width) solid var(--background-color-alt);
      border-left: var(--border-width-alt) solid #e70000;
    }

    #naptheBtn {
      margin-top: 10px;
      margin-bottom: 15px;
      border-radius: 0;
    }

    .thong-tin-the {
      padding-top: 20;
    }

    .thong-tin-the input {
      margin: 0 0 15px 0;

    }

    .text-danger {
      color: #dc3545!important;
    }

    .text-success {
      color: #28a745!important;
    }

    .text-warning {
      color: #ffc107!important;
    }

    .text-center {
      text-align: center;
      display: block;
    }

    .form-msg p{
      padding: 0px;
      font-size: 14px;
      margin: 0px;
    }

    .blink{
      animation: blink 1s linear infinite;
    }

    @keyframes blink{
    0%{opacity: 0;}
    50%{opacity: .5;}
    100%{opacity: 1;}
    }

    .lds-ellipsis {
      display: block;
        position: relative;
        width: 80px;
        height: 50px;
        margin: auto;
    }
    .lds-ellipsis div {
      position: absolute;
      top: 33px;
      width: 13px;
      height: 13px;
      border-radius: 50%;
      background: #3f3f46;
      animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }
    .lds-ellipsis div:nth-child(1) {
      left: 8px;
      animation: lds-ellipsis1 0.6s infinite;
    }
    .lds-ellipsis div:nth-child(2) {
      left: 8px;
      animation: lds-ellipsis2 0.6s infinite;
    }
    .lds-ellipsis div:nth-child(3) {
      left: 32px;
      animation: lds-ellipsis2 0.6s infinite;
    }
    .lds-ellipsis div:nth-child(4) {
      left: 56px;
      animation: lds-ellipsis3 0.6s infinite;
    }
    @keyframes lds-ellipsis1 {
      0% {
        transform: scale(0);
      }
      100% {
        transform: scale(1);
      }
    }
    @keyframes lds-ellipsis3 {
      0% {
        transform: scale(1);
      }
      100% {
        transform: scale(0);
      }
    }
    @keyframes lds-ellipsis2 {
      0% {
        transform: translate(0, 0);
      }
      100% {
        transform: translate(24px, 0);
      }
    }

    #result p, #result span{
      display: block;
    }

    .hide {
      display: none;
    }

    .no-marin-bottom {
      margin-bottom: 0px;
    }

    .highlight-input {
      border: 1px solid red;
    }

    .center-img {
      display: block;
      margin: auto;
      max-width: 100%;
    }
    .bootstrap-wrapper .col-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    *, ::before, ::after {
        box-sizing: border-box;
    }
    .notice {
      margin-top: 20px;
    }
    .modal-title {
      font-size: 15px !important;
      font-weight: bold !important;
    }