@import url('./jobster.css');
@import url('./view/sass/global.css');
@import url('./figma-tab.css');
@import url('./orgchart/org-chart.css');
@import url('./view/main-view.css');
@import url('./view/abstract-view.css');
@import url('./view/icon-view.css');
@import url('./view/filter-view.css');
@import url('./view/filter-condition-view.css');
@import url('./view/vacancy-view.css');
@import url('./view/quiz-person-answer-result.css');
@import url('./view/action-view.css');
@import url('./view/template-view.css');
@import url('./view/auth-view/auth.css');
@import url('./view/auth-view/login.css');
@import url('./view/auth-view/signup.css');
@import url('./trello-demo.css');
@import url('./kanban.css');
@import url('./notification.css');
@import url('./view/applicant-view.css');
@import url('./view/applicant-kanban-view.css');
@import url('./view/sass/chat-view.css');
@import url('./view/sass/component/chat-component.css');
@import url('./view/sass/share-file-view.css');
@import url('./view/questionnaire.css');
@import url('./view/sass/robot-detail-view.css');
@import url('./view/sass/component/scroll.css');
@import url('./view/sass/add-condition-field.css');
@import url('./view/sass/component/condition-card.css');
@import url('./view/label-view.css');
@import url('./dashboard.css');
@import url('./view/trainee.css');
@import url('./view/mobile/intern-view.css');
@import url('./view/mobile/mentor-view.css');
@import url('./view/sass/mobile/request-detail-view.css');
@import url('./view/sass/mobile/request-list-view.css');
@import url('./view/sass/mobile/applicant-card.css');
@import url('./view/sass/mobile/applicant-info-view.css');
@import url('./view/sass/mobile/applicant-change-status-view.css');
@import url('./view/sass/mobile/applicant-stage-history-view.css');
@import url('./view/duplicate-candidate.css');
@import url('./view/sass/mobile/user-profile-mobile.css');
@import url('./view/sass/report-group-view.css');
@import url('./view/sass/component/accordion-menu-bar.css');
@import url('./view/sass/reports/flow-of-applicants-view.css');
@import url('./view/trainee-group.css');
@import url('./view/sass/report-view.css');
@import url('./view/sass/reports/monitoring-by-employees-view.css');
@import url('./view/sass/employee-detail-view.css');
@import url('./view/webqur/builder/draw-area.css');
@import url('./view/webqur/web-base.css');
@import url('./view/webqur/web-page.css');
@import url('./view/webqur/web-vacancy.css');
@import url('./view/sass/user-profile-edit.css');
@import url('./view/sass/user-profile-view.css');
@import url('./view/sass/attendance.css');
@import url('./view/sass/company-view.css');
@import url('./view/sass/abstract-person-info-view.css');
@import url('./view/sass/employee-list-view.css');
@import url('./view/sass/survey-view.css');
@import url('./view/sass/survey-question-detail-view.css');
@import url('./view/sass/survey-question-list-view.css');
@import url('./view/sass/kanban-info/person-kanban-info-view.css');
@import url('./view/sass/kanban-info/vacancy-kanban-info-view.css');
@import url('./view/sass/loader.css');
@import url('./view/monitoring.css');
@import url('./view/comparison.css');
@import url('./view/sass/download-resumes-view.css');
@import url('view/sass/bordered-hbox-layout.css');
@import url('./view/sass/positions-master-view.css');
@import url('./view/sass/mobile/robot-mobile-card-fragment.css');
@import url('./view/sass/fragment/message-keyboard-card.css');
@import url('./view/sass/mobile/applicant-questionnaire-mobile-view.css');
@import url('./view/sass/exit-interview.css');
@import url('./view/sass/translation-view.css');
@import url('./view/sass/department-detail-view.css');
@import url('./view/sass/person-card.css');
@import url('./view/comment.css');
@import url('./view/sass/reports/pipiline-candidate-report.css');
@import url('./view/sass/reports/kpi-score-report.css');
@import url('./view/sass/reports/analytics-dashboard.css');
@import url('./view/sass/reports/candidate-reserve-status-by-positions-report.css');
@import url('./view/sass/reports/kanban-funnel-dashboard.css');
@import url('./orgchart/org-chart-card.css');
@import url('./view/sass/reports/kanban-funnel-dashboard.css');
@import url('./view/robot-stage-history.css');
@import url('./view/chechklist-task.css');
@import url('./view/sass/vacancy-kanban-fragment.css');
@import url('./view/sass/robot-detail-v2.css');
@import url('./view/sass/ai-assistant-view.css');
@import url('./view/sass/dashboard.css');
@import url('./view/sass/person-assistant-view.css');


