/*  Tabs Styles */

.toggle_tab-wrapper{
    display: none;
}

.toggle_tab-wrapper > *{
    position: relative;
}

#fn_adaptive_sidebar{
    display: none;
}


#fn_adaptive_sidebar .sidebar_tab_link.active::after{
    width: calc(100% + 30px);
}
#fn_adaptive_sidebar .sidebar_tab_link.active{
    color: #005985;
}

#fn_adaptive_sidebar .sidebar_tab_link.active::before{
    content: unset;
}

#fn_adaptive_sidebar .sidebar_tab_link.active + .sidebar_tab_link::before{
    content: unset;
}

#fn_adaptive_sidebar .sidebar_tab_link[href='/master/#manager_personal_info']{
    display: none !important;
}

.sidebar_tab_link.confirmed i{
    color: green;
    filter: drop-shadow(0 0 3px green);
}

.sidebar_tab_link.in_processing i{
    color: orange;
    filter: drop-shadow(0 0 3px orange);
}

.sidebar_tab_link.not_approved i{
    color: red;
    filter: drop-shadow(0 0 3px red);
}

/* Cancel Styles */

.block__header{
    margin: 0;
}

.user_container{
    width: 100%;
    margin: 0;
}

.tabs--user{
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--big-gap);
}

.tabs__content .tab_content-wrapper{
    display: grid;
    gap: var(--big-gap);
}


/* Table Styles */

table td{
    padding: 0;
    position: relative;
    min-width: 45px;
    min-height: 40px;
}
table td .items_to_center{
    display: flex;
    align-items: center;
}
table td > *{
    min-width: 45px;
    min-height: 40px;
}

table th{
    position: static;
    border-right: 1px solid #f2f9fd1a;
}

table th > *{
    text-align: left;
}

table td > *{
    display: flex;
    align-items: center;
    transition: .3s;
}

table td > span,
table td > div > span,
table td > a{
    padding: 5px 10px;
    min-height: 40px;
    min-width: 45px;
}

table .tabs__link {
    padding: 0;
}

#calendar table td > *{
    justify-content: center;
    text-align: center;
}

table td > a{
    border: 2px solid transparent;
    font-weight: 600;
    text-decoration: none;
}

table td > a:hover{
    background-color: #fff;
    border-color: #0091d5;
}

table tr:last-child td:last-child > a{
    border-radius: 0px 0px 0px 28px;
}

table .btn{
    padding: 5px 10px;
    font-size: 14px;
}

table tbody .select2.select2-container{
    border: 1px solid #008cd2 !important;
}

/* Delete User */
.fn_delete_user{
    background-color: transparent;
    /* position: absolute; */
    /* top: 0px; */
    /* right: 0px; */
    /* z-index: 1; */
    cursor: pointer;
    padding: 0px;
    height: fit-content;
    width: fit-content;
    padding: 0 !important;
    line-height: 0;
}

.fn_delete_user:hover{
    background-color: transparent;
}

.fn_delete_user svg{
    height: 28px;
    width: 28px;
    fill: #d20000;
    transition: .3s;
}
.fn_delete_user:hover svg{
    fill: #850000;
}


/* Calendar */

/* .fc-view-harness-active > *{
    position: relative !important;
    height: calc(100% - 50px);
} */

.fc .fc-col-header-cell-cushion{
    padding: 10px 15px !important;
}

.fc-theme-standard td, .fc-theme-standard th{
    position: relative;
}

.fc .fc-daygrid-day-frame {
    /* position: absolute !important; */
    z-index: 2;
    min-height: 100px;
    height: 100%;
    width: 100%;
}

.fc .fc-daygrid-day-top{
    position: relative;
}

.fc a[data-navlink] {
    text-decoration: unset;
    font-size: 20px;
    /* opacity: 0.3; */
    font-weight: 900;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{
    max-width: 100%;
    /* display: grid;
    gap: 5px; */
    position: absolute !important;
    top: 0;
    /* height: 100px; */
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.fc-event-title.fc-sticky {
    font-size: 12px;
}

.fc-h-event{
    opacity: .8;
}

.fc .fc-daygrid-event-harness{
    max-width: 100%;
}

#fn_calendar_change .fc-day-past {
    background-color: #f2f9fd;
    border: 1px solid #8f8f8f !important;
    overflow: hidden;
    filter: blur(1px);
}

#fn_calendar_change .fc-day-today, #fn_calendar_change .fc-day-future{
    box-shadow: 0 0 5px -3px transparent;
    overflow: hidden;
}

