/* =========================================================
   VAM LEGACY-LIKE FIELD COLORS
   Mezőnevek: kék
   Értékek: fekete
   ========================================================= */

/* Mezőnevek / változónevek */
label,
.control-label,
.col-form-label,
.form-group label,
.section-header label {
    color: #ffffff !important;
}

/* Kötelező csillag maradjon piros */
.requiredField::after,
label.required::after,
.form-group.required .control-label::after,
.form-group.required .col-form-label::after {
    color: #ed231d !important;
}


/* =========================================================
   NATÍV FORM ÉRTÉKEK
   ========================================================= */

input,
input.form-control,
input[type="text"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="tel"],
textarea,
textarea.form-control,
select,
select.form-control {
    color: #000 !important;
}


/* =========================================================
   SELECT2 V3
   ========================================================= */

/* single select kiválasztott érték */
.select2-container .select2-choice,
.select2-container .select2-choice > .select2-chosen,
.select2-container .select2-choice span {
    color: #000 !important;
}

/* multi select kiválasztott elemek */
.select2-container-multi .select2-choices,
.select2-container-multi .select2-choices .select2-search-choice,
.select2-container-multi .select2-choices .select2-search-choice div {
    color: #000 !important;
}


/* =========================================================
   SELECT2 V4
   ========================================================= */

/* single */
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    color: #000 !important;
}

/* multi */
.select2-container--default
.select2-selection--multiple
.select2-selection__choice {
    color: #000 !important;
}

/* keresőmező */
.select2-container--default
.select2-search--dropdown
.select2-search__field,
.select2-container--default
.select2-search--inline
.select2-search__field {
    color: #000 !important;
}


/* =========================================================
   SELECT2 DROPDOWN TALÁLATOK
   ========================================================= */

.select2-results,
.select2-results__option,
.select2-result-label {
    color: #000 !important;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

input::placeholder,
textarea::placeholder,
.select2-default,
.select2-selection__placeholder {
    color: #8a99a6 !important;
}

label,
.control-label,
.col-form-label,
.form-group label,
.section-header label {
    color: #003f73 !important;
    font-weight: 700 !important;
}

input,
textarea,
select,
.form-control,
.select2-container .select2-choice,
.select2-container .select2-choice > .select2-chosen,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #000000 !important;
    font-weight: 500 !important;
}

.panel-title,
.card-header,
.section-title,
.legend,
.fieldset-title {
    color: #005b96 !important;
    font-weight: 700 !important;
}

.nav-tabs > li > a {
    color: #364a5a !important;
    font-weight: 700 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
    color: #005b96 !important;
}

input[type="text"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
textarea,
select,
.form-control,
.select2-container .select2-choice,
.select2-container--default .select2-selection {
    border-color: #aac3d2 !important;
    background-color: #ffffff !important;
}


/* =========================================================
   SELECT2 - KIJELÖLT / HOVER OPTION
   Kék háttéren fehér szöveg
   ========================================================= */

/* Select2 v3 */
.select2-results .select2-highlighted,
.select2-results .select2-highlighted .select2-result-label,
.select2-results li.select2-highlighted,
.select2-results li.select2-highlighted div {
    color: #ffffff !important;
}

/* Select2 v4 */
.select2-container--default
.select2-results__option--highlighted[aria-selected] {
    color: #ffffff !important;
}

.select2-container--default
.select2-results__option--highlighted[aria-selected="true"] {
    color: #ffffff !important;
}


/* =========================================================
   DISABLED / READONLY MEZŐK
   ========================================================= */

/* Natív inputok */
input:disabled,
textarea:disabled,
select:disabled,
.form-control:disabled,
input[disabled],
textarea[disabled],
select[disabled] {
    background-color: #e5e7eb !important;
    border-color: #c4c9cf !important;
    color: #000000 !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}


/* Readonly mezők - enyhébb szürke */
input[readonly],
textarea[readonly],
.form-control[readonly] {
    background-color: #eef1f3 !important;
    border-color: #cbd2d8 !important;
    color: #000000 !important;
}


/* =========================================================
   SELECT2 V3 DISABLED
   ========================================================= */

.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choice > .select2-chosen,
.select2-container.select2-container-disabled .select2-choice span {
    background-color: #e5e7eb !important;
    border-color: #c4c9cf !important;
    color: #000000 !important;
    cursor: not-allowed !important;
}


/* Select2 v3 multi disabled */
.select2-container-multi.select2-container-disabled .select2-choices,
.select2-container-multi.select2-container-disabled .select2-search-choice {
    background-color: #e5e7eb !important;
    border-color: #c4c9cf !important;
    color: #000000 !important;
}


/* =========================================================
   SELECT2 V4 DISABLED
   ========================================================= */

.select2-container--default.select2-container--disabled
.select2-selection--single,
.select2-container--default.select2-container--disabled
.select2-selection--multiple {
    background-color: #e5e7eb !important;
    border-color: #c4c9cf !important;
    cursor: not-allowed !important;
}

.select2-container--default.select2-container--disabled
.select2-selection--single
.select2-selection__rendered,
.select2-container--default.select2-container--disabled
.select2-selection--multiple
.select2-selection__choice {
    color: #000000 !important;
}


/* =========================================================
   DISABLED SELECT2 NYÍL / TÖRLÉS
   ========================================================= */

.select2-container-disabled .select2-arrow,
.select2-container--disabled .select2-selection__arrow,
.select2-container-disabled .select2-search-choice-close,
.select2-container--disabled .select2-selection__clear {
    opacity: .45 !important;
}


/* =========================================================
   COMPACT TOP NAVBAR - FINAL
   ========================================================= */

:root {
    --nav-height: 46px;
    --nav-button-height: 38px;
    --nav-gap: 8px;
    --pill-px: 12px;
    --notify-size: 36px;
}

/* Navbar teljes magassága */
.main-navbar,
.navbar.main-navbar {
    min-height: var(--nav-height) !important;
    height: var(--nav-height) !important;
}

/* A navbar belső részei */
.main-navbar .container-fluid,
.main-navbar .navbar-collapse,
.main-navbar #collapse-6 {
    min-height: var(--nav-height) !important;
    height: var(--nav-height) !important;
}

/* Bal oldali menü */
.main-navbar #collapse-6 .topMenu {
    display: flex;
    align-items: center;
    gap: var(--nav-gap);
    height: var(--nav-height);
    margin: 0;
    flex-wrap: nowrap;
}

