/* 
    Created on : 2018
    Author     : Simisoma
*/
@charset "utf-8";


body, html {
    
    height: 100%;
    margin-left: 5px;
    margin-right: 5px;
}
.bg { 
    /* The image used */
    background-image: url("../images/felho.png");
    /* Full height */
    height: 100%; 
    /* Center and scale the image nicely */
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.cella {
    padding: 50px;
    font-size: 14pt;
}
#admin_logo{
    width: 100px;
}
#iframe_process {
    border: none;
    height: 50px;
    width: 100%;
    margin-bottom: 10px;
    overflow-y:hidden;
    overflow: hidden;
}
.tartalmi_sav {
    height: 100%;
    border-right: solid 1px gray;
}
.jobb_sav{
    height: 100%;
    /*border-left: solid 1px gray;*/
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#img-upload{
    width: 100%;
}

/*Dropdown submenu*/
.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}




/*slider*/

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
.btn-light:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.has-error .form-control,
.has-error .form-select,
.has-error.form-control,
.has-error.form-select {
    border-color: #dc3545;
}
.has-success .form-control,
.has-success .form-select,
.has-success.form-control,
.has-success.form-select {
    border-color: #198754;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}
.oldal_menu{
    font-size: 22pt;
}
/*Slider vége*/
#dokumentumok_feltoltese{
    width: 100%;
}

/* Szamla urlap es lista */
.rd-meta {
    font-size: 0.72rem;
    color: #64748b;
}
.szla-nav-teszt-sav {
    border-left: 4px solid #b8860b;
}
.rd-fej {
    background: linear-gradient(90deg, #e8f1ff 0%, #ffffff 55%);
    border: 1px solid #d3e3f8;
    border-left: 4px solid #2563eb;
    border-radius: 0.6rem;
    padding: 0.9rem 1.1rem;
}
.szla-lap {
    width: 100%;
}
.szla-panel {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.55rem;
    padding: 1rem 1.1rem;
}
.szla-panel-cim {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 0.65rem;
}
.szla-panel-kibocsato {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    border-left: 3px solid #2563eb;
}
.szla-kibocsato-nev {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0.35rem;
}
.szla-panel-partner {
    background: #fafbff;
    border-left: 3px solid #3b82f6;
}
.szla-mezo-cimke {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 0.15rem;
}
.szla-mezo-ertek {
    font-size: 0.92rem;
    color: #1e293b;
    margin-bottom: 0.5rem;
}
.szla-panel-adatok {
    background: #f8fafc;
}
.szla-datum-gyors {
    font-size: 0.75rem;
}
.szla-datum-gyors a {
    color: #2563eb;
    text-decoration: none;
    margin-right: 0.35rem;
}
.szla-datum-gyors a:hover {
    text-decoration: underline;
}
.szla-panel-tetelek {
    padding: 0;
    overflow: hidden;
}
.szla-panel-tetelek > .szla-panel-cim {
    padding: 0.85rem 1rem 0;
}
.szla-tetel-fejlec {
    display: none;
    grid-template-columns: 2fr 0.7fr 0.6fr 0.9fr 0.8fr;
    gap: 0.5rem;
    padding: 0.35rem 1rem;
    background: #f1f5f9;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #475569;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}
.szla-uj-tetel {
    background: #fffbeb;
    border-bottom: 1px solid #fde68a;
    padding: 0.85rem 1rem 1rem;
}
.szla-uj-tetel-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}
.szla-uj-tetel-grid .szla-uj-mezo {
    min-width: 0;
}
.szla-tetel-lista {
    padding: 0 0.5rem 0.5rem;
}
.szla-tetel-tabla {
    width: 100%;
}
.szla-lista-tabla {
    width: 100%;
}
.szla-sum-brutto {
    font-size: 1.15rem;
    color: #0f172a;
}
.szla-lezaras-gomb {
    min-width: 12.5rem;
    white-space: nowrap;
}
.szla-siker {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-left: 3px solid #16a34a;
    border-radius: 0.55rem;
    padding: 1.1rem 1.25rem;
    margin: 0.75rem 0 1rem;
}
.szla-siker-cim {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #16a34a;
}
.szla-lap-lablec-spacer {
    height: 5.75rem;
}
.szla-lap-lablec {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.12);
}
.szla-lap-lablec-inner {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0.65rem 1rem 0.5rem;
    width: 100%;
}
.szla-lablec-sor {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem 1rem;
}
.szla-lablec-osszeg-sor {
    justify-self: center;
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 0.65rem;
    padding: 0.4rem 0.85rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    max-width: 100%;
}
.szla-lablec-osszeg-cim {
    font-size: 0.75rem;
    color: #64748b;
    padding-right: 0.55rem;
    border-right: 1px solid #e2e8f0;
    white-space: nowrap;
}
.szla-lablec-osszeg {
    white-space: nowrap;
    font-size: 0.9rem;
}
.szla-lablec-tipp {
    margin: 0.4rem 0 0;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.3;
    color: #94a3b8;
}
.szla-tetel-sor-uzenet:empty {
    display: none;
}
.szla-partner-list {
    max-height: 28rem;
    overflow: auto;
}
@media (min-width: 768px) {
    .szla-tetel-fejlec {
        display: grid;
    }
    .szla-uj-tetel-grid {
        grid-template-columns: 2fr 0.7fr 0.6fr 0.9fr minmax(7rem, 0.9fr);
        align-items: end;
    }
}
@media (max-width: 767.98px) {
    .szla-lablec-sor {
        grid-template-columns: 1fr 1fr;
    }
    .szla-lablec-osszeg-sor {
        grid-column: 1 / -1;
        order: -1;
        justify-self: stretch;
        justify-content: space-between;
        overflow-x: auto;
    }
    .szla-lablec-torles,
    .szla-lezaras-gomb {
        width: 100%;
    }
    .szla-lap-lablec-spacer {
        height: 8.5rem;
    }
}