/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Jul 26, 2024, 10:52:16 PM
    Author     : ASUS
*/
@import "../assets/theme/sfpro/sfproth.css";
body{
    background:#000;
    font-family:sf pro th,sans-serif;
    position:relative;
    color:#fff;
    overflow-x:hidden
}
select.bank-select option {
    background-color: #000000;
    color: #ffffff;
}

select.bank-select option:hover {
    background-color: #cce7ff;
    color: #000000;
}
.modal-backdrop {
    z-index: -1040;
}
.z-index-2{
    z-index: 2;
}
@media only screen and (min-width: 431px) {
    .swiper-container-2 {

        /*height: 200px;*/

    }

}
.w-35{
    width: 35%;
}
.ma-icon{
    width: 100%;
    position: absolute;
    top: 33%;
    left: 0;
    z-index: 2;
    margin: auto;
    filter: none !important;
    content:" ";
}
.disablegame{
    filter: grayscale(100%);
}
.profile-container {
    position: relative;
    display: inline-block;
}

.profile-summary {
    color: #fff;
    cursor: pointer;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    /* Space between text and image */
}

.profile-picture {
    border-radius: 50%;
    width: 40px;
    /* Adjust as needed */
    height: 40px;
    /* Adjust as needed */
}

.profile-name {
    font-size: 1rem;
}

.profile-dropdown {
    display: none;
    position: absolute;
    right: 0;
    background-color: #333;
    border-radius: 10px;
    border: 1px solid #FFB649;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.profile-container:hover .profile-dropdown {
    display: block;
    /* Show dropdown on hover */
}
.js-customer-balance:hover .wallet-content {
    display: block;
}


.dropdown-item {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
    text-decoration: none;
    text-decoration-line: none;
    border-radius: 8px;
    align-items: center;
    align-content: center;
}

.dropdown-item:hover {
    background-color: #555;
    color: white;
    /* Hover color */
}
.border-common{
    border: solid #4c4646 1px;
    border-radius: 10px;
    background: #313030;
    padding: 10px 0px 10px 0px;
}
.table-gold {
    font-size: 0.7rem !important;
    border-radius: 10px 10px 10px 10px!important;
    background: #000;

}
table.table-gold thead {
    /*background-color: #7EA8F8;*/
    /*padding:0.2rem !important;*/
}
table.table-gold th {
    /*background-color: #7EA8F8;*/
    padding:0.4rem !important;
    color: white;
}
table.table-gold td{
    color: white;
    border-bottom: 1px solid #ffffff52;
}
.table-gold:thead{
    padding: 0.5rem !important;
}
header , .x-logged , .-balance-container ,.-user-balance ,.-inner-box-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 0;
    min-width: 90px;
    padding: .4rem 1rem;
    font-size: .9rem;
    font-weight: 400;
    color: #fcfcfc;
    background: #272727;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border: none;
    border-radius: 20px;
}

.x-header ,.x-logged, .-balance-container ,.-user-balance, .-btn-balance , .-in-box {
    margin-left: 5px;
}

