::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #b9e5fb;
}
::-webkit-scrollbar-thumb {
  background: #434da2;
}
::-webkit-scrollbar-thumb:hover {
  background: #04ac5f;
}

body{color:#222;background:#FFF;overflow-x:hidden;}
/*#0e7677*/
input:focus,button:focus,select:focus{outline:0 !important;box-shadow:none !important}

#div_preloader_top{position:fixed;background:#ffffffad;width:99vw;height:100vh;z-index:100;left:0px;visibility:hidden;}
#preloader{position:fixed;width:99vw;height:103px;z-index:101;left:0px;margin-top:40px;visibility:hidden;}
#preloader .text1,#preloader .text2{color:#ed1c24;font-size:4rem;font-weight:bold;background:#FFF;padding:1rem;}

.online-ticket-hints {height:28px;position:fixed;}
.online-ticket-hints a{text-decoration:none;color:#FFF;display:inline;vertical-align:middle;padding:4px 8px;margin-left:18px;}
.online-ticket-hints a:first-child{margin:0px;}
.online-ticket-hints a:after{font-family:"FontAwesome";content:"\f054";background:transparent;position:absolute;margin-left:8px;font-size: 23pt;margin-top: -8px;}
.online-ticket-hints a:last-child:after{content:"";}
.online-ticket-hints a.active{background:#04ac5f;}
.online-ticket-hints a.active:after{color:#04ac5f;}

.online-ticket-hints a.selected{background:#04ac5f;}
.online-ticket-hints a.selected:after{color:#04ac5f;}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

header{height:88px;background:#FFF;overflow:hidden;border-bottom:4px solid #F0F0F0}
.header-height{height:89px;}

header div.logo{height:84px;text-align:center;float:left;}
header img.logo{height:84px;}

header .topheader{height:32px;background:#6b80c01f;overflow:hidden;}
header .topheader a{float:left;margin-right:5px;display:inline-block;color:#111;text-decoration:none;transition:all .4s ease-in-out;}
header .topheader a:hover{color:#04ac5f;}

header .menu{background:#F8F8F8;/*box-shadow:0px 2px 12px inset #CCC, 0px -2px 12px inset #CCC;*/display: flex;align-items: center;justify-content: center;width:100%;}

.navbar{display:inline-block;}
.nav-link{float:left;transition:all .5s ease-in-out;}
.nav-link:hover,.nav-link.active{background:#1a475f !important;color:#FFF !important;}

.nav-link a{text-decoration:none !important;color:#222 !important;transition:all .3s ease-in-out;font-weight:600;}
.nav-link:hover a,.nav-link.active a{background:#1a475f !important;color:#FFF !important;}

.content{min-height:90vh;}

@media only screen and (max-width: 768px){
	body{background-position:0px 0px !important;}
	#header-menu{}
	#header-menu ul{position:absolute;min-width:280px;background:#0e7677;left:10px;}
	#header-menu ul li{display:block;width:100%;}
	#header-menu ul li a{display:block;color:#FFF !important;}
}

.online-ticket-block{display:none;}
.online-ticket{background:#F8F8F8;margin-top:1px;border:1px solid #CCC;overflow:hidden;box-shadow:2px 2px 15px inset #ddd;}

.heading{text-align:center;border-bottom:1px solid #CCC}
.heading div.info{width:80%;min-height:32px;border-radius: 25px;background:#d8dddd;padding:3px 8px;}

a.online-ticket{text-decoration:none;color:#b9e5fb;display:block;text-align:center;width:100%;padding:.3rem 0px;transition:background .5s ease-in-out;}
.row a.online-ticket:hover{background:#b9e5fb !important;}
a.online-ticket:hover{color:#dc3545;}

#spn_schedule_route{float:left;text-transform:uppercase;padding-left:15px;}
#spn_schedule_jdate{float:right;text-transform:uppercase;padding-right:15px;}

.tr_schedule td{background:#4b56a7;color:#FFF;}
.tr_schedule:hover td{background:#169192;color:#FFF;}
.tr_schedule.active td{background:#F9F900;color:#333;}

.fare{color:#FFF;font-size:5mm;font-weight:bold;background:url('./taka-w.png') no-repeat 0px 1.7mm;background-size:2.8mm;padding-left:3.30mm;min-width:16mm;display:inline-block;text-align:left;}
.fare_buss{color:#DDD;font-size:5mm;font-weight:bold;background:url('./taka-w.png') no-repeat 0px 1.7mm;background-size:2.8mm;padding-left:3.30mm;}
.fare_off{color:#F8F8F8;font-size:5mm;background:url('./taka-r.png') no-repeat 0px 2mm;background-size:2.5mm;padding-left:2.8mm;margin-right:2mm;text-decoration:line-through 2px #ed1c24;float:left;min-width:16mm;display:inline-block;}

.tr_schedule.active .fare_off{color:#ed1c24;}
.tr_schedule.active .fare{color:#333;background-image:url('./taka.png');}
.tr_schedule.active .fare_buss{color:#666;background-image:url('./taka.png');}

button.date_previous{float:left !important;text-decoration:none;color:#FFF;}
button.date_next{float:right !important;text-decoration:none;color:#FFF;}

#table_total_selected_seat,#table_total_selected_seat td{background:#82ed5f !important;}

a.route_name{display:block;margin:2px 8px 0px 4px;text-decoration:none;color:#000;}
a.route_name:before{content:"\1F892";margin-right:8px;}
a.route_name:hover{color:#04ac5f;}

.our_route{width:90%;border-radius:50%;border:3px solid #b9e5fb;overflow:hidden;margin-left:5%}
.our_route img{width:100%;height:100%;}

.route_line{height:2px;border:2px solid #ed1c24;width:60%;position:absolute;margin-left:20%}

footer{height:44px;background:#04ac5f;padding-top:.5rem;}
footer p{color:#FFF;}
footer a{color:#CCC;text-decoration:none;}
footer a:hover{color:#FFF;}

.android-app img{margin-top:-3.6mm;height:15.5mm;right:0px;}
@media screen and (max-width:540px){
	.android-app img{right:-2mm;height:13mm !important;}
}
@media screen and (min-width:541px){
	.android-app img{left:40%;}
}
</style>