.v-image__image--contain {
    background-size: contain;
}
.v-image__image {
    background-repeat: no-repeat;
}
.v-image__image,
.v-image__placeholder {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.select-bank {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 10px;
    color: #000;
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    opacity: 0.95;
}
.card-circle {
    border-radius: 50px !important;
    padding: 5px;
    border: 1px solid #fff !important;
}
.v-responsive__sizer {
    transition: padding-bottom 0.2s cubic-bezier(0.25, 0.8, 0.5, 1);
    flex: 1 0 0px;
}
.v-image__image--cover {
    background-size: cover;
}

.v-image__image {
    background-repeat: no-repeat;
}
body {
    margin: 0;
    font-family: "Sarabun", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #f3f3f3;
    background-color: #1c050e;
}
p {
    font-size: 17px;
}

.coin-main.right {
    right: -35px;
}

.coin-main {
    display: block;
    position: absolute;
}

.coin-main.left {
    left: -35px;
}
.coin-main {
    display: block;
    position: absolute;
}
.mainlogin {
    background: url(../img/www.jpg) top no-repeat;
    background-size: cover;
    margin: 0;
    height: auto;
    /* min-height: 300px; */
    width: 100%;
}

.fullbg {
    background: linear-gradient(158deg, #1a1a1a, #2e2e2e 48%, #1a1a1a 96%)
}
.text-right {
    text-align: right;
}
.v-btn {
    padding: 8px 20px;
    min-width: 64px;
    color: #fff;
    border-radius: 30px;
    border: 1px solid #fff;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.greenLine {
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
    border-radius: 20px;
    color: #fff;
}
.mAuto {
    margin: auto;
}
.w100 {
    width: 100%;
}

.box-regis {
    border-radius: 20px 20px 0 0;
    border-radius: 1em;
    display: block;
    margin: auto;
    text-align: center;
    max-width: 400px;
}
.justify-center {
    justify-content: center !important;
}
.align-center {
    align-items: center !important;
}
.flex-column {
    flex-direction: column !important;
}

.box-login,
.box-regis,
.box-regis a {
    color: #fff;
    padding: 8px;
}

.sub-title {
    font-weight: 400;
    font-size: 1.7em;
}

.box-login h2 {
    font-size: 2.2em;
}

.btn-login {
    min-width: 250px !important;
}

.isShadow {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14),
        0 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
}

.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: #000;
    text-align: center;
    height: 1.5em;
    opacity: 0.5;
    margin: 15px 0;
    width: 100%;
    margin-bottom: 15px;
}

.hr-text:before {
    content: "";
    background: #818078;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}

.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: #000;
    padding: 0 0.5em;
    color: #373737;
    background-color: #e0bc37;
    position: absolute;
    top: -9px;
    left: 44%;
}

.yellowBtn {
    background: #373737;
    box-shadow: 0 6px 6px -3px rgb(0 0 0 / 20%), 0 10px 14px 1px rgb(0 0 0 / 14%), 0 4px 18px 3px rgb(0 0 0 / 12%) !important;
    color: #fbc02d !important;
    border: unset !important;
    border-radius: 30px;
    height: 52px;
}

.yellowBtn i{
    font-size: 20px;
    padding-top: 4px;
}

.whiteBtn {
    background-color: #fff !important;
    border-color: #fff !important;
}



.bt-jackpot span {
    color: #000;
    font-size: 150%;
    padding-left: 10px;
    font-weight: 400;
}

.v-btn:before {
    border-radius: inherit;
    bottom: 0;
    color: inherit;
    content: "";
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1);
    background-color: currentColor;
}

.noBorder {
    border: 0px solid transparent;
}

.noBorderRadius {
    border-radius: 0px;
}

.flexStartCenter {
    align-items: center;
    justify-content: flex-start;
    display: flex;
}

.v-btn__content {
    align-items: center;
    color: inherit;
    display: flex;
    flex: 1 0 auto;
    justify-content: inherit;
    line-height: normal;
    position: relative;
}

.bt-jackpot {
    border-radius: 0 0 20px 20px;
    background: linear-gradient(180deg, #e0bc37, #b98226 80%) !important;
    border: 0px solid transparent;
}



.boxTB {
    background: #fff;
    border-radius: 15px;
    color: rgba(0, 0, 0, 0.6);
    height: 100%;
    border-bottom: 0px solid transparent;
    border-top: 1px solid rgba(0, 0, 0, 0.6);
}

.table > :not(:first-child) {
    border-top: 2px solid #dbdbdb;
}
/* tr:last-child>th {
    border-bottom: 2px solid #dbdbdb!important;
} */
.table > thead > tr > th {
    border-bottom: 2px solid #dbdbdb;
}

.cYell {
    background-color: #fbc02d !important;
    border-color: #fbc02d !important;
    color: #fff;
}
.coYell {
    color: #fbc02d;
}
.boxTB tr > th,
.boxTB tr > td {
    padding: 15px;
    color: rgb(76 76 76 / 60%) !important;
    font-weight: 500;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.boxTB tr > th:last-child,
.boxTB tr > td:last-child,
.boxTB tr:first-child > th {
    border-right: 0 solid #ddd;
}

.cPur {
    background-color: #930102 !important;
    border-color: #930102 !important;
}

.coPur {
    color: #930102 !important;
}

.coPurL {
    color: #930102 !important;
}

.v-badge__badge {
    border-radius: 19px;
    color: #fff;
    font-size: 13px;
    height: 20px;
    letter-spacing: 0;
    padding: 2px 9px;
    pointer-events: auto;
    text-align: center;
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
    white-space: nowrap;
    font-weight: 500;
}

.flags-sm {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    background-size: cover;
}

.flag-icon-baac {
    background-image: url(../img/baac.c52d591.svg);
    background-color: #13007d;
}

.flag-icon-gsb {
    background-image: url(../img/gsb.5620a6e.svg);
    background-color: #f90a86;
}

.flag-icon {
    position: relative;
    display: inline-block;
    padding-top: 3px;
}

.flag-icon,
.flag-icon-background {
    background-position: 50%;
    background-repeat: no-repeat;
    /* top: 5px; */
}

.flag-icon-vn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLXZuIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNLTg1LjMgMGg2ODIuNnY1MTJILTg1LjN6Ii8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODApIHNjYWxlKC45Mzc1KSI+CiAgICA8cGF0aCBmaWxsPSIjZWMwMDE1IiBkPSJNLTEyOCAwaDc2OHY1MTJoLTc2OHoiLz4KICAgIDxwYXRoIGZpbGw9IiNmZjAiIGQ9Ik0zNDkuNiAzODFMMjYwIDMxNC4zbC04OSA2Ny4zTDIwNCAyNzJsLTg5LTY3LjcgMTEwLjEtMSAzNC4yLTEwOS40TDI5NCAyMDNsMTEwLjEuMS04OC41IDY4LjQgMzMuOSAxMDkuNnoiLz4KICA8L2c+Cjwvc3ZnPgo=);
}

.flag-icon-la {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWxhIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNMCAwaDY0MHY0ODBIMHoiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1wYXRoPSJ1cmwoI2EpIj4KICAgIDxwYXRoIGZpbGw9IiNjZTExMjYiIGQ9Ik0tNDAgMGg3MjB2NDgwSC00MHoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDI4NjgiIGQ9Ik0tNDAgMTE5LjNoNzIwdjI0MS40SC00MHoiLz4KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik00MjMuNCAyNDBhMTAzLjQgMTAzLjQgMCAxIDEtMjA2LjggMCAxMDMuNCAxMDMuNCAwIDEgMSAyMDYuOCAweiIvPgogIDwvZz4KPC9zdmc+Cg==);
}
.flag-icon-my {
    background-image: url(../img/my.15886f5.svg);
}

.flag-icon-jp {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWpwIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNLTg4IDMyaDY0MHY0ODBILTg4eiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCIgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4OCAtMzIpIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMTI4IDMyaDcyMHY0ODBoLTcyMHoiLz4KICAgIDxlbGxpcHNlIGN4PSI1MjMuMSIgY3k9IjM0NC4xIiBmaWxsPSIjZDMwMDAwIiByeD0iMTk0LjkiIHJ5PSIxOTQuOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2OC40IDguNikgc2NhbGUoLjc2NTU0KSIvPgogIDwvZz4KPC9zdmc+Cg==);
}

