@font-face {
  font-family:Roboto-Regular;
  src: url(/public/fonts/Roboto-Regular.ttf);
}

@font-face {
  font-family:Roboto-Medium;
  src: url(/public/fonts/Roboto-Medium.ttf);
}

@font-face {
  font-family:Roboto-Light;
  src: url(/public/fonts/Roboto-Light.ttf);
}

body{
	font-family:Roboto-Regular;
}

.label_three{font-size: 11px; text-align: left; color: #484848; margin-bottom: 2px;}
.count_three{text-align: left; color: #0092CB; font-size: 14px; margin-bottom: 0px;}
.padding_three{border-right: 1px solid #DDDFEB; margin-top: 12px; margin-bottom: 12px;}
.no-services{padding: 10px 10px 0px 13px;}
.no_padding{padding-left:0px !important; padding-right:0px !important;}

.p-noservices{
	font-size: 12px;
    color: #fff;
    background: #0092cb;
    padding: 10px;
    border-radius: 6px;
}

.header-ellipsis{
	white-space: nowrap;
    width: 310px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stop-ellipsis{
	white-space: nowrap;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flt-right{
	float:right;	
}
.bg-color-f3{
	background-color:#f3f3f3;
}

.row{
	width:100%;
	margin-left:0px!important;
	margin-right:0px!important;
}

.loc-container {
    background-color: #fff;
    padding: 15px 15px;
   /*  border-radius: 10px; */
}

.p-l-0{padding-left:0px !important;}

.loc-container button.color-grey{
	background-color: #f4f4f5;
    border-color: transparent;
    font-weight: 500;
}

.m-top-25{
	margin-top:25%;
}

.m-top-50{
	margin-top:50%;
}

.pad-0{
	padding-left: 0;
    padding-right: 0;
}

.pad-20{padding: 20px;}

.p-l-r-0{
	padding-left: 0px;
    padding-right: 0px;
}

.p-l-r-5{
	padding-left: 5px;
    padding-right: 5px;
}

.wid_100{
	width:100%;
}

.wid_90 {
    width: 90%;
}
/* .lft_btns{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    font-family:Roboto-Medium;
} */
.lft_btns {
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
    font-size: 13px;
    font-family: Roboto-Medium;
}


.padd_lft_bt{
	padding-left: 0px;
    padding-right: 7px;
    }
    
.padd_rgt_bt{
	padding-left: 7px;
    padding-right: 0px;
}    

.bg-color-nv{
	background-color: #061b2b!important;
}

.cur-loc-btn img{
	margin-top: -3px;
	padding-right: 5px;
}

input[id="station-search"]::placeholder, input{
	color:#fff !important;
}

.loc-search input:focus{
	border:none;
	outline: none !important;
}

.border-0{
	border:0;
}

.view_details_btns{font-size: 16px;
    font-family: Roboto-Medium;
    padding: 8px 8px;
    height: auto;}


.cur-loc-btn{
	color: #0092cb!important;
	width: 100%;
    text-align: left;
}

.cur-loc-bar{
	padding: 8px 0;
    background-color: #fff;
}

.cur-loc-bar .cur-loc-btn{
	padding-left: 9px;
	font-size:16px;
}

.ft-12{
	font-size:12px;
}

.color-a5a{
	color:#a5a7b9;
}

.color-212{
	color:#212121;
}

.loc-search{
	padding: 5px;
    padding-left: 10px;
}

.loc-search button i{
	font-size: 28px;
	color:#bcbcbc;
}

.loc-search input{
	padding: 5px;
	position: absolute;
}

.loc-search input::placeholder{
	color:#8a8a8a;
}

.cur-loc-bar button i{
	padding: 0 10px;
}

.color-white{
	color:#fff;
}

.ft{
	font-size: 22px;
}

.col-md-4{
	width:33.333333%;
	float:left;
}

h3.loc-heading {
    font-size: 21px;
    color: #484848;
    font-family: Roboto-Medium;
    padding-left: 10px;
    text-align: left;
    margin-top: 5px;
}

/* .font_lwr{
	padding-right: 30px;
    padding-left: 30px;
    font-size: 15px;
 } */

.font_lwr {
    padding-right: 0px;
    padding-left: 10px;
    font-size: 14px;
    text-align: left;
    font-family: Roboto-Regular;
}

img {
    vertical-align: middle;
}
/* .image-width{
	width: 106px;
    padding: 20px;
} */

.image-width {
    width: 80px;
    padding: 17px;
}

.img-loc{
	background-color: #0092cb;
    border-radius: 50%;
}

.btn-loc-color {
    color: #fff;
    background-color: #0092cb;
    border-color: #0092cb;
    width: 100%;
}

.loc-select span{
	font-size: 10px;
}

.bg-color-nv{
	color:#fff;
}

.bg-color-nv:hover{
	color:#fff!important;
}

.dropdown button.bg-color-nv{
	padding: 0 0 6px 0;
}

.bus-location{
    background-color: #e9e9e9;
}

h4.loc-name{
	color:#0092cb;
	margin: 7px 0;
	font-size:16px;
	font-weight: 600;
	padding-top: 5px;
}
/*psharma RR HT 1.3 */
h4.list-name{
	display: inline-block;
    position: relative;
    color: #061B2B;
	font-size:14px;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Roboto-Regular;
    line-height: 1.3;
}

.m-t-0{margin-top: 1.5px !important;}

.media-body, .media-left, .media-right{vertical-align: middle !important;}


.cards_bg{
	background: #fff;
    padding: 12px;
    margin-bottom: 1.5px;
}

.cursor-pointer{cursor: pointer;}

span.loc-address{
    font-size: 12px;
}

.color_light{color:#9A9A9A;}
.headingss{color: #484848;
    font-family: Roboto-light;
    font-size: 28px;}

.ft-10{
	font-size: 10px;
}
.ft-11{
	font-size: 12px;
}

h5.loc-name{
	color:#484848;
	margin: 5px 0 0 0;
}

h6.expected-time{
	color:#2AA13E;
	margin: 5px 0 0 0;
	font-size: 14px;
	font-weight: 400;
}

.bus-location p{
    margin: 5px 0;
}

.pt-15{
	padding-top:15px;
}

.color-white{
	color:#fff;
}

.color-green{
	color:#2AA13E;
}

.color-red{
	color:#F83131;
}

.color-aaa{
	color:#aaacbd;
}

.color-a5a{
	color:#a5a7b9;
}

.color-212{
	color:#212121;
}

.color-484{
	color:#484848;
}

.bg-color-f3{
	background-color:#f3f3f3;
}

.bg-color-nv{
	background-color: #061b2b!important;
}

.bg-color-f3f{
	background-color: #f3f3f3;
}

.bg-color-nv{
	color:#fff;
}

.bg-color-nv:hover{
	color:#fff!important;
}
.fw-500{
	font-weight: 500;
}

.fw-600{
	font-weight: 600;
}

.fw-700{
	font-weight: 700;
}

.loc-select .dropdown button{
	background-color: transparent;
    border: 0;
   /*  padding: 0 0 10px 0; 
    padding: 4px 2px 7px 2px;*/
}

.departure-details h2{
	font-size: 26px;
    font-weight: 300;
}

.color-484{
	color:#484848;
}

.departure-details .btn{
	border-radius: 0 0 6px 6px;
}

.bg-color-f3f{
	background-color: #f3f3f3;
}

.departure-details{
    margin: 10px;
    padding-top: 10px;
    background-color: #fff;
    border-radius: 6px;
}

.m-top-25{
	margin-top:25%;
}

.m-top-50{
	margin-top:50%;
}

.pad-0{
	padding-left: 0;
    padding-right: 0;
}

.mt-10{
	margin-top:10px;
}

.mt-5{
	margin-top:5px;
}

.mb-0{
	margin-bottom:0px;
}
.mb-5{
	margin-bottom:5px;
}

.p-0{
	padding:0.3px;
}

.p-r-0{padding-right:0px !important;}

.m-t-1{ margin-top: 1px;}

.m-t-5{ margin-top: 5px;}

.p-l-8{padding-right:8px;}

.p-14{
	padding: 8px 11px 7px 11px;
}

.pb-5{
	padding-bottom:5px;
}
.pl-0{
	padding-left:0px;
}
.pb-10{
	padding-bottom:10px;
}

.m-0{
	margin:0;
}

.pt-0{
	padding-top:0px;
}

.pt-10{
	padding-top:10px;
}

.pt-20{
	padding-top:20px;
}


.fa-map-marker{
	color:#0092cb;
}

.color-9a9{
	color:#9a9a9a;
}

/* .color-grey{
	color:#8a8a8a;
} */

.color-grey {
    color: #7E7E7E;
    background-color: #E3E6E9;
    border-color: #E3E6E9;
    width: 100%;
}


.bg-color-nv i.ft-20{
	font-size:20px;
    padding: 7px 1px;
}

.bg-color-nv i.ft-28{
	font-size:28px;
}

.color-white{
	color:#fff;
}

.bg-color-white{
	background-color:#fff;
}

h1.city-name{
	font-size:18px;
	color:#fff;
	font-weight:300;
    margin: 5px 0 0 0;
}

.btn-list-color, .btn-map-color{
	color: #9A9A9A;
    background-color: #fff;
    border: 0;
    box-shadow:none;
}

.btn-list-color:focus, .btn-map-color:focus{
	color: #0092cb;
}

.map-bt-border:active{
	outline:0!important;
	box-shadow:none!important;
	-webkit-box-shadow:none!important;
}

.map-bt-border:focus{
	outline:0!important;
	box-shadow:none!important;
	-webkit-box-shadow:none!important;
	border-bottom: 2px solid #0092cb;
    border-radius: 0;
}

.vertical-display h3.st-name{
	color:#484848;
	font-size: 17px;
    margin-top: -5px;
    margin-bottom: 0px;
}

.vertical-display p{
	font-size:10px;
	color:#9A9A9A;
	margin:5px 0 0 0;
}

.vertical-display span.color-green{
	font-size:10px;
}

.cutCorner {
    position: relative;
    border-left: 5px solid #0092CB;
    display: inline-block;
    padding-bottom: 25px;
    padding-left: 25px;
}

.stopicon{
  position: absolute;
  top: -7px;
  left: -4px;
}

.cutCorner:after {
    position: absolute;
    left: -4px;
    top: 0px;
    content: '';
    border-top: 5px solid #0092CB;
    border-right: 11px solid #0092CB;
}

.bor-bot-ccc{
	border-bottom: 1px solid #F3F3F3;
}

/* psharma */

#loading-data p{
	text-align: center;
    color: #0092cb;
    display: none;
}

.loading{
	display:none;
	width: 100%;
}

.map-cls{width:100%;height:66vh;}

.back_arrow{
	font-size: 24px !important;
    display: block !important;
    line-height: 20px !important;
    }

.your_location_style{
	padding-top: 12px;
    display: block;
    padding-left: 19px;
    font-family: Roboto-Medium;
    letter-spacing: 0.5px;
    font-size: 12px;
}

.location_style{
	padding-left: 12px;
    font-family: Roboto-Medium;
    font-size: 16px;
    padding-top: 0px;
    vertical-align: top;
}

.list-scroll{
	padding-top: 10px;
    overflow-y: scroll;
    height: 100vh;
}

.last-station{
	border-left: none!important;
}

.m-t-18{margin-top: -18px;}

.last-station:after{
	border-left: none!important;
	border-top: none!important;
	border-right: none!important;
}

/* psharma */
.vertical-display .cutCorner:last-child{
	border-left: none!important;
}

.vertical-display .cutCorner:last-child:after{
	border-left: none!important;
	border-top: none!important;
	border-right: none!important;
}

.vertical-display .rightCorner:first-child:after {
    position: absolute;
    right: 0px;
    top: 0px;
    content: '';
    border-top: 5px solid #0092CB;
    border-right: 6px solid #0092CB;
}


.vertical-display .color-red{
	font-size:10px;
}

.vertical-display .time{
	color:#484848;
	font-size:12px;
    margin-top: -5px;
}

.vertical-display .time-delay{
	color:#AAACBD;
	font-size:12px;
	margin-top: -5px;
	margin-bottom: 1px;
}

.vertical-display .expc-time{
	color:#484848;
	font-size:12px;
}

.train-travel{
	margin-left: 11.3%;
    position: absolute;
    z-index: 1;
    margin-top: 0px;
}

/* psharma */


.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs-nav li:first-child a {
    border-right: 0;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
}

.tabs-nav li:last-child a {
    border-top-right-radius: 6px;
}

.tabs-nav .tab-active a {
    background: hsl(0, 100%, 100%);
    /* border-bottom-color: hsla(0, 0%, 0%, 0); */
    color: hsl(197, 100%, 40%);
    cursor: default;
    border-bottom: 2px solid #0092cb;
    text-decoration:none;
}
.tabs-nav a {
    /*background: hsl(120, 11%, 96%);*/
    /* border: 1px solid hsl(210, 6%, 79%); */
    color: hsl(215, 6%, 57%);
    display: block;
    font-size: 16px;
    height: 48px;
    font-family: Roboto-Medium;
    line-height: 46px;
    text-align: center;
    text-transform: capitalize;
}
.tabs-nav li {
    float: left;
    padding: 0px;
    border-bottom: 1px solid #ccc;
}


.height-scroll-330{ overflow-y: scroll; height: 330px; }

.height-scroll-475{ overflow-y: scroll; height: 100vh; }

.bus-gps{
	content: url(/public/img/circle/bus.png);
    margin-left: -50px;
    padding: 0px;
    position: absolute;
    margin-bottom: -32px;
    top: -15px;
    z-index: 1;
}

.bus-gps-last{
	content:url(/public/img/circle/bus.png);
	margin-left: -45px;
    padding: 0px;
    margin-bottom: -32px;
}


.bus-gps-mid {
    content: url(/public/img/circle/bus.png);
    margin-left: -50px;
    padding: 0px;
    margin-bottom: -50px;
}

/* psharma */

div#filter-result>div {
    border-bottom: 1px solid #716b6b;
    padding: 5px 0;
    width:98%;
}
div#filter-result{
	display: block;
    max-height: 178px;
    overflow: auto;
}

@media screen and (min-width: 668px) and (max-width: 768px) {
.train-travel {
    margin-left: 13.5%;
    position: absolute;
    z-index: 1;
    margin-top: 0px;
}
}

@media screen and (min-width: 468px) and (max-width: 667px) {
.train-travel {
    margin-left: 13.5%;
    position: absolute;
    z-index: 1;
    margin-top: 0px;
}
}

@media screen and (min-width: 400px) and (max-width: 468px) {
.train-travel {
    margin-left: 12%;
}
}

@media screen and (min-width: 360px) and (max-width: 400px) {
.train-travel {
    margin-left: 11.4%;
}
}

@media screen and (min-width: 320px) and (max-width: 359px) {
.train-travel {
    margin-left: 10%;
}
}

@media screen and (max-width: 992px) {
.col-sm-6{
	width:50%;
	float:left;
}
}
@media screen and (max-width: 768px) {
.col-xs-12{
	width:100%;
	float:left;
}
}
@media (max-width:375px){
	.padd_lft_bt, .padd_rgt_bt {
    padding-left: 5px;
    padding-right: 5px;
}
.col-sm-6 {
    width: 50%;
    float: left;
}
}

@media (max-width:320px){
	.lft_btns {
    font-size: 12px;
}
button.wid_90, a.wid_90 {
    width: 96%;
}
}
.p0{
	padding:0;
}
#dataloader{
	/* background: #0092cb; */
	background: #00000040;
	position:fixed;
	width:100%;
	height:100%;
	z-index: 9999;
}
#dataloader svg{
  width: 100px;
  height: 100px;
  display:inline-block;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50% , -50%);
}

.f-l{float:left;}

.error-msg{    
	color: red;
    font-size: small;
    display:none;
   }