@font-face {
    font-family: 'sukhumvit';
    src: url('../assets/font/sukhumvit/SukhumvitSet-Text.ttf')  format('truetype');
}
@font-face {
    font-family: 'sukhumvit';
    src: url('../assets/font/sukhumvit/SukhumvitSet-Bold.ttf')  format('truetype');
    font-weight: bold;
}
body, html {
    height: 100%;
    width: 100%;
    font-family: 'sukhumvit', sans-serif;
    font-size: 12px;
}

.nav-header {
    padding: 5px;
    text-align: center;
    background: #cdcdcd;
    color: white;
    width: 100%;
    font-size: 10px;
}
.gold-bd-img{
    padding: 3%;
    background: linear-gradient(to bottom, rgba(242,243,188,1) 0%,rgba(180,153,102,1) 24%,rgba(219,215,173,1) 50%,rgba(219,215,173,1) 79%,rgba(188,154,75,1) 100%);
    border-radius: 15px;
}
.bg-img{
    background-image: url("../images/background/bg.jpg");
    min-height: 100%;

    /* Center and scale the image nicely */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.bg-black-zero{
    background:#000000 !important;
}
.bg-img-dark{
    background-image: url(../images/background/bg-gold.jpg);
    /*min-height: 100%;*/

    /* Center and scale the image nicely */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
@media screen and (min-width: 500px) {
    .bg-img-dark{
        background: #00000096;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}
.error-bg{
    background-image: url("../images/background/bg-error.png") !important;
    min-height: 100%;

    /* Center and scale the image nicely */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.logo-error{
    width: 40vw;
    max-width: 250px;
    min-width: 20vw;
    padding: 5%;
}
.error-img{
    position: relative;
    width: 90vw;
    margin: auto;
    max-width: 500px;
    /*top: 50%;*/
    /*    -webkit-transform: translateY(15%);
        -ms-transform: translateY(15%);
        transform: translateY(15%);*/
}
.bg-img-black{
    background-image: url("../images/background/black.jpg");
    min-height: 100%;

    /* Center and scale the image nicely */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.container-resetpassword {
    display: grid!important;
    justify-content: initial !important;
    /* width: 48%; */
    min-width: 40vw !important;
    max-width: 425px;
    text-align: center;
}
.container-resetpassword input{
    height: 2rem !important;
}
.logo-pos{
    text-align: center;
    justify-content: center;
}
.body-content {
    position: relative;
    /*    border: solid 1px;*/
    top:  14vh;
}
.navbar-header{
    overflow: hidden;
    background-color: #333;
    position: fixed;
    top:0;
    width: 100%;
}
.card {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    /* transition: 0.3s; */
    width: 100%;
    margin: 4%;
    border-radius: 25px;
}
.card-blue-120{
    background: -webkit-linear-gradient(#13265C,#13265C) 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;
    background: linear-gradient(#13265C,#13265C) 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;
    padding: -1px;
    border-radius: 14px;
    border-color: red 3px;
    border: 2px solid transparent;
    color: white;
    position: relative;
    width: 100%;
    /* text-align: right; */
    padding: 2%;
}
.card-border-w{
    border: 1px solid wheat;
}
.navbar-footer {
    overflow: hidden;
    background-color: #333;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.navbar-footer a {
    /*float: left;*/
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.navbar-footer a:hover {
    background: #f1f1f1;
    color: black;
}

.navbar-footer a.active {
    background-color: #04AA6D;
    color: white;
}




.icon-footer{
    /*    padding: 19%;
        width: auto;
        height: 13vw;*/
    /*width: 90px;*/
    height: 40px;
}
.logo{
    /*padding: 5%;*/
    height: 100%;
    width: 15vh;
    padding: 2%;
}

.input-icon {
    width: 100%;
    /*    margin:4px;*/
    box-sizing: border-box;
    padding-left:60px;
}
.w-100{
    width: 100% !important;
}
.w-90{
    width: 90% !important;
}
.w-60{
    width: 60%!important;
}
.w-50{
    width: 50%!important;
}
.w-25px{
    width:25px;
}
.z-index-20{
    z-index: 20;
}
.w-60{
    width: 60%!important;
}
.w-5{
    width: 5%!important;
}
.w-3{
    width:3%;
}
.w-2{
    width:2%;
}
.w-1{
    width:1%;
}
.w-20{
    width: 20% !important;
}
.w-33{
    width: 33.33% !important;
}
.w-40{
    width: 40% !important;
}
.w-70{
    width: 70% !important;
}
.w-85{
    width: 85%!important;
}
.icon-inside {
    position:relative;
}

.icon-inside i {
    position: absolute;
    left: 15px;
    top: 7px;
    padding: 10px 12px;
    color: #c3cfd7;
}

.icon-outside {
    position:relative;
}

.icon-outside i {
    position:absolute;
    margin-left:-6px;
    top:4px;
    padding:17px 15px;
    color:#30A3F1;
    background:black;
}
.bg-gray{
    background-color: #70685B;
}
.bg-gray-01{
    background-color: #151515
}
.bold{
    font-weight: bold;
}
.text-h-form{
    color:#D8C58C;
}
.text-rd{
    background-color: black;
    border-radius: 25px;
}
.text-rd-gray{
    background-color: #70685B;
    border-radius: 25px;
}
.text-rd-gray::placeholder { /* Most modern browsers support this now. */
    color:#A7A29C;
}
.text-yellow{
    color:#F1C511;
}
.text-white{
    color:white;
}
.text-white-25{
    color: #d2c3c3;
}
.text-white-50{
    color:#d2c3c3;
}
.text-indent-50{
    text-indent: 50px;
}
.text-oragne-1{
    color: #C3821C;
}
.text-focus:focus{
    background-color: black;
}
.pd-l-8{
    padding-left: 8%;
}
.pd-l-15{
    padding-left: 15%;
}
.pd-r-8{
    padding-right: 8%;
}
.pd-r-5{
    padding-right: 5%;
}
.pd-r-7{
    padding-right: 7%;
}
.pd-r-11{
    padding-right: 11%;
}
.pd-tb-0{
    padding-top: 0;
    padding-bottom: 0;
}
.pd-tb-1rem{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.height-30px{
    height: 30px;
}
.margin-l-3vh{
    margin-left: 3vh;
}
.margin-l-5vh{
    margin-left: 5vh;
}
.margin-top-2{
    margin-top: 2%;
}
.margin-bottom-0{
    margin-bottom: 0rem !important;
}
.icon-btn{
    position: relative;
    margin-top: 0.3rem;
    margin-right: 0.3rem;
}
.icon-btn-inside{
    margin-left: 0.5rem;
}
.letter-spacing-1{
    letter-spacing: 1px;
}
.warpper-form{
    position: relative;
    /*    padding: 2%;*/
    padding-top: 2%;
    padding-bottom: 3%;
    background-color: #202020;
    margin: -1%;
    border-radius: 25px;
    margin-left: 1vw;
    margin-right: 1vw;
    /*width: 80vmin;*/
    /*width: 70vh;*/
}
.balance{
    background-color: white;
    padding: -1px;
    margin-left: 3%;
    margin-right: 3%;
    border-radius: 14px;
    border-color: red 3px;
    border: 2px solid #B09E5C;
}
.card-his-dp{
    background: linear-gradient(#080D33, #080D33) 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-balance {
    background: linear-gradient(#031281, #0b0140) padding-box, linear-gradient(45deg, #604514, #C8B465) border-box;
    border: 2px solid transparent !important;
    padding: -1px;
    border-radius: 10px;
    position: relative;
    width: 100%;
}
.card-his-wd{
    background: linear-gradient(#303030, #3c3c3c4d) padding-box, linear-gradient(45deg, #00000012, #000000) 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%;*/
}
.calendar-input{
    border: 1px solid goldenrod;
    border-radius: 10px;
    text-align: center;
}
.text-red {
    color:red;
}
.text-vertically-center{
    height: 100px;
    line-height: 100px;
    /* text-align: center; */
}
.input-gray-rd{
    border-radius: 25px;
    width: 55%;
    background: #525252;
    border-color: transparent;
    color: lavenderblush;
    font-size: 21px;
}
.input-withdraw{
    background-color: #202124;
    padding: -1px;
    border-radius: 14px;
    border-color: red 3px;
    border: 2px solid #B09E5C;
    color: white;
    position: relative;
    width: 100%;
    text-align: right;
    padding: 2%;
}
.input-default{
    background-color: #373538;
    padding: -1px;
    border-radius: 14px;
    border-color: red 3px;
    border: 2px solid #B09E5C;
    color: white;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 2%;
}
.input-gold{
    background-color: #3c3c3cb3;
    padding: -1px;
    border-radius: 14px;
    border-color: red 3px;
    border: 2px solid #B09E5C;
    color: white;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 2%;
}
.input-gray{
    background-color: #0a0909b3;
    padding: -1px;
    border-radius: 14px;
    border-color: red 3px;
    color: white;
    position: relative;
    width: 100%;
    padding-left: 18px;
    border: solid 1px #282727;
}
.input-gray::placeholder {
    color: #a09b9b;
    font-weight: 50;
}
.card-bd-blue {
    /*    background: -webkit-linear-gradient(to bottom, #000d30 0%,#000d30 50%,#000d30 100%);
        background: linear-gradient(to bottom, #000d30  0%,#000d30 50%,#000d30 100%);*/
    background: -webkit-linear-gradient(#071026,#071026) 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;
    background: linear-gradient(#071026,#071026) 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;
    padding: -1px;
    border-radius: 14px;
    border-color: red 3px;
    border: 2px solid transparent;
    color: white;
    position: relative;
    width: 100%;
    /* text-align: right; */
    padding: 2%;
}
.card-bd-gold {
    background: -webkit-linear-gradient(to bottom, #373537 0%,#2B292A 50%,#171717 100%);
    background: linear-gradient(to bottom, #13265C 0%,#13265C 50%,#13265C 100%);
    padding: -1px;
    border-radius: 14px;
    border-color: red 3px;
    border: 2px
        solid #B09E5C;
    color: white;
    position: relative;
    width: 100%;
    /* text-align: right; */
    padding: 2%;
}
.card-bd-gold{
    background: -webkit-linear-gradient(to bottom, #373537 0%,#2B292A 50%,#171717 100%);
    background: linear-gradient(to bottom, #373537 0%,#2B292A 50%,#171717 100%);
    padding: -1px;
    border-radius: 14px;
    border-color: red 3px;
    border: 2px solid #B09E5C;
    color: white;
    position: relative;
    width: 100%;
    /*text-align: right;*/
    padding: 2%;
}
.card-bank{
    background-color: #343434;
    padding: -1px;
    border-radius: 14px;
    border-color: red 3px;
    border: 2px solid #B09E5C;
    color: white;
    position: relative;
    /*width: 100%;*/
    /*text-align: right;*/
    padding: 2%;
}
.card-bank-deposit{
    background: -webkit-linear-gradient(to right, #4a4949 0%,#1a1a1a 50%,#171717 100%);
    background: linear-gradient(to right, #4a4949 0%,#1a1a1a 50%,#171717 100%);
    padding: -1px;
    border-radius: 14px;
    border-color: red 3px;
    border: 2px solid #B09E5C;
    color: white;
    position: relative;
    width: 100%;
    /*text-align: right;*/
    padding: 2%;
}
.btn-icon-back{
    /*    background: -webkit-linear-gradient(to right, #5e0e0e  0%,#5e0e0e  50%,#5e0e0e  100%);
        background: linear-gradient(to right, #5e0e0e  0%,#5e0e0e  50%,#5e0e0e  100%);*/
    padding: -1px;
    border-radius: 14px;

    color: white;
    position: relative;
    width: 100%;
    /*text-align: right;*/
    padding: 1%;
    border: 2px solid #B09E5C !important;
}
.btn-icon-back:i{
    text-align: left;
}
.btn-white-gold-bd{
    background-color: white;
    padding: -1px;
    margin-left: 3%;
    margin-right: 3%;
    border-radius: 9px;
    border-color: red 3px;
    border: 2px solid #B09E5C;
    color:black;
}
.btn-gold-premium{
    background:linear-gradient(to right, #FBF5B7, #FBF5B7, #FBF5B7, #FBF5B7, #FBF5B7);
    position: relative;
    padding: 0rem 1rem;
    text-align: center;
    /* border-radius: 38px; */
    border-radius: 25px;
    overflow: hidden;
    font-weight: 700;
    font-size: 3vh;
    /* font-family: db helvethaicax,sans-serif!important; */
    border: none;
    outline: 0;
    cursor: pointer;
}
.btn-gold-no-movement{
    background:linear-gradient(to right, #FBF5B7, #FBF5B7, #FBF5B7, #FBF5B7, #FBF5B7);
    position: relative;
    padding: 0rem 1rem;
    text-align: center;
    /* border-radius: 38px; */
    border-radius: 25px;
    overflow: hidden;
    font-weight: 700;
    font-size: 3vh;
    /* font-family: db helvethaicax,sans-serif!important; */
    border: none;
    outline: 0;
    cursor: pointer;
    width: 40%;
    line-height: 2;
    color: black;
}

.btn-gold-premium:after {
    content:'';
    top:0;
    transform:translateX(100%);
    width:100%;
    height:220px;
    position: absolute;
    z-index:1;
    animation: slide 1s infinite 3s;

    /* 
    CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
    */
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}
.btn-gold-premium{
    background:linear-gradient(to right, #FBF5B7, #FBF5B7, #FBF5B7, #FBF5B7, #FBF5B7);
    position: relative;
    padding: 0rem 1rem;
    text-align: center;
    border-radius: 25px;
    overflow: hidden;
    font-weight: 700;
    font-size: 3vh;
    border: none;
    outline: 0;
    cursor: pointer;
}
.btn-gold-blue-flat {
    background: linear-gradient(#002c67,#002c67) 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: 0px 40px;
    border: 3px solid transparent;
    border-radius: 100px;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    min-width: 100px;
    text-align: center;
}
/* animation */

@keyframes slide {
    0% {
        transform:translateX(-100%);
    }
    100% {
        transform:translateX(100%);
    }
}
.register-form{
    position: relative;
    /*    padding: 2%;*/
    /*padding-top: 2%;*/
    /*padding-bottom: 3%;*/
    background-color: rgba(0, 0, 0, 0.6);
    /*margin: -1%;*/
    border-radius: 25px;
    margin-left: 3vw;
    margin-right: 3vw;
    /*width: 80vmin;*/
    /*width: 70vh;*/
}
.cpass-form{
    position: relative;
    /*    padding: 2%;*/
    padding-top: 1%;
    padding-bottom: 3%;
    background-color: rgba(0, 0, 0, 0.6);
    margin: -1%;
    border-radius: 25px;
    margin-left: 3vw;
    margin-right: 3vw;
    /*width: 80vmin;*/
    /*width: 70vh;*/
}
.footer {
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
}
.footer-nonresp {
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
}
.footer-pathnership{
    margin-left: 1%;
    margin-right: 1%;
    /*margin-bottom: 1%;*/
    justify-content: center;
}
.img-pathnership {
    height: 2vh;
    /*width: 4rem;*/
    margin: 0.2rem;
}
.text-blue{
    color:#2464cf;
}
.text-border{
    font-weight: bolder;
}
.text-black{
    color:#000 !important;
}
.text-gold-1{
    color:#FCF7C1;
}
.text-gold-2{
    color:#FFC426;
}
.top-8{
    top: 8px;
}
.font-size-06{
    font-size: 0.6rem;
}
.font-size-07{
    font-size: 0.7rem !important;
}
.font-size-08{
    font-size: 0.8rem !important;
}
.font-size-10{
    font-size: 1.0rem;
}
.font-size-13{
    font-size: 1.3rem !important;
}
.font-size-11{
    font-size: 1.1rem !important;
}

.font-line{
    line-height: 25px;
}
.line-height-0{
    line-height:0px;
}
.line-height-1{
    line-height:1rem;
}
.line-h-1{
    line-height: 1;
}
.line-h-2{
    line-height: 2;
}
.line-h-4{
    line-height: 4;
}
.line-h-05{
    line-height:0.5;
}
.line-h-80p{
    line-height:80%;
}
.line-h-100p{
    line-height:100%;
}
.from-control-1{
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
}
.from-control-1:focus {
    /*    box-shadow:0 0 0 10px red;*/
    background-color: #D0CDCA;
    color: white !important;
}
.from-control-1::placeholder { /* Most modern browsers support this now. */
    color:#FFFFFF;
}
.line-text{
    padding-bottom: 1px;
    border-bottom: 1px solid white;
    /*line-height: 48px;*/
}
.padding-top-25{
    padding-top: 25px;
}
.display-none{
    display:none;
}
.btn-rd{
    border-radius: 25px;
}
.text-orange{
    color: #eab310db!important;
}
.btn-gold{
    /*    background-image: linear-gradient(#362509 10%, #E7AE0F 20%);
        color: black;*/
    /*background-image: linear-gradient(to bottom, #F7971E 0%, #FFD200  51%, #F7971E  100%);*/
    background-image: linear-gradient(to bottom, #a38a6b 0%,#E9AF0A 51%, #E9AF0A 100%);
    /*margin: 10px;*/
    /*padding: 15px 45px;*/
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    box-shadow: 0 0 20px #000000;
    border-radius: 25px;
    display: block;
}
.btn-gold-ln-soft{
    background-image: linear-gradient(to bottom, #F8EBA6 0%,#D1B456 51%, #C1954C 100%);
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    box-shadow: 0 0 20px #000000;
    border-radius: 25px;
    display: block;
    font-size: 0.8em;
    font-weight: bolder;
}
.btn-gold-ln-gray{
    line-height: 1.3;
    background-color:#1c1c1c;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    box-shadow: 0 0 20px #000000;
    border-radius: 25px;
    border: 1px solid #cdcdcd6b;
    display: block;
    color:white;
    font-size: 0.8em;
}

.icon-btn-img{
    width: 23px;
}
.btn-danger-2{
    background: -webkit-linear-gradient(to right, #D8A420 0%,#AD7818 50%,#AD7818 100%);
    background: linear-gradient(to right, #7e0000 0%,#7e0000 50%,#7e0000 100%);
    border-radius: 25px!important;
    display: inline-flex !important;
    border: 0px solid #ced4da;
    text-align: center;
    justify-content: center;
    flex-direction: initial !important;
    height: 1.3rem !important;
    line-height: 32px;
}
.btn-gold-2{
    background: -webkit-linear-gradient(to right, #D8A420 0%,#AD7818 50%,#AD7818 100%);
    background: linear-gradient(to right, #D8A420 0%,#AD7818 50%,#AD7818 100%);
    border-radius: 25px!important;
    display: inline-flex !important;
    border: 0px solid #ced4da;
    text-align: center;
    justify-content: center;
    flex-direction: initial !important;
    height: 1.3rem !important;
    line-height: 32px;
}
.btn-red{
    background: -webkit-linear-gradient(to right, #d82020 0%,#ad1818 50%,#ad1818 100%);
    background: linear-gradient(to right, #d82020 0%,#ad1818 50%,#ad1818 100%);
    border-radius: 25px!important;
    display: inline-flex !important;
    border: 0px solid #ced4da;
    text-align: center;
    justify-content: center;
    flex-direction: initial !important;
    height: 1.3rem !important;
    line-height: 32px;
    color: white;
}
.btn-gold-1-sq{
    /*    background: -webkit-linear-gradient(to right, #D8A420 0%,#AD7818 50%,#AD7818 100%);
        background: linear-gradient(to right, #D8A420 0%,#AD7818 50%,#AD7818 100%);*/
    background-color: #FCC200;
    border-radius: 5px!important;
    display: inline-flex !important;
    border: 0px solid #ced4da;
    text-align: center;
    justify-content: center;
}
.btn-brown-1-sq{
    /*    background: -webkit-linear-gradient(to right, #D8A420 0%,#AD7818 50%,#AD7818 100%);
        background: linear-gradient(to right, #D8A420 0%,#AD7818 50%,#AD7818 100%);*/
    background: #301212;
    border: 1px solid gold;
    border-radius: 5px!important;
    display: inline-flex !important;
    text-align: center;
    justify-content: center;
    color: white;
}
.btn-92{
    display: block;
    margin: 0 auto;
    width: 92%;
}
.btn-profile{
    padding:4px;
    text-shadow: 0px 0px 0.7px #000000;
}
.btn-profile-gold{
    padding:4px;
    text-shadow: 0px 0px 0.7px #000000;
}
.img-btn{
    text-align: right;
    width: 42%;
}
.text-btn{
    text-align: left;
    width: 58%;
}


.icon-user{
    /*    background-image: url(../assets/icon/user.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-origin: content-box;
        background-size: 15px 15px;*/
    background:url(../assets/icon/user.png);
    padding-left: 17px;

}
.icon-user input[type=text] {
    background-color: #3CBC8D;
    color: white;
}

.icon-user:focus-within {
    /*border: 1px solid #000;*/
}

.icon-user>input {
    outline: none;
    border: none;
    background: transparent;
}
.margin-1{
    margin: 1% !important;
}
.margin-l-7{
    margin-left:7px;
}
.padding-03{
    padding: 0.3rem;
}
.padding-0{
    padding :0% !important;
}
.margin-0{
    margin: 0% !important;
}
.padding-1{
    padding :1%;
}
.padding-2{
    padding :2%;
}
.padding-5{
    padding :5%;
}
.padding-7{
    padding :7%;
}
.height-4rem{
    height: 4rem;
}
.height-3rem{
    height: 3rem;
}
.pad-lr-0{
    padding-left: 0;
    padding-right: 0;
}
.container {
    /*    display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;*/
}

/* Hide the browser's default checkbox */
.container-cb input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0px;
    left: 33px;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    border-radius: 7px;
}

/* On mouse-over, add a grey background color */
.container-cb:hover input ~ .checkmark {
    background-color: transparent;
}

/* When the checkbox is checked, add a blue background */
.container-cb input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-cb input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-cb .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.margin-top-12{
    margin-top: 12px;
}
.margin-top-24{
    margin-top: 24px;
}
.margin-d40{
    margin: -40px;
}
@media (min-width: 980.00px) {
    .panel-guild{
        width: 50% !important;
    }
    .logo{

        width: 19vh;

    }
    .responsive{
        /*margin-left: 20%;*/
        /*margin-right: 20%;*/
    }



}

.input-half-border-gold{
    background: linear-gradient(#000, #000) padding-box, linear-gradient(45deg, black, #C8B465) border-box;
    border: 1px solid transparent !important;
    border-radius: 18px;
    padding: 10px 20px;
    color: white;
}
select option {
    margin: 40px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.padding-bottom-15{
    padding-bottom: 15%;
}
.pad-bot-0{
    padding-bottom: 0!important;
}
.input-shadow{
    border: 0px solid #ced4da;
    box-shadow: 0px 4px #0303037d;
}
.top-35{
    top: 35px;
}
.top-24{
    top: 24px;
}
input:focus{
    color:white;
}
.textbox-empty{
    border: 2px solid red !important;
}
.textbox-empty:focus{
    border: 2px solid red;
}
.require{
    color:red;
}
.gradient-border-bg {
    background: linear-gradient(#000, #000) padding-box, linear-gradient(45deg, #C8B465, black) border-box;
    border: 3px solid transparent;
    border-radius: 18px;
    padding: 10px 20px;
    color: white;
    font-size: 1.7rem;
}
.success-boder{
    border: 0px solid;
    background: #009345;
    text-align: center;
    border-radius: 18px;
    line-height: 0.7rem;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    font-size: 0.7rem;
    padding-top: 0.2rem;
    padding-bottom: 0.1rem;
}
.danger-boder{
    border: 0px solid;
    background: #930000;
    text-align: center;
    border-radius: 18px;
    line-height: 0.7rem;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    font-size: 0.7rem;
    padding-top: 0.2rem;
    padding-bottom: 0.1rem;
}
.warning-boder{
    border: 0px solid;
    color: black;
    background: #e7e33d;
    text-align: center;
    border-radius: 18px;
    line-height: 0.7rem;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    font-size: 0.7rem;
    padding-top: 0.2rem;
    padding-bottom: 0.1rem;
}
.info-boder{
    border: 0px solid;
    color: white;
    background: #676e6d;
    text-align: center;
    border-radius: 18px;
    line-height: 0.7rem;
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    font-size: 0.7rem;
    padding-top: 0.2rem;
    padding-bottom: 0.1rem;
}

.bg-back{
    background: -webkit-linear-gradient(to bottom, #373537 0%,#2B292A 50%,#171717 100%);
    background: linear-gradient(to bottom, #373537 0%,#2B292A 50%,#171717 100%);
}
.bg-score{
    border-radius: 10px;
    /*background-color: #C0913C;*/
    box-shadow: inset 0px 33px 30px 0 #dbc29b, inset 0 109px 30px 0px #aa884a, inset 0 113px 5px 89px #332A28;
}
.qr{
    width: 80%;
}
.table-gold {
    font-size: 0.7rem !important;
    /* background-image: linear-gradient(0deg, rgba(171, 149, 79, 0.5), rgba(236, 216, 151, 0.5), rgba(171, 149, 79, 0.5))!important; */
    border-color: #FFBD00!important;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: -1px 0px 3px 3px #e5cf90!important;
    background: -webkit-linear-gradient(to right, #3a3a3a 0%,#515254 50%,#3c3c3c  100%);
    background: linear-gradient(to right, #3a3a3a 0%,#515254 50%,#3c3c3c 100%);
    /* color: saddlebrown!important; */
    /* font-size: 2.5vmin; */
}
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;
}
.margin-top-10{
    margin-top: 10%
}
.jumbotron{
    background:transparent;
}
.pc-pathnership{
    display:none;
}
@media (min-width: 1200.00px){
    .register-form{
        margin-left: 15% !important;
        margin-right: 15% !important;
        top: 7%;
    }
}
@media (min-width: 768.00px){
    .logo{
        width: 15vw;
    }
    .register-form{
        margin-left: 0%;
        margin-right: 15%;
        top: 7%;
    }

    .footer{
        display:none;
    }
    .pc-pathnership{
        display:initial;

    }
    .img-pathnership {
        height: 3vh;
        margin: 0.2rem;
    }
}
.disablegame img{
    filter: grayscale(100%);
}
.disablegame a{
    pointer-events: none;
    cursor: default;

}
.ma-icon{
    width: 65%;
    position: absolute;
    top: 6%;
    left: 16%;
    z-index: 2;
    margin: auto;
    filter: none !important;
    content: " ";
}
.brand-title{
    color:white;
    font-size: 0.5rem;
}
.img-fluid.w-80{
    width: 80%!important;
}
.brand-body{
    padding-top: 2rem;
}
.col-banner{
    position: relative;
    display: block;
}
.icon-hot-banner{
    position: absolute;
    right: 0;
    background-size: cover;
    top: 0;
    right: 0px;
    top: -11%;
    overflow: hidden;
    width: 27%;
    float: right;
    height: 37%;
    margin-right: 9%;
    background-image: url(../images/icon/banner_hot_animate.png);
    background-repeat: round;
}
.margin-left-14{
    margin-left: 14%;
}
.margin-l-0{
    margin-left: 0;
}


.btn-tranparent{
    background: transparent;
    border: 0px;
}
.text-responsive-4-vh{
    font-size: 4vh;
}
.text-responsive-3-vh{
    font-size: 3vh;
}
.promotion-border-gold{
    height: auto;
    border-radius: 10px;
    border: 2px solid rgba(171, 149, 79, 0.7);
    -webkit-box-shadow: inset 0 0 20px #000;
    -moz-box-shadow: inset 0 0 20px #000;
    -ms-box-shadow: inset 0 0 20px #000;
    box-shadow: inset 0 0 20px #000;
}
.margin-auto{
    margin:auto;
}
.dropdown-acc {
    display: none;
    position: absolute;
    background-color: tranparent;
    min-width: 100%;
    bottom: 50px;
    z-index: 1;
    list-style-type: none;

}
.show {
    display: block;
}
.hidden{
    display: none;
}
.table-loadmore{
    margin-bottom: 0rem !important;
}

/* galaxy ford */
@media only screen and (max-width: 280px) {
    .topbar-mobile--menu.myprofile img {
        width: 26px !important;
    }
    .card-bank-deposit img{
        width: 80%;
    }
    .card-bank-deposit .font-size-08{
        font-size: 0.6rem !important;
    }

    .warpper-form .btn-gold-2{
        width:100% !important;
    }
    .btn-icon-back{
        font-size: 0.4rem!important;
        margin: auto!important;
        width: 90%!important;
    }
    .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 h4{
        font-size: 0.8rem;
        line-height: normal;
    }
    .card-his-wd h4{
        font-size: 0.8rem;
        line-height: normal;
    }
    .notifyjs-corner .notifyjs-wrapper, .notifyjs-corner .notifyjs-container{
        padding-left: 10%;
    }
    .balance .font-line {
        line-height: 0.7rem;
        font-size: 0.7rem !important;
        /*font-size: 1rem;*/
    }
}
.text-notify{
    display:inline;
    vertical-align:top;
    padding-left:10px;
    /*    text-indent: 0px;
        text-align: justify;
        letter-spacing: 3px;*/
    /*    text-indent: 50px;
        text-align: justify;
        letter-spacing: 3px;*/
}
.img-notify{
    float: left;
}
.btn-aff-copy{
    width: 100% !important;
    margin: auto;
    font-size: 0.7rem !important;
    background-image: linear-gradient(to bottom, #F5E698 , #e1a720);
    /*background: linear-gradient(#2a2a2a,#424242) 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;*/
}


:root {
    --angle: 45deg;
    --opacity: 0.5;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

.rainbow {

    border-radius: 14px;
    /*    padding: 2rem;
        margin: auto;*/

    display: grid;
    place-content: center;
    text-align: center;
    /*font-size: 1.5em;*/
    --border-size: 0.2rem;
    border: var(--border-size) solid transparent;

    background-image: linear-gradient(
        to right,
        #373538,
        rgb(000 000 000)
        ),
        conic-gradient(
        from var(--angle),
        #FEDB37 0deg 90deg,
        #FDB931 90deg 180deg,
        #9f7928 180deg 270deg,
        #8A6E2F 270deg 360deg
        );
    background-origin: border-box;
    background-clip: padding-box, border-box;
    /*background: rgb(255 255 255 / var(--opacity));*/
}

.reward {

    border-radius: 14px;
    /*    padding: 2rem;
        margin: auto;*/
    place-content: center;
    text-align: center;
    /*font-size: 1.5em;*/
    --border-size: 0.2rem;
    border: var(--border-size) solid transparent;

    background-image: linear-gradient(
        to right,
        #373538,
        rgb(000 000 000)
        ),
        conic-gradient(
        from var(--angle),
        #FEDB37 0deg 90deg,
        #FDB931 90deg 180deg,
        #9f7928 180deg 270deg,
        #8A6E2F 270deg 360deg
        );
    background-origin: border-box;
    background-clip: padding-box, border-box;
    /*background: rgb(255 255 255 / var(--opacity));*/
}
.text-gold{
    letter-spacing: 3px;
    font-size: 41px;
    font-weight: bold;
    background-image: linear-gradient( to right, #cb9b51 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #cb9b51 100% );
    color: transparent;
    -webkit-background-clip: text;
}
.text-gold-ol{
    color:#9a925f;
}
.text-gold-ol-2{
    color:#cbbb86;
}
.icon-pos{
    line-height: 1.5;
    padding-right: 0.3vw;
}
.btn-line{
    background: url(../assets/icon/bg-line.png);
    background-repeat: round;
    background-size: auto;
    padding: 0.7rem 2rem 0.7rem 4rem;
}
.btn-upload[type="file"]{

}
.pad-top-6p{
    padding-top: 6%;
}
.pad-top-3p{
    padding-top: 3%;
}
.pad-top-1p{
    padding-top: 1%;
}
.margin-top-6p{
    margin-top: 6%;
}
.pad-l-1rem{
    padding-left: 1rem;
}
.pad-l-10px{
    padding-left: 10px;
}
.pad-r-10px{
    padding-right: 10px;
}
.pd-l-0rem{
    padding-left: 0rem;
}
.pd-r-0rem{
    padding-right: 0rem;
}
.pad-r-0{
    padding-right: 0;
}
.pad-l-0{
    padding-left: 0;
}
.pad-l-7px{
    padding-left: 7px;
}
.pad-r-1{
    padding-right: 1rem;
}
.pad-r-05{
    padding-right: 0.5rem;
}
.pad-rl-0{
    padding-right: 0;
    padding-left: 0;
}
.padding-3{
    padding: 3%;
}
.pad-rl-02rem{
    padding-right: 0.2rem;
    padding-left: 0.2rem;
}
.qr-border{
    border-radius: 25px;
    border: 5px solid transparent;
    background: linear-gradient(#002c67,#002c67) 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;
}

.nav-link{
    padding: .100rem .100rem;
}
.page-pad-lr-7{
    padding-left: 7%;
    padding-right: 7%;
}
.nav-ct-none-header{
    background:#242424;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 0;
    border-radius: 15px 15px 15px 15px;
    /*padding-top: 1rem;*/
    /*padding-bottom: 1rem;*/
    border: 1px solid #666666;
    border-radius: 15px 15px 15px 15px;
}
.nav-ct-none-header .bg-black-zero{
    border-radius: 15px 15px 15px 15px;
}
.nav-ct-none-header .left{
    padding-left: 0.3rem;
    padding-right: 1.2rem;
}
.nav-ct-none-header .right{
    padding-right: 0.3rem;
    padding-left: 1.2rem;
}

.nav-ct-none-header hr{
    width: 80%;
    transform: translate(11%, -50%);
}
.nav-tabs.nav-header-ct{
    background-color: #424242;
    border-radius: 25px 25px 0px 0px;
}
.nav-header-ct-left .nav-link{
    border-radius: 25px 0px 0px 0px;
}
.nav-header-ct-right .nav-link{
    border-radius: 0px 25px 0px 0px;
}
.nav-header-ct-left .active{
    border-radius: 25px 0px 0px 0px;
    color: #dfcb70 !important;
    font-weight: 700;
    /*background-color: #13265C !important;*/
    border-radius: 25px 0px 0px 0px;
    /*background: linear-gradient(180deg,#646464,#202020)!important;*/
    background: linear-gradient(180deg,#646464,#202020)!important;
}
.warp-blue{
    background: #0d1642;
    border-radius: 10px;
    padding: 1rem;
}
.warp-tranpatent{
    background: tranparent;
    border-radius: 10px;
    padding: 1rem;
}
.nav-header-ct-right .active{
    border-radius: 0px 25px 0px 0px;
    color: #dfcb70 !important;
    font-weight: 700;
    /*background-color: #13265C !important;*/
    /*background: linear-gradient(180deg,#646464,#202020)!important;*/
    background: linear-gradient(180deg,#646464,#202020)!important;
}
.tab-content-ct{
    background:#242424;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 0;
    border-radius: 0px 0px 15px 15px;
    /*padding-top: 1rem;*/
    padding-bottom: 0.3rem;
    /*    border-left: 4px solid #0c3199;
        border-right: 4px solid #0c3199;
        border-bottom: 4px solid #0c3199;
        border-radius: 0px 0px 10px 10px;*/
}
.tab-content-ct .btn-receive{
    background-image: linear-gradient(to bottom, #e5ae12 , #edc16e);
    color: #000000;
    padding: 0px 20px;
    border: none;
    font-size: 23px;
    cursor: pointer;
    border-radius: 20px;

}
.tab-content-ct .amount{
    width: 50%;
    background-color: white;
    color: black;
    border-radius: 7px;
}
.tab-pane-ct{
    background-color: #13265C;
}
.table-aff{
    color: white;
    font-size: 0.7rem !important;
    /* background-image: linear-gradient(0deg, rgba(171, 149, 79, 0.5), rgba(236, 216, 151, 0.5), rgba(171, 149, 79, 0.5))!important; */
    border-color: #FFBD00!important;
    border-radius: 10px 10px 10px 10px!important;
    /*box-shadow: -1px 0px 3px 3px #e5cf90!important;*/
    background: #2c3d6c;
    /*background: #0c3199;*/

}
.table-aff td, .table-aff th {
    padding: 0.2rem;
    vertical-align: top;
    border-top: 0px solid #EBE9F1;
}
.table-aff thead th {
    border-bottom: 0px;
}
.table-aff thead{
    background: #3c3c3c;
}
table th:first-child{
    border-radius: 10px 0px 0px 0px;
}

table th:last-child{
    border-radius: 0px 10px 0px 0px;
}

.ddl-aff {
    background: #3c3c3c;
    padding: -1px;
    border-radius: 10px;
    color: white;
    position: relative;
    width: 100%;
    /* text-align: right; */
    /* padding: 0.2rem; */
    border: 2px solid #B09E5C !important;
}
.ddl-aff option {
    margin: 40px;
    background: #FFF;
    color: #000;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.footer-btn .row{
    margin: 0;
}
.footer-btn .btn-left{
    padding: 0.3rem;
    border: 0;
    border-bottom-left-radius: 10px;
    background: linear-gradient(to right, #780e0e 0%,#992222 50%,#9d2d2d 100%);
    color: white;
    border-top: 1px solid #7a6666;
    border-right: 1px solid #7a6666;
}
.footer-btn .btn-right{
    padding: 0.3rem;
    border: 0;
    border-bottom-right-radius: 10px;
    background: linear-gradient(to right, #0f2f8b 0%,#1e3472 50%,#0a1d50 100%);
    color: white;
    border-top: 1px solid #7a6666;
    border-left: 1px solid #7a6666;
}
.footer-btn{
    /*border-top: 1px solid red;*/
    padding: 0;
    display: flex;
    margin: 0;
    display: block;
}
.turn-over{
    background-color: white;
    color:black;
    border-radius: 0.25rem;
    padding: 7px;
    font-size: 0.9rem!important;
    position: relative;
}
.turn-over span{
    font-size: 1.2rem!important
}
@media screen and (min-width: 1024px) {
    .turn-over {
        padding: 1px;
        font-size: 2.5vmin!important;
    }
    .turn-over span{
        font-size: 3vmin!important;
    }
}
@media screen and (min-width: 380px) {
    .turn-over {
        top: 10%;
        font-size: 1rem!important;
    }
    .turn-over span{
        font-size: 1.2rem!important;
    }
}
/*----- galaxy ford -----*/
@media screen and (max-width: 300px) {
    .turn-over {
        font-size: 0.6rem!important;
        padding: 1px;
        top: -8%;
    }
    .turn-over span{
        font-size: 0.8rem!important;
    }

}
@media screen and (min-width: 800px) {
    .turn-over {
        padding: 11px;
        font-size: 1rem!important;
        top: 10%;
    }
    .turn-over span{
        font-size: 1.2rem!important;
    }
}
.icon-copy-acc{
    line-height: 1.2;
    /*padding-right: 7px;*/
}
.btn-upload {
    display: grid;
    grid-auto-flow: column;
    grid-gap: .5em;
    border: solid .25em transparent;
    padding: 1em 1.5em;
    border-radius: 9em;
    background:
        linear-gradient(to right bottom, var(--slist))
        border-box;
    font: 700 1.5em/ 1.25 ubuntu, sans-serif;
    text-transform: uppercase;

    &::after {
        content: attr(data-ico)
    }
}
.pad-lr-1rem{
    padding-left: 2rem;
    padding-right: 2rem;
}
.pad-l-10px{
    padding-left: 10px;
}
.pad-10-p{
    padding:10%;
}
.pad-top-0{
    padding-top: 0 !important;
}
.pad-top-10px{
    padding-top:10px!important;
}
.select-withdraw{
    width: 70%;
    border-radius: 10px;
    line-height: 1.5;
    height: calc(1em + 1.2rem + 0px);
    /* padding: 0.8rem; */
    padding-left: 10px;
}
.select-withdraw.icon-bank{
    /* background-repeat: repeat-x; */
    background-size: 60px 60px;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 55px;
}
.-x-input-icon {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 3px;
    position: relative;
}
.-icon-left{
    left: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    border: none;
    background: none;
    color: #000;
    font-size: 1.5rem;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.-icon-right{
    right: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    border: none;
    background: none;
    color: #000;
    font-size: 1.5rem;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.x-form-control{
    height: 2.214rem;
}

.x-select-amount .-amount-container .-btn-select-amount {
    display: flex;
    position: relative;
    border-radius: 20px;
    padding: 0;
    background: linear-gradient(180deg,rgba(119,165,235,.3),rgba(223,245,255,.3));
    height: 40px;
    opacity: .5;
    border: none;
    transition: all .4s;
    color: white;
}

.x-select-amount .-amount-container {
    width: 30%;
    margin-bottom: 1rem;
}
.x-select-amount {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.x-select-amount .-amount-container .-btn-select-amount.active {
    opacity: 1;
    background: linear-gradient(180deg,rgba(56,108,187,.8),rgb(123 194 225 / 80%));
    border: none;
}

.text-gold-3{
    color: #efcf76;
}
.btn-3d.black{

    position: relative;
    box-shadow: 0px 0rem 0rem 0 rgb(195 142 22 / 50%), 0 -0.25rem 1.5rem rgb(0 0 0) inset, 0 0.75rem 0.5rem rgb(255 255 255 / 40%) inset, 0 0.25rem 0.5rem 0 rgb(13 11 14) inset;

    background: linear-gradient(#2a2a2a,#121212) 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 40px;
    border: 2px solid transparent;
    border-radius: 15px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    min-width: 100px;
    text-align: center;
}

.btn-3d.red{

    position: relative;
    box-shadow: 0px 0rem 0rem 0 rgb(195 142 22 / 50%), 0 -0.25rem 1.5rem rgb(0 0 0) inset, 0 0.75rem 0.5rem rgb(255 255 255 / 40%) inset, 0 0.25rem 0.5rem 0 rgb(13 11 14) inset;
    background: linear-gradient(#760101,#760101) 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 40px;
    border: 2px solid transparent;
    border-radius: 15px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    min-width: 100px;
    text-align: center;
}

.btn-3d span {

    color: #efcf76;
    background-image: linear-gradient(0deg, #EE82DA 0%, #FEFAFD 100%);
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 2px 2px hsla(290, 100%, 20%, 1));
}

btn-3d::before {
    content: "";
    display: block;
    height: 0.25rem;
    position: absolute;
    top: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 7.5rem);
    background: #fff;
    border-radius: 100%;

    opacity: 0.7;
    background-image: linear-gradient(-270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255,255,255,0.00) 100%);
}

btn-3d::after {
    content: "";
    display: block;
    height: 0.25rem;
    position: absolute;
    bottom: 0.75rem;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 7.5rem);
    background: #fff;
    border-radius: 100%;

    filter: blur(1px);
    opacity: 0.05;
    background-image: linear-gradient(-270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255,255,255,0.00) 100%);
}
.btn-gold-back {
    background: linear-gradient(#2a2a2a,#121212) 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 40px;
    border: 3px solid transparent;
    border-radius: 15px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    min-width: 100px;
    text-align: center;
}
.btn-gold-red {
    background: linear-gradient(#760101,#760101) 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 40px;
    border: 3px solid transparent;
    border-radius: 15px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    min-width: 100px;
    text-align: center;
}
.btn-outline{
    background: -webkit-linear-gradient(to right, #D8A420 0%,#AD7818 50%,#AD7818 100%);
    background: transparent;
    border-radius: 25px!important;
    display: inline-flex !important;
    border: 0px solid #ced4da;

    color: white;

}
.btn-sq-rd-gold{
    border-radius: 15%;
    width: 70px;
    height: 30px;
    font-size: 1rem;
    /* background: linear-gradient(to right, #D8A420 0%,#AD7818 50%,#AD7818 100%); */
    border: 1px solid transparent;
    display: inline-block;
    color: black;
    background: linear-gradient(#f9e7b9,#b57e00) 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;
}
.sq-gold-blue{
    background: linear-gradient(#002c67,#002c67) 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{
    background: linear-gradient(#363636,#444444) 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;
}
.btn-tranparent{
    background: transparent;
    border: 1px solid transparent;
}
.bg-tranparent{
    background: transparent;
}

.blockUI.blockOverlay{
    z-index: 1050 !important;
}
.blockUI.blockMsg.blockPage{
    z-index: 1051 !important;
}
.rainbow .img-promotion{
    position: absolute;
    width: 20% !important;
    right: 0px;
    z-index: 2;
    top: -10%;
    animation: wiggle 5s linear infinite;
}
@keyframes wiggle {
    0%, 7% {
        transform: rotateZ(0);
    }
    15% {
        transform: rotateZ(-10deg);
    }
    20% {
        transform: rotateZ(10deg);
    }
    25% {
        transform: rotateZ(-10deg);
    }
    30% {
        transform: rotateZ(6deg);
    }
    35% {
        transform: rotateZ(-4deg);
    }
    40%, 100% {
        transform: rotateZ(0);
    }
}


.panel-guild{
    margin: auto;
    width: 90%;
    color: white;
    background: linear-gradient(to bottom,rgba(0,0,0, 0.6), rgba(0,0,0, 0.6));
}
.prm-img{
    width: 100%;
    height: auto;
    position: relative;
}
.modal-header .close-prm {
    margin: -0.8rem -1.4rem -0.8rem auto;
    background-color: transparent;
    border: 0;
}



a.disabled {
    pointer-events: none;
    cursor: default;
}
a.disabled img{
    filter: grayscale(100%);
}

.modal.fade .modal-dialog.modal-dialog-zoom {
    -webkit-transform: translate(0,0)scale(.5);
    transform: translate(0,0)scale(.5);
}
.modal.show .modal-dialog.modal-dialog-zoom {
    -webkit-transform: translate(0,0)scale(1);
    transform: translate(0,0)scale(1);
}

.img-fluid-70{
    max-width: 70%;
    height: auto;
}
.bank-profile{
    padding-left: 0;
    padding-right: 0;
    padding: 0.5rem;
}
.border-gold-gd{
    border-width: 4px;
    border-style: solid;
    border-image: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C) 1;
    /*border-image: linear-gradient(to right, darkblue, darkorchid) 1;*/
}

.border-gold-rd{
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
    border-color:#FBF5B7;
    /*border-image: linear-gradient(to right, darkblue, darkorchid) 1;*/
}


.card-prm{
    /*    background: -webkit-linear-gradient(to bottom, #373537 0%,#2B292A 50%,#171717 100%);
        background: linear-gradient(to bottom, #373537 0%,#2B292A 50%,#171717 100%);*/
    /*background: linear-gradient(to bottom, #373537 0%,#2B292A 50%,#171717 100%);*/
    background-image: url(../images/background/prm_bg.png);
    background-repeat: round;
    padding: -1px;
    border-radius: 14px;
    border-color: red 3px;
    border: 2px solid #B09E5C;
    color: white;
    position: relative;
    width: 100%;
    /*text-align: right;*/
    padding: 2%;
}
.opacity-1{
    opacity: 1;
}
.prm-promote-pos{
    transform: translateY(5%);
}
.btn-on-img{
    position: absolute;
    top: 7%;
    left: 90%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: transparent;
    color: white;
    font-size: 50px;
    /*padding: 12px 24px;*/
    border: none;
    cursor: pointer;
    border-radius: 5px;
}
.text-gray{
    color: #383838ad;
}
.btn-close-promote{
    position: absolute;
    color: white;
    right: 20px;
}

.shine-bg{
    /*background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
    background: radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    background-size: 400% 400%;
    animation: gradient 2s ease infinite;
    /*height: 100vh;*/
}

/* animation */

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.tag-countdown {
    float: right;
    position: absolute;
    left: 44%;
    top:38%;
    z-index: 1000;
    background-color: #0000006e;
    padding: 5px;
    color: #FFFFFF;
    width: 41%;
    font-size: 12px;
    font-weight: bold;
}
.bill_date{
    background-color: #FFCE38;
    width: 80%;
    border-radius: 25px;
    color: black !important;
    margin-top: 5px;
}

.btn-rd-gold{
    background-color: #E2B24E;
    width: 40%;
    border-radius: 25px;
    color: black !important;
    margin-top: 5px;
    font-weight: bold;
}
.card-wd-gold {
    background: #2B2B2B;
    padding: -1px;
    border-radius: 14px;
    border-color: red 3px;
    /*    border: 2px;*/
    solid :#B09E5C;
    color: white;
    position: relative;
    width: 100%;

}
.card-wd-gold .modal-header{
    background: #E2B24E;
}
.card-wd-gold .sector-bank{
    background-color: #00000047;
    border-radius: 14px;
    padding: 10px 2px 10px 2px;
    border: 2px solid #323232;
}
.border-bank-0{
    border-radius: 10px;
}

select.sel-bank {

    background-size: 60px 60px;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 55px;
}
select.sel-bank option[value="US"] {
    background-image:url(./images/bank/SCB.png);

}
select.sel-bank option[value="IN"] {
    background-image:url(./images/bank/SCB.png);
}
select.sel-bank  option[value="UK"] {
    background-image:url(./images/bank/SCIB.png);
}
select.sel-bank  option[value="FR"] {
    background-image:url(./images/bank/SCIB.png);
}


.custom-select {
    position: relative;
    width: 200px;
}
.custom-select select {
    display: none;
}
.custom-select:after {
    content: "";
    background-image:url(./images/bank/SCIB.png);
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
}

.dropbtn {
    background-color: #0000004a;
    color: white;
    padding: 5px;
    font-size: 20px;
    border: none;
    cursor: pointer;
    border-radius: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
.dropbtn img{
    width: 40px;
}
.dropdown-content img{
    width: 40px;
}
.dropdown-content button{
    background-color: #222121;
    border: 0px;
    padding: 2%;
}
.dropbtn span{
    padding-left: 15px;
    padding-right: 15px;
}
.dropdown-content span{
    padding-left: 15px;
    padding-right: 15px;
}
.dropbtn .ddl-acc-no{
    font-size: 17px;

}
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #00000047;
    border-radius: 15px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    width: 260px;
    background-color: #202020;
    pointer-events: none;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.topbar-mobile--menu span{
    padding-top: 4px;
}
.home--menu__item__icon__inner span{
    padding-top: 4px;
}
.news-slide{
    font-size: 11px;
    color: #FCF7C1;
}
.show {
    display:block;
}
.wallet-sq{
    background: linear-gradient(to bottom, #161414 50%,#363131 100%);
    width: 90%;
    border: solid 2px #FBF5B7;
    border-radius: 10px;
    padding: 11px 5px 11px 5px;
    margin: auto;
}
.wallet-sq button{
    font-size: 16px;
    color:white;
    line-height: 0.9rem;
}
.wallet-sq .amount-display{
    line-height: 3rem;
}
.wallet-sq .img-level{
    width: 70px;
    margin-bottom: -4px;
    /*transform: translateY(30%);*/

}
.wallet-sq .credit-play{
    padding-left: 8px;
    background: #FBF5B7;
    font-size: 9px;
    color: black;
    border-radius: 6px;
    line-height: 1.8;
    font-weight: bolder;
    width: 70%;
    text-shadow: 0px 0px 0.7px #000000;
}
.wallet-sq .turnover-display{
    font-size: 10px;
    color: white;
    line-height: 2;
}
.wallet-sq-free-credit .label-freecredit{
    font-weight: bolder;
    font-size: 0.8rem;
    color: black;
    line-height: 2.1;
    text-shadow: 0px 0px 0.7px #000000;
}
.wallet-sq-free-credit{
    background: #FBF5B7;
    width: 84%;
    margin: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-bottom: 4px;
}
.wallet-sq-free-credit .btn-cashback{
    position: relative;
    /* padding: 0.25rem 1rem; */
    text-align: center;
    /* border-radius: 38px; */
    border-radius: 12px;
    overflow: hidden;
    /* font-weight: 700; */
    background: black;
    font-size: 14px;
    color: white;
    height: 27px;
}
.wallet-sq-free-credit .sector-btn-cashback{
    padding-right:11px;

}
.wallet-sq-free-credit .btn-cashback img{
    text-align: center;
    width: 15px;
    margin-top: -6px;
    line-height: 1.7;

}

.menu-lobby{
    padding-left: 2rem;
    padding-right: 2rem;
}

#myCarousel .carousel-item img{
    width: 100%;
}
.form-cpassword{
    padding-top: 20px!important;
}
.form-cpassword .form-group{
    padding-top: 20px!important;
}
.form-cpassword .password-guild{
    padding-left: 18px;
    color: #c4bcbc;
    font-size: 0.8em;
}
.form-cpassword .btn-confirm{
    background-color: #E2B24E;
    width: 145px;
    border-radius: 15px;
    color: black !important;
    margin-top: 5px;
    font-weight: bold;
}



.card-profile{
    border-radius: 10px;
    background-color: #2d2d2d;
    width: 100%;
    margin-right: 0rem;
    margin-left: 0rem;
    border: solid 1px;
}
.card-profile .sector{
    padding-left: 0;
    padding-right: 0;
    padding: 3% 3% 0% 3%;
}
.card-profile .sector:nth-last-child(1){
    padding-left: 0;
    padding-right: 0;
    padding: 3% 3% 3% 3%;
}

.card-profile .sector .sector-bank-profile{
    background: #1c1c1c;
    border-radius: 10px;
    padding: 0.2rem;
}
.card-profile p{
    font-size: 0.7em;
}
.card-profile .sector-bank p{
    color: white;
    font-size: 0.9em;
}
.card-profile .label-profile{
    padding-left: 10px;
}
.card-profile p.text-white {
    color:#ccc9c9!important;
}
.card-profile button{
    color: white;
    font-size: 0.9em;
}
.guild-profile{
    font-size: 0.6em;
}
#form-withdraw .guild-wd {
    font-size: 0.5rem !important;
}
@media screen and (max-width: 500px) {
    /*    .wallet-sq .credit-play {
            width: 60%;
        }*/
    .amount-display{
        font-size: 24px;
    }
    .wallet-sq-free-credit .label-freecredit{
        font-size: 0.8rem;
        line-height: 2.1;
    }
    .main {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .bottombar-mobile img{
        width: 35% !important;
    }
    .wallet-sq .turnover-display {
        font-size: 10px;
    }
    .input-gray-rd{
        width: 52%;
    }
}
@media screen and (max-width: 400px) {
    .main {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
    .topbar-mobile--menu.myprofile img {
        width: 31px !important;
    }
    .wallet-sq .col-8{
        padding-left: 10px;
    }
    .wallet-sq-free-credit  .label-freecredit{
        font-size: 0.8rem;
    }
    .home--menu span{
        font-size: 0.8rem;
    }
    .home--menu__item__icon__inner span{
        font-size: 0.8rem !important;
    }
    .bottombar-mobile img{
        width: 35% !important;
    }
    .wallet-sq-free-credit .label-freecredit{
        font-size: 0.7rem;
        /*        margin-top: 5px;*/
        text-shadow: 0px 0px 0.7px #000000;
    }
    .wallet-sq-free-credit .btn-cashback {
        height: 22px;
        font-size: 12px;
    }
    .wallet-sq .credit-play {
        width: 80%;
    }


}
@media screen and (max-width: 375px) {
    .main {
        padding-left: 8vw !important;
        padding-right: 8vw !important;
    }
    .wallet-sq-free-credit  .label-freecredit{
        font-size: 0.7rem;
    }
    .wallet-sq .credit-play {
        width: 76%;
    }


}
@media screen and (max-width: 350px) {
    .wallet-sq-free-credit  .label-freecredit{
        font-size: 0.7rem;
        line-height: 1.5rem;
    }
    .h-responsive{
        font-size: 15px;
    }
    .f-responsive{
        font-size: 15px;
    }
    #form-withdraw .guild-wd {
        font-size: 0.6rem !important;
    }
    .input-gray-rd{
        width: 70% !important;
    }
    .tag-countdown {
        left: 29%;
        top: 38%;
        width: 56%;
    }
    .sector-bank p {
        font-size: 13px !important;
    }
    .f-responsive{
        font-size: 13px !important;
    }
    .wallet-sq-free-credit .btn-cashback{
        font-size: 12px;
    }
    .wallet-sq .turnover-display {
        font-size: 10px;
    }
    .input-gray-rd{
        width: 52%;
    }
}
/* galaxy ford */
@media screen and (max-width: 280px) {
    .main {
        padding: 62px 24px !important;
    }

    .wallet-sector{
        padding-right: 0.2rem;
        padding-left: 0.2rem;
    }
    .wallet-sq h2{
        font-size: 22px;
        line-height: 2!important;
    }
    .wallet-sq .credit-play {
        width: 90%;
    }
    .topbar-mobile--menu span{
        font-size: 12px;
    }
    .menu-lobby {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .sector-bank p{
        font-size: 10px !important;
    }

    .f-responsive{
        font-size: 10px !important;
    }
    #btn-copy-accno{
        width: 65%;
    }
    .tag-countdown{
        left: 28%;
        top: 52%;
        width: 57%;
        font-size:0.5rem;
    }

    #form-withdraw .guild-wd{
        font-size: 0.6rem !important;
    }
    .input-gray-rd{
        width: 70% !important;
    }
    .wallet-sq-free-credit .btn-cashback img {
        text-align: center;
        width: 15px;
        margin-top: -5px;
    }
    .wallet-sq .col-8{
        padding-left: 0;
        font-size: 26px;
    }
    .wallet-sq-free-credit .label-freecredit{
        font-weight: bolder;
        color: black;
        font-size: 0.6rem;
        line-height: 32px;
        margin-top: 0px;
    }
    .wallet-sq-free-credit .btn-cashback{
        height: 23px;
    }
    .wallet-sq-free-credit {

        padding-bottom: 0px;
    }
    .form-cpassword .password-guild{
        font-size: 0.6em;
    }
    .text-rd-gray::placeholder { /* Most modern browsers support this now. */
        font-size: 0.6em;
    }
    .guild-profile{
        font-size: 0.5em;
    }
    .card-profile p{
        font-size: 0.5em;
    }

}



@media screen and (max-height: 900px) {
    .menu-lobby{
        margin-top:8%;
    }
    .prm_slide{
        margin-top:8%;
    }

}
@media screen and (max-height: 800px) {
    .menu-lobby{
        margin-top:0;
    }
    .prm_slide{
        margin-top:0;
    }
    .home--menu{
        margin-top: 0.2rem !important;
        margin-bottom: 0.2rem !important;
    }
    .main {
        padding-left: 3vh!important;
        padding-right: 3vh!important;

    }
    .home--menu {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
    .home--menu span{
        font-size: 0.7rem !important;
    }

}
@media screen and (max-height: 700px) {
    .wallet-sq{
        width: 95%;
    }
    .main {
        padding-left: 4vh!important;
        padding-right: 4vh!important;
    }
    .wallet-sq .margin-top-6p {
        margin-top: 0%;
    }
    .menu-lobby{
        margin-top:0%;
    }
    .prm_slide{
        margin-top:1%;
    }
    .home--menu {
        margin-top: 0rem !important;
        margin-bottom:0rem !important;
    }
}
@media screen and (max-height: 670px) {

    .main {
        padding-left: 4.3vh!important;
        padding-right: 4.3vh!important;
    }
}
@media screen and (max-height: 600px) {
    .menu-lobby{
        margin-top:0;
    }
    .prm_slide{
        margin-top:4%;
    }
    .main {
        padding-left: 27px !important;
        padding-right: 27px !important;
    }
    .menu-lobby span{
        font-size: 2vh!important;
    }
    .main {
        padding-left: 4vh!important;
        padding-right: 4vh!important;
    }
}
.bg-body-daily{
    padding-top: 20px;
    background-image: url("../images/background/bg-daily.jpg");
    min-height: 100%;
    background-position: center center;
    /*background-repeat: no-repeat;*/
    background-size: 100% 100%;
}
.sector-daily{
    padding: 7%;
}
.sector-daily .content-dairy{
    justify-content: space-evenly;
    /*position: relative;*/
}

.sector-daily .sector-item-daily{
    padding: 6px;
    width: 100%;
}
.sector-daily .card-item-daily{
    border: 1px solid #595959;
    border-radius: 15px;
}
/*.sector-daily .card-item-daily .{
    background: #181818;
}*/
.sector-daily .card-item-daily .received- img{
    background: #181818;
}
.sector-daily .card-body-daily{
    background: #414141;
    border-top-right-radius:15px;
    border-top-left-radius:15px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    background-position: center;
    position: relative;
    height: 80px;
}
/*.sector-item-daily  .received{
*/

.sector-daily .card-body-daily .img{
    width: 70%;
    position: absolute;
    top: 0;
    left: 0;
}
.sector-daily .card-body-daily .item{
    left: 0;
    right: 0;
    top: 6px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
.sector-daily .card-body-daily .received{
    left: 0;
    right: 0;
    top: 6px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}
.sector-daily .card-body-daily .focus{
    background: #414141;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 80% auto;
    background-position: center;
}

.sector-daily .flgreceived .card-body-daily {
    background: #181818;
}
.sector-daily .flgreceived .card-footer-daily {
    background: #181818;
}
.sector-daily .flgreceived .card-body-daily .item{
    filter: brightness(50%);
}
.sector-daily .card-body-daily img.img-sq{
    width: 80%;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    z-index: 10;
}
.sector-daily .card-body-daily img.received{
    /*    position: relative;
        width: 100%;*/
}

.sector-daily .card-body-daily img.received::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px); /* เปลี่ยนค่าตามที่ต้องการ */
    opacity: 0.5; /* เปลี่ยนค่าตามที่ต้องการ */
}
.sector-daily .card-footer-daily{
    padding: 1px;
    font-size: 9px;
    text-align: center;
    color: white;
    border-top: solid 1px #595959;
    background: #2F2F2F;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    width: 100%;
}


.neon h4, .text-neon {
    margin: 1rem auto;
    animation: neon 1s ease infinite;
}
@keyframes neon {
    0%,
    100% {
        text-shadow: 0 0 10px #ef00e3a8, 0 0 20px #ef00e3a8, 0 0 20px #ef00e3a8, 0 0 20px #ef00e3a8, 0 0 2px #fed128, 2px 2px 2px #806914;
        color: #f5efcb;
    }
    50% {
        text-shadow: 0 0 2px #800e0b, 0 0 5px #800e0b, 0 0 5px #800e0b, 0 0 5px #800e0b, 0 0 2px #800e0b, 4px 4px 2px #40340a;
        color: #eda0d3;
    }
}

.modal-result{
    background: #000000b3;
}
.modal.fade .modal-dialog.modal-dialog-zoom {
    -webkit-transform: translate(0,0)scale(.5);
    transform: translate(0,0)scale(.5);
}
.modal.show .modal-dialog.modal-dialog-zoom {
    -webkit-transform: translate(0,0)scale(1);
    transform: translate(0,0)scale(1);
}

.btn.chang-deposit{
    padding: 8px;
    background: #f4e2d2;
    /* width: 140px; */
    dddd: ;
    border-radius: 14px;
    border: solid 1px #cdcdcd;
    width: 88px;
    margin: auto;
}
.btn.chang-deposit span{
    position: absolute;
    bottom: 8px;
    text-align: center;
    color:black;
    font-size: 0.5rem;
}

.btn.chang-deposit.active{
    background: linear-gradient(to bottom, #2a2a2a 0%,#424242 50%,#000000 100%);
}
.btn.chang-deposit.active span{
    color: white;
    font-weight: bold;
}
.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #FFF;
}

.separator:not(:empty)::before {
    margin-right: .25em;
}

.separator:not(:empty)::after {
    margin-left: .25em;
}