/* Start:/local/templates/coddy_lk/css/main.css?1757333183168876*/
@font-face {
    font-family: 'NotoSans';
    src: url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansRegular.eot');
    src: url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansRegular.eot') format('embedded-opentype'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansRegular.woff2') format('woff2'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansRegular.woff') format('woff'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansRegular.ttf') format('truetype'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansRegular.svg#NotoSansRegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSans';
    src: url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansItalic.eot');
    src: url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansItalic.eot') format('embedded-opentype'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansItalic.woff2') format('woff2'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansItalic.woff') format('woff'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansItalic.ttf') format('truetype'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansItalic.svg#NotoSansItalic') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'NotoSans';
    src: url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansBold.eot');
    src: url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansBold.eot') format('embedded-opentype'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansBold.woff2') format('woff2'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansBold.woff') format('woff'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansBold.ttf') format('truetype'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansBold.svg#NotoSansBold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSans';
    src: url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansBoldItalic.eot');
    src: url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansBoldItalic.eot') format('embedded-opentype'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansBoldItalic.woff2') format('woff2'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansBoldItalic.woff') format('woff'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansBoldItalic.ttf') format('truetype'),
    url('/bitrix/templates/coddy/fonts/NotoSans/NotoSansBoldItalic.svg#NotoSansBoldItalic') format('svg');
    font-weight: 700;
    font-style: italic;
}

html, body {
    height: 100%;
    padding: 0px;
    margin: 0px;
    font-family: 'NotoSans';
    font-size: 14px;
    line-height: 20px;
    color: #2b4554;
}

body *:focus {
    outline: none;
}

a {
    color: #0097bd;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.btn {
    color: #ffffff;
}

.d-none{
    display: none !important;
}

.row {
    padding: 0px;
    margin: 0px;
}

.row:after, .row:before {
    display: table;
    content: " ";
}

.row:after {
    clear: both;
}

.container {
    width: 100%;
    min-height: 100vh;
    max-width: 1440px;
    padding: 0px;
    margin: 0px auto;
}

.lk_pages .container {
    height: auto;
    box-shadow: 0px 4px 12px rgba(0, 151, 185, 0.5);
    background: #f6f6f6;
    position: relative;
    overflow: hidden;
}

.lk_pages .row {
    display: flex;
}

.lk_pages .col_left {
    flex: 0 0 316px;
    position: relative;
    padding: 0px 0px 60px 0px;
    z-index: 2;
}

.lk_pages .col_left .row_logo {
    display: block;
    text-decoration: none;
    width: 107px;
    height: 126px;
    background: url('/images/logo-coddy-blue.png') 0px 0px no-repeat;
    background-size: contain;
    margin: 40px auto 55px;
}

.lk_pages .col_left .row_menu {
    margin: 0px auto 0px;
    width: 225px;
}

.lk_pages .col_left .row_menu ul {
    margin: 0px;
    padding: 0px;
}

.lk_pages .col_left .row_menu li {
    list-style: none;
    padding: 20px 0px;
    border-bottom: 4px solid #fff;
}

.lk_pages .col_left .row_menu li:last-child {
    border-bottom: 0px solid #fff;;
}

.lk_pages .col_left .row_menu li a {
    text-decoration: none;
    color: #2b4554;
}

.lk_pages .col_left .row_menu li.active a {
    font-weight: bold;
    color: #0097b9;
}

.lk_pages .col_left .row_menu li a:hover {
    opacity: 0.7;
}

.lk_pages .col_left .link_to_portal {
    margin: 40px auto 0px;
    width: 225px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.lk_pages .col_right .btn_found_error,
.lk_pages .col_left .link_to_portal a {
    display: inline-block;
    width: 165px;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: rgb(61, 179, 158);
    border-radius: 2em;
    padding: 14px 20px;
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
    color: #ffffff;
    position: relative;
    top: 0px;
    cursor: pointer;
}

.lk_pages .col_right .btn_found_error:hover,
.lk_pages .col_left .link_to_portal a:hover {
    top: 2px;
    -webkit-box-shadow: 0 3px 0 #3b9376;
    box-shadow: 0 3px 0 #3b9376;
}

.lk_pages .col_right {
    flex: 0 0 calc(100% - 316px);
    min-height: 100vh;
    box-shadow: 0px 4px 12px rgba(43, 69, 84, 0.3);
    border-radius: 10px 0px 0px 0px;
    background: url('/images/lk/lk-top.png') 100% 0% no-repeat #ffffff;
    position: relative;
}

.lk_pages .col_right ul,
.lk_pages .col_right li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.lk_pages .col_right .btn,
.lk_pages .col_right .btn_news,
.lk_pages .col_right .btn_hander {
    min-width: 120px;
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: #ffffff;
    border-radius: 2em;
    padding: 14px 20px;
    -webkit-box-shadow: 0 5px 0 #ececec;
    box-shadow: 0 5px 0 #ececec;
    color: #2d485c;
}

.lk_pages .col_right .btn_hander {
    position: absolute;
    top: 25px;
    right: 180px;
}

.lk_pages .col_right .btn_hander:hover {
    top: 27px;
    -webkit-box-shadow: 0 3px 0 #ececec;
    box-shadow: 0 3px 0 #ececec;
}

.lk_pages .col_right .row_logout {
    right: 180px;
}

.lk_pages .col_right .btn,
.lk_pages .col_right .btn_support,
.lk_pages .col_right .btn_callback,
.lk_pages .col_right .btn_feedback,
.lk_pages .col_right .btn_news {
    color: #ffffff;
    background: rgb(61, 179, 158);
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
}
.beginning_path_page.mentor .step_next{
    background: #4548EC;
}
.beginning_path_page.mentor .step_prev{
    color: #4548EC;
    background: #fff;
    border:1px solid #4548EC;
}
.beginning_path_page.mentor .finish{
    color: #fff !important;
}

li.active .mentor_menu{
    font-weight: bold;
    color: #4548EC !important;
}
li.active .help_menu{
    background: 100% no-repeat url(/upload/lk_for_hr/help/i_turq.png);
    background-size: contain;
    padding-right: 20px;
} 
li .help_menu{
    background: 100% no-repeat url(/upload/lk_for_hr/help/i_pink.png);
    background-size: contain;
    padding-right: 20px;
}    

.lk_pages .col_right .btn-default,
.lk_pages .col_right .btn-primary,
.lk_pages .col_right .btn_news {
    -webkit-box-shadow: 0 0px 0 #3b9376;
    box-shadow: 0 0px 0 #3b9376;
}

.lk_pages .col_right .btn_news {
    display: inline-block;
    margin: 0px 10px 10px 0px;
}

.lk_pages .col_right .btn_news.primary {
    background: #ff16a3;
}

.lk_pages .col_right .btn_news.submit {
    background: #0097b9;
}

.lk_pages .col_right .btn,
.lk_pages .col_right .btn_news {
    display: inline-block;
    position: relative;
    top: 0px;
}

.lk_pages .col_right .btn_support {
    right: 780px;
}

.lk_pages .col_right .btn_callback {
    right: 520px;
}

.lk_pages .col_right .btn_feedback {
    right: 480px;
}

.lk_pages .col_right .btn:hover,
.lk_pages .col_right .btn_support:hover,
.lk_pages .col_right .btn_feedback:hover,
.lk_pages .col_right .btn_callback:hover {
    -webkit-box-shadow: 0 3px 0 #3b9376;
    box-shadow: 0 3px 0 #3b9376;
}

.lk_pages .col_right .btn-default:hover,
.lk_pages .col_right .btn-primary:hover,
.lk_pages .col_right .btn_news:hover {
    -webkit-box-shadow: 0 0px 0 #3b9376;
    box-shadow: 0 0px 0 #3b9376;
}

.lk_pages .col_right .btn:hover,
.lk_pages .col_right .btn_news:hover {
    top: 2px;
}

.lk_pages .col_right .row_content {
    padding: 244px 50px 245px 70px;
    max-width: 872px;
}
.lk_pages .col_right .btn.btn-primary a{
    color: #fff;
    text-decoration: none;
}

.lk_pages .col_bottom {
    width: 100%;
    height: 215px;
    background: url('/images/lk/lk-bottom.png') 50% 0% no-repeat;
/ / background-size: 1440 px auto;
    position: absolute;
    bottom: 0px;
    z-index: 1;
}

.lk_pages .col_right .update_lang {
    width: 48px;
    height: 48px;
    background: url('/images/lk/lang_ru.png') 50% 50% no-repeat #fff;
    background-size: contain;
    box-shadow: 0 3px 0 #ececec;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 25px;
    right: 1010px;
    cursor: pointer;
    z-index: 10;
}

.lk_pages .col_right .update_lang:hover {
    box-shadow: 0 1px 0 #ececec;
    top: 27px;
}

.lk_pages .col_right .update_lang.en {
    background-image: url('/images/lk/lang_en.png');
}

.lk_pages .col_right .update_lang.es {
    background-image: url('/images/lk/lang_es.png');
}

.lk_pages .col_right h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #0097b9;
    padding: 0px 0px 40px 0px;
    margin: -11px 0px 0px;
    width: calc(100% - 60px);
    min-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.lk_pages .col_right h1:after,
.lk_pages .col_right p {
    clear: both;
}

.lk_pages .col_right h1.general-materials,
.lk_pages .col_right h1.knowledge_base,
.lk_pages .col_right h1.your-courses,
.lk_pages .col_right h1.certificates {
    width: calc(100% - 240px);
    max-width: 632px;
}

.lk_pages .col_right h1.interior_pdf {
    width: calc(100% - 280px);
    max-width: 632px;
}

.lk_pages .col_right .btn_found_error {
    position: relative;
    width: 160px;
    float: right;
    margin: -17px 0px 0px 20px;
}

.lk_pages .col_right h1.general-materials.not_sec,
.lk_pages .col_right h1.knowledge_base.not_sec,
.lk_pages .col_right h1.your-courses.not_sec {
    margin-left: 60px;
}

.lk_pages .col_right h2 {
    color: #00aeef;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

#my_pdf_viewer {
    clear: both;
}

#pdf_watermark{
    margin: auto;
    overflow: hidden;
    position: absolute;
    top: 0px;
    display: none;
}
#pdf_watermark_text{
    line-height: 4;
    color: #0097b9;
    opacity: 0.1;
    font-size: 7px;
    transform: translate(70%, 0) scale(2) rotate(-45deg);
}

#form_data_user {
    position: relative;
    top: -10px;
}

#form_updata_file,
#form_updata_folder,
#form_sort_file,
#form_sort_folder,
#form_load_file,
#form_load_arch,
#form_add_link_pdf,
#form_edit_link_pdf,
#form_updata_pass,
#form_load_folder,
#form_load_video,
#form_updata_video,
.pop_up form {
    position: relative;
    margin: 40px 0px;
}

.lk_pages .col_right .form_item {
    display: flex;
    max-width: 600px
}

#form_load_course_arch .item_name_img{
    max-width: none;
    display: inline-block;
}
#form_load_course_arch .folder-tree,
#form_load_arch .folder-tree
{
    margin: 0px 35px 50px;
}
#form_load_course_arch .folder-tree .tree-title,
#form_load_arch .folder-tree .tree-title
{
    font-weight: 700;
    margin-bottom: 30px;
}
#form_load_course_arch .item_name_img .field{
    float: left;
    padding-bottom: 0px;
}
#form_load_course_arch .item_name_img .field .error_mess{
    width: 100%;
}
#form_load_course_arch .item_name_img .item_title{
    float: left;
    margin-left: 70px;
    margin-right: 20px;
}

.lk_pages .col_right .form_item .title,
.lk_pages .col_right .form_item .field {
    margin: auto !important;
    padding: 0px 0px 20px;
    min-height: 40px;
}

#form_updata_file .form_item .field,
#form_updata_folder .form_item .field,
#form_sort_file .form_item .field,
#form_sort_folder .form_item .field,
#form_load_folder .form_item .field,
#form_load_file .form_item .field,
#form_load_arch .form_item .field,
#form_add_link_pdf .form_item .field,
#form_edit_link_pdf .form_item .field,
#form_updata_pass .form_item .field,
#form_load_video .form_item .field,
#form_updata_video .form_item .field,
.pop_up form .form_item .field {
    margin: auto !important;
}

.lk_pages .col_right .form_item .title {
    flex: 0 0 120px;
    color: #2b4554;
    padding: 10px 0px 0px;
}

.lk_pages .col_right .form_item .title_top {
    flex: 0 0 calc(100% - 120px);
    font-weight: bold;
}

.lk_pages .col_right .form_item .field {
    flex: 0 0 calc(100% - 120px);
    position: relative;
}

.lk_pages .col_right .form_item.item_photo_user .field,
.lk_pages .col_right .form_item.item_photo_user .title {
    margin: 0px;
    padding: 0px;
    min-height: 0px;
}

.lk_pages .col_right .form_item .field .file_upload {
    display: block;
    width: 150px;
    height: 150px;
    border: 0px solid #000;
}

#form_data_user .form_item .field .file_upload {
    position: absolute;
    top: -180px;
    left: calc(50% - 75px);
}

.pop_up_teacher_update #form_data_user .form_item .field .file_upload{
    top: -190px !important;
}

.lk_pages .col_right .form_item .field .file_upload > input[type=file] {
    display: none;
}

.lk_pages .col_right .form_item .field .file_upload .file_upload_button {
    display: block;
    width: 120px;
    height: 120px;
    background: rgba(61, 179, 151, 0.4);
    border-radius: 120px;
    box-shadow: 0px 0px 0px 10px rgba(61, 179, 151, 0.25);
    padding: 10px;
    margin: 0px;
    cursor: pointer;
}

.lk_pages .col_right .form_item .field .file_upload .file_upload_button:hover {
    background: rgba(61, 179, 151, 0.3);
    box-shadow: 0px 0px 0px 10px rgba(61, 179, 151, 0.15);
}

.lk_pages .col_right .form_item .field .file_upload .file_upload_button span {
    display: block;
    width: 110px;
    height: 120px;
    background-color: #2b4554;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 120px;
    color: #ffffff;
    padding: 0px 5px 0px 5px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-weight: 700;
    cursor: pointer;
}

.lk_pages .col_right .form_item .field .input_text {
    width: calc(100% - 50px);
    height: 38px;
    padding: 0px 25px;
    margin: 0px 0px 5px;
    background: #f6f6f6;
    border: 0px solid #000;
    border-radius: 20px;
    font-family: 'NotoSans';
    font-size: 14px;
}

.lk_pages .col_right .form_item .field .input_text:disabled {
    background: #dddddd;
    color: #9d9d9d;
}

.pop_up_load_certificate .form_item.item_name_student .field .input_text {
    width: calc(100% - 150px);
}

.lk_pages .col_right .form_item .field textarea.input_text {
    padding: 10px 25px;
    height: 100px;
    resize: vertical;
}

.pop_up_load_certificate .form_item.item_name_student .field .load_student {
    width: 60px;
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    border-radius: 2em;
    padding: 19px 10px;
    -webkit-box-shadow: 0px 0px 10px #d7d7d7;
    box-shadow: 0px 0px 10px #d7d7d7;
    color: #36b29c;
    background: url('/images/lk/lk_load_file.svg') 50% 50% no-repeat #ffffff;
    background-size: auto;
    background-size: auto 25px;
    cursor: pointer;
}

.pop_up_load_certificate .form_item.item_name_student .field .load_student:hover {
    -webkit-box-shadow: 0px 0px 5px #d7d7d7;
    box-shadow: 0px 0px 5px #d7d7d7;
    opacity: 0.8;
}

.lk_pages .col_right .form_item .field .input_text.error {
    background: rgba(211, 45, 45, 0.25);
    color: #ffffff;
}

.lk_pages .col_right .form_item .field .error_mess,
#error_mess_form {
    display: none;
    color: #d32d2d;
    margin: 0px 25px;
    font-size: 14px;
    margin: 0px auto 30px;
    width: calc(100% - 150px);
}

.lk_pages .col_right .form_item .field .ok_mess,
#ok_mess_form {
    display: none;
    color: rgb(61, 179, 158);
    margin: 0px 25px;
    font-size: 14px;
}

#form_load_file .form_item.item_name_file .field,
#form_load_arch .form_item.item_name_file .field,
#load_certificate_csv .form_item.item_name_file .field {
    width: 100%;
    height: 200px;
    border: 2px dashed #aeaeae;
    background: #efefef;
    margin-bottom: 30px !important;
    overflow: hidden;
}

.lk_pages .col_right .form_item.item_name_file .field input[type="file"] {
    cursor: pointer;
    color: #6e6e6e;
    width: calc(100% + 69px);
    height: 200px;
    position: relative;
    top: 0px;
    left: -69px;
    /* text-align: center; */
    border: 0px;
}

.pop_up_load_course .form_item.item_name_img .field input[type="file"] {
    width: calc(100% - 50px);
    height: 38px;
    padding: 0px 0px;
    margin: 0px 0px 5px;
    font-size: 14px;
    font-family: 'NotoSans';
    left: 0px;
}

.item_city_user_block .city_item {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: #0493b4;
    border-radius: 2em;
    padding: 14px 40px 14px 20px;
    margin: 0px 10px 10px 0px;
    color: #ffffff;
    position: relative;
    top: 0px;
}

.item_city_user_block .city_item .close {
    display: block;
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0px;
    top: 5px;
    cursor: pointer;
    background: url('/bitrix/templates/coddy/img/cd-icon-close.svg') no-repeat center center;
}

font.notetext {
    color: rgb(61, 179, 158) !important;
}

font.errortext {
    color: #d32d2d !important;
}

#form_lk_auth #error_mess_form,
#form_lk_auth #ok_mess_form {
    display: block;
    text-align: center;
}

.lk_pages .col_right .send_botton,
.lk_pages .col_right .clear_botton,
.lk_pages .col_right .change_botton {
    width: 165px;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: rgb(61, 179, 158);
    border-radius: 2em;
    padding: 14px 20px;
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
    color: #ffffff;
    position: relative;
    top: 0px;
    cursor: pointer;
}

.lk_pages .col_right .send_botton:hover {
    top: 2px;
    -webkit-box-shadow: 0 3px 0 #3b9376;
    box-shadow: 0 3px 0 #3b9376;
}

.teacher_update .change_botton:hover {
    top: 2px;
    -webkit-box-shadow: 0 3px 0 #3b9376;
    box-shadow: 0 3px 0 #3b9376;
}

.lk_pages .col_right .clear_botton {
    background: #cacaca;
    -webkit-box-shadow: 0 5px 0 #a5a5a5;
    box-shadow: 0 5px 0 #a5a5a5;
}

.lk_pages .col_right .clear_botton:hover {
    top: 2px;
    -webkit-box-shadow: 0 3px 0 #a5a5a5;
    box-shadow: 0 3px 0 #a5a5a5;
}

#form_data_user .form_item .field .send_botton,
#form_data_user .form_item .field .partners_cities_add {
    margin-top: 10px;
    left: calc(50% - 103px);
}

#form_data_user .send_botton.disabled,
#form_load_course_arch .send_botton.disabled,
#form_load_arch .send_botton.disabled
{
    opacity: 0.7;
    cursor: auto;
}

.lk_pages .col_right .sec_block {
    width: 100%;
    max-width: 872px;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
    padding: 0px;
    display: inline-block;
    margin-bottom: 20px;
}

.lk_pages .col_right .sec_block.your-courses {
    width: 100%;
    max-width: 872px;
    padding: 0px;
    margin: 0px 0px 40px;
    position: relative;
}

.lk_pages .col_right .sec_block.hidden {
    display: none;
}

.lk_pages .col_right .sec_block.your-courses.page-courses {
    min-height: 300px;
}

.lk_pages .col_right .sec_block.your-courses .shadow_add_course {
    display: table;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 2;
}

.lk_pages .col_right .sec_block.your-courses .shadow_add_course .content_text {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    text-align: center;
}

.lk_pages .col_right .sec_block.your-courses .shadow_add_course .btn {
    width: auto;
}

.lk_pages .col_right .sec_block.your-courses .shadow_add_course .btn:hover {
    /*top: calc(50% - 22px);*/
}

.lk_pages .col_right .sec_block.your-courses .shadow_add_course .btn.no-active {
    box-shadow: 0 5px 0 #878c8a;
    background: rgb(176, 183, 182);
}

.lk_pages .col_right .sec_block.your-courses .shadow_add_course .btn.no-active:hover {
    box-shadow: 0 3px 0 #878c8a;
}

.lk_pages .col_right .sec_block.your-courses .course_img,
.lk_pages .col_right .course_desc .course_img {
    width: 320px;
    height: 100%;
    background-size: contain;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    z-index: 1;
    position: absolute;
    top: 40px;
    right: 30px;
}

.lk_pages .col_right .course_desc .course_img {
    top: -40px;
    right: 0px;
    height: 230px;
}

.lk_pages .col_right .course_desc {
    width: 100%;
    max-width: 800px;
    min-height: 230px;
    position: relative;
    display: inline-block;
}

.lk_pages .col_right .course_desc .course_text {
    max-width: calc(100% - 360px);
    padding: 0px 0px 40px;
}