.fc-day-today a[data-navlink]{
    opacity: 1 !important;
}

.fc-day-today a[data-navlink]{
    color: #fff;
}

#fn_calendar_change .fc-day-today:hover, #fn_calendar_change .fc-day-future:hover{
    cursor: pointer;
    box-shadow: 0px 0px 8px -3px #000;
}

#fn_calendar_change .fc-daygrid-event{
    box-shadow: 0 0 8px -3px transparent;    
}

#fn_calendar_change .fc-daygrid-event:hover{
    box-shadow: 0px 0px 8px -3px #000;
}

#fn_calendar_change :not(.table_not_bg) tbody tr:nth-child(2n){
    background-color: #fff;
}
/* Group details*/

.group_details_part{
    display: grid;
    grid-template-columns: auto 1fr;
    width: fit-content;
    height: fit-content;
    gap: 20px 30px;
    margin-bottom: 30px;
}

.group_details_part.textarea_part{
    grid-template-columns: 1fr;
}

.group_details_part.textarea_part textarea{
    padding: 20px;
}

.group_details_part svg {
    max-height: 20px;
}

/* Online learning grades */

.user_learning_table_heading_part{
    position: relative;
    -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
    -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}
.user_learning_table_heading_part *{
    /* white-space: nowrap; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 290px; */
    width: 240px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.user_learning td:first-child,
.user_learning td:nth-child(2){
    white-space: nowrap;
}
.user_learning td:first-child span{
    justify-content: center;
}
.user_learning--left td:nth-child(2),
.user_learning--left th:nth-child(2){
    left: 45px;
}

.user_container .boxed_block input{
    text-align: center;
}

table input,
table span.select2 .select2-selection{
    display: flex;
    min-height: 40px;
    min-width: 45px;
    max-height: 40px;
    padding: 0;
    border: unset !important;
    border-radius: 0;
    border: 1px solid #008dd21a;
    justify-content: center;
    text-align: center;
    align-items: center;
    transition: .3s;
}

table textarea{
    border-radius: 0;
    padding: 15px;
}

table input.active_input{
    border: 1px solid #008cd2 !important;
}

table .select2.select2-container::after{
    content: none !important;
}

input{
    padding: 0 20px;
    width: 58px;
    background-color: #008dd2;
    color: #fff;
    font-weight: 600;
    border-radius: 30px;
    color: #0090d5;
    border: 2px solid #0090d5;
    background-color: transparent;
    height: 60px;
}

.fn_lesson_data_change{
    align-items: center;
    position: relative;
}

.fn_lesson_data_change svg{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0px, -50%);
}

.block__heading{
    padding-bottom: 30px;
    margin-bottom: 0;
}

.select2-search__field{
    display: none !important;
}

body > .select2-container{
    width: 235px;
    margin-left: 15px;
}

.gpa_style{
    /* filter: drop-shadow(0px 0px 1px #005985); */
    color: #0059858c;
}


/* ______________ Werewolf btns ______________ */

.werewolf_btn:first-child,
.fn_submit_user_table{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}

.werewolf_btn:last-child{
    left: 0;
    top: 0;
}


/* ______________ Report back ______________ */

.report_back_header-wrapper.triple_block{
    grid-template-columns: 1fr auto 1fr 1fr;
}


/* Inputs */
input, textarea, .form__textarea, .form__input{
    border-color: var(--input-border-color);
    background-color: #fff;
}
.small_input.lesson_input{
    max-width: 120px;
}

/* Custom select */

