/*
VBOSZ rendszer saját CSS fájlja
*/
/*
    Created on : 2016.11.10., 15:58:50
    Author     : medve
*/
/* Button */
/*footer*/
/* width */
.fill {object-fit: fill;}
.contain {object-fit: contain;}
.cover {object-fit: cover;}
.scale-down {
    object-fit: scale-down;
    border:1px solid #d4d4d4; 
    min-height:178px; 
    max-height: 178px; 
    width:100%;
    background: white;
}
.scale-down2 {
    object-fit: scale-down;
    border:1px solid #d4d4d4; 
    min-height:300px; 
    max-height: 300px; 
    width:100%;
    background: white;
}

.scale-down4 {
    object-fit: scale-down;
    border:1px solid #d4d4d4; 
    min-height:100px; 
    max-height: 100px; 
    width:100%;
    background: white;
}

.scale-down5 {
    object-fit: scale-down;
    padding-right: 5px;
    border-right:1px solid #d4d4d4; 
    min-height:50px; 
    max-height: 50px; 
    width:100%;
    background: white;
}

.scale-downkeretnelkul {
    object-fit: scale-down;
    min-height:178px; 
    max-height: 178px; 
    width:100%;
    background: white;
}

.scale-downkeretnelkul2 {
    object-fit: scale-down;
    min-height:300px; 
    max-height: 300px; 
    width:100%;
    background: white;
}

.scale-down3 {
    object-fit: scale-down;
    border:1px solid #d4d4d4; 
    min-height:200px; 
    max-height: 200px; 
    width:100%;
    background: white;
}
.none {object-fit: none;}

.kepzoom {
    transition: 0.3s;
    max-height: 200px;
    padding: 2px;
    cursor: zoom-in;
    object-fit: scale-down;
}
.kepzoom:hover {
    background: #555555;
    object-fit: scale-down;
}

.col_white_amrc { color:#FFF;}
.pt2 { padding-top:40px ; margin-bottom:20px ;}
.mb10 { padding-bottom:15px ;}
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#CCC;}
.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }

.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}
.footer_ul2_amrc li p { display:table; }
.footer_ul2_amrc li a:hover { text-decoration:none;}
.footer_ul2_amrc li i { margin-top:5px;}

.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}
.foote_bottom_ul_amrc {
	list-style-type:none;
	padding:0px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
    margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}

.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none;  }
.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
.social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}

.content-header > h1 {
    color: rgb(179, 179, 179, 97);
    font-size: 14px!important;
    word-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
}

.content-header>.breadcrumb>li>a {
    color: #00000063 !important;
    margin-bottom: 30px!important;
    font-size: 9px!important;
}

.todo-list > li {
    background:#ffffff!important;
}
.sotetmod .todo-list > li {
    font-weight: normal;
    color:black!important;
    background:#ffffff!important;
}
.sotetmod footer {
    color: white!important;
    border: none;
    background:#222e38!important;
}
.skin-blue-light nav {
    border-bottom: 1px solid rgb(206, 206, 206)!important;
    background: rgb(255, 255, 255)!important;
}
.sotetmod div.content-wrapper {
    border: none;
    color: rgba(0, 0, 0, 0.699);
    min-height: 1000px!important;
}
.wrapper {
    overflow-x: hidden;
    overflow-y: hidden;
}
.sotetmod div.box-body {
    color: rgba(0, 0, 0, 0.808);
    background: #ffffff80;
}
td.bg-light-blue:hover {
    opacity: 0.9;
}
td.bg-light-blue:active {
    opacity: 0.5;
}
td.bg-navy:hover {
    opacity: 0.9;
}
td.bg-navy:active {
    opacity: 0.5;
}
.sotetmod div.box-header {
    color: rgba(0, 0, 0, 0.699);
    background: #d9dfe400;
}
.sotetmod div.box-solid {
    color: rgba(0, 0, 0, 0.699);
    background: #ffffffaf;
}
.sotetmod section.content-header h1 {
    color: rgba(0, 0, 0, 0.651)!important;
}
.sotetmod section.sidebar {
    color: white!important;
    background:#31404e!important;
}
.sotetmod aside.main-sidebar {
    border: none;
    background:#31404e!important;
    -webkit-box-shadow: 0px 21px 30px -22px rgba(0,0,0,1);
	-moz-box-shadow: 0px 21px 30px -22px rgba(0,0,0,1);
    box-shadow: 0px 0px 25px -2px rgba(0,0,0,1)!important;
    border-right: 0.5px solid #f4f4f4b4;
}
.logo {
    color: white!important;
}
.sotetmod li.paginate_button > a {
    color: #2e2e2e!important;
    background: #d9dfe400!important;
}
.sotetmod li.paginate_button > a:hover {
    background: #05325cf3!important;
}
.sotetmod input {
    background: #ffffffbb!important;
}
.sotetmod nav {
    color: white!important;
    background:#222e38f6!important;
	-webkit-box-shadow: 0px 21px 30px -22px rgba(0,0,0,1);
	-moz-box-shadow: 0px 21px 30px -22px rgba(0,0,0,1);
    box-shadow: 0px 20px 20px -22px rgba(0,0,0,1)!important;
    border-bottom: 1px solid #f4f4f4;
}
.sidebar-toggle {
    color: black!important;
}
.sidebar-toggle > a:hover {
    color: black!important;
    background: #7c8188;
}
.sotetmod nav > a{
    color: white!important;
}
.sotetmod ul > li {
    color: white!important;
    background: rgba(0, 19, 29, 0.363)!important;
}
.sotetmod ul > li > a {
    font-weight:normal!important;
    color: rgba(243, 243, 243, 0.829)!important;
    background:#0202022c!important;
}
.torolhover:hover{
    color: #b23e35;
}
li.select2-search--inline {
    color: rgb(46, 46, 46)!important;
    background: rgb(255, 255, 255)!important;
}
.sotetmod ul.menu-open li > a{
    color: white!important;
    background: rgba(0, 19, 29, 0.363)!important;
}
.sotetmod ul.menu-open li > a:hover{
    color: white!important;
    background: rgba(0, 19, 29, 0.363)!important;
}
.sotetmod ul > li > a:hover {
    color: rgb(243, 243, 243)!important;
    background:#cecece2c!important;
}
.sotetmod li.select2-results__option {
    color: rgb(44, 44, 44)!important;
    background: rgb(255, 255, 255)!important;
}
.sotetmod li.select2-search--inline {
    color: rgb(46, 46, 46)!important;
    background: rgb(255, 255, 255)!important;
}
.sotetmod li.select2-results__option--highlighted {
    color: rgb(255, 255, 255)!important;
    background:#315172!important;
}
.sotetmod aside > div {
    border: none;
    color: rgb(0, 0, 0);
    background: rgb(211, 211, 211)!important;
}