* {
    font-family: 'Inter', sans-serif;
}

.default-theme {
    --lumo-section-background-color: white !important;
    --lumo-contrast-20pct: rgba(0, 106, 245, 0.2) !important;
    --lumo-contrast-10pct: rgba(0, 106, 245, 0.1) !important;
    --lumo-contrast-1pct: rgba(0, 106, 245, 0.05) !important;
    --semantic-colors-primary: rgba(0, 106, 245, 1) !important;
    --lumo-sub-menu-background-active: rgba(0, 106, 245, 1);
    --lumo-sub-menu-text-color: rgba(120, 120, 121, 1);
    --lumo-menu-color: black;
    --lumo-contrast-5pct: #E4F0FF !important;
    --lumo-primary-text-color: rgba(0, 106, 245, 1);
    --user-info-buttons-color: black;
    --navigation-bar-background: white !important;
    --lumo-header-text-color: black;
    --drawer-area-background: white;
    --lumo-body-background-color: #F7F7F8;
    --lumo-primary-color: rgba(0, 106, 245, 1);
    --lumo-log-out-background-color: red;
    --navigation-parent-color: rgba(206, 227, 255, 1);
    --navigation-children-color: rgba(229, 240, 255, 0.5);
}

.dark-theme {
    --lumo-section-background-color: rgb(0, 0, 0) !important;
    --lumo-contrast-20pct: rgb(0, 0, 0, 0.2) !important;
    --lumo-contrast-10pct: rgb(0, 0, 0, 0.1) !important;
    --lumo-contrast-1pct: rgb(0, 0, 0, 0.05) !important;
    --semantic-colors-primary: rgb(0, 0, 0) !important;
    --lumo-sub-menu-background-active: white;
    --lumo-sub-menu-text-color: rgb(155, 155, 155);
    --lumo-menu-color: white;
    --lumo-contrast-5pct: #E6E6E6 !important;
    --lumo-primary-text-color: rgb(0, 0, 0);
    --user-info-buttons-color: black;
    --navigation-bar-background: white !important;
    --lumo-header-text-color: black;
    --drawer-area-background: white;
    --lumo-body-background-color: #F7F7F8;
    --lumo-primary-color: rgb(0, 0, 0);
    --lumo-drawer-bar-background-color: white;
    --company-logo-background: white;
    --lumo-primary-contrast-color: white;
    --lumo-special-logo-color: white;
    --_lumo-button-color: rgb(0, 0, 0) !important;
    --lumo-log-out-background-color: red;
    --navigation-parent-color: rgba(83, 99, 132, 1);
    --navigation-children-color: rgba(83, 99, 132, 0.4);
}

.pink-theme {
    --lumo-section-background-color: rgba(204, 0, 115, 1);
    --lumo-contrast-20pct: rgba(204, 0, 115, 0.2);
    --lumo-contrast-10pct: rgba(204, 0, 115, 0.1);
    --lumo-contrast-1pct: rgba(204, 0, 115, 0.05);
    --semantic-colors-primary: rgba(204, 0, 115, 1) !important;
    --lumo-sub-menu-background-active: white;
    --lumo-sub-menu-text-color: rgb(235, 153, 199);
    --lumo-menu-color: white;
    --lumo-contrast-5pct: #FDDFF0 !important;
    --lumo-primary-text-color: rgba(204, 0, 115, 1);
    --user-info-buttons-color: black;
    --navigation-bar-background: white !important;
    --lumo-header-text-color: black;
    --drawer-area-background: white;
    --lumo-body-background-color: #F7F7F8;
    --lumo-primary-color: rgba(204, 0, 115, 1);
    --lumo-drawer-bar-background-color: white;
    --company-logo-background: white;
    --lumo-primary-contrast-color: white;
    --lumo-special-logo-color: white;
    --_lumo-button-color: rgba(204, 0, 115, 1) !important;
    --lumo-log-out-background-color: red;
    --navigation-parent-color: rgba(174, 34, 139, 1);
    --navigation-children-color: rgba(174, 34, 139, 0.4);
}