.lk_pages .col_right .sec_block.your-courses .course_name {
    border-radius: 10px 10px 0px 0px;
    background: #f6f6f6;
    padding: 20px 35px;
    margin: 0px;
    position: relative;
    color: #2b4554;
    font-weight: bold;
}

.lk_pages .col_right .sec_block.your-courses .course_name .favorite_course {
    background: url('/images/lk/star_favorite.svg') 50% 50% no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0px 5px 0px 0px;
    position: relative;
    top: 4px;
    cursor: pointer;
}

.lk_pages .col_right .sec_block.your-courses .course_name .favorite_course:hover,
.lk_pages .col_right .sec_block.your-courses .course_name .favorite_course.act {
    background-image: url('/images/lk/star_favorite_gold.svg');
}

.lk_pages .col_right .sec_block.your-courses .course_name a {
    border-bottom: 1px dashed;
    font-weight: 600;
    color: #333;
    text-decoration: none;
}

.lk_pages .col_right .sec_block.your-courses .course_name a:hover,
.lk_pages .col_right .sec_block.your-courses .course_name a:focus,
.lk_pages .col_right .sec_block.your-courses .course_name a:active {
    border-bottom-style: solid;
    color: #0096B8;
}

.course_director {
    float: right;
    font-weight: 400;
    color: #666;
}

.course_director a {
    border-bottom: 1px dashed;
    font-weight: 600;
    color: #333;
    text-decoration: none;
}

.course_director a:hover,
.course_director a:focus,
.course_director a:active {
    border-bottom-style: solid;
    color: #0096B8;
}

.lk_pages .col_right .sec_block.your-courses .course_section {
    padding: 30px 60px 30px 30px;
    max-width: calc(100% - 420px);
    display: inline-block;
}

.lk_pages .col_right .sec_block .material_section {
    padding: 30px 50px 30px 30px;
}

.lk_pages .col_right .sec_block.your-courses .material_section {
    width: calc(100% - 80px);
    display: inline-block;
}

.lk_pages .col_right .sec_block ul {
    display: none;
}

.lk_pages .col_right .sec_block ul.parents {
    display: block;
}

.lk_pages .col_right .sec_block .sec_item {
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.13);
    border-radius: 20px;
    padding: 10px 50px 10px 20px;
    margin: 0px 0px 30px 0px;
    position: relative;
    display: block;
}

.lk_pages .col_right .sec_block a.sec_item {
    display: block;
    min-height: 25px;
    color: #2b4554;
    text-decoration: none;
}

.lk_pages .col_right .sec_block .sec_item:after,
.lk_pages .col_right .sec_block .sec_item:before {
    content: " ";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: url('/images/lk/go_sec.png') 50% 50% no-repeat;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: calc(50% - 20px);
    right: -10px;
    cursor: pointer;
}

.lk_pages .col_right .sec_block .sec_item:before {
    background: #3db39d;
}

.lk_pages .col_right .sec_block .sec_item.close_dl:before {
    background: linear-gradient(315deg, rgba(255, 22, 22, 1) 0%, rgba(255, 22, 163, 1) 50%, rgba(61, 179, 157, 1) 50%, rgba(61, 179, 157, 1) 100%);
}

.lk_pages .col_right .sec_block .sec_item.close:before {
    background: #0097b9;
}

.lk_pages .col_right .sec_block .sec_item.close.close_dl:before {
    background: linear-gradient(315deg, rgba(255, 22, 22, 1) 0%, rgba(255, 22, 163, 1) 50%, rgba(0, 151, 185, 1) 50%, rgba(0, 151, 185, 1) 100%);;
}

.lk_pages .col_right .sec_block .sec_item:hover:after {
    opacity: 0.7;
}

.lk_pages .col_right .go_back {
    width: 10px;
    float: left;
    height: 30px;
    padding: 0px 0px 0px 50px;
    position: relative;
    top: -17px;
}

.lk_pages .col_right .go_back:before {
    content: " ";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: url('/images/lk/go_back.png') 50% 50% no-repeat #ffffff;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.13);
}

.lk_pages .col_right .load_file,
.lk_pages .col_right .load_certificate {
    position: relative;
    width: 160px;
    float: right;
    margin: -17px 0px 0px 20px;
}

.lk_pages .col_right .load_file .button,
.lk_pages .col_right .load_certificate .button {
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    border-radius: 2em;
    padding: 14px 10px 14px 30px;
    -webkit-box-shadow: 0px 0px 10px #d7d7d7;
    box-shadow: 0px 0px 10px #d7d7d7;
    color: #36b29c;
    background: url('/images/lk/lk_load_file.svg') 20px 50% no-repeat #ffffff;
    background-size: auto 25px;
    cursor: pointer;
}

.lk_pages .col_right .load_file:hover .button,
.lk_pages .col_right .load_certificate:hover .button {
    -webkit-box-shadow: 0px 0px 5px #d7d7d7;
    box-shadow: 0px 0px 5px #d7d7d7;
    opacity: 0.8;
}

.lk_pages .col_right .load_file.open .button,
.lk_pages .col_right .load_certificate.open .button {
    -webkit-box-shadow: 0px 0px 0px #d7d7d7;
    box-shadow: 0px 0px 0px #d7d7d7;
}

.lk_pages .col_right .load_file .panel,
.lk_pages .col_right .ets_file_item .panel,
.lk_pages .col_right .load_certificate .panel {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 220px;
    background: #ffffff;
    z-index: 10;
    box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.07), -1px -1px 13px rgba(0, 0, 0, 0.07);
    border-radius: 6px;
    display: none;
}

.lk_pages .col_right .ets_file_item .panel {
    top: 35px;
    right: 20px;
/ / display: block;
}

.lk_pages .col_right .load_certificate .panel {
    width: 240px;

}

.lk_pages .col_right .load_file .panel div,
.lk_pages .col_right .ets_file_item .panel div,
.lk_pages .col_right .load_certificate .panel div {
    cursor: pointer;
    padding: 10px 10px 15px 55px;
    font-weight: 700;
    font-size: 14px;
    color: #36b29c;
}

.lk_pages .col_right .load_file .panel div:hover,
.lk_pages .col_right .ets_file_item .panel div:hover,
.lk_pages .col_right .load_certificate .panel div:hover {
    opacity: 0.8;
}

.lk_pages .col_right .load_file .panel .panel_load_file {
    background: url('/images/lk/lk_load_files.svg') 20px 50% no-repeat;
    background-size: auto 25px;
}

.lk_pages .col_right .load_file .panel .panel_load_video {
    background: url('/images/lk/lk_load_video.svg') 20px 50% no-repeat;
    background-size: auto 25px;
}

.lk_pages .col_right .load_file .panel .panel_load_folder,
.lk_pages .col_right .load_file .panel .panel_load_arch
 {
    background: url('/images/lk/lk_load_folders.svg') 20px 50% no-repeat;
    background-size: auto 25px;
}

.lk_pages .col_right .load_file .panel .panel_load_course,
.lk_pages .col_right .load_file .panel .panel_load_course_arch
 {
    background: url('/images/lk/lk_load_folders.svg') 20px 50% no-repeat;
    background-size: auto 25px;
}

.lk_pages .col_right .ets_file_item .panel .panel_updata_file,
.lk_pages .col_right .ets_file_item .panel .panel_updata_certificate {
    background: url('/images/lk/lk_updata_file.svg') 20px 50% no-repeat;
    background-size: auto 23px;
}

.lk_pages .col_right .ets_file_item .panel .panel_sort_file {
    background: url('/images/lk/lk_sort_file.svg') 20px 50% no-repeat;
    background-size: auto 23px;
}

.lk_pages .col_right .ets_file_item .panel .panel_updata_video_code {
    background: url('/images/lk/lk_edit_video.svg') 20px 50% no-repeat;
    background-size: auto 23px;
}

.lk_pages .col_right .ets_file_item .panel .panel_del_file,
.lk_pages .col_right .ets_file_item .panel .panel_del_certificate {
    background: url('/images/lk/lk_del_file.svg') 20px 50% no-repeat;
    background-size: auto 23px;
}

.lk_pages .col_right .ets_file_item .panel .panel_log_file {
    background: url('/images/lk/lk_download.svg') 20px 50% no-repeat;;
}

.lk_pages .col_right .sec_block.edit ul li {
    justify-content: center;
    position: relative;
}

.lk_pages .col_right .sec_block.edit ul li a {
    max-width: calc(100% - 110px);
}

.lk_pages .col_right .sec_block .folder_edit {
    display: flex;
    padding: 0px;
    position: absolute;
    top: -8px;
    right: -40px;
}

.lk_pages .col_right .sec_block .ets_folder_item {
    color: #aeaeae;
    position: relative;
    padding: 20px 20px 20px 0px;
    width: 30px;
    cursor: pointer;
    font-size: 0px;
}

.lk_pages .col_right .sec_block .ets_folder_item:before {
    content: " ";
    display: block;
    background: url('/images/lk/lk_ets.svg') 50% 50% no-repeat;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    position: absolute;
    top: 12px;
    left: -2px;
}

.lk_pages .col_right .ets_folder_item .panel {
    top: 35px;
    right: 20px;
/ / display: block;
}

.lk_pages .col_right .ets_folder_item .panel {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 200px;
    background: #ffffff;
    z-index: 10;
    box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.07), -1px -1px 13px rgba(0, 0, 0, 0.07);
    border-radius: 6px;
    display: none;
}

.lk_pages .col_right .ets_folder_item .panel .panel_updata_folder {
    background: url('/images/lk/lk_updata_file.svg') 20px 50% no-repeat;
    background-size: auto 23px;
}

.lk_pages .col_right .ets_folder_item .panel .panel_sort_folder {
    background: url('/images/lk/lk_sort_file.svg') 22px 50% no-repeat;
    background-size: auto 23px;
}

.lk_pages .col_right .ets_folder_item .panel .panel_del_folder {
    background: url('/images/lk/lk_del_file.svg') 20px 50% no-repeat;
    background-size: auto 23px;
}

.lk_pages .col_right .ets_folder_item .panel .panel_close_teacher_folder,
.lk_pages .col_right .ets_file_item .panel .panel_close_teacher_file,
.lk_pages .col_right .ets_folder_item .panel .panel_close_download_folder,
.lk_pages .col_right .ets_file_item .panel .panel_close_download_file {
    position: relative;
}

.lk_pages .col_right .ets_folder_item .panel .panel_close_teacher_folder:before,
.lk_pages .col_right .ets_folder_item .panel .panel_close_teacher_folder:after,
.lk_pages .col_right .ets_file_item .panel .panel_close_teacher_file:before,
.lk_pages .col_right .ets_file_item .panel .panel_close_teacher_file:after,
.lk_pages .col_right .ets_folder_item .panel .panel_close_download_folder:before,
.lk_pages .col_right .ets_folder_item .panel .panel_close_download_folder:after,
.lk_pages .col_right .ets_file_item .panel .panel_close_download_file:before,
.lk_pages .col_right .ets_file_item .panel .panel_close_download_file:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #3db39d;
    height: 2px;
    width: 20px;
    top: 19px;
    left: 20px;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.lk_pages .col_right .ets_folder_item .panel .panel_close_teacher_folder:after,
.lk_pages .col_right .ets_file_item .panel .panel_close_teacher_file:after,
.lk_pages .col_right .ets_folder_item .panel .panel_close_download_folder:after,
.lk_pages .col_right .ets_file_item .panel .panel_close_download_file:after {
    transform: translateY(1px) rotate(45deg);
}

.lk_pages .col_right .ets_folder_item .panel .panel_close_teacher_folder.act:before,
.lk_pages .col_right .ets_file_item .panel .panel_close_teacher_file.act:before,
.lk_pages .col_right .ets_folder_item .panel .panel_close_download_folder.act:before,
.lk_pages .col_right .ets_file_item .panel .panel_close_download_file.act:before {
    transform: translateY(1px) rotate(0deg);
}

.lk_pages .col_right .ets_folder_item .panel .panel_close_teacher_folder.act:after,
.lk_pages .col_right .ets_file_item .panel .panel_close_teacher_file.act:after,
.lk_pages .col_right .ets_folder_item .panel .panel_close_download_folder.act:after,
.lk_pages .col_right .ets_file_item .panel .panel_close_download_file.act:after {
    transform: translateY(1px) rotate(90deg);
}

.lk_pages .col_right .ets_folder_item .panel div {
    cursor: pointer;
    padding: 10px 10px 15px 55px;
    font-weight: 700;
    font-size: 14px;
    color: #36b29c;
}

.lk_pages .col_right .teachers_block {
    position: relative;
    max-width: 872px;
}

.lk_pages .col_right .teachers_block .teachers_item {
    width: 100%;
    min-width: 780px;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
    padding: 0px;
    margin: 0px 0px 30px;
    position: relative;
    clear: both;
}

.lk_pages .col_right .teachers_block .teachers_item.not-active {
    opacity: 0.5;
}

.lk_pages .col_right .teachers_block .teachers_item.template {
    display: none;
}