.x-header, .x-logged ,.-balance-container, .-user-balance, .-btn-balance {
    display: flex;
    padding: 0;
    color: white;
    background: transparent;
    border: none;
}
@keyframes spinloading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.text-gold-1{
    color:#FCF7C1;
}
.padding-2{
    padding: 2px;
}
.text-vertically-center{
    height: auto;
    line-height: 50px;
    /* text-align: center; */
}
.height-4rem{
    height: 4rem;
}
.card-his-dp{
    background:linear-gradient(#88bc52, #91ae76) padding-box, linear-gradient(45deg, black, #C8B465) border-box;
    border: 2px solid transparent !important;
    padding: -1px;
    border-radius: 11px;
    /*border-color: red 3px;*/
    color: white;
    position: relative;
    width: 100%;
    /*text-align: right;*/
    /*padding: 2%;*/
}
.card-his-wd{
    /*background-color: #ffffff82;*/
    background: linear-gradient(#ea5a7f, #b95757) padding-box, linear-gradient(45deg, transparent, #C8B465) border-box;
    border: 2px solid transparent !important;
    padding: -1px;
    border-radius: 11px;
    /*border-color: red 3px;*/
    /*border: 2px solid #b09e5c54;*/
    /*color: white;*/
    position: relative;
    width: 100%;
    /* text-align: right; */
    /*padding: 2%;*/
}
.card-his-dp col-4{
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
.card-his-dp .pd-r-7{
    padding-right: 11% !important;
}
.card-his-wd .pd-r-7{
    padding-right: 11% !important;
}
.card-his-dp h3{
    font-size: 0.8rem;
    line-height: normal;
}
.card-his-wd h3{
    font-size: 0.8rem;
    line-height: normal;
}
.card-his-dp p{
    font-size: .7rem;
    font-weight: 300;
    line-height: 0.7em;
    color: #fff;
}
.card-his-wd p{
    font-size: .7rem;
    font-weight: 300;
    line-height: 0.7em;
    color: #fff;
}
.success-boder{
    border: 0px solid;
    background: #009345;
    text-align: center;
    border-radius: 18px;
    line-height: 1.1rem;
    display: inline-block;
    color: white;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}
.info-boder{
    background: #494c4a;
    text-align: center;
    border-radius: 18px;
    line-height: 1.1rem;
    display: inline-block;
    color: white;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}
.danger-boder{
    border: 0px solid;
    background: #e14343;
    text-align: center;
    border-radius: 18px;
    line-height: 1.1rem;
    display: inline-block;
    color: white;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}
.warning-boder{
    border: 0px solid;
    color: black;
    background: #e7e33d;
    text-align: center;
    border-radius: 18px;
    line-height: 1.1rem;
    display: inline-block;
    color: white;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}
.font-size-09{
    font-size: 9px;
}
.rotate-image-loading {
    animation: spinloading 2s linear infinite;
    margin: auto;
}
.card-bank-deposit {
    /*background: -webkit-linear-gradient(to right, #4a4949 0%,#1a1a1a 50%,#171717 100%);*/
    background: #171717;
    padding: -1px;
    border-radius: 10px;
    border-color: red 3px;
    /*border: 1px solid #FFFF;*/
    color: white;
    position: relative;
    /* width: 100%; */
    /* text-align: right; */
    padding: 2%;
}
.card-bank-deposit .font-size-08{
    font-size: 0.8rem !important;
}
.card-bank-deposit img{
    width: 80px;
    height: auto;
}
.card-bank-deposit p{
    line-height: 0.7em;
}
.btn-gold-2{
    background: -webkit-linear-gradient(132deg, #d2c9b8, #a48c65);
    background: linear-gradient(132deg, #d2c9b8, #a48c65);
    border-radius: 10px !important;
    display: inline-flex !important;
    border: 0px solid #ced4da;
    text-align: center;
    justify-content: center;
    flex-direction: initial !important;
    line-height: 32px;
}
.btn-gold-2 i{
    line-height: 2;
    padding-right: 5px;
}
.btn-tranparent {
    background: transparent;
    border: 1px solid transparent;
}
.sq-gold-blue {
    background: linear-gradient(#7a7b76, #656565) padding-box, /*this is your grey background*/ linear-gradient(to right, rgba(176, 117, 21, 1) 0%, rgba(245, 215, 127, 1) 46%, rgba(176, 117, 21, 1) 100%) border-box;
    color: #efcf76;
    padding: 5px 10px;
    border: 2px solid transparent;
    border-radius: 11px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    min-width: 100px;
    text-align: center;
}
.sq-gold-blue input{
    background: none !important;
    width: auto !important;
    border-radius: 10px;
    border: none;
    padding: 0px 15px !important;
    outline: none;
    color: none;
    box-shadow: none !important;
    margin-bottom: 0px !important;
}
.input#fileslip {
    display: none;
}
.btn-icon span{
    line-height: 2;
    padding-left: 2px;
    padding-right: 5px;
}
.btn-tranparent {
    background: transparent;
    border: 1px solid transparent;
}
.upload-container {
    display: flex;
    align-items: center;
}

.upload-container i {
    margin-right: 10px;
}

.upload-container input[type="button"] {
    margin-left: 10px;
}

/*.contentmodal, .contentmodal select {
   background: transparent;
   width: auto;
   border-radius: 10px;
   border: none;
   padding: 0;
   outline: none;
   color: #f5dbae;
   box-shadow: none;
   margin-bottom: 8px;
}*/
.x-header ,.x-logged ,.-balance-container, .-user-balance ,.-btn-balance ,.fas {
    margin: auto 0;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.pr-3, .px-3 {
    padding-right: 1rem !important;
}

.x-header , .x-logged ,.-profile-container, .-btn-wrapper, .-profile-image {
    width: 48px;
}
.w-50px{
    width: 50px !important;
}
.w-110px{
    width: 110px !important;
}
.bg-transparent {
    background-color: transparent !important;
    border:0px;
    box-shadow:0px;
}


#banks > option {
    background-color:#191818 !important;
}

.btn-lg {
    font-size:1rem !important;
}
.text-ready-payment{
    font-weight: bold;
    color: rgb(6, 150, 215);
    line-height: 0.7em;
    margin-bottom: 0rem;
}

.step {

    padding: 10px;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;

    background-color: cream;
}

.v-stepper {
    position: relative;
    /*   visibility: visible; */
}


/* regular step */
.step .circle {
    background-color: white;
    border: 3px solid gray;
    border-radius: 100%;
    width: 20px;    /* +6 for border */
    height: 20px;
    display: inline-block;
}

.step .line-progress {
    top: 20px;
    left: 9px;
    height: 100%;
    position: absolute;
    border-left: 3px solid gray;
}

.step.completed .circle {
    visibility: visible;
    background-color: rgb(6,150,215);
    border-color: rgb(6,150,215);
}

.step.completed .line-progress {
    border-left: 3px solid rgb(6,150,215);
}

.step.active .circle {
    visibility: visible;
    border-color: rgb(6,150,215);
}

.step.empty .circle {
    visibility: hidden;
}

.step.empty .line-progress {
    top: 0;
    height: 150%;
}


.step:last-child .line-progress {
    border-left: 3px solid white;
    z-index: -1;
    display: none;
}

.content {
    margin-left: 20px;
    display: inline-block;
}


.pin-container {
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.pin-inputs {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.pin-input {
    width: 50px !important;
    height: 50px;
    font-size: 24px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: all 0.2s ease;
}

.pin-input:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    outline: none;
}

#submit-btn {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

#submit-btn:hover {
    background-color: #0056b3;
}

#result {
    margin-top: 10px;
    font-size: 16px;
    color: green;
}


.wallet-container {
    /*display: none;*/
    width: 300px;
    position: absolute;
}

.wallet-header {

    background-color: #0078ff;
    color: #fff;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
}
/*    .wallet-header:before {
        content: "";
        position: absolute;
        border: 2px solid red;
        border-radius: 4px;
        left: 0;
        right: 0;
        top: calc(100% + 5px);
        min-height: 2rem;
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
    }*/
.wallet-header:after {
    content: "";
    position: absolute;
    /*border: 2px solid red;*/
    left: 0;
    right: -75px;
    width: 10px;
    height: 10px;
    background: inherit;
    top: calc(-8%);
    margin: auto;
    transform: rotate(45deg);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.wallet-header:hover {
    background-color: #005bb5;
}

.wallet-content {
    display: none;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    position: absolute;
    top: 35px;
    left: -145px;
    width: 100%;
    z-index: 10;
    padding: 0px 0;
}

/*    .wallet-container.active .wallet-content,
    .wallet-header:hover + .wallet-content {
        display: block;  แสดง dropdown เมื่อมี hover หรือ active 
    }*/

.wallet-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

.wallet-item:last-child {
    border-bottom: none;
}

.wallet-item .name {
    color: #555;
}

.wallet-item .amount {
    font-weight: bold;
    color: #0078ff;
}

.nav-pills.nav-transfer{
    margin: auto;
    text-align: center;
    width: 100%;
    max-width: 241px;
}

.nav-pills.nav-transfer .nav-link{
    width: 50%;
}

.container-transfer-all {
    max-width: 400px;
    margin: auto;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
}

/* รายการ */
.list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    color: #333333;
}

/* ไอคอนดาวน์โหลด */
.list-item .icon {
    color: #007bff;
    cursor: pointer;
    font-size: 16px;
    transition: color 0.3s ease;
}

.list-item .icon:hover {
    color: #0056b3;
}

/* จุดสี */
.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}

/* สีสำหรับแต่ละรายการ */
.dot-blue {
    background-color: #007bff;
}
.dot-green {
    background-color: #28a745;
}
.dot-yellow {
    background-color: #ffc107;
}
.dot-purple {
    background-color: #6f42c1;
}
.dot-red {
    background-color: #dc3545;
}
.dot-gray {
    background-color: #6c757d;
}

/* ข้อความขนาดใหญ่ */
.bold {
    font-weight: bold;
}

/* เว้นระยะท้ายรายการ */
.list-item:last-child {
    border-bottom: none;
}

/* กล่องหลัก */
.form-container {
    max-width: 400px;
    margin: auto;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
}

/* ชื่อฟิลด์ */
.form-group label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333333;
}

/* ช่องป้อนข้อมูล */
.form-group select,
.form-group input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

.form-group select:focus,
.form-group input:focus {
    border-color: #007bff;
    outline: none;
}

/* ปุ่มส่ง */
.form-group .btn-submit {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    /*cursor: not-allowed;*/
}

/* ถ้าปุ่มเปิดใช้งาน */
.form-group .btn-submit.active {
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
}

.form-group .btn-submit:hover.active {
    background-color: #0056b3;
}

/* ข้อความเพิ่มเติม (ไม่มีโบนัส) */
.form-note {
    display: block;
    font-size: 12px;
    color: #666666;
    margin-top: 5px;
}
/*.contentmodal-crypto{
    width: 100%;
    max-width: 400px;
}*/


.crypto-container {
    /*background: white;*/
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: left;
    width: 100%;
}
.crypto-container p{
    margin-bottom: 0rem;
}
.crypto-option img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}
.crypto-header {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}
.crypto-box {
    background: #f4f4f4;
    /*padding: 10px;*/
    border-radius: 8px;
    margin-bottom: 10px;
}

.crypto-box .crypto-select{
    color: black !important;
    margin-bottom: 0px !important;
}
.crypto-box .crypto-input{
    padding:0px;
}
.crypto-amt{
    color: black !important;
    margin-bottom: 0px !important;
    border: 0px !important;
    background: transparent !important;
    box-shadow: none !important;
}
.crypto-box.crypto-address-box{
    align-items: center;
    padding:10px;
}
.crypto-address-box .crypto-address-qr{
    width: 50%;
    max-width: 200px;
}
.crypto-address{
    font-size: 9px;
}
.crypto-label {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
.crypto-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    border-radius: 5px;
    background: white;
    border: 1px solid #ddd;
    font-size: 16px;
}
.crypto-select {
    border: none;
    background: none;
    font-size: 16px;
}
.crypto-select {
    width: 100%;
    border: none;
    background: none;
    font-size: 16px;
}
.crypto-option img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}
.crypto-option-select{
    padding: 10px;
}
.crypto-option-select .select2-search__field{
    color:black !important;
    padding: 7px 7px !important;
}
.crypto-option-select .select2-container--default .select2-selection--single{
    background-color: transparent;
    border: 1px solid transparent;
}
.crypto-option-select .select2-search--dropdown .select2-search__field{
    background: #fffafa24;
}
.crypto-option-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: -2px;
}
.crypto-option-select .select2-results{
    color: #675e5e;
}
.select2-container--default .select2-results__option {
    display: flex;
    align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex;
    align-items: center;
}
.crypto-option-address-select{
    height: 85px;
    padding: 2px;
}
.crypto-option-address-select span{
    font-size: 0.75rem !important;
}
.crypto-option-address-select .select2-container .select2-selection--single{
    height: 85px;
}
.crypto-option-address-select .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 77px!important;
}

