.wordpress .alignnone{margin:5px 20px 20px 0}
.wordpress .aligncenter,.wordpress div.aligncenter{display:block;margin:5px auto}
.wordpress .alignright{float:right;margin:5px 0 20px 20px}
.wordpress .alignleft{float:left;margin:5px 20px 20px 0}
.wordpress a img.alignright{float:right;margin:5px 0 20px 20px}
.wordpress a img.alignnone{margin:5px 20px 20px 0}
.wordpress a img.alignleft{float:left;margin:5px 20px 20px 0}
.wordpress a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wordpress .wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wordpress .wp-caption.alignleft,.wordpress .wp-caption.alignnone{margin:5px 20px 20px 0}
.wordpress .wp-caption.alignright{margin:5px 0 20px 20px}
.wordpress .wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wordpress .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.wordpress .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.wordpress .screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

.help-block{display:block;margin-top:5px;margin-bottom:10px;color: #f27474;
}

*, :after, :before {
    box-sizing: border-box;
    word-break: inherit!important;
}

.autocomplete{
    min-width: 270px;
    z-index: 99999;
}
.modal{
    z-index: 99999!important;
}

.swal2-container{
    z-index: 99999!important;
}

@media (max-width: 767px) {
    .hidden-mobile {
        display: none;
    }
}

/*******************
Main & Page wrapper
*******************/

.page-wrapper {
    padding-top: 0px;
}

#main-wrapper {
    overflow: hidden;
}


.sprite__icon.fa {
    color: #1DC775;
    min-width: 15px;
    text-align: center;
}
.nav-block>a .sprite__icon, .nav-block>label .sprite__icon {
    fill: var(--green-color);
    color: var(--green-color);
}

.is-active .sprite__icon.fa {
    color: #1cb0f6;
}

/*******************
container fluid
*******************/

.container-fluid {
    padding: 0px;
}




/*******************
Fix-width
*******************/

.fix-width {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}


/*******************
Spacer
*******************/

.spacer {
    padding: 90px 0;
}

.mini-spacer {
    padding: 40px 0;
}

.footerLinkActive{
    font-size: 1rem;
    line-height: 1.21429;
    margin-top: 10px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #00c09c!important;
}
.footerLinkActive:first-child{
    margin-top: -1px;
}

.base-settings{
    min-height:400px;padding:20px 40px
}

