#MultiSelect_Route1, #MultiSelect_Route, #Route_List, #Directions_List, #Stops_List{
     padding-top:2%;
 }
#MultiSelect_Route1{
	    padding-top: 3%;
    padding-bottom: 1%;
}
#true-time-sec .form-group
{
	margin-bottom: 0px;
}
#true-time-sec .form-group label {
    font-weight: normal;
    font-family: arial;
    margin-bottom: -5px;
}

#true-time-sec .btn-purple
{
	background: rgba(176, 28, 120, 0.85);
    color: #fff;
    font-weight: bold;
    font-family: arial;
	border: none;
}	
#true-time-sec .btn-purple.go_btnn 
{
	margin-top: 0px !important;
}
.advanced-search h4
{
    font-weight: bold;
    font-family: arial;
	padding-left:15px;
	color: #fff;	
}
@media screen and (min-width: 100px) and (max-width: 767px)
{
.legend-section
{
	display: none;
}	
.table-section
{
	margin-bottom:30px;
}
#map 
{
	width: 100%;
	height: 550px !important;
}
.track .track-btn a 
{
    float: left !important;
	margin-bottom:10px;
}
.track .track-btn a{

}
.service-near .address
{
    width: 100%;
    float: left;
    text-align: left;
    padding-top: 10px;
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 1.6;
}
.true-time-map-search
{
	padding-top: 0!important;
}
.section-header{
    text-align:center;
}
#go_btn
{
	margin-top:0px;
}
#true-time
{
	padding-bottom: 30px !important;
    height:760px!important;
}
#learn-how
{
	padding-top: 45px !important;
}
#learn-how .btn-primary
{
	border: solid 2px #32312a;
	border-radius: 0px;
    font-weight: bold;
    font-family: arial;	
	background: #413f38bf;
	padding-left: 15px !important;
	padding-right: 15px !important;
	font-size: 11px;
}
}
#learn-how .btn-primary
{
	border: solid 2px #32312a;
	border-radius: 0px;
    font-weight: bold;
    font-family: arial;	
	background: #413f38bf;
	padding-left: 50px;
	padding-right: 50px;
}
#true-time
{
	padding-bottom: 50px;
}
#learn-how
{
	padding-top: 5px;
}
select
{
    font-weight: bold;
    font-family: arial;	
	color: #000 !important;
}
.form-control::-moz-placeholder
{
	color:#666666;
    font-family: arial;		
	opacity:1
}
.form-control:-ms-input-placeholder
{
	color:#666666;
    font-family: arial;		
}
.form-control::-webkit-input-placeholder
{
	color:#666666;
    font-family: arial;		
}
.map-inner
{
	background: none;
	background-size: cover;
max-width: 0;
}
.map-inner-sub
{
	background: #c01b80;
	padding-bottom: 20px;
	border-radius: 10px;
}
#map-sec .container {
    max-width: 550px !important;
    margin-left: 20px !important;
}
.map-advanced
{
	margin-top: 20px;
	background: #ba89a7;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}	
.map-advanced .btn-danger
{
	background: #bf2684;
	border: solid 1px #bf2684;
    font-weight: bold;
    font-family: arial;	
	text-transform: uppercase;	
}
.normal-search .btn-default
{
	background: #ba89a7;
	border: solid 1px #bf2684;
    font-weight: bold;
    font-family: arial;	
	color: #fff;
	padding-left:20px;
	padding-right: 20px;
}
#true-time-sec .map-advanced .form-group {
    margin-bottom: 10px;
}
.map-advanced .advanced-search h4 {
    font-weight: bold;
    font-family: arial;
    padding-left: 15px;
    color: #000;
}
@media screen and (min-width: 100px) and (max-width: 599px)
{
#map-sec
{
	/*padding-left: 15px;*/
	padding-right: 15px;
}
#map-sec .container {
    max-width: 100% !important;
    margin: 0 auto !important;
}
}
.true-time-map-search
{
	padding-top: 100px;
}
.true-time-map-search button.btn-primary
{
	background: #606060;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;	
    font-family: arial;	
	font-weight:600;	
	border-top: solid 1px #df83c0;
	border-right: solid 1px #df83c0;
	border-bottom: solid 1px #df83c0;	
}
.true-time-map-search button.btn-primary:focus, .true-time-map-search button.btn-primary:active, .true-time-map-search button.btn-primary:visited, .true-time-map-search button.btn-primary:hover
{
	background: #606060 !important;
	border-color: #df83c0;
	outline: none;
}
.true-time-map-search button.btn-primary .fa-caret-right
{
	font-size: 15px;
    padding-left: 20px;
}
.service-near h3
{
	font-family:Calibri;
	font-weight: bold;
	color: #000;
	padding-top: 15px;
	padding-bottom: 10px;
}
.service-near h3 span
{
	color: #cc3399
}
.service-near
{
	border-bottom: dotted 1px #e3e3e3;
	border-top: 5px solid #c01b80;	
}
.filter-sorting
{
	padding-top: 20px;
	padding-bottom: 25px;	
}
.filter-sorting .btn
{
	background: #c01b80;
	font-family: Calibri;
	font-weight: 600;
	border-radius: 10px;
	border: none;
	padding-top: 10px;	
	padding-bottom: 10px;	
	padding-left: 15px;	
	padding-right: 15px;		
}
.table-sorting tr th
{
	font-family:Calibri;
	font-weight: normal;	
}
.table-sorting .destination h4
{
	font-family:Calibri;
    font-size: 18px;
    font-weight: bold;
	color: #cc3399;
	margin-bottom: 0px;	
}
.table-sorting .destination p
{
	font-family:Calibri;
    font-size: 16px;
    font-weight: normal;
	color: #666666;
}
.table-sorting .wheretocatch h6
{
	font-family:Calibri;
	color: #666666;
    margin-top: 5px;
    margin-bottom: 5px;	
}
.table-sorting .wheretocatch .bolder
{
	font-family:Calibri;
    font-weight: bold;
	color: #666666;
    margin-top: 5px;
    margin-bottom: 5px;	
}
.table-sorting .nexttime .bolder
{
	font-family:Calibri;
    font-weight: bold;
	color: #666666;	
	font-size: 16px;	
}
.table-sorting .nexttime h4
{
	font-family:Calibri;
    font-weight: normal;
	color: #666666;	
	font-size: 13px;
}
.table-sorting .second h3
{
	font-family:Calibri;
    font-weight: normal;
	color: #666666;		
	margin-top: 5px;
	margin-bottom: 5px;	
	text-align: center;	
}
.table-sorting .second h6
{
	font-family:Calibri;
    font-weight: normal;
	color: #666666;		
	margin-top: 0px;
	text-align: center;
}
thead tr th
{
	text-align: center;
	font-family:Calibri;
    font-weight: normal;
	color: #666666;			
}
/*.table>thead>tr>th
{
	border-right: solid 1px #ebebeb !important;
	border-top: solid 1px #ebebeb !important;
	border-bottom: solid 1px #ebebeb;	
	background: #f5f5f5;		
}
.table>tbody>tr>td
{
	border-right: solid 1px #ebebeb !important;
	border-top: solid 1px #ebebeb !important;
	border-bottom: solid 1px #ebebeb;	
}
table thead th:nth-of-type(1)
{
	background:#fff;
	border-top: solid 1px #ebebeb !important;
	border-left: solid 1px #ebebeb !important;
}
table tbody td
{
	background:#fff;
	border: solid 1px #ebebeb !important;
}
table tbody tr:nth-last-of-type(1)
{
	border: solid 1px #ebebeb !important;	
}
table tbody
{
	border-bottom: solid 2px #ebebeb !important;	
}
table tbody tr td:nth-of-type(1)
{
	border-left: solid 1px #ebebeb !important;
	border-bottom: solid 1px #fff !important;	
}
table thead tr th:nth-of-type(1)
{
	border-bottom: solid 1px #fff !important;
}*/