.selects-wrapper span.select2 .select2-selection{
    min-width: 135px !important;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.custom_select-wrapper span.select2 .select2-selection{
    max-width: 100%;
    min-width: 100%!important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form__group.custom_select-wrapper.select_wrapper{
    width: 100%;
}

/* ____________ */

.select2-container--disabled,
input:disabled{
    background-color: #fff;
    border-radius: 30px;
    color: #0090d5;
    filter: brightness(0.8);
    opacity: 0.6;
    cursor: not-allowed;
}

.disabled_helper-wrapper {
    opacity: 0;
    position: absolute;
    bottom: 50%;
    left: 0;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.5;
    transform: translate(0, 50%);
    background-color: #d9ecf59c;
    border-radius: 30px;
    z-index: 12;
    white-space: initial;
    backdrop-filter: blur(2px);
    transition: .3s;
    max-width: 100vw;
    width: 200%;
    height: fit-content;
    border: 1px solid #008dd2;
}


.disabled_helper-wrapper:hover{
    opacity: 1;
}



.tabs__link.add_student{
    padding-left: 25px;
    color: var(--button-color);
}
.f_weight_bold{
    font-weight: bold;
}
.max_width_wrapper{
    max-width: 650px;
}
.popup_block_content-wrapper .cancel_btn{
    cursor: pointer;
    width: fit-content;
}
.justify_items_center{
    justify-items: center;
}
.boxed_block_info p span:last-child,
.boxed_block_info--left .user_manager_phone span:last-child,
.boxed_block_info--right .user_schedule_value span:first-child {
    font-weight: bold;
}
.boxed_block_info p span:first-child,
.user_manager_phone div span:first-child{
    min-width: 110px;
    display: block;
}
.user_manager_phone div{
    display: flex;
}
.boxed_block_info--right div:first-child{
    margin-bottom: 8px;
    color: var(--body-heading);
}
.boxed_block_info--right .user_schedule_value span:first-child{
    margin-right: 6px;
    width: 36px;
}
.boxed_block_info span{
    color: var(--body-heading);
}
.boxed_block_info--left{
    width: 100%;
    max-width: 75%;
}
.boxed_block_info{
    display: flex!important;
}
.boxed_block_info--left p{
    margin-bottom: 1rem;
    display: flex;
}
.boxed_block_info--left a{
    text-decoration: none;
    color: var(--body-heading);
    font-weight: bold;
}
.boxed_block_info--right{
    color: var(--body-heading);
}
.secondary_btn_teacher_login{
    margin-left: auto;
    margin-right: 0;
    font-weight: bold;
}
.secondary_btn_wrapper .secondary_btn:first-child{
    margin-right: 15px;
}
.manager_login {
    margin: 0 auto 15px;
    width: 100%;
    max-width: 640px;
}
.manager_login .auth_block-wrapper{
    grid-template-columns: 1fr;
}
.manager_login h1.page_heading{
    text-align: center;
}
[data-title] {position: relative;}
[data-title]:after {
	content: attr(data-title);
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	position: absolute;
	top: 2em;
	left: 30%;
	padding: 2px 8px;
	font-size: 13px;
	font-weight: 300;
	white-space: nowrap;
	color: #444;
	background-image: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(238 249 254) 50%, rgba(255,255,255,1) 100%);
	background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(238 249 254) 50%, rgba(255,255,255,1) 100%);
	background-image: -o-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(238 249 254) 50%, rgba(255,255,255,1) 100%);
	background-image: -ms-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(238 249 254) 50%, rgba(255,255,255,1) 100%);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	-o-box-shadow: 0 0 5px #ccc;
	-ms-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
}
[data-title]:hover:after {
	opacity: 1;
	visibility: visible;
	-moz-transition: all 0.2s ease-out 0.5s;
	-webkit-transition: all 0.2s ease-out 0.5s;
	-o-transition: all 0.2s ease-out 0.5s;
	-ms-transition: all 0.2s ease-out 0.5s;
	transition: all 0.2s ease-out 0.5s;
}
.user_learning.edit_table tr:hover,
.user_learning tr:hover{
    z-index: 999;
    position: relative;
}

