.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0) !important;
}

#fwt-timetable-panel {
	z-index:999 !important;
	width:calc(100% - 40px) !important;
	max-width:500px;
}




#fwt-journeyplanner-panel {
	z-index:1000 !important;
	overflow:visible !important;
}

#fwt-facility-panel {
	z-index:1001 !important;	
}
.journey_select{
  background-color: rgba(149,209,198,0.5) !important;
}


img.gj_picture {
	width:100%;
}

h4.gj_about {
margin-bottom: 5px !important;	
}

h4.gj_offer {
margin-bottom: 5px !important;		
}

a.gj_about {
	
}

a.gj_offer {
	
}

a.gj_url {
	width:200px;
	margin:auto;
    margin-top: 20px !important;
    font-size: 13px !important;
    background-color: #95d1c6 !important;
    text-decoration: none !important;
    font-size: 120% !important;
    text-shadow: none !important;
}

div.gj_plan_journey {
	margin-top:20px !important; 
    border-radius:8px 8px 8px 8px !important;	
	width:300px;
	margin:auto;
	cursor:pointer !important;
}

.ui-panel-closed {
    clip: auto !important;
	/*visibility:visible !important;*/
	visibility:hidden;
	overflow:visible !important;
	-webkit-box-shadow: 5px 0 5px rgba(0,0,0,0);
    -moz-box-shadow: 5px 0 5px rgba(0,0,0,0);
    box-shadow: 5px 0 5px rgba(0,0,0,0);
}

div.safari_fix {
height:600px;
width:calc(100% + 100px);
border: 3px solid pink;
	
}

div.panel-tab {
width: 30px;
height: 100px;
border: white 3px solid;
position: fixed;
right: -33px;
top: calc(50% - 50px);
z-index: 3000;
background-color: #22315F;
border-radius: 0px 8px 8px 0px !important;
border-width: 3px 3px 3px 0px;
display: flex;
align-content: center;
opacity: 0.7;
flex-shrink: 0;
}



img.panel-tab {
width:70%;
margin-left:4px;
}





#panel-tab:hover {
	opacity:1;	
	cursor:pointer;
}



.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
  left: 0;
  -webkit-transform: translate3d(100%,0,0);
     -moz-transform: translate3d(-100%,0,0);
          transform: translate3d(-100%,0,0);
}


.ui-icon-bars::after {
    background-position: 4.5px 3px !important;
}

.ui-icon-plus::after {
    background-position: 5px 3.7px !important;
}

.ui-icon-minus::after {
    background-position: 5px 3.7px !important;
}

.ui-panel-inner {
	/*overflow-y:auto !important;*/
	/*overflow-x:visible !important;*/
	overflow:visible !important;
}

.ui-collapsible-set .ui-collapsible {
	margin:0 !important;
}

#other-journey-panel-content-holder {
   height:calc(100% - 116px);
   overflow-y:overlay;
   overflow-x:hidden; 
   -webkit-overflow-scrolling: touch;
}

#other-timetable-panel-content-holder {
    bottom: 268px;
    top: 156px;
    position: absolute;
    bottom:0px;
    /* height: 400px; */
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    width: calc(100% - 20px);
}
}

#departures_routes-panel-content {
   height: calc(100% - 148px);
   overflow-y:overlay;
   overflow-x:hidden; 
   -webkit-overflow-scrolling: touch;
}


#other-pdf-panel-content-holder {
   height: calc(100% - 148px);
   overflow-y:overlay;
   overflow-x:hidden; 
   -webkit-overflow-scrolling: touch;
}

#fwt-timetable-panel-content {

}

#date_lite_holder {
  width:276px;
  margin-left:10px;
}

.is-start-date {
background-color:#95d1c6 !important;
color:white !important;
font-weight:400 !important;
}

.date-save {
	color:white !important;
	background-color:#223160 !important;
}

.input-arrive-depart {
  width:78px;
  text-align:center !important;
}


#calendar-input {
  width: calc(100% - 20px);
  margin-left:10px;
}

#date_lite_holder {
z-index:10000;
}

#save_button {
    width: 76px;
    float: right;
    margin-right: 30px;
}

#hour-button {
  width: 45px;
  float: left;
  margin-right: 10px;
  margin-left: 30px;
}

#min-button {
  width: 45px;
  float: left;	
}

#full_calendar_holder {
width: 276px;
height: 410px;
background-color:white;
border-radius:8px 8px 8px 8px !important;	
}

.calendar-open {
  display:block !important;
}

.calendar-closed {
  display:none !important;
}

.fwt-panel-menu {
	width:90% !important;
}

.ui-listview>.ui-li-static {
padding: 0 !important;
border: 0;
}


.ui-content .ui-listview, .ui-panel-inner>.ui-listview {
margin:0; !important !important;
}

.journey-planner-text {
margin-left:16px;	
}

.journey-planner-title{
    display: inline-flex;
    align-content: center;
    flex-basis: max-content;
    align-items: center;
}

.journey_departure {
    width: 100% !important;
    height: 30px;
    display: flex;
    align-items: center;
}

.journey_highlight {
background-color : #aee1f4 !important;	
}

.journey_departures {
	display: inline-block;
	width:100% !important;
	font-size:80% !important;
	cursor: pointer;
}

.journey_departures:nth-child(even) {background: rgba(174,225,244,.3)}
.journey_departures:nth-child(odd) {background: #FFF}

#journey_departure_heading{
	white-space:wrap !important; 
}

.journey_image {
    width:20px;
    height:auto;	
    margin-right: 6px !important;
    margin-left: 10px;
}

.journey_departure_locality {
    display: inline-block;
    font-size: 100% !important;
    font-weight: 300 !important;
    width: calc(30% - 6px) !important;
    margin-right: 6px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.journey_departure_common {
    display: inline-block;
    width: calc(70% - 94px) !important;
    font-size: 100% !important;
    margin-right: 6px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	
}

.journey_departure_time {
	display: inline-block;
	width:60px !important;
	font-size:100% !important;	
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
}

.train_departure_destination {
    display: inline-block;
    font-size: 100% !important;
    font-weight: 300 !important;
    width: calc(100% - 120px) !important;
    margin-right: 6px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.train_departure_platform {
    display: inline-block;
    width: 60px; !important;
    font-size: 100% !important;
    margin-right: 6px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.train_departure_time {
	display: inline-block;
	width:60px !important;
	font-size:100% !important;	
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
}

.ui-listview>.ui-li-divider {
	color:#223160 !important;	
	background-color:#95d1c6 !important;	
	border:0 !important;
}

#BRT_header > a {
	margin-top:9px !important;
}

.gj_picture {
	padding-top:20px;
	width:90%;
	margin:auto;
}

.check-yes {
	border-right:green 2px solid !important;
}

.check-edit {
	border-right:gold 2px solid !important;
}

.check-no {
	border-right:red 2px solid !important;
}