html,
body,
.st-container,
.st-pusher,
.st-content {
    height: 100%;
}

body {
    background-color: #1f1f27;
    font-size: 14px;
    margin: 0;
    padding: 0;
    left: 0;
    position: relative;
    transition: left .3s;
}

.tab-game {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

p,
h1,
h2,
h3,
h4,
h5 {
    padding: 0px;
    margin: 0px;
}

ul,
ol,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

a {
    color: #fad300;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

a:hover {
    text-decoration: none;
    color: #fff;
}

a:focus,
button:focus,
input:focus,
.form-control:focus {
    outline: none;
    box-shadow: none;
    text-decoration: none;
    color: #fff;
}

.st-container {
    position: relative;
    overflow: hidden;
}

.st-pusher {
    position: relative;
    left: 0;
    z-index: 99;
    height: 100%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.st-content,
.st-content-inner {}

.st-content {
    overflow-y: scroll;
    background: url(../images/common/all-content.jpg)top center;
}


/**************NAV***************/

.menu-top .btn-out {
    background: none;
}

.menu-top {
    display: flex;
    background: #fff;
}

.user-img {
    flex: 1 0 5%;
    position: relative;
}

.user-tl {
    flex: 0 0 55%;
    color: #677da9;
    padding-top: 13px;
}

.user-img img {
    width: 45px;
    margin: 10px;
    margin-top: 15px;
}

.vip-lv img {
    width: 30px;
}

.btn-out {
    flex: 0 1 16%;
}

.btn-lgout {
    background: #677da9;
    border: none;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 5px 10px;
    position: relative;
    top: 15px;
    right: 15px;
    border-radius: 5px;
}

.user-acc {
    background: #677da9;
    padding-bottom: 15px;
}

.btn-wlt a {
    border: none;
    display: flex;
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #677da9;
    margin: 0px 80px;
    text-align: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.user-nm h4 {
    text-align: center;
    padding-top: 15px;
    color: #ffffff;
    font-size: 18px;
    margin: 0px;
}

p.usr-nm {
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    font-weight: 700;
}

.btn-wlt {
    text-align: center;
    margin: 0px auto;
}

a.btn-out {
    border: none;
    position: fixed;
    right: 0;
    margin: 1rem;
    bottom: 10%;
    left: 0%;
    background: rgba(235, 120, 97, 1);
    background: -moz-linear-gradient(left, rgba(235, 120, 97, 1) 0%, rgba(235, 77, 161, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235, 120, 97, 1)), color-stop(100%, rgba(235, 77, 161, 1)));
    background: -webkit-linear-gradient(left, rgba(235, 120, 97, 1) 0%, rgba(235, 77, 161, 1) 100%);
    background: -o-linear-gradient(left, rgba(235, 120, 97, 1) 0%, rgba(235, 77, 161, 1) 100%);
    background: -ms-linear-gradient(left, rgba(235, 120, 97, 1) 0%, rgba(235, 77, 161, 1) 100%);
    background: linear-gradient(to right, rgba(235, 120, 97, 1) 0%, rgba(235, 77, 161, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eb7861', endColorstr='#eb4da1', GradientType=1);
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 16px;
    display: inline-table;
}

.iner-menu {
    margin: 25px;
}

.btn-wlt a img {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.btn-box {
    background: url(../images/common/box-menu.svg) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 10px;
}

.over {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
    left: 300px;
    top: 0px;
    display: none;
}

.nav-open .over {
    display: block;
}

.btn-nav2 {
    width: 100%;
    position: relative;
    top: 12px;
    text-align: left;
}

.column {
    width: 100%;
    min-width: auto;
    min-height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 61px;
}

.r-side {
    flex: 1 0 auto;
}

.btn-join {
    /*background: #db427b;*/
    color: #fff;
    padding: 8px 0px;
    border-radius: 5px;
    display: inline-flex;
    /*width: 45%;*/
    justify-content: center;
    font-size: 10px;
}

body.nav-open {
    left: 300px;
}

body.nav-open header {
    left: 300px;
}

body.nav-open footer {
    left: 300px;
}

.rows::before,
.rows::after {
    content: '';
    display: table;
}

.rows:after {
    clear: both;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.language {
    color: #d3d3d4;
    padding: 10px;
    z-index: 1;
    position: relative;
    font-size: 16px;
}

.btn-nav {
    color: #ffffff;
    padding: 0px;
    z-index: 1;
    position: relative;
    background: none;
    border: none;
    flex: 1 0 auto;
}

.btn-nav:focus {
    color: #dc407c;
}

.wrap-banner {
    margin-top: 61px;
}

.carousel-control-prev {
    display: none;
}

.carousel-control-next {
    display: none;
}

.carousel-indicators {
    bottom: 1px;
    margin-bottom: 0;
}

.carousel-indicators .active {
    width: 10px;
    height: 10px;
    background-color: #fff;
}

.carousel-indicators li {
    background-color: hsl(0, 0%, 75%);
    border-width: 0;
    margin: 0;
}

.carousel-indicators li:not(:last-of-type) {
    margin-right: 5px;
}

.nav-top {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.nav.nav-top>li>a {
    float: left;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    background: #196e73;
    color: #fff;
}

.nav-top2 {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
}

.nav.nav-top2>li>a {
    float: left;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    background: #196e73;
    color: #ffffff;
}

.colums3>li>a {
    width: 33.3% !important;
    margin-bottom: 2px;
}

.nav.nav-top.colums3::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 43px;
    height: 1px;
    background-color: #13131d;
    z-index: 2;
}

.nav-top>li>a {
    border-top: 1px solid transparent;
}

.nav-top>li.active>a {
    color: #ffffff;
    background: #023b3e;
}

.nav-top2>li.active>a {
    color: #ffffff;
    background: #023b3e;
}

.nav-top>li:not(:last-of-type)>a {}

.nav-top2 li a p {
    font-size: 10px;
    padding: 5px 0px 0px 0px;
}

.tab-content {
    width: 100%;
    height: 100%;
}

.nav>li>a {
    padding: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.game-img {
    width: 100%;
    border-radius: 6px;
    padding-top: 10px;
}

.game p {
    margin: 0;
    text-align: center;
    color: #687da8;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
    display: block;
    margin: 0px auto;
    margin-bottom: 10px;
}

.game-rows {
    margin-left: -5px;
    margin-right: -5px;
    display: contents !important;
}

.game-rows .game {
    float: left;
    text-align: center;
}

.game-rows-3.game-rows .game {
    width: 33.3%;
}

.nav-main {
    position: fixed;
    left: -300px;
    top: 0;
    bottom: 0;
    width: 300px;
    z-index: 20;
    background-color: #dde2ed;
    transition: left .3s;
    -moz-transition: left .3s;
    -webkit-transition: left .3s;
    -o-transition: left .3s;
    -ms-transition: left .3s;
    overflow-y: scroll;
}

.nav-main.open {
    left: 0;
}

.nav-main>.nav>li>a {
    background-color: transparent;
    padding: 15px 25px;
    color: #677da9;
}

.nav-main>.nav>li {
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 1px;
    border-top-width: 0;
    border-style: solid;
    border-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0), #677da9, rgba(0, 0, 0, 0)) 20 stretch;
}

.dropmenu.collapsed>i {
    transform: rotate(0deg);
    line-height: 20px;
    transition: transform .3s;
    -moz-transition: transform .3s;
    -webkit-transition: transform .3s;
    -o-transition: transform .3s;
    -ms-transition: transform .3s;
}

.nav-main .submenu {
    background-color: #677da9;
}

.nav-main .submenu>div {
    padding: 10px 25px;
}

.nav-main .game-img {
    height: 60px;
    padding-top: 0px;
    width: auto;
}

.nav-main>.nav>li>.dropmenu.collapsed {
    color: #677da9;
    background-color: transparent;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.nav-main>.nav>li>.dropmenu {
    color: #ffffff;
    background-color: #677da9;
}

.dropmenu>i {
    transform: rotate(45deg);
    line-height: 20px;
    transition: transform .3s;
    -moz-transition: transform .3s;
    -webkit-transition: transform .3s;
    -o-transition: transform .3s;
    -ms-transition: transform .3s;
}

.btn-login {
    color: rgb(255, 255, 255);
    display: inline-flex;
    width: 45%;
    justify-content: center;
    background: rgb(104, 125, 168);
    padding: 8px 0px;
    border-radius: 5px;
    font-size: 10px;
}

.btn-register {
    padding: 25px;
}

.btn-register button {
    padding: 15px;
    text-align: center;
    border-width: 0;
}

.main-content {
    margin-top: 61px;
}


/******************AF******************/

.af_balnc {
    text-align: center;
    height: 41px;
}

.af_balnc a {
    color: #fff;
    display: block;
    background: #687da8;
    padding: 10px 0px 5px 0px;
    font-size: 18px;
}

.nav-top>li.active>a img {
    filter: brightness(0) invert(1);
}

.nav.nav-top>li>a p {
    padding: 5px 0px 0px 0px;
}

.nav-top>li.active>a img {
    filter: brightness(0) invert(1);
}

.nav-top2>li.active>a img {
    filter: brightness(0) invert(1);
}

.nav.nav-top>li>a p {
    padding: 5px 0px 0px 0px;
    font-size: 10px;
    text-transform: uppercase;
}

.form-page {
    margin: auto;
    margin-top: 10px;
}

.form-page label {
    margin: 0px 5px;
    display: inline-block;
}

.image-choice [type=radio] {
    position: absolute;
    opacity: 0;
    border-radius: 300px;
}

.image-choice [type=radio]+img {
    width: 100% !important;
    cursor: pointer;
    background-color: #196e73;
    border-radius: 6px;
    padding: 8px;
}

.image-choice [type=radio]:checked+img {
    border-radius: 5px;
    padding: 8px;
    border: none;
    filter: grayscale(0);
    background: #023b3e;
}

.image-choice [type=radio]:checked~p:after {
    color: #ff731f !important;
}

.image-choice [type=radio]:checked~p {
    color: #ffffff;
}

.image-choice [type=radio]:checked~p {
    color: #00becb;
}

.bank-ul ul li a {
    text-align: center;
    background: #232323;
    color: #fff;
    padding: 10px 30px;
    margin: 0px 15px;
    border: 1px solid #ff7923;
    border-radius: 5px;
}

.bank-ul ul li {
    list-style: none;
    display: block;
}

.bank-ul ul {
    display: flex;
    justify-content: center;
    padding: 0px;
    margin: 0px;
}

.bank-ul {
    display: block;
    margin-bottom: 40px;
    margin-top: 10px;
}

.col-2 {
    font-weight: bold;
    width: 20%;
    float: left;
}

.bnk-flg {}

.bank-ul ul li a.active {
    background: #ff7923;
    border: 1px solid #fff;
}

.bank-ul ul li a:hover {
    background: #ff7923;
    border: 1px solid #fff;
}

.bnk-flg p {
    padding-top: 5px;
    margin: 0px;
    text-align: center;
}

.btn-all {
    background: #ff7923;
    text-align: center;
    margin-right: 11px;
    margin-bottom: 5px;
    color: #fff;
    border: none;
}

.bank-tab ul li {
    text-align: center;
    list-style: none;
}

.bank-tab ul {
    justify-content: center;
    margin: 0px;
    padding: 0px;
    display: flex;
}

.bank-tab ul li a {
    background: #434343;
    margin: 5px;
    padding: 7px 5px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    display: block;
}

.bank-tab {
    margin-top: 20px;
}

.bank-tab ul li a.active {
    background: #ff7923;
    color: #fff;
}

#menumini {
    background-image: url(../images/common/menu-mini.png);
    position: relative;
}

#menumega {
    background-image: url(../images/common/mobile-menu-slot-mega.png);
}

#menumini img {
    position: absolute !important;
    right: 25px !important;
    z-index: 1 !important;
    width: 35px !important;
    top: 17px !important;
    left: auto !important;
}

.btn-top3 {
    display: flex;
    margin-bottom: 20px;
    margin-top: 10px;
}

.btn-top3 a {
    border: 1px solid #fff;
    padding: 5px 12px;
    margin: 0px 8px;
    border-radius: 5px;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    display: initial;
    text-align: center;
    width: 50%;
    border: none;
    background: #196e73;
}

.btn-top3 a.active {
    background: #023b3e;
    color: #fff;
    margin-left: 3px;
}

.btn-top3 a:hover {
    background: #023b3e;
    color: #fff;
    margin-left: 3px;
}

.form-group label {
    color: #fff;
    text-transform: uppercase;
}

.form-group {
    margin-bottom: 1.2em;
    padding: 0px 10px;
}

.form-group label {
    color: #000000;
}

input.form-control {
    width: 48%;
    border-radius: 5px;
    padding: 10px 25px;
    font-size: 14px;
    height: 40px;
    margin-top: 5px;
}

input.form-control {
    background: #ffffff;
}

.box-amount ul {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
}

.btn-bank {
    background: #196e73;
    padding: 9px 10px;
    border-radius: 8px;
    font-size: 14px;
    color: #ffffff;
    border: none;
}

.btn-bank.active {
    filter: grayscale(0);
    background: #023b3e;
    color: #fff;
}

.btn-bank:hover {
    background: #023b3e;
    color: #fff;
}

.box-amount ul li:first-child {
    margin-left: 0px;
}

.box-amount ul li {
    margin-left: 7px;
}

input.form-control {
    width: 100%;
    border-radius: 5px;
    padding: 10px 25px;
    font-size: 14px;
    height: 40px;
    margin-top: 5px;
    border: none;
    color: #000;
}

.box-amount2 ul li:first-child {
    margin-left: 0px;
}

.box-amount2 ul li {
    margin-left: 6px;
    margin-bottom: 5px;
}

.box-amount2 ul {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
}

.depo-1 {
    background: #000 url(../images/prov/prov-1.png)no-repeat center;
    height: 41px;
}

.depo-1:hover {
    background: #023b3e url(../images/prov/prov-1.png)no-repeat center;
}

.depo-1.active {
    background: #023b3e url(../images/prov/prov-1.png)no-repeat center;
}

.depo-2 {
    background: #196e73 url(../images/prov/prov-2.png)no-repeat center;
    height: 41px;
}

.depo-2:hover {
    background: #000 url(../images/prov/prov-2.png)no-repeat center;
}

.depo-2.active {
    background: #000 url(../images/prov/prov-2.png)no-repeat center;
}

.depo-3 {
    background: #196e73 url(../images/prov/prov-3.png)no-repeat center;
    height: 41px;
}

.depo-3:hover {
    background: #000 url(../images/prov/prov-3.png)no-repeat center;
}

.depo-3.active {
    background: #000 url(../images/prov/prov-3.png)no-repeat center;
}

.depo-4 {
    background: #196e73 url(../images/prov/prov-4.png)no-repeat center;
    height: 41px;
}

.depo-4:hover {
    background: #000 url(../images/prov/prov-4.png)no-repeat center;
}

.depo-4.active {
    background: #000 url(../images/prov/prov-4.png)no-repeat center;
}

.btn-amt {
    padding: 9px 0px;
    border-radius: 8px;
    font-size: 14px;
    color: #000000;
    background: #fff;
    width: 100%;
    border: none;
}

.box-amount3 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    padding-top: 10px;
    padding-left: 10px;
}

.box-amount3 ul li {
    margin: 5px;
    margin-top: 0px;
    width: 22%;
}

.box-amount3 ul li:first-child {
    margin-left: 0px;
}

.box-amount3 ul li:nth-child(4n+1) {
    margin-left: 0px;
}

.btn-amt:hover {
    background: #687dad;
    color: #fff;
}

.btn-amt.active {
    background: #687dad;
    color: #fff;
}

.af-date {
    display: flex;
}

.af-date .form-control {
    width: 40%;
    border-radius: 5px;
    padding: 10px 25px;
    font-size: 14px;
    height: 40px;
    margin-top: 5px;
    margin-right: 10px;
}

.af-date .date-2 {
    width: 30%;
    border-radius: 5px;
    padding: 10px 25px;
    font-size: 14px;
    height: 40px;
    margin-top: 5px;
    margin-right: 10px;
    border: none;
}

.af-date .date-3 {
    width: 30%;
    border-radius: 5px;
    padding: 10px 25px;
    font-size: 14px;
    height: 40px;
    margin-top: 5px;
    margin-right: 0px;
}

select.form-control {
    width: 100%;
    border-radius: 5px;
    padding: 10px 25px;
    font-size: 14px;
    height: 40px;
    margin-top: 5px;
    border: none;
}

.upload-file {
    display: flex;
    position: relative;
}

.custom-file-input {
    position: absolute;
    z-index: 2;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.btn-file {
    background: #023b3e;
    color: #fff;
    padding: 5px 20px;
    height: 40px;
    top: 6px;
    position: relative;
    margin-left: 10px;
    border-radius: 5px;
    border: none;
}

.btn-submt {
    width: 50%;
    background: #023b3e;
    color: #fff;
    font-size: 19px;
    padding: 7px 25px;
    border: none;
    border-radius: 5px;
    display: block;
    margin: 0px auto;
}

.btn-submt:hover {
    background: #fff;
    border: 1px solid #dc427c;
    color: #dc427c;
}

.dropdown-menu ul li:first-child {
    margin-top: 10px;
}

.dropdown-menu ul li {
    display: inline-block;
    list-style: none;
    width: 100%;
    padding: 0px 10px;
    cursor: pointer;
}

.prov-name {
    margin-left: 0px;
    font-size: 13px;
    float: left;
    padding-top: 3px;
}

.btn-bank2 {
    width: 111px;
    padding: 6px 0px;
    border-radius: 8px;
    font-size: 14px;
    color: #fff;
    border: none;
}

.depo-1 {
    background: #fff url(../images/common/mega888.png)no-repeat center;
    height: 41px;
}

.box-amount2 ul li:nth-child(3n+1) {
    margin-left: 0px;
}

input.form-control:focus {
    color: #000;
}

.af_balnc2 {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    height: 40px;
    background: linear-gradient(to bottom, #519ace 0%, #000b16 100%);
}

.af_balnc2 a {
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 22px;
    width: 100%;
    text-align: center;
}

.btn-allout {
    background: #023b3e;
    color: #fff;
    border: none;
    padding: 10px 20px;
}

.main-wallet {
    padding: 0px;
}

.main-wallet {
    text-align: center;
    color: #000;
}

.main-wallet:hover {
    color: #000000;
}

.prov-name {
    margin-left: 0px;
    font-size: 13px;
    float: left;
    padding-top: 3px;
    font-weight: bold;
}

.am-prov {
    text-align: right;
    float: right;
    display: flex;
    position: relative;
    top: -2px;
}

.btn-in {
    padding: 2px 5px;
    font-size: 12px;
    background: #55c87f;
    margin-left: 8px;
    border: none;
    line-height: 16px;
}

.prov-out {
    margin-left: 8px;
}

.btn-out {
    padding: 2px 5px;
    font-size: 12px;
    background: #ec4e4e;
    border: none;
}

.am-prov .prov-in {
    width: auto;
}

.prov-am {
    padding-top: 14px;
    font-size: 13px;
    line-height: 0px;
}

.main-wallet ul li:hover {
    background: #ffffff29;
}

.main-wallet ul li:first-child {
    background: #023b3e;
    color: #fff;
    padding: 10px 5px;
}

.main-wallet ul li {
    display: inline-block;
    list-style: none;
    width: 100%;
    padding: 3px 5px;
    cursor: pointer;
}

.main-wallet ul {
    margin: 0px;
    padding: 0px;
    color: #fff;
}

#wallet-balance .modal-dialog {
    margin: 10px;
}

#wallet-balance .modal-body {
    padding: 10px;
}

#wallet-balance .modal-content {
    background: linear-gradient(to bottom, #3db3b6 0%, #196e73 100%);
    border-radius: 0;
}

.wallet-top {
    color: #fff;
    padding: 10px 0px;
}

.wallet-top {
    position: relative;
}

.wallet-top .close {
    top: 0px;
    position: absolute;
    right: 0px;
    opacity: 1;
    color: #fff;
}


/******************Download***********************/

.all-content ul {
    margin: 0px;
    padding: 0px;
}

.all-content ul li {
    position: relative;
    list-style: none;
    margin-bottom: 0px;
}

.all-page {
    margin-top: 60px;
    margin-bottom: 100px;
}

.all-content {}

.static {
    width: 100%;
    height: auto;
    display: block;
}

.btn-ply2 {
    position: absolute;
    bottom: 32%;
    left: 10%;
    width: 37%;
    height: auto;
    border-radius: 20px;
    background: #ffffff;
    padding: 2% 2%;
    text-align: center;
    color: #f06278;
    font-size: calc(0.5em + 1vw);
}

.btn-ply3 {
    position: absolute;
    bottom: 12%;
    left: 10%;
    width: 37%;
    height: auto;
    border-radius: 20px;
    background: #f06278;
    padding: 2% 2%;
    text-align: center;
    color: #fff;
    font-size: calc(0.5em + 1vw);
}

.btn-ply2:focus {
    color: #f06278;
}

.btn-ply2:hover {
    color: #f06278;
}

.btn-ply3:focus {
    color: #fff;
}

.btn-ply3:hover {
    color: #fff;
}

.all-down {
    margin-top: 63px;
    margin-bottom: 80px;
}

.btn-iteam {
    padding: 0px 20px;
}

.no-top {
    margin-top: 0px;
}

.tab-down ul li a.active {
    background: #687da8;
    color: #fff;
}

.tab-down ul li a {
    background: #ffffff;
    text-align: center;
    color: #687da8;
    display: block;
    padding: 11px 0px;
    border-top: 1px solid #687da8;
}

.tab-down ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    background: #fff;
    height: 41px;
}

.tab-down ul li {
    display: block;
    width: 100%;
    text-align: center;
}

.down-modal .close {
    position: absolute;
    top: -22px;
    right: -12px;
    background: #687da8;
    border-radius: 50%;
    border: none;
}

.down-modal .modal-content {
    background: #36294d;
    box-shadow: none;
    border: none;
    padding: 18px;
}

.table-down {
    margin-top: -25px;
    padding: 0px;
    padding-top: 40px;
    border: none;
}

.down-table tr td {
    border: 1px solid #ffffff;
    padding: 5px;
    background: #dde2ed;
    color: #687da8;
    font-size: 12px;
}

.down-modal .modal-dialog {
    margin: 0px 5%;
    margin-top: 15%;
}

.down-modal .close span {
    border: none;
    width: 50px;
    height: 50px;
    font-size: 26px;
    line-height: 29px;
    font-weight: 100;
}

.down-table {
    width: 99%;
}

.down-table tr th {
    background: #687da8;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 12px;
}

.btn-ply4 {
    position: absolute;
    bottom: 10%;
    left: 6%;
    width: 23%;
    height: auto;
    border-radius: 20px;
    padding: 2% 2%;
    text-align: center;
    color: #f06278;
    font-size: calc(0.5em + 1vw);
}

.btn-ply5 {
    position: absolute;
    bottom: 10%;
    left: 30%;
    width: 23%;
    height: auto;
    border-radius: 20px;
    padding: 2% 2%;
    text-align: center;
    color: #f06278;
    font-size: calc(0.5em + 1vw);
}


/******************Promo*********************/

.promo-menu {
    font-size: 0;
    width: 100%;
    display: flex;
    margin: 0px auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    padding-top: 4px;
}

.promo-menu>span {
    display: block;
    float: left;
    margin-left: 1px;
    text-align: center;
    border: 1px solid #ffffff;
    font-size: 14px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.7);
    width: 32.5%;
    padding: 5px;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.promo-menu>span>i {
    margin-right: 10px;
}

.promo-item-wrap {
    padding: 10px 10px 20px 10px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.promo-item {
    margin-bottom: 10px;
    display: none;
    float: left;
    width: 100%;
}

.promo-title-wrap {
    float: left;
    background: #ffffff;
    padding: 15px;
    width: 100%;
    border-radius: 0px 0px 20px 20px;
}

.promo-title {
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    color: #db427b;
}

.promo-butt-wrap {
    text-align: right;
}

.promo-butt {
    display: inline-block;
    min-width: 113px;
    height: 28px;
    border: 1px solid #b00000;
    border-radius: 14px;
    padding: 5px 15px 0;
    cursor: pointer;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background: #4a0000;
}

.promo-content {
    background: #000;
    padding: 20px;
    color: #fff;
    cont-size: 14px;
}

.promo-content a {
    color: #ff0000;
    text-decoration: underline;
}

.promo-title-wrap p {
    color: #4a4a4a;
    margin: 10px 0px;
    text-transform: uppercase;
}

.smll-txt {
    display: flex;
    color: #818287;
    font-size: 12px;
}

.promo-item-wrap ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.promo-item-wrap ul li {
    margin-left: 22px;
}

.promo-item-wrap ul li:first-child {
    margin-left: 0px;
}

.promo-title-wrap span {
    margin-right: 8px;
}

.in-promo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.promo-img img {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
}

.modal-dialog {
    max-width: 860px;
}

.modal-header {
    background: rgba(151, 107, 247, 1);
    background: -moz-linear-gradient(left, rgba(151, 107, 247, 1) 0%, rgba(246, 69, 172, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(151, 107, 247, 1)), color-stop(100%, rgba(246, 69, 172, 1)));
    background: -webkit-linear-gradient(left, rgba(151, 107, 247, 1) 0%, rgba(246, 69, 172, 1) 100%);
    background: -o-linear-gradient(left, rgba(151, 107, 247, 1) 0%, rgba(246, 69, 172, 1) 100%);
    background: -ms-linear-gradient(left, rgba(151, 107, 247, 1) 0%, rgba(246, 69, 172, 1) 100%);
    background: linear-gradient(to right, rgba(151, 107, 247, 1) 0%, rgba(246, 69, 172, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#976bf7', endColorstr='#f645ac', GradientType=1);
    padding: 10px 15px 10px 20px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-align: center;
    height: 50px;
}

.modal-title {
    color: #fff;
    text-align: left;
    font-size: 18px;
    padding-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
}

.close span {
    color: #fff;
    text-shadow: none;
    opacity: 1;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 20px;
    width: 40px;
    height: 40px;
    padding: 10px;
    display: block;
    line-height: 19px;
    font-weight: 100;
}

.close {
    opacity: 1;
}

.modal-content {
    border-radius: 18px;
}

.promo-wrap {
    margin-bottom: 62px;
    margin-top: 61px;
}

.modal-header .close {
    margin: 0px;
    position: relative;
    top: -35px;
    color: #fff;
    font-size: 21px;
    font-weight: 100;
    text-shadow: none;
}


/******************History*********************/

.table-responsive {
    border: none;
    margin-bottom: 0px;
}

.history-table tr:nth-child(odd) {
    background: rgba(104, 125, 168, 0.12);
}

.history-table tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.1);
    background: #fff;
}

.history-table tr th {
    border: 1px solid #ffffff;
    padding: 4px;
    background: #196e73;
    text-align: center;
    color: #fff;
}

.history-table tr td {
    border: 1px solid #f2f2f2;
    padding: 10px 4px;
    text-align: center;
    color: #000000;
}

.history-table {
    margin-top: 20px;
    background: #fff;
}


/*************VIP***********/


/* .wrap {
    border-radius: 4px;
}

.panel {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #fff;
    background: none;
    box-shadow: none;
}

    .panel:last-child {
        border-bottom: none;
    }

.panel-group > .panel:first-child .panel-heading {
    border-radius: 4px 4px 0 0;
}

.panel-group .panel {
    border-radius: 0;
}

    .panel-group .panel + .panel {
        margin-top: 0;
    }

.panel-heading {
    background-color: #687da8;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 0;
}

.panel-title a {
    display: flex;
    color: #fff;
    padding: 5px 15px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.panel-body {
    background: #fff;
}

.panel:last-child .panel-body {
    border-radius: 0 0 4px 4px;
}

.panel:last-child .panel-heading {
    border-radius: 0 0 4px 4px;
    transition: border-radius 0.3s linear 0.2s;
}

    .panel:last-child .panel-heading.active {
        border-radius: 0;
        transition: border-radius linear 0s;
    }

.panel-heading a:before {
    content: "\f054";
    position: absolute;
    right: 15px;
    top: 19px;
    font-size: 14px;
    transition: all 0.5s;
    transform: scale(1);
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 700;
}

.panel-heading.active a:before {
    transition: all 0.5s;
    transform: scale(0);
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 700;
}

#bs-collapse .panel-heading a:after {
    content: ' ';
    position: absolute;
    right: 15px;
    top: 19px;
    transform: scale(0);
    transition: all 0.5s;
}

#bs-collapse .panel-heading.active a:after {
    transform: scale(1);
    transition: all 0.5s;
    font-family: "FontAwesome";
    font-family: "fa-regular-400";
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 700;
}

#accordion .panel-heading a:before {
    font-size: 18px;
    position: absolute;
    right: 15px;
    top: 14px;
    transform: rotate(90deg);
    transition: all 0.5s;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 700;
}

#accordion .panel-heading.active a:before {
    transform: rotate(-90deg);
    transition: all 0.5s;
}

.vp-ico img {
    height: 35px;
}

.vip-content {
    padding: 10px;
}

span.vp-ico {
    margin-right: 15px;
}

.vip-table tr td {
    background: #e4e7ef;
    padding: 5px 10px;
    border: 1px solid #fff;
    color: #687da8;
    text-align: center;
}

table.vip-table {
    width: 100%;
    margin-bottom: 10px;
}

span.vp-lvl {
    font-size: 14px;
}

.tnc-d a {
    padding: 15px;
}

#accordion .tnc-d a:before {
    font-size: 18px;
    position: absolute;
    right: 15px;
    top: 17px;
    transform: rotate(90deg);
    transition: all 0.5s;
    font-family: "Font Awesome 5 Free";
    content: "\f067";
    font-weight: 700;
}

#accordion .panel-heading.active .tnc-d a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f068";
    font-weight: 700;
    transform: rotate(0deg);
}

.tnc-cnt ul li {
    color: #fff;
    list-style: disc;
    padding-bottom: 9px;
}

.tnc-cnt ul {
    padding-left: 20px;
    list-style: disc;
}

.vip-img img {
    display: block;
    margin: 0px auto;

    margin-bottom: 10px;
} */

@media (min-width:768px) {
    body {
        /*width: 768px;*/
        width: 100%;
        display: block;
        margin: auto;
    }
    .img-all ul li {
        width: 10%;
        margin: 2%;
    }
    .btn-box2 {
        background: url(../images/common/slotgm-bg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 89px;
    }
    .carousel-inner>.item img {
        display: block;
        margin: 0px auto;
    }
    .register-img h4 {
        text-align: center;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        color: #fff;
        padding: 8% 0px;
        font-size: 32px;
    }
    #wallet-balance .modal-dialog {
        margin: 10px auto;
        display: block;
    }
    .promo-item {
        margin-bottom: 10px;
        display: none;
        float: left;
        margin: 7px;
        width: 48%;
    }
    .af-lg .logo {}
    .down-modal .modal-dialog {
        margin: 0px auto;
        margin-top: 15%;
    }
    .box-amount2 ul li:nth-child(3n+1) {
        margin-left: 6px;
    }
}

@media (max-width:320px) {
    .btn-box2 {
        background: url(../images/common/slotgm-bg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 66px;
    }
    .register-img h4 {
        font-size: 15px;
    }
}

.af-date input {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-border-radius: 30px;
}


/* select {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-border-radius: 30px;
} */


/****************Xmas Tournament********************/

.xmas-content {
    position: relative;
}

.count-down {
    display: flex;
    color: #ad4faa;
    width: 46%;
    position: absolute;
    left: 39%;
    top: 83.5%;
}

.cout-h {
    width: 32%;
    text-align: center;
}

.cout-h {}

.cout-m {
    width: 30%;
    text-align: center;
    margin-left: 3%;
}

.count-down h4 {
    font-size: 22px;
    line-height: 17px;
}

.count-down p {
    font-size: 10px;
}

.cout-s {
    width: 28%;
    text-align: center;
    margin-left: 4%;
}

#xmas .modal-body {
    padding: 0px;
}

#xmas button.close {
    position: absolute;
}

.xmas-tab {
    /* position: absolute; */
    top: 27%;
    width: 100%;
}

.xmas-tab ul li a img {
    /* margin: 0px 13px; */
    opacity: 0.6;
    max-width: 100%;
}

.xmas-tab ul li.active a img {
    opacity: 1;
}

.active.show {}

.xmas-tab ul li a.active img {
    opacity: 1;
}

.prize-list {
    position: relative;
    /* top: 30%; */
    display: flex;
    color: #9951a6;
    /* font-size: 18px; */
    /* left: 24%; */
    margin: 0px auto;
}

.snd {
    position: absolute;
    text-align: center;
    top: 73%;
    width: 100%;
}

.prize-list p {
    font-size: 13px;
}

.fnd {
    position: absolute;
    text-align: center;
    left: 24%;
    top: 56%;
}

.tnd {
    position: absolute;
    text-align: center;
    left: 52%;
    top: 62%;
}

p.txt-latest {
    text-align: center;
    position: absolute;
    width: 100%;
    color: #9951a6;
    font-size: 14px;
    z-index: 100000000;
    bottom: 26px;
}

.btn-more {
    position: absolute;
    text-align: center;
    color: #9951a6;
    margin-top: -5%;
    width: 100%;
}

.btn-more:hover {
    color: #d900ff;
}

.btn-more:focus {
    color: #9951a6;
}

p.tnc-txt {
    bottom: 0px;
    width: 100%;
    text-align: center;
    color: #9951a6;
}

.gift-1 {
    position: absolute;
    top: 480px;
}

.gift-2 {
    position: absolute;
    top: 480px;
    right: 0px;
}

.winner-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    margin: 0px 0%;
}

.winner-list ul li {
    margin: 10px 15px;
    opacity: 1;
    width: 23% !important;
    text-align: center;
}

.card.card-body {
    padding: 0px;
    background: rgba(246, 193, 224, 1);
    background: -moz-linear-gradient(top, rgba(246, 193, 224, 1) 0%, rgba(214, 149, 216, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246, 193, 224, 1)), color-stop(100%, rgba(214, 149, 216, 1)));
    background: -webkit-linear-gradient(top, rgba(246, 193, 224, 1) 0%, rgba(214, 149, 216, 1) 100%);
    background: -o-linear-gradient(top, rgba(246, 193, 224, 1) 0%, rgba(214, 149, 216, 1) 100%);
    background: -ms-linear-gradient(top, rgba(246, 193, 224, 1) 0%, rgba(214, 149, 216, 1) 100%);
    background: linear-gradient(to bottom, rgba(246, 193, 224, 1) 0%, rgb(253, 222, 246) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6c1e0', endColorstr='#d695d8', GradientType=0);
    border: none;
    border-radius: 0px 0px 15px 15px;
}

.winner-list h4 {
    font-size: 18px;
    text-align: center;
    padding-top: 20px;
}

span.th {
    font-size: 10px;
    position: relative;
    top: -5px;
}

.winner-list {
    color: #9951a6;
}

#xmas .modal-body {
    padding: 0px;
}

#xmas button.close {
    position: absolute;
    z-index: 1;
    right: 12px;
    top: 0px;
}

