:root{
    --color-type-primary : #1E1F23;
    --color-type-secondary : #80838B;
    --color-background : #F7F9FB;
    --color-primary : #2F6CFF;
    --color-primary-medium : #9BB5F2;
    --color-grey : #C8CFDF;
    --color-red : #F5594F;
    --color-lightblue : #D5E2FF;
    --color-lightred : #FFD6D3;
    --color-grey-line : #888B94;
    --color-green : #36BF76;
    --color-help-light: #FFF9ED;
    --color-help-default: #FFC451;
}


@import url("../fonts/golos/golos-text.css");
*{ box-sizing: border-box;}
html * { max-height: 1000000px; }
*,*:before,*:after { -webkit-text-size-adjust: none; margin: 0; padding: 0; box-sizing: border-box; outline: none; }
html, body { font-family: "GolosText", Arial, sans-serif; font-size: 14px; letter-spacing: 0.04em;
    width: 100%; height: 100%; color: black; }
li { list-style: none; }
img { display: block; max-width: 100%; height: auto; }
a img { border:none; }
a { text-decoration: none; color: inherit; text-decoration-skip-ink: none; }
input, select, button, textarea { outline:none;
    font-family: "GolosText", Arial, sans-serif; font-size: 14px; letter-spacing: 0.04em;
    -moz-appearance:none;-webkit-border-radius: 0; -moz-border-radius: 0;
}
input[type=file], button, input[type="submit"],
input[type=file]::-webkit-file-upload-button { cursor: pointer;  }

h1 { font-weight: 400;font-size: 48px;line-height: 58px;}
h2 { font-weight: 400;font-size: 32px;line-height: 38px;}
h3 { font-weight: 400;font-size: 24px;line-height: 28px;}
h4 { font-weight: 400;font-size: 16px;line-height: 19px;}
h5 { font-weight: 400;font-size: 14px;line-height: 16px;}
h6 { font-weight: 400;font-size: 12px;line-height: 14px;}

.p4{font-weight: 400;font-size: 16px;line-height: 19px;}
.p5{font-weight: 400;font-size: 14px;line-height: 16px;}
.p6{font-weight: 400;font-size: 12px;line-height: 14px;}



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

.link { cursor: pointer; color: var(--color-primary);  border: 0; background-color: transparent;}
.link.grey {color: var(--color-type-secondary);}
.link.blue {color: var(--color-primary);}
.link.red {color: var(--color-red);}
.link.warning {color: var(--color-type-secondary); border-bottom:1px dashed;}
.link.warning:hover {color: var(--color-help-default); }
.link.danger {color: var(--color-type-secondary); border-bottom:1px dashed;}
.link.danger:hover {color:var(--color-red); }
.link:hover { text-decoration: underline;}

.container { max-width: 1248px;width: 100%; padding: 0 32px; margin: 0 auto; min-height: 100%;}
.container-max {  width: 100%; padding: 0 32px; margin: 0 auto; min-height: 100%;}
body{display: flex;align-items: stretch}
#app { height: 100%; width: 100%; min-height: 100%; }
#content { height: 100%; width: 100%; min-height: 100%; padding-left: 336px; transition: padding 0.3s;}

.badge {display: inline-block;padding: 4px 8px; font-size: 12px;font-weight: 700;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 4px;}
.badge:empty {display: none}
.badge.badge-success { background-color: var(--color-green); color:white; }
.badge.badge-warning { background-color: var(--color-help-default); color:white;}
.badge.badge-error { background-color: var(--color-red); color:white;}

.checkbox {position: relative; display: flex; justify-content: flex-start; align-items: center; padding: 14px;
    padding-left: 40px;}
.checkbox input {position: absolute;   height: 0;width: 0;
    opacity: 0;}