.lk_pages .col_right .teachers_block .teachers_item .title_item {
    border-radius: 10px 10px 0px 0px;
    background: #f6f6f6;
    padding: 20px 35px;
    margin: 0px;
    position: relative;
    color: #2b4554;
    font-weight: bold;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_req {
    background: #f6f6f6;
    padding: 20px 35px;
    margin: 0px;
    position: relative;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_req .btn {
    display: inline-block;
    margin: 0px 15px 0px 0px;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_info {
    display: flex;
    padding: 20px 35px;
    margin: 0px;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_info .teacher_data {
    flex: 0 0 calc(100% - 205px);
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_info .teacher_data .row_data {
    display: flex;
    padding: 0px 0px 25px;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_info .teacher_data .row_data.manager_db {
    display: flex;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_info .teacher_data .title {
    padding: 0px 15px 0px 0px;
    color: #2b4554;
    font-weight: bold;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_info .teacher_data .data {
    color: #aeaeae;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_info .teacher_photo {
    flex: 0 0 200px;
    text-align: center;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_info .teacher_update,
.lk_pages .col_right .teachers_block .teachers_item .teacher_info .partner_update {
    flex: 0 0 205px;
    text-align: right;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_photo .teacher_shadow {
    display: block;
    width: 120px;
    height: 120px;
    background: rgba(61, 179, 151, 0.4);
    border-radius: 120px;
    box-shadow: 0px 0px 0px 10px rgba(61, 179, 151, 0.25);
    padding: 10px;
    margin: 0px;
    cursor: pointer;
    position: relative;
    left: 10px;
    top: 10px;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_photo .teacher_shadow:hover {
    background: rgba(61, 179, 151, 0.3);
    box-shadow: 0px 0px 0px 10px rgba(61, 179, 151, 0.15);
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_photo .teacher_shadow div {
    width: 110px;
    height: 120px;
    background-color: #2b4554;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 120px;
    color: #ffffff;
    text-align: center;
    padding: 0px 5px 0px 5px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-weight: 700;
    cursor: pointer;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_update,
.lk_pages .col_right .teachers_block .teachers_item .partner_update {
    float: right;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_update .send_botton,
.lk_pages .col_right .teachers_block .teachers_item .teacher_update .clear_botton,
.lk_pages .col_right .teachers_block .teachers_item .partner_update .send_botton,
.lk_pages .col_right .teachers_block .teachers_item .partner_update .clear_botton {
    width: 20px;
    height: 20px;
    background: url('/images/lk/edit.svg') 50% 50% no-repeat;
    background-size: 18px auto;
    font-size: 0px;
    box-shadow: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    top: -3px;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_update .change_botton {
    width: 20px;
    height: 20px;
    background: url('/images/lk/send.svg') 50% 50% no-repeat;
/ / transform: rotate(180 deg);
    background-size: 18px auto;
    font-size: 0px;
    box-shadow: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    top: -3px;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_update .clear_botton,
.lk_pages .col_right .teachers_block .teachers_item .partner_update .clear_botton {
    background: url('/images/lk/det.svg') 50% 50% no-repeat;
    background-size: 20px auto;
    margin: 0px 0px 0px 10px;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_update .change_botton {
    background-size: 20px auto;
    margin: 0px 10px 0px 0px;
}

.lk_pages .col_right .teachers_block .teachers_item .teacher_update .send_botton:hover,
.lk_pages .col_right .teachers_block .teachers_item .teacher_update .change_botton:hover,
.lk_pages .col_right .teachers_block .teachers_item .teacher_update .clear_botton:hover,
.lk_pages .col_right .teachers_block .teachers_item .partner_update .send_botton:hover,
.lk_pages .col_right .teachers_block .teachers_item .partner_update .clear_botton:hover {
    top: -3px;
    opacity: 0.6;
}

.lk_pages .col_right .teachers_block .teachers_item .teachers_access,
.pop_up_teacher_access .teachers_access,
.pop_up_teacher_away .teachers_away,
.pop_up_partner_access .partners_access {
    background: #f6f6f6;
    position: relative;
    padding: 0px 0px 15px;
}

.lk_pages .col_right .teachers_block .teachers_item .partners_cities .button_access {
    padding: 15px 30px;
}

.lk_pages .col_right .teachers_block .teachers_item .teachers_access .title_access,
.lk_pages .col_right .teachers_block .teachers_item .partners_cities .title_access,
.pop_up_teacher_access .teachers_access .title_access,
.pop_up_teacher_away .teachers_away .title_away,
.pop_up_partner_access .partners_access .title_access {
    border-radius: 10px 10px 0px 0px;
    padding: 20px 35px 15px;
    margin: 0px;
    position: relative;
    color: #2b4554;
    font-weight: bold;
}

.lk_pages .col_right .teachers_block .teachers_item .teachers_access .course_items,
.pop_up_teacher_access .teachers_access .course_items,
.pop_up_partner_cities_add .course_items,
.pop_up_partner_cities_update .course_items,
.pop_up_teacher_away .teachers_away .teachers_items,
.pop_up_partner_access .partners_access .course_items {
    width: calc(100% - 35px);
    max-height: 110px;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px 0px 0px 0px;
}

.lk_pages .col_right .teachers_block .teachers_item .teachers_access .course_items {
    padding: 10px 0px 0px 20px;
}

.pop_up_teacher_access .teachers_access .course_items,
.pop_up_teacher_away .teachers_away .teachers_items,
.pop_up_partner_access .partners_access .course_items {
    height: 205px;
    max-height: 100%;
}

.pop_up_partner_cities_add .course_items,
.pop_up_partner_cities_update .course_items {
    height: 278px;
    max-height: 100%;
}

.pop_up_partner_cities_update .form_item .field .custom-select,
.pop_up_partner_cities_update .form_item .field .custom-select .select {
    height: 42px;
}

.pop_up_partner_course_update .form_item .field .custom-select,
.pop_up_partner_course_update .form_item .field .custom-select .select {
    height: 42px;
}

.lk_pages .col_right .teachers_block .teachers_item .teachers_access .course_items .course_item,
.pop_up_teacher_access .teachers_access .course_items .course_item,
.pop_up_partner_cities_add .course_items .course_item,
.pop_up_partner_cities_update .course_items .course_item,
.pop_up_teacher_away .teachers_away .teachers_items .teacher_item,
.pop_up_partner_access .partners_access .course_items .course_item {
    display: flex;
}

.lk_pages .col_right .teachers_block .teachers_item .teachers_access .course_items .course_item .course_item_title,
.pop_up_teacher_access .teachers_access .course_items .course_item .course_item_title,
.pop_up_partner_cities_add .course_items .course_item .course_item_title,
.pop_up_partner_cities_update .course_items .course_item .course_item_title,
.pop_up_teacher_away .teachers_away .teachers_items .teacher_item .teacher_item_title,
.pop_up_partner_access .partners_access .course_items .course_item .course_item_title {
    flex: 0 0 calc(100% - 70px);
    border-radius: 10px 10px 0px 0px;
    padding: 0px 0px 20px 15px;
    margin: 0px;
    position: relative;
    color: #2b4554;
    font-weight: bold;
}

.lk_pages .col_right .teachers_block .teachers_item .teachers_access .course_items .course_item .course_item_checkbox,
.pop_up_teacher_access .teachers_access .course_items .course_item .course_item_checkbox,
.pop_up_partner_cities_add .course_items .course_item .course_item_checkbox,
.pop_up_partner_cities_update .course_items .course_item .course_item_checkbox,
.pop_up_partner_course_update .course_item_checkbox,
.pop_up_partner_costblock_update .costblock_item_checkbox,
.pop_up_teacher_away .teachers_away .teachers_items .teacher_item .teacher_item_checkbox,
.pop_up_partner_access .partners_access .course_items .course_item .course_item_checkbox {
    flex: 0 0 30px;
    padding: 0px 0px 20px 35px;
    width: 30px;
    height: 30px;
}

.lk_pages .col_right .teachers_block .teachers_item .teachers_access .course_items .course_item .course_item_checkbox div,
.pop_up_teacher_access .teachers_access .course_items .course_item .course_item_checkbox div,
.pop_up_partner_cities_add .course_items .course_item .course_item_checkbox div,
.pop_up_partner_cities_update .course_items .course_item .course_item_checkbox div,
.pop_up_partner_course_update .course_item_checkbox div,
.pop_up_partner_costblock_update .costblock_item_checkbox div,
.pop_up_teacher_away .teachers_away .teachers_items .teacher_item .teacher_item_checkbox div,
.pop_up_partner_access .partners_access .course_items .course_item .course_item_checkbox div {
    padding: 0px 0px 0px 50px;
    position: relative;
}

.pop_up_teacher_access .teachers_access .course_items .course_item .course_item_checkbox div input[type="checkbox"],
.pop_up_partner_cities_add .course_items .course_item .course_item_checkbox div input[type="checkbox"],
.pop_up_partner_cities_update .course_items .course_item .course_item_checkbox div input[type="checkbox"],
.pop_up_partner_course_update .course_item_checkbox div input[type="checkbox"],
.pop_up_partner_costblock_update .costblock_item_checkbox div input[type="checkbox"],
.pop_up_teacher_away .teachers_away .teachers_items .teacher_item .teacher_item_checkbox div input[type="checkbox"],
.lk_pages .col_right .form_item.item_checkbox input[type="checkbox"],
.pop_up_partner_access .partners_access .course_items .course_item .course_item_checkbox div input[type="checkbox"] {
    display: none;
}

.lk_pages .col_right .form_item.item_checkbox label {
    padding: 0px 0px 0px 50px;
}

.lk_pages .col_right .teachers_block .teachers_item .teachers_access .course_items .course_item .course_item_checkbox div:before,
.pop_up_teacher_access .teachers_access .course_items .course_item .course_item_checkbox label:before,
.pop_up_teacher_away .teachers_away .teachers_items .teacher_item .teacher_item_checkbox label:before,
.pop_up_partner_access .partners_access .course_items .course_item .course_item_checkbox label:before,
.pop_up_partner_cities_add .course_items .course_item .course_item_checkbox label:before,
.pop_up_partner_cities_update .course_items .course_item .course_item_checkbox label:before,
.pop_up_partner_course_update .course_item_checkbox label:before,
.pop_up_partner_costblock_update .costblock_item_checkbox label:before,
.course_items .course_item .course_item_checkbox label:before,
.lk_pages .col_right .form_item.item_checkbox label:before {
    content: " ";
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.13);
    position: absolute;
    top: 0px;
    left: 0px;
}

.lk_pages .col_right .teachers_block .teachers_item .teachers_access .course_items .course_item .course_item_checkbox div.active:after,
.pop_up_teacher_access .teachers_access .course_items .course_item .course_item_checkbox div input[type="checkbox"]:checked + label:after,
.pop_up_teacher_away .teachers_away .teachers_items .teacher_item .teacher_item_checkbox div input[type="checkbox"]:checked + label:after,
.pop_up_partner_access .partners_access .course_items .course_item .course_item_checkbox div input[type="checkbox"]:checked + label:after,
.pop_up_partner_cities_add .course_items .course_item .course_item_checkbox div input[type="checkbox"]:checked + label:after,
.pop_up_partner_cities_update .course_items .course_item .course_item_checkbox div input[type="checkbox"]:checked + label:after,
.pop_up_partner_course_update .course_item_checkbox div input[type="checkbox"]:checked + label:after,
.pop_up_partner_costblock_update .costblock_item_checkbox div input[type="checkbox"]:checked + label:after,
.lk_pages .col_right .form_item.item_checkbox input[type="checkbox"]:checked + label:after {
    content: " ";
    display: block;
    width: 26px;
    height: 19px;
    background: url('/images/lk/lk_checkbox.png') 0% 0% no-repeat;
    position: absolute;
    top: 0px;
    left: 7px;
}

.lk_pages .col_right .course_items .course_item.course_req {
    position: relative;
    margin: 20px 0px 0px;
}

.lk_pages .col_right .course_items .course_item.course_req .course_item_title {
    max-width: calc(100% - 460px);
}

.lk_pages .col_right .course_items .course_item.course_req .teacher_course_req {
    position: absolute;
    right: 0px;
    top: -15px;
}

.lk_pages .col_right .course_items .course_item.course_req .teacher_course_req .btn {
    display: inline-block;
    margin: 0px 10px 0px 0px;
}

.lk_pages .col_right .course_items .course_item.course_req .teacher_course_req .approved_course {
    text-align: center;
    display: inline-block;
    margin: 0px 10px 0px 0px;
    min-width: 205px;
}

.pop_up_teacher_access .teachers_access .button_access,
.pop_up_teacher_away .teachers_away .button_access,
.pop_up_partner_access .partners_access .button_access {
    padding: 20px 35px 40px;
}

.lk_pages .col_right .teachers_block .teachers_item .teachers_access .button_access {
    padding: 0px;
    position: absolute;
    top: 20px;
    right: 35px;
}

.lk_pages .col_right .teachers_block .teachers_item .teachers_access .button_access .send_botton {
    width: 20px;
    height: 20px;
    background: url('/images/lk/edit.svg') 50% 50% no-repeat;
    background-size: auto;
    background-size: 18px auto;
    font-size: 0px;
    box-shadow: none;
    margin: 0px auto;
    padding: 0px;
    display: inline-block;
    top: -3px;
}

.pop_up_teacher_access .teachers_access .button_access .send_botton:hover,
.pop_up_teacher_away .teachers_away .button_access .send_botton:hover,
.pop_up_partner_access .partners_access .button_access .send_botton:hover {
    top: -3px;
    opacity: 0.6;
}

.lk_pages .col_right .teachers_block .teachers_add,
.lk_pages .col_right .teachers_block .partners_add {
    position: absolute;
    top: -80px;
    right: 0px;
}

.lk_pages .col_right .teachers_block .teachers_add .send_botton,
.lk_pages .col_right .teachers_block .partners_add .send_botton {
    width: 230px;
    background: #0493b4;
    -webkit-box-shadow: 0 5px 0 #0484ac;
    box-shadow: 0 5px 0 #0484ac;
    margin: 0px 0px 0px 35px;
}

.lk_pages .col_right .teachers_block .teachers_add .send_botton:hover,
.lk_pages .col_right .teachers_block .partners_add .send_botton:hover {
    -webkit-box-shadow: 0 3px 0 #0484ac;
    box-shadow: 0 3px 0 #0484ac;
}

.lk_pages .col_right .file_block {
    width: 100%;
    max-width: 872px;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
    padding: 0px;
    display: inline-block;
    clear: both;
/ / overflow: hidden;
}

.lk_pages .col_right .text_block {
    width: 100%;
    max-width: 872px;
    padding: 0px 0px 30px;
    display: inline-block;
    clear: both;
}

.lk_pages .col_right .file_items {
    display: none;
}

.lk_pages .col_right .file_block.page_general_materials .file_items,
.lk_pages .col_right .file_block.page_knowledge_base .file_items,
.lk_pages .col_right .file_block.page_certificate .file_items {
    display: block;
}

.lk_pages .col_right .file_items .file_item {
    padding: 0px 10px 0px 35px;
    margin: 0px;
    position: relative;
    display: flex;
}

.lk_pages .col_right .file_block .file_item {
    background: #ffffff;
}

.lk_pages .col_right .file_block .file_item:nth-child(2n) {
    background: #f6f6f6;
}

.lk_pages .col_right .file_items .file_item div {

}

.lk_pages .col_right .file_items .file_item .doc_file_item {
    display: flex;
    padding: 0px;
}

.lk_pages .col_right .file_items .file_item .doc_file_item:nth-child(2) {
    padding: 0px 0px 0px 20px;
}

.lk_pages .col_right .file_items .file_item .preview_file_item {
    width: 75px;
    height: 50px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 5px 20px 0px 0px;
}

.lk_pages .col_right .file_items .file_item .preview_file_item.default {
    background-image: url('/images/lk/default_photo.png');
    opacity: 0.2;
}

.lk_pages .col_right .file_items .file_item .preview_file_item.view {
    cursor: pointer;
}

.lk_pages .col_right .file_items .file_item .nav_file_item {
    padding: 20px 20px 20px 0px;
}

.lk_pages .col_right .file_items .file_item .nav_file_item div {
    cursor: pointer;
}

.lk_pages .col_right .file_items .file_item .nav_file_item div:hover,
.lk_pages .col_right .file_items .file_item .nav_file_item .open {
    color: #36b29c;
    text-decoration: underline;
}

.lk_pages .col_right .file_items .file_item .nav_file_item .open {
    font-weight: bold;
    cursor: text;
}

.lk_pages .col_right .file_items .file_item .tab_file_item {
    width: 100%;
}

.lk_pages .col_right .file_items .file_item .tab_file_item .tab {
    opacity: 0;
    display: none;
    transition: opacity 0.5s linear;
}

.lk_pages .col_right .file_items .file_item .tab_file_item .tab.open {
    opacity: 1;
    display: flex;
}

.lk_pages .col_right .file_items .file_item .title_file_item {
    color: #2b4554;
/ / border-right: 4 px solid #f6f6f6;
/ / width: calc(100 % - 300 px);
    width: 100%;
    padding: 20px 20px 20px 0px;
}

.lk_pages .col_right .file_items .file_item .title_file_item.view,
.lk_pages .col_right .file_items .file_item .title_file_item a {
    color: #2b4554;
    text-decoration: underline;
    cursor: pointer;
}

.lk_pages .col_right .file_items .file_item .title_file_item.view:hover,
.lk_pages .col_right .file_items .file_item .title_file_item a:hover {
    text-decoration: none;
}

.lk_pages .col_right .page_general_materials .file_items .file_item .title_file_item,
.lk_pages .col_right .page_knowledge_base .file_items .file_item .title_file_item,
.lk_pages .col_right .page_courses .file_items .file_item .title_file_item {
/ / width: calc(100 % - 150 px);
    width: 100%;
}

.lk_pages .col_right .file_items .file_item .view_file_item,
.lk_pages .col_right .file_items .file_item .download_file_item,
.lk_pages .col_right .file_items .file_item .ets_file_item {
    color: #aeaeae;
    position: relative;
    padding: 20px 20px 20px 0px;
    width: 30px;
    cursor: pointer;
    font-size: 0px;
}

.lk_pages .col_right .file_items .file_item .view_file_item:before,
.lk_pages .col_right .file_items .file_item .download_file_item:before,
.lk_pages .col_right .file_items .file_item .ets_file_item:before {
    content: " ";
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    position: absolute;
    top: 12px;
    left: -2px;
}

.lk_pages .col_right .file_items .file_item .view_file_item:before {
    background: url('/images/lk/lk_view.svg') 50% 50% no-repeat;
}

.lk_pages .col_right .file_items .file_item.close .view_file_item:before {
    background: url('/images/lk/lk_view_close.svg') 50% 50% no-repeat;
    background-size: 85% 85%;
}

.lk_pages .col_right .file_items .file_item .download_file_item:before {
    background: url('/images/lk/lk_download.svg') 50% 50% no-repeat;
}

.lk_pages .col_right .file_items .file_item .ets_file_item:before {
    background: url('/images/lk/lk_ets.svg') 50% 50% no-repeat;
}

.lk_pages .col_right .file_items .file_item .view_file_item:hover:before {
    background: url('/images/lk/lk_view_hover.svg') 50% 50% no-repeat;
}

.lk_pages .col_right .file_items .file_item .download_file_item:hover:before {
    background: url('/images/lk/lk_download_hover.svg') 50% 50% no-repeat;
}

.lk_pages .col_right .file_items .file_item .ets_file_item:hover:before {
    background: url('/images/lk/lk_ets_hover.svg') 50% 50% no-repeat;
}

.shadow {
    opacity: 0.7;
    z-index: 600;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.67);
    display: none;
}

.scroll_form {
    width: 100%;
    height: 600px;
    overflow-y: scroll;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 601;
    display: none;
}

.close_form {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 8px;
    top: 8px;
    background: url('/bitrix/templates/coddy/img/cd-icon-close.svg') no-repeat center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
    z-index: 3;
    cursor: pointer;
    filter: invert(0.8);
}

.pop_up_img .close_form {
    right: -35px;
    top: -10px;
    filter: invert(0);
}

.pop_up,
.pop_up_teacher_update,
.pop_up_teacher_access,
.pop_up_teacher_away,
.pop_up_partner_access,
.pop_up_partner_update,
.pop_up_img,
.pop_up_load_file,
.pop_up_load_arch,
.pop_up_add_link_pdf,
.pop_up_edit_link_pdf,
.pop_up_load_video,
.pop_up_load_folder,
.pop_up_load_course,
.pop_up_updata_file,
.pop_up_updata_folder,
.pop_up_updata_pass,
.pop_up_sort_file,
.pop_up_sort_folder,
.pop_up_updata_video,
.pop_up_directors,
.pop_up_partner_cities_add,
.pop_up_partner_cities_update,
.pop_up_partner_costblock_update,
.pop_up_partner_course_update,
.pop_up_partner_cities_delete {
    width: 870px;
    min-height: 570px;
    z-index: 601;
    position: absolute;
    /*top: calc(50 % - 285 px);*/
    top: 30px;
    left: calc(50% - 435px);
    background: #ffffff;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
    padding: 0px;
    margin: 0px;
    display: none;
    overflow: hidden;
}

.pop_up_partner_delete {
    width: 870px;
    z-index: 601;
    position: absolute;
    /*top: calc(50 % - 285 px);*/
    top: 30px;
    left: calc(50% - 435px);
    background: #ffffff;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
    padding: 0px;
    margin: 0px;
    display: none;
    overflow: hidden;
}

.pop_up_directors {
    background: none;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    width: auto;
    min-height: auto;
    overflow: initial;
}

.pop_up_directors .modal-card {
    display: none;
}

.button_pop_up {
    text-align: center;
}

.pop_up_img {
    width: auto;
    max-width: 85%;
    min-height: auto;
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    border-radius: 0px;
    overflow: unset;
}

.pop_up_img img {
    max-width: 100%;
    max-height: 80vh;
    margin: auto;
    display: block;
    overflow: unset;
}

.pop_up_title {
    border-radius: 10px 10px 0px 0px;
    background: #f6f6f6;
    padding: 20px 35px;
    margin: 0px;
    position: relative;
    color: #2b4554;
    font-weight: bold;
}

.pop_up_teacher_update .pop_up_title{
        padding: 80px 35px !important;
}

.pop_up_teacher_update #form_data_user,
.pop_up_partner_update #form_data_user,
.pop_up_partner_delete #form_delete_data_user {
    padding: 40px 35px 30px;
}

.pop_up_teacher_update .form_item .field .input_text,
.pop_up_partner_update .form_item .field .input_text,
.pop_up_partner_delete .form_item .field .input_text {
    width: 400px;
}

.pop_up_teacher_update #form_data_user .form_item .field .file_upload,
.pop_up_partner_update #form_data_user .form_item .field .file_upload, {
    position: absolute;
    top: 10px;
    left: auto;
    right: -195px;
}

.pop_up_teacher_update .item_photo_user .file_upload{
    top: -190px;
}

#form_data_user .form_item .field .send_botton,
#form_data_user .form_item .field .clear_botton {
    left: auto;
    display: inline-block;
    margin-left: 25px;
}

#form_delete_data_user .form_item .field .send_botton,
#form_delete_data_user .form_item .field .clear_botton {
    left: auto;
    display: inline-block;
    margin-left: 25px;
}

.pop_up_teacher_access,
.pop_up_teacher_away,
.pop_up_partner_access {
    width: 600px;
    min-height: 390px;
    left: calc(50% - 300px);
    background: #f6f6f6;
}

.pop_up,
.pop_up_load_file,
.pop_up_load_arch,
.pop_up_add_link_pdf,
.pop_up_edit_link_pdf,
.pop_up_load_video,
.pop_up_load_folder,
.pop_up_load_course,
.pop_up_updata_file,
.pop_up_updata_folder,
.pop_up_updata_pass,
.pop_up_sort_file,
.pop_up_sort_folder,
.pop_up_updata_video {
    width: 100%;
    max-width: 600px;
    min-height: 100px;
    left: calc(50% - 300px);
    background: #ffffff;
}

.pop_up_teacher_access .button_access,
.pop_up_teacher_away .button_access,
.pop_up_partner_access .button_access {
    text-align: center;
}

.pop_up_teacher_access .send_botton,
.pop_up_teacher_away .send_botton,
.pop_up_partner_access .send_botton,
.button_pop_up .send_botton {
    display: inline-block;
}

.pop_up_update_lang .button_lang {
    width: 60px;
    height: 60px;
    background: url('/images/lk/lang_ru.png') 50% 50% no-repeat #fff;
    background-size: contain;
    box-shadow: 0 5px 0 #ececec;
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    top: 0px;
}

.pop_up_update_lang .button_lang.en {
    background-image: url('/images/lk/lang_en.png');
}

.pop_up_update_lang .button_lang.es {
    background-image: url('/images/lk/lang_es.png');
}

.pop_up_update_lang .button_lang:hover {
    box-shadow: 0 3px 0 #ececec;
    top: 2px;
}

#form_lk_auth {
    width: 100%;
    max-width: 490px;
    height: auto;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
    background: url('/images/lk/lk_auth_bg.png') 100% 0% no-repeat;
    padding: 260px 30px 30px;
    position: absolute;
    top: calc(50% - 265px);
    left: calc(50% - 275px);
}

#form_lk_auth.form_forgotpasswd {
    /*top: calc(50% - 375px);*/
}

#form_lk_auth.form_changepasswd {
    top: calc(50% - 375px);
}

#form_lk_auth.auth {
    position: relative;
    top: auto;
}

#form_lk_auth .form_item {
    display: block;
}

#form_lk_auth .form_item .field {
    flex: auto;
    text-align: center;
    padding: 0px 0px 10px;
}

#form_lk_auth .form_item.item_login .field {
    padding: 0px 0px 20px;
}

#form_lk_auth.form_changepasswd .form_item.item_login .field {
    padding: 0px 0px 10px;
}

#form_lk_auth .form_item .field .input_text {
    width: 270px;
    height: 38px;
    padding: 0px 25px;
    margin: 0px 0px 5px;
    background: #f6f6f6;
    border: 0px solid #000;
    border-radius: 20px;
/*/ / color: #aeaeae;*/
    font-family: 'NotoSans';
}

::-webkit-input-placeholder {
    color: #aeaeae;
}

::-moz-placeholder {
    color: #aeaeae;
}

::-ms-placeholder {
    color: #aeaeae;
}

::placeholder {
    color: #aeaeae;
}

.form_item .field .custom-select {
    overflow: hidden;
    position: relative;
    width: 100% -0px;
    height: 38px;
    padding: 0px 0px;
    margin: 0px 0px 5px;
    background: #f6f6f6;
    border: 0px;
    border-radius: 20px;
    font-family: 'NotoSans';
}

.form_item .field .custom-select select {
    width: 100%;
    max-width: 100%;
    height: 38px;
    padding: 0px 50px 0px 25px;
    background: transparent;
    position: relative;
    z-index: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    cursor: pointer;
}

.form_item .field .custom-select .checkbox_select {
    color: #fff;
    width: 45px;
    height: 38px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url('/images/lk/lk_select.svg') 50% 50% no-repeat;
    z-index: 1;
    transition: all 0.3s;
    transform: rotateX(0deg);
    border-radius: 0px 20px 20px 0px;
    background-size: auto 33%;
}

.form_item .field .custom-select select:hover + .checkbox_select,
.form_item .field .custom-select select + .checkbox_select:hover {
    transform: rotateX(-180deg);
}

.form_item .field .custom-select select {
    width: 100%;
    padding-right: 0px;
}

.form_item .field .custom-select option {
    background-color: #ffffff;
    padding: 3px 0px;
    font-family: 'NotoSans';
}

#form_lk_auth .lk_auth_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #0097b9;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 20px;
}

#form_lk_auth .lk_auth_title h1{
    font-weight: 700;
    font-size: 24px;
    padding-bottom: 20px;
}

#form_lk_auth .form_item .field a {
    color: #aeaeae;
    font-size: 14px;
}

#form_lk_auth .form_item .field a:hover {
    opacity: 0.7;
}

#form_lk_auth .send_botton {
    width: 230px;
    margin: 0px 35px 0px;
    border: 0px solid #000;
    font-family: "NotoSans";
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: rgb(61, 179, 158);
    border-radius: 2em;
    padding: 14px 20px;
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
    color: #ffffff;
    position: relative;
    top: 0px;
    cursor: pointer;
}

#form_lk_auth .send_botton:hover {
    top: 2px;
    -webkit-box-shadow: 0 3px 0 #3b9376;
    box-shadow: 0 3px 0 #3b9376;
}

#form_lk_auth .logo,
#form_lk_auth .cosm1,
#form_lk_auth .cosm2 {
    display: block;
    width: 107px;
    height: 126px;
    background: url('/images/logo-coddy-blue.png') 0px 0px no-repeat;
    background-size: contain;
    position: absolute;
    top: 35px;
    left: 45px;
    z-index: 2;
}

#form_lk_auth .cosm1 {
    width: 255px;
    height: 259px;
    background: url('/images/lk/lk_auth_bg_cosm.png') 0px 0px no-repeat;
    top: -15px;
    left: auto;
    right: 45px;
    z-index: 1;
}

#form_lk_auth .cosm2 {
    width: 400px;
    height: 265px;
    background: url('/images/lk/lk_auth_bg_cosm2.png') 0px 0px no-repeat;
    top: -16px;
    left: auto;
    right: 30px;
    z-index: 1;
}

.header_mobile_block {
    position: relative;
    display: none;
}

.header_mobile {
    position: relative;
    background: #2b4554;
    height: 60px;
    z-index: 2;
}

