@font-face {
    font-family: 'OpenSans-Regular';
    src: url('/admin/assets/fonts/OpenSans-Regular.ttf');
}

:root {
    --pink-szin: #cc258e;
    --szurke-szin: #495057;
}

html, body {
    height: 100%;
}

body {
    font-family: 'OpenSans-Regular';
    background: linear-gradient(rgba(248, 249, 250, 0.65), rgba(248, 249, 250, 0.65)), url('/admin/assets/img/admin-background.jpg');
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    flex-direction: column;
    color: var(--szurke-szin);
    line-height: 1.5;
}

.tartalom {
    flex: 1 0 auto;
}

.allec {
    flex-shrink: 0;
}

::selection {
    background: var(--pink-szin);
    color: white;
}

/* Login Form kezdete */

.login-container {
    position: relative;
    width: 370px;
    margin: 70px auto;
    padding: 20px 40px 40px;
    text-align: center;
    background: white;
    border: 1px solid #ccc;
}

.login-container::before, .login-container::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: white;
    border: 1px solid #ccc;
}

.login-container::before {
    top: 3.5px;
    z-index: -1;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
}

.login-container::after {
    top: 3.5px;
    z-index: -2;
    -webkit-transform: rotateZ(-4deg);
    -moz-transform: rotateZ(-4deg);
    -ms-transform: rotateZ(-4deg);
}

.avatar {
    width: 100px;
    height: 100px;
    margin: 10px auto 30px;
    border-radius: 100%;
    border: 2px solid #aaa;
    background-size: cover;
    background-image: url('/admin/modulok/M98658_adminfelhasznalok/img/nincskep.jpg');
}

.switch-toggle#adatmegjegyzes {
    margin-left: -1.6em !important;
}

@media screen and (max-width: 420px) {
    .login-container {
        width: auto;
        transform: none;
        margin: 0px;
    }

    .login-container::before, .login-container::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 3.5px;
        left: 0;
        background: white;
        z-index: -1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        border: 1px solid #ccc;
    }
}

/* Login Form vége */

/* Admin főoldal kezdete */

