/* desktop */




.pac-container {
  z-index:2000 !important;
  width: 340px !important;
}



div.beryl_note {
    width: 395px;
    font-size: 75%;
    color: #007b83;
    opacity: 80%;
    margin-left: 20px;
    margin-bottom: 10px;
}

a.beryl_note_link {
    text-decoration:underline !important;
}





@media (min-width: 700px) {
.fwt-journey-planner-img-mode
  {
    width: 85%;
    min-width: 36px;
  }	
	
.fwt-journey-planner-img
  {
    width: 75%;
    min-width: 36px;
  }

  #fwt-journey-planner-results {
    overflow-y: auto;
	margin-bottom: 0 !important;
  }
  
  #walk_route {
    width: 100% !important;	
  }

  #cycle_route {
    width: 100% !important;	
  }
  
  .fwt-journey-planner-img {
	 width: calc(100% - 20px); 
  }

}

/* mobile */
@media (max-width: 500px) and (min-width: 200px) {
.fwt-journey-planner-img-mode
  {
    width: 85%;
    min-width: 28px;
  }	

#cycle_elevation {
	display:none !important;
}

.fwt_tapi_dad_main_header_item {
	width:25% !important;
}


.fwt-journey-planner-img
{	
    width: 85%;
    min-width: 36px;
}

  #fwt-journey-planner-results {
    overflow-y: auto;
	margin-bottom: 0 !important;
  }
  
  #walk_route {
    width: 100% !important;		
  }
  
  #cycle_route {
    width: 100% !important;	
  }    

}


/* mobile */
@media (max-width: 700px) and (min-width: 500px) {
.fwt-journey-planner-img-mode
  {
    width: 85%;
    min-width: 36px;
	border:purple 1px solid;	
  }		
	
.fwt-journey-planner-img
{
    width: 75%;
    min-width: 36px;
}

  #walk_route {
    width: 100% !important;	
  }
  
  #cycle_route {
    width: 100% !important;	
  }   

}

.fwt-filter-menu-div {
float:left;
width: 25%;
margin-top:4px;
overflow:display;
}

.fwt-mode-menu-div {
float:left;
width: 25%;
margin-top:4px;
overflow:display;
}

.fwt-journey-planner-seperator {
 border-color:#d3d3d3;
 height:5px;
 margin-bottom:5px;
}


#fwt-datebox-form {
}

#fwt-journey-planner-walking {
}

#fwt-journey-planner-walking-input {
 font-size:95% !important;
}

.

#fwt-journey-planner-from-to-div-container {
min-height:120px;
}


#fwt-journey-planner-to-input {
 color:#0e1a53;
 font-size:88% !important;
}

#fwt-journey-planner-from-input {
 color:#0e1a53;
 font-size:88% !important;
}

#fwt-journey-planner-input-from-div { 
 height:66px;
 width: calc(100% - 20px);
 margin-left:10px;
}

#fwt-journey-planner-input-to-div {
 height:66px;
 width: calc(100% - 20px);
 margin-left:10px;
}

#fwt-journey-planner-from-to-icons {
 width:310px;
 padding-top:4px;
 height:40px;
 margin-left:10px;
}

.fwt-journey-planner-label-when {
    /* padding-bottom: 20px; */
    color: white;
    font-size: 100% !important;
    text-shadow: none !important;
    margin-left: 10px;
    display: flex;
    height: 30px;
    align-items: center;
	padding-top:10px;
}


.fwt-journey-planner-label-going {
    /* padding-bottom: 20px; */
    color: white;
    font-size: 100% !important;
    text-shadow: none !important;
    margin-left: 10px;
    display: flex;
    height: 30px;
    align-items: center;
}

.fwt-journey-planner-label-from-holder {
	margin-left:10px;
    width: calc(100% - 20px);
    display:flex;	
}

.fwt-journey-planner-label-from {
    /* padding-bottom: 20px; */
    color: white;
    font-size: 100% !important;
    text-shadow: none !important;
    display: flex;
    height: 30px;
    align-items: center;
    width: 50%;		
}

.chk_key_text_jp_from {
	color: white;
    font-size: 100% !important;
    text-shadow: none !important;
    display: flex;
    height: 30px;
    align-items: center;
    width: fit-content;
    position: absolute;
    right: 0px;
    display: flex;
    /* float: right; */
    margin-right: 40px;
}

#fwt-journey-planner-from-to-div {
 width:100%;
 float:left;
}

#fwt-journey-planner-from-icon {
 height:30px;
 width:auto;
}

#fwt-journey-planner-fromto-icon {
    margin-top: -3px;
    cursor: pointer;
    width: 30px;
    float: right;
	margin-left: auto;
	margin-right:10px;
}

#fwt-journey-planner-to-icon {
 height:30px;
 width:auto;
}

#fwt-journey-planner-filter-inner > div > form > div {
  margin:0 !important;	
}

#fwt-journey-planner-filter {
  margin-left:25px;
/*  padding-right:25px;*/
height:90px
}


#fwt-journey-planner-modes-inner > div > form > div {
	margin:0 !important;	
}