.xmas-tab ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.xmas-tab ul li {
    width: 48%;
}

.static {
    width: 100%;
    height: auto;
    display: block;
}

.xmas-tab ul li.active a {
    background: none;
    background-color: #337ab700;
}

.xmas-tab ul li a.active {
    background: none;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background: none;
    background-color: #337ab700;
}

.prize-list2 {
    position: relative;
    margin-top: 5%;
}

.snd img {
    width: 60%;
    display: block;
    margin: 0px auto;
}

.prize-list img {
    display: block;
    margin: 0px auto;
    width: 60%;
}

.prize-list2 {
    position: relative;
    margin-top: 5%;
    color: #9951a6;
}

.snd img {
    width: 60%;
    display: block;
    margin: 0px auto;
}

.prize-list img {
    display: block;
    margin: 0px auto;
    width: 60%;
    height: 100%;
}

.prize-list2 p {
    /* font-size: 13px; */
}

.xmas-tab .tab-content {
    padding: 0px;
}

.xmass .well {
    margin: 0px auto;
    margin-top: -10px;
    padding: 0px;
    width: 99%;
    display: block;
    /* margin: 0px auto; */
    background: rgba(246, 193, 224, 1);
    background: -moz-linear-gradient(top, rgba(246, 193, 224, 1) 0%, rgba(214, 149, 216, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246, 193, 224, 1)), color-stop(100%, rgba(214, 149, 216, 1)));
    background: -webkit-linear-gradient(top, rgba(246, 193, 224, 1) 0%, rgba(214, 149, 216, 1) 100%);
    background: -o-linear-gradient(top, rgba(246, 193, 224, 1) 0%, rgba(214, 149, 216, 1) 100%);
    background: -ms-linear-gradient(top, rgba(246, 193, 224, 1) 0%, rgba(214, 149, 216, 1) 100%);
    background: linear-gradient(to bottom, rgba(246, 193, 224, 1) 0%, rgb(253, 222, 246) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6c1e0', endColorstr='#d695d8', GradientType=0);
    border: none;
    border-radius: 0px 0px 15px 15px;
    margin-bottom: -6px;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #196e73;
}

