:root {
    --alap-color-feher: #fff;
    --alap-color-fekete: #000;

    /* kék */
    /* --alap-color-kek: #A0D4FC;
    --alap-color-kek-sotet: #1C2C4C; */
    /* neonkék */
    /* --alap-color-kek: #08EEFE;
    --alap-color-kek-sotet: #150B5F; */
    --alap-color-kek: #590009;
    --alap-color-kek-sotet: #590009;

    --alap-color-szin: var(--alap-color-kek);
    --alap-color-szin-text: var(--alap-color-feher);
    --alap-color-szin-text-inverz: var(--alap-color-fekete);
    --alap-color-szin-vilagos: color-mix(in srgb, var(--alap-color-szin) 90%, white);
    --alap-color-szin-vilagos2: color-mix(in srgb, var(--alap-color-szin) 85%, white);
    --alap-color-szin-vilagos3: color-mix(in srgb, var(--alap-color-szin) 30%, white);
    --alap-color-szin-sotet: color-mix(in srgb, var(--alap-color-szin) 80%, black);
    --alap-color-szurke: #6b6b6b;
    --alap-color-shadow: rgba(130, 138, 145, 0.5);

    /* fülek */
    /* kékhez */
    /* --alap-color-szin-fulek: #D19C6A; */
    /* neonkékhez */
    /* --alap-color-szin-fulek: #E87E48; */
    --alap-color-szin-fulek: #590009;
    --alap-color-szin-fulek-vilagos: color-mix(in srgb, var(--alap-color-szin-fulek) 90%, white);;
    --alap-color-szin-fulek-sotet: color-mix(in srgb, var(--alap-color-szin-fulek) 80%, black);
    /* --alap-color-szin-genhatter-grad1: #ADB2B6; */
    --alap-color-szin-genhatter-grad1: #F7F5F3;
    /* --alap-color-szin-genhatter-grad2: #ABAEB3; */
    --alap-color-szin-genhatter-grad2: #FFFFFF;


    --btn-color-text: var(--alap-color-szin-text);

    --btn-color: var(--btn-color-text);
    --btn-background-color: var(--alap-color-szin);
    --btn-border-color: var(--btn-background-color);
    --btn-hover-color: var(--btn-color-text);
    --btn-hover-background-color: var(--alap-color-szin-vilagos);
    --btn-hover-border-color: var(--btn-hover-background-color);
    --btn-box-shadow: var(--alap-color-shadow);
    --btn-disabled-color: var(--btn-color-text);
    --btn-disabled-background-color: var(--alap-color-szurke);
    --btn-disabled-border-color: var(--btn-disabled-background-color);
    --btn-dropdown-color: var(--btn-color-text);
    --btn-dropdown-background-color: var(--alap-color-szin-sotet);
    --btn-dropdown-border-color: var(--btn-dropdown-background-color);
    --btn-mentes-color: var(--alap-color-kek-sotet);
    --btn-mentes-background-color: var(--alap-color-szin-vilagos3);
    --btn-mentes-border-color: var(--btn-mentes-background-color);
    --btn-inverz-color: var(--alap-color-kek-sotet);
    --btn-inverz-background-color: var(--alap-color-feher);

    /* --menu-text-hover-color: #F2F5F7; eredeti */
    /* --menu-selectborder-color: #1ABB9C; eredeti */
    --menu-text-color: #E7E7E7;
    --menu-text-hover-color: #bcc1c4;
    /* --menu-background-color: #2A3F54; */
    --menu-background-color: var(--alap-color-kek-sotet);
    --menu-selectborder-color: #8194be;
    --menu-currentpage-color: rgba(255, 255, 255, 0.05);;

}

/* nav color cuccuok begin */

.left_col {
    background: var(--menu-background-color);
}

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
    border-right: 5px solid var(--menu-selectborder-color);
    /* border-right: 0px; */
}

.nav-sm ul.nav.child_menu ul,
.nav-sm .nav.side-menu li.active-sm ul ul {
    background: none;
}

.nav-sm>.nav.side-menu>li.active-sm>a {
    color: var(--menu-selectborder-color) !important;
}

.nav-sm ul.nav.child_menu {
    background: #3E5367;
}

.nav_menu {
    background: #590009;
    /* border-bottom: 1px solid #D9DEE4; */
}

.nav_title {
    background: var(--menu-background-color);
}

