a[href="#fenykep_spy"], a[href="#operatorokkal_kapcsolatos_beallitasok_spy"] {
    color: var(--alap-color) !important;
    background-color: var(--input-hatter-color) !important;
    font-weight: bold;
    border: solid 1px;
    border-color: var(--alap-color) !important;
}

.navbar_egyedi {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.needs-validation label {
    margin-bottom: -1em;
}

.form-control {
    background-color: var(--input-hatter-color) !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.navbar {
    font-size: 1.3rem;
}

@media (max-width: 768px) {
    .form-control {
        height: 2rem;
    }

    .navbar {
        font-size: 0.9rem;
    }
}

.invalid-feedback {
    color: var(--alert-text-color) !important;
    background-color: var(--alert-hatter-color) !important;
    font-weight: bold;
    margin-top: -0.2em;
}

.btn {
    padding-top: 0;
    padding-bottom: 0;
}

.btn-default:focus, .btn-default.focus,
.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: none;
}

.text-default_color {
    color: var(--alap-color) !important;
}

.btn-default, .text-default, .btn-svg {
    color: var(--input-hatter-color) !important;
    background-color: var(--alap-color) !important;
}

.btn-default:hover {
    color: var(--alap-color) !important;
    border-color: var(--alap-color) !important;
    background-color: var(--input-hatter-color) !important;
}

.btn-svg svg:hover {
    color: var(--alap-color) !important;
    border: solid 2px var(--input-hatter-color) !important;
    background-color: var(--input-hatter-color) !important;
    border-radius: 50%;
}

.btn-default_inverz {
    color: var(--alap-color) !important;
    border-color: var(--alap-color) !important;
    background-color: var(--input-hatter-color) !important;
}

.btn-default_inverz:hover {
    color: var(--input-hatter-color) !important;
    background-color: var(--alap-color) !important;
}

.btn-alert {
    color: var(--input-hatter-color) !important;
    background-color: var(--alert-color) !important;
}

.btn-alert:hover {
    color: var(--alert-color) !important;
    border-color: var(--alert-color) !important;
    background-color: var(--input-hatter-color) !important;
}

.btn-alert_inverz {
    color: var(--alert-color) !important;
    border-color: var(--alert-color) !important;
    background-color: var(--input-hatter-color) !important;
}

.btn-alert_inverz:hover {
    color: var(--input-hatter-color) !important;
    background-color: var(--alert-color) !important;
}

#navbar_vissza:hover {
    color: var(--input-hatter-color) !important;
    border-color: inherit !important;
    background-color: inherit !important;
}

.dropdown-menu a:hover {
    background-color: var(--alap-color) !important;
    color: var(--input-hatter-color) !important;
}

.default_hatter_color {
    background-color: var(--alap-color) !important;
}

.default_text_color {
    color: var(--alap-color) !important;
}

.default_input_hatter_color:not(:hover) {
    background-color: var(--input-hatter-color) !important;
}

.jconfirm.jconfirm-my-theme .jconfirm-box,
.jconfirm.jconfirm-my-progress-theme .jconfirm-box {
    background-color: var(--dialog-hatter-color) !important;
    border: solid 1px var(--alap-color) !important;
    border-top: solid 3px var(--alap-color) !important;
}

.jconfirm.jconfirm-my-theme .jconfirm-content,
.jconfirm.jconfirm-my-progress-theme .jconfirm-content {
    color: var(--alap-color) !important;
}

.jconfirm.jconfirm-alert-theme .jconfirm-content {
    color: var(--alert-color) !important;
}

.jconfirm.jconfirm-alert-theme .jconfirm-box {
    border: solid 1px var(--alert-color) !important;
    border-top: solid 3px var(--alert-color) !important;
}

.jconfirm.jconfirm-my-progress-theme .jconfirm-buttons {
    text-align: center;
}

.jconfirm.jconfirm-my-progress-theme .jconfirm-content-pane {
    display: none !important;
}

.jconfirm-buttons
{
    text-align: center;
}

.nav-side-menu {
    font-size: 12px;
    font-weight: bold;
    background-color: var(--menu-hatter-color) !important;
    color: var(--alap-color) !important;
    z-index: 9000;
    text-align: left;
    position: absolute;
    right: 0;
    margin-top: -2.7em;
    overflow: hidden;
    border: none;
    border-left: 3px solid var(--alap-color) !important;
}

.nav-side-menu .toggle-btn {
    display: none;
}

.nav-side-menu ul,
.nav-side-menu li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    line-height: 35px;
    cursor: pointer;
}

.nav-side-menu li[aria-expanded="true"] {
    background-color: var(--menu-expanded-hatter-color) !important;
}