.btn-iteam2 {
    margin-top: 15px;
}

span.btn-clr {
    border-radius: 50%;
    background: url(../images/common/Ellipse.png);
    width: 50px;
    height: 50px;
    padding: 5px;
    text-align: center;
    font-size: 25px;
    margin: 0px 5px;
    font-weight: bold;
    background-size: 100% 100%;
}

.date-time {
    text-align: center;
    padding: 5px;
    color: #fff;
    font-size: 15px;
    background: #ce0701;
    margin: 32px 13px 10px 13px;
}

.lotto-guide {
    color: #fff;
}

.btn-4d {
    margin: 0px 5px;
}

.fd-btn h4 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.btn-bx button {
    display: block;
    margin: 0px auto;
    margin-top: 10px;
}

.btn-drwn {
    background: #fff;
    color: #db427b;
    font-weight: bold;
    padding: 5px 40px;
    text-transform: uppercase;
    border-radius: 21px;
    border: none;
}

.btn-pay {
    background: url(../images/common/fd-btn-y.png) no-repeat;
    color: #f12f43;
    border: none;
}

.btn-plly {
    background: url(../images/common/fd-btn-r.png) no-repeat;
    color: #fddd00;
    border: none;
    background-size: 100% 100%;
    padding: 5px 40px;
    font-weight: bold;
}

