html ,
body {
    margin: 0;
    padding: 0;
    background: #2a2a2a;
}
input[type="time"]::-webkit-calendar-picker-indicator {
     display: none;
}
input::-webkit-date-and-time-value {
     text-align:left; /*IOS kocsogseg mert van benne egy pseudo div es abban van az ertek*/
}
#map{
    background:#f0f0f0;
    max-width: 800px;
    margin: auto;
}
.mapTooltip1:after{
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-top: solid 10px #ffffff;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
} 
.mapTooltip1.arrowBlue:after{
    border-top: solid 10px #0070ff;
}
/*
.stop-tooltip-neticon img{
    transform: scale(0.8);
}
*/
label.ui-btn.addr-enable.ui-btn-inherit{
    font-weight: normal;
    border: none;
    background-color: white;
    padding-left: unset;
    padding-bottom: 1em;
}
.ui-bar-a{
    background: #f6f6f6;
}

.ui-header .ui-btn-icon-mod-center:after{
    left: calc(50% - 11px);
}

.ui-navbar li:last-child .ui-btn {
    margin-right: 0px;
}
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    opacity:    0.95;

}
.modal-icon{
    height:     100%;
    width:      100%;
    background: #383842
            url('../img/loader.gif') 
            50% 50% 
            no-repeat;
}
body.loading .modal {
    display: block;
}

.ui-loader-default{
     width:50px;
     height:50px;
     opacity:.6;
     margin-left:-25px;
     margin-top:-25px;
     /*
     background:#ffffff;
     border:1px solid #dddddd;
     */
}
.ui-loader .ui-icon-loading{
     width:50px;
     height:50px;
     background-size:50px 50px;
     border-radius:25px;
     /*
     background: url("../img/loader_whiter.gif");
     position:absolute;
     left:0px;
     top:0px;
     z-index:999;
     */
}

.ui-popup.ui-body-inherit {
    background: #0070ff;
}
.ui-popup > p{
    margin: 0em .4375em;
    text-shadow:none;
    color:#ffffff;
}

.vehicleBox{
    display:inline-block;
    line-height:1.7em;
    color:#ffffff;
    border-radius:3px;
    padding:0px 3px 0px 3px;
    margin:1px 2px 0px 2px;
}
.vehicleBox.bus{
    background-color:#FEAE46;
    color:#000000;
}
.vehicleBox.busMixed{
    background-color:#5F6A75;
    color:#ffffff;
}
.vehicleBox.agglo{
    background-color:#00A3D3;
    color:#ffffff;
}
.vehicleBox.train{
    background-color:#0070FF;
}
.vehicleBox.train_replacement{
    background-color:#330099;
}
.vehicleBox.hev{
    background-color:#5FBB59;
}
.vehicleBox.ship{
    background-color:#63B0B8;
}
.vehicleBox.bkk{
    background-color:#00A3D3;
    color:#ffffff;
}
.vehicleBox.trolley{
    background-color:#ff5321;
}
.vehicleBox.tram{
    background-color:#fcc900;
    color:#000000;
}
.vehicleBox.metro{
    background-color:#808080;
}
.vehicleBox.narow_gauge{
    background-color:#000000;
    color:#ffffff;
}
.vehicleBox.local{
    background-color:#888888;
}
.infoIcons img{
    margin:2px;
}
.ui-panel {
    min-height:unset;
}
.legendPanel, .mapLegendPanel{
    background:#2a2a32;
    color: #7D8083;
    text-shadow:none;
    overflow-y:auto;
    height:100%;
}
.legendPanel img, .mapLegendPanel img{
    margin-bottom:3px;
}
.mapLegendPanel{
    width:21em;
}
.legendPanel h3 , .mapLegendPanel h3{
    color:#ffffff;
    font-family:"Gotham Medium";
    font-size:12px;
    margin:0.3em 0;
}
.legendPanel .ui-btn {
    background:none;
    border:none;
}

#ac.ac-open {
    max-height: 500px;
    opacity: 1;
}
#ac, #ac.ac-open {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#ac {
    background: rgba(34,34,34,.8);
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    text-align: left;
    text-transform: none;
    visibility: visible;
    width: 100%;
    z-index: 1000000;
}
#ac-details {
    color: #fff;
    display: inline-block;
    font: 400 15px/20px Roboto,sans-serif;
    padding: 20px 135px 20px 10px;
}
#ac.ac-open #ac-link {
    bottom: 13px;
}
#ac.ac-open #ac-button, #ac.ac-open #ac-link {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#ac-link {
    color: #f0cc03;
    font: 400 15px Roboto,sans-serif;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#ac.ac-open #ac-button, #ac.ac-open #ac-link {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#ac.ac-open #ac-button {
    bottom: 0;
    top: 0;
}
#ac-button {
    background: #f0cc03;
    border-radius: 4px;
    bottom: -34px;
    color: #222;
    cursor: pointer;
    display: inline-block;
    font: 700 14px/34px Roboto,sans-serif;
    height: 34px;
    margin: auto;
    padding: 0 20px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 100%;
    right: 15px;
}

