@media screen and (max-width: 1023.9px) {
    .tb--profile-body {
        padding:16px
    }

    .tb--profile-body.tb--identification-body .tb--profile-lcont .tb--pd-inputs .pd-mb {
        padding-top: 0
    }
}

.tb--profile-body .tb--profile-lcont {
    position: relative
}

.tb--profile-body.tb--identification-body {
    height: auto!important
}

.tb--profile-body.tb--identification-body .tb-ident-success {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.tb--profile-body.tb--identification-body .tb-ident-success .tb--description {
    color: var(--modal-text-color-2)
}

@media screen and (min-width: 1024px) {
    .tb--profile-body.tb--identification-body .tb--ident-content,.tb--profile-body.tb--identification-body .tb--pd-inputs {
        height:100%
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--profile-body.tb--identification-body {
        flex-grow:1
    }
}

.tb--profile-body.tb--identification-body .tb--bdate-col .tb--pay-inner-input .tb--custom-data-title {
    display: none
}

.tb--profile-body.tb--identification-body .tb--bdate-col .tb--bday-row {
    margin-bottom: 8px
}

.tb--profile-body.tb--identification-body .tb--bdate-col .tb--bday-row .tb--birthdate_select_group {
    gap: 8px
}

@media screen and (max-width: 1024px) {
    .tb--profile-body.tb--identification-body .tb--profile-lcont .tb--pd-inputs {
        height:100%
    }
}

.tb--profile-body.tb--identification-body .tb--profile-lcont .tb--pd-inputs .pd-mb .tb--pay-inner-input .react-select__single-value {
    width: 65%
}

.tb--profile-body.tb--identification-body .tb--profile-lcont .tb--pd-inputs .tb--id-bottom-line .react-select__value-container {
    width: 110px
}

.tb--profile-body.tb--identification-body .tb--profile-lcont .tb--pd-inputs .tb--pt-40 .form-row.tb--mb-12 {
    margin-bottom: 8px
}

.tb--profile-body.tb--identification-body .tb--profile-lcont .tb--pd-inputs .tb--pt-40 .form-row.tb--mb-12 .tb--day_select,.tb--profile-body.tb--identification-body .tb--profile-lcont .tb--pd-inputs .tb--pt-40 .form-row.tb--mb-12 .tb--month_select {
    padding-bottom: 0!important
}

.tb--profile-body.tb--identification-body .tb--profile-lcont .tb--pd-inputs .tb--pt-40 .form-row.tb--mb-12 .tb--day_select .custom-select,.tb--profile-body.tb--identification-body .tb--profile-lcont .tb--pd-inputs .tb--pt-40 .form-row.tb--mb-12 .tb--month_select .custom-select {
    margin-right: 0
}

.tb--profile-body.tb--identification-body .tb--profile-lcont .tb--pd-inputs .tb--pt-40 .form-row.tb--mb-12 .tb--year_select .custom-select {
    margin-left: 0
}

.tb--profile-body.tb--identification-body .tb--profile-lcont .tb--pd-inputs .tb--pt-40 .form-row.tb--mb-12 .tb--birthdate_select_group {
    gap: 8px
}

@media screen and (max-width: 1023.9px) {
    .tb--profile-body.tb--identification-body .tb--profile-lcont .tb--pd-inputs .tb--pt-40 .tb--input {
        height:42px
    }
}

.tb--profile-body.tb--identification-body.tb--status-check,.tb--profile-body.tb--identification-body.tb--status-check .tb-mobile-full,.tb--profile-body.tb--identification-body.tb--status-check .tb-mobile-full form .tb--profile-lcont {
    height: 100%
}

.tb--profile-body.tb--identification-body.tb--status-check .tb-mobile-full form .tb--profile-lcont .tb--details_wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.tb--profile-body.tb--identification-body.tb--status-check .tb-mobile-full form .tb--profile-lcont .tb--details_wrapper .tb--pd-inputs {
    align-items: center;
    display: flex;
    justify-content: center
}

.tb--profile-body.tb--identification-body.tb--status-check .tb-mobile-full form .tb--profile-lcont .tb--details_wrapper .tb--pd-inputs.tb--top-items {
    align-items: flex-start
}

.tb--profile-body.tb--identification-body.tb--status-check .tb-mobile-full form .tb--profile-lcont .tb--details_wrapper .tb--pd-inputs .tb-ident-success .tb--ms-icon-style .tb--description {
    margin-top: 24px;
    text-align: center
}

.tb--profile-body.tb--identification-body.tb--identification-success {
    height: 100%
}

@media screen and (min-width: 1024px) {
    .tb--profile-body.tb--identification-body.tb--identification-success .tb-ident-success {
        align-items:center;
        display: flex;
        height: 100%;
        max-width: 85%
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--profile-body.tb--identification-body.tb--identification-success .tb-mobile-full {
        height:100%
    }

    .tb--profile-body.tb--identification-body.tb--identification-success .tb--profile-left-cont {
        display: flex;
        justify-content: center
    }
}

.tb--profile-body.tb--identification-body .tb-ident-success {
    margin: 0 auto
}

.tb--profile-body.tb--identification-body.tb--edit-birthdate form .tb--details_wrapper {
    padding-top: 40px
}

.tb--profile-body.tb--identification-body.tb--edit-birthdate form .tb--details_wrapper .tb--pd-inputs {
    flex-basis: 80%;
    margin: 0 auto;
    max-width: 80%;
    padding: 0
}

.tb--profile-body.tb--identification-body.tb--edit-birthdate form .tb--details_wrapper .tb--pd-inputs .tb--bdate-col {
    padding-top: 0
}

.tb--profile-body.tb--identification-body.tb--edit-birthdate form .tb--details_wrapper .tb--pd-inputs .tb--bdate-col,.tb--profile-body.tb--identification-body.tb--edit-birthdate form .tb--details_wrapper .tb--pd-inputs .tb--illustration {
    flex-basis: 40%;
    max-width: 40%
}

@media screen and (max-width: 1520px) {
    .tb--profile-body.tb--identification-body.tb--edit-birthdate form .tb--details_wrapper .tb--pd-inputs .tb--bdate-col,.tb--profile-body.tb--identification-body.tb--edit-birthdate form .tb--details_wrapper .tb--pd-inputs .tb--illustration {
        flex-basis:50%;
        max-width: 50%
    }
}

@media screen and (min-width: 768px) {
    .tb--profile-body.tb--identification-body.tb--edit-birthdate form .tb--details_wrapper .tb--pd-inputs .tb--illustration {
        display:block!important
    }
}

@media screen and (max-width: 1520px) {
    .tb--profile-body.tb--identification-body.tb--edit-birthdate form .tb--details_wrapper .tb--pd-inputs {
        gap:100px
    }
}

@media screen and (max-width: 1024px) {
    .tb--profile-body.tb--identification-body.tb--edit-birthdate form .tb--details_wrapper .tb--pd-inputs {
        display:flex;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 768px) {
    .tb--profile-body.tb--identification-body.tb--edit-birthdate form .tb--details_wrapper .tb--pd-inputs {
        gap:50px;
        height: 100%
    }

    .tb--profile-body.tb--identification-body.tb--edit-birthdate form .tb--details_wrapper .tb--pd-inputs .tb--bdate-col {
        display: flex;
        flex-basis: 100%;
        flex-direction: column;
        max-width: 100%
    }

    .tb--profile-body.tb--identification-body.tb--edit-birthdate form .tb--details_wrapper .tb--pd-inputs .tb--bdate-col .tb--profile-footer {
        margin-top: auto
    }
}

@media screen and (max-width: 1024px) {
    .tb--profile-body.tb--identification-body.tb--edit-birthdate {
        flex-grow:1
    }

    .tb--profile-body.tb--identification-body.tb--edit-birthdate .tb--profile-lcont,.tb--profile-body.tb--identification-body.tb--edit-birthdate .tb-mobile-full {
        height: 100%
    }
}

.tb--profile-body.tb--identification-body .tb--profile-left-cont {
    padding: 24px
}

.tb--profile-body.tb--identification-body .tb--ident-info {
    color: var(--modal-text-color-1);
    letter-spacing: .38px
}

@media screen and (max-width: 1024px) {
    .tb--profile-body.tb--identification-body .tb--ident-info {
        display:none
    }
}

.tb--profile-body.tb--identification-body .tb--verify-button_cont {
    bottom: -2px;
    color: var(--brand-color-1);
    cursor: pointer;
    display: block;
    font-size: 10px;
    height: 16px;
    position: absolute;
    right: 2px;
    text-align: right;
    text-decoration: underline;
    text-transform: inherit
}

.tb--profile-body.tb--identification-body .tb--illustration {
    margin: 0 auto
}

.tb--profile-body.tb--identification-body .tb--indent-count {
    position: relative
}

.tb--profile-body.tb--identification-body .tb--indent-count .tb--custom-data-title,.tb--profile-body.tb--identification-body .tb--indent-count .tb--login-lbl {
    visibility: hidden
}

.tb--profile-body.tb--identification-body .tb--indent-count .tb--indent-count {
    flex-basis: 30%;
    max-width: 30%
}

@media screen and (max-width: 1024px) {
    .tb--profile-body.tb--identification-body .tb--fast-ident-form,.tb--profile-body.tb--identification-body .tb--full-ident-form,.tb--profile-body.tb--identification-body .tb--simple-ident-form {
        display:flex;
        flex-direction: column;
        height: 100%
    }
}

.tb--profile-body.tb--identification-body .tb--simple-ident-form .tb--btn-ternary {
    min-width: 240px
}

.tb--profile-body.tb--identification-body .tb--fast-ident-form .tb--ident-text {
    margin-top: 16px
}

@media screen and (max-width: 1024px) {
    .tb--profile-body.tb--identification-body .tb--fast-ident-form .tb--ident-text {
        margin-top:0
    }

    .tb--profile-body.tb--identification-body .tb--fast-ident-form,.tb--profile-body.tb--identification-body .tb--fast-ident-form .tb--ident-tab-content {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .tb--profile-body.tb--identification-body .tb--fast-ident-form .tb--ident-tab-content .tb--ident-row {
        height: calc(100% - 60px)
    }

    .tb--profile-body.tb--identification-body .tb--fast-ident-form .tb--ident-tab-content .tb--bdate-col {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .tb--profile-body.tb--identification-body .tb--fast-ident-form .tb--ident-tab-content .tb--bdate-col .form-row {
        flex-grow: 1
    }
}

.tb--profile-body.tb--identification-body .tb--full-ident-form h6.tb--ident-text {
    margin-top: 24px
}

@media screen and (max-width: 1024px) {
    .tb--profile-body.tb--identification-body .tb--full-ident-form h6.tb--ident-text {
        margin-top:0
    }
}

.tb--profile-body.tb--identification-body .tb--full-ident-form .tb--profile-footer .tb--btn {
    width: 100%
}

.tb--profile-body.tb--identification-body .tb--ident-text {
    color: var(--modal-text-color-2);
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    width: 100%
}

.tb--profile-body.tb--identification-body h5.tb--ident-text {
    margin-bottom: 12px;
    margin-top: 18px
}

@media screen and (max-width: 1024px) {
    .tb--profile-body.tb--identification-body h5.tb--ident-text {
        margin-bottom:16px;
        margin-top: 0
    }
}

.tb--profile-body.tb--identification-body h6.tb--ident-text {
    margin-bottom: 24px
}

@media screen and (max-width: 1024px) {
    .tb--profile-body.tb--identification-body h6.tb--ident-text {
        margin-bottom:16px
    }
}

.tb--profile-body.tb--identification-body .tb--ident-content {
    width: 100%
}

@media screen and (max-width: 1024px) {
    .tb--profile-body.tb--identification-body .tb--ident-content {
        height:100%
    }
}

.tb--profile-body.tb--identification-body .tb--ident-content .tb--ident-col {
    flex: 1 1
}

.tb--profile-body.tb--identification-body .tb--ident-content .tb--ident-row {
    gap: 24px
}

@media screen and (max-width: 1024px) {
    .tb--profile-body.tb--identification-body .tb--ident-content .tb--ident-row {
        flex-direction:column;
        gap: 0
    }
}

.tb--profile-body.tb--identification-body .tb--ident-content .tb--col-6 {
    flex: 1 1
}

.tb--profile-body.tb--identification-body .tb--ident-content .tb--bdate-col .form-row {
    margin-bottom: 8px
}

.tb--profile-body.tb--identification-body .tb--ident-content .GSportal-content,.tb--profile-body.tb--identification-body .tb--ident-content .tinkoffID-content {
    text-align: right
}

.tb--profile-body.tb--identification-body .tb--ident-content .GSportal-content .tb--ident-text,.tb--profile-body.tb--identification-body .tb--ident-content .tinkoffID-content .tb--ident-text {
    text-align: left
}

@media screen and (max-width: 1024px) {
    .tb--profile-body.tb--identification-body .tb--ident-content .GSportal-content,.tb--profile-body.tb--identification-body .tb--ident-content .tinkoffID-content {
        display:flex;
        flex-direction: column;
        flex-grow: 1
    }

    .tb--profile-body.tb--identification-body .tb--ident-content .GSportal-content .tb--ident-text,.tb--profile-body.tb--identification-body .tb--ident-content .tinkoffID-content .tb--ident-text {
        flex-grow: 1
    }
}

.tb--profile-body.tb--identification-body .tb--ident-content .tb--ident-go {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-top: 12px;
    min-width: 240px
}

.tb--profile-body.tb--identification-body .tb--ident-content .tb--ident-go i {
    font-size: 20px;
    margin: 0 6px
}

.tb--profile-body.tb--identification-body .tb--ident-content .tb--ident-go:hover {
    color: var(--brand-color-text)
}

.tb--profile-body.tb--identification-body .tb--ident-content .tb--ident-tab {
    border-radius: 23px;
    display: flex;
    margin-bottom: 24px;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .tb--profile-body.tb--identification-body .tb--ident-content .tb--ident-tab {
        margin-bottom:16px
    }
}

.tb--profile-body.tb--identification-body .tb--ident-content .tb--ident-tab li {
    align-items: center;
    background-color: var(--modal-bg-color-3);
    color: var(--modal-text-color-2);
    cursor: pointer;
    display: flex;
    flex: 1 1;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    list-style: none;
    min-height: 40px;
    padding: 7px 12px
}

.tb--profile-body.tb--identification-body .tb--ident-content .tb--ident-tab li i {
    font-size: 21px
}

.tb--profile-body.tb--identification-body .tb--ident-content .tb--ident-tab li.active {
    background-color: var(--brand-color-1);
    color: var(--brand-color-text)
}

@media screen and (min-width: 1024px) {
    .tb--profile-body.tb--identification-body .tb--details_wrapper .tb--pd-inputs {
        align-items:flex-start
    }

    .tb--profile-body.tb--identification-body .tb--profile-footer {
        padding: 0
    }
}

@media screen and (max-width: 1366px) {
    .tb--profile-body.tb--identification-body .tb--illustration {
        display:none
    }

    .tb--profile-body.tb--identification-body .tb--ident-col {
        flex: 0 0 100%!important
    }

    .tb--profile-body.tb--identification-body .tb--col-3 {
        flex-basis: 49.99999998%;
        max-width: 49.99999998%
    }

    .tb--profile-body.tb--identification-body .tb--profile-lcont .tb--birthdate_select_group {
        flex-direction: row
    }
}

@media screen and (max-width: 1024px) {
    .tb--profile-body.tb--identification-body .tb--col-3 {
        flex-basis:100%;
        max-width: 100%
    }

    .tb--profile-body.tb--identification-body .tb--profile-left-cont {
        background-color: var(--modal-bg-color-2);
        padding: 16px
    }
}

@media screen and (min-width: 1024px) {
    .tb--profile-body {
        align-content:stretch;
        align-items: stretch;
        display: flex;
        flex: 1 1;
        flex-direction: column;
        height: calc(100% - 114px)
    }
}

.tb--profile-body .tb--input {
    padding: 0 42px 0 16px
}

@media screen and (min-width: 1024px) {
    .tb--profile-body>div {
        flex:1 1;
        height: 100%
    }
}

.tb--profile-body .tb--radio-group label.tb--input span {
    margin-top: 1px
}

.tb--personal-details-content .tb--status-block .tb--status--icon i.digi_icon-check {
    font-size: 16px!important
}

@media screen and (max-width: 1023.9px) {
    .tb--personal-details-content {
        padding:10px 16px 16px!important
    }
}

.dot-flashing,.dot-flashing:after,.dot-flashing:before {
    background-color: var(--brand-color-1);
    border-radius: 5px;
    color: var(--brand-color-1);
    height: 6px;
    position: absolute;
    width: 6px
}

.dot-flashing {
    animation: dotFlashing 1s linear infinite alternate;
    animation-delay: .5s;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

.dot-flashing:after,.dot-flashing:before {
    animation: dotFlashing 1s infinite alternate;
    content: "";
    display: inline-block;
    top: 0
}

.dot-flashing:before {
    animation-delay: 0s;
    left: -15px
}

.dot-flashing:after {
    animation-delay: 1s;
    left: 15px
}

@keyframes dotFlashing {
    0% {
        background-color: var(--brand-color-1)
    }

    50%,to {
        background-color: #ebe6ff
    }
}

@media screen and (max-width: 1023.9px) {
    .tb-mobile-full {
        flex-direction:column;
        height: auto
    }

    .tb--acount-body-identification .tb-mobile-full {
        height: 100%
    }
}

.tb--account-body .tb--radio-group label {
    cursor: pointer
}

#modal-root .tb--radio-group .tb--border {
    border-color: var(--brand-color-1)!important
}

#modal-root .tb--radio-group .tb--border i,#modal-root .tb--radio-group .tb--border span {
    color: var(--brand-color-1)!important
}

#modal-root .tb--radio-group .tb--border:before {
    background-color: var(--brand-color-1);
    background-image: var(--brand-gradient-1);
    display: block
}

#modal-root .tb--radio-group .tb--border:after {
    border-color: var(--brand-color-1)
}

#modal-root .tb--radio-group .tb--error-border {
    background: rgba(240,40,73,.078)!important;
    border-color: var(--error-color)!important
}

.tb--profile-right-cont {
    min-width: 390px;
    padding:0px 10px 0px 0px;
}

@media screen and (min-width: 1024px)and (max-width:1366px) {
    .tb--profile-right-cont {
        min-width:300px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--profile-right-cont {
        min-width:auto;
        padding-right: 0
    }
}

.tb--profile-right-cont .tb--profile-user-right {
    border-radius: 12px;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--profile-right-cont .tb--profile-user-right {
        margin-bottom:16px;
        overflow: hidden
    }
}

.tb--profile-user-right {
    background-color: var(--modal-bg-color-2);
    padding: 14px 16px 24px
}

@media screen and (max-width: 1023.9px) {
    .tb--profile-user-right {
        background:none;
        padding: 0
    }
}

@media screen and (min-width: 1024px) {
    .tb--profile-user-right {
        overflow-y:auto
    }
}

.tb--profile-balance-info,.tb--user-cashback_cont,.tb--user-info_cont {
    background-color: #363747;
}

.tb--user-cashback_cont,.tb--user-info_cont {
    border-radius: 12px;
    margin-bottom: 6px;
    padding: 16px
}

@media only screen and (min-width: 1024px)and (max-width:1366px) {
    .tb--user-cashback_cont,.tb--user-cashback_cont-top,.tb--user-info_cont,.tb--user-info_cont-top {
        flex-direction:column
    }
}

@media screen and (min-width: 1024px) {
    .tb--profile-balance-info {
        margin-bottom:16px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--profile-balance-info {
        background-color:var(--modal-bg-color-2)
    }
}

.tb--user-avatar {
    border-radius: 27px;
    height: 80px;
    line-height: 110px;
    min-width: 80px;
    position: relative;
    text-align: center;
    width: 80px
}

@media only screen and (min-width: 1024px)and (max-width:1366px) {
    .tb--user-avatar {
        margin-bottom:12px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--user-avatar {
        min-width:40px
    }
}

.tb--user-avatar i.digi_icon-user {
    color: var(--modal-text-color-2);
    display: inline-block;
    font-size: 40px
}

@media screen and (max-width: 1023.9px) {
    .tb--user-avatar i.digi_icon-user {
        font-size:30px
    }
}

.tb--user-avatar i.digi_icon-user:before {
    height: 40px;
    line-height: 40px;
    width: 40px
}

@media screen and (max-width: 1023.9px) {
    .tb--user-avatar i.digi_icon-user:before {
        height:30px;
        line-height: 30px;
        width: 30px
    }
}

.tb--user-avatar .tb--profile-image {
    border-radius: 27px;
    height: 100%;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--user-avatar .tb--profile-image {
        height:30px;
        line-height: 30px;
        width: 30px
    }
}

.tb--user-avatar .user-unverified_icon-shape {
    align-items: center;
    background-color: var(--modal-bg-color-3);
    border: 4px solid var(--modal-bg-color-1);
    border-radius: 100%;
    bottom: -6px;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: -6px;
    width: 32px;
    z-index: 1
}

.tb--user-avatar .user-unverified_icon-shape i {
    color: #ffae2b;
    font-size: 16px
}

.tb--user-avatar .user-unverified_icon-shape i:before {
    height: 16px;
    line-height: 16px;
    width: 16px
}

.tb--user-balance .digi_icon-copied:before {
    color: var(--brand-color-2)
}

.tb--copy-wrapper {
    position: relative
}

.tb--copied {
    border-radius: 12px;
    box-shadow: 0 3px 6px rgba(0,0,0,.302);
    line-height: normal;
    padding: 5px 12px;
    position: absolute;
    right: 0;
    text-transform: capitalize;
    top: -30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tb--user-info_block .digi_icon-copied {
    font-size: 24px
}

.tb--user-info_block .tb--user-info {
    margin: 0 0 0 18px;
    width: 200px
}

.tb--user-info_block .tb--user-info .tb--user-name {
    font-size: 16px;
    margin-bottom: 12px;
    word-break: break-all
}

@media only screen and (min-width: 1024px)and (max-width:1366px) {
    .tb--user-info_block .tb--user-info .tb--user-name {
        margin-bottom:12px
    }
}

.tb--user-info_block .tb--user-info .tb--player-id_cont {
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    width: 100%
}

.tb--user-info_block .tb--user-info .tb--player-id_cont p {
    align-items: center;
    display: flex
}

@media only screen and (max-width: 1366px) {
    .tb--user-info_block .tb--my-profile-info {
        align-items:center;
        display: flex;
        flex-direction: column;
        margin: 0
    }
}

.tb--user-info_block .tb--user-last_date {
    margin-left: 18px
}

@media only screen and (min-width: 1024px)and (max-width:1200px) {
    .tb--user-info_block .tb--user-last_date {
        text-align:center
    }
}

.tb--user-info_block .tb--change-pass {
    font-size: 12px;
    margin-left: 18px;
    text-decoration: underline;
    text-transform: uppercase
}

@media only screen and (min-width: 1024px)and (max-width:1200px) {
    .tb--user-info_block .tb--change-pass {
        text-align:center
    }
}

.tb--profile-balance-info {
    border-radius: 12px;
    font-size: 14px;
    padding: 16px;
    position: relative
}

.tb--profile-balance-info .tb--profile-balance-item {
    align-items: center;
    display: flex;
    position: relative
}

.tb--profile-balance-info .tb--profile-balance-item .tb--info {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap
}

@media only screen and (max-width: 768px) {
    .tb--profile-balance-info .tb--profile-balance-item .tb--info .tb--tooltip {
        bottom:12px;
        top: auto
    }
}

.tb--profile-balance-info .tb--tooltip {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 #0003;
    color: #212121;
    display: none;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    line-height: normal;
    max-width: 0;
    opacity: 0;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 24px;
    z-index: 999
}

.tb--profile-balance-info .digi_icon-info {
    color: var(--modal-text-color-3);
    cursor: pointer;
    transition: color .2s
}

.tb--profile-balance-info .digi_icon-info:before {
    height: 14px;
    line-height: 14px;
    width: 14px
}

.tb--profile-balance-info .digi_icon-info:hover {
    color: var(--modal-text-color-1)
}

.tb--profile-balance-info .digi_icon-info:hover+.tb--tooltip {
    display: block;
    max-width: 80%;
    opacity: 1
}

.tb--profile-balance-info div:not(:last-child) {
    margin-bottom: 12px
}

.tb--profile-balance-info .tb--profile-balance_txt {
    font-size: 12px;
    padding: 0 4px;
    width: 100%
}

.tb--profile-balance-info .tb--profile-balance_amount {
    font-size: 12px;
    font-weight: 700;
    margin-right: 5px
}

.tb--profile-balance-info .tb--profile-balance_currency {
    color: var(--modal-text-color-3);
    font-weight: 400
}

@media only screen and (max-width: 1023.9px) {
    .tb--profile-balance-info {
        border-radius:12px 12px 0 0;
        padding: 32px;
        position: relative;
        z-index: 0
    }

    .tb--profile-balance-info:after {
        background-color: var(--modal-bg-color-1);
        border-radius: 12px;
        bottom: 16px;
        content: "";
        left: 16px;
        position: absolute;
        right: 16px;
        top: 16px;
        z-index: -1
    }

    .tb--profile-balance-info div:not(:last-child) {
        margin-bottom: 8px
    }
}

.tb--user-name_mob {
    word-break: break-all
}

label.aaaa:focus-within {
    background: red
}

.tb--personal-details {
    font-size: 24px;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 8px
}

@media screen and (max-width: 1023.9px) {
    .tb--personal-details {
        display:none
    }
}

.tb--profile-user-left-bottom,.tb--profile-user-left-top {
    border-radius: 4px
}

.tb--profile-left-cont {
    border-radius: 12px;
    min-height: 374px;
    padding: 14px 16px 24px
}

@media screen and (min-width: 1024px)and (max-width:1366px) {
    .tb--profile-left-cont {
        padding:20px 18px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--profile-left-cont {
        display:block;
        height: auto;
        padding: 0
    }
}

.tb--profile-left-cont .tb--pay-inner-input {
    margin-bottom: 16px
}

@media screen and (min-width: 1024px)and (max-width:1200px) {
    .tb--profile-left-cont .tb--pay-inner-input .tb--radio-group {
        display:flex;
        flex-direction: column
    }

    .tb--profile-left-cont .tb--pay-inner-input .tb--radio-group label {
        width: 100%
    }

    .tb--profile-left-cont .tb--pay-inner-input .tb--radio-group label:first-child {
        margin-bottom: 12px
    }

    .tb--profile-left-cont .tb--pay-inner-input .tb--radio-group label i {
        display: inline-block
    }
}

@media screen and (min-width: 1024px) {
    .tb--profile-left-cont .tb--profile-lcont {
        flex-grow:1;
        height: calc(100% - 100px)
    }

    .tb--profile-left-cont .tb--status-block+.tb--profile-lcont {
        height: calc(100% - 200px)
    }
}

#modal-root .tb--profile-left-cont .react-select__menu {
    top: auto
}

@media screen and (min-width: 1500px) {
    .tb--col3 {
        padding-left:3em;
        padding-right: 3em
    }
}

@media screen and (min-width: 1366px)and (max-width:1500px) {
    .tb--col3 {
        padding-left:1.5em;
        padding-right: 1.5em
    }
}

@media screen and (min-width: 1024px)and (max-width:1366px) {
    .tb--col3 {
        padding:36px 1em 16px
    }
}

.tb--col3 .tb--illustration {
    display: none
}

.tb--illustration {
    display: flex;
    padding: 0
}

.tb--illustration .tb--identification_illustration,.tb--illustration .tb--my-account_illustration {
    width: 100%
}

.tb--illustration .tb--identification_illustration .color_1,.tb--illustration .tb--my-account_illustration .color_1 {
    fill: var(--modal-bg-color-1)
}

.tb--illustration .tb--identification_illustration .color_2,.tb--illustration .tb--my-account_illustration .color_2 {
    fill: var(--modal-text-color-2)
}

.tb--illustration .tb--identification_illustration .color_3,.tb--illustration .tb--my-account_illustration .color_3 {
    fill: var(--modal-bg-color-2)
}

.tb--illustration .tb--identification_illustration .stork-color_1,.tb--illustration .tb--my-account_illustration .stork-color_1 {
    stroke: var(--modal-bg-color-1)
}

.tb--illustration .tb--identification_illustration .color_4,.tb--illustration .tb--my-account_illustration .color_4 {
    fill: var(--brand-color-1)
}

.tb--illustration .tb--my-account_security_illustration {
    width: 100%
}

.tb--illustration .tb--my-account_security_illustration .color_1 {
    fill: var(--modal-bg-color-1)!important
}

.tb--illustration .tb--my-account_security_illustration .color_2 {
    fill: var(--modal-text-color-2)!important
}

.tb--illustration .tb--my-account_security_illustration .color_3 {
    fill: var(--modal-bg-color-3)!important
}

.tb--illustration .tb--my-account_security_illustration .stork-color_1 {
    stroke: var(--brand-color-1)!important
}

.tb--illustration .tb--my-account_security_illustration .color_4 {
    fill: var(--brand-color-1)!important
}

.tb--illustration .tb--identification_illustration {
    margin: 0 auto;
    max-width: 500px
}

.tb--security-content {
    display: flex;
    justify-content: center
}

@media screen and (max-width: 1023.9px) {
    .tb--security-content {
        border-radius:12px;
        justify-content: center;
        margin: 16px
    }
}

.tb--security-content .tb--illustration {
    box-sizing: border-box;
    width: 55%
}

.tb--security-content .tb--illustration svg {
    margin: 50px 0 auto;
    width: 450px
}

@media screen and (max-width: 1520px) {
    .tb--security-content .tb--illustration svg {
        width:400px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--security {
        background:none;
        margin: 16px;
        padding: 0;
        width: calc(100% - 32px)
    }
}

.tb--security .tb--illustration {
    box-sizing: border-box;
    padding: 0 20px
}

.tb--security .tb--illustration svg {
    margin: 0 auto;
    width: 450px
}

@media screen and (max-width: 1520px) {
    .tb--security .tb--illustration svg {
        width:400px
    }
}

@media screen and (max-height: 760px) {
    .tb--security .tb--illustration svg {
        max-height:330px
    }
}

.tb--active_sessions-content,.tb--activity_log-content,.tb--security-sub-content {
    align-items: start;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 45%
}

@media screen and (max-width: 1023.9px) {
    .tb--active_sessions-content,.tb--activity_log-content,.tb--security-sub-content {
        margin:16px;
        width: 100%
    }
}

.tb--active_sessions-title,.tb--activity_log-title,.tb--security-title {
    color: var(--modal-text-color-1);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 12px
}

@media screen and (max-width: 1023.9px) {
    .tb--active_sessions-title,.tb--activity_log-title,.tb--security-title {
        margin-bottom:16px
    }
}

.tb--active_sessions-desc,.tb--activity_log-desc,.tb--security-description {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    margin-bottom: 24px
}

@media screen and (max-width: 1023.9px) {
    .tb--active_sessions-desc,.tb--activity_log-desc,.tb--security-description {
        margin-bottom:16px
    }
}

.tb--active_sessions-info,.tb--activity_log-info,.tb--security-info {
    max-height: 100%;
    overflow: auto;
    padding-right: 15px
}

@media screen and (max-width: 1023.9px) {
    .tb--active_sessions-info,.tb--activity_log-info,.tb--security-info {
        padding:0
    }
}

.tb--active_sessions-table,.tb--activity_log-table,.tb--security-table {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.tb--active_sessions-table .tb--active_sessions-table-item,.tb--active_sessions-table .tb--activity_log-table-item,.tb--active_sessions-table .tb--security-table-item,.tb--activity_log-table .tb--active_sessions-table-item,.tb--activity_log-table .tb--activity_log-table-item,.tb--activity_log-table .tb--security-table-item,.tb--security-table .tb--active_sessions-table-item,.tb--security-table .tb--activity_log-table-item,.tb--security-table .tb--security-table-item {
    align-items: center;
    background: var(--modal-bg-color-1);
    border-radius: 12px;
    color: var(--modal-text-color-2);
    display: flex;
    flex-direction: row;
    height: 52px;
    justify-content: space-around;
    margin: 8px 0;
    padding: 5px 10px 5px 0;
    width: 100%
}

.tb--active_sessions-table .tb--active_sessions-table-item i,.tb--active_sessions-table .tb--activity_log-table-item i,.tb--active_sessions-table .tb--security-table-item i,.tb--activity_log-table .tb--active_sessions-table-item i,.tb--activity_log-table .tb--activity_log-table-item i,.tb--activity_log-table .tb--security-table-item i,.tb--security-table .tb--active_sessions-table-item i,.tb--security-table .tb--activity_log-table-item i,.tb--security-table .tb--security-table-item i {
    color: var(--modal-text-color-1);
    font-size: 20px
}

.tb--active_sessions-table .tb--active_sessions-table-item i.device-icon,.tb--active_sessions-table .tb--activity_log-table-item i.device-icon,.tb--active_sessions-table .tb--security-table-item i.device-icon,.tb--activity_log-table .tb--active_sessions-table-item i.device-icon,.tb--activity_log-table .tb--activity_log-table-item i.device-icon,.tb--activity_log-table .tb--security-table-item i.device-icon,.tb--security-table .tb--active_sessions-table-item i.device-icon,.tb--security-table .tb--activity_log-table-item i.device-icon,.tb--security-table .tb--security-table-item i.device-icon {
    opacity: .6
}

.tb--active_sessions-table .tb--active_sessions-table-item div,.tb--active_sessions-table .tb--activity_log-table-item div,.tb--active_sessions-table .tb--security-table-item div,.tb--activity_log-table .tb--active_sessions-table-item div,.tb--activity_log-table .tb--activity_log-table-item div,.tb--activity_log-table .tb--security-table-item div,.tb--security-table .tb--active_sessions-table-item div,.tb--security-table .tb--activity_log-table-item div,.tb--security-table .tb--security-table-item div {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    width: 105px
}

.tb--active_sessions-table .tb--active_sessions-table-item div i,.tb--active_sessions-table .tb--activity_log-table-item div i,.tb--active_sessions-table .tb--security-table-item div i,.tb--activity_log-table .tb--active_sessions-table-item div i,.tb--activity_log-table .tb--activity_log-table-item div i,.tb--activity_log-table .tb--security-table-item div i,.tb--security-table .tb--active_sessions-table-item div i,.tb--security-table .tb--activity_log-table-item div i,.tb--security-table .tb--security-table-item div i {
    padding-right: 18px
}

@media screen and (max-width: 1023.9px) {
    .tb--active_sessions-table .tb--active_sessions-table-item,.tb--active_sessions-table .tb--activity_log-table-item,.tb--active_sessions-table .tb--security-table-item,.tb--activity_log-table .tb--active_sessions-table-item,.tb--activity_log-table .tb--activity_log-table-item,.tb--activity_log-table .tb--security-table-item,.tb--security-table .tb--active_sessions-table-item,.tb--security-table .tb--activity_log-table-item,.tb--security-table .tb--security-table-item {
        height:71px
    }
}

.tb--active_sessions-table .tb--active_sessions-table-item-mob,.tb--active_sessions-table .tb--activity_log-table-item-mob,.tb--active_sessions-table .tb--security-table-item-mob,.tb--activity_log-table .tb--active_sessions-table-item-mob,.tb--activity_log-table .tb--activity_log-table-item-mob,.tb--activity_log-table .tb--security-table-item-mob,.tb--security-table .tb--active_sessions-table-item-mob,.tb--security-table .tb--activity_log-table-item-mob,.tb--security-table .tb--security-table-item-mob {
    align-items: center;
    border-radius: 12px;
    color: var(--modal-text-color-2);
    display: flex;
    height: 71px;
    justify-content: flex-start;
    margin: 8px 0;
    padding: 10px 16px;
    width: 100%
}

.tb--active_sessions-table .tb--active_sessions-table-item-mob i,.tb--active_sessions-table .tb--activity_log-table-item-mob i,.tb--active_sessions-table .tb--security-table-item-mob i,.tb--activity_log-table .tb--active_sessions-table-item-mob i,.tb--activity_log-table .tb--activity_log-table-item-mob i,.tb--activity_log-table .tb--security-table-item-mob i,.tb--security-table .tb--active_sessions-table-item-mob i,.tb--security-table .tb--activity_log-table-item-mob i,.tb--security-table .tb--security-table-item-mob i {
    color: var(--modal-text-color-1);
    font-size: 20px
}

.tb--active_sessions-table .tb--active_sessions-table-item-mob i.device-icon,.tb--active_sessions-table .tb--activity_log-table-item-mob i.device-icon,.tb--active_sessions-table .tb--security-table-item-mob i.device-icon,.tb--activity_log-table .tb--active_sessions-table-item-mob i.device-icon,.tb--activity_log-table .tb--activity_log-table-item-mob i.device-icon,.tb--activity_log-table .tb--security-table-item-mob i.device-icon,.tb--security-table .tb--active_sessions-table-item-mob i.device-icon,.tb--security-table .tb--activity_log-table-item-mob i.device-icon,.tb--security-table .tb--security-table-item-mob i.device-icon {
    opacity: .6
}

.tb--active_sessions-table .tb--active_sessions-table-item-mob:nth-child(odd),.tb--active_sessions-table .tb--activity_log-table-item-mob:nth-child(odd),.tb--active_sessions-table .tb--security-table-item-mob:nth-child(odd),.tb--activity_log-table .tb--active_sessions-table-item-mob:nth-child(odd),.tb--activity_log-table .tb--activity_log-table-item-mob:nth-child(odd),.tb--activity_log-table .tb--security-table-item-mob:nth-child(odd),.tb--security-table .tb--active_sessions-table-item-mob:nth-child(odd),.tb--security-table .tb--activity_log-table-item-mob:nth-child(odd),.tb--security-table .tb--security-table-item-mob:nth-child(odd) {
    background: var(--modal-bg-color-1)
}

.tb--active_sessions-table .tb--active_sessions-table-item-mob .tb--activity_log_texts,.tb--active_sessions-table .tb--active_sessions-table-item-mob .tb--activity_log_texts div span,.tb--active_sessions-table .tb--activity_log-table-item-mob .tb--activity_log_texts,.tb--active_sessions-table .tb--activity_log-table-item-mob .tb--activity_log_texts div span,.tb--active_sessions-table .tb--security-table-item-mob .tb--activity_log_texts,.tb--active_sessions-table .tb--security-table-item-mob .tb--activity_log_texts div span,.tb--activity_log-table .tb--active_sessions-table-item-mob .tb--activity_log_texts,.tb--activity_log-table .tb--active_sessions-table-item-mob .tb--activity_log_texts div span,.tb--activity_log-table .tb--activity_log-table-item-mob .tb--activity_log_texts,.tb--activity_log-table .tb--activity_log-table-item-mob .tb--activity_log_texts div span,.tb--activity_log-table .tb--security-table-item-mob .tb--activity_log_texts,.tb--activity_log-table .tb--security-table-item-mob .tb--activity_log_texts div span,.tb--security-table .tb--active_sessions-table-item-mob .tb--activity_log_texts,.tb--security-table .tb--active_sessions-table-item-mob .tb--activity_log_texts div span,.tb--security-table .tb--activity_log-table-item-mob .tb--activity_log_texts,.tb--security-table .tb--activity_log-table-item-mob .tb--activity_log_texts div span,.tb--security-table .tb--security-table-item-mob .tb--activity_log_texts,.tb--security-table .tb--security-table-item-mob .tb--activity_log_texts div span {
    padding: 0 10px
}

.tb--active_sessions-table .tb--active_sessions-table-item-mob .tb--activity_log_texts div:first-child,.tb--active_sessions-table .tb--activity_log-table-item-mob .tb--activity_log_texts div:first-child,.tb--active_sessions-table .tb--security-table-item-mob .tb--activity_log_texts div:first-child,.tb--activity_log-table .tb--active_sessions-table-item-mob .tb--activity_log_texts div:first-child,.tb--activity_log-table .tb--activity_log-table-item-mob .tb--activity_log_texts div:first-child,.tb--activity_log-table .tb--security-table-item-mob .tb--activity_log_texts div:first-child,.tb--security-table .tb--active_sessions-table-item-mob .tb--activity_log_texts div:first-child,.tb--security-table .tb--activity_log-table-item-mob .tb--activity_log_texts div:first-child,.tb--security-table .tb--security-table-item-mob .tb--activity_log_texts div:first-child {
    color: var(--modal-text-color-1);
    font-weight: 700
}

.tb--active_sessions-table .tb--active_sessions-table-item-mob .tb--activity_log_texts div:last-child,.tb--active_sessions-table .tb--activity_log-table-item-mob .tb--activity_log_texts div:last-child,.tb--active_sessions-table .tb--security-table-item-mob .tb--activity_log_texts div:last-child,.tb--activity_log-table .tb--active_sessions-table-item-mob .tb--activity_log_texts div:last-child,.tb--activity_log-table .tb--activity_log-table-item-mob .tb--activity_log_texts div:last-child,.tb--activity_log-table .tb--security-table-item-mob .tb--activity_log_texts div:last-child,.tb--security-table .tb--active_sessions-table-item-mob .tb--activity_log_texts div:last-child,.tb--security-table .tb--activity_log-table-item-mob .tb--activity_log_texts div:last-child,.tb--security-table .tb--security-table-item-mob .tb--activity_log_texts div:last-child {
    color: var(--modal-text-color-1);
    margin-top: 4px
}

.tb--active_sessions-table .tb--active_sessions-table-item-mob .tb--activity_log_texts div:last-child .tb--dot:after,.tb--active_sessions-table .tb--activity_log-table-item-mob .tb--activity_log_texts div:last-child .tb--dot:after,.tb--active_sessions-table .tb--security-table-item-mob .tb--activity_log_texts div:last-child .tb--dot:after,.tb--activity_log-table .tb--active_sessions-table-item-mob .tb--activity_log_texts div:last-child .tb--dot:after,.tb--activity_log-table .tb--activity_log-table-item-mob .tb--activity_log_texts div:last-child .tb--dot:after,.tb--activity_log-table .tb--security-table-item-mob .tb--activity_log_texts div:last-child .tb--dot:after,.tb--security-table .tb--active_sessions-table-item-mob .tb--activity_log_texts div:last-child .tb--dot:after,.tb--security-table .tb--activity_log-table-item-mob .tb--activity_log_texts div:last-child .tb--dot:after,.tb--security-table .tb--security-table-item-mob .tb--activity_log_texts div:last-child .tb--dot:after {
    background-color: var(--modal-text-color-1);
    right: -2px
}

.tb--security-content .tb--switch-block {
    align-items: center;
    display: flex;
    gap: 8px
}

.tb--security-content .tb--active-sessions-current {
    margin-bottom: 16px
}

@media screen and (max-width: 1023.9px) {
    .tb--security-content .tb--active-sessions-current,.tb--security-content .tb--active-sessions-current .tb--active_sessions-table-item-mob {
        margin-bottom:0
    }

    .tb--security-content .tb--active_sessions-quit {
        margin-bottom: 16px;
        margin-top: 16px
    }
}

.tb--security-content .tb--active_sessions-caption,.tb--security-content .tb--switch-block .tb--switch-label {
    color: var(--modal-text-color-2);
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize
}

.tb--security-content .tb--active_sessions-content,.tb--security-content .tb--activity_log-content,.tb--security-content .tb--security-sub-content,.tb--security-content .tb--security-twofactor {
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--security-content .tb--active_sessions-content,.tb--security-content .tb--activity_log-content,.tb--security-content .tb--security-sub-content,.tb--security-content .tb--security-twofactor {
        background-color:var(--modal-bg-color-2);
        border-radius: 12px;
        margin: 0;
        padding: 16px
    }
}

.tb--security-content .tb--session-quit-btn,.tb--security-content .tb--trust-browser-link {
    align-self: flex-end;
    color: var(--brand-color-1);
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15.6px;
    text-align: right;
    text-decoration-line: underline;
    text-transform: capitalize
}

.tb--security-content .tb--active_sessions-table-item,.tb--security-content .tb--activity_log-table-item,.tb--security-content .tb--security-table-item {
    font-size: 12px;
    font-weight: 400;
    height: auto;
    justify-content: space-between;
    line-height: 14px;
    margin-bottom: 12px;
    margin-top: 0;
    min-height: 68px;
    padding: 10px
}

.tb--security-content .tb--active_sessions-table-item .quit-icon,.tb--security-content .tb--active_sessions-table-item .security-icon,.tb--security-content .tb--activity_log-table-item .quit-icon,.tb--security-content .tb--activity_log-table-item .security-icon,.tb--security-content .tb--security-table-item .quit-icon,.tb--security-content .tb--security-table-item .security-icon {
    color: var(--brand-color-1);
    cursor: pointer;
    display: inline-block
}

.tb--security-content .tb--active_sessions-table-item .tb--al-td span,.tb--security-content .tb--activity_log-table-item .tb--al-td span,.tb--security-content .tb--security-table-item .tb--al-td span {
    display: block;
    line-height: 18px
}

.tb--security-content .tb--active_sessions-table-item .tb--al-td span:first-child,.tb--security-content .tb--activity_log-table-item .tb--al-td span:first-child,.tb--security-content .tb--security-table-item .tb--al-td span:first-child {
    color: var(--modal-text-color-3)
}

.tb--security-content .tb--active_sessions-table-item .tb--al-td span:last-child,.tb--security-content .tb--activity_log-table-item .tb--al-td span:last-child,.tb--security-content .tb--security-table-item .tb--al-td span:last-child {
    color: var(--modal-text-color-1)
}

.tb--security-content .tb--activity_log-table-item {
    padding: 10px 18px
}

.tb--security-content .tb--active_sessions-table-item .tb--active_sessions-table-td,.tb--security-content .tb--active_sessions-table-item .tb--security-table-td,.tb--security-content .tb--security-table-item .tb--active_sessions-table-td,.tb--security-content .tb--security-table-item .tb--security-table-td {
    flex: 2 1;
    padding: 0 8px
}

.tb--security-content .tb--active_sessions-table-item .tb--active_sessions-table-td:last-child,.tb--security-content .tb--active_sessions-table-item .tb--security-table-td:last-child,.tb--security-content .tb--security-table-item .tb--active_sessions-table-td:last-child,.tb--security-content .tb--security-table-item .tb--security-table-td:last-child {
    flex: 1 1;
    text-align: right
}

.tb--security-content .tb--active_sessions-table-item .tb--active_sessions-table-td:first-child,.tb--security-content .tb--active_sessions-table-item .tb--security-table-td:first-child,.tb--security-content .tb--security-table-item .tb--active_sessions-table-td:first-child,.tb--security-content .tb--security-table-item .tb--security-table-td:first-child {
    flex: 2.5 1
}

.tb--security-content .tb--active_sessions-table-item .tb--active_sessions-table-td span,.tb--security-content .tb--active_sessions-table-item .tb--security-table-td span,.tb--security-content .tb--security-table-item .tb--active_sessions-table-td span,.tb--security-content .tb--security-table-item .tb--security-table-td span {
    display: block;
    line-height: 18px
}

.tb--security-content .tb--active_sessions-table-item .tb--active_sessions-table-td span:first-child,.tb--security-content .tb--active_sessions-table-item .tb--security-table-td span:first-child,.tb--security-content .tb--security-table-item .tb--active_sessions-table-td span:first-child,.tb--security-content .tb--security-table-item .tb--security-table-td span:first-child {
    color: var(--modal-text-color-3)
}

.tb--security-content .tb--active_sessions-table-item .tb--active_sessions-table-td span:last-child,.tb--security-content .tb--active_sessions-table-item .tb--security-table-td span:last-child,.tb--security-content .tb--security-table-item .tb--active_sessions-table-td span:last-child,.tb--security-content .tb--security-table-item .tb--security-table-td span:last-child {
    color: var(--modal-text-color-1)
}

.tb--security-content .tb--active_sessions-table-item .tb--active_sessions-table-td.current span,.tb--security-content .tb--active_sessions-table-item .tb--security-table-td.current span,.tb--security-content .tb--security-table-item .tb--active_sessions-table-td.current span,.tb--security-content .tb--security-table-item .tb--security-table-td.current span {
    background: #3ac8331f;
    border-radius: 32px;
    color: #3ac833;
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    min-height: 20px;
    padding: 0 8px
}

.tb--security-content.tb--show-all-security {
    flex-direction: row-reverse;
    gap: 30px
}

.tb--security-content.tb--show-all-security>div {
    flex: 1 1
}

@media screen and (max-width: 1023.9px) {
    .tb--security-content {
        margin:0!important;
        width: 100%!important
    }

    .tb--security-content.tb--show-all-security {
        flex-direction: column;
        gap: 16px
    }

    .tb--security-content.tb--show-all-security>div {
        background-color: var(--modal-bg-color-3);
        border-radius: 12px;
        margin: 0;
        padding: 16px
    }

    .tb--security-content.tb--show-all-security>div .tb--btn-bottom-mobile {
        position: static;
        width: 100%
    }

    .tb--security-content .tb--active_sessions-table-item-mob,.tb--security-content .tb--activity_log-table-item-mob,.tb--security-content .tb--security-table-item-mob {
        background: none!important;
        border-radius: 12px;
        display: block;
        height: auto;
        margin: 0;
        overflow: hidden;
        padding: 0
    }

    .tb--security-content .tb--active_sessions-table-item-mob:not(:last-child),.tb--security-content .tb--activity_log-table-item-mob:not(:last-child),.tb--security-content .tb--security-table-item-mob:not(:last-child) {
        margin-bottom: 16px
    }

    .tb--security-content .tb--active_sessions-table-item-mob .tb--active_sessions-row,.tb--security-content .tb--active_sessions-table-item-mob .tb--security-row,.tb--security-content .tb--activity_log-table-item-mob .tb--active_sessions-row,.tb--security-content .tb--activity_log-table-item-mob .tb--security-row,.tb--security-content .tb--security-table-item-mob .tb--active_sessions-row,.tb--security-content .tb--security-table-item-mob .tb--security-row {
        align-items: center;
        color: var(--modal-text-color-3);
        display: flex;
        font-size: 12px;
        height: auto;
        justify-content: space-between;
        min-height: 47px;
        padding: 4px 16px
    }

    .tb--security-content .tb--active_sessions-table-item-mob .tb--active_sessions-row span:last-child,.tb--security-content .tb--active_sessions-table-item-mob .tb--security-row span:last-child,.tb--security-content .tb--activity_log-table-item-mob .tb--active_sessions-row span:last-child,.tb--security-content .tb--activity_log-table-item-mob .tb--security-row span:last-child,.tb--security-content .tb--security-table-item-mob .tb--active_sessions-row span:last-child,.tb--security-content .tb--security-table-item-mob .tb--security-row span:last-child {
        color: var(--modal-text-color-1);
        font-weight: 500
    }

    .tb--security-content .tb--active_sessions-table-item-mob .tb--active_sessions-row:nth-child(2n),.tb--security-content .tb--active_sessions-table-item-mob .tb--security-row:nth-child(2n),.tb--security-content .tb--activity_log-table-item-mob .tb--active_sessions-row:nth-child(2n),.tb--security-content .tb--activity_log-table-item-mob .tb--security-row:nth-child(2n),.tb--security-content .tb--security-table-item-mob .tb--active_sessions-row:nth-child(2n),.tb--security-content .tb--security-table-item-mob .tb--security-row:nth-child(2n) {
        background: var(--modal-bg-color-3)
    }

    .tb--security-content .tb--active_sessions-table-item-mob .tb--active_sessions-row:nth-child(odd),.tb--security-content .tb--active_sessions-table-item-mob .tb--security-row:nth-child(odd),.tb--security-content .tb--activity_log-table-item-mob .tb--active_sessions-row:nth-child(odd),.tb--security-content .tb--activity_log-table-item-mob .tb--security-row:nth-child(odd),.tb--security-content .tb--security-table-item-mob .tb--active_sessions-row:nth-child(odd),.tb--security-content .tb--security-table-item-mob .tb--security-row:nth-child(odd) {
        background: var(--modal-bg-color-1)
    }

    .tb--security-content .tb--active_sessions-table-item-mob .tb--active_sessions-row .quit-icon,.tb--security-content .tb--active_sessions-table-item-mob .tb--active_sessions-row .security-icon,.tb--security-content .tb--active_sessions-table-item-mob .tb--security-row .quit-icon,.tb--security-content .tb--active_sessions-table-item-mob .tb--security-row .security-icon,.tb--security-content .tb--activity_log-table-item-mob .tb--active_sessions-row .quit-icon,.tb--security-content .tb--activity_log-table-item-mob .tb--active_sessions-row .security-icon,.tb--security-content .tb--activity_log-table-item-mob .tb--security-row .quit-icon,.tb--security-content .tb--activity_log-table-item-mob .tb--security-row .security-icon,.tb--security-content .tb--security-table-item-mob .tb--active_sessions-row .quit-icon,.tb--security-content .tb--security-table-item-mob .tb--active_sessions-row .security-icon,.tb--security-content .tb--security-table-item-mob .tb--security-row .quit-icon,.tb--security-content .tb--security-table-item-mob .tb--security-row .security-icon {
        color: var(--brand-color-1)
    }

    .tb--security-content .tb--active_sessions-table-item-mob .tb--active_sessions-row.current>span,.tb--security-content .tb--active_sessions-table-item-mob .tb--security-row.current>span,.tb--security-content .tb--activity_log-table-item-mob .tb--active_sessions-row.current>span,.tb--security-content .tb--activity_log-table-item-mob .tb--security-row.current>span,.tb--security-content .tb--security-table-item-mob .tb--active_sessions-row.current>span,.tb--security-content .tb--security-table-item-mob .tb--security-row.current>span {
        background: #3ac8331f;
        border-radius: 32px;
        color: #3ac833;
        display: inline-block;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        min-height: 20px;
        padding: 0 8px
    }

    .tb--security-content .tb--active_sessions-table-item-mob .tb--active_sessions-row span:last-child,.tb--security-content .tb--security-table-item-mob .tb--security-row span:last-child {
        font-weight: 400
    }
}

.tb--modal-lvl3.quit-sessions {
    align-items: center;
    background: none;
    display: flex;
    justify-content: center;
    padding: 20px!important
}

.tb--modal-lvl3.quit-sessions .tb--quit-sessions_popup {
    background-color: var(--modal-bg-color-2);
    border-radius: 12px;
    padding: 24px;
    position: relative;
    text-align: center;
    width: 360px
}

.tb--modal-lvl3.quit-sessions .tb--quit-sessions_popup .title {
    color: var(--modal-text-color-1);
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    margin-bottom: 16px;
    text-transform: uppercase;
    text-transform: capitalize
}

.tb--modal-lvl3.quit-sessions .tb--quit-sessions_popup .sub-title {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 auto 16px;
    max-width: 255px
}

.tb--modal-lvl3.quit-sessions .tb--quit-sessions_popup .tb--btn {
    flex: 1 1
}

@media screen and (max-width: 500px) {
    .tb--modal-lvl3.quit-sessions .tb--quit-sessions_popup {
        width:100%
    }
}

.tb--details_wrapper {
    padding-top: 6px
}

.tb--details_wrapper .tb--space.tb--col-12 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media screen and (min-width: 1024px) {
    .tb--details_wrapper {
        display:flex;
        overflow: auto
    }

    .tb--details_wrapper .tb--pd-inputs {
        column-gap: 3em;
        display: flex;
        padding-left: 1px;
        padding-right: 15px;
        width: 100%
    }

    .tb--details_wrapper.scroll-height+.tb--illustration {
        padding-left: 14px
    }

    .tb--details_wrapper.scroll-height.tb--col-4 {
        max-height: 440px;
        overflow: hidden;
        position: relative
    }

    .tb--details_wrapper.scroll-height.tb--col-4:after {
        background-image: linear-gradient(0deg,var(--modal-bg-color-3) 0,#fafafa00 100%);
        bottom: 0;
        content: "";
        display: none;
        height: 42px;
        left: 0;
        position: absolute;
        right: 20px
    }

    .tb--details_wrapper.scroll-height.tb--col-4 .tb--pd-inputs {
        overflow-y: auto
    }
}

@media screen and (min-width: 1366px)and (max-width:1500px) {
    .tb--details_wrapper .tb--pd-inputs {
        column-gap:1.5em
    }
}

@media screen and (min-width: 1024px)and (max-width:1366px) {
    .tb--details_wrapper .tb--pd-inputs {
        column-gap:1em
    }
}

@media screen and (min-width: 1024px) {
    .tb--empty-profile_banner+.tb--profile-body {
        height:100%
    }
}

.tb--profile-footer.tb--w_32 {
    width: 33.2%
}

@media screen and (max-width: 1023.9px) {
    .tb--profile-footer.tb--w_32 {
        width:100%!important
    }
}

.tb--profile-footer.tb--w_32.tb--show-scroll {
    width: 32.9%
}

.tb--profile-footer.tb--w_68 {
    width: 66%
}

@media screen and (max-width: 1023.9px) {
    .tb--profile-footer.tb--w_68 {
        width:100%
    }
}

@media screen and (min-width: 1024px) {
    .tb--profile-footer {
        padding-left:16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--profile-lcont {
        flex-direction:column;
        height: 100%
    }
}

@media screen and (min-width: 1024px) {
    .tb--profile-lcont {
        height:100%
    }
}

.tb--profile-lcont::-webkit-scrollbar {
    background-color: var(--modal-bg-color-2);
    border-radius: 12px;
    width: 8x
}

.tb--profile-lcont::-webkit-scrollbar-thumb {
    background: var(--modal-bg-color-1);
    border-radius: 10px;
    margin-left: 5px
}

@media screen and (min-width: 1024px) {
    .tb--profile-left-top-noBanner {
        max-height:612px
    }

    .tb--profile-left-top {
        max-height: 456px;
        overflow: auto;
        scrollbar-color: #33333338 #00800000;
        scrollbar-width: thin
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--profile-left-top {
        display:block
    }
}

.tg--verify-ico .tb--tooltip {
    background: #fff;
    border-radius: 16px;
    bottom: 18px;
    box-shadow: 0 3px 6px rgba(0,0,0,.302);
    color: #363748;
    display: none;
    min-width: 90px;
    padding: 6px 10px;
    position: absolute;
    right: 0
}

.tg--verify-ico:hover .tb--tooltip {
    display: block
}

.tb--space-1 .tb--profile-footer {
    text-align: left
}

.tb--profile-footer {
    padding-bottom: 0;
    padding-top: 0;
    text-align: right
}

@media screen and (max-width: 1023.9px) {
    .tb--profile-footer {
        padding:0
    }
}

.tb--profile-footer .tb--btn {
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 1023.9px) {
    .tb--profile-footer .tb--btn {
        width:100%
    }
}

.tb--radio-group label {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: calc(50% - 4px)
}

@media screen and (max-width: 1200px)and (min-width:1024px) {
    .tb--radio-group label {
        padding:inherit;
        width: calc(50% - 2px)
    }
}

.tb--radio-group label:first-child {
    margin-right: 8px
}

@media screen and (max-width: 1500px)and (min-width:1200px) {
    .tb--radio-group label:first-child {
        margin-right:4px
    }
}

@media screen and (max-width: 1200px)and (min-width:1024px) {
    .tb--radio-group label:first-child {
        margin-right:4px
    }
}

.tb--radio-group label span {
    align-items: center;
    display: flex;
    height: 100%;
    margin-top: 1px
}

.tb--radio-group label i {
    font-size: 24px;
    left: 2px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width: 1200px)and (min-width:1024px) {
    .tb--radio-group label i {
        display:none
    }
}

.tb--radio-group label input {
    display: none
}

.tb--radio-group label:after,.tb--radio-group label:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.tb--radio-group label:after {
    border: 1px solid;
    border-radius: 100%;
    height: 14px;
    right: 10px;
    width: 14px
}

.tb--radio-group label:before {
    border-radius: 100%;
    display: none;
    height: 8px;
    right: 14px;
    width: 8px
}

.tb--radio-group label.tb--input:not(.tb--input--no-icon) {
    padding-left: 38px
}

@media screen and (max-width: 1200px)and (min-width:1024px) {
    .tb--radio-group label.tb--input {
        padding-left:10px
    }
}

.tb--radio-group label.tb--input span {
    display: block;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% + 15px)
}

@media screen and (max-width: 1200px)and (min-width:1024px) {
    .tb--radio-group label.tb--input span {
        width:calc(100% + 20px)
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--radio-group label.tb--input span {
        margin-top:2px
    }
}

.tb--documents-upload .digi_icon-arrow_drop_down:before {
    margin-right: 5px
}

.tb--documents-upload .tb--width-5 {
    width: 48%
}

.tb--documents-upload .custom-file-upload {
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    display: inline-block;
    padding-left: 5px;
    padding-right: 0;
    text-align: center
}

@media screen and (max-width: 1023.9px) {
    .tb--documents-upload .custom-file-upload {
        width:100%
    }
}

.tb--documents-upload .custom-file-upload i {
    align-items: center;
    background-color: var(--brand-color-1);
    background-image: var(--brand-gradient-1);
    color: var(--brand-color-text);
    display: flex;
    font-style: normal;
    height: 42px;
    justify-content: center;
    padding: 0 24px
}

@media screen and (max-width: 1023.9px) {
    .tb--documents-upload .custom-file-upload {
        display:block;
        line-height: 44px;
        padding-left: 0;
        padding-right: 0
    }
}

.tb--documents-upload .tb--pay-inner-input {
    padding-right: 8px
}

@media screen and (max-width: 1023.9px) {
    .tb--documents-upload .tb--pay-inner-input {
        flex-basis:100%;
        max-width: 100%;
        padding: 0
    }

    .tb--documents-upload .upload-btn-wrapper {
        width: 100%
    }
}

.tb--documents-upload .upload-btn-wrapper input {
    display: none
}

.tb--documents-upload .react-select__placeholder {
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%
}

.tb--documents-upload .tb--accordion>div {
    border-radius: 12px;
    margin-bottom: 12px
}

.tb--documents-upload .tb--accordion .tb--accordion-header {
    align-items: center;
    border-radius: inherit;
    color: var(--modal-text-color-1);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: space-between;
    padding: 10px 16px;
    position: relative
}

.tb--documents-upload .tb--accordion .tb--accordion-header i {
    font-size: 18px
}

@media screen and (max-width: 1023.9px) {
    .tb--documents-upload .tb--accordion .tb--accordion-header i.digi_icon-arrow_down {
        transform:rotate(-90deg)
    }
}

@media screen and (min-width: 1023.9px) {
    .tb--documents-upload .tb--accordion .tb--accordion-header i.digi_icon-arrow_down--rotated {
        transform:rotate(180deg)
    }
}

.tb--documents-upload .tb--accordion .tb--accordion-header .digi_icon-exclamation {
    font-size: 18px;
    position: absolute;
    right: 40px;
    top: 10px
}

.tb--documents-upload .tb--accordion .tb--accordion-header .digi_icon-exclamation:before {
    color: #fc7f3f
}

.tb--documents-upload .tb--accordion .tb--accordion-item {
    padding: 0 16px 6px
}

.tb--documents-upload .tb--accordion .tb--accordion-sub,.tb--documents-upload .tb--accordion .tb--accordion-sub .tb--accordion-header {
    font-size: 12px
}

.tb--documents-upload .tb--accordion .tb--accordion-sub .tb--accordion-header {
    font-weight: 600
}

.tb--documents-upload .tb--accordion .tb--accordion-sub>div {
    border-radius: 12px;
    margin-bottom: 12px
}

.tb--documents-upload .tb--accordion .tb--accordion-sub .tb--document-type {
    display: flex;
    width: calc(100% - 48px)
}

.tb--documents-upload .tb--accordion .tb--accordion-sub .tb--document-type_name {
    width: 50%
}

.tb--documents-upload .tb--accordion .tb--upload-img-block {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    font-size: 14px;
    padding: 16px;
    position: relative
}

@media screen and (max-width: 1023.9px) {
    .tb--documents-upload .tb--accordion .tb--upload-img-block {
        padding:0 16px
    }
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img_text {
    margin: 16px 0
}

@media screen and (max-width: 600px) {
    .tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-items {
        flex-direction:column
    }
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-items_single .tb--upload-img-item {
    width: 100%
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--document-other_desc {
    display: flex;
    flex-direction: column;
    margin-top: 16px
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--document-other_desc label {
    color: var(--modal-text-color-1)!important;
    font-size: 12px
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--document-other_desc .tb--document-area {
    align-items: center;
    background-color: var(--modal-bg-color-1);
    border: 1px solid #0000;
    border-radius: var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left);
    color: var(--modal-text-color-2);
    display: flex;
    font-size: 12px;
    height: 83px;
    outline: none;
    padding: 12px;
    width: 100%
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--document-other_desc .tb--document-area::placeholder {
    font-size: 12px;
    opacity: .5
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item {
    border-radius: 4px;
    flex-wrap: wrap;
    height: 100%;
    height: 196px;
    overflow: hidden;
    padding: 25px 16px;
    position: relative
}

@media screen and (min-width: 601px) {
    .tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item {
        width:50%
    }
}

@media screen and (max-width: 600px) {
    .tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item {
        flex-direction:column
    }

    .tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item svg {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 601px) {
    .tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item:first-child {
        margin-right:16px
    }
}

@media screen and (max-width: 600px) {
    .tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item:first-child {
        margin-bottom:16px
    }
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item .tb--upload-img-text {
    color: var(--modal-text-color-2);
    font-size: 14px;
    margin-top: 8px
}

@media screen and (max-width: 600px) {
    .tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item .tb--upload-img-text {
        font-size:18px;
        margin-top: 4px
    }
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item .tb--upload-img-text_or {
    color: var(--modal-text-color-2);
    display: inline-block;
    font-size: 12px;
    padding: 0 12px;
    position: relative;
    width: 145px
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item .tb--upload-img-text_or:after,.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item .tb--upload-img-text_or:before {
    background-color: var(--modal-text-color-2);
    content: "";
    height: 1px;
    opacity: 12%;
    position: absolute;
    top: 50%;
    width: calc(50% - 12px)
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item .tb--upload-img-text_or:before {
    left: 0
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item .tb--upload-img-text_or:after {
    right: 0
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item .tb--attach-file {
    color: var(--brand-color-1);
    margin-top: 5px
}

@media screen and (max-width: 600px) {
    .tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item .tb--attach-file {
        margin-top:4px
    }
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--upload-img-item .tb--attach-file i {
    font-size: 24px
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .upload-input {
    border: 2px dashed var(--modal-text-color-2);
    border-radius: 12px;
    bottom: 0;
    left: 0;
    opacity: .1;
    position: absolute;
    right: 0;
    top: 0
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .upload-input>input {
    display: block;
    height: 100%;
    opacity: 0;
    width: 100%
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .preview-item {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width: 1023.9px) {
    .tb--documents-upload .tb--accordion .tb--upload-img-block .preview-item {
        z-index:1
    }
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .preview-item .pdf-preview {
    text-align: center
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .preview-item .pdf-preview svg {
    fill: var(--brand-color-1)
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .preview-item img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .preview-item svg {
    fill: var(--modal-text-color-1);
    margin-bottom: 8px;
    opacity: .7;
    width: 50px
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .delete-image {
    border-radius: 100%;
    cursor: pointer;
    height: 37px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 37px
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .delete-image i {
    font-size: 18px
}

.tb--documents-upload .tb--accordion .tb--upload-img-block .tb--card-icon .color_1 {
    fill: var(--brand-color-1)
}

@media screen and (max-width: 1023.9px) {
    .tb--documents-upload .tb--accordion .open {
        background-color:var(--modal-bg-color-1);
        border-radius: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        left: 0;
        margin-bottom: 0!important;
        overflow-y: auto;
        padding-top: 56px;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 999
    }

    .tb--documents-upload .tb--accordion .open>.tb--accordion-header {
        background-color: var(--modal-bg-color-1);
        border-radius: 0;
        color: var(--modal-text-color-2);
        min-height: 56px;
        padding-left: 54px;
        position: fixed;
        text-transform: uppercase;
        top: 0;
        width: 100%;
        z-index: 999
    }

    .tb--documents-upload .tb--accordion .open>.tb--accordion-header:before {
        background-color: var(--modal-text-color-3);
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        opacity: 10%;
        position: absolute;
        width: 100%
    }

    .tb--documents-upload .tb--accordion .open>.tb--accordion-header i {
        left: 16px;
        position: absolute;
        transform: rotate(90deg)
    }

    .tb--documents-upload .tb--accordion .open>.tb--accordion-header .tb--document-type {
        display: block
    }

    .tb--documents-upload .tb--accordion .open>.tb--accordion-header .tb--document-type .tb--document-type_name {
        width: 100%
    }

    .tb--documents-upload .tb--accordion .open>.tb--accordion-header .tb--document-type .tb--no-status,.tb--documents-upload .tb--accordion .open>.tb--accordion-header .tb--document-type .tb--status {
        display: inline-block;
        pointer-events: none;
        text-transform: none;
        transform: translate(-22px,60px)
    }

    .tb--documents-upload .tb--accordion .open>.tb--accordion-header .digi_icon-exclamation {
        right: 12px;
        top: 16px
    }

    .tb--documents-upload .tb--accordion .open .tb--accordion-sub .tb--accordion-content {
        display: none
    }

    .tb--documents-upload .tb--accordion .open .tb--accordion-content {
        background-color: var(--modal-bg-color-2);
        border-radius: 16px;
        flex-grow: 1;
        height: auto!important;
        margin: 16px;
        overflow: visible!important;
        overflow: initial!important
    }

    .tb--documents-upload .tb--accordion .open .tb--accordion-content>div.tb--accordion-item {
        padding: 16px
    }

    .tb--documents-upload .tb--accordion .open .tb--accordion-sub .open {
        display: flex;
        flex-direction: column
    }

    .tb--documents-upload .tb--accordion .open .tb--accordion-sub .open .tb--accordion-content {
        display: block
    }

    .tb--documents-upload .tb--accordion .open .tb--accordion-sub .open .tb--accordion-content .tb--accordion-sub-item {
        height: 100%
    }

    .tb--documents-upload .tb--accordion .open .tb--accordion-sub .open .tb--accordion-content .tb--upload-img-block {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .tb--documents-upload .tb--accordion .open .tb--accordion-sub .open .tb--accordion-content .tb-form-control {
        align-items: flex-end;
        display: flex;
        flex-grow: 1
    }
}

@media screen and (max-width: 1023.9px)and (max-width:1023.9px) {
    .tb--documents-upload .tb--accordion .open .tb--accordion-sub .open .tb--accordion-content {
        background:var(--modal-bg-color-2);
        border-radius: 16px;
        height: auto!important;
        margin: 16px;
        padding: 16px
    }

    .tb--documents-upload .tb--accordion .open .tb--accordion-sub .open .tb--accordion-content .tb--upload-img-block {
        padding: 0
    }
}

.tb--documents-upload .tb--no-status {
    font-weight: 400
}

.tb--no_attached_docs {
    border-radius: 12px;
    color: var(--modal-text-color-1)
}

.tb--document-time {
    flex-wrap: wrap;
    width: 20%
}

.tb--attached_documents_mobile-table {
    background: var(--modal-bg-color-1);
    border-radius: 12px;
    font-size: 14px
}

.tb--attached_documents_mobile-table .tb--line:after {
    border-bottom: 1px solid var(--modal-bg-color-4);
    content: "";
    height: 32px;
    left: 30px;
    opacity: .2;
    position: absolute;
    right: 30px
}

@media screen and (max-width: 1023.9px) {
    .tb--attached_documents_mobile-table:last-child {
        margin-bottom:0
    }
}

.tb--attached_documents_mobile-table .tb--right-table {
    color: var(--modal-text-color-3)
}

.tb--attached_documents_mobile-table .tb--left-table {
    color: var(--modal-text-color-1)
}

.tb--attached_documents_table>div {
    border-radius: 12px
}

@media only screen and (max-width: 1023.9px) {
    .tb--attached_documents_table>div {
        padding-left:10px;
        padding-right: 10px
    }
}

.tb--attached_documents_table>div:first-child {
    background-color: var(--modal-bg-color-1);
    color: var(--modal-text-color-1);
    font-size: 14px
}

.tb--attached_documents_table>div>span:first-child {
    flex-grow: 3;
    max-width: 42%
}

.tb--document-note {
    background-color: #0000!important;
    color: var(--modal-text-color-3);
    margin-bottom: 6px;
    padding: 16px;
    position: relative
}

.tb--document-note:after {
    background-color: var(--modal-bg-color-1);
    bottom: 0;
    content: "";
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0
}

.tb--document-note p {
    position: relative;
    z-index: 1
}

.tb--documents-policy .tb--verify-btn {
    margin-top: 24px
}

@media only screen and (max-width: 1023.9px) {
    .tb--documents-policy {
        margin-bottom:24px
    }

    .tb--documents-policy .tb--verify-btn {
        margin-top: 16px
    }
}

.tb--documents-policy h4 {
    color: #666
}

.tb--documents-policy p {
    display: flex;
    padding-left: 20px;
    position: relative
}

.tb--documents-policy p:before {
    background-color: var(--brand-color-1);
    border-radius: 50px;
    content: "";
    display: inline-block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 8px
}

.tb--left-table {
    text-align: right
}

@media only screen and (max-width: 1023.9px) {
    .tb--documents-cont .tb--documents-policy,.tb--documents-cont .tb--documents-upload {
        padding:0
    }
}

@media screen and (min-width: 1024px) {
    .profile--banner-spacing {
        margin-bottom:21px
    }

    .profile--banner-spacing:not(.tb--empty-profile_banner)+div .tb--security-subhead {
        margin-top: -24px!important
    }
}

.tb--pref {
    height: 100%
}

.tb--pref-container {
    border-radius: 12px;
    font-size: 16px;
    height: 100%;
    padding: 24px
}

@media screen and (max-width: 768px) {
    .tb--pref-container {
        padding:16px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--pref-container {
        height:auto;
        margin: 16px
    }
}

.tb--pref-desc {
    font-size: 14px
}

@media screen and (max-width: 1023.9px) {
    .tb--pref-desc {
        margin-bottom:4px;
        padding: 0
    }
}

.tb--pref-desc_title {
    font-size: 16px
}

@media screen and (max-width: 1023.9px) {
    .tb--pref-content {
        flex-direction:column;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 1024px) {
    .tb--pref-box {
        flex-grow:0;
        width: 50%
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--pref-box {
        margin-top:12px
    }
}

.tb--pref-box_cont {
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px;
    width: 100%
}

.tb--pref-box_title {
    color: var(--modal-text-color-1);
    font-size: 20px
}

@media screen and (max-width: 1200px) {
    .tb--pref-box_title {
        font-size:16px
    }
}

.tb--pref-box_desc {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-size: 14px;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 1200px) {
    .tb--pref-box_desc {
        font-size:12px
    }
}

.tb--pref-types {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px
}

.tb--pref-type_wrapper {
    background-color: var(--modal-bg-color-2);
    border-radius: 12px;
    padding: 16px
}

.tb--pref-type_text {
    font-size: 14px
}

@media screen and (max-width: 1200px) {
    .tb--pref-type_text {
        font-size:12px
    }
}

@media screen and (min-width: 1024px)and (max-width:1200px) {
    .tb--pref-box:only-child {
        flex-grow:1;
        width: 50%
    }
}

@media screen and (min-width: 1200px) {
    .tb--pref-box:only-child {
        flex-grow:0;
        width: 50%
    }
}

.tb--pref-box:only-child .tb--pref-box_cont {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.tb--pref-box:only-child .tb--pref-box_desc {
    height: auto
}

.tb--pref-desktop {
    display: flex;
    flex-direction: column
}

.tb--pref-desktop:not(:last-child) {
    margin-bottom: 24px
}

.tb--pref-desktop__titles {
    display: flex
}

.tb--pref-desktop__titles .tb--pref-box_title {
    background-color: var(--modal-bg-color-1);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    width: 50%
}

.tb--pref-desktop__titles .tb--pref-box_title_empty {
    background-color: var(--modal-bg-color-2)
}

.tb--pref-desktop__descriptions {
    display: flex
}

.tb--pref-desktop__descriptions .tb--pref-box_desc {
    background-color: var(--modal-bg-color-1);
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    width: 50%
}

.tb--pref-desktop__descriptions .tb--pref-box_desc_empty {
    background-color: var(--modal-bg-color-2)
}

.tb--pref-desktop__switchers {
    display: flex
}

.tb--pref-desktop__switchers .tb--pref-types {
    background-color: var(--modal-bg-color-1);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 0;
    padding: 16px;
    width: 50%
}

.tb--pref-desktop__switchers .tb--pref-types_empty {
    background-color: var(--modal-bg-color-2)
}

.tb--profile-left-cont .tb--status-block {
    align-items: center
}

.tb--profile-left-cont .tb--status-block p a {
    text-decoration: underline
}

@media screen and (max-width: 1023.9px) {
    .tb--payment_categories.tb--submenu-trans {
        margin:0 -16px 16px
    }

    .cashier-form-wrapper {
        margin-top: 21px
    }

    .cashier-form-wrapper .tb--banner {
        margin-top: 0
    }
}

.account-block_item-icon.digi_icon-request_callback {
    font-size: 16px
}

.tb--menu-item .digi_icon-request_callback {
    font-size: 20px!important
}

.tb--user-cashback_cont {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.tb--user-cashback_cont .tb--requst-cashback i {
    color: var(--modal-text-color-1);
    font-size: 22px
}

@media only screen and (min-width: 1024px) {
    .tb--user-cashback_cont .tb--requst-cashback {
        background-color:var(--modal-bg-color-2)
    }
}

@media only screen and (min-width: 1024px)and (max-width:1366px) {
    .tb--user-cashback_cont .tb--requst-cashback {
        margin-bottom:6px
    }
}

.tb--user-cashback_cont .tb--rcashback-title {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 0 10px;
    text-transform: capitalize
}

@media only screen and (max-width: 1023.9px) {
    .tb--user-cashback_cont .tb--rcashback-title {
        margin-right:auto
    }
}

.tb--user-cashback_cont .tb--rcashback-link {
    align-items: center;
    color: var(--brand-color-1);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: flex-end;
    min-width: 140px;
    text-transform: capitalize
}

.tb--user-cashback_cont .tb--rcashback-link i {
    font-size: 12px;
    margin-left: 4px
}

.tb--user-cashback_cont .tb--rcashback-link i:before {
    height: 18px;
    line-height: 18px;
    width: 18px
}

@media only screen and (max-width: 500px) {
    .tb--user-cashback_cont .tb--rcashback-link {
        width:80%
    }

    .tb--user-cashback_cont .tb--rcashback-link i:before {
        height: 18px;
        line-height: 18px;
        width: 18px
    }
}

@media only screen and (max-width: 340px) {
    .tb--user-cashback_cont .tb--rcashback-link {
        justify-content:flex-start
    }

    .tb--user-cashback_cont .tb--rcashback-link>span {
        max-width: 70%
    }
}

.tb--my-profile .tb--profile-balance-content div {
    margin-bottom: 0;
    max-width: calc(100% - 40px)
}

.tb--my-profile .tb--profile-balance-content .tb--profile-balance_txt {
    display: block;
    margin-bottom: 8px
}

.tb--my-profile .tb--profile-balance-content .tb--balance span:first-child {
    color: var(--modal-text-color-1);
    font-size: 24px
}

.tb--my-profile .tb--profile-balance-content .tb--balance span:last-child {
    color: var(--modal-text-color-3);
    font-size: 12px;
    margin-left: 2px
}

.tb--my-profile .tb--profile-balance-content .tb--balance_hidden {
    cursor: pointer;
    padding: 0 4px
}

.tb--my-profile .tb--profile-balance-content .tb--balance_hidden .digi_icon-change_password,.tb--my-profile .tb--profile-balance-content .tb--balance_hidden .tb--currency-hidden {
    color: var(--modal-text-color-3);
    margin-top: auto
}

.tb--my-profile .tb--profile-balance-content .tb--balance_hidden .digi_icon-change_password:before {
    height: auto;
    line-height: inherit
}

.tb--my-profile .tb--profile-balance-content .tb--balance_hidden .tb--tooltip {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 6px 0 #0003;
    color: #212121;
    display: none;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    left: 55px;
    line-height: normal;
    max-width: 253px;
    opacity: 0;
    padding: 8px 12px;
    position: absolute;
    right: auto;
    top: -15px;
    width: auto;
    z-index: 999
}

@media screen and (min-width: 1023.9px) {
    .tb--my-profile .tb--profile-balance-content .tb--balance_hidden:hover .tb--tooltip {
        display:block;
        opacity: 1
    }
}

.tb--my-profile .tb--profile-balance-content .show-balance-icon {
    background-color: var(--modal-bg-color-2);
    color: var(--modal-text-color-1)
}

.tb--my-profile .tb--profile-balance-content .show-balance-icon.digi_icon-eye-slash {
    color: var(--brand-color-1)
}

.tb--my-profile .tb--profile-balance-content .tb--hide-balance {
    color: var(--modal-text-color-1)
}

.tb--my-profile .tb--profile-balance-content .tb--balance-info-text_mobile {
    display: none
}

@media screen and (max-width: 1023.9px) {
    .tb--my-profile .tb--profile-balance-content .tb--balance-info-text_mobile {
        background-color:rgba(240,40,73,.078)!important;
        border: 1px solid var(--error-color)!important;
        border-radius: 16px;
        color: var(--modal-text-color-3);
        display: flex;
        font-size: 12px;
        height: 100%;
        margin-top: 16px;
        padding: 16px;
        width: 100%
    }
}

.tb--profile-bonus-line {
    background-color: var(--modal-bg-color-3);
    display: block;
    height: 1px;
    margin-bottom: 18px;
    margin-top: 6px;
    width: 100%
}

@media only screen and (max-width: 1023.9px) {
    .tb--profile-bonus-line {
        margin-bottom:8px;
        margin-top: 0
    }
}

.tb--profile-balance-info div.tb--profile-balance-content,.tb--profile-balance-info div.tb--total-net-balance {
    margin-bottom: 18px;
    padding-bottom: 18px;
    position: relative
}

.tb--profile-balance-info div.tb--profile-balance-content:after,.tb--profile-balance-info div.tb--total-net-balance:after {
    background-color: var(--modal-bg-color-3);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

@media only screen and (max-width: 1023.9px) {
    .tb--profile-balance-info div.tb--profile-balance-content,.tb--profile-balance-info div.tb--total-net-balance {
        margin-bottom:9px;
        padding-bottom: 9px
    }
}

.tb--profile-balance-info div.tb--total-net-balance .tb--profile-balance_currency {
    margin-left: 3px
}

.tb--user-info_verify {
    gap: 12px;
    margin: 12px 0
}

@media screen and (max-width: 1366px) {
    .tb--user-info_verify {
        flex-direction:column
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--user-info_verify {
        background:var(--modal-bg-color-2);
        border-radius: 0 0 12px 12px;
        margin: auto
    }

    .tb--user-info_verify:not(:empty) {
        padding: 0 18px 18px
    }
}

.tb--user-info_verify .tb--verify-btn {
    align-items: center;
    border: 1px solid #ff2222;
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    display: flex;
    flex-grow: 1;
    height: 44px;
    justify-content: center;
    min-width: 48%;
    padding: 0 17px
}

@media screen and (max-width: 1366px) {
    .tb--user-info_verify .tb--verify-btn {
        width:100%
    }
}

.tb--user-info_verify .tb--verify-btn input {
    border: none;
    min-width: 80px;
    padding: 0 5px;
    width: auto
}

.tb--user-info_verify .tb-verify-icon {
    color: #ff2222;
    cursor: pointer;
    font-size: 24px
}

.tb--verify-button_cont {
    display: none
}

@media only screen and (max-width: 1023.9px) {
    .tb--rtl .tb--user-cashback_cont .tb--rcashback-title {
        margin-left:auto;
        margin-right: 0
    }
}

@media only screen and (max-width: 340px) {
    .tb--rtl .tb--user-cashback_cont .tb--rcashback-link {
        justify-content:flex-end
    }
}

.tb--rtl .tb--user-cashback_cont .tb--rcashback-link i {
    margin-left: 0;
    margin-right: 4px;
    transform: rotate(180deg)
}

.tb--rtl .tb--user-info_block .tb--user-info {
    margin: 0 18px 0 0
}

.tb--rtl .tb--profile-left-cont .tb--pay-inner-input .tb--radio-group label.tb--input span {
    width: 100%
}

@media screen and (min-width: 1024px)and (max-width:1200px) {
    .tb--rtl .tb--profile-left-cont .tb--pay-inner-input .tb--radio-group label:before {
        left:9px
    }

    .tb--rtl .tb--profile-left-cont .tb--pay-inner-input .tb--radio-group label.tb--input {
        padding-left: 10px;
        padding-right: 38px
    }
}