.nav-side-menu li[aria-expanded="true"] a {
    color: var(--input-hatter-color) !important;
}

.nav-side-menu li[aria-expanded="true"] svg {
    fill: var(--input-hatter-color) !important;
}

.nav-side-menu ul .sub-menu li {
    line-height: 28px;
    margin-left: 0;
    padding-left: 10px;
}

.nav-side-menu ul .sub-sub-menu li {
    padding-left: 20px;
}

.nav-side-menu ul .sub-menu li a {
    color: var(--alap-color) !important;
    padding-left: 2px;
}

.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
    background-color: var(--menu-hover-hatter-color) !important;
}

.nav-side-menu ul .sub-menu li:hover a,
.nav-side-menu li .sub-menu li:hover a {
    color: var(--input-hatter-color) !important;
}

.nav-side-menu li {
    padding-left: 0;
    border-bottom: 1px solid var(--alap-color) !important;
}

.nav-side-menu h6 {
    background-color: var(--input-hatter-color) !important;
}

.nav-side-menu li a {
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    color: var(--alap-color) !important;
}

.nav-side-menu li:hover {
    background-color: var(--menu-hover-hatter-color) !important;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.nav-side-menu li:hover a {
    color: var(--input-hatter-color) !important;
}

.nav-side-menu .collapsed_svg {
    fill: var(--alap-color);
    font-size: 1.5em;
    float: right;
    position: static;
    margin-top: 0.5em;
}

.nav-side-menu .collapsed_submenu_svg {
    fill: var(--alap-color);
    font-size: 1em;
    float: left;
    position: static;
    margin-top: 0.8em;
}

.nav-side-menu li:hover .collapsed_svg,
.nav-side-menu li:hover .collapsed_submenu_svg {
    fill: var(--input-hatter-color) !important;
}

#navbar_vissza_gomb svg {
    fill: var(--input-hatter-color) !important;
    margin-left: -1em;
}

.image_upload_container {
    text-align: -moz-center;
    text-align: -webkit-center;
    width: 90%;
}

@media (min-width: 768px) {
    .image_upload_container {
        width: 60%;
    }
}

.cr-boundary {
    background-color: antiquewhite;
}

#arculat_gomb, .fenykep_tallozas_div, .image_upload_div, .image_result_div {
    margin-bottom: 1em;
}

.image_upload_div svg {
    fill: var(--alert-color);
}

.file_feltoltes_gomb svg {
    fill: var(--alap-color);
}

.file_feltoltes_gomb {
    padding: 0;
}

.gomb_bal_oldal {
    margin-left: 0.3em;
}

.gomb_jobb_oldal {
    margin-right: 0.3em;
}

.device {
    margin-right: 1em;
}

.image_upload_navbar {
    background-color: rgba(255, 255, 255, 0.4);
    color: black;
}

.color_picker_container {
    background-color: rgba(255, 255, 255, 0.4);
    color: black;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 0.5em;
}

.level_0_button[aria-expanded="true"], .level_top_button {
    background-color: var(--level_top_button_hatter_color) !important;
    border-color: var(--alap-color) !important;
    color: var(--alap-text-color) !important;
    width: 50%;
}

@media (max-width: 768px) {
    .level_0_button[aria-expanded="true"], .level_top_button {
        width: 70%;
    }
}

.operator_hozzarendelese_tevekenyseghez_pipa svg {
    color: var(--alap-color) !important;
    margin-left: 1em;
    margin-bottom: 0.15em;
}

