body {
    font-size: 12pt;
    text-align: center;
    margin: 0;
    padding: 0;
    border: 0;
}

.disabled {
    display: none;
}

.jobbra {
    text-align: right;
}

.balra {
    text-align: left;
}

div.banner {height: 255px;}

input[type=text], input[type=number], select {
    height: 25px;
    line-height: 25px;
}

select {
    min-width: 120px;
}

.ui-dialog-titlebar-close {
    display: none;
}

ui-dialog-buttonset {
    width: 100%;
}

.ui-dialog .ui-dialog-buttonpane button {margin: 5px 20px;}

table {
    border-collapse: collapse;
}

td.cella_bal {
    text-align: left;
}

td.cella_kozep {
    text-align: center;
}

td.cella_jobb {
    text-align: right;
}

a {
    padding-right: 30px;
}

a:link {
    color: floralwhite;
    font-weight: bold;
    text-decoration: none;
}

a:visited {
	color: floralwhite;
}

a:hover {
    text-shadow: 2px 2px 2px rgba(71, 123, 169, 0.3);
}

a:active {
	color: floralwhite;
}

.link:hover {
    cursor: pointer;
}

h1 {
    text-align: center;
    display: none;
}

.none {
    display: none;
}

.loader_hatter {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3000;
    background-color: rgba(0,0,0,0.7);
    display: none;
}

.loader {
    position: fixed;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 4000;
}

.loader_hatter_felirat {
    display: none;
    z-index: 4005;
    position: fixed;
    top: calc(50% - 50px);
    left: 0px;
    width: 100%;
    height: auto;
    text-align: center;
    color: red;
    font-weight: bold;
    font-size: 150%;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.tartalom {
    width: 970px;
    height: 100%;
    text-align: left;
    margin: auto;
    padding: 0px 10px;
    display: inline-block;
    vertical-align: middle;
}

#tartalom {
    background-color: #ffffff;
    /*border: 2px solid black;*/
    width: 970px;
    min-height: 500px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    padding: 0px 10px;
    text-align: center;
}

#oldal {
    width: 100%;
    position: relative;
}

footer, header {
    color: aliceblue;
    font-weight: bold;
    text-shadow: 2px 2px 2px darkblue;
    box-shadow: 0px 0px 1px 2px darkblue;
    height: auto;
    width: 98%;
    background-color: #477BA9;
    text-align: center;
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
}

footer {
    margin-top: 10px;
}

header {
  margin-bottom: 10px;
}

.header_tartalom {
    position: relative;
    min-height: 20px;
    height: auto;
    width: 1820px;
    padding: 7px 0px;
    background-color: #477BA9;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.footer_tartalom {
    position: relative;
    font-size: 80%;
    min-height: 15px;
    height: auto;
    width: 1820px;
    padding: 5px 0px;
    background-color: #477BA9;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#footer_uzlet {
    display: inline-block;
    font-size: 100%;
    text-align: left;
}

#footer_copy {
    float: right;
    display: inline-block;
}


.footer_tartalom, .header_tartalom {width: 940px;}

#loginbox {
    text-align: center;
    width: 100%;
}

#hiba_keret {
    display: none;
}

#fejlec_jobb {
    display: inline-block;
    position: absolute;
    right: 10px;
}

#datum, #login_user {
    display: inline-block;
    margin: 0px 20px;
}

#datum {
  display: none !important;
}

#menu {
  display: none;
}

#telefon_menusor {display: block}
#telefon_menusor_tartalom {width: 954px; height: 50px; line-height: 50px;}
#telefon_menu {display: block}
.telefon_menugomb button {height: 35px;}

#vonal {
    height: 20px;
    line-height: 20px;
    font-size: 105%;
}

#vonalkod {
    height: 16px;
    line-height: 16px;
    font-size: 90%;
}

.vonalkod_dialog_gomb {
    padding: 15px 25px;
    margin: 0px 10px;
}

#vasarlas_kp {
    width: calc(50% - 42px);
}

#vasarlas_kartya {
    width: calc(50% - 42px);
}

.termek_gomb {
    padding-top: 10px;
    margin: 10px 5px;
    height: auto;
}

.termek_gomb_kicsi img {}
.termek_gomb_kicsi .termek_nev {
    font-size: 65%;
}
.termek_gomb_kicsi .eladott_darab {
    font-size: 75%;
}

.termek_kep_w {
    width: 80px;
}

.termek_kep_h {
    padding-top: 70%;
    position: relative;
}

.termek_kep {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.termek_kep img {
    object-fit: contain;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.termek_gomb, .termek_gomb_kicsi {padding: 5px; margin: 8px 5px;}
.termek_gomb img {max-width: 160px; max-height: 120px}

.termek_nev {
    display: inline-block;
    font-size: 100%;
    font-family: sans-serif;
}

.termek_tulajdonsag {
    display: inline-block;
}

.eladott_darab {
    display: inline-block;
    font-size: 100%;
    vertical-align: middle;
}

.eladott_darab div {
    display: inline-block;
}

.lapozo_header {
    border-collapse: separate;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.lapozo_header td {
    padding: 1px 10px;
}

.lapozo_tartalom {
    margin-top: 25px;
}

#termek_stat {
    display: none;
    position: fixed;
    top: 1%;
    left: 1%;
    bottom: 1%;
    right: 1%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 100;
    padding: 2%;
}

.tetelsoros td, .tetelsoros th {
    padding: 2px 20px;
}

#settings {
    position: relative;
}

#settings_menu {
    position: absolute;
    top: 0px;
}

.settings_menu_button {
    border-radius: 3px;
    display: inline-block;
    padding: 4px 5px;
    shape-margin: 0px 20px;
    height: 20px;
    z-index: 1000;
}

