.page.mourning {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.default_page_elements {
  padding-top: 50px;
  padding-bottom: 50px;
}

.default_page_elements .default_title {
  padding-bottom: 20px;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 20px;
}

.default_page_elements .default_title h3 {
  margin: 0;
  padding: 0;
}

.default_page_elements .default_title p {
  padding-top: 10px;
  font-size: 14px;
  line-height: 18px;
}

.default_page_elements .buttons_and_elements {
  width: 100%;
  padding-bottom: 50px;
}

.default_page_elements .buttons_and_elements .default_buttons_table {
  display: table;
  width: 100%;
}

.default_page_elements .buttons_and_elements .default_buttons_table .default_one_row, .default_page_elements .buttons_and_elements .default_buttons_table .default_title_row {
  display: table-row;
}

.default_page_elements .buttons_and_elements .default_buttons_table .default_one_row.dark .default_cell_title, .default_page_elements .buttons_and_elements .default_buttons_table .default_title_row.dark .default_cell_title {
  color: #fff;
}

.default_page_elements .buttons_and_elements .default_buttons_table .default_one_row.default_title_row > div, .default_page_elements .buttons_and_elements .default_buttons_table .default_title_row.default_title_row > div {
  text-align: center;
  font-size: 15px;
  color: #9C9C9C;
}

.default_page_elements .buttons_and_elements .default_buttons_table .default_one_row > div.default_cell_title, .default_page_elements .buttons_and_elements .default_buttons_table .default_title_row > div.default_cell_title {
  font-size: 15px;
  text-align: left;
  padding-left: 20px;
}

.default_page_elements .buttons_and_elements .default_buttons_table .default_one_row > div.default_cell_title span, .default_page_elements .buttons_and_elements .default_buttons_table .default_title_row > div.default_cell_title span {
  color: #9C9C9C;
}

.default_page_elements .buttons_and_elements .default_buttons_table .default_one_row > div, .default_page_elements .buttons_and_elements .default_buttons_table .default_title_row > div {
  width: 25%;
  display: table-cell;
  padding: 15px;
  text-align: center;
}

.default_page_elements .color_list {
  width: 100%;
  padding-bottom: 50px;
}

.default_page_elements .color_list h3 {
  padding-bottom: 20px;
}

.default_page_elements .color_list .color_box {
  width: 25%;
  margin-right: -4px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}

.default_page_elements .color_list .color_box p {
  position: relative;
  font-size: 18px;
  color: #000;
  bottom: 6px;
}

.default_page_elements .color_list .color_box p span {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  color: #9C9C9C;
}

.default_page_elements .color_list .color_box .show_color_box {
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
  margin-right: 20px;
}

.default_page_elements .color_list .color_box .show_color_txt {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 120px);
}

.default_page_elements .default_form .default_one_filed {
  padding-bottom: 30px;
}

.default_page_elements .default_form .default_one_filed > p {
  color: #9C9C9C;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 7px;
  margin-bottom: 10px;
}

.btn1, .field_add_cv_preform_continue_submit, .field_add_cv_preform_submit, .field_add_cv_list_form_continue_submit, .field_add_cv_list_form_submit {
  display: inline-block;
  transition: 0.3s all ease;
  color: #ffffff;
  padding: 13.5px 30px 14.5px 30px;
  background-color: #1057E0;
  font-weight: 700;
  border: 0;
}

.btn1.password_remind_text:focus, .field_add_cv_preform_continue_submit.password_remind_text:focus, .field_add_cv_preform_submit.password_remind_text:focus, .field_add_cv_list_form_continue_submit.password_remind_text:focus, .field_add_cv_list_form_submit.password_remind_text:focus {
  color: #ffffff;
}

.btn1:focus, .field_add_cv_preform_continue_submit:focus, .field_add_cv_preform_submit:focus, .field_add_cv_list_form_continue_submit:focus, .field_add_cv_list_form_submit:focus {
  color: #091227;
}

.btn1:hover, .btn1.hover, .field_add_cv_preform_continue_submit:hover, .field_add_cv_preform_continue_submit.hover, .field_add_cv_preform_submit:hover, .field_add_cv_preform_submit.hover, .field_add_cv_list_form_continue_submit:hover, .field_add_cv_list_form_continue_submit.hover, .field_add_cv_list_form_submit:hover, .field_add_cv_list_form_submit.hover {
  background-color: #0043C3;
  text-decoration: none;
  color: #ffffff;
}

.btn1:focus, .field_add_cv_preform_continue_submit:focus, .field_add_cv_preform_submit:focus, .field_add_cv_list_form_continue_submit:focus, .field_add_cv_list_form_submit:focus {
  color: #ffffff;
}

.btn1.disabled, .btn1:disabled, .field_add_cv_preform_continue_submit.disabled, .field_add_cv_preform_continue_submit:disabled, .field_add_cv_preform_submit.disabled, .field_add_cv_preform_submit:disabled, .field_add_cv_list_form_continue_submit.disabled, .field_add_cv_list_form_continue_submit:disabled, .field_add_cv_list_form_submit.disabled, .field_add_cv_list_form_submit:disabled {
  background-color: #6994E5;
  color: #ffffff;
  cursor: not-allowed;
}

.btn1.sm, .field_add_cv_preform_continue_submit.sm, .field_add_cv_preform_submit.sm, .field_add_cv_list_form_continue_submit.sm, .field_add_cv_list_form_submit.sm {
  padding: 9px 15px;
  font-size: 14px;
  line-height: 20px;
}

.btn1.lg, .field_add_cv_preform_continue_submit.lg, .field_add_cv_preform_submit.lg, .field_add_cv_list_form_continue_submit.lg, .field_add_cv_list_form_submit.lg {
  padding: 13.5px 30px 14.5px 30px;
}

.btn2 {
  display: inline-block;
  transition: 0.3s all ease;
  color: #091227;
  padding: 13.5px 30px 14.5px 30px;
  background-color: #FFB52B;
  font-weight: 700;
  border: 0;
}

.btn2:hover, .btn2.hover {
  background-color: #F59F14;
  text-decoration: none;
  color: #091227;
}

.btn2:focus {
  color: #091227;
}

.btn2.disabled, .btn2:disabled {
  background-color: #eee;
  border-color: #ddd;
  color: #000000;
}

.btn3, .return_btn {
  display: inline-block;
  transition: 0.3s all ease;
  color: #485058;
  padding: 16px 30px 17px 30px;
  background-color: transparent;
  font-weight: 700;
  border: 0;
}

.btn3:hover, .btn3.hover, .return_btn:hover, .return_btn.hover {
  background-color: #EDF4FF;
  text-decoration: none;
  color: #1057E0;
}

.btn3.disabled, .btn3:disabled, .return_btn.disabled, .return_btn:disabled {
  background-color: #eee;
  border-color: #ddd;
  color: #000000;
}

.btn1, .btn2, .btn3 {
  text-decoration: none;
}

.btn4 {
  margin-top: 25px;
  display: inline-block;
  transition: 0.3s all ease;
  color: #ffffff;
  padding: 13.5px 30px 14.5px 30px;
  background-color: #ffffff;
  font-weight: 700;
  border: 1px solid #1057E0 !important;
  color: #1057E0;
  width: 100%;
  border-radius: 50px !important;
  text-decoration: none;
}

.btn4:hover, .btn4.hover {
  border-color: #0043C3;
  color: #0043C3;
  text-decoration: none;
}

.btn4.sm {
  padding: 9px 15px;
  font-size: 14px;
  line-height: 20px;
}

.btn4.lg {
  font-size: 14px;
  padding: 13.5px 30px 14.5px 30px;
}

.new-cp {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
}

@media only screen and (max-width: 767px) {
  .new-cp .btn3 {
    padding: 13px 30px 15px 30px;
  }
  .new-cp .inline_row {
    margin-bottom: 30px;
  }
}
.new-cp .lang_btn {
  padding: 0;
  color: #091227 !important;
  line-height: 30px;
  margin-right: 30px;
  display: inline-block;
}

.new-cp .lang_btn span {
  background-image: url("./../img/lang_icon2.svg");
}

.new-cp .new_cp_holder {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .new-cp .new_cp_holder {
    display: block;
    overflow-y: scroll;
    padding: 50px 15px;
  }
}
.new-cp .new_cp_holder > div {
  width: 100%;
}

.new-cp .new_cp_content {
  position: relative;
  color: #091227;
  width: 690px;
  margin: 0 auto;
  padding: 30px;
  background-color: #ffffff;
  max-height: 520px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.new-cp .new_cp_content::-webkit-scrollbar {
  width: 6px;
}

.new-cp .new_cp_content::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .new-cp .new_cp_content {
    padding: 30px 15px;
  }
}
.new-cp .new_cp_content .btn3.hover {
  color: #091227;
}

.new-cp .new_cp_content .btn3.hover:hover {
  color: #1057E0;
}

@media only screen and (max-width: 767px) {
  .new-cp .new_cp_content {
    width: 100%;
  }
  .new-cp .new_cp_content .btn1 {
    width: 100%;
  }
}
.new-cp .new_cp_content .default_font {
  padding-bottom: 3px;
  color: #091227;
}

.new-cp .new_cp_content .default_font strong {
  font-weight: 600;
}

.new-cp .new_cp_content .desc p {
  padding-top: 17px;
}

.new-cp .new_cp_content a {
  color: #1057E0;
  text-decoration: underline;
}

.new-cp .cp_icon {
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/cookie.svg");
  margin: 0 auto 19px auto;
}

.new-cp h2 {
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
}

@media only screen and (max-width: 1500px) {
  .new-cp h2 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .new-cp h2 {
    line-height: 24px;
  }
}
.new-cp h2 {
  color: #091227;
}

.new-cp .cp_btns {
  padding-top: 26px;
}

.new-cp .cp_btns .row {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .new-cp .cp_btns .row.flex_mobile {
    display: block;
  }
  .new-cp .cp_btns .row.flex_mobile > div.text-right {
    padding-top: 15px;
    padding-left: 15px;
  }
  .new-cp .cp_btns .row.flex_mobile > div {
    width: 100%;
  }
}
.new-cp .cp_btns .row a, .new-cp .cp_btns .row button {
  width: 100%;
  text-align: center;
  white-space: nowrap;
}

.new-cp .cp_btns .row > div {
  float: none;
}

.new-cp .cp_btns .row > div:first-child {
  width: auto;
}

.new-cp .cp_btns .row > div:last-child {
  padding-left: 30px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .new-cp .cp_btns .row > div:last-child {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .new-cp .cp_btns > div > div:last-child {
    margin-bottom: 0;
  }
}
.new-cp-content-settings-options-one-cookie {
  cursor: pointer;
  transition: 0.2s ease;
}

.new-cp-content-settings-options-one-cookie > div {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
}

.new-cp-content-settings-options-one-cookie > div.new-cp-content-settings-options-one-cookie-checkbox {
  width: 20px;
  margin-right: 10px;
}

.new-cp-content-settings-options-one-cookie > div.new-cp-content-settings-options-one-cookie-checkbox > div {
  border-radius: 5px;
  border: 2px solid #d6d7dd;
  width: 20px;
  height: 20px;
  position: relative;
}

.new-cp-content-settings-options-one-cookie > div.new-cp-content-settings-options-one-cookie-desc {
  width: calc(100% - 30px);
  color: #464D57;
}

.new-cp-content-settings-options-one-cookie > div.new-cp-content-settings-options-one-cookie-desc label {
  color: #464D57;
}

.new-cp-content-settings-options-one-cookie > div.new-cp-content-settings-options-one-cookie-desc p strong {
  color: #053BCC;
}

.new-cp-content-settings-options-one-cookie > div.new-cp-content-settings-options-one-cookie-desc p {
  margin-bottom: 8px;
}

.new-cp-content-settings-options-one-cookie > div.new-cp-content-settings-options-one-cookie-desc p:last-child {
  margin-bottom: 0;
}

.new-cp-content-settings-options-one-cookie.on .new-cp-content-settings-options-one-cookie-checkbox > div {
  border-color: #0043C3;
  background-color: #0043C3;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/cookie_check.svg");
}

.new-cp-content-settings-options-one-cookie.on .new-cp-content-settings-options-one-cookie-checkbox > div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/rules_check.svg");
}

.cp_rules {
  padding-top: 20px;
}

.cp_rules > div {
  margin-bottom: 17px;
}

.cp_rules > div:last-child {
  margin-bottom: 0;
}

.no_click_checkbox, .no_click_rule {
  cursor: default;
}

.required_field label {
  width: 100%;
}

.required_field label strong {
  margin-bottom: 8px;
  display: inline-block;
  width: 100%;
  position: relative;
}

.required_field label strong:after {
  font-size: 10px;
  text-transform: uppercase;
  color: #464D57;
  top: 0;
  right: 0;
  position: absolute;
  content: "Wymagane";
}

.default_font {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #485058;
}

@media only screen and (max-width: 1500px) {
  .default_font {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 991px) {
  .default_font {
    font-size: 16px;
    line-height: 24px;
  }
}
.default_font h1 {
  font-size: 56px;
  line-height: 64px;
  letter-spacing: -0.04em;
}

@media only screen and (max-width: 1500px) {
  .default_font h1 {
    font-size: 46px;
    line-height: 54px;
  }
}
@media only screen and (max-width: 1200px) {
  .default_font h1 {
    font-size: 38px;
    line-height: 46px;
  }
}
@media only screen and (max-width: 991px) {
  .default_font h1 {
    font-size: 34px;
    line-height: 42px;
  }
}
.default_font h2 {
  font-size: 46px;
  line-height: 54px;
}

@media only screen and (max-width: 1500px) {
  .default_font h2 {
    font-size: 38px;
    line-height: 46px;
  }
}
@media only screen and (max-width: 1200px) {
  .default_font h2 {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 991px) {
  .default_font h2 {
    line-height: 36px;
  }
}
.default_font h3 {
  font-size: 38px;
  line-height: 46px;
}

@media only screen and (max-width: 1500px) {
  .default_font h3 {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 1200px) {
  .default_font h3 {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .default_font h3 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.02em;
  }
}
.default_font h4 {
  font-size: 30px;
  line-height: 38px;
}

@media only screen and (max-width: 1500px) {
  .default_font h4 {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 1200px) {
  .default_font h4 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .default_font h4 {
    font-size: 22px;
    line-height: 26px;
  }
}
.default_font h5 {
  font-size: 22px;
  line-height: 32px;
}

@media only screen and (max-width: 1500px) {
  .default_font h5 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .default_font h5 {
    line-height: 24px;
  }
}
.default_font h6 {
  font-size: 18px;
  line-height: 28px;
}

@media only screen and (max-width: 1500px) {
  .default_font h6 {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .default_font h6 {
    font-size: 18px;
    line-height: 24px;
  }
}
.default_font h1, .default_font h2, .default_font h3, .default_font h4, .default_font h5, .default_font h6 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
  .default_font h1, .default_font h2, .default_font h3, .default_font h4, .default_font h5, .default_font h6 {
    margin-bottom: 30px;
  }
}
.default_font h1:last-child, .default_font h2:last-child, .default_font h3:last-child, .default_font h4:last-child, .default_font h5:last-child, .default_font h6:last-child {
  margin-bottom: 0;
}

.default_font p {
  margin-bottom: 30px;
}

.default_font p:last-child {
  margin-bottom: 0;
}

.default_font p {
  letter-spacing: -0.01em;
}

.default_font ul {
  margin-bottom: 30px;
}

.default_font ul:last-child {
  margin-bottom: 0;
}

.default_font .err_txt {
  color: #E62222;
}

.default_font ul {
  list-style: disc;
}

.default_font ul li {
  margin-bottom: 10px;
}

.default_font ul li:last-child {
  margin-bottom: 0;
}

.default_font ul li::marker {
  color: #1057E0;
}

.default_font ul, .default_font ol {
  padding-left: 18px;
}

.default_font ul li ul, .default_font ul li ol, .default_font ol li ul, .default_font ol li ol {
  padding-top: 10px;
}

.default_form input[type=text], .default_form input[type=date], .default_form input[type=password] {
  height: 50px;
  border: 1px solid #DCE0EB;
  padding: 0 20px;
  width: 100%;
  resize: none;
}

.default_form input[type=date]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1;
  display: block;
  background: url("./../img/input_cal_icon.svg") no-repeat;
  width: 20px;
  height: 20px;
  border-width: thin;
  cursor: pointer;
}

.default_form textarea {
  height: 120px;
  border: 1px solid #DCE0EB;
  padding: 10px 20px;
  width: 100%;
  resize: none;
  display: block;
}

.default_form > input, .default_form > textarea, .default_form > .select2-container--default .select2-selection--single {
  transition: 0.3s all ease;
  box-shadow: 0px 1px 1px 0px rgba(2, 21, 80, 0.02);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(2, 21, 80, 0.02);
}

.default_form > input:hover, .default_form > textarea:hover, .default_form > .select2-container--default .select2-selection--single:hover {
  border-color: #BDC3D3;
}

.default_form .myform2_tags .multi_list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.default_form .myform2_tags .multi_list li {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #DCE0EB;
  padding: 3px 5px;
  border-radius: 3px;
  margin-top: 4px;
  margin-right: 4px;
}

.default_form .myform2_tags .multi_list li span {
  position: relative;
  top: 3px;
}

.default_form .field_checkbox .field_checkbox_box > div {
  display: inline-block;
  vertical-align: top;
}

.default_form .field_checkbox .field_checkbox_box .checkbox_image_box {
  cursor: pointer;
  width: 20px;
  height: 20px;
  border: 1px solid #DCE0EB;
  position: relative;
  border-radius: 5px;
}

.default_form .field_checkbox .field_checkbox_box .checkbox_image_box > div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px auto;
  background-color: #ffffff;
}

.default_form .field_checkbox .field_checkbox_box .checkbox_image_box > div.yes {
  border-color: #1057E0;
  background-color: #1057E0;
  background-image: url("./../img/check_icon.svg");
}

.default_form .field_checkbox .field_checkbox_box .checkbox_image_box > div.yes.on {
  display: block;
}

.default_form .field_checkbox .field_checkbox_box .checkbox_image_box > div.no.on {
  display: block;
}

.default_form .field_checkbox .field_checkbox_box .field_checkbox_subtitle {
  padding-top: 10px;
}

.default_form .field_radio .field_radio_box > div {
  display: inline-block;
  vertical-align: top;
}

.default_form .field_radio .field_radio_box .radio_image_box {
  cursor: pointer;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  border: 1px solid #DCE0EB;
  position: relative;
  border-radius: 50%;
}

.default_form .field_radio .field_radio_box .radio_image_box > div {
  border-radius: 50%;
  display: none;
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 6px solid #1057E0;
}

.default_form .field_radio .field_radio_box .radio_image_box > div.on {
  display: block;
}

.default_form .field_radio .field_radio_box .field_radio_subtitle {
  display: none;
  padding-top: 10px;
}

.default_form .myform2_dropzone_box {
  border-radius: 5px;
}

.default_form .myform2_dropzone_box .dropzone_box {
  text-align: center;
  padding: 70px 0 0 0;
  cursor: pointer;
  color: #091227;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("./../img/upload_icon.svg");
}

.default_form .myform2_dropzone_box .upload_progres_bars {
  width: 100%;
}

.default_form .myform2_dropzone_box .upload_progres_bars > div {
  width: 100%;
}

.default_form .myform2_dropzone_box .upload_progres_bars > div:last-child {
  padding-bottom: 10px;
}

.default_form .myform2_dropzone_box .upload_progres_bars > div > div {
  display: inline-block;
}

.default_form .myform2_dropzone_box .upload_progres_bars > div > div.dz-filename {
  width: calc(100% - 100px);
}

.default_form .myform2_dropzone_box .upload_progres_bars > div > div.dz-size {
  width: 96px;
  text-align: right;
}

.default_form .myform2_dropzone_box .upload_progres_bars > div > div.dz-progress {
  width: 100%;
  height: 10px;
  background-color: #EDF4FF;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.default_form .myform2_dropzone_box .upload_progres_bars > div > div.dz-progress .dz-upload {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #1057E0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.default_form .myform2_dropzone_box .previewsContainer .row {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .default_form .myform2_dropzone_box .previewsContainer .row {
    padding-bottom: 0;
  }
}
.default_form .myform2_dropzone_box .previewsContainer .row:first-child {
  padding-top: 10px;
}

@media only screen and (max-width: 757px) {
  .default_form .myform2_dropzone_box .previewsContainer .row:first-child {
    padding-top: 0;
  }
}
.default_form .myform2_dropzone_box .previewsContainer .row > div {
  display: inline-block;
  vertical-align: middle;
}

.default_form .myform2_dropzone_box .previewsContainer .row > div.lp {
  display: none;
}

.default_form .myform2_dropzone_box .previewsContainer .row > div.thumb {
  width: 70px;
}

.default_form .myform2_dropzone_box .previewsContainer .row > div.thumb img {
  width: 50px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.default_form .myform2_dropzone_box .previewsContainer .row > div.name {
  padding-left: 15px;
  width: calc(100% - 120px);
}

.default_form .myform2_dropzone_box .previewsContainer .row > div.action {
  width: 50px;
  text-align: right;
}

.default_form .myform2_dropzone_box .previewsContainer .row > div.action .download {
  display: none;
}

.default_form .myform2_dropzone_box .previewsContainer .row > div.action .delete {
  cursor: pointer;
  position: relative;
  top: 2px;
  margin-right: 0;
  margin-left: auto;
}

.default_form .myform2_dropzone_box .previewsContainer .row > div.action .delete:hover {
  opacity: 0.7;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 0px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

body {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #485058;
}

body.scroll_block {
  overflow: hidden;
}

@media only screen and (max-width: 1500px) {
  body {
    font-size: 12px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px) {
  body {
    font-size: 14px;
    line-height: 22px;
  }
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-weight: 600;
  color: #091227;
}

body h1, body h2, body h3, body h4, body h5, body h6, body p, body ul, body ol, body img {
  margin: 0;
}

body ul {
  padding: 0;
  list-style: none;
}

body a {
  text-decoration: underline;
  color: #1057E0;
}

body a:hover {
  color: #0043C3;
  text-decoration: none;
}

body img {
  max-width: 100%;
  height: auto;
}

.skiplinks {
  position: absolute;
  left: 0;
  top: 0;
}

.skiplinks ul li a {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  white-space: nowrap;
  z-index: -1;
}

.skiplinks ul li a:focus {
  opacity: 1;
  z-index: 9999;
}

.skiplinks a {
  background: #000000;
  color: #ffffff;
  font-size: 16px;
  display: inline-block;
  padding: 5px 15px;
}

.page {
  overflow: hidden;
}

.lang_btn {
  display: inline-block;
  color: #ffffff !important;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none !important;
  vertical-align: bottom;
  line-height: 100px;
  color: #ffffff;
  position: relative;
  padding: 0 22.5px;
}

.lang_btn:hover:after {
  left: 0;
  width: 100%;
}

.lang_btn:after {
  content: "";
  position: absolute;
  border-bottom: 3px solid #FFB52B;
  left: 50%;
  width: 0%;
  transition: 0.3s all ease;
  bottom: -1.5px;
}

.lang_btn span {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("./../img/lang_icon.svg");
}

@media only screen and (max-width: 1200px) {
  .lang_btn {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 991px) {
  .lang_btn {
    line-height: 50px;
    display: block;
    text-align: left;
    padding: 0;
  }
}
@media only screen and (max-width: 1200px) {
  .mobile_hide3 {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .mobile_hide4 {
    display: none !important;
  }
}
.mobile_show4 {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .mobile_show4 {
    display: block !important;
  }
}
.mobile_show3 {
  display: none !important;
}

@media only screen and (max-width: 1200px) {
  .mobile_show3 {
    display: block !important;
  }
}
@media only screen and (max-width: 991px) {
  .mobile_hide2 {
    display: none !important;
  }
}
.mobile_show2 {
  display: none !important;
}

@media only screen and (max-width: 991px) {
  .mobile_show2 {
    display: block !important;
  }
}
@media only screen and (max-width: 767px) {
  .mobile_hide {
    display: none !important;
  }
}
.mobile_show {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .mobile_show {
    display: block !important;
  }
}
main.content.user_panel_content.chat .panel_chat_content {
  padding-bottom: 0;
}

main.content.user_panel_content .btn1, main.content.user_panel_content .btn2, main.content.user_panel_content .btn3, main.content.user_panel_content .add_button, main.content.user_panel_content .show_more_plan, main.content.user_panel_content .new_message {
  border-radius: 5px;
}

main.content.user_panel_content form .label {
  font-size: 12px;
  line-height: 18px;
  color: #091227;
  font-weight: 400;
  margin-bottom: 13px !important;
  display: block;
  text-align: left;
  padding: 0 !important;
}

main.content.user_panel_content form .default_form.rule label {
  margin-bottom: 0;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
  display: flex;
}

main.content.user_panel_content form .default_form label {
  font-size: 12px;
  line-height: 18px;
  color: #091227;
  font-weight: 400;
  margin-bottom: 10px;
}

main.content.user_panel_content form .default_form input, main.content.user_panel_content form .default_form textarea {
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

main.content.user_panel_content form .default_form input[type=submit], main.content.user_panel_content form .default_form textarea[type=submit] {
  padding-left: 45px;
  padding-right: 45px;
}

form .default_form .select2-container--default {
  text-align: left;
  width: 100% !important;
}

form .default_form .select2-container--default .select2-selection--single {
  border: 1px solid #DCE0EB;
  height: 50px;
  border-radius: 5px;
  color: #091227;
}

form .default_form .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
  padding: 0 15px;
  padding-right: 45px;
}

@media only screen and (max-width: 767px) {
  form .default_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 35px;
  }
}
form .default_form .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 45px;
  height: 100%;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-image: url("./../img/main_select_arr1.svg");
  background-position: right 15px center;
}

form .default_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.outline_box {
  border: 2px solid #0F66CE;
}

*:focus {
  outline: 2px auto;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 0px !important;
  outline-color: deeppink !important;
}

.panel_popup_share_cv .mCustomScrollBox:focus, .panel_popup_share .mCustomScrollBox:focus {
  outline: unset;
}

a:focus {
  text-decoration: none !important;
}

[data-whatintent=mouse] a:focus, [data-whatintent=touch] a:focus, [data-whatintent=mouse] button:focus, [data-whatintent=touch] button:focus {
  outline: none;
}

[data-what-intent=mouse] *:focus {
  outline: none;
}

[data-whatintent=mouse] *:focus, [data-whatintent=touch] *:focus {
  outline: none !important;
}

button {
  padding: 0;
  border: 0;
  display: inline-block;
  background-color: transparent;
}

iframe {
  border: 0;
}

.overtitle {
  letter-spacing: -0.01em;
  font-weight: 600;
  color: #1057E0;
}

.section_header .overtitle {
  display: inline-block;
  margin-bottom: 15px;
}

.row.inline_row > div {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg) scale(2);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
@keyframes rotating2 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg) scale(0.7);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
.page_top {
  background-color: #000000;
}

.page_top_bg {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-image: url("./../img/top_bg.jpg");
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1057E0;
  overflow: hidden;
}

.subpage_top {
  background-color: #000000;
  height: 320px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 145px;
}

.subpage_top:not(.top_with_icon) {
  margin-bottom: 80px;
}

@media only screen and (max-width: 1660px) {
  .subpage_top:not(.top_with_icon) {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1200px) {
  .subpage_top:not(.top_with_icon) {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .subpage_top:not(.top_with_icon) {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1500px) {
  .subpage_top {
    height: 220px;
  }
}
@media only screen and (max-width: 767px) {
  .subpage_top {
    height: auto;
    min-height: 220px;
  }
  .subpage_top.top_with_icon {
    height: 310px;
    padding-top: 60px;
  }
}
.subpage_top .page_top_bg {
  background-image: none;
}

.subpage_top h2 {
  color: #ffffff;
  font-size: 56px;
  line-height: 64px;
  letter-spacing: -0.04em;
}

@media only screen and (max-width: 1500px) {
  .subpage_top h2 {
    font-size: 38px;
    line-height: 46px;
  }
}
@media only screen and (max-width: 991px) {
  .subpage_top h2 {
    font-size: 34px;
    line-height: 42px;
  }
}
.subpage_top .page_top_bg .anim_shape {
  position: absolute;
}

.subpage_top .page_top_bg .anim_shape.anim_shape1 {
  left: -10%;
  bottom: -52%;
  -webkit-animation: rotating 80s linear infinite;
  -moz-animation: rotating 80s linear infinite;
  -ms-animation: rotating 80s linear infinite;
  -o-animation: rotating 80s linear infinite;
  animation: rotating 80s linear infinite;
}

.subpage_top .page_top_bg .anim_shape.anim_shape2 {
  right: 11%;
  bottom: -145%;
  -webkit-animation: rotating2 80s linear infinite;
  -moz-animation: rotating2 80s linear infinite;
  -ms-animation: rotating2 80s linear infinite;
  -o-animation: rotating2 80s linear infinite;
  animation: rotating2 80s linear infinite;
}

.page_top {
  height: 600px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 1500px) {
  .page_top {
    height: 500px;
  }
}
@media only screen and (max-width: 1200px) {
  .page_top {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .page_top {
    height: auto;
    display: block;
    padding-top: 60px;
    text-align: center;
    padding-bottom: 50vw;
  }
}
@media only screen and (max-width: 320px) {
  .page_top {
    min-height: 0;
  }
}
.page_top .page_top_img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}

@media only screen and (max-width: 320px) {
  .page_top .page_top_img {
    position: relative;
    margin-top: 40px;
  }
}
.page_top .page_top_img .image_holder {
  position: relative;
}

@media only screen and (max-width: 1500px) {
  .page_top .page_top_img .image_holder {
    text-align: right;
  }
  .page_top .page_top_img .image_holder img {
    width: 80%;
  }
}
@media only screen and (max-width: 1500px) and (max-width: 1200px) {
  .page_top .page_top_img .image_holder img {
    width: 60%;
  }
}
@media only screen and (max-width: 1500px) and (max-width: 991px) {
  .page_top .page_top_img .image_holder img {
    width: 50%;
  }
}
@media only screen and (max-width: 1500px) and (max-width: 767px) {
  .page_top .page_top_img .image_holder {
    text-align: center;
  }
  .page_top .page_top_img .image_holder img {
    width: auto;
    max-width: 70%;
  }
}
.page_top .page_top_img .image_holder .moving_element_holder {
  position: absolute;
}

@media only screen and (max-width: 1200px) {
  .page_top .page_top_img .image_holder .moving_element_holder {
    display: none;
  }
}
.page_top .page_top_img .image_holder .moving_element_holder.moving_element_holder1 {
  left: 0;
  top: 60px;
}

@media only screen and (max-width: 1500px) {
  .page_top .page_top_img .image_holder .moving_element_holder.moving_element_holder1 {
    left: 15%;
  }
}
.page_top .page_top_img .image_holder .moving_element_holder.moving_element_holder2 {
  right: 0;
  top: 187px;
  z-index: -1;
}

@media only screen and (max-width: 1500px) {
  .page_top .page_top_img .image_holder .moving_element_holder.moving_element_holder2 {
    top: 167px;
  }
}
.page_top .page_top_img .image_holder .moving_element_holder.moving_element_holder3 {
  right: 136px;
  bottom: 101px;
}

@media only screen and (max-width: 1500px) {
  .page_top .page_top_img .image_holder .moving_element_holder.moving_element_holder3 {
    bottom: 50px;
  }
}
.page_top .page_top_img .image_holder .moving_element {
  position: relative;
}

.page_top .description {
  margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
  .page_top .description {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .page_top .description .default_font br {
    display: none;
  }
}
.page_top .description .default_font h2 {
  font-size: 56px;
  line-height: 64px;
  letter-spacing: -0.04em;
}

@media only screen and (max-width: 1500px) {
  .page_top .description .default_font h2 {
    font-size: 46px;
    line-height: 54px;
  }
}
@media only screen and (max-width: 1200px) {
  .page_top .description .default_font h2 {
    font-size: 38px;
    line-height: 46px;
  }
}
@media only screen and (max-width: 991px) {
  .page_top .description .default_font h2 {
    font-size: 34px;
    line-height: 42px;
    margin-bottom: 20px;
  }
}
.free_register_info {
  padding-top: 28px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 12px;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .free_register_info {
    text-align: center;
    justify-content: center;
    flex-flow: column;
    margin-bottom: 20px;
  }
}
.free_register_info .img_side_plus {
  position: absolute;
  top: -7.5px;
  right: -9.5px;
}

.free_register_info p {
  font-weight: 700;
}

.free_register_info .img_side {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.free_register_info .img_side img:not(.img_side_plus) {
  margin-left: -10px;
}

.free_register_info .img_side img:first-child {
  margin-left: 0;
}

.page_top_btns .btn1 {
  padding-top: 13px;
  padding-bottom: 13px;
  border: 1px solid #ffffff;
}

@media only screen and (max-width: 767px) {
  .page_top_btns .btn1 {
    white-space: nowrap;
  }
}
.page_top_btns .btn1:hover {
  background-color: #ffffff;
  color: #1057E0;
}

.page_top_btns a {
  margin-right: 15px;
}

@media only screen and (max-width: 767px) {
  .page_top_btns a {
    margin-right: 0;
    margin-bottom: 15px;
    width: 191px;
    text-align: center;
    display: block;
    margin: 0 auto 15px auto !important;
  }
}
.page_top_btns a:last-child {
  margin-bottom: 0 !important;
  margin-right: 0;
}

.description.description_white .default_font {
  color: #ffffff;
}

.description.description_white .default_font * {
  color: inherit;
}

.image {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #C8DCF6;
}

.cover_mobile {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9;
  display: none;
}

#navbar_top {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.3s all ease;
  box-shadow: 0px 10px 15px rgba(2, 21, 80, 0.15);
  z-index: 9;
}

.page_header {
  z-index: 10;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 0 5vw;
  position: relative;
  white-space: nowrap;
}

.page_header .add_button {
  color: #1057E0;
  border: 2px solid #1057E0;
}

@media only screen and (max-width: 1300px) {
  .page_header .add_button {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1300px) {
  .page_header .add_button {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.page_header .add_button span {
  background-image: url("./../img/add_icon2.svg");
}

.page_header .add_button:hover {
  background-color: #1057E0 !important;
  color: #ffffff !important;
}

.page_header .add_button:hover span {
  background-image: url("./../img/add_icon.svg");
}

.page_header .btn1 {
  background-color: #ffffff;
  color: #1057E0;
}

@media only screen and (max-width: 1300px) {
  .page_header .btn1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1300px) {
  .page_header .btn1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.page_header .btn1:hover {
  background-color: #1057E0 !important;
  color: #ffffff !important;
}

.page_header.page_header_small {
  position: relative;
  background-color: #1057E0;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url("./../img/static_header_bg.svg");
}

@media only screen and (max-width: 1800px) {
  .page_header {
    padding: 0 2vw;
  }
}
@media only screen and (max-width: 1500px) {
  .page_header {
    padding: 0 1vw;
  }
}
@media only screen and (max-width: 1200px) {
  .page_header {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 991px) {
  .page_header {
    flex-wrap: wrap;
    padding: 10px 20px;
  }
  .page_header .menu {
    overflow: hidden;
    position: relative;
  }
  .page_header .menu:before {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    left: -30px;
    border-top: 1px solid #DCE0EB;
  }
  .page_header.menu_open {
    background-color: #ffffff;
  }
  .page_header.menu_open nav.menu {
    padding-top: 10px;
    margin-top: 10px;
    white-space: normal;
  }
}
@media only screen and (max-width: 767px) {
  .page_header {
    padding: 10px;
  }
}
@media only screen and (max-width: 1200px) {
  .page_header .btn1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .page_header .mobile_user_btns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .page_header .btn1 {
    border: 2px solid #1057E0;
    line-height: 36px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 350px) {
  .page_header {
    padding: 15px 5px;
  }
}
.page_header .mobile_show .btn1 {
  color: #1057E0;
}

@media only screen and (max-width: 991px) {
  .page_header > div.logo_box {
    order: 1;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) {
  .page_header > div.logo_box {
    width: auto;
  }
}
@media only screen and (max-width: 991px) {
  .page_header > div.menu_box {
    order: 3;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) and (max-width: 991px) {
  .page_header > div.menu_box {
    display: none;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .page_header > div.user_box {
    order: 2;
    width: 50%;
  }
}
@media only screen and (max-width: 991px) and (max-width: 991px) {
  .page_header > div.user_box {
    white-space: nowrap;
  }
  .page_header > div.user_box > ul {
    vertical-align: middle;
    display: inline-block;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) {
  .page_header > div.user_box {
    width: auto;
  }
}
.page_header .logo_box a {
  display: block;
  line-height: 0;
}

.page_header .logo_box > ul {
  display: flex;
}

.page_header .logo_box > ul > li {
  margin-right: 32px;
}

@media only screen and (max-width: 1500px) {
  .page_header .logo_box > ul > li {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .page_header .logo_box > ul > li {
    margin-right: 10px;
  }
}
.page_header .logo_box > ul > li:last-child {
  margin-right: 0;
}

.page_header .logo_box img {
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  height: 44px;
  width: auto;
}

@media only screen and (max-width: 1700px) {
  .page_header .logo_box img {
    height: 25px;
    width: auto;
  }
}
@media only screen and (max-width: 1200px) {
  .page_header .logo_box img {
    height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .page_header .logo_box img {
    height: 18px;
  }
}
@media only screen and (max-width: 320px) {
  .page_header .logo_box img {
    height: 15px;
  }
}
.page_header .btn1:hover {
  background-color: #ffffff;
  color: #1057E0;
}

@media only screen and (max-width: 767px) {
  .mobile_logo_holder {
    margin-top: 10px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-bottom: 5px;
    margin-left: -15px;
    width: calc(100% + 30px);
  }
}
@media only screen and (max-width: 767px) {
  .user_nav {
    overflow-x: scroll;
    margin-left: -10px;
    width: calc(100% + 20px);
  }
  .user_nav::-webkit-scrollbar-thumb {
    background: transparent;
  }
  .user_nav::-webkit-scrollbar {
    height: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .user_nav > ul {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 991px) {
  .user_nav > ul > li {
    margin-right: 20px;
  }
  .user_nav > ul > li:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .user_nav > ul > li {
    margin-right: 0;
  }
}
.menu_box .sr-only {
  color: #000000;
  background-color: #ffffff;
}

.menu_box .menu > ul {
  display: inline-block;
}

@media only screen and (max-width: 991px) {
  .menu_box .menu > ul {
    display: block;
  }
}
@media only screen and (max-width: 991px) {
  .menu_box .menu > ul > li {
    width: 100%;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .user_nav {
    margin-left: 0;
    width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .user_nav > ul > li a {
    padding: 0 15px !important;
  }
}
.menu_box .menu > ul > li, .menu_box .user_nav > ul > li {
  display: inline-block;
  vertical-align: top;
}

.menu_box .menu > ul > li > div.on a, .menu_box .user_nav > ul > li > div.on a {
  color: #1057E0;
}

.menu_box .menu > ul > li > div:hover svg path, .menu_box .menu > ul > li > div.on svg path, .menu_box .user_nav > ul > li > div:hover svg path, .menu_box .user_nav > ul > li > div.on svg path {
  fill: #FFB52B;
}

@media screen and (max-width: 320px) {
  .menu_box .menu > ul > li > div:hover > a, .menu_box .menu > ul > li > div.on > a, .menu_box .user_nav > ul > li > div:hover > a, .menu_box .user_nav > ul > li > div.on > a {
    font-size: 9.5px;
  }
}
.menu_box .menu > ul > li > div:hover > a, .menu_box .menu > ul > li > div.on > a, .menu_box .user_nav > ul > li > div:hover > a, .menu_box .user_nav > ul > li > div.on > a {
  text-decoration: none;
}

.menu_box .menu > ul > li > div:hover > a:after, .menu_box .menu > ul > li > div.on > a:after, .menu_box .user_nav > ul > li > div:hover > a:after, .menu_box .user_nav > ul > li > div.on > a:after {
  left: 0%;
  width: 100%;
}

@media screen and (max-width: 320px) {
  .menu_box .menu > ul > li > div > a, .menu_box .user_nav > ul > li > div > a {
    font-size: 9.5px;
  }
}
.menu_box .menu > ul > li > div > a, .menu_box .user_nav > ul > li > div > a {
  padding: 0 22.5px;
  line-height: 100px;
  display: block;
  font-weight: 600;
  color: #091227;
  position: relative;
  text-decoration: none;
}

@media only screen and (max-width: 1700px) {
  .menu_box .menu > ul > li > div > a, .menu_box .user_nav > ul > li > div > a {
    padding: 0 15px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 1300px) {
  .menu_box .menu > ul > li > div > a, .menu_box .user_nav > ul > li > div > a {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 1200px) {
  .menu_box .menu > ul > li > div > a, .menu_box .user_nav > ul > li > div > a {
    padding: 0 7px;
  }
}
@media only screen and (max-width: 991px) {
  .menu_box .menu > ul > li > div > a, .menu_box .user_nav > ul > li > div > a {
    line-height: 50px;
    padding: 0;
    display: inline-block;
  }
}
.menu_box .menu > ul > li > div > a:after, .menu_box .user_nav > ul > li > div > a:after {
  content: "";
  position: absolute;
  border-bottom: 3px solid #FFB52B;
  left: 50%;
  width: 0%;
  transition: 0.3s all ease;
  bottom: 0;
}

.menu_box .user_nav > ul > li {
  vertical-align: bottom;
}

.user_nav {
  text-align: center;
}

.user_nav svg {
  display: block;
  margin: 0 auto;
}

.user_nav svg path {
  transition: 0.3s all ease;
}

.user_nav a {
  text-align: center;
  line-height: 50px !important;
}

.user_nav a:hover svg path {
  fill: #FFB52B;
}

.user_nav a:after {
  bottom: 0 !important;
}

.user_box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.user_box a {
  color: #ffffff;
}

.user_box > ul > li {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

@media only screen and (max-width: 1200px) {
  .user_box > ul > li {
    margin-right: 5px;
  }
}
.user_box > ul > li:last-child {
  margin-right: 0;
}

.add_button {
  display: inline-block;
  transition: 0.3s all ease;
  color: #ffffff;
  padding: 11.5px 30px 12.5px 30px;
  font-weight: 700;
  border: 2px solid #ffffff;
  color: #ffffff;
  text-decoration: none;
}

.add_button.add_button2 {
  background-color: #1057E0;
  border-color: #1057E0;
}

.add_button.add_button2:hover {
  border-color: #0043C3;
  background-color: #0043C3;
}

@media only screen and (max-width: 1200px) {
  .add_button {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .add_button {
    padding: 6.5px 20px 7.5px 20px;
  }
}
.add_button:hover {
  text-decoration: none;
  color: #1057E0;
  background-color: #ffffff;
}

.add_button:hover span {
  background-image: url("./../img/add_icon2_blue.svg");
}

.add_button span {
  background-image: url("./../img/add_icon.svg");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.banner {
  margin-bottom: 80px;
  margin-top: 45px;
  height: 480px;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #C8DCF6;
  background-image: url("./../img/banner_bg.jpg");
  position: relative;
  background-color: #000000;
}

@media only screen and (max-width: 1500px) {
  .banner {
    height: 380px;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 1200px) {
  .banner {
    height: 300px;
  }
  .banner img {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .banner {
    height: auto;
    padding-top: 100px;
    padding-bottom: 40px;
  }
  .banner .center_lead {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .banner {
    padding-top: 105px;
  }
  .banner .btn2 {
    margin-top: 25px;
  }
}
.banner .decoration_icon {
  width: 90px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-image: url("./../img/section_icon_person_banner.svg");
}

@media only screen and (max-width: 1500px) {
  .banner .decoration_icon {
    width: 60px;
    height: 60px;
    top: -30px;
  }
}
@media only screen and (max-width: 1200px) {
  .banner .decoration_icon {
    width: 50px;
    height: 50px;
    top: -25px;
  }
}
@media only screen and (max-width: 767px) {
  .banner .decoration_icon {
    width: 90px;
    height: 90px;
    top: -45px;
  }
}
.banner .section_header {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1200px) {
  .banner .section_header {
    margin-bottom: 20px;
  }
}
.banner .section_header .default_font {
  color: #ffffff;
}

.banner .section_header .default_font * {
  color: inherit;
}

.page_footer .logo_box {
  margin-bottom: 30px;
}

.page_footer .page_footer_top {
  padding: 100px 0;
}

@media only screen and (max-width: 1500px) {
  .page_footer .page_footer_top {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .page_footer .page_footer_top {
    padding: 60px 0;
  }
}
.page_footer .page_footer_top {
  background-color: #EDF4FF;
  color: #091227;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 767px) {
  .page_footer .page_footer_top .container > .row {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
  }
  .page_footer .page_footer_top .container > .row > div {
    float: none;
    text-align: center;
  }
  .page_footer .page_footer_top .container > .row > div:nth-child(1) {
    order: 4;
    width: 100%;
    padding-top: 40px;
  }
  .page_footer .page_footer_top .container > .row > div:nth-child(2) {
    order: 1;
    width: 50%;
  }
  .page_footer .page_footer_top .container > .row > div:nth-child(3) {
    order: 2;
    width: 50%;
  }
  .page_footer .page_footer_top .container > .row > div:nth-child(4) {
    order: 3;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .page_footer .page_footer_top .container > .row > div:nth-child(4) {
    padding-top: 40px;
  }
}
.page_footer .page_footer_top .page_footer_desc {
  margin-bottom: 89px;
}

@media only screen and (max-width: 991px) {
  .page_footer .page_footer_top .page_footer_desc {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page_footer .page_footer_top .page_footer_desc {
    margin-bottom: 20px;
  }
}
.page_footer .page_footer_top .additional_text {
  padding-top: 30px;
}

.page_footer .footer_nav a {
  text-decoration: none;
  color: #091227;
  transition: 0.3s all ease;
}

.page_footer .footer_nav a:hover {
  padding-left: 20px;
}

.page_footer .footer_nav > ul > li {
  margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
  .page_footer .footer_nav > ul > li {
    margin-bottom: 15px;
  }
}
.page_footer .footer_nav > ul > li:last-child {
  margin-bottom: 0;
}

.page_footer .devs {
  color: #485058;
}

.page_footer h3 {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.01em;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .page_footer .page_footer_bottom img {
    margin-bottom: 15px;
  }
}
.page_footer .page_footer_bottom > a {
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .page_footer .page_footer_bottom > a {
    margin-right: 0;
  }
}
.page_footer .page_footer_bottom > a:hover {
  text-decoration: none !important;
}

.page_footer .page_footer_bottom > a:last-child {
  margin-right: 0;
}

.page_footer .page_footer_bottom {
  padding: 30px 0;
  text-align: center;
}

@media only screen and (max-width: 991px) {
  .page_footer .page_footer_bottom {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .page_footer .page_footer_bottom {
    padding: 20px 15px;
  }
}
.title_with_icon {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.01em;
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: left top 3px;
  background-image: url("./../img/hand_icon.svg");
}

@media only screen and (max-width: 991px) {
  .title_with_icon {
    background-image: none;
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .title_with_icon {
    background-image: url("./../img/hand_icon.svg");
    padding-left: 35px;
    display: inline-block;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_list {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .contact_list > ul {
    display: inline-block;
    text-align: left;
  }
}
.contact_list.horizontal {
  margin-bottom: 100px;
}

@media only screen and (max-width: 1500px) {
  .contact_list.horizontal {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_list.horizontal {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .contact_list.horizontal {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_list.horizontal {
    margin-bottom: 30px;
  }
}
.contact_list.horizontal > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .contact_list.horizontal > ul {
    display: block;
  }
}
.contact_list.horizontal > ul > li {
  margin-bottom: 0;
  padding-left: 120px;
  min-height: 90px;
  line-height: 90px;
}

@media only screen and (max-width: 1500px) {
  .contact_list.horizontal > ul > li {
    background-size: 60px;
    line-height: 60px;
    padding-left: 90px;
    min-height: 60px;
  }
}
@media only screen and (max-width: 1200px) {
  .contact_list.horizontal > ul > li {
    background-size: 40px;
    line-height: 40px;
    padding-left: 70px;
    min-height: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .contact_list.horizontal > ul > li {
    background-size: auto;
    padding-left: 0;
    padding-top: 120px;
    text-align: center;
    background-position: center top;
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .contact_list.horizontal > ul > li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    padding-top: 100px;
  }
}
.contact_list.horizontal > ul > li p, .contact_list.horizontal > ul > li a {
  font-weight: 600;
}

.contact_list.horizontal > ul > li.address {
  background-image: url("./../img/contact_contact_icon1.svg");
}

.contact_list.horizontal > ul > li.mail {
  background-image: url("./../img/contact_contact_icon2.svg");
}

.contact_list.horizontal > ul > li.social {
  background-image: url("./../img/contact_contact_icon3.svg");
}

.contact_list.horizontal > ul > li.phone {
  background-image: url("./../img/contact_contact_icon4.svg");
}

.contact_list > ul > li {
  padding-left: 70px;
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 50px;
  color: #091227;
  min-height: 50px;
}

@media only screen and (max-width: 991px) {
  .contact_list > ul > li {
    background-size: 30px;
    background-position: left center;
    padding-left: 50px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .contact_list > ul > li {
    background-size: 50px;
    padding-left: 70px;
    margin-bottom: 20px;
  }
  .contact_list > ul > li:last-child {
    margin-bottom: 0;
  }
}
.contact_list > ul > li a {
  text-decoration: none;
}

.contact_list > ul > li a:hover {
  text-decoration: underline;
}

.contact_list > ul > li p, .contact_list > ul > li a {
  display: inline-block;
  color: inherit;
  line-height: 22px;
}

.contact_list > ul > li {
  margin-bottom: 20px;
}

.contact_list > ul > li:last-child {
  margin-bottom: 0;
}

.contact_list > ul > li.address {
  background-image: url("./../img/contact_icon1.svg");
}

.contact_list > ul > li.mail {
  background-image: url("./../img/contact_icon2.svg");
}

.contact_list > ul > li.social {
  background-image: url("./../img/contact_icon3.svg");
}

.contact_list > ul > li.phone {
  background-image: url("./../img/contact_icon4.svg");
}

.movie {
  padding: 100px 0;
}

@media only screen and (max-width: 1500px) {
  .movie {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .movie {
    padding: 60px 0;
  }
}
.movie {
  margin-bottom: 100px;
}

@media only screen and (max-width: 1500px) {
  .movie {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .movie {
    margin-bottom: 60px;
  }
}
.movie {
  background-color: #EDF4FF;
  position: relative;
}

.movie .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.movie .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 991px) {
  .movie .mobile_show2 {
    padding-top: 15px;
  }
}
.movie:before, .movie:after {
  height: 100%;
  width: 5vw;
  position: absolute;
  top: 0;
  background-color: #ffffff;
  content: "";
}

@media only screen and (max-width: 1600px) {
  .movie:before, .movie:after {
    width: 3vw;
  }
}
@media only screen and (max-width: 1500px) {
  .movie:before, .movie:after {
    width: 2vw;
  }
}
@media only screen and (max-width: 1200px) {
  .movie:before, .movie:after {
    display: none;
  }
}
.movie:before {
  left: 0;
}

.movie:after {
  right: 0;
}

.movie .movie_holder {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 2;
  padding: 0 8vw;
}

@media only screen and (max-width: 1200px) {
  .movie .movie_holder {
    padding: 0 4vw;
  }
}
@media only screen and (max-width: 991px) {
  .movie .movie_holder {
    padding: 0 30px;
    flex-flow: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .movie .movie_holder {
    padding: 0 15px;
    flex-flow: column;
  }
}
.movie .movie_holder > div {
  flex-shrink: 0;
}

.movie .movie_holder > div.small_icon_desc {
  width: 210px;
}

@media only screen and (max-width: 991px) {
  .movie .movie_holder > div.small_icon_desc {
    margin-top: 30px;
    width: 50%;
  }
  .movie .movie_holder > div.small_icon_desc:before, .movie .movie_holder > div.small_icon_desc:after {
    display: none !important;
  }
  .movie .movie_holder > div.small_icon_desc.text-right {
    order: 2;
    padding-right: 15px !important;
  }
  .movie .movie_holder > div.small_icon_desc:not(.text-right) {
    order: 3;
    padding-left: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .movie .movie_holder > div.small_icon_desc {
    width: 100%;
  }
  .movie .movie_holder > div.small_icon_desc.text-right {
    order: 2;
    padding-right: 0 !important;
  }
  .movie .movie_holder > div.small_icon_desc:not(.text-right) {
    order: 3;
    padding-left: 0 !important;
  }
}
.movie .movie_holder > div.small_icon_desc:not(.text-right) {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1200px) {
  .movie .movie_holder > div.small_icon_desc:not(.text-right) {
    margin-bottom: 0;
  }
}
.movie .movie_holder > div.video_holder {
  padding-left: 30px;
  padding-right: 30px;
  width: calc(100% - 420px);
}

@media only screen and (max-width: 991px) {
  .movie .movie_holder > div.video_holder {
    padding: 0;
    width: 100%;
    order: 1;
  }
}
.movie .movie_holder .small_icon_desc {
  position: relative;
  z-index: 2;
}

.movie .movie_holder .small_icon_desc:not(.text-right) {
  text-align: left;
}

.movie .movie_holder .small_icon_desc:not(.text-right):before {
  bottom: calc(100% + 10px);
  right: calc(100% - 15px);
  position: absolute;
  content: url("./../img/arrow1.svg");
}

.movie .movie_holder .small_icon_desc.text-right {
  text-align: right;
}

.movie .movie_holder .small_icon_desc.text-right:after {
  top: calc(100% + 10px);
  left: calc(100% - 15px);
  position: absolute;
  content: url("./../img/arrow2.svg");
}

.movie .movie_holder.movie_active .video {
  opacity: 1 !important;
}

.movie .movie_holder:hover .video {
  opacity: 0.5;
}

.movie .video {
  opacity: 0.7;
  height: 520px;
  width: 930px;
  margin: 0 auto;
  display: block;
  object-fit: cover;
  transition: 0.3s all ease;
}

@media only screen and (max-width: 1500px) {
  .movie .video {
    height: 420px;
    width: 830px;
  }
}
@media only screen and (max-width: 1200px) {
  .movie .video {
    height: 320px;
    width: 730px;
  }
}
@media only screen and (max-width: 767px) {
  .movie .video {
    width: 100%;
  }
}
.movie .movie_button_holder {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.movie .movie_button_holder > div {
  width: 100%;
}

.movie_btn {
  font-weight: 600;
  font-size: 38px;
  line-height: 46px;
  color: #ffffff;
  padding-top: 90px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("./../img/play_icon.svg");
}

@media only screen and (max-width: 1500px) {
  .movie_btn {
    font-size: 30px;
    line-height: 38px;
    padding-top: 70px;
  }
}
@media only screen and (max-width: 1200px) {
  .movie_btn {
    font-size: 22px;
    line-height: 32px;
  }
}
.small_icon_desc {
  padding-top: 34px;
  background-repeat: no-repeat;
  color: #091227;
  background-position: left top;
}

@media only screen and (max-width: 991px) {
  .small_icon_desc {
    background-position: center top !important;
    font-size: 14px;
    line-height: 22px;
    text-align: center !important;
  }
}
.small_icon_desc.text-right {
  background-position: right top;
}

.element_list.flex_list > ul {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}

.element_list.flex_list > ul > li > a, .element_list.flex_list > ul > li > article {
  display: block;
}

.element_list.flex_list > ul > li article {
  height: 100%;
}

.element_list.one_in_row > ul > li {
  width: 100%;
}

.element_list.three_in_row > ul > li {
  width: 33.33%;
}

@media only screen and (max-width: 767px) {
  .element_list.three_in_row > ul > li {
    width: 100%;
  }
}
.element_list > ul {
  margin: 0 -15px;
}

.element_list > ul > li {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  margin-bottom: 30px;
  width: 25%;
}

@media only screen and (max-width: 991px) {
  .element_list > ul > li {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .element_list > ul > li {
    width: 100%;
    margin-bottom: 40px;
  }
}
.element_list > ul > li a {
  text-decoration: none;
}

.element_list > ul > li:hover a {
  text-decoration: none;
}

.shortcuts {
  padding: 80px 0 50px 0;
}

@media only screen and (max-width: 1500px) {
  .shortcuts {
    padding: 50px 0 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .shortcuts {
    padding: 40px 0 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .shortcuts .element_list > ul > li {
    width: 50%;
  }
}
.shortcut_box > div {
  display: inline-block;
  vertical-align: middle;
}

.shortcut_box > div.icon_side {
  width: 90px;
  height: 90px;
  position: relative;
}

@media only screen and (max-width: 1500px) {
  .shortcut_box > div.icon_side {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1200px) {
  .shortcut_box > div.icon_side {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .shortcut_box > div.icon_side {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    display: block;
  }
}
.shortcut_box > div.icon_side .image {
  transition: 0.3s all ease;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.shortcut_box > div.desc_side {
  padding-left: 30px;
  width: calc(100% - 90px);
}

@media only screen and (max-width: 1500px) {
  .shortcut_box > div.desc_side {
    width: calc(100% - 60px);
    padding-left: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .shortcut_box > div.desc_side {
    width: calc(100% - 40px);
    padding-left: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .shortcut_box > div.desc_side {
    padding-left: 0;
    width: 100%;
    text-align: center;
    padding-top: 20px;
  }
}
.shortcut_box > div.desc_side .default_font {
  color: #091227;
  font-weight: 600;
}

.shortcut_box > div.desc_side .default_font p {
  font-weight: inherit;
}

.article_box.svg .image_side {
  background-color: transparent !important;
}

.article_box.svg .image_side .image {
  background-color: transparent !important;
  background-size: contain !important;
}

.article_box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 991px) {
  .article_box {
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .article_box {
    flex-flow: column;
  }
}
.article_box .description {
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .article_box .default_font br {
    display: none;
  }
}
.article_box .default_font h3 {
  margin-bottom: 30px;
}

.article_box > div {
  width: 50%;
}

@media only screen and (max-width: 767px) {
  .article_box > div {
    align-items: start;
    width: 100%;
  }
}
.article_box > div.image_side {
  position: relative;
  height: 0;
  padding-bottom: 31.206%;
  background-color: #000000;
}

@media only screen and (max-width: 767px) {
  .article_box > div.image_side {
    order: 1;
    padding-bottom: 236px;
  }
}
.article_box > div.image_side .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
}

.article_box > div.image_side .image_text {
  color: #ffffff;
  font-size: 20px;
  line-height: 23px;
  font-weight: 600;
  position: absolute;
  z-index: 2;
  padding: 30px;
  bottom: 0;
}

.article_box > div.desc_side {
  padding-right: 90px;
}

@media only screen and (max-width: 991px) {
  .article_box > div.desc_side {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .article_box > div.desc_side {
    order: 2;
    padding-right: 0;
    padding-top: 30px;
  }
}
.articles {
  margin-bottom: 145px;
}

@media only screen and (max-width: 1500px) {
  .articles {
    margin-bottom: 100px;
  }
}
.articles .element_list > ul > li {
  margin-bottom: 100px;
}

@media only screen and (max-width: 1500px) {
  .articles .element_list > ul > li {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .articles .element_list > ul > li {
    margin-bottom: 60px;
  }
}
.articles .element_list > ul > li:nth-child(odd) .article_box .image_side .image_text {
  right: 0;
}

.articles .element_list > ul > li:nth-child(even) .article_box .desc_side {
  order: 2;
  padding-right: 0;
  padding-left: 90px;
}

@media only screen and (max-width: 991px) {
  .articles .element_list > ul > li:nth-child(even) .article_box .desc_side {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .articles .element_list > ul > li:nth-child(even) .article_box .desc_side {
    padding-left: 0;
  }
}
.articles .element_list > ul > li:nth-child(even) .article_box .image_side {
  order: 1;
}

.articles .element_list > ul > li:nth-child(even) .article_box .image_side .image_text {
  left: 0;
}

.articles .element_list > ul > li:last-child {
  margin-bottom: 0;
}

.person_holder {
  height: 346px;
  width: 300px;
  position: relative;
  margin: 0 auto;
  transform-style: preserve-3d;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
  .person_holder {
    height: 296px;
    width: 250px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .person_holder {
    height: 340px;
    width: 100%;
  }
}
.person_holder > div {
  transition: 0.3s all ease;
}

.person_holder:hover .person {
  transform: translateZ(25px);
}

.person_holder:hover .person_age {
  transform: translateZ(50px);
}

.person_holder .person {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: auto 100%;
  z-index: 2;
}

.person_holder .person_bg {
  height: 300px;
  width: 100%;
  position: absolute;
  background-size: auto 100%;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: bottom center;
}

@media only screen and (max-width: 1500px) {
  .person_holder .person_bg {
    height: 250px;
  }
}
.person_holder .person_age {
  position: absolute;
  left: 0;
  bottom: 57.5px;
  text-align: center;
  width: 100%;
  z-index: 3;
}

.person_holder .person_age p {
  background-color: #F3F0FE;
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  line-height: 35px;
  padding: 0 20px;
  box-shadow: 0px 10px 15px rgba(2, 21, 80, 0.15);
  border: 2px solid #ffffff;
  border-radius: 17.5px;
  color: #1057E0;
}

.person_box:hover .btn1 {
  background-color: #0043C3;
}

.person_box .person_desc {
  text-align: center;
  color: #485058;
}

.person_box .person_desc h3 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
  color: #091227;
  margin-bottom: 15px;
}

.person_box .person_desc p:not(.btn1) {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1500px) {
  .person_box .person_desc p:not(.btn1) {
    margin-bottom: 20px;
  }
}
.example_portfolio {
  min-height: 480px;
  position: relative;
  padding: 100px 0 70px 0;
}

.example_portfolio .section_header h2 {
  font-size: 38px;
  line-height: 46px;
}

@media only screen and (max-width: 1500px) {
  .example_portfolio .section_header h2 {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 1200px) {
  .example_portfolio .section_header h2 {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .example_portfolio .section_header h2 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.02em;
  }
}
@media only screen and (max-width: 1500px) {
  .example_portfolio {
    padding: 80px 0 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .example_portfolio {
    margin-left: -15px;
    width: calc(100% + 30px);
  }
  .example_portfolio div.element_list.three_in_row {
    overflow-x: scroll;
    white-space: nowrap;
  }
  .example_portfolio div.element_list.three_in_row > ul > li {
    width: 70%;
  }
}
.example_portfolio > ul > li {
  margin-bottom: 0;
}

.example_portfolio .banner_frame_bars {
  z-index: 2;
}

.example_portfolio .section_header {
  text-align: center;
  margin-bottom: 60px;
}

@media only screen and (max-width: 1500px) {
  .example_portfolio .section_header {
    margin-bottom: 40px;
  }
}
.example_portfolio .section_header .default_font {
  color: #ffffff;
}

.example_portfolio .section_header .default_font * {
  color: inherit;
}

.example_portfolio .container {
  position: relative;
  z-index: 2;
}

.example_portfolio .decoration_icon {
  z-index: 3;
  width: 90px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-image: url("./../img/section_icon_portfolio.svg");
}

.example_portfolio:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  height: 480px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("./../img/portfolio_example_bg.jpg");
}

@media only screen and (max-width: 1500px) {
  .example_portfolio:after {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .example_portfolio:after {
    height: 365px;
  }
}
.contact, .about_project, .project_details {
  position: relative;
  padding: 145px 0 100px 0;
  margin-top: -145px;
}

@media only screen and (max-width: 1500px) {
  .contact, .about_project, .project_details {
    padding-top: 100px;
    padding-bottom: 80px;
    margin-top: -140px;
  }
}
@media only screen and (max-width: 1200px) {
  .contact, .about_project, .project_details {
    padding-bottom: 60px;
    margin-top: -145px;
  }
}
@media only screen and (max-width: 767px) {
  .contact, .about_project, .project_details {
    padding-top: 80px;
  }
}
.contact .logo_holder, .about_project .logo_holder, .project_details .logo_holder {
  top: -45px;
  left: 0;
  width: 100%;
  text-align: center;
  position: absolute;
}

.contact .logo_holder > div, .about_project .logo_holder > div, .project_details .logo_holder > div {
  box-shadow: 0px 0px 30px rgba(2, 21, 80, 0.05);
  background-color: #ffffff;
  padding: 20px 29px 19px 29px;
  display: inline-block;
}

.contact .logo_holder img, .about_project .logo_holder img, .project_details .logo_holder img {
  height: 50px;
  width: auto;
}

@media only screen and (max-width: 1500px) {
  .contact .logo_holder img, .about_project .logo_holder img, .project_details .logo_holder img {
    height: 40px;
  }
}
@media only screen and (max-width: 1200px) {
  .contact .logo_holder img, .about_project .logo_holder img, .project_details .logo_holder img {
    height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact .logo_holder img, .about_project .logo_holder img, .project_details .logo_holder img {
    height: 50px;
  }
}
.form_content {
  padding-top: 45px;
}

@media only screen and (max-width: 767px) {
  .form_content {
    padding-top: 30px;
  }
}
.form_content .row {
  margin-bottom: 20px;
}

.form_content .row:last-child {
  margin-bottom: 0;
}

.split_lead {
  margin-bottom: 100px;
}

@media only screen and (max-width: 1500px) {
  .split_lead {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .split_lead {
    margin-bottom: 60px;
  }
}
.split_lead h1, .split_lead h2, .split_lead h3, .split_lead h4, .split_lead h5, .split_lead h6 {
  letter-spacing: -0.03em;
}

.split_lead .row {
  margin: 0 -35px;
}

@media only screen and (max-width: 991px) {
  .split_lead .row {
    margin: 0 -15px;
  }
}
.split_lead .row > div {
  padding: 0 35px;
}

@media only screen and (max-width: 991px) {
  .split_lead .row > div {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .split_lead .row > div {
    margin-bottom: 40px;
  }
  .split_lead .row > div:last-child {
    margin-bottom: 0;
  }
}
.contact_form {
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  box-shadow: 0px 0px 30px rgba(2, 21, 80, 0.05);
  min-height: 661px;
}

@media only screen and (max-width: 991px) {
  .contact_form .form_content input[type=submit] {
    width: 100%;
  }
  .contact_form .form_content > .row.inline_row {
    text-align: center;
  }
  .contact_form .form_content > .row.inline_row > div {
    width: 100%;
  }
  .contact_form .form_content > .row.inline_row > div.text-right {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_form {
    margin-left: -15px;
    width: calc(100% + 30px);
    display: block;
  }
  .contact_form .form_top .row {
    margin: 0;
  }
  .contact_form .form_top .row.inline_row > div {
    padding: 0;
    display: inline-block;
  }
  .contact_form .form_top .row.inline_row > div br {
    display: none;
  }
  .contact_form .form_top .row.inline_row > div:first-child {
    width: calc(100% - 132px);
  }
  .contact_form .form_top .row.inline_row > div:last-child {
    width: 132px;
    padding-left: 20px;
  }
  .contact_form .form_top .row.inline_row > div:last-child img {
    width: 100%;
    height: auto;
  }
}
.contact_form > div.contact_data_side {
  width: 58%;
  padding: 40px 45px;
}

@media only screen and (max-width: 1200px) {
  .contact_form > div.contact_data_side {
    width: 50%;
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_form > div.contact_data_side {
    width: 100%;
  }
}
.contact_form > div.map_side {
  width: 42%;
  position: relative;
}

@media only screen and (max-width: 1200px) {
  .contact_form > div.map_side {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .contact_form > div.map_side {
    width: 100%;
    height: 390px;
  }
}
.contact_form > div.map_side iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.contact_form .form_top img {
  height: 30px;
  width: auto;
}

label {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.01em;
  color: #091227;
  margin-bottom: 10px;
  font-weight: 400;
}

.err_txt {
  font-size: 10px;
  line-height: 14px;
  color: #ffffff;
  font-weight: 600;
  padding: 5px 10px;
  display: inline-block;
  background-color: #E62222;
  position: relative;
  margin-top: 10px;
}

.err_txt:before {
  content: "";
  left: 5px;
  width: 10px;
  height: 5px;
  background-color: #E62222;
  bottom: calc(100% - 1px);
  position: absolute;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.account_form_holder .logout_accept_rules {
  width: 100%;
  margin-top: 2vh;
  display: flex;
  align-items: center;
  align-content: center;
  text-align: center;
  justify-content: center;
  padding: 1vh;
}

.account_form_holder input {
  background-repeat: no-repeat;
  background-position: left 15px center;
  padding-left: 43px !important;
}

.account_form_holder input input[type=text]:not(.input_date):not(.input_date_clear) {
  background-image: url("./../img/login_icon.svg");
}

.account_form_holder input[type=password] {
  background-image: url("./../img/password_icon.svg");
}

.account_form_holder form fieldset > .row {
  margin-bottom: 20px;
}

.account_form_holder form fieldset > .row:last-child {
  margin-bottom: 0;
}

.limitations {
  padding-top: 10px;
  color: #485058;
  font-size: 12px;
  line-height: 18px;
}

.panel_settings_form input[type=text] {
  background-image: none !important;
}

.panel_settings_form .password_box .default_form {
  border-radius: 5px;
  overflow: hidden;
}

.password_box .default_form {
  border: 1px solid #DCE0EB;
}

.password_box .default_form input, .password_box .default_form button {
  border: 0;
  display: inline-block;
  vertical-align: top;
  height: 50px;
  margin-right: -4px;
}

.password_box .default_form input {
  width: calc(100% - 50px);
}

.password_box .default_form button {
  transition: 0.3s all ease;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/eye_icon1.svg");
  background-size: 18px !important;
}

.password_box .default_form button:hover {
  background-color: #EDF4FF;
}

.password_box .default_form button.password_visible {
  background-image: url("./../img/eye_icon2.svg");
}

.default_form.rule {
  padding: 10px 0;
}

.default_form.rule > div {
  display: inline-block;
  vertical-align: top;
}

.default_form.rule > div.check_desc {
  color: #091227;
  width: calc(100% - 20px);
  padding-left: 10px;
}

.default_form.rule > div.check_desc label {
  margin-bottom: 0;
}

.default_form input[type=submit] {
  display: inline-block;
  transition: 0.3s all ease;
  color: #ffffff;
  padding: 13.5px 30px 14.5px 30px;
  background-color: #1057E0;
  font-weight: 700;
  border: 0;
}

.default_form input[type=submit]:hover, .default_form input[type=submit].hover {
  background-color: #0043C3;
  text-decoration: none;
  color: #ffffff;
}

.banner_frame_bars {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.banner_frame_bars:before, .banner_frame_bars:after {
  content: "";
  position: absolute;
  top: 0;
  width: 5vw;
  height: 100%;
  background-color: #ffffff;
}

@media only screen and (max-width: 1600px) {
  .banner_frame_bars:before, .banner_frame_bars:after {
    width: 3vw;
  }
}
@media only screen and (max-width: 1500px) {
  .banner_frame_bars:before, .banner_frame_bars:after {
    width: 2vw;
  }
}
@media only screen and (max-width: 1200px) {
  .banner_frame_bars:before, .banner_frame_bars:after {
    display: none;
  }
}
.banner_frame_bars:before {
  left: 0;
}

.banner_frame_bars:after {
  right: 0;
}

.banner .default_font a, .banner .overtitle a {
  color: #ffffff;
  text-decoration: underline;
}

.banner .default_font a:hover, .banner .overtitle a:hover {
  text-decoration: none;
  color: #ffffff;
}

.about_banner {
  margin-top: 45px;
  padding: 110px 0 60px 0;
  min-height: 467px;
  background-color: #1057E0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/about_banner_bg.svg");
  position: relative;
  color: #ffffff;
  margin-bottom: 100px;
}

@media only screen and (max-width: 1500px) {
  .about_banner {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .about_banner {
    margin-bottom: 60px;
  }
}
.about_banner {
  background-size: cover;
}

.about_banner a {
  color: #ffffff;
  text-decoration: underline;
}

.about_banner a:hover {
  text-decoration: none;
  color: #ffffff;
}

@media only screen and (max-width: 1500px) {
  .about_banner {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 1200px) {
  .about_banner {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .about_banner {
    padding-bottom: 20px;
  }
  .about_banner .info_box {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .about_banner {
    padding-top: 85px;
  }
}
.about_banner .decoration_icon {
  z-index: 3;
  width: 90px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-image: url("./../img/section_icon_portfolio.svg");
}

@media only screen and (max-width: 1500px) {
  .about_banner .decoration_icon {
    width: 60px;
    height: 60px;
    top: -30px;
  }
}
@media only screen and (max-width: 1200px) {
  .about_banner .decoration_icon {
    width: 50px;
    height: 50px;
    top: -25px;
  }
}
@media only screen and (max-width: 767px) {
  .about_banner .decoration_icon {
    width: 90px;
    height: 90px;
    top: -45px;
  }
}
.about_banner .container {
  position: relative;
  z-index: 2;
}

.about_banner .container .row {
  margin: 0 -35px;
  margin-bottom: 60px;
}

@media only screen and (max-width: 991px) {
  .about_banner .container .row {
    margin-bottom: 40px;
  }
}
.about_banner .container .row:last-child {
  margin-bottom: 0;
}

.about_banner .container .row > div {
  padding: 0 35px;
}

.about_banner .description {
  text-align: center;
}

.about_banner .default_font {
  color: #ffffff;
}

.about_banner .default_font * {
  color: inherit;
}

.info_box {
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url("./../img/info_icon.svg");
}

.flex_list .element_item p {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.knowledge_base_items .text-center {
  padding-top: 10px;
}

@media only screen and (max-width: 1500px) {
  .knowledge_base_items .text-center {
    padding-top: 0;
  }
}
.knowledge_base_items .container:last-child {
  margin-bottom: 150px;
}

@media only screen and (max-width: 1500px) {
  .knowledge_base_items .container:last-child {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .knowledge_base_items .container:last-child {
    margin-bottom: 105px;
  }
}
.knowledge_base_items .container > .row {
  margin-bottom: 75px;
}

@media only screen and (max-width: 1500px) {
  .knowledge_base_items .container > .row {
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .knowledge_base_items .container > .row {
    margin-bottom: 20px;
  }
}
.knowledge_base_items .container > .row:last-child {
  margin-bottom: 0;
}

.knowledge_base_items .element_list.three_in_row > ul {
  margin: 0 -30px;
}

.knowledge_base_items .element_list.three_in_row > ul > li {
  padding: 0 30px;
}

.element_item.knowledge_base_item {
  position: relative;
  padding-bottom: 80px;
}

.element_item.knowledge_base_item .element_item_bottom .knowledge_base_item_title {
  min-height: 138px;
}

@media only screen and (max-width: 1500px) {
  .element_item.knowledge_base_item .element_item_bottom .knowledge_base_item_title {
    min-height: 110px;
  }
}
@media only screen and (max-width: 1200px) {
  .element_item.knowledge_base_item .element_item_bottom .knowledge_base_item_title {
    min-height: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .element_item.knowledge_base_item .element_item_bottom .knowledge_base_item_title {
    min-height: 0;
  }
}
@media only screen and (max-width: 767px) {
  .element_item.knowledge_base_item {
    text-align: center;
  }
}
.element_item.knowledge_base_item .btn1 {
  position: absolute;
  left: 0;
  bottom: 0;
}

@media only screen and (max-width: 767px) {
  .element_item.knowledge_base_item .btn1 {
    right: 0;
    margin: 0 auto;
    width: 133px;
  }
}
.element_item.article_item .element_item_top {
  position: relative;
  height: 210px;
}

@media only screen and (max-width: 1500px) {
  .element_item.article_item .element_item_top {
    height: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .element_item.article_item .element_item_top {
    height: 235px;
  }
}
.element_item.article_item .element_item_top .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.element_item.article_item .element_item_bottom {
  position: relative;
  height: calc(100% - 210px);
  padding-bottom: 110px !important;
}

.element_item.article_item .element_item_bottom .context_title {
  min-height: 56px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1500px) {
  .element_item.article_item .element_item_bottom {
    height: calc(100% - 180px);
  }
}
@media only screen and (max-width: 767px) {
  .element_item.article_item .element_item_bottom {
    height: auto !important;
    padding-bottom: 0 !important;
  }
}
.element_item.article_item .text-left {
  position: absolute;
  bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .element_item.article_item .text-left {
    position: relative;
    padding-bottom: 20px !important;
    bottom: 0;
    right: 0;
    padding-top: 20px;
  }
}
.element_item.article_item .default_font {
  font-size: 14px;
  line-height: 22px;
}

.element_item.article_item .default_font h3 {
  letter-spacing: -0.01em;
  color: #091227;
  font-size: 18px;
  line-height: 28px;
}

.element_item.article_item .element_item_bottom {
  border: 1px solid #DCE0EB;
  padding: 26px 20px 20px 20px;
}

@media only screen and (max-width: 767px) {
  .element_item.article_item .element_item_bottom {
    padding: 20px;
  }
}
.more_btn {
  display: inline-block;
  line-height: 50px;
  padding: 0 30px;
  color: #091227;
  transition: 0.3s all ease;
  background-color: #EDF4FF;
  font-weight: 700;
}

.more_btn:hover {
  background-color: #FFB52B;
}

.text_page_holder {
  padding: 0 7.742%;
}

@media only screen and (max-width: 991px) {
  .text_page_holder {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .text_page_holder .lead_title {
    text-align: center;
  }
}
.lead_desc {
  margin-bottom: 49px;
}

.lead_title {
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .lead_title {
    margin-bottom: 30px;
  }
}
.lead_title h3 {
  letter-spacing: -0.02em;
  font-size: 30px;
  line-height: 38px;
}

@media only screen and (max-width: 1500px) {
  .lead_title h3 {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 1200px) {
  .lead_title h3 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .lead_title h3 {
    font-size: 22px;
    line-height: 26px;
  }
}
.toggle_box {
  padding-bottom: 45px;
  margin-bottom: 49px;
  border-bottom: 3px solid #DCE0EB;
}

@media only screen and (max-width: 1200px) {
  .toggle_box {
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
}
.toggle_box.active .toggle_box_top {
  color: #1057E0;
  background-image: url("./../img/toggle_arr2.svg");
}

.toggle_box .toggle_box_top {
  color: #091227;
  text-align: left;
  width: 100%;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 30px;
  line-height: 38px;
  background-repeat: no-repeat;
  background-position: right top 15px;
  background-image: url("./../img/toggle_arr1.svg");
  transition: 0.3s all ease;
}

@media only screen and (max-width: 1500px) {
  .toggle_box .toggle_box_top {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 1200px) {
  .toggle_box .toggle_box_top {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .toggle_box .toggle_box_top {
    font-size: 22px;
    line-height: 26px;
    background-position: right top 5px;
    padding-right: 20px;
  }
}
.toggle_box .toggle_box_bottom {
  display: none;
  padding-top: 41px;
}

@media only screen and (max-width: 991px) {
  .toggle_box .toggle_box_bottom {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .toggle_box .toggle_box_bottom {
    padding-top: 15px;
  }
}
@keyframes anim1 {
  0% {
    top: 0;
  }
  50% {
    top: -30px;
  }
  100% {
    top: 0;
  }
}
@keyframes anim2 {
  0% {
    top: 0;
  }
  50% {
    top: 30px;
  }
  100% {
    top: 0;
  }
}
@keyframes anim3 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
@media only screen and (max-width: 767px) {
  .panel_chat_content {
    padding: 30px 10px !important;
  }
  .panel_chat_content .panel_section_header_holder {
    display: flex;
  }
  .panel_chat_content .panel_section_header_holder .right_side {
    padding-top: 0;
  }
}
.panel_chat_content .mCSB_scrollTools {
  opacity: 1 !important;
}

.panel_chat_content .mCSB_draggerRail {
  background-color: transparent !important;
}

.mCSB_scrollTools {
  width: 3px;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #DCE0EB;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 3px;
  background-color: #BDC3D3 !important;
}

.register_done {
  height: 100vh;
}

.register_done .account_form_holder {
  width: 50% !important;
}

@media only screen and (max-width: 767px) {
  .register_done .account_form_holder {
    width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .register_done .password_remind_confirm {
    padding-top: 10px;
  }
}
.register_done .password_remind_confirm h3 {
  padding-top: 90px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("./../img/confirm_icon.svg");
}

@media only screen and (max-width: 767px) {
  .register_done .password_remind_confirm h3 {
    padding-top: 80px;
  }
}
.register_done .password_remind_confirm .btn1 {
  border-radius: 5px;
  text-align: center;
  width: 75%;
}

.account_frame {
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  overflow: hidden;
}

.account_frame:has(.guardian_confirmation_holder) {
  display: block !important;
}

.account_frame:has(.guardian_confirmation_holder) .account_frame_right_side {
  padding-top: 13%;
  height: 100%;
  overflow-y: scroll;
  display: block !important;
}

.account_frame.register_page input[type=date], .account_frame.account_frame_register_step3 input[type=date] {
  display: block;
  width: 190px;
  padding-left: 20px !important;
}

@media only screen and (max-width: 991px) {
  .account_frame.register_page input[type=date], .account_frame.account_frame_register_step3 input[type=date] {
    width: 100%;
  }
}
.account_frame.register_page .account_frame_right_side, .account_frame.account_frame_register_step3 .account_frame_right_side {
  padding: 100px 0;
}

.account_frame.login_page .account_frame_right_side {
  padding: 131px 0 100px 0;
}

.account_frame.account_frame_register_step1 .account_frame_right_side {
  display: block;
  padding-top: 107px;
}

.account_frame.account_frame_register_step1 .account_frame_right_side {
  display: block;
  padding-top: 107px;
  overflow-y: scroll;
}

.account_frame.account_frame_register_step1 .account_frame_right_side::-webkit-scrollbar {
  width: 6px;
}

.account_frame.account_frame_register_step1 .account_frame_right_side::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
  cursor: pointer;
}

.account_frame.account_frame_register_step3 .account_frame_right_side {
  display: block;
  padding-top: 107px;
}

.account_frame.register_page .account_frame_right_side, .account_frame.login_page .account_frame_right_side {
  display: block;
  overflow-y: scroll;
}

.account_frame.register_page .account_frame_right_side::-webkit-scrollbar, .account_frame.login_page .account_frame_right_side::-webkit-scrollbar {
  width: 3px;
}

.account_frame.register_page .account_frame_right_side::-webkit-scrollbar-thumb, .account_frame.login_page .account_frame_right_side::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
}

@media only screen and (max-width: 991px) {
  .account_frame.register_page .account_frame_right_side, .account_frame.login_page .account_frame_right_side {
    padding: 0;
    overflow: visible;
  }
}
@media only screen and (max-width: 991px) {
  .account_frame {
    height: auto;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .account_frame .return_btn {
    margin-top: 10px;
  }
}
.account_frame.login .account_frame_right_side {
  display: block;
  padding-top: 121px;
  margin-bottom: 45px;
}

@media only screen and (max-width: 991px) {
  .account_frame.login .account_frame_right_side {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .account_frame.login .account_frame_right_side {
    margin-bottom: 0;
  }
}
.account_frame.register .account_frame_right_side {
  display: block;
  padding-top: 121px;
  margin-bottom: 45px;
}

@media only screen and (max-width: 991px) {
  .account_frame.register .account_frame_right_side {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .account_frame.register .account_frame_right_side {
    margin-bottom: 0;
  }
}
.account_frame.password_remind_confirm {
  height: 100vh;
}

@media only screen and (max-width: 767px) {
  .account_frame.password_remind_confirm {
    padding-top: 10px;
  }
}
.account_frame.password_remind_confirm h3 {
  padding-top: 90px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("./../img/confirm_icon.svg");
}

@media only screen and (max-width: 767px) {
  .account_frame.password_remind_confirm h3 {
    padding-top: 80px;
  }
}
.account_frame.password_remind_confirm .btn1 {
  text-align: center;
  width: 100%;
  margin-top: 45px;
}

.account_frame .left_side_desc {
  height: 100%;
  position: relative;
  z-index: 5;
  text-align: center;
  color: #ffffff;
  padding-top: 2.34375vw;
}

@media only screen and (max-width: 991px) {
  .account_frame .left_side_desc {
    padding: 50px 0;
  }
}
.account_frame .left_side_desc img {
  margin-bottom: 2.34375vw;
}

.account_frame .left_side_desc h2 {
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 0.78125vw;
}

@media only screen and (max-width: 1500px) {
  .account_frame .left_side_desc h2 {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 1200px) {
  .account_frame .left_side_desc h2 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .account_frame .left_side_desc h2 {
    font-size: 22px;
    line-height: 26px;
  }
}
.account_frame .left_side_desc p, .account_frame .left_side_desc h2 {
  color: inherit;
}

.account_frame .account_form_holder {
  margin: 0 auto 50px auto;
  width: 450px;
}

@media only screen and (max-width: 767px) {
  .account_frame .account_form_holder {
    width: 100%;
    padding: 0 15px;
  }
}
.account_frame > div.account_frame_left_side {
  display: flex;
  flex-flow: column;
  width: 40%;
  background-color: #1057E0;
  position: relative;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
}

.account_frame > div.account_frame_left_side.anim_stop:before, .account_frame > div.account_frame_left_side.anim_stop:after {
  animation: none;
}

@media only screen and (max-width: 1200px) {
  .account_frame > div.account_frame_left_side {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .account_frame > div.account_frame_left_side > div {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .account_frame > div.account_frame_left_side {
    width: 100%;
    margin-bottom: 50px;
    position: relative;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .account_frame > div.account_frame_left_side {
    display: none;
    margin-bottom: 20px;
  }
}
.account_frame > div.account_frame_left_side:before, .account_frame > div.account_frame_left_side:after {
  content: url("./../img/account_frame_shape1.svg");
  position: absolute;
  top: -38px;
  left: -551px;
  -webkit-animation: rotating 80s linear infinite;
  -moz-animation: rotating 80s linear infinite;
  -ms-animation: rotating 80s linear infinite;
  -o-animation: rotating 80s linear infinite;
  animation: rotating 80s linear infinite;
}

.account_frame > div.account_frame_left_side .image_holder {
  flex-grow: 1;
  position: relative;
  bottom: 0;
  width: 63%;
  left: 0;
  right: 0;
  margin: 0 9% 0 auto;
  height: 30.8541666667vw;
  z-index: 2;
}

@media only screen and (min-width: 1921px) {
  .account_frame > div.account_frame_left_side .image_holder {
    max-height: 65.8541666667vh;
  }
}
@media only screen and (max-width: 1500px) {
  .account_frame > div.account_frame_left_side .image_holder {
    height: 25.8541666667vw;
  }
}
@media only screen and (max-width: 1200px) {
  .account_frame > div.account_frame_left_side .image_holder {
    display: none;
  }
}
.account_frame > div.account_frame_left_side .image_holder .moving_element_holder {
  position: absolute;
}

.account_frame > div.account_frame_left_side .image_holder .moving_element_holder.anim1 {
  bottom: 18.197917vw;
  left: 10vw;
}

.account_frame > div.account_frame_left_side .image_holder .moving_element_holder.anim1 img {
  position: relative;
  width: 12.09375vw;
  animation: anim1 5s infinite;
}

.account_frame > div.account_frame_left_side .image_holder .moving_element_holder.anim2 {
  left: -2.5vw;
  bottom: 7.9vw;
  z-index: -1;
}

.account_frame > div.account_frame_left_side .image_holder .moving_element_holder.anim2 img {
  display: none;
  width: 5.5vw;
  animation: anim2 5s infinite;
}

.account_frame > div.account_frame_left_side .image_holder .moving_element_holder.anim3 {
  left: 14.7vw;
  bottom: 5.3125vw;
  z-index: -1;
}

.account_frame > div.account_frame_left_side .image_holder .moving_element_holder.anim3 img {
  width: 3vw;
  animation: anim3 5s infinite;
}

.account_frame > div.account_frame_left_side .image_holder img {
  height: 100%;
  width: auto;
  position: relative;
  z-index: 2;
}

.account_frame > div.account_frame_right_side {
  margin-left: auto;
  width: 60%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 991px) {
  .account_frame > div.account_frame_right_side {
    width: 100%;
    padding-top: 0 !important;
  }
}
.account_frame_desc_box {
  margin-bottom: 40px;
  color: #485058;
}

@media only screen and (max-width: 1500px) {
  .account_frame_desc_box {
    margin-bottom: 30px;
  }
}
.account_frame_desc_box .account_frame_title {
  margin-bottom: 15px;
}

.login_options {
  margin-bottom: 30px;
}

.login_options > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.login_options > ul > li {
  height: 40px;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .login_options > ul > li {
    margin-right: 10px;
  }
}
.login_options > ul > li:first-child {
  width: 100%;
}

.login_options > ul > li:last-child {
  margin-right: 0;
}

.g_id_signin {
  opacity: 0;
}

.login_btn {
  display: inline-block;
  color: #091227;
  font-weight: 700;
}

.login_btn a span {
  display: inline-block;
  line-height: 38px;
}

.login_btn {
  transition: 0.3s all ease;
}

.login_btn.google, .login_btn.mw {
  background-repeat: no-repeat;
  background-position: center;
}

.login_btn.google {
  background-image: url("./../img/btn_google_icon.svg");
  height: 40px;
  width: 40px;
  border-radius: 4px;
  border: 1px solid #dadce0;
}

.login_btn.google:hover {
  background-color: #f7faff;
  border-color: #cddefb;
}

.login_btn.mw {
  height: 40px;
  width: 40px;
  border-radius: 4px;
  border: 1px solid #dadce0;
  background-image: url("./../img/btn_mw_icon.svg");
}

.login_btn.mw:hover {
  background-color: #f7faff;
  border-color: #cddefb;
}

.login_btn.login_btn_fb {
  text-align: center;
  border: 1px solid #dadce0;
  width: 100%;
  border-radius: 4px;
  position: relative;
}

.login_btn.login_btn_fb a {
  display: block;
  height: 100%;
  width: 100%;
}

.login_btn.login_btn_fb:hover {
  background-color: #f7faff;
  border-color: #cddefb;
}

.login_btn.login_btn_fb span {
  color: #091227;
  padding-left: 25.5px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("./../img/btn_fb_icon.svg");
}

@media only screen and (max-width: 767px) {
  .login_btn.login_btn_fb span {
    padding-left: 25px;
  }
}
.default_form input[type=submit] {
  display: inline-block;
  transition: 0.3s all ease;
  color: #ffffff;
  padding: 13.5px 30px 14.5px 30px;
  background-color: #1057E0;
  font-weight: 700;
  border: 0;
  width: 100%;
}

.default_form input[type=submit]:hover, .default_form input[type=submit].hover {
  background-color: #0043C3;
  text-decoration: none;
  color: #ffffff;
}

.frame_top {
  padding-top: 45px;
  padding-right: 5.0520833333vw;
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  background-color: #ffffff;
  z-index: 10;
}

@media only screen and (max-width: 1500px) {
  .frame_top {
    padding-top: 25px;
    padding-right: 2vw;
  }
}
@media only screen and (max-width: 991px) {
  .frame_top {
    background-color: transparent;
    width: 100%;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.frame_top .text-right .mobile_hide > p {
  margin-right: 45px;
}

.frame_top .text-right .mobile_hide > p, .frame_top .text-right .mobile_hide > a {
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 1200px) {
  .frame_top .text-right .mobile_hide > p {
    margin-right: 0;
  }
}
.frame_top .lang_btn {
  padding: 0;
  color: #091227 !important;
  line-height: 30px;
  display: inline-block;
}

.frame_top .lang_btn span {
  background-image: url("./../img/lang_icon2.svg");
}

@media only screen and (max-width: 767px) {
  .frame_top .text-right {
    text-align: center;
  }
  .frame_top {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
  }
  .frame_top ul > li {
    display: inline-block;
    vertical-align: middle;
    width: 33.33%;
  }
  .frame_top ul > li.mobile_show {
    margin-left: 33.33%;
    text-align: left;
    width: 66.66%;
    position: relative;
  }
  .frame_top ul > li.mobile_show .lang_btn {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.frame_top a {
  color: #1057E0;
}

.register_return_holder {
  padding-top: 20px;
}

.return_btn {
  border-radius: 5px;
  display: inline-block;
  color: #485058;
  text-decoration: none;
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: left 20px top 21px;
  background-image: url("./../img/return_arr.svg");
  transition: 0.3s all ease;
  font-weight: 700;
}

.return_btn.sm {
  background-image: none;
  position: relative;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 0;
  font-weight: 400;
}

.return_btn.sm:before {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: 0.3s all ease;
  background-image: url("./../img/return_arr.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.return_btn.sm:hover {
  background-color: transparent;
}

.return_btn.sm:hover:before {
  background-color: #EDF4FF;
}

.return_btn:hover {
  color: #091227;
}

.panel_top_content_box .btn1 {
  display: inline-block;
  transition: 0.3s all ease;
  color: #091227;
  padding: 13.5px 30px 14.5px 30px;
  background-color: #FFB52B;
  font-weight: 700;
  border: 0;
  margin-bottom: 20px;
}

.panel_top_content_box .btn1:hover, .panel_top_content_box .btn1.hover {
  background-color: #F59F14;
  text-decoration: none;
  color: #091227;
}

.panel_top_content_box .btn1.disabled, .panel_top_content_box .btn1:disabled {
  background-color: #eee;
  border-color: #ddd;
  color: #000000;
}

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

.panel_top_content_box .change_photo_submit_button .btn2 {
  position: relative;
  bottom: 15px;
  padding: 0;
  margin: 0;
}

.panel_top_content_box .file_details {
  display: none;
}

.panel_top_content_box .user_image {
  position: relative;
}

.panel_top_content_box .user_image .needsclick {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.panel_top_content_box .user_image .needsclick:focus {
  border: solid 1px red;
}

.panel_top_content_box .user_image .name {
  text-align: center;
}

.panel_top_content_box .user_image .name.default_font {
  color: #EDF4FF;
}

.panel_top_content_box .user_image .name .default_font {
  padding-top: 5px;
}

.panel_top_content_box .user_image .remove_avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.15));
  position: absolute;
  left: -8px;
  bottom: -4px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/x.svg");
  background-color: #ffffff;
  cursor: pointer;
}

.panel_top_content_box .user_image .change_photo {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.15));
  position: absolute;
  right: -8px;
  bottom: -4px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/add_avatar.svg");
  background-color: #ffffff;
  cursor: pointer;
}

.panel_top_content_box .user_image .change_photo input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.panel_top_content_box .user_image .myform2_dropzone_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.panel_top_content_box .user_image .myform2_dropzone_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.user_panel_top {
  padding-top: 30px;
  background-color: #1057E0;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .user_panel_top .animation_play, .user_panel_top .animation_pause {
    display: none;
  }
}
.user_panel_top .page_top_bg {
  background-image: none;
}

.user_panel_top .page_top_bg .anim_shape {
  position: absolute;
}

@media screen and (min-width: 480px) {
  .user_panel_top .page_top_bg .anim_shape.anim_shape1 {
    left: -16.5%;
    top: -70px;
    -webkit-animation: rotating 80s linear infinite;
    -moz-animation: rotating 80s linear infinite;
    -ms-animation: rotating 80s linear infinite;
    -o-animation: rotating 80s linear infinite;
    animation: rotating 80s linear infinite;
  }
  .user_panel_top .page_top_bg .anim_shape.anim_shape2 {
    right: -22%;
    bottom: 90px;
    -webkit-animation: rotating2 80s linear infinite;
    -moz-animation: rotating2 80s linear infinite;
    -ms-animation: rotating2 80s linear infinite;
    -o-animation: rotating2 80s linear infinite;
    animation: rotating2 80s linear infinite;
  }
}
.user_panel_top .panel_top_content_box {
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .user_panel_top {
    min-height: 0;
  }
}
.user_panel_top .image {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 0 auto 40px auto;
}

@media only screen and (max-width: 1500px) {
  .user_panel_top .image {
    width: 50px;
    height: 50px;
  }
}
.user_nav_holder {
  text-align: left;
}

.logout_btn {
  padding: 0 15px;
  display: block;
  color: #091227 !important;
  text-align: left !important;
  font-weight: 600;
  text-decoration: none !important;
  border-radius: 5px;
  transition: 0.3s all ease;
}

.logout_btn:hover {
  background-color: #EDF4FF;
}

.logout_btn:hover svg path {
  fill: #1057E0 !important;
}

.logout_btn span {
  padding-right: 10px !important;
}

.logout_btn svg {
  margin-right: 0;
}

.logout_holder_box {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #DCE0EB;
}

.logged_user {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

@media only screen and (max-width: 320px) {
  .logged_user {
    position: static;
  }
}
.logged_user .logout_holder a span {
  padding-right: 30px;
  background-repeat: no-repeat;
}

.logged_user .user_nav_holder {
  position: absolute;
  top: 100%;
  right: 0;
  padding-top: 10px;
  display: none;
}

@media only screen and (max-width: 320px) {
  .logged_user .user_nav_holder {
    left: 15px;
    right: 15px;
  }
}
.logged_user .user_nav {
  width: 260px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(2, 21, 80, 0.1);
  border-radius: 5px;
  text-align: left;
  padding: 10px 0;
}

.logged_user .user_nav li .on a {
  background-color: #EDF4FF;
}

.logged_user .user_nav li .on a path {
  fill: #1057E0;
}

.logged_user .user_nav li a {
  padding: 0 15px;
  display: block;
  color: #091227 !important;
  text-align: left;
  font-weight: 600;
  text-decoration: none !important;
  border-radius: 5px;
}

.logged_user .user_nav li a:hover {
  background-color: #EDF4FF;
}

.logged_user .user_nav li a:hover path {
  fill: #1057E0;
}

.logged_user .user_nav svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -5px;
}

.logged_user .user_nav svg path {
  fill: #485058;
}

.logged_user .user_btn {
  border-radius: 25px;
  display: inline-block;
  padding: 0 20px;
  line-height: 45px;
  border: 2px solid #1057E0;
  transition: 0.3s all ease;
}

.logged_user .user_btn.on {
  background-color: #1057E0 !important;
}

.logged_user .user_btn.on:hover {
  background-color: #0043C3 !important;
}

.logged_user .user_btn.on > span.user_btn_name {
  background-image: url("./../img/btn_arr2_white.svg") !important;
  color: #ffffff !important;
}

.logged_user .user_btn:hover > span.user_btn_name {
  background-image: url("./../img/user_btn_arr1.svg");
  color: #ffffff !important;
}

.logged_user .user_btn:hover {
  background-color: #0043C3;
}

@media only screen and (max-width: 767px) {
  .logged_user .user_btn {
    line-height: 0px;
    padding: 0;
    background-color: transparent;
  }
}
.logged_user .user_btn > span {
  display: inline-block;
  vertical-align: middle;
}

.logged_user .user_btn > span.user_btn_img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.logged_user .user_btn > span.user_btn_name {
  padding-left: 10px;
  color: #1057E0;
  font-weight: 600;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("./../img/user_logged_btn1.svg");
}

@media only screen and (max-width: 767px) {
  .logged_user .user_btn > span.user_btn_name {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
}
.js_preview_case_cvs_list {
  padding: 0 13.0208333333vw 0 5vw;
}

@media only screen and (max-width: 1500px) {
  .js_preview_case_cvs_list {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 991px) {
  .js_preview_case_cvs_list {
    padding: 0 15px;
  }
}
.user_panel_frame {
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
}

@media only screen and (max-width: 991px) {
  .user_panel_frame {
    display: block;
  }
}
.user_panel_frame.with_side_bar {
  padding: 0 13.0208333333vw 0 5vw;
}

@media only screen and (max-width: 1500px) {
  .user_panel_frame.with_side_bar {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 991px) {
  .user_panel_frame.with_side_bar {
    padding: 0 15px;
  }
}
.user_panel_frame > div {
  padding-bottom: 30px;
  padding-top: 30px;
  border-right: 1px solid #DCE0EB;
}

@media only screen and (max-width: 991px) {
  .user_panel_frame > div {
    border-right: 0;
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .user_panel_frame > div {
    padding-bottom: 0;
  }
}
.user_panel_frame > div section {
  margin-bottom: 76px;
}

@media only screen and (max-width: 1500px) {
  .user_panel_frame > div section {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 1200px) {
  .user_panel_frame > div section {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .user_panel_frame > div section {
    margin-bottom: 30px;
  }
  .user_panel_frame > div section.panel_settings {
    margin-top: 30px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .user_panel_frame > div section {
    margin-bottom: 60px;
    margin-right: 0 !important;
  }
}
.user_panel_frame > div section.panel_chat, .user_panel_frame > div section.folder_footer {
  margin-bottom: 0 !important;
}

.user_panel_frame > div:last-child {
  border-right: 0;
}

.user_panel_frame > div.user_panel_frame_left {
  width: 389px;
  padding-right: 45px;
}

@media only screen and (max-width: 1500px) {
  .user_panel_frame > div.user_panel_frame_left {
    padding-right: 30px;
    width: 300px;
  }
}
@media only screen and (max-width: 991px) {
  .user_panel_frame > div.user_panel_frame_left {
    width: 100%;
    padding-right: 0;
  }
}
.user_panel_frame > div.user_panel_frame_right {
  padding-left: 45px;
  width: calc(100% - 389px);
}

@media only screen and (max-width: 1500px) {
  .user_panel_frame > div.user_panel_frame_right {
    padding-left: 30px;
    width: calc(100% - 300px);
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 991px) {
  .user_panel_frame > div.user_panel_frame_right {
    width: 100%;
    padding-left: 0;
    padding-right: 0 !important;
  }
}
.user_panel_aside .blue_info_box {
  padding-left: 9px;
  font-weight: 400;
}

.user_panel_aside > ul > li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.panel_menu_btn {
  margin-left: -15px;
  line-height: 60px;
  background-color: #EDF4FF;
  width: calc(100% + 30px);
  color: #1057E0;
  font-weight: 700;
  border-bottom: 1px solid #DCE0EB;
}

@media only screen and (max-width: 767px) {
  .panel_menu_btn {
    margin-bottom: 30px;
    position: sticky;
    z-index: 1;
  }
}
.panel_menu_btn span {
  padding-left: 34px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("./../img/menu_icon.svg");
}

.aside_mobile_title {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 34px;
}

@media only screen and (max-width: 991px) {
  .user_panel_aside {
    display: none;
    padding: 44px 10px 44px 10px;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .user_panel_aside::-webkit-scrollbar {
    width: 5px;
  }
  .user_panel_aside::-webkit-scrollbar-thumb {
    background: #BDC3D3;
    cursor: pointer;
  }
}
.aside_menu a {
  text-decoration: none;
}

.aside_menu > ul {
  position: relative;
}

.aside_menu > ul li {
  margin-bottom: 3px;
}

.aside_menu > ul li > ul {
  padding-left: 65px;
}

.aside_menu > ul li.on > a .aside_menu_item {
  background-color: #EDF4FF;
}

.aside_menu > ul li.on > a .aside_menu_item svg path {
  fill: #ffffff;
}

.aside_menu > ul li.on > a .aside_menu_item > div.icon_holder {
  background-color: #1057E0;
}

.aside_menu > ul li.on > a .aside_menu_item > div.title_holder {
  color: #1057E0;
}

.aside_menu:not(.without_last_child) > ul {
  position: relative;
}

.aside_menu:not(.without_last_child) > ul li {
  margin-bottom: 3px;
}

.aside_menu:not(.without_last_child) > ul li > ul {
  padding-left: 65px;
}

.aside_menu:not(.without_last_child) > ul li.on > a .aside_menu_item {
  background-color: #EDF4FF;
}

.aside_menu:not(.without_last_child) > ul li.on > a .aside_menu_item svg path {
  fill: #ffffff;
}

.aside_menu:not(.without_last_child) > ul li.on > a .aside_menu_item > div.icon_holder {
  background-color: #1057E0;
}

.aside_menu:not(.without_last_child) > ul li.on > a .aside_menu_item > div.title_holder {
  color: #1057E0;
}

.aside_menu:not(.without_last_child) > ul li:last-child {
  position: relative;
  z-index: 2;
}

.aside_menu:not(.without_last_child) > ul li:last-child:after {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  content: "";
}

.aside_menu_item {
  position: relative;
  z-index: 2;
  display: block;
  padding: 10px;
  border-radius: 10px;
  background-color: #ffffff;
  transition: 0.3s all ease;
  border: 4px solid #ffffff;
  margin-left: -4px;
  width: calc(100% + 8px);
}

.aside_menu_item:hover {
  background-color: #EDF4FF;
}

.aside_menu_item:hover > div.icon_holder {
  background-color: #ffffff;
}

.aside_menu_item > div {
  display: inline-block;
  vertical-align: middle;
}

.aside_menu_item > div.icon_holder {
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #EDF4FF;
  border-radius: 50%;
}

.aside_menu_item > div.icon_holder > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.aside_menu_item > div.icon_holder > div > div {
  line-height: 0;
  width: 100%;
}

.aside_menu_item > div.title_holder {
  width: calc(100% - 40px);
  padding-left: 15px;
  color: #091227;
}

.aside_menu_item > div.title_holder p {
  font-weight: 700;
}

.user_panel_aside_top {
  border-bottom: 3px solid #DCE0EB;
  margin-bottom: 23px;
}

@media only screen and (max-width: 991px) {
  .user_panel_aside_top {
    margin-bottom: 10px;
  }
}
.user_panel_aside_top a, .user_panel_aside_top button {
  padding-bottom: 23px;
  display: block;
  text-decoration: none;
  color: #485058;
  font-weight: 700;
  position: relative;
  transition: 0.3s all ease;
  text-align: center;
  width: 100%;
}

.user_panel_aside_top a:after, .user_panel_aside_top button:after {
  content: "";
  bottom: -3px;
  left: 50%;
  width: 0%;
  transition: 0.3s all ease;
  border-bottom: 3px solid #1057E0;
  position: absolute;
}

.user_panel_aside_top a, .user_panel_aside_top button {
  transition: 0.3s all ease;
}

.user_panel_aside_top button {
  padding-bottom: 15px;
}

.user_panel_aside_top > ul {
  display: flex !important;
  height: 45px;
}

.user_panel_aside_top > ul > li {
  height: 100%;
  width: 50%;
  text-align: center;
  margin-bottom: 0 !important;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
}

.user_panel_aside_top > ul > li a {
  height: 100%;
}

.user_panel_aside_top > ul > li:hover > a, .user_panel_aside_top > ul > li:hover button, .user_panel_aside_top > ul > li.on > a, .user_panel_aside_top > ul > li.on button {
  color: #1057E0;
}

.user_panel_aside_top > ul > li:hover > a:after, .user_panel_aside_top > ul > li:hover button:after, .user_panel_aside_top > ul > li.on > a:after, .user_panel_aside_top > ul > li.on button:after {
  left: 0;
  width: 100%;
}

.slide_num {
  color: #000000;
  background-color: #ffffff;
}

.panel_notyfications_slider {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  min-height: 185px;
  background-color: #F0F4F8;
  border-radius: 10px;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02);
  padding-bottom: 30px;
}

.panel_notyfications_slider.panel_notyfications_slider_large .notyfications_slider_nav {
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .panel_notyfications_slider.panel_notyfications_slider_large .notyfications_slider_nav {
    margin-bottom: 0;
    left: 0;
    right: 0;
  }
}
.panel_notyfications_slider.type2 .slide_content {
  background-color: #F5F5F5;
}

.panel_notyfications_slider button.notyfications_hide {
  transition: 0.3s all ease;
  border-radius: 50%;
  overflow: hidden;
}

.panel_notyfications_slider button.notyfications_hide:hover {
  background-color: #ffffff;
}

.panel_notyfications_slider .notyfications_hide {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .panel_notyfications_slider .notyfications_hide {
    top: 15px;
    right: 15px;
  }
}
.panel_notyfications_slider .notyfications_slider_nav .sr-only {
  color: #000000;
  background-color: #ffffff;
}

.panel_notyfications_slider .notyfications_slider_nav {
  padding-left: 110px;
}

@media only screen and (max-width: 767px) {
  .panel_notyfications_slider .notyfications_slider_nav {
    padding-left: 70px;
    left: 70px;
    bottom: 13px;
    text-align: left;
  }
}
.panel_notyfications_slider .notyfications_slider_nav > div {
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
}

.panel_notyfications_slider .notyfications_slider_nav > div.dots {
  padding: 0 15px;
}

.panel_notyfications_slider .notyfications_slider_nav > div.dots button {
  background-color: #BDC3D3;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 10px;
}

.panel_notyfications_slider .notyfications_slider_nav > div.dots button.on {
  background-color: #1057E0;
}

.panel_notyfications_slider .notyfications_slider_nav > div.dots button:last-child {
  margin-right: 0;
}

.panel_notyfications_slider > ul > li {
  display: none;
}

.panel_notyfications_slider > ul > li:first-child {
  display: block;
}

.slide_content {
  position: relative;
  padding: 30px;
}

@media only screen and (max-width: 767px) {
  .slide_content {
    padding: 15px;
  }
}
.slide_content .desc {
  padding-left: 80px;
  padding-right: 60px;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url("./../img/notification_slider_icon.svg");
}

.slide_content .desc.desc_btn_holder {
  background-image: none;
  padding-top: 30px;
}

@media only screen and (max-width: 767px) {
  .slide_content .desc.desc_btn_holder {
    padding-top: 15px;
  }
}
@media only screen and (max-width: 1500px) {
  .slide_content .desc {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .slide_content .desc {
    background-size: 40px;
    padding-left: 55px;
    padding-right: 35px;
  }
}
.slide_content .desc h2 {
  color: #091227;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 767px) {
  .slide_content .desc h2 {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 28px;
  }
}
.slide_content .desc .slide_btn_holder {
  padding-top: 20px;
}

.file_box_content > div {
  display: inline-block;
  vertical-align: top;
}

.file_box_content > div:last-child {
  margin-right: 0;
}

.panel_section_header {
  margin-bottom: 12px;
}

.panel_section_header.panel_section_header {
  display: flex;
  flex-flow: column;
  gap: 10px;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #485058;
}

.panel_section_header h2 {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.02em;
}

@media only screen and (max-width: 767px) {
  .panel_section_header h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
.panel_section_header h3 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
}

.js_preview_case_cvs_list {
  padding-top: 30px;
}

.js_preview_case_cvs_list .panel_section_header_holder {
  align-items: flex-start;
}

.js_preview_case_cvs_list .panel_section_header_holder .right_side {
  align-items: flex-start;
}

.panel_section_header_holder {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .panel_section_header_holder {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start !important;
  }
  .panel_section_header_holder .default_form {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
  }
  .panel_section_header_holder .right_side .sr-only {
    position: relative;
    width: auto;
    height: auto;
    clip: auto;
  }
}
.panel_section_header_holder .badge_warning {
  margin-top: 10px;
}

.panel_section_header_holder .panel_section_header {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .panel_section_header_holder {
    display: block;
  }
}
.panel_section_header_holder > div.right_side {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 15px;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .panel_section_header_holder > div.right_side {
    padding-top: 8px;
  }
}
.panel_section_header_holder > div.right_side label {
  margin-bottom: 0;
  font-weight: 400;
  color: #091227;
  margin-right: 10px;
  line-height: 37px;
}

.panel_section_header_holder .default_form .select2-container--default {
  text-align: left;
  width: 169px !important;
}

.panel_section_header_holder .default_form .select2-container--default .select2-selection--single {
  border: 1px solid #DCE0EB;
  height: 37px;
  border-radius: 18.5px;
  font-weight: 400;
  color: #485058;
}

.panel_section_header_holder .default_form .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 37px;
  padding: 0 15px;
  padding-right: 30px;
}

.panel_section_header_holder .default_form .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 30px;
  height: 100%;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-image: url("./../img/select_arr1.svg");
  background-position: right 15px center;
}

.panel_section_header_holder .default_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.panel_section_header_holder .default_form .select2-container--default .select2-search--dropdown .select2-search__field {
  background: #F0F4F8;
  color: #091227;
  border: none;
  border-bottom: 2px solid #e0e5e8;
  height: 36px;
}

.select2-results__option.select2-results__option--highlighted {
  background-color: #1057E0 !important;
}

.select2-dropdown {
  border: 1px solid #DCE0EB !important;
  border-radius: 5px !important;
  margin-top: 5px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #F0F4F8;
}

.select2-results {
  padding: 4px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #DCE0EB;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 3px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  cursor: pointer;
}

.chosen_lang_lvl {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  display: none;
}

.panel_toggle_box_btn:hover.remove_btn {
  background-color: #FCE7E7 !important;
  background-image: url("./../img/remove_icon3.svg") !important;
}

.first_time_add_language {
  padding-top: 20px;
}

.first_time_add_language > .row {
  margin-bottom: 30px;
}

.first_time_add_language > .row:last-child {
  margin-bottom: 0;
}

.return_btn_holder {
  display: none;
}

.return_toggle span {
  padding-left: 26px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("./../img/r_arr.svg");
  line-height: 30px;
  display: block;
}

.panel_toggle_box {
  background-color: #EDF4FF;
  border-radius: 5px;
  border: 1px solid #EDF4FF;
}

.panel_toggle_box .proof_image_header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.panel_toggle_box .attachments_item_details_bottom {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.panel_toggle_box.active .image.attachment_url {
  background-color: #edf4ff;
}

.panel_toggle_box .image.attachment_url {
  background-color: #ffffff;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .panel_toggle_box .panel_toggle_box_bottom {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .panel_toggle_box .panel_toggle_box_bottom .panel_toggle_box_actions {
    top: 0;
  }
  .panel_toggle_box .panel_toggle_box_bottom .panel_toggle_box_btn.toggle_btn {
    display: none !important;
  }
  .panel_toggle_box .desc_side > div {
    position: relative;
    display: block !important;
  }
  .panel_toggle_box .desc_side > div .tags {
    padding-right: 15px;
  }
  .panel_toggle_box .desc_side > div .tags p {
    word-break: break-all;
  }
  .panel_toggle_box .desc_side > div .remove_btn {
    position: absolute;
    top: 0;
    right: 0;
  }
  .panel_toggle_box .toggle_title_top_holder_box {
    width: auto !important;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .panel_toggle_box .toggle_title_top_holder_box {
    width: calc(100% - 120px) !important;
  }
}
@media only screen and (max-width: 767px) {
  .panel_toggle_box .panel_toggle_box_top {
    flex-flow: row !important;
    flex-wrap: wrap !important;
  }
  .panel_toggle_box .panel_toggle_box_top .return_btn_holder {
    width: 100% !important;
  }
  .panel_toggle_box.a .text-right a, .panel_toggle_box.a .text-right button {
    display: inline-block !important;
  }
  .panel_toggle_box.a .text-right a.toggle_btn, .panel_toggle_box.a .text-right button.toggle_btn {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .panel_toggle_box .toggle_title_top_holder_box.col-md-12, .panel_toggle_box .text-right.col-md-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .panel_toggle_box .text-right {
    padding-top: 0 !important;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .panel_toggle_box .text-right {
    text-align: left;
    vertical-align: top;
  }
}
@media only screen and (max-width: 767px) {
  .panel_toggle_box .toggle_title_top_holder_box .text-right {
    padding-top: 0 !important;
  }
  .panel_toggle_box .toggle_title_top_holder_box .text-right a, .panel_toggle_box .toggle_title_top_holder_box .text-right button {
    display: inline-block !important;
    vertical-align: middle;
  }
  .panel_toggle_box .toggle_title_top_holder_box .text-right a.toggle_btn, .panel_toggle_box .toggle_title_top_holder_box .text-right button.toggle_btn {
    display: none !important;
  }
}
.panel_toggle_box .proof_image_header {
  margin-bottom: 15px;
}

.panel_toggle_box .proof_image_header > div {
  display: inline-block;
  vertical-align: top;
}

.panel_toggle_box .proof_image_header > div.image_side {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.panel_toggle_box .proof_image_header > div.image_side .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
}

.panel_toggle_box .proof_image_header > div.desc_side {
  padding-left: 15px;
  padding-right: 15px;
  width: calc(100% - 60px);
}

@media only screen and (max-width: 767px) {
  .panel_toggle_box.toggle_proof.active .panel_toggle_box_bottom {
    left: 0;
  }
  .panel_toggle_box.toggle_proof .panel_section_header_holder .right_side {
    padding-top: 0 !important;
  }
  .panel_toggle_box.toggle_proof .add_btn {
    margin-top: 20px;
  }
}
.panel_toggle_box.toggle_proof .panel_toggle_box_row {
  border-bottom: 0;
}

.panel_toggle_box.toggle_proof .linekd_experience_proofs .linked_experience {
  background-color: #EDF4FF;
  border-color: #EDF4FF;
}

.panel_toggle_box.toggle_proof .linekd_experience_proofs .linked_experience .tags {
  font-size: 14px;
  line-height: 22px;
  color: #091227;
}

.panel_toggle_box.toggle_proof .linekd_experience_proofs .linked_experience .tags p {
  padding-bottom: 0;
  font-weight: 600;
}

.panel_toggle_box.toggle_proof .linekd_experience_proofs .linked_experience .icon_side .icon {
  background-color: #ffffff;
}

@media only screen and (max-width: 991px) {
  .panel_toggle_box.toggle_language .panel_toggle_box_row .row > div.col-md-4, .panel_toggle_box.toggle_language .panel_toggle_box_row .row > div.col-md-8 {
    margin-bottom: 20px;
  }
  .panel_toggle_box.toggle_language .panel_toggle_box_row .row > div.col-md-8 {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .panel_toggle_box.toggle_language .chosen_lang_lvl {
    display: none !important;
  }
}
.panel_toggle_box.toggle_language input[type=submit] {
  width: auto;
}

.panel_toggle_box.toggle_language .panel_toggle_box_row {
  border-bottom: 0;
}

.panel_toggle_box.toggle_language .panel_toggle_box_row:last-child {
  padding-top: 10px;
}

@media only screen and (max-width: 767px) {
  .panel_toggle_box.toggle_skill .panel_toggle_box_bottom .panel_toggle_box_top .rate_box {
    display: none;
  }
}
.panel_toggle_box.toggle_skill .text-right {
  white-space: nowrap;
}

.panel_toggle_box.toggle_skill .tags p {
  font-size: 14px;
  line-height: 22px;
}

@media only screen and (max-width: 991px) {
  .panel_toggle_box.toggle_skill .panel_toggle_box_row > .row > div {
    margin-bottom: 20px;
  }
  .panel_toggle_box.toggle_skill .panel_toggle_box_row > .row > div:last-child {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .panel_toggle_box.toggle_skill .panel_toggle_box_top {
    position: relative;
    display: block;
    border-bottom: 0 !important;
    min-height: 82px;
  }
  .panel_toggle_box.toggle_skill .panel_toggle_box_top .text-right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    flex-flow: column;
  }
  .panel_toggle_box.toggle_skill .panel_toggle_box_top .rate_box {
    margin-right: auto !important;
  }
}
.panel_toggle_box .panel_toggle_box_btn:hover {
  background-color: #ffffff;
}

.panel_toggle_box .panel_toggle_box_btn:hover.remove_btn {
  background-color: #FCE7E7;
  background-image: url("./../img/remove_icon3.svg") !important;
}

.panel_toggle_box.active {
  box-shadow: 0px 0px 10px rgba(2, 21, 80, 0.05);
  background-color: #ffffff;
  border-color: #DCE0EB;
}

.panel_toggle_box.active .panel_toggle_box_btn.toggle_btn {
  background-size: 10px auto;
  background-image: url("./../img/toggle_arr2.svg");
}

.panel_toggle_box.active .panel_toggle_box_btn:hover {
  background-color: #EDF4FF;
}

.panel_toggle_box .panel_toggle_box_top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  align-items: flex-start;
  padding: 20px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .panel_toggle_box .panel_toggle_box_top .assign_wrapper {
    position: relative;
    right: 0;
    bottom: 0;
  }
}
.panel_toggle_box .panel_toggle_box_top .assign_wrapper .assign_competence.item_added > a {
  background-color: #1057E0;
  color: white;
}

.panel_toggle_box .panel_toggle_box_top .assign_wrapper .assign_competence.item_added > a span {
  background-image: url("./../img/assign_icon_white.svg");
}

.panel_toggle_box .panel_toggle_box_top .assign_wrapper .assign_proof.item_added > a {
  background-color: #1057E0;
  color: white;
}

.panel_toggle_box .panel_toggle_box_top .assign_wrapper .assign_proof.item_added > a span {
  background-image: url("./../img/assign_icon_white.svg");
}

@media only screen and (max-width: 767px) {
  .panel_toggle_box .panel_toggle_box_top {
    padding: 15px;
    position: relative;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .panel_toggle_box .panel_toggle_box_top .text-right > div .edit_btn {
    display: none;
  }
}
.panel_toggle_box .panel_toggle_box_top .text-right .default_form {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}

@media only screen and (max-width: 767px) {
  .panel_toggle_box .panel_toggle_box_top .text-right .toggle_btn {
    transform: rotate(-90deg);
  }
}
.panel_toggle_box .panel_toggle_box_title {
  font-size: 16px;
  line-height: 24px;
}

.panel_toggle_box .panel_toggle_box_bottom {
  display: none;
  padding: 20px;
  border-top: 1px solid #DCE0EB;
}

.panel_toggle_box .panel_toggle_box_bottom .element_list.one_in_row > ul > li {
  margin-bottom: 5px;
}

.panel_toggle_box .panel_toggle_box_bottom .element_list.one_in_row > ul > li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .panel_toggle_box .panel_toggle_box_bottom.edit_mobile {
    position: relative;
    top: 0;
    left: 0;
    overflow: visible;
    z-index: 0;
  }
  .panel_toggle_box .panel_toggle_box_bottom .toggle_title_top_holder_box {
    width: calc(100% - 30px);
  }
  .panel_toggle_box .panel_toggle_box_bottom .competition_inner_box_frame {
    padding: 15px;
  }
  .panel_toggle_box .panel_toggle_box_bottom .panel_toggle_box_details {
    width: 100%;
  }
  .panel_toggle_box .panel_toggle_box_bottom .return_btn_holder {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  .panel_toggle_box .panel_toggle_box_bottom {
    top: 0;
    height: 100%;
    overflow-y: scroll;
    left: 100%;
    transition: 0.3s all ease;
    background-color: #ffffff;
    z-index: 100;
    width: 100%;
  }
  .panel_toggle_box .panel_toggle_box_bottom .panel_toggle_box_top {
    flex-wrap: wrap;
    padding: 0;
    padding-bottom: 30px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DCE0EB;
  }
  .panel_toggle_box .panel_toggle_box_bottom .panel_toggle_box_top .text-right .panel_toggle_box_btn {
    display: none;
  }
  .panel_toggle_box .panel_toggle_box_bottom .panel_toggle_box_top .text-right .remove_btn {
    margin-right: 0;
    display: block;
    position: absolute;
    top: 45px;
    right: 0;
  }
  .panel_toggle_box .panel_toggle_box_bottom .panel_toggle_box_top .text-right .edit_btn {
    margin-right: 0;
    display: block;
    position: absolute;
    top: 45px;
    right: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .panel_toggle_box_top .rule {
    padding-bottom: 0;
    display: block !important;
    text-align: left;
  }
}
.panel_toggle_box_btn {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
  vertical-align: middle;
}

.panel_toggle_box_btn:last-child {
  margin-right: 0;
}

.panel_toggle_box_btn.remove_btn {
  background-image: url("./../img/remove_icon.svg");
}

.panel_toggle_box_btn.download_btn {
  background-image: url("./../img/download_icon.svg");
}

.panel_toggle_box_btn.edit_btn {
  background-image: url("./../img/edit_portfolio.svg");
}

.panel_toggle_box_btn.edit_btn:hover {
  background-image: url("./../img/edit_portfolio2.svg");
}

.panel_toggle_box_btn.link_btn {
  background-image: url("./../img/redirect_icon.svg");
}

.panel_toggle_box_btn.save_btn {
  background-image: url("./../img/done_check.svg");
}

.panel_toggle_box_btn.toggle_btn {
  background-image: url("./../img/panel_toggle_arr1.svg");
}

.toggle_box_download {
  display: inline-block;
  margin-right: 10px;
}

.panel_toggle_box_details {
  line-height: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

@media only screen and (max-width: 1200px) {
  .panel_toggle_box_details > span, .panel_toggle_box_details > ul {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .panel_toggle_box_details {
    display: block;
  }
}
.panel_toggle_box_details > ul {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .panel_toggle_box_details > ul {
    white-space: nowrap;
    display: block;
    margin-right: auto;
    margin-right: 0;
  }
}
.panel_toggle_box_details > ul > li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.panel_toggle_box_details > ul > li:last-child {
  margin-right: 0;
}

.panel_toggle_box_details .panel_date {
  margin-right: 0;
}

.panel_date {
  font-size: 12px;
  line-height: 18px;
  color: #091227;
  font-weight: 600;
  border: 1px solid #DCE0EB;
  line-height: 18px;
  padding: 2.5px 10px;
  border-radius: 12.5px;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .panel_date {
    white-space: nowrap;
    margin-right: 0;
    font-size: 11px;
  }
}
.target {
  font-size: 12px;
  line-height: 18px;
  color: #485058;
  font-weight: 600;
  border: 1px solid #F0F4F8;
  line-height: 18px;
  padding: 2.5px 10px;
  border-radius: 10px;
  background-color: #F0F4F8;
  display: inline-block;
  vertical-align: middle;
  transition: 0.3s all ease;
}

@media only screen and (max-width: 767px) {
  .target {
    white-space: nowrap;
    margin-right: 0;
    font-size: 11px;
  }
}
.details_summary {
  color: #1057E0;
  font-size: 12px;
  line-height: 18px;
}

.details_summary p {
  font-weight: 600;
}

.details_summary > div, .details_summary > span {
  display: inline-block;
  vertical-align: middle;
}

.details_summary > div.details_summary_quantity, .details_summary > span.details_summary_quantity {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 20px;
  font-weight: 700;
  background-color: #1057E0;
  color: #ffffff;
  text-align: center;
}

.details_summary .details_summary_quantity.no_add {
  background-color: #FFB52B !important;
  color: #091227 !important;
}

.details_summary .text.no_add {
  color: #091227 !important;
}

.panel_toggle_box_row {
  border-bottom: 1px solid #DCE0EB;
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative;
}

.panel_toggle_box_row.panel_toggle_box_row_no_border {
  border-bottom: 0;
  margin-bottom: 0;
}

.panel_toggle_box_row:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

@media only screen and (max-width: 991px) {
  .panel_toggle_box_row .col-xs-9 {
    margin-bottom: 0 !important;
  }
  .panel_toggle_box_row > .row:first-child:last-child {
    margin-bottom: 0 !important;
  }
  .panel_toggle_box_row .row > div.col-md-6 {
    margin-bottom: 20px;
  }
  .panel_toggle_box_row .row > div.col-md-6:last-child {
    margin-bottom: 0;
  }
  .panel_toggle_box_row .row > div.col-sm-6:last-child {
    margin-bottom: 0;
  }
  .panel_toggle_box_row .row > div.col-sm-6 .row {
    margin: 0 -5px;
  }
  .panel_toggle_box_row .row > div.col-sm-6 .row > div {
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
    float: none;
    margin-right: -4px;
  }
  .panel_toggle_box_row .row > div.col-sm-6 .row > div:first-child {
    width: calc(100% - 100px);
    width: 100%;
  }
  .panel_toggle_box_row .row > div.col-sm-6 .row > div:last-child {
    width: 100px;
    width: 100%;
  }
}
.panel_toggle_box_row .text-left .rule {
  padding-bottom: 0;
}

.panel_toggle_box_row > .row {
  margin-bottom: 15px;
}

.competition_inner_title p {
  color: #091227;
  font-weight: 600;
  line-height: 24px;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .competition_inner_title p {
    color: #485058;
    font-size: 14px;
    line-height: 22px;
  }
}
.competition_inner_box_frame {
  background-color: #EDF4FF;
  padding: 20px;
  border-radius: 5px;
}

.competition_inner_box_frame .inner_title_holder {
  width: 100%;
}

.competition_inner_box_frame label:not(.default) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.competition_inner_box_frame > .row {
  margin-bottom: 20px;
}

.competition_inner_box_frame > .row:last-child {
  margin-bottom: 0;
}

.competition_inner_box_frame > .row.inner_title_holder {
  margin-bottom: 5px;
}

.competition_inner_box_frame > .row.inner_title_holder.no_delete_btn {
  margin-bottom: 10px;
}

.competition_inner_box_frame > .row.inner_title_holder .competition_inner_title {
  margin-bottom: 0;
}

.competition_inner_box_frame .competition_inner_title {
  margin-bottom: 10px;
}

.competition_inner_box_frame .competition_inner_title p {
  font-weight: 600;
}

.earn_box {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .earn_box .delete_btn {
    display: none;
  }
}
.earn_box .default_form input {
  padding-right: 150px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 767px) {
  .earn_box .default_form input {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.earn_box .rate_box {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 15px;
}

@media only screen and (max-width: 991px) {
  .earn_box .rate_box .rate_btn {
    height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .earn_box .rate_box {
    border: 1px solid #DCE0EB;
    border-top: 0;
    position: relative;
    right: auto;
    background-color: #ffffff;
    z-index: 2;
    top: -1px;
    padding-bottom: 10px;
  }
  .earn_box .rate_box .rate_btn {
    height: 20px;
  }
}
.earn_box .add-competence-chose-list .clearMode {
  position: absolute;
  left: calc(100% - 135px);
  color: blue;
  top: 7px;
  cursor: pointer;
}

.earn_box .add-competence-chose-list {
  position: absolute;
  left: 0;
  top: calc(100% - 7px);
  width: 100%;
  height: 200px;
  z-index: 3;
  overflow-y: scroll;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DCE0EB;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px rgba(2, 21, 80, 0.1019607843);
  border: 1px solid #DCE0EB;
  border-radius: 5px;
  opacity: 1;
  padding: 15px;
}

@media only screen and (max-width: 767px) {
  .panel_toggle_box_top .rate_box {
    margin-top: 15px;
  }
}
.rate_btn {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/star1.svg");
  margin-right: 3px;
}

@media only screen and (max-width: 767px) {
  .rate_btn {
    height: 20px;
  }
}
.rate_btn:last-child {
  margin-right: 0;
}

.rate_btn.rated {
  background-image: url("./../img/star2.svg");
}

.linked_experience {
  border: 1px solid #DCE0EB;
  padding: 15px;
  border-radius: 5px;
  background-color: #ffffff;
}

.linked_experience > div {
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .linked_experience > div {
    vertical-align: top;
  }
}
.linked_experience > div.icon_side {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
}

.linked_experience > div.icon_side .icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1057E0;
  background-repeat: no-repeat;
  background-position: center;
}

.linked_experience > div.icon_side .icon.svg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.linked_experience > div.desc_side {
  width: calc(100% - 40px);
  padding-left: 15px;
}

.linked_experience > div.desc_side .tags {
  color: #091227;
}

.linked_experience > div.desc_side .tags > ul {
  font-size: 12px;
  line-height: 18px;
  color: #485058;
}

.linked_experience > div.desc_side .tags > ul > li {
  margin-right: 13px;
}

@media only screen and (max-width: 767px) {
  .linked_experience > div.desc_side .tags > ul > li:last-child {
    margin-right: 0 !important;
  }
}
.linked_experience > div.desc_side > div {
  color: #091227;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .linked_experience > div.desc_side > div {
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    align-items: flex-start;
  }
}
.linked_experience > div.desc_side > div p {
  font-weight: 600;
}

.added_competition_box {
  border: 1px solid #DCE0EB;
  padding: 15px;
  border-radius: 5px;
  background-color: #ffffff;
}

.added_competition_box .tags {
  white-space: normal !important;
}

.added_competition_box .tags > p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .added_competition_box p {
    word-break: break-all;
  }
}
.added_competition_box > div {
  display: inline-block;
  vertical-align: top;
}

.added_competition_box > div.image_side {
  border-radius: 5px;
  width: 60px;
  height: 60px;
  position: relative;
  overflow: hidden;
}

.added_competition_box > div.image_side .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.added_competition_box > div.desc_side {
  width: calc(100% - 60px);
  padding-left: 15px;
  padding-top: 5px;
}

.added_competition_box > div.desc_side > div {
  color: #091227;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.added_competition_box > div.desc_side > div > div:last-child {
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .added_competition_box > div.desc_side > div > div {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
  }
  .added_competition_box > div.desc_side > div > div:first-child {
    width: calc(100% - 60px) !important;
  }
  .added_competition_box > div.desc_side > div > div:last-child {
    width: 30px !important;
  }
}
.tag {
  font-size: 10px;
  line-height: 14px;
  color: #091227;
  padding: 0 10px;
  border: 1px solid #DCE0EB;
  line-height: 17px;
  letter-spacing: 0.05em;
  font-weight: 700;
  border-radius: 8.5px;
  background-color: #ffffff;
}

.tags p {
  padding: 0px 0 10px 0;
}

.tags > ul > li {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.tags > ul > li:last-child {
  margin-right: 0;
}

.added_competitions_list > ul > li {
  margin-bottom: 20px;
}

.added_competitions_list > ul > li:last-child {
  margin-bottom: 0;
}

.added_competitions_list_large .text-center {
  padding-top: 41px;
}

.added_competitions_list_large .earn_box input[disabled] {
  background-color: #ffffff;
}

.added_competitions_list_large > ul > li {
  margin-bottom: 10px;
}

.added_competitions_list_large > ul > li:last-child {
  margin-bottom: 0px;
}

.redirect_btn {
  display: inline-block;
  border-radius: 18.5px;
  background: #ffffff;
  border: 1px solid #DCE0EB;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02);
  color: #1057E0;
  font-weight: 600;
  line-height: 35px;
  padding: 0 15px;
  cursor: pointer;
  transition: 0.3s all ease;
  text-decoration: none;
}

.redirect_btn span {
  padding-right: 23px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("./../img/redirect_icon1.svg");
}

.redirect_btn:hover {
  border-color: #1057E0;
  background-color: #1057E0;
  color: #ffffff;
}

.redirect_btn:hover span {
  background-image: url("./../img/redirect_icon2.svg") !important;
}

.add_btn, .cancel_btn {
  text-decoration: none;
  display: inline-block;
  border-radius: 18.5px;
  background: #ffffff;
  border: 1px solid #DCE0EB;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02);
  color: #1057E0;
  font-weight: 600;
  line-height: 35px;
  padding: 0 15px;
  cursor: pointer;
  transition: 0.3s all ease;
  white-space: nowrap;
}

.add_btn.first_lvl_btn, .cancel_btn.first_lvl_btn {
  background-color: #1057E0;
  border-color: #1057E0;
  color: #ffffff;
}

.add_btn.first_lvl_btn:hover, .cancel_btn.first_lvl_btn:hover {
  background-color: #0043C3;
  text-decoration: none;
  color: #ffffff;
}

.add_btn.first_lvl_btn span, .cancel_btn.first_lvl_btn span {
  background-image: url("./../img/add_icon.svg") !important;
}

.add_btn:hover, .cancel_btn:hover {
  border-color: #1057E0;
  background-color: #1057E0;
  color: #ffffff;
}

.add_btn:hover span, .cancel_btn:hover span {
  background-image: url("./../img/add_icon.svg") !important;
}

@media only screen and (max-width: 767px) {
  .add_btn, .cancel_btn {
    width: 100%;
  }
}
.add_btn.small, .cancel_btn.small {
  padding: 0;
  border: 0;
}

.add_btn.large, .cancel_btn.large {
  width: 100%;
  line-height: 48px;
  border-radius: 25px;
  text-align: center;
}

.add_btn.large2, .cancel_btn.large2 {
  width: 100%;
  line-height: 74px;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02);
  margin-bottom: 30px;
  margin-top: 10px;
}

@media only screen and (max-width: 1500px) {
  .add_btn.large2, .cancel_btn.large2 {
    line-height: 50px;
  }
}
.add_btn span, .cancel_btn span {
  padding-left: 23px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("./../img/add_icon2.svg");
}

@media only screen and (max-width: 767px) {
  .add_btn {
    width: auto;
  }
}
.panel_toggle_box .add_btn {
  background: #1057E0;
  border: 1px solid #1057E0;
  color: #ffffff;
}

.panel_toggle_box .add_btn span {
  background-image: url("./../img/add_icon.svg");
}

.panel_toggle_box .add_btn:hover {
  border-color: #0043C3;
  background-color: #0043C3;
  color: #ffffff;
}

.cancel_btn {
  margin-right: 5px;
  border: 1px solid transparent;
  box-shadow: none;
  transition: 0.3s all ease;
}

.cancel_btn:hover {
  background-color: #ffffff;
  border: 1px solid transparent !important;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02);
}

.cancel_btn.btn3:hover {
  background-color: #EDF4FF;
  text-decoration: none;
  color: #1057E0;
}

.cancel_btn span {
  background-image: none;
  padding-left: 0;
  color: #485058;
}

.or_file {
  color: #485058;
  padding: 10px 0;
  display: block;
}

.file_btn {
  display: inline-block;
  border: 1px solid #DCE0EB;
  color: #1057E0;
  font-weight: 600;
  letter-spacing: -0.01em;
  border: 1px solid #DCE0EB;
  background-color: #ffffff;
  transition: 0.3s all ease;
  line-height: 37px;
  padding: 0 15px;
  border-radius: 18.5px;
  margin-right: 10px;
}

.file_btn:last-child {
  margin-right: 0;
}

.file_btn:hover {
  background-color: #1057E0;
  color: #ffffff;
}

.file_btn:focus {
  border-color: #0043C3;
}

.panel_education .element_list > ul > li {
  margin-bottom: 15px;
}

.file_details {
  padding-top: 10px;
  font-size: 12px;
  line-height: 18px;
  color: #485058;
}

@media only screen and (max-width: 767px) {
  .file_details {
    text-align: center;
  }
  .file_details .text-right {
    text-align: center;
    padding-top: 10px;
  }
}
.settings_form_footer .form_req_legend {
  padding-top: 4px;
  padding-bottom: 10px;
  text-align: right;
}

.settings_form_footer .form_req_legend span {
  color: red;
}

.account_frame .form_req_legend {
  padding-top: 4px;
  padding-bottom: 20px;
  text-align: right;
}

.account_frame .form_req_legend span {
  color: red;
}

.panel_popup_middle .form_req_legend {
  padding-top: 24px;
  text-align: right;
}

.panel_popup_middle .form_req_legend span {
  color: red;
}

.form_footer .form_footer {
  padding-top: 0;
}

.form_footer .form_req_legend {
  text-align: right;
}

.form_footer .form_req_legend span {
  color: red;
}

.form_footer:has(.form_req_legend) {
  padding-top: 24px;
}

.form_footer .inline_row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .form_footer .inline_row {
    display: block;
  }
}
.form_footer .inline_row > div {
  width: auto;
}

.form_footer .inline_row > div:first-child {
  margin-right: auto;
}

.form_footer .inline_row > div:last-child {
  margin-left: auto;
}

.form_footer {
  padding-top: 50px;
}

@media only screen and (max-width: 991px) {
  .form_footer {
    padding-top: 45px;
  }
  .form_footer:has(.form_req_legend) {
    padding-top: 24px;
  }
  .form_footer .inline_row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .form_footer .inline_row > div {
    width: auto;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) {
  .form_footer .inline_row > div {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .form_footer .inline_row > div:first-child {
    margin-right: auto;
  }
  .form_footer .inline_row > div:last-child {
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .form_footer {
    padding-top: 0px;
  }
  .form_footer:has(.form_req_legend) {
    padding-top: 24px;
  }
  .form_footer .inline_row {
    display: flex;
    flex-flow: column;
  }
  .form_footer .inline_row > div {
    align-items: stretch;
  }
  .form_footer .inline_row > div:first-child {
    order: 2;
  }
  .form_footer .inline_row > div:last-child {
    order: 1;
    margin-bottom: 36px;
  }
}
.form_footer:has(.form_req_legend) .row {
  margin-bottom: 48px;
}

.form_footer .row {
  margin-bottom: 45px;
}

.form_footer .row:last-child {
  margin-bottom: 0;
}

.form_footer .default_form input[type=submit] {
  padding-left: 50px;
  padding-right: 50px;
  width: auto !important;
}

@media only screen and (max-width: 767px) {
  .form_footer .default_form input[type=submit] {
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: center;
    width: 100% !important;
    min-height: auto;
    white-space: normal;
  }
}
.popup_done_title {
  margin-bottom: 15px;
}

.popup_done_title h3 {
  font-weight: 600;
  font-size: 21px;
  letter-spacing: -0.02em;
  line-height: 31px;
  color: #091227;
  padding-top: 90px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("./../img/done_icon.svg");
}

.popup_done_desc {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .popup_done_desc br {
    display: none;
  }
}
.panel_popup .panel_popup_close:not(.btn3) {
  width: 30px;
  height: 30px;
  margin-left: auto;
  display: block;
}

.panel_popup_middle .files_list::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 5px;
}

.panel_popup_middle .files_list::-webkit-scrollbar {
  width: 3px;
}

.panel_popup_middle .files_list::-webkit-scrollbar-track {
  background: #ffffff;
}

.panel_popup_planner .planner_competitions .competition_inner_box_frame {
  padding-left: 0;
  padding-right: 0;
  background-color: #ffffff;
  border: 1px solid #DCE0EB;
  padding: 15px !important;
}

.panel_popup_planner .planner_competitions .competition_inner_box_frame .competition_inner_desc h4 {
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
  font-weight: 400;
}

.panel_popup_planner .planner_competitions .panel_section_header_holder .panel_section_header, .panel_popup_planner .planner_competitions .panel_section_header_holder .text-right {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.panel_popup_planner .planner_competitions .panel_section_header_holder {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display: flex !important;
}

.panel_popup_planner .planner_competitions .panel_toggle_box_row {
  border-bottom: 0;
}

.panel_popup_planner .planner_competitions .added_competitions_list_large .competition_inner_box_frame {
  margin-bottom: 0;
}

.panel_popup_planner .planner_competitions .added_competitions_list_large > ul > li:last-child {
  margin-bottom: 0;
}

.panel_popup_planner .planner_competitions .panel_section_header {
  margin-bottom: 0;
}

.panel_popup_planner .text-right {
  padding: 0 30px;
}

.panel_popup_holder {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
}

.panel_popup_holder.share_without_list .panel_popup_content {
  overflow-x: hidden;
}

.panel_popup_holder.share_without_list .peron_desc .person_name p {
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #080808;
  font-weight: 600;
  margin-bottom: 4px;
}

.panel_popup_holder.share_without_list .peron_desc .person_institution p {
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #091227;
  margin-bottom: 4px;
  font-weight: 400;
}

.panel_popup_holder.share_without_list .peron_desc .person_mail p {
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #485058;
  margin-bottom: 0;
  font-weight: 400;
}

.panel_popup_holder.share_without_list .panel_popup_title h2 {
  background-image: url("./../img/popup_share_icon.svg");
  background-position: left top 8px;
}

.panel_popup_holder.target_details {
  display: block;
}

.panel_popup_holder.target_details .panel_popup_bottom .panel_popup_bottom_right {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.panel_popup_holder.target_details .panel_popup_bottom > div:not(.panel_popup_bottom_right) .btn3.panel_popup_close {
  color: #E62222;
}

.panel_popup_holder.target_details .panel_popup_bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.panel_popup_holder.target_details .panel_popup_bottom .btn1 {
  padding-left: 45px;
  padding-right: 45px;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.target_details .panel_popup_bottom .btn1 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.panel_popup_holder.target_details .panel_popup_bottom .btn3 {
  padding: 14px 30px 14px 30px;
}

.panel_popup_holder.target_details .panel_popup_title h2 {
  padding-left: 0;
  background-image: none;
}

.panel_popup_holder fieldset {
  margin: 0 auto;
}

.panel_popup_holder .mCSB_scrollTools {
  opacity: 0;
}

.panel_popup_holder .panel_popup_title h2, .panel_popup_holder .panel_popup_title h3 {
  font-size: 22px;
  line-height: 32px;
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: left top 5px;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder .panel_popup_title h2, .panel_popup_holder .panel_popup_title h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
.panel_popup_holder .panel_popup_title h4 {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.01em;
  line-height: 28px;
  text-align: left;
  color: #091227;
}

.panel_popup_holder:has(.panel_popup_desc) .panel_popup_title {
  margin-bottom: 15px;
}

.panel_popup_holder > div, .panel_popup_holder > form {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.panel_popup_holder > div .panel_popup, .panel_popup_holder > form .panel_popup {
  margin: 0 auto;
}

.panel_popup_holder > div, .panel_popup_holder > form {
  display: block;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder > div, .panel_popup_holder > form {
    top: 10px;
    left: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
.panel_popup_holder.popup_assign_experience .panel_popup_title h3 {
  padding-left: 0;
  background-image: none;
}

.panel_popup_holder.popup_assign_experience .popup_assign_experience_content > div {
  margin-bottom: 20px;
}

.panel_popup_holder.popup_assign_experience .popup_assign_experience_content > div:last-child {
  margin-bottom: 0;
}

.panel_popup_holder.proof {
  display: block !important;
}

.panel_popup_holder.proof .checkbox_item {
  padding: 0;
}

.panel_popup_holder.proof .checkbox_item input {
  margin: 0;
}

.panel_popup_holder.proof .file_search {
  margin-bottom: 0;
}

.panel_popup_holder.proof .file_search .default_form label {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #091227;
  margin-bottom: 0;
}

.panel_popup_holder.proof .file_search .default_form input {
  border-radius: 18.5px;
}

.panel_popup_holder.proof .proof_popup_toggle_content {
  padding-top: 20px;
}

.panel_popup_holder.proof .myform2_dropzone_box {
  border: 1px dashed #DCE0EB;
  padding: 30px 0;
}

.panel_popup_holder.proof .btn1 {
  width: 100%;
}

.panel_popup_holder.proof .panel_popup_title h3 {
  padding-left: 0;
  background-image: none;
}

.panel_popup_holder.proof .proof_popup_toggle_content > div {
  margin-bottom: 30px;
}

.panel_popup_holder.proof .proof_popup_toggle_content > div .row {
  margin-bottom: 20px;
}

.panel_popup_holder.proof .proof_popup_toggle_content > div .row:last-child {
  margin-bottom: 0;
}

.panel_popup_holder.add_competences_new {
  display: block;
}

.panel_popup_holder.add_competences_new .panel_popup_title h3 {
  padding-left: 0;
  background-image: none !important;
}

.panel_popup_holder.add_competences_new .file_search .default_form {
  position: relative;
}

.panel_popup_holder.add_competences_new .file_search .default_form button {
  width: 24px;
  height: 24px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  background-color: #F0F4F8;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 8px;
  display: none;
}

.panel_popup_holder.add_competences_new .file_search .default_form input {
  width: 100%;
  padding-right: 50px;
}

.panel_popup_holder.share_without_list .panel_popup_title h3 {
  background-position: left center;
  background-image: url("./../img/popup_share_icon.svg");
}

.panel_popup_holder.share_without_list h4, .panel_popup_holder.share_without_list .search_for_users > p {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #091227;
  margin-bottom: 20px;
}

.panel_popup_holder.share_without_list .person_with_access > p {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #091227;
  margin-bottom: 20px;
}

.panel_popup_holder.share_without_list .person_with_access {
  padding-top: 30px;
  border-top: 1px solid #DCE0EB;
}

.panel_popup_holder.share_without_list .person_with_access > ul {
  max-height: 228px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: calc(100% + 24px);
  padding-right: 24px;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.share_without_list .person_with_access > ul {
    padding-right: 10px;
    width: calc(100% + 10px);
  }
}
.panel_popup_holder.share_without_list .person_with_access > ul::-webkit-scrollbar {
  width: 5px;
}

.panel_popup_holder.share_without_list .person_with_access > ul::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  cursor: pointer;
}

.panel_popup_holder.share_without_list .person_with_access li {
  margin-bottom: 10px;
}

.panel_popup_holder.share_without_list .person_with_access li:last-child {
  margin-bottom: 0;
}

.panel_popup_holder.share_without_list .person_with_access .popup_person_item {
  background-color: #ffffff;
  border: 1px solid #DCE0EB;
}

.panel_popup_holder.share_without_list .person_with_access .popup_person_item .popup_person_right button {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  background-color: #EDF4FF;
}

.panel_popup_holder.panel_popup_chat .file_search .default_form label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.panel_popup_holder.panel_popup_chat .file_search .default_form input {
  width: 100%;
}

.panel_popup_holder.panel_popup_chat .panel_popup_title h3 {
  padding-left: 0;
}

.panel_popup_holder.panel_popup_planner .earn_box .add-competence-chose-list {
  scroll-behavior: smooth;
  position: relative;
  margin-top: 15px;
}

.panel_popup_holder.panel_popup_planner .panel_popup_title {
  margin-bottom: 0;
}

.panel_popup_holder.panel_popup_planner .panel_section_header_holder {
  display: block;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.panel_popup_planner .panel_section_header_holder .panel_section_header {
    padding: 0 15px;
  }
}
.panel_popup_holder.panel_popup_planner .panel_section_header_holder .default_form {
  padding: 15px 30px 0 30px;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.panel_popup_planner .panel_section_header_holder .default_form {
    padding: 0 15px;
  }
}
.panel_popup_holder.panel_popup_planner .panel_section_header {
  padding: 0 30px;
}

.panel_popup_holder.panel_popup_planner .rule {
  padding-bottom: 0 !important;
}

.panel_popup_holder.panel_popup_planner .competition_inner_box_frame {
  padding: 0 30px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.panel_popup_planner .competition_inner_box_frame {
    padding: 0 15px;
  }
}
.panel_popup_holder.panel_popup_planner .planner_form {
  padding: 0 30px;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.panel_popup_planner .planner_form {
    padding: 0 15px;
  }
}
.panel_popup_holder.panel_popup_planner .planner_competitions {
  background-color: #EDF4FF;
  border-radius: 0;
  padding: 30px 30px 30px 30px;
}

.panel_popup_holder.panel_popup_planner .planner_competitions > .text-right {
  padding: 0 30px;
}

.panel_popup_holder.panel_popup_planner .panel_popup_title h3 {
  background-image: url("./../img/planner_popup_icon.svg");
}

.panel_popup_holder.panel_popup_planner .planner_form {
  margin-bottom: 30px;
}

.panel_popup_holder.panel_popup_planner .planner_form > .row {
  margin-bottom: 20px;
}

.panel_popup_holder.panel_popup_planner .planner_form > .row:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.panel_popup_delete_item .panel_popup {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .panel_popup_holder.panel_popup_delete_item .panel_popup_middle {
    padding-top: 45px !important;
    padding-bottom: 30px !important;
  }
  .panel_popup_holder.panel_popup_delete_item .panel_popup_middle > .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .panel_popup_holder.panel_popup_delete_item .panel_popup_middle > .row > div {
    width: auto;
  }
  .panel_popup_holder.panel_popup_delete_item .panel_popup_middle > .row > div:first-child {
    margin-right: auto;
  }
  .panel_popup_holder.panel_popup_delete_item .panel_popup_middle > .row > div:last-child {
    margin-left: auto;
  }
}
.panel_popup_holder.panel_popup_delete_item .btn1 {
  background-color: #E62222;
}

.panel_popup_holder.panel_popup_delete_item .btn1:hover {
  background-color: #cb1616;
}

.panel_popup_holder.panel_popup_delete_item .btn1:focus {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.panel_popup_delete_item .popup_done_title h3 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.02em;
  }
}
.panel_popup_holder.panel_popup_delete_item .popup_done_title h3 {
  background-image: url("./../img/popup_delete_icon.svg");
}

.panel_popup_holder.panel_popup_delete_item .btn1 {
  padding-left: 45px;
  padding-right: 45px;
}

.panel_popup_holder.panel_popup_delete_item .panel_popup_content {
  width: 550px;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.panel_popup_delete_item .panel_popup_content {
    width: 100%;
  }
}
.panel_popup_holder.panel_popup_delete_item .panel_popup_middle {
  position: relative;
}

.panel_popup_holder.panel_popup_delete_item .panel_popup_middle > .panel_popup_close {
  position: absolute;
  top: 15px;
  right: 15px;
}

.panel_popup_holder.panel_popup_delete_item {
  text-align: center;
}

.panel_popup_holder.panel_popup_delete .btn1.panel_popup_close {
  width: auto;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.panel_popup_delete .panel_popup {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .panel_popup_holder.panel_popup_delete .panel_popup_middle {
    padding-top: 45px !important;
    padding-bottom: 30px !important;
  }
  .panel_popup_holder.panel_popup_delete .panel_popup_middle > .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .panel_popup_holder.panel_popup_delete .panel_popup_middle > .row > div {
    width: auto;
  }
  .panel_popup_holder.panel_popup_delete .panel_popup_middle > .row > div:first-child {
    margin-right: auto;
  }
  .panel_popup_holder.panel_popup_delete .panel_popup_middle > .row > div:last-child {
    margin-left: auto;
  }
}
.panel_popup_holder.panel_popup_delete .btn1 {
  background-color: #E62222;
}

.panel_popup_holder.panel_popup_delete .btn1:hover {
  background-color: #cb1616;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.panel_popup_delete .popup_done_title h3 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.02em;
  }
}
.panel_popup_holder.panel_popup_delete .popup_done_title h3 {
  background-image: url("./../img/popup_delete_icon.svg");
}

.panel_popup_holder.panel_popup_delete .btn1 {
  padding-left: 45px;
  padding-right: 45px;
}

.panel_popup_holder.panel_popup_delete .panel_popup_content {
  width: 550px;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.panel_popup_delete .panel_popup_content {
    width: 100%;
  }
}
.panel_popup_holder.panel_popup_delete .panel_popup_middle {
  position: relative;
}

.panel_popup_holder.panel_popup_delete .panel_popup_middle > .panel_popup_close {
  position: absolute;
  top: 15px;
  right: 15px;
}

.panel_popup_holder.panel_popup_delete {
  text-align: center;
}

.panel_popup_holder.panel_popup_done .btn1 {
  padding-left: 45px;
  padding-right: 45px;
}

.panel_popup_holder.panel_popup_done .panel_popup_content {
  width: 550px;
}

.panel_popup_holder.panel_popup_done .panel_popup_middle {
  position: relative;
}

.panel_popup_holder.panel_popup_done .panel_popup_close:not(.btn1) {
  position: absolute;
  top: 20px;
  right: 20px;
}

.panel_popup_holder.panel_popup_done {
  text-align: center;
}

.panel_popup_holder.panel_popup_questionnaire .mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.panel_popup_holder.panel_popup_questionnaire .panel_popup_top {
  color: #091227;
  font-size: 16px;
  line-height: 24px;
}

.panel_popup_holder.panel_popup_questionnaire .panel_popup_top p {
  font-weight: 600;
}

.panel_popup_holder.panel_popup_questionnaire .panel_popup_title h3 {
  background-image: url("./../img/questionnaire_icon.svg");
}

.panel_popup_holder.panel_popup_files .added_competition_box > div.desc_side > div > div:last-child {
  width: 100% !important;
}

.panel_popup_holder.panel_popup_files .file_search .default_form input {
  height: 45px !important;
  border-radius: 22.5px !important;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02) !important;
}

.panel_popup_holder.panel_popup_files label {
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 600 !important;
}

.panel_popup_holder.panel_popup_files .panel_popup_title h3 {
  background-image: url("./../img/popup_upload_icon.svg");
}

.panel_popup_holder.panel_popup_share ul > li {
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.panel_popup_share ul > li button {
    font-size: 10px;
  }
}
.panel_popup_holder.panel_popup_share ul > li:last-child {
  margin-bottom: 0;
}

.panel_popup_holder.panel_popup_share .mCSB_scrollTools .mCSB_draggerRail, .panel_popup_holder.panel_popup_cv .mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.panel_popup_holder.panel_popup_share .panel_popup_title h3, .panel_popup_holder.panel_popup_cv .panel_popup_title h3 {
  background-image: url("./../img/popup_share_icon.svg");
}

.panel_popup_holder.panel_popup_share .file_search input, .panel_popup_holder.panel_popup_share .file_search label, .panel_popup_holder.panel_popup_cv .file_search input, .panel_popup_holder.panel_popup_cv .file_search label {
  width: 100%;
}

.panel_popup_holder.panel_popup_share .file_search label, .panel_popup_holder.panel_popup_cv .file_search label {
  margin-bottom: 20px;
}

.panel_popup_holder.panel_popup_share .file_search input, .panel_popup_holder.panel_popup_cv .file_search input {
  background-position: left 20px center;
  padding-left: 47px;
  height: 45px;
  border-radius: 22.5px;
}

.panel_popup_holder .panel_popup_content {
  margin: 50px auto;
  width: 690px;
  background-color: #ffffff;
  border-radius: 10px;
  max-height: calc(100vh - 100px);
  overflow-y: scroll;
}

.panel_popup_holder .panel_popup_content::-webkit-scrollbar {
  width: 6px;
}

.panel_popup_holder .panel_popup_content::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder .panel_popup_content {
    width: 100%;
    border-radius: 0;
  }
}
.panel_popup_holder .panel_popup_content > div {
  padding: 20px 20px 20px 30px;
  border-bottom: 1px solid #DCE0EB;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder .panel_popup_content > div {
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .panel_popup_holder .panel_popup_content > div.panel_popup_top {
    padding-top: 32px;
    padding-bottom: 20px;
  }
}
.panel_popup_holder .panel_popup_content > div.panel_popup_top .panel_popup_close {
  position: absolute;
  top: 20px;
  right: 30px;
  border-radius: 50%;
  overflow: hidden;
  transition: 0.3s all ease;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder .panel_popup_content > div.panel_popup_top .panel_popup_close {
    right: 15px;
  }
}
.panel_popup_holder .panel_popup_content > div.panel_popup_top .panel_popup_close:hover {
  background-color: #EDF4FF;
}

.panel_popup_holder .panel_popup_content > div.panel_popup_top {
  position: relative;
  background-color: #ffffff;
  z-index: 3;
}

.panel_popup_holder .panel_popup_content > div.panel_popup_top > div {
  padding-right: 60px;
}

.panel_popup_holder .panel_popup_content > div.panel_popup_middle {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder .panel_popup_content > div.panel_popup_middle {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .panel_popup_holder .panel_popup_content > div.panel_popup_middle .file_search label {
    width: 100% !important;
    text-align: center !important;
    display: block !important;
  }
  .panel_popup_holder .panel_popup_content > div.panel_popup_middle .file_search > .default_form {
    width: 100%;
  }
  .panel_popup_holder .panel_popup_content > div.panel_popup_middle .file_search > .default_form input {
    width: 100%;
  }
}
.panel_popup_holder .panel_popup_content > div:last-child {
  border-bottom: 0;
}

.panel_popup_holder .panel_popup_content > div:last-child.panel_popup_bottom button, .panel_popup_holder .panel_popup_content > div:last-child.panel_popup_bottom a {
  border-radius: 5px;
}

.panel_popup_holder .panel_popup_content > div:last-child.panel_popup_bottom .inline_row {
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.panel_popup_holder .panel_popup_content > div:last-child.panel_popup_bottom .inline_row > div {
  padding: 0;
  width: auto !important;
}

.panel_popup_holder .panel_popup_content > div:last-child.panel_popup_bottom .inline_row > div:first-child {
  margin-right: auto;
}

.panel_popup_holder .panel_popup_content > div:last-child.panel_popup_bottom .inline_row > div:last-child {
  margin-left: auto;
}

.panel_popup_holder .file_search .default_form input {
  padding-left: 39px !important;
}

.file_search {
  margin-bottom: 15px;
}

.file_search .default_form label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #091227;
  width: 225px;
}

.file_search .default_form input {
  background-image: url("./../img/search_icon.svg");
  background-position: left 15px center;
  background-repeat: no-repeat;
  padding-left: 39px;
  padding-right: 15px;
  height: 37px;
  border-radius: 18.5px;
  width: calc(100% - 229px);
}

.files_list {
  max-height: 443px;
}

@media only screen and (max-width: 1500px) {
  .files_list {
    max-height: 303px;
  }
}
.files_list ul > li {
  margin-bottom: 5px;
}

.files_list ul > li:last-child {
  margin-bottom: 0;
}

.question_list {
  max-height: 543px;
}

.question_list ul > li {
  margin-bottom: 5px;
}

.question_list ul > li:last-child {
  margin-bottom: 0;
}

.popup_person_right > div {
  display: inline-block;
  vertical-align: middle;
}

.person_delete {
  display: inline-block;
  vertical-align: middle;
  margin-left: 22px;
}

.panel_popup_share_content {
  height: 400px;
}

@media only screen and (max-width: 1500px) {
  .panel_popup_share_content {
    height: 280px;
  }
}
.panel_popup_share_content ul > li {
  margin-bottom: 5px;
}

.panel_popup_share_content ul > li:last-child {
  margin-bottom: 0;
}

.panel_chat_content .person_institution {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #091227;
  padding-top: 4px;
}

.popup_person_item {
  background-color: #EDF4FF;
  border-color: #EDF4FF;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 10px 15px;
  border-radius: 5px;
}

.popup_person_item .person_institution {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #091227;
}

@media only screen and (max-width: 767px) {
  .popup_person_item {
    display: block;
  }
}
.popup_person_item .tag {
  font-size: 12px;
  line-height: 18px;
  line-height: 20px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;
}

.popup_person_item .person_name {
  color: #091227;
}

.popup_person_item .person_name p {
  font-weight: 600;
}

.popup_person_item .person_mail {
  color: #485058;
}

@media only screen and (max-width: 767px) {
  .popup_person_item .popup_person_right {
    padding-top: 10px;
    padding-left: 45px;
  }
}
.popup_person_item .popup_person_left > div {
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .popup_person_item .popup_person_left > div .person_mail {
    font-size: 12px;
    line-height: 18px;
  }
}
.popup_person_item .popup_person_left > div.peron_desc:has(.person_institution) > div {
  vertical-align: top;
}

.popup_person_item .popup_person_left > div.peron_desc > div {
  display: inline-block;
  vertical-align: middle;
}

.popup_person_item .popup_person_left > div.peron_desc > div.image_side {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

.popup_person_item .popup_person_left > div.peron_desc > div.image_side .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.popup_person_item .popup_person_left > div.peron_desc > div.desc_side {
  width: calc(100% - 30px);
  padding-left: 15px;
}

.popup_person_item .popup_person_left > div.peron_desc.with_checkbox {
  padding-left: 15px;
  width: calc(100% - 20px);
}

.popup_person_item.active {
  background-color: #ffffff;
  border-color: #ffffff;
}

.popup_person_item .checkbox_image_box {
  width: 20px;
  height: 20px;
  position: relative;
}

.popup_person_item .checkbox_image_box > div {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 1px solid #DCE0EB;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px auto;
  background-color: #ffffff;
}

.popup_person_item .checkbox_image_box > div.yes {
  border-color: #1057E0;
  background-color: #1057E0;
  background-image: url("./../img/check_icon.svg");
}

.popup_person_item .checkbox_image_box > div.yes:disabled {
  outline: 0;
}

.popup_person_item .checkbox_image_box > div.on:disabled {
  outline: 0;
}

.popup_person_item .checkbox_image_box > div.on {
  display: block;
}

.panel_popup_added_competition_box {
  transition: 0.3s all ease;
  padding: 0 15px;
  border-radius: 5px;
  cursor: pointer;
}

.panel_popup_added_competition_box.active {
  background-color: #EDF4FF;
}

.panel_popup_added_competition_box:hover {
  background-color: #F0F4F8;
}

.panel_popup_added_competition_box > div {
  display: inline-block;
  vertical-align: top;
}

.panel_popup_added_competition_box > div:first-child {
  padding-top: 35px;
}

.panel_popup_added_competition_box > div:last-child {
  width: calc(100% - 20px);
}

.panel_popup_added_competition_box > div .added_competition_box {
  border: 0;
  background-color: transparent;
}

.panel_popup_added_competition_box .checkbox_image_box {
  width: 20px;
  height: 20px;
  position: relative;
}

.panel_popup_added_competition_box .checkbox_image_box > div {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 1px solid #DCE0EB;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px auto;
  background-color: #ffffff;
}

.panel_popup_added_competition_box .checkbox_image_box > div.yes {
  border-color: #1057E0;
  background-color: #1057E0;
  background-image: url("./../img/check_icon.svg");
}

.panel_popup_added_competition_box .checkbox_image_box > div.on {
  display: block;
}

.panel_photo {
  position: relative;
  width: 100%;
  height: 235px;
  border-radius: 5px;
  overflow: hidden;
}

@media only screen and (max-width: 1200px) {
  .panel_photo {
    height: 0;
    padding-bottom: 100%;
  }
}
.panel_photo:hover .options_cover {
  background-color: rgba(0, 0, 0, 0.5);
}

.panel_photo:hover .options_cover button {
  transform: scale(1);
  opacity: 1;
}

.panel_photo .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.options_cover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  transition: 0.3s all ease;
  background-color: rgba(0, 0, 0, 0);
}

.options_cover button {
  transform: scale(1.5);
  transition: 0.3s all ease;
  opacity: 0;
}

.options_cover button:focus {
  transform: scale(1);
  opacity: 1;
}

.options_cover button:focus:after {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .options_cover {
    transform: scale(1);
    opacity: 1;
    background-color: transparent;
    height: auto;
    top: 10px;
    right: 10px;
    left: auto;
  }
  .options_cover .text-center {
    display: flex;
    flex-flow: column;
  }
  .options_cover .text-center button:last-child {
    order: 1;
  }
  .options_cover .text-center button:first-child {
    order: 2;
  }
  .options_cover button {
    display: block;
    margin-left: auto !important;
    margin-bottom: 5px;
    background-color: rgba(0, 0, 0, 0.64) !important;
    line-height: 13px;
  }
  .options_cover button svg path {
    fill: #ffffff;
  }
}
.options_cover > div {
  width: 100%;
}

.photo_btn {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 45px;
  text-align: center;
  background-color: #ffffff;
}

.photo_btn.remove_btn {
  margin-left: 15px;
  background-color: #E62222;
}

.file_box .default_form label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.element_list .file_details {
  display: none;
}

.panel_about_me_photos {
  padding-bottom: 30px;
}

.panel_about_me_photos .default_form .myform2_dropzone_box {
  padding: 30px 0;
}

.panel_about_me_photos .form_footer {
  padding: 15px 0;
}

.panel_about_me_photos .form_footer .btn2.gray {
  color: #485058;
  background-color: transparent;
}

.panel_about_me_photos .form_footer .btn2.gray:hover, .panel_about_me_photos .form_footer .btn2.gray.hover {
  background-color: #EDF4FF;
  text-decoration: none;
  color: #1057E0;
}

.panel_about_me_photos .flex_list > ul > li {
  min-width: 25%;
}

.panel_about_me_photos .flex_list > ul > li:last-child {
  flex-grow: 1;
}

.panel_about_me_photos .flex_list > ul > li:last-child:first-child {
  margin-bottom: 0;
}

.panel_about_me_photos .flex_list > ul > li > .default_form {
  height: 100%;
}

.panel_about_me_photos .flex_list > ul > li > .default_form > div {
  height: 100%;
}

.panel_about_me_content > div {
  border-bottom: 1px solid #DCE0EB;
  margin-bottom: 30px;
}

.panel_about_me_content > div:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

@media only screen and (max-width: 991px) {
  .about_me_data_form .add_btn.small {
    text-align: left;
  }
}
.about_me_data_form > .row {
  margin-bottom: 30px;
}

@media only screen and (max-width: 991px) {
  .about_me_data_form > .row {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .about_me_data_form > .row {
    margin-bottom: 30px;
  }
}
.about_me_data_form > .row:last-child {
  margin-bottom: 0;
}

.add_language {
  margin-bottom: 13px;
}

.add_language > div {
  display: inline-block;
  vertical-align: top;
}

.add_language > div.add_language_left_side {
  width: calc(100% - 535px);
  padding-right: 20px;
}

@media only screen and (max-width: 1720px) {
  .add_language > div.add_language_left_side {
    width: 50%;
  }
}
@media only screen and (max-width: 1200px) {
  .add_language > div.add_language_left_side {
    padding-right: 0;
    width: 100%;
  }
}
.lang_lvl_btn {
  line-height: 48px;
  text-align: center;
  color: #091227;
  text-align: center;
  width: 100%;
  border: 1px solid #DCE0EB;
  border-radius: 5px;
  transition: 0.3s all ease;
  background-color: #ffffff;
}

.lang_lvl_btn.lang_lvl_btn2 {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

.lang_lvl_btn.lang_lvl_btn2:hover {
  background-color: transparent;
  border-color: rgb(255, 255, 255);
}

.lang_lvl_btn.lang_lvl_btn2.on {
  border-color: #FFB52B;
  background-color: #FFB52B !important;
  color: #091227;
  font-weight: 700;
}

.lang_lvl_btn.on {
  border-color: #1057E0;
  background-color: #1057E0 !important;
  color: #ffffff;
  font-weight: 700;
}

.lang_lvl_btn:hover {
  background-color: #EDF4FF;
  border-color: #EDF4FF;
}

.lang_lvl_holder {
  gap: 50px;
}

.add_language_right_side > ul {
  margin: 0 -2.5px;
  white-space: nowrap;
}

@media only screen and (max-width: 1200px) {
  .add_language_right_side > ul {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .add_language_right_side > ul {
    white-space: normal;
    display: block;
  }
}
.add_language_right_side > ul > li {
  display: inline-block;
  vertical-align: top;
  padding: 0 2.5px;
  width: 90px;
}

@media only screen and (max-width: 1600px) {
  .add_language_right_side > ul > li {
    width: 70px;
  }
}
@media only screen and (max-width: 1200px) {
  .add_language_right_side > ul > li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .add_language_right_side > ul > li {
    width: 33.33%;
    margin-bottom: 5px;
  }
}
.panel_proofs .file_box {
  margin-bottom: 30px;
}

.paggination {
  padding-top: 55px;
}

@media only screen and (max-width: 767px) {
  .paggination {
    text-align: center;
    padding-top: 45px;
  }
}
.paggination .myajaxlist_paginate_box {
  padding: 0;
  margin: 0;
  border: 0;
}

@media only screen and (max-width: 767px) {
  .paggination .myajaxlist_paginate_box {
    padding: 0;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
}
.paggination .myajaxlist_paginate_box > div {
  vertical-align: middle;
}

.paggination .myajaxlist_paginate_box > div.arrow_box {
  width: auto;
}

@media only screen and (max-width: 767px) {
  .paggination .myajaxlist_paginate_box > div.arrow_box {
    white-space: nowrap;
    text-align: center !important;
  }
}
.paggination .myajaxlist_paginate_box > div.arrow_box > button {
  width: 30px;
  height: 30px;
  border: 1px solid #DCE0EB;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s all ease;
}

@media only screen and (max-width: 767px) {
  .paggination .myajaxlist_paginate_box > div.arrow_box > button {
    display: inline-block;
  }
}
.paggination .myajaxlist_paginate_box > div.arrow_box > button:hover {
  background-color: #DCE0EB;
}

.paggination .myajaxlist_paginate_box > div.arrow_box > button:after {
  display: none;
}

.paggination .myajaxlist_paginate_box > div.arrow_box > button.left_button {
  background-image: url("./../img/pagi_arr_left.svg");
}

.paggination .myajaxlist_paginate_box > div.arrow_box > button.right_button {
  background-image: url("./../img/pagi_arr_right.svg");
}

.paggination .myajaxlist_paginate_box > div.arrow_box > button.first_page {
  background-image: url("./../img/pagi_arr_first.svg");
}

.paggination .myajaxlist_paginate_box > div.arrow_box > button.last_page {
  background-image: url("./../img/pagi_arr_last.svg");
}

.paggination .myajaxlist_paginate_box > div.pages_box {
  padding: 0 15px;
  width: auto;
}

@media only screen and (max-width: 767px) {
  .paggination .myajaxlist_paginate_box > div.pages_box {
    white-space: nowrap;
    overflow-x: scroll;
    padding: 0;
  }
}
.paggination .myajaxlist_paginate_box > div.pages_box > div {
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding-top: 0;
  font-size: 14px;
  border-radius: 5px;
  color: #485058;
  font-weight: 600;
}

.paggination .myajaxlist_paginate_box > div.pages_box > div.active {
  color: #ffffff !important;
  background: #1057E0 !important;
}

.question_box {
  background-color: #EDF4FF;
  border-radius: 10px;
  padding: 20px;
}

.question_box .question_box_title {
  margin-bottom: 20px;
}

.question_box .question_box_title > div {
  display: inline-block;
  vertical-align: top;
}

.question_box .question_box_title > div.question_number {
  font-size: 10px;
  line-height: 14px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background-color: #FFB52B;
  color: #091227;
  font-weight: 700;
}

.question_box .question_box_title > div.question_title {
  width: calc(100% - 20px);
  padding-left: 10px;
  margin-top: -2px;
}

.question_box .question_box_title > div.question_title h3 {
  color: #091227;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.question_box .question_box_bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
}

.question_box .question_box_bottom .lang_lvl_btn {
  border-color: #EDF4FF;
  font-size: 16px;
  color: #485058;
  font-weight: 600;
}

.question_box .question_box_bottom .lang_lvl_btn.on {
  color: #ffffff !important;
}

.question_box .question_box_bottom .lang_lvl_btn:hover {
  background-color: #F0F4F8;
}

.question_box .question_box_bottom .answers {
  width: 100%;
  padding: 0 30px;
}

.question_box .question_box_bottom .answers > ul {
  margin: 0 -2.5px;
  white-space: nowrap;
}

.question_box .question_box_bottom .answers > ul > li {
  padding: 0 2.5px;
  width: 20%;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}

.question_box .question_box_bottom .answers > ul > li button {
  width: 100%;
}

.question_list > ul > li {
  margin-bottom: 10px;
}

.all_questions {
  position: absolute;
  top: 22px;
  right: 90px;
  color: #485058;
}

.folder_box {
  height: 100%;
  padding: 30px 30px 0 30px;
  box-shadow: 0px 0px 15px rgba(2, 21, 80, 0.1);
  border-radius: 10px;
  background-color: #ffffff;
  position: relative;
  border: 1px solid transparent;
}

.folder_box.small_cv_box {
  padding: 0;
}

.folder_box.small_cv_box .folder_top {
  padding: 30px;
  margin-bottom: 0;
}

.folder_box.small_cv_box .folder_bottom {
  padding: 0 30px 20px 30px;
  position: static;
}

.folder_box.folder {
  cursor: pointer;
}

.folder_box.active_folder_box {
  border-color: #1057E0;
}

.folder_box.active_folder_box .icon {
  background-color: #1057E0 !important;
}

.folder_box.active_folder_box .icon svg path {
  fill: #ffffff;
}

.folder_box.side_panel_folder_item .folder_top {
  margin-bottom: 0;
}

.folder_box.side_panel_folder_item .folder_top .folder_title {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 15px;
}

.folder_box.side_panel_folder_item .folder_top .folder_title > div.icon_side .icon {
  background-color: #EDF4FF;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
}

.folder_box.side_panel_folder_item .folder_top .folder_title > div.icon_side .icon svg path {
  fill: #1057E0;
}

.folder_box.side_panel_folder_item .folder_details {
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #485058;
}

.folder_box.side_panel_folder_item .folder_details a {
  color: #485058;
}

.folder_box.side_panel_folder_item .folder_details a:hover {
  text-decoration: none;
  color: #091227;
}

.folder_box.side_panel_folder_item .folder_bottom {
  position: relative;
  padding: 0 0 20px 0;
}

.folder_box.side_panel_folder_item .folder_bottom > div > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 16px;
  line-height: 0;
}

.folder_box.shared .folder_top {
  margin-bottom: 0px;
}

.folder_box.shared .folder_bottom {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.folder_box .panel_toggle_box_details > ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

.folder_box .panel_toggle_box_details > ul > li {
  margin-right: 0;
}

.folder_box .panel_toggle_box_details > ul > li:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .folder_box {
    padding: 20px 20px 0 20px;
  }
}
.folder_box.folder .title_side {
  overflow: hidden;
  padding-left: 0;
  width: calc(100% - 50px);
  padding-left: 15px;
}

.folder_box.cv_for_counselor .folder_bottom {
  position: static;
  padding: 0;
}

.folder_box.cv_for_counselor .folder_bottom > div {
  flex-flow: column;
  gap: 15px;
  align-items: flex-end;
  padding-bottom: 20px;
}

.folder_box.cv_for_counselor .folder_bottom > div > div:has(.folder_user) {
  align-self: flex-start;
}

.folder_box.cv_for_counselor .folder_title {
  margin-bottom: 0;
}

.folder_box.cv_for_counselor .folder_top {
  margin-bottom: 0;
}

.folder_box.cv .title_side {
  overflow: hidden;
  padding-left: 0;
}

.folder_box .image_holder {
  width: 100%;
  margin-bottom: 30px;
}

.folder_box .image_holder .image {
  background-color: transparent;
  height: 0;
  padding-bottom: 141.487%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
}

.folder_box .image_holder_cv_box .image {
  background-size: contain;
}

.folder_box .details_summary_quantity {
  width: 25px !important;
  height: 25px !important;
  line-height: 25px !important;
}

.folder_box .folder_title {
  margin-bottom: 20px;
}

.folder_box .folder_title > div {
  display: inline-block;
  vertical-align: middle;
}

.folder_box .folder_title > div.icon_side {
  width: 50px;
  height: 50px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.folder_box .folder_title > div.icon_side .icon {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #EDF4FF;
}

.folder_box .folder_title > div.icon_side .icon.user_image {
  background-size: cover;
}

.folder_box .folder_title > div.title_side h3 {
  color: #091227;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -0.01em;
  display: -webkit-box;
  word-break: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.folder_box .folder_top {
  padding-bottom: 20px;
  margin-bottom: 70px;
}

@media only screen and (max-width: 767px) {
  .folder_box .folder_top .panel_toggle_box_details ul {
    padding-left: 0 !important;
  }
}
.folder_box .folder_bottom {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0px 30px 20px 30px;
}

@media only screen and (max-width: 767px) {
  .folder_box .folder_bottom {
    padding: 0 20px 20px 20px;
  }
}
.folder_box .folder_bottom > div {
  padding-top: 20px;
  border-top: 1px solid #DCE0EB;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.folder_box .folder_bottom > div > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.folder_home .panel_section_header_holder {
  margin-bottom: 0;
  align-items: flex-start;
}

.folder_home .panel_section_header_holder .right_side {
  align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .folder_home .panel_section_header_holder .right_side {
    flex-flow: column;
  }
}
@media only screen and (max-width: 767px) {
  .folder_home .panel_section_header {
    position: relative;
  }
  .folder_home .tip_info,
  .folder_home .tip_info2 {
    right: 15px !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 991px) {
  .folder_home {
    padding-top: 20px;
  }
}
.folder_home > .row {
  margin-bottom: 15px;
}

.folder_home > .row:first-child {
  margin-bottom: 5px;
}

.folder_home > .row:last-child {
  margin-bottom: 0;
}

.folder_home .element_list {
  padding-top: 20px;
}

@media only screen and (max-width: 1500px) {
  .folder_home .element_list > ul > li {
    width: 33.33%;
  }
}
@media only screen and (max-width: 991px) {
  .folder_home .element_list > ul > li {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .folder_home .element_list.three_in_row > ul > li:last-child {
    margin-bottom: 30px;
  }
  .folder_home .element_list > ul > li {
    margin-bottom: 20px;
    width: 100%;
  }
  .folder_home .element_list > ul > li:last-child {
    margin-bottom: 0;
  }
}
.folder_btn {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  transition: 0.3s all ease;
  border-radius: 50%;
  overflow: hidden;
  width: 30px;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  .folder_btn {
    margin-left: 0;
  }
}
.folder_btn.delete {
  cursor: pointer;
}

.folder_btn:hover {
  background-color: #EDF4FF;
}

.folder_btn:first-child {
  margin-left: 0;
}

.folder_btn.delete, .folder_btn.cv_delete {
  background-image: url("./../img/folder_icon4.svg");
}

.folder_btn.delete:hover, .folder_btn.cv_delete:hover {
  background-color: #FCE7E7;
  background-image: url("./../img/folder_icon4_2.svg");
}

.folder_btn.edit {
  background-image: url("./../img/folder_icon3.svg");
}

.folder_btn.edit:hover {
  background-image: url("./../img/folder_icon3_2.svg");
}

.folder_btn.show_details {
  background-image: url("./../img/search_icon_2.svg");
}

.folder_btn.show_details:hover {
  background-image: url("./../img/search_icon_3.svg");
}

.folder_btn.share_cv, .folder_btn.share {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/folder_icon1.svg");
}

.folder_btn.share_cv:hover, .folder_btn.share:hover {
  background-image: url("./../img/folder_icon1_2.svg");
}

.add_new_box {
  border-radius: 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
  background-color: #EDF4FF;
  min-height: 215px;
  max-height: 100%;
}

.add_new_box > div {
  width: 100%;
}

.add_new_box > div p {
  color: #1057E0;
  font-weight: 600;
  padding-top: 70px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("./../img/add_new.svg");
}

.user_folder_top {
  overflow: hidden;
  background-color: #1057E0;
  position: relative;
  background-image: none;
}

.user_folder_top .overtitle {
  color: #ffffff;
}

.user_folder_top .page_top_bg {
  background-image: none;
}

.user_folder_top .anim_shape {
  position: absolute;
}

.user_folder_top .anim_shape.anim_shape1 {
  left: -16.5%;
  top: -70px;
  -webkit-animation: rotating 80s linear infinite;
  -moz-animation: rotating 80s linear infinite;
  -ms-animation: rotating 80s linear infinite;
  -o-animation: rotating 80s linear infinite;
  animation: rotating 80s linear infinite;
}

.user_folder_top .anim_shape.anim_shape2 {
  right: -22%;
  bottom: 90px;
  -webkit-animation: rotating2 80s linear infinite;
  -moz-animation: rotating2 80s linear infinite;
  -ms-animation: rotating2 80s linear infinite;
  -o-animation: rotating2 80s linear infinite;
  animation: rotating2 80s linear infinite;
}

@media only screen and (max-width: 767px) {
  .added_persons .popup_person_item {
    position: relative;
  }
  .added_persons .popup_person_item .popup_person_right {
    padding-left: 0;
  }
  .added_persons .popup_person_item .popup_person_right .person_delete {
    position: absolute;
    right: 15px;
    top: 10px;
    background-color: #EDF4FF;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }
}
.user_folder_top {
  height: 130px;
  padding: 0 13.0208333333vw 0 5vw;
  position: relative;
}

.user_folder_top .user_folder_title {
  position: absolute;
  bottom: 40px;
  display: flex;
  align-items: center;
}

.user_folder_top .user_folder_title .panel_section_header {
  gap: 0;
  margin-bottom: 0;
}

.user_folder_top .user_folder_title .panel_section_header .overtitle {
  color: #FFB52B;
}

.user_folder_top {
  padding: 0 13.0208333333vw 0 5vw;
}

@media only screen and (max-width: 1500px) {
  .user_folder_top {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 991px) {
  .user_folder_top {
    padding: 0 15px;
  }
}
.user_folder_top.counselor_top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 991px) {
  .user_folder_top.counselor_top {
    padding-top: 30px;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .user_folder_top.counselor_top {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 991px) {
  .user_folder_top.counselor_top .counselor_top_actions {
    align-self: flex-end;
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .user_folder_top.counselor_top .counselor_top_actions {
    position: absolute;
    top: 15px;
    right: 15px;
  }
}
.user_folder_top.counselor_top .counselor_top_menu {
  align-self: flex-end;
}

@media only screen and (max-width: 991px) {
  .user_folder_top.counselor_top .counselor_top_menu {
    padding-top: 30px;
  }
}
.user_folder_top.counselor_top .counselor_top_menu a {
  color: #ffffff !important;
}

.user_folder_top.counselor_top .return_top_btn {
  margin-bottom: 0 !important;
}

.user_folder_top.counselor_top .user_folder_title {
  padding-top: 0 !important;
  align-self: center !important;
  position: static;
}

@media only screen and (max-width: 767px) {
  .user_folder_top.counselor_top .user_folder_title {
    flex-flow: column;
    justify-content: center;
    width: 100%;
    text-align: center;
  }
  .user_folder_top.counselor_top .user_folder_title .icon_side {
    margin: 0 auto;
  }
  .user_folder_top.counselor_top .user_folder_title .title_side {
    padding-left: 0;
    padding-top: 15px;
    width: 100%;
  }
  .user_folder_top.counselor_top .user_folder_title .title_side .panel_section_header {
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .user_folder_top.counselor_top {
    flex-wrap: wrap;
  }
  .user_folder_top.counselor_top .title_side {
    padding-right: 0 !important;
  }
  .user_folder_top.counselor_top > div:nth-child(1) {
    order: 1;
  }
  .user_folder_top.counselor_top > div:nth-child(2) {
    order: 3;
    width: 100%;
  }
  .user_folder_top.counselor_top > div:nth-child(3) {
    order: 2;
  }
}
.user_folder_top.counselor_top > div.pt_box {
  display: inherit;
  padding-top: 10px;
  align-self: flex-start;
}

.user_folder_top.counselor_top .return_top_btn {
  position: relative;
  top: auto;
  right: auto;
  margin-bottom: 10px;
  display: inline-block;
}

@media only screen and (max-width: 991px) {
  .user_folder_top.counselor_top .return_top_btn {
    margin-bottom: 0;
  }
}
.user_folder_top.counselor_top .menu_box .user_nav > ul > li > div > a {
  padding-bottom: 20px;
}

.user_folder_title {
  position: relative;
}

.user_folder_title > div {
  display: inline-block;
  vertical-align: top;
}

.user_folder_title > div.icon_side {
  width: 50px;
  height: 50px;
  background-color: #FFB52B;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}

.user_folder_title > div.icon_side .icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.user_folder_title > div.title_side {
  width: calc(100% - 50px);
  padding-left: 15px;
}

.user_folder_title > div.title_side .section_header {
  margin-bottom: 0;
}

.user_folder_title > div.title_side .overtitle {
  font-size: 12px;
  line-height: 18px;
}

.user_folder_title > div.title_side h2 {
  color: #ffffff;
}

.folder_search_box .default_form label {
  font-size: 12px;
  line-height: 18px;
  color: #485058;
  margin-bottom: 5px;
}

.folder_search_box .default_form {
  padding-left: 80px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("./../img/search_folder_icon.svg");
}

@media only screen and (max-width: 991px) {
  .folder_search_box .default_form {
    padding-left: 65px;
  }
}
.folder_search_box .default_form input[type=text] {
  height: 22px;
  border: 0;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -0.02em;
  line-height: 32px;
  text-align: left;
  color: #858995;
  padding: 0;
  padding-left: 0 !important;
}

@media only screen and (max-width: 991px) {
  .folder_search_box .default_form input[type=text] {
    font-size: 14px;
    border: 1px solid #DCE0EB;
    height: 35px;
    padding: 0 10px !important;
  }
}
@media only screen and (max-width: 991px) {
  .folder_footer.folder_footer2 .folder_footer_holder {
    display: flex;
  }
  .folder_footer.folder_footer2 .folder_footer_holder ul > li {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .folder_footer.folder_footer2 .folder_footer_holder {
    position: relative;
    display: block;
  }
  .folder_footer.folder_footer2 .folder_footer_holder ul > li {
    margin-right: 10px;
  }
  .folder_footer.folder_footer2 .folder_footer_holder ul > li:last-child {
    margin-right: 0;
  }
  .folder_footer.folder_footer2 .folder_footer_holder .btn3 {
    position: absolute;
    left: 0px;
    bottom: 0px;
  }
}
.folder_footer .folder_footer_right .panel_toggle_box_details {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: nowrap;
}

.folder_footer .folder_footer_right {
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .folder_footer .folder_footer_right .panel_toggle_box_details {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
}
.folder_footer .folder_footer_right .tip_info.rotated,
.folder_footer .folder_footer_right .tip_info2.rotated {
  bottom: calc(100% + 50px);
  top: auto;
  text-align: left;
  position: absolute;
  right: 0;
}

.folder_footer .folder_footer_right ul li:last-child {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .folder_footer .folder_footer_right > ul {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .folder_footer .folder_footer_right .panel_toggle_box_details ul {
    padding-left: 15px;
    margin-right: auto;
  }
  .folder_footer .folder_footer_right .panel_toggle_box_details ul > li {
    margin-right: 15px;
  }
  .folder_footer .folder_footer_right .panel_toggle_box_details ul > li:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .folder_footer .folder_footer_right {
    white-space: normal;
  }
  .folder_footer .folder_footer_right > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) {
  .folder_footer .folder_footer_right > ul {
    display: block;
  }
}
.folder_footer {
  padding: 20px 5vw;
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-shadow: 0px 0px 30px rgba(2, 21, 80, 0.1);
  z-index: 10;
}

@media only screen and (max-width: 1600px) {
  .folder_footer {
    padding: 20px 2vw;
  }
}
@media only screen and (max-width: 1200px) {
  .folder_footer {
    padding: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .folder_footer {
    padding: 10px;
  }
}
.folder_footer .panel_toggle_box_details {
  font-size: 12px;
  line-height: 18px;
}

.folder_footer .panel_toggle_box_details span {
  display: inline-block;
  font-weight: 600;
  color: #485058;
  margin-right: 15px;
}

@media only screen and (max-width: 767px) {
  .folder_footer .panel_toggle_box_details span {
    margin-right: 0;
  }
}
.folder_footer .panel_toggle_box_details .details_summary_quantity {
  width: 25px !important;
  height: 25px !important;
  line-height: 25px !important;
}

.folder_footer .text-right > ul > li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}

@media only screen and (max-width: 1500px) {
  .folder_footer .text-right > ul > li {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .folder_footer .text-right > ul > li {
    width: 50%;
  }
  .folder_footer .text-right > ul > li .panel_toggle_box_details span {
    display: none;
  }
  .folder_footer .text-right > ul > li:first-child {
    padding: 15px 0;
    width: 100%;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .folder_footer .text-right > ul > li {
    width: auto;
  }
}
.folder_footer .text-right > ul > li:last-child {
  text-align: right;
  margin-right: 0;
}

.folder_footer input.err {
  border: 1px solid #E62222 !important;
}

.folder_footer input.invalid {
  border: 1px solid #E62222 !important;
}

.folder_footer input[type=submit] {
  width: auto;
  padding-left: 45px;
  padding-right: 45px;
  border-radius: 5px;
}

.folder_footer .folder_footer_holder {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 1200px) {
  .folder_footer .folder_footer_holder {
    flex-flow: column;
    align-items: flex-start;
  }
  .folder_footer .folder_footer_holder > div {
    width: 100%;
  }
  .folder_footer .folder_footer_holder .panel_toggle_box_details > span, .folder_footer .folder_footer_holder .panel_toggle_box_details > ul {
    margin-top: 0 !important;
  }
  .folder_footer .folder_footer_holder .folder_footer_right > ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .folder_footer .folder_footer_holder .folder_footer_right > ul li:has(.js_open_creator_cv_list_button) {
    margin-left: auto;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 767px) {
  .folder_footer .folder_footer_holder .folder_footer_right > ul li:has(.js_open_creator_cv_list_button) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .folder_footer .folder_footer_holder {
    display: block;
  }
}
.add_folder_holder {
  padding-bottom: 95px;
}

.return_top_btn {
  top: 9.5px;
  right: 0;
  position: absolute;
  font-weight: 700;
  text-decoration: none;
  color: #ffffff;
  padding-right: 40px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("./../img/white_close.svg");
}

.return_top_btn:hover {
  color: #ffffff;
}

.js_single_folder.selected .your_folder_box {
  border-color: #1057E0;
}

.js_single_folder.selected .your_folder_box .icon_side .icon {
  background-size: 15px;
  background-color: #1057E0;
  background-image: url("./../img/your_folder_icon2.svg") !important;
}

.js_cv_creator_list_popup .file_search {
  margin-bottom: 20px;
}

.js_cv_creator_list_popup .file_search .default_form label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.js_cv_creator_list_popup .file_search .default_form input {
  border-radius: 66px !important;
  height: 45px;
  width: 100%;
}

.js_cv_creator_list_popup .your_folder_box {
  padding: 11px 15px;
  border: 1px solid #DCE0EB;
}

.js_cv_creator_list_popup .your_folders > ul > li {
  margin-bottom: 5px;
}

.js_cv_creator_list_popup .your_folders > ul > li:last-child {
  margin-bottom: 0;
}

.js_cv_creator_list_popup .your_folders a {
  text-decoration: none;
}

.your_folder_box {
  padding: 14px 15px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: right 15px center;
  transition: 0.3s all ease;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.your_folder_box:has(.badge_neutral) {
  background-image: none !important;
}

.your_folder_box:has(.badge_neutral) .desc_side {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.your_folder_box:hover {
  background-image: url("/img/go_next_icon.svg");
  background-color: #EDF4FF;
}

.your_folder_box:hover > div.icon_side > .icon {
  background-color: #ffffff;
}

.your_folder_box > div {
  display: inline-block;
  vertical-align: middle;
}

.your_folder_box > div.icon_side {
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.your_folder_box > div.icon_side .icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #EDF4FF;
}

.your_folder_box > div.desc_side {
  width: calc(100% - 30px);
  padding-left: 15px;
  color: #091227;
}

.your_folder_box > div.desc_side p {
  font-weight: 600;
}

.your_folder_box > div.desc_side span {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.your_folder_box > div.desc_side span:last-child {
  margin-right: 0;
}

.your_folder_box > div.desc_side span {
  font-size: 12px;
  line-height: 18px;
  color: #485058;
}

@media only screen and (max-width: 991px) {
  .panel_planner {
    padding-top: 20px;
  }
}
.panel_planner .add_button {
  background-color: #1057E0;
  border-color: #1057E0;
}

.panel_planner .add_button:hover {
  border-color: #0043C3;
  background-color: #0043C3;
  color: #ffffff;
}

.panel_planner .add_button:hover span {
  background-image: url("./../img/add_icon.svg");
}

.planner_row_holder {
  margin-bottom: 30px;
}

.planner_row_holder:has(.planner_box) {
  margin-bottom: 60px;
}

.planner_row_holder:first-child .planner_row > div:last-child {
  padding-top: 0;
}

.planner_row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 1200px) {
  .planner_row {
    display: block;
  }
}
.planner_row > div {
  width: calc(50% - 159px);
}

@media only screen and (max-width: 1200px) {
  .planner_row > div {
    width: 100%;
    margin-bottom: 30px;
  }
}
.planner_row > div:nth-child(odd) .planner_box:after {
  left: calc(100% + 30px);
}

@media only screen and (max-width: 1200px) {
  .planner_row > div:nth-child(odd) .planner_box:after {
    display: none;
  }
}
.planner_row > div:nth-child(even) {
  padding-top: 90px;
}

@media only screen and (max-width: 1200px) {
  .planner_row > div:nth-child(even) {
    padding-top: 0;
  }
}
.planner_row > div:nth-child(even) .planner_box:after {
  right: calc(100% + 30px);
}

@media only screen and (max-width: 1200px) {
  .planner_row > div:nth-child(even) .planner_box:after {
    display: none;
  }
}
.folder_btn.complete span {
  vertical-align: middle;
}

.folder_btn.complete .ico {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/panel_done_icon.svg");
}

.planner_box {
  transition: 0.3s all ease;
  background-color: #ffffff;
  padding: 25px 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(2, 21, 80, 0.1);
  position: relative;
  z-index: 2;
  border: 1px solid #dce0eb;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
}

@media only screen and (max-width: 767px) {
  .planner_box {
    padding: 15px;
  }
}
.planner_box:after {
  content: "";
  width: 128px;
  border-bottom: 2px solid #DCE0EB;
  top: calc(50% - 2px);
  position: absolute;
}

.planner_box .target_complete {
  display: none;
}

.planner_box.planner_done {
  background-color: #FBFBFC;
  box-shadow: none;
  border-collapse: #DCE0EB;
}

.planner_box.planner_done .target_complete {
  display: block;
}

@media only screen and (max-width: 767px) {
  .planner_box.planner_done .planner_box_top {
    position: relative;
    padding-bottom: 50px;
  }
  .planner_box.planner_done .planner_box_top .complete {
    position: absolute;
    left: 0;
    bottom: 0px;
  }
}
.planner_box.planner_done .target {
  background-color: #0E8921;
  color: #ffffff;
}

.planner_box.planner_done .details_summary {
  color: #0E8921;
}

.planner_box.planner_done .details_summary .details_summary_quantity {
  background-color: #0E8921;
}

.planner_box.planner_done .folder_btn.complete {
  width: auto;
  background-color: #0E8921;
  color: #1057E0;
  border-radius: 15px;
  font-size: 12px;
  line-height: 18px;
  line-height: 30px;
  font-weight: 600;
}

.planner_box.planner_done .folder_btn.complete .ico {
  background-size: contain;
  background-image: url("./../img/panel_done_icon2.svg");
}

.planner_box.planner_done .folder_btn.complete svg {
  display: inline-block;
  vertical-align: top;
}

.planner_box.planner_done .folder_btn.complete svg path {
  fill: #1057E0;
}

.planner_box.planner_done .plan_status {
  opacity: 1;
  visibility: visible;
}

.planner_box .details_summary_quantity {
  min-width: 25px !important;
  height: 25px !important;
  line-height: 25px !important;
  padding-left: 10px;
  padding-right: 10px;
  width: auto !important;
  border-radius: 66px !important;
}

.planner_box .plan_status {
  font-weight: 600;
  color: #1057E0;
  font-size: 12px;
  display: inline-block;
  transition: 0.3s all ease;
  opacity: 0;
  visibility: hidden;
}

.planner_box_top {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.planner_box_top.planner_done .details_summary {
  color: #0E8921;
}

.planner_box_top.planner_done .details_summary .details_summary_quantity {
  background-color: #0E8921;
}

.planner_box_top.planner_done .folder_btn.complete {
  background-color: #0E8921 !important;
}

.planner_box_top.planner_done .folder_btn.complete .ico {
  background-size: 30px;
  background-image: url("./../img/panel_done_icon2.svg");
}

.planner_box_top.planner_done .target {
  border-color: #0E8921;
  background-color: #0E8921;
  color: #ffffff;
}

.planner_box_top > div.planner_box_top_left {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .planner_box_top > div.planner_box_top_left {
    display: flex;
    gap: 10px;
  }
  .planner_box_top > div.planner_box_top_left .panel_date {
    text-align: center;
  }
}
.planner_box_top > div.planner_box_top_left > div:last-child {
  margin-right: 0;
}

.planner_box_top > div.planner_box_top_right {
  white-space: nowrap;
}

.planner_box_top > div.planner_box_top_right .folder_btn.edit:hover {
  background-color: #EDF4FF;
}

.planner_box_top > div.planner_box_top_right .folder_btn.edit:hover path {
  fill: #1057E0;
}

@media only screen and (max-width: 767px) {
  .planner_box_top > div.planner_box_top_right {
    white-space: nowrap;
  }
}
.planner_box_bottom h3 {
  background-repeat: no-repeat;
  background-position: left top 10px;
  color: #091227;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.01em;
  margin-bottom: 10px;
  transition: 0.3s all ease;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.planner_box_bottom p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.planner_content:after {
  content: "";
  height: 100%;
  width: 2px;
  background-color: #DCE0EB;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  position: absolute;
}

.planner_holder {
  position: relative;
}

.planner_holder .text-center {
  position: relative;
  z-index: 2;
  padding-top: 30px;
  padding-bottom: 30px;
}

.planner_holder .text-center > .panel_date {
  margin-right: 0;
  line-height: 23px;
}

.add_new_plan_holder {
  position: relative;
  z-index: 2;
  padding-bottom: 30px;
  background-color: #ffffff;
}

.date_today {
  color: #1057E0;
  font-size: 12px;
  line-height: 18px;
  position: relative;
  padding-bottom: 60px !important;
  z-index: 2;
}

.date_today span {
  display: inline-block;
  background-color: #ffffff;
}

.date_today:after {
  background-color: #1057E0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 10px solid #ffffff;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.date_today p {
  font-weight: 600;
}

.show_more_plan {
  margin-top: 10px;
  display: inline-block;
  transition: 0.3s all ease;
  padding: 13.5px 30px 14.5px 30px;
  background-color: #ffffff;
  font-weight: 700;
  border: 2px solid #DCE0EB;
  color: #1057E0;
  position: relative;
  z-index: 2;
}

.show_more_plan:hover, .show_more_plan.hover {
  background-color: #0043C3;
  border-color: #0043C3;
  text-decoration: none;
  color: #ffffff;
}

.data_edit {
  display: none;
}

@media only screen and (max-width: 767px) {
  .panel_settings {
    padding-bottom: 60px;
  }
}
.panel_settings_form {
  width: 450px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .panel_settings_form {
    width: 100%;
  }
}
.panel_settings_form.password_edit {
  width: auto;
  display: none;
}

.panel_settings_form .panel_settings_form {
  padding-top: 22px;
}

.panel_settings_form .settings_form_footer {
  padding-top: 20px;
}

@media only screen and (max-width: 767px) {
  .panel_settings_form .settings_form_footer {
    padding-top: 10px;
  }
}
.panel_settings_form .settings_form_footer .row2 {
  display: none;
}

.panel_settings_form .row {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .panel_settings_form .row.row2 {
    margin-bottom: 0;
  }
}
.panel_settings_form .row:last-child {
  margin-bottom: 0;
}

.panel_settings_form .btn3.delete {
  padding: 0 30px;
  line-height: 50px;
}

.share_account_btn {
  margin-top: 25px;
  display: inline-block;
  transition: 0.3s all ease;
  color: #ffffff;
  padding: 13.5px 30px 14.5px 30px;
  background-color: #ffffff;
  font-weight: 700;
  border: 1px solid #1057E0;
  color: #1057E0;
  width: 100%;
  border-radius: 5px;
  text-decoration: none;
}

.share_account_btn:hover, .share_account_btn.hover {
  border-color: #0043C3;
  color: #0043C3;
  text-decoration: none;
}

.icon_btn {
  margin-top: 25px;
  display: inline-flex;
  align-items: center;
  transition: 0.3s all ease;
  color: #ffffff;
  padding: 13.5px 30px 14.5px 30px;
  background-color: #ffffff;
  font-weight: 700;
  border: 1px solid #1057E0;
  color: #1057E0;
  width: 100%;
  border-radius: 5px;
  text-decoration: none;
  gap: 11px;
  white-space: nowrap;
  width: auto;
}

.icon_btn.download_btn:before {
  content: url("./../img/blue_download_icon.svg");
}

.icon_btn:hover, .icon_btn.hover {
  border-color: #0043C3;
  color: #0043C3;
  text-decoration: none;
}

.show_edit_password_btn {
  margin-top: 8px;
  padding: 13px 30px;
  color: #485058;
  border: 1px solid #DCE0EB;
  font-weight: 600;
  transition: 0.3s all ease;
  border-radius: 5px;
}

@media only screen and (max-width: 767px) {
  .show_edit_password_btn {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.show_edit_password_btn.active {
  color: #1057E0;
  border-color: #1057E0;
}

.show_edit_password_btn.active span {
  background-image: url("./../img/btn_arr2.svg");
}

.show_edit_password_btn span {
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 25px;
  background-image: url("./../img/btn_arr1.svg");
}

input[disabled], textarea[disabled] {
  border-color: #EDF4FF;
  background-color: #EDF4FF;
  border-color: transparent !important;
}

.panel_chat {
  padding-left: 5vw;
  padding-right: 5vw;
}

@media only screen and (max-width: 1500px) {
  .panel_chat {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 1400px) {
  .panel_chat {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .panel_chat {
    padding-left: 0;
    padding-right: 0;
  }
}
.panel_chat.panel_chat_empty {
  height: 615px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 1500px) {
  .panel_chat.panel_chat_empty {
    height: 515px;
  }
}
@media only screen and (max-width: 767px) {
  .panel_chat.panel_chat_empty {
    height: 485px;
  }
}
.panel_chat.panel_chat_empty > div {
  width: 100%;
  text-align: center;
}

.empty_chat_box {
  text-align: center;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 1200px) {
  .empty_chat_box {
    width: calc(100% - 335px);
  }
  .empty_chat_box > div {
    width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .empty_chat_box {
    width: 100%;
  }
}
.empty_chat_box > div {
  width: calc(100% - 322px);
  text-align: center;
}

.empty_chat_box h2 {
  padding-top: 230px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("./../img/chat_empty.svg");
  color: #091227;
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1200px) {
  .empty_chat_box h2 {
    font-size: 22px;
    line-height: 32px;
    background-size: 200px;
    padding-top: 180px;
  }
}
@media only screen and (max-width: 991px) {
  .empty_chat_box h2 {
    font-size: 22px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .empty_chat_box h2 {
    font-size: 18px;
    line-height: 28px;
  }
}
.empty_chat_box p {
  margin-bottom: 30px;
}

.empty_planner_box {
  margin-top: 76px;
}

@media only screen and (max-width: 1500px) {
  .empty_planner_box {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 1200px) {
  .empty_planner_box {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .empty_planner_box {
    margin-top: 30px;
  }
  .empty_planner_box.panel_settings {
    margin-top: 30px;
    margin-bottom: 0;
  }
}
.empty_planner_box {
  text-align: center;
}

.empty_planner_box h2 {
  padding-top: 230px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("./../img/plany_rozwoju_empty.svg");
  color: #091227;
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .empty_planner_box h2 {
    font-size: 22px;
    line-height: 26px;
  }
}
.empty_planner_box p {
  margin-bottom: 30px;
}

.new_message {
  display: inline-block;
  transition: 0.3s all ease;
  color: #ffffff;
  padding: 13.5px 30px 14.5px 30px;
  background-color: #1057E0;
  font-weight: 700;
  border: 0;
}

.new_message span {
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("./../img/start_chat_icon.svg");
}

.new_message:hover, .new_message.hover {
  background-color: #0043C3;
  text-decoration: none;
  color: #ffffff;
}

.chat_contact_box {
  display: block;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .chat_contact_box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .chat_contact_box .return_chat_btn {
    margin-right: 10px;
  }
}
.chat_contact_box:hover {
  background-color: #EDF4FF;
  padding-right: 0 !important;
}

.chat_contact_box:hover .chat_contact_unread {
  display: none;
}

.chat_contact_box:hover .chat_contact_name {
  padding-right: 0 !important;
  position: relative;
  z-index: 2;
  background-color: #EDF4FF;
}

.chat_contact_box:hover > div > span.chat_contact_box_right .chat_contact_name {
  color: #1057E0;
}

.chat_contact_box:hover > div > span.chat_contact_box_right .chat_contact_date {
  background-color: #EDF4FF;
}

.chat_contact_box > div, .chat_contact_box > span {
  display: inline-block;
  vertical-align: top;
}

.chat_contact_box > div.chat_contact_box_left, .chat_contact_box > span.chat_contact_box_left {
  width: 40px;
  height: 40px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .chat_contact_box > div.chat_contact_box_left, .chat_contact_box > span.chat_contact_box_left {
    flex-shrink: 0;
  }
}
.chat_contact_box > div.chat_contact_box_left .chat_contact_box_status, .chat_contact_box > span.chat_contact_box_left .chat_contact_box_status {
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: 2;
  width: 15px;
  height: 15px;
  background: #00bf84;
  border: 3px solid #fff;
  border-radius: 50%;
}

.chat_contact_box > div.chat_contact_box_left .image, .chat_contact_box > span.chat_contact_box_left .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

.chat_contact_box > div.chat_contact_box_right, .chat_contact_box > span.chat_contact_box_right {
  padding-left: 10px;
  width: calc(100% - 40px);
  position: relative;
}

.chat_contact_box > div.chat_contact_box_right .chat_contact_box_bottom, .chat_contact_box > span.chat_contact_box_right .chat_contact_box_bottom {
  height: 18px;
}

.chat_contact_box > div.chat_contact_box_right .chat_contact_date, .chat_contact_box > span.chat_contact_box_right .chat_contact_date {
  position: absolute;
  top: 2px;
  right: 0;
  background-color: #ffffff;
}

.chat_contact_box > div.chat_contact_box_right .chat_contact_unread, .chat_contact_box > span.chat_contact_box_right .chat_contact_unread {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-color: #1057E0;
  color: #ffffff;
  line-height: 20px !important;
  text-align: center;
  border-radius: 50%;
}

.chat_contact_box > div.chat_contact_box_right .chat_contact_name, .chat_contact_box > span.chat_contact_box_right .chat_contact_name {
  color: #091227;
  font-weight: 600;
  padding-right: 82px;
}

.chat_contact_box > div.chat_contact_box_right .chat_contact_name p, .chat_contact_box > span.chat_contact_box_right .chat_contact_name p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat_contact_box > div.chat_contact_box_right .chat_contact_name span, .chat_contact_box > span.chat_contact_box_right .chat_contact_name span {
  font-weight: 400;
}

.chat_contact_box > div.chat_contact_box_right .chat_contact_short_msg, .chat_contact_box > span.chat_contact_box_right .chat_contact_short_msg {
  color: #485058;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 40px;
}

.chat_contact_box > div .chat_contact_short_msg, .chat_contact_box > div .chat_contact_unread, .chat_contact_box > div .chat_contact_date, .chat_contact_box > span .chat_contact_short_msg, .chat_contact_box > span .chat_contact_unread, .chat_contact_box > span .chat_contact_date {
  font-size: 12px;
  line-height: 18px;
}

.chat_contact_box > div .chat_contact_short_msg.unread, .chat_contact_box > span .chat_contact_short_msg.unread {
  color: #091227;
}

.chat_contact_box > div .chat_contact_short_msg.unread p, .chat_contact_box > span .chat_contact_short_msg.unread p {
  position: relative;
  padding-left: 10px;
  font-weight: 600;
}

.chat_contact_box > div .chat_contact_short_msg.unread p:before, .chat_contact_box > span .chat_contact_short_msg.unread p:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #1057E0;
  position: absolute;
  left: 0;
  top: 6px;
}

.chat_window.active_chat > ul > li {
  margin-bottom: 20px;
}

.chat_contact_list {
  height: calc(100% - 117px);
  overflow-y: scroll;
}

.chat_contact_list::-webkit-scrollbar {
  width: 3px;
}

.chat_contact_list::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
}

.chat_contact_list .mobile_show {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .chat_contact_list {
    width: 100%;
    height: 531px;
  }
}
.chat_contact_list ul > li {
  margin-bottom: 3px;
}

.chat_contact_list ul > li:last-child {
  margin-bottom: 0;
}

.show_shared_materials_btn {
  padding: 16px 10px;
  color: #091227;
  width: 100%;
  text-align: left;
  border-top: 1px solid #DCE0EB;
  border-bottom: 1px solid #DCE0EB;
}

.show_shared_materials_btn.active {
  border-bottom: 0;
}

.show_shared_materials_btn.active span {
  background-image: url("./../img/panel_toggle_arr2.svg");
}

.show_shared_materials_btn span {
  display: block;
  font-weight: 600;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("./../img/panel_toggle_arr1.svg");
  width: 100%;
}

.mobile_content {
  height: calc(100vh - 116px);
  display: none;
}

.mobile_content .panel_popup_share_content {
  height: 100%;
  background-color: #ffffff;
}

.chat_loading {
  font-size: 12px;
  line-height: 18px;
  color: #485058;
  display: inline-block;
}

.chat_window_holder .default_form textarea {
  height: 80px;
  padding: 5px 10px;
}

.chat_window_holder {
  height: 100%;
  border-left: 1px solid #DCE0EB;
  border-right: 1px solid #DCE0EB;
}

.chat_window_holder .message p {
  display: block;
}

@media only screen and (max-width: 767px) {
  .chat_window_holder {
    border-left: 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 10;
    background-color: #ffffff;
  }
}
.chat_holder_box {
  width: calc(100% - 45.3125vw);
}

@media only screen and (max-width: 1200px) {
  .chat_holder_box {
    width: calc(100% - 335px);
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .chat_holder_box {
    width: 100%;
  }
}
.panel_chat_content {
  width: 100%;
}

.panel_chat_content .chat_frame {
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  height: 32.03125vw;
}

@media only screen and (max-width: 1200px) {
  .panel_chat_content .chat_frame {
    flex-wrap: wrap;
    position: relative;
    height: 615px;
  }
}
@media only screen and (max-width: 767px) {
  .panel_chat_content .chat_frame {
    height: auto;
  }
}
.panel_chat_content .chat_frame > div {
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .panel_chat_content .chat_frame > div.chat_window_holder {
    order: 2;
    width: 100% !important;
    height: 400px;
    margin-bottom: 30px;
  }
  .panel_chat_content .chat_frame > div.chat_contacts {
    width: 50% !important;
    order: 1;
    height: auto;
    width: 100% !important;
  }
  .panel_chat_content .chat_frame > div.chat_share {
    height: 400px;
    order: 3;
    width: 50% !important;
  }
}
.panel_chat_content .chat_frame > div.chat_contacts {
  width: 27.65625vw;
  padding-right: 30px;
  flex-shrink: 0;
}

@media only screen and (max-width: 1200px) {
  .panel_chat_content .chat_frame > div.chat_contacts {
    width: 335px;
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .panel_chat_content .chat_frame > div.chat_contacts {
    padding-right: 0;
  }
}
.panel_chat_content .chat_frame > div.chat_contacts .file_search .default_form label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.panel_chat_content .chat_frame > div.chat_contacts .file_search .default_form input {
  width: 100%;
}

.panel_chat_content .chat_frame > div.chat_window_holder {
  width: calc(100% - 22.65625vw - 22.65625vw);
  border-left: 1px solid #DCE0EB;
  border-right: 1px solid #DCE0EB;
}

@media only screen and (max-width: 767px) {
  .panel_chat_content .chat_frame > div.chat_window_holder {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 100;
  }
  .panel_chat_content .chat_frame > div.chat_window_holder > .mobile_show {
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
  }
}
.panel_chat_content .chat_frame > div .chat_window {
  background-color: #EDF4FF;
  height: calc(100% - 111px);
}

.panel_chat_content .chat_frame > div .chat_window::-webkit-scrollbar {
  width: 3px;
}

.panel_chat_content .chat_frame > div .chat_window::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
}

@media only screen and (max-width: 1200px) {
  .panel_chat_content .chat_frame > div .chat_window {
    height: calc(100% - 111px) !important;
    padding-bottom: 88px;
  }
}
@media only screen and (max-width: 767px) {
  .panel_chat_content .chat_frame > div .chat_window {
    height: calc(100vh - 180px) !important;
  }
}
.panel_chat_content .chat_frame > div .chat_window.not_active_chat {
  height: 100%;
}

.panel_chat_content .chat_frame > div .chat_window ul {
  padding: 30px 10px 30px 30px;
}

@media only screen and (max-width: 767px) {
  .panel_chat_content .chat_frame > div .chat_window ul {
    padding: 18px 10px;
  }
}
.panel_chat_content .chat_frame > div .chat_window.not_active_chat {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  color: #091227;
}

.panel_chat_content .chat_frame > div .chat_window.not_active_chat > div {
  width: 100%;
}

.panel_chat_content .chat_frame > div .chat_window.not_active_chat p {
  padding-top: 25px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("./../img/info_icon2.svg");
}

.panel_chat_content .chat_frame > div.chat_share {
  width: 22.65625vw;
  padding-left: 30px;
  overflow-y: scroll;
}

.panel_chat_content .chat_frame > div.chat_share::-webkit-scrollbar {
  width: 3px;
}

.panel_chat_content .chat_frame > div.chat_share::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
}

.panel_chat_content .chat_frame > div.chat_share .chat_contact_box {
  margin-bottom: 30px;
}

.panel_chat_content .chat_frame > div.chat_share .chat_contact_box .chat_contact_name {
  padding-right: 0;
}

.panel_chat_content .chat_frame > div.chat_share .chat_contact_box .chat_contact_name p {
  display: block;
}

.panel_chat_content .chat_frame > div.chat_share .panel_popup_share_content ul {
  display: none;
}

.answer_box {
  background-color: #ffffff;
  width: 100%;
  padding: 15px;
  border-top: 1px solid #DCE0EB;
}

.answer_box .files-upload-progres {
  background-color: #ffffff;
}

.answer_box .files-upload-progres .uploaded-file {
  padding: 10px;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.answer_box .files-upload-progres .uploaded-file:last-child {
  margin-bottom: 0;
}

.answer_box .files-upload-progres .uploaded-file > div {
  line-height: 36px;
}

.answer_box .files-upload-progres .uploaded-file > div.dz-filename {
  order: 1;
}

.answer_box .files-upload-progres .uploaded-file > div.dz-size {
  order: 2;
  margin-left: auto;
  margin-right: 10px;
}

.answer_box .files-upload-progres .uploaded-file > div.dz-progress {
  order: 4;
  height: 5px;
  width: 100%;
  background-color: #EDF4FF;
  border-radius: 3px;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
}

.answer_box .files-upload-progres .uploaded-file > div.dz-progress > span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #1057E0;
}

.answer_box .files-upload-progres .uploaded-file > div:last-child {
  order: 3;
  padding-left: 30px;
  background-repeat: no-repeat;
  background-image: url("./../img/remove_icon.svg");
  background-position: left center;
}

.answer_box .dz-clickable {
  width: 40px;
  height: 40px;
  opacity: 0;
  border: 0;
  min-height: 0;
}

@media only screen and (max-width: 1200px) {
  .answer_box {
    position: absolute !important;
    bottom: 0;
    right: 0;
    width: calc(100% - 335px);
  }
}
@media only screen and (max-width: 767px) {
  .answer_box {
    position: fixed !important;
    bottom: 34px;
    right: 0;
    width: 100%;
    padding: 10px 15px;
  }
}
.answer_box .default_form label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.answer_box > div {
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .answer_box > div.left_side {
    vertical-align: top;
  }
}
.answer_box > div.right_side {
  width: calc(100% - 40px);
  padding-left: 15px;
}

.answer_box > div.right_side > div {
  display: inline-block;
  vertical-align: middle;
}

.answer_box > div.right_side > div:first-child {
  width: calc(100% - 50px);
  padding-right: 10px;
}

.answer_box > div.right_side > div:first-child input {
  border: 0;
  padding: 0;
}

.answer_box > div.right_side > div:last-child {
  width: 50px;
}

.answer_box input[type=submit] {
  padding: 0;
  width: 100%;
  height: 50px;
  font-size: 0;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/sent_icon.svg");
}

.add_file_btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #F8F9FD;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  background-image: url("./../img/file_icon.svg");
}

.add_file_btn input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .vue-chat-frame {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .chat_contacts .panel_section_header_holder {
    flex-flow: row;
    align-items: center !important;
    justify-content: space-between !important;
  }
}
.chat_contacts > ul > li {
  margin-bottom: 5px;
}

.chat_contacts > ul > li:last-child {
  margin-bottom: 0;
}

.chat_frame {
  height: 100%;
}

.chat_frame .mCustomScrollBox {
  padding-right: 20px;
}

@media only screen and (max-width: 767px) {
  .chat_frame .mCustomScrollBox {
    padding-right: 0;
  }
}
.chat_frame .mCSB_scrollTools {
  margin-right: 9px;
}

.start_conversation_btn {
  width: 50px;
  height: 50px;
  line-height: 30px;
  overflow: hidden;
  border: 1px solid #DCE0EB;
  text-align: center;
  border-radius: 50%;
  transition: 0.3s all ease;
}

.start_conversation_btn img {
  width: 30px;
  height: auto;
}

.start_conversation_btn:hover {
  background-color: #EDF4FF;
  border-color: #EDF4FF;
}

.chat_conversation_box p a {
  word-break: break-all;
}

.chat_conversation_box .message {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .chat_conversation_box .message {
    width: 100%;
  }
}
.chat_conversation_box .chat_date {
  font-size: 12px;
  line-height: 18px;
  color: #485058;
  display: inline-block;
}

.chat_conversation_box.me .desc_side {
  padding-right: 10px;
}

.chat_conversation_box.me .desc_side > div:last-of-type p {
  border-radius: 10px 10px 0px 10px !important;
}

.chat_conversation_box.me {
  text-align: right;
}

.chat_conversation_box.me p {
  color: #ffffff;
  background-color: #1057E0;
  margin-bottom: 5px;
}

.chat_conversation_box.me p a {
  color: #ffffff;
  text-decoration: underline;
}

.chat_conversation_box.me p a:hover {
  text-decoration: none;
}

.chat_conversation_box.person .desc_side {
  padding-left: 10px;
}

.chat_conversation_box.person .desc_side > div:last-of-type p {
  border-radius: 10px 10px 10px 0px !important;
}

.chat_conversation_box.person {
  text-align: left;
}

.chat_conversation_box.person p {
  background-color: #ffffff;
  color: #091227;
}

.chat_conversation_box.person p a {
  color: #091227;
  text-decoration: underline;
}

.chat_conversation_box.person p a:hover {
  text-decoration: none;
}

.chat_conversation_box > div {
  display: inline-block;
  vertical-align: bottom;
}

.chat_conversation_box > div.image_side {
  border-radius: 50%;
  overflow: hidden;
  width: 30px;
  height: 30px;
  position: relative;
}

.chat_conversation_box > div.image_side .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.chat_conversation_box > div.desc_side {
  max-width: calc(100% - 30px);
}

.chat_conversation_box p {
  display: inline-block;
  padding: 15px;
  margin-bottom: 5px;
  border-radius: 10px;
}

@media only screen and (max-width: 1500px) {
  .chat_conversation_box p {
    padding: 10px;
  }
}
.not_readed {
  margin: 20px 0;
  text-align: center;
  width: calc(100% + 60px);
  background-color: #ffffff;
  color: #1057E0;
  font-size: 12px;
  line-height: 18px;
  line-height: 25px;
  margin-left: -30px;
  font-weight: 700;
}

.generator_holder {
  display: flex;
}

@media only screen and (max-width: 991px) {
  .generator_holder {
    display: flex;
    flex-flow: column;
  }
}
.generator_holder .cv--loading {
  position: relative;
  opacity: 0.7;
}

.generator_holder .cv--loading::after {
  content: "";
  position: absolute;
  width: 72px;
  height: 72px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 12px solid transparent;
  border-top-color: #282828;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

@keyframes cv-loading-spinner {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
@media only screen and (max-width: 991px) {
  .generator_holder > div {
    align-items: stretch;
  }
}
.generator_holder > div.generator_content {
  width: 53.125vw;
  padding: 0 4.6875vw;
  padding-top: 141px;
}

@media only screen and (max-width: 1700px) {
  .generator_holder > div.generator_content {
    padding-left: 2.6875vw;
    padding-right: 2.6875vw;
  }
}
@media only screen and (max-width: 1220px) {
  .generator_holder > div.generator_content {
    padding-top: 180px;
  }
}
@media only screen and (max-width: 1200px) {
  .generator_holder > div.generator_content {
    width: 50%;
  }
}
@media only screen and (max-width: 991px) {
  .generator_holder > div.generator_content {
    padding-top: 0;
    width: 100%;
    order: 2;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.generator_holder > div.generator_preview {
  width: calc(100% - 53.125vw);
  position: fixed;
  height: 100%;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 1200px) {
  .generator_holder > div.generator_preview {
    width: 50%;
  }
}
@media only screen and (max-width: 991px) {
  .generator_holder > div.generator_preview {
    width: 100%;
    position: relative;
    order: 1;
    height: auto;
    padding: 30px;
  }
}
.generator_preview {
  background-color: #3E4162;
  padding-bottom: 10%;
  overflow: scroll;
}

.generator_preview::-webkit-scrollbar {
  width: 6px;
}

.generator_preview::-webkit-scrollbar-track {
  background-color: rgba(62, 65, 98, 0);
  border-radius: 3px;
}

.generator_preview::-webkit-scrollbar-thumb {
  background-color: rgba(108, 111, 145, 0);
  border-radius: 3px;
}

.generator_preview {
  scrollbar-color: #6C6F91 #3E4162;
}

.generator_preview .generator_preview_box {
  padding-top: 36px;
  width: 23.25vw;
  overflow: hidden;
  margin: 0 auto;
}

@media only screen and (max-width: 991px) {
  .generator_preview .generator_preview_box {
    padding: 0;
    width: 100%;
  }
}
.generator_preview .preview > ul {
  position: relative;
  white-space: nowrap;
  margin: 0 -15px;
}

.generator_preview .preview > ul > li {
  padding: 0 15px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  overflow: hidden;
}

.generator_preview .preview .image {
  height: 33.03125vw;
  width: 100%;
  border-radius: 6px;
}

@media only screen and (max-width: 991px) {
  .generator_preview .preview .image {
    height: 117.3333333333vw;
  }
}
.cv_live_preview .cv_live_preview {
  padding-top: 30px;
}

.cv_generator {
  padding-bottom: 120px;
}

@media only screen and (max-width: 991px) {
  .cv_generator {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .cv_generator {
    padding-bottom: 155px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .cv_generator .element_list.three_in_row.templates_list > ul {
    display: flex;
    gap: 10px;
    margin: 0;
  }
  .cv_generator .element_list.three_in_row.templates_list > ul > li {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cv_generator .element_list.three_in_row.templates_list > ul {
    flex-wrap: wrap;
  }
  .cv_generator .element_list.three_in_row.templates_list > ul > li {
    width: calc(50% - 5px);
  }
}
.cv_generator .element_list.three_in_row li.on {
  color: #1057E0;
}

.cv_generator .element_list.three_in_row li.on button:before {
  opacity: 1;
}

.cv_generator .element_list.three_in_row li.on button:after {
  border: 2px solid #1057E0;
}

.cv_generator .element_list.three_in_row li {
  margin-bottom: 0;
}

.cv_generator .element_list.three_in_row li > button {
  padding: 1.0416666667vw;
  height: 18.28125vw;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  background-color: #F0F4F8;
  border-radius: 10px;
  border: 0;
}

@media only screen and (max-width: 767px) {
  .cv_generator .element_list.three_in_row li > button {
    height: 60.28125vw;
  }
}
.cv_generator .element_list.three_in_row li > button:before {
  content: url("./../img/cv_check.svg");
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 2;
  opacity: 0;
}

.cv_generator .element_list.three_in_row li > button:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  border-radius: 10px;
}

.cv_generator .element_list.three_in_row .image {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 991px) {
  .color_list {
    overflow: visible;
  }
}
.color_list > ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
  white-space: nowrap;
}

@media only screen and (max-width: 991px) {
  .color_list > ul {
    white-space: normal;
  }
}
.color_list > ul > li {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
  width: 10%;
}

@media only screen and (max-width: 767px) {
  .color_list > ul > li {
    width: 20%;
    margin-bottom: 10px;
  }
}
.color_list > ul > li.on button:after {
  display: block;
}

.color_btn {
  height: 2.0833333333vw;
  width: 100%;
  border-radius: 20px;
  position: relative;
}

@media only screen and (max-width: 991px) {
  .color_btn {
    height: 40px;
  }
}
.color_btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/color_check.svg");
  border: 2px solid #DCE0EB;
  border-radius: 20px;
  display: none;
}

.cv_font_box {
  display: flex;
  align-items: flex-end;
}

@media only screen and (max-width: 1500px) {
  .cv_font_box label {
    font-size: 10px;
  }
}
.cv_font_box > div {
  display: inline-block;
  vertical-align: bottom;
}

.cv_font_box > div.font_style {
  width: calc(100% - 118px);
  padding-right: 15px;
}

@media only screen and (max-width: 1500px) {
  .cv_font_box > div.font_style {
    padding-right: 10px;
  }
}
.cv_font_box > div .font_size {
  width: 118px;
  border-radius: 5px;
  border: 1px solid #DCE0EB;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  height: 50px;
}

.cv_font_box > div .font_size label {
  display: block;
  margin-top: -32px;
  margin-left: -30px;
}

.cv_font_box > div .font_size input {
  height: 50px;
  border: 0;
  padding: 0 5px;
  text-align: center;
  border-top: 1px solid #DCE0EB;
  border-bottom: 1px solid #DCE0EB;
}

.cv_font_box > div .font_size > div {
  display: inline-block;
  vertical-align: top;
  height: 50px;
}

.cv_font_box > div .font_size > div.input_holder {
  border-left: 1px solid #DCE0EB;
  border-right: 1px solid #DCE0EB;
  width: calc(100% - 60px);
}

.cv_font_box > div .font_size > div .font_size_btn {
  width: 30px;
  line-height: 50px;
  text-align: center;
}

.generator_h3 {
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #091227;
  margin-bottom: 15px;
}

@media only screen and (max-width: 1500px) {
  .generator_h3 {
    font-size: 13px;
    line-height: 22px;
  }
}
.font_boxes p {
  font-size: 16px;
  color: #091227;
}

.cv_row {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #DCE0EB;
}

@media only screen and (max-width: 1500px) {
  .cv_row .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .cv_row .row > div {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (max-width: 1200px) {
  .cv_row .row > div {
    width: 100% !important;
    margin-bottom: 15px;
  }
  .cv_row .row > div:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cv_row:nth-child(4) {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
.cv_row:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.user_cv_generator_component {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  position: fixed;
  left: 0;
  padding: 0 4.6875vw;
}

@media only screen and (max-width: 1700px) {
  .user_cv_generator_component {
    padding-left: 2.6875vw;
    padding-right: 2.6875vw;
  }
}
@media only screen and (max-width: 991px) {
  .user_cv_generator_component {
    padding: 0 30px;
    padding: 30px 10px 20px 10px;
  }
  .user_cv_generator_component .panel_section_header {
    padding-right: 50px;
  }
}
.user_cv_generator_component > div.left_side {
  max-width: 70%;
  overflow: hidden;
  word-wrap: break-word;
}

.user_cv_generator_component > div.left_side > div {
  display: inline-block;
  vertical-align: top;
}

.user_cv_generator_component > div.left_side > div.icon_side {
  position: relative;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.user_cv_generator_component > div.left_side > div.icon_side .icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.user_cv_generator_component > div.left_side > div.desc_side {
  width: calc(100% - 50px);
  padding-left: 15px;
}

.user_cv_generator_component.top_component {
  top: 0;
  width: 53.125vw;
  z-index: 10;
  background-color: #ffffff;
  padding-top: 45px;
  padding-bottom: 20px;
}

@media only screen and (max-width: 1200px) {
  .user_cv_generator_component.top_component {
    width: 50%;
  }
}
@media only screen and (max-width: 991px) {
  .user_cv_generator_component.top_component {
    width: 100%;
    padding-top: 30px;
    position: relative;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    align-items: flex-start;
  }
  .user_cv_generator_component.top_component .panel_section_header .overtitle {
    font-size: 12px;
  }
}
.user_cv_generator_component.top_component > div.left_side > div.icon_side .icon {
  background-color: #1057E0;
}

@media only screen and (max-width: 991px) {
  .user_cv_generator_component.top_component > div.right_side {
    padding-top: 10px;
  }
}
.user_cv_generator_component.bottom_component {
  padding-top: 17.5px;
  padding-bottom: 17.5px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 0px 30px rgba(2, 21, 80, 0.1);
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .user_cv_generator_component.bottom_component {
    padding-top: 0px;
    padding-bottom: 10px;
    display: block;
  }
  .user_cv_generator_component.bottom_component > div {
    padding-top: 15px;
    width: 100% !important;
  }
  .user_cv_generator_component.bottom_component > div.right_side ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
}
.user_cv_generator_component.bottom_component .default_form {
  width: 100%;
}

.user_cv_generator_component.bottom_component .default_form label {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
  color: #485058;
}

.user_cv_generator_component.bottom_component .default_form input[type=text] {
  padding: 0;
  border: 0;
  height: auto;
  color: #858995;
  font-size: 22px;
}

@media only screen and (max-width: 767px) {
  .user_cv_generator_component.bottom_component .default_form input[type=text] {
    font-size: 18px;
    line-height: 22px;
  }
}
.user_cv_generator_component.bottom_component > div.left_side {
  width: 50%;
}

.user_cv_generator_component.bottom_component > div.left_side > div.icon_side .icon {
  background-color: #EDF4FF;
}

.user_cv_generator_component.bottom_component .text-right > ul > li {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}

@media only screen and (max-width: 767px) {
  .user_cv_generator_component.bottom_component .text-right > ul > li {
    vertical-align: middle;
  }
}
.user_cv_generator_component.bottom_component .text-right > ul > li:last-child {
  margin-right: 0;
}

.leave_btn {
  color: #091227;
  text-decoration: none;
  font-weight: 700;
}

.leave_btn:hover {
  text-decoration: underline;
}

.leave_btn span {
  padding-right: 40px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("./../img/generator_x_icon.svg");
}

.preview_nav {
  font-size: 17px;
  line-height: 26px;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  padding-top: 28px;
}

@media only screen and (max-width: 991px) {
  .preview_nav {
    font-size: 16px;
    line-height: 24px;
    padding-top: 20px;
  }
}
.preview_nav button {
  transition: 0.3s all ease;
  opacity: 0.5;
}

.preview_nav button:hover {
  opacity: 1;
}

@media only screen and (max-width: 991px) {
  .banner_content .row {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
  }
  .banner_content .row > div:nth-child(1) {
    order: 2;
    margin-left: auto;
  }
  .banner_content .row > div:nth-child(2) {
    order: 1;
    width: 100%;
  }
  .banner_content .row > div:nth-child(3) {
    margin-right: auto;
    order: 3;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) {
  .banner_content .row > div:nth-child(3) {
    margin-left: auto;
  }
}
.folder_user > div {
  display: inline-block;
  vertical-align: middle;
}

.folder_user > div.user_image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.folder_user > div.user_image .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.folder_user > div.user_name {
  width: calc(100% - 30px);
  padding-left: 15px;
  color: #091227;
  font-weight: 600;
}

.counselor_no_aside {
  padding-top: 40px;
  padding-bottom: 50px;
}

.counselor_search {
  text-align: right;
}

.counselor_search .panel_section_header {
  margin-bottom: 0;
}

.counselor_search label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@media only screen and (max-width: 767px) {
  .counselor_search .text-right {
    padding-bottom: 15px;
    text-align: left;
  }
  .counselor_search .inline_row > div {
    width: 100%;
  }
}
.counselor_search .panel_section_header {
  margin-bottom: 0;
}

.counselor_search_holder .file_search {
  width: 100% !important;
  padding-right: 0 !important;
  margin-bottom: 0 !important;
  position: relative;
}

.counselor_search_holder .file_search .clear_btn_holder {
  top: 6px;
  right: 8px;
  position: absolute;
  z-index: 2;
  display: none;
}

.counselor_search_holder .file_search .clear_field {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #F0F4F8;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
}

.counselor_search_holder .file_search input {
  width: 100% !important;
}

@media only screen and (max-width: 767px) {
  .counselor_search_holder {
    margin-bottom: 20px;
  }
}
.counselor_search_holder input {
  border-radius: 5px;
}

.counselor_search_holder > div {
  display: inline-block;
  vertical-align: middle;
}

.counselor_search_holder > div:first-child {
  width: calc(100% - 106px);
  padding-right: 30px;
}

@media only screen and (max-width: 767px) {
  .counselor_search_holder > div:first-child {
    padding-right: 15px;
  }
}
.login_go_to {
  padding: 45px 60px 93px 60px;
  line-height: 22px;
}

@media only screen and (max-width: 767px) {
  .login_go_to {
    padding: 45px 0;
  }
  .login_go_to a {
    display: block;
  }
}
.password_remind {
  height: 100vh;
}

@media only screen and (max-width: 991px) {
  .password_remind .account_frame_right_side {
    padding: 0px 0 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .password_remind .account_frame_right_side {
    padding: 0px;
  }
}
.password_remind .remind-pwd-top-header-form {
  padding: 10px;
  margin-bottom: 15px;
}

.password_remind .remind-pwd-top-header-form h1 {
  margin-bottom: 10px;
}

.password_remind .remind-pwd-top-header-form p {
  font-size: 13px;
}

.competition_file_box .previewsContainer li.row {
  display: block !important;
  width: 100%;
}

.competition_file_box .file_box .default_form .thumb {
  overflow: hidden;
  border-radius: 5px;
  width: 60px !important;
  height: 60px !important;
}

.competition_file_box .file_box .default_form .thumb .image_img {
  width: 100% !important;
}

.competition_file_box .file_box .default_form .thumb .image_img img {
  width: 100% !important;
}

.competition_file_box .file_box .default_form .myform2_dropzone_box {
  padding: 15px 0 0 0;
}

.competition_file_box .file_box .default_form .dropzone_box {
  margin: 15px 0;
}

@media only screen and (max-width: 767px) {
  .competition_file_box .file_box .default_form .dropzone_box p {
    display: none;
  }
}
.competition_file_box .file_box .delete {
  margin-right: 0 !important;
  width: 30px;
  height: 30px;
  background-image: url("./../img/remove_icon.svg");
}

.competition_file_box .file_box .delete .glyphicon {
  display: none;
}

@media only screen and (max-width: 767px) {
  .file_box_content > div {
    width: 100%;
  }
  .file_box_content > div span {
    margin-bottom: 10px;
  }
  .file_box_content > div span, .file_box_content > div button {
    width: 100%;
  }
}
.panel_about_me .add_btn {
  margin-top: 10px;
  padding: 0 15px;
}

@media only screen and (max-width: 1600px) {
  .panel_about_me .element_list > ul > li {
    width: 33.33%;
  }
  .panel_about_me .element_list .default_form .myform2_dropzone_box {
    padding: 30px 5px;
  }
}
@media only screen and (max-width: 1600px) and (max-width: 767px) {
  .panel_about_me .element_list .default_form .myform2_dropzone_box {
    padding: 30px 15px;
  }
}
@media only screen and (max-width: 1200px) {
  .panel_about_me .element_list > ul > li {
    width: 50%;
  }
}
@media only screen and (max-width: 991px) {
  .panel_about_me .element_list > ul > li {
    margin-bottom: 20px;
  }
  .panel_about_me .element_list > ul > li:last-child {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .panel_about_me .element_list > ul {
    margin: 0 -10px;
  }
  .panel_about_me .element_list > ul > li {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .panel_about_me_content .about_me_data_form > .row > div {
    margin-bottom: 15px;
  }
  .panel_about_me_content .about_me_data_form > .row > div:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .panel_about_me_content .panel_section_header {
    margin-bottom: 20px;
  }
}
.user_data_title_holder {
  margin-bottom: 30px;
}

.rwd_btn {
  width: 40px;
  height: 40px;
  position: relative;
  display: none;
  vertical-align: middle;
  margin-left: 10px;
  margin-right: -10px;
}

@media only screen and (max-width: 767px) {
  .rwd_btn {
    margin-left: 0;
  }
}
.rwd_btn.on span:nth-child(1) {
  top: 19px;
  transform: rotate(45deg);
}

.rwd_btn.on span:nth-child(2) {
  left: 0;
  opacity: 0;
}

.rwd_btn.on span:nth-child(3) {
  top: 19px;
  transform: rotate(-45deg);
}

@media only screen and (max-width: 991px) {
  .rwd_btn {
    display: inline-block;
  }
}
.rwd_btn span {
  transition: 0.3s all ease;
  position: absolute;
  display: block;
  left: 11px;
  height: 2px;
  width: 18px;
  background-color: #1057E0;
}

.rwd_btn span:nth-child(1) {
  top: 14px;
}

.rwd_btn span:nth-child(2) {
  top: 19px;
}

.rwd_btn span:nth-child(3) {
  top: 24px;
}

.panel_toggle_box_top .text-right {
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .panel_toggle_box {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .panel_toggle_box .panel_toggle_box_bottom > .panel_toggle_box_top .toggle_title_top_holder_box .panel_section_header h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .panel_toggle_box > .panel_toggle_box_top .toggle_title_top_holder_box .panel_section_header {
    padding-right: 0;
  }
}
.panel_toggle_box > .panel_toggle_box_top .toggle_title_top_holder_box .panel_section_header h3 {
  word-break: break-word;
}

@media only screen and (max-width: 767px) {
  .panel_toggle_box > .panel_toggle_box_top .toggle_title_top_holder_box .panel_section_header h3 {
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  body:has(.vue-chat-frame) > .tip_info,
  body:has(.vue-chat-frame) .tip_info2 {
    transform: translateY(calc(-100% - 10px));
  }
  body:has(.vue-chat-frame) > .tip_info.tip_open,
  body:has(.vue-chat-frame) .tip_info2.tip_open {
    transform: none !important;
  }
}
.content > .tip_info,
.content .tip_info2, body > .tip_info,
body .tip_info2 {
  position: absolute;
}

.content > .tip_info.messages_info,
.content .tip_info2.messages_info, body > .tip_info.messages_info,
body .tip_info2.messages_info {
  right: 50px;
}

.content > .tip_info.tmp_info,
.content .tip_info2.tmp_info, body > .tip_info.tmp_info,
body .tip_info2.tmp_info {
  position: absolute;
}

.tip_info,
.tip_info2 {
  box-shadow: 0px 0px 30px rgba(2, 21, 80, 0.3);
  border-radius: 10px;
  background-color: #1057E0;
  color: #ffffff;
  position: absolute;
  top: 0;
  z-index: 8;
  display: inline-block;
  padding: 18px;
  border: 0;
  left: auto;
  width: 60px;
  height: 60px;
}

.tip_info.tip_info_slider_off, .tip_info.tip_info_slider_on,
.tip_info2.tip_info_slider_off,
.tip_info2.tip_info_slider_on {
  top: -5px !important;
}

.tip_info .tip_info_btn,
.tip_info2 .tip_info_btn {
  transition: 0.3s all ease;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/tip_icon.svg");
}

@media only screen and (max-width: 1400px) {
  .tip_info .tip_info_btn,
  .tip_info2 .tip_info_btn {
    background-size: 15px;
  }
}
.tip_info .tip_info_btn:hover,
.tip_info2 .tip_info_btn:hover {
  background-image: url("./../img/tip_icon2.svg");
}

@media only screen and (max-width: 1400px) {
  .tip_info,
  .tip_info2 {
    width: 40px;
    height: 40px;
    right: 0;
    background-size: 18px;
    border-radius: 7px;
    top: -5px;
  }
}
.tip_info.tip_open,
.tip_info2.tip_open {
  width: 380px;
  background-image: none;
  height: auto;
  z-index: 20;
  overflow-y: scroll;
}

.tip_info.tip_open::-webkit-scrollbar,
.tip_info2.tip_open::-webkit-scrollbar {
  width: 3px;
}

.tip_info.tip_open::-webkit-scrollbar-thumb,
.tip_info2.tip_open::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
}

@media only screen and (max-width: 767px) {
  .tip_info.tip_open,
  .tip_info2.tip_open {
    width: calc(100% - 20px);
  }
}
.tip_info.tip_open .tip_info_btn,
.tip_info2.tip_open .tip_info_btn {
  display: none;
}

.tip_info.tip_open .tip_info_btn,
.tip_info2.tip_open .tip_info_btn {
  background-image: none;
}

.tip_info.tip_open:after,
.tip_info2.tip_open:after {
  right: calc(100% - 15px);
}

.tip_info:after,
.tip_info2:after {
  opacity: 1;
  visibility: visible;
  transition: 0.3s all ease;
  content: "";
  height: 30px;
  width: 15px;
  background-color: #1057E0;
  top: 15px;
  right: calc(100% - 5px);
  position: absolute;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}

@media only screen and (max-width: 1400px) {
  .tip_info:after,
  .tip_info2:after {
    height: 15px;
    width: 5px;
    right: calc(100% - 1px);
    top: 13px;
  }
}
.tip_info .tip_info_title,
.tip_info2 .tip_info_title {
  margin-bottom: 30px;
  padding-left: 32.5px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("./../img/tip_icon2.svg");
  display: block;
}

@media only screen and (max-width: 767px) {
  .tip_info .tip_info_title,
  .tip_info2 .tip_info_title {
    margin-bottom: 20px;
  }
}
.tip_info .tip_info_title .tip_info_close,
.tip_info2 .tip_info_title .tip_info_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/tip_info_close.svg");
  background-size: 16px;
}

.tip_info .tip_info_title .h3_span,
.tip_info2 .tip_info_title .h3_span {
  color: #ffffff;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}

.tip_info .tip_info_content,
.tip_info2 .tip_info_content {
  display: block;
  padding: 12px;
  overflow: hidden;
}

.tip_info .tip_info_content a,
.tip_info2 .tip_info_content a {
  color: #FFB52B;
}

@media only screen and (max-width: 767px) {
  .tip_info .tip_info_content,
  .tip_info2 .tip_info_content {
    padding: 20px;
  }
}
.tip_info .tip_info_content_holder,
.tip_info2 .tip_info_content_holder {
  display: none;
}

.tip_info ul,
.tip_info2 ul {
  padding-left: 18px;
  list-style: disc;
}

.tip_info ul li,
.tip_info2 ul li {
  margin-bottom: 20px;
}

.tip_info ul li:last-child,
.tip_info2 ul li:last-child {
  margin-bottom: 0;
}

.tip_info ul li::marker,
.tip_info2 ul li::marker {
  color: #FFB52B;
}

.rotated:after {
  height: 15px;
  width: 10px;
  top: calc(100% - 5px);
  transform: rotate(-90deg);
  right: 0;
  left: 0;
  margin: 0 auto;
}

.error_page {
  height: 100vh;
  width: 100%;
  background-color: #1057E0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.error_page .container {
  position: relative;
  z-index: 2;
}

.error_page .error_type {
  margin: 0 auto 50px auto;
  color: #1057E0;
  font-weight: 600;
  width: 150px;
  height: 150px;
  line-height: 150px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/err_shape.svg");
  background-size: cover;
  font-size: 30px;
}

@media only screen and (max-width: 1500px) {
  .error_page .error_type {
    font-size: 22px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: 0 auto 30px auto;
  }
}
@media only screen and (max-width: 1200px) {
  .error_page .error_type {
    font-size: 18px;
  }
}
@media only screen and (max-width: 991px) {
  .error_page .error_type {
    font-size: 22px;
  }
}
.error_page .default_font {
  color: #ffffff;
}

.error_page .default_font h1 {
  color: inherit;
  margin-bottom: 0;
}

.error_page .anim_box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.error_page .anim_box .anim_shape {
  position: absolute;
}

.error_page .anim_box .anim_shape.anim_shape1 {
  left: -7%;
  top: -50%;
}

@media only screen and (max-width: 991px) {
  .error_page .anim_box .anim_shape.anim_shape1 {
    top: -100px;
    left: -100px;
  }
}
.error_page .anim_box .anim_shape.anim_shape1 img {
  width: 43.75vw;
  height: auto;
}

.error_page .anim_box .anim_shape.anim_shape1 {
  -webkit-animation: rotating 80s linear infinite;
  -moz-animation: rotating 80s linear infinite;
  -ms-animation: rotating 80s linear infinite;
  -o-animation: rotating 80s linear infinite;
  animation: rotating 80s linear infinite;
}

.error_page .anim_box .anim_shape.anim_shape2 {
  right: -7%;
  bottom: -50%;
}

@media only screen and (max-width: 991px) {
  .error_page .anim_box .anim_shape.anim_shape2 {
    right: -100px;
    bottom: -100px;
  }
}
.error_page .anim_box .anim_shape.anim_shape2 img {
  width: 47.7604166667vw;
  height: auto;
}

.error_page .anim_box .anim_shape.anim_shape2 {
  -webkit-animation: rotating2 80s linear infinite;
  -moz-animation: rotating2 80s linear infinite;
  -ms-animation: rotating2 80s linear infinite;
  -o-animation: rotating2 80s linear infinite;
  animation: rotating2 80s linear infinite;
}

.text_page_content {
  padding: 0 7%;
}

@media only screen and (max-width: 767px) {
  .text_page_content .lead_desc {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1500px) {
  .text_page_content {
    padding: 0;
  }
}
.text_page_content .section_header {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
  .text_page_content .section_header {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .text_page_content .section_header {
    margin-bottom: 30px;
  }
}
.text_page_content .description {
  margin-bottom: 100px;
}

@media only screen and (max-width: 1500px) {
  .text_page_content .description {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .text_page_content .description {
    margin-bottom: 60px;
  }
}
.text_page_content .element_list.one_in_row {
  margin-bottom: 100px;
}

@media only screen and (max-width: 1500px) {
  .text_page_content .element_list.one_in_row {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .text_page_content .element_list.one_in_row {
    margin-bottom: 60px;
  }
}
.text_page_content .element_list.one_in_row > ul > li {
  margin-bottom: 10px;
}

.text_page_content .element_list.one_in_row > ul > li:last-child {
  margin-bottom: 0;
}

.text_page_content .main_article_image {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
  .text_page_content .main_article_image {
    margin-bottom: 30px;
  }
}
.text_page_content .main_article_image .image {
  width: 100%;
  height: 0;
  padding-bottom: 56.265%;
}

.text_page_content .main_article_image .text-center {
  padding-top: 10px;
  font-size: 12px;
  line-height: 18px;
  color: #485058;
}

.text_page_content .text_page_gallery .image_text {
  display: none;
}

@media only screen and (max-width: 767px) {
  .text_page_content .text_page_gallery > ul {
    margin: 0 -10px;
  }
  .text_page_content .text_page_gallery > ul > li {
    width: 50%;
    margin-bottom: 20px;
    padding: 0 10px;
  }
}
.text_page_content .text_page_gallery .image {
  width: 100%;
  height: 0;
  padding-bottom: 58.61%;
}

.download_box {
  padding: 15px;
  border: 1px solid #DCE0EB;
  border-radius: 5px;
  display: flex;
}

.download_box > div.download_left {
  width: 60px;
}

.download_box > div.download_left .download_preview {
  background-color: #EDF4FF;
  border-radius: 5px;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-image: url("./../img/file_icon2.svg");
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}

.download_box > div.download_right {
  width: calc(100% - 60px);
  padding-left: 15px;
  color: #091227;
  padding-top: 5px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-image: url("./../img/d_icon2.svg");
}

.download_box > div.download_right ul {
  padding-top: 8px;
}

.download_box > div.download_right ul > li {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.download_box > div.download_right ul > li:last-child {
  margin-right: 0;
}

.account_frame .account_frame_left_side img {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .account_frame br {
    display: none;
  }
}
.anonymization {
  color: #ffffff;
  background-color: #E62222;
  text-align: center;
  padding: 10px 0;
  font-size: 12px;
  line-height: 18px;
}

.anonymization .delete_abort {
  margin-left: 10px;
  border-bottom: 1px solid #ffffff;
  font-weight: 700;
}

.anonymization .delete_abort:hover {
  border-color: transparent;
}

.about_form_send {
  width: 58%;
}

@media only screen and (max-width: 767px) {
  .about_form_send {
    width: 100%;
    display: block;
    padding: 50px 0;
  }
}
.about_form_send {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.about_form_send .password_remind_confirm {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .about_form_send .password_remind_confirm {
    padding-top: 10px;
  }
}
.about_form_send .password_remind_confirm h3 {
  padding-top: 90px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("./../img/confirm_icon.svg");
}

@media only screen and (max-width: 767px) {
  .about_form_send .password_remind_confirm h3 {
    padding-top: 80px;
  }
}
.about_form_send .password_remind_confirm .btn1.password_remind_text {
  text-align: center;
  width: 100%;
}

.about_form_send .password_remind_confirm .btn1.password_remind_text:focus {
  color: white;
}

.account_frame_title.account_active {
  padding-top: 90px;
  position: relative;
}

.account_frame_title.account_active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("./../img/acc_active.svg");
}

.section_closed {
  height: 555px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 1500px) {
  .section_closed {
    height: 444px;
  }
}
@media only screen and (max-width: 767px) {
  .section_closed {
    height: 485px;
  }
}
.section_closed > div {
  width: 100%;
  text-align: center;
}

.section_closed h2 {
  padding-top: 230px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("./../img/section_lock.svg");
  color: #091227;
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .section_closed h2 {
    font-size: 22px;
    line-height: 26px;
  }
}
.info_end_fields {
  padding: 8.5px 15px;
  border-radius: 5px;
  background-color: #EDF4FF;
  margin-top: 20px;
  font-size: 12px;
  line-height: 18px;
  color: #0F66CE;
  font-weight: 600;
}

.info_end_fields span {
  background-image: url("./../img/info_icon3.svg");
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left center;
}

.blue_info_box {
  padding: 8.5px 15px;
  border-radius: 5px;
  margin-top: 20px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  display: flex;
  gap: 8px;
  border: 1px solid #B0D3F5;
  background-color: #C6E1FC;
  color: #0D56AD;
  margin-bottom: 15px;
}

.blue_info_box.lighter {
  font-size: 12px;
  letter-spacing: -0.01em;
  line-height: 18px;
  align-items: center;
  color: #0F66CE;
  line-height: 0;
  margin-bottom: 32px;
  border-color: #EDF4FF;
  background-color: #EDF4FF;
}

.blue_info_box:before {
  content: url("./../img/info_box_icon.svg");
}

.field_with_delete {
  display: flex;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  -webkit-box-align: flex-end;
  align-items: flex-end;
  margin-top: 20px;
}

.field_with_delete.field_with_delete2 {
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  align-items: flex-start;
}

.field_with_delete.field_with_delete2 button {
  margin-top: 31px;
}

.field_with_delete > div {
  width: 100%;
}

.field_with_delete button {
  background-image: url("./../img/remove_icon2.svg") !important;
  flex-grow: 1;
  position: relative;
  margin-left: 10px;
  margin-bottom: 10px;
  border-radius: 50%;
  transition: none !important;
  background-repeat: no-repeat;
  background-position: center;
}

.field_with_delete button:hover {
  background-color: #FCE7E7;
  background-image: url("./../img/remove_icon3.svg") !important;
}

.field_with_delete button svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.recommend_popup_holder {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 460px;
  z-index: 50;
}

@media only screen and (max-width: 767px) {
  .recommend_popup_holder {
    width: calc(100% - 20px);
    right: 10px;
    bottom: 10px;
  }
}
.recommend_popup_holder .recommend_popup_header {
  position: relative;
}

.recommend_popup_holder .recommend_popup_header .close_recommend_popup {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -2px;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/close_recommend_popup.svg");
  transition: 0.3s all ease;
}

.recommend_popup_holder .recommend_popup_header .close_recommend_popup:hover {
  background-image: url("./../img/close_recommend_popup2.svg");
}

.recommend_popup_holder .recommend_popup_header.default_font {
  color: #ffffff;
  padding-right: 40px;
}

.recommend_popup_holder .recommend_popup_header.default_font p {
  margin-bottom: 0;
  background-repeat: no-repeat;
  background-position: left top 2px;
  padding-left: 30px;
  font-weight: 600;
  background-image: url("./../img/question_icon.svg");
}

.recommend_popup_holder .lvls {
  padding-top: 11px;
  color: rgba(255, 255, 255, 0.8);
}

.recommend_popup_holder .lvls p {
  font-weight: 600;
}

.recommend_popup_holder .recommend_popup {
  padding: 20px;
  background-color: #1057E0;
  color: #ffffff;
  border-radius: 10px;
}

.recommend_popup_holder .recommend_popup > .row {
  margin-bottom: 20px;
}

.recommend_popup_holder .recommend_popup > .row:last-child {
  margin-bottom: 0;
}

.recommend_popup_holder .later_btn {
  font-weight: 600;
}

.recommend_popup_holder input[type=submit] {
  line-height: 37px;
  color: #091227;
  background-color: #FFB52B;
  border-radius: 10px;
  padding: 0 15px !important;
  font-weight: 600;
  width: auto;
}

.recommend_popup_holder .recommend_popup_content > ul {
  margin: 0 -2.5px;
}

.recommend_popup_holder .recommend_popup_content > ul > li {
  padding: 0 2.5px;
  display: inline-block;
  vertical-align: top;
  width: 20%;
}

.added_competitions_list_large .file_btn.show_list {
  margin-bottom: 10px;
}

.added_competitions_list_large .competence_name_input {
  color: #091227;
}

.add-competence-chose-list {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(2, 21, 80, 0.1);
  border-radius: 5px;
  border: 1px solid #DCE0EB;
}

.add-competence-chose-list::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 5px;
}

.add-competence-chose-list::-webkit-scrollbar {
  width: 3px;
}

.add-competence-chose-list::-webkit-scrollbar-track {
  background: #ffffff;
}

.add-competence-chose-list .category_name {
  color: #485058;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
}

.add-competence-chose-list ul {
  padding-left: 0 !important;
  margin-bottom: 10px;
}

.add-competence-chose-list ul li {
  font-size: 14px;
  line-height: 22px;
  border-radius: 5px;
  padding: 15px;
  padding-right: 55px;
  transition: 0.3s all ease;
  cursor: pointer;
  position: relative;
  color: #091227;
}

.add-competence-chose-list ul li:after {
  opacity: 0;
  background-repeat: no-repeat;
  background-position: right 15px center;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url("./../img/list_arr.svg");
}

.add-competence-chose-list ul li:hover:after {
  opacity: 1;
}

.add-competence-chose-list ul li:hover {
  background-color: #EDF4FF;
}

.added_competitions_list .uploaded-file {
  padding: 20.5px 15px;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
  width: calc(100% - 30px);
  margin-left: 15px;
  border: 1px solid #DCE0EB;
  border-radius: 5px;
  background-color: #ffffff;
}

.added_competitions_list .uploaded-file:last-child {
  margin-bottom: 0;
}

.added_competitions_list .uploaded-file > div {
  line-height: 36px;
}

.added_competitions_list .uploaded-file > div.dz-filename {
  order: 1;
}

.added_competitions_list .uploaded-file > div.dz-size {
  order: 2;
  margin-left: auto;
  margin-right: 10px;
}

.added_competitions_list .uploaded-file > div.dz-progress {
  order: 4;
  height: 5px;
  width: 100%;
  background-color: #EDF4FF;
  border-radius: 3px;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
}

.added_competitions_list .uploaded-file > div.dz-progress > span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #1057E0;
}

.added_competitions_list .uploaded-file > div:last-child {
  order: 3;
  padding-left: 30px;
  background-repeat: no-repeat;
  background-image: url("./../img/remove_icon.svg");
  background-position: left center;
}

@media only screen and (max-width: 767px) {
  .added_competitions_list .element_list {
    padding-top: 0;
  }
}
.added_competitions_list .element_list > ul > li {
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .added_competitions_list .element_list > ul > li {
    margin-bottom: 0;
    margin-top: 15px;
  }
}
.tmp_user {
  padding: 11px 15px 12px 15px;
  text-align: center;
  background-color: #FFB52B;
}

.tmp_user .tmp_btns {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
  justify-content: center;
  flex-shrink: 0;
}

.tmp_user .add_button {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 6px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 40px !important;
}

.tmp_user .tmp_text_box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 15px;
}

@media only screen and (max-width: 1200px) {
  .tmp_user .tmp_text_box {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_user .tmp_text_box {
    flex-flow: column;
  }
}
.tmp_user .tmp_text_box img {
  width: 40px;
  height: auto;
  line-height: 0;
}

.tmp_user .tmp_desc {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

@media only screen and (max-width: 767px) {
  .tmp_user .tmp_desc {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.tmp_user .tmp_desc h2 {
  font-size: 14px;
  line-height: 18px;
  color: #091227;
  margin-bottom: 5px;
}

.tmp_user .tmp_desc {
  text-align: left;
}

@media only screen and (max-width: 991px) {
  .tmp_user .tmp_desc {
    background-position: left top;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_user .tmp_desc {
    text-align: center;
    padding-left: 0;
    background-position: center top;
  }
}
@media only screen and (max-width: 1200px) {
  .tmp_user .tmp_desc > div:first-child {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .tmp_user .tmp_desc > div {
    margin-bottom: 20px;
    vertical-align: top;
  }
  .tmp_user .tmp_desc > div:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_user .tmp_desc > div {
    margin-right: 0;
    width: 100%;
    text-align: center;
  }
}
.tmp_user .tmp_desc > div:last-child {
  margin-right: 0;
}

.nextPortfolioLink {
  text-decoration: none;
  width: auto !important;
  display: inline-block;
  transition: 0.3s all ease;
  color: #ffffff;
  padding: 13.5px 20px 14.5px 20px;
  background-color: #1057E0;
  font-weight: 700;
  border: 0;
  border-radius: 6px;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .nextPortfolioLink {
    padding: 13.5px 20px 14.5px 20px;
    width: 100% !important;
    text-align: center;
    white-space: normal;
  }
}
.nextPortfolioLink:hover {
  background-color: #0043C3;
  color: white;
}

.nextPortfolioLink:focus {
  color: #ffffff;
}

.vs__dropdown-toggle {
  border: 1px solid #DCE0EB !important;
  height: 50px;
  border-radius: 5px;
  color: #091227;
  cursor: pointer;
  transition: 0.3s all ease;
}

.vs__dropdown-toggle:hover {
  border-color: #BDC3D3 !important;
}

.vs__dropdown-toggle input {
  cursor: pointer;
}

.vs__actions {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/main_select_arr1.svg");
}

.vs__dropdown-toggle {
  padding: 0 !important;
  position: relative;
}

.vs__dropdown-toggle .vs__actions svg {
  display: none;
}

.vs__dropdown-toggle .vs__actions {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30px;
}

.vs__dropdown-toggle .vs__clear {
  display: none;
}

.vs--single.vs--open .vs__selected {
  position: relative !important;
  opacity: 1 !important;
}

.popup_assign_experience .panel_popup_middle {
  max-height: 500px;
  display: flex;
  flex-direction: column-reverse;
}

.popup_assign_experience .vs__dropdown-menu {
  position: relative !important;
}

.vs__dropdown-menu {
  border: 1px solid #DCE0EB !important;
  padding: 4px 4px 4px 4px !important;
  box-shadow: none !important;
}

.vs__dropdown-menu > li {
  text-align: left !important;
  padding: 6px;
  background-color: #ffffff;
  color: #485058;
}

.vs__dropdown-menu > li:hover {
  background-color: #1057E0;
  color: #ffffff;
}

.vue-experience-frame .panel_toggle_box_row {
  border-bottom: 0;
}

.vue-experience-frame .panel_toggle_box_row > div > .row {
  margin-bottom: 20px;
}

.vue-experience-frame .panel_toggle_box_row > div > .row:last-child {
  margin-bottom: 0 !important;
}

.folder_info_options .panel_section_header {
  margin-bottom: 20px;
}

.folder_info_options .folder_option_check_box {
  transition: 0.3s all ease;
}

.folder_info_options .folder_option_check_box:hover {
  background-color: #EDF4FF;
  border-color: #EDF4FF;
  box-shadow: none;
}

.folder_info_desc {
  margin-bottom: 30px;
}

.folder_info_desc .panel_section_header {
  margin-bottom: 10px;
}

.folder_info_images .folder_info_images {
  margin: 40px;
}

.folder_info_images .cv_image {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  background-color: #EDF4FF;
  position: relative;
}

.folder_info_images .cv_image.on:after {
  opacity: 1;
}

.folder_info_images .cv_image.on:before {
  background-image: url("./../img/check_icon.svg");
  background-color: #1057E0;
  border-color: #1057E0;
}

.folder_info_images .cv_image:before {
  background-color: #ffffff;
  border-radius: 5px;
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #1057E0;
}

.folder_info_images .cv_image:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  border-radius: 10px;
  border: 2px solid #1057E0;
  opacity: 0;
  transition: 0.3s all ease;
}

.folder_info_images .cv_image .image {
  border-radius: 10px;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.folder_info_images .element_list.five_in_row > ul > li {
  width: 25%;
}

@media only screen and (max-width: 767px) {
  .folder_info_images .element_list.five_in_row > ul > li {
    width: 50%;
  }
}
.folder_option_check_box {
  box-shadow: 0px 0px 5px rgba(2, 21, 80, 0.05);
  cursor: pointer;
  padding: 5.5px 15px;
  border: 1px solid #DCE0EB;
  border-radius: 5px;
}

@media only screen and (max-width: 767px) {
  .folder_option_check_box {
    display: block;
  }
}
.folder_option_check_box .person_mail {
  color: #485058;
}

.folder_option_check_box .folder_option_content {
  color: #091227;
}

.folder_option_check_box .folder_option_content > div {
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .folder_option_check_box .folder_option_content > div .folder_option_desc {
    font-size: 12px;
    line-height: 18px;
  }
}
.folder_option_check_box.active {
  background-color: #EDF4FF;
  border-color: #EDF4FF;
}

.folder_option_check_box .checkbox_image_box {
  width: 20px;
  height: 20px;
  position: relative;
}

.folder_option_check_box .checkbox_image_box > div {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 1px solid #DCE0EB;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px auto;
  background-color: #ffffff;
}

.folder_option_check_box .checkbox_image_box > div.yes {
  border-color: #1057E0;
  background-color: #1057E0;
  background-image: url("./../img/check_icon.svg");
}

.folder_option_check_box .checkbox_image_box > div.on {
  display: block;
}

.folder_info_options {
  margin-bottom: 30px;
}

.folder_info_options .element_list.one_in_row > ul > li {
  margin-bottom: 5px;
}

.folder_info_options .element_list.one_in_row > ul > li:last-child {
  margin-bottom: 0;
}

.or_login {
  position: relative;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  color: #485058;
  margin-bottom: 30px;
}

.or_login:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #DCE0EB;
}

.or_login span {
  display: inline-block;
  background-color: #ffffff;
  position: relative;
  z-index: 2;
  padding: 0 32px;
}

.vote {
  line-height: 37px;
  color: #091227;
  border-radius: 10px;
  padding: 0 15px !important;
  font-weight: 600;
  width: auto;
  background-color: #FFB52B;
}

.button--loading .button__text {
  visibility: hidden;
  opacity: 0;
}

.button--loading::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 47%;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

.button--loading.vote::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 55%;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
.template_btn {
  position: relative;
}

.template_btn svg {
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}

.data_saved {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  padding: 23px 20px;
  background-color: #E0F5DC;
  border-radius: 10px;
  margin-bottom: 30px;
  color: #0C152C;
}

.data_saved span {
  padding: 5px 0 5px 39px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("./../img/saved_icon.svg");
}

.data_error {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  padding: 23px 20px;
  background-color: #ff7474;
  border-radius: 10px;
  margin-bottom: 30px;
  color: #ffffff;
}

.data_error span {
  padding: 5px 0 5px 39px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("./../img/tip_info_close.svg");
}

.assign_wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.assign_proof a,
.assign_competence a {
  text-decoration: none;
  box-shadow: none;
  color: inherit;
}

.assign_proof a:focus,
.assign_proof a:active,
.assign_proof a:hover,
.assign_competence a:focus,
.assign_competence a:active,
.assign_competence a:hover {
  text-decoration: none;
  box-shadow: none;
  color: inherit;
}

.assign_proof a,
.assign_competence a {
  border-radius: 10px;
  background-color: #FFB52B;
  display: inline-block;
  padding: 0px 10px;
  color: #091227;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
}

@media only screen and (max-width: 767px) {
  .assign_proof,
  .assign_competence {
    margin-top: 15px;
  }
}
.assign_proof span,
.assign_competence span {
  display: block;
  padding-left: 17px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("./../img/assign_icon.svg");
}

.edit_strong {
  font-weight: 600;
}

.panel_section_header h2:has(.edit_strong) {
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .panel_experience.edit_form .panel_toggle_box {
    border: 0 !important;
  }
  .panel_experience.edit_form .panel_toggle_box.active {
    box-shadow: none;
  }
  .panel_experience.edit_form .panel_toggle_box_bottom {
    position: relative;
    left: 0;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0;
    overflow: visible;
    z-index: 1;
  }
}
.tooltip_other_formats button {
  width: 100%;
  font-size: 12px;
  line-height: 14px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 12px 15px;
  border-top: 1px solid #DCE0EB;
}

.tooltip_other_formats button.on img {
  transform: rotate(180deg);
}

.tooltip_other_formats ul {
  display: none;
}

.download_tooltip {
  display: inline-block;
}

.download_tooltip .show_download {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/d_tooltip_icon1.svg");
  transition: 0.3s all ease;
}

.download_tooltip .show_download:hover, .download_tooltip .show_download.on {
  background-color: #EDF4FF;
  background-image: url("./../img/d_tooltip_icon2.svg");
}

.download_tooltip .show_download.disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: not-allowed;
}

.download_tooltip {
  position: relative;
  z-index: 2;
}

.download_tooltip .tooltip_content {
  display: none;
  position: absolute;
  top: calc(100% + 16px);
  left: calc(100% - 15px);
  width: 245px;
  border: 1px solid #BDC3D3;
  border-radius: 6px;
  background-color: #ffffff;
  transform: translateX(-50%);
  padding: 5px 0;
}

.download_tooltip .tooltip_content:after {
  content: "";
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-left: 1px solid #BDC3D3;
  border-top: 1px solid #BDC3D3;
  position: absolute;
  bottom: calc(100% - 5px);
  z-index: 2;
  transform: rotate(45deg);
  background-color: #ffffff;
}

.download_tooltip .tooltip_content ul > li {
  position: relative;
  z-index: 3;
}

.tooltip_download {
  font-size: 12px;
  line-height: 18px;
  display: block;
  padding: 10px 15px;
  color: #485058;
  transition: 0.3s all ease;
  position: relative;
}

.tooltip_download:before {
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  border-left: 2px solid #1057E0;
  position: absolute;
  transition: 0.3s all ease;
  opacity: 0;
}

.tooltip_download:hover strong {
  color: #1057E0;
}

.tooltip_download:hover:before {
  opacity: 1;
}

.tooltip_download:hover {
  background-color: #EDF4FF;
}

.tooltip_download:hover span {
  background-image: url("./../img/d_tooltip_icon2.svg");
}

.tooltip_download span {
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 30px;
  background-image: url("./../img/d_tooltip_icon1.svg");
  display: block;
}

.tooltip_download span strong {
  margin-bottom: 4px;
  color: #091227;
}

.tooltip_refresh {
  font-size: 12px;
  line-height: 18px;
  display: block;
  padding: 8px 15px;
  color: #485058;
  transition: 0.3s all ease;
  font-weight: 700;
  position: relative;
}

.tooltip_refresh:before {
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  border-left: 2px solid #1057E0;
  position: absolute;
  transition: 0.3s all ease;
  opacity: 0;
}

.tooltip_refresh:hover:before {
  opacity: 1;
}

.tooltip_refresh:hover {
  background-color: #EDF4FF;
}

.tooltip_refresh:hover span {
  background-image: url("./../img/info_box_icon.svg");
}

.tooltip_refresh span {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  background-image: url("./../img/info_box_icon.svg");
  display: block;
}

.earn_box input[type=text] {
  padding-right: 150px !important;
}

.vue-dropzone {
  border: 1px dashed #BDC3D3 !important;
}

.page_header img {
  color: #ffffff;
}

.banner .overtitle {
  color: #ffffff;
}

.banner img {
  color: #ffffff;
}

.panel_about_me_photos .flex_list > ul > li .previewsContainer {
  margin: 20px 0 0 0;
}

.panel_about_me_photos .flex_list > ul > li .default_form {
  border: 1px dashed #DCE0EB;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
}

.panel_about_me_photos .flex_list > ul > li > .default_form > div {
  height: auto;
}

.added_competitions_list .files-upload-progres {
  margin-top: 20px;
}

.added_competitions_list .files-upload-progres > li:last-child {
  margin-bottom: 0;
}

.knowledge_base_item_title {
  margin-bottom: 40px;
}

@media screen and (min-width: 480px) {
  .animation_button {
    bottom: 20px;
    right: 20px;
    border: none;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    margin-left: auto;
    cursor: pointer;
    z-index: 3;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(249, 250, 252, 0.2);
    transition: 0.3s all ease;
  }
  .animation_button.animation_play {
    display: none;
  }
  .animation_button.animation_pause {
    display: block;
  }
}
.scripts_btn {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-left: 10px;
  display: none !important;
}

.scripts_btn svg path:last-child {
  fill: #485058;
}

fieldset.rate_box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  height: 50px;
}

.rate_radio_holder_box {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
  height: 20px;
}

.rate_radio_holder_box .sr-only {
  font-size: 0px;
  overflow: visible;
  clip-path: unset;
}

.item_rated .state label:before {
  background-image: url("./../img/star2.png") !important;
}

.rate_radio_holder_box input {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 1em;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.rate_radio_holder_box input:checked ~ .state label:before {
  background-image: url("./../img/star2.png");
}

.rate_radio_holder_box .state label {
  position: initial;
  display: inline-block;
  font-weight: 400;
  margin: 0;
  text-indent: 1.5em;
  width: 20px;
  margin-right: 3px;
}

.rate_radio_holder_box .state label:before {
  content: "";
  background-image: url("./../img/star1.png");
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.rate_radio_holder_box .state label:before {
  border-color: #bdc3c7;
}

.rate_radio_holder_box .state.p-is-hover, .pretty .state.p-is-indeterminate {
  display: none;
}

.pagemap li {
  margin-bottom: 30px;
  margin-top: 0;
}

.pagemap ul ul {
  padding-top: 30px;
  padding-left: 30px;
  list-style: disc;
}

.pagemap ul ul li::marker {
  color: #1057E0;
}

.pagemap a {
  color: #091227;
}

.pagemap a:hover {
  color: #091227;
}

.tmp_desc .add_button.add_button2:hover {
  color: #ffffff;
}

.tmp_desc .add_button.add_button2:hover span {
  background-image: url("./../img/add_icon.svg");
}

.logout_btn_tmp {
  color: #091227;
  background-color: #ffffff !important;
  border: 0 !important;
  line-height: 50px !important;
  padding-top: 0;
  padding-bottom: 0;
}

.logout_btn_tmp:hover {
  background-color: #FFB52B !important;
  color: #091227 !important;
}

.logout_btn_tmp:hover span {
  background-image: url("./../img/logout_15.svg") !important;
}

.logout_btn_tmp span {
  padding-right: 25px;
  background-position: right center;
  padding-left: 0;
  background-image: url("./../img/logout_15.svg") !important;
}

.about_desc_holder {
  text-align: center;
}

.about_desc_holder .split_lead > .row {
  margin: 0;
}

.about_desc_holder .split_lead > .row > div {
  float: none;
  width: 100%;
  margin-bottom: 60px;
}

@media only screen and (max-width: 1500px) {
  .about_desc_holder .split_lead > .row > div {
    margin-bottom: 40px;
  }
}
.about_desc_holder .split_lead > .row > div:last-child {
  margin-bottom: 0;
}

.user_nav_item span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  background-color: #E62222;
  border-radius: 50%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  transform: translate(3px, -2px);
}

.chat_window_holder .left_side #dropzone {
  position: relative;
}

.chat_window_holder .tip_info_2 {
  position: absolute;
  left: 0;
  top: calc(100% + 30px);
}

@media only screen and (max-width: 767px) {
  .chat_window_holder .tip_info_2 {
    top: 100%;
  }
  .chat_window_holder .tip_info_2 .tip_info.tip_open,
  .chat_window_holder .tip_info_2 .tip_info2.tip_open {
    left: 0;
    right: auto !important;
    top: auto !important;
    bottom: 100%;
    width: calc(100vw - 30px) !important;
  }
}
.chat_window_holder .tip_info_2 .tip_info_content_holder {
  rotate: none !important;
}

.chat_window_holder .tip_info_2 .tip_info,
.chat_window_holder .tip_info_2 .tip_info2 {
  margin-right: -50px;
}

@media only screen and (max-width: 1400px) {
  .chat_window_holder .tip_info_2 .tip_info,
  .chat_window_holder .tip_info_2 .tip_info2 {
    margin-right: -40px;
  }
}
@media only screen and (max-width: 767px) {
  .chat_window_holder .tip_info_2 .tip_info,
  .chat_window_holder .tip_info_2 .tip_info2 {
    right: 0 !important;
  }
}
.chat_window_holder .tip_info_2 .tip_info:after,
.chat_window_holder .tip_info_2 .tip_info2:after {
  left: 0;
  top: auto;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: calc(100% - 1px);
  width: 30px;
  height: 15px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

@media only screen and (max-width: 1400px) {
  .chat_window_holder .tip_info_2 .tip_info:after,
  .chat_window_holder .tip_info_2 .tip_info2:after {
    width: 15px;
    height: 5px;
  }
}
.chat_window_holder .tip_info_2 .tip_info .tip_info_btn,
.chat_window_holder .tip_info_2 .tip_info2 .tip_info_btn {
  rotate: none !important;
}

.tip_info.inside_chat,
.tip_info2.inside_chat {
  margin-right: 10px;
  right: 0 !important;
  top: 350px;
}

@media only screen and (max-width: 1200px) {
  .tip_info.inside_chat,
  .tip_info2.inside_chat {
    top: 285px;
  }
}
@media only screen and (max-width: 767px) {
  .tip_info.inside_chat:after,
  .tip_info2.inside_chat:after {
    display: none;
  }
  .tip_info.inside_chat,
  .tip_info2.inside_chat {
    top: 226px;
  }
}
@media only screen and (max-width: 1500px) {
  .panel_education .panel_section_header_holder, .panel_language .panel_section_header_holder, .panel_skills .panel_section_header_holder {
    padding-right: 85px;
  }
}
@media only screen and (max-width: 1400px) {
  .panel_education .panel_section_header_holder, .panel_language .panel_section_header_holder, .panel_skills .panel_section_header_holder {
    padding-right: 45px;
  }
}
.tip_info.tip_info_desktop_slider_off,
.tip_info2.tip_info_desktop_slider_off {
  top: 330px !important;
}

@media only screen and (max-width: 1500px) {
  .tip_info.tip_info_desktop_slider_off,
  .tip_info2.tip_info_desktop_slider_off {
    top: 292px !important;
  }
}
.tip_info.tmp_info_desktop_slider_off,
.tip_info2.tmp_info_desktop_slider_off {
  top: 450px !important;
}

@media only screen and (max-width: 1500px) {
  .tip_info.tmp_info_desktop_slider_off,
  .tip_info2.tmp_info_desktop_slider_off {
    top: 410px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .tip_info.tmp_info_desktop_slider_off,
  .tip_info2.tmp_info_desktop_slider_off {
    top: 420px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .tip_info.tmp_info_desktop_slider_off,
  .tip_info2.tmp_info_desktop_slider_off {
    top: 500px !important;
  }
}
@media only screen and (max-width: 991px) {
  .tip_info.tmp_info_desktop_slider_off,
  .tip_info2.tmp_info_desktop_slider_off {
    top: 583px !important;
  }
}
.new_domain_banner {
  background-color: #EDF4FF;
  padding: 30px 0;
}

.new_domain_banner .default_font, .new_domain_banner .close_new_domain_banner {
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 991px) {
  .new_domain_banner .default_font, .new_domain_banner .close_new_domain_banner {
    display: block;
  }
}
.new_domain_banner .default_font {
  font-weight: 600;
}

.new_domain_banner .default_font p {
  font-weight: inherit;
}

.new_domain_banner .close_new_domain_banner {
  margin-left: 25px;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/close_recommend_popup2.svg");
  transition: 0.3s all ease;
}

@media only screen and (max-width: 991px) {
  .new_domain_banner .close_new_domain_banner {
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
  }
}
.panel_settings_info_social_media {
  font-size: 12px;
}

.panel_settings_info_social_media_field_email_disabled {
  background-color: rgba(23, 22, 22, 0.1);
  color: #333;
}

.panel_settings_info_social_media {
  font-size: 12px;
}

.panel_settings_info_social_media_field_email_disabled {
  background-color: rgba(23, 22, 22, 0.1);
  color: #333;
}

.panel_settings_info_social_media {
  font-size: 12px;
}

.panel_settings_info_social_media_field_email_disabled {
  background-color: rgba(23, 22, 22, 0.1);
  color: #333;
}

@media only screen and (max-width: 991px) {
  .tmp_info {
    border-radius: 7px 0px 0px 7px;
  }
  .tmp_info::after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .tip_info2 {
    border-radius: 7px 0px 0px 7px;
  }
  .tip_info2::after {
    display: none;
  }
}
.panel_popup_holder.chat_start input[type=submit] {
  display: inline-block;
  transition: 0.3s all ease;
  color: #ffffff;
  padding: 13.5px 30px 14.5px 30px;
  background-color: #1057E0;
  font-weight: 700;
  border: 0;
}

.panel_popup_holder.chat_start input[type=submit]:hover, .panel_popup_holder.chat_start input[type=submit].hover {
  background-color: #0043C3;
  text-decoration: none;
  color: #ffffff;
}

.panel_popup_holder.chat_start {
  display: block;
}

.panel_popup_holder.chat_start .row {
  margin-bottom: 19px;
}

.panel_popup_holder.chat_start .row:last-child {
  margin-bottom: 0;
}

.panel_popup_holder.chat_start input, .panel_popup_holder.chat_start textarea {
  border-radius: 5px;
}

.panel_popup_holder.chat_start textarea {
  height: 180px;
}

.panel_popup_holder.chat_start .addressee {
  position: relative;
  z-index: 2;
}

.panel_popup_holder.chat_start .addressee .addressee_item {
  padding: 11px 14px;
  display: flex;
  gap: 8px;
  align-items: center;
  transition: 0.3s all ease;
  background-color: #ffffff;
}

.panel_popup_holder.chat_start .addressee .addressee_item .image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  flex-shrink: 0;
}

.panel_popup_holder.chat_start .addressee .addressee_item .addressee_item_content {
  display: flex;
  flex-flow: column;
}

.panel_popup_holder.chat_start .addressee .addressee_item .addressee_item_content .addressee_name {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
}

.panel_popup_holder.chat_start .addressee .addressee_item .addressee_item_content .addressee_role {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #485058;
}

.panel_popup_holder.chat_start .addressee .addressee_item .addressee_item_content .addressee_mail {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #485058;
}

.panel_popup_holder.chat_start .addressee .addressee_top {
  position: relative;
}

.panel_popup_holder.chat_start .addressee .addressee_top .addressee_item {
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  top: 37px;
  left: 1px;
}

.panel_popup_holder.chat_start .addressee .addressee_bottom {
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid #DCE0EB;
  box-shadow: 0px 0px 10px rgba(2, 21, 80, 0.1);
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  width: 100%;
}

.panel_popup_holder.chat_start .addressee .addressee_bottom .neutral {
  padding: 5px;
}

.panel_popup_holder.chat_start .addressee .addressee_bottom .neutral .neutral_content {
  display: flex;
  gap: 8px;
  padding: 9px;
  border-radius: 5px;
  background: #c6e1fc;
  border: 1px solid #b0d3f5;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  color: #0d56ad;
}

.panel_popup_holder.chat_start .addressee .addressee_bottom .neutral .neutral_content img {
  flex-shrink: 0;
}

.panel_popup_holder.chat_start .addressee .addressee_bottom .addressee_item {
  cursor: pointer;
}

.panel_popup_holder.chat_start .addressee .addressee_bottom .addressee_item:hover {
  background-color: #EDF4FF;
}

.panel_popup_holder.chat_start .addressee .addressee_bottom::-webkit-scrollbar {
  width: 3px;
}

.panel_popup_holder.chat_start .addressee .addressee_bottom::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
  cursor: pointer;
}

.panel_popup_holder.chat_start .panel_popup h3 {
  padding-left: 0;
}

.panel_popup_holder.session_popup .panel_popup_content {
  width: 550px;
  padding: 30px;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: center;
  color: #485058;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.session_popup .panel_popup_content {
    width: calc(100% - 20px);
    margin: 0 auto;
    padding: 30px 15px;
  }
  .panel_popup_holder.session_popup .panel_popup_content br {
    display: none;
  }
}
.panel_popup_holder.session_popup .panel_popup_content .panel_popup_close {
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 50%;
  text-align: center;
  transition: 0.3s all ease;
}

.panel_popup_holder.session_popup .panel_popup_content .panel_popup_close:hover {
  background-color: #EDF4FF;
}

.panel_popup_holder.session_popup .panel_popup_content h3 {
  font-weight: 600;
  font-size: 21px;
  letter-spacing: -0.02em;
  line-height: 31px;
  text-align: center;
  color: #091227;
}

.panel_popup_holder.session_popup .panel_popup_content .info_end_fields {
  margin-top: 0;
  display: inline-block;
}

.panel_popup_holder.session_popup .panel_popup_content .session_time_left {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #091227;
}

.panel_popup_holder.session_popup .panel_popup_content .session_time_left #timer {
  display: inline-block;
}

.panel_popup_holder.session_popup .panel_popup_content > div {
  border-bottom: 0;
  padding: 0 0 30px 0;
}

.panel_popup_holder.session_popup .panel_popup_content > div:last-child {
  padding-bottom: 0;
}

.panel_popup_holder.session_popup .panel_popup_content .session_popup_middle {
  display: flex;
  flex-flow: column;
  justify-content: center;
  gap: 15px;
}

.panel_popup_holder.session_popup .panel_popup_content .session_popup_bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

@media only screen and (max-width: 767px) {
  .panel_popup_holder.session_popup .panel_popup_content .session_popup_bottom {
    flex-flow: column;
  }
}
.session_timers {
  position: absolute;
  right: 0;
  bottom: 70px;
}

@media only screen and (max-width: 1200px) {
  .session_timers {
    bottom: 95px;
  }
}
@media only screen and (max-width: 767px) {
  .session_timers {
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 99;
  }
  .session_timers .session_timer_box {
    border-radius: 0 !important;
    width: 100%;
    justify-content: center;
  }
  .session_timers .session_timer_box .session_timer_desc {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .session_timers .session_timer_box .session_timer_icon {
    width: 20px;
    height: 20px;
    background-size: 10px;
  }
}
.session_timers .session_timer_box {
  border-radius: 26px 0px 0px 26px;
  background: #ffffff;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.18);
  padding: 6px 12px 6px 6px;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #485058;
  display: inline-flex;
  gap: 8px;
}

.session_timers .session_timer_box.near_to_expire .session_timer_icon {
  background-image: url("./../img/session_clock_red.svg");
  background-color: rgba(230, 34, 34, 0.15);
}

.session_timers .session_timer_box .session_time {
  font-weight: normal;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
}

.session_timer_icon {
  background-color: #D9ECFF;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/session_clock_blue.svg");
}

.session_end {
  padding: 100px 0 100px 0;
  text-align: center;
}

@media only screen and (max-width: 1500px) {
  .session_end {
    padding: 50px 0;
  }
}
.session_end .session_timer_icon {
  margin: 0 auto 20px auto;
}

.session_end .desc {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1500px) {
  .session_end .desc {
    margin-bottom: 30px;
  }
}
.session_end h2 {
  font-size: 56px;
  line-height: 64px;
  letter-spacing: -0.04em;
  margin-bottom: 28px;
}

@media only screen and (max-width: 1500px) {
  .session_end h2 {
    margin-bottom: 18px;
    font-size: 46px;
    line-height: 54px;
  }
}
@media only screen and (max-width: 1200px) {
  .session_end h2 {
    font-size: 38px;
    line-height: 46px;
  }
}
@media only screen and (max-width: 991px) {
  .session_end h2 {
    font-size: 34px;
    line-height: 42px;
  }
}
.account_frame_overtitle {
  font-weight: normal;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: center;
  color: #485058;
  margin-bottom: 16px;
  text-align: center;
}

.account_frame .default_font h3 {
  letter-spacing: -0.03em;
}

.account_frame.account_frame_register_step1 .account_form_holder {
  width: 630px !important;
}

@media only screen and (max-width: 1500px) {
  .account_frame.account_frame_register_step1 .account_form_holder {
    width: 60% !important;
  }
}
@media only screen and (max-width: 767px) {
  .account_frame.account_frame_register_step1 .account_form_holder {
    width: 100% !important;
  }
}
.account_frame.account_frame_register_step3 .account_frame_right_side {
  overflow-y: scroll;
  overflow-x: hidden;
  margin-bottom: 80px;
}

.account_frame.account_frame_register_step3 .account_frame_right_side::-webkit-scrollbar {
  width: 6px;
}

.account_frame.account_frame_register_step3 .account_frame_right_side::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
  cursor: pointer;
}

.account_frame.account_frame_register_step3 .account_form_holder {
  width: 616px !important;
  height: 100%;
}

@media only screen and (max-width: 1500px) {
  .account_frame.account_frame_register_step3 .account_form_holder {
    width: 50% !important;
  }
}
@media only screen and (max-width: 767px) {
  .account_frame.account_frame_register_step3 .account_form_holder {
    width: 100% !important;
  }
}
.badge {
  padding: 0 10px;
  height: 20px;
  border-radius: 10px;
  background: #ffb52b;
  font-weight: 600;
  font-size: 12px;
  color: #091227;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.account_type_box {
  display: flex;
  gap: 16px;
  padding: 15px 16px;
  border: 1px solid #DCE0EB;
  position: relative;
  transition: 0.3s all ease;
}

.account_type_box:has(input:checked) {
  border-color: #1057E0;
}

.account_type_box:has(input:checked) .account_type_radio {
  border-color: #1057E0;
}

.account_type_box:has(input:checked) .account_type_radio div {
  opacity: 1;
  visibility: visible;
}

.account_type_box input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}

.account_type_box .account_type_radio {
  position: relative;
  border: 1px solid #BDC3D3;
  width: 21px;
  height: 21px;
  overflow: hidden;
  border-radius: 50%;
  flex-shrink: 0;
  transition: 0.3s all ease;
}

.account_type_box .account_type_radio div {
  opacity: 0;
  visibility: hidden;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s all ease;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url("./../img/white_check.svg");
  background-color: #1057E0;
}

.account_type_box .account_type_box_content {
  display: flex;
  flex-flow: column;
  gap: 8px;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #485058;
}

.account_type_box .account_type_box_content h4 {
  color: #091227;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  display: flex;
  gap: 8px;
  align-items: center;
}

.register_base_data {
  margin-bottom: 40px;
}

.register_base_data .default_form input[type=text] {
  background-image: none;
  padding-left: 20px !important;
}

.register_base_data .row {
  margin-bottom: 19px;
}

.register_base_data .row:last-child {
  margin-bottom: 0;
}

.account_type_choice {
  margin-bottom: 40px;
}

.account_type_choice.scroll_box {
  max-height: 365px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 10px;
}

.account_type_choice.scroll_box::-webkit-scrollbar {
  width: 6px;
}

.account_type_choice.scroll_box::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
  cursor: pointer;
}

.account_type_choice li {
  margin-bottom: 12px;
}

.account_type_choice li:last-child {
  margin-bottom: 0;
}

.user_account_toggles {
  display: flex;
  border-bottom: 3px solid #DCE0EB;
  margin-bottom: 49px;
}

.user_account_toggles button {
  flex-shrink: 0;
  width: 50%;
  padding-bottom: 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #485058;
  position: relative;
  transition: 0.3s all ease;
}

@media only screen and (max-width: 767px) {
  .user_account_toggles button {
    font-size: 12px;
    line-height: 18px;
  }
}
.user_account_toggles button.on {
  color: #1057E0;
}

.user_account_toggles button.on:after {
  left: 0;
  width: 100%;
}

.user_account_toggles button:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0%;
  transition: 0.3s all ease;
  border-bottom: 3px solid #1057E0;
}

.user_account_content > div {
  display: none;
}

.user_account_content form .default_form label {
  font-weight: normal;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
}

.user_account_content .default_form.rule {
  padding: 0;
  margin-bottom: 19px;
}

.user_account_content .default_form.rule:last-child {
  margin-bottom: 0;
}

.err_sup {
  font-weight: normal;
  font-size: 12px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #e62222;
  display: block;
}

sup.err_sup {
  display: inline;
}

.planner_header {
  padding-bottom: 30px;
  margin-bottom: 43px;
  border-bottom: 1px solid #DCE0EB;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .planner_header {
    flex-flow: column;
  }
}
.planner_header div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 16px;
}

@media only screen and (max-width: 767px) {
  .planner_header div {
    padding-top: 15px;
    flex-flow: column;
  }
}
.planner_header div a, .planner_header div button {
  margin-top: 0;
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
  .planner_header div a, .planner_header div button {
    width: 100%;
    justify-content: center;
  }
}
.planner_header h2, .planner_header h3 {
  font-size: 22px;
  line-height: 32px;
}

@media only screen and (max-width: 1500px) {
  .planner_header h2, .planner_header h3 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .planner_header h2, .planner_header h3 {
    line-height: 24px;
  }
}
.today {
  background-color: #ffffff;
  position: relative;
  z-index: 2;
  color: #1057E0;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #1057e0;
  padding-bottom: 20px;
}

.today .date_today {
  display: block;
  padding-bottom: 0 !important;
}

.panel_micro_credentials .panel_notyfications_slider {
  padding-bottom: 0;
}

.panel_micro_credentials input[type=submit] {
  border-radius: 6px;
}

.panel_micro_credentials .btn4 {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .panel_micro_credentials .btn4 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .micro_credentials_filters {
    width: 100%;
  }
}
.micro_credentials_heading {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .micro_credentials_heading {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .micro_credentials_heading .filters {
    flex-flow: column;
    align-items: flex-start;
  }
}
.micro_credentials_heading .filters .default_form {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.micro_credentials_heading .filters .select2-container--default .select2-selection--single {
  border-radius: 18.5px;
  background: #ffffff;
  border: 1px solid #DCE0EB;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02);
  height: 37px;
}

.micro_credentials_heading .filters .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: normal;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 37px;
  text-align: left;
  color: #485058;
  padding: 0 30px 0 15px;
}

.micro_credentials_heading .filters .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  width: 15px;
  right: 15px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("./../img/filter_arr_toggle.svg");
}

.micro_credentials_heading .filters .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.micro_credentials_heading .filters label {
  margin-bottom: 0;
}

.micro_credentials_heading .filters {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 20px;
}

.micro_credentials_heading {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .micro_credentials_heading {
    flex-flow: column;
    gap: 15px;
  }
}
.micro_credentials_heading h3 {
  color: #091227;
  font-size: 22px;
  line-height: 32px;
}

@media only screen and (max-width: 1500px) {
  .micro_credentials_heading h3 {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .micro_credentials_heading h3 {
    line-height: 24px;
  }
}
.micro_credentials_box {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #DCE0EB;
  box-shadow: 0px 0px 8px rgba(2, 21, 80, 0.1);
}

.micro_credentials_box > div:last-child {
  margin-bottom: 0;
}

.micro_credentials_box .micro_credentials_top {
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 15px;
}

.micro_credentials_box .micro_credentials_top > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.micro_credentials_box .micro_credentials_top > div.micro_credentials_tags {
  gap: 7px;
}

@media only screen and (max-width: 767px) {
  .micro_credentials_box .micro_credentials_top > div.micro_credentials_tags {
    flex-flow: column;
    align-items: flex-start;
  }
}
.micro_credentials_box .micro_credentials_top > div.micro_credentials_actions {
  gap: 10px;
}

.micro_credentials_box .micro_credentials_middle {
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin-bottom: 18px;
}

.micro_credentials_box .micro_credentials_middle h4 {
  font-size: 18px;
  line-height: 28px;
}

@media only screen and (max-width: 1500px) {
  .micro_credentials_box .micro_credentials_middle h4 {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .micro_credentials_box .micro_credentials_middle h4 {
    font-size: 18px;
    line-height: 24px;
  }
}
.micro_credentials_list .text-center {
  padding-top: 40px;
}

@media only screen and (max-width: 767px) {
  .micro_credentials_list .text-center {
    padding-top: 20px;
  }
}
.micro_credentials_list .btn1 {
  width: 100%;
}

.micro_credentials_list li {
  margin-bottom: 15px;
}

.micro_credentials_list li:last-child {
  margin-bottom: 0;
}

.panel_micro_credentials_footer {
  padding-top: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .panel_micro_credentials_footer {
    padding-top: 20px;
  }
}
.panel_micro_credentials_form_top {
  padding-bottom: 23px;
  border-bottom: 1px solid #DCE0EB;
}

.panel_micro_credentials_form_top > .row {
  margin-bottom: 20px;
}

.panel_micro_credentials_form_top > .row:last-child {
  margin-bottom: 0;
}

.panel_micro_credentials_form {
  padding: 20px;
  border: 1px solid #DCE0EB;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(2, 21, 80, 0.05);
  display: flex;
  flex-flow: column;
  gap: 23px;
}

.panel_micro_credentials_form h4 {
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #091227;
}

.helper_desc {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #485058;
  padding-top: 5px;
}

.date_datepicker .default_form {
  width: 240px;
}

@media only screen and (max-width: 767px) {
  .date_datepicker .default_form {
    width: 100%;
  }
}
.search_for_users .search_for_users_holder {
  display: flex;
  gap: 15px;
  align-items: flex-end;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .search_for_users .search_for_users_holder {
    flex-flow: column;
  }
}
.search_for_users .search_for_users_holder input {
  border-radius: 5px;
}

@media only screen and (max-width: 767px) {
  .search_for_users .search_for_users_holder input {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .search_for_users .search_for_users_holder .default_form {
    width: 100%;
  }
}
.search_for_users .search_for_users_holder .default_form:has(input[type=text]) {
  width: 100%;
}

.search_for_users .search_for_users_holder {
  margin-bottom: 20px;
}

.search_for_users .search_for_users_holder:has(.err_txt) {
  margin-bottom: 70px;
}

@media only screen and (max-width: 767px) {
  .search_for_users .search_for_users_holder:has(.err_txt) {
    margin-bottom: 30px;
  }
}
.search_for_users .search_for_users_holder:has(.err_txt) input[type=text] {
  border-color: #E62222;
}

.search_for_users .search_for_users_holder:has(.err_txt) .err_txt {
  position: absolute;
  left: 0;
  top: 100%;
}

@media only screen and (max-width: 767px) {
  .search_for_users .search_for_users_holder:has(.err_txt) .err_txt {
    position: relative;
    top: auto;
  }
}
.notification_success {
  padding: 15px;
  border-radius: 10px;
  background: #e0f5dc;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.notification_success button {
  transition: 0.3s all ease;
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.notification_success button:hover {
  background-color: #ffffff;
}

.notification_success .notification_success_content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #091227;
}

.notification_success .notification_success_content p {
  font-weight: 600;
}

.notification_error {
  padding: 15px;
  border-radius: 10px;
  background: #FFE0E0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.notification_error button {
  transition: 0.3s all ease;
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.notification_error button:hover {
  background-color: #ffffff;
}

.notification_error .notification_error_content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #091227;
}

.notification_error .notification_error_content p {
  font-weight: 600;
}

.notification_warning {
  padding: 14px 15px;
  border-radius: 10px;
  background: #FEEAC3;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.notification_warning button {
  transition: 0.3s all ease;
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.notification_warning button:hover {
  background-color: #ffffff;
}

.notification_warning .notification_warning_content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #091227;
}

.notification_warning .notification_warning_content p {
  font-weight: 700;
}

.checkbox_toggle_box {
  border-radius: 5px;
  border: 1px solid #DCE0EB;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02);
}

.checkbox_toggle_box .checkbox_toggle_box_items_count {
  white-space: nowrap;
}

.checkbox_toggle_box .checkbox_toggle_box_top {
  text-align: left;
  width: 100%;
  background-color: #F0F4F8;
  padding: 11px 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  color: #091227;
}

.checkbox_toggle_box .checkbox_toggle_box_top .checkbox_toggle_box_items_details {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: right;
  color: #485058;
}

.checkbox_toggle_box .checkbox_toggle_box_bottom {
  display: none;
}

.checkbox_toggle_box .checkbox_toggle_box_bottom .default_form {
  padding: 11px 15px !important;
}

.checkbox_toggle_box.on .checkbox_toggle_box_top img {
  transform: rotate(180deg);
}

.checkbox_item {
  padding: 12px 15px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  gap: 10px;
  transition: 0.3s all ease;
}

.checkbox_item:hover {
  background-color: #EDF4FF;
}

.checkbox_item:has(input[type=checkbox]:checked) .custom_checkbox {
  border-color: #1057E0;
  background-color: #1057E0;
  background-image: url("./../img/check_icon.svg");
}

.checkbox_item input[type=checkbox] {
  z-index: 2;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.checkbox_item label {
  margin-bottom: 0;
}

.checkbox_item .custom_checkbox_desc {
  display: block;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #485058;
}

.checkbox_item .custom_checkbox {
  margin-top: 1px;
  align-self: flex-start;
}

.custom_checkbox {
  width: 20px;
  height: 20px;
  border: 1px solid #DCE0EB;
  position: relative;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  flex-shrink: 0;
}

.custom_checkbox.on {
  border-color: #1057E0;
  background-color: #1057E0;
  background-image: url("./../img/check_icon.svg");
}

.competences_new_list {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-right: 5px;
}

.competences_new_list::-webkit-scrollbar {
  width: 3px;
}

.competences_new_list::-webkit-scrollbar-thumb {
  background: #D5D8E5;
  border-radius: 3px;
  cursor: pointer;
}

.competences_new_list > ul > li {
  margin-bottom: 12px;
}

.competences_new_list > ul > li:last-child {
  margin-bottom: 0;
}

.no_item_found_box {
  padding: 19px 34px;
  border-radius: 5px;
  background-color: #F0F4F8;
  text-align: center;
  color: #485058;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .no_item_found_box {
    padding: 19px 20px;
  }
}
.no_item_found_box > div {
  margin-bottom: 18.5px;
}

.no_item_found_box > div:last-child {
  margin-bottom: 0;
}

.no_item_found_box .no_item_found_box_desc {
  display: flex;
  gap: 10px;
  flex-flow: column;
}

.no_item_found_box h3 {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: center;
  color: #091227;
}

.default_form_top {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.default_form_top label {
  margin-bottom: 0 !important;
}

.filter_title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .filter_title {
    flex-flow: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.filter_title .filters {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 20px;
}

@media only screen and (max-width: 767px) {
  .filter_title .filters {
    gap: 10px;
  }
}
.filter_title .filters label {
  color: #091227;
  font-weight: normal;
  font-size: 14px !important;
  line-height: 18px !important;
  text-align: left;
}

.filter_title .filters .default_form {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.filter_title .filters .default_form label {
  margin-bottom: 0 !important;
}

.filter_title .filters .select2-container--default .select2-selection--single {
  border-radius: 18.5px;
  background: #ffffff;
  border: 1px solid #DCE0EB;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02);
  height: 37px;
}

.filter_title .filters .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: normal;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 37px;
  text-align: left;
  color: #485058;
  padding: 0 30px 0 15px;
}

.filter_title .filters .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  width: 15px;
  right: 15px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("./../img/filter_arr_toggle.svg");
}

.filter_title .filters .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.filter_title .filters label {
  margin-bottom: 0;
}

.filter_title .filters {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 20px;
}

.switch_toggle_holder {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.switch_toggle {
  position: relative;
  width: 36px;
  height: 21px;
  border-radius: 10.5px;
  transition: 0.3s all ease;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.05);
  background-color: #F0F4F8;
}

.switch_toggle:has(input[type=checkbox]:checked) {
  background-color: #1057E0;
}

.switch_toggle:has(input[type=checkbox]:checked) > div {
  left: calc(100% - 18px);
  background-color: #ffffff;
}

.switch_toggle.on {
  background: #1057e0;
}

.switch_toggle > div {
  transition: 0.3s all ease;
  width: 15px;
  height: 15px;
  background-color: #DCE0EB;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 50%;
}

.switch_toggle input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}

.delete_item {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transition: 0.3s all ease;
  background-repeat: no-repeat;
  background-position: center;
  justify-content: center;
  background-image: url("./../img/remove_icon2.svg");
}

.delete_item:hover {
  background-color: #ffffff;
  background-image: url("./../img/remove_icon3.svg");
}

.competences_item {
  padding: 20px;
  background-color: #EDF4FF;
  border-radius: 5px;
}

.competences_item > .row {
  margin-bottom: 20px;
}

.competences_item > .row:last-child {
  margin-bottom: 0;
}

.competences_item h4 {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #485058;
}

.competences_item .competence_title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 10px;
}

.competences_item .competenc_rate_holder {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #DCE0EB;
}

.competences_item .competenc_rate_holder .default_form {
  width: 100%;
}

.competences_item .competenc_rate_holder .default_form .select2-container--default .select2-selection--single {
  border: 0;
}

.competences_item .competenc_rate_holder .rate_box {
  line-height: 0;
  flex-shrink: 0;
  margin-right: 15px;
  display: none;
}

.competences_item .competenc_rate_holder .err_txt {
  position: absolute;
  left: 0;
  top: 100%;
}

.competence_attachment_toggle_bar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .competence_attachment_toggle_bar {
    flex-flow: column;
    margin-bottom: 20px;
  }
}
.competence_attachment_toggles {
  display: inline-flex;
  padding: 4px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid #dce0eb;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02);
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .competence_attachment_toggles {
    width: 100%;
  }
  .competence_attachment_toggles .add_btn {
    width: 100%;
  }
}
.competence_attachment_toggles button {
  border-radius: 18px;
  padding: 9px 15px;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 19px;
  font-weight: 600;
  color: #1057E0;
  transition: 0.3s all ease;
}

@media only screen and (max-width: 767px) {
  .competence_attachment_toggles button {
    font-size: 11px;
    padding-left: 0;
    padding-right: 0;
    width: 50%;
  }
}
.competence_attachment_toggles button.on {
  background-color: #1057E0;
  color: #ffffff;
}

.competence_attachment_toggle_content .myform2_dropzone_box {
  background-color: #ffffff;
  padding: 30px;
  border: 1px dashed #DCE0EB;
}

.competence_attachment_toggle_content > div {
  display: none;
}

.helper_text {
  padding-top: 10px;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #485058;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}

.competences_list > ul > li {
  margin-bottom: 15px;
}

.competences_list > ul > li:last-child {
  margin-bottom: 0;
}

.competences_list .text-right {
  padding-top: 39px;
}

.rate_title_holder:has(.err_txt) {
  margin-bottom: 40px;
}

.url_box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
  align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .url_box {
    flex-flow: column;
  }
}
.url_box > div:first-child {
  width: 100%;
}

.url_box > div:last-child {
  flex-shrink: 0;
}

@media only screen and (max-width: 767px) {
  .url_box > div:last-child {
    width: 100%;
  }
}
.url_box input[type=submit] {
  width: 164px;
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .url_box input[type=submit] {
    margin-top: 0;
    width: 100%;
  }
}
.attachment_url {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background: rgb(237, 244, 255) center center/cover no-repeat;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.attachment_url:not(.attachment_microproof, .attachment_certificate) img {
  width: 30px !important;
}

.attachment_url.attachment_microproof img, .attachment_url.attachment_certificate img {
  width: auto !important;
  height: 25px !important;
}

.attachment_item {
  padding: 15px;
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid #DCE0EB;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .attachment_item {
    flex-flow: column;
    text-align: center;
  }
}
.attachment_item.url_item .attachments_item_details_top {
  word-break: break-all;
}

.attachment_item .attachments_item_content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 15px;
}

@media only screen and (max-width: 767px) {
  .attachment_item .attachments_item_content {
    flex-flow: column;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .attachment_item .attachments_item_preview {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
  }
}
.attachment_item .image {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background: #EDF4FF;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

@media only screen and (max-width: 767px) {
  .attachment_item .image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
}
.attachment_item .attachments_item_details {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.attachment_item .attachments_item_details_bottom {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 6px;
}

@media only screen and (max-width: 767px) {
  .attachment_item .attachments_item_details_bottom {
    justify-content: center;
  }
}
.attachment_badge {
  white-space: nowrap;
  display: inline-block;
  border-radius: 8.5px;
  background: #ffffff;
  border: 1px solid #DCE0EB;
  font-size: 10px;
  letter-spacing: 0.05em;
  line-height: 14px;
  text-align: left;
  color: #091227;
  text-transform: uppercase;
  padding: 3px 10px;
  font-weight: 700;
}

.attachment_tooltip {
  position: relative;
  z-index: 2;
}

.attachment_tooltip:hover .attachment_tooltip_content {
  display: block;
}

.attachment_tooltip img {
  display: block;
  cursor: pointer;
}

.attachment_tooltip .attachment_tooltip_content {
  display: none;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: calc(100% + 6px);
  border-radius: 5px;
  background: #485058;
  width: 420px;
  color: #ffffff;
  padding: 5px 10px;
}

.attachment_tooltip_big {
  position: relative;
}

.attachment_tooltip_big:hover .attachment_tooltip_content {
  display: block;
}

.attachment_tooltip_big img {
  display: block;
  cursor: pointer;
}

.attachment_tooltip_big .attachment_tooltip_content {
  display: none;
  position: absolute;
  left: 43%;
  transform: translate(-50%);
  top: 100%;
  border-radius: 5px;
  background: #485058;
  width: 420px;
  color: #ffffff;
  padding: 5px 10px;
}

.attachments_item_actions {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

@media only screen and (max-width: 767px) {
  .attachments_item_actions {
    justify-content: space-between;
    padding-top: 20px;
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #DCE0EB;
  }
}
.attachments_item_actions a, .attachments_item_actions button {
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  transition: 0.3s all ease;
}

.attachments_item_actions a:hover, .attachments_item_actions button:hover {
  background-color: #EDF4FF;
}

.attachments_list > ul > li {
  margin-bottom: 10px;
}

.attachments_list > ul > li:last-child {
  margin-bottom: 0;
}

.certificates_qualifications_improvements .date_holder_box input {
  width: 240px;
  display: block;
}

@media only screen and (max-width: 991px) {
  .certificates_qualifications_improvements .date_holder_box input {
    width: 100%;
  }
}
.certificates_qualifications_improvements .form_footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 991px) {
  .certificates_qualifications_improvements .form_footer {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.loader {
  display: none;
  position: fixed;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: auto;
  height: 100%;
  z-index: 9999;
  background-color: rgba(12, 12, 12, 0.43);
  top: 0;
}

.loader .loader-container {
  position: relative;
  padding: 50px;
  background-color: white;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  text-align: center;
}

.loader .loader-container .loader-close {
  position: absolute;
  top: 10px;
  right: 15px;
  background: transparent;
  border: none;
  font-size: 24px;
  color: black;
  cursor: pointer;
  z-index: 10000;
}

.loader .loader-container .loader-circle {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #1057E0 94%, rgba(0, 0, 0, 0)) top/8px 8px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #1057E0);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000 0);
  animation: l13 1.2s infinite linear;
}

@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}
.js_planner_goal {
  position: relative;
}

.custom-loader {
  opacity: 0.6;
}

.custom-loader::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 998;
  border-radius: inherit;
}

.custom-loader::after {
  content: "";
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  width: 50px;
  height: 50px;
  transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: center;
  z-index: 999;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #1057E0 94%, rgba(0, 0, 0, 0)) top/8px 8px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #1057E0);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000 0);
  mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000 0);
  animation: spinIt 1.2s infinite linear;
}

@keyframes spinIt {
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.proof_popup_toggle_btns {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  background: #F0F4F8;
  border: 1px solid #DCE0EB;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02);
  width: 100%;
  padding: 5px;
  border-radius: 22.5px;
}

@media only screen and (max-width: 767px) {
  .proof_popup_toggle_btns {
    flex-flow: column;
  }
}
.proof_popup_toggle_btns button {
  text-align: center;
  display: block;
  padding: 9px;
  border-radius: 18px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 15px;
  color: #1057e0;
  transition: 0.3s all ease;
  justify-content: space-between;
  flex-grow: 1;
}

@media only screen and (max-width: 767px) {
  .proof_popup_toggle_btns button {
    width: 100%;
  }
}
.proof_popup_toggle_btns button.active {
  background-color: #1057E0;
  color: #ffffff;
}

.added_proofs_holder {
  padding: 10px;
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid #DCE0EB;
}

.added_proofs {
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.added_proofs::-webkit-scrollbar-thumb {
  background-color: #a0a0a0;
}

.added_proofs::-webkit-scrollbar {
  width: 5px;
}

.added_proof {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  transition: 0.3s all ease;
  border-radius: 5px;
  gap: 15px;
  padding: 15px;
  margin-bottom: 5px;
  width: calc(100% + 10px);
  cursor: pointer;
}

.added_proof:hover {
  background-color: #F0F4F8;
}

.added_proof:has(input[type=checkbox]:checked) {
  background-color: #EDF4FF;
}

.added_proof:last-child {
  margin-bottom: 0;
}

.added_proof .added_proof_left {
  flex-shrink: 0;
}

.added_proof .added_proof_right {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 15px;
}

.added_proof .added_proof_right .proof_image {
  flex-shrink: 0;
}

.added_proof .added_proof_right .proof_image img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 5px;
}

.added_proof .added_proof_right .added_proof_content {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.added_proof .added_proof_right .added_proof_top h3 {
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
}

.added_proof .added_proof_right .added_proof_bottom {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 5px;
}

.custom_multi_select {
  margin-top: 10px;
}

.custom_multi_select:has(.multi_select_list_open) .multi_list_arrow {
  transform: rotate(180deg);
}

.custom_multi_select ul {
  margin-top: 3px;
  border-radius: 5px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px solid #dce0eb;
  max-height: 237px;
}

.custom_multi_select ul::-webkit-scrollbar {
  width: 6px;
}

.custom_multi_select ul::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
  cursor: pointer;
}

.custom_multi_select ul li.custom_multi_select_check_all {
  position: sticky;
  top: 0;
  z-index: 22;
}

.custom_multi_select ul li.custom_multi_select_check_all .checkbox_item {
  background: #f0f4f8;
  border-bottom: 1px solid #dce0eb;
  padding: 6px 15px !important;
}

.custom_multi_select ul li.custom_multi_select_option_holder .checkbox_item {
  padding: 14px 15px !important;
}

.custom_multi_select_text_field {
  border-radius: 5px;
  background: #fff;
  border: 1px solid #bdc3d3;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 5px;
  position: relative;
  padding-right: 15px;
  overflow: hidden;
}

.custom_multi_select_text_field label {
  flex-shrink: 0;
  margin: 0;
  order: 4;
}

.custom_multi_select_text_field .more_options {
  display: none;
  order: 3;
}

.custom_multi_select_text_field input[type=text] {
  border: 0;
  width: 100%;
  height: 50px;
  padding: 15px;
  order: 2;
}

.custom_multi_select_text_field .picked_elements {
  order: 1;
  display: none;
}

.custom_multi_select_options_holder, .picked_elements {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.chosen_option, .picked_element {
  padding: 8px;
  border-radius: 5px;
  background: #f0f4f8;
  border: 1px solid #dce0eb;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #091227;
  font-weight: 700;
  white-space: nowrap;
}

.chosen_option_remove, .picked_element_remove {
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/chosen_option_x.svg");
  background-size: cover;
  line-height: 0;
}

.chosen_option_remove img, .picked_element_remove img {
  display: none;
}

.more_options {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: -0.01em;
  line-height: 16px;
  text-align: left;
  color: #1057e0;
  white-space: nowrap;
  padding-right: 5px;
}

.custom_multi_select_options_holder:has(.chosen_option) {
  padding-left: 10px;
}

.assign_proof_checkbox .custom_checkbox {
  flex-shrink: 0;
}

.assign_proof_checkbox:has(#assign_proof_checkbox:checked) .custom_multi_select {
  display: block;
}

.attachments_title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.attachments_title .add_btn {
  flex-shrink: 0;
}

.attachment_file_footer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.attachment_file_footer .btn3 {
  border: 2px solid #DCE0EB;
  color: #1057E0;
  padding: 11px 30px 13px 30px;
}

.attachment_file_footer:has(.btn3) > button {
  width: auto !important;
}

.popup_file_view:has(.btn3) .attachments_title {
  margin-top: 10px;
  padding-top: 30px;
  border-top: 1px solid #DCE0EB;
}

.panel_top_folder_box {
  position: relative;
  z-index: 2;
}

.panel_top_folder_box .panel_top_folder_box_top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  padding-top: 100px;
  padding-left: 5vw;
  padding-right: 5vw;
  padding-bottom: 39px;
}

@media only screen and (max-width: 1600px) {
  .panel_top_folder_box .panel_top_folder_box_top {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}
@media only screen and (max-width: 1500px) {
  .panel_top_folder_box .panel_top_folder_box_top {
    padding-left: 2vw;
    padding-right: 2vw;
  }
}
@media only screen and (max-width: 1200px) {
  .panel_top_folder_box .panel_top_folder_box_top {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.panel_top_folder_box .panel_top_folder_box_bottom {
  padding: 0 5vw;
  background: #ffffff;
  border: 1px solid #DCE0EB;
  box-shadow: 0px 2px 8px rgba(2, 21, 80, 0.05);
  display: flex;
}

@media only screen and (max-width: 1600px) {
  .panel_top_folder_box .panel_top_folder_box_bottom {
    padding: 0 3vw;
  }
}
@media only screen and (max-width: 1500px) {
  .panel_top_folder_box .panel_top_folder_box_bottom {
    padding: 0 2vw;
  }
}
@media only screen and (max-width: 1200px) {
  .panel_top_folder_box .panel_top_folder_box_bottom {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .panel_top_folder_box .panel_top_folder_box_bottom {
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
}
.panel_top_folder_box .user_folder_title a {
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  text-decoration: underline;
  font-weight: 700;
}

.panel_top_folder_box .user_folder_title a:hover {
  text-decoration: none;
}

.panel_top_folder_box_action {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.panel_top_folder_box_action .btn3 {
  padding: 13.5px 30px 14.5px 30px;
  color: #ffffff;
}

.panel_top_folder_box_action .btn3:hover {
  color: #1057E0;
}

.panel_top_folder_box_action .btn4 {
  margin-top: 0;
  width: auto;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #1057E0;
  background-color: #ffffff;
  border-radius: 5px !important;
}

.panel_top_folder_box_action .btn4:hover {
  background-color: #0043C3;
  color: #ffffff;
}

.panel_top_folder_toggle_btn {
  padding: 20px 21px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 11px;
  transition: 0.3s all ease;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #485058;
  text-decoration: none;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .panel_top_folder_toggle_btn {
    padding: 20px 0;
  }
}
.panel_top_folder_toggle_btn span:first-child {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 11px;
}

.panel_top_folder_toggle_btn svg {
  line-height: 0;
}

.panel_top_folder_toggle_btn:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  border-bottom: 2px solid #FFB52B;
  display: none;
}

.panel_top_folder_toggle_btn.on {
  font-weight: 700;
  color: #091227;
}

.panel_top_folder_toggle_btn.on:after {
  display: block;
}

.panel_top_folder_toggle_btn.on svg path {
  fill: #FFB52B;
}

.panel_top_folder_toggle_btn:hover {
  color: #091227;
}

.panel_top_folder_toggle_btn:hover svg path {
  fill: #FFB52B;
}

.panel_top_folder_toggle_btn svg path {
  transition: 0.3s all ease;
}

.information_in_the_folder > .row {
  margin-bottom: 30px;
}

.information_in_the_folder > .row:last-child {
  margin-bottom: 0;
}

.icon_header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.icon_header .icon_holder {
  background-color: #1057E0;
  width: 40px;
  height: 40px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  line-height: 0;
  border-radius: 50%;
}

.icon_header .icon_holder svg path {
  fill: #ffffff;
}

.icon_header .icon_holder h3 {
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -0.02em;
  line-height: 32px;
  text-align: left;
  color: #091227;
}

.folder_education_row {
  display: flex;
  align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .folder_education_row {
    flex-flow: column;
  }
}
.folder_education_row .folder_education_timeline {
  width: 190px;
  flex-shrink: 0;
  color: #091227;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .folder_education_row .folder_education_timeline {
    width: 100%;
    padding-bottom: 30px;
  }
}
.folder_education_row .folder_education_row_content {
  width: 100%;
}

.folder_education_row .folder_education_row_content .toggle_list {
  padding-top: 15px;
}

.folder_education_row .folder_education_row_content > .folder_education_box_bottom {
  padding-top: 20px;
}

.folder_education_row .folder_education_row_content .folder_education_desc {
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
  margin-bottom: 15px;
}

.folder_education_row .folder_education_row_content .folder_education_desc h4 {
  color: #091227;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
}

.folder_education_row .folder_education_row_content .folder_education_desc p {
  font-weight: 400;
}

.folder_education_row .folder_education_row_content .folder_education_desc h4, .folder_education_row .folder_education_row_content .folder_education_desc p, .folder_education_row .folder_education_row_content .folder_education_desc div {
  margin-bottom: 15px;
}

.folder_education_row .folder_education_row_content .folder_education_desc h4:last-child, .folder_education_row .folder_education_row_content .folder_education_desc p:last-child, .folder_education_row .folder_education_row_content .folder_education_desc div:last-child {
  margin-bottom: 0;
}

.panel_toggles2_overtitle {
  font-weight: normal;
  font-size: 12px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #485058;
  margin-bottom: 6px;
  display: block;
}

.folder_education_row_content h5 {
  padding: 5px 0;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #485058;
}

.folder_education_box {
  padding: 16px 15px 15px 15px;
  background-color: #EDF4FF;
  border-radius: 5px;
}

.folder_education_box .attachments_list > ul > li {
  margin-bottom: 5px;
}

.folder_education_box .attachments_list > ul > li:last-child {
  margin-bottom: 0;
}

.folder_education_box .folder_education_box_top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #DCE0EB;
  gap: 10px;
}

.folder_education_box .folder_education_box_top .rate_btn {
  height: 20px;
}

.folder_education_box .folder_education_box_top .rate_box {
  line-height: 0;
  white-space: nowrap;
}

.folder_education_box .folder_education_box_top h5 {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
}

.folder_education_box .folder_education_box_profs_title {
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #485058;
  margin-bottom: 10px;
}

.folder_education_rows > div {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #DCE0EB;
}

.folder_education_rows > div:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.folder_education_list > ul > li {
  margin-bottom: 10px;
}

.folder_education_list > ul > li:last-child {
  margin-bottom: 0;
}

.user_panel_top .menu_box .user_nav > ul > li > div > a {
  color: #ffffff;
}

.user_panel_top:has(.panel_top_folder_box) .session_timers {
  bottom: auto;
  top: 150px;
}

#toast-container .toast-top-left {
  top: 50px;
  left: 50px;
}

#toast-container div.toast.toast-error {
  background-color: #D92D20 !important;
  opacity: 1;
}

#toast-container div.toast.toast-info {
  background-color: #0F66CE !important;
  opacity: 1;
}

#toast-container div.toast.toast-warning {
  background-color: #B46100 !important;
  opacity: 1;
}

#toast-container div.toast.toast-success {
  background-color: #0E8821 !important;
  opacity: 1;
}

.panel_popup_holder:has(.add_cv_popup) .panel_popup_title h3 {
  padding-left: 0;
}

.add_cv_popup_actions {
  display: flex;
  gap: 15px;
}

.add_cv_popup_actions .myajaxlist_content {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .add_cv_popup_actions {
    flex-flow: column;
  }
}
.add_cv_popup_actions.vertical {
  flex-flow: column;
}

.add_cv_popup_actions.vertical .add_cv_popup_action {
  width: 100%;
}

.add_cv_popup_desc {
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #485058;
  display: flex;
  gap: 7px;
  flex-flow: column;
}

.add_cv_popup_desc.add_cv_popup_desc_alert .text-center {
  padding-top: 13px;
}

.add_cv_popup_desc.add_cv_popup_desc_alert {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.add_cv_popup_desc.add_cv_popup_desc_alert .add_cv_popup_overtitle {
  color: #9F5600;
}

.add_cv_popup_desc.add_cv_popup_desc_alert .add_cv_popup_action_icon {
  background-color: #FEEAC3 !important;
}

.add_cv_popup_desc.add_cv_popup_desc_alert .add_cv_popup_action_icon svg path {
  fill: #FF9D2B;
}

.add_cv_popup_desc h3 {
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -0.02em;
  line-height: 32px;
  text-align: left;
  color: #091227;
}

.add_cv_popup_overtitle {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.add_cv_popup_action {
  padding: 30px;
  border: 1px solid #DCE0EB;
  border-radius: 10px;
  flex-shrink: 0;
  width: calc(50% - 7.5px);
  position: relative;
  cursor: pointer;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .add_cv_popup_action {
    width: 100%;
  }
}
.add_cv_popup_action .redirect_btn {
  position: relative;
  z-index: 2;
}

.add_cv_popup_action.horizontal {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 20px;
  padding: 24px 20px;
}

@media only screen and (max-width: 767px) {
  .add_cv_popup_action.horizontal {
    flex-flow: column;
  }
}
.add_cv_popup_action.horizontal .add_cv_popup_action_icon {
  margin: 0;
}

.add_cv_popup_action.horizontal .add_cv_popup_action_desc {
  align-items: flex-start;
  text-align: left;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .add_cv_popup_action.horizontal .add_cv_popup_action_desc {
    flex-flow: column;
    text-align: center;
  }
}
.add_cv_popup_action.horizontal .add_cv_popup_action_desc label {
  margin-bottom: 7px;
}

.add_cv_popup_action:has(input[type=radio]:checked) {
  border-color: #1057E0;
}

.add_cv_popup_action:has(input[type=radio]:checked) .add_cv_popup_action_icon {
  background-color: #1057E0;
}

.add_cv_popup_action:has(input[type=radio]:checked) svg path {
  fill: #ffffff;
}

.add_cv_popup_action input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}

.add_cv_popup_action .add_cv_popup_action_desc {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #485058;
  gap: 10px;
  display: flex;
  justify-content: center;
  flex-flow: column;
}

.add_cv_popup_action .add_cv_popup_action_desc label {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.01em;
  line-height: 28px;
  text-align: center;
  color: #1057E0;
  margin-bottom: 0;
}

.add_cv_popup_action .badge_neutral {
  margin-top: 7px;
}

.badge_neutral {
  font-size: 12px;
  line-height: 18px;
  color: #0F66CE;
  background: #d6e8fd;
  border-radius: 12px;
  line-height: 24px;
  padding: 0 8px;
  display: inline-block;
}

.badge_neutral.warning {
  background-color: #FEEAC3;
  color: #92550D;
}

.badge_warning {
  border-radius: 5px;
  padding: 8px 10px;
  border: 1px solid #FDDEA2;
  background-color: #FEEAC3;
  color: #92550D;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display: inline-flex;
  gap: 8px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.01em;
  line-height: 22px;
}

.badge_warning svg {
  width: 18px;
  height: 18px;
}

.add_cv_popup .add_cv_popup_action_icon {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background: #d6e8fd;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #edf4ff;
  margin: 0 auto 15px auto;
}

.add_cv_popup .add_cv_popup_action_icon svg path {
  fill: #1057E0;
}

.add_cv_popup.add_cv_popup_final {
  text-align: center;
}

.add_cv_popup.add_cv_popup_final .add_cv_popup_action_icon {
  margin-bottom: 30px;
}

.add_cv_popup.add_cv_popup_final .add_cv_popup_desc {
  gap: 15px;
  justify-content: center;
  align-items: center;
}

.add_cv_popup .myform2_dropzone_box {
  padding: 30px;
  border: 1px dashed #DCE0EB;
}

.add_cv_popup > div {
  margin-bottom: 30px;
}

.add_cv_popup > div:last-child {
  margin-bottom: 0;
}

.field_add_cv_preform_continue_submit, .field_add_cv_preform_submit, .field_add_cv_list_form_continue_submit, .field_add_cv_list_form_submit {
  border-radius: 5px;
  margin-left: 16px;
}

.field_add_cv_preform_continue_submit:focus, .field_add_cv_preform_submit:focus, .field_add_cv_list_form_continue_submit:focus, .field_add_cv_list_form_submit:focus {
  color: #ffffff;
}

.btn_secondary, .field_add_cv_preform_back, .field_add_cv_list_form_back {
  border-radius: 5px;
  background: #fff;
  border: 1px solid #DCE0EB;
  padding: 14px 30px;
  font-weight: 700;
  color: #485058;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  transition: 0.3s all ease;
}

.btn_secondary:hover, .field_add_cv_preform_back:hover, .field_add_cv_list_form_back:hover {
  color: #1057E0;
  border-color: #1057E0;
}

@media only screen and (max-width: 767px) {
  .panel_popup:has(.add_cv_popup) .panel_popup_bottom .btn3, .panel_popup:has(.add_cv_popup) .panel_popup_bottom .field_add_cv_preform_back, .panel_popup:has(.add_cv_popup) .panel_popup_bottom .field_add_cv_preform_continue_submit, .panel_popup:has(.add_cv_popup) .panel_popup_bottom .field_add_cv_preform_submit {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
.competition_inner_box_top {
  padding-bottom: 17px;
  margin-bottom: 15px;
  border-bottom: 1px solid #DCE0EB;
}

@media only screen and (max-width: 767px) {
  .competition_inner_box_top .rate_box {
    padding-top: 15px;
  }
}
.competition_inner_box_top > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 15px;
}

.competition_inner_box_top .competition_inner_title {
  margin-bottom: 0;
}

.competition_inner_box_top fieldset.rate_box {
  height: auto !important;
}

.not_edited_data {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}

.not_edited_data.lang_lvl_holder {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 1200px) {
  .not_edited_data.lang_lvl_holder {
    flex-wrap: wrap;
  }
  .not_edited_data.lang_lvl_holder > div {
    width: 100%;
  }
}
.not_edited_data.lang_lvl_holder .add_language {
  width: auto;
}

@media only screen and (max-width: 1200px) {
  .not_edited_data.lang_lvl_holder .add_language {
    width: 100%;
  }
  .not_edited_data.lang_lvl_holder .add_language .add_language_left_side {
    display: none;
  }
}
.not_edited_data label, .not_edited_data .not_edited_data_date_range_top {
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
  margin-bottom: 0;
}

.not_edited_data .not_edited_data_date_range_bottom {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.not_edited_data .not_edited_data_date_range_bottom > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.not_edited_data input {
  background-color: transparent;
  height: auto !important;
  padding: 0 !important;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #485058;
}

.not_edited_data textarea {
  resize: none;
  overflow: hidden;
  background-color: transparent;
  padding: 0 !important;
}

.not_edited_data > div {
  width: 33.33%;
  display: flex;
  flex-flow: column;
  gap: 6px;
  padding-right: 10px;
}

.not_edited_data > div.double_width_column {
  width: 66.66%;
}

@media only screen and (max-width: 767px) {
  .not_edited_data > div {
    width: 100%;
  }
}
.not_edited_data > div:has(textarea) {
  width: 66.66%;
}

@media only screen and (max-width: 767px) {
  .not_edited_data > div:has(textarea) {
    width: 100%;
  }
}
.added_competitions_list .competition_inner_title {
  margin-bottom: 10px !important;
}

.added_competitions_list .competition_inner_title p {
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #485058;
  font-weight: 400;
}

.added_competitions_list .files-upload-progres {
  margin-top: 0;
}

.side_panel_folder {
  height: 100%;
  width: 537px;
  display: flex;
  flex-flow: column;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 10;
  border: 1px solid #dce0eb;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 767px) {
  .side_panel_folder {
    width: 100%;
  }
}
.side_panel_folder .side_panel_folder_top {
  position: relative;
  padding: 20px 30px;
  border-bottom: 1px solid #DCE0EB;
}

.side_panel_folder .side_panel_folder_top .side_panel_colse_btn {
  position: absolute;
  top: 20px;
  right: 30px;
}

@media only screen and (max-width: 767px) {
  .side_panel_folder .side_panel_folder_top .side_panel_colse_btn {
    top: 20px;
    right: 5px;
  }
}
.side_panel_folder .side_panel_folder_top > div {
  margin-bottom: 20px;
}

.side_panel_folder .side_panel_folder_top > div:last-child {
  margin-bottom: 0;
}

.side_panel_folder .side_panel_folder_middle {
  flex-grow: 1;
  padding: 29px 30px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.side_panel_folder .side_panel_folder_middle::-webkit-scrollbar {
  width: 3px;
}

.side_panel_folder .side_panel_folder_middle::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
}

.side_panel_folder .side_panel_folder_middle > div {
  margin-bottom: 20px;
}

.side_panel_folder .side_panel_folder_middle .side_panel_folder_cv > div {
  margin-bottom: 15px;
}

.side_panel_folder .side_panel_folder_middle .side_panel_folder_cv > div:last-child {
  margin-bottom: 0;
}

.side_panel_folder .side_panel_folder_bottom {
  padding: 20px 30px;
  border-top: 1px solid #DCE0EB;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .side_panel_folder .side_panel_folder_bottom {
    margin-bottom: 34px;
    flex-wrap: wrap;
  }
  .side_panel_folder .side_panel_folder_bottom .btn3.close_side_panel {
    width: 100%;
    margin-top: 15px;
  }
}
.side_panel_folder .side_panel_folder_bottom > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 15px;
}

@media only screen and (max-width: 767px) {
  .side_panel_folder .side_panel_folder_bottom > div {
    width: 100%;
    text-align: center;
  }
  .side_panel_folder .side_panel_folder_bottom > div .btn1 {
    width: 100%;
  }
  .side_panel_folder .side_panel_folder_bottom > div:first-child {
    order: 2;
  }
  .side_panel_folder .side_panel_folder_bottom > div:last-child {
    order: 1;
  }
}
.side_panel_folder .side_panel_folder_title_top {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 15px;
}

.side_panel_folder .side_panel_folder_title_top h2, .side_panel_folder .side_panel_folder_title_top h3 {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.01em;
  line-height: 28px;
  text-align: left;
  color: #091227;
}

.side_panel_folder .side_panel_folder_details {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 15px;
}

.side_panel_folder .side_panel_folder_details_box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 5px;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #1057E0;
}

.side_panel_folder .item_holder {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  color: #ffffff;
  background-color: #1057E0;
  flex-shrink: 0;
}

.side_panel_folder .item_holder svg path {
  fill: #ffffff;
}

.side_panel_folder .item_holder.sm {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  width: 25px;
  height: 25px;
}

.side_panel_folder .item_holder.sm.wide {
  min-width: 25px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 12.5px;
  width: auto;
}

.side_panel_folder .side_panel_folder_title_middle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .side_panel_folder .side_panel_folder_title_middle {
    flex-flow: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.side_panel_folder .side_panel_folder_title_middle h2, .side_panel_folder .side_panel_folder_title_middle h4 {
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -0.02em;
  line-height: 32px;
  text-align: left;
  color: #091227;
}

.side_panel_folder .btn3.side_panel_folder_more {
  padding: 0;
  height: 53px;
  width: 55px;
  border: 1px solid transparent;
}

.side_panel_folder .btn3.side_panel_folder_more.on {
  border-color: #1057E0;
}

.competition_inner_title2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .competition_inner_title2 {
    flex-flow: column;
    align-items: flex-start;
    gap: 15px;
  }
}
.competition_inner_title2.small_margin {
  margin-bottom: 15px;
}

.competition_inner_title2:last-child {
  margin-bottom: 0;
}

.competition_inner_desc {
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #485058;
}

.competition_inner_desc h3 {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #091227;
}

.competition_holder .add_language {
  margin-bottom: 0;
}

.competition_holder .competition_inner_box_frame {
  margin-bottom: 0;
}

.competition_inner_actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 15px;
}

.experience_list_popup .add_btn {
  margin-top: 19px;
}

.experience_list_popup > ul > li {
  margin-bottom: 8px;
}

.experience_list_popup > ul > li:last-child {
  margin-bottom: 0;
}

.neutral_select_loading {
  padding: 5px;
}

.neutral_select_loading .neutral_content {
  display: flex;
  gap: 8px;
  padding: 9px;
  border-radius: 5px;
  background: #c6e1fc;
  border: 1px solid #b0d3f5;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  color: #0d56ad;
}

.neutral_select_loading .neutral_content img {
  flex-shrink: 0;
}

.vue-custom-select-frame .add-competence-chose-list {
  margin-top: 3px;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.vue-custom-select-frame .add-competence-chose-list::-webkit-scrollbar {
  width: 3px;
}

.vue-custom-select-frame .add-competence-chose-list::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
  cursor: pointer;
}

.vue-custom-select-frame:has(.add-competence-chose-list) input[type=text] {
  background-image: url("./../img/custom_select_arr2.svg");
}

.vue-custom-select-frame input[type=text] {
  cursor: pointer;
  padding-right: 35px;
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-image: url("./../img/custom_select_arr.svg");
}

.custom_select_category_bar > ul {
  margin-bottom: 0;
}

.custom_select_category_bar > ul > li {
  padding: 14px 15px;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
}

.custom_select_category_bar > ul > li:after {
  display: none;
}

.custom_select_category_bar .category_name {
  z-index: 2;
  position: sticky;
  top: 0;
  border-top: 1px solid #DCE0EB;
  border-bottom: 1px solid #DCE0EB;
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #485058;
  padding: 6px 15px;
  background-color: #F0F4F8;
}

.checkbox_toggle_box_list .checkbox_item:has(input[type=radio]:checked) label:before {
  border-color: #1057E0;
  background-color: #1057E0;
  background-image: url("./../img/check_icon.svg");
}

.checkbox_toggle_box_list .checkbox_item:has(input[type=radio]) {
  position: relative;
}

.checkbox_toggle_box_list .checkbox_item:has(input[type=radio]) input[type=radio] {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.checkbox_toggle_box_list .checkbox_item:has(input[type=radio]) label {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.checkbox_toggle_box_list .checkbox_item:has(input[type=radio]) label:before {
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #DCE0EB;
  flex-shrink: 0;
}

.checkbox_toggle_box_list::-webkit-scrollbar {
  width: 3px;
}

.checkbox_toggle_box_list::-webkit-scrollbar-thumb {
  background: #BDC3D3;
  border-radius: 3px;
  cursor: pointer;
}

.cv_title {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 15px;
  display: flex !important;
}

.cv_title .icon_holder {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #edf4ff;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
}

.cv_title svg path {
  fill: #1057E0;
}

.cv_desc {
  padding-top: 20px;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #485058;
  gap: 5px;
  display: flex;
  flex-flow: column;
}

.about_project_content {
  padding: 0 8%;
}

@media only screen and (max-width: 1500px) {
  .about_project_content {
    padding: 0;
  }
}
.about_project_list > ul > li {
  margin-bottom: 16px;
}

.about_project_list > ul > li:last-child {
  margin-bottom: 0;
}

.about_project_item {
  display: flex;
  border: 1px solid #DCE0EB;
  padding: 24px;
  gap: 20px;
  flex-flow: column;
}

.about_project_item h4 {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.01em;
  line-height: 28px;
  text-align: left;
  color: #091227;
}

.competition_inner_box_frame > div:first-child:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.empty_section {
  padding: 40px;
  border-radius: 10px;
  background: #f4f8ff;
  display: flex;
  flex-flow: column;
  justify-content: center;
  gap: 30px;
  text-align: center;
  margin-bottom: 0 !important;
}

.empty_section .desc {
  font-weight: normal;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: center;
  color: #485058;
}

.empty_section .desc h3 {
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -0.02em;
  line-height: 32px;
  text-align: center;
  color: #091227;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .project_details br {
    display: none;
  }
}
.about_project_details_content .desc_side {
  padding-left: 60px;
}

@media only screen and (max-width: 1500px) {
  .about_project_details_content .desc_side {
    padding-left: 0;
  }
}
.about_project_details_content .default_font {
  color: #091227;
}

.about_project_details_content .default_font ul {
  padding-top: 15px;
  padding-left: 0;
  list-style: none;
}

.about_project_details_content .default_font ul li {
  display: flex;
  gap: 15px;
}

.about_project_details_content .default_font ul li:before {
  margin-top: 7px;
  align-self: flex-start;
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #FFB52B;
  flex-shrink: 0;
}

.side_panel_tooltip {
  position: relative;
}

.side_panel_tooltip .side_panel_tooltip_content {
  position: absolute;
  bottom: calc(100% + 11px);
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid #DCE0EB;
  box-shadow: 0px 0px 30px rgba(2, 21, 80, 0.05);
  width: 218px;
  left: 50%;
  transform: translate(-50%);
}

@media only screen and (max-width: 767px) {
  .side_panel_tooltip .side_panel_tooltip_content {
    transform: none;
    right: auto;
    left: 0;
  }
  .side_panel_tooltip .side_panel_tooltip_content:after {
    right: auto !important;
    left: 22px !important;
  }
}
.side_panel_tooltip .side_panel_tooltip_content ul {
  padding-top: 3.8px;
  padding-bottom: 3.8px;
  border-radius: 5px;
  overflow: hidden;
}

.side_panel_tooltip .side_panel_tooltip_content:after {
  width: 10px;
  height: 10px;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  bottom: -6px;
  border-bottom: 1px solid #DCE0EB;
  border-right: 1px solid #DCE0EB;
  transform: rotate(45deg);
  background-color: #ffffff;
}

.side_panel_tooltip_item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  text-decoration: none;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  color: #485058;
  padding: 7px 15px;
  transition: 0.3s all ease;
  width: 100%;
  position: relative;
  z-index: 2;
}

.side_panel_tooltip_item:hover {
  background-color: #EDF4FF;
  color: #091227;
}

.side_panel_tooltip_item:hover svg path {
  transition: 0.3s all ease;
  fill: #1057E0;
}

.side_panel_tooltip_item svg path {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.add_cv_popup_actions .your_folders {
  width: 100%;
}

.competition_inner_box_frame .competition_inner_box_top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .competition_inner_box_frame .competition_inner_box_top {
    flex-flow: column;
    align-items: flex-start;
    position: relative;
  }
  .competition_inner_box_frame .competition_inner_box_top .competition_inner_desc {
    width: calc(100% - 30px);
  }
  .competition_inner_box_frame .competition_inner_box_top button {
    position: absolute;
    top: 15px;
    right: 0;
  }
}
.competition_inner_box_frame .competition_inner_title h4 {
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #091227;
}

.competition_inner_box_frame .competition_inner_box_top.competition_inner_title2 {
  padding-bottom: 20px;
  margin-bottom: 19px;
}

.competition_inner_box_frame .competition_inner_desc {
  display: flex;
  flex-flow: column;
  gap: 9px;
}

.competition_inner_box_frame .competition_inner_desc h4 {
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #091227;
}

.competition_inner_box_frame .competition_inner_desc strong {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
}

.dz-success.dz-complete:has(.hide) {
  margin-top: 20px;
  align-self: flex-start;
  flex-wrap: wrap !important;
}

.dz-success.dz-complete:has(.hide) .dz-progress {
  height: auto !important;
  background-color: transparent !important;
  font-weight: 600;
}

.dz-success.dz-complete:has(.hide) .dz-size {
  width: auto !important;
}

.dz-success.dz-complete:has(.hide) .hide {
  display: none !important;
}

.myform2_dropzone_box:has(li.row) {
  padding: 0;
  border: 0;
}

.myform2_dropzone_box li.row .add_info_badges, .myform2_dropzone_box .dz-success.dz-complete .add_info_badges {
  padding-top: 7px;
}

.myform2_dropzone_box li.row:before, .myform2_dropzone_box li.row:after, .myform2_dropzone_box .dz-success.dz-complete:before, .myform2_dropzone_box .dz-success.dz-complete:after {
  display: none;
}

.myform2_dropzone_box li.row .delete, .myform2_dropzone_box .dz-success.dz-complete .delete {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/remove_icon.svg");
}

.myform2_dropzone_box li.row .delete span, .myform2_dropzone_box .dz-success.dz-complete .delete span {
  display: none;
}

.myform2_dropzone_box li.row, .myform2_dropzone_box .dz-success.dz-complete {
  padding: 15px;
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid #DCE0EB;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display: flex !important;
}

.myform2_dropzone_box li.row > div, .myform2_dropzone_box .dz-success.dz-complete > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
  display: flex !important;
}

.myform2_dropzone_box li.row .thumb, .myform2_dropzone_box .dz-success.dz-complete .thumb {
  width: auto;
}

.myform2_dropzone_box li.row .name, .myform2_dropzone_box .dz-success.dz-complete .name {
  padding-left: 0;
}

.myform2_add_cv_list_form .myform2_dropzone_box li.row .image_img {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background: #EDF4FF;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/file_icon3.svg");
}

.myform2_add_cv_list_form .myform2_dropzone_box li.row .image_img img {
  display: none;
}

.folder_home .myajaxlist_content_list_crm_cases_and_resumesshared:has(.empty_section) {
  padding-bottom: 28px;
}

.select2-results__options::-webkit-scrollbar {
  width: 0px;
}

.select2-results__options::-webkit-scrollbar-thumb {
  background: transparent;
}

.panel_section_header_holder {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.panel_section_header_holder .right_side label {
  margin: 0 !important;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
}

.panel_section_header_holder .right_side .v-select {
  position: relative;
  min-width: 159px;
  z-index: 2;
}

.panel_section_header_holder .right_side .v-select .vs__selected {
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #485058;
}

.panel_section_header_holder .right_side .v-select:has(li) .vs__actions {
  transform: rotate(180deg);
}

.panel_section_header_holder .right_side .v-select > ul {
  border-radius: 5px;
  background-color: #ffffff;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: calc(100% + 5px);
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #485058;
}

.panel_section_header_holder .right_side .v-select > ul > li {
  cursor: pointer;
}

.panel_section_header_holder .right_side .vs__dropdown-toggle {
  border-radius: 18.5px;
  border: 1px solid #dce0eb;
  box-shadow: 0px 1px 1px rgba(2, 21, 80, 0.02);
  height: 37px;
  white-space: nowrap;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 0 30px 0 15px !important;
}

.panel_section_header_holder .right_side .vs__dropdown-toggle .vs__search {
  display: none;
}

h3:has(.items_count) {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 7px;
}

.items_count {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #1057E0;
  color: #ffffff;
  justify-content: center;
  font-size: 12px;
  line-height: 18px;
}

.add_proof_top .add_btn.large {
  margin-bottom: 48px;
}

.added_competitions_list_large > ul li {
  margin-bottom: 5px;
}

.added_competitions_list_large > ul li:last-child {
  margin-bottom: 0;
}

.panel_toggle_box_top_right_content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}

@media only screen and (max-width: 767px) {
  .panel_toggle_box_top_right_content {
    justify-content: flex-start;
  }
  .panel_toggle_box_top_right_content .panel_toggle_box_actions {
    position: absolute;
    top: 15px;
    right: 5px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
}
.rate_box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.popup_assign_experience_content .default_form {
  margin-bottom: 20px;
}

.popup_assign_experience_content .default_form:last-child {
  margin-bottom: 0;
}

.delete_confirm.person_delete {
  position: relative;
  margin: 0;
}

.delete_item_btn {
  padding: 6px 15px;
  border-radius: 5px;
  background-color: #ffffff;
  border: 1px solid #DCE0EB;
  font-size: 14px;
  line-height: 22px;
  color: #1057E0;
  font-weight: 600;
  transition: 0.3s all ease;
}

.delete_item_btn.disabled {
  background-color: #eee !important;
  border-color: #ddd !important;
  color: #000000 !important;
}

.delete_item_btn:hover {
  background-color: #EDF4FF;
}

.delete_item_btn.delete_confirm {
  color: #ffffff;
  background-color: #1057E0;
  border-color: #1057E0;
}

.delete_item_btn.delete_confirm:hover {
  background-color: #0043C3;
}

.start_deleter_person {
  margin-left: 10px;
}

.confirm_delete_notification {
  padding-top: 5px;
  display: none;
}

.confirm_delete_notification .badge_warning {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  padding: 20px 15px;
  border-color: #FEEAC3;
  box-shadow: 0px 0px 5px rgba(2, 21, 80, 0.0509803922);
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .confirm_delete_notification .badge_warning {
    flex-flow: column;
    gap: 15px;
  }
  .confirm_delete_notification .badge_warning > div {
    width: 100%;
  }
  .confirm_delete_notification .badge_warning > div .delete_item_btn {
    width: 50%;
  }
}
.confirm_delete_notification .badge_warning .badge_icon {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fd8b22;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
}

.confirm_delete_notification .badge_warning .badge_icon svg path {
  fill: #ffffff;
}

.confirm_delete_notification .badge_warning > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.confirm_delete_notification .badge_warning > div.badge_warning_left {
  gap: 15px;
  font-size: 12px;
  line-height: 18px;
  color: #485058;
}

.confirm_delete_notification .badge_warning > div.badge_warning_left strong {
  font-size: 14px;
  line-height: 22px;
  color: #091227;
}

.confirm_delete_notification .badge_warning > div.badge_warning_right {
  gap: 10px;
}

.file_icon_holder {
  width: 60px;
  height: 60px;
  text-align: center;
  background-color: #EDF4FF;
  border-radius: 5px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.file_accept {
  display: none;
}

.file_list_holder_box:has(ul > li) .file_accept {
  display: flex;
}

.add_cv_popup:has(.file_list_holder_box ul > li) .helper_text {
  display: none;
}

.add_competences_btn {
  margin-bottom: 48px;
}

.v-select .vs__actions {
  z-index: 999;
  cursor: pointer;
}

.user_account_content .password_box label {
  font-size: 12px;
  line-height: 18px;
  color: #091227;
  font-weight: 400;
  margin-bottom: 10px;
}

.field_avatar_form_submit {
  position: relative;
  z-index: 3;
}

.user_image.image .needsclick {
  z-index: 2;
}

.user_image.image .myform2_dropzone .file_box_content {
  height: 30px;
}

.user_image.image .myform2_dropzone .file_box_content p {
  display: none;
}

.user_image.image .file_list_holder_box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  .date_ranges > div {
    margin-bottom: 30px;
  }
  .date_ranges > div:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1500px) {
  .competition_holder .date_ranges > .col-sm-6 .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .competition_holder .date_ranges > .col-sm-6 .row > div {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
}
@media only screen and (max-width: 767px) {
  .vue-proof-frame .files-upload-progres .proof_image_header {
    flex-flow: column;
    align-items: flex-start;
  }
  .vue-proof-frame .files-upload-progres .proof_image_header .desc_side {
    padding: 0;
    padding-top: 10px;
    width: 100%;
  }
  .vue-proof-frame .files-upload-progres .proof_image_header .desc_side > div {
    display: flex !important;
  }
  .vue-proof-frame .files-upload-progres .proof_image_header .desc_side .attachment_tooltip .attachment_tooltip_content {
    width: 90vw;
  }
  .vue-proof-frame .files-upload-progres .panel_toggle_box.active .panel_toggle_box_bottom {
    left: 0;
  }
  .vue-proof-frame .files-upload-progres .text-right {
    position: absolute;
    top: 10px;
    right: 5px;
  }
}
.panel_toggle_box_details > ul > li {
  margin-bottom: 0;
}

.panel_popup_middle:has(.planner_competitions) {
  padding: 30px 0 0 0 !important;
}

@media only screen and (max-width: 767px) {
  .panel_popup_middle:has(.planner_competitions) {
    padding: 20px 0 0 0 !important;
  }
}
.side_panel_folder .download_tooltip .tooltip_content {
  transform: none;
  left: auto;
  right: 5px;
}

.side_panel_folder .download_tooltip .tooltip_content:after {
  left: auto;
  right: 5px;
}

.checkbox_item:has(input:focus-visible) {
  border: 1px solid deeppink;
}

.rate_radio_holder_box .sr-only {
  height: 0 !important;
}

.rate_radio_holder_box:has(.rate_btn:focus) {
  border: 1px solid deeppink;
}

.sr-only {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.js_custom_reminder_popup .blue_info_box {
  margin-bottom: 0;
  font-weight: 400;
  display: inline-flex;
}

.toggle-title {
  text-decoration: underline;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #1057E0;
  transition: 0.3s all ease;
  font-weight: 600;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display: inline-flex;
  gap: 5px;
}

.toggle-title.on:after {
  transform: rotate(0deg);
}

.toggle-title:after {
  line-height: 0;
  content: url("./../img/toggle_title_arrow.svg");
  transform: rotate(180deg);
}

.toggle-title:hover {
  color: #0043C3;
}

.panner_box_footer {
  padding-top: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.panner_box_footer .panner_box_footer_left {
  display: flex;
  gap: 10px;
  flex-flow: column;
}

.panner_box_footer .btn4 {
  margin-top: 0;
  border-radius: 5px !important;
}

.add_target {
  margin-bottom: 145px;
}

@media only screen and (max-width: 1500px) {
  .add_target {
    margin-bottom: 50px;
  }
}
.add_target .add_target_top {
  margin-bottom: 30px;
}

.add_target .add_target_top h2 {
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -0.02em;
  line-height: 32px;
  text-align: left;
  color: #091227;
}

.add_target .add_target_middle {
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid #dce0eb;
  box-shadow: 0px 0px 10px rgba(2, 21, 80, 0.05);
  padding: 18px 20px 36px 20px;
}

.add_target .add_target_middle .target_inner_row:has(.add_target_desc) {
  margin-bottom: 30px;
}

.add_target .add_target_desc {
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #485058;
}

.add_target .add_target_desc:has(.add_btn) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  align-items: flex-start;
  gap: 10px;
}

@media only screen and (max-width: 767px) {
  .add_target .add_target_desc:has(.add_btn) {
    flex-flow: column;
  }
}
.add_target .add_target_desc > div {
  display: flex;
  flex-flow: column;
  gap: 9px;
}

.add_target .add_target_desc h3 {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #091227;
}

.add_target .default_form label {
  display: block;
  font-size: 14px !important;
  letter-spacing: -0.01em !important;
  line-height: 22px !important;
  text-align: left !important;
  color: #091227 !important;
}

.add_target .default_form input[type=date] {
  width: 300px;
}

@media only screen and (max-width: 767px) {
  .add_target .default_form input[type=date] {
    width: 100%;
  }
}
.target_row {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #DCE0EB;
}

.target_row:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.target_inner_row {
  margin-bottom: 21px;
}

.target_inner_row:last-child {
  margin-bottom: 0;
}

.added_planner_competences ul {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.added_planner_competence {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 15px;
  border-radius: 5px;
  background: #edf4ff;
  gap: 10px;
}

.added_planner_competence h4 {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
}

.added_planner_detailed_targets > ul > li {
  margin-bottom: 15px;
}

.added_planner_detailed_targets > ul > li:last-child {
  margin-bottom: 0;
}

.added_planner_detailed_target {
  border-radius: 5px;
  border: 1px solid transparent;
  background-color: #EDF4FF;
}

.added_planner_detailed_target.open .added_planner_detailed_target_bottom {
  display: block;
}

.added_planner_detailed_target .target {
  border-color: #DCE0EB;
}

.added_planner_detailed_target .folder_btn:hover:not(.delete), .added_planner_detailed_target .toggle_btn:hover:not(.delete) {
  background-color: #ffffff;
}

.added_planner_detailed_target.open {
  background: #ffffff;
  border-color: #DCE0EB;
  box-shadow: 0px 0px 10px rgba(2, 21, 80, 0.05);
}

.added_planner_detailed_target.open .folder_btn:hover:not(.delete), .added_planner_detailed_target.open .toggle_btn:hover:not(.delete) {
  background-color: #EDF4FF !important;
}

.added_planner_detailed_target.open .toggle_btn {
  transform: rotate(180deg);
  background-color: #EDF4FF;
}

.added_planner_detailed_target .added_planner_detailed_target_top {
  padding: 20px;
}

.added_planner_detailed_target .added_planner_detailed_target_top .details_summary {
  transition: 0.3s all ease;
}

.added_planner_detailed_target .added_planner_detailed_target_top .details_summary .details_summary_quantity {
  transition: 0.3s all ease;
}

.added_planner_detailed_target .added_planner_detailed_target_top.planner_done .details_summary {
  color: #0E8921;
}

.added_planner_detailed_target .added_planner_detailed_target_top.planner_done .details_summary .details_summary_quantity {
  background-color: #0E8921;
}

.added_planner_detailed_target .added_planner_detailed_target_top.planner_done .folder_btn.complete {
  background-color: #0E8921 !important;
}

.added_planner_detailed_target .added_planner_detailed_target_top.planner_done .folder_btn.complete .ico {
  background-size: 30px;
  background-image: url("./../img/panel_done_icon2.svg");
}

.added_planner_detailed_target .added_planner_detailed_target_top.planner_done .target {
  border-color: #0E8921;
  background-color: #0E8921;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .added_planner_detailed_target .added_planner_detailed_target_top .planner_box_top {
    flex-flow: column;
    gap: 10px;
  }
  .added_planner_detailed_target .added_planner_detailed_target_top .planner_box_top .planner_box_top_right {
    order: 1;
    align-self: flex-end;
  }
  .added_planner_detailed_target .added_planner_detailed_target_top .planner_box_top .planner_box_top_left {
    order: 2;
  }
  .added_planner_detailed_target .added_planner_detailed_target_top .planner_box_top .planner_box_top_left .panner_box_footer_left {
    order: 2;
  }
  .added_planner_detailed_target .added_planner_detailed_target_top .planner_box_top .planner_box_top_left .planner_box_top_left {
    order: 1;
  }
}
.added_planner_detailed_target .added_planner_detailed_target_top .planner_box_top_left {
  gap: 10px;
}

.added_planner_detailed_target .added_planner_detailed_target_bottom {
  padding: 20px;
  border-top: 1px solid #DCE0EB;
  display: none;
}

.added_planner_detailed_target .target_inner_row:has(.add_target_desc) {
  margin-bottom: 20px;
}

.add_new_target {
  padding: 20px;
  background-color: #EDF4FF;
  border-radius: 5px;
}

.add_new_target .add_target_desc {
  margin-bottom: 20px;
}

.add_new_target .added_planner_competence {
  background: #ffffff;
  border: 1px solid #dce0eb;
}

.add_new_target > div {
  border-bottom: 1px solid #DCE0EB;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.add_new_target > div:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.add_new_target_footer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
}

.add_new_target_footer button {
  width: 136px;
}

@media only screen and (max-width: 767px) {
  .add_new_target_footer button {
    width: 50%;
  }
}
.add_new_target_footer .btn4 {
  margin-top: 0;
  display: inline-flex;
  border-width: 2px;
  border-color: #DCE0EB !important;
  border-radius: 5px !important;
  justify-content: center;
}

.add_target_footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .add_target_footer button {
    width: 50%;
  }
}
.add_target_footer input {
  width: 154px;
}

@media only screen and (max-width: 767px) {
  .add_target_footer input {
    width: 50%;
  }
}
.guardian_email_box {
  margin-top: 10px;
  padding: 20px;
  border-radius: 5px;
  background: #EDF4FF;
  color: #0F66CE;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  flex-flow: column;
  gap: 18px;
}

.guardian_email_box input {
  color: #091227;
}

.guardian_email_box .guardian_email_box_desc {
  display: flex;
  flex-flow: column;
  gap: 8px;
}

.guardian_email_box .guardian_email_box_desc p {
  font-weight: 300;
}

.guardian_email_box h3 {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: #0F66CE;
}

.panel_toggle_box .assign_competence {
  white-space: nowrap;
}

@media only screen and (max-width: 1200px) {
  .panel_toggle_box .toggle_title_top_holder_box {
    flex-shrink: 1;
    width: 100%;
  }
}
.panel_toggle_box .assign_wrapper {
  padding-top: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .panel_toggle_box .assign_wrapper {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .micro_credentials_box .assign_wrapper {
    position: relative;
    right: 0;
    bottom: 0;
  }
}
.micro_credentials_box .assign_wrapper .assign_competence.item_added > a {
  background-color: #1057E0;
  color: white;
}

.micro_credentials_box .assign_wrapper .assign_competence.item_added > a span {
  background-image: url("./../img/assign_icon_white.svg");
}

.micro_credentials_box .assign_wrapper .assign_proof.item_added > a {
  background-color: #1057E0;
  color: white;
}

.micro_credentials_box .assign_wrapper .assign_proof.item_added > a span {
  background-image: url("./../img/assign_icon_white.svg");
}

.option_box {
  padding-top: 8px;
}

@media only screen and (max-width: 1200px) {
  .option_box {
    padding-top: 0;
  }
}
.option_box .option_box_top {
  margin-bottom: 15px;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #091227;
}

@media only screen and (max-width: 1500px) {
  .option_box .option_box_top {
    font-size: 13px;
    line-height: 22px;
  }
}
.option_box .option_box_bottom {
  padding: 4px;
  background-color: #F0F4F8;
  border: 1px solid #DCE0EB;
  border-radius: 5px;
  display: flex;
}

.option_box .option_box_bottom button {
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: center;
  color: #485058;
  border-radius: 5px;
  flex: 1;
  padding: 12px 0;
}

@media only screen and (max-width: 1500px) {
  .option_box .option_box_bottom button {
    font-size: 12px;
    line-height: 20px;
    padding: 8px 0;
  }
}
.option_box .option_box_bottom button.active {
  background: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
}

.rodo_content_holder {
  position: relative !important;
  padding-bottom: 50pt !important;
}

.cv_rodo_box {
  position: absolute !important;
  bottom: 10pt !important;
  width: calc(100% - 30pt) !important;
  left: 15pt !important;
}

.custom_select_vue_field_handler .custom_select_category_bar > ul {
  padding: 0 4px !important;
  margin-top: 4px !important;
}

.custom_select_vue_field_handler .custom_select_category_bar > ul > li {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  border-radius: 0 !important;
}

.custom_select_vue_field_handler .custom_select_category_bar > ul > li .competence-item {
  padding: 6px !important;
}

.cv_is_generating {
  background-color: #EDF4FF;
  padding: 10px 15px;
  margin: 10px 0 0 0;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.cv_is_failed {
  display: grid;
  background-color: #FFEAC3;
  margin: 10px 0 0 0;
  padding: 10px 15px;
  border-radius: 5px;
  align-items: center;
  gap: 10px;
}

.cv_is_failed > div {
  display: flex;
  align-items: start;
  gap: 8px;
}

.cv_is_failed__icon {
  background-image: url("/img/info_icon_cv.svg");
  background-size: 100% 100%;
  min-height: 15px;
  min-width: 15px;
}

.cv_is_failed__paragraph {
  color: #9F5600;
  text-align: left;
  letter-spacing: -0.12px;
  font-weight: 600;
}

.cv_is_failed__button {
  color: #9F5600;
  border: 1px solid #9F5600;
  border-radius: 66px;
  box-shadow: 0 1px 1px rgba(2, 21, 80, 0.0196078431);
  letter-spacing: -0.12px;
  background-color: #FFFFFF;
  width: fit-content;
  padding: 7.9px 15px 9.1px 17px;
  font-weight: 600;
}

.loader_circle_for_generating_cv {
  width: 30px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #1057E0 94%, rgba(0, 0, 0, 0)) top/8px 8px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #1057E0);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000 0);
  animation: l13 1.2s infinite linear;
}

.panel_settings_toggles {
  display: flex;
  justify-content: center;
  border-bottom: 3px solid #DCE0EB;
  margin-bottom: 40px;
}

.panel_settings_toggles button {
  padding: 0 32px 20px 32px;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #485058;
  position: relative;
  transition: 0.3s all ease;
}

@media only screen and (max-width: 767px) {
  .panel_settings_toggles button {
    padding-left: 0;
    padding-right: 0;
    width: 50%;
  }
}
.panel_settings_toggles button:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  transition: 0.3s all ease;
  top: 100%;
  border-bottom: 3px solid transparent;
}

.panel_settings_toggles button.on {
  color: #1057E0;
}

.panel_settings_toggles button.on:after {
  width: 100%;
  left: 0;
  border-color: #1057E0;
}

.shared_elements {
  display: flex;
  flex-flow: column;
  gap: 40px;
}

.shared_elements .description .default_font {
  color: #000000;
}

.shared_elements_inner_item_persons_shared.details_summary {
  color: #091227;
  font-weight: 600;
}

.shared_elements_inner_item {
  border-radius: 5px;
  background: #edf4ff;
  border: 1px solid #edf4ff;
  overflow: hidden;
  transition: 0.3s all ease;
  margin-bottom: 10px;
}

.shared_elements_inner_item:last-child {
  margin-bottom: 0;
}

.shared_elements_inner_item.on {
  background-color: #ffffff;
  border-color: #DCE0EB;
}

.shared_elements_inner_item.on .shared_elements_inner_item_top img {
  transform: rotate(180deg);
}

.shared_elements_inner_item_top {
  padding: 19.5px 20px;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #091227;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  align-items: flex-start;
}

.shared_elements_inner_item_top .shared_elements_inner_item_left {
  display: flex;
  flex-flow: column;
  gap: 10.5px;
}

.shared_elements_inner_item_bottom {
  display: none;
  padding: 19px 20px;
  border-top: 1px solid #DCE0EB;
}

.shared_persons_top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .shared_persons_top {
    flex-flow: column;
    gap: 10px;
  }
}
.shared_persons_top h3 {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #080808;
}

.shared_persons_top h3 span {
  text-transform: lowercase;
}

.shared_persons_top .remove_all_btn {
  text-decoration: underline;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
}

.shared_persons_top .remove_all_btn:hover {
  text-decoration: none;
}

.shared_persons {
  display: flex;
  flex-flow: column;
  gap: 22px;
}

.shared_persons_bottom {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.shared_persons_bottom .popup_person_item {
  background-color: #ffffff;
  border: 1px solid #DCE0EB;
}

@media only screen and (max-width: 767px) {
  .shared_persons_bottom .popup_person_item {
    position: relative;
  }
}
.shared_persons_bottom .popup_person_item .start_deleter_person {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #EDF4FF;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .shared_persons_bottom .popup_person_item .start_deleter_person {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
.panel_popup_holder.proof .panel_popup_content {
  position: relative;
}

.panel_popup_holder.proof .panel_popup_content .panel_popup_bottom {
  position: sticky;
  bottom: 0px;
  width: 100%;
  background-color: white;
}

.panel_top_bar_right:has(.langs_dropdown) {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  order: 2;
  gap: 15px;
}

@media only screen and (max-width: 1200px) {
  .panel_top_bar_right:has(.langs_dropdown) {
    gap: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .panel_top_bar_right:has(.langs_dropdown) {
    margin-right: 0;
    gap: 0;
  }
}
.panel_top_bar_right .lp_header_right {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 16px;
}

.panel_top_bar_right .lp_header_right .dropdown.open .btn-primary .caret {
  transform: rotate(180deg);
}

.panel_top_bar_right .lp_header_right .dropdown:has(.langs_dropdown) .dropdown-menu {
  border-radius: 0;
  border: 1px solid #dce0eb;
  box-shadow: 0px 0px 10px rgba(2, 21, 80, 0.1);
  padding: 0;
  width: 180px;
}

.panel_top_bar_right .lp_header_right .dropdown:has(.langs_dropdown) .dropdown-menu li a {
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 22px;
  text-align: left;
  color: #091227;
  text-decoration: none;
  display: block;
  padding: 14px 15px 13px 15px;
}

.panel_top_bar_right .lp_header_right .dropdown:has(.langs_dropdown) .dropdown-menu li a.on {
  color: #1057e0;
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-image: url("./../img/lang_check.svg");
}

.panel_top_bar_right .lp_header_right .dropdown:has(.langs_dropdown) .dropdown-menu li a:hover {
  background-color: #edf4ff;
}

.panel_top_bar_right .lp_header_right .btn-primary {
  font-weight: 500;
  font-size: 1.175rem;
  line-height: 20px;
  border-radius: 50px;
  border: 3px solid #1057E0 !important;
  background: white !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  color: #1057E0 !important;
  gap: 0.5rem;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 24px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: 48px;
  transition: 0.3s all ease;
}

.panel_top_bar_right .lp_header_right .btn-primary.langs_dropdown {
  border-radius: 0;
  border-color: #dce0eb !important;
  border-width: 1px !important;
  font-size: 12px;
  line-height: 18px;
  height: 49px;
  color: #091227 !important;
  padding: 0 20px;
  gap: 10px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .panel_top_bar_right .lp_header_right .btn-primary.langs_dropdown {
    border: 0 !important;
    padding: 0;
    gap: 0;
  }
}
.panel_top_bar_right .lp_header_right .btn-primary.langs_dropdown:focus {
  background-color: #ffffff !important;
}

.panel_top_bar_right .lp_header_right .btn-primary.langs_dropdown:hover {
  background-color: #ffffff !important;
  border-color: #1057E0 !important;
}

.panel_top_bar_right .lp_header_right .btn-primary:hover, .panel_top_bar_right .lp_header_right .btn-primary:focus {
  border: 1px solid #d0d5dd !important;
  background: #d0d5dd !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.panel_top_bar_right .lp_header_right .btn-primary .caret {
  line-height: 0;
  width: 16px;
  height: auto;
  border: 0;
}

.panel_top_bar_right .lp_header_right .btn-primary .caret img {
  position: static;
  height: auto;
}

.panel_top_bar_right .lp_header_right .dropdown-menu {
  width: 174px;
  left: auto;
  right: 0;
  padding: 8px 0.5rem;
  border-radius: 16px;
  top: calc(100% + 4px);
  border: 1px solid #eaecf0;
  background: #faf6f6;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.12), 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
}

.panel_top_bar_right .lp_header_right .dropdown-menu li {
  padding: 0;
  margin-bottom: 0.125rem;
}

.panel_top_bar_right .lp_header_right .dropdown-menu li:last-child {
  margin-bottom: 0;
}

.panel_top_bar_right .lp_header_right .dropdown-menu li a {
  border-radius: 8px;
  padding: 8px 12px;
  color: #1057E0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: right 12px center;
}

.panel_top_bar_right .lp_header_right .dropdown-menu li a.on {
  background-image: url("./../img/lang_check.svg");
}

.folder_about_me_preview {
  display: flex;
  flex-flow: column;
  gap: 30px;
}

.folder_about_me_preview_title h2 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -0.02em;
  line-height: 32px;
  text-align: left;
  color: #091227;
}

.folder_about_me_preview_title h2 .title_icon {
  width: 40px;
  height: 40px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  background-color: #1057E0;
  border-radius: 50%;
  flex-shrink: 0;
}

.folder_about_me_preview_title h2 .title_icon svg path {
  fill: #ffffff;
}

.about_me_box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 30px;
}

.about_me_box:has(.about_me_slider) {
  align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .about_me_box:has(.about_me_slider) {
    flex-flow: column;
  }
}
.about_me_box .about_me_box_img {
  width: 95px;
  height: 95px;
  overflow: hidden;
  border-radius: 10px;
}

.about_me_box .about_me_box_img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.about_me_box .about_me_box_desc {
  display: flex;
  flex-flow: column;
  gap: 7px;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #485058;
}

.about_me_box .about_me_box_desc h3 {
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #091227;
}

.about_me_box_desc {
  display: flex;
  flex-flow: column;
  gap: 6px;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #091227;
}

.about_me_box_desc span {
  display: block;
  font-size: 12px;
  letter-spacing: -0.01em;
  line-height: 12px;
  text-align: left;
  color: #485058;
}

.datepicker-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.datepicker-wrapper input {
  flex: 1;
  padding-right: 45px;
}

.datepicker-trigger {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  transition: color 0.2s ease;
}

.datepicker-trigger:hover {
  color: #2a43d6;
}

.datepicker-trigger:focus {
  outline: 2px solid #2a43d6;
  outline-offset: 2px;
  border-radius: 4px;
}

.datepicker-trigger svg {
  pointer-events: none;
}

.datepicker-wrapper .input_date_clear,
.datepicker-wrapper .input_date {
  background-image: none !important;
  padding-right: 45px;
}

.datepicker-months tbody td,
.datepicker-years tbody td {
  padding: 10px;
}

.datepicker-months .month,
.datepicker-years .year {
  display: inline-block !important;
  width: 30% !important;
  height: 40px !important;
  line-height: 40px !important;
  margin: 3px !important;
  border-radius: 4px;
  box-sizing: border-box;
  text-align: center;
}

.datepicker-months thead tr,
.datepicker-years thead tr,
.datepicker-months tbody td,
.datepicker-years tbody td {
  text-align: center;
}

.datepicker-months table,
.datepicker-years table {
  margin: 0 auto;
}

.datepicker-switch,
.prev,
.next {
  text-align: center;
}

.datepicker .month.active,
.datepicker .year.active,
.datepicker .day.active {
  background: #2a43d6 !important;
  color: white !important;
}

.datepicker .day.old,
.datepicker .day.new {
  background: #bdbdbd !important;
  color: white !important;
}

.datepicker .cw {
  background: #cad2ff !important;
  color: #000000 !important;
}

.datepicker .day {
  text-align: center;
}

.datepicker .month.focused,
.datepicker .year.focused {
  background: #ffe8cc !important;
}

input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
}

input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
}

input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
}

.datepicker.datepicker-dropdown {
  min-width: 0px;
  width: 300px;
  border: 1px solid #dce0eb;
  box-shadow: 0px 0px 10px rgba(2, 21, 80, 0.05);
  border-radius: 15px;
  padding: 10px;
  text-transform: capitalize;
}

.datepicker.datepicker-dropdown .prev, .datepicker.datepicker-dropdown .next {
  background-color: #C8DCF6;
  border-radius: 50%;
  cursor: pointer;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/toggle_arr2.svg");
  background-size: 10px;
  width: 32px;
  height: 32px;
}

.datepicker.datepicker-dropdown .prev {
  transform: rotate(-90deg);
}

.datepicker.datepicker-dropdown .next {
  transform: rotate(90deg);
}

.datepicker.datepicker-dropdown .datepicker-switch {
  color: #091227;
}

.datepicker.datepicker-dropdown .datepicker-days .table-condensed {
  table-layout: fixed;
}

.datepicker.datepicker-dropdown .table-condensed {
  width: 100%;
  border-spacing: 2px;
  border-collapse: separate;
}

.datepicker.datepicker-dropdown .table-condensed thead .dow {
  color: #091227;
  font-weight: 400;
  font-size: 10px;
  text-align: center;
}

.datepicker.datepicker-dropdown .table-condensed thead tr:last-child .cw {
  background-color: #ffffff !important;
}

.datepicker.datepicker-dropdown .table-condensed tbody .cw {
  background-color: #F0F4F8 !important;
  color: #858995 !important;
}

.datepicker.datepicker-dropdown .table-condensed tbody td {
  border-radius: 5px;
  font-weight: 400;
  color: #485058;
}

.datepicker.datepicker-dropdown .table-condensed tbody .day {
  cursor: pointer;
}

.datepicker.datepicker-dropdown .table-condensed tbody .day.old, .datepicker.datepicker-dropdown .table-condensed tbody .day.new {
  background-color: #EDF4FF !important;
  color: #1057E0 !important;
}

.datepicker.datepicker-dropdown .table-condensed tbody .day.today {
  background-color: #1057E0 !important;
  color: #ffffff !important;
}

.datepicker.datepicker-dropdown .table-condensed tbody .day:hover {
  background-color: #F0F4F8 !important;
  color: #485058 !important;
}

.datepicker.datepicker-dropdown .table-condensed tbody .month, .datepicker.datepicker-dropdown .table-condensed tbody .year {
  cursor: pointer;
}

.datepicker.datepicker-dropdown .table-condensed tbody .month:hover, .datepicker.datepicker-dropdown .table-condensed tbody .year:hover {
  background-color: #F0F4F8 !important;
  color: #485058 !important;
}

.datepicker.datepicker-dropdown .table-condensed tfoot .today {
  transition: 0.3s all ease;
  color: #ffffff;
  padding: 13.5px 30px 14.5px 30px;
  background-color: #1057E0;
  font-weight: 700;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
}

.datepicker.datepicker-dropdown .table-condensed tfoot .today:hover, .datepicker.datepicker-dropdown .table-condensed tfoot .today.hover {
  background-color: #0043C3;
  text-decoration: none;
  color: #ffffff;
}

.datepicker.datepicker-dropdown .table-condensed .cw {
  text-align: center;
}

.about_me_badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 20px;
}

.about_me_badge {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #091227;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #dce0eb;
  height: 32px;
  padding: 0 16px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.about_me_badge span {
  display: block;
}

@media only screen and (max-width: 767px) {
  .about_me_slider {
    width: 100%;
  }
}
.about_me_slider_content {
  border-radius: 10px;
  height: 120px;
  width: 120px;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .about_me_slider_content {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
  }
}
.about_me_slider_content img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: none;
}

.about_me_slider_content img:first-child {
  display: block;
}

.about_me_slider_nav {
  display: flex;
  gap: 6px;
  padding-top: 12px;
  justify-content: center;
}

.about_me_slider_nav button {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #BDC3D3;
}

.about_me_slider_nav button.on {
  background-color: #1057E0;
}

.folder_about_me_preview_doradca {
  display: flex;
  flex-flow: column;
  gap: 45px;
}

.folder_about_me_preview_doradca_content {
  display: flex;
  gap: 105px;
}

@media only screen and (max-width: 1800px) {
  .folder_about_me_preview_doradca_content {
    gap: 50px;
  }
}
@media only screen and (max-width: 1200px) {
  .folder_about_me_preview_doradca_content {
    flex-flow: column;
    gap: 45px;
  }
}
.folder_about_me_preview_doradca_content .folder_about_me_preview_doradca_content_left {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 45px;
}

.folder_about_me_preview_doradca_content .folder_about_me_preview_doradca_content_left .about_me_box_desc {
  gap: 30px;
}

.folder_about_me_preview_doradca_content .folder_about_me_preview_doradca_content_right {
  flex-shrink: 0;
  width: 480px;
}

@media only screen and (max-width: 1800px) {
  .folder_about_me_preview_doradca_content .folder_about_me_preview_doradca_content_right {
    width: 380px;
  }
}
@media only screen and (max-width: 1200px) {
  .folder_about_me_preview_doradca_content .folder_about_me_preview_doradca_content_right {
    width: 100%;
  }
}
.folder_about_me_preview_doradca_content .folder_about_me_preview_doradca_content_right span {
  margin-bottom: 15px;
  display: block;
}

.folder_about_me_preview_doradca_content .folder_about_me_preview_doradca_content_right .folder_about_me_preview_doradca_contact {
  width: 100%;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #dce0eb;
  padding: 30px;
  display: flex;
  flex-flow: column;
  gap: 30px;
}

.more_contact_btn {
  text-decoration: underline;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #1057e0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.more_contact_btn span {
  text-decoration: underline;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #1057e0;
  margin-bottom: 0 !important;
  display: block;
}

.save_and_stary {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display: flex !important;
  gap: 15px;
}

@media only screen and (max-width: 767px) {
  .save_and_stary > div {
    width: 100%;
  }
}
.micro_credentials_box.micro_credentials_box_closed {
  background-color: #EDF4FF;
  border-color: #EDF4FF;
  box-shadow: none;
}

.micro_credentials_box.micro_credentials_box_closed .micro_credentials_box_toggle_btn {
  transform: rotate(180deg);
}

.micro_credentials_box .redirect_btn_holder {
  padding-top: 20px;
}

.micro_credentials_box .panel_toggle_box_bottom {
  display: none;
  padding-top: 30px;
}

.micro_credentials_box .panel_toggle_box_row {
  margin-bottom: 29px;
  padding-bottom: 0;
  border-bottom: 0;
}

.micro_credentials_box .panel_toggle_box_row:last-child {
  margin-bottom: 0;
}

.micro_credentials_box .micro_credentials_box_toggle_btn {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/toggle_arr_micro.svg");
}

.vs__dropdown-menu > li {
  white-space: normal;
}

.about_me_badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 20px;
}

.about_me_badge {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #091227;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #dce0eb;
  height: 32px;
  padding: 0 16px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.about_me_badge span {
  display: block;
}

@media only screen and (max-width: 767px) {
  .about_me_slider {
    width: 100%;
  }
}
.about_me_slider_content {
  border-radius: 10px;
  height: 120px;
  width: 120px;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .about_me_slider_content {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
  }
}
.about_me_slider_content img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: none;
}

.about_me_slider_content img:first-child {
  display: block;
}

.about_me_slider_nav {
  display: flex;
  gap: 6px;
  padding-top: 12px;
  justify-content: center;
}

.about_me_slider_nav button {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #BDC3D3;
}

.about_me_slider_nav button.on {
  background-color: #1057E0;
}

.folder_about_me_preview_doradca {
  display: flex;
  flex-flow: column;
  gap: 45px;
}

.folder_about_me_preview_doradca_content {
  display: flex;
  gap: 105px;
}

@media only screen and (max-width: 1800px) {
  .folder_about_me_preview_doradca_content {
    gap: 50px;
  }
}
@media only screen and (max-width: 1200px) {
  .folder_about_me_preview_doradca_content {
    flex-flow: column;
    gap: 45px;
  }
}
.folder_about_me_preview_doradca_content .folder_about_me_preview_doradca_content_left {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 45px;
}

.folder_about_me_preview_doradca_content .folder_about_me_preview_doradca_content_left .about_me_box_desc {
  gap: 30px;
}

.folder_about_me_preview_doradca_content .folder_about_me_preview_doradca_content_right {
  flex-shrink: 0;
  width: 480px;
}

@media only screen and (max-width: 1800px) {
  .folder_about_me_preview_doradca_content .folder_about_me_preview_doradca_content_right {
    width: 380px;
  }
}
@media only screen and (max-width: 1200px) {
  .folder_about_me_preview_doradca_content .folder_about_me_preview_doradca_content_right {
    width: 100%;
  }
}
.folder_about_me_preview_doradca_content .folder_about_me_preview_doradca_content_right span {
  margin-bottom: 15px;
  display: block;
}

.folder_about_me_preview_doradca_content .folder_about_me_preview_doradca_content_right .folder_about_me_preview_doradca_contact {
  width: 100%;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #dce0eb;
  padding: 30px;
  display: flex;
  flex-flow: column;
  gap: 30px;
}

.more_contact_btn {
  text-decoration: underline;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #1057e0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.more_contact_btn span {
  text-decoration: underline;
  font-size: 16px;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-align: left;
  color: #1057e0;
  margin-bottom: 0 !important;
  display: block;
}

.save_and_stary {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display: flex !important;
  gap: 15px;
}

@media only screen and (max-width: 767px) {
  .save_and_stary > div {
    width: 100%;
  }
}
.micro_credentials_box.micro_credentials_box_closed {
  background-color: #EDF4FF;
  border-color: #EDF4FF;
  box-shadow: none;
}

.micro_credentials_box.micro_credentials_box_closed .micro_credentials_box_toggle_btn {
  transform: rotate(180deg);
}

.micro_credentials_box .redirect_btn_holder {
  padding-top: 20px;
}

.micro_credentials_box .panel_toggle_box_bottom {
  display: none;
  padding-top: 30px;
}

.micro_credentials_box .panel_toggle_box_row {
  margin-bottom: 29px;
  padding-bottom: 0;
  border-bottom: 0;
}

.micro_credentials_box .panel_toggle_box_row:last-child {
  margin-bottom: 0;
}

.micro_credentials_box .micro_credentials_box_toggle_btn {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./../img/toggle_arr_micro.svg");
}

.under_construction {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("./../img/under_construction_bg.svg");
}

.under_construction .mp_white_logo {
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .under_construction .mp_white_logo {
    top: 20px;
  }
}
.under_construction .under_construction_content {
  text-align: center;
  width: 530px;
  display: flex;
  flex-flow: column;
  gap: 40px;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: -0.01em;
  line-height: 28px;
}

@media only screen and (max-width: 1500px) {
  .under_construction .under_construction_content {
    gap: 30px;
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .under_construction .under_construction_content {
    gap: 20px;
    padding: 0 15px;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
  }
  .under_construction .under_construction_content br {
    display: none;
  }
}
.under_construction .under_construction_content img {
  width: 90px;
  height: 90px;
  margin: 0 auto;
}

@media only screen and (max-width: 1500px) {
  .under_construction .under_construction_content img {
    font-size: 70px;
    height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .under_construction .under_construction_content img {
    width: 60px;
    height: 60px;
  }
}
.under_construction .under_construction_content h1 {
  font-weight: 600;
  font-size: 56px;
  letter-spacing: -0.04em;
  line-height: 66px;
  color: #ffffff;
}

@media only screen and (max-width: 1500px) {
  .under_construction .under_construction_content h1 {
    font-size: 46px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .under_construction .under_construction_content h1 {
    font-size: 36px;
    line-height: 46px;
  }
}
.under_construction {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("./../img/under_construction_bg.svg");
}

.under_construction .mp_white_logo {
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .under_construction .mp_white_logo {
    top: 20px;
  }
}
.under_construction .under_construction_content {
  text-align: center;
  width: 530px;
  display: flex;
  flex-flow: column;
  gap: 40px;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: -0.01em;
  line-height: 28px;
}

@media only screen and (max-width: 1500px) {
  .under_construction .under_construction_content {
    gap: 30px;
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .under_construction .under_construction_content {
    gap: 20px;
    padding: 0 15px;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
  }
  .under_construction .under_construction_content br {
    display: none;
  }
}
.under_construction .under_construction_content img {
  width: 90px;
  height: 90px;
  margin: 0 auto;
}

@media only screen and (max-width: 1500px) {
  .under_construction .under_construction_content img {
    font-size: 70px;
    height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .under_construction .under_construction_content img {
    width: 60px;
    height: 60px;
  }
}
.under_construction .under_construction_content h1 {
  font-weight: 600;
  font-size: 56px;
  letter-spacing: -0.04em;
  line-height: 66px;
  color: #ffffff;
}

@media only screen and (max-width: 1500px) {
  .under_construction .under_construction_content h1 {
    font-size: 46px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .under_construction .under_construction_content h1 {
    font-size: 36px;
    line-height: 46px;
  }
}
.warning_banner {
  background-color: #E62222;
  color: #ffffff;
  text-align: center;
  padding: 30px;
  font-size: 16px;
  line-height: 24px;
}

.warning_banner p {
  font-weight: 700;
}

.page {
  position: relative;
}