/* Bootstrap li padding teljes kiütése */
.main-navbar .navbar-nav > li,
.main-navbar .topMenu > li {
    padding: 0 !important;
    margin: 0 !important;
    height: var(--nav-height);
    display: flex;
    align-items: center;
}

/* Pill gombok - kisebbek a navbar magasságánál */
.main-navbar .nav > li > a,
.main-navbar .topMenu > li > a {
    height: var(--nav-button-height) !important;
    min-height: var(--nav-button-height) !important;
    line-height: var(--nav-button-height) !important;

    padding: 0 var(--pill-px) !important;
    margin: 0 !important;

    display: flex;
    align-items: center;

    font-size: 14px;
}

/* Hamburger */
.sidebar-toggle-item > a.sidebar-toggle {
    min-width: 40px !important;
    width: 40px;
    justify-content: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Ikonok */
.main-navbar .nav > li > a i {
    font-size: 15px;
    line-height: 1;
}

/* =========================================================
   NAVBAR JOBB OLDAL
   ========================================================= */

.main-navbar .navbar-right {
    height: var(--nav-height);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
}

.main-navbar .navbar-right > li {
    height: var(--nav-height);
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.main-navbar .navbar-right > li > a {
    height: var(--nav-button-height) !important;
    min-height: var(--nav-button-height) !important;
    line-height: var(--nav-button-height) !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;

    display: flex;
    align-items: center;
}

/* Notification */
.notification-icon-container {
    width: var(--notify-size);
    height: var(--notify-size);
}

.notification-icon i {
    font-size: 17px;
}

.notification-count {
    top: 0;
    right: 0;
    min-width: 18px;
    height: 18px;
    font-size: 11px;
}

/* =========================================================
   COMPACT NAVBAR - DROPDOWN ARROW FIX
   ========================================================= */

.main-navbar .dropdown > a {
    padding-right: 28px !important;
}

.main-navbar .dropdown > a::after {
    position: absolute;
    top: 50%;
    right: 10px;

    float: none !important;

    width: auto;
    height: auto;

    margin: 0 !important;

    line-height: 1 !important;

    transform: translateY(-50%);

    font-size: 12px;
    color: #fff;
}

/* A topMenu flex miatt legyen biztos pozicionálási alap */
.main-navbar .topMenu > li > a {
    position: relative;
}

/* =========================================================
   COMPACT FOOTER - FINAL
   ========================================================= */

.site-footer {
    margin-left: var(--sidebar-width);
    width: calc(100% - var(--sidebar-width));

    min-height: 34px;
    height: 34px;

    margin-top: 0;
    bottom: 0;

    overflow: hidden;

    transition:
            margin-left 180ms ease,
            width 180ms ease;
}

.site-footer .s-footer-bottom {
    min-height: 34px;
    height: 34px;

    padding: 2px 6px !important;

    box-sizing: border-box;
    overflow: hidden;
}

/* Bootstrap row margók ne növeljék */
.site-footer .s-footer-bottom .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* minden szöveg kompakt */
.site-footer p,
.site-footer span,
.site-footer .inst-item,
.site-footer .s-footer-menu,
.site-footer .s-footer-menu a {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    font-size: 9.5px !important;
    line-height: 13px !important;
}

/* ne törje indokolatlanul több sorba */
.site-footer .inst-item {
    white-space: nowrap;
}

/* jobb oldali információ is férjen el */
.site-footer .inst-item span {
    margin-right: 6px;
}

/* footer logo se legyen magasabb */
.site-footer .logo {
    height: 28px;
    max-height: 28px;
}

/* =========================================================
   COMPACT DATEPICKER ALIGNMENT
   ========================================================= */

.insurance-information-panel .legacy-pp-field .input-group,
.insurance-information-panel .input-group.date {
    display: flex !important;
    align-items: center !important;

    width: 100%;
    height: 30px;
}

/* naptár ikon tartója */
.insurance-information-panel .input-group-addon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 22px;
    min-width: 22px;

    height: 30px !important;
    min-height: 30px !important;

    padding: 0 4px !important;

    line-height: 1 !important;

    border: 0 !important;
    background: transparent !important;

    vertical-align: middle !important;
}

/* Maga az ikon */
.insurance-information-panel .input-group-addon i,
.insurance-information-panel .input-group-addon .fa,
.insurance-information-panel .input-group-addon .glyphicon {
    display: block;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;

    font-size: 14px;

    position: static !important;
    top: auto !important;

    transform: none !important;
}

/* date input */
.insurance-information-panel .input-group.date .form-control {
    height: 30px !important;
    min-height: 30px !important;

    margin: 0 !important;

    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* =========================================================
   COMPACT CASE TOP DETAILS
   ========================================================= */

.casesRowTopDetails {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding: 6px 12px !important;

    position: relative !important;
    top: auto !important;

    z-index: 1;
    background: #f6f7f9;
    min-height: 0 !important;
}

/* Belső wrapper */
.casesRowTopDetails .case-details-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;

    gap: 4px 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 18px;
}

/* Egy adatpár */
.casesRowTopDetails .case-detail-item {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 20px;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap;
}

/* Label */
.casesRowTopDetails .case-detail-item label {
    margin: 0 4px 0 0 !important;
    padding: 0 !important;

    line-height: 18px;

    font-size: 12px;
}

/* Érték */
.casesRowTopDetails .case-detail-item span {
    margin: 0 !important;
    padding: 0 !important;

    line-height: 18px;

    font-size: 12px;
}

/* =========================================================
   CASE FORM - LESS VERTICAL SPACE
   ========================================================= */

.casesFormNavTabs {
    margin-bottom: 4px !important;
}

.mainPanels {
    margin-top: 0 !important;
    padding-top: 4px !important;
}

.mainPanels .panel:first-child,
.mainPanels .insurance-information-panel {
    margin-top: 0 !important;
}

/* Kárügy panel külső tér */
.insurance-information-panel {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

/* Kárügy fejléc */
.insurance-information-panel .panel-heading {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

/* panel body */
.insurance-information-panel .panel-body {
    padding-top: 4px !important;
}

/* =========================================================
   CASE FORM TABS + CONTENT SPACING
   ========================================================= */

.casesFormNavTabs {
    position: relative !important;
    z-index: 910;
    min-height: 48px;
    margin-bottom: 8px !important;
}

/* A tab alatti tartalom ne csússzon alá */
.mainPanels {
    position: relative !important;
    z-index: 1;

    margin-top: 8px !important;
    padding-top: 0 !important;
}

/* Első panel ne kapjon negatív / extra felső margót */
.mainPanels > .panel:first-child,
.mainPanels .insurance-information-panel:first-child {
    margin-top: 0 !important;
}


/* =========================================================
   COMPACT FOOTER
   ========================================================= */

.site-footer {
    height: 28px;
}

.site-footer .s-footer-bottom {
    height: 28px;
    min-height: 28px;
    padding: 2px 8px !important;
    display: flex;
    align-items: center;
}

.site-footer .s-footer-top {
    padding: 0 !important;
}

.site-footer p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px;
    line-height: 24px;
}

.site-footer .inst-item {
    padding: 0 !important;
    line-height: 24px;
}

.site-footer .s-footer-menu {
    padding: 0 !important;
}

.site-footer .s-footer-menu a {
    padding: 0 !important;
    font-size: 10px;
    line-height: 24px;
}

.site-footer .logo {
    height: 26px;
}

/* =========================================================
   SOS KÁR - KÖZÉPRE IGAZÍTÁS
   ========================================================= */

.insurance-information-panel .sos-case-field {
    display: flex;
    align-items: center;

    min-height: 40px;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Bal oldali címke */
.insurance-information-panel .sos-case-title {
    display: flex;
    align-items: center;

    width: 40%;
    min-width: 40%;

    height: 100%;

    margin: 0 !important;
    padding: 0 10px !important;

    line-height: 1.2;
}

/* Jobb oldali mezőrész */
.insurance-information-panel .sos-case-form-group {
    display: flex;
    align-items: center;

    width: 60%;

    margin: 0 !important;
    padding: 0 !important;
}

/* Bootstrap belső col padding kiütése */
.insurance-information-panel .sos-case-form-group > .col-sm-12 {
    display: flex;
    align-items: center;

    width: 100%;

    padding: 0 !important;
}

/* Igen / Nem konténer */
.insurance-information-panel .sos-case-options {
    display: inline-flex;
    align-items: center;

    min-height: 30px;

    margin: 0 !important;
    padding: 4px 10px !important;

    border-radius: 20px;
}

/* Egy radio elem */
.insurance-information-panel .sos-case-option {
    display: inline-flex !important;
    align-items: center;

    margin: 0 12px 0 0 !important;
    padding: 0 !important;

    line-height: 20px;
}

.insurance-information-panel .sos-case-option:last-child {
    margin-right: 0 !important;
}

.insurance-information-panel .sos-case-option input[type="radio"] {
    margin: 0 5px 0 0 !important;
    position: static !important;
}

.insurance-information-panel .sos-case-option span {
    line-height: 20px;
}

/* =========================================================
   COMPACT CASE FORM TOOLBAR
   ========================================================= */

#caseFormBtnToolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 4px;

    padding-top: 2px;
    padding-bottom: 2px;

    margin: 0;
}

/* Csak a case form toolbar gombjai */
#caseFormBtnToolbar > .btn,
#caseFormBtnToolbar .toolTaskDiv > .btn {
    min-height: 28px !important;
    height: 28px !important;

    padding: 3px 10px !important;
    margin: 0 !important;

    font-size: 12px !important;
    line-height: 20px !important;

    border-radius: 14px !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;
}

/* ikonok */
#caseFormBtnToolbar .btn > i {
    margin: 0 5px 0 0 !important;
    padding: 0 !important;

    font-size: 12px !important;
    line-height: 1 !important;
}

