body {
    background-color: gray;
}

.main-container {
    background-color: white;
}

.site-footer {
    margin-top: 80px;
    padding: 10px;
    background-color: #eee;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.btn {
    margin: 0px 0px 5px 0px;
}

.btn-inline {
    margin: 0px 0px 0px 0px;
}

.btn-xs {
    border: 0px;
    margin: 0px;
}

.fooldal-gombok {
    margin-top: 50px;
}

.normal {
    font-weight: normal;
}

.jumbotron {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
}

/*
Felső navigációs menü egyedi színekkel
(Generálva: http://work.smarchal.com/twbscolor/)
*/
.navbar-default {
    background-color: #337ab7;
    border-color: #286090;
    /* A legfelső sáv van felül, a menüsor pedig becsúszik ez alá. */
    z-index: 102;
}

.navbar-default .navbar-brand {
    color: #ffffff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
}

.navbar-default .navbar-text {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
}

/* Lenyíló menük formázása. */
.navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: #337ab7;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
    color: #ecf0f1;
    font-size: 13px;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
    color: #ecdbff;
    background-color: #286090;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
    background-color: #286090;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ecdbff;
    background-color: #286090;
}

/* Almenü kategória formázása. */
.navbar-default .navbar-nav .open .dropdown-menu .almenu-kategoria {
    color: #ffffff;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
}
/* Lenyíló menük formázásának vége. */

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #286090;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #286090;
}

.navbar-default .navbar-toggle {
    border-color: #286090;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #286090;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #ffffff;
}

.navbar-default .navbar-link {
    color: #ffffff;
}

.navbar-default .navbar-link:hover {
    color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #286090;
    }
}

/* Felső navigációs menü reszponzivitásának javítása (a sok menüpont miatt). */
@media screen and (max-width: 1300px) and (min-width: 768px) {
    /* A címeket eltüntetni, csak az ikonok legyenek láthatóak. */
    .fomenu-cim {
        display: none;
    }
}

/* Felső navigációs menü méretének csökkentése. */
.navbar-small {
  /* A menüsort becsúsztatjuk a legfelső sor alá. */
  margin-top: 57px;
  z-index: 101;
}

.navbar-small .navbar-brand {
    padding-top: 24px;
}

.navbar-small .navbar-nav > li > a {
    padding: 10px 12px 6px 12px;
    margin-top: 14px;
}

/* Kisméretű mobilos menüt kinyitó gomb. */
.navbar-small .navbar-toggle {
    margin: 24px 15px 0px 0px;
    padding: 4px;
}

.navbar-small .navbar-toggle .icon-bar {
    width: 14px;
}

.navbar-small .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 2px;
}

/* Mézes madzag. */
.mezes-madzag {
    /* display: none; */
    position: absolute;
    left: -999em;
}

/* Már nincs használatban, csak a rögzítéshez és tördeléshez használt parancsok miatt hagytam meg. */
.felso-info-sav {
    /* Maradjon rögzítve görgetéskor. */
    position: fixed;
    z-index: 1;
    /* A sáv tartalma ne legyen tördelhető. */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}

/* AJAX esetén ennek a láthatatlan képnek a betöltésével indítunk JS funkciókat. */
.onload_pic {
    display: none;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

/* Bootstrap táblázat fejlécének egyedi formázása. */
th {
    background-color: #b0b0b0;
    color: white;
    border-left: 2px solid lightgray;
}

/* Bootstrap táblázat sorainak váltakozó színe a fehérrel párban. */
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f2f2f2;
}

/* Bootstrap táblázat kijelölt sorának egyedi formázása. */
.table-hover tbody tr:hover td {
    background-color: #ffffcc;
}

/* Link kijelölése az iktatási listában. */
.kijelolt, .kijelolt:focus {
    background-color: #a7f1a7;
}

/* Egyedi fájlfeltöltő gomb. */
.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}

/* Beviteli mezőn belüli ikon, jelölés. */
/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon .inner-icon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align icon */
.left-addon .inner-icon {
    left: 0px;
}
.right-addon .inner-icon {
    right: 0px;
}

/* add padding */
.left-addon input {
    padding-left: 30px;
}
.right-addon input {
    padding-right: 30px;
}

/* Devizák belső jelölése a beviteli mezőn belül. */
.left-addon.deviza input {
    padding-left: 35px;
}
.right-addon.deviza input {
    padding-right: 35px;
}

/* Bootstrap címkék pozícionálásának javítása. */
.label {
    font-family: monospace;
    position: relative;
    top: -2px;
}

/* Bootstrap füles menü formázása. */
.nav-tabs {
    background-color: #eee;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.nav-tabs > li > a:hover {
    background-color: #e6e6e6 !important;
}

/*
.nav-tabs > li.active > a {
    background-color: black !important;
    color: white !important;
}
*/

.mono {
    font-family: monospace;
}

.font-110 {
    font-size: 110%;
}

.font-120 {
    font-size: 120%;
}

/* Számla tábla. */
.szamla-tabla {
    width: 1200px;
    margin: auto;
}

.szamla-tabla tr td {
    padding: 8px;
}

.szamla-cegnev {
    font-size: 18px;
    font-weight: bold;
}

/* Pénztárbizonylat tábla. */
.penztarbizonylat-tabla {
    width: 950px;
    margin: auto;
    border: 2px solid black;
}

.penztarbizonylat-tabla tr td {
    padding: 4px;
}

.nowrap {
    white-space: nowrap;
}

.blinking-red {
	animation: blinkingTextRed 0.8s infinite;
}

@keyframes blinkingTextRed {
	0%   { color: #ff0000; }
	25%  { color: #ff0000; }
	50%  { color: transparent; }
	75%  { color: #ff0000; }
	100% { color: #ff0000; }
}

.blinking-white {
	animation: blinkingTextWhite 0.8s infinite;
}

@keyframes blinkingTextWhite {
	0%   { color: #ffffff; }
	25%  { color: #ffffff; }
	50%  { color: transparent; }
	75%  { color: #ffffff; }
	100% { color: #ffffff; }
}

.cursor-pointer {
    cursor: pointer;
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media print {
    .noprint {
       display: none;
    }
 }

 details {
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 0.5em 0.5em 0;
}

summary {
    font-weight: bold;
    margin: -0.5em -0.5em 0;
    padding: 0.5em;
    cursor: pointer;
}

details[open] {
    padding: 0.5em;
}

details[open] summary {
    border-bottom: 1px solid #aaa;
    margin-bottom: 0.5em;
}