.fd-in {
    display: block;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    margin: 0px auto;
    width: 84%;
    margin-top: 6px;
}

.btn-l {
    width: 48%;
    background-size: 100% 100%;
    height: 28px;
    font-weight: bold;
}

#PayOut .modal-header {
    display: block;
}

#PayOut .modal-title {
    text-align: left;
}

.modal-table2 table tr td {
    border: 1px solid #c258d5 !important;
    padding: 5px;
    font-size: 14px;
}

.trTitle {
    background: #b65ede;
    color: #FFF;
}

.btn-pay:hover {
    color: #414141;
}

.modal-bg h4 {
    font-size: 16px;
    margin-bottom: 5px;
}

.btn-drwn:hover {
    background: #db427b;
    color: #fff;
}

.btn-plly:hover {
    color: #fff;
}

.fd-btn {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.drwn-nm {
    display: flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

#PayOut .modal-header .close {
    top: -6px;
}

.lotto-tab ul li {
    list-style: none;
    float: left;
    width: 14.27%;
    position: relative;
    height: 66px;
    padding: 2px;
}

.lotto-tab ul {
    padding: 0px;
    border-bottom: 3px solid #dd4c82;
    display: inline-block;
    width: 100%;
}

.btn-lotto a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px;
    color: #fff;
    font-size: 18px;
}