.exclamation {
    width: 30px;
    height: 30px;
    border: 1px solid #E0E2E7;
    background: #FFFFFF;
    position: absolute;
    top: 20px;
    left: 9px;
}

.exclamation img {
    margin:auto;
    position: absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
}

.fd_modal_layer.show {
    opacity: 1;
    pointer-events: all;
}
.fd_modal_layer {
    z-index: 9999;
    opacity: 0;
    background: rgba(56,56,66,0.9);
    pointer-events: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: opacity 0.3s;
}
.fd_volan_modal {
    background: #383842;
    border: 3px solid #606068;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    box-sizing: border-box;
    color: #FFFFFF;
    height: 450px;
    width: 310px;
    text-align: center;
    z-index: 99;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: fixed;
    display:none;
}
.fd_volan_modal>div.close {
    background-color: #0070FF;
    border: 2px solid #383842;
    cursor: pointer;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    height: 27px;
    width: 27px;
    position: absolute;
    right: -2px;
    top: -17px;
    text-align: center;
    z-index: 100;
    border-radius: 50px 50px 50px 50px;
}
.fd_volan_modal>div.close img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.fd_volan_modal .volan_modal {
    font: normal 12px/15px 'Roboto';
    padding: 20px;
}
.fd_volan_modal .volan_modal h3 {
    font: 700 13px/16px 'Roboto';
    margin: 20px auto 30px;
    text-transform: uppercase;
}
.fd_volan_modal .volan_modal a {
    color: #FFFFFF;
    opacity: 1;
    transition: opacity 0.3s;
    text-decoration:none;
}
.fd_volan_modal .volan_modal a:hover {
    opacity: .8;
}

.fd_mav_info {
    background: #383842;
    border: 3px solid #606068;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    box-sizing: border-box;
    color: #FFFFFF;
    height: 350px;
    width: 310px;
    text-align: center;
    z-index: 99;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: fixed;
    display:none;
}
.fd_mav_info>div.close {
    background-color: #0070FF;
    border: 2px solid #383842;
    cursor: pointer;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    height: 27px;
    width: 27px;
    position: absolute;
    right: -2px;
    top: -17px;
    text-align: center;
    z-index: 100;
    border-radius: 50px 50px 50px 50px;
}
.fd_mav_info>div.close img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.fd_mav_info .mav_info {
    font: normal 12px/15px 'Roboto';
    padding: 20px;
}
.fd_mav_info .mav_info h3 {
    font: 700 13px/16px 'Roboto';
    margin: 20px auto 30px;
    text-transform: uppercase;
}
.fd_mav_info .mav_info a {
    color: #FFFFFF;
    opacity: 1;
    transition: opacity 0.3s;
    text-decoration:none;
}
.fd_mav_info .mav_info a:hover {
    opacity: .8;
}

.fd_price_info {
    background: #383842;
    border: 3px solid #606068;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    box-sizing: border-box;
    color: #FFFFFF;
    width: 300px;
    text-align: center;
    margin: auto;
    margin-top:7px; 
}
.fd_price_info .price_info {
    font: normal 12px/15px 'Roboto';
    padding: 10px;
}
.fd_price_info .price_info h3 {
    font: 700 13px/16px 'Roboto';
    margin: 20px auto 30px;
    text-transform: uppercase;
}
.fd_price_info .price_info a {
    color: #FFFFFF;
    opacity: 1;
    transition: opacity 0.3s;
    text-decoration:none;
}
.fd_price_info .price_info a:hover {
    opacity: .8;
}

.fd_validity_info {
    background: #383842;
    border: 3px solid #606068;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    box-sizing: border-box;
    color: #FFFFFF;
    height: 350px;
    width: 310px;
    text-align: center;
    z-index: 99;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: fixed;
    display:none;
}
.fd_validity_info>div.close {
    background-color: #0070FF;
    border: 2px solid #383842;
    cursor: pointer;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    height: 27px;
    width: 27px;
    position: absolute;
    right: -2px;
    top: -17px;
    text-align: center;
    z-index: 100;
    border-radius: 50px 50px 50px 50px;
}
.fd_validity_info>div.close img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.fd_validity_info .validity_info {
    font: normal 12px/15px 'Roboto';
    padding: 20px;
}
.fd_validity_info .validity_info h3 {
    font: 700 13px/16px 'Roboto';
    margin: 20px auto 30px;
    text-transform: uppercase;
}
.fd_validity_info .validity_info a {
    color: #FFFFFF;
    opacity: 1;
    transition: opacity 0.3s;
    text-decoration:none;
}
.fd_validity_info .validity_info a:hover {
    opacity: .8;
}