#fwt-journey-planner-filter-inner {
margin: auto;
overflow: hidden;
padding-bottom: 0px;
margin-top: 0px;
display: flex;
justify-content: space-evenly;
}

#fwt-journey-planner-modes {
margin-left:25px;
height:80px;
margin-bottom:10px;
/* padding-right:25px; */
}

#fwt-journey-planner-modes-inner {
margin: auto;
overflow: hidden;
padding-bottom: 0px;
margin-top: 0px;
display: flex;
justify-content: space-evenly;
}

#fwt-journey-planner-reverse-icon {
 width:36px;
}

.fwt-journey-planner-div {
}

#fwt-journey-planner-search
{
margin-top:10px;
}

#fwt-datebox-input {
 font-size:95% !important;
}

#fwt-timebox-input {
 font-size:95% !important;
 color:#0e1a53;
}

#fwt-journey-planner-from-form {
margin:0 !important;
}

#fwt-journey-planner-from-form > .ui-input-search {
margin:0 !important;
}

#fwt-journey-planner-to-form {
margin:0 !important;
}

#fwt-journey-planner-to-form > .ui-input-search {
margin:0 !important;
}

#fwt-journey-planner-from-popup {
 position:absolute;
 left:0px;
 width:100%;
 overflow:visible;
 z-index:100000  !important;
}

#fwt-journey-planner-to-popup {
 position:absolute;
 left:0px;
 width:100%;
 z-index:100000  !important;
}



#fwt-journey-planner-timedate-direction-button > .ui-controlgroup > .ui-controlgroup-controls {
width:100%;
display:flex;
justify-content:center;
margin-top:5px;
}

#fwt-journey-planner-go-holder {
width:100%;
display:flex;
justify-content:center;
align-content:center;
padding-bottom:15px;
}

#fwt-journey-planner-go {
margin:0 !important;
font-size:13px !important;
background-color: #95d1c6 !important;
  text-decoration:none !important;
  font-size:120% !important;
  text-shadow: none !important;
}

#fwt-journey-planner-timedate-direction-button {
left:0px;
overflow:hidden;
margin:0 !important;
padding:0 !important;
}

#fwt-journey-planner-cycle-button-holder {
width:100%;
display:flex;
justify-content:center;
align-content:center;
position: relative;
top: 20px;
}
}

.ui-checkbox {
 margin:0;
}

.journey-warning {
color:#0e1a53 !important;
font-size:70% !important;
font-weight:normal !important;
}


#fwt-journeyplanner-panel-content {
    top: 96px;
    position: absolute;
    overflow-y: overlay;
    overflow-x: hidden;
    margin-right: 20px;
	width:calc(100% - 32px);
}

.fwt-journey-planner-checkbox-label {
overflow:visible !important;
height: 50px;
background-color:white !important;
border:0  !important;
padding-right:0px;
padding-bottom:5px;
display:flex !important;
}

.signpost {
	height:40px;
	width:40px;
}

.journey-planner-title {
	
}

#journey-planner-main-box {
	background-color:#007b83;
	border-radius:8px 8px 8px 8px !important;
}

.fwt-journey-planner-label {
	color:white;
	padding-top:13px;
	font-size:80% !important;
	text-shadow: none !important;
}

.fwt-journey-planner-input {
	color:white;
	padding-top:13px;
	font-size:100% !important;
	text-shadow: none !important;
	margin-left:40px;
}



#fwt-journey-planner-date {
	color:white;
	overflow:hidden;
}



.fwt-journey-planner-input-date-input {
  height:50px;
  left: 40px;
  position: relative;
  top:-2px;
}

.fwt-journey-planner-input-time-input {
  height:50px;
  position: relative;
  top:-2px;
}

.fwt-journey-planner-input-date-div {
    width: 130px !important;
    float: left;
    margin-left: 10px;
}

#fwt-journey-planner-direction-button-holder {
float:left;
width:100%;
margin: 0 !important;
padding: 0 !important;
}

#fwt-journey-planner-timedate-direction-button-holder {
margin: 0 !important;
padding: 0 !important;
}


.fwt-journey-planner-input-time-div {
    width: 130px !important;
    float: right;
    margin-right: 10px;
}

.fwt-journey-planner-input-time-div > * {
border-radius:10px 10px 10px 10px !important;	
}

.fwt-journey-planner-input-date-div > * {
border-radius:10px 10px 10px 10px !important;	
}


.ui-icon-calendar {
/* display:none !important;  */
}

.ui-icon-calendar {
/* display:none !important;	  */
left:2px;
}

.ui-icon-clock {
/* display:none !important;	  */
}


#fwt-journey-planner-to-input {
 color:#0e1a53;
 font-size:88% !important;
 height:50px;
}

#fwt-journey-planner-from-input {
 color:#0e1a53;
 font-size:88% !important;
 height:50px;
}

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

@media (min-width: 700px) {
.fwt-journey-planner-input-date-div {
    width: 185px !important;
    float: left;
    margin-left: 10px;
}

.fwt-journey-planner-input-time-div {
    width: 185px !important;
    float: right;
    margin-right: 10px;
}
}

body > div.ui-popup-container.fade.in.ui-popup-active > div > div > h1 {
	font-size:90% !important;
}