.train_icon
{
	margin: 0 auto;
}
.table-section
{
	overflow: auto;
}
table tr td:nth-of-type(1)
{
	width: 60px;
	min-width: 60px;
}
table tr td
{
	min-width: 150px;
}
#legend-sec .btn-primary
{
    border: dotted 1px #dcdcdc;
	background:none;
	color: #454545;
	margin-top: 10px;
	margin-bottom: 10px;	
}
.predictions p
{
	text-align: center;
	font-family:Calibri;
    font-weight: normal;
	color: #666666;			
}
.predictions
{
	border-top: dotted 1px #e3e3e3;
	border-bottom: dotted 1px #e3e3e3;
	padding-top: 30px;
    padding-bottom: 30px;
}
.established
{
	padding: 30px;
}
.established p
{
	text-align: left;
	font-family:Calibri;
    font-weight: normal;
	color: #666666;			
}

.rider-alert
{
	/*background: url(../img/banner_redalert.png) no-repeat;*/
	background-size: cover;
	min-height: 340px;
}
#rider-alert
{
	padding-top: 275px;
    padding-bottom: 0;
}
#rider-alert h1
{
    font-weight: bold;
    font-family: arial;	
	color: #a9a8a8;
}
.your-schedule
{
	background: #ebebeb;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;	
}
.your-schedule h3
{
	font-family:Calibri;
    font-weight: bold;
	color: #666666;	
}
.your-schedule h4
{
	font-family:Calibri;
    font-weight: normal;
	color: #666666;	
}
.track
{
	background: url(../img/track-bg.jpg) no-repeat;
	background-size: cover;	
	border: solid 2px #a900bb;
	border-radius: 3px;
		
}
.track-main
{
	padding-left: 40px;
	padding-right: 40px;	
}
.track h5
{
    font-weight: bold;
    font-family: arial;
	margin-bottom: 5px;	
	color: #fff;		
}
.track p
{
    font-weight: normal;
    font-family: arial;	
	color: #fff;	
}
.track-btn
{
	padding-top:15px;
}
.track .track-btn a
{
	float:right;
	font-size: 12px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;	
	background: #a900bb;
	border:none;
	color: #fff;		
    font-weight: bold;
    font-family: arial;	
}
.track-main
{
	padding-top: 30px;
	padding-bottom: 30px;	
}
.email-updates
{
	background: #ededed;
	padding-top:10px;
	padding-bottom:10px;	
	border-radius: 10px;
	padding-left:15px;	
	padding-right:15px;	
}
.email-updates h4
{
	color: #666666;		
	font-weight: bold;
    font-family: arial;	
	padding-bottom: 10px;
}
.email-updates h5
{
	color: #666666;		
	font-weight: bold;
    font-family: arial;	
	padding-bottom: 10px;	
}
.email-updates .form-control
{
	border-radius: 5px;
    height: 40px;
    border: solid 1px #dcdcdc;
}
.email-updates .btn-primary
{
	background: #c4308b;			
	border: none;
	font-weight: bold;
    font-family: arial;	
	padding-left: 15px;	
	padding-right: 15px;
	padding-top: 8px;	
	padding-bottom: 8px;		
}
.track-section
{
	padding-top: 30px;
	padding-bottom: 50px;	
}
.track-section h3
{
	font-weight: bold;
    font-family: arial;	
	color: #454545;		
}
.track-section a p
{
	font-weight: normal;
    font-family: arial;
	color: #007fae!important;	
}
.track-section p
{
	/*font-weight: bold;*/
    font-family: arial;
	color: #000;	
}
.track-section hr
{
	margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #e3e3e3;
}
.rider-alert-main p 
{
	font-weight: normal;
    font-family: arial;
	color: #454545;			
}
.rider-alert-main p .bolder-caption
{
	font-weight: bold;
    font-family: arial;
	color: #454545;			
}
.rider-alert-main p a
{
	font-weight: normal;
    font-family: arial;
	color: #007fae;			
}
.rider-alert-main #btn-default
{
	background: #fff;
	border: solid 1px #ffd6f5;
	color: #000 !important;	
	border-radius: 10px;
	margin-bottom: 10px;
	margin-top: 10px;	
}
.rider-alert-main #btn-default:focus, .rider-alert-main #btn-default:visited, .rider-alert-main #btn-default:active, .rider-alert-main #btn-default:hover
{
	outline: none;
	background: #ffd6f5;
	color: #4e4a4a !important;
}
.ad-hide.slide-top{
	visibility:hidden;
    opacity:0;
    -moz-transition:all .4s linear;
    -webkit-transition:all .4s linear;
    -o-transition:all .4s linear;
    transition:all .4s linear;
    -moz-transform:translate3d(0,-20px,0);
    -webkit-transform:translate3d(0,-20px,0);
    -o-transform:translate(0,-20px);
    -ms-transform:translate(0,-20px);
    transform:translate3d(0px,-20px,0)
}

