.btn, .btn *,
.menu-item, .menu-item *,
a {
    transition: all 0.2s ease-in-out !important;
}

.custom-select.form-control,
select.form-control {
    width: 63px;
    margin: 0;
    padding: 10px;
    text-align: start;
    background-position: calc(100% - 10px) 50%;
}

.custom-select + .select2 .select2-selection__clear {
    display: none;
}

#kt_sign_up_form input[type=checkbox]:checked,
#kt_sign_in_form input[type=checkbox]:checked,
#kt_sign_up_form button,
#kt_sign_in_form button {
    background-color: #009EF7FF !important;
    border-color: #009EF7FF !important;
}

#kt_sign_in_form a,
#kt_sign_up_form a,
#kt_sign_up_form input[type=checkbox],
#kt_sign_in_form input[type=checkbox] {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

#kt_sign_up_form button:hover,
#kt_sign_in_form button:hover,
#kt_sign_up_form input[type=checkbox]:checked:hover,
#kt_sign_in_form input[type=checkbox]:checked:hover {
    background-color: #047ec4 !important;
    border-color: #047ec4 !important;
}


body:has(#kt_sign_in_form) a:hover,
body:has(#kt_sign_up_form) a:hover {
    color: #047ec4 !important;
}

textarea {
    resize: none;
}

.hidden {
    display: none !important;
}

.scroll-hidden {
    position: relative;
    overflow-x: scroll;
}

.scroll-hidden::-webkit-scrollbar {
    display: none;
}

.has-feedback:last-of-type {
    margin-bottom: 1rem !important;
}

html:not([data-theme="dark"]) .form-check-custom.form-check-solid .form-check-input:not(:checked) {
    border: 0;
    background-color: #ebebeb;
}

.block-links {
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-links .arrow {
    height: 5px;
    width: 25px;
    border-radius: 10px;
    border: 0px;
}

.block-links .arrow.active {
    background-color: #024fa9;
}

html[data-theme="dark"] .menu-title-gray-500 .menu-item .menu-link {
    color: #a1a5b7;
}

html[data-theme="dark"] .menu-title-gray-500 .menu-item .menu-link.active {
    color: #fff;
}

input[readonly],
.unravel-block-parent textarea[readonly],
.career-block-parent textarea[readonly],
textarea[name=blue_print_description_section2],
textarea[name=blue_print_description_section3] {
    border: 1px solid #dadada !important;
    color: #a7a7a7 !important;
}

textarea[readonly] {
    color: #a7a7a7 !important;
}

input:not(disabled),
textarea[name=description_section1],
textarea[name=description_section2],
textarea[name=description_section3],
textarea[name=description_section4],
textarea[name=unravel_recruiter],
textarea[name=unravel_candidate],
textarea[name=unravel_manager],
.select2-selection,
.form-select.form-select-solid:focus,
.custom-select,
.custom-select:focus,
select {
    border: 1px solid #363636 !important;
}

[data-theme="dark"] input:not(disabled),
[data-theme="dark"] textarea[name=description_section1],
[data-theme="dark"] textarea[name=description_section2],
[data-theme="dark"] textarea[name=description_section3],
[data-theme="dark"] textarea[name=description_section4],
[data-theme="dark"] textarea[name=unravel_recruiter],
[data-theme="dark"] textarea[name=unravel_candidate],
[data-theme="dark"] textarea[name=unravel_manager],
[data-theme="dark"] .select2-selection,
[data-theme="dark"] .form-select.form-select-solid:focus,
[data-theme="dark"] select {
    border: 1px solid #ffffff !important;
    color: white !important;
}

[data-theme="dark"] textarea[name=description_section1][readonly],
[data-theme="dark"] input[readonly],
[data-theme="dark"] select[readonly] {
    border: 1px solid #a2a2a2 !important;
    color: #92929f !important;
}


[data-theme="dark"] .select2 * {
    color: white !important;
}


.task-recruiter-container input:not(disabled):has(+ .input-group-addon) {
    border-right: 0 !important;
}

.has-feedback {
    margin-top: 10px;
}

.input-group-addon > button:not(.btn-close):has(i) {
    padding: 10px !important;
}

[data-theme="dark"] .arrow:not(.active) {
    background-color: #a7a7a7 !important;
}

.input-group-addon i {
    color: #d9d9d9 !important;
}

.custom-select.text,
select.text {
    width: 120px;
    background-position: right 20px bottom 50%;
}

/*#unravels_page input,*/
#unravels_page .form-check-input,
    /*#careers_page input,*/
#careers_page .form-check-input {
    padding: 10px !important;
}

#unravels_page .form-check-input,
#careers_page .form-check-input {
    cursor: pointer;
    height: 30px !important;
    width: 30px;
    margin-left: 12px;
}

.attitude-cart-checkbox {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: column-reverse;
}

.order-of-importance.form-select {
    font-weight: 900;
}

.interview-form div.order-of-importance {
    width: 43px !important;
    margin: 0;
    padding: 10px;
    text-align: start;
    border: 1px solid #363636 !important;
    height: 43px;
    display: flex;
    justify-content: center;
    opacity: 0.5;
}

.form-label {
    font-weight: 700;
}

/*body:has([name="attitudes_type"] option[value="direct"]:checked) .attitude-duos,*/
/*body:has([name="attitudes_type"] option[value="direct"]:checked) .attitude-trios,*/
/*body:has([name="attitudes_type"] option[value="direct"]:checked) .attitude-result,*/
/*body:not(:has([name="attitudes_type"] option[value="direct"]:checked)) .not-direct-hide {*/
/*    display: none !important;*/
/*}*/


.competence-block:not(:has([readonly])) {
    border: 1px solid #024fa9 !important;
    color: #a7a7a7 !important;
}

textarea {
    resize: none !important;
}

.competence-block:has([readonly]), .unravel-block:has([readonly]),
.competence-block:has([readonly]), .career-block:has([readonly]) {
    border: 1px solid #dadada !important;
    color: #a7a7a7 !important;
}

[class*="small-block"], [class*="big-block"] {
    border: 1px solid #808080 !important;
}

[data-theme="dark"] [class*="small-block"], [data-theme="dark"] [class*="big-block"] {
    border: 1px solid white !important;
}

.required-score .select2 {
    width: 70px !important;
}

#main_element_section {
    padding-left: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 10px !important;
}

#main_element_section:has(#greeting_page.current) {
    padding-top: 2.5rem !important;
}

.blueprint-form #tasks_page:has(input[name*='tasks[]']),
.interview-form #competencies_page:has(input[name*='tasks[]']) {
    padding: 10px;
}

.blueprint-form .competence-block {
    border: 0 !important;
}

.task-recruiter-container .sub-block:nth-of-type(1) > .form-group,
.recruiter-careers .form-group,
.recruiter-competencies .form-group {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.unravel-block,
.career-block,
.task-block {
    width: 100%;
    height: 65px;
}

.competence-block {
    width: 100%;
}

.competence-block .custom-select:not(.second-level-select):not(.competence-norms):not([data-select-name*='competencies'][data-select-name*='norm']),
.career-block .custom-select:not(.second-level-select):not(.career-norms):not([data-select-name*='careers'][data-select-name*='norm']),
.unravel-block .custom-select:not(.second-level-select):not(.unravel-norms):not([data-select-name*='unravels'][data-select-name*='norm']),
.competence-block select:not(.second-level-select):not(.competence-norms):not([name*='competencies'][name*='norm']),
.career-block select:not(.second-level-select):not(.career-norms):not([name*='careers'][name*='norm']),
.unravel-block select:not(.second-level-select):not(.unravel-norms):not([name*='unravels'][name*='norm']) {
    width: 110px;
}

#kt_content_container:has(.step[value='0']) .competence-block .custom-select[data-select-name*='competencies'][data-select-name*='norm'],
#kt_content_container:has(.step[value='1']) .competence-block .custom-select[data-select-name*='competencies'][data-select-name*='norm'] {
    margin-right: 25px;
}

.unravel-points_system-label,
.career-points_system-label {
    margin-right: 10px;
}

.unravel-importance-label,
.competence-importance-label,
.career-importance-label {
    margin-right: 10px;
}

.unravels-score-label,
.competencies-score-label,
.careers-score-label {
    margin-right: 45px;
}


.interview-form #unravels_page .unravel-block input[type=text],
.interview-form #careers_page .career-block input[type=text] {
    border: none !important;
    padding: 0 !important;
}

.blueprint-form .task-block input,
.blueprint-form #unravels_page .unravel-block input:not([type="checkbox"]),
.blueprint-form #careers_page .career-block input:not([type="checkbox"]),
.blueprint-form .competence-block input[type=text] {
    border: none !important;
    padding: 0 !important;
}

.blueprint-form #unravels_page .unravel-block .yes-no-checkbox label,
.blueprint-form #careers_page .career-block .yes-no-checkbox label {
    padding: 0 !important;
}

.task-block,
.task-block:hover,
.task-block:focus,
.blueprint-form .unravel-block,
.blueprint-form #careers_page .career-block,
.blueprint-form #unravels_page .unravel-block,
.blueprint-form .competence-block,
.interview-form .competence-block,
.interview-form #careers_page .career-block,
.interview-form #unravels_page .unravel-block {
    border: 1px solid #363636 !important;
}

.btn-custom-add-parent {
    width: 100%;
    display: flex;
    justify-content: center;
}

.user-edit-form .error-border.shown,
.group-edit-form .error-border.shown,
#edit_group_link .error-border.shown,
#dateSelectModal .error-border.shown,
.blueprint-form .error-border.shown,
.interview-form .error-border.shown,
.blueprint-form #careers_page .error-border.shown,
.interview-form #careers_page .error-border.shown,
.blueprint-form #unravels_page .error-border.shown,
.interview-form #unravels_page .error-border.shown,
.select-error-border.shown {
    border: 1px solid #f1416c !important;
}

.error-text.shown {
    color: #f1416c !important;
}

.description-block {
    border: 1px solid black;
    border-radius: var(--bs-btn-border-radius);
    position: relative;
}

[data-theme="dark"] .description-block {
    border: 1px solid white !important;
}

.custom-block-parent {

}

.custom-block-parent textarea {
    border-radius: 0 0 var(--bs-btn-border-radius) var(--bs-btn-border-radius);
}

.custom-block-parent .description-block {
    border-radius: 0 0 var(--bs-btn-border-radius) var(--bs-btn-border-radius);
}

.custom-block-parent .description-block textarea[name*='[candidate_description]'] {
    border-radius: 0;
    border: 0;
}

.custom-block-parent .description-block textarea[name*='[description]'] {
    border: 0 !important;
    border-top: 1px solid lightgrey !important;
}

.custom-block-parent .fa-times {
    font-size: 20px;
    color: #b5b5b5 !important;
}

.custom-block-parent .custom-block {
    border-radius: var(--bs-btn-border-radius) var(--bs-btn-border-radius) 0 0;
}

.custom-block-parent input[type=text] {
    border: 0 !important;
    background: transparent;
    padding: 0;
}