.base-settings .profile-edit-footer{padding-left:40px}
.base-settings .profile-edit-footer{margin-top:120px}
.base-settings .profile-edit-footer{background:#eff7fd;padding:30px 0 30px 30px}
.base-settings .profile-edit-footer .profile-edit-footer-hint{color:#bdc3c7;font-size:15px;padding-left:10px}

.whiteUserContainer{background:#fff;border-left:2px solid #ecf0f1;min-height:700px;padding:20px 40px}
.whiteUserContainer .row-normal{margin-left:-15px;margin-right:-15px}
.whiteUserContainer .settingsVars .settingsVars-item{background:#fff;border:none;border-radius:5px;color:#34495e;display:block;font-size:13px;position:relative;text-align:center;padding:20px 15px 15px;height:100%;box-shadow:0 15px 45px rgba(0,0,0,.05);transition:all .23s ease}
.whiteUserContainer .settingsVars .settingsVars-item:hover{box-shadow:0 15px 45px rgba(0,0,0,.1)}
.whiteUserContainer .settingsVars .settingsVars-item img{width:80px;height:auto}
.whiteUserContainer .settingsVars .settingsVars-item2{background:#fff;border:2px solid #bfdef5;border-radius:10px;color:#34495e;display:block;float:left;font-size:13px;margin:0 0 20px 20px;min-height:180px;position:relative;text-align:center;width:220px;height:150px;padding:20px 0 15px}
.whiteUserContainer .settingsVars .settingsVars-item2:hover{border-color:#1abc9c}
.whiteUserContainer .settingsVars .settingsVars-item img,.whiteUserContainer .settingsVars .settingsVars-item2 img{position:relative;display:block;margin:0 auto 20px}


.H2{
    font-size: 36px;
}
.H3{
    font-size: 32px;
}
.H4{
    font-size: 30px;
}
.red{
    color:#EE3436;
}

html body .p-0{padding:0}
html body .p-5px{padding:5px}
html body .p-10{padding:10px}
html body .p-15{padding:15px}
html body .p-20{padding:20px}
html body .p-25{padding:25px}
html body .p-30{padding:30px}
html body .p-40{padding:40px}
html body .p-l-0{padding-left:0}
html body .p-l-5{padding-left:5px}
html body .p-l-10{padding-left:10px}
html body .p-l-15{padding-left:15px}
html body .p-l-20{padding-left:20px}
html body .p-l-25{padding-left:25px}
html body .p-l-30{padding-left:30px}
html body .p-r-0{padding-right:0}
html body .p-r-5{padding-right:0}
html body .p-r-10{padding-right:10px}
html body .p-r-15{padding-right:15px}
html body .p-r-20{padding-right:20px}
html body .p-r-25{padding-right:25px}
html body .p-r-30{padding-right:30px}
html body .p-r-40{padding-right:40px}
html body .p-t-0{padding-top:0}
html body .p-t-5{padding-top:5px}
html body .p-t-10{padding-top:10px}
html body .p-t-15{padding-top:15px}
html body .p-t-20{padding-top:20px}
html body .p-t-25{padding-top:25px}
html body .p-t-30{padding-top:30px}
html body .p-t-40{padding-top:40px}
html body .p-t-50{padding-top:50px}
html body .p-t-60{padding-top:60px}
html body .p-b-0{padding-bottom:0}
html body .p-b-5{padding-bottom:5px}
html body .p-b-10{padding-bottom:10px}
html body .p-b-15{padding-bottom:15px}
html body .p-b-20{padding-bottom:20px}
html body .p-b-25{padding-bottom:25px}
html body .p-b-30{padding-bottom:30px}
html body .p-b-40{padding-bottom:40px}
html body .p-b-50{padding-bottom:50px}

html body .m-10{margin:10px}
html body .m-15{margin:15px}
html body .m-20{margin:20px}

html body .m-0{margin:0}
html body .m-l-5{margin-left:5px}
html body .m-l-10{margin-left:10px}
html body .m-l-15{margin-left:15px}
html body .m-l-20{margin-left:20px}
html body .m-l-25{margin-left:25px}
html body .m-l-30{margin-left:30px}
html body .m-l-40{margin-left:40px}
html body .m-r-5{margin-right:5px}
html body .m-r-10{margin-right:10px}
html body .m-r-15{margin-right:15px}
html body .m-r-20{margin-right:20px}
html body .m-r-30{margin-right:30px}
html body .m-r-40{margin-right:40px}
html body .m-t-0{margin-top:0}
html body .m-t-5{margin-top:5px}
html body .m-t-10{margin-top:10px}
html body .m-t-15{margin-top:15px}
html body .m-t-20{margin-top:20px}
html body .m-t-25{margin-top:25px}
html body .m-t-30{margin-top:30px}
html body .m-t-35{margin-top:35px}

html body .margin-top-20{margin-top:20px}
html body .m-t-30{margin-top:30px}
html body .m-t-40{margin-top:40px}
html body .m-t-50{margin-top:50px}
html body .m-t-60{margin-top:60px}
html body .m-t-70{margin-top:70px}
html body .m-b-0{margin-bottom:0}
html body .m-b-5{margin-bottom:5px}
html body .m-b-10{margin-bottom:10px}
html body .m-b-15{margin-bottom:15px}
html body .m-b-20{margin-bottom:20px}
html body .margin-bottom-20{margin-bottom:20px}
html body .m-b-30{margin-bottom:30px}
html body .m-b-35{margin-bottom:35px}
html body .m-b-40{margin-bottom:40px}
html body .m-b-50{margin-bottom:50px}
html body .m-b-60{margin-bottom:60px}
html body .vt{vertical-align:top}
html body .vm{vertical-align:middle}
html body .vb{vertical-align:bottom}
.op-8{opacity:.8}
.op-7{opacity:.7}
.op-5{opacity:.5}
.op-3{opacity:.3}
html body .font-bold{font-weight:700}
html body .font-semibold{font-weight:600}
html body .font-normal{font-weight:400}
html body .font-light{font-weight:300}
html body .font-medium{font-weight:500}
html body .font-16{font-size:16px}
html body .font-14{font-size:14px}
html body .font-13{font-size:13px}
html body .font-10{font-size:10px}
html body .font-18{font-size:18px}
html body .font-20{font-size:20px}
html body .b-0{border:none!important}
html body .b-r{border-right:1px solid rgba(120,130,140,.13)}
html body .b-l{border-left:1px solid rgba(120,130,140,.13)}
html body .b-b{border-bottom:1px solid rgba(120,130,140,.13)}
html body .b-t{border-top:1px solid rgba(120,130,140,.13)}
html body .b-all{border:1px solid rgba(120,130,140,.13)!important}
.thumb-sm{height:32px;width:32px}
.thumb-md{height:48px;width:48px}
.thumb-lg{height:88px;width:88px}
.hide{display:none}
.img-circle{border-radius:100%}
.radius{border-radius:4px}

.fixHeight700{min-height:700px}
.fixHeight350{min-height:350px}
.fixHeight170{min-height:170px}

.text-center{text-align: center}
.w-100{
    width: 100%;
}


.profile .alert {
    width: 100%;
    grid-column: 1/-1;
}


.swal2-container {
    z-index: 999999;
}


.btn-success-gradiant{color:#fff; background:#2cdd9b;background:-webkit-linear-gradient(legacy-direction(to right),#2cdd9b 0,#1dc8cc 100%);background:linear-gradient(to right,#2cdd9b 0,#1dc8cc 100%);border:0;border:1px solid #1dc8cc}
.btn-success-gradiant:hover{background:#1dc8cc;background:-webkit-linear-gradient(legacy-direction(to right),#1dc8cc 0,#2cdd9b 100%);background:linear-gradient(to right,#1dc8cc 0,#2cdd9b 100%)}
.btn-success-gradiant.active,.btn-success-gradiant:active,.btn-success-gradiant:focus{box-shadow:0;opacity:1}
.btn-danger-gradiant{background:#ff4d7e;background:-webkit-linear-gradient(legacy-direction(to right),#ff4d7e 0,#ff6a5b 100%);background:linear-gradient(to right,#ff4d7e 0,#ff6a5b 100%);border:0}
.btn-danger-gradiant:hover{background:#ff6a5b;background:-webkit-linear-gradient(legacy-direction(to right),#ff6a5b 0,#ff4d7e 100%);background:linear-gradient(to right,#ff6a5b 0,#ff4d7e 100%)}
.btn-danger-gradiant.active,.btn-danger-gradiant:active,.btn-danger-gradiant:focus{box-shadow:0;opacity:1}
.btn-info-gradiant{background:#188ef4;background:-webkit-linear-gradient(legacy-direction(to right),#188ef4 0,#316ce8 100%);background:linear-gradient(to right,#188ef4 0,#316ce8 100%);border:0;color:#fff}
.btn-info-gradiant:hover{background:#316ce8;background:-webkit-linear-gradient(legacy-direction(to right),#316ce8 0,#188ef4 100%);background:linear-gradient(to right,#316ce8 0,#188ef4 100%)}
.btn-info-gradiant.active,.btn-info-gradiant:active,.btn-info-gradiant:focus{box-shadow:0;opacity:1}

.btn-arrow:hover{color:#fff}

.btn-arrow{position:relative}
.btn-arrow span{display:inline-block;position:relative;transition:all 300ms ease-out;will-change:transform}
.btn-arrow:focus span,.btn-arrow:hover span{transform:translate3d(-1rem,0,0)}
.btn-arrow i{position:absolute;width:1.1em;right:0;opacity:0;top:50%;transform:translateY(-50%);transition:all 300ms ease-out;will-change:right,opacity}
.btn-arrow:focus i,.btn-arrow:hover i{opacity:1;right:-2rem}

.btn{
    border-radius: 8px;
}



.btn-lg{padding:.75rem 1.5rem;font-size:1.25rem}
.btn-md{padding:15px 45px;font-size:16px}
.btn-sm{padding:.25rem .5rem;font-size:12px}
.btn-xs{padding:.25rem .5rem;font-size:10px}




.btn-inverse, .btn-inverse.disabled {
    background: #3e4555;
    border: 1px solid #3e4555;
    color: #fff
}

.btn-inverse.disabled:hover, .btn-inverse:hover {
    background: #232a37;
    color: #fff;
    border: 1px solid #232a37
}

.btn-inverse.active, .btn-inverse.disabled.active, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse:active, .btn-inverse:focus {
    background: #232a37;
    color: #fff
}


.btn-arrow, .btn-arrow span {
    position: relative
}

.btn-arrow span {
    display: inline-block;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    will-change: transform;
    white-space: nowrap
}

.btn-arrow:focus span, .btn-arrow:hover span {
    -webkit-transform: translate3d(-1rem, 0, 0);
    transform: translate3d(-1rem, 0, 0)
}

.btn-arrow i {
    position: absolute;
    width: 1.1em;
    right: 0;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    will-change: right, opacity;
    font-style: normal;
    font-weight: bold;
}


.btn-arrow:focus i, .btn-arrow:hover i {
    opacity: 1;
    right: -2rem
}



.H4{
    font-weight: bold;
}


.header__logo{
    margin-top:-10px;
}

.qaList li{
    min-height: 130px;
}
.hidden {
    display: none!important;
}

.circleButtonFa {
    color:#000;
    text-decoration: none;
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: #f5f8fa;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}




.btn-primary-gradiant{color:#fff;background:#5a76f6;background:-webkit-gradient(linear,left top,right top,from(#5a76f6),to(#1dc8cd));background:-webkit-linear-gradient(left,#5a76f6 0%,#1dc8cd 100%);background:-o-linear-gradient(left,#5a76f6 0%,#1dc8cd 100%);background:linear-gradient(to right,#5a76f6 0%,#1dc8cd 100%);border:0}.btn-primary-gradiant:hover{background:#1dc8cd;background:-webkit-gradient(linear,left top,right top,from(#1dc8cd),to(#5a76f6));background:-webkit-linear-gradient(left,#1dc8cd 0%,#5a76f6 100%);background:-o-linear-gradient(left,#1dc8cd 0%,#5a76f6 100%);background:linear-gradient(to right,#1dc8cd 0%,#5a76f6 100%);color:#fff}.btn-primary-gradiant.active,.btn-primary-gradiant:active,.btn-primary-gradiant:focus{-webkit-box-shadow:0;box-shadow:0;opacity:1}




.games-list-item .n-games__overlay-prem{position:absolute;top:0;left:0;z-index:9;opacity:.7;padding:5px 0 0;width:100%;background-color:rgba(0,0,0,.8)}
.games-list-item .n-games__overlay-prem::before{content:'';display:block;width:100%;padding-bottom:71%}
.games-list-item .n-games__overlay-prem__inner{position:absolute;padding-top:10px;width:100%;height:100%;top:0;left:0;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap}
.n-games__overlay-prem__img .fa{color:#ffc419;font-size:45px}
.games-list-item .n-games__overlay-prem__text{font-size:16px;color:#fff;line-height:1.1;margin-top:10px;padding:0 10px;text-align:center}
.games-list-item .n-games__overlay-prem__link{font-size:16px;color:#ffc419;text-decoration:underline;text-align:center}


.reg-page{background:#FEFEFE;border:1px solid #EEE;box-shadow:0 0 3px #EEE;color:#555;padding:30px;border-radius:10px}
.form-control-feedback {
    right: 30px;
    top: 12px;
    position: absolute;
}

.form-group {
    position: relative;
    margin-bottom: 20px;
}

.header-profile-popup .popup-nav-block a .svg {
    margin-right: 22px;

}


.wrapper {
    font-size: 18px;
}

.header-nav__link {
    font-weight: 700;
    font-size: 1rem;
}
.lstmain-aside-nav__link.is-active{color:var(--green-color)}

.autoheight{
    min-height: auto;
}


.header-profile-popup {
     width: 300px;
}


.hide{
    display: none;
}

.greenLink{
    color:var(--green-color);
}
.greenLink:hover{
    color: #03B18D;
}
.customBtn--average:hover{
    color: var(--white);
}
.customBtn--green:hover {
    color: var(--white);
}
.customBtn--blue:hover{
    color: var(--white);
}

.customBtn--orange:hover{
    color: var(--white);
}
.customBtn--sorange{
    background:linear-gradient(90deg, #e97e5a 0%, #EE3436 100%);
    box-shadow:0 4px 0 #EE3436;
    color: var(--white);
}
.customBtn--sorange:hover{
    color: var(--white);
}
.customBtn--pink:hover{
    color: var(--white);
}
.customBtn--white:hover{
    color: var(--black);
}

.customBtn--white:hover{
    color: var(--black);
}
.customBtn--white:hover {
    color: #4e8ff9;
}

.customBtn--lesson:hover{
    color: var(--white);
}
.customBtn--drop-shadow{
    padding-left:20px;
    padding-right: 20px;
}

.settings-section__change-pass i{
    padding-right: 10px;
}

.customBtn--drop-shadow i{
    padding-right: 10px;
}


.mnavigation a:hover{
    color: var(--white);
}

.cursor-pointer{
    cursor: pointer;
}


.customBtn--trans:hover{
    color:var(--green-color);
}

.text-green{
    color:var(--green-color);
}


.text-blue{
    color:var(--blue-color);
}



.autocomplete{
    z-index: 99999;
}


.breadcrumb{background-color:#f3f4f5;font-size:15px;font-weight:700;line-height:1.55;padding:9px 20px;margin-bottom:10px;border-radius:6px;}
.breadcrumb>li{position:relative;text-shadow:none}

.breadcrumb .active{color:#bdc3c7;cursor:default}
.breadcrumb .active:after{display:none}
.breadcrumb .active>a{color:inherit;cursor:inherit}
.breadcrumb>li+li:before{content:"";padding:0}
.breadcrumb-text{color:#bdc3c7;margin-bottom:20px}
.breadcrumb-text .caption{font-weight:700;margin:0 0 3px;font-size:18px}
.breadcrumb-text .caption:after{content:"/ ";display:inline-block;font-size:17.75px;font-weight:400;font-variant:normal;margin-left:5px;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.breadcrumb-text ul{font-size:24px;font-weight:700;margin-bottom:20px;list-style:none;padding:0}
.breadcrumb-text ul li{display:inline-block}

.white{color:#fff!important}
.bg-white{background-color:#fff!important}
.bg-grey{background-color:#eee!important}
.bg-black{background-color:#555!important}
.bg-red{background-color:#f75353!important}
.bg-green{background-color:#1abc9c!important}
.bg-lblue{background-color:#32c8de!important}
.bg-blue{background-color:#609cec!important}
.br-white{border:1px solid #fff!important}
.br-grey{border:1px solid #eee}
.br-black{border:1px solid #555}
.br-red{border:1px solid #f75353}
.br-green{border:1px solid #1abc9c}
.br-lblue{border:1px solid #32c8de}
.br-blue{border:1px solid #609cec}
.br-orange{border:1px solid #f78153}
.br-yellow{border:1px solid #fcd419}
.br-purple{border:1px solid #cb79e6}
.br-rose{border:1px solid #ff61e7}
.br-brown{border:1px solid #d08166}
.radiusAll{border-radius:10px}
.radiusTop{border-radius:10px 10px 0 0}
.ui-189{display:block}
@media (max-width:767px){.ui-189{max-width:400px}}



.header-profile-popup .popup-nav-block .soundOn svg {
    fill: #58CC02!important;
}

.header-profile-popup .popup-nav-block .soundOff svg {
    fill: #FF604B!important;
}


.avatar{
    overflow: hidden;
    background-color: #FFE553;object-fit: contain; border-radius: 50%
}

.avatar1,.avatar2,.avatar3 {
    background-color: #00B2FD;
}
.avatar4, .avatar5, .avatar6 {
    background-color: #9466D3;
}
.avatar7, .avatar8, .avatar9, .avatar10 {
    background-color:#FFE553;
}
.avatar1 .face{
    background: url(/img/avatars/new/1.svg);
}
.avatar2 .face{
    background: url(/img/avatars/new/2.svg);
}
.avatar3 .face{
    background: url(/img/avatars/new/3.svg);
}
.avatar4 .face{
    background: url(/img/avatars/new/4.svg);
}
.avatar5 .face{
    background: url(/img/avatars/new/5.svg);
}
.avatar6 .face{
    background: url(/img/avatars/new/6.svg);
}
.avatar7 .face{
    background: url(/img/avatars/new/7.svg);
}
.avatar8 .face{
    background: url(/img/avatars/new/8.svg);
}
.avatar9 .face{
    background: url(/img/avatars/new/9.svg);
}
.avatar10 .face{
    background: url(/img/avatars/new/10.svg);
}



.avatar1000 .face{
    background: url(/img/avatars/new/10.svg);
}


.avatar1001 .face{
    background: url(/img/svg/school.svg);
}




.avatar-xxs .face{
    width: 35px;
    height: 35px;
    background-size: 150% 160%;
    background-position-x: center;
}
.avatar-xs .face{
    width: 45px;
    height: 45px;
    background-size: 150% 160%;
    background-position-x: center;
}
.avatar-s .face{
    width: 80px;
    height: 80px;
    background-size: 150% 160%;
    background-position-x: center;
}
.avatar-s{
    width: 80px;
    height: 80px;
}
.avatar-xs{
    width: 45px;
    height: 45px;
}

.avatar-xxs{
    width: 35px;
    height: 35px;
}

.settings-nav>a .sprite__icon, .settings-nav>label .sprite__icon {
    fill: var(--green-color);
}

.customBtn-26 {
padding: 0 26px;
}

.nav-block>a .sprite__icon--plan, .nav-block>label .sprite__icon--plan {
    fill: #f79533!important;
}


.lstitem-options__type.memory{
    background: rgba(255,198,51,.15);
    color: #ffc633;

}

.lstitem-options__type.attention{
    background: linear-gradient(91.41deg,rgba(12,219,120,.15) 0,rgba(0,201,158,.15) 100%);
    color: var(--green-color);
    font-weight: 500;
}

.lstitem-options__type.thinking{
    background: rgba(80,130,255,.15);
    color: #5082ff;
}

.lstmain-aside-nav__link.attention svg{
    width: 21px;
    height: 21px;
    fill:#1ecfc3;
}
.lstmain-aside-nav__link.thinking svg{
    width: 21px;
    height: 21px;
    fill:#5082ff;
}



.btn-lg .medal{
    position: relative;
    top:6px;
}
.swal2-container {
    z-index: 99999999;
}


.colored-toast{
    z-index: 99999999;
}

 .colored-toast.swal2-icon-success {
     background-color: #a5dc86 !important;
 }

.colored-toast.swal2-icon-error {
    background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
    background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
    background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
    background-color: #87adbd !important;
}

.colored-toast .swal2-title {
    color: white;
}

.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}


.lstmain-aside-blocks__item.is-active{
    background-color: #1cb0f6;

}

.lstmain-aside-nav__sublink.is-active {
    color: var(--green-color);
}


.modal-header button{
    border-radius: 18px;
}

@media (max-width: 767px) {
    .header__logo {
        background-image: url('/favicon.svg');
        width: 32px;
        height: 32px;
    }
}


@media (max-width: 768px) {
    .mobile-hide {
        display: none !important;
    }
}
.mobile-show {
    display: none;
    margin-top: 20px;
    list-style-type: none;
}

@media (max-width: 767px) {
    .mobile-show {
        display: flex;
    }
}

@media (max-width: 767px) {
    .mwelcome-btns1col {
        grid-template-columns: auto!important;
    }
}


.nounderline{
    text-decoration: none;
}

.header-profile__trigger > * {pointer-events: none}

@media (max-width: 767px) {
    .mwelcome-btns {
        grid-template-columns: auto;
    }
}


.mpartners-list {
    justify-content: center;
}


.hprofile-header__btn .customBtn {
    z-index: 99999;
}


.text-medium{
    font-size: 19px;
    font-weight: normal;
}


.infoHint{
    background: #ddf4ff;
    display: flex;
    align-items: center;
    padding: 11px 11px;
    font-weight: 500;
    font-size: 1rem;
    color: var(--black);
    text-decoration: none;
    border-radius: 12px;
     white-space: nowrap;

}


.rotate i {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}