overflow-yoverflow-y* {
/* box-shadow: none !important; */
}

body {
    touch-action: none;
}

#myPage {
	overflow:hidden;
}

/* desktop */

  /* font families */



@font-face {
  font-family: 'OpenSans';
  src:  url('fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'OpenSansBold';
  src:  url('fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'OpenSansMedium';
  src:  url('fonts/OpenSans-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'OpenSansLight';
  src:  url('fonts/OpenSans-Light.ttf') format('truetype');
}




@font-face {
  font-family: 'Obvia';
  src:  url('fonts/OpenSans-Medium.ttf') format('woff2'),
        url('fonts/Obvia.woff') format('woff');
}

@font-face {
  font-family: 'ObviaBold';
  src:  url('fonts/ObviaBold.woff2') format('woff2'),
        url('fonts/ObviaBold.woff') format('woff');
}

@font-face {
  font-family: 'ObviaMedium';
  src:  url('fonts/ObviaMedium.woff2') format('woff2'),
        url('fonts/ObviaMedium.woff') format('woff');
}

@font-face {
  font-family: 'ObviaLight';
  src:  url('fonts/ObviaLight.woff2') format('woff2'),
        url('fonts/ObviaLight.woff') format('woff');
}

h1 {
  font-family: 'OpenSansBold' !important;
  font-weight: 700 !important;
  text-decoration:none !important;
  font-size:120% !important;
  text-shadow: none !important;
}

h3 {
  font-family: 'OpenSansMedium' !important;
  font-weight:normal !important;
  text-decoration:none !important;
  font-size:120% !important;
  text-shadow: none !important;
}

h6 {
  font-family: 'OpenSansMedium' !important;
  font-weight:normal !important;; 
  text-decoration:none !important;
  font-size:120% !important;
  text-shadow: none !important;
}

input {
  font-family: 'OpenSans' !important;
  font-weight: 400 !important;
  text-decoration:none !important;
  text-shadow: none !important;
} 

label {
  font-family: 'OpenSans' !important;
  font-weight: 400 !important;
  text-decoration:none !important;
  text-shadow: none !important;
  font-size:90% !important; 
} 

li {
  font-family: 'OpenSansMedium' !important;
  font-weight: 400 !important; 
  text-decoration:none !important;
  text-shadow: none !important;	
}

a {
  font-family: 'OpenSans' !important;
  font-weight: 400 !important;
  text-decoration:none !important;
  text-shadow: none !important;
  font-size:90% !important;
} 

.chk_key_text {
  font-family: 'OpenSans' !important;
  font-weight:normal !important;
  font-style:normal; 
  text-decoration:none !important;
  text-shadow: none !important;	
}

.fwt-timetable-description {
  font-family: 'OpenSans' !important;
  font-weight:normal !important;
  font-style:normal; 
  text-decoration:none !important;
  text-shadow: none !important;	
}

@font-face {
  font-family: 'vegur-regular';
  src: url('fonts/Vegur-R_0_600.ttf') format('truetype');
}

@font-face {
  font-family: 'vegur-bold';
  src: url('fonts/Vegur-B_0_600.ttf') format('truetype');
}

.vegur-bold {
  font-family: 'vegur-bold';
  font-weight:normal !important;
  font-style:normal;
  font-size:18px !important;
  line-height:22px !important;  
  text-decoration:none  !important;
}		

.vegur-regular {
  font-family: 'vegur-regular';
  font-weight:normal !important;
  font-style:normal;
  font-size:18px !important;
  line-height:22px !important;  
  text-decoration:none  !important;  
}

.ui-controlgroup-controls > .ui-btn {
height:22px !important;
line-height:22px !important;
}

.menu-travel-devon {
 color:white !important;
}

.menu-text {
  font-size:130% !important;
  font-weight:normal !important;
}


.ui-button-main_menu-img {
    height: 38px;
    width: 38px;
    position: absolute;
    align-items: center;
    bottom: 2px !important;
    left: 6px;
}


/* mobile */


@media (max-width: 1300px) {
  
.ui-button-main_menu-img {
    height: 38px;
    width: 38px;
    position: absolute;
    align-items: center;
    bottom: 6px !important;
    left: 6px;
}  
  
.toastr-note {
	position:fixed !important;
	right:70px !important;
	top:432px !important;
}  
  
.fwt-panel {
  width:100% !important;
  max-width:500px;
  border:0;
}

  
.ui-panel .ui-panel-inner {
  position: absolute;
  top: 0px !important;
  left: 0;
  right: 0;
  bottom: 62px; 
  overflow-y: scroll !important;
 }
 
.ui-panel-animate {
    transition: transform 200ms ease 0s !important;
}   
 
    .stoke_logo_text {
      display:none;
    }
	
    .stoke_logo_picture{
    height: 52px;
    position: absolute;
    top: 2px;
    right: 6px;
    }	
  
    .logo {
    height: 80%;
    position: absolute;
    top: 6px;
    right: 4px;
    }

    nav .fwt-menu-desktop {
        display: none;
    }
    
    nav .fwt-menu-mobile {
        margin-right:70px !important;
        margin-top:6px !important;    
        display: inline-block;
    }
    nav .fwt-menu-narrow {
        display: none;
    }
    .ol-zoomslider {
        display: none;
    }
    .ol-overviewmap {
        display: none;
    }      
    #fwt-popup-search-div {
    	margin-top:60px;
    }  
    
    #fwt-search-input-div {
    	width:340px;    
        padding-top:5px;    	
    	margin:0 0 0 6px;
    	max-height:407px;
    	overflow:hidden;
    	opacity:0.9;
    	margin-top:-2px;
    }
    
    .fwt-address-search-item {
    width:100%;
    }
    
    .fwt-panel
    {
  width:100% !important;
  max-width:500px;	
    opacity:.9;
    }
    
    #fwt-search-input {
      width:200px;    
      font-size: 16px;
      text-overflow: ellipsis;
      padding-top: 10px !important;	  
    }
    
    #fwt-search-content {
    width:100%;    
    position:absolute;
    top:46px;    
    }
}

