/* MOBILE MENÜ A TÉRKÉPHEZ */

.menu_mobile_nezet
{
	width:100% !important;
	height: 25% !important;
	display: block;
	min-height: 0px !important;
	min-width: 100% !important;
	position: absolute;
	top:0;
	z-index: 3;
	background-color: transparent !important;
	border:none !important;
}

.map_mobile
{
	height: 99vh !important;
	height: calc(var(--vh, 1vh) * 100) !important;
	width: 100vw !important;
	min-height: 0 !important;
}
.choose_mobile
{
	background-color: #26306c !important;
	height:28% !important;
}
.bal_mobile
{
	text-align:center;
	vertical-align: middle;
	display:inline-block;
	width:42%;
	height:100%;
	padding-top: 0%;
}
.jobb_mobile
{
	text-align:center;
	vertical-align: top;
	display:inline-block;
	width:42%;
	height:100%;
	padding-top: 0%;
}
.bal_mobile a,
.jobb_mobile a
{
	color:white;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	height:90%;
}

#mobile_menu_csikok
{
	text-align:center;
	vertical-align: top;
	display:inline-block;
	width:16%;
	height:100%;
	padding-top: 0%;

	background: url(menu.png) no-repeat;
	background-color: #26306c;
	background-size: 50% 50%;
	background-position: center;
	
}
.result_content_mobile
{
	position: fixed !important;
	bottom:0 !important;
	left:0 !important;
	width:100vw !important;
	margin: 0 !important;
	height:80% !important;
	max-height: 80% !important;
	border-bottom-right-radius: 10px !important;
}
.resultscontent_mobile
{
	height: 90% !important;
	max-height: 90% !important;
}
.vegallomas_mobile
{
	width: 70% !important;
}
.result_becsuko
{
	width: 30vw;
	height: 1%;
	margin-left: 35vw;
	background-color: gray;
	position: absolute;
	top:0%;
}
.results_mobile_becsuk
{
	position: fixed !important;
	bottom:-75% !important;
}
.uv_results_mobile_becsuk
{
	position: fixed !important;
	bottom:-55% !important;
}
.lista_mobile
{
	background-color: #26306c;
	border-radius: 10px;
	width:50%;
	margin-left:45%;
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
	padding-left:0px;
}
.uv_hova_jobb_mobile,
.uv_honnan_jobb_mobile
{
	width:75% !important;
	display: inline-block;
	margin:5px;
	height:30px;
	vertical-align: middle;
	line-height: normal;
}
#map 
{
	/* Set the size of the div element that contains the map */
	height: 100% ;  /* The height is 400 pixels */
	width: 76%;  /* The width is the width of the web page */
	/*position:absolute;*/
	/*z-index:2;*/
	border-radius: 0px;
	min-height:850.89px;
	z-index: 0;
	/*display: inline-block;
	/*position: absolute;
	left:25%;*/
	position: relative;
	overflow: hidden;
}

.map_uv
{
	width:100% !important;
}
.sor>p.nojarat
{
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	margin:0;
	padding-left: 5%;
	padding-right: 5%;
	line-height: 30px;
	padding-top: 2%;
}
#menu
{
	width:24%;
	min-width: 300px;
	background-color:#26306c;
	border:2px solid #26306c;
	/*display: inline-block;*/
	min-height: 850.89px;
	height: 100%;
	/*z-index:2;
	position: absolute;*/
}

div#container
{
	bottom:0;
	top:0;
	left:0;
	right:0;
	/*position:absolute;*/
	max-height: 1080px;
	display:inline-flex;
	width:100%;
	height: auto;
}

div#content
{
	/*position:absolute;*/
	top:0px;
	left:0px;
	font-size:15px;	
}

#info_content
{
	height: auto;
	/*min-height: 200px;*/
	width: 200px;
	color:white;
	border:2px solid white;
}

.choose_uv
{
	/*height: 290px !important;*/
}

div#choose_content
{
	background-color: #5566c3;
	/*left:5%;
	right:5%;
	/*position: absolute;*/
	width:90%;
	height: auto;
	/*top:10%;*/
	margin-top:5%;
	margin-left: 5%;
	
	
	border-radius: 10px;
	border:2px solid white;
}
div#honnanhova
{
	top:200px;
	left:5%;
	right:5%;
	width:90%;
	position:absolute;
}
.hide
{
	display:none !important;
}

