/* ######### Colors ############ */
.bg-ddd_orange {
	background-color:#F94007 !important;
}

.text-ddd_orange {
	color:#F94007 !important;
}

.border-ddd_orange {
	border: 1px solid #F94007 !important;
}

.bg-ddd_blue {
	background-color:#40c0bf !important;
}

.text-ddd_blue {
	color:#40c0bf !important;
}

.border-ddd_blue {
	border: 1px solid #40c0bf !important;
}

.bg-ddd_yellow {
	background-color:#f1b907 !important;
}

.text-ddd_yellow {
	color:#f1b907 !important;
}

.border-ddd_yellow {
	border: 1px solid #f1b907 !important;
}

.bg-ddd_green {
	background-color:#7bca1d !important;
}

.text-ddd_green {
	color:#7bca1d !important;
}

.border-ddd_green {
	border: 1px solid #7bca1d !important;
}

.bg-ddd_brown {
	background-color:#8b1e07 !important;
}

.text-ddd_brown {
	color:#8b1e07 !important;
}

.border-ddd_brown {
	border: 1px solid #8b1e07 !important;
}

.bg-ddd_gray {
	background-color:#ececec !important;
}

.text-ddd_gray {
	color:#ececec !important;
}

.border-ddd_gray {
	border: 1px solid #ececec !important;
}


.elapsed_time {
	position:fixed;
	bottom:20px;
	left:0;
	background:#ffffff;
	color:#000000;
	width:300px;
	font-size:16px;
	z-index:199;
}

#map {
	height: 400px;
	/* The height is 400 pixels */
	width: 100%;
	/* The width is the width of the web page */
}

.map_col {
	position:relative;
}

.map_loading {
	display:none;
	position: absolute;
    width: 93%;
    height: 100%;
    z-index: 1;
    background-color: #e2e2e250;
    text-align: center;
    padding-top: 155px;
}

.map_loading img {
	width:40px;
}

/* ######### tag menu  ############ */

.tag_menu_wrapper {
	width:85%;
	color:#000000;
}

.tag_in_menu:hover:not(.tag_name_selected) {
	background-color:#ececec;
}

.load_tag_name {
	border-width: 2px;
	border-style: none none solid none ;
	border-color: #F94007;
	color:#000000;
 }

.tag_name_selected {
	background-color:#F94007;
	color:#ffffff;
}

/* ######### single bus  ############ */
.single_bus {
	color:#000000;
}

.single_bus .bus_desc,
.single_bus .bus_hours {
	font-size:1.1rem;
	font-family: "Open Sans";
    font-weight: 300;
}

.single_bus .social_icons {
	position:absolute;
	bottom:0;
	font-size:2rem;
}

.single_bus .single_right {
	position:relative;
	min-height:120px;
}

.single_bus .bus_address,
.single_bus .bus_phone {
	font-size:1.5rem;
	font-family: "Open Sans";
}

.single_bus .back_arrow {
	font-size:2rem;
}

.single_bus .back_arrow img {
	width:30px
}

.single_bus .bus_logo img {
	width:100%;
}

.single_bus .bus_name {
	font-size:2rem;
    color: #3b4848;
	font-weight: bold;
	font-family: "Open Sans";
}

/* ######### bus list  ############ */
.bus_box_background_gray {
	background-color:#ececec;
}

.bus_box_v2 .bus_box {
	
}

.bus_box.bus_box_v3 .bus_logo img{
	width:100%;
}

.bus_box.bus_box_v3 .bus_logo {
	background-repeat: no-repeat;
	background-position: center;
}

.bus_box.bus_box_v2 .bus_logo img{
	border-radius:6px !important;
	-webkit-border-radius:6px !important;
	-moz-border-radius:6px !important;
	width:85px;
	min-width:85px;
	height:85px;
	min-height:85px;
}

.bus_box .bus_addr,
.bus_box .bus_name {
	font-size:1rem;
    color: #3b4848;
}

.bus_box .bus_hours,
.bus_box .bus_phone,
.bus_box .bus_desc {
    font-size: .75rem;
    color: #8f8e8e;
}

.bus_box .map_marker img {
	width:20px;
	top:-4px;
	position:relative;
}

.social_icons i{
	margin:0 4px;
}

.bus_box_v3 .bus_name {
		font-size:1.25rem;
}

.bus_box_v3 .bus_logo {
	width:100%;
	height:160px;
}