.btn.bg-transparent {
    padding: 0;
    margin: 0 -4px 0 5px;
}

.custom-block-parent input[type=text], .custom-block-parent input[type=text]::placeholder {
    font-weight: 700;
}

.recruiter-tasks .task-block .input-group-addon > .custom-select,
.recruiter-tasks .task-block .input-group-addon > select {
    background-color: transparent;
}

select[readonly] {
    background-color: #ddd;
    pointer-events: none;
}

[data-theme="dark"] .form-check-input:not(:checked) + label {
    color: #92929f;
}

[data-theme="dark"] .form-check-input:checked + label {
    color: white;
}

[data-theme="dark"] .order-of-importance option {
    background: #1e1e2d;
}

li.select2-results__option[data-select2-id*="--"] {
    display: none;
}

.loader-parent {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: -10px;
}

[data-theme="dark"] .loader {
    color: white;
}

.small-cart-row, .big-cart-row {
    margin-left: 0;
    margin-right: 0;
}

div:not(.order-of-importance-label):has(+.order-of-importance) {
    width: 150px;
}


.btn-custom-add {
    width: 95px;
    color: white;
    background-color: #024fa9;
    transition: all ease 0.2s;
}

#append_competence {
    width: 200px;
}

[data-theme="dark"] .btn-custom-add {
    color: #dedede;
    background-color: #024fa9 !important
}

.btn.btn-light-primary .svg-icon {
    color: #024fa9 !important;
}

.btn.btn-light,
.btn.btn-primary,
.btn.btn-custom-add,
.btn.btn-primary:active,
.btn.btn-light:active,
.btn.btn-custom-add:active {
    color: #ffffff !important;
    background-color: #024fa9 !important;
}

.btn.btn-custom-add:focus,
.btn.btn-custom-add:hover,
.btn.btn-light:focus,
.btn.btn-light:hover,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    background-color: #01316b !important
}

#prev_btn:hover .svg-icon {
    color: #ffffff !important;
}

[data-theme="dark"] .link-primary {
    color: #024fa9 !important;
}

input[type=checkbox] {
    background-color: transparent !important;
}

input[type=checkbox]:checked {
    background-color: #024fa9 !important;
    border-color: #024fa9 !important;
}

[data-theme="dark"] input[type=checkbox]:checked {
    background-color: #024fa9 !important;
    border-color: #024fa9 !important;
}


.task-recruiter-container > .sub-block {
    padding: 1px;
}

.blueprint-form #unravels_page .position-parent input,
.blueprint-form #careers_page .position-parent input {
    padding: 0.825rem 1.5rem !important
}

.attitude-card .description {
    border: 1px solid black;
    padding: 15px;
    box-sizing: border-box;
    border-radius: var(--bs-btn-border-radius);
}

.attitude-cart-checkbox input:not(:disabled),
.custom-select.order-of-importance,
select.order-of-importance {
    cursor: pointer;
}

.blueprint-form .attitude-card .description {
    height: calc(100% - 78px);
}

.interview-form .attitude-card .description {
    height: calc(100% - 78px);
}

.attitude-card .description h3 {
    text-align: center;
    padding: 0 20px;
}

.small-cart-row, .big-cart-row {
    border: 1px solid black;
    padding: 10px 0;
    border-radius: var(--bs-btn-border-radius);
    margin-bottom: 10px;
}

.attitude-card {
    margin-bottom: 10px;
}

.attitude-card .description div {
    text-align: end;
    margin-top: 20px;
}

.attitude-card .description span {
    border: 1px solid black;
    padding: 5px;
    border-radius: 0.45em;
    box-sizing: border-box;
}

[data-theme="dark"] .attitude-card .description span, [data-theme="dark"] .small-cart-row, [data-theme="dark"] .big-cart-row, [data-theme="dark"] .attitude-card .description {
    border: 1px solid white;
}

.attitude-card .checkboxes {
    border: 1px solid black;
    margin-top: 10px;
    padding: 10px;
    border-radius: var(--bs-btn-border-radius);
    height: 68px;
}

[data-theme="dark"] .attitude-card .checkboxes {
    border: 1px solid white;
}

.checkboxes-ideal {
    border: 1px solid #858585 !important;
    opacity: 0.5;
}


#subm_btn {
    display: none;
}

.stepper:not(:has(.inited.current)) #prev_btn {
    display: inline-block;
}

/*.stepper:has(.stepper-item:last-of-type.current) #subm_btn {
    display: inline-block;
}*/

#unravels label,
#careers label {
    margin: 0 !important;
}

.custom-block-parent:has(.btn-close) .custom-block {
    position: relative;
}

*:has(+.btn-close) {
    margin-right: 2rem;
}

body:has([name='competencies_all_average_norm_type'] option:not([value="overall"]:checked)):has(.step[value='1']) .blueprint-form .competencies-section-title .parts-titles {
    margin-right: calc(1.5rem + 10px);
}

body:has([name='competencies_all_average_norm_type'] option:not([value="overall"]:checked)):has(.step[value='2']) .blueprint-form .competencies-section-title .parts-titles {
    margin-right: calc(1.5rem - 10px);
}

body:has([name='competencies_all_average_norm_type'] option:not([value="overall"]:checked)):has(.step[value='3']) .blueprint-form .competencies-section-title .parts-titles {
    margin-right: calc(1.5rem - 10px);
}

#kt_content_container:not(:has(.step[value='0'])) *:has(+.btn-close.step-first-none),
#kt_content_container:not(:has(.step[value='0'])):not(:has(.step[value='1'])) *:has(+.btn-close.step-second-none),
#kt_content_container:not(:has(.step[value='0'])):not(:has(.step[value='1'])):not(:has(.step[value='2'])) *:has(+.btn-close.step-third-none),
#kt_content_container:not(:has(.step[value='0'])):not(:has(.step[value='1'])):not(:has(.step[value='2'])):not(:has(.step[value='3'])) *:has(+.btn-close.step-fourth-none) {
    margin-right: 0;
}

.btn-close:not(.base) {
    background-image: none;
    position: absolute;
    right: 2rem;
    bottom: 50%;
    padding: 0 !important;
}

/*.task-block-parent select{
background: transparent;
}*/

.description-block:has(input[type=hidden][name*='[description]']),
.interview-form .description-block:has(input[type=hidden][name*='[description]']).error-border.shown,
.blueprint-form .description-block:has(input[type=hidden][name*='[description]']).error-border.shown {
    border: 0 !important;
}

.b-1 {
    border: 1px solid black !important;
}

[data-theme="dark"] .b-1 {
    border: 1px solid white !important;
}

.greeting-list li {
    margin-left: 15px;
}

.li-title {
    margin-bottom: 5px !important;
    font-weight: 700 !important;
}

body:has([data-page="greeting_page"].current) .stepper-nav {
    display: none !important;
}

#tasks_points_changed .modal-body {
    font-size: 16px;
}

.interview-blueprint-task-score {
    border-radius: 0 0 0 0.475rem !important;
}


.change-all-values .select-value .custom-select,
.change-all-values .select-value select,
.change-all-values .select-value label {
    width: 75px !important;
}

#unravels_page .change-all-values .select-value .custom-select,
#unravels_page .change-all-values .select-value select,
#unravels_page .change-all-values .select-value label {
    width: 85px !important;
}

.indicator-actions {
    display: flex;
    justify-content: space-between;
}

.indicator-actions .btn.bg-transparent {
    margin: 0;
}

.ready-indicators > div {
    display: flex;
    justify-content: space-between;
}

.ready-indicators > div > div {
    width: 49%;
}

.ready-indicators > div > div > span {
    height: 100%;
}

.custom-indicators {
    display: flex;
    justify-content: space-between;
}

.custom-indicators > div {
    width: 49%;
}

.custom-indicators .excellent-column {
    display: flex;
    flex-direction: column;
}

.custom-indicators .excellent-column > div {
    width: 100%;
}

.custom-indicators .hint {
    width: 100% !important;
    max-width: 100% !important;
}

.blueprint-form .parts-titles .tasks-priority-label,
select[name*='tasks'][name*='[priority]'] {
    width: 100px;
}

.custom-select[data-select-name*='tasks'][data-select-name*='[priority]'] {
    width: 140px;
}

.blueprint-form .parts-titles .tasks-score-label,
.custom-select[data-select-name*='tasks'][data-select-name*='[score]'],
select[name*='tasks'][name*='[norm]'],
select[name*='tasks'][name*='[score]'] {
    width: 60px;
}

.blueprint-form .parts-titles .tasks-score-label label {
    width: fit-content !important;
}

.custom-select[data-select-name*='tasks'][data-select-name*='[norm]'] {
    width: 80px;
    margin-right: 30px;
}

.blueprint-form .parts-titles .tasks-category-label,
select[name*='tasks'][name*='[category]'] {
    width: 120px;
    margin-right: 25px;
}

.custom-select[data-select-name*='tasks'][data-select-name*='[category]'] {
    width: 120px;
    margin-right: 10px;
}

body:has([name='tasks_all_average_score_type'][value='overall']) .custom-select[data-select-name*='tasks'][data-select-name*='[category]'] {
    width: 120px;
    margin-right: 20px;
}

.tasks-blueprint-score-label {
    width: 45px;
    text-align: start;
}

.two-level-select:has(.custom-select[data-select-name*='tasks'][data-select-name*='[norm]']) .custom-select:first-child,
.two-level-select:has(.custom-select[data-select-name*='tasks'][data-select-name*='[score]']) .custom-select:first-child,
.two-level-select:has(select[name*='tasks'][name*='[norm]']) select:first-child,
.two-level-select:has(select[name*='tasks'][name*='[score]']) select:first-child {
    width: 100px;
}


body:has(.change-all-task-norms .select-type option:first-of-type:checked) .custom-select[data-select-name*='tasks'][data-select-name*='[category]'],
body:has(.change-all-task-norms .select-type option:first-of-type:checked) .custom-select[data-select-name*='tasks'][data-select-name*='[priority]'] {
    margin-right: 20px;
}

.pr-3-5 {
    padding-right: 5.5rem;
}

.tasks-category-label {
    margin-right: 110px;
    text-align: end;
}

body:has(.hint-activated:checked) .tasks-category-label {
    margin-right: 116px;
}

body:has([name='tasks_all_average_score_type'][value='overall']) .tasks-category-label {
    margin-right: 36px;
}

.tasks-score-label {
    margin-right: calc(3.5rem + 125px);
}

body:has(.hint-activated:checked) .tasks-score-label {
    margin-right: calc(3.5rem - 4px);
}

.task-position-score-parent {
    display: flex;
    justify-content: flex-end;
}