@media (min-width: 1300px ) {

.toastr-note {
	position:fixed !important;
	right:70px !important;
	top:432px !important;
}  

.ui-icon-darticon {
width:100px !important; 
}

    .stoke_logo_picture{
    height: 52px;
    position: absolute;
    top: 2px;
    right: 6px;
    }

    .stoke_logo_text{
        height: 46px;
        position: absolute;
        top: 5px;
        right: 66px;		
    }
	
    .logo {
    height: 86%;
    position: absolute;
    top: 6px;
    right: 6px;
    }


    nav .fwt-menu-desktop {
        display: inline-block;
    }
	
    nav .fwt-menu-narrow {
        display: none;
    }
	
    nav .fwt-menu-mobile {
        display:none;
    }
	
    .ol-overviewmap {
        display: inline-block;
    }
	
    #fwt-popup-search-div { 
    	margin-left:10px;
    	width:280px;
    	margin-top:50px;
    }
    
    #fwt-search-input-div {
        padding-top:2px;
    	margin:0 0 0 6px;      
    	width:340px;
    	max-height:407px;
    	overflow:hidden;
    }
    
    #fwt-search-input {
      width:200px;    
      font-size: 16px;
      text-overflow: ellipsis;
      padding-top: 10px !important;	  
    }
	
	#fwt-search-input-results {
      position: fixed;
      width: 340px;
      z-index: 10000;
      display: block;
      margin-top: -8px;
	}

.fwt-panel {
  top: 62px !important;
  width:100% !important;
  max-width:500px;
  position:fixed;
}

#fwt-timetable-panel > .ui-panel-inner {
  overflow:hidden !important;
}
  
.ui-panel .ui-panel-inner {
  position: absolute;
  top: 0px !important;
  left: 0;
  right: 0;
  bottom: 62px;
  overflow-y: scroll !important;
 }

}	

.fwt-navbar-tab {
    /* More than 5 tabs - use percentage */
    
    width: 20% !important;
    clear: none !important;
}
.ol-scale-line {
    float: left;
}
.ol-zoom {
    left: unset;
    right: 8px;
    margin-top: 10px;
}

#fwt-twitter {
    position: absolute;
    bottom: 0;
    float: left;
    margin-bottom: 8px;
}


.ui-icon-pdf:after {
  background-position: 4px 3px;
background-size: 16px 16px;
}

.ui-icon-pdf:after {
    background-image: url("symbols/pdf-icon-bw.svg");
}

.ui-icon-info:after {
  background-position: 8px 3px;

}


.ui-icon-share:after {
    background-image: url("symbols/share.svg");
}
/* Fallback */

.ui-nosvg .ui-icon-share:after {
    background-image: url("share.png");
}

.ui-icon-darticon:after {
    background-image: url("symbols/Dart-icon.svg");
}

.ui-icon-network:after {
    background-image: url("symbols/network.svg");
}

.ui-icon-cycle:after {
    background-image: url("symbols/cycle2.svg");
}

.ui-icon-walking:after {
    background-image: url("symbols/walking2.svg");
}

/* Fallback */