.operator_profilkep {
    width: 20%;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 1em;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month select::-ms-expand {
    display: none;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: red;
}

.jq-schedule .sc_bar {
    opacity: 1;
}

.jq-schedule .sc_bar .head {
    margin-top: -3px;
    padding-left: 3px;
}

.jq-schedule .sc_bar .time {
    font-size: smaller;
}

.jq-schedule .sc_bar .text {
    font-size: small;
    font-weight: normal;
    height: auto;
    white-space: nowrap;

}

.timeline-title {
    font-weight: normal;
    font-size: small;
    margin-top: -10px;
}

.idopont_engedelyezes_honap_valaszto_gomb svg {
    fill: var(--alap-color) !important;
    margin-top: -0.3em;
    margin-left: -1.8em;
    z-index: -10000;
    background: white;
    cursor: pointer;
}

.ui-monthpicker {
    xmargin-left: 11.5em;
}

@-moz-document url-prefix() {
    .ui-monthpicker {
        margin-left: -9.5em;
    }
}

.ui-monthpicker .ui-datepicker-month {
    display: none;
}

.ui-monthpicker td span {
    padding: 5px;
    cursor: pointer;
    text-align: center;
}

.idopont_engedelyezes_idovonal_navigacio_vissza svg,
.idopont_engedelyezes_idovonal_navigacio_elore svg,
.idopont_foglalas_idovonal_navigacio_vissza svg,
.idopont_foglalas_idovonal_navigacio_elore svg {
    fill: var(--input-hatter-color) !important;
}

.idopont_engedelyezes_idovonal_navigacio_outer,
.idopont_foglalas_idovonal_navigacio_outer {
    display: none;
}

@media (max-width: 768px) {
    .idopont_engedelyezes_idovonal_navigacio_inner,
    .idopont_foglalas_idovonal_navigacio_inner {
        display: none;
    }
    .idopont_engedelyezes_idovonal_navigacio_outer,
    .idopont_foglalas_idovonal_navigacio_outer {
        display: block;
    }
}

.idopont_engedelyezes_idovonal_navigacio_inner,
.idopont_foglalas_idovonal_navigacio_inner {
    display: none;
}

.idopont_engedelyezes_idovonal_navigacio_outer,
.idopont_foglalas_idovonal_navigacio_outer {
    display: block;
}

.sc_main_box {
    background: var(--input-hatter-color) !important;
}

.ui-datepicker-today span {
    background-color: var(--alap-color) !important;
    color: var(--input-hatter-color) !important;
}

#help_gomb svg {
    fill: var(--input-hatter-color) !important;
}

.select_uzlet_kep {
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 1em;
}

#kepvalaszto img{
    display: block;
    max-width: inherit;
    max-height: 300px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.upload_kep_cim {
    padding-left:1%;
    padding-right:1%;
    cursor:pointer;
}

.upload_kep_leiras {
    font-size: 12px;
    font-weight: bold;
    width: 70%;
}

div.dataTables_wrapper {
    margin: 0 auto;
}

.dataTables_info {
    display: none;
}

.header2 {
    visibility: collapse;
}

.DTFC_LeftBodyLiner{
    overflow-x: hidden;
}

.idopont_tabla{
    width:100%
}

.idopont_tabla th
{
    border: solid 1px;
    border-color: black;
    background-color: white;
    color: black;
}

.idopont_tabla td
{
    border: solid 1px var(--table-dark-border-color);
}

.idopont_tabla
{
    background-color: var(--table-dark-color);
    color: white;
}

.idopont_tabla tr.paros
{
    background-color: var(--table-dark-color);
}

.idopont_tabla tr.paratlan
{
    background-color: var(--table-dark-paratlan-color);
}

.idopont_tabla tr.paros .ures
{
    border-left-color: var(--table-dark-color) !important;
    border-right-color: var(--table-dark-color) !important;
}

.idopont_tabla tr.paratlan .ures
{
    border-left-color: var(--table-dark-paratlan-color) !important;
    border-right-color: var(--table-dark-paratlan-color) !important;
}

.idopont_tabla_header_first_column
{
    background-color: var(--table-dark-border-color);
    color: white;
}

#idopont_foglalas_idovonal_navigalas,
.idopont_engedelyezes_idovonal_navigalas,
.idopont_engedelyezes_idovonal_navigalas:hover{
    text-align: center;
    background-color: var(--table-dark-border-color);
    color: white;
}
#idopont_foglalas_idovonal_navigalas .idopont_foglalas_idovonal_navigacio_outer span,
.idopont_engedelyezes_idovonal_navigalas .idopont_engedelyezes_idovonal_navigacio_outer span
{
    font-size: 20px;
}

.napok
{
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    background-color: white !important;
    color: black !important;
    border-top: solid 2px black !important;
}

.napok_elso_sora span {
    cursor:pointer;
}

.napok_elso_sora span:hover {
    color:white;
    background-color: darkred;
}

.idopont_tabla_header_first_column:hover {
    color:white;
    background-color: darkred;
}

.napok_elso_sora
{
    border-bottom: hidden !important;
    border-top: solid 2px black !important;
}

.azonos_nap
{
    border-bottom: hidden !important;
}

.idopont_tabla tr.paratlan .azonos_nap
{
    color:white !important;
}

.idopont_tabla tr.paros .azonos_nap
{
    color:white !important;
}

.idopont_tabla tr.paratlan .azonos_napok_utolso_sora
{
    color:white !important;
}

.idopont_tabla tr.paros .azonos_napok_utolso_sora
{
    color:white !important;
}

.idopont_tabla tr.nap_utolso_sora
{
    border-bottom: solid 2px white;
}

.orak
{
    text-align:center;
    padding-left:10px;
    padding-right:10px;
}