.task-score-parent,
.blueprint-task-score-parent {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.task-score-parent label:nth-of-type(1),
.task-score-parent .select2 {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
}

.task-score-parent .select2,
.blueprint-task-score-parent .select2,
.task-position-score-parent .all-score-select .select2 {
    width: 150px !important;
}

.task-position-score-parent .all-score-select label {
    display: flex;
    justify-content: flex-end;
    text-align: end;
}

.task-position-score-parent .all-score-select {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

body:has(#greeting_page.current) #prev_btn,
body:not(:has(#greeting_page)):has(#tasks_page.current):has(.step[value='0']) #prev_btn,
body:has(#greeting_page.current) #first_page_btn,
body:not(:has(#greeting_page)):has(#tasks_page.current):has(.step[value='0']) #first_page_btn,
body:has(#greeting_page.current) .interview-form #next_btn {
    display: none !important;
}


#kt_content_container:has(#greeting_page.current) #prev_local_step,
#kt_content_container:has(.step[value='0']) #prev_local_step {
    display: none !important;
}

#kt_content_container:has(.step[value='0']) .step-first,
#kt_content_container:has(.step[value='0']) .step-second,
#kt_content_container:has(.step[value='1']) .step-second,
#kt_content_container:has(.step[value='0']) .step-third,
#kt_content_container:has(.step[value='1']) .step-third,
#kt_content_container:has(.step[value='2']) .step-third,
#kt_content_container:has(.step[value='0']) .step-fourth,
#kt_content_container:has(.step[value='1']) .step-fourth,
#kt_content_container:has(.step[value='2']) .step-fourth,
#kt_content_container:has(.step[value='3']) .step-fourth {
    display: none !important;
}

#kt_content_container:has(.step[value='1']) .step-first-w-50,
#kt_content_container:has(.step[value='2']) .step-first-w-50,
#kt_content_container:has(.step[value='3']) .step-first-w-50,
#kt_content_container:has(.step[value='4']) .step-first-w-50,
#kt_content_container:has(.step[value='2']) .step-second-w-50,
#kt_content_container:has(.step[value='3']) .step-second-w-50,
#kt_content_container:has(.step[value='4']) .step-second-w-50,
#kt_content_container:has(.step[value='3']) .step-third-w-50,
#kt_content_container:has(.step[value='4']) .step-third-w-50,
#kt_content_container:has(.step[value='4']) .step-fourth-w-50 {
    width: 50% !important;
}

#kt_content_container:has(.step[value='1']) .step-first-hidden,
#kt_content_container:has(.step[value='2']) .step-first-hidden,
#kt_content_container:has(.step[value='3']) .step-first-hidden,
#kt_content_container:has(.step[value='4']) .step-first-hidden,
#kt_content_container:has(.step[value='2']) .step-second-hidden,
#kt_content_container:has(.step[value='3']) .step-second-hidden,
#kt_content_container:has(.step[value='4']) .step-second-hidden,
#kt_content_container:has(.step[value='3']) .step-third-hidden,
#kt_content_container:has(.step[value='4']) .step-third-hidden,
#kt_content_container:has(.step[value='4']) .step-fourth-hidden {
    visibility: hidden !important;
}

.step-first-visible, .step-second-visible, .step-third-visible, .step-fourth-visible {
    visibility: hidden !important;
}

#kt_content_container:has(.step[value='1']) .step-first-visible,
#kt_content_container:has(.step[value='2']) .step-first-visible,
#kt_content_container:has(.step[value='3']) .step-first-visible,
#kt_content_container:has(.step[value='4']) .step-first-visible,
#kt_content_container:has(.step[value='2']) .step-second-visible,
#kt_content_container:has(.step[value='3']) .step-second-visible,
#kt_content_container:has(.step[value='4']) .step-second-visible,
#kt_content_container:has(.step[value='3']) .step-third-visible,
#kt_content_container:has(.step[value='4']) .step-third-visible,
#kt_content_container:has(.step[value='4']) .step-fourth-visible {
    visibility: visible !important;
}

#kt_content_container:has(.step[value='1']) .step-first-none,
#kt_content_container:has(.step[value='2']) .step-first-none,
#kt_content_container:has(.step[value='3']) .step-first-none,
#kt_content_container:has(.step[value='4']) .step-first-none,
#kt_content_container:has(.step[value='2']) .step-second-none,
#kt_content_container:has(.step[value='3']) .step-second-none,
#kt_content_container:has(.step[value='4']) .step-second-none,
#kt_content_container:has(.step[value='3']) .step-third-none,
#kt_content_container:has(.step[value='4']) .step-third-none,
#kt_content_container:has(.step[value='4']) .step-fourth-none {
    display: none;
}

.step-highlight[data-control="select2"] + .select2 .select2-selection,
.step-highlight,
.step-text-highlight {
    transition: text-shadow 0.7s ease-in-out, box-shadow 0.7s ease-in-out, border-color 0.7s ease-in-out !important;
}

.form-select.form-select-solid.step-highlight,
.form-control.form-control-solid.step-highlight {
    transition: box-shadow 0.7s ease-in-out, border-color 0.7s ease-in-out, color 0.2s ease !important;
}

.step-highlight[data-control="select2"].blue-highlight + .select2 .select2-selection,
.blue-highlight {
    box-shadow: 0 0 10px rgba(2, 79, 169, 1) !important;
    border-color: #024fa9 !important;
}

.blue-text-highlight {
    text-shadow: 0 0 10px rgba(2, 79, 169, 1) !important;
}

/*.green-highlight-element,
.all-score-select .select2-selection.green-highlight-element {
    box-shadow: 0 0 10px rgba(39, 174, 96, 1) !important;
    border-color: #27AE60 !important;
}*/

.toggle-swapper .knobs,
.toggle-swapper .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.toggle-swapper {
    position: relative;
    top: 50%;
    width: 62px;
    overflow: hidden;
    height: 26px;
    border-radius: 2px;
}

.toggle-swapper *::after,
.toggle-swapper *::before {
    box-sizing: content-box;
}

.toggle-swapper.r,
.toggle-swapper.r .layer {
    border-radius: 100px;
}

.toggle-swapper .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.toggle-swapper .knobs {
    z-index: 2;
}

.toggle-swapper .layer {
    width: 100%;
    background-color: #88beee;
    transition: 0.3s ease all;
    z-index: 1;
}

.toggle-swapper .knobs:before,
.toggle-swapper .knobs:after,
.toggle-swapper .knobs span {
    position: absolute;
    height: 100%;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    width: 22px;
}

.toggle-swapper .knobs:before {
    content: "";
    left: 0;
    background-color: #024fa9;
}

.toggle-swapper .knobs:after {
    content: "NO";
    right: 0;
    color: #5e6278;
}

.toggle-swapper .knobs span {
    display: inline-block;
    left: 0;
    color: #fff;
    z-index: 1;
}

.toggle-swapper .checkbox:checked + .knobs span {
    color: #5e6278;
}

.toggle-swapper .checkbox:checked + .knobs:before {
    left: 32px;
    background-color: #d3d3d3;
}

.toggle-swapper .checkbox:checked + .knobs:after {
    color: #fff;
}

.toggle-swapper .checkbox:checked ~ .layer {
    background-color: #f5f8fa;
}

.indicator-header {
    display: flex;
    position: relative;
    justify-content: space-between;
    padding: 0.825rem 1.5rem;
    background-color: #f5f8fa;
    border-radius: 0.475rem 0.475rem 0 0;
    border-bottom: 1px solid black;
}

.indicator-header .btn-header-close {
    height: 26px;
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.indicator-block {
    border: 1px solid black;
    border-radius: var(--bs-btn-border-radius);
    margin-bottom: 10px;
}

.indicator-block textarea {
    border-radius: 0 0 0.475rem 0.475rem;
    background-color: #fff !important;
}

.interview-form .indicator-block textarea {
    border-radius: var(--bs-btn-border-radius);
}

.indicator-block:has(input:checked) .indicator-body {
    opacity: 0.5;
}

.indicator-block * {
    transition: 0.3s ease all;
}

.excellent-column .btn.btn-primary,
.bad-column .btn.btn-primary {
    width: 100%;
}

.all-score-select .hint {
    width: 700px;
    right: 0;
    transform: translateY(calc(-100% - 10px));
}

body:not(:has(.hint-activated:checked)) .btn.btn-primary:not(#kt_sign_in_submit):not(#kt_sign_up_submit).hint-activator {
    background-color: #eef3f7 !important;
    color: black !important;
    transition: 0.2s all ease-in-out;
}

.hint-parent {
    position: relative;
    display: flex;
    flex-direction: column;
}

.hint-icon::after {
    opacity: 0;
}

body:has(.hint-activated:checked) .hint-icon::after {
    opacity: 1;
}

body:has(.hint-activated:checked) .hint-icon {
    cursor: pointer;
    display: flex;
}

body:has(.hint-activated:checked) .hint-icon::after {
    content: "!";
    position: relative;
    color: #fff;
    font-weight: 600;
    display: block;
    width: 12px;
    height: 12px;
    font-size: 10px;
    background-color: #024fa9;
    text-align: center;
    border-radius: 50%;
    margin-left: 2px;
}

.hint {
    display: none;
    font-size: 12px;
    font-weight: 400;
    text-align: start;
    position: absolute;
    top: 0;
    max-width: 300px;
    width: max-content;
    background: white;
    padding: 20px;
    border-radius: var(--bs-btn-border-radius);
    transform: translateY(calc(-100% - 10px)) translateX(-50%);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) !important;
    z-index: 999;
    transition: 0.5s all ease-in-out;
}

.hint.center-border-hint {
    top: auto;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.hint.left-border-hint {
    transform: translateY(calc(-100% - 10px));
}

.hint.right-border-hint {
    transform: translateY(calc(-100% - 10px));
    right: 0;
}

.hint.under-border-hint {
    bottom: 0;
    top: auto;
    transform: translateY(100%) translateX(0);
}

.hint.bottom-border-hint {
    transform: translateX(-50%);
}

.hint.left-border-hint.bottom-border-hint {
    transform: translateY(calc(100% - 10px)) translateX(-50%);
}

.hint.right-border-hint.bottom-border-hint {
    transform: translateY(calc(100% - 10px)) translateX(0);
}

body:not(:has(.hint-activated)) .hint-parent:has(.hint-icon:hover) .hint,
body:not(:has(.hint-activated)) .hint-parent:has(.hint-no-icon:hover) .hint,
body:has(.hint-activated:checked) .hint-parent:has(.hint-icon:hover) .hint,
body:has(.hint-activated:checked) .hint-parent:has(.hint-no-icon:hover) .hint,
.hint-parent:has(.hint-no-icon-help:hover) .hint {
    display: block;
}

.hint.hint-top-20 {
    top: 20px
}

body:not(:has(.hint-activated)) .hint-no-icon,
body:has(.hint-activated:checked) .hint-no-icon {
    cursor: pointer;
}

.custom-select,
select {
    cursor: pointer;
}

#unravels_page .unravel-block,
#careers_page .career-block,
#tasks_page .task-block {
    display: none;
}

.select2-container {
    z-index: 1;
}

.competencies-section-title,
.unravels-section-title,
.careers-section-title,
.tasks-section-title {
    display: flex;
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.competencies-section-title,
.careers-section-title,
.tasks-section-title {
    align-items: flex-end;
}

.unravels-section-title {
    align-items: flex-end;
}

.unravels-section-title > div {
    justify-content: space-between;
    align-items: flex-end;
}

.select-options li.selected,
.order-of-importance option.selected {
    color: darkgray;
    font-weight: 700;
}

.careers-section-title > div:nth-of-type(1),
.tasks-section-title > div:nth-of-type(1) {
    width: 20%;
}

.blueprint-form .competencies-section-title > div:nth-of-type(1) {
    width: 40%;
}

.interview-form .competencies-score-label {
    margin-right: 0;
}

.interview-form .competencies-section-title {
    justify-content: space-between;
    padding-right: 0;
}

.unravels-section-title > div:nth-of-type(2),
.careers-section-title > div:nth-of-type(2),
.tasks-section-title > div:nth-of-type(2) {
    width: 80%;
}

.blueprint-form .competencies-section-title > div:nth-of-type(2) {
    width: 60%;
}

.blueprint-form .competencies-section-title .parts-titles,
.blueprint-form .unravels-section-title .parts-titles,
.blueprint-form .careers-section-title .parts-titles,
.blueprint-form .tasks-section-title .parts-titles {
    justify-content: flex-end;
}

.blueprint-form .competencies-section-title .parts-titles .tasks-score-label,
.blueprint-form .unravels-section-title .parts-titles .tasks-score-label,
.blueprint-form .careers-section-title .parts-titles .tasks-score-label,
.blueprint-form .tasks-section-title .parts-titles .tasks-score-label {
    margin-right: 0;
}

.blueprint-form .competencies-section-title .parts-titles label,
.blueprint-form .unravels-section-title .parts-titles label,
.blueprint-form .careers-section-title .parts-titles label,
.blueprint-form .tasks-section-title .parts-titles label {
    text-align: start;
}

.blueprint-form .competencies-section-title .parts-titles,
.blueprint-form .unravels-section-title .parts-titles,
.blueprint-form .careers-section-title .parts-titles {
    margin-right: calc(1.5rem + 18px);
}

.blueprint-form .unravels-section-title .parts-titles > *:nth-child(2),
.blueprint-form .unravels-section-title .parts-titles > *:nth-child(3),
.blueprint-form .careers-section-title .parts-titles > *:nth-child(2),
.blueprint-form .careers-section-title .parts-titles > *:nth-child(3) {
    margin-left: 10px;
}


.blueprint-form .unravels-section-title .parts-titles > *:nth-child(1),
.blueprint-form .careers-section-title .parts-titles > *:nth-child(1) {
    width: 100px;
}

.blueprint-form .competencies-section-title .parts-titles > * {
    width: 73px;
}

.interview-form .unravels-section-title .parts-titles > div:nth-child(1),
.interview-form .careers-section-title .parts-titles > div:nth-of-type(1),
.interview-form .tasks-section-title .parts-titles > div:nth-of-type(1) {
    width: 38%;
}

.interview-form .unravels-section-title .parts-titles > div:nth-of-type(2),
.interview-form .careers-section-title .parts-titles > div:nth-of-type(2),
.interview-form .tasks-section-title .parts-titles > div:nth-of-type(2) {
    width: 62%;
}

.interview-form .competence-block button.btn-primary {
    width: 100px;
}

.parts-titles {
    display: flex;
}

.blueprint-form #tasks_page .parts-titles {
    margin-right: calc(4rem + 5px);
    grid-column-gap: 25px;
}


.interview-form #careers_page .parts-titles {
    margin-right: 3rem;
}

.interview-form #tasks_page .parts-titles {
    margin-right: 2rem;
}