.fd_guide {
    background: #383842;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    box-sizing: border-box;
    color: #F2F2F2;
    height: 400px;
    width: 310px;
    text-align: center;
    z-index: 99;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: fixed;
    display:none;
}
.fd_guide>div.close {
    background-color: #0070FF;
    border: 2px solid #383842;
    cursor: pointer;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    height: 27px;
    width: 27px;
    position: absolute;
    right: -2px;
    top: -17px;
    text-align: center;
    z-index: 100;
    border-radius: 50px 50px 50px 50px;
}
.fd_guide>div.close svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.fd_guide>div.close img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.fd_guide .guide_slider {
    overflow: hidden;
    position: relative;
}
.fd_guide .guide_slider ul {
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    transition: transform 0.5s;
}
.fd_guide .guide_slider ul li {
    box-sizing: border-box;
    display: block;
    float: left;
    list-style-type: none;
    height: 440px; 
    width: 310px;
    padding: 10px 10px;
    text-align: center;
    position: relative;
}
.fd_guide .guide_slider ul li:first-child a img {
    margin: 35px 0 30px;
}
.fd_guide .guide_slider ul li h3 {
    font: normal 20px/24px "Gotham Bold";
    color: #F2F2F2;
    margin:10px;
}
.fd_guide .guide_slider ul li p {
    font: normal 14px/18px 'Roboto';
    /*font: normal 16px/20px "Gotham Book";*/
    margin-bottom: 25px;
}
.fd_guide .guide_slider ul li .img {
    /*height: 150px;*/
    max-width:290px;
    max-height:150px;
    width: auto;
    height: auto;
}
.fd_guide .guide_slider ul li .op_img {
    height: 240px;
}
.fd_guide .guide_slider ul li:first-child button {
    margin-top: 20px;
}
.fd_guide .guide_slider ul li button {
    background: #0070ff;
    padding: 9px 10px 5px 10px;
    color: #7D8083;
    font: normal 13px "Gotham Bold";
    width: 100%;
    text-transform: uppercase;
    border: 0;
    color: #fff;
    cursor: pointer;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-transition: background 0.3s,color 0.3s;
    -moz-transition: background 0.3s,color 0.3s;
    transition: background 0.3s,color 0.3s;
    margin-top: 20px;
    font-size: 15px;
    width: 215px;
}
.fd_guide .guide_slider .pagination.show {
    transform: translateY(0);
}
.fd_guide .guide_slider .pagination {
    background: #FFFFFF;
    box-sizing: border-box;
    height: 45px;
    padding-top: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(45px);
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    transition: transform 0.5s;
}
.fd_guide .guide_slider .pagination>div.prev {
    width: 0;
    height: 0;
    display: block;
    border-left: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #A7ABAF;
    border-bottom: 10px solid transparent;
    left: 25px;
}
.fd_guide .guide_slider .pagination>div.prev:hover {
    width: 0;
    height: 0;
    display: block;
    border-left: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #0070FF;
    border-bottom: 10px solid transparent;
}
.fd_guide .guide_slider .pagination>div.next {
    width: 0;
    height: 0;
    display: block;
    border-left: 10px solid #A7ABAF;
    border-top: 10px solid transparent;
    border-right: 0;
    border-bottom: 10px solid transparent;
    right: 25px;
}
.fd_guide .guide_slider .pagination>div.next:hover {
    width: 0;
    height: 0;
    display: block;
    border-left: 10px solid #0070FF;
    border-top: 10px solid transparent;
    border-right: 0;
    border-bottom: 10px solid transparent;
}
.fd_guide .guide_slider .pagination>div {
    cursor: pointer;
    height: 18px;
    width: 10px;
    position: absolute;
    top: 12px;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.fd_guide .guide_slider .pagination ul {
    margin: 0 auto;
    padding: 0;
    width: 205px;
}
.fd_guide .guide_slider .pagination ul li:last-child {
    width: 28px;
}
.fd_guide .guide_slider ul li:last-child a img {
    margin: 30px 0 35px;
}
.fd_guide .guide_slider ul li:last-child svg {
    display: block;
    margin: 0 auto;
}
.fd_guide .guide_slider .pagination ul li {
    box-sizing: border-box;
    display: block;
    float: left;
    list-style-type: none;
    height: 20px;
    width: 16px;
    padding: 0;
    position: relative;
}
.fd_guide .guide_slider ul li span {
    font: normal 10px/12px "Gotham Book";
    position: absolute;
    bottom: 50px;
    padding: 0 15px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.fd_guide .guide_slider .pagination ul li:first-child div {
    display: none;
}
.fd_guide .guide_slider .pagination ul li.seen div {
    background-color: #606068;
    background-image: none;
}
.fd_guide .guide_slider .pagination ul li div {
    background: transparent url(../img/pagination_bg.png) left center repeat-x;
    height: 3px;
    width: 18px;
    left: 0;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    transition: background 0.5s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fd_guide .guide_slider .pagination ul li:first-child p {
    border: 3px solid #606068;
    background: none;
    height: 10px;
    width: 10px;
}
.fd_guide .guide_slider .pagination ul li:last-child p {
    height: 16px;
    width: 16px;
}
.fd_guide .guide_slider .pagination ul li.seen p {
    background-color: #0070FF;
}
.fd_guide .guide_slider .pagination ul li p {
    background-color: #B3B3B3;
    width: 8px;
    height: 8px;
    margin: 0;
    right: 0;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    transition: background 0.5s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-border-radius: 50px 50px 50px 50px;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    border-radius: 50px 50px 50px 50px;
}


.fd_contact_guide {
    background: #383842;
    border: 3px solid #606068;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    box-sizing: border-box;
    color: #FFFFFF;
    height: 436px;
    width: 310px;
    text-align: center;
    z-index: 99;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: fixed;
    display:none;
}
.fd_contact_guide>div.close {
    background-color: #0070FF;
    border: 2px solid #383842;
    cursor: pointer;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    height: 27px;
    width: 27px;
    position: absolute;
    right: -2px;
    top: -17px;
    text-align: center;
    z-index: 100;
    border-radius: 50px 50px 50px 50px;
}
.fd_contact_guide>div.close img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.contact_guide {
    font: normal 9px/10px 'Roboto';
}
.contact_guide div {
    border-bottom: 3px solid #606068;
    padding-bottom: 10px;
    margin:5px;
}
.contact_guide div:last-child {
    border: 0;
}
.contact_guide div h3 {
    font: 700 16px/18px 'Roboto';
    margin: 10px auto 10px;
    text-transform: uppercase;
}
.contact_guide div h4 {
    font: normal 18px/20px "Gotham Bold";
    /*font: 700 16px/18px 'Roboto';*/
    margin: 0px auto 20px;
}
.contact_guide div a {
    color: #FFFFFF;
    opacity: 1;
    transition: opacity 0.3s;
    text-decoration:none;
}
.contact_guide div a:hover {
    opacity: .8;
}
.contact_guide div p {
    font: normal 15px/18px 'Roboto';
    margin: 0 auto 12px;
}
.contact_guide div p img {
    margin: 0 4px -8px 0;
}

.contact_guide div .consent_button{
    width:45%;
    border-bottom:none;
    border-radius:3px;
    background:#cccccc;
    border:1px solid #606060;
    padding:10px;
    box-sizing: border-box;
    color:#000000;
    font-size:14px;
    font-weight: bold;
}

.fd_pa_consent, .fd_mode_change{
    background: #383842;
    border: 3px solid #606068;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    box-sizing: border-box;
    color: #FFFFFF;
    height: 436px;
    width: 310px;
    /*overflow:auto;*/
    text-align: center;
    z-index: 99;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: fixed;
    display:none;
}
.fd_pa_consent>div.close{
    background-color: #0070FF;
    border: 2px solid #383842;
    cursor: pointer;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    height: 27px;
    width: 27px;
    position: absolute;
    right: -2px;
    top: -17px;
    text-align: center;
    z-index: 100;
    border-radius: 50px 50px 50px 50px;
}
.fd_pa_consent>div.close img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.search {
    position: fixed;
    bottom: 14px;
    left: 10px;
    right: 10px;
    z-index:0;
}
.search footer .blind {
    background: url(../svg/blind.svg) center center no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    min-height: 30px;
}
.search footer .blind:after {
    content: "";
    position: absolute;
    right: -10px;
    top: -2px;
    bottom: -2px;
    width: 1px;
    background: #fff;
}
.search footer .footermenu {
    position: relative;
    text-align:center;
    /*margin-left: 50px;*/ only in web version
    overflow: hidden;
}
.search footer .footermenu a {
    /*display: block;
    float: left;*/
    font: normal 11px "Gotham Bold";
    color: #fff;
    text-decoration: none;
    margin: 0 5px 0px 0;
}

.results .separator {
    display:none;
    height: 136px;
    position: relative;
}
.results .separator div {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    font: normal 15px "Gotham Bold";
}
.results .separator div:first-child {
    bottom: 50%;
    padding-bottom: 5px;
}

.results .separator div:first-child:before {
    content: "";
    top: -46px;
    left: 0;
    right: 0;
    height: 25px;
    position: absolute;
    background-image: linear-gradient(to bottom,#000 0%,#383842 100%);
}
.results .separator div:first-child:after {
    content: "";
    position: absolute;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 25px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
}
.results .separator div:last-child {
    border-top: 1px dashed #fff;
    padding-top: 5px;
    top: 50%;
}
.results .separator div:last-child:after {
    content: "";
    position: absolute;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    margin: auto;
    left: 0;
    right: 0;
    top: 25px;
    width: 10px;
    height: 10px;
    transform: rotate(-135deg);
}
.results .articles {
    position: relative;
    z-index: 0;
}
.results .articles .article {
    position: relative;
    margin: 0 10px 10px 10px;
}
.results .articles .article .image {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
}
.results .articles .article .image span.domain.origo {
    background: #155092;
}
.results .articles .article .image span.domain {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    padding: 3px 5px;
    font: 700 14px/16px "Roboto Condensed";
    color: #fff;
    text-transform: uppercase;
    pointer-events: none;
}
.results .articles .article h3 {
    margin: 0;
    padding: 13px 13px 13px 10px;
    box-sizing: border-box;
    font: 900 30px/36px Roboto;
    background-color: #4A4B58;
    overflow: hidden;
}
.results .articles .article h3 a {
    color: #fff;
    text-decoration: none;
}

.resultsTable {
    font-family:Roboto;
    border:0px;
    border-spacing: 0px;
    width:100%;
    font-size:11px;
    background: #ffffff;
}

.resultsTable td{
    padding:0px;
    text-shadow:none;
}
.resultsTable a{
    text-decoration:none;
}
.resultsTable tr.gone td{
    background:#f0f0f0;
}
.resultsTable tr.active td{
    background:#ffffff;
}

.resultsTable .timeDiv {
    font-size: 16px;
    line-height: 20px;
}
.resultsTable .bay{
    width:2em;
    height:2em;
    line-height:2em;
    border-radius:1em;
    text-align:center;
    background:#0070ff;
    position:absolute;
    top:2px;
    left:8px;
    color:#ffffff;
    font-size:11px;
}

div#timetableHolder .bay{
    top:20px;
    left:5px;
}

.resultsTable .bay.right{
    left:unset;
    right:2px;
}

.resultsTable .inlineBay{
    width:2em;
    height:2em;
    line-height:2em;
    border-radius:1em;
    text-align:center;
    background:#0070ff;
    display:inline-block;
    position:relative;
    color:#ffffff;
    font-size:11px;
}
.resultsTable .tooltip{
    position: absolute;
    color: #ffffff;
    background-color: #22aadd;
    right: 2.5em;
    top: 0em;
    line-height: 2em;
    border-radius: 5px;
    padding: 0 1em 0 1em;
    white-space: nowrap;
    display:none;
}

div.countypass{
    background-image: url("../svg/county_ticket.svg");
    width: 20px;
    height: 20px;
}

div.countypassAvailable{
    background-image: url("../svg/county_ticket_available.svg");
    width: 27px;
    height: 20px;
    position:relative;
}

span.attribs{
    position:relative;
}

span.mobileTicket{
    position:relative;
}

span.attribs div.tooltip{
    right:unset;
    /* left:-1.5em;* ha unset akkor nem az ikonhoz igazítja, hanem a parent elementhez */
    left: unset;
    top:-2.5em;
}

div.infoIcons{
    margin-top:5px;
}

.resultsTable .gone .timeDiv {
    color: #808080;
}
.resultsTable .active .timeDiv{
    color: #0070ff;
}
.resultsTable .citiName {
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
}
.resultsTable .stationName {
    font-size: 11px;
    line-height: 15px;
}
.resultsTable .hitInfo {
    line-height: 15px;
}

.trActive td.station {
    position: relative;
}
.trActive td.station span{
    color:#0054bf;
}

.trActive td.station:before {
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 5px;
    background-color: #0084FB;
}

.nextRun{
    background-color: #FF7000;
    height: 2px;
    top: -3px;
}
.margin10{
    margin:auto;
    position:relative;
    max-width:800px;
    z-index:1;
    }

.ui-content{
    padding:0px;
}
.ui-content>div{
    position:relative;
}
.ui-listview {
    margin: 0px;
}

.ui-filter-inset {
    margin-top: 0px;
}

.ui-content .ui-listview-inset {
    margin: 0px;
}
html .ui-filterable + .ui-listview, html .ui-filterable.ui-listview{
    margin-top:0px;
}

.ui-listview > .ui-li-static.ui-li-has-thumb {
    display:block !important;
    min-height:0px;
    padding:15px 15px 15px 30px;
    /*background: url("../svg/bus.svg");*/
}

.ui-listview > .ui-li-static {
    display:block !important;
}
.ui-listview > .ui-li-static .ui-loader{
    display:block !important;
    position:relative;
    margin-top:5px;
}
.ui-listview .ui-li-has-thumb > img:first-child{
    top:inherit;
    left:5px;
}
.ui-icon-myapp-settlement {
    background-image: url("../img/kastely_kicsi.gif");
}
.ui-listview-filter {
    margin: 0px;
}

.ui-field-contain {
    border:0px;
    padding:0.3em;
}

.ui-page {
    -webkit-backface-visibility: hidden; 
} 
.ui-shadow,.ui-shadow.ui-btn{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow:none;
}
.ui-footer, .ui-header {
      /*z-index: 10000;*/
    /*max-width: 800px;
    margin: auto;*/
}
.ui-header .ui-title, .ui-footer .ui-title{
      margin: 0px;
}

.ol-attribution {
    max-width: 50%;
}

.ui-btn-inner {
    padding: .4em .6em;
}
li.ui-block-a{
    line-height: 35.7px;
    /* line-height 3em volt, 2 kellene de nem vette be ezert 10.5*2 = 21px (relative parent element font size) */
}
.ui-page-footer-fixed {
    padding-bottom: 35.7px;
}
.ui-page-header-fixed {
    padding-top: 35.7px;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-btn-inner, .ui-controlgroup-horizontal .ui-radio .ui-btn-inner {
    padding: .4em .6em;
}
.ui-checkbox .ui-btn, .ui-select .ui-btn{
    padding-top: .2em;
    padding-bottom: .2em;
}
.ui-select{
    border:1px solid #dddddd;
}
.ui-input-text input {
    padding-top: .2em;
    padding-bottom: .2em;
    line-height:2em;
}
div.ui-input-text, div.ui-checkbox{
    margin-top:0em;
    margin-bottom:0em
}
.ui-block-b div.ui-checkbox{
    margin-right:0px;
}
.ui-overlay-a{
    background-color:#000000;
}
.ui-overlay-a, .ui-page-theme-a .ui-panel-wrapper {
    background-image: url("../img/bg1.jpg");
    /*background-image: url("../img/bg_20.jpg");*/
    background-color: #3c3c3c;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; 
}
.ui-page-theme-a {
    background-color:transparent;
}
.ui-slider-track {
    height: 4px;
}
.ui-page-theme-a input.ui-slider-input {
    font-size: 13px;
    font-weight: bold;
    border: none;
    box-shadow: none;
    color: #0070FF;
}
.ui-page-theme-a div.ui-slider-input {
    font-size: 13px;
    font-weight: bold;
    border: none;
    box-shadow: none;
    color: #0070FF;
    display:inline-block;
    width:15%;
    text-align:center;
}
.ui-slider-track .ui-btn.ui-slider-handle {
    border-radius: 50%;
    border: none;
    width: 12px;
    height: 12px;
    margin: -6px 0px 0px -6px;
    background-color: #0070FF;
}
#searchFormHolder{
    background-color:#383842;
    border: 4px solid #606068;
    padding:10px;
}
#settingsHolder {
    background: #ffffff;
    border: 4px solid #606068;
    padding:10px;
}
#settingsHolder label {
    color: #000000;
    margin: 0px;
}
.historyTable {
    font-family:Roboto;
    border:0px;
    border-spacing: 0px;
    width:100%;
    font-size:11px;
    background: #ffffff;
    color: #84888f;
}

.historyTable td{
    border-right: 1px solid #e0e2e7;
    padding:0px 5px 0px 5px;
    text-shadow:none;
    height:35px;
    line-height:1.4em;
}

.historyTable td.td1{
    color:#0054bf;
    font-size:11px;
    font-weight:bold;
}
.historyTable .ui-btn{
    /*padding: .3em .3em;*/
    margin: .2em .1em;
    font-family:"Gotham Medium";
}
@font-face {
    font-family: "Gotham Black";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/gotham-black.woff) format('woff');
}