.crypto-icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.crypto-address-img{
    width: 80px;
    height: 80px;
    margin-right: 10px;
}

.border-below{
    border-bottom: 1px solid #8f8f8fdd !important;
}

.crypto-qrcode {
    display: flex;
    align-items: center;
    gap: 10px;
}
.crypto-qr {
    width: 50px;
    height: 50px;
    background: #ddd;
}
.crypto-btn {
    background: red;
    color: white;
    padding: 12px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
    margin-top: 10px;
}

.pending-crypto {
    background: var(--primary-color);
    padding: 15px;
}

.pending-crypto .row {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid var(--border-color);
}

.pending-crypto .row:last-child {
    border-bottom: none;
}

.pending-crypto .label {
    color: var(--text-muted);
    font-size: 14px;
}

.pending-crypto .value {
    font-size: 14px;
    font-weight: bold;
}

.pending-crypto .value.green {
    color: var(--accent-color);
}

.padding-top-10px{
    padding-top: 10px;
}
.payment-container{
    width: 100%;
    max-width: 350px;
    margin: auto;
}
.w-60{
    width:60%;
}
.payment-header{
    background: #0E3D67;
    border-radius: 10px 10px 0px 0px;
}
.payment-body{
    background: #fff;
    border-radius: 0px 0px 10px 10px;
    padding: 10px;
}
.payment-img{
    width: 80%;
    max-width: 200px;
    height: auto;
    margin: auto;
}
.remark-container p{
    margin-bottom: 0;
}
.btn-copy-address{
    /*    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
        --tw-gradient-from: #ff2857 var(--tw-gradient-from-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);*/
}
.btn-copy-address span{
    line-height: 2;
    padding-left: 2px;
    padding-right: 5px;
}