.unravel-label-hidden .unravels-section-title > div:first-child,
.career-label-hidden .careers-section-title > div:first-child {
    visibility: hidden;
}

.base-switch-parent,
.hint-switch-parent {
    display: flex;
    align-items: center;
}

.hint-switch-parent {
    position: absolute;
    top: 0;
    left: 10px;
}

.base-switch,
.hint-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 21px;
}

.base-switch-label,
.hint-switch-label {
    font-size: 1rem;
    margin-right: 5px;
    font-weight: 600;
    cursor: pointer;
}

.hint-switch-label {
    font-size: 16px;
}

.base-switch input,
.hint-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.base-switch .slider,
.hint-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cacaca;
    -webkit-transition: .4s;
    transition: .4s;
}

.attitudes-best-switch .slider {
    background-color: #024fa9;
}


.base-switch .slider:before,
.hint-switch .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.base-switch input:checked + .slider,
.hint-switch input:checked + .slider {
    background-color: #024fa9;
}

.base-switch input:focus + .slider,
.hint-switch input:focus + .slider {
    box-shadow: 0 0 1px #024fa9;
}

.base-switch input:checked + .slider:before,
.hint-switch input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.base-switch .slider.round,
.hint-switch .slider.round {
    border-radius: var(--bs-btn-border-radius);
}

.base-switch .slider.round:before,
.hint-switch .slider.round:before {
    border-radius: 0.25em;
}

.hint-switch-parent .hint {
    left: 0 !important;
    bottom: 0 !important;
    transform: translateY(calc(100% + 10px));
    top: auto;
}

.parts-titles .hint-parent:first-child {
    padding-left: 5px;
}

.indicator-actions > .hint-parent,
.btn-custom-add-parent > .hint-parent {
    display: flex;
    justify-content: center;
    align-items: center;
}

[name*='tasks'][name*='[blueprint_title]'][readonly], [name*='tasks'][name*='[blueprint_description]'][readonly],
[name*='task_indicator'][name*='[value]'][readonly] {
    cursor: unset;
    color: var(--kt-input-color) !important;
}

[name*='competence_indicator'][name*='[value]'][readonly],
[name*='unravel_indicator'][name*='[value]'][readonly],
[name*='career_indicator'][name*='[value]'][readonly],
[name*='task_indicator'][name*='[value]'][readonly] {
    border-radius: var(--bs-btn-border-radius);
}

.form-control.form-select.second-level-select {
    margin-left: 10px;
}

.interview-form .two-level-select {
    margin-right: 2rem;
}

.blueprint-form:has(#tasks_page.current) form {
    padding-top: 0 !important;
}

.clear-indicators-attitude-trigger,
.default-indicators-attitude-trigger,
.default-indicators-task-trigger,
.clear-indicators-task-trigger {
    width: 260px;
}

.fast-save {
    background: transparent;
    border: 0;
    position: absolute;
    top: 0;
    right: calc(var(--bs-gutter-x) * 0.5 + 1rem);
    transform: translateY(-25%);
    display: flex;
    font-size: 1rem;
}

.save-filename,
.fast-save button {
    padding: 0.5em 1em !important;
    font-weight: 600;
    align-items: center;
}

.draft-save {
    margin-right: 10px;
}