.ad-hide.slide-top.in-view{
	visibility:visible;
    opacity:1;
    -moz-transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate3d(0,0,0)
}

.map-inner-sub{
    opacity:0;
    -moz-transition:all .4s linear;
    -webkit-transition:all .4s linear;
    -o-transition:all .4s linear;
    transition:all .4s linear;
    -moz-transform:translate3d(-100%,0px,0);
    -webkit-transform:translate3d(-100%,0px,0);
    -o-transform:translate(-100%,0px);
    -ms-transform:translate(-100%,0px);
    transform:translate3d(-100%,0px,0)
}

.map-inner-sub.open{
    opacity:1;
    -moz-transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate3d(0,0,0)
}
.time-advanced-show{
	overflow:hidden;
	height:0px;
	-moz-transition:all .4s linear;
    -webkit-transition:all .4s linear;
    -o-transition:all .4s linear;
    transition:all .4s linear;
}
.time-advanced-show.open{
    height:200px;
}

#map 
{
	width: 100%;
	height: 650px;
}
.absolute-sec
{
	position: absolute;
    top: 0;
}	

@media screen and (min-width: 100px) and (max-width: 479px)
{
    #map-sec #learn-how
{
	padding-top: 65px !important;
}

	.map-inner .map-inner-sub .choose-on-map-and-use-my-location a,	.map-inner .map-inner-sub .choose-on-map-and-use-my-location .checkbox label
	{
		font-family: arial;
		font-size: 9px;
		color: #fff;		
	}
	
	.trip-planner .choose-on-map-and-use-my-location .checkbox 
	{
		display: inline-block;
		margin: 0px;
		margin-left: 0px;
	}	
	#true-time-sec .choose-on-map-and-use-my-location .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] 
	{
		margin: 2px 0 0;
		margin-left: -15px;
	}
	#map-sec .choose-on-map-and-use-my-location .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] 
	{
		margin: 0px 0 0;
		margin-left: -15px;
	}	

}	