@font-face {
    font-family: "Gotham Bold";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/gotham-bold.woff) format('woff');
}
@font-face {
    font-family: "Gotham Medium";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/gotham-medium.woff) format('woff');
}
@font-face {
    font-family: "Gotham Book";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/gotham-book.woff) format('woff');
}

/* roboto-300 - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-ext-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900 - latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v20-latin-ext-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-condensed-700 - latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v19-latin-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



.ui-input-search input {
    font-family:Roboto;
    font-size:13px;
    line-height:2em;
}
.favorites {
    font-family: "Gotham Bold";
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    margin:5px;
}
.custom1 a, .custom1 a:visited, .custom1 a:hover, .custom1 a:active{
    font-family: "Gotham Medium";
    color:#ffffff;
    text-shadow: none;
    font-size:12px;
}
.ui-grid-a.custom1{
    margin:10px 0px 10px 0px;
}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    font-family:Roboto;
    font-size:13px;
    color: #ffffff;
    text-shadow:none;
}
.ui-page-theme-a .ui-navbar li .ui-btn, #infoBarMap{
    text-transform: uppercase;
    font-family:"Gotham Bold";
    font-size:10.5px;
    text-shadow:none;
}
#pageResults{
    padding-top:8.2em;
}
#pageTimeTable{
    padding-top:8.5em;
}
.infobar {
    background: #383842;
    color: #cccccc;
    text-shadow: none;
    height: 4em;
    line-height: 1.3em;
    text-align: center;
    font-weight: normal;
    width: 100%;
}
#pageResults .infobar{
    height: 5.3em;
}

.infobar .infocol{
    float:left;
    height:3.4em;
    padding:0em .5em 0em .5em;
    margin:.3em 0em .3em 0em;
    box-sizing: border-box;
    text-align:center;
}
.infobar .infocol.left{
    width:66%;
}
.infobar .infocol.right{
    width:33%;
    border-left:1px solid #cccccc;
    font-weight:bold;
    line-height:3em;
    cursor:pointer;
}
.rotate180{
    transform:rotateY(180deg);
}


.ui-btn-icon-left{
    padding-left:2.6em;
}
body, input, select, textarea, button, .ui-btn {
    font-family: Roboto;
    font-size: 13px;
    line-height: 2em;
}
.ui-mobile label, div.ui-controlgroup-label{
    font-size: 13px;
}
.ui-checkbox .ui-btn, .ui-radio .ui-btn {
    white-space: nowrap;
    line-height: 2em;
}
.ui-checkbox{
    border:1px solid #dddddd;
}

#search, #searchFromSettings, #searchFromNetworks{
    text-transform: uppercase;
    background-color:#0054bf;
    color:#b2cbec;
    text-shadow: 0 0px 0 #f3f3f3;
}
.bigRouteLine {
    display:table-row;
}
.smallRouteLine{
    display:none;
}
.margin10>img {
    margin-left: 10px;
}

div.weather{
    position:absolute;
    z-index:1;
    right:10px;
    top:0px;
}

div.weather a, div.weather a:visited{
    font-size:11px;
    color:#ffffff;
    border:none;
    text-decoration:none;
    vertical-align:middle;
}
div.weather svg path{
    fill: #ffffff;
    stroke: #ffffff;
}

div.weather img, div.weather2 img{
    width:30px;
}
div.weather2{
    margin-left:10px;
}
div.weather2 a, div.weather2 a:visited{
    font-size:11px;
    color:#0070ff;
    border:none;
    text-decoration:none;
}

div.weather2 svg path {
    fill: #0070ff;
    stroke: #0070ff;
}
#pageTimeTable div.ui-header{
    border-bottom:0px;
}
.list_row{
    background: #808080;
    color: #9D9FA2;
    display: flex;
    justify-content: center;
}
.list_cell{
   /* border-right: 1px solid #d0d0d0; */
    float:left;
    text-align:center;
    color:#f0f0f0;
    text-shadow:none;
    width:100px;
}
.list_cell:first-child{
    border-left: 1px solid #d0d0d0; 
}