.table-in {
    display: table;
    width: 100%;
}

.table-in div {
    display: table-cell;
    width: 50%;
    padding: 10px;
    font-size: 14px;
}

.btn-pyt {
    background: #29adec;
    color: #fff;
    font-size: 18px;
}

.tab-cont.lotto-tab {}

.lotto-tab .tabcontent {
    padding: 0px;
}

.prize {
    background: #687da8;
    padding: 5px;
    font-size: 16px;
    color: #ffffff;
}

.result-tt {
    padding: 10px 0px;
    background: #ffffffc7;
    color: #687da8;
}

.prize span {
    position: relative;
    font-size: 12px;
    top: -5px;
}

.big-text {
    font-size: 16px;
    font-weight: bold;
}

.result-ttt {
    background: #fafafc;
    color: #687da8;
    font-weight: bold;
}

.col2 {
    width: 33.33%;
}

.lotto-tab .active:after {
    content: " ";
    position: absolute;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #dd4c82;
    bottom: -1px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.lotto-tab ul li a {
    display: inline-block;
    width: 100%;
}

.lotto-tab ul li img {
    display: block;
    margin: 0px auto;
}

.table-fd>tbody>tr>th {
    background: #2db1ee;
    border: 1px solid #467494;
}

.info-tab {
    padding-top: 10px;
}

.btn-py {
    border: 1px solid #db427b;
    color: #ffffff;
    padding: 8px 40px;
    font-size: 18px;
    background: #db427b;
    border-radius: 40px;
}

.btn-lotto button {
    display: block;
    margin: 0px auto;
    margin-top: 30px;
}

span.ui-accordion-header-icon.ui-icon.fa.fa-caret-down {
    display: none;
}

.live_chat {
    background: #fe465e;
    height: 37px;
    padding: 7px;
    line-height: 23px;
    color: #fff;
    font-size: 18px;
}

.result-boxes {
    display: table;
    width: 100%;
    height: 100%;
}

.result-box {
    display: table-cell;
    vertical-align: middle;
    padding: 0px;
    font-size: 12px;
    border-right: 1px solid #f2f2f2;
}

@media (min-width:768px) {
    .prize-list img {
        display: block;
        margin: 0px auto;
        width: 40%;
    }
    .prize-list2 img {
        width: 73%;
        display: block;
        margin: 0px auto;
    }
    .xmas-tab ul li {
        width: 24%;
    }
    .prize-list2 p {
        font-size: 17px;
    }
    .fnd {
        left: 31%;
        top: 56%;
    }
    .tnd {
        left: 51%;
        top: 63%;
    }
    p.txt-latest {
        margin-top: -9%;
    }
    .btn-more {
        margin-top: -3.7%;
    }
    .xmass .well {
        width: 72%;
    }
    .prize-list p {
        font-size: 15px;
    }
    .snd {
        top: 243px;
    }
    .count-down {
        top: 85.5%;
    }
    .count-down h4 {
        font-size: 33px;
        line-height: 17px;
    }
    .count-down p {
        font-size: 14px;
    }
    .fd-btn h4 {
        color: #fff;
        text-align: center;
        font-size: 37px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    span.btn-clr {
        border-radius: 50%;
        background: url(../images/common/Ellipse.png);
        width: 70px;
        height: 73px;
        padding: 15px;
        text-align: center;
        font-size: 30px;
        margin: 0px 5px;
        font-weight: bold;
        background-size: 100% 100%;
    }
    .btn-drwn {
        font-size: 20px;
    }
    .btn-bx button {
        margin-top: 20px;
        font-size: 20px;
    }
    .btn-l {
        height: 40px;
        font-size: 20px;
        padding: 5px 40px;
    }
    .fd-in {
        margin-top: 20px;
    }
}

@media (max-width:320px) {
    .fnd {
        font-size: 12px;
        position: absolute;
        text-align: center;
        left: 25%;
        top: 55%;
    }
    .tnd {
        position: absolute;
        text-align: center;
        left: 52%;
        top: 62%;
        font-size: 12px;
    }
    p.txt-latest {
        text-align: center;
        position: absolute;
        width: 100%;
        color: #9951a6;
        font-size: 12px;
        z-index: 100000000;
        bottom: 20px;
    }
    .btn-more {
        position: absolute;
        text-align: center;
        color: #9951a6;
        margin-top: -6%;
        width: 100%;
    }
    .prize-list p {
        font-size: 11px;
    }
    .count-down {
        top: 82.5%;
    }
    .count-down h4 {
        font-size: 17px;
        line-height: 17px;
    }
    .count-down p {
        font-size: 8px;
    }
}


/***********reg2*****************/

#joinnow-2 .modal-dialog {
    max-width: 1093px;
    position: relative;
}

#joinnow-2 .close {
    position: absolute;
    right: -6px;
    top: -6px;
    color: #000;
}