.trip-planner .choose-on-map-and-use-my-location a:focus
{
	outline: none;
}
@media screen and (min-width: 100px) and (max-width: 400px)
{
	.trip-planner .choose-on-map-and-use-my-location a, .trip-planner .choose-on-map-and-use-my-location .checkbox label 
	{
		font-weight: bold;
		font-family: arial;
		font-size: 10px;
		color: #fff;
	}
	.map-inner .map-inner-sub .choose-on-map-and-use-my-location a,	.map-inner .map-inner-sub .choose-on-map-and-use-my-location .checkbox label
	{
		font-family: arial;
		font-size: 9px;
		color: #fff;		
	}
	.trip-planner .choose-on-map-and-use-my-location a, .trip-planner .choose-on-map-and-use-my-location .checkbox label 
	{
		font-weight: bold;
		font-family: arial;
		font-size: 10px;
		color: #fff;
	}	
}	
	
	#true-time-sec .btn-purple.btn-primary 
	{
		margin-top: 10px;
	}	
	#true-time-sec .btn-purple#go_btnn 
	{
		margin-top: 0px;
	}	
	.map-advanced-btn
	{
		margin-top: 10px;
	}	
@media screen and (min-width: 100px) and (max-width: 450px)
{	
.signup-btn .signup 
{
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
	padding-top: 10px;
    padding-bottom: 10px;
}
.signup-btn
{
	padding-left: 10px;
    padding-right: 0px;
}
.email-updates h4 
{
    color: #666666;
    font-weight: bold;
    font-family: arial;
    padding-bottom: 10px;
	font-size: 17px;
}
.track-section h3 
{
    font-weight: bold;
    font-family: arial;
    color: #454545;
    font-size: 16px;
}
#learn-how .btn-primary {
    border: solid 2px #32312a;
    border-radius: 0px;
    font-weight: bold;
    font-family: arial;
    background: #413f38bf;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 11px;
}
}

.page-breadcrumbs{
	background: #f5f5f5;
	
	padding-left: 50px;
	font-family: arial;
}

.page-breadcrumbs .breadcrumb {
    padding: 13px 15px;
    margin-bottom: 0px;
}

.page-breadcrumbs  .breadcrumb>li+li:before {
    content: ">";
	color: #c01b80;
}
.page-breadcrumbs li a,.page-breadcrumbs li{
	color: #c01b80 !important;
	font-weight: bold;
	font-family: arial;
}
.page-breadcrumbs li a:hover{
	text-decoration: none;
}

.news-content{
	margin-top: 50px;
}


.news-content-list h3:after{
	content: '+';
    position: absolute;
    right: 15px;
    font-weight: bold;
    font-size: 70%;
    /* top: 14px; */
    /* top: 37%; */
    transform: translate(0,50%);
    /* display: inline; */
    /* position: relative; */
    /* float: right; */
}
.news-content-list h3.ui-state-active:after{
	content: '-';
}
.news-content-list h3.ui-state-active{
	color: #fff;
	background: #c01b80;
}
.news-content-list .ui-accordion-content{
	    background: #f4f4f4;
    padding: 9px 11px;
}
.news-content-list h3:active,.news-content-list h3:focus{
	border: none !important;
}
.news-content .pagination-box{
	text-align: center;
}
.pagination-box .active,.pagination-box a:focus,.pagination-box a:active,.pagination-box a:hover{
	background: #c01b80 !important;
	color: #fff !important;
	border-color:#c01b80 !important;
}
.pagination-box a{
	color: #000 !important; 
}