.settings_aktiv {
    border-top: 2px;
    border-left: 2px;
    border-right: 2px;
    border-bottom: 0px;
    border-style: solid;
    border-color: black;
    background: rgb(255,255,255);
}

.settings_inaktiv {
    border-top: 2px;
    border-left: 2px;
    border-right: 2px;
    border-bottom: 0px;
    border-style: solid;
    border-color: black;
    background: rgba(0,0,0,0.5);
}

.settings_inaktiv:hover {
    cursor: pointer;
}

#settings_content {
    border: 2px solid black;
}

.content_aktiv {
    display: inline-block;
}

.content_inaktiv {
    display: none;
}

.szalagmenu {
    background-color: cornflowerblue;
    height: 30px;
    line-height: 30px;
    padding: 5px;
    margin-top: 10px;
}

.szalagmenu:hover {
    cursor: pointer;
}

.szalag_content {
    background-color: azure;
    padding: 20px 10px;
    display: none;
    border: 2px solid cornflowerblue;
}

.config_link {
    color: #2779aa !important;
}

#config_users {
    border-spacing: 0px;
}

#config_users td, #config_users th, .config_zaras td, .config_zaras th {
    padding: 2px 10px;
}

#config_users td {
    text-align: left;
}

.config_lista {
    margin: 0px auto;
    text-align: center;
}

.config_lista td, .config_lista th {
    padding: 2px 10px;
}

.aktiv {
    color: black;
    background: none;
}

.tiltott {
    color: darkred;
    background-color: indianred;
}

.egysegar {
    width: 70px;
}

#new_user_table {
    text-align: left;
}

#new_user_table tr {
    height: 25px;
    line-height: 25px;
}

#nincs_vonalkod {
    font-weight: bold;
    font-size: 110%;
}

.stat_ossz {
    width: 100%;
    background-color: burlywood;
    font-size: 125%;
    text-align: center;
    min-height: 30px;
    line-height: 30px;
    margin: 5px 0px;
}

.sor_rossz {
    color: red;
}

.keszlet_table {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

.keszlet_table th, .keszlet_table td {
    padding: 2px 20px;
}

.keszlet_nev {
    font-size: 140%;
    font-weight: bold;
}

#vasarlas_vezerles {
    height: 180px;
    width: 100%;
    border: 3px solid grey;
    margin-top: 10px;
}

#vasarlas_szamok {
    height: 100%;
    width: 25%;
    float: left;
}

.vasarlas_szam {
    width: 70px;
    height: 35px;
    margin: 5px;
    float: left;
    font-size: 130% !important;
}

#vasarlas_del {
    background: #ffbfbf url(js/images/ui-bg_red_80_ffbfbf_1x400.png) 50% 50% repeat-x !important;
}

#vasarlas_szam_db {
    width: 60px;
    height: 30px;
    margin: 5px;
    float: left;
    font-size: 130% !important;
    padding-left: 5px;
    border-radius: 6px;
}

#vasarlas_tetelek {
    height: 100%;
    width: 50%;
    float: left;
    text-align: left;
}

.vasarlas_cimsor {
    margin: 2px;
    font-size: 110%;
    text-align: center;
}

.vasarlas_tetelsor {
    height: 125px;
    overflow-y: scroll;
    text-align: center;
}

.keszlet_tetelsor {
    height: 125px;
    overflow-y: scroll;
    text-align: center;
    padding-left: 100px;
}

#vasarlas_tetelsor_adatok td, #keszlet_tetelsor_adatok td {
    padding: 0px 5px;
    text-align: right;
    line-height: 25px;
    vertical-align: middle;
}

.vasarlas_lista_nev {
    min-width: 130px;
    text-align: left !important;
}

.vasarlas_lista_egysegar {
    min-width: 100px;
}

.vasarlas_lista_db {
    min-width: 50px;
}

.vasarlas_lista_osszesen {
    min-width: 100px;
}

.vasarlas_lista_torol {
    min-width: 20px;
}

.lista_torles {
    cursor: pointer;
}

#vasarlas_vege {
    position: relative;
    width: 100%;
    height: 26px;
    background-color: gainsboro;
}

#vasarlas_ossz {
    display: inline-block;
    float: right;
    margin-right: 5%;
}

#vege {
    float: left;
    margin-left: 5%;
    padding: 10px;
    position: absolute;
    bottom: -5px;
}

#vasarlas_osszegzes {
    height: 100%;
    width: 25%;
    float: left;
    position: relative;
}

#vasarlas_zaras_gomb {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
}

#utolso_vasarlas {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

#vasarlas_ossz_ertek, #utolso_vasarlas_ertek {
    display: inline-block;
    width: 70px;
    text-align: right;
}

#utolso_vasarlas_ido {
    display: inline-block;
}

#vasarlas_vegosszeg {
    display: inline-block;
}

.eredmeny {
    font-size: 120%;
    font-weight: bold;
}

.modosit_osszeg {
    width: 80px;
}

table.urlap td {
    padding: 5px;
}

.msg-keret {
    width: 100%;
    border-top: 2px solid rgba(0, 0, 0, 0.3);
    padding: 10px 0px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.msg-header {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    font-weight: bold;
    color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.msg-header div {
    display: inline-block;
}

.msg-body {
    width: 100%;
    padding: 10px 0px;
    margin-bottom: 50px;
    background-color: #00000022;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.msg-body span {
    font-weight: bold;
    font-size: 110%;
}

.msg-body p {
    padding: 5px;
    margin: 0px 0px 15px 0px;
}

.uzlet_gomb {
    width: 50vw;
    height: 50px;
    margin: 20px 0px;
}