.flag-icon-cn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iZmxhZy1pY29uLWNzcy1jbiIgdmlld0JveD0iMCAwIDY0MCA0ODAiPgogIDxkZWZzPgogICAgPHBhdGggaWQ9ImEiIGZpbGw9IiNmZmRlMDAiIGQ9Ik0tLjYuOEwwLTEgLjYuOC0xLS4zaDJ6Ii8+CiAgPC9kZWZzPgogIDxwYXRoIGZpbGw9IiNkZTI5MTAiIGQ9Ik0wIDBoNjQwdjQ4MEgweiIvPgogIDx1c2Ugd2lkdGg9IjMwIiBoZWlnaHQ9IjIwIiB0cmFuc2Zvcm09Im1hdHJpeCg3MS45OTkxIDAgMCA3MiAxMjAgMTIwKSIgeGxpbms6aHJlZj0iI2EiLz4KICA8dXNlIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCIgdHJhbnNmb3JtPSJtYXRyaXgoLTEyLjMzNTYyIC0yMC41ODcxIDIwLjU4Njg0IC0xMi4zMzU3NyAyNDAuMyA0OCkiIHhsaW5rOmhyZWY9IiNhIi8+CiAgPHVzZSB3aWR0aD0iMzAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0ibWF0cml4KC0zLjM4NTczIC0yMy43NTk5OCAyMy43NTk2OCAtMy4zODU3OCAyODggOTUuOCkiIHhsaW5rOmhyZWY9IiNhIi8+CiAgPHVzZSB3aWR0aD0iMzAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0ibWF0cml4KDYuNTk5MSAtMjMuMDc0OSAyMy4wNzQ2IDYuNTk5MTkgMjg4IDE2OCkiIHhsaW5rOmhyZWY9IiNhIi8+CiAgPHVzZSB3aWR0aD0iMzAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0ibWF0cml4KDE0Ljk5OTEgLTE4LjczNTU3IDE4LjczNTMzIDE0Ljk5OTI5IDI0MCAyMTYpIiB4bGluazpocmVmPSIjYSIvPgo8L3N2Zz4K);
}

.flag-icon-hk {
    background-image: url(../img/hk.2d9d8de.svg);
}
.flag-icon-tw {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLXR3IiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNMCAwaDY4Mi43djUxMkgweiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCIgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InNjYWxlKC45Mzc1KSI+CiAgICA8cGF0aCBmaWxsPSIjZmUwMDAwIiBkPSJNMCAwaDc2OHY1MTJIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAwOTUiIGQ9Ik0wIDBoMzg1Ljd2MjU2SDB6Ii8+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjgyLjEgMTc4LjZsLTQ3LjMtOS44IDEwIDQ3LjMtMzYtMzIuMS0xNSA0Ni0xNS4yLTQ1LjktMzYgMzIuNCA5LjgtNDcuNC00Ny4yIDEwLjEgMzItMzYuMS00Ni0xNSA0Ni0xNS4yLTMyLjQtMzUuOCA0Ny4zIDkuNy0xMC00Ny4zIDM2IDMyLjEgMTUtNDYgMTUuMiA0NS45IDM1LjktMzIuNC05LjcgNDcuNCA0Ny4yLTEwLjEtMzIgMzYuMSA0NS45IDE1LTQ1LjkgMTUuMnoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDAwOTUiIGQ9Ik0yMzguNSAxNzVsLTE1IDcuOS0xNC41IDguNi0xNy0uNi0xNi45LjItMTQuMy05TDE0NiAxNzRsLTgtMTUtOC42LTE0LjUuNi0xNi44LS4yLTE3IDktMTQuMiA4LjMtMTQuOCAxNC45LTcuOSAxNC42LTguNiAxNi45LjYgMTctLjIgMTQuMyA5IDE0LjcgOC4yIDggMTQuOSA4LjYgMTQuNS0uNiAxNi45LjIgMTYuOS05IDE0LjN6Ii8+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjQ0LjYgMTI4LjNhNTEuOSA1MS45IDAgMSAxLTEwMy43IDAgNTEuOSA1MS45IDAgMCAxIDEwMy43IDB6Ii8+CiAgPC9nPgo8L3N2Zz4K);
}

.flag-icon-kr {
    background-image: url(../img/kr.e3fda63.svg);
}

.flag-icon-th {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLXRoIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNmNGY1ZjgiIGQ9Ik0wIDBoNjQwdjQ4MEgweiIvPgogICAgPHBhdGggZmlsbD0iIzJkMmE0YSIgZD0iTTAgMTYyLjVoNjQwdjE2MEgweiIvPgogICAgPHBhdGggZmlsbD0iI2E1MTkzMSIgZD0iTTAgMGg2NDB2ODIuNUgwem0wIDQwMGg2NDB2ODBIMHoiLz4KICA8L2c+Cjwvc3ZnPgo=);
}

.flag-icon-in {
    background-image: url(../img/in.e5926cb.svg);
}

.flag-icon-us {
    background-image: url(../img/us.3cc0d38.svg);
}

.flag-icon-gb {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWdiIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNLTg1LjMgMGg2ODIuNnY1MTJILTg1LjN6Ii8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwKSBzY2FsZSguOTQpIj4KICAgIDxnIHN0cm9rZS13aWR0aD0iMXB0Ij4KICAgICAgPHBhdGggZmlsbD0iIzAxMjE2OSIgZD0iTS0yNTYgMEg3Njh2NTEySC0yNTZ6Ii8+CiAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjU2IDB2NTcuMkw2NTMuNSA1MTJINzY4di01Ny4yTC0xNDEuNSAwSC0yNTZ6TTc2OCAwdjU3LjJMLTE0MS41IDUxMkgtMjU2di01Ny4yTDY1My41IDBINzY4eiIvPgogICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTcwLjcgMHY1MTJoMTcwLjZWMEgxNzAuN3pNLTI1NiAxNzAuN3YxNzAuNkg3NjhWMTcwLjdILTI1NnoiLz4KICAgICAgPHBhdGggZmlsbD0iI2M4MTAyZSIgZD0iTS0yNTYgMjA0Ljh2MTAyLjRINzY4VjIwNC44SC0yNTZ6TTIwNC44IDB2NTEyaDEwMi40VjBIMjA0Ljh6TS0yNTYgNTEyTDg1LjMgMzQxLjNoNzYuNEwtMTc5LjcgNTEySC0yNTZ6bTAtNTEyTDg1LjMgMTcwLjdIOUwtMjU2IDM4LjJWMHptNjA2LjQgMTcwLjdMNjkxLjcgMEg3NjhMNDI2LjcgMTcwLjdoLTc2LjN6TTc2OCA1MTJMNDI2LjcgMzQxLjNINTAzbDI2NSAxMzIuNVY1MTJ6Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K);
}

.flag-icon-ru {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLXJ1IiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCI+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDY0MHY0ODBIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDM5YTYiIGQ9Ik0wIDE2MGg2NDB2MzIwSDB6Ii8+CiAgICA8cGF0aCBmaWxsPSIjZDUyYjFlIiBkPSJNMCAzMjBoNjQwdjE2MEgweiIvPgogIDwvZz4KPC9zdmc+Cg==);
}

.flag-icon-de {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWRlIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0iTTAgMzIwaDY0MHYxNjBIMHoiLz4KICA8cGF0aCBkPSJNMCAwaDY0MHYxNjBIMHoiLz4KICA8cGF0aCBmaWxsPSIjZDAwIiBkPSJNMCAxNjBoNjQwdjE2MEgweiIvPgo8L3N2Zz4K);
}

.flag-icon-sg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLXNnIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNMCAwaDY0MHY0ODBIMHoiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1wYXRoPSJ1cmwoI2EpIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMjAgMGg3MjB2NDgwSC0yMHoiLz4KICAgIDxwYXRoIGZpbGw9IiNkZjAwMDAiIGQ9Ik0tMjAgMGg3MjB2MjQwSC0yMHoiLz4KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNDYgNDAuMmE4NC40IDg0LjQgMCAwIDAgLjggMTY1LjIgODYgODYgMCAwIDEtMTA2LjYtNTkgODYgODYgMCAwIDEgNTktMTA2YzE2LTQuNiAzMC44LTQuNyA0Ni45LS4yeiIvPgogICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEzMyAxMTBsNC45IDE1LTEzLTkuMi0xMi44IDkuNCA0LjctMTUuMi0xMi44LTkuMyAxNS45LS4yIDUtMTUgNSAxNWgxNS44em0xNy41IDUybDUgMTUuMS0xMy05LjItMTIuOSA5LjMgNC44LTE1LjEtMTIuOC05LjQgMTUuOS0uMSA0LjktMTUuMSA1IDE1aDE2em01OC41LS40bDQuOSAxNS4yLTEzLTkuMy0xMi44IDkuMyA0LjctMTUuMS0xMi44LTkuMyAxNS45LS4yIDUtMTUgNSAxNWgxNS44em0xNy40LTUxLjZsNC45IDE1LjEtMTMtOS4yLTEyLjggOS4zIDQuOC0xNS4xLTEyLjktOS40IDE2LS4xIDQuOC0xNS4xIDUgMTVoMTZ6bS00Ni4zLTM0LjNsNSAxNS4yLTEzLTkuMy0xMi45IDkuNCA0LjgtMTUuMi0xMi44LTkuNCAxNS44LS4xIDUtMTUuMSA1IDE1aDE2eiIvPgogIDwvZz4KPC9zdmc+Cg==);
}

.flag-icon-eg {
    background-image: url(../img/eg.16bee48.svg);
}

.isInput-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid #ced4da;
}

.isInput-group-text.isIn {
    border-radius: 0;
    border: unset;
    border-bottom: 1px solid #ced4da;
}

.container-game {
    background-color: #3a2371;
    background-image: url(../img/landing-banner-site.jpg);
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: inherit;
    min-height: 850px;
    max-height: 890px;
    width: 100%;
    border-top: 2px solid #7563f3;
}

