.navbar a {
	font-size: 16px;
	color: white;
}
.active a {
	color: #F4D03F;
	font-weight: 700;
}

.navbar a:hover {
	color: black;
}

#map {
	height:420px;
	width:600px;
}

.infoWindowContent {
	font-size:  16px !important;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

@media (min-width: 720px) {
	.container {
		width: 98% !important;
		margin: auto;
	}
} 

a.sortDir.active {
	color: #DC4436;
	cursor: default;
}

.selected {
	background-color:black;
	color:white;
	font-weight:bold;
}

.btn2 {
	background-color: #4c4c4c;
	border: none;
	color: white;
	padding: 4px 10px;
	font-size: 16px;
	cursor: pointer;
}

.btn:hover {
	background-color: #4c4c4c;
	color: white;
}

.circle1-limegreen {
	color: limegreen;
	font-size: 16px !important; /* Set a font size */
}

.circle2-olivegreen {
	color: olive !important;
	font-size: 16px !important;
}

.circle4-orange {
	color: orange;
	font-size: 16px !important; /* Set a font size */
}

.circle5-crimsonRed {
	color: crimson;
	font-size: 16px !important; /* Set a font size */
}

.circle3-darksalmon {
	color: darksalmon;
	font-size: 16px !important; /* Set a font size */
}

.circle3-lightcoral {
	color: lightcoral;
	font-size: 16px !important; /* Set a font size */
}

.circle2-lightcoral {
	color: lightcoral;
	font-size: 16px !important; /* Set a font size */
}

.circle2-darkseagreen {
	color: darkseagreen;
	color: #58D68D;
	font-size: 16px !important; /* Set a font size */
}

.circle-default {
	color: grey;
	font-size: 16px !important; /* Set a font size */
}

.myMap {
	height: 480px !important;
	width: 100% !important;
}

@media (max-width: 500px) {
	.myMap {
		height: 400px !important; 
	}

	/*body {
		font-size: 16px;
	}*/

	.table td, .table th {
	    padding: 8px;
	    vertical-align: center;
	    border-top: 1px solid #dee2e6;
	    white-space: nowrap;
	}
}

.searchResult{
	list-style: none;
	padding: 10px;
	width: 200px;
	position: absolute;
	margin: 10;
}

.searchResult li{
	background: #CACFD2;
	padding: 4px;
	margin-bottom: 0px;
}

.searchResult li:nth-child(even){
	background: #5D6D7E;
	color: #fff;
}

.searchResult li:hover{
	cursor: pointer;
}

/*#wrapper { position: relative; margin-top: 50px;}
#over_map { position: absolute; top: 10px; left: 10px; z-index: 99; color: red}

.labels {
	margin-top:-3px;
	padding: 5px;
	position: absolute;
	visibility: visible;
	z-index: 1030;
	background: cyan;
}*/

.navbar {
	background-color: #2874A6;
}

body {
	background-image: url('src/photo_bus1.jpg');
}

.table {
	background-color: #FFF;
	color: black;
	opacity: 0.9;
}

select {
	background-color: #f0f0f000; 
	color: #0f0f0f ;
	padding: 3px;
	font-weight: 600;
	border: 0;
	width: auto;
}

tbody>tr>th {
	background-color: #79C8FD !important;
	/*color: #000;*/
/*	font-weight: 600;*/
}

.selectedImei {
	background-color: peachpuff !important;
	color: black;
}

.divColor {
	background-color: #F0F0F0c0;
	/*opacity: 0.4;*/
}

td a:focus {
	color: red;
	font-weight: 600;
}

.gradient {
	/*background: linear-gradient(to right, #0099ff 0%, #66ff99 100%);*/
	background: linear-gradient(to right, #0099ff 0%, #f7f7f7 100%);
}

.back2top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    opacity: 0.8;
}