.form-group .help-block ul li {
    font-size: 0.875rem;
}
body{
    font-family: "Roboto", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-self !important;
}

#app{
    /*background: #bc935f;*/
}

.login .text-lg {
    font-size: 1.325rem;
    line-height: 1.75rem;
}

.login .text-sm {
    font-size: .975rem;
    line-height: 1.25rem;
}

.text-\[\#dda60f\] {
    color: #ea5455;
}

.bg-\[\#dda60f\] {
    background-color: #ae8e5d;
}

.bg-white{
    background: #fff;
}

.bg-new{
    background: #f2e8cc;
}

.bg-new2{
    background: #f5e0bd;
}

.bg-\[\#fcd56c\] {
    background-color: #fff;
}

.border-\[\#dea94f\] {
    border-color: #f2e8cc;
}
.border {
    border-color: #f2e8cc !important;
}

table .border, .block-tab .border-b-4{
    border-color: rgb(222 169 79 / var(--tw-border-opacity)) !important;
}

.text-\[\#bc935f\] {
    color: #000;
}

.bg-\[\#a3671e\] {
    background-color: #fff;
    color: #000;
}

.seciton-title[data-v-e9bc9766] {
    color: #000;
}

.text-\[\#dea94f\] {
    color: #000;
}

.text-\[\#dea94f\] {
   color: #000;
}

.active{
   opacity: 0.4;
}

.bg-\[\#695626\] {
    background-color: #ae8e5d;
}

.mt-top-50{
    margin-top: -50px;
}

#swal2-content{
    font-weight: 600;
    font-size: 1rem;
}

.text-5454 {
    color: #545454;
}

.block-tab span.active-text{
    background: #ae8e5d;
    padding: 10px;
    color: #fff;
}

.block-tab span.normal-text{
    background: #fff;
    padding: 10px;
    color: #000;
}

.wdraw-unit{
    position:absolute;top:14px;
    left:182px;
    color: #666;
}



.block-tab span.active-text{
    background: #ae8e5d;
    padding: 10px;
    color: #fff;
}

.seciton-title{
    font-weight: normal !important;
    background-image: none !important;
}

@media (min-width: 768px) {
    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

@media (max-width: 400px) {
    #form-withdrawal table ,#form-recharge table, .table-profit1{
        font-size: 0.885rem;
    }

    .block-tab{
        font-size: 0.885rem;
    }

    .records table{
        font-size: 0.885rem;
    }

    .wdraw-unit{
        left:147px;
        top: 15px;
    }
}


.loading {
    position: relative;
    overflow: hidden;
    pointer-events: none;
}
.loading .loading__overlay {
    content: '';
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: wait;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
}
.loading .loading__icon {
    content: '';
    width: 5%;
    height: 5%;
    min-width: 50px;
    min-height: 50px;
    background-image: url('./loading-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform : rotate(360deg);
            transform : rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform : rotate(360deg);
            transform : rotate(360deg);
  }
}

.spinner-border {
  display : inline-block;
  width : 2rem;
  height : 2rem;
  vertical-align : text-bottom;
  border : 0.25em solid currentColor;
  border-right-color : transparent;
  border-radius : 50%;
  -webkit-animation : spinner-border 0.75s linear infinite;
          animation : spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
  width : 1rem;
  height : 1rem;
  border-width : 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform : scale(0);
            transform : scale(0);
  }
  50% {
    opacity : 1;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform : scale(0);
            transform : scale(0);
  }
  50% {
    opacity : 1;
  }
}

.spinner-grow {
  display : inline-block;
  width : 2rem;
  height : 2rem;
  vertical-align : text-bottom;
  background-color : currentColor;
  border-radius : 50%;
  opacity : 0;
  -webkit-animation : spinner-grow 0.75s linear infinite;
          animation : spinner-grow 0.75s linear infinite;
}

.spinner-grow-sm {
  width : 1rem;
  height : 1rem;
}

.spinner-border .sr-only{
    display: none;
}