.sidebar-menu > li > a {
    transition: 0.7s;
    font-weight: normal!important;
}

.sidebar-menu > li > a:hover {
    transition: 0.2s;
    color: rgb(243, 243, 243)!important;
    background:#438bc2!important;
    border-left: 8px solid #cecece;
}
.hibauzenet {
    display: block;
    border: 0px solid rgba(255, 255, 255, 0.39)!important;
    z-index: 100000;
    border-radius: 10px;
    position: fixed;
    left: 2%;
	padding: 25px;
    bottom: 3%;
    height: auto;
    width: 220px;
    box-shadow: 5px 5px 10px rgba(0,0,0,.5);
    text-align: center;
	font-weight: bold;
	-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s; /* Firefox < 16 */
     -ms-animation: fadein 0.5s; /* Internet Explorer */
      -o-animation: fadein 0.5s; /* Opera < 12.1 */
         animation: fadein 0.5s;
  }

  #hibauzenet {
    text-decoration: initial;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial;
    font-style: italic;
    font-size: 10px;
    opacity: 0.95;
}
  .rendszeruzenet {
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.397)!important;
    z-index: 100000;
    position: absolute;
    left: 40%;
    padding: 7px;
    top:30px;
    background: rgb(255, 255, 255);
    box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    text-align: center;
    height: 40px;
  }

.oldalak{
    position:-webkit-sticky!important; 
    position:sticky!important; 
    top:6rem!important;}
.content-wrapper {
    overflow: hidden!important;
    min-height: 1000px!important;
}
.kisbetu {
    font-size: 9px!important;
}
.content-header {
color: rgba(23, 23, 31, 0.897);
font-size: 15px;
word-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
}

#scrollTop{
    transition: 0.2s;
    border-radius: 10%!important;
    position: fixed;
    bottom: 50px;
    right: 30px;
    cursor: pointer;
    display: none;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);

}
#scrollTop:hover{
    bottom: 55px;
    opacity: 0.5;
}

.content-wrapper2 {
    background: url('/public/brick.jpg') no-repeat;
    background-position-x: 100%;
    background-position-y: 100%;
}
.ezaz {
    padding: 20px;
    left: -20px;
    top: 0px;
    z-index: 500;
    position: absolute;
    background: url('/public/bg.png') no-repeat;
    background-size: cover;
}
@keyframes example {
    0%   {left:0px; top:0px;}
    25%  {left:200px; top:0px;}
    50%  {left:200px; top:200px;}
    75%  {left:0px; top:200px;}
    100% {left:0px; top:0px;}
  }
.pontuzenet {
    font-weight: bold;
    display: block;
    border: none!important;
    z-index: 100000;
    position: fixed;
    right: 0.5%;
    bottom:5%;
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s; /* Firefox < 16 */
     -ms-animation: fadein 0.5s; /* Internet Explorer */
      -o-animation: fadein 0.5s; /* Opera < 12.1 */
         animation: fadein 0.5s;
  }
.content5 {
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
}

.content div {
    -webkit-animation: fadein 0.8s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.8s; /* Firefox < 16 */
        -ms-animation: fadein 0.8s; /* Internet Explorer */
         -o-animation: fadein 0.8s; /* Opera < 12.1 */
            animation: fadein 0.8s;
}
.jatekkartya1 div {
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
}

.jatekkartya2 div {
    -webkit-animation: fadein 1.2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1.2s; /* Firefox < 16 */
        -ms-animation: fadein 1.2s; /* Internet Explorer */
         -o-animation: fadein 1.2s; /* Opera < 12.1 */
            animation: fadein 1.2s;
}