#joinnow-2 .modal-content {
    background: #fff;
    border: none;
    border-radius: 30px;
}

#joinnow-2 .close span {
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
    border: 1px solid #d84383;
    border-radius: 50%;
    font-size: 22px;
    width: 40px;
    height: 40px;
    padding: 10px;
    display: block;
    line-height: 19px;
    background: #d84383;
    font-weight: 100;
}

.input-ttl i {
    color: #bbb0d1;
}

.input-ttl {
    text-align: left;
}

span.ttl-jn {
    padding-left: 25px;
    color: #626c75;
}

.in-box {
    display: flex;
    margin-top: 8px;
    margin-bottom: 20px;
}

.in-l select {
    border: none;
    color: #5e5e5e;
    background: #ebebeb;
    padding: 10px 25px 10px 15px;
    height: 40px;
    border-radius: 25px 0px 0px 25px;
    padding-right: 5px;
    font-size: 14px;
}

.in-r .form-control {
    border: none;
    color: #5e5e5e;
    background: #ebebeb;
    padding: 10px 25px;
    height: 40px;
    width: 100%;
    border-radius: 0px 25px 25px 0px;
    margin-left: 5px;
}

.in-vf {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
    margin: 0px auto;
}

.in-vf .form-control-1 {
    width: 38px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
    margin: 0px 5px;
    color: #5e5e5e;
    background: #ebebeb;
    border: none;
    height: 40px;
    border-radius: 10px;
    text-align: center;
}

p.jn-info {
    color: #626c75;
    font-size: 11px;
    text-align: left;
}

.reg-form-2 {
    position: relative;
    top: 20px;
    text-align: center;
    left: -15px;
}

.reg-form-2 h4 {
    color: #9951a6;
    font-weight: bold;
    margin-bottom: 40px;
}

.main-header {
    background: url(../images/common/header-easter.jpg) !important;
}

span.mn-ico img {
    height: 18px;
    margin-right: 5%;
    position: relative;
    top: -2px;
}

.nav-main>.nav>li>.dropmenu img {
    filter: brightness(100);
}

.nav-main>.nav>li>.dropmenu.collapsed img {
    filter: none;
}

.btn-nav i {
    color: #ffffff;
    background: #424468;
    width: 40px;
    height: 30px;
    padding: 9px 0px 0px 0px;
    border-radius: 5px;
    text-align: center;
}


/*******************************************/

.af-ct .r-side {
    visibility: hidden;
}

.af_balnc2 a:first-child {
    margin-left: 10px;
}

span.afs {
    margin-left: 5px;
}

.voucher-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    padding: 5px 0px;
}

input.v-bar {
    border-radius: 8px;
    width: 230px;
    margin: 0px;
    padding: 6px 10px;
    font-size: 12px;
}

.btn-act {
    background: #023b3e;
    color: #fff;
    margin-left: 3px;
    padding: 5px 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 12px;
}