.mobile_nav_menu {
    background: #2b4554;
    z-index: 20;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    height: 0;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.mobile_nav_menu ul {
    padding: 0px;
    margin: 0px;
}

.mobile_nav_menu li {
    list-style: none;
}

.mobile_nav_menu a {
    text-decoration: none;
    outline: none;
    color: #fff;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: none;
    padding: 15px 25px;
    border-top: 1px solid #e0e0e0;
    display: block;
    cursor: pointer;
}

.mobile_nav_menu a:hover {
    color: #2f9f8b;
}

.mobile_nav_menu .link_to_portal a {
    font-size: 16px;
    color: #0097b9;
}

.mobile_nav_menu .link_to_support a {
    color: rgb(61, 179, 158);
}

.toggle_mnu {
    display: block;
    width: 28px;
    height: 28px;
    margin-top: 4px;
}

.toggle_mnu span {
    position: relative;
    display: block;
}

.toggle_mnu span::after, .toggle_mnu span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
}

.toggle_mnu span::after {
    top: 18px;
}

.toggle_mnu span, .toggle_mnu span::after, .toggle_mnu span::before {
    width: 100%;
    height: 5px;
    background-color: #2f9f8b;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.toggle_mnu.on span {
    background-color: transparent;
}

.toggle_mnu.on span::before {
    -webkit-transform: rotate(45deg) translate(-1px, 0px);
    -ms-transform: rotate(45deg) translate(-1px, 0px);
    transform: rotate(45deg) translate(-1px, 0px);
}

.toggle_mnu.on span::after {
    -webkit-transform: rotate(-45deg) translate(6px, -7px);
    -ms-transform: rotate(-45deg) translate(6px, -7px);
    transform: rotate(-45deg) translate(6px, -7px);
}

.mobile_nav {
    float: right;
    padding: 15px 15px 0px 0px;
}

.mobile_logo {
    display: block;
    text-decoration: none;
    width: 94px;
    height: 110px;
    position: absolute;
    top: -30px;
    z-index: 100;
    background: url('/images/logo-coddy-blue.png') 0% 0% no-repeat;
    background-size: contain;
    left: 15px;
}

.lk_pages .col_right .bread_crumbs {
    margin: -55px 0px 30px;
    width: 100%;
    height: 25px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lk_pages .col_right .bread_crumbs:after {
    content: " ";
    clear: both;
}

.lk_pages .col_right .bread_crumbs_item {
    display: block;
    float: left;
    padding: 0px 33px 10px 0px;
    height: 25px;
    min-width: 45px;
}

.lk_pages .col_right .bread_crumbs_item.abbr {
    max-width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lk_pages .col_right .bread_crumbs_svg {
    display: none;
    float: left;
    padding: 0px 0px 10px 0px;
    margin-right: 33px;
    height: 25px;
    min-width: 25px;
    position: relative;
    cursor: pointer;
}

.lk_pages .col_right .bread_crumbs_item a,
.lk_pages .col_right .bread_crumbs_item.open {
    text-decoration: none;
    color: #2b4554;
    position: relative;
    font-weight: bold;
    cursor: pointer;
}

.lk_pages .col_right .bread_crumbs_item a:after,
.lk_pages .col_right .bread_crumbs_item.open:after,
.lk_pages .col_right .bread_crumbs_svg:after {
    content: " ";
    display: block;
    float: left;
    width: 13px;
    height: 24px;
    background: url('/images/lk/bread_crumbs_separator.png') 0% 20px no-repeat;
    padding: 20px 0px 0px;
    position: absolute;
    top: -21px;
    right: -23px;
}

.lk_pages .col_right .bread_crumbs_item.open:after {
    right: 10px;
}

.lk_pages .col_right .bread_crumbs_item a:hover,
.lk_pages .col_right .bread_crumbs_item.open:hover {
    text-decoration: underline;
    opacity: 0.7;
}

.lk_pages .col_right .video_courses {
    position: relative;
}

.lk_pages .col_right .video_courses iframe {
    width: 100%;
    height: 500px;
    display: none;
}

.lk_pages .col_right .video_sec iframe {
    width: 100%;
    height: 500px;
}

/*PDF*/
#toolbar_viewer, #toolbar_viewer_footer {
    box-shadow: inset 0 1px 1px hsla(0, 0%, 0%, .15), inset 0 -1px 0 hsla(0, 0%, 100%, .05), 0 1px 0 hsla(0, 0%, 0%, .15), 0 1px 1px hsla(0, 0%, 0%, .1);
    position: relative;
    height: 64px;
    background-color: #474747;
    background-image: linear-gradient(hsla(0, 0%, 32%, .99), hsla(0, 0%, 27%, .95));
    width: 100%;
/ / overflow: hidden;
    margin: 0px;
    padding: 0px;
}

#canvas_container, #canvas_container_footer {
    width: 100%;
    max-width: 984px;
    overflow: auto;
    background: #333;
    text-align: center;
}

#navigation_controls, #zoom_controls,
#navigation_controls_footer, #zoom_controls_footer {
    width: 50%;
    height: 32px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#zoom_controls, #zoom_controls_footer {
    left: 50%;
}

#navigation_controls_footer, #zoom_controls_footer {
    top: 32px;
}

#zoom_controls .separator,
#zoom_controls_footer .separator {
    width: 1px;
    height: 15px;
    background-color: hsla(0, 0%, 0%, .5);
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .08);
    position: absolute;
    top: 9px;
    left: calc(100% - 45px);
}

#navigation_controls #current_page,
#navigation_controls_footer #current_page_footer {
    -moz-appearance: textfield;
    min-width: 16px;
    text-align: right;
    width: 40px;
    padding: 3px 6px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px inset, rgba(255, 255, 255, 0.05) 0px 1px 0px;
    color: rgb(242, 242, 242);
    cursor: text;
    font-size: 12px;
    outline-color: rgb(242, 242, 242);
    outline-width: 0px;
    background-color: rgba(255, 255, 255, 0.11);
    position: absolute;
    top: 5px;
    left: 20px;
}

#navigation_controls #current_page:hover,
#navigation_controls_footer #current_page_footer:hover {
    background-color: hsla(0, 0%, 100%, .11);
    border-color: hsla(0, 0%, 0%, .4) hsla(0, 0%, 0%, .43) hsla(0, 0%, 0%, .45);
}

#navigation_controls #count_pages,
#navigation_controls_footer #count_pages_footer {
    min-width: 16px;
    border: 1px solid transparent;
    border-radius: 2px;
    color: hsl(0, 0%, 85%);
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
    position: absolute;
    top: 8px;
    left: 80px;
}

#zoom_controls #zoom_out, #zoom_controls #zoom_in,
#zoom_controls_footer #zoom_out_footer, #zoom_controls_footer #zoom_in_footer {
    position: relative;
    margin: 0px;
    padding: 0px;
    border: 0px solid #000;
    position: absolute;
}

#zoom_controls #zoom_out,
#zoom_controls_footer #zoom_out_footer {
    top: 10px;
    left: calc(100% - 65px);
    height: 15px;
    width: 16px;
    background: none;
    cursor: pointer;
}

#zoom_controls #zoom_in,
#zoom_controls_footer #zoom_in_footer {
    top: 10px;
    left: calc(100% - 35px);
    height: 15px;
    width: 16px;
    background: none;
    cursor: pointer;
}

#zoom_controls #zoom_out:before,
#zoom_controls_footer #zoom_out_footer:before {
    content: url('/images/lk/zoom_out.png');
    position: absolute;
    top: 0px;
    left: 0px;
}

#zoom_controls #zoom_in:before,
#zoom_controls_footer #zoom_in_footer:before {
    content: url('/images/lk/zoom_in.png');
    position: absolute;
    top: 0px;
    left: 0px;
}

#navigation_arrows, #navigation_arrows_footer {
    width: 100%;
    height: 32px;
    position: absolute;
    top: 32px;
    left: 0px;
    border-top: 1px solid hsl(0, 0%, 85%);
}

#navigation_arrows_footer {
    top: 0px;
    border-top: 0px solid hsl(0, 0%, 85%);
    border-bottom: 1px solid hsl(0, 0%, 85%);
}

#navigation_arrows #go_previous:before, #navigation_arrows #go_next:before,
#navigation_arrows_footer #go_previous_footer:before, #navigation_arrows_footer #go_next_footer:before {
    content: url('/images/lk/go_sec.png');
    position: absolute;
    top: calc(50% - 11px);
    left: calc(50% - 10px);
}

#navigation_arrows #go_next:before,
#navigation_arrows_footer #go_next_footer:before {
    top: calc(50% - 8px);
}

#navigation_arrows #go_previous:before,
#navigation_arrows_footer #go_previous_footer:before {
    transform: rotate(180deg);
}

#navigation_arrows #go_previous, #navigation_arrows #go_next,
#navigation_arrows_footer #go_previous_footer, #navigation_arrows_footer #go_next_footer {
    width: calc(50% - 2px);
    height: 32px;
    background: none;
    position: relative;
    margin: 0px;
    padding: 0px;
    border: 0px solid #000;
    cursor: pointer;
}

#navigation_arrows #go_previous,
#navigation_arrows_footer #go_previous_footer {
    border-right: 1px solid hsl(0, 0%, 85%);
}

#navigation_arrows #go_previous.disabled:before, #navigation_arrows #go_next.disabled:before,
#navigation_arrows_footer #go_previous_footer.disabled:before, #navigation_arrows_footer #go_next_footer.disabled:before {
    opacity: 0.5;
}

#navigation_arrows .separator,
#navigation_arrows_footer .separator {
    width: 1px;
    height: 32px;
    border-right: 1px solid hsl(0, 0%, 85%);
/ / box-shadow: 0 0 0 1 px hsla(0, 0 %, 100 %, .08);
    position: absolute;
    top: 0;
    left: calc(50% - 10px);
}

#my_pdf_viewer.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
}

#my_pdf_viewer.fixed #canvas_container,
#my_pdf_viewer.fixed #canvas_container_footer {
    max-width: 100%;
    height: calc(100vh - 128px);
}

#my_pdf_viewer.fixed #canvas_container canvas,
#my_pdf_viewer.fixed #canvas_container_footer canvas {
/ / width: auto;
/ / height: calc(100 % - 4 px);
}

#zoom_controls .separator:nth-child(2),
#zoom_controls_footer .separator:nth-child(2) {
    top: 9px;
    left: calc(100% - 70px);
}

#zoom_controls .separator:nth-child(4),
#zoom_controls_footer .separator:nth-child(4) {
    top: 9px;
    left: calc(100% - 45px);
}

#zoom_controls .zoom_all,
#zoom_controls_footer .zoom_all {
    width: 34px;
    height: 34px;
    filter: invert(100%);
    position: absolute;
    top: 0px;
    left: calc(100% - 105px);
    cursor: pointer;
}

#my_pdf_viewer.fixed #zoom_controls .zoom_all,
#my_pdf_viewer.fixed #zoom_controls_footer .zoom_all {
    filter: invert(0%);
}

#my_pdf_viewer.fixed #zoom_controls .zoom_all:before,
#my_pdf_viewer.fixed #zoom_controls_footer .zoom_all:before,
#my_pdf_viewer.fixed #zoom_controls .zoom_all:after,
#my_pdf_viewer.fixed #zoom_controls_footer .zoom_all:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #ffffff;
    height: 2px;
    width: 27px;
    top: 15px;
    left: 4px;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

#my_pdf_viewer.fixed #zoom_controls .zoom_all:after,
#my_pdf_viewer.fixed #zoom_controls_footer .zoom_all:after {
    transform: translateY(1px) rotate(45deg);
}

#my_pdf_viewer.fixed #zoom_controls .zoom_all svg,
#my_pdf_viewer.fixed #zoom_controls_footer .zoom_all svg {
    display: none;
}

.hidden {
    display: none !important;
}

.search_block {
    position: relative;
    margin: -125px 0px 70px 0px;
    width: 100%;
    max-width: 872px;
}

.search_block .search {
    position: relative;
    width: 50%;
    float: right;
}

.search_block input[type="text"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    background-color: white;
    border: 3px solid #0493b4;
    padding: 12px 33px 12px 22px;
    -webkit-border-radius: 20px;
    border-radius: 2em 2em 2em 2em !important;
    outline: none;
    font-weight: 700;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.search_block input[type="text"]::placeholder {
    opacity: 1;
    color: #c0c0c0;
    font-weight: 700;
}

.search_block .btn-search {
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -13px;
    width: 24px;
    height: 25px;
    background: url("/images/btn-search.png") no-repeat;
    background-size: contain;
    cursor: pointer;
    padding: 0;
    border: none;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
}

.panel_filters_block {
    display: flex;
    width: 100%;
    margin: 0px 0px 20px;
}

.panel_filters_block .search_block {
    margin: 0px 0px 0px 30px;
    width: calc(100% - 250px);
    max-width: auto;
}

.panel_filters_block .search_block .search {
    float: none;
    width: 100%;
}

.panel_filters_block .filter_block {
    position: relative;
    margin: 0px 0px 0px 0px;
    width: 100%;
    max-width: 220px;
}

.panel_filters_block .filter_block .form_item .field {
    flex: 0 0 100%;
}

.panel_filters_block .filter_block .form_item .field .custom-select {
    background: url('/images/lk/lk_select2.svg') calc(100% - 20px) 50% no-repeat #ffffff;
    background-size: auto 35%;
    border: 3px solid #0493b4;
}

.panel_filters_block .filter_block .form_item .field .custom-select select {
    color: #c0c0c0;
    font-weight: 700;
    font-size: 14px;
}

.pop_up_teacher_access .panel_filters_block,
.pop_up_teacher_away .panel_filters_block,
.pop_up_partner_access .panel_filters_block {
    padding: 0px 35px;
    margin: 0px;
    width: calc(100% - 70px);
}

.pop_up_teacher_access .search_block .btn-search,
.pop_up_teacher_away .search_block .btn-search,
.pop_up_partner_access .search_block .btn-search {
    top: calc(50% - 12px);
}

input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    width: 230px;
    margin: 0px 35px 0px;
    border: 0px solid #000;
    font-family: "NotoSans";
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: rgb(61, 179, 158);
    border-radius: 2em;
    padding: 14px 20px;
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
    color: #ffffff;
    position: relative;
    top: 0px;
    cursor: pointer;
}

.lk_pages .col_right .list_link {
    width: calc(100% - 50px);
    height: auto;
    border: 2px solid #0097b9;
    border-radius: 10px;
    padding: 15px 25px;
    margin: 30px 0px 0px;
    clear: both;
}

.lk_pages .col_right .list_link .list_link_title {
    color: #0097b9;
    font-weight: bold;
    position: relative;
}

.lk_pages .col_right .list_link.admin .list_link_title {
    padding: 0px 25px;
    cursor: pointer;
    margin: 0px 0px 0px;
}

.lk_pages .col_right .list_link .item_link {
    flex-wrap: wrap;
    margin: 7px 0px;
    display: none;
}

.lk_pages .col_right .list_link .item_link.page_1 {
    display: flex;
}

.lk_pages .col_right .list_link.admin .item_link_edit,
.lk_pages .col_right .list_link.admin .item_link_del {
    position: relative;
    cursor: pointer;
    width: 14px;
    height: 20px;
    margin: 0px 5px 0px 0px;
}

.lk_pages .col_right .list_link.admin .item_link_edit:hover,
.lk_pages .col_right .list_link.admin .item_link_del:hover {
    opacity: 0.7;
}

.lk_pages .col_right .list_link.admin .item_link_edit {
    background: url('/images/lk/item_link_edit.svg') 50% 50% no-repeat;
}

.lk_pages .col_right .list_link.admin .item_link_name {

}

.lk_pages .col_right .list_link.admin .list_link_title:before,
.lk_pages .col_right .list_link.admin .list_link_title:after,
.lk_pages .col_right .list_link.admin .item_link_del:before,
.lk_pages .col_right .list_link.admin .item_link_del:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #0097b9;
    height: 2px;
    width: 14px;
    top: 10px;
    left: 0px;
    border-radius: 1px;
    transform: translateY(1px) rotate(0deg);
    transition: .3s;
}

.lk_pages .col_right .list_link.admin .list_link_title:after {
    transform: translateY(1px) rotate(90deg);
}

.lk_pages .col_right .list_link.admin .item_link_del:before {
    transform: translateY(1px) rotate(-45deg);
}

.lk_pages .col_right .list_link.admin .item_link_del:after {
    transform: translateY(1px) rotate(45deg);
}

.pop_up_img .pop_up_img_prev, .pop_up_img .pop_up_img_next {
    width: 20px;
    height: 40px;
    top: calc(50% - 20px);
    left: -30px;
    position: absolute;
    cursor: pointer;
    display: none;
}

.pop_up_img .pop_up_img_next {
    right: -30px;
    left: auto;
}

.pop_up_img .pop_up_img_prev .arrow, .pop_up_img .pop_up_img_next .arrow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.pop_up_img .pop_up_img_prev .arrow:before, .pop_up_img .pop_up_img_next .arrow:before,
.pop_up_img .pop_up_img_prev .arrow:after, .pop_up_img .pop_up_img_next .arrow:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #fff;
    height: 2px;
    width: 20px;
    top: 11px;
    bottom: 25px;
    border-radius: 1px;
    transform: translateY(1px) rotate(-45deg);
    transition: .3s;
}

.pop_up_img .pop_up_img_prev .arrow:after, .pop_up_img .pop_up_img_next .arrow:after {
    top: 26px;
    bottom: auto;
    transform: rotate(45deg);
}

.pop_up_img .pop_up_img_next .arrow:before, .pop_up_img .pop_up_img_next .arrow:after {
    right: 0;
    transform: translateY(1px) rotate(45deg);
}

.pop_up_img .pop_up_img_next .arrow:after {
    transform: rotate(-45deg);
}

.pop_up_img .pop_up_img_prev .line, .pop_up_img .pop_up_img_next .line {
    position: absolute;
    display: block;
    background-color: #fff;
    height: 2px;
    width: 30px;
    top: 19px;
    left: 4px;
    opacity: 0;
    border-radius: 1px;
    pointer-events: none;
    transform: translateX(30px);
    transition: .3s;
}

.pop_up_img .pop_up_img_next .line {
    top: 18px;
    left: auto;
    right: 4px;
    transform: translateX(-30px);
}

.pop_up_img .pop_up_img_prev:hover .line {
    opacity: 1;
    left: -24px;
}

.pop_up_img .pop_up_img_next:hover .line {
    opacity: 1;
    right: -24px;
}

.pop_up_img .pop_up_img_prev:hover .arrow:before, .pop_up_img .pop_up_img_next:hover .arrow:after {
    transform: translateY(1px) rotate(135deg);
}

.pop_up_img .pop_up_img_next:hover .arrow:before, .pop_up_img .pop_up_img_prev:hover .arrow:after {
    transform: rotate(223deg);
}

.pop_up_img .pop_up_img_next:hover .arrow:after {
    top: 24px;
}

@media (max-width: 1200px) {
    #form_data_user .form_item .field .file_upload {
        width: 130px;
        height: 130px;
        top: -145px;
    }

    #form_delete_data_user .form_item .field .file_upload {
        width: 130px;
        height: 130px;
        top: -145px;
    }

    .lk_pages .col_right .form_item .field .file_upload .file_upload_button,
    .lk_pages .col_right .teachers_block .teachers_item .teacher_photo .teacher_shadow {
        width: 100px;
        height: 100px;
    }

    .lk_pages .col_right .form_item .field .file_upload .file_upload_button span {
        width: 90px;
        height: 90px;
        padding-top: 10px;
    }

    .lk_pages .col_right .teachers_block .teachers_item .teacher_photo .teacher_shadow div {
        width: 90px;
        height: 70px;
        padding-top: 30px;
    }

    .lk_pages .col_right .teachers_block .teachers_item {
        min-width: 100%;
    }

    .lk_pages .col_right .teachers_block .teachers_item .title_item {
        text-align: center;
    }

    .lk_pages .col_right .teachers_block .teachers_item .teacher_info {
        display: block;
        text-align: center;
        position: relative;
        z-index: 0;
    }

    .lk_pages .col_right .teachers_block .teachers_item .teacher_info .teacher_data {
        display: inline-block;
        padding: 180px 0px 15px;
    }

    .lk_pages .col_right .teachers_block .teachers_item .teacher_photo .teacher_shadow {
        position: absolute;
        left: calc(50% - 70px);
        top: 40px;
    }

    .lk_pages .col_right .teachers_block .teachers_item .teachers_access .title_access,
    .lk_pages .col_right .teachers_block .teachers_item .partners_cities .title_access,
    .lk_pages .col_right .teachers_block .teachers_item .teachers_access .course_items .course_item .course_item_title {
        text-align: center;
    }

    .lk_pages .col_right .teachers_load .button_access,
    .lk_pages .col_right .teachers_block .teachers_add,
    .lk_pages .col_right .teachers_block .partners_add {
        text-align: center;
    }

    .lk_pages .col_right .teachers_load .button_access .send_botton,
    .lk_pages .col_right .teachers_block .teachers_add .send_botton,
    .lk_pages .col_right .teachers_block .partners_add .send_botton {
        display: inline-block;
        margin: 0px;
    }

    .lk_pages .col_right .video_courses iframe,
    .lk_pages .col_right .video_sec iframe {
        width: 100%;
        height: 425px;
    }
}