.checkbox span {background-repeat: no-repeat; background-position: center; background-size: 16px 16px;
    position: absolute; top:0; left:0; bottom:0;  margin:auto; height: 24px; width: 24px; border: 1px solid #C8CFDF; border-radius: 4px;}
.checkbox input:checked ~ span{background-image: url("../img/icon_checkbox_arrow.svg"); background-color: #2F6CFF; }
.checkbox input:checked ~ * {}
.checkbox input:active ~ span{background-image: url("../img/icon_checkbox_arrow.svg");}
.checkbox.checkbox_download {display: flex; justify-content: space-between; align-content: center; align-items: center;}
/*.checkbox span:last-child {color:var(--color-type-secondary);*/
/*    margin-left: 24px;}*/
.mt-1 {margin-top: 10px !important;}
.mt-2 {margin-top: 20px;}
.mt-3 {margin-top: 30px;}
.mt-4 {margin-top: 40px;}
.mt-5 {margin-top: 50px;}
.block_inline {display: flex; justify-content: flex-start; align-items: center; gap: 5px;}
.btn {display: inline-block; background-color: transparent;border-color: transparent; padding: 10px 16px;cursor: pointer; border-radius: 4px; transition: background-color 0.3s }
.btn-group {display: flex; justify-content: flex-start;}
.btn-group > .btn {position: relative;flex: 0 1 auto; margin-right: 6px;}
.btn-group .btn:last-child {margin-right: 0;}
.btn-group.sticky .btn {border-right-width: 0px; margin-right: 0; border-radius: 4px 0px 0px 4px;}
.btn-group.sticky .btn:last-child{border-right-width: 1px; border-radius: 0px 4px 4px 0px; }
.btn.btn-primary{ background-color: var(--color-primary); color: white;}
.btn.btn-disabled {background-color: var(--color-grey); cursor: not-allowed;}
.btn.btn-outline-primary {border: 1px solid var(--color-primary); }
.btn.btn-outline-primary:hover { background-color: var(--color-primary);color:white;}
.btn.btn-outline-warning {border: 1px solid  var(--color-help-default); }
.btn.btn-outline-warning:hover{background-color: var(--color-help-default); border-color:  var(--color-help-default);}
.btn.btn-outline-danger {border: 1px solid var(--color-red); }
.btn.btn-outline-danger:hover{background-color: var(--color-red); border-color: var(--color-red); color:white}
.btn.btn-delete {background-color: var(--color-red);color: white;}
.btn.btn-cancel {background-color: transparent; border: 1px solid var(--color-red);}



.btn_icon{display: flex; align-items: center;cursor: pointer;}
.btn_icon_inline {display: inline-block; vertical-align: middle;} 
.btn_icon:before { content:""; display: inline-block ; width: 24px; height:24px;margin-right: 16px; background-position: center; background-size: contain;background-repeat: no-repeat}
.btn_icon_inline:before {width:16px; height: 16px;}
.btn_icon.icon_logout:before {background-image: url('../img/icon_logout.svg')}
.btn_icon.icon_arrow_left:before {background-image: url('../img/arrow-left.svg')}
.btn_icon.icon_arrow_right:before {background-image: url('../img/icon_arrow_right.svg')}
.btn_icon.icon_profile:before {background-image: url('../img/icon_user.svg')}
.btn_icon.icon_notifications:before {background-image: url('../img/icon_notification.svg')}
.btn_icon.icon_exam_page:before {background-image: url('../img/icon_list.svg')}
.btn_icon.icon_assessment:before {background-image: url('../img/icon_check.svg')}
.btn_icon.icon_download:before {background-image: url('../img/icon_download.svg')}
.btn_icon.icon_upload:before {background-image: url('../img/icon_upload.svg')}
.btn_icon.icon_protocols:before {background-image: url('../img/icon_file.svg')}
.btn_icon.icon_progress:before {background-image: url('../img/icon_progress.svg')}
.btn_icon.icon_home:before {background-image: url('../img/icon_home.svg')}
.btn_icon.icon_edit:before {background-image: url('../img/icon_edit.svg')}

.btn_group {}
.btn_group.vertical a{margin-top: 15px;}
.btn_group.vertical a:first-child{ margin-top: 0;}

.icon {height:16px; width:16px; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; cursor: pointer; transition: 0.3s;}
.icon:hover {transform: scale(1.1)}
.icon.icon_download {background-image: url("../img/icon_download.svg")}
.icon.icon_upload {background-image: url("../img/icon_upload.svg")}
.icon.icon_uploaded {background-image: url("../img/icon_upload_gray.svg")}
.icon.icon_arrow_right {background-image: url('../img/icon_arrow_right.svg')}
.icon.icon_exclamation_red {background-image: url('../img/icon_exclamation_red.svg')}
.icon.download_file {background-image: url('../img/icon_file.svg')}
.icon.icon_select_down {background-image: url('../img/icon_select_down.svg')}

.alert{padding: 10px 20px; font-size: 16px;margin: 10px 0; border-radius: 4px; border:1px solid var(--color-primary);background-color: var(--color-background);}
.alert.alert-primary {  border-color:var(--color-primary);}
.alert.alert-warning {  border-color: var(--color-help-default);}
.alert.alert-info {  border-color: var(--color-type-secondary);}

.progress_block{ padding: 8px 0;}
.progress_block > .progress_info { display: flex; justify-content: space-between}
.progress_block > .progress_info > p{font-size: 14px; color:var(--color-type-secondary); }
.progress_block > .progress_info > p:last-child { color:var(--color-type-primary)}
.progress_block > .progress_value {width: 100%; height: 12px; border-radius: 6px; position: relative; overflow: hidden;margin-top: 6px;}
.progress_block > .progress_value span{ width: 100%; height: 100%;  position: absolute; top:0; left: 0;}
.progress_block > .progress_value span:first-child{ background-color: #D5E2FF;}
.progress_block > .progress_value span:last-child{ background-color: #2F6CFF;  border-radius: 6px}

.menu_mobile_toggle {display: none;width:32px ; height: 26px; cursor: pointer; position: absolute; top: 26px; right: 16px;flex-direction: column;justify-content: space-between;}
.menu_mobile_toggle .hamburger_line{  display: block;height: 4px;width: 100%;border-radius: 10px;background: black;}
.menu_mobile_toggle .hamburger_line1 {transform-origin: 0% 0%;transition: transform 0.4s ease-in-out;}
.menu_mobile_toggle .hamburger_line2 {transition: transform 0.2s ease-in-out;}
.menu_mobile_toggle .hamburger_line3 {transform-origin: 0% 100%;transition: transform 0.4s ease-in-out;}
#content.menu_mobile_maximized .menu_mobile_toggle .hamburger_line {background-color: white;}
#content.menu_mobile_maximized .menu_mobile_toggle .hamburger_line1{ transform: rotate(45deg);}
#content.menu_mobile_maximized .menu_mobile_toggle .hamburger_line2{transform: scaleY(0);}
#content.menu_mobile_maximized .menu_mobile_toggle .hamburger_line3{ transform: rotate(-45deg);}

.left_menu { position:fixed; flex-wrap: wrap; left:0; top:0; bottom:0;  display: flex; align-content: space-between;background-color: #1A2B55;padding: 40px 8px 24px; height: 100%; width: 336px;overflow-y:auto; transition: width 0.2s; z-index: 50}
.left_menu > .top_part {display: block;  width: 100%;}
.left_menu > .top_part > .menu_header{display: flex; justify-content: space-between; align-items: center; width: 100%;padding-left: 40px;padding-bottom: 32px;}
.left_menu > .top_part > .menu_header > div { display: flex; justify-content: flex-start; align-items: center;  }
.left_menu > .top_part > .menu_header > .menu_arrow_toggle { color:white; display: none;margin-right: 0px;  transition: transform 0.4s;}
.left_menu > .top_part .menu_header > .menu_mobile_toggle {display: none;}
.left_menu > .top_part > .menu_header > div img {width:48px; height: 48px; object-fit: cover; object-position: center; }
.left_menu > .top_part > .menu_header > div p {color: white;font-size: 12px;margin-left: 16px;}
.left_menu > .bottom_part{width:100%;}
.left_menu  .btn_menu {padding: 18px 40px; width: 100%; border-radius: 10px; cursor: pointer; color:white;}
.left_menu  .btn_menu a { color:white;font-size: 16px; background-color: transparent;line-height: 1;height: 100%; width:100%}
.left_menu  .btn_menu.active {background-color: rgba(47, 108, 255, 0.1);}
.left_menu  .btn_menu:hover {background-color: rgba(47, 108, 255, 0.1);}
.left_menu .btn_logout { flex-wrap: wrap;}
.left_menu .btn_logout div{display: block;}
.left_menu .btn_logout span{opacity: 0.4;display: block;margin-bottom: 4px;}
.left_menu .menu_section_title{ padding: 8px 40px;}
.left_menu .menu_section_title p{ color:#9BB5F2;font-size: 16px; }

#content.menu_minimized .left_menu{ width: 56px;padding: 0px;  } 
#content.menu_minimized {padding-left: 56px;} 
#content.menu_minimized  .left_menu > .top_part > .menu_header {padding-left: 0;padding-bottom: 0;}
#content.menu_minimized  .left_menu > .top_part > .menu_header > div {display: none;padding-left: 0;}
#content.menu_minimized  .left_menu > .top_part > .menu_header > .menu_arrow_toggle{width: 100%;position:relative; height: 56px;margin-right: 0; transform: rotate(180deg);}


#content.menu_minimized  .left_menu .btn_menu{padding: 0;   font-size: 0;position: relative;height: 56px;width:100%;}
#content.menu_minimized  .left_menu .btn_icon:before{position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;display: block;}
#content.menu_minimized .left_menu .menu_section_title{opacity: 0;}



.container { max-width: 1184px; padding: 25px 32px;}
.breadcrumbs {display: flex; justify-content:flex-start; align-content: center; align-items: center;}
.breadcrumbs a, .breadcrumbs p { color:#888B94;font-size: 14px ; font-weight: 400; position:relative;margin-right: 24px; cursor: pointer}
.breadcrumbs a.active, .breadcrumbs p.active { color:var(--color-type-primary); }
.breadcrumbs a:after, .breadcrumbs p:after { position:absolute; top:0; bottom:0;  right: -20px;margin:auto;  content:""; background-image: url("../img/icon_breadcrumb_arrow.svg"); width: 18px; height: 18px;display: inline-block; background-position: center; background-repeat: no-repeat; background-size: contain}
.breadcrumbs a:last-child:after, .breadcrumbs p:last-child:after { display: none;}

footer{ background-color: #1A2B55; display: flex; justify-content: space-between; flex-wrap: wrap;}
footer .container {padding-top:40px; padding-bottom: 30px; min-height: 0;}
footer .footer_left{width:100%; color: var(--color-primary-medium); display: flex; justify-content: flex-start; align-items: center;}
footer .footer_left .footer_logo {width: 80px; height: 80px; }
footer .footer_left .footer_logo img {width: 100% ;height: 100%; object-fit: contain; object-position: center; display: block;}
footer .footer_left a {color: var(--color-primary-medium); line-height: 18px; margin-left: 30px;display: block;}

footer .footer_right{width:50%;}
footer .footer_bottom{ flex : 1 1 auto; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 20px}
footer .footer_bottom a {color: var(--color-grey-line); font-size: 12px; text-decoration: none; }

form .form_group.floating_label{position: relative; margin-top: 18px; width: 100%; }
form .form_group.floating_label:first-child { margin-top: 0; }


form .form_group.floating_label label{ color: var(--color-type-secondary); font-size: 16px; position: absolute; top: 26px; left:24px; transition: 0.2s; pointer-events: none;}
form .form_group.floating_label input{padding: 30px 24px 14px; background-color: var(--color-background); border:1px solid transparent;  width: 100%; border-radius: 4px;}
form .form_group.floating_label input:active,
form .form_group.floating_label input:focus   {border:1px solid var(--color-grey);}
form .form_group.floating_label input:active ~ label,
form .form_group.floating_label input:focus ~ label,
form .form_group.floating_label input:valid ~ label,
form .form_group.floating_label input:not(:placeholder-shown) ~ label ,
form .form_group.floating_label input:-webkit-autofill ~ label {font-size: 14px; top: 14px}
/*form .btn{ width: 100%;  padding: 21px 21px; font-size: 16px; margin-top: 26px;}*/

#search_exam_by_id_form {display: flex; justify-content: stretch; align-content: center;
    margin-bottom: 10px;}
#search_exam_by_id_form button {flex: 0 1 auto;margin-top: 0; width: auto; padding: 16px 40px;}
#search_exam_by_id_form .form_group {flex: 1 1 auto;}
#search_exam_by_id_form .form_group {width: auto;}
.exam_info_head {margin-top: 52px;margin-bottom: 32px;display: flex; justify-content: space-between; align-items: center;}
.exam_info_head >div {}
.exam_info_cards {display: flex;flex-wrap: wrap; justify-content: space-between; width: 100%;}
.exam_info_cards .exam_info_card { width: 49% ; padding: 16px;background-color: #F7F9FB;border-radius: 4px;margin-bottom: 16px;}
.exam_info_cards .exam_info_card h4{margin-bottom: 15px; justify-content: space-between; align-items: center; display: flex;}
.exam_info_cards .exam_info_card .info_item {display: block; width: 100%;margin-bottom: 14px;}
.exam_info_cards .exam_info_card .info_item p:first-child {color:var(--color-type-secondary);font-size: 12px; line-height: 14px;}
.exam_info_cards .exam_info_card .info_item p:last-child {color:var(--color-type-primary);font-size: 14px ;margin-top: 4px;}
.exam_info_cards .exam_info_card .info_item:last-child {margin-bottom: 0;}
.exam_info_cards .exam_info_card .icon{    transform: translateY(3px);}

.card_people_list {}

.exam_info_cards .exam_info_card  .exam_day_steps {}

.exam_info_cards .exam_info_card  .exam_day_steps .exam_day_steps_header{position:relative; width:100%; display: flex; justify-content: flex-start; align-items: center; background-color: #fff; padding: 12px 10px;}
.exam_info_cards .exam_info_card  .exam_day_steps .exam_day_steps_header span{ color: var(--color-type-secondary); width: 34px; text-align: left;}
.exam_info_cards .exam_info_card  .exam_day_steps .exam_day_steps_header p{color: var(--color-type-secondary) ; margin-left: 10px;}
.exam_info_cards .exam_info_card  .exam_day_steps .exam_day_steps_header a{position: absolute; top:0; left:0; width:100%; height: 100%; cursor: pointer;}
.exam_info_cards .exam_info_card  .exam_day_steps .exam_day_steps_header:after { content: ""; background-image: url("../img/icon_select_down.svg"); height: 18px; width: 18px; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top:0; bottom:0; right: 16px; margin:auto; transition: 0.3s; user-select: none; pointer-events: none;}
.exam_info_cards .exam_info_card  .exam_day_steps.active .exam_day_steps_header:after {transform:rotate(180deg);}
.exam_info_cards .exam_info_card  .exam_day_steps .exam_steps {padding-left: 16px; display: none;}
.exam_info_cards .exam_info_card  .exam_day_steps.active .exam_steps {display: block;}
.exam_info_cards .exam_info_card  .exam_day_steps .exam_steps .exam_step{position: relative; }
.exam_info_cards .exam_info_card  .exam_day_steps .exam_steps .exam_step label{padding-right: 30px; line-height: 1.3;}

.exam_info_cards .exam_info_card  .exam_day_steps .exam_steps .exam_step .icon_download{position: absolute; right: 16px; top:0; bottom:0; margin: auto;}


.exam_info_cards .exam_info_card .downloads_list {}
.exam_info_cards .exam_info_card .downloads_list .download_item {display: flex; justify-content: space-between; padding: 12px 0;flex-wrap: wrap;border-top: 1px dashed var(--color-grey);}
.exam_info_cards .exam_info_card .downloads_list .download_item:first-child {border-top: 0px;}
.exam_info_cards .exam_info_card .downloads_list .download_item.doc_item_divider {border-top: 2px solid var(--color-grey);margin-top: 10px;padding-top: 8px;}
.exam_info_cards .exam_info_card .downloads_list .download_item p  {flex: 1 1 auto;}
.exam_info_cards .exam_info_card .downloads_list .download_item a {margin-left: 8px;}
.exam_info_cards .exam_info_card .downloads_list .download_item a.icon_download:last-child {margin-right: 24px;}
.exam_info_cards .exam_info_card .downloads_list .download_item span{width:100%;margin-top: 2px ;}
.exam_info_cards .exam_info_card .downloads_list .download_item span button {margin-left: 0;border:0; box-shadow: none;background-color: transparent; border-bottom: 1px dashed black; opacity: 0.5;}
.exam_info_cards .exam_info_card .downloads_list .download_item span:hover button { opacity: 0.9}
.tag_button_group { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center;}
.tag_button_group a { font-weight: 400;font-size: 16px;line-height: 19px; display: block; padding: 6px 16px; border: 2px solid transparent; border-radius: 50px;margin-right: 16px; transition: 0.3s;margin-bottom: 5px; cursor:pointer;}
.tag_button_group a:last-child{margin-right: 0;}
.tag_button_group a.active { border-color: #9BB5F2; }
.tag_button_group a:hover {border-color: #9BB5F2;}

.exams_page_box{}
.page_title {margin-top: 60px;}
.exams_page_box .tag_button_group{margin-top: 28px; }

.exams_page_box .exam_card_list {margin-top: 30px;}
.exams_page_box .exam_card_list >p{font-weight: 400;font-size: 16px;line-height: 19px; color:var(--color-type-secondary);margin-bottom: 13px;}


.event_card {padding: 16px; border: 1px solid var(--color-primary); border-radius: 20px; transition:0.3s;}
.event_card:hover {background-color: #dfe6f7;}
.event_card > h1 {}

.exam_card { background-color: #F7F9FB; padding: 16px 24px;   display:flex; justify-content: space-between;margin-bottom: 16px; border-radius: 4px; transition: box-shadow 0.2s;  transition:0.3s;}
.exam_card.locked { opacity: 0.5; }
.exam_card.locked:hover { opacity: 1; }
.exam_card:hover {box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.08)}
.exam_card:last-child{margin-bottom: 0;}
.exam_card .left_side {display: flex; flex-direction: column; justify-content: space-between; height:100%}
.exam_id {font-size: 12px;}
.exam_title {font-size: 24px;margin-top: 4px;}
.exam_date {font-weight: 400;font-size: 14px;line-height: 16px; color:var(--color-type-primary);
    margin-top: 20px;}
.exam_card >  .right_side  { align-items: flex-end; display: flex;min-width: 142px;}
.exam_card > .right_side>.exam_buttons { display: flex;  }
.exam_card > .right_side>.exam_buttons a { margin: 0 10px; }
.exam_card > .right_side>.exam_buttons a:last-child {margin-right: 0; }
.exam_card > .left_side> .badges { margin-top: 15px;}

.exam_card.small .exam_title{font-size: 14px; line-height: 15px;margin-bottom: 2px;cursor: pointer;}
.exam_card.small p {color: var(--color-type-secondary)}

.exam_card.small .exam_date {margin-top: 4px;}
.exam_card.small .exam_date {font-size: 12px;}
.exam_card.small {padding: 10px 10px;margin-bottom: 10px;}
.exam_card.active {border:1px solid var(--color-primary);}

.exam_info_card .people_list {color: var(--color-type-secondary); font-size: 14px ; padding: 8px 0px;}
.exam_info_card .people_list .group_name{ }
.exam_info_card .people_list .person_card{ display: flex; justify-content: flex-start; align-items: center; padding: 16px; border-bottom: 1px solid #C8CFDF80;}
.exam_info_card .people_list .person_card:last-child { border-bottom:0;}
.exam_info_card .people_list .person_card .person_image_box{width: 48px; height: 48px; background-color: #1A2B55;  border-radius: 50%; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.exam_info_card .people_list .person_card .person_image_box span{ color:#FFFFFF; ; display: block; }
.exam_info_card .people_list .person_card .person_data_box{margin-left: 8px;}

.exam_info_card .people_list .person_card .person_data_box p{color: var(--color-type-secondary); margin-top: 2px;}
.exam_info_card .people_list .person_card .person_data_box p:first-child{color: var(--color-type-primary) ; margin-top: 0;}
.form_group {}
.form_group label{ font-weight: 400; font-size: 12px;line-height: 14px; color:var(--color-type-primary);}
.form_group select {-webkit-appearance: none;  font-size: 16px;line-height: 19px; border-radius: 4px;border: 1px solid #dee0e2; padding: 18px 38px 18px 16px; width: 100%; position: relative; 
    background-color: #F7F9FB; background-image: url("../img/icon_select_down.svg"); background-position: calc(100% - 12px) center; background-repeat: no-repeat; background-size: 24px 24px; margin-top: 4px; 
}
.d-block {display: block;}
.form_group input[type="text"],.form_group input[type="password"],.form_group input[type='date'], .form_group input[type='time']   , .form_group input[type="number"] { -webkit-appearance: none; font-size: 16px; color:var(--color-type-primary); padding: 8px; border: 1px solid #C8CFDF;border-radius: 4px; background-color: transparent;}
.radio_group{display: flex; justify-content: flex-start; align-items: center; border:1px solid var(--color-primary); border-radius: 4px; overflow: hidden}
.radio_group label{position: relative; cursor: pointer;  display: flex; justify-content: center; align-items: center;flex: 1 1 auto;}
.radio_group label input{ width: 0; height: 0; visibility: hidden;}
.without_number_input_arrows  {}
.without_number_input_arrows::-webkit-outer-spin-button,
.without_number_input_arrows::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.without_number_input_arrows  {-moz-appearance:textfield; }
.radio_group label .radio_label{ padding: 8px 16px;display: block; text-align: center;position: relative}
.radio_group label .radio_background{content: ""; background-color: transparent; position: absolute; top:0; left:0; height: 100%; width: 100%; }

.radio_group label input:checked ~ .radio_background{background-color:  var(--color-primary);}
.radio_group label input:checked ~ .radio_label {color:white; }
.assessment_subcriteria .aspect_list .aspect_box .aspect_points.judgement .expert_judgement .form_group.radio_group.aspect_score_set{flex-wrap: wrap;}
.assessment_subcriteria .aspect_list .aspect_box .aspect_points.judgement .expert_judgement .form_group.radio_group.aspect_score_set label {width: auto; padding: 0 10px;}

    /*.form_group select:after {content: ""; background-image: url("../img/icon_select_down.svg"); background-color:red; position: absolute; top:0; right:0; bottom:0 ; margin:auto;  height:24px; width:24px;}*/
.form_edit {}
.form_edit .form_group input[type="text"], .form_edit .form_group input[type='date']   , .form_edit .form_group input[type="number"]{ width: 100%; display: block;}
.assessment_filter_box { display: flex; justify-content: space-between; flex-wrap: wrap;margin-bottom: 65px; margin-top: 41px;}
.assessment_filter_box .form_group {flex: 0 0 auto; width: calc(50% - 8px);}
.assessment_filter_box .form_group:last-child { margin-left: 16px;}


.marking_select_group {display: flex; justify-content: space-between; margin-top: 5px;}
.marking_select_group select { width: 100%; flex: 1 1 auto; border-radius: 0; border:none; margin-top: 0}

.assessment_prev_button, .assessment_next_button{ background-color: var(--color-grey); width: 32px; border:0;position: relative; opacity: 0.4; transition: 0.2s;}
.assessment_prev_button:hover, .assessment_next_button:hover{ opacity: 1;}

.assessment_prev_button:after, .assessment_next_button:after{ content: ""; background-image: url("../img/icon_arrow_white.svg"); width: 24px; height: 24px; position: absolute; top:0; left:0; right:0; bottom: 0; margin:auto; }
.assessment_prev_button:after{ transform:rotate(180deg); }
.assessment_prev_button {margin-right: 0px; border-radius: 4px 0 0 4px; }
.assessment_next_button{margin-left: 0px; border-radius: 0 4px  4px 0 ;}


.assessment_subcriteria {padding-bottom: 150px;}
.assessment_subcriteria h2 {}
.assessment_subcriteria h2 span{display: block; font-size: 18px; line-height: 1.4;}
.assessment_subcriteria .aspect_list {margin-top: 33px;}
.assessment_subcriteria .aspect_list .aspect_box {display: flex; width: 100%; background-color: var(--color-background); justify-content: space-between; align-items: flex-start;  padding: 24px 32px; border-radius: 4px; margin-bottom: 17px; border: 1px solid var(--color-background);}
.assessment_subcriteria .aspect_list .aspect_box.excluded_from_assessment {opacity: 0.4; transition: 0.3s;}
.assessment_subcriteria .aspect_list .aspect_box.excluded_from_assessment:hover {opacity: 0.8;}
.assessment_subcriteria .aspect_list .aspect_box:last-child {margin-bottom: 0;}
.assessment_subcriteria .aspect_list .aspect_box .aspect_left {flex: 0 0 auto;}
.assessment_subcriteria .aspect_list .aspect_box .aspect_left .aspect_number {}
.assessment_subcriteria .aspect_list .aspect_box .aspect_left .aspect_error {}
.assessment_subcriteria .aspect_list .aspect_box .aspect_left .aspect_number p{font-size: 24px; color: var(--color-type-primary);}
.assessment_subcriteria .aspect_list .aspect_box .aspect_info{margin-left: 34px; flex: 1 1 auto;}
.assessment_subcriteria .aspect_list .aspect_box .aspect_info .aspect_title{}
.assessment_subcriteria .aspect_list .aspect_box .aspect_info .aspect_error{color: red;}
.assessment_subcriteria .aspect_list .aspect_box .aspect_info .aspect_description{ font-size: 16px; color: var(--color-type-primary); margin-top: 10px;}
.assessment_subcriteria .aspect_list .aspect_box .aspect_points{max-width: 340px; flex:  0 0 auto; display: flex; justify-content: flex-end;}

.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.measurable{flex-direction: column; flex-wrap: wrap; justify-content: flex-start ; align-items: flex-end;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points .aspect_max_mark{color: var(--color-type-secondary); font-size: 12px; margin-top: 4px; text-decoration: none;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points .aspect_max_mark.active{cursor: pointer;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points .aspect_max_mark.active:hover{text-decoration: underline;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.measurable .form_group {display: flex; justify-content: flex-end; align-items: center;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.measurable label {font-size: 16px;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.measurable input {width: 64px; text-align: center;margin-left: 24px;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement{flex-wrap: wrap;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .judgement_total{margin-top: 5px;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement{display: flex; justify-content: flex-end; width: 100%; align-items:center;margin-top: 12px;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement:first-child{ margin-top: 0;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement > p {margin-right: 10px;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement .form_group{display: flex; justify-content: flex-end}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement .form_group.radio_group {margin-left: 24px; flex: 0 0 auto;    }

.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement .form_group.radio_group label {display: flex; position: relative; justify-content: center; align-content: center; align-items: center; width: 48px; height:48px; border: 1px solid var(--color-grey);border-radius: 0px; overflow: hidden; font-size: 16px; cursor: pointer; border-right:0; border-color:  var(--color-grey)}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement .form_group.radio_group {border:0;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement .form_group.radio_group label:first-child {border-radius: 4px 0px 0px 4px;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement .form_group.radio_group label:last-child {border-radius: 0px 4px 4px 0px; border-right: 1px solid  var(--color-grey) }
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement .form_group.radio_group label input {-webkit-appearance: none}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement .form_group.radio_group label span:nth-child(2) {position: absolute;top:0; left:0; width:100%; height:100%; z-index: 1; }
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement .form_group.radio_group label span:last-child {display: block;   z-index: 2; user-select: none;}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement .form_group.radio_group label input:focus ~ span:nth-child(2){border: var(--color-primary-medium) solid 1px}
.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement .form_group.radio_group label input:checked ~ span{background-color:var(--color-lightblue) }

.assessment_subcriteria .aspect_list .aspect_box  .aspect_points.judgement .expert_judgement.error  .form_group.radio_group label input:checked ~ span{background-color: var(--color-lightred); !important;}

.assessment_subcriteria .aspect_list .aspect_box.error {border-color: var(--color-red);}
.assessment_subcriteria .aspect_list .aspect_box.error    input {border-color: var(--color-red)}

.assessment_subcriteria .subcriteria_total {display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--color-primary); margin-top: 16px;padding: 8px 32px; border-radius: 4px;}
.assessment_subcriteria .subcriteria_total p{font-size: 16px; color: var(--color-type-primary); line-height: 16px;}

.assessment_subcriteria .save-assessment-button { position: fixed; bottom:76px; right: 88px; background-color: var(--color-green);  background-image: url("../img/icon_save_checkbox.svg");background-size: 32px; background-repeat: no-repeat; background-position: center; width: 72px; height:72px; border-radius: 50%; box-shadow: 0 0 18px -6px rgba(0, 0, 0, 0.81); transition: 0.2s; z-index: 20}
.assessment_subcriteria .save-assessment-button.active {background-color: var(--color-primary)}
.assessment_subcriteria .save-assessment-button:hover{box-shadow: 0 0 25px -6px rgba(0, 0, 0, 0.81);}

.changes_list {}
.changes_list .changes_box { margin-bottom: 20px;}
.changes_list .changes_box .changes_date { font-size: 18px}
.changes_list .changes_box ul { margin: 5px 0;}
.changes_list .changes_box ul li  {margin: 2px 0; padding-left: 15px; position: relative;}
.changes_list .changes_box ul li:before { position: absolute;  content : "-"; left: 0; top: 0px;}
.changes_list .changes_box ul li a {color:var(--color-primary);}

.missing_marks_wrapper{display: flex;justify-content: space-between;align-items: flex-start;}

.missing_marks_wrapper .marks{
    width: 100%;
    margin-left: 16px;
}

.missing_marks_wrapper .marks_box{
    display: flex;
    flex-direction: column;
    gap: 12px;

    font-size: 14px;
}

.missing_marks_wrapper .marks_box .criteria_box{
    border: 1px solid #dfe1e7;
    border-radius: 16px;
    overflow: hidden;
}

.missing_marks_wrapper .marks_box .criteria_box .criteria_title{
   width: 100%;
    padding: 12px;
    font-weight: bold;
}

.missing_marks_wrapper .marks_box .criteria_box.task .criteria_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.missing_marks_wrapper .marks_box .criteria_box .subCriterion_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 12px;
    border-top: 1px solid #dfe1e7;
    align-items: center;
    gap: 12px;
}

.missing_marks_wrapper .marks_box .criteria_box .result{
    display: flex;
    align-items: center;
    min-width: 80px;
    font-size: 18px;
    justify-content: space-between;
}

.missing_marks_wrapper .marks_box .criteria_box.task .result{
    justify-content: flex-end;
}

.missing_marks_wrapper .marks_box .criteria_box .subCriterion_box.warning{
    background-color: #fff5e7;
}

.missing_marks_wrapper .marks_box .criteria_box .result img{
    width: 24px; height: 24px;
    margin-left: 4px;
}


.list_ordered {  }
.list_ordered li {}
.list_ordered li:before {  counter-increment: list_ordered; content: counter(list_ordered); display: block;}

.warning_box { background-color: var(--color-help-light); border: 1px solid var(--color-help-default); width: 100%; padding: 16px 50px; border-radius: 4px}
.warning_box .warning_title { font-size: 16px; color:#212121;  font-weight: 500;margin-bottom: 16px;position: relative;}
.warning_box .warning_title:before { position: absolute; content:""; display: block; width:28px; height:28px; background-image: url("../img/icon_exclamation_orange.svg"); background-repeat: no-repeat; background-position: center; left:-38px; top:0 ;bottom:0 ;margin:auto; }
.warning_box  ul {}
.warning_box  ul li {margin-bottom: 4px;}
.warning_box  ul li:last-child {margin-bottom: 0;}
.warning_box  ul li p {color:var(--color-grey-line); }



.admin_block {background-color: rgba(47, 108, 255, 0.06);padding: 16px;margin-bottom: 10px;border: 1px solid rgba(0, 74, 251, 0.76);border-radius: 4px;}
.admin_controls_box { =}
.admin_box { margin: 10px 0;}
.admin_controls_box >div {}
.admin_controls_box  h4 {font-size: 17px; margin-bottom: 5px;}
.admin_controls_box .btn{padding: 6px 8px; margin: 5px 0px;}
.admin_controls_box .btn_group {display: flex; justify-content: flex-start ; align-items: center; flex-wrap: wrap;margin: 0 -4px;}
.admin_controls_box .btn_group .btn {margin-left: 4px;margin-right: 4px; display: block;}

.breadcrumbs { display: none;}
.table-responsive {display: block;width: 100%;overflow-x: auto;}
.table_admin {}
.table_admin tr {}
.table_admin tr:nth-child(even) {background-color: rgba(47, 108, 255, 0.11)}
.table_admin tr td{}


/*.custom-file { position: relative; padding: 20px 10px; display: flex; justify-content: center; align-items: center; border:1px dashed #1A2B55; background-color: transparent; transition: 0.3s;}*/
/*.custom-file.is-dragover { background-color: color(srgb 0.625 0.735 1 / 0.66)}*/
/*.custom-file .custom-file-input {  height: 100%;overflow: hidden;width: 100%; opacity: 0; top:0; left:0; position: absolute;}*/
/*.custom-file label { }*/

.hk-file-uploader .hk-upload-area {
    padding: 30px 20px;
}
.hk-upload-result-content {
    align-content: center;
}
.hk-upload-result-row button {
    background: none;
    border: none;
    width: 25px;
    height: 25px;
    margin-top: 2px;
    font-size: large;
}


.group_distribution_select_box { display: flex; justify-content: space-between; align-items: center;margin-top: 40px;flex-wrap: wrap;}
.group_distribution_select_box div:first-child{flex: 1 1 auto; }
.group_distribution_select_box div{ }
.group_distribution_select_box span{ margin: 0 15px;}
.group_distribution_table {border-collapse: collapse; margin-top: 20px; width: 100%;}
.group_distribution_table .checkbox {padding-left: 0;}
.group_distribution_table .checkbox input:disabled ~ span  {opacity: 0.4;}
.group_distribution_table thead {}
.group_distribution_table thead th{padding: 5px 10px 5px 10px;text-align: left;  border: 1px solid #d2d2d2; border-bottom: 0px ; font-weight: 400}
.group_distribution_table tbody tr{}
.group_distribution_table tbody tr td{padding: 8px 10px 8px 10px; border: 1px solid #d2d2d2}
.group_distribution_table tbody  td.table_cell_center div {display: flex; justify-content: center; align-items: center; width:100%; height: 100%}
.exam_card_list .loading-div {opacity: 0.9;width: 100%;height: 100%;left: 0;top: 0;background-color: white;}

#blazor-error-ui {background: lightyellow;top: 0;box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);display: none;left: 0;padding: 0.6rem 1.25rem 0.7rem 1.25rem;position: fixed;width: 100%;z-index: 1000;border: 3px solid red;}
#blazor-error-ui .dismiss {cursor: pointer;position: absolute;right: 0.75rem;top: 0.5rem;}
#blazor-error-ui a {text-decoration: underline; }
.blazor-error-boundary {background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;padding: 1rem 1rem 1rem 3.7rem;color: white;}
.blazor-error-boundary::after {content: "Произошла ошибка."}

.loading-progress {position: relative;display: block;width: 8rem;height: 8rem;margin: 20vh auto 1rem auto;}
.loading-progress circle {fill: none;stroke: #e0e0e0;stroke-width: 0.6rem;transform-origin: 50% 50%;transform: rotate(-90deg);}
.loading-progress circle:last-child {stroke: #1b6ec2;stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;transition: stroke-dasharray 0.05s ease-in-out;}
.loading-progress-text {position: absolute;text-align: center;font-weight: bold;inset: calc(20vh + 3.25rem) 0 auto 0.2rem;}
.loading-progress-text:after {content: var(--blazor-load-percentage-text, "Загрузка");}

.paginator{margin-top: 20px;}
.paginator .inactive-btn {background-color: dimgray !important;color: lightgray !important;}
.paginator .btn {border-radius: 0; border-left: 1px solid var(--color-primary-medium)}
.paginator .btn:first-child {border-radius: 10px 0 0 10px; margin-right: 6px}
.paginator .btn:last-child {border-radius: 0 10px 10px 0;margin-left: 6px;}

.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(26, 43, 85, 0.7);transition: opacity 500ms;opacity: 0;z-index: 3;}

.popup{margin: 70px auto;padding: 20px;background: #fff;border-radius: 5px;width: 30%;position: relative;transition: all 5s ease-in-out;top: 10%}
.popup h2 {margin-top: 0;margin-bottom: 20px;color: #333;font-family: Tahoma, Arial, sans-serif;}
.popup .popup_close {position: absolute;top: 20px;right: 30px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #333; cursor: pointer;}
.popup .popup_close:hover {color: #06D85F;}
.popup .content {max-height: 30%;overflow: auto;}

.admin_described_action{margin-bottom: 12px; margin-top: 2px;}
.admin_described_action p {color: var(--color-type-secondary); font-size: 12px; margin-bottom: -4px;}
.admin_described_action a{}

.global-notification { padding: 6px;}

.visible{visibility: visible; display: block}
.hidden{visibility: hidden}
.display-none{display: none}

.block_loading {
    min-height: 500px;
    position: relative;
}

.block_loading * {display:none; }
.block_loading h4  {display:block; }

.block_loading:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background-image: url("../img/loading_spinner.svg");
    background-size: contain; 
    background-position: center; background-repeat: no-repeat;
}


.container-row { margin: 15px 0px;}
.container-row p { margin-bottom: 5px; }
.container-row select { width: 100%; }
.container-btn { margin-top: 30px; }
.container-btn button { margin: 5px 0px; margin-right: 5px; }

.row {display: flex;justify-content: flex-start; align-items: flex-start;}
.variative_section_title {margin-top: 40px;font-size: 28px;margin-bottom: 6px;}
.variative_organization_form {margin-top: 16px;}
.variative_organization_form .row  {justify-content: space-between;margin-bottom: 15px;}
.variative_organization_form .row .form_group {}
.variative_organization_form .row .form_group label {display: block; font-size: 14px;
    margin-bottom: 3px;}
.variative_organization_form .row .form_group input {width: 100%; display: block;}
.variative_organization_form .row .form_group:first-child {width: 60%;}
.variative_organization_form .row .form_group:last-child {width: 38%}

.variative_wizard_assessment {margin-top: 16px; position: relative;}
.variative_wizard_assessment .block_loading {position: absolute;top:0;left:0; right: 0; bottom:0; background-color: rgba(255, 255, 255, 0.6);min-height: 200px; height: 100%;}

.variative_wizard_assessment .actions_container{margin-left: 5px}
.variative_wizard_assessment .action_button {display: inline-block;   opacity: 0.2;cursor: pointer; border:0;margin-left: 4px; background-color: transparent}
.variative_wizard_assessment .action_button:hover {opacity: 1}
.variative_description{line-height: 1.5;}
.variative_wizard_assessment .link.grey {border-bottom: 1px dashed lightgrey;font-size: 13px;}
.variative_wizard_assessment .link.grey:hover {text-decoration: none;}
.variative_wizard_assessment .variative_wizard_assessment_module{margin: 20px 0 40px;}
.variative_wizard_assessment .variative_wizard_assessment_module .link.grey:first-child {margin-top: 0;}
.variative_wizard_assessment .variative_wizard_assessment_module>p{font-size: 20px; display: flex;justify-content: flex-start; align-items: center;} 
.variative_wizard_assessment .variative_wizard_assessment_module .variative_wizard_assessment_criterion_list { margin-top: 6px;} 
.variative_wizard_assessment .variative_wizard_assessment_module .variative_wizard_assessment_criterion{margin-bottom: 10px; background-color: var(--color-background);}
.variative_wizard_assessment .variative_wizard_assessment_module .variative_wizard_assessment_criterion >p{font-size:18px; display: flex;justify-content: flex-start; align-items: center;    padding: 16px;border-bottom: 1px solid var(--color-primary-medium);background-color: #c8cfdf4a}
.variative_wizard_assessment .variative_wizard_assessment_module .variative_wizard_assessment_criterion .variative_wizard_assessment_sub_criterion_list{padding: 16px;}
.variative_wizard_assessment .variative_wizard_assessment_module .variative_wizard_assessment_criterion .variative_wizard_assessment_sub_criterion_list > button{margin-top: 10px;}
.variative_wizard_assessment .variative_wizard_assessment_module .variative_wizard_assessment_criterion .variative_wizard_assessment_sub_criterion{  margin-bottom: 10px;}

.variative_wizard_assessment .variative_wizard_assessment_module .variative_wizard_assessment_criterion .variative_wizard_assessment_sub_criterion>p{font-size: 16px;margin-bottom: 6px;display: flex;justify-content: flex-start; align-items: center; }
.variative_wizard_assessment .variative_wizard_assessment_module .variative_wizard_assessment_criterion .variative_wizard_assessment_sub_criterion .variative_wizard_assessment_aspect_list{padding-left: 16px;}
.variative_wizard_assessment .variative_wizard_assessment_module .variative_wizard_assessment_criterion .variative_wizard_assessment_sub_criterion .variative_wizard_assessment_aspect_list >button{margin-top: 0px;}
.variative_wizard_assessment .variative_wizard_assessment_module .variative_wizard_assessment_criterion .variative_wizard_assessment_sub_criterion .variative_wizard_assessment_aspect_list .variative_wizard_assessment_aspect{margin-bottom: 6px;}
.variative_wizard_assessment .variative_wizard_assessment_module .variative_wizard_assessment_criterion .variative_wizard_assessment_sub_criterion .variative_wizard_assessment_aspect_list .variative_wizard_assessment_aspect>p{font-size: 13px;display: flex;justify-content: flex-start; align-items: center; }

.variative_wizard_assessment .variative_bg{
    background-color: #ebf2f0 !important;
}


.hk-modal-content input {width:100%}
.hk-modal-content p{line-height: 1.5}

.decenter_info_page {}
.decenter_info {}
.individual_block {padding: 18px; background-color:#F7F9FB; border-radius: 4px;}
.event_general_info_card {}


.block_title {color : #80838B;font-size: 24px;margin-top: 36px;margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;}
.block_section_title {color : #80838B;font-size: 20px;margin-top: 16px;margin-bottom: 4px; display: flex; justify-content: space-between; align-items: center;}
.block_block_title {color : #80838B;font-size: 16px;margin-top: 16px;margin-bottom: 4px; display: flex; justify-content: space-between; align-items: center;}

.event_general_info_card.block_loading{
    min-height: 100px;
}
.event_general_info_card {margin-top: 16px;}
.event_general_info_card p {margin-top: 4px;}
.event_general_info_card p:first-child {margin-top: 0;}
.event_general_info_card a span {border-bottom: 1px dashed #000; }


.event_general_info_card .appointment_box {margin-top: 6px;}
.event_general_info_card .appointment_box label {}
.event_general_info_card .inline_input_wrapper { position: relative; width: auto; max-width: 500px;margin-top: 6px;}
.event_general_info_card .inline_input_wrapper input  { border: 1px solid #80838B;padding: 6px 26px 6px 10px;font-size: 12px; color:#000000;  width: 100%; border-radius: 4px;}
.event_general_info_card .inline_input_wrapper input:disabled  {background-color: #eaeaea;}
.event_general_info_card .inline_input_wrapper button  { font-size: 0; background-image: url("/img/icon_checkbox_arrow.svg"); background-position: center; width: 18px; height: 18px; background-color: #2F6CFF; background-size: 10px; background-repeat: no-repeat;position: absolute; right: 7px; top:0; bottom: 0; margin:auto; border-radius: 50%; border:none;}
.event_general_info_card .general_info_company_name { border: 1px solid #80838B;padding: 6px 26px 6px 10px;font-size: 12px; color:#000000;  width: 100%; border-radius: 4px;max-width: 500px;margin-top: 6px;background-color: #eaeaea;}
.event_general_info_card .document_download_button {display: flex; align-items: center;padding-top: 2px;} 
.event_general_info_card .document_download_button i {margin-right: 6px;}

.event_general_info_card .inline_input_wrapper { position: relative; width: auto; max-width: 500px;margin-top: 6px;}
.input_appointment { border: 1px solid #80838B;padding: 6px 10px;font-size: 12px; color:#000000; width: 500px; border-radius: 4px; height: auto; resize: vertical; margin-right: 8px;}


.event_exam_group_card.block_loading{
    min-height: 100px;
}

.event_exam_group_card .event_exam_group_item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 14px; 
}
.event_exam_group_card .event_exam_group_item > div:last-child {display: flex; align-items: center; height: 100%;}
.event_exam_group_card .event_exam_group_item:last-child{
    margin-bottom: 0;
}
.event_exam_group_card .event_exam_group_item .icon {width: 24px; height: 24px;margin-left: 10px;}
.event_exam_group_card .event_exam_group_item a  { display: flex; align-items:center;}
.event_exam_group_card .event_exam_group_item span {border-bottom:1px dashed black; color:#1E1F23}
.event_exam_group_card .event_exam_group_item .event_exam_group_item_title{
    font-size: 14px; color:#1E1F23;
}
.event_exam_group_card .event_exam_group_item .event_exam_group_item_info{display: flex;
    margin-top: 8px;}
.event_exam_group_card .event_exam_group_item .event_exam_group_item_info p{margin-right: 6px; color:#80838B;font-size: 12px;}


.infrastructure_list_card.block_loading{
    min-height: 100px;
}
.event_infrastructure_list_item {display: flex; justify-content: space-between;min-height: 64px;margin-bottom: 5px;flex-wrap: wrap;padding: 9px 16px}
.event_infrastructure_list_item .event_infrastructure_list_item_main_info{max-width: 65%}
.event_infrastructure_list_item .event_infrastructure_list_item_title {
    font-size: 16px; color:#1E1F23; }
.event_infrastructure_list_item .event_infrastructure_list_item_description {
    margin-top: 4px;
    font-size: 12px; color:#896868 }

.event_infrastructure_list_item .event_infrastructure_list_item_controls {display: flex; justify-content: flex-end}
.event_infrastructure_list_item .event_infrastructure_list_item_controls > div {margin-left: 20px;}
.event_infrastructure_list_item .event_infrastructure_list_item_controls > div > p:first-child {color:#80838B;font-size: 12px;margin-bottom: 4px;}
.event_infrastructure_list_item .event_infrastructure_list_item_controls > div > p:last-child {margin-top: 10px;}
.event_infrastructure_list_item .event_infrastructure_list_item_controls .inline_input_wrapper { position: relative; width: 86px;}
.event_infrastructure_list_item .event_infrastructure_list_item_controls .inline_input_wrapper input  { border: 1px solid #80838B;padding: 6px 26px 6px 10px;font-size: 12px; color:#000000;  width: 100%; border-radius: 4px;}
.event_infrastructure_list_item .event_infrastructure_list_item_controls .inline_input_wrapper button  { font-size: 0; background-image: url("/img/icon_checkbox_arrow.svg"); background-position: center; width: 18px; height: 18px; background-color: #2F6CFF; background-size: 10px; background-repeat: no-repeat;
    position: absolute; right: 7px; top:0; bottom: 0; margin:auto; border-radius: 50%; border:none;}
.event_infrastructure_list_item .show_more_wrapper {}
.event_infrastructure_list_item .show_more_wrapper button { width: 40px; height: 40px; background-size: 16px; background-repeat: no-repeat; background-color: transparent; border: none;}
.event_infrastructure_list_item .show_more_wrapper button.active {transform: rotate(180deg);}
.event_infrastructure_list_item .event_infrastructure_list_item_groups {width: 100%; border-top: 1px solid #CBCBCB;    margin-top: 16px;padding-top: 16px;}
.event_infrastructure_list_item .event_infrastructure_list_item_groups > p:first-child { font-size: 12px; color:#000000;}
.event_infrastructure_list_item .event_infrastructure_list_item_group_info  {
    margin-top: 6px; display: flex; justify-content: space-between}
.event_infrastructure_list_item .event_infrastructure_list_item_group_info > div:first-child  {}
.event_infrastructure_list_item .event_infrastructure_list_item_group_info > div:first-child  p{font-size: 12px;  color:#000;}
.event_infrastructure_list_item .event_infrastructure_list_item_group_info > div:first-child  span{color: rgba(0, 0, 0, 0.5);}
.event_infrastructure_list_item .event_infrastructure_list_item_group_info > div:last-child p {font-size: 12px;}
.inline_input_wrapper { }
.inline_input_wrapper input{}
.inline_input_wrapper button{}
.yes_no_input{
    display: flex;
}
.event_videos_list .link {color: var(--color-type-secondary); border-bottom: 1px dashed var(--color-type-secondary);margin-top: 10px;}
.event_videos_list p{line-height: 1.4;}
.event_videos_list .event_video_list_items {margin-top: 16px;}
.event_videos_list .event_videos_list_item{display: flex; align-content: stretch;margin-top: 6px; width: 100%; justify-content: flex-start; max-width: 600px; border:1px solid #eaeaea;    border-radius: 4px 0 0 4px;border-right: 0;}

.event_videos_list .event_videos_list_item input{padding: 8px 16px;background-color: var(--color-background); color:#000; border:none;flex: 1 1 auto;}
.event_videos_list .event_videos_list_item button{ font-size: 14px; padding: 2px 38px; border-top-left-radius: 0; border-bottom-left-radius: 0;  }

.event_venue_photos_card {margin-top: 24px;}
.event_venue_photos_card p {line-height: 1.4}
.event_venue_photos_card .event_venue_photos_items {line-height: 1.4; display: flex; justify-content: flex-start; flex-wrap: wrap;margin-top: 16px;}
.event_venue_photos_card .event_venue_photos_items .event_venue_photos_item{height: 144px; width: 218px;position: relative;margin-right: 12px; border-radius: 4px;margin-bottom: 10px;}

.event_venue_photos_card .event_venue_photos_items .event_venue_photos_item img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

.event_venue_photos_card .event_venue_photos_items .event_venue_photos_item .buttons {display: none;position: absolute; background-color: rgba(0, 0, 0, 0.53);}
.event_venue_photos_card .event_venue_photos_items .event_venue_photos_item:hover .buttons{display: flex; justify-content: center; align-content: center;     position: absolute;top: 0;left: 0;width: 100%;height: 100%; align-items: center;}
.event_venue_photos_card .event_venue_photos_items .event_venue_photos_item .buttons button{  width: 36px; height: 36px;border:none; background-color: transparent; box-shadow: none;margin: 0 20px;}
.event_venue_photos_card .event_venue_photos_items .event_venue_photos_item .buttons button.venue_photos_del_btn{  background-image: url("/img/icon_delete.svg"); background-position: center;}
.event_venue_photos_card .event_venue_photos_items .event_venue_photos_item .buttons button.venue_photos_view_btn{  background-image: url("/img/icon_zoom_in.svg"); background-repeat: no-repeat; background-position: center center; background-size: 90% 90%; width:34px;}
.event_venue_photos_card .event_venue_photos_items .event_venue_photos_item_add {height: 144px; width: 218px;position: relative;margin-right: 12px; display: flex; justify-content: center; align-items: center; background-color: #F7F9FB; border-radius: 4px}
.event_venue_photos_card .event_venue_photos_items .event_venue_photos_item_add .custom-file {
    display: none;
}

.event_venue_photos_card .event_venue_photos_items .event_venue_photos_item_add span,
.event_venue_photos_card .event_venue_photos_items .event_venue_photos_item_add .hk-upload-results{
    display: none;
}
.event_venue_photos_card .event_venue_photos_items .event_venue_photos_item_add .hk-upload-area {
    display: block;
    padding: 50px 20px;
}
.event_venue_photos_card .event_venue_photos_items .event_venue_photos_item_add label {
    display: block;
    height: 36px; 
    background-image: url("/img/icon_add.svg");
    border:none; background-color: transparent; box-shadow: none;
    background-position: center; background-repeat: no-repeat; 
    cursor: pointer
}

.view_modal{background-color: transparent !important;border: none !important;box-shadow: none !important;}

.decenter_info_error{
color: red;
white-space: pre;
}

.event_accreditation_request_card {}
.event_accreditation_request_card .checklist_items {}
.event_accreditation_request_card .checklist_items .checklist_item {display: flex; margin-bottom: 6px; align-items: center;}
.event_accreditation_request_card .checklist_items .checklist_item p {}
.event_accreditation_request_card {} .textarea_wrapper{margin: 10px 0;position: relative; max-width: 600px; min-width: 600px;}
.event_accreditation_request_card {} .textarea_wrapper textarea{ padding: 8px 16px 46px 16px; width: 100% ; height: auto; border-color:var(--color-primary); max-width: 100%;}
.event_accreditation_request_card {} .textarea_wrapper button{position: absolute; bottom:10px; right: 16px; }
.event_accreditation_request_card .alert-info {color:black; border-color: var(--color-green); border-width: 2px;}
.event_accreditation_request_card .alert-info a {border-bottom: 1px solid white; color:black}

.inline_input_wrapper input::-webkit-outer-spin-button,
.inline_input_wrapper input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.inline_input_wrapper input[type=number] {
-moz-appearance: textfield;
}

.yes_no_input input[type='radio']{
display: none;
}

.yes_no_input .hk-radio-group-input{
cursor: pointer;
}

.yes_no_input .yes_no_input_option{
border: 1px solid #C8CFDF;
padding: 10px 18px 11px 18px;
background-color: white;
color: black;
}

.yes_no_input .hk-radio-group-input:first-child .yes_no_input_option{
border-radius: 4px 0 0 4px;
}

.yes_no_input .hk-radio-group-input:last-child .yes_no_input_option {
border-radius: 0 4px 4px 0;
border-left: 0;
}


.yes_no_input .hk-radio-group-input.disable .yes_no_input_option{
background-color: #f5f5f5;
}

.yes_no_input .hk-radio-group-input.disable.no.no_checked .yes_no_input_option{
background-color: #ffefee;
}

.yes_no_input .hk-radio-group-input.disable.yes.yes_checked .yes_no_input_option{
background-color: #a4beff;
}

.yes_no_input .no.no_checked .yes_no_input_option{
background-color: #FFD6D3;
}

.yes_no_input .yes.yes_checked .yes_no_input_option{
background-color: #5989FF;
color: white;
}

.hk-tooltip{max-width: 300px;}

.lock-subcriterion-row-container{
    display: flex;
    width: 100%;
    background-color: var(--color-background);
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px 32px;
    border-radius: 4px;
    margin-bottom: 17px;
    border: 1px solid var(--color-background);
}

.lock-subcriterion-row-container.lock-subcriterion-left{
    flex: 0 0 auto;
}
.lock-subcriterion-row-container .lock-subcriterion-left p{
    font-size: 24px;
    color: var(--color-type-primary);
}
.lock-subcriterion-row-container .lock-subcriterion-info{
    margin-left: 34px;
    flex: 1 1 auto;
}

.lock-subcriterion-row-container .lock-subcriterion-info p{
    font-size: 16px;
    color: var(--color-type-primary);
    margin-top: 10px;
}
.lock-subcriterion-row-container .lock-subcriterion-buttons{
    display: flex; 
    flex-direction: row;
}
.lock-subcriterion-row-container .lock-subcriterion-buttons button{
    margin: 0 5px;
}

.lock-subcriterion-row-container .lock-subcriterion-buttons button:disabled{
    opacity: .65;
}

.admin_block .event_skills_box{
    margin-top: 7px;
    display: flex;
    flex-direction: column;
}

.admin_block .event_skills_box a{
    margin-top: 2px;
}

.missing_marks_wrapper h2{
    font-size: 20px;
    margin-bottom: 12px;
}

.missing_marks_wrapper .students_list{
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    border: #92A6E3 1px solid;
    border-radius: 16px;
    padding: 6px;
}

.item:has(input:checked) {
    background-color: #E8ECFF;
}

.missing_marks_wrapper .students{width: 35%;}

.missing_marks_wrapper .students .scroll-area{
    max-height: 500px;
    overflow-y: auto;
}

/* Скроллбар (тонкий) */
.missing_marks_wrapper .scroll-area::-webkit-scrollbar { width: 8px; }
.missing_marks_wrapper .scroll-area::-webkit-scrollbar-thumb { background: rgba(11,27,50,0.06); border-radius: 20px; }

.missing_marks_wrapper .students_list input[type="radio"]:focus + label.item{
    box-shadow: 0 0 0 3px rgba(59,130,246,0.12);
}

.missing_marks_wrapper .students_list input[type="radio"]:checked + label.item{
    background: #127546;
    box-shadow: 0 1px 0 rgba(59,130,246,0.06);
}

.missing_marks_wrapper .students_list .item {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 12px 16px;
    border-radius: 12px;
    cursor: pointer;

    user-select: none;
    position: relative;
}

/* скрываем стандартный радиобаттон */
.missing_marks_wrapper .students_list .item input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* кастомная круглая кнопка */
.missing_marks_wrapper .students_list .item .checkmark {
    width: 20px;
    height: 20px;
    border-radius: 50%;

    background-color: #ccc;

    position: relative;
    flex-shrink: 0;
    cursor: pointer;
}

/* активное состояние */
.missing_marks_wrapper .students_list .item input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* белая точка внутри */
.missing_marks_wrapper .students_list .item .checkmark::after {
    content: "";
    position: absolute;
    display: block;
    border-radius: 50%;
    background: white;
}

/* отображаем точку когда выбран */
.missing_marks_wrapper .students_list .item input:checked ~ .checkmark::after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
}

.missing_marks_wrapper .students_list .item input ~ .checkmark::after {
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
}

.missing_marks_wrapper .students_list .item .fullname {
    flex: 1;
    font-size: 14px;
}

.missing_marks_wrapper .students_list .item .right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.missing_marks_wrapper .students_list .item .right .percent {
    font-size: 14px;
    color: #6f6f6f;
}

.variative_wizard_task_selector_container{
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.variative_wizard_task_selector_container .link{border-bottom: 1px dotted ;padding-bottom: 1px;
    margin-top: 6px ;}

.variative_wizard_task_selector_container .form_group{
    flex: 1 1 auto;
}
.variative_wizard_task_selector_container .form_group label {font-size: 20px !important;}
.variative_wizard_task_selector_container .module_actions{
    margin-left: 16px;
    flex: 0 1 auto;
    display: flex; justify-content: space-between; align-items: center;
}
.variative_wizard_task_selector_container .module_actions> button{margin-left: 16px;}
.variative_wizard_task_selector_container .module_actions .actions_container{
    display: flex;
    flex-direction: column;
}

.variative2026-action-modal .form_group{
    margin-top: 4px;
}