

/* Start:/local/components/pimunn/form.laboratoriya.karery/templates/popup/style.css?17879983953335*/
.career-lab-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 30px 40px;
    max-width: 1100px;
}

.career-lab-form label {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
}

.career-lab-form label.label-checkbox {
    display: flex;
    flex-direction: row;
    gap: 5px;
    position: relative;
    padding-left: 30px;
}

.career-lab-form label.label-100 {
    width: 100%;
}

.career-lab-form label.label-50 {
    width: calc(50% - 20px);
}

.career-lab-form label.label-25 {
    width: calc(25% - 30px);
}

.career-lab-form label.required > p > span {
    color: #ea0029;
    font-size: 1.125rem;
    font-weight: 500;
}

.career-lab-form select option:disabled {
    display: none;
}

.career-lab-form input[type="date"],
.career-lab-form select {
    height: 41px;
}

.career-lab-form input,
.career-lab-form select,
.career-lab-form textarea {
    width: 100%;
    max-width: 100%;
    padding: 11px;
    border: 1px solid var(--color-gray-line);
    border-radius: 10px;
    background-color: #fafafa;
}

.career-lab-form input.error,
.career-lab-form input.errorFile,
.career-lab-form select.error,
.career-lab-form select.errorFile,
.career-lab-form textarea.error,
.career-lab-form textarea.errorFile,
.career-lab-form input.error + .custom_checkbox {
    border-color: #ea0029 !important;
}

.career-lab-form input:disabled,
.career-lab-form select:disabled,
.career-lab-form textarea:disabled {
    background-color: #e8e8e8;
}

.career-lab-form textarea {
    position: relative;
    padding-bottom: 28px;
    resize: vertical;
}

.career-lab-form input[type="checkbox"] {
    display: none;
    width: 1px;
    height: 1px;
    visibility: hidden;
}

.career-lab-form input[type="checkbox"] + .custom_checkbox {
    width: 24px;
    height: 24px;
    padding: 1px;
    border: 1px solid var(--color-gray-line);
    border-radius: 6px;
    background-color: #fafafa;
    position: absolute;
    left: 0;
    cursor: pointer;
}

.career-lab-form input[type="checkbox"]:checked + .custom_checkbox {
    background-color: var(--color-black);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 479.104 479.104'%3E%3Cpath d='M471.121,113.606l-50.758-50.741c-10.642-10.644-27.881-10.644-38.522,0L180.146,264.574L97.303,181.73c-10.644-10.643-27.898-10.658-38.538-.017L7.99,232.504C-2.653,243.146-2.668,260.4,7.974,271.043L148.14,411.226c17.287,17.284,45.31,17.333,62.659.11c64.093-63.647,208.114-207.158,260.291-259.145c5.129-5.111,8.014-12.043,8.014-19.275c0-7.248-2.885-14.18-7.999-19.31z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
}

.career-lab-form button[type="submit"]:disabled {
    border-color: gray;
    background: #fff;
    color: gray;
}

.career-lab-form .text-red {
    color: red;
}

.career-lab-form .text-green {
    color: green;
}

@media screen and (max-width: 1200px) {
    .career-lab-form label.label-25 {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 768px) {
    .career-lab-form label.label-25,
    .career-lab-form label.label-50 {
        width: 100%;
    }
}

/* End */
/* /local/components/pimunn/form.laboratoriya.karery/templates/popup/style.css?17879983953335 */
