/* styles.css */
#loading_screen {
	color: #f00;
	background-color: rgba(0, 0, 0, 0.72);
}

.sb-search-input {
	background: #fff;
	background-repeat: no-repeat;
	background-position: right;
}

#announcements li{
	color: #fff;
}

.color-box2 {
	background-color: #ccc;
	background-image: url(../images/colorIconOverlay.png);
	background-repeat: no-repeat;
}


.modal .cst label {
	color: #fff;
}


 .navbar {
    border: 0px solid transparent;
}

#announcements li{
		color : #fff;
	}
	


@media screen and (min-width: 767px) {
	.close:hover, .close:focus {
		color: #ffffff;
	}
	
	.close {
		color: #fff;
		opacity: 1.2;
		font-weight: normal;
	}
	
	.InfoContainer {
		background-color: #fff;
	}
	input.switch:empty ~ label:before, input.switch:empty ~ label:after {
		background-color: #757575;
		border: 1px solid #fff;
		box-shadow: inset 0 0.2em 0 rgba(0, 0, 0, 0.3);
	}
	input.switch:empty ~ label:after {
		background-color: #fff;
		box-shadow: inset 0 -0.2em 0 rgba(0, 0, 0, 0.2);
	}
	input.switch:checked ~ label:before {
		background-color: #008F43;
	}

	.powred {
		background-color: rgba(77, 77, 78, 0.85);
		background-image: url(../images/spot.png);
		background-repeat: no-repeat;
		color: #FFF;
		transition: color 0.4s ease 0s;
	}
	
	.navbar-default {
		border-color: #FFF;
	}
	.navbar-default .navbar-nav>li>a {
		color: #FFF; /*Change active text color here*/
	}
	
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus,
		.navbar-default .navbar-nav>.open>a:hover {
		color: #FFF;
		background-color: #F8A037;
	}
}

@media screen and (max-width: 767px) {
	.close:hover, .close:focus {
		color: #ffffff;
	}
	.close {
		color: #fff;
		opacity: 1;
		font-weight: normal;
	}
	
	.InfoContainer {
		background-color: #f7f7f7;
	}
	input.switch:empty ~ label:before, input.switch:empty ~ label:after {
		background-color: #757575;
		border: 1px solid #fff;
		box-shadow: inset 0 0.2em 0 rgba(0, 0, 0, 0.3);
		transition: all 100ms ease-in;
	}
	input.switch:empty ~ label:after {
		background-color: #fff;
		box-shadow: inset 0 -0.2em 0 rgba(0, 0, 0, 0.2);
	}
	input.switch:checked ~ label:before {
		background-color: #008F43;
	}
	.navbar-ex1-collapse {
		background-color: rgba(6, 6, 6, 0.55);
	}
	.navbar-ex1-collapse ul li {
		color: #fff;
	}
	.navbar-ex1-collapse ul li:hover {
		color: #B7F5D4
	}
	.powred {
		background-color: rgba(77, 77, 78, 0.85);
		background-image: url(../images/spot_small.png);
		background-repeat: no-repeat;
		color: #fff;
		transition: color 0.4s ease 0s;
	}
}



.modal-content {
	background-color: rgba(131, 128, 128, 0.47);
	/*color: #fff;*/
}

.header-li {
	color: #B7F5D4;
}

pre {
	color: #FFF;
	background-color: rgba(131, 128, 128, 0.47);
	border: 1px solid rgba(131, 128, 128, 0.47);
}


/* Scroller Style */
.alertHeading {
	background-color: #cc0000;
}

.alertHeadingText {
	color: #ffffff;
}

.alertDarkHeadingBar {
	color: #ffffff;
}

.alerts p {
	color: #fff;
	height: 18px;
	padding: 0;
	margin: 0;
}

/* Scroller Style Ended*/

/* New Popup Generic Style */
.darkBar {
	color: #ffffff;
}

.InfoHeader {
	background-repeat: no-repeat;
}

.StopText {
	color: #666666;
}

.TimeText {
	color: #3b4478;
}

.StatusText {
	color: #16c409;
}

.HRow {
	background-color: #333333;
}

.HRow2 {
	background-color: #e7e7e7;
}

/* New Popup Generic Style Ended */

/* Stop Popup Style */
.StopInfoContainer {
	background-color: #f7f7f7;
}

.modal .StopInfoContainer {
	background-color: #f7f7f7;
}

}



.StopPopupStatus {
	color: green;
}



/* Stop Popup Style Ended */
.toggleText  {
	color: #fff;
}

.modal .toggleText {
	color: #fff;
}

.panel-message {
	color: #fff;
}

.routeName {
	color: #fff;
}

.modal .routeName {
	color: #fff;
}

.StopText {
	color: #666666;
}

.TimeText {
	color: #3b4478;
}

.StatusText {
	color: #16c409;
}

/* Style colors */
.routeColor {
	background-image: url(../images/colorIconOverlay.png);
	background-repeat: no-repeat;
}

/* Cust Style */
.alertLightHeadingBar {
	background-color: #FFAE42;
}

.alertDarkHeadingBar {
	background-color: #009642;
	color: #ffffff;
}

.lightBar {
	background-color: #FFAE42;
}

.darkBar {
	/*  background-color: #009642; */
	color: #ffffff;
}

.title {
		color: #fff;
	}