@charset 'utf-8';
/*
 * name:login.css
 * author:jvp168
*/

/* login
------------------------------------------------ */

#profile {
    display: block;
    position: relative;
    padding: 1.7em 2.65em 4.5em;
    background: #001140;
}

.profile-wallet {
    display: inline-block;
}

.profile-wallet--show {
    font-size: 1.25em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.profile-wallet--show a {
    display: inline-block;
    width: 2.3em;
    height: 1.95em;
    margin-left: 1.42em;
    background-image: url(../../images/u2bet/login/icon-eye.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.profile-wallet__count {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.profile-wallet__count .ws-refresh {
    display: inline-block;
    width: 3em;
    margin-left: .5em;
}

.profile-wallet__count--text span {
    font-size: 1.3em;
    font-weight: 600;
    display: inline-block;
    color: #ff4d00;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
    margin-right: .5em;
}

.profile-wallet__count--text strong {
    font-family: inherit;
    font-size: 3.33em;
    line-height: 1.2;
    color: #fff;
}

.profile-chat {
    position: absolute;
    right: 2.3125em;
    top: 1.7em;
    display: flex;
    flex-wrap: wrap;
}

.profile-chat li {
    position: relative;
    display: block;
    width: 3em;
    margin-left: 1.33em;
}

.profile-chat li span {
    font-size: .857em;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: red;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    -webkit-transform: translate(30%, -30%);
    transform: translate(30%, -30%);
}

.profile-wallet.on .profile-wallet--show a {
    background-image: url(../../images/u2bet/login/icon-eye-close.png);
}

.profile-btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.75em;
}

.profile-btn--restore {
    font-size: 1.33em;
    font-weight: bold;
    width: 37.5%;
}

.profile-btn--restore a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 3.75em;
    background: #fff;
    color: #ff4d00;
    border-radius: 50em;
}

.profile-btn--restore a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 2.45em;
    height: 2.45em;
    margin-right: .6em;
    background: url(../../images/u2bet/share/icon-inbox.png) no-repeat;
    background-size: 100% 100%;
}

.profile-btn__auto {
    font-size: 1.125em;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.profile-btn__auto input {
    font-size: inherit;
    cursor: pointer;
    width: 5.2em;
    height: 2em;
    margin-top: .5em;
    background-image: url(../../images/u2bet/login/btn-transfer--off.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

.profile-btn__auto input:checked {
    background-image: url(../../images/u2bet/login/btn-transfer--on.png);
}

#contents {
    display: block;
    background: none;
    padding-bottom: 8.65em;
}

.contents-manu {
    display: block;
    width: calc(100% - 3em);
    padding: 1em 0;
    margin: 0 auto;
    margin-top: -2.8em;
    position: relative;
    background: #1a2f6b;
    border-radius: .3125em;
}

.contents-manu--lists {
    display: flex;
    flex-wrap: wrap;
}

.contents-manu--lists li {
    position: relative;
    display: block;
    width: 20%;
    text-align: center;
}

.contents-manu--lists li:not(:last-child):after {
    content: '';
    display: block;
    width: 1px;
    height: 70%;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    opacity: .5;
}

.contents-manu--lists li a {
    display: block;
    color: #fff;
    transition: linear .3s;
}

.contents-manu--lists li a img {
    width: 3.5em;
    display: block;
    margin: 0 auto .8em;
}

.contents-manu--lists li a span {
    font-size: 1.1875em;
    line-height: 1.45;
    min-height: 2.9em;
    display: block;
    opacity: .5;
}

.contents-manu--lists li.active a {
    color: var(--color-main);
}

.contents-manu--lists li.active a span {
    opacity: 1;
}

.contents-block {
    padding: 1.5em 3em 0;
    color: #2f2f2f;
    display: block;
}

.contents-form {
    position: relative;
    display: block;
}

.contents-field {
    display: block;
    position: relative;
}

.contents-field:not(:last-child) {
    margin-bottom: 2.9em;
}

.contents-field label {
    font-size: 1.1875em;
    font-weight: bold;
    margin-bottom: .4em;
    color: var(--color-main);
    display: block;
}

.contents-field label span {
    display: inline-block;
    /* color: #111; */
}

.contents-field input,
.contents-field textarea,
.contents-field select,
.contents-field button,
.contents-field--bank {
    font-size: 1.8125em;
    width: 100%;
    height: 2.51em;
    padding: 0 1em;
    background: #fff;
    border-radius: .2em;
    box-shadow: none;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}

.contents-field input:read-only,
.contents-field select:read-only,
.contents-field textarea:read-only {
    background: #f3f2f2;
}

.contents-field button[type="submit"] {
    background: var(--color-main);
    color: #fff;
    border-color: var(--color-main);
}

.contents-field select {
    background: #f3f2f2 url(../../images/u2bet/login/select-arrow.png) no-repeat center right 1em !important;
    background-size: .75em !important;
}

.contents-field input+button,
.contents-field select+button,
.contents-field input+input,
.contents-field p+p {
    margin-top: .6em;
}

.contents-field .cf-error {
    font-size: 100%;
    display: block;
    color: red;
    margin-top: .35em;
}

.contents-field .cf-alert {
    color: grey;
}

.contents-field .cf-copy {
    display: block;
    position: relative;
}

.contents-field .cf-copyClick {
    position: absolute;
    right: 2.5em;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8em;
    height: 2.3em;
    background-image: url(../../images/u2bet/login/icon-copy.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.contents-field .cf-note {
    font-style: normal;
    margin-left: .5em;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background: #A2AABD;
}

.contents-field .cf-qrcode {
    text-align: center;
}

.contents-field .cf-qrcode img {
    max-width: 11.27em;
}

.contents-field .cf-qrcode span {
    font-size: 1.2em;
    font-weight: 600;
    margin-top: .75em;
    display: block;
}

.contents-field .cf-links {
    font-size: 1.2em;
    text-align: left;
}

.contents-field .cf-links a {
    display: inline-block;
    text-decoration: underline;
    color: #06c
}

.contents-field--bank {
    line-height: 1.3;
    padding: .75em 1em;
    align-items: center;
    display: flex;
    height: auto;
    background: #f3f2f2;
}

.contents-field--bank img {
    width: 1.75em;
    margin-right: 1.2em;
}

.contents-field--qrcode {
    display: block;
    margin-top: 3em;
    text-align: center;
}

.contents-field--qrcode img {
    display: block;
    width: 16.54em;
    margin: 0 auto;
}

.contents-field--qrcode a {
    font-size: 1.8125em;
    font-weight: bold;
    display: block;
    margin: 1em auto 0;
    width: 15.625em;
    height: 2.51em;
    padding: 0 1em;
    color: #fff;
    background: var(--color-main);
    border-radius: 0.2em;
    box-shadow: none;
    border: 1px solid var(--color-main);
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contents-block .pages__lists {
    padding: 0;
    display: block;
    overflow: hidden;
}

.contents-block .pages__tab {
    width: 100%;
    padding-bottom: 0.2em;
    flex-wrap: initial;
    justify-content: flex-start;
    border-bottom: 1px solid #e2e2e2;
    list-style: none;
    overflow-x: scroll;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.contents-block .pages__tab::-webkit-scrollbar {
    display: none;
}

.contents-block .pages__tab button,
.contents-block .pages__tab button:nth-child(n+4) {
    font-weight: bold;
    text-transform: initial;
    margin: 0;
    margin-right: 0.6em;
    flex: 0 0 100%;
    height: 3.35em;
    background: #d8d8d8;
    border-color: #d8d8d8;
    scroll-snap-align: start;
    transition: all 0.2s;
    flex-basis: 11.1em;
    border-radius: .45em .45em 0 0;
}

.contents-block .pages__tab button:last-child {
    margin-right: 0;
}

.contents-block .pages__tab button:after,
.contents-block .pages__tab:after {
    content: none !important;
}

.contents-block .pages__tab button.active {
    background: var(--color-main);
    border-color: var(--color-main);
}

.contents-block .pages__tab02 button {
    flex-basis: 13.1em;
}

.contents-block .pages__tab03 button {
    flex-basis: 8.55em;
}

.contents-block .pages__tab-deposit button {
    flex-basis: 15.56em;
}

.contents-block .pages__tab-deposit button span {
    color: #7e7e7e;
}

.contents-block .pages__tab-deposit button span:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 .5em;
    width: 1.1em;
    height: 1.1em;
    background-image: url(../../images/u2bet/login/icon-time.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.contents-block .pages__tab-deposit button.active span {
    color: #000;
}

.contents-field--tabs {
    display: block;
}

.contents-field--tabs--lists {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.contents-field--tabs--lists li {
    font-size: 1.69em;
    width: 23.3%;
    text-align: center;
    border-radius: 0.2em;
    display: block;
    overflow: hidden;
}

.contents-field--tabs--lists li label {
    font-size: inherit;
    font-weight: normal;
    margin: 0;
    color: #a0a0a0;
    background: #f3f2f2;
    padding: .55em 0;
    border: 1px solid #e2e2e2;
}

.contents-field__cont {
    margin-top: 2.9em;
}

.contents-field__cont--block {
    display: none;
}

.contents-field--tabs>input[type="radio"] {
    display: none;
}

.contents-field--tabs input[type="radio"]:nth-of-type(1):checked~.contents-field--tabs--lists>li:nth-child(1)>label,
.contents-field--tabs input[type="radio"]:nth-of-type(2):checked~.contents-field--tabs--lists>li:nth-child(2)>label,
.contents-field--tabs input[type="radio"]:nth-of-type(3):checked~.contents-field--tabs--lists>li:nth-child(3)>label,
.contents-field--tabs input[type="radio"]:nth-of-type(4):checked~.contents-field--tabs--lists>li:nth-child(4)>label,
.contents-field--tabs input[type="radio"]:nth-of-type(5):checked~.contents-field--tabs--lists>li:nth-child(5)>label,
.contents-field--tabs input[type="radio"]:nth-of-type(6):checked~.contents-field--tabs--lists>li:nth-child(6)>label {
    cursor: default;
    font-weight: bold;
    color: #fff;
    background: var(--color-main);
    border-color: var(--color-main);
}

.contents-field--tabs input[type="radio"]:nth-of-type(1):checked~.contents-field__cont>.contents-field__cont--block:nth-child(1),
.contents-field--tabs input[type="radio"]:nth-of-type(2):checked~.contents-field__cont>.contents-field__cont--block:nth-child(2),
.contents-field--tabs input[type="radio"]:nth-of-type(3):checked~.contents-field__cont>.contents-field__cont--block:nth-child(3),
.contents-field--tabs input[type="radio"]:nth-of-type(4):checked~.contents-field__cont>.contents-field__cont--block:nth-child(4),
.contents-field--tabs input[type="radio"]:nth-of-type(5):checked~.contents-field__cont>.contents-field__cont--block:nth-child(5),
.contents-field--tabs input[type="radio"]:nth-of-type(6):checked~.contents-field__cont>.contents-field__cont--block:nth-child(6) {
    display: block;
}

.pages__message {
    display: block;
}

.pages__message--box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #2f2f2f;
    border-radius: .5em;
    padding: 1.45em 1.5em 1.45em 2.5em;
}

.pages__message--check {
    font-size: inherit;
    position: relative;
    width: 1.9em;
    height: 1.9em;
    margin-right: 1.5em;
    box-shadow: none;
    border: 1px solid #bcbcbc;
    background: #bcbcbc;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}

.pages__message--check:checked:after {
    content: '';
    display: block;
    width: 75%;
    height: 75%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--color-main);
}

.pages__message--txt {
    width: calc(100% - 14.88em);
}

.pages__message--txt span {
    color: #fff;
    font-size: 1.875em;
    display: block;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pages__message--action {
    width: 11.48em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.pages__message--action li {
    width: 33.333%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pages__message--action li img {
    width: 2.1em;
}

.pages__message--action li input {
    font-size: inherit;
    cursor: pointer;
    width: 2.1em;
    height: 2.1em;
    background-image: url(../../images/u2bet/login/m-star.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

.pages__message--action li input:checked {
    background-image: url(../../images/u2bet/login/m-star-on.png);
}

.pages__message--sub {
    padding: 0 .5em;
}

.pages__message--sub .pages__message--box {
    background: #f1f1f1;
    border-radius: 0;
    border-bottom: 1px solid #a2aabd;
    padding: 1.45em 1em 1.45em 2em;
}

.pages__message--sub .pages__message--check {
    background: #fff;
}

.pages__message--sub .pages__message--txt span {
    color: #1d1d1d;
}

.pages__message--pagi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin-top: 1em;
}

.pages__message--pagi li {
    margin-left: 1.5em;
}

.pages__message--pagi li span {
    font-size: 1.5em;
    font-weight: bold;
    display: inline-block;
}

.pages__message--pagi li a,
.pages__message--pagi li span {
    display: inline-block;
    color: #9d9d9d;
}

.contents-field--btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.contents-field--btn li {
    position: relative;
    width: calc(50% - .75em);
    list-style-type: none;
}

.contents-field--btn li a {
    font-size: 1.8125em;
    width: 100%;
    height: 2.51em;
    padding: 0 1em;
    color: #fff;
    background: #cdcdcd;
    border-radius: 0.2em;
    box-shadow: none;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contents-field--btn li a+input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
}

.contents-field--btnFull {}

.contents-field--btnFull li {
    width: 100%;
}

.contents-field--btnFull li:not(:last-child) {
    margin-bottom: .75em;
}

.contents-field--btnFull li button,
.contents-field--btnFull li a {
    background: var(--color-main);
    color: #fff;
}

.contents-field--btnFull li p {
    font-size: 1.5em;
    min-height: 3em;
    padding: 0 1.25em;
    border-radius: .25em;
    color: #62696f;
    border: 1px solid #c2c2c2;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contents-field--btnFull li.cb-rate p {
    background: #feedb8;
    text-align: left;
    justify-content: flex-start;
    border: none;
}

.contents-field--btnFull li.cb-rate b {
    color: var(--color-main);
    display: inline-block;
    margin-left: .5em;
}

.contents-field--bonus {
    display: block;
}

.contents-field--bonus li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.38em;
}

.contents-field--bonus li label {
    width: 60%;
}

.contents-field--bonus li input {
    width: 40%;
    background: #f3f2f2;
}

.contents-field--table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    /* border-radius: .75em; */
}

.contents-field--table thead tr th,
.contents-field--table tbody tr td {
    font-size: 1.12em;
    background: #2f2f2f;
    color: #000;
    padding: 1em .66em;
}

.contents-field--table thead tr th {
    color: #fff;
}

.contents-field--table tbody tr td {
    background: #fff;
}

.contents-field--table tbody tr td:not(:last-child) {
    border-color: #2f2f2f;
}

.contents-field--table tbody tr:nth-child(2n) td {
    background: #eaeaea;
}

.contents-field--startdate {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}

.contents-field--startdate li {
    width: 43.7%;
    color: #ff4e00;
}

.contents-field--startdate li:nth-of-type(2) {
    font-size: 1.5em;
    width: 12.6%;
}

.contents-field--startdate li input {
    background: #f3f2f2;
}

.contents-field--radio {
    display: block;
    padding: 1.5em 2.3em;
    background: #f3f2f2;
    border-radius: 0.75em;
    text-align: center;
}

.contents-field--radio li {
    display: block;
    position: relative;
    padding-left: 3.569em;
}

.contents-field--radio li:not(:last-child) {
    margin-bottom: 1.05em;
}

.contents-field--radio li label {
    display: flex;
    align-items: center;
    margin: 0;
}

.contents-field--radio li label .fr-img {
    font-size: 81.25%;
    margin-right: 1.879em;
    width: 3.9em;
    height: 3.9em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .375em;
    background: #fff;
    border: 1px solid #dedcdf;
    filter: grayscale(1);
}

.contents-field--radio li label .fr-img img {
    width: 2.63em;
}

.contents-field--radio li label .fr-txt {
    font-size: 1.3125em;
    font-weight: normal;
}

.contents-field--radio li label input[type="radio"] {
    font-size: 100%;
    position: relative;
    width: 1.69em;
    height: 1.69em;
    padding: 0;
    background: #fff !important;
    border: .1879em solid var(--color-main);
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: .75em;
}

.contents-field--radio li label input[type="radio"]:after {
    content: '';
    width: calc(100% - .3758em);
    height: calc(100% - .3758em);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #f3f2f2;
    border-radius: 50%;
}

.contents-field--radio li label input[type="radio"]:checked:after {
    background: var(--color-main);
}

.contents-field--radio li label input[type="radio"]:checked+.fr-img {
    filter: grayscale(0);
}

.contents-field--radio li input[type="text"] {
    font-size: 1em;
    background: #e4e4e4;
    height: 3.8em;
}

.contents-field--alert {
    font-size: 1.35em;
    font-weight: 600;
    display: block;
    padding: 1.5em 2.3em;
    color: #62696f;
    background: #feedb8;
    border-radius: 0.75em;
    text-align: center;
    margin-top: 1.38em;
}

.contents-field--alert span {
    color: var(--color-main);
}

.contents-field--transfer .contents-field--tabs--lists li {
    font-size: 1.12em;
}

.contents-field--transfer .contents-field--tabs--lists li:nth-child(n+5) {
    margin-top: 2em;
}

.contents-field--transfer .contents-field--tabs--lists li label {
    padding: .34em .4em;
    /* color: #000; */
    display: flex;
    background: none;
    align-items: center;
    border: none;
    border-radius: 50em;
    text-align: left;
}

.contents-field--transfer .contents-field--tabs--lists li label img {
    width: 3em;
    margin-right: .7em;
}

.contents-field--transfer input[type="radio"]:nth-of-type(1):checked~.contents-field--tabs--lists>li:nth-child(1)>label,
.contents-field--transfer input[type="radio"]:nth-of-type(2):checked~.contents-field--tabs--lists>li:nth-child(2)>label,
.contents-field--transfer input[type="radio"]:nth-of-type(3):checked~.contents-field--tabs--lists>li:nth-child(3)>label,
.contents-field--transfer input[type="radio"]:nth-of-type(4):checked~.contents-field--tabs--lists>li:nth-child(4)>label,
.contents-field--transfer input[type="radio"]:nth-of-type(5):checked~.contents-field--tabs--lists>li:nth-child(5)>label,
.contents-field--transfer input[type="radio"]:nth-of-type(6):checked~.contents-field--tabs--lists>li:nth-child(6)>label,
.contents-field--transfer input[type="radio"]:nth-of-type(7):checked~.contents-field--tabs--lists>li:nth-child(7)>label,
.contents-field--transfer input[type="radio"]:nth-of-type(8):checked~.contents-field--tabs--lists>li:nth-child(8)>label,
.contents-field--transfer input[type="radio"]:nth-of-type(9):checked~.contents-field--tabs--lists>li:nth-child(9)>label {
    font-weight: normal;
    background: #ebebeb;
    color: #000;
}

.contents-field--allin {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 2.3em;
}

.contents-field--allin input,
.contents-field--allin button {
    background: #fff;
}

.contents-field--allin input {
    width: calc(65% + .2em);
    margin-right: -.2em;
}

.contents-field--allin button {
    width: 35%;
    background: var(--color-main);
    border-color: var(--color-main);
    color: #fff;
    margin: 0 !important;
}

.contents-field--tabsDepo .contents-field--tabs--lists {
    overflow: hidden;
    justify-content: flex-start;
    background: #f2f1f1;
    border-radius: .375em;
}

.contents-field--tabsDepo .contents-field--tabs--lists li {
    font-size: 1.12em;
    width: 25%;
    position: relative;
}

.contents-field--tabsDepo .contents-field--tabs--lists li:not(:last-child):after {
    content: '';
    display: block;
    width: 1px;
    height: 52%;
    background: silver;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    opacity: .5;
}

.contents-field--tabsDepo .contents-field--tabs--lists li label {
    font-weight: bold !important;
    padding: .1em 0;
    color: #636870;
    border: none !important;
    background: none !important;
    border-radius: 0 !important;
}

.contents-field--tabsDepo .contents-field--tabs--lists li label img {
    display: block;
    width: 3.4em;
    margin: 0 auto;
    filter: grayscale(1);
}

.contents-field--tabsDepo .contents-field--tabs--lists li label span {
    color: #636870;
}

.contents-field--tabsDepo input[type="radio"]:nth-of-type(1):checked~.contents-field--tabs--lists>li:nth-child(1)>label span,
.contents-field--tabsDepo input[type="radio"]:nth-of-type(2):checked~.contents-field--tabs--lists>li:nth-child(2)>label span,
.contents-field--tabsDepo input[type="radio"]:nth-of-type(3):checked~.contents-field--tabs--lists>li:nth-child(3)>label span,
.contents-field--tabsDepo input[type="radio"]:nth-of-type(4):checked~.contents-field--tabs--lists>li:nth-child(4)>label span {
    color: var(--color-main) !important;
}

.contents-field--tabsDepo input[type="radio"]:nth-of-type(1):checked~.contents-field--tabs--lists>li:nth-child(1)>label img,
.contents-field--tabsDepo input[type="radio"]:nth-of-type(2):checked~.contents-field--tabs--lists>li:nth-child(2)>label img,
.contents-field--tabsDepo input[type="radio"]:nth-of-type(3):checked~.contents-field--tabs--lists>li:nth-child(3)>label img,
.contents-field--tabsDepo input[type="radio"]:nth-of-type(4):checked~.contents-field--tabs--lists>li:nth-child(4)>label img {
    filter: grayscale(0);
}

.contents-field--btc {
    padding-top: 5em;
    margin-top: 5em;
    border-top: 1px solid #c2c2c2;
}

.contents-field--btc--tlt {
    font-size: 1.5em;
    font-weight: bold;
    color: #4d4d4d;
    text-align: center;
    margin-bottom: 2em;
}

.contents-field--btc .cf-alert {
    margin-top: 4em;
    color: #4d4d4d;
}

.referral__block {
    display: block;
    position: relative;
}

.referral__block:not(:last-child) {
    margin-bottom: 2.3em;
    padding-bottom: 2.3em;
    border-bottom: 1px solid #e2e2e2;
}

.referral__box {
    display: block;
    padding: 1.5em 2.3em;
    background: #f3f2f2;
    border-radius: .75em;
}

.referral__box h2 {
    font-size: 1.5em;
    color: var(--color-main);
    margin-bottom: .3em;
}

.referral__box ol {
    list-style: decimal;
    list-style-position: inside;
    padding-left: 1.2em;
    text-indent: -1.2em;
}

.referral__box ol li:not(:last-child) {
    margin-bottom: .5em;
}

.referral__box--info {
    font-size: 1.12em;
    margin-top: 5em;
}

.referral__status {}

.referral__status--tlt {
    font-size: 1.428em;
    padding: 0 1.578em;
}

.referral__status--lists {
    display: block;
}

.referral__status--lists li {
    font-size: 1.428em;
}

.referral__status--lists li strong {
    display: inline-block;
    color: var(--color-main);
}

.referral__share .referral__box {
    padding: 2.3em 2.3em 2.85em;
}

.referral__share--alert {
    font-size: 1.428em;
    padding: 1.578em 1.578em 0;
}

.referral__share--desc {
    display: block;
    font-size: 1.428em;
    color: var(--color-main);
}

.referral__share--desc b {
    color: #2f2f2f;
}

.referral__share--form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 2.3em;
}

.referral__share--form input,
.referral__share--form button {
    font-size: inherit;
    height: 4.66em;
    padding: .37em 1.879em;
    background: #fff;
    border: 1px solid var(--color-main);
    border-radius: .75em;
}

.referral__share--form input {
    width: calc(65% + .75em);
    margin-right: -.75em;
    border-radius: .75em 0 0 .75em;
}

.referral__share--form button {
    width: 35%;
    background: var(--color-main);
    color: #fff;
}

.rabate__block {
    display: block;
    padding: 1.5em 2.3em;
    background: #f3f2f2;
    border-radius: .75em;
    text-align: center;
}

.rabate__block button {
    font-size: 1.8125em;
    width: 100%;
    height: 2.51em;
    padding: 0 1em;
    background: var(--color-main);
    color: #fff;
    border-radius: 0.2em;
    box-shadow: none;
    border: 1px solid var(--color-main);
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}

.rabate__block--txt {
    font-size: 1.27em;
    color: #8f8f8f;
}

.rabate__block--usd {
    font-size: 2.25em;
    font-weight: bold;
    color: var(--color-main);
}

.rabate__block button+p {
    margin-top: .3em;
}

.transfer__body--balance {
    display: none;
    margin-bottom: 5em;
}

.transfer__head {
    display: block;
    position: relative;
    margin-bottom: 3em;
}

.transfer__head--btn {
    position: relative;
    padding: 0 1.578em;
    margin: 0 -1.5em;
    border-radius: .3125em;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    background: var(--color-main);
}

.transfer__head--btn li {
    display: inline-block;
}

.transfer__head--btn li a {
    font-size: 1.578em;
    line-height: 2.38;
    font-weight: bold;
    color: #fff;
}

.transfer__head--btn li a:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    width: 1.47em;
    height: 1.47em;
    background-image: url(../../images/u2bet/login/transfer_arrow.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.transfer__head--btn li .hb-close {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 1em;
    background: var(--color-main);
    opacity: 0;
    visibility: hidden;
    transition: linear .3s;
}

.transfer__head--btn li .hb-close:after {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../../images/u2bet/login/transfer_close.png);
}

.transfer__head--btn li.on>.hb-close {
    opacity: 1;
    visibility: initial;
}

.transfer__lists {
    font-size: 1.578em;
    display: block;
    position: relative;
}

.transfer__lists:not(:last-child) {
    margin-bottom: 2.19em;
}

.transfer__lists dt {
    font-weight: bold;
    color: var(--color-main);
    margin-bottom: .71em;
    padding-bottom: .71em;
    border-bottom: 1px solid #e2e2e2;
}

.transfer__lists dd {
    display: block;
}

.transfer__lists dd ul {
    display: block;
}

.transfer__lists dd ul li {
    display: flex;
    justify-content: space-between;
}

.transfer__lists dd ul li:not(:last-child) {
    margin-bottom: .75em;
}

.transfer__total {
    font-size: 1.578em;
    line-height: 1.9;
    display: flex;
    align-items: center;
    width: 50%;
    background: #eaeaea;
    padding: 0 1em;
    box-sizing: border-box;
    border-radius: .23em;
    margin-left: auto;
}

.transfer__total a {
    height: 1em;
    width: 1em;
    margin-bottom: .2em;
}

.transfer__total span,
.transfer__total strong {
    margin-right: 1em;
}

.transfer__form {
    display: block;
    position: relative;
    margin-top: 3.5em;
}

.transfer__form--block {
    display: block;
    margin-bottom: 6em;
}

.transfer__form--tlt {
    font-size: 1.578em;
    font-weight: bold;
    color: #4d4d4d;
    position: relative;
    margin-bottom: 1.4em;
    padding-bottom: .71em;
}

.transfer__form--tlt:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px;
    background: #e2e2e2;
}

.transfer__form .contents-field .cf-cover {
    font-size: 1.8125em;
    font-weight: normal;
    height: 2.51em;
    position: absolute;
    right: 2.75em;
    top: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bank-group-input-wrapper {
    display: none !important;
}

.bank-group-input-wrapper.show {
    display: block !important;
}

.btn_submit_deposit {
    margin-top: 0px !important;
}

.lb-msg {
    color: #dc3545 !important;
    display: block;
    font-size: 12px;
}

.contents-field--tabs--lists li.transfer.active {
    font-weight: normal;
    background: #ebebeb;
    color: #000;
    border-radius: 50em;
}

.contents-field--table tbody {
    text-align: center;
}

.wrap_hist_record {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

.warp_modal-body p {
    color: #000;
    font-size: 12px;
}

.modal_header_warp h5 {
    color: #ff4e00;
    font-size: 12px;
    width: 100%;
    text-align: center;
}

.close_msg {
    font-size: 18px;
}

p.mission-wrap {
    font-family: Poppins;
    font-size: 11px;
    font-weight: 300;
    color: #000;
    margin: 0px;
}

.totalMember {
    border-right: 1px solid #7b7e82 !important;
}

.totalMember .memberContent {
    display: flex;
    align-items: center;
}

.totalMember .memberContent .amount {
    font-size: 1rem;
    font-weight: 600;
    margin-left: 8px;
}

.totalBonus .bonusInfo .bonusContent .claimBonusBtn {
    background: transparent;
    color: #FFAC1C;
    border: 1px solid #FFAC1C;
    border-radius: 30px;
    font-size: 0.6375rem;
    padding: 3px 10px;
    font-weight: 600;
}

.totalBonus .bonusInfo .bonusContent .contentWrapper span {
    color: #000;
}

.totalBonus .bonusInfo .bonusContent .contentWrapper {
    display: flex;
    align-items: center;
}

.totalBonus .bonusInfo .bonusContent {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.btn-big.gradient{
 background: #ff4e00;
}
/* .warp_modal-body{
 background: #001140;
} */
/* .warp_modal-body p{
    font-size: 1.25em;
    color: #fff;
    padding: 5px 5px;  
    background: #1a2f6b;
} */
#Notification{
    display: none;
}
#Game{
    display: none;
}