.jatekkartya3 div {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}
@font-face {
    font-family: oswald;
    src: url('/public/front/oswald.ttf');
  }

@keyframes slideup {
    0% {top: 0px;}
    75% {top: 0px;}
    100% {top: -20px;}
  }
  
  @-moz-keyframes slideup {
    0% {top: 0px;}
    75% {top: 0px;}
    100% {top: -20px;}
  }
.open>.dropdown-menu {
    padding: 3px;
    box-shadow: 2px 20px 25px rgba(0,0,0,.5);
    border-radius: 0px;
}
.trhover3:hover {
    color: white;
    background:rgba(4, 27, 49, 0.863)!important;
}
  @-webkit-keyframes slideup {
    0% {top: 0px;}
    75% {top: 0px;}
    100% {top: -20px;}
  }
  
  @-o-keyframes slideup {
    0% {top: 0px;}
    75% {top: 0px;}
    100% {top: -20px;}
  }
body    {overflow:auto;}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.graphhover {
    transition: 0.2s;
    }
.graphhover:hover {
    cursor: zoom-in;
    transform: scale(0.97);
}
.parent img {
    height: 100%;
    width: 100%;
 }
.hattermarad {
    background-attachment: fixed!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background: url('/public/dist/img/hatteralap.jpg')!important;
}
.szeparat {
    max-width: 50%;
    border-bottom: 5px solid #6e85ac;
  }
  
  .szeparatr {
    max-width: 100%;
    border-bottom: 5px solid #6e85ac;
  }
  
  .szeparat2 {
    max-width: 50%;
    border-bottom: 3px solid #6e85ac6c;
  }
  .szeparat5 {
    max-width: 50%;
    border-bottom: 3px solid #454a5511;
  }
  .card {
    transform: scale(1);
    transition: 0.3s;
    border-radius: 0px!important;
  }
  .card:hover {
    transform: scale(1.1);
    transition: all .1s ease-in-out;
    box-shadow: 0px 20px 40px -18px rgb(0 0 0 / 30%);
    border-top: 0px solid #cecece!important;
    border-bottom: 0px solid #cecece!important;
  }
.lapcim {
    margin-bottom: 10px;
    padding: 5px;
    min-height: 30px;
    background: #6e85ac;
    color: whitesmoke;
    font-weight: bold;
    font-size: 18px;
  }
  .lapalso {
    margin-bottom: 0px;
    padding: 5px;
    min-height: 10px;
    background: #a8afbb;
    color: #6e85ac;
    font-weight: inherit;
    font-size: 12px;
  }
  .lapalsobal {
    margin-left: 5px;
  }
  .lapalsojobb {
    margin-right: 5px;
  }
  .cikkmeret {
      transition: 0.3s;
      max-height: 110px;
        overflow: hidden;
  }
  .szeparat3 {
    padding-top: 10px;
    border-top: 2px solid #6e85ac25;
  }
.hirborito {
    transition: 0.3s;
    border: 1px solid #aaa;
    padding: 3px;
    max-width: 250px;
    min-width: 250px;
}
.bg-light {
    background-color:#a8afb63a!important;
}
.mhter {
    background: rgba(0, 0, 0, 0.425)!important;
  }
.box-solid {
    padding:0px!important;
    border-radius: 0px;
    margin-bottom: 15px; 
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}
.modal-content {
    box-shadow: 2px 2px 20px rgba(0,0,0,0.5)!important;
}
.tetomarad {
    position: fixed;
    top: 0px;
    max-height: 20px!important;
}
.card {
    border: none;
    padding: 10px;
    margin-bottom: 10px; 
    box-shadow: 0px 2px 5px rgba(0,0,0,.1);
}
.cardover {
    transition: 0.3s;
    border:1px solid #c3c3c3ab;
}
.cardover:hover {
    border:1px solid #949393;
}
.szovegkiemel td > a{
    color:black;
}
.szovegkiemel > td > a:hover{
    color:rgb(255, 255, 255);
}
.szovegkiemel > td:hover {
    background: #3982ac;
    color:white;
}
.headersor {
    background-color:#f3f3f3; text-align: left; padding: 7px 10px; margin-top: 0;
}
.kateglista {
min-height: 20px;
background: #f3f3f3;
font-size: 15px;
word-spacing: 1px;
color: #888;
}
.allascim2 {
    color: rgb(179, 179, 179, 97);
    font-size: 15px;
    word-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    }
.allascim {
    padding: 7px;
    background: #f3f3f3;
    font-size: 15px;
    word-spacing: 1px;
    font-weight: bold;
    color: #888;
    text-transform: uppercase;
}
.allascim4 {
    padding: 7px;
    font-size: 12px;
    word-spacing: 1px;
    font-weight: bold;
    color: rgb(124, 124, 124);
    text-transform: uppercase;
}
.allascim3 {
padding: 7px;
background: #04080a15;
color: rgba(23, 23, 31, 0.767);
font-size: 11px;
word-spacing: 1px;
font-weight: bold;
text-transform: uppercase;

/* Három pont overflown*/
text-overflow: ellipsis;
}

.boxfelirat {
padding: 5px;
background: #f3f3f3;
font-size: 15px;
word-spacing: 1px;
font-weight: bold;
color: #888;
text-transform: uppercase;
text-align: center;
}
.kateglista2 {

padding: 5px;
word-spacing: 1px;
color: #555555;
}

