#login_captcha {
    display: flex;
    justify-content: center;
}
.main-menu {
    position: fixed;
    top: 2.5rem;
    right: 0;
    width:0;
    min-width: 17.5em;
    height: calc(100vh - 40px);
    box-shadow: -10px 0 15px #00000050;
    z-index: 2;
    transform: translateX(17.5em);
    transition: 0.25s;
    visibility: hidden;
}

body[dir='rtl'] .main-menu {
    right: unset;
    left: 0;
    transform: translateX(-17.5em);
    box-shadow: 10px 0 15px #00000050;
}

.main-menu-login {
    color: #000;
    font-size: 1.125em;
    position: absolute;
    right: 100%;
    transform: rotate(-90deg);
    transform-origin: right bottom;
    z-index: 1;
    background: #ffa500;
    padding: 0.15em 0.5em;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: -10px 0 15px #00000050;
}

body[dir='rtl'] .main-menu-login {
    left: 100%;
    right: unset;
    transform: rotate(90deg);
    transform-origin: left bottom;
    box-shadow: 10px 0 15px #00000050;
}

.main-menu h2 {
    font-size: 1.125em;
    color: #fff;
    margin: 0.4375em 0 0.875em 0.15em;
}


.user-menu-is-open {
    transform: translateX(0);
    visibility: visible;
    transition: transform .25s 0s, visibility 0s 0s;
}

body[dir='rtl'] .user-menu-is-open {
    transform: translateX(0);
    visibility: visible;
    transition: transform .25s 0s, visibility 0s 0s;
}

.main-menu--content {
    height: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.main-menu--content::-webkit-scrollbar {
    display: none;
}

.main-menu--item {
    padding: 15px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    position: relative;
    outline: none;
}

.user-menu--item-accent {
    display: block;
    position: absolute;
    background: #ffa500;
    width: 10px;
    height: 10px;
    left: 7px;
    border-radius: 50%;
    animation: user-menu-accent-ani 1s linear infinite;
}

body[dir='rtl'] .user-menu--item-accent {
    left: unset;
    right: 7px;
}

@keyframes user-menu-accent-ani {
    0% { background: #503300; }
    50% { background: #ffa500; }
    100% { background: #503300; }
}

.main-menu--recovery-wrapper-hidden {
    display: none;
}

.main-menu--recovery-description {
}

.main-menu--button {
    background-color: #ffa500;
    border: 1px solid #ffa500;
    color: #303030;
    font-family: "Roboto Condensed";
    font-size: 16px;
    padding: 7px 20px;
    margin: 7px 0;
    width: 100%;
    border-radius: 3px;
    cursor: pointer;
    -webkit-appearance:none;
}
.main-menu--button:hover {
    background-color: #ff8e00;
    border: 1px solid #ff8e00;
}

.main-menu--button-outline { 
    background-color: transparent; 
    border: 1px solid #ffa500;
    color: #ffa500; 
    font-size: 16px; 
    padding: 7px 20px; 
    margin: 7px 0;
    width: 100%; 
    border-radius: 3px; 
    cursor: pointer; 
    -webkit-appearance:none; 
}

.main-menu--button-outline:hover {
    border: 1px solid #ff8e00;
    color: #ff8e00;
}


.main-menu--item span {
    color: #cecece;
    white-space: nowrap;
}

body[dir='rtl'] .main-menu--item span {
    white-space: normal;
}

.main-menu--item span sup {
    color: #ffa500;
    padding: 0 0.5em;
}

.main-menu--item-icon {
    width: 32px;
    height: 32px;
    margin: 0 10px 0 18px;
    flex: 0 0 auto;
}
body[dir='rtl'] .main-menu--item-icon {
    margin: 0 18px 0 10px;
}

.icon-bethistory {
    background: url('../../images/icons/icon-menu-bethistory.svg');
    background-size: 32px 32px;
}

.icon-deposit {
    background: url('../../images/icons/icon-menu-deposit.svg');
    background-size: 32px 32px;
}

.icon-withdrawal {
    background: url('../../images/icons/icon-menu-withdrawal.svg');
    background-size: 32px 32px;
}

.icon-chains {
    background: url('../../images/icons/icon-menu-chains.svg');
    background-size: 32px 32px;
}

.icon-transactions {
    background: url('../../images/icons/icon-menu-transactions.svg');
    background-size: 32px 32px;
}

.icon-bonuses {
    background: url('../../images/icons/icon-menu-bonuses.svg');
    background-size: 32px 32px;
}

.icon-promocodes {
    background: url('../../images/icons/icon-menu-promocodes.svg');
    background-size: 32px 32px;
}

.icon-verification {
    background: url('../../images/icons/icon-menu-verification.svg');
    background-size: 32px 32px;
}

.icon-settings {
    background: url('../../images/icons/icon-menu-settings.svg');
    background-size: 32px 32px;
}

.icon-profile {
    background: url('../../images/icons/icon-menu-profile.svg');
    background-size: 32px 32px;
}

.icon-affiliate {
    background: url('../../images/icons/icon-menu-affiliate.svg');
    background-size: 32px 32px;
}

.icon-notifications {
    background: url('../../images/icons/icon-menu-notifications.svg');
    background-size: 32px 32px;
}

.icon-help {
    background: url('../../images/icons/icon-menu-help.svg');
    background-size: 32px 32px;
}

.icon-tickets {
    background: url('../../images/icons/icon-menu-tickets.svg');
    background-size: 32px 32px;
}

.icon-logout {
    background: url('../../images/icons/icon-menu-logout.svg');
    background-size: 32px 32px;
}

.icon-logout-all {
    background: url('../../images/icons/icon-menu-logout-all.svg');
    background-size: 32px 32px;
}

.icon-menu-download {
    stroke: #fff;
    padding: 0 0.25em;
    width: 16px;
    height: 16px;
    transition: 0.25s;
    cursor: pointer;
}

.icon-menu-download:hover {
    stroke: #ffa500;
}