.galaga {
    position:absolute;
    z-index:3;
    text-align:center;
    width:100%;
    height:100%;
}
.hidden{
    display:none;
}
.modalshow{
    display:block;
}
.ui-icon-wayback:after {
    background-image: url("../svg/reverse.svg");
}
.ui-icon-settings:after {
    background-image: url("../svg/settings_icon.svg");
}
.ui-icon-networks:after {
    background-image: url("../svg/vehicles_icon_grey.svg");
}
.ui-icon-throughswitch:after {
    background-image: url("../svg/through_switch.svg");
}
.ui-icon-lineswitch:after {
    background-image: url("../svg/line_switch.svg");
}

#pageTimeTable .ui-icon-carat-r:after {
    background-color: #3388cc;
}

.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
    width: 21px;
    height: 21px;
}
.custom-select-1{
    margin:0px !important;
    border:none;
}
.custom-select-1 .ui-btn{
    padding:0.7em;
}

.hitInfoBox {
    background-color:#ffed00;
    color:#000000;
    display: inline-block;
    line-height: 1.7em;
    border-radius: 3px;
    padding: 0px 5px 0px 5px; 
    margin: 1px 2px 0px 2px;
}

div.datepicker-container{
    color:#000000;
    font-size:18px;
    width:auto;
    border: 2px solid #000000;
}
.datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="next"] {
    font-size: inherit;
}
.datepicker-panel > ul > li {
    width:2em;
    height:2em;
}
.datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
    color: #ffffff;
}