.termeklec{
text-align: left;
}
.felsolec{
font-family: monospace, sans-serif;
background: #efefef;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
text-align: center;
}
.korgomb {
    transition: 0.2s;
    margin-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 50px;
    font-size: 16px;
}
.kosar {
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 25px;
  padding: 5px 5px 5px 5px;
  border-radius: 40px;
}
.etelkep {
    transition: 0.2s;
    max-height:100px;
    max-width:240px;
    object-fit: cover;
    margin-left: 1px;
    border: 1px solid #c3c3c3;
    padding:1px;
    display: inline-block;
}
.etelkep:hover {
    cursor: zoom-in;
    padding:3px;
}
.nagyit:hover {
	font-weight: bold;
}
.menuscrollback {
    top:0px;
    transition: 0.3s;
}
.menuscroll {
    top:-48px;
}
.menuscroll3 {
    
    transition: 0.5s;
    top: 50px;
    max-width:261px;
    min-width:261px;
}
.menuscroll2 {
    background: white;
    top: 0px;
    position: fixed;
    max-width:261px;
    min-width:261px;
}
.extrafont {
    transition: 0.5s;
    color:#777777;
}
.extrafont:hover {
    color:red;
}
.fizetendo {
    color: #1d364e;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 2px 7px black;
}

.fizetendo > del {
    color:#444;
    font-size: 17px;
    text-shadow: none;
    }
.talalatinev {
    font-size: 21px;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 2px 7px black;
}
.csikszoveggel2 {
    background:#f4f4f4;
    margin-bottom: 10px;
    padding:5px;
}
.fizetendoextraingyen {
	color: #4b8f29;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 2px 7px black;
}
.fizetendoextra {
	color: #2a3644;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 2px 7px black;
}
.li-list {
    border-radius: 2px;
    padding: 10px;
    background: #dbdada;
    margin-bottom: 2px;
    border-left: 2px solid #e6e7e8;
    color: #444;
}
.vegosszeg {
    color: #b23e35;
    font-size: 25px;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 2px 7px black;
}
.felbutton {
    border:3px solid white;
}
.felbutton:hover {
    border:3px solid rgb(77, 96, 97);
}
.slideUp {
    opacity: 0.9;
}
.tetelkep {
    border: 1px solid #e3e3e3;
    padding: 2px 2px 2px 2px;
    cursor: zoom-in;
}
.nyz {
    font-size: 13px;
}
.pzt {
    margin-bottom: 0px;
}
.arny {
    -webkit-box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
    -moz-box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
    box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.10);
    border-bottom: 1px solid #e3e3e3;
}
.navbar {
    -webkit-box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.10);
border-bottom: 1px solid #e3e3e3;
}
.uzenet {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.uzenet2 {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,0);
    color: #333;
    background-color: #e67a73;
    border: 1px solid red;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
section {
    padding-top: 10px;
}
.py-3 {
    transition: 0.5s;
    color:black;
}
.py-3:hover {
    transition: 0.2s;
    background: #3579a088;
    color:white!important;
    padding-top: 0px;
}
@media only screen and (max-width: 900px) {
    .mobilfejlec {
      display: none!important;
    }
    .mobilefooter {
        border-top: 10px solid #637179;
        padding: 10px;
        background: rgba(0, 0, 0, 0.658);
        position: fixed;
        bottom: 0px;
        color: white!important;
        display: block!important;
        width: 100%!important;
    }
}
.mobilefooter {
    display: none;
}
.menuarnyektop1 {
max-height: 60px;
background: rgb(255, 255, 255)!important;
-webkit-box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
box-shadow: 0px 5px 20px 10px rgba(0,0,0,0.20);
border-bottom: 10px solid #40505a56;
}
    /* Stackoverflow preview fix, please ignore */
    .navbar-nav {
        flex-direction: row;
      }
      
      .nav-link {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
      }
      
      /* Fixes dropdown menus placed on the right side */
      .ml-auto .dropdown-menu {
        left: auto !important;
        right: 0px;
      }
.menusor {
    display: inline-block;
    text-align: center;
    list-style: inside;
}
.content {
    min-height: 1200px!important;
}
.trhover2 {
    transition: 0.5s;
    padding-left: 0px;
    border-right: 0px solid #0c4363a2;
}
.trhover2:hover {
    transition: 0.5s;
    padding-left: 30px;
    border-right: 30px solid #0c4363a2;
}
.trhover2:active {
    
    transition: 0.1s;
    background: #0a669b62;
}
.kateglink {
    white-space: nowrap;
    overflow: hidden;
}
.kateglink:hover {
    font-weight: bold;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(255, 255, 255, 0);
    padding: 5px;
    border-radius: 0px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #06252b42; 
    border-radius: 0px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #147788; 
  }
.sajatsidebar {
    font-size: 14px!important;
    position: sticky; 
    top: 60px; 
    overflow-y: auto;
    min-height: 500px;
    max-height: 80%;
    padding-top: 5%;
    padding-left: 5%;
    opacity: 0.8!important;
}
h3 {
    opacity: 0.8;
    font-size: 15px!important;
    text-transform: uppercase!important;
}
td {
    vertical-align: middle!important;
}
td > img {
    border: 1px solid rgba(175, 175, 175, 0.562);
}

input {
    background: none!important;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    font-weight: bold;
    border-bottom: 1px solid #143f5849!important;
    color: rgba(54, 65, 77, 0.575)!important;
}
input:hover {
    background: #055a7c17!important;
}
input:focus {
    background: none!important;
}
select {
    background: none!important;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    font-weight: bold;
    border-bottom: 1px solid #143f5849!important;
    color: rgba(54, 65, 77, 0.575)!important;
}
.btn {
    font-size: 12px!important;
    color: rgba(19, 48, 75, 0.774)!important;
    border-radius: 30px!important;
    border: 1px solid #06283b25!important;
    background: white!important;
    word-spacing: 3px;
    font-weight: 550!important;
    font-size-adjust: inherit;
    text-transform: uppercase;
}
.btn:hover {
    color: rgb(255, 255, 255)!important;
    background: #07466b88!important;
}
.btn-default {
    margin-left: 2px!important;
    margin-right: 2px!important;
    border: 1px solid #54585a50!important;
    color:#1b5272d8!important;
    background: #ffffff!important;
}
#sideui > td {
    text-align: left!important;
    padding-bottom: 15px;
    color: rgba(0, 0, 0, 0.555)!important;
}
#sideui > td :hover {
    text-align: left!important;
    padding-top: 15px;
    color: rgba(6, 68, 87, 0.747)!important;
}
.menuarnyektop2 {
min-height: 300px;
max-height: 300px;
-webkit-box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
box-shadow: 0px 5px 20px 10px rgba(0,0,0,0.20);
border-bottom: 15px solid #40505a8a;
background: black;
}
.wells {
    font-size: 13px;
    }