.blue-theme {
    --lumo-section-background-color: rgba(3, 83, 118, 1) !important;
    --lumo-contrast-20pct: rgba(3, 83, 118, 0.2);
    --lumo-contrast-10pct: rgba(3, 83, 118, 0.1);
    --lumo-contrast-1pct: rgba(3, 83, 118, 0.05);
    --semantic-colors-primary: rgba(3, 83, 118, 1) !important;
    --lumo-sub-menu-background-active: white;
    --lumo-sub-menu-text-color: rgba(154, 186, 200);
    --lumo-menu-color: white;
    --lumo-contrast-5pct: #E6EEF1 !important;
    --lumo-primary-text-color: rgba(3, 83, 118, 1);
    --user-info-buttons-color: black;
    --navigation-bar-background: white !important;
    --lumo-header-text-color: black;
    --drawer-area-background: white;
    --lumo-body-background-color: #F7F7F8;
    --lumo-primary-color: rgba(3, 83, 118, 1);
    --lumo-drawer-bar-background-color: white;
    --company-logo-background: white;
    --lumo-primary-contrast-color: white;
    --lumo-special-logo-color: white;
    --_lumo-button-color: rgba(3, 83, 118, 1) !important;
    --lumo-log-out-background-color: red;
    --navigation-parent-color: rgba(8, 113, 166, 1);
    --navigation-children-color: rgba(8, 113, 165, 0.4);
}

.classic-theme {
    --lumo-section-background-color: #3b4a67 !important;
    --semantic-colors-primary: #2D3953 !important;
    --lumo-sub-menu-background-active: white;
    --lumo-contrast-1pct: rgba(3, 83, 118, 0.05);
    --lumo-sub-menu-text-color: white;
    --lumo-menu-color: white;
    --lumo-contrast-5pct: #E6EEF1 !important;
    --lumo-primary-text-color: #2D3953;
    --user-info-buttons-color: white;
    --navigation-bar-background: #006FCA !important;
    --lumo-header-text-color: black;
    --drawer-area-background: white;
    --lumo-body-background-color: #F7F7F8;
    --lumo-primary-color: #006FCA;
    --lumo-log-out-background-color: white;
    --lumo-drawer-bar-background-color: white;
    --company-logo-background: white;
    --lumo-primary-contrast-color: white;
    --lumo-special-logo-color: white;
    --_lumo-button-color: #006FCA !important;
    --lumo-secondary-text-color: black;
    --navigation-parent-color: rgba(83, 99, 132, 1);
    --navigation-children-color: rgba(83, 99, 132, 0.4);

    .v-loading-indicator {
        background-color: #f85a5a !important;
    }

    .profile-image-dotted {
        background: white;
    }

    #usernameLabel, #positionLabel,
    .jmix-main-view-drawer-toggle,
    .jmix-main-view-title {
        color: white;
    }
}

.code-field::part(input-field) {
    border: none;
}

.code-field[readonly] {
    border: none;
    box-shadow: none;
}

.code-field[readonly]::part(input-field)::after {
    border: none;
    box-shadow: none;
}


.code-field-prefix {
    padding-right: 3px;
    font-weight: 500;
    color: var(--shades-contrast-60, #1C2E4599) !important;
    font-size: 16px;
}

.code-field-edit-button {
    visibility: hidden;
    transition: visibility 0.3s ease;
    padding: 0;
}

.code-field:hover .code-field-edit-button,
.code-field.editing .code-field-edit-button {
    visibility: visible;
}

.code-field-edit-icon {
    font-size: 14px;
}

.code-field[readonly] input {
    font-size: 14px;
    color: var(--shades-contrast-60, #1C2E4599) !important;
    margin-top: 1px;
}

.code-field input {
    font-size: 14px;
    color: black;
    margin-top: 1px;
}

@media (max-height: 700px) {
    #formWrapper #header {
        padding: 15px 5% 0 !important;
    }

    #loginWrapper #errorsContainer {

        padding: 0 !important;
        height: 22px !important;

    }
}