.percegysegek
{
    width: 21px;
}

.elso_percegyseg,
.utolso_percegyseg
{
    width:21px !important;
}

.elso_percegyseg,
.utolso_percegyseg
{
    display: block !important;
    white-space: nowrap !important;
    border: none !important;
}

.utolso_percegyseg > span
{
    padding-left: 25px;
}

.percegysegek_tiltva svg
{
    padding-bottom: 3px;
    fill: var(--table-dark-border-color);
}

.utolso_percegyseg a
{
    margin-left: 1px;
}
.percegysegek
{
    text-align: center;
}

.percegysegek_tiltva {
    background-color: var(--table-dark-border-color) !important;

}

.percegysegek_tiltva.percegysegek_tiltva:not(.elso_percegyseg).percegysegek_tiltva:not(.utolso_percegyseg) {
    border: solid 1px var(--table-dark-color) !important;
}

.lefoglalva_sajat svg
 {
     fill: white;
 }

.lefoglalva_korabbi svg
{
    fill: blue;
}

.lefoglalva_mas svg
{
    fill: red;
}

.elvegezve svg
{
    fill: green;
}

.felfuggesztve svg
{
    fill: white;
}

.elso_percegyseg
{
    text-align: right;
}

.elso_percegyseg span {
    margin-left: -400px;
    margin-right: 10px;
}

.elso_percegyseg a svg:hover {
    fill:red;
}

#gs_operator_tools svg {
    fill:white;
}

.idopont_filter .box {
    position: relative;
    height: 8em;
    color: black;
    background: whitesmoke;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 30px;
    transition: 0.5s;
    cursor: pointer;
}

.idopont_filter .box:hover {
    transform: translateY(-10px);
}

.idopont_filter .box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg,#1c7430, #1c5071);
}

.idopont_filter .box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(170deg,#1c7430,#1c5071);
    filter: blur(1em);
}

.idopont_filter .box span {
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    background: rgba(255,255,255,0.2);
    z-index: 2;
}

.idopont_filter .box .content {
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
    z-index: 10;
    color:white;
    overflow-x: hidden;
    overflow-y: auto;
    height: 6em;
    scrollbar-color: #498371 #1b5b5b; /*Firefox*/
}

.idopont_filter .box .content h6 {
    color:white;
    font-weight: bold;
}

/* Chrome scrollbar style */
.idopont_filter .box .content::-webkit-scrollbar {
    background: #1b5b5b;
    width: 6px;
}
.idopont_filter .box .content::-webkit-scrollbar-thumb {
    background: #498371;
}
.idopont_filter .box .content::-webkit-scrollbar-button:single-button {
  background-color: #1b5b5b;
  display: block;
  border-style: solid;
}
.idopont_filter .box .content::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent transparent transparent;
}
.idopont_filter .box .content::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  border-color: transparent transparent #777777 transparent;
}
.idopont_filter .box .content::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width: 8px 8px 0 8px;
  border-color: transparent transparent transparent transparent;
}
/*-------------------------------*/

.napi_idopontok {
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}

.foglalt_datum {
    color: red;
    font-weight: bold;
}

.napi_idopontok {
    background-color: var(--input-hatter-color) !important;
}

.napi_idopontok.lefoglalva_sajat {
    color: var(--input-hatter-color) !important;
    background-color: var(--alert-color) !important;
}

.napi_idopontok:hover {
    color: black !important;
}

.korabbi_napi {
    background-color: #bfbfbf !important;
}

.lefoglalva_korabbi {
    background-color: var(--input-hatter-color) !important;
}

.operatorok_hozzarendelese_fix_idopontokhoz_torles svg {
    cursor: pointer;
    fill: var(--alert-color);
}

#napi_foglalasok_tabla > tbody > tr:nth-child(2n) > td,
#napi_foglalasok_tabla > tbody > tr:nth-child(2n) > th {
   background-color: #45994a;
    color: white;
}

.napi_foglalasok_modositas_gomb svg{
    fill:darkorange;
    margin-bottom: 0.2em;
}

.napi_foglalasok_torles_gomb svg{
    fill: darkred;
    margin-bottom: 0.2em;
}

.napi_foglalasok_elvegezve_gomb svg{
    fill: darkgray;
}

.napi_foglalasok_elvegezve_gomb.elvegezve svg{
    fill: darkgreen;
}

.napi_foglalasok_kosar_gomb svg{
    margin-bottom: 0.1em;
}

.napi_foglalasok_kosar_gomb svg{
    fill: darkgray;
}

.napi_foglalasok_kosar_gomb.volt_vasarlas svg{
    fill: blue;
}