.save-filename svg,
.fast-save svg {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.save-filename path,
.fast-save path {
    stroke: white;
}

.search-list {
    border-width: 3px;
}

.search-list .card-title input {
    outline: none !important;
    border: 3px solid var(--kt-card-border-color) !important;
    font-size: 1rem;
    padding: 15px 32px 15px 10px;
    width: 250px !important;
    border-radius: var(--bs-btn-border-radius);
    height: 35px;
}

.search-list .card-title {
    position: relative;
}

.search-list .card-title svg {
    position: absolute;
    left: 220px;
    bottom: 0;
    transform: translateY(-130%);
    cursor: pointer;
}

.search-list .card-title svg path {
    stroke: #dddddd !important;
    fill: #dddddd !important;
}

html[data-theme="dark"] .search-list .card-title svg path {
    stroke: #565674 !important;
    fill: #565674 !important;
}

.search-list .card-title input::placeholder {
    color: var(--kt-text-muted) !important;
}

.search-list .card-header,
.search-list .card-toolbar {
    flex-wrap: nowrap !important;
}

.search-list .card-toolbar > div {
    display: flex;
    width: 100%;
    padding: 0;
    justify-content: space-between;
}

.search-list .card-toolbar .custom-select,
.search-list .card-toolbar select {
    padding: 5px;
    height: 35px;
    border: 3px solid var(--kt-card-border-color) !important;
    color: var(--kt-text-muted) !important;
    width: 120px;
    outline: none;
    border-radius: var(--bs-btn-border-radius);
}

.search-list .card-toolbar {
    font-size: 1rem;
    color: var(--kt-text-muted) !important;
    font-weight: 500;
}

.search-list .card-title svg {
    width: 18px;
}

body:has(#greeting_page.current) .delete-entity,
body:has(#greeting_page.current) .draft-save-as,
body:has(#greeting_page.current) .draft-save {
    display: none;
}

.badge-light:hover {
    background-color: var(--kt-gray-200) !important;
}

[name='search_draft'] {
    background: transparent;
}

/*[name='search_draft'] option{
    background-color: var(--kt-card-bg);
    color: var(--kt-text-muted) !important;
}*/

.welcome-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    grid-row-gap: 20px;
    align-items: center;
}

.welcome-body img {
    width: 100%;
}

.welcome-body > button {
    width: 300px;
}

.interview-form .change-welcome-visible,
.blueprint-form .change-welcome-visible {
    position: absolute;
    right: 0;
    top: 0;
}

.change-welcome-visible {
    display: flex;
    align-items: flex-end;
}

body:not(:has(#greeting_page.current)) .interview-form .change-welcome-visible,
body:not(:has(#greeting_page.current)) .blueprint-form .change-welcome-visible {
    display: none;
}

.change-all-values .fake,
.change-all-values .select-value {
    margin-right: calc(var(--bs-gutter-x) * 0.5) !important;
    display: flex;
    align-items: flex-end;
}

.select-value,
.fake,
.select-type {
    padding: 0 !important;
}

.select-value,
.select-type {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.blueprint-main-row-select {
    display: flex;
    justify-content: start;
    flex-direction: column;
}

.blueprint-main-row-select .custom-select,
.blueprint-main-row-select select {
    width: 100px !important;
    height: 46px;
}

.attitude-result > div > div {
    border: 1px solid black;
    border-radius: 0.475rem;
    padding: 0.825rem 1.5rem;
}

.attitude-result:not(:has(.attitude-result-row)) {
    display: none;
}

.attitude-result-row {
    display: flex;
    justify-content: space-between;
}

.attitude-result-checker {
    display: flex;
    justify-content: center;
    align-items: center;
}

.attitude-result-left-text,
.attitude-result-right-text {
    border: 1px solid black;
    padding: 0.825rem 1.5rem;
    background-color: #f5f8fa;
    border-radius: 0.475rem;
    width: calc(50%);
}

.attitude-result-left-text {
    margin-right: 20px;
}

.attitudes-result-info {
    display: flex;
    flex-direction: column;
    grid-row-gap: 10px;
}

.attitude-result-right-text {
    margin-left: 20px;
}

.change-all-values .select-type {
    margin-left: calc(var(--bs-gutter-x) * 0.5) !important;
}

.change-all-values .select-value {
    flex-direction: column;
    display: flex;
    align-items: flex-end;
}

.change-all-values .select-value label,
.change-all-values .select-value .custom-select,
.change-all-values .select-value select {
    width: 50%;
    min-width: 54px;
}

.change-all-values .select-norm-yn select,
.change-all-values .select-norm-yn .custom-select,
.change-all-values .select-norm-yn label {
    width: 100%;
}

.change-all-values .select-norm-yn label {
    justify-content: flex-end;
}

.change-all-values .select-value label {
    margin-bottom: 5px;
}

.select-value-hidden {
    visibility: hidden;
}

.interview-blueprint-unravel-normal,
.interview-blueprint-career-normal,
.interview-blueprint-task-normal {
    width: 60px;
    text-align: center;
    border: 1px solid #363636 !important;
    color: #a7a7a7 !important;
}

.change-all-values:has(.select-type option:first-of-type:checked) .fake {
    display: block !important;
}

.change-all-values:not(:has(.select-type option:first-of-type:checked)) .fake {
    display: none !important;
}

body:has(.change-all-task-norms .select-type option:first-of-type:not(:checked)) .tasks-score-label,
body:has(.change-all-task-norms .select-type option:first-of-type:not(:checked)) .task-block select[name*='tasks'][name*='[norm]'],
body:has(.change-all-task-norms .select-type option:first-of-type:not(:checked)) .task-block .custom-select[data-select-name*='tasks'][data-select-name*='[norm]'],
body:has([name='blueprint_tasks_all_average_norm_type'][value='overall']) .tasks-score-label,
body:has([name='blueprint_tasks_all_average_norm_type'][value='overall']) .task-block .two-level-select,
body:has([name='blueprint_careers_all_average_norm_type'][value='overall']) .careers-score-label,
body:has([name='blueprint_careers_all_average_norm_type'][value='overall']) .career-block .two-level-select,
body:has([name='blueprint_careers_all_average_norm_type'][value='overall']) [name*='careers'][name*='[norm]'],
body:has([name='blueprint_unravels_all_average_norm_type'][value='overall']) .unravels-score-label,
body:has([name='blueprint_unravels_all_average_norm_type'][value='overall']) .unravel-block .two-level-select,
body:has([name='blueprint_unravels_all_average_norm_type'][value='overall']) [name*='unravels'][name*='[norm]'] {
    display: none !important;
}

body:not(:has([name='blueprint_tasks_all_average_norm_type'][value='overall'])) [name*='tasks'][name*='[category]'] {
    margin-right: 10px;
}

body:not(:has([name='blueprint_tasks_all_average_norm_type'][value='overall'])) .tasks-score-label {
    margin-right: calc(3.5rem + 110px);
}

body:not(:has([name='blueprint_tasks_all_average_norm_type'][value='overall'])) .tasks-category-label {
    margin-right: 20px;
}

body:has([name='blueprint_tasks_all_average_norm_type'][value='overall']) .blueprint-form #tasks_page .parts-titles {
    margin-right: calc(4rem + 20px);
}

body:has([name='blueprint_tasks_all_average_norm_type'][value='overall']) .tasks-blueprint-score-label,
body:has([name='blueprint_tasks_all_average_norm_type'][value='overall']) .interview-task-title:has(input[name*='tasks'][name*='blueprint_title']) > .select {
    display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px white inset !important; /* Змінити кольорову підсвітку інпута */
    background-color: inherit !important; /* Змінити фоновий колір інпута */
}

.stepper-title {
    position: relative;
    cursor: pointer;
}

.hide-indicators {
    margin-bottom: 10px;
}

.interview-indicators {
    overflow: hidden;
    transition: 0.5s all ease-in-out;
}

.interview-indicators:not(.hidde) {
    max-height: 200vh;
}

.interview-indicators.hidden {
    max-height: 0;
}

.main-interview-questions {
    color: black;
    margin: 0;
}

.custom-interview-questions-elem,
.main-interview-questions div {
    border-radius: var(--bs-btn-border-radius);
    font-size: 1rem;
    font-weight: 700;
    background-color: var(--kt-input-solid-bg);
    display: flex;
    flex-direction: column;
    grid-row-gap: 10px;
    border: 1px solid #dadada;
    padding: calc(0.775rem + 1px) calc(1.5rem + 1px);
}

.custom-interview-questions-elem {
    flex-direction: row;
}

.interview-entity-multy-value {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.interview-blueprint-value label,
.interview-blueprint-value div {
    width: 50%;
    margin-right: 10px;
}

.interview-blueprint-type label,
.interview-blueprint-type div {
    width: 100%;
}

.interview-entity-multy-value label,
.interview-entity-multy-value select,
.interview-entity-multy-value .custom-select {
    width: 25%;
}


.interview-blueprint-value label,
.interview-blueprint-value div,
.interview-blueprint-value label,
.interview-blueprint-value div,
.interview-entity-multy-value label,
.interview-entity-multy-value .custom-select,
.interview-entity-multy-value select {
    min-width: 54px;
    margin-bottom: 5px;
}

.interview-blueprint-value label,
.interview-blueprint-value label,
.interview-entity-multy-value label {
    text-align: start;
}

.interview-entity-multy-value,
.interview-blueprint-value,
.interview-blueprint-type {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

body:not(:has([name='blueprint_tasks_all_average_norm_type'][value='overall'])) #tasks_page.current .score-norm-mode,
body:not(:has([name='blueprint_careers_all_average_norm_type'][value='overall'])) #careers_page.current .score-norm-mode,
body:has([name='blueprint_careers_all_average_norm_type'][value='overall']) #careers_page.current .careers-blueprint-score-label,
body:not(:has([name='blueprint_careers_all_average_norm_type'][value='overall'])) .blueprint-form #careers_page.current .interview-blueprint-career-normal,
body:not(:has([name='blueprint_unravels_all_average_norm_type'][value='overall'])) #unravels_page.current .score-norm-mode,
body:has([name='blueprint_unravels_all_average_norm_type'][value='overall']) #unravels_page.current .unravels-blueprint-score-label,
body:not(:has([name='blueprint_unravels_all_average_norm_type'][value='overall'])) #unravels_page.current .interview-blueprint-unravel-normal,
body:not(:has([name='blueprint_competencies_all_average_norm_type'][value='overall'])) #competencies_page.current .score-norm-mode,
body:has([name='blueprint_competencies_all_average_norm_type'][value='overall']) #competencies_page.current .careers-blueprint-score-label,
body:has([name='blueprint_competencies_all_average_norm_type'][value='overall']) #competencies_page.current .unravels-blueprint-score-label,
body:has([name='blueprint_unravels_all_average_norm_type'][value='overall']) #unravels_page.current .unravel-block .view-blueprint-data {
    display: none !important;
}

.fast-save {
    display: flex;
}

.delete-entity {
    margin-left: 10px;
}

.custom-entity-selects {
    margin-right: 25px;
    display: flex;
    grid-column-gap: 10px;
}

#competencies_page.current .custom-entity-selects {
    margin-right: 0;
}

.yes-no-checkbox {
    display: flex;
    align-items: center;
}

.yes-no-checkbox > label {
    margin: 0 !important;
}

.default-indicators-task-trigger,
.clear-indicators-task-trigger {
    width: 300px;
}

.default-indicators-unravel-trigger,
.clear-indicators-unravel-trigger,
.default-indicators-career-trigger,
.clear-indicators-career-trigger {
    width: 300px;
}

.default-indicators-competence-trigger,
.clear-indicators-competence-trigger {
    width: 300px;
}

body:has([name='competencies_all_average_norm_type'] option[value="overall"]:checked) [name*='competencies'][name*='[norm]'],
body:has([name='competencies_all_average_norm_type'] option[value="overall"]:checked) .competence-norm-label,
body:has([name='blueprint_competencies_all_average_norm_type'] option[value="overall"]:checked) .competence-norm-label,
body:has([name='careers_all_average_norm_type'] option[value="overall"]:checked) [name*='careers'][name*='[norm]'],
body:has([name='careers_all_average_norm_type'] option[value="overall"]:checked) .career-norm-label,
body:has([name='blueprint_careers_all_average_norm_type'][value="overall"]) .interview-blueprint-career-normal,
body:has([name='extra_unravels_all_average_norm_type'] option[value="overall"]:checked) [name*='unravels'][name*='[norm]'],
body:has([name='extra_unravels_all_average_norm_type'] option[value="overall"]:checked) [name*='unravels'][name*='[points_system]'],
body:has([name='extra_unravels_all_average_norm_type'] option[value="overall"]:checked) .unravel-norm-label,
body:has([name='extra_unravels_all_average_norm_type'] option[value="overall"]:checked) .unravel-points_system-label,
body:has([name='blueprint_unravels_all_average_norm_type'][value="overall"]) .interview-blueprint-unravel-normal {
    display: none;
}


body:has([name='careers_all_average_norm_type'] option:not([value="overall"]:checked)) .blueprint-form .careers-section-title .parts-titles {
    margin-right: calc(1.5rem + 25px);
}

body:has([name='competencies_all_average_norm_type'] option[value="overall"]:checked) .blueprint-form .competencies-section-title .parts-titles {
    margin-right: calc(1.5rem + 20px);
}

body:has([name='blueprint_competencies_all_average_norm_type']:not([value="overall"])) .interview-form .competencies-section-title .parts-titles {
    margin-right: 3.75rem;
}

.interview-form .competencies-section-title .competencies-category-label {
    margin-right: 10px;
}

.interview-form .competencies-section-title .competencies-score-label label {
    padding-left: 10px;
}

#unravels_questions_example .modal-dialog,
#competencies_questions_example .modal-dialog {
    max-width: none;
    width: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#competencies_questions_example .modal-dialog .container,
#unravels_questions_example .modal-dialog .container {
    padding: 0 15px !important;
}

#unravels_questions_example .questions-example-body {
    margin-top: 0 !important;
}

#unravels_questions_example .modal-body {
    padding: 1.5rem 0 !important;
}

.competence-answer-section .section-title {
    font-weight: 700;
    margin-bottom: 10px;
}

.competence-answer-section .two-level-select {
    margin: 0 !important;
}

.competence-answer-section .two-level-select .custom-select:nth-of-type(1),
.competence-answer-section .two-level-select select:nth-of-type(1) {
    width: 70%;
}

.competence-answer-section .situation-questions,
.competence-answer-section .blueprint-questions {
    width: 100%;
}

.competence-answer-section .situation-questions,
.competence-answer-section .blueprint-questions,
.competence-answer-section .two-level-select select,
.competence-answer-section .two-level-select .custom-select {
    font-size: 13px;
}

.competence-answer-section textarea {
    width: 100%;
    padding: 10px;
    border-radius: var(--bs-btn-border-radius);
    border: 1px solid #363636 !important;
    outline: none;
}

.competence-answer-section textarea::placeholder {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.answers-textareas .row > div:nth-of-type(1) {
    padding-right: calc(var(--bs-gutter-x) * 0.1);
}

.answers-textareas .row > div:nth-of-type(2) {
    padding-left: calc(var(--bs-gutter-x) * 0.1);
}

.competence-answer-save {
    position: absolute;
    bottom: 5px;
    width: 100%;
}


@media (min-width: 768px) {
    .custom-block-parent .description-block {
        display: flex;
    }

    .custom-block-parent .description-block textarea[name*='[candidate_description]'] {
        border-radius: 0 0 0 var(--bs-btn-border-radius);
        border-right: 1px solid black !important;
    }

    [data-theme="dark"] .custom-block-parent .description-block textarea[name*='[candidate_description]'] {
        border-right: 1px solid white !important;
    }

    .custom-block-parent .description-block:has(textarea[name*='[candidate_description]']) textarea[name*='[description]'] {
        border-radius: 0 0 var(--bs-btn-border-radius) 0;
    }
}


.custom-select[data-select-name='unravels_all_average_norm_type'][readonly],
.custom-select[data-select-name='candidate_questions_all_average_norm_type'][readonly],
.custom-select[data-select-name='competencies_all_average_norm_type'][readonly],
.custom-select[data-select-name='scorings_all_average_norm_type'][readonly],
.custom-select[data-select-name='candidate_question_unravels_all_average_norm_type'][readonly],
.custom-select[data-select-name='careers_all_average_norm_type'][readonly],
select[name='competencies_all_average_norm_type'][readonly],
select[name='extra_unravels_all_average_norm_type'][readonly],
select[name='careers_all_average_norm_type'][readonly] {
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0.775rem 1rem 0.775rem 1rem;
}

.questions-example-body {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    grid-row-gap: 10px;
}

.interview-form .competencies-norm-label {
    margin-right: 0.75rem;
}

.competence-blueprint {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

textarea[name='attitude_answer_1'],
textarea[name='attitude_answer_2'] {
    border-color: #dadada !important;
}

#attitudes_page .interview-entity-multy-value {
    align-items: flex-start;
}

.interview-attitude-score .score-norm-mode {
    display: flex !important;
}

.interview-attitude-score .score-norm-mode > div:nth-of-type(1) {
    width: 150px !important;
}

.interview-attitude-score .score-norm-mode > div:nth-of-type(1) label,
.interview-attitude-score .score-norm-mode > div:nth-of-type(1) select,
.interview-attitude-score .score-norm-mode > div:nth-of-type(1) .custom-select {
    width: 100%;
}

.interview-attitude-score .score-norm-mode > div:nth-of-type(2) {
    width: calc(100% - 150px) !important;
}

.modal-footer button {
    height: 33px !important;
    line-height: 16px;
    display: flex;
}

@media (min-width: 768px) {
    .attitude-card .description h3 {
        min-height: 150px;
    }

    .big-cart-row .attitude-card .description h3 {
        min-height: 210px;
    }

    .small-cart-row, .big-cart-row {
        padding: 10px;
    }

    .attitude-card {
        margin-bottom: 0;
    }
}

@media (min-width: 900px) {
    .attitude-card .description h3 {
        min-height: 130px;
    }

    .big-cart-row .attitude-card .description h3 {
        min-height: 150px;
    }
}

@media (min-width: 1200px) {
    .attitude-card .description h3 {
        min-height: 80px;
    }

    .big-cart-row .attitude-card .description h3 {
        min-height: 90px;
    }
}

@media (min-width: 576px) {
    #attitudes_page .row > div.form-control:nth-of-type(2),
    #attitudes_page .row > div.form-control:nth-of-type(5) {
        margin-left: 10px;
    }
}

@media (min-width: 768px) {
    #attitudes_page .row > div.form-control:nth-of-type(4) {
        margin-left: 10px;
    }
}

@media (min-width: 768px) {
    .scroll-hidden > .sub-block:nth-of-type(2) {
        border-left: 1px solid #838383;
    }

    .scroll-hidden > .sub-block:nth-of-type(1) {
        border-right: 1px solid #838383;
    }

    html[data-theme="dark"] .scroll-hidden > .sub-block:nth-of-type(2) {
        border-left: 1px solid #9f9f9f;
    }

    html[data-theme="dark"] .scroll-hidden > .sub-block:nth-of-type(1) {
        border-right: 1px solid #9f9f9f;
    }

    .block-links {
        display: none;
    }

    .px-md-4:nth-of-type(1) {
        padding-right: 1rem !important;
        padding-left: 0 !important;
    }

    .px-md-4:nth-of-type(2) {
        padding-left: 1rem !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 768px) {
    .change-all-values .select-type {
        margin-left: 0 !important;
    }

    .change-all-values > div > .row {
        flex-direction: column-reverse !important;
    }

    .change-all-values .select-value label {
        text-align: start;
        width: 100%;
    }

    .change-all-values .select-value label, .change-all-values .select-value select,
    .change-all-values .select-value label, .change-all-values .select-value .custom-select {
        width: 100%;
    }

    .change-all-values {
        display: flex;
        justify-content: flex-end;
    }
}

@media screen and (max-width: 768px) {
    #kt_content_container:has(.step[value='1']) .step-first-hidden,
    #kt_content_container:has(.step[value='2']) .step-first-hidden,
    #kt_content_container:has(.step[value='3']) .step-first-hidden,
    #kt_content_container:has(.step[value='4']) .step-first-hidden,
    #kt_content_container:has(.step[value='2']) .step-second-hidden,
    #kt_content_container:has(.step[value='3']) .step-second-hidden,
    #kt_content_container:has(.step[value='4']) .step-second-hidden,
    #kt_content_container:has(.step[value='3']) .step-third-hidden,
    #kt_content_container:has(.step[value='4']) .step-third-hidden,
    #kt_content_container:has(.step[value='4']) .step-fourth-hidden {
        display: none !important;
    }

    .task-position-score-parent {
        margin-bottom: 0 !important;
    }
}

.attitudes-best-switch-label-more,
.attitudes-best-switch-label-less {
    cursor: pointer;
}

.attitudes-best-switch-label-more {
    margin-right: 10px;
}

.attitudes-best-switch-label-less {
    margin-left: 10px;
}


.attitude-result-checker:has([name*='attitude_tops'][name*='[less]']:checked) .attitudes-best-switch-label-less {
    font-weight: 700;
}

.attitude-result-checker:has([name*='attitude_tops'][name*='[less]']:not(:checked)) .attitudes-best-switch-label-more {
    font-weight: 700;
}

.dropdown-section {
    margin: 0 !important;
}

.dropdown-section .dropdown-section-body {
    transition: all 0.5s ease-in-out;
    padding: 0 !important;
}

.dropdown-section .dropdown-section-title {
    font-size: 1.05rem;
    font-weight: 700;
    cursor: pointer;
    background-image: var(--kt-form-select-indicator);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    width: auto;
    padding-right: 30px;
    background-size: 16px 12px;
}

.dropdown-section:not(.active) .dropdown-section-body {
    max-height: 0;
    overflow-y: hidden;
}

.dropdown-section.active .dropdown-section-body {
    max-height: 1000vh;
}

.dropdown-section.active + .dropdown-section {
    margin-top: 1rem !important;
}

.row {
    grid-row-gap: 0.5rem !important;
}

.blueprint-standart-unravel-row > div,
.entity-row {
    border-radius: var(--bs-btn-border-radius);
}

.custom-select {
    position: relative;
    display: inline-block;
    padding: 0 !important;
}

.select-styled {
    overflow: hidden;
    padding: 10px;
    height: 100%;
    color: black;
}

.all-average-score-value-select .select-styled,
.change-all-values .select-styled {
    padding: 0.825rem 1.5rem;
}

.select-styled.placeholder-text {
    color: var(--kt-text-muted) !important;
}

.custom-select select {
    display: none;
}

.select-options {
    min-width: 100%;
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-top: none;
    z-index: 1;
    background-color: white;
}

.custom-select:has(.select-options) {
    text-transform: capitalize;
}

.select-options li {
    padding: 10px 15px;
    cursor: pointer;
}

.select-options li:hover {
    background-color: #f2f2f2;
}

.select-options li.disabled {
    pointer-events: none;
    cursor: auto;
    background-color: #f2f2f2;
}

[data-page="attitudes_page1"]:not(.current) {
    display: none;
}

body:has([data-page="attitudes_page1"].current) [data-page="attitudes_page2"] {
    display: none;
}


.custom-select[readonly] {
    pointer-events: none;
    background-image: none;
}

.standart-unravels-parts-titles {
    margin-left: calc(var(--bs-gutter-x) * 0.5) !important;
    margin-right: calc(var(--bs-gutter-x) * 0.5) !important;
    display: flex;
    align-items: flex-end;
}

.standart-unravels-parts-titles button {
    width: fit-content !important;
}

.standart-unravels-parts-titles .hint {
    width: fit-content !important;
    transform: translate(0, -100%);
}

.change-all-unravel-norm {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.change-all-unravel-norm label {
    text-align: end;
}

.change-all-unravel-norm {
    align-items: flex-start;
}

body:has([name='unravels_all_average_norm_type'] option:not([value="overall"]:checked)) .blueprint-form .unravels-section-title .parts-titles {
    margin-right: calc(2.5rem + 5px);
}

body:has([name='unravels_all_average_norm_type'] option[value="overall"]:checked) .blueprint-form .unravels-section-title .parts-titles {
    margin-right: 5px;
}

body:has([name='unravels_all_average_norm_type'] option[value="overall"]:checked) .unravel-points_system-label,
body:has([name='unravels_all_average_norm_type'] option[value="overall"]:checked) .unravel-norm-label,
body:has([name='unravels_all_average_norm_type'] option[value="overall"]:checked) [data-select-name*="unravels"][data-select-name*="[extra_norm]"],
body:has([name='unravels_all_average_norm_type'] option[value="overall"]:checked) [data-select-name*="unravels"][data-select-name*="[extra_points_system]"] {
    display: none;
}

.unravel-importance-label {
    width: fit-content !important;
    margin-right: 35px;
}

.change-block-active {
    display: flex;
    padding: 0.825rem 1.5rem;
    border-radius: 0 0 var(--bs-btn-border-radius) var(--bs-btn-border-radius);
    background-color: var(--kt-input-solid-bg);
    border: 1px solid black;
    justify-content: flex-end;
    border-top: 0 !important;
    height: 44.85px;
}

.change-block-active .slider-label {
    margin-right: 10px;
    font-weight: 600;
}

.blueprint-standart-unravel-row:has(.change-block-active) .description-block {
    border-radius: 0 !important;
}

.main-entity-section .form-label {
    margin-bottom: 0 !important;
}

[class*='-section-title'] {
    margin-bottom: 10px;
}

.page-section:not(#unravels_page):has([name*='_all_average_norm_type'] option[value="overall"]:checked) .custom-entity-selects,
#unravels_page:has([name*='unravels_all_average_norm_type'] option[value="overall"]:checked) .custom-entity-selects {
    grid-column-gap: 0;
}

#unravels_page .custom-entity-selects {
    margin-right: 0;
}

.blueprint-unravel-row {
    display: flex;
    grid-column-gap: 20px;
    margin-bottom: 20px;
}

.interview-universal-main-row {
    margin: 0;
}

.interview-universal-main-row > div {
    padding: 0 !important;
    flex: 1 0 0%;
}

.interview-universal-main-row > div:nth-of-type(1) > div {
    width: 100% !important;
    padding-right: 0 !important;
}

.interview-universal-main-row > div:nth-of-type(1) > div > div:last-of-type {
    padding-right: 0 !important;
}

.interview-universal-main-row .interview-entity-multy-value {
    align-items: flex-start;
}

.interview-universal-main-row .interview-entity-multy-value .custom-select {
    width: 100%;
}

.interview-unravel-title .two-level-select {
    margin-right: 0;
}

.view-blueprint-data {
    padding: 10px;
    border: 1px solid black;
    border-radius: 0.475rem;
    min-width: 54px;
    min-height: 45px;
    font-size: 1.1rem;
}

.view-blueprint-data:not([data-value]) {
    background-color: var(--kt-input-solid-bg);
}

.view-blueprint-data[data-value=""] {
    display: none;
}

.description-input {
    outline: none !important;
    font-weight: 400 !important;
    width: 100% !important;
}

.description-input::placeholder {
    font-weight: 400 !important;
    color: #a7a7a7 !important;
}


.interview-unravel-extra-titles,
.interview-unravel-extra-titles {
    display: flex;
    justify-content: space-between;
}

.unravels-score-label {
    margin-right: 1.5rem;
}

.interview-form .unravels-score-label {
    margin-right: calc(1.5rem + 10px);
}

.interview-form #unravels_page .candidate-questions-block {
    border: 1px solid black !important;
    border-radius: 0.475rem !important;
}