.hiddenresults
{
	
	height:auto;
	margin-top: 5%;
	margin-left: 5%;
	width:90%;
	/*position:absolute;*/	
	color:white;
	/*top:50%;*/
	border-radius: 10px;
	border-bottom-right-radius: 0px !important;
	max-height: 500px;	
	background-color: #26306c;
	border:none;
}
.unhide
{
	background-color:#5566c3 !important;
	border: 2px solid white !important;
}
.unhide_2
{
	background-color:#5566c3 !important;
	border: 2px solid white !important;
	height:auto !important;
	max-height: 1080px !important;
}
#resultscontent
{
	overflow-y:auto;
	height:auto;
	max-height: 444px;
	width: 100%;
	margin-top:10px;
}
.resultscontent_full
{
	max-height: 1080px;
	overflow-y: hidden;
}
.choose
{
	/*top:20px;
	left:5%;
	right:5%;*/
	margin-left: 5%;
	margin-top:5%;
	width: 90%;
	border-radius: 10px;
	height:auto;
	background-color:#5566c3;
	/*position: absolute;*/
	display:flex;
	border:2px solid white;
}

.choose_table
{
	height: 100%;
	color:white;
	width:100%;
	left:5%;
	right:5%;
}

.bal
{
	text-align:center;
	vertical-align: middle;
	display:inline-block;
	width:49%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	height:auto;
}

.jobb
{
	text-align:center;
	vertical-align: middle;
	display:inline-block;
	width:49%;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	height:auto;
}
.sep
{
	text-align: center;
	vertical-align: middle;
	display:inline-block;
	width:2%;	
	background: #26306c;
}

.bal a,
.jobb a,
.sep a
{
	color:white;
	vertical-align: middle;
	text-align: center;
	padding-top:8px;
	font-weight: bold;
	
}

.bal:hover,
.bal:focus,
.jobb:hover,
.jobb:focus
{
   background: #3a84fc;
   cursor: pointer;
   box-shadow: rgb(0, 0, 0) -10px -10px 32px -18px inset;   
}

.active
{
	background:#3a84fc;
}

p.cim
{
	margin-top:0px;
	font-size: 15px;	
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-weight: bold;
}



#header
{
	border-bottom:2px solid white;
	height:30px;
	/*z-index:1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#26306c+0,00ade6+22,00a656+51,00ade6+81,26306c+100 */
	background: #26306c; /* Old browsers */
	/*background: -moz-linear-gradient(left,  #26306c 0%, #00ade6 22%, #00a656 51%, #00ade6 81%, #26306c 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(left,  #26306c 0%,#00ade6 22%,#00a656 51%,#00ade6 81%,#26306c 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to right,  #26306c 0%,#00ade6 22%,#00a656 51%,#00ade6 81%,#26306c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26306c', endColorstr='#26306c',GradientType=1 ); /* IE6-9 */

}