.block_manager_managers {
    margin-bottom: 20px;
}
.block_manager_managers .form__group.custom_select-wrapper{
    min-width: 200px;
}
.managers_sidebar_heading{
    padding-bottom: 10px;
}
.btn_form_search{
    margin-top: 15px!important;
}
.characteristic_pattern_item{
    align-items: flex-end;
}
.font_style_bold{
    font-weight: bold;
}
.status_name > span{
    min-height: auto;
}
.sidebar__boxed_item{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #dcebf2;
}
.sidebar__boxed_block .sidebar__boxed_item:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.popup__saved {
    position: fixed;
    color: #fff;
    border-radius: 0 0 10px 10px;
    z-index: 10000;
    width: 100%;
    top: 0;
    left: 0;
    padding: 10px 20px;
    background-color: #0f933cc9;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-out;
}
.popup__saved__text.error{
    font-size: 18px; 
    color: #fff!important;
}
.popup__saved.saved {
    opacity: 1;
    visibility: visible;
    transition: all .2s ease-in;
}
.success_icon{
    display: none;
    margin-right: 10px;
    max-height: 28px;
}
#group_average_marks table th {
    vertical-align: baseline;
    height: auto !important;
    padding: 25px 10px;
}
#group_average_marks .user_learning_table_heading_part {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    margin: auto;
}
#group_average_marks .user_learning_table_heading_part * {
    position: initial;
}
#group_average_marks table th:first-child .user_learning_table_heading_part {
    transform: rotate(-90deg);
}
.average_marks_select_wrapper {
    margin-top: 20px;
}
.average_marks_label {
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 15px 20px;
    gap: 8px;
    margin: 0px;
}
.average_marks_label .tabs__button .tabs__label{
    color: var(--body-text);
    font-size: 18px;
    cursor: pointer;
    font-weight: normal;
}
.average_marks_checkbox_wrapper {
    display: flex;
    align-items: end;
    justify-content: end;
}
.average_marks_checkbox_wrapper .tabs__button .tabs__checkbox{
    border: 1px solid #005985;
}
.average_marks_checkbox_wrapper .tabs__button.checked .tabs__checkbox{
    background-color: #005985;
}
.btn.btn_manager_apply {
    height: 100%;
    max-height: 60px;
}
.custom_select-width,
.custom_select-width .select2.select2-container {
    max-width: 200px;
}
#journal_online form .tabs__link{
    padding: 0;
}
.popup__saved.saved.error{
    background: rgba(231, 71, 71, 0.86);
}
.popup__saved.saved.error .popup__text.error{
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}