/*------checkin------*/
.check-in-modal{
    padding: .8rem 0.4rem;
}

.check-in-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    padding: 0px;
    justify-content: center;
}


.check-in-day {
    width: 35px;
    height: 35px;
    font-size: 10px;
    background: white;
    border: 2px solid #cdc9c9;
    color: black;
    font-size: 10px;
    font-weight: bold;
    border-radius: 5px;
    transition: 0.3s;
    display: grid;
    align-content: center;
    justify-content: center;
    text-align: center;
    /*margin-top: 3px;*/
}
.check-in-day img{
    width: 15px;
    margin:auto;
}
.check-in-day.checked {
    background: green;
    color: white;
}

.check-in-day.missed {
    background: red;
    color: white;
}
.check-in-day-checked{
    position: absolute;
    width: 35px;
    height: 35px;
    font-size: 20px;
    margin-top: 4px;
    background: #04030300;
    border: none;
    color: #31ff00;
    font-weight: bold;
    justify-content: center;
    text-align: center;
}
.check-in-day-missed{
    position: absolute;
    width: 35px;
    height: 35px;
    font-size: 20px;
    margin-top: 4px;
    background: #04030300;
    border: none;
    color: #ff0000;
    font-weight: bold;
    justify-content: center;
    text-align: center;
}