.ui-nosvg .ui-icon-darticon:after {
    background-image: url("symbols/Dart-icon.png");
}


.ui-icon-ccicon:after {
    background-image: url("symbols/call-connect-icon.svg");
}
/* Fallback */

.ui-nosvg .ui-icon-ccicon:after {
    background-image: url("iconimg.png");
}
.ui-icon-journeyplan:after {
    background-image: url("symbols/journey-plan-icon.svg");
}
/* Fallback */

.ui-nosvg .ui-icon-journeyplan:after {
    background-image: url("iconimg.png");
}
.fwt-address-data {
    font-size: 12px;
}
.fwt-timetable-descripton {
    font-size: 12px;
    color: red;
}
.ui-li {
    margin-bottom: -1px !important;
}

.ui-focus {
 -moz-box-shadow: none !important;
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
}

.ui-icon-fwt-timetable {
    background: url("FWTicons/11-clock-18.png") no-repeat rgba(0, 0, 0, .01) !important;
    background-size: 18px 18px;
    -moz-background-size: 50%;
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 2px;
    overflow: hidden;
}
#window {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    overflow:hidden;
}
#mapDiv {
    position: absolute;
    top:60px;
    left:0px;
    height:calc(100% - 60px);
    width:100%;
    z-index: -1;
}
#fwt-popup-links {
    z-index: 2004;
}
#fwt-popup-links {
    margin-top: 34px;
    height: 400px;
    overflow: auto;
}
.fwt-navbar-input-div {
    right: 0px;
    left: 0px;
}
#fwt-navbar-input-div {
    background-color: #aed529;
    border-left: 1px solid #8c8c8c;
    padding: 0;
}

.fwt-share-logo-text
{
    margin-right:4px;
}

.fwt-share-logo
{
    margin-right:4px;
    vertical-align: middle;
}
.capitalise {
    text-transform: capitalize;
}
.ui-title {
    margin: 0.2em 10% 0.2em !important;
}

.ui-content {
padding:0 !important;
}

.routetime_line
{
  margin-left:10px;
  font-size:125% !important;
  display: block !important;
  font-weight:bold;
  color:#d11345 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
   box-shadow: none !important;    
}

.routetime_desc
{
  margin-left:10px;
  font-size:100% !important;  
  display: block !important;
  color:#d11345 !important;
  font-weight:normal !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
   box-shadow: none !important;      
}

.routetime_op
{
  margin-left:5px;
  clear:both;
  margin-left:10px;
  font-size:100% !important;  
  display: block !important;
  color:#d11345 !important;
  font-weight:normal !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
   box-shadow: none !important;     
}





.ui-collapsible-heading-toggle {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

a.timetable-title-route {
font-size:100%;
color:white !important;
text-shadow: none !important;
}

a.timetable-popup-title-route {
font-size:130%;
color:white !important;
text-shadow: none !important;
}

a.timetable-title-description {
font-size:80%;
font-weight: normal !important;
color:white !important;
text-shadow: none !important;
}

a.timetable-popup-title-description {
font-size:100%;
font-weight: normal !important;
color:white !important;
text-shadow: none !important;
}

a.timetable-title-operator {
font-size:80% !important;
}

a.timetable-panel-operator {
font-size:80% !important;
color:#0e1a53 !important;
}

a.timetable-panel-destination {
margin:4px;
font-size:100% !important;
color:#0e1a53 !important;
}

a.fwt-timetable-route {
font-weight:normal !important; 
font-size:110% !important;
}

img.fwt-timetable-link {
margin-right:10px;
width:30px;
height:auto;
}

div.fwt-timetable-link {
display:flex;
align-items:center;
width:100%;
height:30px;
margin-bottom:6px;
}

a.fwt-timetable-link {
font-weight:normal !important; 
font-size:120% !important;
}


.fa-dot-circle {
color:#0e1a53;
}

.fa-circle {
color:#0e1a53;
}

.timetable_info {
margin:0 !important;
padding:0 !important;
}

.ui-collapsible-heading {
margin:0 !important;
padding:0 !important;
border:0 !important;
}

.ui-collapsible-heading-toggle {
margin:0 !important;
padding:0 !important;
border:0 !important;	
}

.ui-collapsible-content  {
border:0 !important;	
}

.ui-collapsible-heading-toggle {
padding:6px 0 6px 35px !important;
}

.ui-li-divider {
font-size:110% !important;
}

.timetable_info {
margin:0 !important;
padding:0 !important;
}

.menu-text {
  font-size:120% !important;
  font-weight:normal !important;
}



.ui-input-text {
  border: 0px solid #d11345 !important;
}

.ui-input-search {
  border: 0px solid #d11345 !important;
}

.ui-button-main_menu {
	display:inline-flex;
}

.menu-text {
	padding-left:2px !important;
	padding-right:8px !important;
}

.ui-button-main_menu_mobile {
	display:inline-flex;
	float:left;
}




.ui-button-main_menu-text {
    font-family: 'OpenSansBold' !important;
	font-weight: 700 !important;
    text-decoration:none !important;
	color:white !important;
	background-color:#007b83;
	margin-left:48px;
}

.ui-button-main_menu-text:hover {
  text-decoration:underline !important;	
}

.ui-button-main_menu-notext {
	margin-left:38px;	
}

.menu-text {
	background-color:#007b83 !important;
	border:0 !important;
}

.ui-collapsible-heading-toggle {
	background-color:white !important;	
}

#custom_controls {
	position:absolute;
	top:80px;
	right:10px;
	width:50px;
	height:230px;
	overflow:visible
}