.teacher_page .block__heading{
    padding-bottom: 0;
    font-weight: 700;
}
.teacher_page .gpa_style{
    color: #222222;
}
.teacher_page .triple_block{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.table_block-heading-left{
    display: flex;
    align-items: center;
    gap: 40px;
}
.select_heading_wrapper{
    position: relative;
}
.teacher_page .selelct_heading,
.ApiManagerView .selelct_heading{
    position: absolute;
    width: fit-content;
    white-space: nowrap;
    top: -5px;
    left: 15px;
    font-size: 14px!important;
    background-color: #fff;
    padding: 0px 5px;
    color: #6F6F6F!important;
    z-index: 10;
}
.teacher_page .select2 .select2-selection,
.ApiManagerView .select2 .select2-selection{
    border: 1px solid var(--body-heading);
    border-radius: 16px;
    height: 56px;
}
.teacher_page .btn,
.ApiManagerView .btn{
    padding: 12px 35px;
}
.teacher_page input.small_static_input,
.ApiManagerView input.small_static_input,
.ApiManagerView .form__input.form__placeholder--focus,
.teacher_page .form__input{
    min-height: 56px;
    border-radius: 16px;
}
.teacher_page .form__placeholder,
.ApiManagerView .form__placeholder{
    font-size: 14px!important;
    font-weight: 400;
    color: #6F6F6F;
}
.teacher_page .journal_year_short {
    font-weight: 700;
}
.teacher_page .journal_split_wrapper,
.scores_test_wrapper .journal_split_wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.teacher_page .medium_padding{
    padding: 24px 30px;
}
.journal_split_block_left {
    display: flex;
}
.teacher_page textarea.form__input.form__placeholder--focus{
    height: 90px;
    padding: 10px 16px 0;
    border-radius: 16px;
    font-size: 16px;
}
.teacher_page .learning_heading{
    padding-bottom: 20px;
}

.ApiManagerView .secondary_article{
    padding-top: 20px;
}


.client_payments_notification{
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #D20000;
    margin-bottom: 24px;
    display: block;
}
.client_payments_notification span{
    text-decoration: underline;
    color: #005985;
}
.client_payments_item .mobile_show{
    display: none;
    font-size: 14px;
    line-height: 17px;
    color: #848484;
    font-weight: 400;
}
.client_payments_header_table {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 14px;
    color: #1A1A1A;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 16px;
    padding: 0 24px;
    gap: 10px;
}
.client_payments_header_title{
    white-space: nowrap;
} 
.client_payments_items{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.client_payments_item_status,
.client_payments_item_period,
.client_payments_item_student,
.client_payments_item_sum{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.client_payments_item_status{
    width: 165px;
    min-width: 165px;
    gap: 2px;
}
.client_payments_item_period,
.client_payments_header_table .client_payments_header_title:nth-of-type(2) {
    width: 146px;
    min-width: 146px;
}
.client_payments_item_student,
.client_payments_header_table .client_payments_header_title:nth-of-type(3){
    width: 100%;
    max-width: 280px;
}
.client_payments_header_table .client_payments_header_title:nth-of-type(4){
    width: 100px;
    min-width: 100px;
}
.client_payments_item_sum{
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    width: 100px;
    min-width: 100px;
}
.client_payment_sum {
    white-space: nowrap;
}
.client_payments_item{
    font-size: 16px; 
    color: #1A1A1A; 
    line-height: 20px;
    font-weight: 400;
    display: flex;
    border: 1px solid #6CCFE2;
    border-radius: 16px;
    padding: 16px 24px;
    align-items: center;
    gap: 10px;
}
.client_payments_button {
    color: #848484;
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    max-width: 210px;
    min-width: 210px;
    text-align: center;
}
.client_payments_button.qr_payment_url {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}
.client_payments_header_title:nth-of-type(5){
    min-width: 210px;
}
.client_payment_created{
    color: #848484;
    font-size: 12px;
    line-height: 15px;
    white-space: nowrap;
}
.client_payment_processed,
.client_payment_paid,
.client_payment_not_paid{
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.client_payment_processed{
    color: #114572;
}
.client_payment_paid{
    color: #259603;
}
.client_payment_not_paid{
    color: #FF9830;
}
.client_payments_header_table .client_payments_header_title:first-of-type{
    width: 165px;
    min-width: 165px;
}
.client_payment_link.btn {
    padding: 14px 24px;
    font-size: 16px;
    line-height: 19px;
    width: 100%;
}

.qr_payment_image {
    width: 300px;
    height: 300px;
    border: 1px solid #6CCFE2;
    border-radius: 16px;
    padding: 20px;
    background: #ffffff;
}
.fn_qr_payment_popup {
    max-width: 700px!important;
    width: 100%;
    padding: 54px!important;
}
.qr_payment_popup_wrapper{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 32px;
}
.qr_payment_text{
    font-size: 20px;
    color: #1A1A1A;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
}
.client_payment_qr_button {
    border: 1px solid #6CCFE2;
    border-radius: 4px;
    width: 48px;
    height: 48px;
    padding: 8px;
    transition: all .5s ease;
    cursor: pointer;
}
.client_payment_qr_button:hover {
    background: #E8FBFF;
}
.client_payment_qr_button::before{
    content: attr(data-qr);
    display: block;
    width: 100%;
    max-width: 222px;
    height: 66px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #030303;
    padding: 12px;
    background-color: #ffffff;
    border: 1px solid #DFE2EA;
    box-shadow: 4px 4px 20px 0px #8188991A;
    border-radius: 8px;
    position: absolute;
    bottom: -68px;
    z-index: 9;
    right: -82px;
    visibility: hidden;
    text-align: left;
}
.client_payment_qr_button:hover::before{
    opacity: 1;
    visibility: visible;
}

/* TEST SECTION */
.tabs__item_test .tabs__description{
    margin: 0;
}
.tabs__item_test .split_block {
    gap: 24px;
    margin-top: 16px;
}
.online_test_items {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 600px;
}
.online_test_item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 6px;
}
.online_test_match_words_wrapper .online_test_item-answer_options .answer_options_item {
    display: grid!important;
    gap: 32px!important;
    align-items: center!important;
    grid-template-columns: repeat(2, 1fr)!important;
}
.answer_options_item_left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.online_test_item-task,
.online_test_item-question,
.online_test_item-name,
.online_test_item-list-answer {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.online_test_item-list-answer {margin-bottom: 10px;}
.online_test_item-annotation {
    font-size: 14px;
    line-height: 18px;
}
.online_test_item-answer_wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 32px;
    margin-top: 10px;
}
.online_test_item-name,
.online_test_item-task {
    margin: 0 0 4px;
}
.online_test_item-question{
    font-weight: 400;
    margin-left: 18px;
}
.online_test_item video{
    width: 100%;
}
.online_test_item-answer_options{
    margin: 2px 0 0 18px;
    list-style-type: none;
}
.answer_options_item_number {
    margin-right: 10px!important;
    font-weight: 500;
}
.answer_options_item{
    display: block !important;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
}
.answer_options_item.right-answer {
    color: #228b22d1;
    font-weight: 500 !important;
}
.answer_options_item::before{
    content: none!important;
}
.scores_test_wrapper textarea.form__input.form__placeholder--focus{
    height: 64px;
}
.scores_test_wrapper .tab_heading{display: none;}
.scores_test_table_wrapper .user_learning_table_heading-wrapper{
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
}
.user_test_link{ 
    font-size: 16px;
    line-height: 18px;
    display: block;
}
.user_test_td{flex-direction: column;}
.user_test_not_done, .user_test_done {
    display: block;
    width: max-content;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
}
.user_test_not_done {
    color: #D20000;
}
.user_test_done {
    color: #228b22d1;
}
.user_comment_test_view{
    width: 24px;
    height: 24px;
    max-height: 24px;
    min-width: 24px;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 12px;
    margin-left: auto;
    cursor: pointer;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.0024 15.577C13.1356 15.577 14.098 15.1804 14.8897 14.3872C15.6814 13.5941 16.0772 12.6309 16.0772 11.4978C16.0772 10.3646 15.6806 9.40217 14.8874 8.6105C14.0943 7.81883 13.1311 7.423 11.9979 7.423C10.8648 7.423 9.90237 7.81958 9.1107 8.61275C8.31903 9.40592 7.9232 10.3691 7.9232 11.5023C7.9232 12.6354 8.31978 13.5978 9.11295 14.3895C9.90612 15.1812 10.8693 15.577 12.0024 15.577ZM12.0002 14.2C11.2502 14.2 10.6127 13.9375 10.0877 13.4125C9.5627 12.8875 9.3002 12.25 9.3002 11.5C9.3002 10.75 9.5627 10.1125 10.0877 9.5875C10.6127 9.0625 11.2502 8.8 12.0002 8.8C12.7502 8.8 13.3877 9.0625 13.9127 9.5875C14.4377 10.1125 14.7002 10.75 14.7002 11.5C14.7002 12.25 14.4377 12.8875 13.9127 13.4125C13.3877 13.9375 12.7502 14.2 12.0002 14.2ZM12.0002 18.5C9.89503 18.5 7.9697 17.9384 6.2242 16.8152C4.4787 15.6923 3.08545 14.2148 2.04445 12.3828C1.96112 12.2391 1.9002 12.0943 1.8617 11.9485C1.82337 11.8027 1.8042 11.653 1.8042 11.4995C1.8042 11.346 1.82337 11.1965 1.8617 11.051C1.9002 10.9055 1.96112 10.7609 2.04445 10.6172C3.08545 8.78525 4.4787 7.30775 6.2242 6.18475C7.9697 5.06158 9.89503 4.5 12.0002 4.5C14.1054 4.5 16.0307 5.06158 17.7762 6.18475C19.5217 7.30775 20.9149 8.78525 21.9559 10.6172C22.0393 10.7609 22.1002 10.9057 22.1387 11.0515C22.177 11.1973 22.1962 11.347 22.1962 11.5005C22.1962 11.654 22.177 11.8035 22.1387 11.949C22.1002 12.0945 22.0393 12.2391 21.9559 12.3828C20.9149 14.2148 19.5217 15.6923 17.7762 16.8152C16.0307 17.9384 14.1054 18.5 12.0002 18.5ZM12.0002 17C13.8835 17 15.6127 16.5042 17.1877 15.5125C18.7627 14.5208 19.9669 13.1833 20.8002 11.5C19.9669 9.81667 18.7627 8.47917 17.1877 7.4875C15.6127 6.49583 13.8835 6 12.0002 6C10.1169 6 8.3877 6.49583 6.8127 7.4875C5.2377 8.47917 4.03353 9.81667 3.2002 11.5C4.03353 13.1833 5.2377 14.5208 6.8127 15.5125C8.3877 16.5042 10.1169 17 12.0002 17Z' fill='%236CCFE2'/%3E%3C/svg%3E");
}
.user_comment_test {
    display: flex;
    align-items: center;
}
.test_statistics_button{
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--body-heading);
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    color: var(--body-heading);
    transition: all .5s ease;
}
.test_statistics_button:hover{
    border-bottom: 1px solid transparent;
}
.test_statistics_block {
    display: flex;
    align-items: center;
    gap: 24px;
}
.test_statistics_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.test_statistics{display: flex;}
#fn_test_statistics_popup, #fn_report_error_popup, #fn_comment_test_text_popup{display: none; background-color: #ffffff!important; padding: 24px!important;width: 100%!important; max-width: 700px!important;}
.test_statistics_stage span{font-weight: 700;}
.test_statistics_stage{
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 20px;
    line-height: 24px;
}
.popup_block_heading{
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}
.test_statistics_items{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.test_statistics_item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    border-bottom: 1px solid #D9ECF5;
}
.test_statistics_item_text,
.test_statistics_item_value,
.comment_test_text{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.test_statistics_item_value{
    font-weight: 700;
    width: 100%;
    max-width: 175px;
    text-align: right;
}
.btn_report_error{
    width: 100%;
    max-width: 326px;
    padding: 16px !important;
}
.user_test_result_wrapper .form_top_wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D9ECF5;
    padding:  0 0 24px 0;
}
.user_test_result_wrapper {gap: 30px;}
.name_test_wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.name_test_wrapper .h6{
    font-size: 20px;
    line-height: 24px;
}
.name_test_text span{
    font-weight: 700;
    margin-left: 14px;
}
.--correct_answer{
    color: var(--body-heading);
    font-weight: 700!important;
}
.--wrong_answer{
    color: #D20000;
    font-weight: 700!important;
}
#fn_report_error_popup .popup_block_content-wrapper{width: 100%;}
#fn_report_error_popup textarea.form__input.form__placeholder--focus{height: 240px;}
#fn_report_error_popup .btn{width: 100%; max-width: 280px; padding: 14px 40px; margin: 24px auto 0;}
.make_translation_item .answer_options_item{
    display: flex !important;
    align-items: center;
    gap: 50px;
}
.translation_answer_item{
    display: grid !important;
    gap: 32px !important;
    grid-template-columns: repeat(2, 1fr) !important;
}
.question_material{margin: 10px 0;}
.fn_input_test_point{width: 120px;}
.test_result_wrapper{display: flex; gap: 20px;align-items: center;justify-content: space-between;}
.test_new_result_wrapper{display: flex;gap: 5px; align-items: center;font-weight: 700; min-width: 245px;}
.test_result_wrapper:first-child span{font-weight: 700;}
.test_result_wrapper:first-child span:first-child{min-width: 245px;}
.user_marks {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 24px;
}
.user_marks .user_mark{
    margin: 0!important;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}
.user_marks .user_mark span{
    /* font-weight: bold; */
    display: block;
    color: #000000;
}
.user_marks .user_mark span:first-child{
    font-weight: 400;
    min-width: 108px;
    color: var(--body-heading);
}
.boxed_block_info p span:last-child,
.boxed_block_info--left .user_manager_phone span:last-child,
.user_schedule_value span:last-child{
    color: #000000;
    font-weight: 400;
}
.books_tab .boxed_block{min-height: 360px;}
.boxed_link {width: 100%;}
.boxed_links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    height: max-content;
}