@media (max-width: 992px) {
    .lk_pages .col_left {
        flex: 0 0 255px;
    }

    .lk_pages .col_left .row_logo {
        margin-right: 68px;
    }

    .lk_pages .col_left .row_menu {
        margin-right: 30px;
    }

    .lk_pages .col_right {
        flex: 0 0 calc(100% - 255px);
    }

    .lk_pages .col_right .row_content {
        padding: 244px 30px 245px 30px;
    }

    .lk_pages .col_right .teachers_block .teachers_item .teachers_access .course_items .course_item .course_item_checkbox {
        width: 385px;
    }

    .pop_up_teacher_access .teachers_access .course_items .course_item .course_item_checkbox,
    .pop_up_teacher_away .teachers_away .teachers_items .teacher_item .teacher_item_checkbox,
    .pop_up_partner_access .partners_access .course_items .course_item .course_item_checkbox {
        width: 100%;
        padding-left: 35px;
    }

    .lk_pages .col_right .teachers_block .teachers_item .teachers_access .course_items {
        height: 240px;
    }

    .pop_up_teacher_access .teachers_access .course_items,
    .pop_up_teacher_away .teachers_away .teachers_items,
    .pop_up_partner_access .partners_access .course_items {
        height: 200px;
    }

    .pop_up_teacher_update,
    .pop_up_partner_update,
    .pop_up_partner_delete {
        width: calc(100% - 60px);
        left: 30px;
    }

    .lk_pages .col_right .pop_up_teacher_update .form_item,
    .lk_pages .col_right .pop_up_partner_update .form_item,
    .lk_pages .col_right .pop_up_partner_delete .form_item {
        max-width: calc(100% - 190px);
    }

    .lk_pages .col_right .pop_up_teacher_update .form_item.item_botton .title,
    .lk_pages .col_right .pop_up_partner_update .form_item.item_botton .title,
    .lk_pages .col_right .pop_up_partner_delete .form_item.item_botton .title {
        flex: 0 0 0;
    }

    .lk_pages .col_right .pop_up_teacher_update .form_item.item_botton .field,
    .lk_pages .col_right .pop_up_partner_update .form_item.item_botton .field,
    .lk_pages .col_right .pop_up_partner_delete .form_item.item_botton .field {
        flex: 0 0 calc(100% + 120px);
    }

    .pop_up_teacher_update #form_data_user .form_item .field .send_botton,
    .pop_up_partner_update #form_data_user .form_item .field .send_botton,
    .pop_up_partner_delete #form_delete_data_user .form_item .field .send_botton {
        margin-left: 0px;
    }

    .lk_pages .col_right .course_desc .course_text {
        max-width: 100%;
        padding: 260px 0px 40px;
    }

    .lk_pages .col_right .course_desc .course_img {
        right: calc(50% - 160px);
        top: 0px;
    }

    .lk_pages .col_right .video_courses iframe,
    .lk_pages .col_right .video_sec iframe {
        width: 100%;
        height: 385px;
    }

    .lk_pages .col_right .bread_crumbs {
        margin-top: -80px;
    }

    .lk_pages .col_right .sec_block.your-courses .course_img {
        right: calc(50% - 160px);
        height: 250px;
    }

    .lk_pages .col_right .sec_block.your-courses .course_section {
        max-width: 100%;
        padding-top: 250px;
    }

    .lk_pages .col_right .teachers_block .teachers_add {
        position: relative;
        top: -10px;
        right: auto;
        margin: 0px 0px 30px;
    }

    .lk_pages .col_right .load_file,
    .lk_pages .col_right .load_certificate {
        display: none;
    }

    .lk_pages .col_right .btn_callback {
        display: none;
    }

    .lk_pages .col_right .btn_feedback {
        display: none;
    }

    .hd-add-new_req {
        display: block !important;
        float: left !important;
        margin: 0px 0px 20px 0px !important;
    }
}

@media (max-width: 768px) {
    html, body {
        font-size: 14px;
        line-height: 16px;
    }

    .lk_pages .row {
        display: block;
    }

    .lk_pages .col_left {
        display: none;
    }

    .lk_pages .col_right {
        flex: 0 0 100%;
        width: 100%;
        border-radius: 0px;
        background-image: url('/images/lk/lk-top2.png');
    }

    .lk_pages .col_right .row_content {
        padding: 130px 20px 245px 20px;
    }

    .lk_pages .col_right .row_content.general-materials,
    .lk_pages .col_right .row_content.knowledge_base,
    .lk_pages .col_right .row_content.your-courses {
        padding-top: 250px;
    }

    .lk_pages .col_right .row_logout {
        right: 90px;
        top: 14px;
    }

    .lk_pages .col_right .btn_callback {
        display: block;
        top: 14px;
        right: 430px;
    }

    .lk_pages .col_right .btn_feedback {
        display: block;
        top: 14px;
        right: 260px;
    }

    .lk_pages .col_right .btn_callback:hover,
    .lk_pages .col_right .btn_feedback:hover,
    .lk_pages .col_right .row_logout:hover {
        top: 16px;
    }

    #form_data_user {
        top: 20px;
    }

    #form_delete_data_user {
        top: 20px;
    }

    #form_data_user .form_item .field .file_upload {
        position: relative;
        top: -20px;
        left: calc(50% - 124px);
        padding-bottom: 30px;
    }

    .lk_pages .col_right .teachers_block .teachers_item .teachers_access .course_items,
    .pop_up_teacher_access,
    .pop_up_teacher_away,
    .pop_up_partner_access {
        width: 550px;
        left: calc(50% - 275px);
    }

    .pop_up_teacher_access .teachers_access .course_items,
    .pop_up_teacher_away .teachers_away .teachers_items,
    .pop_up_partner_access .partners_access .course_items {
        height: 185px;
    }

    .pop_up_teacher_update #form_data_user .form_item .field .file_upload,
    .pop_up_partner_update #form_delete_data_user .form_item .field .file_upload {
        position: relative;
        top: -20px !important;
        left: calc(50% - 124px);
        right: auto;
    }

    .lk_pages .col_right .pop_up_teacher_update .form_item,
    .lk_pages .col_right .pop_up_partner_update .form_item,
    .lk_pages .col_right .pop_up_partner_delete .form_item {
        max-width: 100%;
    }

    .header_mobile_block {
        display: block;
    }

    .lk_pages .col_right .course_desc .course_img {
        top: 40px;
    }

    .lk_pages .col_right .course_desc .course_text {
        padding: 300px 0px 40px;
        text-align: center;
    }

    .lk_pages .col_right .bread_crumbs {
        display: inline-table;
        position: relative;
        margin: 0px 0 20px;
        min-height: 25px;
        height: auto;
        width: 100%;
    }

    .lk_pages .col_right .bread_crumbs.hidden {
        display: none;
    }

    .lk_pages .col_right .go_back {
        top: 0px;
    }

    .lk_pages .col_right h1,
    .lk_pages .col_right h1.general-materials,
    .lk_pages .col_right h1.knowledge_base,
    .lk_pages .col_right h1.your-courses {
        width: calc(100% - 60px);
        max-width: 100%;
        font-size: 20px;
        padding: 0px 0px 20px 0px;
        margin: 4px 0px 0px;
    }

    .search_block {
        clear: both;
        margin: 0px 0px 70px 0px;
    }


    .search_block .search {
        width: 100%;
    }

    .pop_up_teacher_update .pop_up_title{
        padding: 20px 35px !important;
    }
}

@media (max-width: 605px) {
    .lk_pages .col_right .btn_callback {
        display: none;
    }

    .lk_pages .col_right .btn_feedback {
        display: none;
    }
}

@media (max-width: 550px) {
    #form_lk_auth {
        width: calc(100% - 60px);
        left: 0%;
        background-position: 100% -40px;
        padding: 230px 30px 30px;
    }

    #form_lk_auth .form_item .field .input_text {
        width: calc(100% - 50px);
    }

    #form_lk_auth .send_botton {
        margin: 0px 0px 0px;
    }

    #form_lk_auth .logo {
        top: 20px;
        left: 10px;
    }

    #form_lk_auth .cosm1 {
        right: 10px;
        top: -60px;
    }

    #form_lk_auth .cosm2 {
        background-size: contain;
        width: 300px;
        height: 200px;
        right: 10px;
        top: 8px;
    }

    .lk_pages .col_right {
        background-image: url('/images/lk/lk-top3.png');
        background-position: 50% 0px;
    }

    .lk_pages .col_bottom {
        background-image: url('/images/lk/lk-bottom2.png');
        height: 150px;
    }

    .lk_pages .col_right .row_logout {
        right: calc(50% - 80px);
        top: 40px;
    }

    .lk_pages .col_right .row_logout:hover {
        top: 42px;
    }

    .lk_pages .col_right .row_content {
        padding-bottom: 190px;
        padding-top: 170px;
    }

    .lk_pages .col_right .btn_support {
        right: calc(50% - 85px) !important;
    }

    .lk_pages .col_right .row_logout {
        right: calc(50% - 85px);
        margin-top: 45px;
    }

    .lk_pages .col_right .form_item {
        display: block;
    }

    .lk_pages .col_right .form_item .title {
        padding: 0px 0px 0px 25px;
        color: #2b4554;
        font-weight: bold;
        min-height: 30px;
    }

    #form_data_user .item_submit .title {
        display: none;
    }

    #form_data_user .item_submit .field {
        text-align: center;
    }

    #form_data_user .form_item .field .send_botton {
        margin-left: 0px;
    }

    #form_data_user .form_item .field .file_upload {
        left: calc(50% - 65px);
    }

    .lk_pages .col_right .sec_block,
    .lk_pages .col_right .sec_block.your-courses {
        box-shadow: none;
        padding: 10px 0px 0px;
        margin: 0px 0px 0px;
        width: 100%;
    }

    .lk_pages .col_right .sec_block.your-courses .course_img, .lk_pages .col_right .course_desc .course_img {
        top: 50px;
    }

    .lk_pages .col_right .sec_block.your-courses .course_section {
        padding-bottom: 10px;
        padding-top: 240px;
    }

    .lk_pages .col_right .sec_block .material_section {
        padding: 0px 0px 0px 0px;
    }

    .lk_pages .col_right .sec_block.your-courses .material_section {
        width: calc(100% - 0px);
    }

    .lk_pages .col_right .file_block {
        width: calc(100% + 40px);
        box-shadow: none;
        display: block;
        margin: 0px -20px;
        border-radius: 0px;
    }

    .lk_pages .col_right .file_items .file_item {
        flex-wrap: wrap;
        padding: 20px 20px 30px;
        justify-content: center;
    }

    .lk_pages .col_right .page_general_materials .file_items .file_item .title_file_item,
    .lk_pages .col_right .page_knowledge_base .file_items .file_item .title_file_item,
    .lk_pages .col_right .file_items .file_item .title_file_item {
        width: 100%;
        padding: 0px 0px 20px 0px;
        border: 0px solid #000;
        text-align: center;
    }

    .lk_pages .col_right .file_items .file_item .doc_file_item,
    .lk_pages .col_right .file_items .file_item .doc_file_item:nth-child(2) {
        padding: 0px;
        flex: 0 0 33%;
    }

    .lk_pages .col_right .file_items .file_item .view_file_item,
    .lk_pages .col_right .file_items .file_item .download_file_item,
    .lk_pages .col_right .file_items .file_item .ets_file_item {
        padding: 0px 0px 0px 43px;
        width: 0px;
        display: block;
        margin: auto;
    }

    .lk_pages .col_right .file_items .file_item .view_file_item:before,
    .lk_pages .col_right .file_items .file_item .download_file_item:before,
    .lk_pages .col_right .file_items .file_item .ets_file_item:before {
        top: -5px;
    }

    .lk_pages .col_right .teachers_block .teachers_item {
        box-shadow: none;
        width: calc(100% + 40px);
        margin: 0px -20px 40px;
        position: relative;
    }

    .lk_pages .col_right .teachers_block .teachers_item .title_item {
        top: 170px;
        background: #fff;
        padding: 0px 35px;
        position: relative;
        z-index: 0;
    }

    .lk_pages .col_right .teachers_block .teachers_item .teacher_info {

    }

    .lk_pages .col_right .teachers_block .teachers_item .teacher_info .teacher_data {
        padding: 180px 0px 15px;
    }

    .lk_pages .col_right .teachers_block .teachers_item .teacher_photo .teacher_shadow {
        top: 0px;
    }

    .lk_pages .col_right .teachers_block .teachers_item .teachers_access .course_items,
    .pop_up_teacher_access .teachers_access .course_items,
    .pop_up_partner_cities_add .course_items,
    .pop_up_partner_cities_update .course_items,
    .pop_up_teacher_away .teachers_away .teachers_items,
    .pop_up_partner_access .partners_access .course_items {
        height: 278px;
        width: 100%;
    }

    .pop_up_teacher_update #form_data_user .form_item .field .file_upload,
    .pop_up_partner_update #form_data_user .form_item .field .file_upload {
        left: calc(50% - 65px);
        padding-bottom: 10px;
    }

    .lk_pages .col_right .pop_up_teacher_update .form_item.item_botton .field,
    .lk_pages .col_right .pop_up_partner_update .form_item.item_botton .field,
    .lk_pages .col_right .pop_up_partner_delete .form_item.item_botton .field {
        text-align: center;
    }

    .pop_up_teacher_update #form_data_user .form_item .field .send_botton,
    .pop_up_teacher_update #form_data_user .form_item .field .clear_botton,
    .pop_up_partner_update #form_data_user .form_item .field .send_botton,
    .pop_up_partner_update #form_data_user .form_item .field .clear_botton,
    .pop_up_partner_delete #form_data_user .form_item .field .send_botton,
    .pop_up_partner_delete #form_data_user .form_item .field .clear_botton {
        margin: 0px auto 20px;
    }

    .pop_up_teacher_update,
    .pop_up_teacher_access,
    .pop_up_teacher_away,
    .pop_up_partner_update,
    .pop_up_partner_access,
    .pop_up_partner_delete {
        width: 90%;
        left: 0px;
    }

    .lk_pages .col_right .video_courses iframe,
    .lk_pages .col_right .video_sec iframe {
        width: 100%;
        height: 290px;
    }

    .lk_pages .col_right .sec_block.your-courses .course_name {
        width: 100%;
        margin-left: -20px;
        border-radius: 0px;
    }

    .lk_pages .col_right .sec_block.your-courses .shadow_add_course {
        width: calc(100% + 40px);
        left: -20px;
    }

    .lk_pages .col_right .sec_block.your-courses .material_section {
        padding: 10px 0px 0px;
    }

    .panel_filters_block {
        flex-direction: column;
    }

    .panel_filters_block .search_block, .panel_filters_block .filter_block {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
}

/*.beginning_path_page {
	max-width: 872px;
}*/
.beginning_path_page .lk-content {
    clear: both;
    max-width: 680px;
    margin-left: 40px;
}

.beginning_path_page a {
    text-decoration-line: underline;
    color: #0096b8;
}
.mentor a {
    color: #4548EC !important;
}

.beginning_path_page .lk-content p {
    clear: none;
}

.beginning_path_page .progress {
    display: none;
    width: 580px;
    margin: 0 auto 40px;
}

.beginning_path_page .progress-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    padding-left: 20px;
    background: #ECECEC;
    border-radius: 25px;
}

