/*
 * Bootstrap 3.3.2 -> 3.4.1 kompatibilitási réteg
 * ------------------------------------------------
 * A Bootstrap 3.4.1-re frissítés (pentest VULN7, XSS-javítások a JS-ben) a CSS-ben is
 * hozott változásokat. Ez a fájl azokat a 3.3.2-es szabályokat állítja vissza, amelyek
 * a 3.4.1-ből kikerültek vagy módosultak, hogy a felület pontosan úgy nézzen ki és úgy
 * viselkedjen, mint a 3.3.2-vel.
 *
 * Betöltési sorrend: közvetlenül a bootstrap.min.css UTÁN, minden más stílus ELŐTT
 * (bundled.scss, RegistrationBundleConfig, Registration/JobAds/Account layoutok).
 *
 * Minden blokk a 3.3.2-es eredeti értéket hordozza. Ha egy blokk viselkedésére már
 * nincs szükség, önállóan törölhető. A fájl egészében elhagyható, amikor a Bootstrap 3
 * kikerül az alkalmazásból.
 *
 * A JS-oldali eltérést (dropdown billentyűkezelés) a patches/bootstrap+3.4.1.patch kezeli.
 */

/* ---------- Gombok ---------- */

/* 3.4.1-ben a pointer-events: none csak a.btn.disabled-re maradt meg; 3.3.2-ben minden
   letiltott .btn kattinthatatlan volt (több div.btn + ng-class="disabled" épít erre). */
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events: none;
}

/* 3.4.1 elhagyta a "thin dotted" fallback-et (Firefoxban ez volt az érvényes érték). */
a:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* 3.4.1-ben a :focus keret sötétebb, és az :active:hover / :active:focus állapot külön,
   sötétebb színt kapott. 3.3.2-ben hover/focus/active egyformán a "hover" színt adta. */
.btn-default:focus,
.btn-default.focus {
    border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}

.btn-primary:focus,
.btn-primary.focus {
    border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    background-color: #286090;
    border-color: #204d74;
}
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-success:focus,
.btn-success.focus {
    border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    background-color: #449d44;
    border-color: #398439;
}
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-info:focus,
.btn-info.focus {
    border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
    background-color: #31b0d5;
    border-color: #269abc;
}
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-warning:focus,
.btn-warning.focus {
    border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-danger:focus,
.btn-danger.focus {
    border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}

/* ---------- Űrlapelemek ---------- */

/* 3.4.1-ben a readonly mező már nem kap not-allowed kurzort. */
.form-control[readonly] {
    cursor: not-allowed;
}

/* 3.4.1 az input-group utolsó gombját (z-index: 2) és a fókuszált mezőt (z-index: 3)
   a többi elem fölé emelte; 3.3.2-ben a mező szegélye takarta a gombét. */
.input-group .form-control:focus {
    z-index: 2;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    z-index: auto;
}
.input-group-btn:last-child > .btn:hover,
.input-group-btn:last-child > .btn:focus,
.input-group-btn:last-child > .btn:active {
    z-index: 2;
}

/* ---------- Szöveg ---------- */

/* normalize 3.0.3: pontozott aláhúzás helyett a 3.3.2-es alsó szegély. */
abbr[title],
abbr[data-original-title] {
    border-bottom: 1px dotted #777;
}

/* 3.4.1 újdonsága; 3.3.2-ben a role="button" elem a szülő kurzorát örökölte. */
[role="button"] {
    cursor: inherit;
}

/* ---------- Jelvény, lapozó ---------- */

.badge {
    vertical-align: baseline;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: auto;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
}
.pagination-lg > li > a,
.pagination-lg > li > span,
.pagination-sm > li > a,
.pagination-sm > li > span {
    line-height: 1.42857143;
}

/* ---------- Modál ---------- */

/* 3.4.1: .modal 1050, .modal-backdrop fixed + 1040; 3.3.2: 1040 ill. absolute, z-index nélkül.
   (Az SPA-ban a _zIndex.scss és a ui-bootstrap inline z-indexe ettől függetlenül felülír.) */
.modal {
    z-index: 1040;
}
.modal-backdrop {
    position: absolute;
    bottom: auto;
    z-index: auto;
}
/* 3.4.1 clearfixet tett a .modal-header-re és elvette a min-height-ot. */
.modal-header {
    min-height: 16.42857143px;
}
.modal-header:before,
.modal-header:after {
    content: normal;
}

/* ---------- Láthatóság (3.3.0-3.3.4-ben létezett visibility szabályok) ---------- */

.collapse {
    visibility: hidden;
}
.collapse.in {
    visibility: visible;
}
.tab-content > .tab-pane {
    visibility: hidden;
}
.tab-content > .active {
    visibility: visible;
}
@media (min-width: 768px) {
    .navbar-collapse.collapse {
        visibility: visible !important;
    }
}
.tooltip {
    visibility: visible;
}
.hidden {
    visibility: hidden !important;
}

/* ---------- Tooltip, popover ---------- */

/* 3.4.1 "reset-text" tulajdonságokat ad a tooltipnek/popovernek; 3.3.2-ben ezek a
   szülőtől öröklődtek (angular-strap ugyanezeket az osztályokat használja). */
.tooltip,
.popover {
    font-style: inherit;
    letter-spacing: inherit;
    text-shadow: inherit;
    text-transform: inherit;
    word-break: inherit;
    word-spacing: inherit;
    word-wrap: inherit;
}
.tooltip {
    line-height: 1.4;
    white-space: inherit;
}

/* ---------- Carousel (publikus regisztrációs oldalak) ---------- */

/* 3.4.1 a glyphicon nyilakat alapból -10px-szel, desktopon -10px-szel tolja;
   3.3.2-ben alapból nem tolta, desktopon -15px volt. */
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    margin-top: 0;
}
@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        margin-top: -15px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px;
    }
}

/* ---------- Nyomtatás ---------- */

@media print {
    select {
        background: #fff !important;
    }
}

/* ---------- Caret ---------- */

/* 3.3.5-től a caret "4px dashed" (Firefox-élsimítási trükk); 3.3.2-ben "4px solid" volt. */
.caret {
    border-top: 4px solid;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
}