.voucher-bar .far {
    color: #fff;
    font-size: 21px;
    padding: 0px;
    margin: 0px;
    padding-left: 3px;
}

.voucher-bar .nav>li>a {
    padding: 0px;
    background: none !important;
}

.dropdown-menu {
    right: 0px;
}

.voucher-bar .open>.dropdown-menu {
    right: 0px;
    left: auto;
    padding: 10px;
    background: #000000;
    color: #fff;
    font-size: 10px;
}

.voucher-bar .nav>li>a:focus {
    background: none !important;
}

.mg-2 hr {
    margin-bottom: 10px;
}

.mg-2 a {
    width: 32.5%;
    border-radius: 50px;
    font-size: 12px;
}

.btn-sbw {
    background: #4cc05b;
}

.mg-2 a span {
    margin-right: 5px;
}

p.w-txt {
    text-align: center;
    color: #f00;
    font-size: 12px;
    margin: 10px 20px;
}

span.r-box {
    position: absolute;
    right: 7%;
    background: #f00;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
}

.mail-box {
    position: relative;
    margin-right: 5px;
}

.msg-nmb {
    position: absolute;
    top: 2px;
    background: #f00;
    color: #fff;
    border-radius: 50%;
    padding: 1px;
    width: 15px;
    height: 15px;
    text-align: center;
    right: 0px;
    font-size: 9px;
    font-weight: bold;
}

.mail-box img {
    width: 75%;
    top: 8px;
}

.mail-box2 {
    position: relative;
    /* margin-right: -14px; */
}

.msg-nmb2 {
    position: absolute;
    top: 5px;
    background: #f00;
    color: #fff;
    border-radius: 50%;
    padding: 0px;
    width: 20px;
    height: 20px;
    text-align: center;
    right: 7px;
    font-size: 13px;
    font-weight: bold;
}

.mail-box2 img {
    width: 100%;
    border: 1px solid #f1d59b;
    padding: 10px 10px;
    display: block;
    margin: 0px auto;
}

.in-box {
    display: flex;
}

.msg-content {
    display: block;
    width: 100%;
    padding: 15px;
}

.bg-ttl {
    text-align: center;
    color: #ffe795;
    font-size: 16px;
    margin-bottom: 18px;
    font-weight: bold;
}