.admin-fooldal .tech-logo {
    width: 100%;
    height: 80px;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* Admin főoldal vége */

/* egyéb stílus kezdete */

.bg-danger, .btn-danger, .bg-success, .btn-success, .btn-warning {
    color: var(--bs-light) !important;
}

.btn-light, .btn-outline-light:hover,
.table, .table-striped > tbody > tr:nth-of-type(odd) > *:not(td[class*="bg-secondary"]):not(td[class*="bg-success"]):not(td[class*="bg-danger"]):not(td[class*="bg-info"]) {
    color: var(--szurke-szin) !important;
}

.table > :not(:first-child) {
    border-top: 0 !important;
}

.bg-pink {
    background-color: var(--pink-szin);
}

.text-pink, .text-pink:hover {
    color: var(--pink-szin);
}

.sticky-top {
    z-index: 2 !important;
}

.cke_screen_reader_only {
    height: 0px !important;
}

.vertical-align-center {
    vertical-align: middle !important;
}

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

.szerkesztheto-oldal-cim, .szerkesztheto-oldal-alert-cim {
    text-align: center;
    font-weight: bold;
}

.szerkesztheto-oldal-cim::before, .szerkesztheto-oldal-cim::after,
.emailparameterek-oldal-cim::before, .emailparameterek-oldal-cim::after,
.szerkesztheto-oldal-alert-cim::before, .szerkesztheto-oldal-alert-cim::after {
    content: '';
    width: 20px;
    height: 3px;
    background: var(--pink-szin);
    display: inline-block;
    vertical-align: middle;
}

.szerkesztheto-oldal-cim::before, .emailparameterek-oldal-cim::before, .szerkesztheto-oldal-alert-cim::before {
    margin-right: 10px;
}

.szerkesztheto-oldal-cim::after, .emailparameterek-oldal-cim::after, .szerkesztheto-oldal-alert-cim::after {
    margin-left: 10px;
}

kbd {
    border-radius: 0 !important;
}

.verzioszam {
    background: var(--pink-szin);
    padding: 3px 5px;
    font-weight: bold;
}

.dropdown-user:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

/* egyéb stílus vége */

/* Táblázatok kezdete */

.table-fejleckep td {
    min-width: calc(1920px / 5) !important;
}

.table-fejleckep td:nth-child(2) {
    min-width: calc(calc(1920px / 5) / 3.5) !important;
}

.table-fejleckep td:nth-child(4) {
    min-width: calc(calc(1920px / 5) / 2) !important;
}

.table-fejleckep td:last-child {
    min-width: calc(calc(1920px / 5) / 4.5) !important;
}

.table-galeria td {
    min-width: calc(1920px / 7) !important;
}

.table-galeria td:first-child, .table-galeria td:last-child {
    min-width: calc(calc(1920px / 7) / 4.5) !important;
}

.table-galeria td:nth-child(4) {
    min-width: calc(calc(1920px / 7) / 2.5) !important;
}

.table-galeria td:nth-child(3), .table-galeria td:nth-child(6) {
    min-width: calc(calc(1920px / 7) / 2) !important;
}

.table-hirek td {
    min-width: calc(1920px / 7) !important;
}

.table-hirek td:first-child, .table-hirek td:last-child {
    min-width: calc(calc(1920px / 7) / 4.5) !important;
}

.table-hirek td:nth-child(4) {
    min-width: calc(calc(1920px / 7) / 1.5) !important;
}

.table-hirek td:nth-child(3), .table-hirek td:nth-child(6) {
    min-width: calc(calc(1920px / 7) / 1.5) !important;
}

.table-irattar td {
    min-width: calc(1920px / 6) !important;
}

.table-irattar td:first-child, .table-irattar td:last-child {
    min-width: calc(calc(1920px / 6) / 4.5) !important;
}

.table-irattar td:nth-child(3) {
    min-width: calc(calc(1920px / 6) / 3) !important;
}

.table-irattar td:nth-child(5) {
    min-width: calc(calc(1920px / 6) / 2) !important;
}

.table-adminok td {
    min-width: calc(1920px / 5) !important;
}

.table-adminok td:nth-child(3) {
    min-width: calc(calc(1920px / 5) / 3.5) !important;
}

.table-adminok td:nth-child(4), .table-adminok td:nth-child(5) {
    min-width: calc(calc(1920px / 5) / 4.5) !important;
}

/* Táblázatok vége */

/* Custom Toggle Switch kezdete */

.switch-toggle {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    border: 0;
    outline: 0;
    cursor: pointer;
    margin: 10px;
    vertical-align: middle;
}

.switch-toggle:after {
    content: '';
    width: 60px;
    height: 28px;
    display: inline-block;
    background: rgba(195, 195, 195, 0.55);
    border-radius: 18px;
    clear: both;
}

.switch-toggle:before {
    content: '';
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    left: 0;
    top: -3px;
    border-radius: 50%;
    background: white;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

.switch-toggle:checked:before {
    left: 32px;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
}

.switch-toggle:checked:after {
    background: var(--pink-szin);
}

.switch-toggle,
.switch-toggle:before,
.switch-toggle:after,
.switch-toggle:checked:before,
.switch-toggle:checked:after {
    transition: ease .3s;
    -webkit-transition: ease .3s;
    -moz-transition: ease .3s;
    -o-transition: ease .3s;
}

/* Custom Toggle Switch vége */

/* off-canvas kezdete */

.offcanvas-start {
    border: none !important;
    background: var(--bs-dark) !important;
    color: var(--bs-light) !important;
    width: 300px !important;
}

.offcanvas-start .btn-close {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(341deg) brightness(106%) contrast(101%) !important;
    opacity: 1 !important;
}

.offcanvas-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.offcanvas-body .nav {
    display: block !important;
    border: 0 !important;
}

.offcanvas-body > .nav.nav-tabs .nav-link {
    border: none !important;
    padding: 15px 10px !important;
    color: var(--bs-light) !important;
}

.offcanvas-body > .nav.nav-tabs .nav-link:hover {
    background: var(--pink-szin) !important;
    border: none !important;
    color: var(--bs-light) !important;
    opacity: 1 !important;
    border-radius: 0 !important;
}

.offcanvas-body {
    padding: 20px 0 !important;
}

/* off-canvas vége */

/* Form stílus kezdete */

.form-control:focus, .form-select:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid var(--pink-szin) !important;
}

.form-check-input:focus, .btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    color: var(--pink-szin) !important;
    font-size: 12pt !important;
}

.form-switch {
    padding-left: 3.0em !important;
}

.form-switch .form-check-input {
    margin-left: -1.3em;
}

/* Form stílus vége */

/* Tablesorter Bootstrap theme stílus kezdete */

.tablesorter-bootstrap:not(.table-dark) > tbody > tr td.primary,
.tablesorter-bootstrap:not(.table-dark) > tbody > tr.even td.primary {
    background-color: #e6e6e6 !important;
}

.tablesorter-bootstrap:not(.table-dark) > tbody > tr td.primary,
.tablesorter-bootstrap:not(.table-dark) > tbody > tr.odd td.primary {
    background-color: #cdcdcd !important;
}

.tablesorter-bootstrap:not(.table-inverse) tfoot td,
.tablesorter-bootstrap:not(.table-inverse) tfoot th,
.tablesorter-bootstrap:not(.table-inverse) thead:not(.thead-inverse) .tablesorter-header {
    color: white !important;
    background-color: var(--bs-dark) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6 !important;
}