.datepicker-panel > ul {
    width:14em;
}
.datepicker-panel > ul > li[data-view="years current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="month current"] {
    width: 10em;
}
.ui-input-text input, .ui-input-search input {
    min-height:2em;
}
.flexbox-time{
    display:flex;
    justify-content: center;
    margin:.5em 0;
    border:none;
    background:none;
}
.flexbox-time > div {
    margin-left: 5px;
    width:33%;
    line-height:2em;
    padding:.4em;
    background-color: #ffffff;
    border:.2em solid #dddddd;
    position:relative;
}
.flexbox-time > div:first-child {
    margin-left: 0px;
}
.flexbox-2{
    display:flex;
    justify-content: center;
    border:none;
    background:none;
}

.flexbox-2 > div {
    margin: 0px;
    margin-left: 5px;
    position:relative;
}
.flexbox-2 > div:first-child {
    margin-left: 0px;
}
.flexbox-time > div input{
    /*text-align:center;*/
    line-height:1.8em;
    padding:0;
}
.ol-scale-line {
    line-height:1em;
}
.ol-ownposbutton {
    bottom: 1.8em;
    right: .5em;
}
.ol-touristbutton {
    bottom: 1.8em;
    right: 4em;
}
.ol-vehiclesbutton {
    bottom: 1.8em;
    right: 14.5em;
}
.ol-settingsbutton {
    bottom: 1.8em;
    right: 11em;
}
.ol-modebutton {
    bottom: 1.8em;
    right: 14.5em;
}
.ol-notUsedbutton {
    bottom: 1.8em;
    right: 7.5em;
}
.ol-historybutton {
    bottom: 1.8em;
    right: 18em;
}
.ol-northbutton {
    top: 3.2em;
    right: 0.5em;
}
.ol-ownposbutton button, .ol-touristbutton button, .ol-notUsedbutton button, .ol-settingsbutton button, .ol-vehiclesbutton button, .ol-modebutton button, .ol-historybutton button, .ol-northbutton button{
    height:auto;
    width:auto;
    background-color:transparent;
}
.ol-ownposbutton button:focus, .ol-touristbutton button:focus, .ol-notUsedbutton button:focus , .ol-settingsbutton button:focus, .ol-vehiclesbutton button:focus, .ol-modebutton button:focus, .ol-historybutton button:focus, .ol-northbutton button:focus{
    outline: none;
    box-shadow: none;
    background-color:transparent;
}
.menubar-button-active{
    background-color:#dddddd !important;
}
.ol-zoom{
    top:3.5em;
}
.ol-touch .ol-zoomslider {
    top: 8.5em;
}
.ol-zoomslider, .ol-zoom-out, .ol-zoom-in,.ol-zoomslider>button {
    width:15px !important;
}
button.b01{
background: #0070ff;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
    font: normal 13px "Gotham Bold";
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    border-radius: 5px 5px 5px 5px;
}
/*
@media ( min-width: 700px ) {
    .bigRouteLine {
        display:none;
    }
    .smallRouteLine{
        display:table-cell;
    }
}
*/
@media ( min-width: 1100px ) {
    /* Show the table header rows and set all cells to display: table-cell */
    .route-plan-breakpoint td,
    .route-plan-breakpoint th,
    .route-plan-breakpoint tbody th,
    .route-plan-breakpoint tbody td,
    .route-plan-breakpoint thead td,
    .route-plan-breakpoint thead th {
        display: table-cell;
        margin: 0;
    }
    /* Hide the labels in each cell */
    .route-plan-breakpoint td .ui-table-cell-label,
    .route-plan-breakpoint th .ui-table-cell-label {
        display: none;
    }
}