body {
    font-family: 'Arial', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

    
}
html{background:none repeat scroll 0 0 #e0e0e0;}

.page-header {
  background: none repeat scroll 0 0 #ffb30f;
  border-bottom: 1px solid #eee;
  margin: 0;
  /* height:42px; */
  padding:0px;
  border-bottom:1px solid #d6970e;
}
.page_bg{
background: #e0e0e0; /* Old browsers */
}
.main_logo{}
.main_logo  .img-responsive, .main_logo  .thumbnail > img, .main_logo  .thumbnail a > img, .main_logo  .carousel-inner > .main_logo  .item > img, .main_logo  .carousel-inner > .main_logo  .item > a > img {
 /* padding:4px; */
}
.right_header{height: 25px;}
.right_header li {
  float: left;  
  list-style: outside none none;
  padding: 0 10px;
  line-height:25px;
  border-right:1px solid #d6970e;
}
.right_header li:last-child {border-right:0px;}
.right_header i{font-size:18px; color:#0072bc; margin-top:5px;}

.main_navbar {
   
  display: none;
  position: absolute;
  width: 80.8%;
  z-index: 2222;
}
 

.main_navbar li {
  border-bottom: 1px solid #B3B3B3 ;
  border-left: 0px solid #B3B3B3 ;
  border-right: 0px solid #B3B3B3 ;
  list-style: outside none none;
  padding: 4px 10px;
  
}
.main_navbar li:last-child { border-bottom: 0px solid #B3B3B3 ;}
.main_navbar li a{color:#0072BC;}
.main_navbar  ul, .main_navbar  ol {
  margin-bottom: 0px;
  margin-left: -40px;
  margin-top: 0;
  border-radius:0 0 5px 0;
  -webkit-box-shadow: -1px 4px 10px 0px rgba(0,0,0,0.50);
-moz-box-shadow: -1px 4px 10px 0px rgba(0,0,0,0.50);
box-shadow: -1px 4px 10px 0px rgba(0,0,0,0.50);
background: #fff;
}
.label_bar {
  font-size: 12px;
  padding: 0px 0px;
  border-bottom:1px solid #B6B6B6;
 
  background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f5f5 0%, #efefef 34%, #e4e4e4 77%, #e1e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(34%,#efefef), color-stop(77%,#e4e4e4), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f5f5 0%,#efefef 34%,#e4e4e4 77%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f5f5 0%,#efefef 34%,#e4e4e4 77%,#e1e1e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f5f5 0%,#efefef 34%,#e4e4e4 77%,#e1e1e1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5f5f5 0%,#efefef 34%,#e4e4e4 77%,#e1e1e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
}
.label_bar ul{margin:0px; padding:0 0px 0 0px;}
.label_bar ul li {
  border-right: 1px solid #b6b6b6;
  display: inline;
  float: left;
  font-weight: bold;
  height: 31px;
  line-height: 30px;
  padding: 1px 8px;
}

.label_bar ul li a{color:#4f4f4f; font-weight:400;}
.label_bar ul li .disabled_btn {cursor:default; opacity:0.5;}
.label_bar ul li .disabled_btn i{color:#B3B3B3 !important;  }
.label_bar ul li i{color:#0072bc; font-size:21px; font-weight:400; vertical-align: middle;padding-bottom:4px}
.label_bar ul li:last-child {border-right:0px;}
.label_bar h3 {margin:0 auto; text-align:center; font-size:14px; font-weight:600; line-height:30px;}
.my_tabs {
  background: none repeat scroll 0 0 #ccc;
  margin-bottom:0px;
}
.my_tabs .nav > li {
  display: block;
  position: relative;
  text-align: center;  
 
  min-width:24.3%;
  border-right:1px solid #b3b3b3; 
}

.my_tabs .nav > li:last-child {min-width:26.5%; border-right:0px solid #b3b3b3; }
.my_tabs .nav-tabs {
  border-bottom: 1px solid #8cbc00;
  background:#fff;
  height:32px;
}
.my_tabs  .nav-tabs > li.active > a, .my_tabs .nav-tabs > li.active > a:hover, .my_tabs .nav-tabs > li.active > a:focus {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: transparent;
  border-color: transparent;
  border-image: none;
  border-style: solid;
  border-width: 0px;
  color: #FFF;
  cursor: default;
  height:31px;
  
}
.my_tabs .nav-tabs > li > a {
  border: 0 solid transparent;
  border-radius: 0;
  line-height: 1.42857;
  margin-right: 0;
  font-size:12px;
  font-weight:500;
   letter-spacing: 0px;  
   color:#fff;
   padding:5px 0;
   text-transform:none;
}

.my_tabs .nav-tabs > li > a i{display:block; font-size:14px; line-height:21px;}
.nav > li > a {
  display: block;
  padding: 5px 0;
  position: relative;
}
.landmark_icon{margin-right:-5px}
.map_icon{padding-right:3px}
.info_message {
  background: none repeat scroll 0 0 #fff;
  color: #ff0000;
 padding:0 px;
 border-bottom:1px solid #b6b6b6;
 font-size:9px;
}


.my_tab_content {
  
}
.center_box {
  margin-top: 0;
  padding: 30px 10px 5px;
}
.center_box .form-group label{font-size:12px; font-weight:600; margin:0px;}
.switch {
  
  
  
  
  
  
  position: absolute;
  right: 0px;
  top: 57px;
  
  

}
.form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid #a9a9a9;
  border-radius: 4px;
  box-shadow: none;
  /* color: #303030 !important; */
  font-weight: bold;
  display: block;
  font-size: 16px;
  height: 33px;
  line-height: 1.42857;
  padding: 4px 6px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  /* font-weight:400; */
  padding-right:27px;
}
.custom_inputs{background-color:#ebebeb;}
.custom_inputs .form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid #a9a9a9;
  border-bottom:0px;
  border-top:0px;
  border-radius: 0px;
  box-shadow: none;
  color: #303030 !important;
  display: block;
  font-size: 12px;
  height: 30px;
  line-height: 1.42857;
  padding: 4px 29px 4px 6px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-weight:400;
}
.custom_inputs .form-control:focus{
border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.custom_inputs .form-group{margin:0px;}
.custom_inputs .divider_custom{border-bottom:1px solid #B6B6B6;}
.custom_inputs .switch_btn{margin: 0 auto;
position: relative;
text-align: center;
top: 17px;}
.custom_inputs .collapse_btn{margin: 0 auto; 
position: relative;
border-left:1px solid #b6b6b6;
text-align: center; background:none repeat scroll 0 0 #fff;
height: 61px; 
line-height: 61px;}
.custom_inputs .collapse_btn i{font-size:16px;}
.custom_inputs .form-horizontal .control-label {
  margin-bottom: 0;
  padding-top: 5px;
  padding-left:5px;
  text-align: left;
  font-size:12px;
  font-weight:600;

}
.custom_inputs .img_align{padding-bottom:3px;}
.form-control::-moz-placeholder {
  color: #c5c5c5;
}
.form-group {
  margin-bottom: 8px;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width:100%;
  border-left: 1px solid #B6B6B6;
  border-right: 1px solid #B6B6B6;
}

 

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}

.view_btn {
  text-align: center;
}
.custom_txt{font-size:14px !important; font-weight:500;}
.view_btn p{font-size:11px; display:block; text-align:center; margin:0px;}
.col_padding{padding:0 5px;}

.right_col_padding{padding-right:5px;}
.left_col_padding{padding-left:5px;}

.button{ -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 1px 4px 6px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 1px 4px 6px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 1px 4px 6px rgba(0, 0, 0, 0.7); display: inline-block;
  border: 1px solid #0784d4;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border: 1px solid #0784d4; 
  margin: 0px;  
    letter-spacing: 0px;
    padding:4px 6px;
  text-decoration: none;
  text-align: center;}
.my_view_btn  {
  text-align: center;
  color:#fff;
  font-size:12px;
   padding: 5px 5px !important;
  background: #00baef; /* Old browsers */
background: -moz-linear-gradient(top,  #00baef 0%, #02a8e3 26%, #0483c8 97%, #0579c1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00baef), color-stop(26%,#02a8e3), color-stop(97%,#0483c8), color-stop(100%,#0579c1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00baef 0%,#02a8e3 26%,#0483c8 97%,##fe9900 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00baef 0%,#02a8e3 26%,#0483c8 97%,#0579c1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00baef 0%,#02a8e3 26%,#0483c8 97%,#0579c1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00baef 0%,#02a8e3 26%,#0483c8 97%,#0579c1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00baef', endColorstr='#0579c1',GradientType=0 ); /* IE6-9 */

}
.tab_btn a span{display:inline-block;}
.btn_white{color:#fff !important;}
.view_btn i{font-size:26px;}
footer {
  bottom: 0;
  padding-top:40px;
  width: 100%;
  position:relative;
}
.external_link{
font-size:14px;
padding:5px;
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #eeeeee 48%, #eaeaea 70%, #e1e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(48%,#eeeeee), color-stop(70%,#eaeaea), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#eeeeee 48%,#eaeaea 70%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f7f7 0%,#eeeeee 48%,#eaeaea 70%,#e1e1e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f7f7 0%,#eeeeee 48%,#eaeaea 70%,#e1e1e1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7f7f7 0%,#eeeeee 48%,#eaeaea 70%,#e1e1e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
}

.list-group{margin:0px; padding:0px; border-radius:0px;}
.list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.copyright_txt{font-size:12px; margin:0 auto; }
.list-group-item:last-child {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-bottom: 0;
   border-bottom:0px; 
}




.external_linkk .list-group-item {
  background-color: #ffffff;
 
  border: 1px solid #b6b6b6;
  display: block;
  font-size: 14px;
  line-height: 15px;
  margin-bottom: -1px;
  padding: 6px 5px;
  position: relative;
}
.external_linkk .list-group-item:last-child 
{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-bottom: 0;
  
	
}

footer .list-group-item {
  background-color: #fff;
  border: 1px solid #B6B6B6;
  display: block;
  margin-bottom: -1px;
  padding: 5px;
  position: relative;
}
footer .list-group-item:last-child{
  background-color: #fff;
  border-bottom: 0px solid #B6B6B6;
  display: block;
  margin-bottom: -1px;
  padding: 5px;
  position: relative;
}
.copyright_link{
background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f5f5 0%, #eeeeee 23%, #e7e7e7 82%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(23%,#eeeeee), color-stop(82%,#e7e7e7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f5f5 0%,#eeeeee 23%,#e7e7e7 82%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f5f5 0%,#eeeeee 23%,#e7e7e7 82%,#e0e0e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f5f5 0%,#eeeeee 23%,#e7e7e7 82%,#e0e0e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5f5f5 0%,#eeeeee 23%,#e7e7e7 82%,#e0e0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
height:20px;
line-height:20px;
border-top:1px solid #B6B6B6;
border-bottom:1px solid #B6B6B6;
font-size:12px !important;
position:fixed;
bottom:0px;
width:100%;
z-index:222222;
left:0;
right:0;


}
.list_header{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border:0px !important;

}
.list_arrow {
  color: #0072bc;
  float: right;
  font-size: 14px;
}
.list-group-item {
  background-color: #FFFFFF;
  border-top: 1px solid #B6B6B6;
  display: block;
  margin-bottom: -1px;
  padding: 6px 5px;
  position: relative;
  border-left:0px;
  border-right:0px;
  line-height:15px;
  font-size:14px;
  
}
.list-group-item i {margin-right:3px; color:#939393;}
.list_link {
  color: #31465f !important;
  font-size: 12px;  
  cursor:pointer;
  font-weight:lighter;
}
.landmark_list{font-size:32px;}
.filter_route{padding:8px; border-top:1px solid #B6B6B6;}
table {
  background-color: white;
}
.route_table th {
  font-size: 14px;
  color:#fff;
  padding: 5px;
  border:1px solid #000 !important;
  font-weight:bold;
  background: #339933; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f5f5 0%, #efefef 34%, #e4e4e4 77%, #e1e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(34%,#efefef), color-stop(77%,#e4e4e4), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f5f5 0%,#efefef 34%,#e4e4e4 77%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f5f5 0%,#efefef 34%,#e4e4e4 77%,#e1e1e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f5f5 0%,#efefef 34%,#e4e4e4 77%,#e1e1e1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #339933 0%,#339933 34%,#339933 77%,#339933 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
}
.route_table td {
  border: 1px solid #C7C7C7 !important;
  vertical-align: middle !important;
}
.route_table .align_center{text-align:left !important;}
.route_table .align_center_route{text-align:center !important;}

.route_table .odd{background-color:#f2f2f2;}
.route_table .even{background-color:#fafafa;}
.route_table .route_link{font-size:12px; font-weight:500; color:#009bff; letter-spacing:-.5px}


.downwards a{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
  border-radius: 2px;
  color: #000;
  min-height: 35px;
  line-height:35px;
  text-align: center;
  float:left;
  width:100%;
   border:1px solid #aeaeae;
  
}
.downwards i{color:#3BAFDA; font-size:14px;}
.upwords a{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
  border-radius: 4px;
  color: #000;  
  min-height: 35px;
  line-height:35px;
  text-align: center;
  float:left;
  width:100%;
  border:1px solid #aeaeae;
}

.upwords ul {padding:0px; margin:0px;}
.upwords ul li{margin-right:5px; display:inline; list-style:none;}
.upwords ul li:last-child{margin-right:0px;}
.upwords i {color:#3BAFDA; font-size:14px;}
.station-name {
  background: none repeat scroll 0 0 #fff;
  border-radius: 2px;
  color: #000;
  font-size: 12px;
  line-height: 35px;
  min-height: 35px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
 border:1px solid #aeaeae;

}
  
.custom-col{padding-left:0px; padding-right:0px;}

.middle-box-min {
  color: #000; 
  text-align: center;
  /* width: 15%; */
  position:absolute;
  border-right:1px solid #a7a7a7;
  line-height:13px;
  height:35px;
   border-radius:2px 0 0 2px;
    padding:7px 2px;
  background: #f8fbfd; /* Old browsers */
background: -moz-linear-gradient(top,  #f8fbfd 0%, #dcecf2 38%, #dcecf2 38%, #badae6 73%, #a4cede 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fbfd), color-stop(38%,#dcecf2), color-stop(38%,#dcecf2), color-stop(73%,#badae6), color-stop(100%,#a4cede)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8fbfd 0%,#dcecf2 38%,#dcecf2 38%,#badae6 73%,#a4cede 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8fbfd 0%,#dcecf2 38%,#dcecf2 38%,#badae6 73%,#a4cede 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8fbfd 0%,#dcecf2 38%,#dcecf2 38%,#badae6 73%,#a4cede 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8fbfd 0%,#dcecf2 38%,#dcecf2 38%,#badae6 73%,#a4cede 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fbfd', endColorstr='#a4cede',GradientType=0 ); /* IE6-9 */
}

.time_right{position:absolute; right:6px !important;  border-left:1px solid #a7a7a7 !important; border-right:0px !important; border-radius:0 2px 2px 0;}
.middle-box-st-name{text-align:center;}
.small-text {
   font-size: 12px;
  font-weight: 400;
}
.bold-text {
  font-size: 12px;
  font-weight: 700;
  display:block
}
.heading-upwords {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #050505;
  font-size: 12px;
  line-height: 8px;  
  text-align: center;
  margin-top:10px;
}
.heading-station-name {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
/*   color: #fff; */
  position: relative;
  top: 0px;
  border:0px;
}
.heading-downwards{  
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
   color: #050505;
  font-size: 12px;
  line-height: 8px;  
  text-align: center;
  margin-top:10px;
  }
  
.heading-middle-box-min {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  color: #ff0000;
  font-size: 11px; 
  position: absolute;
  /* right: 5px; */
}
.heading-middle-box-min span{color:#050505;}
.left-postition {
  position: absolute;
  left: 0;
}
.left-postition i{float:left !important;}
.bottom-space{margin-bottom:40px;}
.heading-upwords i {
  font-size: 15px;
  color:#3878c7;
  padding-bottom:5px;
  display:block;
}
.heading-downwards i {
  font-size: 15px;
  color:#3878c7;
  padding-bottom:5px;
  display:block;
}
.heading-middle-box-min i {
  font-size: 48px;
  color:#0072BC;
  float:right;
}
/* .landmark_icons {position: absolute; right: 48px; top:-23px;} */
/* .landmark_icons {position: absolute; } */
.landmark_icons ul{margin:0px; padding:13px 5px;}
.landmark_icons ul li {
   display: inline; 
   /* float: left;  */
  list-style: none outside none;
  margin: 0;
  padding: 0;
  padding:0 5px 5px 0;
  font-size:11px;
}
.landmark_icons ul li a {
  color: #0072BC;
  cursor: pointer;
  font-size: 11px;
  vertical-align: bottom;
}
.top-space{margin-top:-20px;}
.green{background: rgb(140,188,0); /* Old browsers */
/* background: -moz-linear-gradient(top, #d9f683 0%, #8cbc00 100%); FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9f683), color-stop(100%,#8cbc00)); Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top, #d9f683 0%,#8cbc00 100%); Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top, #d9f683 0%,#8cbc00 100%); Opera 11.10+ */
/* background: -ms-linear-gradient(top, #d9f683 0%,#8cbc00 100%); IE10+ */
/* background: linear-gradient(to bottom, #d9f683 0%,#8cbc00 100%); W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f683', endColorstr='#8cbc00',GradientType=0 ); IE6-9 */
border:1px solid #87b401 !important;
font-weight:700;
}
/* .yellow{background: #d9f683; Old browsers */
/* background: -moz-linear-gradient(top, #d9f683 0%, #8cbc00 100%); FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9f683), color-stop(100%,#8cbc00)); Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top, #d9f683 0%,#8cbc00 100%); Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top, #d9f683 0%,#8cbc00 100%); Opera 11.10+ */
/* background: -ms-linear-gradient(top, #d9f683 0%,#8cbc00 100%); IE10+ */
/* background: linear-gradient(to bottom, #d9f683 0%,#8cbc00 100%); W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f683', endColorstr='#8cbc00',GradientType=0 ); IE6-9 */
/* border:1px solid #87b401 !important; */
/* font-weight:700; */
/* } */
.yellow i {font-size:18px;}
.skyblue{background: #f94f4f; /* Old browsers */
background: -moz-linear-gradient(top,  #f94f4f 0%, #de0404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f94f4f), color-stop(100%,#de0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f94f4f 0%,#de0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f94f4f 0%,#de0404 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f94f4f 0%,#de0404 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f94f4f 0%,#de0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f94f4f', endColorstr='#de0404',GradientType=0 ); /* IE6-9 */
font-weight:700;
}
.right-position {
  right: 0;
  position: absolute;
}
.custom_col_padding{padding:0px 5px 0 5px;}
.heading-station-name h3 {
  font-size: 14px;
  font-weight: 700;
  margin: 0 10%;
  position: relative;
  text-align: center;
}

.blue_header{
background: #57d8fd; /* Old browsers */
background: -moz-linear-gradient(top, #57d8fd 0%, #01a9da 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57d8fd), color-stop(100%,#01a9da)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #57d8fd 0%,#01a9da 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #57d8fd 0%,#01a9da 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #57d8fd 0%,#01a9da 100%); /* IE10+ */
background: linear-gradient(to bottom, #57d8fd 0%,#01a9da 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57d8fd', endColorstr='#01a9da',GradientType=0 ); /* IE6-9 */
height: 33px;

}
.blue_header h3{font-size:14px; font-weight:700; color:#071216; margin:0px; padding:0 0 0 3px; line-height:33px;}
.blue_header p {
  display: inline;
  font-size: 12px;
  margin: 0;
  text-transform: uppercase;
}
.custom_dd .btn-default {
  background-color: #5e5751;
  border-color: transparent;
  color: #fff;
}

.custom_dd .btn {
  -moz-user-select: none;
  background-image: none;
  border: 0px solid transparent;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 8px 6px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.route_box {color:# 030303; border-radius:5px;  background-color:#fff; margin:10px; border:1px solid #b9b9b9; padding:10px 8px; border-bottom:0px;
-webkit-box-shadow: 2px 9px 9px -4px rgba(0,0,0,0.48);
-moz-box-shadow: 2px 9px 9px -4px rgba(0,0,0,0.48);
box-shadow: 2px 9px 9px -4px rgba(0,0,0,0.48);
 letter-spacing: -0.6px;
}
.route_box:hover{background-color:#f5f5f5;}
.route_box table{background-color:transparent;}
.route_box a{font-size:14px; font-weight:700; color:#0c57ae;}
.route_box p{font-size:11px; font-weight:500; color:#525252; margin:0px; line-height:6px;}
.route_box span{font-size:14px; display:inline; padding-top:6px; font-weight:700;}
.route_box .route_name{margin:0 auto; text-align:center; font-weight:700;}
.route_box span .subinfo{font-size:12px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 1px solid #DDDDDD;
  font-size: 12px;
  line-height: 1.42857;
  padding: 3px;
  vertical-align: top;
  font-weight:400;
  word-break:break-all;
}
.bus_status {
  font-size: 12px;
  padding: 0px 0px;
  border-bottom:1px solid #B6B6B6;
  font-weight:400;
   line-height: 30px;
   padding: 0 0 0 5px;
  background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f5f5 0%, #efefef 34%, #e4e4e4 77%, #e1e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(34%,#efefef), color-stop(77%,#e4e4e4), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f5f5 0%,#efefef 34%,#e4e4e4 77%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f5f5 0%,#efefef 34%,#e4e4e4 77%,#e1e1e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f5f5 0%,#efefef 34%,#e4e4e4 77%,#e1e1e1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5f5f5 0%,#efefef 34%,#e4e4e4 77%,#e1e1e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
}
.blue_bar{background-color:#01a9da; }
.blue_bar h3{color:#fff; font-size:16px; font-weight:700; margin:0px; padding:6px;}
.blue_bar p {margin:0; display:inline; color:#fff; font-weight:400; font-size:12px;}
.bus_status ul{margin:0px; padding:0 3px 0 3px;}
.bus_status ul li{display:inline;  border-right:0px solid #b6b6b6; padding:0 2px; height:30px; line-height:30px;}
.bus_status ul li a{color:#4f4f4f; font-weight:400;}
.bus_status ul li .disabled_btn {cursor:default; opacity:0.5;}
.bus_status ul li .disabled_btn i{color:#B3B3B3 !important;  }
.bus_status ul li i{color:#0072bc; font-size:16px; font-weight:400;}
.bus_status ul li:last-child {border-right:0px;}
.bus_status img{vertical-align:bottom;}
.bus_status span{background: none repeat scroll 0 0 #f9f9f9; border:1px solid #c7c7c7;
    border-radius: 3px 3px 3px 3px;
    padding: 3px;}



/* TIMELINE
============================== */

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.img-responsive-head {
    display: block;
    height: 100%;
    width: 100%;
}

.img-rounded {
    border-radius: 3px;
}

.img-thumbnail {
    background-color: #fff;
    border: 1px solid #ededf0;
    border-radius: 3px;
    display: inline-block;
    height: auto;
    line-height: 1.428571429;
    max-width: 100%;
    moz-transition: all .2s ease-in-out;
    o-transition: all .2s ease-in-out;
    padding: 2px;
    transition: all .2s ease-in-out;
    webkit-transition: all .2s ease-in-out;
}

.img-circle {
    border-radius: 50%;
}

.timeline-centered {
    position: relative;
    margin-bottom: 30px;
}

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before {
        content: '';
        position: absolute;
        display: block;
        width: 1px;
        background: #2c7ddc;
        /*left: 50%;*/
        top: 13px;
        bottom: 40px;
        margin-left: 13px;
    }

    .timeline-centered .timeline-entry {
        position: relative;
        /*width: 50%;
        float: right;*/
        margin-top: 5px;
        margin-left: 13px;
        margin-bottom: 0px;
        clear: both;
    }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry.begin {
            margin-bottom: 0;
        }

        .timeline-centered .timeline-entry.left-aligned {
            float: left;
        }

            .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
                margin-left: 0;
                margin-right: -18px;
            }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
                    left: auto;
                    right: -100px;
                    text-align: left;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
                    float: right;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
                    margin-left: 0;
                    margin-right: 70px;
                }

                    .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
                        left: auto;
                        right: 0;
                        margin-left: 0;
                        margin-right: -9px;
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

        .timeline-centered .timeline-entry .timeline-entry-inner {
            position: relative;
            margin-left: -6px;
        }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
                position: absolute;
                left: -100px;
                text-align: right;
                padding: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
                    display: block;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
                        font-size: 15px;
                        font-weight: bold;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
                        font-size: 12px;
                    }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
                background: #fff;
                color: #737881;
                display: block;
                width: 14px;
                height: 14px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 14px;
                -moz-border-radius: 14px;
                border-radius: 14px;
                text-align: center;              
				margin-top:2px;
                float: left;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
                    background-color: #303641;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
                    background-color: #ee4749;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
                    background-color: #2c7ddc;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
                    background-color: #21a9e1;
                    color: #fff;
					width:10px;
					height:10px;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
                    background-color: #fad839;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
                    background-color: #cc2424;
                    color: #fff;
                }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
                position: relative;
                background: transparent;                
                margin-left: 19px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
               
            }

          

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
                    color: #737881;                    
                    font-size: 12px;
                    margin: 0;
                    line-height: 1.428571429;
                }

                  

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
                    font-size: 12px;
                    margin-bottom: 0px;
					font-weight:500;
					color:#000;
					letter-spacing: -0.2px;
					
                }
				 .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h3 {
                    font-size: 12px;
                    margin-bottom: 0px;
					margin-top: 0px;
					font-weight:700;
					color:#000;
					letter-spacing: -0.2px;
					
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
                        color: #303641;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
                      
                    }
.timeline-label ul {margin:0 auto; text-align:left;padding:0px }
.timeline-label ul li{list-style:none; display:block; padding-bottom:5px; font-size:12px;}
.timeline-label ul li i {font-size:14px; padding-right:3px;}
.timeline-label ul li a {font-size:12px; color:#0c57ae;}
.badge {
  background-color: #777777;
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  min-width: 10px;
  padding: 2px 3px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}
.green_badge{background-color: #8cbc00 !important; font-weight:600;}
.orange_badge{background-color: #ff5400 !important; font-weight:600;}
.brown_badge{background-color: #bc0000 !important; font-weight:600;}
.route_line {
  border-bottom: 1px solid #AEAEAE;
  border-top: 1px solid #AEAEAE; 
  font-size: 12px; 
  padding:5px 0; 
  clear:both;
}
.route_line p {
  color: #373737;
  font-size: 11px;
  line-height: 14px;
  margin: 0;
  vertical-align:middle;
}
.route_line a{color:#0c57ae;}
.arrow_area {
  padding-top: 0px;
  font-size:16px;
  position: absolute;
  right: 12px;
}
.departure_info{font-size: 11px;  margin: 0;
padding: 0;
position: relative;
top: 0px;}
.time_info{font-size:14px !important;}
.station_name{font-size:12px !important; font-weight:700; padding:3px !important;}
.station_info ul {margin:5px 0 10px; padding:0px;}
.min_count{font-weight:500; font-size:12px;}
.dropdown a {color:#000;}
.dropdown a:hover {text-decoration:none;}

.form-control-feedback {
  
  border: 0 solid #ccc;
  display: block;
  height: 26px;
  line-height: 33px;
  opacity: 1;
  position: absolute;
  right: 2px;
  text-align: center;
  top: 22px;
  width: 30px;
  z-index: 2;
  cursor:pointer;
  color:grey;
}
.form-control-feedback_1 {
	
  display: block;
  height: 26px;
  line-height: 33px;
  position: absolute;
  right: 1px;
  text-align: center;
  top: 0;
   width: 30px;
  z-index: 0;
  cursor:pointer;
   color:grey;
}
.form-control-feedback2 {
 
  display: block;
  height: 33px;
  line-height: 34px;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 83px;
  cursor:pointer;
  width: 30px;
   color:grey;
}

.form-control-feedback3 {
  display: block;
 
  height: 33px;
  line-height: 34px;
  position: absolute;
  right: 1px;
  text-align: center;
  top: 30px;
  cursor:pointer;
  width: 30px;
   color:grey;
}
.input-group-addon {
  background-color: white;
  border: 1px solid #C5C5C5;
  border-right:0px !important;
  border-radius: 0 0 0 0;
  color: #555555;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 6px 0 6px 5px;
  text-align: center;
 
}
.pointer_icon {
  background-image: url("../img/pointer.png");
  background-position: 3px 6px;
  background-repeat: no-repeat;
  padding-left: 25px;
}
.pointer_icon:focus {background-image: none; padding-left:6px;}


.map_bubble{
background:#fff; 
width:100%; 
height:100%; 
padding:0px; 
border:1px solid #b6b6b6;}

.gm-style .gm-style-iw {
  font-size: 11px !important;
  font-weight: 300 !important;
}
.opacity{opacity:0.5}



.route_link span{
	
	float:right;
   padding-top:3px;
}


.landmark_icons img
{
	height:16px;
	width:10px;
	
}

 .custom_inputsmap {
  background-color: #ebebeb;
  border-bottom: 1px solid #b6b6b6;
  border-right: 1px solid #b6b6b6;
 /*  border-top: 1px solid #b6b6b6; */
  left: 0;
  opacity: 0.7;
  position: relative;
  right: 0;
  /* top: 71px; */
  z-index: 1;
}

.custom_inputsmap .form-group {
  margin: 0;
}

.custom_inputsmap .form-horizontal .control-label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  padding-left: 5px;
  padding-top: 5px;
  text-align: left;
}

.custom_inputsmap .img_align {
    padding-bottom: 3px;
}

.custom_inputsmap .form-control {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #fff;
  background-image: none;
  border-color: -moz-use-text-color #a9a9a9;
  border-image: none;
  border-left: 1px solid #a9a9a9;
  border-radius: 0;
  border-right: 1px solid #a9a9a9;
  border-style: none solid;
  border-width: 0 1px;
  box-shadow: none;
  color: #303030 !important;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  line-height: 1.42857;
  padding-right: 18px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  
  padding: 4px 27px 4px 6px;
}



.custom_inputsmap .divider_custom {
  border-bottom: 1px solid #b6b6b6;
  border-left: 1px solid #b6b6b6;
}

.border_class {
  border-left: 1px solid #b6b6b6;
}

.custom_inputsmap .collapse_btn {
    background: none ;
    border-left: 1px solid #b6b6b6;
    height: 61px;
    line-height: 61px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.custom_inputsmap .switch_btn {
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 17px;
}

.route_box .label-success {
  background-color: #94c321;
}

.route_box span {
  display: inline;
  font-size: 14px;
  padding-top: 6px;
}

.label_custom_arr {
  border-radius: 0.25em;
  color: #fff;
  display: inline;
  font-size: 10px !important;
  font-weight: 700;
  line-height: 1;
  padding: 1px 1px !important;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
   margin-right:6px;
	
}



.label_custom_dep{
	
	border-radius: 0.25em;
  color: #fff;
  display: inline;
  font-size: 10px !important;
  font-weight: 700;
  line-height: 1;
  padding: 1px 2px !important;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  margin-right:6px;
	
	
	
	
}


.route_box .route_name {
  font-weight: 700;
  margin: 0 auto;
  text-align: left;
}
.route_box span:last-child {
  padding-left: 3px;
}

.route_box p {
  color: #525252;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  margin: 0;
  word-wrap: break-word;
}
.p-dep {
  padding-left: 30px;
}
.p-arr {
  padding-left: 33px;
}

.route_box .pull-left span {
  font-size: 11px;
}

.list_arrow {
  color: #0072bc;
  float: right;
  font-size: 18px;
}

.list_arrow_center {
  color: #0072bc;
  float: left;
  font-size: 18px;
}

 .modal-header {
  border-bottom: 1px solid #e5e5e5;
  min-height: 29.43px;
  padding: 3px;
}
.modal-title h4{font-size:14px;}



body {
position:relative;	
	
}

#routeTab tbody, #signpoleTab tbody{
	border-top: 1px solid #ddd ;
}
	
	

.itemDiv a{
	
cursor:pointer;	
}


.errorpop {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
	
	
}


	
#error_model_body table {
  background:  transparent;
}
.errorpop .modal-header {
  border-bottom: 0 none;
  min-height: 14.43px;
  padding: 0;
}

.routep p{
	 /* padding-top:40px !important; */
	
	
	}
.span_margin 
{
	/* padding-top:33px !important; */
	
	/* position:absolute;
	top:50%;
	left:0;
	right:0
 */}	 

#buslist{
margin-bottom: 20px;
}

.centrow{
	
	
}
.gg{
	
}

.mid {
  padding-top: 12px;
}
.route_box span:last-child {
padding-left: 0px;
}

.bubblebtn{
	
	width:100%;
	border-radius:12px;
}
.anchortab-link-color
{
	color: #0090ff;
}
.break_word{
	word-wrap: break-word;
}

.listheader {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #aeaeae;
  margin-bottom: -1px;
  padding: 4px 15px;
}
.list-group-itempopup {
  background-color: #fff;
  border: 1px solid #ddd;
  display: block;
  margin-bottom: -1px;
  padding: 6px 15px;
  position: relative;
  color: #428bca;
}



.list-group-itempopup i:last-child {
  font-size: 15px;
  font-weight: lighter;
  padding: 4px;
}

.list-group-itempopup i:first-child {
 width:13px;
}


.busroute_model .modal-body{
	padding: 0px;
	
}
.close {
  
  opacity: 0.33;
  
}

.ui-widget-content {
	border: 1px solid #aaaaaa;
	/* background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; */
	background: #ffffff;
    color: #222222;
	max-height:200px !important;
	overflow:auto !important;
}

.header-dropdown {
  float: left;
}
.dropdown-option {
  position: relative;
  top: 7px;
}


.flagimg option {
background-repeat:no-repeat;
background-position:bottom left;
padding-left:30px;
}
.stop_away{
	  background: #fff; 
}

.pictogram {color:# 030303; border-radius:5px;  background-color:#CEF6D8; margin:10px; border:1px solid #b9b9b9; padding:10px 8px; border-bottom:0px;
-webkit-box-shadow: 2px 9px 9px -4px rgba(0,0,0,0.48);
-moz-box-shadow: 2px 9px 9px -4px rgba(0,0,0,0.48);
box-shadow: 2px 9px 9px -4px rgba(0,0,0,0.48);
letter-spacing: -0.6px;
}

.gmap_iframe {
    aspect-ratio: 16 / 9;
    max-width: 1000px;
    width: 100%;
    height: auto;
}

.test_wrapper { /*全体を覆う枠*/
 position: relative;
 width: 100%;
 height: 50px;
 border: 1px solid #ccc;
 box-sizing:border-box;
}
.test { /*リンク用のclass*/
 display: flex;
 align-items: center;
 justify-content: left;
 width: 100%;
 height: 100%;
 background: #fff;
 text-decoration: none;
 color: #000;
}
.test:hover { /*リンクをhoverした時の背景色の変更*/
 background: #f5f5f5;
}
.test_checkbox { /*チェックボックスの非表示化*/
 display: none;
}
.test_btn { /*ボタン部分のclass*/
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: 20px;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 25px;
 height: 20px;
 background: #fff;
 color: #fff;
 text-decoration: none;
 border: 0;
 border-radius: 50%;
 cursor: pointer;
 text-align: center;
 user-select: none;
}
.test_checkbox:checked+.test_btn { /*ボタンクリック時の背景色変更*/
 background: #999;
}

const header = {
 display: "flex",
 justifyContent: "center",
 alignItems: "center",
}

.my_tag_item {
 width: 33%;
}

.my_tag_item_center {
 width: 34%;
}

.decision_btn {
 background-color:#fe9900;
 color:#fff;
 font-size: 18px;
 height:50px; line-height: 45px;
 text-align: center;
}

.H5_Table {
 margin-top: 5px;
 margin-bottom: 5px;
}

.labelKeitou {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

.route-row-data{
	width:100%;
	padding:0.2em 0 0 0;
}

.route-row-input-column{
	margin:0.2em 0 0 0;
}

.route-row-input-column .route-textdata{
	width:100%;
	cursor:pointer;
}

.route-checkbox{
	display:none;
}

.route-hide-item{ 
   height : 100%;
   width : 100%;
   float : left;
   top : 0px;
   left : 0px;
   display : none;
   background-color : #000000;
   opacity : 0.5;
   z-index : 50;
   position : absolute;
  }

.radius_T01 {
    text-decoration:  none;             /* デフォルトCSS打ち消し */
    width: 80px;                         /* 幅指定 */
    height:90%;
    display: block;                     /* ブロック要素にする */
    text-align:  center;                /* 中央揃え */
    padding: 0px 0px 0px 0px;           /* 余白指定 ［上］［右］［下］［左］ */
    border-radius:  5px;                /* 角丸指定 */
    font-size: 16px;                    /* 文字サイズ指定 */
}

.radius_D01 {
    text-decoration:  none;             /* デフォルトCSS打ち消し */
    width: 150px;                         /* 幅指定 */
    height:30px;
    display: block;                     /* ブロック要素にする */
    text-align:  center;                /* 中央揃え */
    padding: 0px 0px 0px 0px;           /* 余白指定 ［上］［右］［下］［左］ */
    border-radius:  5px;                /* 角丸指定 */
    font-size: 15px;                    /* 文字サイズ指定 */
}

.flame {
  border: 1px solid;
  width: 100px;
  margin: 5px;
}

.wrap-style {
  overflow-wrap: break-word;
}


.label_condition {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 80%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  vertical-align: baseline;
  border-radius: .25em;
  height: 100%;
}

.test-position-container {
  position: relative;
  height: 100%;
}

.test-position-content {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-0%, -50%);
}

.btn_condition {
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.table_internal {
  width: 100%;
  max-width: 100%;
}

.table-noborder {
  border-top: 0px !important;
  border-bottom: 0px !important;
}

.busstop-checkbox{
	display:none;
}