.interview-form #unravels_page .parts-titles {
    padding-right: 5rem;
}

#candidate_question .btn-custom-add-parent {
    width: 50% !important;
}

.change-all-scoring-norm label {
    margin-bottom: 0.5rem !important;
}

[data-select-name="scorings_candidate_score_value"],
[data-select-name="scorings_interviews_score_value"],
[data-select-name="scorings_candidate_score_value"] .select-styled,
[data-select-name="scorings_interviews_score_value"] .select-styled {
    width: 60px;
}

[data-select-name="scorings_candidate_score_value"],
[data-select-name="scorings_interviews_score_value"] {
    margin-left: 20px;
}

.scorings_interviews_score_value {
    border: 1px solid #dadada;
    border-radius: var(--bs-btn-border-radius);
}

.interview-scoring-row {
    flex-direction: column;
    margin-bottom: 20px !important;
    grid-row-gap: 0 !important;
    margin-right: calc(var(--bs-gutter-x) * 0.5) !important;
    margin-left: calc(var(--bs-gutter-x) * 0.5) !important;
}

.scorings_interviews_score_value .custom-entity-selects {
    margin-right: 0;
    margin-left: 0;
}

.interview-form #scoring_page .change-all-values .select-styled {
    padding: 10px !important;
}

.blueprint-standart-unravel-row {
    transition: all 0.2s ease-in-out;
}

