body {
 
    background-image: url(/img/12.jpg);
    color: #727273;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    border-radius: 19px;
}

.bg-primary {
    
    border-radius: 19px;
    margin-left: 2rem;
    margin-top: 2rem;
    margin-right: 2rem;
}
  .card-payouts {
    background: #f0f0f300;
    border-radius: 1.5rem;
    box-shadow: 8px 8px 16px #ffffff00, -8px -8px 16px #ffffff;
    overflow: hidden;
}

  .card-payouts .card-header {
    background: #5f5f5fbd;
    color: #fff;
    text-align: center;
    padding: 8px;
    font-weight: bold;
    font-size: 1.6rem;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}

  .card-payouts .card-body {
    padding: 2rem;
    background-color: rgb(255 255 255 / 0%);
    border-radius: 1.5rem;
}

  .table-modern {
    width: 100%;
    border-collapse: collapse;
    border-radius: 1rem;
    overflow: hidden;
    background-color: #fff;
  }

  .table-modern thead {
    background-color: #e9ecef;
  }

  .table-modern thead th {
    text-align: left;
    padding: 12px 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.9rem;
    color: #333;
  }

  .table-modern tbody td {
    padding: 14px 20px;
    border-top: 1px solid #f1f1f1;
    font-size: 0.95rem;
    color: #444;
  }

  .table-modern tbody tr:hover {
    background-color: #f9f9f9;
  }

  .reward {
    color: #28a745;
    font-weight: bold;
  }

  .date {
    color: #6c757d;
    font-size: 0.9rem;
  }
.alert-fa .al {
    color: #676767;
}
.alert-fa {
    color: #ffffff;
    background-color: #adb4e5cf;
    border-color: #b2baf16b;
    border-radius: 13px;
}
.alert-in {
    color: #ffffff;
    background-color: #4d4d4db0;
    border-color: #29292900;
    border-radius: 13px;
    font-weight: 300;
}
.button {
    background-color: #fd9696d4;
    border: none;
    color: white;
    padding: 15px 55px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
    margin: auto;
    box-shadow: 0 0 20px rgb(252 167 167);
    pointer-events: none;
}
.button:disabled {
    cursor: not-allowed;
}
.button.active {
    background-color: #7bcbaed1;
    border: none;
    color: white;
    padding: 15px 55px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
    margin: auto;
    box-shadow: 0 0 20px rgb(123 203 174 / 61%);
    pointer-events: auto; /* разрешаем клик */
}
.alert-info {
    color: #ffffff;
    background-color: #3d3d3d26;
    border-color: #ffffff00;
}
.modal-header {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e600;
    border-top-left-radius: calc(3.3rem - 9px);
    border-top-right-radius: calc(3.3rem - 9px);
}
.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #39393999;
    background-clip: padding-box;
    border: 1px solid rgb(0 0 0 / 0%);
    border-radius: 3.3rem;
    outline: 0;
}
.button2 {
    background-color: #ffce9efc;
    border: none;
    color: #515151;
    padding: 15px 55px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
    margin: auto;
}
.rc-anchor-light.rc-anchor-normal, .rc-anchor-light.rc-anchor-compact {
    border: 1px solid #d3d3d300;
}
.rc-anchor-light {
    background: #ffffff00;
    color: #ffffff;
}