/* ne legyen Bootstrap float/gap összeakadás */
#caseFormBtnToolbar .toolTaskDiv {
    width: auto !important;

    display: inline-flex !important;
    align-items: center !important;

    gap: 4px !important;

    padding: 0 !important;
    margin: 0 !important;
}

/* a lenyíló extra műveletek is kompaktak */
#caseFormBtnToolbar .toolTaskDiv .btn {
    margin-right: 4px !important;
    margin-bottom: 4px !important;
}

.menuToolbarMain {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    min-height: 34px;
}

.menuDiv {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}




/* =========================================================
   CASE TOP DETAILS - RESPONSIVE
   ========================================================= */

/* Desktop / tablet */
.casesRowTopDetails .case-details-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
    align-items: center;

    gap: 4px 18px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.casesRowTopDetails .case-detail-item {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 20px;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 992px) {

    .casesRowTopDetails {
        margin-top: 4px !important;
        margin-bottom: 4px !important;

        padding: 5px 10px !important;
    }

    .casesRowTopDetails .case-details-wrap {
        justify-content: flex-start;

        gap: 4px 12px !important;
    }

    .casesRowTopDetails .case-detail-item {
        font-size: 11px;
    }

    .casesRowTopDetails .case-detail-item label,
    .casesRowTopDetails .case-detail-item span {
        font-size: 11px !important;
        line-height: 16px !important;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .casesRowTopDetails {
        position: relative !important;
        top: auto !important;

        margin: 4px 8px !important;
        padding: 6px 8px !important;

        min-height: 0 !important;
    }

    .casesRowTopDetails .case-details-wrap {
        display: grid !important;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        column-gap: 12px !important;
        row-gap: 4px !important;

        justify-content: normal !important;
        align-items: start;

        width: 100%;
    }

    .casesRowTopDetails .case-detail-item {
        display: flex !important;
        align-items: baseline !important;

        min-width: 0;
        min-height: 18px;

        white-space: normal !important;

        overflow: hidden;
    }

    .casesRowTopDetails .case-detail-item label {
        flex: 0 0 auto;

        margin-right: 4px !important;

        font-size: 10px !important;
        line-height: 15px !important;

        white-space: nowrap;
    }

    .casesRowTopDetails .case-detail-item span {
        min-width: 0;

        font-size: 10px !important;
        line-height: 15px !important;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* Nagyon keskeny mobil */
@media (max-width: 480px) {

    .casesRowTopDetails .case-details-wrap {
        grid-template-columns: 1fr;
        row-gap: 2px !important;
    }

    .casesRowTopDetails {
        padding: 5px 8px !important;
    }

    .casesRowTopDetails .case-detail-item {
        min-height: 16px;
    }
}

.casesRowTopDetails {
    position: relative !important;
    top: auto !important;
    display: block !important;
    visibility: visible !important;
    z-index: 1 !important;
}