.blueprint-standart-unravel-row:has([name*='unravels'][name*='[standart_active]']:not(:checked)) {
    opacity: 0.5;
}

.unravel-standart-block-interview-parent:has([name*='unravels'][name*='[blueprint_standart_active]']:not(:checked)) {
    display: none;
}

.interview-form #attitudes_page1 .interview-page-base-first-row > div,
.interview-form #attitudes_page2 .interview-page-base-first-row > div,
.interview-form #scoring_page .interview-page-base-first-row > div,
.interview-form #careers_page .interview-page-base-first-row > div,
.interview-form #competencies_page .interview-page-base-first-row > div,
.interview-page-base-first-row {
    margin: 0;
}

.interview-form #attitudes_page1 .interview-page-base-first-row > div,
.interview-form #attitudes_page2 .interview-page-base-first-row > div,
.interview-form #scoring_page .interview-page-base-first-row > div,
.interview-form #careers_page .interview-page-base-first-row > div,
.interview-form #competencies_page .interview-page-base-first-row > div {
    padding: 0;
}

.list-actions {
    grid-column-gap: 10px;
    display: flex;
}

.list-actions > * {
    border: 0;
}

.blueprint-extra-unravel-row > div {
    border-radius: var(--bs-btn-border-radius);
}

.create-btn {
    display: flex;
    align-items: center;
    height: 44px;
    color: #0095e8;
    font-size: 12px;
}

#inviteModal .modal-footer button,
#deleteModal .modal-footer button,
#resetPasswordModal .modal-footer button {
    height: auto !important;
}

/*.page-section:not(#greeting_page) {
    height: calc(100vh - 370px);
    overflow-y: scroll;
}

@media (min-width: 768px) {
    .page-section:not(#greeting_page) {
        height: calc(100vh - 385px);
        overflow-y: scroll;
    }
}*/

@media (min-width: 992px) {
    .content {
        padding: 30px 0 0;
    }
}

.scorings_interviews_score_value > div,
.interview-form .unravel-standart-block-interview-parent > div,
.interview-form .unravel-extra-block-interview-parent > div {
    border-radius: 0.475rem !important;
}


body:has([name='tasks_all_average_norm_type'] option[value='overall']:checked) .task-priority {
    margin-right: 25px;
}

.competence-block textarea {
    padding: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
}

.unravel-change-all-task-norm .select-type {
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
}


.indicator-actions > .hint-parent .hint {
    transform: translateX(0%) translateY(-110%) !important;
}

.btn-custom-add-parent .hint {
    transform: translateX(0%) translateY(-120%) !important;
}

.interview-attitude-score > .score-norm-mode {
    margin: 0 !important;
}

.stepper-item .hint {
    bottom: 0;
    top: auto;
    left: 50%;
    transform: translateY(100%) translateX(-50%);
}

.blueprint-form .attitudes-section-title {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
}

.main-loader .indicator-progress {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    color: white;
}

.main-loader.spinner-popup {
    font-weight: 500;
    width: 100%;
    height: 100vh;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    font-size: 22px;
    background-color: rgba(0, 0, 0, 0.3);
}

.sub-weight-type-select-wrapper,
.weight-type-select-wrapper {
    width: 120px !important;
}

.weighting-categories-total-wrapper {
    width: 100%;
    display: flex;
    justify-content: end;
}

.weighting-categories-total,
.weighting-sub-category-row,
.trigger-weighting-sub-category-row,
.weighting-category-row {
    display: flex;
    border: 1px solid black !important;
    border-radius: var(--bs-btn-border-radius) !important;
}

.weighting-category-row {
    align-items: center;
    justify-content: space-between;
}

.weighting-sub-categories,
.weighting-categories {
    margin-top: 10px;
}

.weighting-categories-total {
    width: fit-content;
    font-weight: 600;
}

.plus-minus-integer-input {
    width: fit-content;
    display: flex;
    padding: 6px 7px;
    align-items: center;
    border-radius: 3px;
    border: 1px solid black;
    height: 33.6px !important;
}

.plus-minus-integer-input .plus-one,
.plus-minus-integer-input .minus-one {
    line-height: 20px;
    color: black;
    display: flex;
    cursor: pointer;
    font-size: 20px;
    border: 0;
    background-color: transparent;
    padding: 0;
}

.weighting-row input[type="text"],
.weighting-row textarea {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 10px 0 0 !important;
    border-radius: 0 !important;
    color: black !important;
    cursor: auto !important;
}

.weighting-row input[type="checkbox"] {
    border-radius: 0 !important;
    border-color: black !important;
    width: 18px;
    margin-left: 10px;
    cursor: pointer;
}

.weighting-sub-category-row:has(input[type="checkbox"]:checked) .plus-minus-integer-input,
.weighting-category-row:has(input[type="checkbox"]:checked) .plus-minus-integer-input {
    background-color: var(--kt-gray-200) !important;
}

.plus-minus-symbol,
.plus-minus-value {
    color: #000 !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    text-align: center;
    border: 0 !important;
    outline: 0;
}


.plus-minus-value-section {
    margin: 0 5px !important;
    display: flex;
    justify-content: center;
    width: 28px;
}

.weighting-row .plus-minus-integer-input input {
    height: 20px !important;
}

.trigger-weighting-sub-category-row button[data-bs-toggle='modal'] {
    padding: 6px 7px !important;
}

#weighting_page:has(.weight-type-select-wrapper option[value="equal"].selected) .weighting-category-row input[name*='weightings'][name*='[fixed]'],
#weighting_page:has(.weight-type-select-wrapper option[value="equal"].selected) .weighting-category-row .plus-minus-integer-input .minus-one,
#weighting_page:has(.weight-type-select-wrapper option[value="equal"].selected) .weighting-category-row .plus-minus-integer-input .plus-one,
.modal[id*="weighting_sub_category_"]:has(.sub-weight-type-select-wrapper option[value="equal"].selected) input[name*='sub_weightings'][name*='[fixed]'],
.modal[id*="weighting_sub_category_"]:has(.sub-weight-type-select-wrapper option[value="equal"].selected) .plus-minus-integer-input .minus-one,
.modal[id*="weighting_sub_category_"]:has(.sub-weight-type-select-wrapper option[value="equal"].selected) .plus-minus-integer-input .plus-one {
    display: none;
}

.table-cell,
.table-cell-header {
    height: 60px;
    font-size: 16px;
    border: 2px solid white;
    padding: 5px 10px;
    transition: all 0.5s ease-in-out;
}

.table-cell-header:not(.table-header-row),
.table-cell {
    max-height: 60px;
}

.table-cell-header {
    font-weight: 700;
}

.table-cell-header:nth-of-type(2n),
.table-cell:nth-of-type(2n) {
    background-color: rgba(2, 79, 169, 0.21);
}

.table-cell-header:nth-of-type(2n+1),
.table-cell:nth-of-type(2n+1) {
    background-color: var(--kt-light);
}

.table-header-row {
    background-color: #024fa9 !important;
    color: white !important;
    height: 90px;
}

.score-card-actions-row {
    margin: 2.75rem 0 1.5rem 0 !important;
    width: 100% !important;
}

.score-card-actions-row > div {
    margin: 0;
}

.score-card-actions-row > div:first-child,
.score-card-actions-row > div > div:first-child {
    padding-left: 0 !important;
}

.score-card-actions-row > div:last-child,
.score-card-actions-row > div > div:last-child {
    padding-right: 0 !important;
}

.score-card-table {
    width: 100%;
}

.custom-table {
    display: flex;
}

#score_card_page .fixes-columns {
    width: calc(100% / 7 * 2);
    display: flex;
}

#score_card_page .scrolling-part {
    width: calc(100% / 7 * 5);
    position: relative;
}

#score_card_page .scrolling-columns,
#score_card_page .scrolling-columns-imitate {
    width: 100%;
    max-width: 100%;
}

#score_card_page .scrolling-columns-imitate {
    display: flex;
    overflow-x: auto;
    position: absolute;
    bottom: 0;
}

#score_card_page .scrolling-columns-imitate .custom-scroll-part {
    height: 0.1rem;
}

#score_card_page .table-row {
    margin: 0 !important;
}