.pagination-box .pagination>li:first-child>a,.pagination-box .pagination>li:first-child>span{
	border-radius: 0;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 0;
}

.history h3{
	text-align: right;
	color: #c01b80;
	    margin-bottom: 10px;
	font-family: arial;
}

.history ul{
	    border-right: 3px solid #cccccc;
    width: 100%;
    float: right;
    max-width: 175px;
    padding-right: 12px;
    padding-bottom: 8px;
}
.history ul li{
	border-bottom: 1px solid #cccccc;
	line-height: 30px;
	position: relative;
}
.history ul li a{
	color: #525252;
	font-family: arial;
	width: 100%;
    display: inline-block;
}
.history ul li a:hover{
	text-decoration: none;
}
.history ul li.active{
	border-right: 3px solid #c01b80;
}
.history ul li.active:after{
	content: ' \2023';
    position: absolute;
    right: 0;
    font-size: 25px;
    top: 3px;
    right: 2px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-mz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.news-content .al-r{
	float: right;
}

@media only screen and (max-width:770px){
	.news-content .al-r{
	float: left;
  }
	.history ul {
 
    float: right;
    max-width: 100%;
}
	
	.news-content{
		margin-top: 25px;
	}
  .open .container .trip-planner-form-area #learn-how{
        display:none;
    }	
}


.news-content-list .ui-accordion-header{
	display: none;
}
.news-content-list .ui-accordion-header:nth-of-type(1),.news-content-list .ui-accordion-header:nth-of-type(2),.news-content-list .ui-accordion-header:nth-of-type(3),.news-content-list .ui-accordion-header:nth-of-type(4),.news-content-list .ui-accordion-header:nth-of-type(5),.news-content-list .ui-accordion-header:nth-of-type(6),.news-content-list .ui-accordion-header:nth-of-type(7),.news-content-list .ui-accordion-header:nth-of-type(8),.news-content-list .ui-accordion-header:nth-of-type(9),.news-content-list .ui-accordion-header:nth-of-type(10){
	display: block;
}

@media only screen and (max-width:425px) {
    #Routes table tr td:nth-of-type(1){
        width:100%!important;
    }
	#start_from_Section .col-lg-5{
		width:75%!important;
	}
	#div-header{
	padding-top:0!important;
	}
	 #Show_All_Vehicle{
		 font: bold 8pt/80% Arial!important;
	 }
	 #ShowVehicleCheck1{
		 margin-top:0!important;
	 }
	.loader{
		left:35%!important;
	}
	#map-sec .container {
    max-width: 285px !important;
}
    .map-inner {
        background: content-box;
        background-size: cover;
    }
    .true-time-map-search {
    padding-top: 0!important;
}
    .open #inner-search{
        margin-left:0!important;
    }
    .true-time-map-search button.btn-primary{
        top:-2px!important
    }
	 .true-time-map-search #Show_All_Vehicle{
		 color:#FFF;
	 }
     #plan_my_trip1{
         margin-left:0!important;
     }
     #advanced {
  margin-right: -10%!important;
}
    
}

@media only screen and (max-width:375px) {
    #plan_my_trip1 {
        margin-left: -50%!important;
    }
}

@media only screen and (min-width:430px) and (max-width:768px){
	#start_from_Section .col-lg-5{
		width:75%!important;
	}
    #advanced {
       margin-right: 65%!important;
    }
     #reset {
       margin-right: 20%!important;
    }
     #start_from_Section{
         width:57%!important;
     }
	
}
 .open #inner-search{
        margin-left:15px!important;
    }
.open .container .trip-planner-form-area #learn-how{
        display:none;
    }

#map-sec #learn-how
{
	padding-top: 200px      !important;
}

#btn_list .btn-purple, #plan_my_trip1{
    padding:6px 30px;
height:34px;
}
 

#plan_my_trip1 {
    margin-left: 10%;
}
#start_from_Section .col-lg-5{
width:45%;}
#advanced {
    margin-right: 30%;
}

.loader {
    position: fixed;
    left: 45%;
    top: 45%;
    z-index: 9999;
    background: url('/Content/img/icons/loader.gif') 50% 50% no-repeat;
    opacity: .8;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}



.table-section{
    
    min-height:500px!important;
}


#reset {
       margin-right: -20%;
    }