.navbar-nav>li>a,
.navbar-brand,
.navbar-nav>li>a {
    color: var(--menu-text-color) !important;
}

.navbar-header {
    background: #34495E;
}

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

.nav.side-menu>li>a:hover,
.nav>li>a:focus {
    background: transparent;
}

.nav.child_menu li:hover,
.nav.child_menu li.active {
    background-color: rgba(255, 255, 255, 0.06);
}

.nav-md ul.nav.child_menu li:before {
    background: #425668;
}

.nav-md ul.nav.child_menu li:after {
    border-left: 1px solid #425668;
}

.nav.side-menu>li>a,
.nav.child_menu>li>a {
    color: var(--menu-text-color);
}

.nav.child_menu li li:hover,
.nav.child_menu li li.active {
    background: none;
}

.nav.child_menu li li a:hover,
.nav.child_menu li li a.active {
    color: var(--menu-text-color);
}

.nav.side-menu>li.current-page,
.nav.side-menu>li.active {
    border-right: 5px solid var(--menu-selectborder-color);
    /* border-right: 0px; */
}

.nav li.current-page {
    background: var(--menu-currentpage-color);
}

.nav li li li.current-page {
    background: none;
}

.nav li li.current-page a {
    color: var(--menu-text-color);
}

.nav.side-menu>li.active>a {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--menu-background-color)), to(var(--menu-background-color))), var(--menu-background-color);
    background: linear-gradient(var(--menu-background-color), var(--menu-background-color)), var(--menu-background-color);
}

.navbar-brand,
.navbar-nav>li>a {
    color: #ECF0F1 !important;
}

.nav.navbar-nav>li>a {
    color: #515356 !important;
}

.nav.top_menu>li>a {
    color: #34495E !important;
}

.nav>li>a:hover,
.nav>li>a:focus {
    background-color: transparent;
}