body
{
	margin:0px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

select
{
	border-radius: 2px;
}

.cimsor
{
	font-size:20px;
	color:white;
	padding-left:20px;
	text-transform:uppercase;
	line-height:30px;
	font-weight:bold;
}

.vonal
{
	width:100%;
	height: 5%;
	border-bottom: 4px solid #26306c;
	margin-top:10px;
	margin-bottom: 10px;
	/*position: absolute;*/
	
}
.vonal2
{
	width:100%;
	height: 5%;
	border-bottom: 4px solid #26306c;
	margin-top:10px;
	margin-bottom: 10px;
	/*position: absolute;*/
	top: 40%;
}
.mhinfo
{
	left:5%;
	font-size: 17px;
	color:white;
	padding-left: 5%;
	margin-bottom: 0px;
	margin-top: 5px;
	font-weight: bold;
}

.mh_hol
{
	width: 100%;
	height:auto;
	/*display:inline-flex;*/
}

.mh_hol_bal
{
	margin-top:0px;
	margin-left: 15px;
	margin-right: 15px;
	
	/*position: absolute;*/
	display: inline-block;
	height: 30px;
	width:30px;
	vertical-align: middle;
	line-height: normal;
	
}

.mh_hol_bal>img
{
	padding-top:0px;
}

.mh_hol_jobb
{
	margin: 5px;
	
	width: 70%;
	/*position: absolute;*/
	display: inline-block;
	height:30px;
	vertical-align: middle;
	line-height: normal;
}

.uv_honnanhova
{
	width:100%;
	height:auto;
	/*display: inline-flex;*/
}
.uv_honnan
{
	/*üres*/
	width: 100%;
}
.uv_hova
{
	/*üres*/
	width: 100%;
}

.uv_honnan_jobb
{
	margin:5px;
	/*width: 70%;
	/*position: absolute;*/
	display: inline-block;
	height:30px;
	vertical-align: middle;
	line-height: normal;
	width: 75%;
}

.uv_honnan_bal
{
	/*margin-top:10px;*/
	margin-left: 15px;
	margin-right: 5px;
	
	/*position: absolute;*/
	display: inline-block;
	height: 30px;
	width:30px;
	vertical-align: middle;
	line-height: normal;
	
}

.uv_hova_bal
{
	/*margin-top:10px;*/
	margin-left: 15px;
	margin-right: 5px;
	margin-top:3px;
	/*position: absolute;*/
	display: inline-block;
	height: 30px;
	width:30px;
	vertical-align: middle;
	line-height: normal;
	
}
.uv_hova_jobb
{
	/*top:30%;
	right:5%;
	width: 80%;
	/*position: absolute;*/
	display: inline-block;
	margin:5px;
	height:30px;
	vertical-align: middle;
	line-height: normal;
	width: 75%;
}

.text
{
	border-radius: 2px;
	width:100%;
	border:1px;
	height:26px;
}
.kereso_elemek
{
	/*position: absolute;*/
	margin-top:5px;
	width:100%;
	height: auto;
}
.kereso_elemek>p
{
	left:5%;
	font-size: 15px;
	color:white;
	padding-left: 5%;
	margin-bottom: 5px;
}
.kereso_elemek2
{
	/*position: absolute;
	top:45%;*/
	width:100%;
	
	height: auto;
}
.kereso_elemek2>p
{
	left:5%;
	font-size: 15px;
	color:white;
	padding-left: 5%;
	margin-bottom: 5px;
	/*margin-top: 10%;*/
}
.szoveg_sor
{
	height: 30px;
	width: 100%;
}
.datum_szoveg,
.ora_szoveg,
.perc_szoveg
{
	display: inline-block;
	height: 20px;
	/*position: absolute;*/
	margin-left : 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}
.datum,
.ora,
.perc,
.most
{
	position: relative;
	display: inline-block;
	height: 30px;
	/*position: absolute;*/
	margin-bottom: 8px;
}
.datum_szoveg>p,
.ora_szoveg>p,
.perc_szoveg>p,
.most>p
{
	font-size: 12px;
	margin-top:2px;
	margin-bottom: 2px;
	color:white;
	vertical-align: middle;
	align-content: center;
	text-align: center;
}
#datumvalaszto,
#oravalaszto,
#percvalaszto
{
	width:100%;
}
.datum
{
	margin-left: 3%;
}
.datum,
.datum_szoveg
{
	width: 40%;
}
.ora
{
	margin-left: 6%;
}
.ora,
.ora_szoveg
{
	width: 20%;
}
.perc
{
	margin-left: 6%;
}
.perc,
.perc_szoveg
{
	width:20%;
}

.most
{
	/*left:75%;*/
	width:60px;
	padding-top:18px;
	margin-left: 15px;
	/*position: absolute !important;*/
}
.most>input.gomb
{
	/*height:25px;
	/*margin-top:25px;*/
	
}

.keres
{
	/*position: absolute;*/
	width:30%;
	padding-left: 35%;
	font-weight: bold;
	padding-right: 35%;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ind_erk
{
	
	bottom: 10%;
	width:100%;
	display: inline-block;
	/*margin-bottom: 8px;
	margin-left: 8px;
	margin-right: 8px;*/
}
#ind_erk_valaszto
{
	margin-right:5%;
	margin-left: 3%;
	width: 92%;
	min-height: 30px;
}

.transitpref
{
	left: 5%;
	bottom: 10%;
	width:auto;
	display: inline-block;
	margin : 5px;
}

.keres>input.gomb
{
	width:auto;
}

.elso,
.masodik,
.harmadik
{
	height: 33%;
	width:100%;
	margin: 0px 0px 0px 0px;
	font-size: 15px;
	min-height: 30px;
	cursor:pointer;
	
}
.atfogo
{
	width: 200px;
	height: auto;	
}
.elso
{
	top:0%;
	background: url(start_white.png) no-repeat 25px 20px ;
}
.masodik
{
	top:33%;
	background: url(finish_white.png) no-repeat 25px 20px ;
}
.harmadik
{
	top:66%;
	background: url(bus_white.png) no-repeat 25px 20px;
}
.elso>p,
.masodik>p,
.harmadik>p
{
	padding-left: 40%;
	font-weight: bold;
	vertical-align: middle;
	line-height: 30px;
	margin:0px;
}
.harmadik>p
{
	padding-top:6px;
}
.masodik>p
{
	padding-top:3px;
}
.elso>p
{
	padding-top:5px;
}
.elso:hover,
.masodik:hover,
.harmadik:hover
{
	cursor: pointer;
	background-color: #3a84fc;
	box-shadow: rgb(0, 0, 0) -10px -10px 32px -18px inset;   
}

.gomb 
{
	border:none;	
	border-radius: 10px;
	font-family: Arial;
	color: #ffffff;
	font-size: 15px;
	background: #26306c;
	text-decoration: none;
	padding : 5px 5px 5px 5px;
	width: auto;
	cursor: pointer;
	box-shadow: rgb(0, 0, 0) 10px 10px 32px -18px inset;   
}
.gomb:hover 
{
	background: #3a84fc;
	text-decoration: none;
	box-shadow: rgb(0, 0, 0) -10px -10px 32px -18px inset;   
}
.gm-style-iw.gm-style-iw-c
{
	background-color : #26306c !important;
	border-radius: 10px;
	padding:10px !important;
	
}
.gm-style-iw-d
{
	background-color: #5566c3 !important;
	border-radius: 10px;
	border-color: #26306c !important;
	overflow:  hidden !important;
}
.gm-style-iw-t::after
{
	background-color : #26306c !important;
}

.gm-ui-hover-effect_v2
{
	background-color: white;
}

.cim
{
	background-color : #26306c;
	margin:auto;
	width:75%;
	border-radius: 10px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	height:auto;
	max-height: 55px;
	min-height: 30px;
	text-align:center;
	vertical-align: middle;
	padding-top:10px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 17px;
}

.sor
{
	width:90%;
	height:140px;
	background-color: #26306c;
	margin-left:5%;
	margin-top:10px;
	margin-bottom: 10px;
	border-radius: 10px;
	cursor:pointer;
	line-height: 50px;
	box-shadow: rgb(0, 0, 0) 10px 10px 32px -18px inset;   
}
.sor:hover
{
	background-color: #3a84fc;
	box-shadow: rgb(0, 0, 0) -10px -10px 32px -18px inset;   
}

.jarat,
.idomulva,
.mikor,
.vegallomas_1,
.vegallomas_2,
.vegallomas_3,
.vegallomas_mobile
{
	display:inline-block;
	vertical-align: middle;
	line-height: normal;
	
}

.jarat
{
	height:35px;
	width:35px;
	/*margin-top:5.5px;
	margin-bottom: 5.5px;
	margin-right: 5.5px;*/
	margin-left:5.5px;
	
	border-radius: 10px;
	border: 2px solid white;
	vertical-align: middle;
	line-height: normal;
}
.jarat>p
{
	font-size: 20px;
	font-weight: bold;
	margin:0px;
	text-align: center;
	line-height: 35px;
}
.mikor
{
	padding-left: 0%;
	margin:5.5px;
	height: 39px;
	vertical-align: middle;
	line-height: normal;
	width: 18%;
	margin-left:20%;
}
.mikor>p
{
	
	margin-bottom:5px;
	padding:0;
	text-align: center;
	font-style: italic;
	font-size: 11px;
	
}
.idomulva
{
	padding-right:5px;
	font-style: italic;
	width:40%;
	text-align:right;
	line-height: normal;
	vertical-align: middle;
}
.jelzesek
{
	height:35px;
	width:90%;
	vertical-align: middle;
	line-height: normal;
	margin-bottom: 10%;
	margin-left: 5%;
	margin-right: 5%;
}
.jelzesek_wifi,
.jelzesek_alacsony,
.jelzesek_csuklos,
.jelzesek_rendszam
{
	display: inline-block;
	vertical-align: top;
}
.jelzesek_wifi,
.jelzesek_alacsony,
.jelzesek_csuklos
{
	height: 90%;
	width: 20%;
}
.jelzesek_rendszam
{
	height: 90%;
	width: 28%;
	border-radius: 40px;
	border: 2px solid white;
}
.jelzesek_rendszam>p
{
	font-size: 20px;
    font-weight: bold;
    margin: 0px;
    text-align: center;
    line-height: 35px;
}
.jelzesek_alacsony_on
{
	background: url(nyomi.png) no-repeat;
    background-size: 30px 30px;
    background-position: center;
}
.jelzesek_wifi_on
{
	background: url(wifi.png) no-repeat;
    background-size: 30px 30px;
    background-position: center;
}
.opacity
{
	opacity:0;
}

.vegallomas_1,
.vegallomas_2,
.vegallomas_3,
.vegallomas_mobile
{
	width:130px;
	background: url(nyil.png) no-repeat 0px 12.5px ;
	padding-left: 35px;
	margin-left: 10px;
	height:50px;
	vertical-align: middle;
	line-height: normal;	
}
.vegallomas_2>p
{
	word-break: normal;
	overflow-wrap: break-word;
	padding:0;
	margin:0;
	height: 50px;
	vertical-align: middle;
	line-height: normal;
	align-content: center;
	line-height: 25px;
	font-size: 15px;
	font-weight: bold;
}
.vegallomas_1>p,
.vegallomas_mobile>p
{
	word-break: normal;
	overflow-wrap: break-word;
	padding:0;
	margin:0;
	height: 50px;
	vertical-align: middle;
	line-height: normal;
	align-content: center;
	line-height: 50px;
	font-size: 15px;
	font-weight: bold;
}
.vegallomas_3>p
{
	word-break: normal;
	overflow-wrap: break-word;
	padding:0;
	margin:0;
	height: 50px;
	vertical-align: middle;
	line-height: normal;
	align-content: center;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
}
.jaratvegallomas
{
	height:50px;
}
.uv_result_walk_fej
{
	height:50px;
}

/*.sor:before
{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}*/


.red
{
	border:2px solid red;
	animation-name: blink ;
    animation-duration: .5s ;
    animation-timing-function: step-end ;
    animation-iteration-count: infinite ;
	animation-direction: alternate ;
}
@keyframes blink 
{
	50% {border:0px;}
}
.lista
{
	background-color: #26306c;
	border-radius: 10px;
	width:70%;
	
	margin-left:25%;
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
	padding-left:0px;
}
.listadropdown
{
	display: inline-block !important;
	width:100%;
	padding-right: 5px;
	height:100%;
}
.listadropdown>li
{
	width:100%;
}

.sorszoros
{
	margin-bottom:0px !important;
	border-bottom-right-radius: 0px !important;
	box-shadow: rgb(0, 0, 0) 10px 10px 32px -18px inset;   
}
.sorszoros:hover
{
	cursor: default;
	background-color: #26306c;
	box-shadow: rgb(0, 0, 0) -10px -10px 32px -18px inset;   
}

.listaelem
{
	display:inline-flex;
	width:100%;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 5px;
}
.lista_fejlec
{
	display:inline-flex;
	width:100%;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-right: 5px;
}
.listabal
{
	padding-left: 5px;
	text-align: left;
	vertical-align: middle;
	line-height: normal;
	width: 66%;
}
.listajobb
{	
	text-align: right;
	/*margin-left: auto;
	align:right;
	margin-right: 5px;*/
	width:33%;
	margin-left: 10px;
	line-height: normal;
	vertical-align: middle;
	align-items: center;
	padding-right: 5px;
}
.listajobb_fejlec
{	
	text-align: right;
	/*margin-left: auto;
	align:right;
	margin-right: 5px;*/
	width:33%;
	margin-left: 0px;
	line-height: normal;
	vertical-align: middle;
	align-items: center;
	padding-right: 5px;
}
.vonalka
{
	width:100%;
	padding-right: 5px;
	height: 2px;
	background-color: #5566c3;
}
.becsuko
{
	width:100%;
	padding-right: 5px;
	height:15px;
	background: url(nyil_fel.png) no-repeat 40px 0px;
	background-position:center;
}
.listadropdown>li.clickable:hover
{
	background-color: #3a84fc;
	box-shadow: rgb(0, 0, 0) -10px -10px 32px -18px inset;   
	border-radius: 0px;
	cursor: pointer;
}
.listadropdown>li.clickable_last:hover
{
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	background-color: #3a84fc;
	box-shadow: rgb(0, 0, 0) -10px -10px 32px -18px inset;   
	cursor: pointer;
}
.listadropdown>li.active
{
	background-color: #3a84fc;
	border-radius: 0px !important;
}
.listadropdown>li.active:hover
{
	background-color: #5566c3;
	box-shadow: rgb(0, 0, 0) -10px -10px 32px -18px inset;   
}
.listadropdown>li.clickable_last
{
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	box-shadow: rgb(0, 0, 0) 10px 10px 32px -18px inset;   
}
li.clickable
{
	border-radius: 5px;
	width:100%;
}
img[src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E%0A"]
{
	content:url(close.png);
	pointer-events: none;
	display: block;
	width: 14px;
	height: 14px;
	margin: 8px;
	opacity: 1;
}
.pac-container:after
{
    /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */

    background-image: none !important;
    height: 0px;
}
/*.ui-autocomplete .ui-front .ui-menu .ui-widget .ui-widget-content*/

#ui-id-1
{
	color: black;
	display:inline-grid;
	display:-moz-inline-grid;
	/*max-width:191.5px;*/
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 12px;
	overflow-y: scroll;
	max-height: 200px;
	overflow-x: hidden;
}
#ui-id-1>li
{
	/*max-width:191.5px;*/
}
#ui-id-1>li:hover,
#ui-id-1>li:active
{
	background-color: #3a84fc;
	/*border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: rgb(0, 0, 0) -10px -10px 32px -18px inset;   */
}
.mhidsor
{
	max-width:100%;
	height:20px;
	padding-left:100px;
	padding-right: 22px;
	text-align: right;
	color:white;
	margin-bottom: 0px;
	font-style: italic;
	font-size: 10px;
}
#labelid,
#mhid
{
	display:inline-flex;
	vertical-align: bottom;
}
#labelid
{
	width: 10px;
}
.opened
{
	opacity: 1;
}
#mh_hol_text,
#mh_cim_text,
#uv_text_honnan,
#uv_text_hova
{
	padding-left: 2px;
	z-index: 1;
}

.uv_result_indulas
{
	width:90%;
	height:25px;
	background-color: #26306c;
	margin-left:5%;
	margin-top:10px;
	margin-bottom: 10px;
	border-radius: 10px;
	line-height: 50px;
}

.uv_result_indulas>p
{
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding-left: 5%;
	padding-right: 5%;
	margin: 0px;
	vertical-align: middle;
	line-height: 25px;
	align-content: center;
}

.step
{
	width: 90%;
	height: 25px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #26306c;
	margin-left: 5%;
}
.step>p
{
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding-left: 5%;
	padding-right: 5%;
	margin: 0px;
	vertical-align: middle;
	line-height: 25px;
	align-content: center;
}
.walk_sor
{
	width:90%;
	height:auto;
	background-color: #26306c;
	margin-left:5%;
	margin-top:5px;
	margin-bottom: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	line-height: 50px;
}
.walk_kozep
{
	width:100%;
	height:auto;
	min-height: 75px;
	background: url(walk3.png) no-repeat 12.5px 12.5px;
}
.walk_kozep>p
{
	height:auto;
	min-height: 75px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding-left: 50px;
	padding-right: 5%;
	margin: 0px;
	vertical-align: middle;
	line-height: 25px;
	align-content: center;
}
.walk_alja
{
	width: 100%;
	height: auto;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.walk_alja_bal
{
	width:30%;
	padding-left: 30px;
	margin:0;
	display:inline-block;
}
.walk_alja_jobb
{
	width:50%;
	padding-right: 5%;
	margin:0;
	display:inline-block;
}

.walk_alja_jobb>p,
.walk_alja_bal>p
{
	text-align: center;
	font-size: 14px;
	padding-left: 5%;
	padding-right: 5%;
	margin: 0px;
	vertical-align: middle;
	line-height: 25px;
	align-content: center;
	font-weight: bold;
}
.bus_sor
{
	width:90%;
	height:auto;
	background-color: #26306c;
	margin-left:5%;
	margin-top:5px;
	margin-bottom: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	line-height: 50px;
}
.bus_innen
{
	width:100%;
	min-height: 20px;
	height:auto;
	padding-top: 5px;
}
.bus_ide
{
	width:100%;
	min-height: 20px;
	height:auto;
}
.fel_le
{
	height:auto;
	width: 100%;
}
.fel_le>p
{
	height:20px;
	width: 90%;
	text-align: left;
	font-size: 14px;
	padding-left: 5%;
	padding-right: 5%;
	margin: 0px;
	vertical-align: middle;
	align-content: center;
}
.megallo
{
	display:inline-block;
	width:80%;
	height:auto;
}
.megallo>p
{
	height:20px;
	width: 70%;
	text-align: left;
	font-size: 14px;
	padding-left: 5%;
	padding-right: 5%;
	margin: 0px;
	vertical-align: middle;
	line-height: 25px;
	align-content: center;
	font-weight: bold;
}
.ido
{
	display:inline-block;
	width:20%;
}
.ido>p
{
	height:20px;
	width: 30px;
	text-align: left;
	font-size: 14px;
	padding-left: 5%;
	padding-right: 5%;
	margin: 0px;
	vertical-align: middle;
	line-height: 25px;
	align-content: center;
	font-weight: bold;
}
.bus_alja
{
	width: 100%;
	height: auto;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.bus_alja_bal
{
	display:inline-block;
	width: 35%;
	height: auto;
}
.bus_alja_bal>p
{
	
	height:100%;
	text-align: left;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 5%;
	margin: 0px;
	vertical-align: middle;
	line-height: 25px;
	align-content: center;
	font-weight: bold;
}
.bus_alja_kozep
{
	display:inline-block;
	width: 30%;
	height: auto;
}
.bus_alja_kozep>p
{
	
	height:100%;
	text-align: center;
	font-size: 14px;
	padding-left: 5%;
	padding-right: 5%;
	margin: 0px;
	vertical-align: middle;
	line-height: 25px;
	align-content: center;
	font-weight: bold;
}
.bus_alja_jobb
{
	display:inline-block;
	width: 35%;
	height: auto;
}
.bus_alja_jobb>p
{
	
	height:100%;
	text-align: right;
	font-size: 14px;
	padding-left: 5%;
	padding-right: 10px;
	margin: 0px;
	vertical-align: middle;
	line-height: 25px;
	align-content: center;
	font-weight: bold;
}
select
{
	height: 23px;
	font-size: 16px;
	margin-bottom: 3px;
}
#transitprefvalaszto
{
	margin-right:5%;
	margin-left: 3%;
	width: 92%;
	min-height: 30px;
}

/* CUSTOM SCROLL BAR */
/* width */
::-webkit-scrollbar {
width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
background: white;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #26306c;
box-shadow: rgb(0, 0, 0) 10px 10px 32px -18px inset;   
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #3a84fc;
box-shadow: rgb(0, 0, 0) -10px -10px 32px -18px inset;   
}


/* CUSTOM SELECT */

select 
{
	width: 100%;
	height: 99%;
	font-weight: bold;
	font-size: 15px;
	cursor: pointer;
	border-radius: 5px;
	
	border: none;
	border-bottom: 1px solid white;
	color: white;
	padding-left: 5%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;

	background: url(le.png) no-repeat;
    background-size: 20px 20px;
    background-position: right 5% top 50%;
    background-color: #26306c;
}

select:hover,
select:focus
{
  background-color: #3a84fc;
  border-bottom-color: #26306c;
  box-shadow: rgb(0, 0, 0) -10px -10px 32px -18px inset;   
}