.btn-ttl {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.msg-tr {
    display: table;
    width: 100%;
    cursor: pointer;
    font-size: 14px;
}

.msg-td {
    display: table-cell;
    font-size: 12px;
    text-align: center;
}

.cl-1 {
    width: 15%;
    text-align: center;
}

.cl-2 {
    width: 15%;
}

.cl-3 {
    width: 30%;
}

.cl-4 {
    width: 10%;
    text-align: center;
}

.msg-tr a {
    width: 100%;
    display: table;
}

.msg-tr a {
    width: 100%;
    display: table;
    color: #687da8;
}

.mesg-bg {
    background: #190804 url(../images/common/msg-bg.jpg) top center no-repeat;
    padding: 0px 0px 40px 0px;
}

.msg-bg {
    background: #ffffff;
    margin-bottom: 70px;
    max-height: 480px;
    overflow: scroll;
    border-radius: 10px;
}

.msg-ttl {
    position: relative;
    padding: 14px 0px;
    background: #687da8;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
}

.pt-txt {
    vertical-align: middle;
}

.trsh-ico i {
    font-size: 15px;
    color: #687da8;
    padding-right: 20px;
    vertical-align: middle;
}

.msg-list .msg-tr {
    padding: 18px 0px;
}

.msg-list .msg-tr:hover {
    background: #fad7601f;
}

a.msg-saw {
    color: #687da8;
}

.txt-l {
    flex: 1 0 auto;
    color: #c7c7c7;
    padding: 30px 0px;
}

.txt-info {
    display: flex;
    width: 100%;
    display: none;
}

.page-box {
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    color: #c7c7c7;
}

.pg-input input {
    width: 40px;
    height: 30px;
    border-radius: 8px;
    border: none;
    text-align: center;
}

.pg-1 {
    padding: 10px 20px 20px 20px;
}

.btn-left {
    height: 30px;
    padding: 0px 10px;
    border-radius: 8px 0px 0px 8px;
}

.pg-n {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.btn-right {
    height: 30px;
    padding: 0px 10px;
    border-radius: 0px 8px 8px 0px;
}

.pg-n button {
    background: #ffe795;
    color: #000;
    font-size: 17px;
}

.msg-pp {
    max-width: 580px;
    margin-top: 10%;
}

.msg-pp .modal-content {
    border: none;
    background: #fff;
    min-height: 250px;
    border-radius: 10px;
}

.msg-pp button.close {
    color: #ffffff;
    opacity: 1;
    font-size: 13px;
    position: absolute;
    right: 30px;
    bottom: 20px;
    background: #db427b;
    font-weight: 100;
    padding: 6px 20px;
    border-radius: 8px;
}

.msg-p-ttl {
    text-align: left;
    font-size: 18px;
    padding: 10px;
    color: #fff;
    background: #687dac;
    padding-left: 6%;
    border-radius: 10px 10px 0px 0px;
}

.msg-pp .modal-body {
    padding: 0px;
    position: relative;
}

.msg-content-pop {
    padding: 10px 20px;
    color: #687dac;
}

.btn-live {
    color: #e4b445;
}

.btn-live:hover {
    color: #f9d349;
}

.pg-n button:hover {
    background: #2f1f15;
    color: #fff;
}

.pg-1 a {
    color: #ffe695;
    font-weight: bold;
}

.trsh-ico {
    position: relative;
    vertical-align: middle;
}

.msg-pp .fa-times {
    display: block !important;
}

.tk-nt {
    display: flex;
    color: #ffe895;
    padding: 15px;
}

.msg-pp-t {
    margin-top: 15px;
    background: #dfe5f5;
}

.msg-pp-t tr td {
    border: 1px solid #fff;
    font-size: 14px;
    text-align: center;
    padding: 10px 0px;
    color: #697eab;
}

.msg-in {
    font-size: 14px;
    padding: 15px 10px;
    min-height: 150px;
}

.btn-custom-alt {
    padding: 0px;
    padding-right: 3px;
}

table.vip-table th {
    background: #687da8;
    padding: 6px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
}


/* ACC */

.account-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.account-col li {
    text-align: center;
    background: #232323;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 5px;
}


/* 5/8/2021 */

.af-nav {
    align-items: center;
    justify-content: flex-end;
}

.row-af {
    padding: 0.5em;
}

.row-af ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    /* margin-top: 3px; */
}

.row-af ul li {
    /* margin: 3px 6px; */
}

.row-af ul a {
    padding: 5px;
    display: flex;
    background: #003242;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -mos-border-radius: 5px;
    border-radius: 5px;
}


/*-----Account Style-----*/

.account-structure {
    background: #ececec;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#d4d4d4));
    background: -o-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
    background: linear-gradient(to bottom, #ececec 0%, #d4d4d4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#d4d4d4', GradientType=0);
    /* IE6-9 */
    padding: 8px 10px;
}

.account-menu {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    border: 1px solid #041a2a;
    border-radius: 3px;
    background-color: rgba(245, 246, 247, 0.6);
}

.account-wrap i {
    color: #424242;
}

.account-amount span {
    color: #424242;
}

.account-menu li {
    display: table-cell;
    border-right: 1px solid #041a2a;
}

.account-menu li:last-child {
    border-right: none;
}

.account-menu a {
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    display: block;
    color: #383838;
}

.account-menu a.active {
    color: white;
    background-color: #00878c;
}

.default-wrap {
    margin: 1em 0;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.8);
}

.balance-list li {
    border-bottom-color: rgba(49, 49, 49, 0.3);
}

.search-wrapper a {
    color: white;
    background-color: #041a2a;
}

.game-item-tabs {
    background-color: #fff;
}

.game-item-tabs li a {
    color: rgba(0, 0, 0, 0.58);
}

.game-item-tabs li a.active {
    color: #00859b;
}

.game-item-tabs li a.active:after {
    background-color: #00859b;
}

.game-wrapper {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.page-header-title {
    padding: 8px 0;
    background-color: #041a2a;
    color: white;
    position: relative;
}

.page-header-title h3 {
    margin: 0 auto;
    width: 78%;
    font-size: 1.2rem;
    text-align: center;
}

.btn-default-container,
.info-page-content {
    margin: 1.4em 0;
    padding: 0 10px;
}

.af-sec {
    /* padding-top: 20px; */
}

.btn-default-container .select-type select,
.info-page-content .select-type select {
    padding: 0 8px;
    height: 40px;
    letter-spacing: .5px;
    font-size: 1.0625rem;
}

.af-sec .input-field {
    width: 100%;
    padding: 6px;
    border: 1px solid #a3a5a8;
    background-color: #fff;
    position: relative;
    border-radius: 3px;
}

.af-sec input {
    border: none;
}

.amount-button ul li {
    width: 100%;
    /* padding: 0 3px; */
}

.btn-amount {
    display: block;
    width: 100%;
    height: 2.8rem;
    line-height: 2.8rem;
    font-weight: 600;
    border: none;
    color: #313131;
    text-align: center;
    background: #b1b1b1;
    background: -moz-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
    background: -webkit-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(177, 177, 177, 0.8)), color-stop(99%, #eaeaea));
    background: -o-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
    background: linear-gradient(to bottom, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b1b1b1', endColorstr='#eaeaea', GradientType=0);
    border-radius: 3px;
    text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
    -webkit-box-shadow: 0 2px 0px 0 #a1a1a1;
    box-shadow: 0 2px 0px 0 #a1a1a1;
    font-size: 1rem;
}

.amount-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.amount-button strong {
    font-weight: 500;
    font-size: 12px;
}

.providerGroup {
    display: flex;
    flex-wrap: wrap;
}

.btn-trans {
    display: block;
    margin: 10px auto 0;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent url(../images/afterlogin/transfer-arrow.png) no-repeat center center;
    background-size: 100%;
}

.wallet_type_wrap {
    margin: 0.3em 0;
    padding: 3px 6px;
    background-color: #dedede;
    border-radius: 3px;
    color: #212121;
}

.step-indicator {
    margin: 26px 0 40px 0;
    padding: 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.step-indicator .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.step-indicator .step p {
    min-width: 106px;
    text-align: center;
    position: absolute;
    bottom: -22px;
    color: #969696;
    font-weight: 500;
    font-size: 0.875rem;
}

.step-indicator .active .step-icon {
    color: #fff;
    background-color: #00859b;
    border-color: #00434f;
}

.step-indicator .active p {
    color: #484848;
}

.step-indicator .step-icon {
    display: block;
    height: 28px;
    width: 28px;
    line-height: 28px;
    border-radius: 50%;
    text-align: center;
    color: #969696;
    border: 1px solid #969696;
    font-size: 1rem;
}

.step-indicator .indicator-line {
    width: 100%;
    height: 2px;
    background-color: #b7b7b7;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.step-indicator .indicator-line.active {
    background-color: #00434f;
}

.providerGroup a {
    margin: 0 8px 6px 8px;
    height: 48px;
    padding: 3px;
    display: block;
    background-color: #adadad;
    color: #9E9E9E;
    border-radius: 50%;
}

.providerGroup a.active {
    background-color: #00859b;
}

.providerGroup a.active span {
    opacity: 1;
}

.providerGroup span {
    display: block;
    width: 42px;
    height: 38px;
    line-height: 38px;
    background: url(../images/afterlogin/sub-menu-sprite.svg) no-repeat;
    background-size: 100%;
    opacity: 0.74;
    font-size: 0;
}

.providerGroup .icon_sports {
    background-position: center -71px;
}

.providerGroup .icon_casino {
    background-position: center -35px;
}

.providerGroup .icon_slot {
    background-position: center 0;
}

.providerGroup .icon_fish {
    background-position: center -216px;
}

.providerGroup .icon_lottery {
    background-position: center -107px;
}

.providerGroup .icon_poker {
    background-position: center -143px;
}

.providerGroup .icon_racing {
    background-position: center -177px;
}

.providerGroup .icon_wallet {
    background-position: center -258px;
}
/* 23/6/2022 */
.rebate-form{
    padding-left: 10px;
    padding-right: 10px;
}
.rebate-table {
    width: 100%;
    margin-top: 20px;
margin-bottom: 20px;}

.rebate-table table {
    width: 100%;
}

.rebate-table table tr th {
    background: #196e73;
    color: #fff;
    padding: 5px;
    text-align: center;
}

.rebate-table table tr td {
    border: 1px solid #196e73;
    padding: 5px;
    text-align: center;
    color: #000;
}
/* 25/7/2022 */
.box-prov {
    /* background: #f6f9fa; */
    border-radius: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
}

.box-prov ul li {
    width: 100%;
    /* padding: 10px; */
    text-align: center;
    cursor: pointer;
}

.box-prov ul li {
    background: #bebebe;
    border: 1px solid #3bafb2;
    padding: 5px;
}

.box-prov ul li:hover {
    background: #fe0001;
    border: 1px solid #cd9c41;
}

.box-prov ul li a:hover,
.box-prov ul li a .prov-logo:hover,
.box-prov ul li a .prov-amot:hover {
    filter: brightness(0.5);
}

.box-prov ul li:nth-child(5n+1) {
    margin-left: 0px;
}

.box-prov-title {
    color: #cd9c41;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

.box-prov ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 5px;
    padding: 0;
    list-style: none;
    padding-bottom: 20px;
}

.prov-amot {
    background: linear-gradient(to bottom, #00b7d5 0%, #00859b 99%);
    border-radius: 5px;
    border: none;
    margin: 0 auto;
    padding: 5px;
    margin-top: 10px;
    color: #fff;
    font-weight: 700;
}

.box-prov ul li:hover img {
    /* -webkit-filter: brightness(0) invert(1); */
    /* filter: brightness(0) invert(1); */
}

.box-prov ul li.active img {
    /* -webkit-filter: brightness(0) invert(1); */
    /* filter: brightness(0) invert(1); */
}

.box-prov ul li.active {}

.prov-logo {
    background: #000;
    padding: 5px;
    border: 1px solid #3bafb2;
    border-radius: 8px;
    height: 51px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.prov-logo img {
    /* max-width: 120px; */
}

.btn-amt {
    padding: 9px 0px;
    border-radius: 8px;
    font-size: 14px;
    color: #ffffff;
    border: 1px solid #3aacaf;
    background: #000;
    width: 100%;
    font-weight: 600;
}

.btn-amt:hover {
    background: url(../images/bg-btn.jpg)repeat-x;
    background-size: 100% 100%;
    color: #000;
}

.box-amount3 ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 0;
    list-style: none;
    align-content: stretch;
    grid-gap: 10px;
    margin-top: 15px;
}

.box-amount3 ul li {
    /* margin-left: 10px; */
    /* margin-top: 14px; */
    width: 100%;
}

.box-amount3 ul li:first-child {
    margin-left: 0px;
}

.box-amount3 ul li:nth-child(9) {
    margin-left: 0px;
}

.transfer-title {
    font-size: 16px;
    font-weight: 600;
    color: #edecec;
    text-shadow: 0 0 3px #ffcc56;
}
/* 11/8/2022 */
.transfer-button{
    background: #fff;
    width: 100%;
    border: 1px solid #a3a5a8;
    padding: 0 8px;
    height: 40px;
    letter-spacing: .5px;
    font-size: 1.0625rem;
    border-radius: 5px;
    display: block;
}
.prov-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:5px 10px;
}


.prov-name{
    text-align: left;
    width: 40%;
}
.prov-balance{
    width: 40%;
}
.prov-tick{
    width: 20%;
    text-align: end;
}
.textfield-wrap{
    margin-bottom: 10px;
}
.wallet-close{
    color: #000;
    right: 0px!important;
    font-weight: 400;
    top: 0px!important;
    border: none;
    background: none;
    font-size: 20px;
    padding: 0;
}