.container-game .content-button h1,
.container-game .content-button h2 {
    text-shadow: 2px 2px 5px #0f0f39, -2px -2px 5px #0f0f39, 2px -2px 5px #0f0f39, -2px 2px 5px #0f0f39;
}

.container-game .content-button h1 {
    font-size: 350%;
    margin-bottom: 0;
    line-height: 1;
}
.amber--text {
    color: #ffc107 !important;
    caret-color: #ffc107 !important;
}

.container-game .content-button h1,
.container-game .content-button h2 {
    text-shadow: 2px 2px 5px #0f0f39, -2px -2px 5px #0f0f39, 2px -2px 5px #0f0f39, -2px 2px 5px #0f0f39;
}

.white--text {
    color: #fff !important;
    caret-color: #fff !important;
}

.container-game .content-button {
    margin-top: 100px;
}

.button.button-block {
    display: block;
}
.container-game .content-button .button {
    margin: auto;
}
.button.button-animated {
    background: url(../img/pink-line1.png) no-repeat, -webkit-linear-gradient(top, #fff, #ff57c9 12%, #8a005e);
    will-change: background-position;
    background-size: 400px 41px;
    -webkit-animation: slide-data 2s steps(60) infinite;
    animation: slide-data 2s steps(60) infinite;
}

.button.button-xl {
    height: 70px;
    font-size: 37px;
    line-height: 58px;
    padding: 0 40px;
    border-radius: 32px;
    border-bottom-width: 5px;
    background-size: 400px 66px;
}

@keyframes slide-data {
    0% {
        background-position: 500px;
    }
    90% {
        background-position: -500px;
    }
    100% {
        background-position: -500px;
    }
}
.button {
    display: inline-block;
    position: relative;
    height: 33px;
    line-height: 33px;
    width: auto;
    font-size: 20px;
    text-decoration: none !important;
    text-shadow: none;
    white-space: nowrap;
    color: #fff !important;
    border-radius: 25px;
    border: 0;
    text-align: center;
    background-color: #ff57c9;
    background: -o-linear-gradient(top, #fff 0, #ff57c9 12%, #8a005e 100%);
    box-shadow: inset 0 3px 6px 2px #ff73f5, 0 0 5px rgba(0, 0, 0, 0.6) !important;
    background-size: 400px 41px;
    border-bottom: 4px solid #810062 !important;
    padding: 0 25px;
    outline: none;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    cursor: pointer;
}

.v-sheet.v-card:not(.v-sheet--outlined) {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.v-sheet.v-card {
    border-radius: 4px;
}

.theme--light.v-card {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.87);
}
.card-game {
    overflow: hidden;
}
 

.v-sheet:not(.v-sheet--outlined) {
    box-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%);
}
.theme--light.v-sheet {
    background-color: #fff;
    border-color: #fff;
    color: rgba(0, 0, 0, 0.87);
}

.theme--light.v-card .v-card__subtitle,
.theme--light.v-card > .v-card__text {
    color: rgba(0, 0, 0, 0.6);
}

.v-card__title + .v-card__subtitle {
    margin-top: -16px;
}

.v-card__title + .v-card__subtitle,
.v-card__title + .v-card__text {
    padding-top: 0;
}

.v-card__subtitle,
.v-card__text,
.v-card__title {
    padding: 14px;
}

.v-card__subtitle,
.v-card__text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0.0071428571em;
}

.v-card__title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.0125em;
    line-height: 2rem;
    word-break: break-all;
}

.v-card {
    border-width: thin;
    display: block;
    max-width: 100%;
    outline: none;
    text-decoration: none;
    transition-property: box-shadow, opacity;
    word-wrap: break-word;
    position: relative;
    white-space: normal;
}
.v-sheet {
    border-radius: 0;
}
/* .fill-height {
    height: 100%;
} */
.v-card--reveal,
.v-card--reveal1,
.v-card--reveal2 {
    align-items: center;
    bottom: 0;
    justify-content: center;

    position: absolute;
    width: 100%;
    opacity: 0;
}

