body {width:100%;height:100%;padding:0px;margin:0px; text-align:center; background-color: #ffffff;}
body, table td, table th {padding: 0px;color: #ffffff;font: 12px/12px Helvetica, sans-serif;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}

A:link {font-family: Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #000;}
A:active { font-family: Helvetica, sans-serif;FONT-SIZE: 12px; COLOR: #000;}
A:visited {font-family: Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #000;}
A:hover { font-family: Helvetica, sans-serif;FONT-SIZE: 12px;COLOR: #bb271a; TEXT-DECORATION: underline;}


a.menu:link, a.menu:active, a.menu:visited { 
    position: relative;
    display: inline-block; line-height: 20px;font-size: 14px;font-family: Helvetica, sans-serif;color:#ffffff; text-transform: uppercase; TEXT-DECORATION: none; transition: color 0.10s ease-out;}

/* Aláhúzás */
a.menu::after {
    content: "";
    position: absolute;

    left: 5px;
    bottom: -20px;

    width: calc(100% - 10px);
    height: 4px;

    background-color: #bb271a;

    transform: scaleX(0);
    transform-origin: center;

    transition: transform 0.25s ease-out;
}

/* Egér fölé kerül */
a.menu:hover::after {
    transform: scaleX(1);
}

.profile-menu {
    position: relative;
    display: inline-block;
}

.profile-menu-button {
    display: flex;
    align-items: center;
    justify-content: center;
    
}

a.profile-menu-button:link, a.profile-menu-button:active, a.profile-menu-button:visited {
     text-transform: none; TEXT-DECORATION: none;
    
}

a.profile-menu-button::after {
    content: "";
    position: absolute;
    left: 5px;
    bottom: -18px;
    width: calc(100% - 10px);
    height: 4px;
    background-color: #bb271a;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.25s ease-out;
}
a.profile-menu-button:hover::after {
    transform: scaleX(1);
}

.profile-dropdown-text{
line-height: 40px;font-size: 14px;font-family: Helvetica, sans-serif;color:#aaa;
padding-right:14px;
padding-left:14px;
    display: block;
}

.profile-menu-button svg {
    color: #ffffff !important;
}

.profile-menu-button svg path {
    fill: currentColor !important;
}

.profile-dropdown {
	text-align:left;
    display: none;
    position: absolute;
    top: calc(100% + 18px);
    right: -16px;
    min-width: 180px;
    z-index: 1000;

    background: rgba(0, 0, 0, 0.7);

    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.profile-dropdown a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;color:#fff;
}

.profile-dropdown .profile-name {
    font-weight: bold;
}

.profile-dropdown a:hover {
    background: #bb271a;
}



.text-left{margin-left:0;margin-right:auto;text-align:left;}
.text-right{margin-left:auto;margin-right:0;text-align:right;}
.text-center{margin:0 auto;text-align:center;}
.textv-top{vertical-align:top}
.textv-center{vertical-align:middle}
.textv-bottom{vertical-align:bottom}
.table-100-center{width:100%;border:0;border-spacing:0px;margin:0 auto;text-align:center;}
.table-1000-center{width:1000px;border:0;border-spacing:0px;margin:0 auto;text-align:center;}
.table-border{border:0;border-spacing:0px;}

.site-bg2 {
    background-image: url("/img/7gen-home.jpg");
    background-size: 100% auto;
    background-position: center -100px;
    background-repeat: no-repeat;
}

.top-bg {
    vertical-align: bottom;
    width: 100%;
    height: 400px;
    min-width: 800px;
    background-image: url("/images/home.jpg");
    background-size: cover;
    background-repeat: no-repeat;
background-position: 40% bottom;
}

.top-bg-user {
    vertical-align: bottom;
    width: 100%;
    height: 400px;
    min-width: 800px;
    background-image: url("/images/home-user.jpg");
    background-size: cover;
    background-repeat: no-repeat;
background-position: 40% bottom;
}

a.topbox-link:link, a.topbox-link:active, a.topbox-link:visited {TEXT-DECORATION: none;font-size: 10.5px;line-height: 10.5px;font-family: Helvetica, sans-serif;color:#ffffff; }
a.topbox-link:hover {color:#ffffff;TEXT-DECORATION: none;}

.topbox-text {color:#ffffff; padding-left:2px;}

.bottom-bg {
    vertical-align: bottom;
    width: 100%;
    height: 60px;
    min-width: 800px;
     background-color: #444444;
}


input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
}
input,
select,
textarea {
    width: 100%;
    box-sizing: border-box;

    background: #ffffff;

    border: 2px solid;
    border-color: #808080 #ffffff #ffffff #808080;

    padding: 3px 4px;

    font-family: Tahoma, "MS Sans Serif", Arial, sans-serif;
    font-size: 13px;
    color: #000000;

    border-radius: 0;
    box-shadow: none;
}
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
.select-wrapper {
    position: relative;
    display: inline-block;
    width: calc(50% - 2.5px);
    box-sizing: border-box;
    vertical-align: middle;
}

.select-wrapper + .select-wrapper {
    margin-left: 5px;
}

.select-wrapper select {
    width: 100%;
    padding-right: 22px;
    box-sizing: border-box;
}

.select-wrapper::after {
    content: "▼";
    position: absolute;
    right: 7px;
    top: 60%;
    transform: translateY(-50%);
    font-size: 9px;
    color: #000000;
    pointer-events: none;
}

.select-wrapper2 {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.select-wrapper2 select {
    width: 100%;
    padding-right: 22px;
}
.select-wrapper2::after {
    content: "▼";
    position: absolute;
    right: 7px;
    top: 60%;
    transform: translateY(-50%);
    font-size: 9px;
    color: #000000;
    pointer-events: none;
}

button{
	background-color:#bb271a;
	color:#ffffff;
    margin-top:0px;
    width:100%;
    padding:10px;
}
.greybutton button{
	background-color:#cccccc;
	color:#000000;
    margin-top:0px;
    width:100%;
    padding:10px;
}
.darkgreybutton button{
	background-color:#444444;
	color:#ffffff;
    margin-top:0px;
    width:100%;
    padding:10px;
}

.bluebutton button{
	background-color:#1667b0;
	color:#ffffff;
    margin-top:0px;
    width:100%;
    padding:10px;
}
.removebutton button{
	background-color:#bb271a;
	color:#ffffff;
    margin-top:0px;
    width:100%;
    padding:5px;
}

form {
    margin: 0;
}

p {
    margin: 0 0 10px 0;
}

.table-border{border:0;border-spacing:0px;}

.top-line{width: 100%; height:60px;border-bottom: 0px solid #bb271a;position: absolute; COLOR: #ffffff; }
.top-line::before {
    content: "";
    position: absolute;
    inset: 0;

    background-color: rgba(0, 0, 0, 0.7);

    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);

    z-index: 0;
}
.top-line > table {
    position: relative;
    z-index: 1;
}

.top-line-text{font-size: 16px;line-height: 20px;font-family: Helvetica, sans-serif;color:#fff;}


.submenu{ height:40px; padding-left:20px; padding-right:10px;}


a.leftmenu:link, a.leftmenu:active, a.leftmenu:visited {border-left: 3px solid #bb271a;line-height: 40px;padding-left:10px;padding-right:5px; font-size: 16px;font-family: Helvetica, sans-serif;color:#000; TEXT-DECORATION: none;    transition: color 0.10s ease-out;}
a.leftmenu:hover {color:#bb271a;TEXT-DECORATION: none;    transition: color 0.10s ease-out;}

a.leftmenu-back:link, a.leftmenu-back:active, a.leftmenu-back:visited {border-left: 3px solid #ccc;line-height: 40px;padding-left:10px;padding-right:5px; font-size: 16px;font-family: Helvetica, sans-serif;color:#000; TEXT-DECORATION: none;    transition: color 0.10s ease-out;}
a.leftmenu-back:hover {color:#bb271a;TEXT-DECORATION: none;    transition: color 0.10s ease-out;}

a.dobozmenu:link, a.dobozmenu:active, a.dobozmenu:visited {font-size: 16px;font-family: Helvetica, sans-serif;color:#000; TEXT-DECORATION: none;    transition: color 0.10s ease-out; display: flex;width: 150px; height: 150px; background: #eee; text-decoration: none; align-items: center; justify-content: center; text-align: center; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.25);}
a.dobozmenu:hover {background: #bb271a;color:#fff;TEXT-DECORATION: none;    transition: color 0.10s ease-out;}

a.epc:link, a.epc:active, a.epc:visited {padding: 10px; border: 1px solid #000; font-size: 12px;line-height: 20px;font-family: Helvetica, sans-serif;color:#000; TEXT-DECORATION: none; display: block; width: auto; height: 100%; min-height:150px; background: #fff; text-decoration: none; align-items: center; justify-content: center; text-align: center;}
a.epc:hover {background: #bb271a;color:#fff;TEXT-DECORATION: none;}

a.manual:link, a.manual:active, a.manual:visited {padding: 11px; font-size: 12px;line-height: 12px;font-family: Helvetica, sans-serif;color:#000; TEXT-DECORATION: none; display: block; width: auto; height: 100%; text-decoration: none;}
a.manual:hover {color:#bb271a;TEXT-DECORATION: none;}

.manual-box{background-color: #cccccc;}

.car-list {
    background-color: #bbbbbb;
}

.epc-title { font-size: 16px;line-height: 50px;font-family: Helvetica, sans-serif;color:#000;display: inline-block;}


.epc-title::after {
    content: "";
    display: block;
    width: calc(100% - 10px);
    height: 4px;
    background: #bb271a;
    margin: -10px auto 15px;
}

.epc-title2 { font-size: 16px;line-height:16px;font-family: Helvetica, sans-serif;color:#000;}
.epc-title3 { font-size: 12px;line-height:16px;font-family: Helvetica, sans-serif;color:#ffffff;}
.epc-title5 { font-size: 16px;line-height: 50px;font-family: Helvetica, sans-serif;color:#bb271a;display: inline-block;}

.epc-text { font-size: 12px;line-height: 18px;font-family: Helvetica, sans-serif;color:#000;}
.epc-text2 { font-size: 12px;line-height: 12px;font-family: Helvetica, sans-serif;color:#000;}
.epc-table {
    border-collapse: collapse;
    border: 1px solid black;
}

.epc-table td,
.epc-table th {
    border: 1px solid black;
    padding: 8px;
}

.row-even {
    background-color: #eeeeee;
}

.row-odd {
    background-color: #cccccc;
}

.menutable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px;
}

.searchbox {
    width: 100%;
}

.menutable td {
}
.heightauto{
    height: auto;
}
.servicetable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px;
}
.servicetable2 {
    width: 70%;
    border-collapse: separate;
    border-spacing: 20px;
}

.databox-text1 { font-size: 16px;line-height: 20px;font-family: Helvetica, sans-serif;color:#ffffff;}
.databox-text2 { font-size: 12px;line-height: 20px;font-family: Helvetica, sans-serif;color:#000000;}
.databox-text3 {background-color:#666666; padding:10px;font-size: 12px;font-family: Helvetica, sans-serif;color:#ffffff;padding-bottom:10px;}
.databox-text4 {background-color:#ffffff; padding:10px;font-size: 16px;font-family: Helvetica, sans-serif;color:#ffffff;padding-bottom:10px;}
.databox-text5 { font-size: 12px;line-height: 20px;font-family: Helvetica, sans-serif;color:#ffffff;}

.datebox2 {
background-color:#eeeeee;
color:#000000;
}
.datebox2-top {
background-color:#444444; padding:10px;text-align:center;border-bottom: 0px solid #bb271a;
}

.elvalaszto {border-left: 1px solid #ffffff;}
.elvalaszto2 {border-right: 1px solid #ffffff;padding-right:20px;}

.texttop { font-size: 22px;line-height: 44px;font-family: Helvetica, sans-serif;color:#000;}

.text { font-size: 16px;line-height: 20px;font-family: Helvetica, sans-serif;color:#000;}

.newsbottom-line{border-bottom: 3px solid #bb271a;}


.p5 {padding: 5px;}
.pl5 {padding-left: 5px;}
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pr5 {padding-right: 5px;}
.pl10 {padding-left: 10px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pb20 {padding-bottom: 20px;}

@media print {

    body * {
        visibility: hidden !important;
    }
    
    #print-button {
        display: none !important;
    }

    #print-area,
    #print-area * {
        visibility: visible !important;
    }

    #print-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    #print-area,
    #print-area * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}