.check-in-day.gift {
    background: gold;
    color: black;
    font-weight: bold;
}


.check-in-btn {
    background: #FFD700;
    color: black;
    border: none;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.3s;
}
.btn-checkin.active{
    color: #fff;
    background-color: #c9c6bf !important;
    border-color: #6f5151;
    box-shadow: 0 0 5px 5px #cdccca;
}
.btn-checkin{
    color: #fff;
    background-color: #4d4b47;
    border-color: #918d8d;
    /*box-shadow: 0 0 5px 5px #6b685f;*/
}
.btn-checkin:focus, .btn-checkin:hover {
    background-color: #c9c6bf !important;
}

.check-in-btn {
    background: #FFD700;
    color: black;
    border: none;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.3s;
}


.check-in-btn:hover {
    background: darkgoldenrod;
}

.modal-content-checkin{
    border: 1.1rem dotted #dfdfdf !important;
    box-shadow: 0 0 5px 2px #4a61c3;
    border-radius: 11px;
    background-color: #00000091;
}

@media only screen and (max-width: 430px) {
    .check-in-day {
        width: 35px;
        height: 35px;
        font-size: 10px;
    }
    .check-in-day-missed {
        width: 32px;
        height: 57px;
    }
    .check-in-day-checked{
        width: 32px;
        height: 57px;
    }
}
.promo-item {
    display: none;
}

.btn-bot-text{
    color:var(--bot-menu-text);
}
.btn-bot-text-active{
    color:var(--bot-menu-text-active);
}
.btn-bot-image-active{
    filter: var(--bot-menu-image-active);
}
.img-payment-guild{
    background: #00000070;
    padding: 20px;
    border-radius: 10px;
}
.inputstyle {
    background: #ffffff70;
    color: #000 !important;
    font-size: 14px;
    border-radius: 10px;
    border: solid 2px #cdcdcd;
    width: 100%;
}
.btn-gold-theme{
    background: var(--btn-color);
    color:var(--btn-text-color);
    border-radius: 10px !important;
    display: inline-flex !important;
    border: 0px solid #ced4da;
    text-align: center;
    justify-content: center;
    flex-direction: initial !important;
    line-height: 32px;
}
.btn-default{
    border: solid 2px #918888;
    background: #ffffff;
}
.dropdown-menu-wd.show {
    display: block;
}
.dropdown-menu-wd {
    position: absolute;
    top: 43%;
    z-index: 1000;
    display: none;
    margin: .125rem 0 0;
    font-size: 1rem;
    width: 89%;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
}
.btn-theme-2{
    background: linear-gradient(360deg, #001585, #211fb3);
    border-radius: 10px !important;
    display: inline-flex !important;
    border: 0px solid #ced4da;
    text-align: center;
    justify-content: center;
    flex-direction: initial !important;
    line-height: 32px;
    color: white;
}
.table-aff-member  thead th{
    border-top: 0px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.btn-theme {
    background: linear-gradient(360deg, #001585, #211fb3);
    border-radius: 10px !important;
    border: 0px solid #ced4da;
    text-align: center;
    justify-content: center;
    flex-direction: initial !important;
    line-height: 32px;
    color: white;
}
.table-loadmore{
    margin-bottom: 0 !important;
}
.image-inactive{
    filter: brightness(1.5) contrast(0.8) grayscale(10%) opacity(0.5);
}
.bg-theme-main{
    background: var(--bg-theme-main);
}
.bg-theme{
    background: var(--bg-theme) !important;
    color:  var(--text-theme)  !important;
}