.tablesorter-bootstrap thead .tablesorter-headerUnSorted:not(.sorter-false) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDIwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTQgMTNsLTIuNS0yLjVMNyAxNWwtNC41LTQuNUwwIDEzbDcgN3pNMTQgNy41TDExLjUgMTAgNyA1LjUgMi41IDEwIDAgNy41bDctN3oiLz48L3N2Zz4=) !important;
}

.tablesorter-bootstrap thead .tablesorter-headerAsc {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTQgOS41TDExLjUgMTIgNyA3LjUgMi41IDEyIDAgOS41bDctN3oiLz48L3N2Zz4=) !important;
}

.tablesorter-bootstrap thead .tablesorter-headerDesc {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTQgNWwtMi41LTIuNS00LjUgNC41LTQuNS00LjVMMCA1IDcgMTJ6Ii8+PC9zdmc+) !important;
}

/* Tablesorter Bootstrap theme stílus vége */

/* Custom Back To Top stílus kezdete */

.scroll-top {
    background: var(--bs-dark) url('/admin/assets/img/cd-top-arrow.svg') no-repeat center 50%;
    color: white;
    transition: all .5s;
    position: fixed;
    right: -70px;
    bottom: 20px;
    z-index: 1;
    display: none;
    cursor: pointer;
    box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.5);
    height: 60px;
    width: 60px;
    opacity: 0.8;
}

.scroll-top:hover {
    opacity: 1;
    transition: all .5s;
}

/* Custom Back To Top stílus vége */

/* Bootstrap Navbar stílus kezdete */

.navbar-dark .navbar-nav .nav-link {
    color: var(--bs-light) !important;
    transition: color .25s;
}

.navbar-dark .navbar-nav .nav-link:not(.navbar-dark .navbar-nav .dropdown-toggle.nav-link):hover {
    color: var(--bs-warning) !important;
    transition: color .25s;
}

.navbar-dark .navbar-nav .dropdown-toggle.nav-link:hover::after,
.navbar-dark .navbar-nav .dropdown-toggle.nav-link.show::after {
    border-top-color: var(--bs-warning) !important;
}

.navbar-dark .navbar-nav .dropdown-toggle.nav-link.aktiv:hover::after,
.navbar-dark .navbar-nav .dropdown-toggle.nav-link.aktiv.show::after {
    border-top-color: var(--pink-szin) !important;
}

.navbar-dark .navbar-nav .dropdown-menu, .dropdown-menu {
    border-radius: 0 !important;
}

.navbar-dark .navbar-nav .dropdown-menu .nav-item .dropdown-item, .dropdown .dropdown-menu .dropdown-item {
    color: var(--szurke-szin) !important;
}

.navbar-dark .navbar-nav .dropdown-menu .nav-item .dropdown-item:hover {
    color: var(--bs-light) !important;
}

.navbar-dark .navbar-nav .nav-item:not(.dropdown-menu .nav-item):last-child::after {
    content: '';
}

.navbar-dark .navbar-nav .nav-link.aktiv {
    color: var(--bs-warning) !important;
}

.animate-link::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    transition: width .4s;
    background: var(--bs-warning);
}

.animate-dropdown::before {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    transition: width .4s;
    background: var(--bs-warning);
    position: absolute;
    bottom: 7px;
    left: 0;
}

.animate-link:hover::after, .animate-dropdown:hover::before, .animate-dropdown.show::before {
    width: 100%;
}

.dropdown-menu.show {
    display: inline-block !important;
}

.dropdown-menu .nav-item .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:hover {
    background: var(--pink-szin) !important;
    color: var(--bs-light) !important;
}

@media (min-width: 300px) {
    .navbar-dark .navbar-nav .nav-link {
        display: block !important;
    }

    .navbar-dark .navbar-nav .nav-link.aktiv::after, .animate-link:hover::after {
        width: 0;
    }

    .navbar-dark .navbar-nav .nav-item:after {
        content: '';
    }
}

@media (min-width: 1200px) {
    .navbar-dark .navbar-nav .nav-link {
        display: inline-block !important;
    }

    .navbar-dark .navbar-nav .nav-item:not(.dropdown-menu .nav-item)::after {
        content: '\2022';
        color: var(--bs-warning);
        font-size: 24px;
        vertical-align: middle;
        margin-right: 5px;
    }

    .animate-link::after {
        content: '';
        display: block;
        width: 0;
        height: 1px;
        transition: width .4s;
        background: var(--bs-warning);
    }

    .animate-link:hover::after {
        width: 100%;
    }

    .navbar-dark .navbar-nav .nav-link.aktiv:not(.navbar-dark .navbar-nav .dropdown-toggle.nav-link.aktiv)::after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background: var(--bs-warning);
    }
}

@media (min-width: 1400px) {
    .navbar-dark .navbar-nav .nav-link {
        display: inline-block !important;
        font-size: 17px !important;
    }
}

.navbar-dark .navbar-toggler:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Bootstrap Navbar stílus vége */