#cc_zoom_in {
    float:left;
	margin-left:4px;
	width:40px;
	opacity:.7;	
}

#cc_zoom_in:hover {
	opacity:1;	
	cursor:pointer;
}

#cc_zoom_out {
    float:left;
	margin-left:4px;
	margin-top:10px;
	width:40px;	
	opacity:.7;		
}

#cc_zoom_out:hover {
	opacity:1;	
	cursor:pointer;
}

#cc_stops {
    float:left;
	margin-left:-4px;
	margin-top:10px;	
	width:40px;
	opacity:.7;		
}

#cc_stops:hover {
	opacity:1;	
	cursor:pointer;
}

#cc_check {
    float:left;
	margin-left:7px;
	margin-top:4px;	
	width:40px;
	opacity:.7;		
}

#cc_check:hover {
	opacity:1;	
	cursor:pointer;
}

#cc_key {
    float:left;
	margin-left:0px;
	margin-top:26px;	
	width:50px;
	opacity:.7;		
}

#cc_location {
    float:left;
	margin-left:3px;
	margin-top:10px;
	margin-bottom:10px;	
	width:40px;
	opacity:.7;		
}

#cc_traffic {
    float:left;
	margin-left:3px;
	margin-top:10px;
	margin-bottom:10px;	
	width:40px;
	opacity:1;		
}

#cc_satellite {
    float:left;
	margin-left:3px;
	margin-top:10px;
	margin-bottom:10px;	
	width:40px;
	opacity:.9;		
}

#cc_key:hover {
	opacity:1;	
	cursor:pointer;
}

#cc_refresh {
	position:absolute;
    bottom:10px;
	right:10px;
	opacity:.7;
	width:40px;
	display:none !important;	
}

#cc_refresh:hover {
	opacity:1;	
	cursor:pointer;
}

.ol-zoom-in {
	display:none !important;
}

.ol-zoom-out {
	display:none !important;
}

.chk_key_button  {
	display:none !important;	
}

@media (max-width: 700px) {

.toastr-note {
	position:fixed !important;
	right:70px !important;
	top:342px !important;
}  

.ui-button-main_menu-img {
    height: 38px;
    width: 38px;
    position: absolute;
    align-items: center;
    bottom: 6px !important;
    left: 6px;
}	

.pac-container {
    z-index: 2000 !important;
    width: 100% !important;
}

    #fwt-search-input-div {
    	width:40%;    
        padding-top:5px;    	
    	margin:0 0 0 6px;
    	max-height:407px;
    	overflow:hidden;
    	opacity:0.9;
    	margin-top:-2px;
    }
    
    #fwt-search-input {    
      font-size: 16px;
      text-overflow: ellipsis;
      padding-top: 10px !important;	  
    }	
	
  #cc_zoom_in {
	display:none !important;
  }
  
  #cc_zoom_out {
	display:none !important;
  }

  #cc_refresh {
	display:block !important;
  }  
 
#fwt-journey-planner-direction-button-holder {
    float: right;
    /* width: 100%; */
    /* margin: 0 !important; */
    padding: 0 !important;
    margin-right: 20px;
}

}


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

#panel-tab-arrow {
width:70%;
margin-left:4px;
}


#beryl_name_heading {
  border-radius:8px 8px 8px 8px !important;
}

/* Search Dropdowns */
.fwt-search-input-results {
    position: fixed;
    z-index: 2000;	
	background:white;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
	border-radius: 4px;
}
.pac-item {	
border-bottom: lightgrey 1px solid;	
}

.pac-item:hover {	
	background:lightgrey;
}

.pac-item-query {
	color:black;
	font-size:80%;
}