.nav.child_menu>li>a {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-nav .open .dropdown-menu {
    background: #fff;
    border: 1px solid #D9DEE4;
    -webkit-box-shadow: none;
}

/* nav color cuccuok end */



/* >>> Ne legyen input type="number" esetén léptető nyilak */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* <<< Ne legyen input type="number" esetén léptető nyilak */

/* Hogy olyan legyen mint az <a> tag-nél */
.login_content form div button {
    font-size: 12px;
    margin: 10px 15px 0 0;
}

/* >>> Date esetén ne legyen kiválasztási lehetőség (csak a format marad így meg) */
.tecs-no_date_selector::-webkit-inner-spin-button,
.tecs-no_date_selector::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.tecs-no_date_selector::-webkit-input-placeholder {
    visibility: hidden !important;
}

/* <<< Date esetén ne legyen kiválasztási lehetőség (csak a format marad így meg) */

.panel_toolbox {
    min-width: 0px;
}

.vonal_vizszintes {
    content: "";
    width: 100px;
    border-top: 3px solid #AA745F;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5%;
}

/* >>> dropzone kiegészítések */
/* .dropzoneDragArea {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    margin: 5px 0 !important;
    cursor: pointer;
}

.dropzone {
    box-shadow: 0px 2px 20px 0px #f2f2f2;
    border-radius: 10px;
} */
/* <<< dropzone kiegészítések */

.tecs-row-lista {
    margin-bottom: 10px;
}

/* gentelella-alela btn-xs nincsen, ezért itt létrehozva */
.btn-group-xs>.btn,
.btn-xs {
    padding: 0.25rem 0.4rem;
    font-size: 0.875rem;
    line-height: 0.5;
    border-radius: 0.2rem;
}

/* >>> gentelella-alela testre szabás (színek stb...) */
body {
    /* background: #2A3F54; */
    background: #FFFFFF;
    /* font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif; */
    font-family: "Inter", "Helvetica Neue", Roboto, Arial, "Droid Sans",
        sans-serif;
}

/* <<< gentelella-alela testre szabás (színek stb...) */


/* pnotify */
.pnotify-align-center {
    right: calc(50% - 150px) !important;
    /* középre */
}

/* wizard */
.stepContainer {
    /* azért kell, hogy js ellenőrzésnél a mező üzenetek kiírásakor növelődjön a magasság és ne legyen scrollbar */
    height: auto !important;
}

/* ALAP btn-alap */


.btn-alap {
    color: #FFFFFF !important;
    background-color: #AA745F !important;
    border-color: #AA745F !important;
}

.btn-alap:hover {
    color: #FFFFFF !important;
    background-color: #AA745F !important;
    border-color: #AA745F !important;
}

.btn-alap:focus,
.btn-alap.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-alap.disabled,
.btn-alap:disabled {
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-alap:not(:disabled):not(.disabled):active,
.btn-alap:not(:disabled):not(.disabled).active,
.show>.btn-alap.dropdown-toggle {
    color: #FFFFFF !important;
    background-color: #AA745F !important;
    border-color: #AA745F !important;
}

.btn-alap:not(:disabled):not(.disabled):active:focus,
.btn-alap:not(:disabled):not(.disabled).active:focus,
.show>.btn-alap.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

/* ALAP KERETES btn-alap_keret */

.btn-alap_keret {
    color: var(--btn-inverz-color) !important;
    background-color: var(--btn-inverz-background-color) !important;
    border-color: var(--btn-border-color) !important;
    border: 3px solid var(--btn-border-color) !important;
}

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

.btn-alap_keret:focus,
.btn-alap_keret.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-alap_keret.disabled,
.btn-alap_keret:disabled {
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-alap_keret:not(:disabled):not(.disabled):active,
.btn-alap_keret:not(:disabled):not(.disabled).active,
.show>.btn-alap_keret.dropdown-toggle {
    color: var(--btn-dropdown-color) !important;
    background-color: var(--btn-dropdown-background-color) !important;
    border-color: var(--btn-dropdown-border-color) !important;
}

.btn-alap_keret:not(:disabled):not(.disabled):active:focus,
.btn-alap_keret:not(:disabled):not(.disabled).active:focus,
.show>.btn-alap_keret.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

/* FELVITEL btn-felvitel */

.btn-felvitel {
    color: var(--btn-color) !important;
    background-color: var(--btn-background-color) !important;
    border-color: var(--btn-border-color) !important;
}

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

.btn-felvitel:focus,
.btn-felvitel.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-felvitel.disabled,
.btn-felvitel:disabled {
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-felvitel:not(:disabled):not(.disabled):active,
.btn-felvitel:not(:disabled):not(.disabled).active,
.show>.btn-felvitel.dropdown-toggle {
    color: var(--btn-dropdown-color) !important;
    background-color: var(--btn-dropdown-background-color) !important;
    border-color: var(--btn-dropdown-border-color) !important;
}

.btn-felvitel:not(:disabled):not(.disabled):active:focus,
.btn-felvitel:not(:disabled):not(.disabled).active:focus,
.show>.btn-felvitel.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

/* MENTÉS btn-mentes */

.btn-mentes {
    color: var(--btn-color) !important;
    background-color: var(--btn-background-color) !important;
    border-color: var(--btn-border-color) !important;
}

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

.btn-mentes:focus,
.btn-mentes.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-mentes.disabled,
.btn-mentes:disabled {
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-mentes:not(:disabled):not(.disabled):active,
.btn-mentes:not(:disabled):not(.disabled).active,
.show>.btn-mentes.dropdown-toggle {
    color: var(--btn-dropdown-color) !important;
    background-color: var(--btn-dropdown-background-color) !important;
    border-color: var(--btn-dropdown-border-color) !important;
}

.btn-mentes:not(:disabled):not(.disabled):active:focus,
.btn-mentes:not(:disabled):not(.disabled).active:focus,
.show>.btn-mentes.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

/* KÖVETKEZŐ btn-kovetkezo */

.btn-kovetkezo {
    color: #FFFFFF !important;
    background-color: #590009 !important;
    border-color: #590009 !important;
}

.btn-kovetkezo:hover {
    color: #FFFFFF !important;
    background-color: #590009 !important;
    border-color: #590009 !important;
}

.btn-kovetkezo:focus,
.btn-kovetkezo.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-kovetkezo.disabled,
.btn-kovetkezo:disabled {
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-kovetkezo:not(:disabled):not(.disabled):active,
.btn-kovetkezo:not(:disabled):not(.disabled).active,
.show>.btn-kovetkezo.dropdown-toggle {
    color: #FFFFFF !important;
    background-color: #590009 !important;
    border-color: #590009 !important;
}

.btn-kovetkezo:not(:disabled):not(.disabled):active:focus,
.btn-kovetkezo:not(:disabled):not(.disabled).active:focus,
.show>.btn-kovetkezo.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

/* MÉGSEM btn-megsem */

.btn-megsem {
    color: var(--btn-inverz-color) !important;
    background-color: var(--btn-inverz-background-color) !important;
    border-color: var(--btn-border-color) !important;
    border: 3px solid var(--btn-border-color) !important;
}

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

.btn-megsem:focus,
.btn-megsem.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-megsem.disabled,
.btn-megsem:disabled {
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-megsem:not(:disabled):not(.disabled):active,
.btn-megsem:not(:disabled):not(.disabled).active,
.show>.btn-megsem.dropdown-toggle {
    color: var(--btn-dropdown-color) !important;
    background-color: var(--btn-dropdown-background-color) !important;
    border-color: var(--btn-dropdown-border-color) !important;
}

.btn-megsem:not(:disabled):not(.disabled):active:focus,
.btn-megsem:not(:disabled):not(.disabled).active:focus,
.show>.btn-megsem.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

/* ELŐZŐ btn-elozo */

.btn-elozo {
    color: var(--btn-border-color) !important;
    background-color: var(--btn-inverz-background-color) !important;
    border-color: var(--btn-border-color) !important;
    border: 3px solid var(--btn-border-color) !important;
}

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

.btn-elozo:focus,
.btn-elozo.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-elozo.disabled,
.btn-elozo:disabled {
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-elozo:not(:disabled):not(.disabled):active,
.btn-elozo:not(:disabled):not(.disabled).active,
.show>.btn-elozo.dropdown-toggle {
    color: var(--btn-dropdown-color) !important;
    background-color: var(--btn-dropdown-background-color) !important;
    border-color: var(--btn-dropdown-border-color) !important;
}

.btn-elozo:not(:disabled):not(.disabled):active:focus,
.btn-elozo:not(:disabled):not(.disabled).active:focus,
.show>.btn-elozo.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

/* LÉPTETŐSNÉL MENTÉS btn-leptetosnel_mentes */

.btn-leptetosnel_mentes {
    /* color: var(--btn-background-color) !important;
    background-color: transparent !important;
    border-color: transparent !important; */
    color: var(--btn-mentes-color) !important;
    background-color: var(--btn-mentes-background-color) !important;
    border-color: var(--btn-mentes-border-color) !important;
}

.btn-leptetosnel_mentes:hover {
    /* color: var(--btn-hover-background-color) !important;
    background-color: transparent !important;
    border-color: transparent !important; */
    color: var(--btn-hover-color) !important;
    background-color: var(--btn-hover-background-color) !important;
    border-color: var(--btn-hover-border-color) !important;
}

.btn-leptetosnel_mentes:focus,
.btn-leptetosnel_mentes.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-leptetosnel_mentes.disabled,
.btn-leptetosnel_mentes:disabled {
    /* color: var(--btn-disabled-background-color) !important;
    background-color: transparent !important;
    border-color: transparent !important; */
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-leptetosnel_mentes:not(:disabled):not(.disabled):active,
.btn-leptetosnel_mentes:not(:disabled):not(.disabled).active,
.show>.btn-leptetosnel_mentes.dropdown-toggle {
    /* color: var(--btn-dropdown-background-color) !important;
    background-color: transparent !important;
    border-color: transparent !important;
    outline: 3px solid var(--btn-dropdown-background-color) !important;
    outline-offset: -3px; */
    color: var(--btn-dropdown-color) !important;
    background-color: var(--btn-dropdown-background-color) !important;
    border-color: var(--btn-dropdown-border-color) !important;
}

.btn-leptetosnel_mentes:not(:disabled):not(.disabled):active:focus,
.btn-leptetosnel_mentes:not(:disabled):not(.disabled).active:focus,
.show>.btn-leptetosnel_mentes.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow);
}

/* MÓDOSÍTÁS KICSI btn-modositas_kicsi */

.btn-modositas_kicsi {
    height: 30px;
    width: 30px;
    color: var(--btn-color) !important;
    background-color: var(--btn-background-color) !important;
    border-color: var(--btn-border-color) !important;
}

.btn-modositas_kicsi::before {
    font-family: fontAwesome;
    content: "\f044\00a0";
    display: inline-block;
    vertical-align: middle;
    margin-top: -12px;
    margin-left: -5px;
}

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

.btn-modositas_kicsi:focus,
.btn-modositas_kicsi.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-modositas_kicsi.disabled,
.btn-modositas_kicsi:disabled {
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-modositas_kicsi:not(:disabled):not(.disabled):active,
.btn-modositas_kicsi:not(:disabled):not(.disabled).active,
.show>.btn-modositas_kicsi.dropdown-toggle {
    color: var(--btn-dropdown-color) !important;
    background-color: var(--btn-dropdown-background-color) !important;
    border-color: var(--btn-dropdown-border-color) !important;
}

.btn-modositas_kicsi:not(:disabled):not(.disabled):active:focus,
.btn-modositas_kicsi:not(:disabled):not(.disabled).active:focus,
.show>.btn-modositas_kicsi.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

/* TÖRLÉS KICSI btn-torles_kicsi */

.btn-torles_kicsi {
    height: 30px;
    width: 30px;
    color: var(--btn-color) !important;
    background-color: var(--btn-background-color) !important;
    border-color: var(--btn-border-color) !important;
}

.btn-torles_kicsi::before {
    font-family: fontAwesome;
    content: "\f1f8\00a0";
    display: inline-block;
    vertical-align: middle;
    margin-top: -13px;
    margin-left: -4px;
}

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

.btn-torles_kicsi:focus,
.btn-torles_kicsi.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-torles_kicsi.disabled,
.btn-torles_kicsi:disabled {
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-torles_kicsi:not(:disabled):not(.disabled):active,
.btn-torles_kicsi:not(:disabled):not(.disabled).active,
.show>.btn-torles_kicsi.dropdown-toggle {
    color: var(--btn-dropdown-color) !important;
    background-color: var(--btn-dropdown-background-color) !important;
    border-color: var(--btn-dropdown-border-color) !important;
}

.btn-torles_kicsi:not(:disabled):not(.disabled):active:focus,
.btn-torles_kicsi:not(:disabled):not(.disabled).active:focus,
.show>.btn-torles_kicsi.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

/* FELVITEL KICSI btn-felvitel_kicsi */

.btn-felvitel_kicsi {
    height: 30px;
    width: 30px;
    color: var(--btn-color) !important;
    background-color: var(--btn-background-color) !important;
    border-color: var(--btn-border-color) !important;
}

.btn-felvitel_kicsi::before {
    font-family: fontAwesome;
    content: "\f067\00a0";
    display: inline-block;
    vertical-align: middle;
    margin-top: -12px;
    margin-left: -4px;
}

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

.btn-felvitel_kicsi:focus,
.btn-felvitel_kicsi.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-felvitel_kicsi.disabled,
.btn-felvitel_kicsi:disabled {
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-felvitel_kicsi:not(:disabled):not(.disabled):active,
.btn-felvitel_kicsi:not(:disabled):not(.disabled).active,
.show>.btn-felvitel_kicsi.dropdown-toggle {
    color: var(--btn-dropdown-color) !important;
    background-color: var(--btn-dropdown-background-color) !important;
    border-color: var(--btn-dropdown-border-color) !important;
}

.btn-felvitel_kicsi:not(:disabled):not(.disabled):active:focus,
.btn-felvitel_kicsi:not(:disabled):not(.disabled).active:focus,
.show>.btn-felvitel_kicsi.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

/* MEGTEKINTÉS KICSI btn-megtekintes_kicsi */

.btn-megtekintes_kicsi {
    height: 30px;
    width: 30px;
    color: var(--btn-color) !important;
    background-color: var(--btn-background-color) !important;
    border-color: var(--btn-border-color) !important;
}

.btn-megtekintes_kicsi::before {
    font-family: fontAwesome;
    content: "\f06e\00a0";
    display: inline-block;
    vertical-align: middle;
    margin-top: -13px;
    margin-left: -6px;
}

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

.btn-megtekintes_kicsi:focus,
.btn-megtekintes_kicsi.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-megtekintes_kicsi.disabled,
.btn-megtekintes_kicsi:disabled {
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-megtekintes_kicsi:not(:disabled):not(.disabled):active,
.btn-megtekintes_kicsi:not(:disabled):not(.disabled).active,
.show>.btn-megtekintes_kicsi.dropdown-toggle {
    color: var(--btn-dropdown-color) !important;
    background-color: var(--btn-dropdown-background-color) !important;
    border-color: var(--btn-dropdown-border-color) !important;
}

.btn-megtekintes_kicsi:not(:disabled):not(.disabled):active:focus,
.btn-megtekintes_kicsi:not(:disabled):not(.disabled).active:focus,
.show>.btn-megtekintes_kicsi.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

/* MAIL KICSI btn-mail_kicsi */

.btn-mail_kicsi {
    height: 30px;
    width: 30px;
    color: var(--btn-color) !important;
    background-color: var(--btn-background-color) !important;
    border-color: var(--btn-border-color) !important;
}

.btn-mail_kicsi::before {
    font-family: fontAwesome;
    content: "\f0e0\00a0";
    display: inline-block;
    vertical-align: middle;
    margin-top: -12px;
    margin-left: -5px;
}

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

.btn-mail_kicsi:focus,
.btn-mail_kicsi.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-mail_kicsi.disabled,
.btn-mail_kicsi:disabled {
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-mail_kicsi:not(:disabled):not(.disabled):active,
.btn-mail_kicsi:not(:disabled):not(.disabled).active,
.show>.btn-mail_kicsi.dropdown-toggle {
    color: var(--btn-dropdown-color) !important;
    background-color: var(--btn-dropdown-background-color) !important;
    border-color: var(--btn-dropdown-border-color) !important;
}

.btn-mail_kicsi:not(:disabled):not(.disabled):active:focus,
.btn-mail_kicsi:not(:disabled):not(.disabled).active:focus,
.show>.btn-mail_kicsi.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

/* NYÍL FEL KICSI btn-nyilfel_kicsi */

.btn-nyilfel_kicsi {
    height: 30px;
    width: 30px;
    color: var(--btn-color) !important;
    background-color: var(--btn-background-color) !important;
    border-color: var(--btn-border-color) !important;
}

.btn-nyilfel_kicsi::before {
    font-family: fontAwesome;
    content: "\f062";
    display: inline-block;
    vertical-align: middle;
    margin-top: -13px;
    margin-left: -6px;
}

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

.btn-nyilfel_kicsi:focus,
.btn-nyilfel_kicsi.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-nyilfel_kicsi.disabled,
.btn-nyilfel_kicsi:disabled {
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-nyilfel_kicsi:not(:disabled):not(.disabled):active,
.btn-nyilfel_kicsi:not(:disabled):not(.disabled).active,
.show>.btn-nyilfel_kicsi.dropdown-toggle {
    color: var(--btn-dropdown-color) !important;
    background-color: var(--btn-dropdown-background-color) !important;
    border-color: var(--btn-dropdown-border-color) !important;
}

.btn-nyilfel_kicsi:not(:disabled):not(.disabled):active:focus,
.btn-nyilfel_kicsi:not(:disabled):not(.disabled).active:focus,
.show>.btn-nyilfel_kicsi.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

/* NYÍL LE KICSI btn-nyilfel_kicsi */

.btn-nyille_kicsi {
    height: 30px;
    width: 30px;
    color: var(--btn-color) !important;
    background-color: var(--btn-background-color) !important;
    border-color: var(--btn-border-color) !important;
}

.btn-nyille_kicsi::before {
    font-family: fontAwesome;
    content: "\f063";
    display: inline-block;
    vertical-align: middle;
    margin-top: -13px;
    margin-left: -6px;
}

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

.btn-nyille_kicsi:focus,
.btn-nyille_kicsi.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-nyille_kicsi.disabled,
.btn-nyille_kicsi:disabled {
    color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important;
}

.btn-nyille_kicsi:not(:disabled):not(.disabled):active,
.btn-nyille_kicsi:not(:disabled):not(.disabled).active,
.show>.btn-nyille_kicsi.dropdown-toggle {
    color: var(--btn-dropdown-color) !important;
    background-color: var(--btn-dropdown-background-color) !important;
    border-color: var(--btn-dropdown-border-color) !important;
}

.btn-nyille_kicsi:not(:disabled):not(.disabled):active:focus,
.btn-nyille_kicsi:not(:disabled):not(.disabled).active:focus,
.show>.btn-nyille_kicsi.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

/* Nyelválasztó >>> */
.langdropdown {
    position: relative;
    display: inline-block;
}

.langdropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 100px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    text-align: start;
}

.langdropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.langdropdown-content a:hover {
    color: var(--btn-hover-color);
    background-color: var(--btn-hover-background-color);
    border-color: var(--btn-hover-border-color);
}

.langshow {
    display: block;
}

/* Nyelválasztó <<< */

/* >>> Accordion */
.accordion .panel-heading:after {
    font-family: "FontAwesome";
    content: "\f077";
    float: right;
    margin-top: -23px;
}

.accordion .panel-heading.collapsed:after {
    /* symbol for "collapsed" panels */
    font-family: "FontAwesome";
    content: "\f078";
    float: right;
    margin-top: -23px;
}

/* <<< Accordion */

/* Chat >>> */
.chat-uzenet-kitol {
    background-color: rgba(159, 226, 191, 0.88);
    border-color: rgba(159, 226, 191, 0.88);
}

.chat-area {
    background-color: rgba(0, 0, 0, 0.02);
}

.chat-ablak-kijelolve {
    border-width: medium;
}

.chat-ablak-nincskijelolve {
    border-width: thin;
}
/* <<< Chat */

/* >>> Mi az a kémia? */
/* ha itt változtatsz a background-color -on, akkor tedd meg azt az TesztController-ben is! */
.kemia-stabilnegativ {
    padding: 2px;
    color: white;
    background-color: #459ad5;
}

.kemia-kielegitettseg {
    padding: 2px;
    color: white;
    background-color: #c34885;
}

.kemia-kiegeszitettseg {
    padding: 2px;
    color: white;
    background-color: #ef2f24;
}

.kemia-osszesnegativ {
    padding: 2px;
    color: white;
    background-color: #71bf44;
}

.kemia-mozgoosztonzok {
    padding: 2px;
    color: white;
    background-color: #f9bb11;
}

/* <<< Mi az a kémia? */

.footer_background {
    color: #FFFFFF !important;
    background-color: #590009 !important;
}

.footer_background a {
    color: var(--alap-color-feher) !important;
}

.vonal_fuggoleges {
    content: "";
    position: absolute;
    left: 0;
    height: 80%;
    border-left: 3px solid #fff;
    margin-top: 10px;
    border-radius: 5%;
}

.vonal_vizszintes {
    content: "";
    width: 100px;
    border-top: 3px solid #AA745F;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5%;
}

.field-info {
    font-size: small;
    font-style: italic;
}

.genhattercsakhatter {
    /* background-color: #B1B8BD; */
    /* background-position: 0 0; */
    background-position: center;
    background-repeat: repeat-y;
    background-size: cover;

    background-image: url('../../images/kezdolap_gen_hatter.webp');
}

.tecs-file-button {
    top: 10px !important;
    right: 10px !important;
    padding: 0 !important;
}

.btn-warning {
    background-color: #F7F5F3;
    border-color: #F7F5F3;
}
.btn-warning:hover {
    background-color: #F7F5F3 !important;
    border-color: #F7F5F3 !important;
}
.btn-warning:focus,
.btn-warning.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}
.btn-warning.disabled,
.btn-warning:disabled {
    /* color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important; */
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
    background-color: #F7F5F3 !important;
    border-color: #F7F5F3 !important;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-primary {
    background-color: #590009;
    border-color: #590009;
}
.btn-primary:hover {
    background-color: #590009 !important;
    border-color: #590009 !important;
}
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}
.btn-primary.disabled,
.btn-primary:disabled {
    /* color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important; */
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    background-color: #590009 !important;
    border-color: #590009 !important;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-secondary {
    background-color: #AA745F;
    border-color: #AA745F;
}
.btn-secondary:hover {
    background-color: #AA745F !important;
    border-color: #AA745F !important;
}
.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    /* color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important; */
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    background-color: #AA745F !important;
    border-color: #AA745F !important;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}

.btn-success {
    background-color: #590009;
    border-color: #590009;
}
.btn-success:hover {
    background-color: #590009 !important;
    border-color: #590009 !important;
}
.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}
.btn-success.disabled,
.btn-success:disabled {
    /* color: var(--btn-disabled-color) !important;
    background-color: var(--btn-disabled-background-color) !important;
    border-color: var(--btn-disabled-border-color) !important; */
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
    background-color: #590009 !important;
    border-color: #590009 !important;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--btn-box-shadow) !important;
}