.transition-fast-in-fast-out {
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.deep-purple {
    background-color: #673ab7 !important;
    border-color: #673ab7 !important;
}

.v-image__image--cover {
    background-size: cover;
}

.v-image__image {
    background-repeat: no-repeat;
}
.v-image__image,
.v-image__placeholder {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.v-card > .v-card__progress + :not(.v-btn):not(.v-chip),
.v-card > :first-child:not(.v-btn):not(.v-chip) {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.theme--light.v-image {
    color: rgba(0, 0, 0, 0.87);
}
.v-responsive {
    position: relative;
    overflow: hidden;
    flex: 1 0 auto;
    max-width: 100%;
    display: flex;
}
.v-image {
    z-index: 0;
}

.button.button-lg {
    border-radius: 40px;
    height: 55px;
    font-size: 30px;
    line-height: 58px;
    padding: 0 30px;
    border-bottom-width: 5px;
    background-size: 400px 66px;
}

.button:active,
.button:hover {
    box-shadow: inset 0 3px 6px 2px #ff73f5, 0 0 12px 5px rgba(255, 115, 245, 0.5) !important;
    text-shadow: 0 0 6px #fff;
}
.button:hover {
    background: -moz-linear-gradient(top, #fff 0, #ff5fd3 12%, #df00a1 100%);
    border-bottom: 4px solid #ac007c;
    color: #fff !important;
}

@media (max-width: 426px) {
    .twbox .istab {
        padding: 11px !important;
    }
    .container-game {
        background-image: url(../img/landing-banner-mobile.jpg);
        background-size: cover !important;
        min-height: 600px;
    }
}

@media (max-height: 400px) and (orientation: landscape), (max-width: 600px) and (orientation: portrait) {
    .container-game {
        background-image: url(./img/landing-banner-mobile.jpg);
        background-size: cover !important;
        min-height: 600px;
    }
}

.card-game:hover .v-card--reveal,
.card-game1:hover .v-card--reveal1,
.card-game2:hover .v-card--reveal2 {
    opacity: 0.95;
}

.container-game {
    background-color: #3a2371;
    background-image: url(../img/landing-banner-site.jpg);
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: inherit;
    min-height: 850px;
    max-height: 890px;
    width: 100%;
    border-top: 2px solid #7563f3;
}

.v-application--wrap {
    flex: 1 1 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    max-width: 100%;
    position: relative;
    z-index: 3;
}

.mainbg {
    /* background: linear-gradient(158deg, #401877, #3e2376 48%, #512292 96%);
     */
    background: linear-gradient(158deg, #1a1a1a, #2e2e2e 48%, #1a1a1a 96%);
    width: 100%;
    min-height: 100vh;
    left: 0;
    position: relative;
    z-index: 1;
    display: flex;
    text-align: inherit;
}

.mainbg:after,
.mainbg:before {
    content: "";
    width: 100%;
    position: absolute;
    z-index: 0;
}
.mainbg:before {
    background: url(../img/gradiant-top.svg) top no-repeat;
    background-size: 100% auto;
    min-height: 100vh;
    height: auto;
}

.child-flex > *,
.flex {
    flex: 1 1 auto;
    max-width: 100%;
}

.mainbg:after {
    /*background: url(../img/gradiant-bottom.svg) bottom no-repeat;*/
    background-size: 60% auto;
    bottom: 0;
    height: 100vh;
}

img {
    max-width: 100%;
}

.dsFlex {
    display: inline-flex;
}

.select-bank label {
    overflow: hidden;
    cursor: pointer;
    max-width: 100%;
}
.v-responsive__sizer {
    transition: padding-bottom 0.2s cubic-bezier(0.25, 0.8, 0.5, 1);
    flex: 1 0 0px;
}

.middle-box {
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Sarabun;
    color: #fff;
}

.middle-box .row {
    justify-content: center;
}
.box-text {
    background: rgb(82 82 82 / 30%);
    border-radius: 20px;
    padding: 30px 0;
    max-width: 700px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    margin: auto;
}
.box-text.s1024,.s1024 {
    max-width: 1024px;
    margin-top: 5%;
}

.s1024C {
    max-width: 1024px;
   
}

@media screen and (max-height: 540px) {
    .foot-btn {
        position: relative;
        background-image: none;
    }
}

.foot-btn {
    padding-top: 30px;
    max-width: 300px;
    margin: auto;
}

.vBig {
    font-size: 1.5em;
    line-height: 1.5em;
    letter-spacing: normal;
    margin-bottom: 3px;
    padding: 0 20px;
    width: 100%;
    height: 52px;
}

.foot-btn .next-btn {
    font-size: 1.5em;
    line-height: 1.5em;
    letter-spacing: normal;
    margin-bottom: 3px;
    padding: 0 20px;
    background: linear-gradient(256.37deg, #e0bc37 20.91%, #b98226 84.72%), #b98226;
    color: #fff;
    /* background: linear-gradient(256.37deg, #b950ea 20.91%, #7563f3 84.72%), #1b1b3f; */
    /* color: hsla(0, 0%, 100%, 0.3) !important; */
    height: 52px;
    border: 0;
    display: flex;
    width: 100%;
}

.v-text-field input {
    flex: 1 1 auto;
    line-height: 20px;
    padding: 8px;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
}

.v-text-field.v-text-field--solo:not(.v-text-field--solo-flat) > .v-input__control > .v-input__slot {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.v-input input {
    max-height: 32px;
}

.v-input__control {
    display: flex;
    flex-direction: column;
    height: auto;
    flex-grow: 1;
    flex-wrap: wrap;
    min-width: 0;
    width: 100%;
}

.inputLog {
    height: 45px;
    background: #ffffff29;
    border-radius: 5px;
    padding: 3px 15px;
    width: 100%;
}

.back-btn {
    font-size: 18px;
}

.flexCenter {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flexCenterEnd {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.placeColorWh::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffff;
    opacity: 1; /* Firefox */
}

.placeColorWh:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ffff;
}

.placeColorWh::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ffff;
}

.lineH17{
    line-height: 13px;
}

.coRed {
    color: #f44336 !important;
}
.btn-secondary:hover,.btn-secondary:focus {
    color: #13007d !important;
    background: transparent !important;
    border-color: transparent!important;
}

.dropdown-divider {
    border-top: 1px groove rgb(202 202 202 / 82%) !important;
    /* margin-bottom: 10px; */
}

ol.list-numsets li::marker {
    position: absolute;
    background: #d6d8db;
    padding: 2px 5px;
    border-radius: 3px;
    font-weight: 700;
    margin-left: -60px;
    min-width: 50px;
    text-align: center;

}

.cGrayLi {
    background: #3a3a3a !important;
    color: #cecece;
    
}

.cRed{
    background-color:  #f44336 !important;
    color: #fff;
}

.hr-sect {
    color: #818078;
}

.hr-text.hr-sect:after {
    background-color: #363636;
}

a.back-btn:hover{
    color: inherit;
}

.btn-hilight-gold {
    min-height: 80px;
    border-radius: 10px;
    background: linear-gradient(180deg, #e0bc37, #b98226 80%);
    height: 100%;
    width: 100%;
}

.page-item.active .page-link {
    background: linear-gradient(180deg, #e0bc37, #b98226 80%);
    border-color: #b98226;
}

.page-item.active .page-link {
    color: #ffffff !important;
}

.page-link {
    color: #b98226 !important;
    background-color: #272727 !important;
    border-color: #000 !important;
}

.coGold {
    color: #b98226;
}

.btn-hilight-gold .btn-name div {
    font-size: 1.5rem;
    font-family: Sarabun;
    color: #fff;
    text-shadow: rgb(0 0 0 / 80%) 1px 1px 2px;
}

.btn-hilight-gold .btn-name div.small {
    display: inline-block;
    font-size: 80%;
    color: #000;
    text-shadow: none;
}

.digit-group .digital-pin {
    width: 40px;
    height: 50px;
    border: none;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    font-family: "Raleway", sans-serif;
    font-weight: 200;
    color: #000;
    margin: 0 2px;
    border-radius: 5px;
    font-family: password;
    display: inline-flex;
}
.v-text-field.v-text-field--solo .v-input__control {
    min-height: 48px;
    padding: 0;
}

.error--text {
    color: #dd2c00 !important;
    caret-color: #dd2c00 !important;
}

.theme--light.v-text-field--solo > .v-input__control > .v-input__slot {
    background: #fff;
    border-radius: 5px;
}

button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
}

.v-btn:not(.v-btn--round).v-size--x-large {
    height: 52px;
    min-width: 92px;
    padding: 0 23px;
    width: 100%;
}

.text-left {
    text-align: left;
}
.digital-pin input {
    max-height: 100% !important;
}

.digital-pin input:focus {
    border: 0 !important;
    text-align: center;
}

.boxPin {
    display: inline-block;
    background: #ffffff;
    border-radius: 20px;
    min-width: 280px;
    margin: 25px;
    color: #000;
    flex-direction: column;
}

.boxGP{
    height: auto;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 10px;
    /* min-height: ; */
}
.boxGP div{
    height: 100%;
}

.boxAlert1 {
    background: #0000004d;
    padding: 20px 20px;
    font-size: 16px;
    text-align: left;
}

.select-bank .text-name {
    line-height: 15px;
    font-size: 12px;
    margin-top: 5px;
    width: 100%;
    text-align: center;
}
.select-bank input {
    display: none;
}
.select-bank input:checked + span {
    color: #fff;
    font-weight: 600;
}

.select-bank input:checked + span:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    background: #bc7408;
    border-radius: 20px;
    color: #fff;
    top: 7px;
    right: 7px;
    font-size: 26px;
    line-height: 1;
    padding: 1px;
    font-weight: 500;
}
.select-bank small{
    color: #8c8c8c !important;
}

/* .select-bank.iss label{
    background-color: #fff;
    border-radius: 5px;
} */
.select-bank.iss{
    display: inline-flex;
  /* height: unset; */
}

.select-bank input:checked + span:after {
    
    background: linear-gradient(158deg, #1a1a1a, #2e2e2e 48%, #1a1a1a 96%);
    position: absolute;
    border: 2px solid #bc7408;
    z-index: -1;
    content: "";
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    border-radius: 8px;
}

.v-btn:not(.v-btn--round).v-size--large {
    height: 44px;
    min-width: 78px;
    padding: 0 20px;
    width: 100%;
}
.btn-addbank {
    border: 1px dashed hsla(0, 0%, 100%, 0.5);
    width: 100%;
    margin-top: 30px;
    border-radius: 0;
}
.v-btn:not(.v-btn--disabled) {
    will-change: box-shadow;
}

.theme--dark.v-app-bar.v-toolbar.v-sheet {
    background-color: #272727;
}

.v-sheet.v-toolbar:not(.v-sheet--outlined) {
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
}

.theme--dark.v-toolbar.v-sheet {
    background-color: #272727;
}

.v-app-bar.v-app-bar--fixed {
    position: sticky;
    top: 0;
    z-index: 5;
}

.v-sheet.v-toolbar {
    border-radius: 0;
}
.v-sheet:not(.v-sheet--outlined) {
    box-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%);
}
.theme--dark.v-sheet {
    background-color: #1e1e1e;
    border-color: #1e1e1e;
    color: #fff;
}

.v-toolbar {
    contain: layout;
    display: block;
    flex: 1 1 auto;
    max-width: 100%;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        left 0.2s cubic-bezier(0.4, 0, 0.2, 1), right 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.25s cubic-bezier(0.4, 0, 0.2, 1),
        width 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
}

@media screen and (max-width: 1903px) {
    .topbar-main {
        max-width: 1161px !important;
        margin: 0 auto;
    }
}
.topbar-main {
    width: 100%;
    height: auto;
    color: #fff;
    /* background: linear-gradient(158deg,#401877,#3e2376 48%,#512292 96%)!important;
     */
    background: linear-gradient(158deg, #1a1a1a, #2e2e2e 48%, #1a1a1a 96%);
    box-shadow: none;
    display: block;
    max-width: 1761px !important;
    margin: 0 auto 10px;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border: 1px solid #1a1a1a;
    border-top: none;
}

.topbar-main .txt-money {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    line-height: 1.3;
    margin-right: 8px;
}

.topbar-main .divider-menu {
    height: 35px;
    border-left: 1px solid hsla(0, 0%, 100%, 0.5);
    display: inline-block;
    margin: 0 8px;
}




 

.nav-item {
    margin: 0px 5px;
    color: #fff;
    font-size: 16px;
}

a {
    color: #ffffff;
    text-decoration: none;
}

.nav-item a:hover{
    color: inherit !important;
}

a.dark {
    color: #292929;
    text-decoration: none;
}

.circleM {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #acacac33;
}

.font-italic {
    font-style: italic !important;
}

.bg-profile .profile-header {
    background: url(../img/bg-header-profile.jpg) bottom no-repeat;
    background-size: cover;
    min-height: 150px;
    border-bottom: 1px solid #1b1b3f;
}
.bg-profile {
    background: #151515;
    border-radius: 10px;
    width: 100%;
    padding: 0;
    color: #fff;
    overflow: hidden;
    border: 1px solid #151515;
}
.bg-profile .profile-picture {
    width: 150px;
    height: 150px;
    margin-top: -75px;
    border-radius: 100px;
    overflow: hidden;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    border: 5px solid #1b1b3f;
    background: #1b1b3f;
}
.theme--light.v-image {
    color: rgba(0, 0, 0, 0.87);
}
.bg-profile .profile-name {
    line-height: 1rem;
    padding: 10px auto;
    margin-bottom: 15px;
}

.v-btn:not(.v-btn--round).v-size--x-small {
    height: 20px;
    min-width: 36px;
    padding: 0 8.8888888889px;
}

.v-chip {
    align-items: center;
    cursor: default;
    display: inline-flex;
    line-height: 20px;
    max-width: 100%;
    outline: none;
    overflow: hidden;
    padding: 0 12px 2px 12px;
    position: relative;
    text-decoration: none;
    transition-duration: 0.28s;
    transition-property: box-shadow, opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 20px;
    margin: 10px 0;
}

.bg-content {
    background: #151718;
    border-radius: 10px;
    width: 100%;
    padding: 10px;
    color: #fff;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.edPro {
    width: 100%;
    border: 0;
    background: #272727;
    border-radius: 0;
}

.edPro.ra {
    border-radius: 0 0 10px 10px;
}

.theme--dark.v-divider {
    border-color: hsla(0, 0%, 100%, 0.12);
}


.cGrayBorder {
    background: #ffffff !important;
    color: #9e9e9e !important;
    border-radius: 30px;
    border:1px solid #9e9e9e !important;
    padding: 3px 10px;
}

.dsNone{
    display: none;
}


.coGray {
    color: #9e9e9e !important;
}
.cGray {
    background: #c4c4c4 !important;
    color: #272727;
}

.cGrayL {
    background: #e6e6e6 !important;
    color: #272727;
}

.cGreyD {
    background: #272727 !important;
    color: #fff !important;
}

.coGreyD {
    color: #272727;
}
.v-list-item__icon{
    width: 30px;
}
.modal-backdrop{
    z-index:1 !important;
}
.formControlInput, .formControlInput:focus{
    color: #fff !important;
}

.inputTextIcon {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    border-radius: 0.25rem;
    width: 50px;
}

.formControlInput {
    border: 0;
    border-bottom: 1px solid rgb(221 221 221 / 78%);
    background-color: transparent;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.formControlInput:focus {
    background-color: transparent;
    box-shadow: unset;
    border-color: #ddd;
}

.borderDott {
    border-bottom: 1px dotted #9e9e9e !important;
}

.tag5 {
    border-radius: 5px;
    margin-right: 5px;
    padding: 3px 5px 3px 8px;
}

.cWhite {
    background-color: #ffffff;
    color: #212529;
}
.coWhite {
    color: #ffffff;
    text-shadow: rgb(0 0 0 / 80%) 1px 1px 2px;
}

.coGreen {
    color: #2eb449!important;

}

.theme--light.v-card.member-basic {
    background: linear-gradient(315deg, #e0bc37, #b98226 80%) !important;
    z-index: 1;
    overflow: hidden;
    color: hsla(0, 0%, 100%, 0.8);
    text-shadow: 1px 1px 0 rgb(0 0 0 / 20%);
    border-radius: 10px;
}

.cBlackRaduis{
    background: linear-gradient(158deg, #1a1a1a, #646464 48%, #1a1a1a 96%) !important;
    text-shadow: none;
    color: #fff !important;
    border: 0;
}

.theme--light.v-card.member-basic .reward-bar {
    background: linear-gradient(158deg, #1a1a1a, #646464 48%, #1a1a1a 96%);
    text-shadow: none;
}

.af-bar .v-chip {
    border-radius: 2px !important;
    margin: 5px;
}

.reward-bar {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 3px 20px;
    margin-left: -5px;
    display: inline-block;
    z-index: 2;
    box-shadow: 1px 1px 0 rgb(0 0 0 / 20%);
}


.line-bar {
    color: #ecbc46;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 10%);
    height: auto;
    display: flex;
    background: rgba(0, 0, 0, 0.3);
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    justify-content: flex-start;
    align-items: center;
    /* position: absolute; */
    bottom: 0;
    width: 100%;
}

.disFlex {
    display: inline-flex;
}

.posiRe {
    position: relative;
}
.bt-jackpot {
    min-height: 100px;
}

.posiAb {
    position: absolute;
    /* right: 0; */
    /* top: 10px; */
}

.boxTip {
    background: rgb(64 64 64 / 82%);
    right: 10px;
    padding: 20px;
    border-radius: 5px;
    text-align: left;
    font-size: 13px;
    top: 25px;
    z-index: 2;
}

.box-yeekee:hover{
    color: inherit !important;
}

.tagSM {
    background-color: #494949 !important;
    color: #e0e0e0 !important;
    font-size: 12px;
    padding: 2px 10px;
}

.box-credit {
    background: linear-gradient(357.54deg, #171717 6.9%, #3c3c3c 61.33%);
    padding: 20px 0 25px;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.f17 {
    font-size: 17px !important;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

.report-bar {
    top: -10px;
    left: 0;
    right: 0;
    width: max-content;
}

.notice-bar {
    width: 100%;
    border-radius: 8px;
    background: linear-gradient(180deg, #e0bc37, #b98226 80%);
    height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10px;
}

.notice-bar .inbar {
    border-radius: 5px;
    background: #252a30;
    color: #fff;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: relative;
}

.notice-bar .in-marquee {
    border-radius: 5px;
    background: #252a30;
    color: #fff;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: relative;
}

.notice-bar .in-marquee span {
    cursor: pointer;
}

.btnHilightRow {
    color: #fbc02d !important;
    border: 1px solid #fbc02d !important;
    background: rgba(30, 40, 52, 0.5);
}

.btn-hilight {
    min-height: 150px;
    border-radius: 10px;
    background: rgba(30, 40, 52, 0.5);
    height: 100%;
    width: 100%;
    display: inline-flex;
    color: #fbc02d !important;
    border: 1px solid #fbc02d !important;
    font-size: 22px;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
    text-align: center;
}

.gold {
    background: linear-gradient(180deg, #e0bc37, #b98226 80%);
}

.bt-game-disable {
    background: hsla(0, 0%, 58%, 0.5) !important;
    color: #fff;
    border: 1px solid #949494 !important;
    cursor: none;
    color: hsla(0, 0%, 100%, 0.3) !important;
}

.f12 {
    font-size: 13px;
}

.coBrown {
    color: #1c050e;
}
.buy-lotto-container{
    background-color: #000;
}

.card-lotto.disable {
    filter: grayscale(1);
}

.card-lotto {
    background: linear-gradient(270deg, #e0bc37, #b98226 80%) !important;
    border-radius: 8px !important;
    width: 100%;
    padding: 10px 8px;
    color: #fff !important;
}

.tagGrey {
    padding: 0 5px;
    font-size: 11px;
    margin: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 7px;
}

.f9 {
    font-size: 9px;
}

.flags-md {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    background-size: cover;
    background-position: 50%;
}

.flag-icon {
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}

.justify-space-between {
    justify-content: space-between !important;
}

.lottoIcon {
    height: 50px;
    min-width: 50px;
    width: 50px;
}

.card-lotto.yeekee {
    background: linear-gradient(270deg, #e0bc37, #b98226 80%) !important;
}
.f28 {
    font-size: 28px;
}

.box-result .box-result-date {
    background-color: #858594 !important;
    border-radius: 10px !important;
    letter-spacing: 1.3px;
}

.box-result .main-result,
.box-result .sub-result {
    border-radius: 10px !important;
    text-align: center;
}

.highlight-result {
    font-size: 46px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ce9f2a !important;
}
.box-result .sub-result {
    background: #333357;
    color: #fff;
}

.borderRight {
    border-right: 1px solid #dadada;
}

.bg-header {
    background: hsla(0, 0%, 100%, 0.1);
    border-radius: 8px;
    margin-top: 10px;
}

.box-yeekee.disable .round-icon {
    text-shadow: rgb(0 0 0 / 20%) 1px 1px 0;
}

.box-yeekee.disable .box-txt .v-chip,
.box-yeekee.disable .round-icon {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.v-card > .v-card__progress + :not(.v-btn):not(.v-chip),
.v-card > :first-child:not(.v-btn):not(.v-chip) {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.box-yeekee .round-icon {
    background: linear-gradient(180deg, #eed33f, #b87a1c);
    color: #000;
    border-radius: 50% !important;
    font-size: 1.8em;
    font-weight: 700;
    text-shadow: hsl(0deg 0% 100% / 30%) 1px 1px 0;
}

.box-yeekee.disable .box-txt span {
    color: rgba(0, 0, 0, 0.3);
}

.box-yeekee {
    background: #3b3b3b;
    border-radius: 8px !important;
    width: 100%;
    padding: 10px;
    color: #fff;
}

.box-yeekee.disable {
    filter: grayscale(100%);
    background: #7d7d7d;
}

.box-yeekee .box-txt .v-chip {
    background: #182029;
    color: #fff;
}

.f28 {
    font-size: 28px;
}

.bt-game {
    background: rgba(30, 40, 52, 0.5);
    color: #fff;
    height: 80px;
    min-height: 80px;
}

.imgBT {
    max-height: 120px;
    max-width: 120px;
    width: 120px;
    margin-left: calc(100% - 120px);
}

.boxBanner {
    background-color: #1e1e1e;
    border-color: #1e1e1e;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 20px 30px;
}
.grow,
.spacer {
    flex-grow: 1 !important;
}

.carousel-indicators {
    bottom: -67px;

    margin-right: unset;
    margin-bottom: 1rem;
    margin-left: unset;
    list-style: none;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    height: 50px;
    width: 100%;
    align-items: center;
    border-radius: 0 0 15px 15px;
}
.carousel-indicators li {
    margin-right: 15px;
    color: #939393;
    cursor: pointer;
}

.carousel-control-next,
.carousel-control-prev {
    width: 50px;
    font-size: 32px;
}

.carousel-indicators li.active i {
    border: 7px solid rgb(123 123 123 / 46%);
    border-radius: 30px;
}

.h100 {
    height: 100%;
}

.slick-slide {
    margin: 0px 10px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.game-box .notice-tab {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.red.darken-1 {
    background-color: #e53935 !important;
    border-color: #e53935 !important;
}

.game-box {
    position: relative;
}

.grey.lighten-2 {
    background-color: #e0e0e0 !important;
    border-color: #e0e0e0 !important;
}

.img-grayscale {
    filter: grayscale(1) sepia(0) blur(0) opacity(0.6);
    cursor: default;
}

.v-image__image--cover {
    background-size: cover;
}
.v-image__image {
    background-repeat: no-repeat;
}
.boxMe {
    background-color: rgba(30, 40, 52, 0.5);
}

.cIconbk {
    width: 60px;
    height: 60px;
    font-size: 22px;
    background: linear-gradient(180deg, #e0bc37, #b98226 80%);
    color: #2d2d2d;
    border-color: unset;
}

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

a:hover {
    color: #000;
}

.tab-af a.active {
    background: linear-gradient(256.37deg, #e0bc37 20.91%, #b98226 84.72%), #b98226 !important;
    text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px !important;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    border-bottom: 4px solid #fff !important;
    padding: 15px 2px !important;
    margin-right: 2px !important;
    width: 100%;
    justify-content: center;
    display: flex;
}

.tab-af {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    background: #151718 !important;
    color: #fff !important;
    /* border: 1px solid #182029!important; */
    /* border-bottom: 4px solid #151718!important; */
    margin-right: 2px !important;
    width: calc(19.75% - 2px);
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.nav-tabs {
    border-bottom: unset;
}

.indigo--text {
    color: #3f51b5 !important;
    caret-color: #3f51b5 !important;
}

.indigo {
    background-color: #3f51b5 !important;
    border-color: #3f51b5 !important;
}

.blue {
    background-color: #2196f3 !important;
    border-color: #2196f3 !important;
    color: #fff;
}

.teal {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

.green {
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
}
.orange--text {
    color: #ffe2b7 !important;
    caret-color: #ff9800 !important;
}

.deep-purple {
    background-color: #673ab7 !important;
    border-color: #673ab7 !important;
}

.blue.lighten-4 {
    background-color: #bbdefb !important;
    border-color: #bbdefb !important;
}

th {
    color: #151515 !important;
}

.radius5px {
    border-radius: 5px;
}

.font-weight-bold {
    font-weight: 900;
}

.align-end{
    align-items: flex-end;
}

.boChip{
    border: 1px solid #545454;
    color: #545454;
}

.isBankCard{
    height: 90px;
    width: 90px;
    margin: auto;
    border-radius: 50%;
    padding: 7px;
    display: inline-flex;
    align-items: center;
}

.cGold {
    background: linear-gradient(256.37deg, #e0bc37 20.91%, #b98226 84.72%), #b98226 !important;
    color: #fff !important;
}

.income-card {
    padding: 10px;
}

.twoCol[aria-expanded="true"] {
    background-color: #ddd;
}

.justify-end {
    justify-content: flex-end;
}

.headline {
    font-size: 27px;
}

.sum-income {
    background: #e8eaf6;
    border: 0.7px solid #3f51b5;
    box-shadow: 0 10px 14px rgb(0 0 0 / 10%);
}

.gj-datepicker-bootstrap [role="right-icon"] button {
    height: 100%;
    border-left: 0 !important;
}

.form-control.noBR {
    border-right: 0;
}

.twoCol {
    justify-content: space-between;
    display: inline-flex;
    align-items: center;
    color: #000;
    width: 100%;
    outline: none;
    padding: 16px 24px;
    position: relative;
    transition: min-height 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
    width: 100%;
}

.flex2Col {
    flex: 50%;
}

.borderB {
    border-bottom: 1px solid #ddd;
}

.v-expansion-panel:before {
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: box-shadow;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.v-expansion-panel {
    flex: 1 0 100%;
    max-width: 100%;
    position: relative;
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

 .blue.lighten-5 {
    background-color: #e3f2fd !important;
    border-color: #e3f2fd !important;
}

.v-sheet.v-card {
    border-radius: 4px;
}
.indigo--text {
    color: #3f51b5 !important;
    caret-color: #3f51b5 !important;
}

.green.lighten-5 {
    background-color: #e8f5e9 !important;
    border-color: #e8f5e9 !important;
}

.green--text {
    color: #4caf50 !important;
    caret-color: #4caf50 !important;
}

.topnumber .v-chip {
    background: linear-gradient(180deg, #e0bc37, #b98226 80%) !important;
    border-radius: 6px !important;
}

.notice-chip {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: -15px;
}

.v-card__title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.0125em;
    line-height: 2rem;
    word-break: break-all;
}

.row-detail .v-subheader {
    color: hsla(0, 0%, 100%, 0.5);
    justify-content: center;
    width: 100%;
    margin-bottom: -10px;
}

.v-subheader {
    align-items: center;
    display: flex;
    height: 48px;
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0 16px;
}

.red {
    background-color: #f44336 !important;
    border-color: #f44336 !important;
}

.v-chip.v-size--default {
    border-radius: 16px;
    font-size: 14px;
    height: 32px;
}

.topnumber .v-chip {
    background: linear-gradient(180deg, #e0bc37, #b98226 80%) !important;
    border-radius: 6px !important;
}

.topnumber .v-card__title {
    padding: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 !important;
}

.v-chip.v-size--small {
    border-radius: 12px;
    font-size: 12px;
    height: 24px;
}

.row-detail .v-subheader {
    color: hsla(0, 0%, 100%, 0.5);
    justify-content: center;
    width: 100%;
    margin-bottom: -10px;
}
.v-divider {
    display: block;
    flex: 1 1 0px;
    max-width: 100%;
    height: 0;
    max-height: 0;
    border: solid;
    border-width: thin 0 0;
    transition: inherit;
}
.blue--text {
    color: #2196f3 !important;
    caret-color: #2196f3 !important;
}

.v-btn.v-size--small {
    font-size: 0.75rem;
}
.f22 {
    font-size: 22px;
}

.topic {
    color: #ffd740;
}

.row-hilight {
    border-left: 5px solid #ecbc46;
    background: hsla(0, 0%, 100%, 0.04);
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}

.row-hilight,
.row-normal {
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    border-right: 1px solid hsla(0, 0%, 100%, 0.1);
    border-radius: 8px;
}

.theme--dark.v-divider {
    border-color: hsla(0, 0%, 100%, 0.12);
}
.v-divider--vertical {
    align-self: stretch;
    border: solid;
    border-width: 0 thin 0 0;
    display: inline-flex;
    height: inherit;
    min-height: 100%;
    max-height: 100%;
    max-width: 0;
    width: 0;
    vertical-align: text-bottom;
}

.row-hilight .v-chip {
    background: linear-gradient(180deg, #e0bc37, #b98226 80%) !important;
    border-radius: 8px;
    font-size: x-large;
    font-weight: 700;
    padding: 20px;
    float: right;
    color: #000;
}

.row-normal .v-chip {
    background: hsla(0, 0%, 100%, 0.05) !important;
    color: #fff;
    border-radius: 8px;
    font-size: x-large;
    font-weight: 700;
    padding: 20px;
    float: right;
}

.row-normal {
    border-left: 1px solid hsla(0, 0%, 100%, 0.1);
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}

.row-hilight small {
    color: hsla(0, 0%, 100%, 0.4) !important;
}

.row-normal small {
    color: hsla(0, 0%, 100%, 0.4) !important;
}

small {
    font-size: 80%;
}

.px-md-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
}
.pa-md-5 {
    padding: 20px !important;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.isTabYee .active ,.isTabYeeKee .active{
    color: #ffd740;
    border-bottom: 1px solid #ffd740;
    width: 100%;
    display: inline-block;
    padding-bottom: 5px;
    
}
.isTabYeeKee {
width: 100%;
    justify-content: space-between;
    padding: 0 15px;
}

.isTabYee {
    width: 768px;
    justify-content: center;
}

.numberRa {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.inTabYee li {
    background-color: #3a2a24 !important;
    border: 2px solid #b98226 !important;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.inTabYee .active {
    background: linear-gradient(256.37deg, #e0bc37 20.91%, #b98226 84.72%), #b98226 !important;
    display: block;
    padding: 10px;
    width: 100%;
}

.btn-rate {
    font-size: 120%;
    display: flex;
    height: 35px!important;
    justify-content: space-between;
    align-items: stretch;
    padding:0 0 0 10px!important;
    width: 100%;
    border-radius: 5px;
}
.btn-rate.active {
    border :3px solid #4caf50;
}

.isRightSm{
    background: #76141e;
    padding: 0 10px;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}

.isRightSmm{
    background: #ff98a3;
    padding: 0 10px;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}

.btn-rate.num3 {
    background: #ee5a69;
}

.bg-button-option {
    background: rgba(0,0,0,.3);
    border-radius: 8px;
    padding: 20px 10px;
    width: 100%;
    color: #fff;
}

.bg-button2 {
    background: #151718!important;
    border-radius: 8px;
    padding: 10px 20px 20px 20px;
    margin-bottom: 5px;
    color: #fff;
}

.bg-button2 .title-box {
    display: flex;
    justify-content: space-between;
    align-content: center;
    border-bottom: 1px solid hsla(0,0%,100%,.1);
    padding-bottom: 3px;
}
.v-application--is-ltr .v-badge__badge {
    right: auto;
}

.v-application .primary {
    background-color: #1976d2 !important;
    border-color: #1976d2 !important;
}

.digit-group span {
    color: hsla(0,0%,100%,.3);
    display: block;
    line-height: 40px;
    text-align: center;
}

.v-text-field.v-text-field--solo:not(.v-text-field--solo-flat)>.v-input__control>.v-input__slot {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
    background: #fff;
}

.digit-group{
    text-align: center;
}

.theme--dark.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
    background-color: hsla(0,0%,100%,.12)!important;
}

.theme--dark.v-btn.v-btn--disabled, .theme--dark.v-btn.v-btn--disabled .v-btn__loading, .theme--dark.v-btn.v-btn--disabled .v-icon {
    color: hsla(0,0%,100%,.3)!important;
}


.rule-row .col:first-child {
    background: #2eb449;
    padding: 0 10px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    border-radius: 5px 5px 0 0;
}

.rule-row .col:first-child strong {
    color: #ffd740;
}
.rule-row div {
    /* background: #fff; */
    color: #000;
}
.rule-row div strong {
    color: #2eb449;
}
.rule-row  {
    border-radius: 5px;
    background: #fff;
}

.btn-expen{
    width: 100%;
margin-right:  10px;
margin-bottom:  10px;
border-radius: 5px;
}

.orange {
    background-color: #ff9800!important;
    border-color: #ff9800!important;
}

.footer-sheets .sub-footer {
    background: linear-gradient(256.37deg,#e0bc37 20.91%,#b98226 84.72%),#b98226;
    width: 100%;
    padding: 5px 5px 30px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-sheets .sub-footer .btn-see-hide .txt {
    width: 90%;
}

.footer-sheets .sub-footer .btn-see-hide .chip-disable {
    background: rgba(0,0,0,.1)!important;
    color: hsla(0,0%,100%,.3);
}

.footer-sheets .sub-footer .btn-see-hide .v-chip {
    padding: 0 8px!important;
    margin-top: 4px;
}

.footer-sheets .btn-addprice, .footer-sheets .v-chip {
    background: linear-gradient(93.6deg,#ff823f 1.18%,#f3bb42 93.22%)!important;
    color: #fff;
    font-weight: 700;
}

.footer-sheets .v-chip {
    text-shadow: rgb(0 0 0 / 10%) 1px 1px 1px;
    margin-bottom: 5px;
}


.v-sheet.v-footer:not(.v-sheet--outlined) {
    box-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%);
}


.footer-sheets {
    background: transparent!important;
    padding: 0;
}

.v-footer--fixed{
    left: 0px; right: 0px; bottom: 0px;position: fixed;
    z-index: 1;
}

.btn-see-hide{
    background-color: rgb(196 164 47)!important;
    box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)!important;
    border: 0px;
    height: 38.8px;
}


 .w280px{
     max-width: 280px !important;
     /* background-color: #fff; */
 }

.modal-content {
    min-height: 100vh;

}

 .mNormal .modal-content {
    min-height: unset;
}

.modal-dialog{
    width: 100%;
    max-width: unset;
    margin: 0;
}

.mNormal .modal-dialog {
    width: auto;
    max-width: 768px;
    margin: auto;
    padding-top: 5%;
}

.tab-pullpoy {
    width: 100%!important;
    margin-bottom: -4px;
}

.add-btn {
    background: linear-gradient(49deg,#b98226 6.91%,#EBD87A 49.72%,#b98226);
    color: #000;
    font-weight: 600;
    /* letter-spacing: 2px; */
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 1rem;
}

.tab-af.w50{
    width: calc(50% - 2px);
}

.boxTabBor{
    border: 1px solid #ddd;
    border-top: 0;
}

.isSearch{
    justify-content: flex-end;
    display: inline-flex;
    height: 50px;
    max-width: 320px;
}

.vSearch{
    position:relative;
    height: 40px;
    max-height: unset !important;
}

.vSearch::after {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position:absolute;
    right: 14px;
    top: 23px;
}

.btn-num .rate.nm {
    background: rgba(0,0,0,.5);
    color: hsla(0,0%,100%,.2);
    text-shadow: rgb(0 0 0 / 50%) 1px 1px 1px;
}
.btn-num .rate {
    position: absolute;
    top: 33px;
    left: 0;
    width: 100%;
    display: block;
    text-align: right;
    font-size: 70%;
    padding: 0 0 1px;
}
.btn-num {
    color: #fff;
    background: #1e232b!important;
    border-radius: 5px;
    display: flex;
    flex-direction: column!important;
    justify-content: center;
    align-items: stretch;
    padding: 0 0 12px!important;
    overflow: hidden;
    height: 45px!important;
    font-weight: 700;
    border: 0px;
    margin-bottom: 10px;
}

.mm1Number{
    padding: 15px 0 15px 15px;
}

.btn-toggle-2num .txt-title {
    line-height: 1.3em;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: hsla(0,0%,100%,.05);
    width: 100%;
    height: 100%;
    margin: 0 5px;
    border-radius: 5px;
}



.v-btn-toggle:not(.v-btn-toggle--dense) .v-btn.v-btn.v-size--default {
    height: 48px;
    min-height: 0;
    min-width: 48px;
}

.theme--dark.v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn {
    border-color: hsla(0,0%,100%,.12)!important;
}

.btn-toggle-2num .btn-2num {
    color: #fff;
    background: #1e232b!important;
    border-radius: 5px;
    border: 1px solid #2eb449!important;
    min-width: auto!important;
    width: 100%!important;
    padding: 0 8px!important;
}

.btn-num-1{
    margin-right: 10px;
    justify-content: center;
    align-items: center;
 padding: 0!important;
}


.cardHover{
    transition: .3s cubic-bezier(.25,.8,.25,1)!important;
    position: relative;
}

.cardHover:hover .isHover{

    background-color: #512da8!important;
    border-color: #512da8!important;
    align-items: center;
    bottom: 0;
    justify-content: center;
    opacity: .9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
    display: inline-flex;
}

.cardHover:hover .isHover img{
display: block;
}

.isHover img{
    width: 65px;
    fill: #fff;
    color: #fff;
    display: none
}



.theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
    color: rgba(0,0,0,.87)!important;
}

.v-list-item {
    align-items: center;
    display: flex;
    flex: 1 1 100%;
    letter-spacing: normal;
    min-height: 35px;
    outline: none;
    position: relative;
    text-decoration: none;
}

.v-list-item__content {
    align-items: center;
    align-self: center;
    display: flex;
    flex-wrap: wrap;
    flex: 1 1;
    overflow: hidden;
    padding: 6px 0;
}

.v-list-item__avatar {
    align-self: center;
    justify-content: flex-start;
}

.v-avatar {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    line-height: normal;
    position: relative;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.v-list-item__title {
    align-self: center;
    font-size: 14px;
}


.v-list-item__subtitle, .v-list-item__title {
    flex: 1 1 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.theme--light.v-chip:not(.v-chip--active) {
    background: #e0e0e0;
}

.mNormal .closeBtn{
    font-size: 25px;
    color: #535353;
}

.circleM{
    cursor: pointer;
}

.isSwHome{
    width: 300px;
    height: 300px;
    display: inline-block;
}

.navClick{
    cursor: pointer;
    padding-right: 10px !important;
 }
 .menuNav{
     position: fixed;
 right: 10px;
 top: 12px;
 min-width: 315px;
 z-index: 5;


 }
 .menuNav .v-card{
     padding:  15px;
 }

 .game-thumb img{
     max-height: 220px;
 }

 .customer-logos.slider{
     margin: 50px 30px;
 }
.card-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
}


.card-bar.wait {
    background: linear-gradient(93.6deg,#ff823f 1.18%,#f3bb42 93.22%)!important;
    padding: 8px 15px;
    color: #fff;
}
.box-detail{
    padding: 0  15px 15px 15px;
}

.card-bar.error {
    background: linear-gradient(93.6deg,#ff3f3f 1.18%,#ff5c5c 93.22%)!important;
    padding: 8px 15px;
    color: #fff;
}

.card-bar .v-btn {
    float: right;
    padding: 5px 10px;
    background-color: #c62828!important;
    border-color: #c62828!important;
    color: #fff;
}

.card-bar.success {
    background: linear-gradient(167.25deg,#4fc8d0 13.76%,#99fbc0 108.27%)!important;
    padding: 8px 15px;
    color: #fff;
}

.v-application .deep-purple--text.text--darken-1 {
    color: #5e35b1!important;
    caret-color: #5e35b1!important;
}

.selectfast-btn .ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -9px;
    left: -20px;
}

.v-btn__content {
    align-items: center;
    color: inherit;
    display: flex;
    flex: 1 0 auto;
    justify-content: inherit;
    line-height: normal;
    position: relative;
}

.selectfast-btn {
    background-color: #fff;
    width: 100%;
    display: block;
    border: 5px solid #b98226;
    border-radius: 10px;
    box-shadow: 0 0 10px #b98226!important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select-btn{
    background: #fff;
    width: 100%;
    display: block;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 5px solid #fff;
}

.select-btn img{
    max-height: 120px;
}

.selectfast-btn .ribbon-wrapper .ribbon {
    font: 700 15px sans-serif;
    color: #333;
    text-align: center;
    transform: rotate(-45deg);
    position: relative;
    padding: 5px 0;
    bottom: -10px;
    left: -35px;
    width: 120px;
    background: linear-gradient(256.37deg, #e0bc37 20.91%, #b98226 84.72%), #b98226;
    color: #fff;
}
.selectfast-btn:hover,.select-btn:hover,.btnMoney.active{
    background: linear-gradient(256.37deg, #e0bc37 20.91%, #b98226 84.72%), #b98226;
    color: #fff !important;
}

.selectfast-btn img {
    max-height: 120px;
}

.v-chip.v-size--small {
    border-radius: 12px;
    font-size: 12px;
    height: 24px;
}

.menu-subtext {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    width: 100%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

.coBlack{
    color:#000 !important
}


 

.v-select.v-text-field--enclosed:not(.v-text-field--single-line):not(.v-text-field--outlined) .v-select__selections {
    padding-top: 20px;
}

.v-select__selections {
    align-items: center;
    display: flex;
    flex: 1 1;
    flex-wrap: wrap;
    line-height: 18px;
    max-width: 100%;
    min-width: 0;
}

.v-select__slot {
    position: relative;
    align-items: center;
    display: flex;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.card-circle {
    border-radius: 100px!important;
    padding: 0;
    border: 1px solid #fff!important;
    max-width: 40px;
    margin: 10px 5px;
}

.v-badge--inline {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.v-badge__wrapper {
    flex: 0 1;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.boxdeFast{
    background-color: #ffffff;
    color: #000;
    border-radius: 15px;
    padding: 20px;
}

.btnMoney{
    padding: 15px;
    text-align: center;
    justify-content: center;
    display: inline-flex;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #c48806;
    margin-bottom: 10px;
}

    .isTabMoney{
    
        justify-content: center;
    }
    

    .isTabMoney li a.active{
        border-bottom: 1px solid #c48806;
        width: 100%;
    display: inline-block;
    padding-bottom: 5px;
    color: #c48806;
    }

    .isTabMoney li a{
        color:#636363; 

    }

   
    

    .dropdown-menu.show {
        display: block;
        background: #000;
        color: #fff;
        width: 100% !important;
  
    }

    .dropdown-menu.show a{
        color: #fff;

    }

    .cBlack{
        background-color:#000;
        color: #fff;
    }

    .tagCenter1{
        position: absolute;
        display: inline-flex;
        height: 30px;
        margin: auto;
        border-radius: 30px;
        border: 1px solid #272727;
        padding: 3px 15px;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: max-content;
        background: #fff;
        align-items: center;
        font-size: 14px;
    }

    .select-bank .text-name.bigFont {
        line-height: 23px;
        font-size: 21px;
        margin-top: unset;
        width: 100%;
        text-align: center;
    }


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

    .v-alert--outlined {
        background: transparent!important;
        border: thin solid!important;
    }

    .v-alert {
        display: block;
        font-size: 16px;
        margin-bottom: 16px;
        padding: 16px;
        position: relative;
        transition: .3s cubic-bezier(.25,.8,.5,1);
    }

    .form-control.noBG {
    min-height: 45px;
    background: rgb(255 255 255 / 15%);
    border: 0px;
    color: #fff;
    }

    .gj-datepicker-bootstrap [role=right-icon] button {
        width: 44px !important;
        border: 0 !important;
        background: #ddd !important;
        border-radius: 0 5px 5px 0 !important;
    }


    .gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .gj-datepicker-bootstrap [role=right-icon] button .material-icons {

        top: 10px !important;
        left: 11px !important;
    }

    .gj-picker-bootstrap div, .gj-picker-bootstrap td, .gj-picker-bootstrap th {
        color: #000 !important;
    }

    .amount-highlight {
        font-size: 36px;
        font-weight: 700;
        color: #ce9f2a;
    }

    .note-text {
        font-size: 12px;
        font-weight: 400;
        color: #c2c2c2;
        padding: 3px;
    }

    .baht-title {
        font-weight: 700;
        color: #fff;
        font-size: 20px;
    }


    .ribbon-wrapper[data-v-3a7de4a3] {
        width: 65px;
        height: 68px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .ribbon-wrapper .ribbon {
        font: 700 10px sans-serif;
        text-align: center;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        position: relative;
        padding: 1px 0;
        bottom: -8px;
        left: -35px;
        width: 100px;
        background-color: #e12e56;
        color: #fff;
    }

    .card-game {
        background: hsla(0,0%,100%,.05)!important;
        cursor: pointer;
        transition: 0.3s ease-in-out;
    }

    .v-card--link:before {
        background: currentColor;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity .2s;
    }
    .v-application--is-ltr .v-responsive__sizer~.v-responsive__content {
        margin-left: -100%;
    }
    
    .v-responsive__content {
        flex: 1 0 0px;
        max-width: 100%;
    }

    .v-chip .v-chip__content {
        align-items: center;
        display: inline-flex;
        height: 100%;
        max-width: 100%;
    }

    .v-pagination {
        align-items: center;
        display: inline-flex;
        list-style-type: none;
        justify-content: center;
        margin: 0;
        max-width: 100%;
        width: 100%;
    }

    .v-pagination>li {
        align-items: center;
        display: flex;
    }

    .v-pagination__navigation--disabled {
        opacity: .6;
        pointer-events: none;
    }
  
    .v-pagination__navigation {
        box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
        border-radius: 4px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        height: 32px;
        width: 32px;
        margin: 0.3rem 10px;
    }

    .v-pagination__item--active {
        box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    }
    .v-pagination__item {
        background: transparent;
        border-radius: 4px;
        font-size: 1rem;
        height: 34px;
        margin: 0.3rem;
        min-width: 34px;
        padding: 0 5px;
        text-decoration: none;
        transition: .3s cubic-bezier(0,0,.2,1);
        width: auto;
        box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    }

    .theme--light.v-pagination .v-pagination__item {
        background: #fff;
        color: rgba(0,0,0,.87);
    }

    .theme--light.v-pagination .v-pagination__navigation {
        background: #fff;
    }

    [type=reset], [type=submit], button, html [type=button] {
        -webkit-appearance: button;
    }
   
    .v-pagination__navigation--disabled {
        opacity: .6;
        pointer-events: none;
    }

    .btn-type{
        height: 100%!important;
        min-height: 52px;
        line-height: 1;
    }

    .card-name {
        line-height: 1.3em;
        text-shadow: rgb(0 0 0 / 30%) 1px 1px 0;
        height: 40px;
        overflow: hidden;
        font-size: 14px;
    }

    .v-chip--label {
        border-radius: 4px!important;
    }

    .v-chip.v-size--x-small {
        border-radius: 8px;
        font-size: 10px;
        height: 16px;
    }

    .card-game:hover{
        background: linear-gradient(180deg, #e0bc37, #b98226 80%) !important;
        border-color: #b98226 !important;
    }

    .boxApi{
        min-height: 500px;
        width: 100%;
    }

    .radius10px{
        border-radius: 10px;
    }
/* 
    .modal-body{
        color: #151515 !important;
    } */

    .boxMH{
        background: rgb(36 36 36 / 97%);
    padding: 20px;
    }
    .isNumberM{

    border-radius: 5px;
    margin-right: 5px;
    background: #2b2b2b;
    font-size: 14px;
    border: 1px solid #2b2b2b;
    }

    .orangeL{
        background-color: #ffe2b7;
    }


    .allM{
        background: rgb(43 43 43 / 42%);
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: 10px;

    }

    #cutnumber{
        z-index: 1056 !important;
    }

    .box-status {
        border: 1px solid hsla(0,0%,100%,.2);
        border-radius: 10px;
        width: 100%;
        padding: 10px;
        text-align: center;
    }

    .box-status .subheader {
        color: hsla(0,0%,100%,.5)!important;
    }

    

.dropdown-menu.poy.show {

    background: #fff;
  

}

.dropdown-menu.poy.show a{
    color: #000;
}

.borderRightL {
    border-right: 1px solid #6e6e6e;
}

.cGrayLi .card-bottom {
    background: #787899;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0 0 10px 10px;
    height: 40px;
    font-size: 14px;
}

.cGrayLi  {
    border-radius:   10px 10px  0 0;
}


.tagG{
    border-radius: 20px;
    border: 1px solid #d4d4d4;
    font-size: 14px;
}

.tab-af a{
    width: 100%;
}

.tab-af a:hover{
    color: #e0bc37;
}

.btn-hilight.c2 img {
    max-width: 100%;
    max-height: 120px;
}

@media only screen and (max-width: 426px)  {
    .bt-game {
      /* height: unset !important; */
    
  }
  .btn-hilight img {
    max-width: 100%;
    max-height: 250px;
    position: absolute;
    left: 41px;
    top: -19px;
}
.mediaIS{
    padding: 5px 0 ;
}

.v-btn {
    max-width: 100%;

    min-width: unset;
  }
  .btn-hilight{
      min-height: unset;
      padding: 10px;
      height: 60px;
  }

  
}
  

.cBlue{
    background-color: #1976d2;
    color: #fff;
}