:root {
    --main-color: #2980B2;
    --main-light-color: #6DBEEC;
}


.login-bg {
    background-image: url(/media/theme/ulearn/login-bg.png);
}

#phone {
    border: 1px solid var(--main-color);
    color: var(--main-color);
}

.footer-message {
    font-size: 15px;
    display: block;
    margin: auto;
    width: fit-content;
}

.language-list,
.submit-verify,
.submit-register,
.navbar-main,
.btn-category {
    background: var(--main-color);
    background: linear-gradient(180deg, var(--main-color) 0%, var(--main-light-color) 100%);
}

.login-box {
    background: #ffffffde;
}

.main-header-logo {
    padding: 16px;
}

.main-header-logo img {
    width: 35px;
}


.btn-welcome,
.overlay-loading i,
.modal-title,
.phone-title,
.poitns-menu span,
.progress-level-text,
.leaderboard-link a,
.categories-title,
.category p,
.leaderboard-title,
.leaderboard-profile-container,
.category-title,
.catalog-item-name,
.catalog-item-percentage,
.btn-answer-confirm:hover,
.btn-chapter-continue,
.FormCenterContainer label,
.FormCenterContainer .submitProfileName,
.FormCenterContainer .form-control,
.profile-or-text {
    color: var(--main-color);
}

.FormCenterContainer .form-control {
    border: 1px solid var(--main-color);
}

.profile-image.selected {
    border: 2px solid var(--main-color);
}

.FormCenterContainer .form-control:focus {
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--main-color);
}

::-webkit-scrollbar-thumb,
.chapter-item-q-bubble,
.btn-answer-confirm,
.chapter-progress-bar,
.btn-offered-answer.checked,
.btn-chapter-continue:hover,
.progress-current-level-number,
.leaderboard-current-profile-container,
.category-description-box {
    background: var(--main-color);
}

.ar .progress-bar {
    background: var(--main-color);
    background: linear-gradient( 270deg, #2B67CE 0%, #50D6F2 100%) !important;
}

.en .progress-bar {
    background: var(--main-color);
    background: linear-gradient( 90deg, #2B67CE 0%, #50D6F2 100%);
}

.welcome-container:before {
    background-image: url(/media/theme/ulearn/welcome-bg.png);
}

.welcome-container{
    width: 450px
}