.wells:hover {
background-color: #ac2323cb;
}
.wells2 {
    font-size: 11px;
    min-height: 20px;
    padding: 18px;
    margin-bottom: 20px;
    background-color: #ffffff7c;
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    border-bottom: 1px solid #e9e9e959!important;
    border-right: 1px solid #e9e9e967!important;
    }
.menuarnyekright {
    -webkit-box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
    -moz-box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
    box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.10);
}
.menuarnyekbottom {
-webkit-box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
border-top: 1px solid #c3c3c3;
}

.address span , .menu span{
    color: #FFF; 
    font-weight: bold; 
    border-bottom: 1px solid #c7c7c7; 
    padding:10px 0px;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3px;
 }

 footer {
     border-top: 15px solid rgba(0, 0, 0, 0.281);
     background: #122c3bce;
 }

 .address li a , .menu li a{
     color:#FFF;
     letter-spacing: 3px;
     text-decoration:none;
     font-size:14px;
 }
 
 .address li, .menu li{
     margin:20px 0px;
     list-style: none;
 }
 
 .address li a:hover , .menu li a:hover{
     color: #da3e44;
     -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
     -o-transition: all 1s ease-in-out;
     transition: all 1s ease-in-out;
 }
 
 .address .fa{
     color: #FFF;
     margin-right: 10px;
     font-size:13px;
 }
.bghead {
    background: url(../../img/bghead.png) no-repeat;
}
.bgekozpont {
    background: url(../../img/bgfull2.png) no-repeat;
}
.talalatinezet {
    color:black;
    min-height: 20px;
    padding: 7px;
    background-color: #f3f3f3;
    border: 1px solid #e3e3e3;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.mover {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 5px;
    transition: 0.2s;
}
.mover:hover {
    margin-left: -10px;
    background: #f5f5f5;
}
.boxarnyekoff{
border: 1px solid #e3e3e3;
-webkit-box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
-moz-box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
}
.boxarnyek3off{
-webkit-box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
-moz-box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
}
.boxarnyek2off {
    transition: 0.5s;
border: 1px solid #e3e3e3;
-webkit-box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
-moz-box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
}
.boxarnyek2off:hover {
    border:1px solid #6f8faf;
-webkit-box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
-moz-box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
}
.sliderkep {
    background: rgba(0,0,0,0.8); 
    bottom: 0; 
    width: 100%; 
    position: absolute;  
    padding: 8px; 
    color: white; 
    text-align: left;
    font-weight: bold;
}
.sliderkep2 {
    bottom: 0; 
    width: 100%; 
    padding: 8px;
    text-align: left;
}