#score_card_page .scrolling-part,
#score_card_page .fixed-columns {
    flex-wrap: nowrap !important;
    margin: 0 !important;
}

#score_card_page .scrolling-columns .col,
#score_card_page .fixed-columns .col {
    padding: 0;
}

#score_card_page .fixes-columns > div {
    min-width: 50%;
}

#score_card_page .scrolling-columns {
    display: flex;
    overflow-x: hidden;
}

#score_card_page .scrolling-columns-imitate .custom-scroll-part,
#score_card_page .scrolling-columns .table-column {
    min-width: 20%;
}

#score_card_page .scrolling-columns {
    position: relative !important;
}

#score_card_page .scrolling-columns::-webkit-scrollbar {
    position: absolute !important;
    left: 0 !important;
    z-index: 999;
}

.score-card-main-actions {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.score-card-main-actions > div:first-child {
    padding-left: 0 !important;
}

.score-card-main-actions > div:last-child {
    padding-right: 0 !important;
    margin-left: 10px;
}

.compare-score-card-table {
    width: 100%;
}

.compare-score-card-table .fixes-columns > div {
    flex: 1;
}

.candidate-selects-row > div:first-child {
    padding-left: 0 !important;
}

.candidate-selects-row > div:last-child {
    padding-right: 0 !important;
}

#chart_div {
    width: 100%;
    height: 400px;
}

#chart_div canvas {
    pointer-events: none !important;
}

.canvas-plug {
    position: absolute;
    bottom: 0;
    height: 20px !important;
    width: 60px !important;
    background-color: white !important;
    pointer-events: none !important;
    z-index: 9999;
}

#compare_score_card_page .score-card-main-actions {
    margin: 0;
    flex-wrap: nowrap !important;
}

#compare_score_card_page .score-card-main-actions > div:last-child {
    margin-left: 0 !important;
}

.chart-title {
    text-align: center;
    font-size: 16px;
}

.interview-row {
    margin-left: 60px;
}

.skip-attitude-indirect {
    margin-left: 10px;
}

.interview-form #attitudes_page1:not(:has(.attitude-indicators .indicator-body)) .interview-attitude-norm-score-row {
    margin-top: calc(-4rem - 10px) !important;
}

/*.blueprint-row + .blueprint-row {*/
/*    margin-top: 1.25rem;*/
/*}*/

.full-table-column-hide {
    font-weight: 500;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    align-items: center;
    color: #024fa9;
}

.hide-row-title .on-hide {
    font-size: 12px;
}

/*.table-hidden-cell:not(.active) > *,
.full-table-column-hide:not(.active) .on-unhide {
    display: none;
}

.full-table-column-hide.active .on-hide {
    display: none;
}*/

.table-hidden-cell:not(.active),
.full-table-column-hide:not(.active) {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.table-hidden-cell,
.full-table-column-hide {
    overflow: hidden;
}

.rectangle-icon {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #024fa9;
    transition: 0.2s all ease-in-out;
}

.full-table-column-hide:not(.active) .rectangle-icon {
    transform: rotate(180deg);
}

.change-all-values {
    flex-wrap: nowrap;
}

.select-value,
.select-type {
    width: fit-content !important;
}

.attitude1-blueprint-mode-input > div:nth-of-type(1) {
    margin-right: calc(var(--bs-gutter-x) * 0.5) !important;
}


.attitude1-blueprint-mode-input > div:nth-of-type(2) {
    margin-left: calc(var(--bs-gutter-x) * 0.5) !important;
}

.attitude1-blueprint-mode-input {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.on-modify {
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.table-column:not(.has-priority) .remove-priority {
    display: none;
}

.table-column.has-priority .add-priority {
    display: none;
}

.table-cell-header.table-header-row {
    position: relative;
}

.small-blueprint-entity-title {
    height: 35px !important;
}

.small-blueprint-entity-title .interview-blueprint-task-normal {
    padding-top: 0;
    padding-bottom: 0;
}

.indicator-body * {
    font-size: 1rem !important;
}

.remove-priority, .add-priority {
    background-color: transparent;
    border: 0;
    color: white;
}

.on-modify .hint {
    bottom: 0 !important;
    top: auto !important;
    left: 100%;
    transform: translate(-100%, 100%) !important;
    color: black !important;
    font-size: 1rem;
    font-weight: 400;
}

.list-actions button,
.list-actions a {
    border: 0;
    transition: 0.2s all ease-in-out;
}

body:not(:has([name="attitudes_direct_active"]:checked)) .skip-attitude-indirect {
    display: none !important;
}

.interview-diploma-certificates-career-html-list,
.interview-experience-equal-diploma-certificates-list {
    margin-bottom: 40px !important;
}

.label-margin {
    margin-top: calc(21px + 0.75rem) !important;
}

.main-interview-questions p {
    margin-bottom: 0 !important;
}

.unravels-structure-questions {
    width: 100% !important;
}

.entity-row.blueprint-task-row + .entity-row.blueprint-task-row {
    margin-top: 20px;
}

.interview-form .attitudes-section-title {
    margin-bottom: 0 !important;
}

.scoring-indicators:not(:has(.bad-column [name*='scoring_indicators_neg'][name*='[hidden]'][value='0'])):not(:has(.excellent-column [name*='scoring_indicators_pos'][name*='[hidden]'][value='0'])) {
    margin-bottom: 0 !important;
}

.subweight-category-label {
    font-weight: 700;
    margin-bottom: 10px;
}

.subweight-title {
    display: flex;
    color: black;
    align-items: center;
    margin-right: 4px;
}

.menu-item .menu-btn-link:hover {
    transition: color 0.2s ease;
    color: var(--kt-menu-link-color-hover);
}

.status-span {
    padding: 5px 10px;
    cursor: pointer;
    font-size: 12px;
}

.status-success {
    color: #44D62C;
    background: #E2FFDD;
    border-radius: var(--bs-btn-border-radius);
}

.status-danger {
    color: #EA5455;
    background: #FFE8E8;
    border-radius: var(--bs-btn-border-radius);
}

.switch-form-column * {
    font-size: 1.05rem !important;
}

.base-switch-label {
    margin-bottom: 0.75rem !important;
}

.switch-form-column .base-switch-parent {
    height: 100%;
    align-items: flex-start;
}

.group-link-list,
.group-user-list,
.user-group-list,
.user-reminds-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-row-gap: 10px;
}

.group-link-list .group-link-edit-row,
.group-user-list .user-elem,
.user-group-list .group-elem,
.user-reminds-list .remind-elem {
    width: 100%;
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--kt-input-solid-bg) !important;
    color: var(--kt-input-solid-color);
    border: 1px solid #363636 !important;
    padding: 0.825rem 1.5rem;
    display: flex;
    justify-content: space-between;
}

.group-link-list .group-link-edit-row {
    justify-content: start;
}

#edit_group_link .modal-dialog,
#search_user .modal-dialog,
#search_group .modal-dialog {
    max-width: none !important;
}

#edit_group_link .modal-footer {
    display: flex;
    grid-column-gap: 10px;
    justify-content: end;
}

.search-list input.form-modal-search-input {
    width: 100% !important;
}

.search-list .form-modal-search-icon {
    left: auto !important;
    right: 10px !important;
    transform: translateY(40%) !important;
}

.search-modal.search-list {
    height: 35px;
}

.search-modal-list {
    margin-top: 10px;
    max-height: 300px;
    border-radius: var(--bs-btn-border-radius);
    color: var(--kt-input-solid-color);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    grid-row-gap: 5px;
}

.no-found-search-modal {
    color: var(--kt-text-muted) !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 290px;
    border: 3px solid var(--kt-card-border-color) !important;
    border-radius: var(--bs-btn-border-radius);
}

.search-group-row {
    width: 100%;
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--kt-input-solid-bg) !important;
    color: var(--kt-input-solid-color);
    border: 1px solid #363636 !important;
    padding: 0.825rem 1.5rem;
}

.group-edit-form input[type="date"] {
    position: relative;
}

.group-edit-form input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    background: transparent;
    cursor: pointer;
}

.user-elem-parent {
    display: flex;
    flex-direction: column;
}

.user-elem-name {
    font-weight: 700;
}

.user-elem-email {
    color: var(--kt-text-muted) !important;
}

.search-user-row,
.search-group-row {
    border-radius: var(--bs-btn-border-radius);
    border: 3px solid var(--kt-card-border-color) !important;
    padding: 2px 10px;
    cursor: pointer;
}

.search-group-row {
    font-weight: 700;
    padding: 5px 10px;
}

.groups-table td,
.users-table td {
    vertical-align: middle;
}

#edit_group_link .link-type .select-parent > * {
    width: 100%;
}

#edit_group_link .link-type .select-parent .select-options {
    border-top: 1px solid #ccc !important;
    bottom: 42px;
}

#edit_group_link .link-type .select-parent .select-styled {
    color: var(--kt-input-solid-color);
    padding: 0.825rem 1.5rem;
}

.group-link-list {
    display: flex;
    width: 100%;
    flex-direction: column;
    grid-row-gap: 10px;
}

.group-edit-form .links-section,
.group-edit-form .users-section {
    padding: 10px 0 !important;
}

.group-link-icon {
    width: 25px;
}

.group-link-title {
    width: 100%;
}

.group-link-title a {
    display: flex;
}

.group-link-edit button {
    border: 0;
    background: none;
    color: var(--kt-text-muted);
    transition: 0.2s ease-in-out all;
}

.group-link-edit button:hover {
    color: black;
}

#edit_group_link .modal-body {
    padding: calc(var(--bs-modal-padding) * 2);
}

.blueprint-list-row,
.interview-list-row {
    max-height: 0;
    transition: all 0.2s ease-in-out;
}

.blueprint-list-row:not(.overflow-ignore),
.interview-list-row:not(.overflow-ignore) {
    overflow-y: hidden;
}

.accordion-btn svg {
    transition: all 0.2s ease-in-out;
    transform: rotate(180deg);
}

.accordion-btn.active svg {
    transform: rotate(0deg);
}

.three-points-popup {
    width: 186px !important;
}

nav[role='navigation'] {
    display: flex;
    justify-content: center;
    font-size: 14px;
}

nav[role='navigation'] > div > * {
    border: 1px solid var(--kt-card-border-color);
}

nav[role='navigation'] > div > *:first-child {
    border-radius: 0.475rem 0 0 0.475rem;
}

nav[role='navigation'] > div > *:last-child {
    border-radius: 0 0.475rem 0.475rem 0;
}

.interview-organisation-list-header {
    margin: 0 -2.25rem;
}

[data-organisation]:has(.blueprint-list-row.active) + [data-organisation] {
    margin-top: 2rem;
}

@media screen and (max-width: 1084px) {
    .score-card-table .table-header-row {
        height: 110px !important;
    }

    .compare-score-card-table .table-header-row {
        height: 90px;
    }
}

@media screen and (max-width: 900px) {
    .compare-score-card-table .table-header-row {
        height: 110px !important;
    }
}

.remind-title{
    font-weight: 500;
    cursor: pointer;
}