.beginning_path_page .progress-line-filled-1of6 {
    background: linear-gradient(90deg, #3db39e 0%, #0096b8 13.66%, #ECECEC 13.66%, #ECECEC 100%);
}

.beginning_path_page .progress-line-filled-2of6 {
    background: linear-gradient(90deg, #3db39e 0%, #0096b8 30.33%, #ECECEC 30.33%, #ECECEC 100%);
}

.beginning_path_page .progress-line-filled-3of6 {
    background: linear-gradient(90deg, #3db39e 0%, #0096b8 46.99%, #ECECEC 46.99%, #ECECEC 100%);
}

.beginning_path_page .progress-line-filled-4of6 {
    background: linear-gradient(90deg, #3db39e 0%, #0096b8 63.66%, #ECECEC 63.66%, #ECECEC 100%);
}

.beginning_path_page .progress-line-filled-5of6 {
    background: linear-gradient(90deg, #3db39e 0%, #0096b8 80.33%, #ECECEC 80.33%, #ECECEC 100%);
}

.beginning_path_page .progress-line-filled-6of6 {
    background: linear-gradient(90deg, #3db39e 0%, #0096b8 100%);
}

.beginning_path_page .block_beginning_partner .progress-line-filled-1of6 {
    background: linear-gradient(90deg, #3db39e 0%, #0096b8 16%, #ECECEC 16%, #ECECEC 100%);
}

.beginning_path_page .block_beginning_partner .progress-line-filled-2of6 {
    background: linear-gradient(90deg, #3db39e 0%, #0096b8 36%, #ECECEC 36%, #ECECEC 100%);
}

.beginning_path_page .block_beginning_partner .progress-line-filled-3of6 {
    background: linear-gradient(90deg, #3db39e 0%, #0096b8 56%, #ECECEC 56%, #ECECEC 100%);
}

.beginning_path_page .block_beginning_partner .progress-line-filled-4of6 {
    background: linear-gradient(90deg, #3db39e 0%, #0096b8 76%, #ECECEC 76%, #ECECEC 100%);
}

.beginning_path_page .progress-line-filled-5of6 {
    background: linear-gradient(90deg, #3db39e 0%, #0096b8 100%);
}

.beginning_path_page .progress-line-filled-1of7 {
        background: linear-gradient(90deg, #3db39e 0%, #0096b8 13.66%, #ECECEC 14.28%, #ECECEC 100%);
}
.beginning_path_page .progress-line-filled-2of7 {
        background: linear-gradient(90deg, #3db39e 0%, #0096b8 28.57%, #ECECEC 28.57%, #ECECEC 100%);
}
.beginning_path_page .progress-line-filled-3of7 {
        background: linear-gradient(90deg, #3db39e 0%, #0096b8 40%, #ECECEC 42.85%, #ECECEC 100%);
}
.beginning_path_page .progress-line-filled-4of7 {
        background: linear-gradient(90deg, #3db39e 0%, #0096b8 50%, #ECECEC 57.14%, #ECECEC 100%);
}
.beginning_path_page .progress-line-filled-5of7 {
        background: linear-gradient(90deg, #3db39e 0%, #0096b8 65%, #ECECEC 71.42%, #ECECEC 100%);
}
.beginning_path_page .progress-line-filled-6of7 {
        background: linear-gradient(90deg, #3db39e 0%, #0096b8 77%, #ECECEC 85.71%, #ECECEC 100%);
}
.beginning_path_page .progress-line-filled-7of7 {
        background: linear-gradient(90deg, #3db39e 0%, #0096b8 100%, #ECECEC 100%, #ECECEC 100%);
}

.beginning_path_page.mentor .progress-line-filled-1of7 {
        background: linear-gradient(90deg, #4548EC 0%, #4548EC 13.66%, #ECECEC 14.28%, #ECECEC 100%);
}
.beginning_path_page.mentor .progress-line-filled-2of7 {
        background: linear-gradient(90deg, #4548EC 0%, #4548EC 28.57%, #ECECEC 28.57%, #ECECEC 100%);
}
.beginning_path_page.mentor .progress-line-filled-3of7 {
        background: linear-gradient(90deg, #4548EC 0%, #4548EC 40%, #ECECEC 42.85%, #ECECEC 100%);
}
.beginning_path_page.mentor .progress-line-filled-4of7 {
        background: linear-gradient(90deg, #4548EC 0%, #4548EC 50%, #ECECEC 57.14%, #ECECEC 100%);
}
.beginning_path_page.mentor .progress-line-filled-5of7 {
        background: linear-gradient(90deg, #4548EC 0%, #4548EC 65%, #ECECEC 71.42%, #ECECEC 100%);
}
.beginning_path_page.mentor .progress-line-filled-6of7 {
        background: linear-gradient(90deg, #4548EC 0%, #4548EC 77%, #ECECEC 85.71%, #ECECEC 100%);
}
.beginning_path_page.mentor .progress-line-filled-7of7 {
        background: linear-gradient(90deg, #4548EC 0%, #4548EC 100%, #ECECEC 100%, #ECECEC 100%);
}

.beginning_path_page .progress-line-filled-1of5 {
        background: linear-gradient(90deg, #3db39e 0%, #0096b8 17%, #ECECEC 17%, #ECECEC 100%);
}
.beginning_path_page .progress-line-filled-2of5 {
        background: linear-gradient(90deg, #3db39e 0%, #0096b8 35%, #ECECEC 38%, #ECECEC 100%);
}
.beginning_path_page .progress-line-filled-3of5 {
        background: linear-gradient(90deg, #3db39e 0%, #0096b8 55%, #ECECEC 58%, #ECECEC 100%);
}
.beginning_path_page .progress-line-filled-4of5 {
        background: linear-gradient(90deg, #3db39e 0%, #0096b8 75%, #ECECEC 77%, #ECECEC 100%);
}
.beginning_path_page .progress-line-filled-5of5 {
        background: linear-gradient(90deg, #3db39e 0%, #0096b8 100%, #ECECEC 100%, #ECECEC 100%);
}

.mentor .progress-line-filled-1of5 {
        background: linear-gradient(90deg, #4548EC 0%, #4548EC 17%, #ECECEC 17%, #ECECEC 100%);
}
.mentor .progress-line-filled-2of5 {
        background: linear-gradient(90deg, #4548EC 0%, #4548EC 35%, #ECECEC 38%, #ECECEC 100%);
}
.mentor .progress-line-filled-3of5 {
        background: linear-gradient(90deg, #4548EC 0%, #4548EC 55%, #ECECEC 58%, #ECECEC 100%);
}
.mentor .progress-line-filled-4of5 {
        background: linear-gradient(90deg, #4548EC 0%, #4548EC 75%, #ECECEC 77%, #ECECEC 100%);
}
.mentor .progress-line-filled-5of5 {
        background: linear-gradient(90deg, #4548EC 0%, #4548EC 100%, #ECECEC 100%, #ECECEC 100%);
}

.beginning_path_page .progress-number {
    color: #999;
}

.beginning_path_page .progress-number-filled {
    color: #fff;
}

.beginning_path_page .progress-icon {
    box-sizing: border-box;
    width: 52px;
    height: 52px;
    background: #c4c4c4;
    border: 1px solid #c4c4c4;
    border-radius: 50%;
}

.beginning_path_page .progress-icon-active {
    background: #fff url("/images/beginning_path/la_crown.svg") no-repeat 50% 50%;
    border-color: #0096b8;
}

.beginning_path_page.mentor .progress-icon-active {
    background: #fff url("/images/beginning_path/la_crown_mentor.svg") no-repeat 50% 50%;
    border-color: #4548EC;
}

.beginning_path_page .progress-icon-filled {
    background: #3db39e url("/images/beginning_path/la_crown-white.svg") no-repeat 50% 50%;
    border-color: #0096b8;
}

.beginning_path_page.mentor .progress-icon-filled {
    background: #4548EC url("/images/beginning_path/la_crown-white.svg") no-repeat 50% 50%;
    border-color: #fff;
}

.beginning_path_page .plate-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #0096b8;
    margin-bottom: 5px;
}
.beginning_path_page.mentor .plate-title {
    color: #4548EC;
}

.beginning_path_page .title-small {
    margin: 50px 0 10px;
    text-align: center;
    font-size: 24px;
    line-height: 33px;
    color: #0096b8;
}

.beginning_path_page .plate {
    box-sizing: border-box;
    float: right;
    width: 320px;
    padding: 25px 20px;
    font-size: 14px;
    line-height: 1.35;
    border-radius: 25px;
    background: rgba(0, 150, 184, 0.05);
}

.beginning_path_page.mentor .plate {
    background: #F2F2FB;
}

.beginning_path_page .plate-bottom {
    float: left;
    width: 290px;
    padding: 20px 18px;
    font-size: 12px;
}

.beginning_path_page .plate-big {
    width: 380px;
    font-size: 14px;
}

.beginning_path_page .plate:not(.plate-bottom) {
    margin: 0 0 35px 20px;
}

.beginning_path_page .plate-person {
    margin: 0px 0px 20px;
    padding: 10px 30px 10px 0;
    background: #3db39e;
    border-radius: 50px;
    color: #fff;
}

.beginning_path_page .plate-person:first-child {
    margin: 30px 0px 20px;
}

.beginning_path_page .plate-image {
    overflow: hidden;
    float: left;
    margin: -13px 0 -15px;
    width: 68px;
    height: 68px;
    border: 2px solid #3db39e;
    border-radius: 50%;
}

.beginning_path_page .plate-name,
.beginning_path_page .plate-role {
    margin-left: 85px;
}

.beginning_path_page .plate-name {
    font-weight: 700;
}

.plate-person a {
    color: inherit;
    text-decoration: none;
}

.beginning_path_page .plate-role {
    margin-top: 5px;
    font-weight: 300;
}

.beginning_path_page .buttons-panel {
    margin: 50px 0 30px;
    text-align: center;
}

.beginning_path_page .buttons-panel p {
    text-align: left;
}

.beginning_path_page .buttons-panel .btn {
    margin: 0px 12px 20px 0px;
}

.beginning_path_page .btn {
    display: inline-block;
    width: 170px;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: rgb(61, 179, 158);
    border-radius: 2em;
    padding: 14px 20px;
    box-shadow: 0 5px 0 #B51067;
    color: #ffffff;
    position: relative;
    top: 0px;
    cursor: pointer;
}

.beginning_path_page .btn:hover {
    top: 3px;
    box-shadow: 0 2px #B51067;
}

.beginning_path_page .btn-default {
    border: 1px solid;
    background: #fff;
    color: #FF16A3;
}

.beginning_path_page .btn-primary {
    background: #FF16A3;
    color: #fff;
}

.beginning_path_page .btn-primary.finish {
    background: url('/images/beginning_path/mdi-light_check.svg') 90% 50% no-repeat #ff16a3;
    color: #fff;
    text-decoration: none;
}

.beginning_path_page .content-ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.beginning_path_page .content-ul li {
    margin: 0 0 1em;
    padding: 0 0 0 10px;
}

.beginning_path_page .content-ul li::before {
    content: "– ";
    float: left;
    width: 10px;
    margin-left: -10px;
}

.beginning_path_page .block-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.beginning_path_page .step {
    display: none;
}

.beginning_path_page .step.step_0 {
    display: block;
}

.beginning_path_page .block_beginning {
    display: none;
}

.beginning_path_page .block_beginning.open {
    display: block;
}

.step_2 .block-bottom img {
    margin-top: -60px;
}

.step_5 .block-bottom .content-ul li:last-child {
    margin-right: 30px;
}

.step_5 .block-bottom img {
    margin-left: -80px;
}

@media (max-width: 768px) {
    .beginning_path_page img {
        max-width: 100%;
    }

    .beginning_path_page .lk-content {
        margin: auto;
    }

    .beginning_path_page .progress {
        width: 100%;
    }
}

@media (max-width: 580px) {
    .beginning_path_page .lk-content {
        padding-top: 25px;
    }

    .beginning_path_page .block-bottom {
        display: block;
    }

    .beginning_path_page .block-bottom img {
        margin-top: 20px;
    }

    .beginning_path_page .progress-line {
        height: 26px;
    }

    .beginning_path_page .progress-icon {
        width: 40px;
        height: 40px;
    }

    .beginning_path_page .plate,
    .beginning_path_page .plate-person {
        float: none;
    }

    .beginning_path_page .plate:not(.plate-bottom) {
        margin: 0 0 40px 0;
    }

    .step_2 .block-bottom img {
        margin-top: 20px;
    }
}

/*Стандарты преподавателя*/
.lk-standards .lk-content {
    margin-left: 0;
}

.lk-standards .buttons-panel {
    text-align: left;
}

.lk-standards .step-title,
.lk-standards .step-subtitle {
    float: left;
    min-height: 35px;
    margin-bottom: 20px;
    font: bold 24px/33px "Noto Sans", sans-serif;
    text-transform: uppercase;
}

.lk-standards .online .step-title,
.lk-standards .online .step-subtitle {
    color: #3DB39E;
}

.lk-standards .offline .step-title,
.lk-standards .offline .step-subtitle {
    color: #0096B8;
}

.lk-standards .step-subtitle {
    float: right;
    padding-left: 40px;
}

.lk-standards .step,
.lk-prime .step {
    display: none;
}

.lk-standards .step.step_0,
.lk-prime .step.step_0 {
    display: block;
}

.lk-standards .step.step_1 img {
    margin: auto;
    display: block;
}

.lk-standards .step.step_9 img {
    margin: -20px auto 20px;
    display: block;
}

.lk-standards .step.online .step-subtitle {
    background: url("/images/lk-standards/on.svg") no-repeat 0 50%;
}

.lk-standards .step.offline .step-subtitle {
    background: url("/images/lk-standards/off.svg") no-repeat 0 50%;
}

.lk-standards .standards-progress {
    clear: both;
}

.lk-standards .standards-progress-item {
    display: flex;
    align-items: center;
    margin: 0 0 15px;
}

.lk-standards .standards-progress-item-noflex {
    align-items: center;
    margin: 0 0 15px;
}

.lk-standards .standards-progress-number {
    width: 72px;
    height: 72px;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    line-height: 36px;
    padding: 15px 13px;
}

.lk-standards .online .standards-progress-number {
    border: 3px solid #3DB39E;
    color: #3DB39E;
}

.lk-standards .offline .standards-progress-number {
    border: 3px solid #0096B8;
    color: #0096B8;
}

.lk-standards .standards-progress-icon {
    flex: 0 0 85px;
    margin: 0px 0px 0px -20px;
    width: 85px;
    height: 100%;
    min-height: 80px;
    background-position: 0% 50%;
    background-repeat: no-repeat;
}
.lk-standards .standards-progress-icon-noflex {
    margin: 0px 0px 0px -20px;
    width: 85px;
    height: 100%;
    background-position: 0% 50%;
    background-repeat: no-repeat;
}

.lk-standards .standards-progress-text {
    display: flex;
    flex: 1;
    align-items: center;
    min-height: 80px;
    padding: 10px 30px 10px 0px;
    margin: 0px 0px 0px 10px;
    background: rgba(61, 179, 158, 0.05);
    border-radius: 25px;
}
.lk-standards .standards-progress-text-noflex {
    display: block;
    flex: 1;
    align-items: center;
    padding: 30px 30px 30px 65px;
    margin: 0px 0px 0px 10px;
    background: rgba(61, 179, 158, 0.05);
    border-radius: 25px;
}

.lk-standards .step .buttons-panel {
    text-align: right;
}

.lk-standards .step.step_0 .buttons-panel,
.lk-standards .step.step_1 .buttons-panel {
    text-align: left;
}

.lk-standards .step.step_0 .buttons-panel .btn.btn-primary:first-child {
    margin-right: 10px;
}

.btn {
    display: inline-block;
    width: 170px;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: #FF16A3;
    border-radius: 2em;
    padding: 14px 20px;
    margin: 10px 0px 20px;
    box-shadow: 0 5px 0 #B51067;
    color: #ffffff;
    position: relative;
    top: 0px;
    cursor: pointer;
}

.btn:hover {
    top: 3px;
    box-shadow: 0 2px #B51067;
}

.lk-standards .btn-primary.finish {
    background: url('/images/beginning_path/mdi-light_check.svg') 90% 50% no-repeat #ff16a3;
    color: #fff;
    text-decoration: none;
}

.lk-prime .btn-primary.finish {
    display: inline-block;
    background: url('/images/beginning_path/mdi-light_check.svg') 90% 50% no-repeat #ff16a3;
    color: #fff;
    text-decoration: none;
}

.lk-prime .btn-color {
    display: inline-block;
    width: 170px;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: #5742c5 !important;
    border-radius: 2em;
    padding: 14px 20px;
    margin: 10px 0px 20px;
    box-shadow: 0 5px 0 #311d9a !important;
    color: #ffffff;
    position: relative;
    top: 0px;
    cursor: pointer;
}

.lk-prime .btn-color:hover {
    top: 3px;
    box-shadow: 0 2px #311d9a !important;
}

.lk-prime .btn-tx {
/ / text-transform: uppercase;
}

.lk-prime .buttons-panel .btn {
    margin-right: 15px;
}

.lk-standards input[type="checkbox"],
.lk-prime input[type="checkbox"] {
    display: none;
}

.lk-standards input[type="checkbox"] + label,
.lk-prime input[type="checkbox"] + label {
    padding: 0px 0px 0px 50px;
    position: relative;
    display: block;
}

.lk-standards input[type="checkbox"] + label:before,
.lk-prime input[type="checkbox"] + label:before {
    content: " ";
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.13);
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.lk-standards input.error + label:before,
.lk-prime input.error + label:before {
    background: rgba(211, 45, 45, 0.25);
}

.lk-standards input[type="checkbox"]:checked + label:after,
.lk-prime input[type="checkbox"]:checked + label:after {
    content: " ";
    display: block;
    width: 26px;
    height: 19px;
    background: url('/images/lk/lk_checkbox.png') 0% 0% no-repeat;
    position: absolute;
    top: 3px;
    left: 7px;
}

/*Стандарты преподавателя*/

/*Видео файлы*/
.video_sec {
    clear: both;
}

.video_sec .video-file-block {
    width: calc(100% - 70px);
    height: auto;
    margin: 0px;
    position: relative;
}

.video_sec .video-file-block video {
    width: calc(100% - 41px);
    height: auto;
    margin: 0px;
    padding: 0px;
    border: 20px solid #344a57;
    box-shadow: 0px 0px 0px 10px rgba(207, 201, 215, 0.7);
    border-radius: 20px;
    position: relative;
    z-index: 1;
    background: #344a57;
}

.video_sec .video-file-block .settings-block {
    display: none;
    position: absolute;
    bottom: 115px;
    right: 30px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url('/images/lk/gear.svg') 50% 50% no-repeat rgba(0, 0, 0, 0.5);
    background-size: 65% auto;
    z-index: 10;
    box-shadow: 1px 4px 4px rgba(51, 51, 51, 0.3);
    cursor: pointer;
}

.video_sec .video-file-block .settings-block.act,
.video_sec .video-file-block .settings-block.open {
    display: block !important;
}

.video_sec .video-file-block .settings-panel {
    display: none;
    position: absolute;
    bottom: 56px;
    right: 30px;
    width: 100px;
    height: auto;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.8);
    z-index: 15;
    box-shadow: 1px 4px 4px rgba(51, 51, 51, 0.3);
    padding: 10px;
    color: #ffffff;
}

.video_sec .video-file-block .settings-panel .settings-rate {
    cursor: pointer;
}

/*Видео файлы*/

.lk_pages .col_right .doc_page iframe {
    width: 100%;
    height: 500px;
}

@media screen and (max-width: 991px) {
    .lk_pages .col_right .doc_page iframe {
        height: 400px;
    }
}

@media screen and (max-width: 650px) {
    .lk_pages .col_right .doc_page iframe {
        height: 300px;
    }
}

.reports_page {
    clear: both;
}

/* Программные директора */
.lk-card {
    overflow: hidden;
    margin-bottom: 40px;
    border-radius: 25px;
    background: #FFF;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.25);
}

.lk-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 35px;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 25px 25px 0 0;
    background: #EDEDED;
    color: #666;
}

.lk-card-header_course-name,
.lk-card-header_course-duration {
    color: #333;
}

.lk-card-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 35px;
    border-radius: 0 0 25px 25px;
    background: #fff;
    color: #333;
}

.lk-card-body_right {
    flex: 0 0 200px;
    text-align: right;
}

.lk-card_person-name {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.4;
}

.lk-card_person-picture {
    display: inline-block;
    overflow: hidden;
    border: 10px solid #7cd4d3;
    padding: 12px;
    background: #4eb2c9;
    border-radius: 50%;
}

.lk-card_person-picture-img {
    width: 120px;
    height: 120px;
    border: 2px solid #1e9ebb;
    border-radius: 50%;
}

.lk_pages .col_right .lk-card_person-contacts-list {
    list-style: none;
    margin: 0 0 50px;
    padding: 0;
}

.lk_pages .col_right .lk-card_person-contacts-list-item {
    margin-top: 10px;
}

.lk_pages .col_right .lk-card_person-contacts-list-item:first-child {
    margin-top: 0;
}

.lk-card_list-item_icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 0 .5em 0 0;
    background: #0096B8 no-repeat 50% 50%;
    border-radius: 50%;
}

.lk-card_list-item_icon_phone {
    background-image: url("/images/lk/lk_phone.svg");
}

.lk-card_list-item_icon_email {
    background-image: url("/images/lk/lk_envelope.svg");
}

.lk-card_list-item_icon_chat {
    background-image: url("/images/lk/lk_chat.svg");
}

.lk-card_person-email {
    color: #0096B8;
}

.lk-card_person-link-more a {
    text-decoration: none;
    color: #0096B8;
}

.link-more-arrow {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 1px;
    margin-left: .5em;
    background: #0096B8;
}

.link-more-arrow::before,
.link-more-arrow::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 1px;
    border-radius: 1px;
    background: #0096B8;
}

.link-more-arrow::before {
    float: right;
    transform: rotate(-45deg);
    margin: 2px -2px 0 0;
}

.link-more-arrow::after {
    transform: rotate(45deg);
    float: right;
    margin: -2px -6px 0 0;
}

.modal-card {
    display: flex;
    justify-content: center;
    align-items: center;
/ / position: absolute;
/ / top: 0;
/ / left: 0;
    width: 100%;
    height: 100%;
}

.modal-card .lk-card {
    width: 675px;
}

.modal-card .lk-card_person-link-more a,
.modal-card .link-more-arrow,
.modal-card .link-more-arrow::before,
.modal-card .link-more-arrow::after {
    color: #0096B8;
}

.modal-card-close {
    float: right;
    padding: 35px 35px 0 0;
    margin-left: -20px;
}

.modal-card-close_icon {
    display: block;
    width: 20px;
    height: 1px;
    background: #000;
    transform: rotate(-45deg);
    cursor: pointer;
}

.modal-card-close_icon::after {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background: #000;
    transform: rotate(90deg);
}

@media (max-width: 640px) {
    .lk-card {
        margin-left: 10px;
        margin-right: 10px;
    }

    .lk-card-header {
        flex-direction: column;
        align-items: start;
    }

    .lk-card-body {
        flex-direction: column;
    }

    .lk-card-body > div:first-child {
        order: 2;
    }

    .modal-card .lk-card {
        width: auto;
    }

    .modal-card-close {
        margin-left: -50px;
    }

    .modal-card .lk-card-body {
        flex-direction: column;
        text-align: center;
    }
}


.rating-subtitle {
    margin: 60px 0 30px;
    font-size: 16px;
}

.rating-subtitle__type {
    color: #0097b9;
}

.lk_pages .col_right .rating_block {
    width: 100%;
    max-width: 872px;
    padding: 0px;
    display: inline-block;
    margin-bottom: 20px;
}

.rating-tabs {
    display: flex;
    flex-wrap: wrap;
}

.rating-tabs::after {
    content: "";
    flex-basis: 100%;
    height: 1px;
    margin: 25px 0 0;
    background: repeating-linear-gradient(to right, #c0c0c0, #c0c0c0 10px, transparent 10px, transparent 16px);
}

.rating-tab::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin: 37px auto -53px;
    padding: 0 2px;
    background: #fff url("/images/lk/rating-star-green.png") no-repeat 50% 50%;
}

.rating-tab-active::after {
    width: 60px;
    height: 30px;
    margin-top: 30px;
    margin-bottom: -60px;
    padding: 0;
    background-image: url("/images/lk/rating-rocket.png");
}

.rating-tab {
    box-sizing: border-box;
    flex: 1;
    padding: 20px 5px;
    text-align: center;
    border-left: 1px solid #fff;
    font-size: 14px;
    background: #3db39e;
    color: #fff;
    cursor: pointer;
    opacity: 0.99; /* needed for stacking context */
}

.rating-tab:first-child {
    border: 0;
    border-radius: 10px 0 0 0;
}

.rating-tab:last-child {
    border-radius: 0 10px 0 0;
}

.rating-tab-active {
    background: #f7f7f7;
    color: #333;
    cursor: auto;
}

.rating-tab-disabled {
    background: rgba(61, 179, 158, .5);
    cursor: default;
    user-select: none;
    pointer-events: none;
}

.rating-tab-header {
    margin: 0 0 5px;
    font-weight: 700;
    font-size: 16px;
}

.rating-tab-active .rating-tab-header {
    color: #3db39e;
}

.rating-tutors-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 15px;
    margin-bottom: 10px;
}

.rating-tutors-list__medal {
    margin-bottom: 30px;
}

.rating-card {
    box-sizing: border-box;
    position: relative;
    flex: 1;
    padding: 15px;
    margin-bottom: 35px;
    border-radius: 25px;
}

@media (min-width: 640px) and (max-width: 768px) {
    .rating-card,
    .rating-card:last-child {
        flex: 0 0 calc(50% - 7.5px);
    }
}

@media (min-width: 768.5px) {
    .rating-card,
    .rating-card:last-child {
        max-width: calc(50% - 7.5px);
    }
}

.rating-card::before {
    content: "";
    position: absolute;
    top: 39%;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 160px;
}

.rating-card-gold::before {
    content: "1";
    color: #fff8dc;
}

.rating-card-silver::before {
    content: "2";
    color: #f8f8f8;
}

.rating-card-bronze::before {
    content: "3";
    color: #fff6e7;
}

.rating-card::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -10px;
    right: 0;
    width: 56px;
    height: 76px;
    background: no-repeat 50% 50%;
}

.rating-card-gold::after {
    background-image: url("/images/lk/rating-cup-gold.png");
}

.rating-card-silver::after {
    background-image: url("/images/lk/rating-cup-silver.png");
}

.rating-card-bronze::after {
    background-image: url("/images/lk/rating-cup-bronze.png");
}

.rating-card-gold {
    background: #fff1b8;
}

.rating-card-silver {
    background: #f0f0f0;
}

.rating-card-bronze {
    background: #ffeccf;
}

.rating-card-person {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    align-items: center;
    margin-right: 40px;
}

.rating-card-avatar {
    width: 64px;
    height: 64px;
    margin-right: 15px;
    border-radius: 50%;
}

.rating-card-name {
    font-size: 16px;
}

.rating-card-plate {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px;
    background: #fff;
    border: 2px solid #cfcfcf;
    border-radius: 40px;
    text-align: center;
    margin: 20px 5px -30px;
    min-height: 30px;
}

.rating-card-gold .rating-card-plate {
    border-color: #f6b132;
}

.rating-card-silver .rating-card-plate {
    border-color: #cfcfcf;
}

.rating-card-bronze .rating-card-plate {
    border-color: #ffc675;
}

.rating-card-plate__text {
    flex: 0 0 100%;
}

.rating-card-plate__text-additional {
    display: block;
    flex: 0 0 100%;
}

.rating-card-number {
    margin-right: .083em;
    font-weight: 700;
    font-size: 24px;
}

.medal-card {
    width: 100%;
    flex: 0 0 100%;
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius: 25px;
    margin: 0 0 20px;
    padding: 10px;
    background: #f2fafb;
}

@media (min-width: 530.5px) {
    .medal-card,
    .medal-card:last-child {
        width: 100%;
        flex: 0 0 calc(50% - 7.5px);
        max-width: calc(50% - 7.5px);
    }
}

.medal-card-avatar {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    border-radius: 50%;
}

.medal-card-text {
    flex-grow: 1;
}

.medal-card-plate {
    margin-top: 5px;
}

.medal-card-number {
    margin-right: .083em;
    font-weight: 700;
    font-size: 24px;
}

.medal-card-rating {
    width: 54px;
    margin: -10px 10px -10px 0;
    padding: 42px 0 22px;
    text-align: center;
    align-self: center;
    font-size: 13px;
    line-height: 20px;
    background: url("/images/lk/rating-medal.png") no-repeat 50% 0;
    color: #8b5120;
}

.lk-posts {

}

.lk-posts__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.lk-posts__table th {
    padding: 14px 18px;
    text-align: left;
    font-weight: 700;
}

.lk-posts__table th:first-child {
    white-space: nowrap;
}

.lk-posts__table td {
    padding: 14px 18px;
    background: #f6f6f6;
    border-bottom: 10px solid #fff;
}

.lk-posts__table td:first-child {
    padding-left: 20px;
}

.lk-posts__table td:last-child {
    padding-left: 0;
    padding-right: 20px;
}

.lk-posts__table tr:hover td,
.lk-posts__table tr.active td {
    background: #fbfbfb;
}

.lk-posts__table .col-status {
    width: 155px;
}

.lk-posts__table_empty tr td:first-child {
    background: none;
    padding-left: 20px;
    padding-bottom: 200px;
}

.lk-posts__table td .btn-small {
    width: 100%;
}

.lk-posts__add {
    margin: 20px 0 35px;
}

.btn .icon-add {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
    background: url("/images/lk/icon-add.svg") no-repeat;
}


.col_right__button-panel-bottom {
    margin: 25px 0;
    text-align: center;
}

/* .lk_pages .col_left .link_to_portal a {
	display: inline-block;
	width: 165px;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	background: #3db39e;
	border-radius: 2em;
	padding: 14px 20px;
	box-shadow: 0 5px 0 #3b9376;
	color: #ffffff;
	position: relative;
	top: 0px;
	cursor: pointer;
}
.lk-posts .btn:hover,
.lk-posts .btn:focus {
	top: 2px;
	box-shadow: 0 3px 0 #3b9376;
} */

.lk-posts .btn {
    display: inline-block;
    /* width: 170px; */
    border: 0;
    margin: 0;
    padding: 14px 20px;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: #3db39e;
    border-radius: 2em;
    box-shadow: 0 5px 0 #3b9376;
    color: #fff;
    cursor: pointer;
    transition: .3s;
}

.lk-posts .btn-small {
    width: auto;
    padding: 10px 15px;
    font-weight: 400;
    box-shadow: 0 2px 0 #3b9376;
}

.lk-posts .btn-default {
    background: #0097bd;
    box-shadow: 0 5px 0 #006d89;
}

.lk-posts .btn-primary {
    background: #3db39e;
    box-shadow: 0 5px 0 #3b9376;
}

.lk-posts .btn-danger {
    background: #da6d6d;
    box-shadow: 0 5px 0 #b15353;
}

.lk-posts .btn-link {
    border: 2px solid #3db39e;
    background: #fff;
    box-shadow: none;
    color: inherit;
}

.lk-posts .btn:disabled {
    background: #ececec;
    color: #b6b6b6;
    cursor: default;
}

.lk-posts .btn-small.btn-default {
    box-shadow: 0 2px 0 #006d89;
}

.lk-posts .btn-small.btn-primary {
    box-shadow: 0 2px 0 #3b9376;
}

.lk-posts .btn-small.btn-danger {
    box-shadow: 0 2px 0 #b15353;
}

.lk-posts .btn-small.btn:disabled {
    box-shadow: 0 2px 0 #d6d6d6;
}

.lk-posts .btn-default:hover,
.lk-posts .btn-default:focus {
    box-shadow: 0 3px 0 #006d89;
}

.lk-posts .btn-primary:hover,
.lk-posts .btn-primary:focus {
    box-shadow: 0 3px 0 #3b9376;
}

.lk-posts .btn-danger:hover,
.lk-posts .btn-danger:focus {
    box-shadow: 0 3px 0 #b15353;
}

.lk-posts .btn-small:not(:disabled):hover,
.lk-posts .btn-small:not(:disabled):focus {
    box-shadow: 0 0;
}

.form-field {
    margin: 0 0 25px;
}

.form-input-text,
.form-input-select {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    border: 1px solid #0692b3;
    padding: 10px 20px;
    border-radius: 20px;
    font: 14px/20px 400 "NotoSans", sans-serif;
    background: #fff;
    outline: none;
}

.form-input-select {
    position: relative;
    z-index: 5;
    appearance: none;
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABQSURBVBhXY/SMz/n/6NkLBmQgKyXOwGRlrA/lIoC1sQED854tG47de/Q09u7DJ2BBdztLhubizBCG////c/z6/Ts+o6r1PwgD2Xr///9XBQDGjSKttIkCIgAAAABJRU5ErkJggg==") no-repeat 90% 50%;
    cursor: pointer;
}

.form-input-select::-ms-expand {
    display: none;
}

.form-input-select-wrapper {
    position: relative;
}

.lk_pages .col_right .form-input-dropdown {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 20px 0 0;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.lk_pages .col_right .form-input-dropdown-item {
    padding: 10px 20px;
    line-height: 20px;
    cursor: pointer;
}

.form-label {
    display: block;
    margin: 0 0 10px 10px;
}

/* Редактирование поста */

.lk-posts__edit {
    padding: 0 0 20px;
}

.lk-posts__edit-form-upload {
    margin: 0 0 20px;
    padding: 20px;
    border-radius: 15px;
    background: #f6f6f6;
}

.upload-item:not(:first-child) {
    margin-top: 25px;
}

.upload-item-label {
    margin: 0 0 10px;
    font-weight: 700;
}

.upload-drop-area {
    border: 1px dashed #d6d6d6;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    font-size: 13px;
}

.input-file-wrapper {
    padding-top: 10px;
}

.input-file {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.input-file-icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url("/images/lk/icon-fastener.svg") no-repeat;
}

.input-file-text {
    color: #0097bd;
    text-decoration: underline;
}

.input-file-input {
    position: absolute;
    left: 0;
    font-size: 99px;
    opacity: 0;
    cursor: pointer;
}

.input-file-filelist {
    font-size: 90%;
    color: #999;
}

.lk-posts__edit-button-panel {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
}

@media (min-width: 550px) {
    .lk-posts__add .btn {
        display: inline-block;
        vertical-align: middle;
    }

    .lk-posts__add__text {
        display: inline-block;
        vertical-align: middle;
        margin-left: 20px;
    }
}

@media (min-width: 640px) {
    .lk-posts__edit-body-wrapper {
        display: flex;
    }

    .lk-posts__edit-form-upload {
        order: 2;
        flex-basis: calc(50% - 40px);
        margin-bottom: 0;
    }

    .lk-posts__edit-form-main {
        flex-grow: 1;
        padding-right: 40px;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
    }
}

.nav_page {
    margin: 30px 0px 0px;
}


.all-steps__title {
    color: #0097bd;
    min-height: 35px;
    font: bold 24px/33px "Noto Sans", sans-serif;
    text-transform: uppercase;
    margin-bottom: 55px;
}

.all-steps__inner {

}

.all-steps__item {
    padding: 0 20px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    min-height: 85px;
}

.all-steps__item:last-of-type {
    margin-bottom: 0;
}

.all-steps__text {
    padding-left: 10px;

    color: #2b4554;
    font-size: 14px;
    line-height: 23px;
    width: calc(100% - 85px);
}

.all-steps__img {
    width: 78px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;

    border: 2px solid #0097bd;
    border-radius: 100px;
}

.all-steps__img img {
    max-width: 55px;
    max-height: 55px;
}

.all-steps__numb {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    top: -13px;
    left: -20px;
    z-index: 2;

    font-weight: 700;
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    border-radius: 100px;
    background: #0097bd;
    border: 2px solid #ffffff;
}

.all-steps__confirmation img {
    max-width: 100%;
}

.all-steps__confirmation-check {
    margin-top: 35px;
}

.all-steps__confirmation-check input[type="checkbox"] {
    display: none;
}

.all-steps__confirmation-check input[type="checkbox"] + label {
    font-size: 14px;
    line-height: 23px;
    color: #2b4554;
    position: relative;
    cursor: pointer;
}

.all-steps__confirmation-check input[type="checkbox"] + label:before {
    content: '';
    width: 14px;
    height: 14px;
    display: block;
    top: 6px;
    left: 18px;

    border: 1px solid #0096b8 !important;
    background: #ffffff;
    border-radius: 0 !important;
}

.all-steps__confirmation-check input[type="checkbox"] + label:after {
    content: '';
    display: none;
    width: 12px !important;
    height: 12px !important;

    position: absolute;
    top: 8px !important;
    left: 20px !important;

    background-color: #0096b8 !important;
    background-image: none !important;
}

.all-steps__confirmation-check input[type="checkbox"]:checked + label {

}

.all-steps__confirmation-check input[type="checkbox"]:checked + label:before {

}

.all-steps__confirmation-check input[type="checkbox"]:checked + label:after {
    display: block !important;
}

.all-steps .buttons-panel {
    text-align: left !important;
    margin-top: 70px;
}

.lk-prime .block_prime_teacher .step.step_5 img {
    margin: 0px auto 20px;
    display: block;
}

.lk-prime .block_prime_manager .step.step_4 img {
    margin: 0px auto 20px;
    display: block;
}

.lk-prime .block_prime {
    display: none;
}

.lk-prime .block_prime.open {
    display: block;
}

@media screen and (max-width: 560px) {
    .all-steps__item {
        display: block;
        padding: 0 10px;
    }

    .all-steps__text {
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }
}


/*Путь новичка HR менеджеров*/
.lk_for_hr_mgr_page h1 {
    text-align: center;
}

.lk_for_hr_mgr_page .title_h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
/ / text-transform: uppercase;
    color: #0097b9;
    padding: 0px 0px 40px 0px;
/ / margin: - 11 px 0 px 0 px;
    width: calc(100% - 60px);
    min-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lk_for_hr_mgr_page .btn-rose {
    background: #FF16A3 !important;
    box-shadow: 0 5px 0 #B51067 !important;
}

.lk_for_hr_mgr_page .btn-rose:hover {
    box-shadow: 0 3px 0 #B51067 !important;
}

.lk_for_hr_mgr_page .lk-mn {
    clear: both;
}

.lk_for_hr_mgr_page .lk-mn .buttons-panel.center .btn {
    display: inline-block;
    margin-right: 15px;
}

.lk_for_hr_mgr_page .lk-mn .all-steps h2 {
    margin-bottom: 53px;
}

.lk_for_hr_mgr_page .lk-mn p {
    margin: 20px 0;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}

.lk_for_hr_mgr_page .lk-mn a {
    font-size: 14px;
    line-height: 19px;
    color: #0096B8;
    text-decoration: underline;
}

.lk_for_hr_mgr_page .lk-mn ol {
    padding-left: 42px;
}

.lk_for_hr_mgr_page .lk-mn ol li {
    margin: 1px 0;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    list-style: auto;
}

.lk_for_hr_mgr_page .lk-mn ul li {
    padding-left: 17px;
    margin: 8px 0 8px;
    font-size: 14px;
    line-height: 19px;
    color: #000000;

    position: relative;
}

.lk_for_hr_mgr_page .lk-mn ul li:before {
    content: '';
    width: 14px;
    height: 14px;
    display: block;

    position: absolute;
    top: 4px;
    left: -6px;
    z-index: 2;

    background-image: url("/images/lk-for-hr-mgr/ch1.svg");
    background-repeat: no-repeat;
}

.lk_for_hr_mgr_page .lk-mn .buttons-panel {
    margin-top: 33px;
}

.lk_for_hr_mgr_page .lk-mn__load {
    height: 52px;
    margin-bottom: 27px;

    position: relative;
}

.lk_for_hr_mgr_page .lk-mn__load-in {
    display: flex;
}

.lk_for_hr_mgr_page .lk-mn__load:before {
    content: '';
    height: 36px;
    width: 100%;
    display: block;

    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;

    background: #ECECEC;
    border-radius: 25px;
}

.lk_for_hr_mgr_page .lk-mn__load-progr {
    height: 36px;

    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;

    border-radius: 25px;
    background: linear-gradient(90deg, #3DB39E 0%, #0096B8 100%);
}

.lk_for_hr_mgr_page .lk-mn__load-item {
    width: 16.666%;
    height: 36px;

    position: relative;

}

.lk_for_hr_mgr_page .lk-mn__load-item:first-of-type {
    border-radius: 25px 0 0 25px;
}

.lk_for_hr_mgr_page .lk-mn__load-item:first-of-type .lk-mn__load-item-numb {
    border-radius: 25px 0 0 25px;
    overflow: hidden;
}

.lk_for_hr_mgr_page .lk-mn__load-item-numb {
    padding: 9px 35px 8px 5px;

    position: relative;
    z-index: 3;

    font-size: 14px;
    line-height: 19px;
    color: #999999;
    box-sizing: border-box;
    text-align: center;
}

.lk_for_hr_mgr_page .lk-mn__load-item-cr {
    width: 52px;
    height: 52px;

    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 3;

    border-radius: 100%;
    background: #C4C4C4;
    border: 1px solid #C4C4C4;
}

.lk_for_hr_mgr_page .lk-mn__load-item.act .lk-mn__load-item-numb {

    color: #FFFFFF;
}

.lk_for_hr_mgr_page .lk-mn__load-item.act .lk-mn__load-item-cr {
    background-color: #FFFFFF;
    background-image: url("/images/lk-for-hr-mgr/la_crown.svg");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #0096B8;
}

.lk_for_hr_mgr_page .lk-mn__title {
    padding: 19px 25px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    background: rgba(0, 150, 184, 0.05);
    border-radius: 25px;
}

.lk_for_hr_mgr_page .lk-mn__title-nn {
    font-size: 14px;
    line-height: 19px;
    color: #333333;
}

.lk_for_hr_mgr_page .lk-mn__title-step {
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #0096B8;
}

.lk_for_hr_mgr_page .lk-mn__info {
    display: flex;
    align-items: flex-start;
    margin-top: 40px;
}

.lk_for_hr_mgr_page .lk-mn__info-left {
    padding: 30px;
    width: 50%;

    background: rgba(191, 229, 237, 0.25);
    border-radius: 25px;
    box-sizing: border-box;
}

.lk_for_hr_mgr_page .lk-mn__info-right {
    width: 50%;
    padding: 0 10px;

    text-align: center;
}

.lk_for_hr_mgr_page .lk-mn__info-right img {
    max-width: 100%;
}

.lk_for_hr_mgr_page .lk-mn__info-title {
    margin-bottom: 15px;

    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #333333;
}

.lk_for_hr_mgr_page .lk-mn__lst {
    margin-bottom: 20px;
}

.lk_for_hr_mgr_page .lk-mn .lk-mn__lst-item {
    display: inline-block;
    padding: 8px 18px;
    margin-bottom: 8px;

    box-sizing: border-box;
    border: 1px solid #0096B8;
    border-radius: 25px;
    font-size: 14px;
    line-height: 19px;
    color: #333333;
    text-decoration: none;
    text-align: center;
}

.lk_for_hr_mgr_page .lk-mn__lst-item:hover {
    background: #0096B8;
    color: #ffffff;
}

.lk_for_hr_mgr_page .lk-mn__scrl {
    height: 152px;
    overflow: auto;
    margin-bottom: 40px;
}

.lk_for_hr_mgr_page .lk-mn__scrl p {
    margin-top: 0;
}

.lk_for_hr_mgr_page .lk-mn__info-tw {
    display: flex;
}

.lk_for_hr_mgr_page .lk-mn__info-tw-left {
    width: 50%;
    padding-bottom: 100px;
}

.lk_for_hr_mgr_page .lk-mn__info-tw-right {
    width: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.lk_for_hr_mgr_page .lk-mn__info-left.tt {
    margin-bottom: 100px;

    position: relative;
}

.lk_for_hr_mgr_page .lk-mn__info-al {
    position: absolute;
    bottom: -50px;
    left: 0;
    z-index: 2;

    font-size: 24px;
    line-height: 33px;

    color: #0096B8;
}


.lk_for_hr_mgr_page .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: rgba(191, 229, 237, 0.25);
    border: 1px solid #0096B8;
}

.lk_for_hr_mgr_page .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #0096B8 !important;
    border-radius: 5px;
}

.lk_for_hr_mgr_page .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #0096B8;
}

.lk_for_hr_mgr_page .mCSB_scrollTools .mCSB_draggerContainer {
    padding-bottom: 2px;
}

.lk_for_hr_mgr_page .mCSB_scrollTools {
    right: inherit;
    left: 0;
}

.lk_for_hr_mgr_page .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 20px;
}

.lk_for_hr_mgr_page .lk-mn .title_h2 {
    padding-top: 10px !important;
    padding-bottom: 12px !important;
}

.lk_for_hr_mgr_page .lk-mn p {
    line-height: 25px;
}

.lk_for_hr_mgr_page .lk-mn__info-right.mr {
    margin-right: 0;
    margin-left: auto;
}

.lk_for_hr_mgr_page .lk-mn .all-steps,
.lk_for_hr_mgr_page .lk-mn .lk-content {
    max-width: 680px;
    margin: auto;
}

.lk_for_hr_mgr_page .lk-mn__info-left {
    padding-bottom: 10px;
}

.lk_for_hr_mgr_page .lk-mn__info-left p,
.lk_for_hr_mgr_page .lk-mn__info-left p a,
.lk_for_hr_mgr_page .lk-mn__info-left ul li,
.lk_for_hr_mgr_page .lk-mn__info-left ul li a {
    font-size: 12px !important;
    line-height: 16px !important;
}

.lk_for_hr_mgr_page .lk-mn__info-left.ttt p a {

}

@media (max-width: 768px) {

}

@media (max-width: 630px) {
    .lk_for_hr_mgr_page .lk-mn__info {
        display: block;
    }

    .lk_for_hr_mgr_page .lk-mn__info-left {
        width: 100%;
    }

    .lk_for_hr_mgr_page .lk-mn__info-right {
        padding: 20px 0 0;
        margin: auto;
    }

    .lk_for_hr_mgr_page .lk-mn__title {
        flex-wrap: wrap;
    }

    .lk_for_hr_mgr_page .lk-mn__title-nn {
        order: 2;
        width: 100%;
    }

    .lk_for_hr_mgr_page .lk-mn__title-step {
        width: 100%;
        order: 1;
    }

    .lk_for_hr_mgr_page .lk-mn__info-tw {
        display: block;
    }

    .lk_for_hr_mgr_page .lk-mn__info-tw-left,
    .lk_for_hr_mgr_page .lk-mn__info-tw-right {
        width: 100%;
        padding-bottom: 0;
    }

    .lk_for_hr_mgr_page .lk-mn__info-tw-right {
        padding-top: 30px;
    }

    .lk_for_hr_mgr_page .lk-mn__info-left.tt {
        margin-bottom: 60px;
    }

}

@media (max-width: 500px) {
    .lk_for_hr_mgr_page .lk-mn__load {
        height: 30px;
    }

    .lk_for_hr_mgr_page .lk-mn__load-progr {
        height: 25px;
    }

    .lk_for_hr_mgr_page .lk-mn__load:before {
        height: 25px;
    }

    .lk_for_hr_mgr_page .lk-mn__load-item {
        height: 25px;
    }

    .lk_for_hr_mgr_page .lk-mn__load-item-cr {
        width: 30px;
        height: 30px;

        top: -4px;
    }

    .lk_for_hr_mgr_page .lk-mn__load-item-numb {
        padding: 3px 18px 4px 5px;
    }
}

.beginning {
    width: 320px;
}

/*Путь новичка HR менеджеров*/

/*Контакты ЛК новая версия*/
body {
    font-family: 'Noto Sans', sans-serif;
}


.team-p {

}

.team-p h2 {
    text-align: left !important;
}

.team-p__inner {

}

.team-p__item {
    margin-top: 17px;
    padding: 28px 30px;
    display: flex;
    align-items: flex-start;
    border-radius: 15px;
}

.team-p__item.bg1 {
    background: #3FB59F;
}

.team-p__item.bg2 {
    background: #0096B7;
}

.team-p__item-left {
    width: calc(100% - 108px);
    padding-right: 30px;

    box-sizing: border-box;
}

.team-p__item-right {
    width: 108px;
}

.team-p__item-name {
    margin-bottom: 4px;

    color: #ffffff;
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
}

.team-p__item-in {
    margin-bottom: 8px;
}

.team-p__item-in a {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
}

.bg1 .team-p__item-in a + a:before {
    content: '|';
    display: inline-block;
    padding-right: 3px;

    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
}

.team-p__item-descrip {
    max-width: 546px;

    font-weight: 500;
    font-size: 14px;
    line-height: 19px;

    color: #FFFFFF;
}

.bg2 .team-p__item-descrip {
    margin: 20px 0px;
    color: #fff;
}

.team-p__item-img {
    width: 108px;
    height: 108px;
    display: flex;
    align-items: center;
    justify-content: center;

    border: 8px solid #ffffff;
    border-radius: 1000px;
    overflow: hidden;

    box-sizing: border-box;
}

.team-p__al {
    display: flex;
    margin: 11px -6px 0;
}

.team-p__al-item {
    width: 50%;
    padding: 0 6px;

    box-sizing: border-box;
}

.team-p__al-item .team-p__item-img {
    border: 4px solid #ffffff;
}

.team-p__item-dop {
    margin-top: 20px;
}

.team-p__item-dop div:after {
    content: '';
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 11px;

    background-image: url("/local/templates/coddy_lk/components/bitrix/catalog.section.list/lk_contacts/images/t-ar1.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.team-p__item-dop div {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;

    cursor: pointer;
    color: #FFFFFF;
}

.team-p__item-dop .op {
    display: block;
}

.team-p__item-dop .cl {
    display: none;
}

.team-p__item-dop.open .op {
    display: none;
}

.team-p__item-dop.open .cl {
    display: block;
}

.team-p__item-dop.open div:after {
    transform: rotate(180deg);
}


.team-p__item-dop-in {
    display: none;
}

.team-p__item-dop-in p {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #ffffff;
}

.team-p__item-dop-in.open {
    display: block;
}

.team-p__group {
    margin-top: 11px;
    padding: 29px 24px;

    box-sizing: border-box;
    background: #0096B7;
    border: 3px solid #0096B7;
    border-radius: 15px;
}

.team-p__group.open {
    background: #ffffff;
}

.team-p__group-top {
    display: flex;
    justify-content: space-between;
}

.team-p__group-left {
    position: relative;
    padding-bottom: 50px;
}

.team-p__group-right {

}

.team-p__group-top-tt {
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
}

.team-p__group-top-tx {
    margin-top: 21px;

    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF
}

.team-p__group-top-lk {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    cursor: pointer;

    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.team-p__group-top-lk:after {
    content: '';
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;

    background-image: url("/local/templates/coddy_lk/components/bitrix/catalog.section.list/lk_contacts/images/t-ar1.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.team-p__group-img {
    width: 140px;
}

.team-p__group-img-it {
    margin-bottom: 10px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    box-sizing: border-box;

    overflow: hidden;
    border-radius: 100px;
}

.team-p__group-s {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;

    color: #FFFFFF;
}


.open .team-p__group-top-tx,
.open .team-p__group-s {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}

.open .team-p__group-top-tt {
    color: #0096B7;
    font-weight: 800;
}

.open .team-p__group-top-lk {
    display: none;
}

.team-p__group-bottom {
    display: none;
}

.open .team-p__group-bottom {
    display: block;
}

.team-p__group-item {
    display: flex;
    margin-bottom: 23px;
}

.team-p__group-lt {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
    border-radius: 100%;
    border: 3px solid #ffffff;
}

.team-p__group-lt img {
    max-width: 100%;
}

.team-p__group-rt {
    width: calc(100% - 72px);
    padding-left: 30px;

    box-sizing: border-box;
}

.team-p__group-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

.team-p__group-pos {
    margin-top: 10px;

    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}

.team-p__group-info {
    margin-top: 3px;
}

.team-p__group-info-it {
    display: inline-flex;
    align-items: center;
    margin-right: 15px;

    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}

.team-p__group-info-bt {
    display: inline-block;
}

.team-p__group-info-bt div {
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    color: #0096B7;
    cursor: pointer;
}

.team-p__group-info-bt .op {
    display: block;
}

.team-p__group-info-bt .cl {
    display: none;
}

.op.team-p__group-info-bt .op {
    display: none;
}

.op.team-p__group-info-bt .cl {
    display: block;
}

.team-p__group-drop {
    margin-top: 5px;
    display: none;
}

.op.team-p__group-drop {
    display: block;
}

.team-p__group-drop-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}

.white-color ul li {
    color: #fff !important;
    padding-left: 8px !important;
}

.white-color ul li:before {
    background: #fff !important;
}

.white-color .team-p__group-drop-title {
    color: #fff !important;
}

.team-p__group-drop-it.white-color {
    color: #fff !important;
}

.team-p__group-drop-it.white-color > b {
    color: #fff !important;
}

.team-p__group-drop-it.white-color > p {
    color: #fff !important;
}

.team-p__group-drop-it.white-color > span {
    color: #fff !important;
}

.team-p__group-drop-it > b {
    color: #000;
}

.team-p__group-drop-it > p {
    color: #000;
}

.team-p__group-drop-it > span {
    color: #000;
}

.team-p__group-drop-it ul li {
    padding-left: 8px !important;

    position: relative;

    font-size: 14px;
    line-height: 19px;
    color: #000000;
}


.team-p__group-drop-it {
    margin-bottom: 20px;
}

.team-p__group-drop-it ul li:before {
    content: '';
    width: 5px;
    height: 1px;
    display: block;

    position: absolute;
    top: 11px;
    left: 0;
    z-index: 2;

    background: #000000;
}

.team-p__group-m {
    display: inline-flex;
    align-items: center;

    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #0096B7;
    cursor: pointer;
}

.team-p__group-m:after {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    margin-left: 5px;

    background-image: url("/local/templates/coddy_lk/components/bitrix/catalog.section.list/lk_contacts/images/t-ar2.svg");
    background-repeat: no-repeat;
    background-position: center;
}


@media (max-width: 768px) {
    .team-p__group-item {
        display: block;
    }

    .team-p__group-rt {
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }

    .team-p__group-info-bt {
        margin-top: 10px;
    }

    .team-p__group-img {
        width: 100px;
    }

    .team-p__group-left {
        width: calc(100% - 100px);
    }

    .team-p__item {
        flex-wrap: wrap;
    }

    .team-p__item-left {
        order: 2;
        width: 100%;
    }

    .team-p__item-right {
        order: 1;
        width: 100%;
        margin-bottom: 10px;
    }
}

/*Контакты ЛК новая версия*/

/* HELPDESK */
.helpdesk-type {
    clear: both;
    margin-bottom: 30px;
}

.helpdesk-type a {
    color: inherit;
    text-decoration: none;
}

.helpdesk-type span {
    font-size: 10px;
    margin-left: 15px;
}

.helpdesk-item {
    border-radius: 10px 10px 10px 10px;
    background: #f6f6f6;
    padding: 20px 35px;
    margin: 0px;
    position: relative;
    color: #2b4554;
}

.helpdesk-item.no-read {
    background: #A6E8F7;
}

.helpdesk-item.no-read-red {
    background: #ffe1e1;
}

.helpdesk-item.auto-close {
    background: #e0f6e6;
    min-height: 100px;
}

.helpdesk-open, .helpdesk-open a {
    color: #36b29c;
}

.helpdesk-close {
    color: #0097bd;
}

.helpdesk-details {
    margin-top: -35px;
    float: right;
    font-weight: bold;
    position: absolute;
    right: 5%;
    top: calc(50% + 33px);
}

.helpdesk-back-lnk {
    margin: 25px 0px;
}

.helpdesk-back-lnk a {
    color: black;
    font-weight: bold;
}

.helpdesk-createtime {
    font-weight: bold;
    margin: 10px 0px;
}

.form_item.helpdesk_textarea_mess {
    max-width: none !important;
    display: inherit !important;
}

.pop_up_helpdesk_new_request .helpdesk_textarea_mess {
    margin: 0px 50px;
    max-width: none !important;
    display: inherit !important;
}

.pop_up_helpdesk_new_request form {
    margin-top: 20px;
}

.load_file .add_helpdesk_req_tn {
    width: 160px !important;
    background: none !important;
    padding-left: 15px !important;
}

.helpdesk-close-req, .helpdesk-close-new-req {
    display: flex;
    width: 40%;
    float: left;
}

.helpdesk-close-new-req {
    margin-left: 50px;
}

.req_close_botton, .add_req_close_botton {
    min-width: 120px;
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: #ffffff;
    border-radius: 2em;
    padding: 14px 20px;
    -webkit-box-shadow: 0 5px 0 #ececec;
    box-shadow: 0 5px 0 #ececec;
    color: #2d485c;
    border: 1px solid #ececec;
    cursor: pointer;
}
.req_close_botton.green{
    width: 50px;
    min-width: 50px !important;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: rgb(61, 179, 158);
    border-radius: 2em;
    padding: 14px 20px;
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
    border: 1px solid #3b9376;
    color: #ffffff;
    position: relative;
    top: 0px;
    cursor: pointer;
    float: left;
}
.req_close_botton.red{
    width: 50px;
    min-width: 50px !important;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: #ff16a3;
    border-radius: 2em;
    padding: 14px 20px;
    -webkit-box-shadow: 0 5px 0 #b51067;
    box-shadow: 0 5px 0 #b51067;
    border: 1px solid #b51067;
    color: #ffffff;
    position: relative;
    top: 0px;
    cursor: pointer;
    margin-left: 100px;
}
.req_reopen_botton{
    min-width: 120px;
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: #ffffff;
    border-radius: 2em;
    padding: 14px 20px;
    -webkit-box-shadow: 0 5px 0 #ececec;
    box-shadow: 0 5px 0 #ececec;
    color: #2d485c;
    border: 1px solid #ececec;
    cursor: pointer;
}

.req_close_botton:hover, .add_req_close_botton:hover {
    top: 12px;
    -webkit-box-shadow: 0 3px 0 #ececec;
    box-shadow: 0 3px 0 #ececec;
}

.req_close_botton.green:hover{
    top: 2px;
    -webkit-box-shadow: 0 3px 0 #3b9376;
    box-shadow: 0 3px 0 #3b9376;
}
.req_close_botton.red:hover{
    top: 2px;
    -webkit-box-shadow: 0 3px 0 #b51067;
    box-shadow: 0 3px 0 #b51067;
}

.help-desk-addmess-block {
    min-height: 200px;
}

.help-desk-addmess-block textarea {
    background: #ffffff !important;
    /*border: 1px solid #808080!important;*/
}

.helpdesk-file {
    width: 20%;
    float: left;
    margin-top: 16px;
}

.helpdesk-add-mess {
    display: flex;
    width: 30%;
    float: right;
}

.helpdesk-confirm {
    text-align: center;
    padding: 20px;
}

#form_helpdesk-close-req {
    margin: 0px !important;
}

.no_close_btn-dv {
    display: flex;
    margin: 20px;
    float: left;
}

.close_btn-dv {
    display: flex;
    padding: 20px;
    float: right;
}

.helpdesk-detail-block {
    min-height: 150px;
}

.worker_send_mess {
    float: right;
}

.hd-file-in-mess {
    margin-top: 10px;
}

/**
 * Управление курсами партнеров из ЛК
 */
.lk_pages .col_right .ui-button-wrap {
    padding: 30px 20px;
    text-align: center;
}

.lk_pages .col_right .ui-button {
    min-width: 165px;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: rgb(61, 179, 158);
    border-radius: 2em;
    padding: 14px 20px;
    -webkit-box-shadow: 0 5px 0 #3b9376;
    box-shadow: 0 5px 0 #3b9376;
    color: #ffffff;
    position: relative;
    top: 0px;
    cursor: pointer;
    border: 0;
}

.lk_pages .col_right .ui-button + .ui-button {
    margin-left: 15px;
}

.lk_pages .col_right .ui-button[disabled] {
    touch-action: none;
    pointer-events: none;
    opacity: 0.5;
}

.lk_pages .col_right .ui-button:hover {
    top: 2px;
    -webkit-box-shadow: 0 3px 0 #3b9376;
    box-shadow: 0 3px 0 #3b9376;
}

.lk_pages .col_right .ui-button.ui-button-gray {
    background: #cacaca;
    -webkit-box-shadow: 0 5px 0 #a5a5a5;
    box-shadow: 0 5px 0 #a5a5a5;
}

.lk_pages .col_right .ui-button-edit,
.lk_pages .col_right .ui-button-delete {
    width: 20px;
    height: 20px;
    background: url('/images/lk/edit.svg') 50% 50% no-repeat;
    background-size: 18px auto;
    font-size: 0px;
    box-shadow: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    top: -3px;
    border: 0;
    margin-left: 10px;
}

.lk_pages .col_right .ui-button-delete {
    background: url('/images/lk/det.svg') 50% 50% no-repeat;
    background-size: 18px auto;
}

.lk_pages .col_right .ui-button-edit:hover,
.lk_pages .col_right .ui-button-delete:hover {
    cursor: pointer;
    opacity: 0.5;
}

.lk_pages .col_right .partners_cities .course_items {
    padding: 10px 35px 15px;
    max-height: 240px;
    overflow: hidden;
    overflow-y: auto;
    width: calc(100% - 35px);
}

.lk_pages .col_right .partners_cities .course_items .course_item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    padding: 5px 10px;
}

.lk_pages .col_right .partners_cities .course_items .course_item:hover {
    background: #eaeaea;
}

.lk_pages .col_right .partners_cities .course_items .course_item [class^=ui-button] {
    display: none;
}

.lk_pages .col_right .partners_cities .course_items .course_item:hover [class^=ui-button] {
    display: block;
}

.lk_pages .col_right .partners_cities .course_items .course_item > span {
    display: inline-block;
    min-width: 120px;
}

.form_partner_cities_popup_name {
    color: red;
}

/* Добавление города партнёру */
.pop_up_partner_cities_add .panel_filters_block {
    padding: 20px 35px;
    width: auto;
}

.pop_up_partner_cities_add .panel_filters_block .search_block .btn-search {
    top: 22px;
}

/* Редактирование города партнёра */
.pop_up_partner_cities_update .panel_filters_block {
    padding: 20px 35px;
    width: auto;
}

.pop_up_partner_cities_update .panel_filters_block .search_block .btn-search {
    top: 22px;
}

/* Удаление города партнёра */
.pop_up_partner_cities_delete {
    min-height: 200px;
}

.pop_up_partner_cities_delete .form_item {
    padding: 10px 35px;
}

.pop_up_partner_cities_delete .form_buttons {
    padding: 10px 35px 40px 35px;
}

/* contextmenu */
.context-menu {
    position: absolute;
    display: none;
    background-color: #fff;
    border: 1px solid #0097b9;
    -moz-box-shadow: -5px 2px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: -5px 2px 10px rgba(0,0,0,0.5);
    box-shadow: -5px 2px 10px rgba(0,0,0,0.5);
}

.context-menu ul { list-style: none; margin: 0; padding: 0; }
.context-menu ul li { margin: 0; padding: 0; background-color: #fff; display: block; }
.context-menu ul li a { color: #0097b9; text-decoration: none; font-size: 13px; display: block; padding: 5px; }
.context-menu ul li a:hover { background-color: #3b9376; color: #fff}


/* lk_for_hr penalty */
.lk_pages .col_right .lk-rul h2 {
    margin-bottom: 30px;

    font-weight: 700!important;
    font-size: 24px!important;
    line-height: 33px!important;
    text-transform: uppercase;
    color: #3DB39E!important;
    text-align: left;
}

.lk-mn__tx-bl {
    margin-left: 15px;
    margin-bottom: 33px;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #0096B8;
}

.lk-mn__list-r .lk-mn__list-r-it {
    margin-bottom: 40px!important;

    font-size: 14px;
    line-height: 19px;

    color: #252525;
}

.lk-mn__list-r .lk-mn__list-r-it:last-of-type {
    margin-bottom: 0!important;
}


.lk-mn__list-r-bl {
    font-weight: 700;
    color: #0096B8;
}

.lk-mn__list-r-bg {
    margin: 20px 0;
    margin-left: 15px;
    padding: 21px;
    display: block;
    background: rgba(191, 229, 237, 0.25);
    border-radius: 5px;
    font-size: 12px;
    line-height: 16px;
    color: #252525;
}

.lk-rul__img {
    margin-top: 50px;
    text-align: center;
}

.lk-rul__img img {
    max-width: 100%;
}

.lk_pages .col_right .btn.btn-bl {
    background: #0096B8;
    box-shadow: 0 5px 0  #0A404D;
}

.lk_pages .col_right .btn.btn-bl:hover {
    box-shadow: 0 3px 0  #0A404D;
}

.lk-rul .buttons-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lk-rul .buttons-panel .step_next {
    margin-left: auto;
    margin-right: 0;
}


.lk-mn__list-r-bld .lk-mn__list-r-it {
    font-weight: 700;
    text-transform: uppercase;
}


.lk-mn__list-r-bld .lk-mn__list-r-it .lk-mn__list-r-bg {
    font-weight: 400;
    text-transform: initial;
}


.lk-mn__list-r-bg + .lk-mn__list-r-bg {
    margin-top: 13px;
}

.lk-mn__list-r-tx {
    margin: 20px 0;
    margin-left: 15px;
    display: block;

    font-weight: 400;
    text-transform: initial;

    font-size: 14px;
    line-height: 19px;
    color: #141414;
}

.lk-mn__list-r-tx span {

    text-decoration: underline;
}

.lk-mn__tx-bl span {
    text-decoration: underline;
}

.lk-mn__tx-bl + .lk-mn__tx-bl {
    margin-top: 10px;
}

.lk-mn__list-r ul li:before {
    display: none;
}

.lk-mn__list-r ul li + li {
    margin-top: 8px!important;
}

.lk-mn__list-r ul {
    padding-left: 20px!important;
    list-style: disc!important;
}

.lk-mn__list-r ul li {
    padding-left: 0!important;
    list-style: disc!important;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #252525;
}

.lk-mn__list-r-bg + .lk-mn__list-r-tx  {
    margin-top: 40px;
}

.btn-rose {
    background: #FF16A3!important;
    box-shadow: 0 5px 0 #B51067!important;
}

.btn-rose:hover {
    box-shadow: 0 3px 0 #B51067!important;
}

.lk-not-available{
    text-align: center;
}
.lk-not-available .not-available-text{
font-size: 24px;
    font-weight: bold;
    color: #0097bd;
    margin-top: -80px;
}
.lk-not-available .avlb-course-text{
    margin-top: -10px;
    margin-bottom: 55px;
}
.lk-btn-back{
    display: inline-block;
    width: 165px;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    background: rgb(21,147,181);
    border-radius: 2em;
    padding: 14px 20px;
    -webkit-box-shadow: 0 5px 0 #137792;
    box-shadow: 0 5px 0 #137792;
    color: #ffffff;
    position: relative;
    top: 0px;
    cursor: pointer;
}
.lk-btn-back:hover{
        top: 2px;
    -webkit-box-shadow: 0 3px 0 #137792;
    box-shadow: 0 3px 0 #137792;
    text-decoration: none;
}

.link-help-sect{
    background: url(/upload/lk_for_hr/cosmonavt.png);
    background-repeat: no-repeat;
    padding-left: 90px;
    background-size: contain;
    position: fixed;
    bottom: 30px;
    right: calc(50% - 650px);
    z-index: 1;
}
.link-help-sect-t{
color: #000;
    background-color: #fff;
    padding: 25px;
    padding-right: 45px;
    border-radius: 20px;
    box-shadow: 0 0 3px 2px #e9e9e9;
}
.link-help-sect-t a{
    color: #FF16A3;
}
.close-link-help{
    width: 22px;
    height: 22px;
    background: url(/upload/lk_for_hr/close_link_help_sect.png);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}
@media (max-width: 1348px) {
    .link-help-sect{
        right: 50px;
    }
    .lk_pages .col_right .update_lang{
        right: calc(100% - 116px);
    }
    .lk_pages .col_right .btn_support{
        right: calc(100% - 346px);
    }
}
/* ползунок-переключатель */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
  margin-right: 10px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3.5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #FF16A3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #FF16A3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Закругленные ползунки */
.slider.round {
  border-radius: 24px;
}

.slider.round:before {
  border-radius: 50%;
}
#form_load_course_arch progress,
#form_load_arch progress
 {
  height: 25px;
  margin-top: 25px;
  border: none;
  background-color: #0097b9;
}

#form_load_course_arch progress::-webkit-progress-bar,
#form_load_arch progress::-webkit-progress-bar {
  border: none;
  background-color: #0097b9;
}

#form_load_course_arch progress::-webkit-progress-value,
#form_load_arch progress::-webkit-progress-value  {
  background-color: #41E847;
}

#form_load_course_arch progress::-moz-progress-bar,
#form_load_arch progress::-moz-progress-bar {
  border: none;
  background-color: #41E847;
}

#form_load_course_arch .form-upload__container,
#form_load_arch .form-upload__container {
  margin-top: 10px;
  width: 100%;
}
/* End */
/* /local/templates/coddy_lk/css/main.css?1757333183168876 */