/* Header gombjai */
.listak {
	margin-top: 0px;
	
}
.listapad {
	padding: 5px;
}
.keresonezet1 {
    transition: 0.5s;
    padding: 13px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 6px 6px 0px 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.keresonezet2 {
	transition: 0.5s;
    min-height: 20px;
    padding-left: 15px;
	padding-right: 15px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0px 0px 6px 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.keresonezet3 {
	transition: 0.5s;
    min-height: 20px;
    padding: 7px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.foot {
	margin-bottom: 50px
}
.zarolt {
	z-index: 99999;
	opacity: 0.2;
	pointer-events: none;
}

.logpc {
	margin-top:-8px;
	width: 260px;
	height: 162px;
	padding: 5px;
	border:1px solid #aaa;
	transition: 0.5s;
}

.center {
    margin: auto;
    width: 60%;
}
/* köret th háttér */
.koretth {
	color:#888;
	background: #fafafa;
    }

/* számla th háttér */
.szamlath {
	color:black;
	background: #fafafa;
	vertical-align: middle;
    }
    .vds {
	background: #005384;
    }
.kateglistaalso {
    
    color:black;
    min-height: 20px;
    padding: 7px;
    background: #1d75b3; /* For browsers that do not support gradients */
    background: linear-gradient(white,#f3f3f3); /* Standard syntax (must be last) */
    border: 1px solid #e3e3e3;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.szamlatb {
	text-align: right;
	}
.fixed {
	width:250px;
	position: fixed;
	}
	
.zold {
		color:green;
	}
.kicsi {
		font-size:13px;
	}

.footerpa {
		opacity:0.8;
	}
	
.loginbg {
		background-image: url("../../img/login.jpg");
	}
	
	.menukereso {
		border-radius: 5px;
		padding-left:5px;
		color:black;
		border:1px solid black;
		background-color: #f4f4f4;
	}
	
.fokep {
	padding: 3px;
	border: 1px solid #c3c3c3;
	max-height: 200px;
	max-width: 350px;
	}
	
.zind {
		z-index:999999;
	}
	
.etteremlogo {
	margin-bottom:10px;
	width: 130px;
	height: 100px;
	}
	
.zaroltkepernyo {
    margin-top: 10px;
    left: 0px;
    width:50%;
    height: 50%;
	}
	.extrak {
	    left: 0px;
	}
.csik {
    width:100%;
    height:50px;
    background:#f2f2f2;
    margin-bottom: 20px;
}
.csikszoveggel {
    background:#f2f2f2;
    margin-bottom: 10px;
    color:#777777;
    padding:10px;
}
.szeles {
    width:300px;
}
.nagybetu {
    font-family: Comic Sans MS, cursive, sans-serif;
    font-weight: bold;
    font-size: 30px;
}
.hover-end{padding:0;margin:0;font-size:75%;text-align:center;position:absolute;bottom:0;width:100%;opacity:.8}
.kedvenc {
    max-width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
}
.toprightbg {
    background: url(../../mediatar/check.jpg) no-repeat right top;
}
.bg-navy {
    border-radius: 10px !important;
    background-color: #1f75cb !important;
    color: #fefefe !important;
    font-weight: 700 !important;
    border-style:none !important;
  }
  .bg-navy2 {
    border-radius: 10px !important;
      color: white!important;
    background-color: #2F4F4F !important;
  }
  .bg-navy4 {
    border-radius: 10px !important;
    color: white;
    background-color: #70581c !important;
  }
  .bg-navy4:hover {
    color: white;
}
  .bg-navy2:hover {
    color: white;
}
.bg-navy3 {
    border-radius: 10px !important;
      color: white!important;
     background-color: #708090 !important;
  }
.bg-feher {
    background-color:white!important;
}
  .selected {
    background:rgba(50, 56, 71, 0.13)!important;
  }
  thead {
    padding: 10px;
    font-size: 12px;
    word-spacing: 1px;
    font-weight: 900!important;
    color: rgba(12, 12, 22, 0.801);
    text-transform: uppercase!important;
    font-style: normal;
  }
.popup {
    z-index:999999;
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
background:rgba(0,0,0,0.75);
}
/* Inner */
.popup-inner {
    background: url(../../mediatar/check.jpg) no-repeat;
    z-index:999999;
text-align: center;
max-width:700px;
width:100%;
padding:10px;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
box-shadow:0px 2px 6px rgba(0,0,0,1);
border-radius:3px;
background:#fff;
}
/* Close Button */
.popup-close {
width:30px;
height:30px;
padding-top:4px;
display:inline-block;
position:absolute;
top:0px;
right:0px;
transition:ease 0.25s all;
-webkit-transform:translate(50%, -50%);
transform:translate(50%, -50%);
border-radius:1000px;
background:rgba(0,0,0,0.8);
font-family:Arial, Sans-Serif;
font-size:20px;
text-align:center;
line-height:100%;
color:#fff;
}
.popup-close:hover {
-webkit-transform:translate(50%, -50%) rotate(180deg);
transform:translate(50%, -50%) rotate(180deg);
background:rgba(0,0,0,1);
text-decoration:none;
}
.tetelkep {
    border: 1px solid #e3e3e3;
    padding: 2px 2px 2px 2px;
}
.nyz {
    font-size: 13px;
}
.nyz2 {
    font-size: 14px;
}
.pzt {
    margin-bottom: 0px;
}
.menuarnyekbottom {
-webkit-box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
box-shadow: 0px 0px 42px 6px rgba(0,0,0,0.47);
border-top: 1px solid #c3c3c3;
}
.boxarnyekmutat {
transition: 0.3s;
}
.boxarnyekmutat:hover {
	border: 1px solid #e3e3e3;
-webkit-box-shadow: 0px 0px 10px 0px rgba(133,133,133,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(133,133,133,1);
box-shadow: 0px 0px 10px 0px rgba(133,133,133,1);
}

.bghead {
    background: url(../../img/bghead.png) no-repeat;
}
.bgekozpont {
    background: url(../../img/bgfull2.png) no-repeat;
}
.talalatinezet {
    color:black;
    min-height: 20px;
    padding: 7px;
    background-color: #f3f3f3;
    border: 1px solid #e3e3e3;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.boxarnyek {
	border: 1px solid #e3e3e3;
-webkit-box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
-moz-box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
box-shadow: 1px 2px 3px 0px rgba(133,133,133,0.7);
}

.arnyek {
	-webkit-box-shadow: 0px 21px 30px -22px rgba(0,0,0,1);
	-moz-box-shadow: 0px 21px 30px -22px rgba(0,0,0,1);
	box-shadow: 0px 5px 20px -22px rgba(0,0,0,1);
}
/* Header gombjai */
.listak {
	margin-top: 0px;

}
.listapad {
	padding: 5px;
}
.checkboxpr {
  padding-left: 40px; }
  .checkboxpr label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    padding-right: 30px;
	font-weight: normal;
	 color: #555555;}
    .checkboxpr label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkboxpr label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkboxpr input[type="checkbox"] {
    opacity: 0; }
    .checkboxpr input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkboxpr input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkboxpr input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkboxpr input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkboxpr.checkbox-circle label::before {
    border-radius: 50%; }
  .checkboxpr.checkbox-inline {
    margin-top: 0; }

.checkboxpr-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkboxpr-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.keresonezet1 {
    transition: 0.5s;
    padding: 13px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 6px 6px 0px 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.keresonezet2 {
	transition: 0.5s;
    min-height: 20px;
    padding-left: 15px;
	padding-right: 15px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0px 0px 6px 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.keresonezet3 {
	transition: 0.5s;
    min-height: 20px;
    padding: 7px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.foot {
	position: relative;
	bottom: -200px;
	transition: 0.5s;
	width:100%;
	height:170px;
	background: url(../img/foo.jpg) no-repeat;
}
.position-sticky {
    top: 6rem;
}
.child:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.zarolt {
	z-index: 99999;
	opacity: 0.2;
	pointer-events: none;
}

.logpc {
	margin-top:-8px;
	width: 260px;
	height: 162px;
	padding: 5px;
	border:1px solid #aaa;
	transition: 0.5s;
}

.center {
    margin: auto;
    width: 60%;
}
/* Header gombjai */
.felso-gombok {
    background: #6e85ac;
    color: black;
    margin: 7px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.nav {
    font-style: italic;
    text-transform: uppercase;
    font-weight: 600;
}
.felso-gombok-a {
    font-style: italic;
    font-size: 10px!important;
    text-transform: uppercase;
    color: black;
    font-weight: 550;
	padding-top: 10px;
    margin-left: 3px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

/* Feluró ablak */
/* The Modal (background) */
.ablak {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.ablak-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 30%;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

/* kk doboz linkek */
.pucukalink:link{
	color:white;
}
.pucukalink:active{
	color:white;
}
.pucukalink:visited{
	color:white;
}
.pucukalink:hover{
	color:white;
}

/* Kedvezménykártya dobozok szövege */
.pucuka-szoveg {
	font-size: 27px !important;
}

.pucuka-alszoveg {
	font-size: 28px !important;
	text-align: center;
}

/* kategoriák dobozok és képek */
.tablekateg {
	width:380px;
	height:180px;
	transition: 1s;
	border:5px solid white;
}
.tablekateg:hover {
	padding:5px;
}
.tbg1 {
	background-image: url("../../dist/img/ajjer.jpg");
}
.tbg2 {
	background-image: url("../../dist/img/babgyer.jpg");
}
.tbg3 {
	background-image: url("../../dist/img/etelita.jpg");
}
.tbg4 {
	background-image: url("../../dist/img/muelek.jpg");
}
.tbg5 {
	background-image: url("../../dist/img/oktan.jpg");
}
.tbg6 {
	background-image: url("../../dist/img/ruhkie.jpg");
}
.tbg7 {
	background-image: url("../../dist/img/ottker.jpg");
}
.tbg8 {
	background-image: url("../../dist/img/spofit.jpg");
}
.tbg9 {
	background-image: url("../../dist/img/szepeg.jpg");
}
.tbg10 {
	background-image: url("../../dist/img/szorkul.jpg");
}
.tbg11 {
	background-image: url("../../dist/img/utaszal.jpg");
}
.tbg12 {
	background-image: url("../../dist/img/egyszol.jpg");
}
.opa{
	height: 40px;
	transition: 1s;
	background-color: rgba(0,0,0,0.7);
}
.opa:hover{
	height: 100%;
	background-color: rgba(5,5,5,0.3);
}
/* Kap térkép */
.google-maps {
	position: relative;
	padding-bottom: 30%; /* magasság beállítás */
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.mlm-avatar {
	width: 50px !important;
}

.mlm-kulso-avatar {
	margin-left: 20px !important;
}

.no-padding-left {
	padding-left: 0px !important;
}

.no-padding-right {
	padding-right: 0px !important;
}

.kartya-aktiv-szoveg {
	font-size: 25px;
	background-color: #009933;
	border-radius: 15px;
	text-align: center;
}

.kartya-body {
	min-height: 200px;
	background-image: url("/public/dist/img/cardbody.png");
	border-radius: 15px;
}

.kartya-statusz {
	margin-top: 3%;
	color: #ffffff;
}

.kartya-tulaj-szoveg {
	color: #ffffff;
	font-size: 25px;
	font-weight: 800;
	text-align: center;
}

.kartya-szam {
	color: #ffffff;
	font-size: 20px;
	font-weight: 800;
}

.kartya-ervenyes-vege {
	color: #ffffff;
	font-size: 20px;
}

/* Céges találati oldal */
.ceg-felirat {
        font-weight: bold;
	min-height: 0px;
}

.process-step .btn:focus{outline:none}
.process{display:table;width:100%;position:relative;}
.process-row{display:table-row;text-align:center;}
.process-step button[disabled]{opacity:1 !important;filter: alpha(opacity=100) !important}
.process-row:before{top:40px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}
.process-step{display:table-cell;text-align:center;position:relative}
.process-step p{margin-top:4px}
.btn-circle{width:80px;height:80px;text-align:center;font-size:12px;border-radius:50%}

.mb20 { margin-bottom: 20px; }

hgroup { padding-left: 15px; border-bottom: 1px solid #ccc; }
hgroup h1 { font: 500 normal 1.625em "Roboto",Arial,Verdana,sans-serif; color: #2a3644; margin-top: 0; line-height: 1.15; }
hgroup h2.lead { font: normal normal 1.125em "Roboto",Arial,Verdana,sans-serif; color: #2a3644; margin: 0; padding-bottom: 10px; }

.search-result .thumbnail { border-radius: 0 !important; }
.search-result:first-child { margin-top: 0 !important; }
.search-result { margin-top: 20px; }
.search-result .col-md-2 { border-right: 1px dotted #ccc; min-height: 140px; }
.search-result ul { padding-left: 0 !important; list-style: none;  }
.search-result ul li { font: 400 normal .85em "Roboto",Arial,Verdana,sans-serif;  line-height: 30px; }
.search-result ul li i { padding-right: 5px; }
.search-result .col-md-7 { position: relative; }
.search-result h3 { font: 500 normal 1.375em "Roboto",Arial,Verdana,sans-serif; margin-top: 0 !important; margin-bottom: 10px !important; }
.search-result h3 > a, .search-result i { color: #248dc1 !important; }
.search-result p { font: normal normal 1.125em "Roboto",Arial,Verdana,sans-serif; }
.search-result span.plus { position: absolute; right: 0; top: 126px; }
.search-result span.plus a { background-color: #248dc1; padding: 5px 5px 3px 5px;}
.search-result span.plus a:hover { background-color: #414141; }
.search-result span.plus a i { color: #fff !important; }
.search-result span.border { display: block; width: 97%; margin: 0 15px; border-bottom: 1px dotted #ccc; }

/* Cégoldal */
.szolgaltatas-felirat {
	background-color: #00c0ef;
	border-radius: 4px;
	padding: 6px 12px;
	color: #ffffff;
	font-size: 16px;
	margin: 5px;
}
.fc-daygrid-more-link {
    font-size: 15px;
}
.fc-daygrid-event {
    cursor: pointer!important;
    background: rgb(233, 233, 233)!important;
    color: rgba(0, 0, 0, 0.637)!important;
    max-height: 45px!important;
}
.fc-daygrid-event:hover {
    cursor: pointer!important;
    background: rgba(40, 58, 70, 0.37)!important;
}
.fc-event-main{
    cursor: pointer!important;
    background: rgb(233, 233, 233)!important;
    color: rgba(0, 0, 0, 0.637)!important;
    max-height: 45px!important;
}
.fc-event-main:hover{
    cursor: pointer!important;
    background: rgba(40, 58, 70, 0.37)!important;
    color:white!important;
}
.fc-list-event{
    border: none!important;
    cursor: pointer!important;
    background: none!important;
    color: rgba(0, 0, 0, 0.637)!important;
}
.preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-image: url('../images/default.gif');
    background-repeat: no-repeat; 
    background-color: #FFF;
    background-position: center;
 }
 #scrollTop{
    transition: 0.2s;
    border-radius: 10%!important;
    position: fixed;
    bottom: 50px;
    right: 30px;
    cursor: pointer;
    display: none;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);

}
#scrollTop:hover{
    bottom: 55px;
    opacity: 0.5;
}
#imgmutet{
    transition: all .1s ease-in-out;
    border-radius: 0px!important;
    border: 1px solid #cecece85;
}
.imghover {
    transform: scale(1);
    
  }
  .imghover:hover {
      z-index: 99999;
    -webkit-animation: fadein 0.3s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.3s; /* Firefox < 16 */
     -ms-animation: fadein 0.3s; /* Internet Explorer */
      -o-animation: fadein 0.3s; /* Opera < 12.1 */
         animation: fadein 0.3s;
    transform: scale(1.05);
    box-shadow: 0px 30px 40px -10px rgba(0,0,0,0.3);
  }
   
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  }
  .checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 5;
    stroke: #fff;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
  }
  
  .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  }
  
  @keyframes stroke {
    100% {
      stroke-dashoffset: 0;
    }
  }
  @keyframes scale {
    0%, 100% {
      transform: none;
    }
    50% {
      transform: scale3d(1.1, 1.1, 1);
    }
  }
  @keyframes fill {
    100% {
      box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
  }