@charset "utf-8";

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}
.nav-logo {max-height: 75px;}
nav a {color: #003366;}
nav .active {background-color: #669933 !important;}
.bg-sch-green {background-color: #669933;color: white;}
.bg-sch-blue {background-color: #003366;color: white;}
.bg-sch-grey {background-color: #888888;color: black;}
.btn-sch-green {background-color: #669933;color: white;}
.btn-sch-blue {background-color: #003366;color: white;}
.btn-sch-grey {background-color: #888888;color: black;}
.text-sch-green {color: #669933;}
.text-sch-blue {color: #003366;}
.text-sch-grey {color: #888888;}

.bc-icons-2 .breadcrumb {
	background-color: white !important;
}
.bc-icons-2 .breadcrumb-item + .breadcrumb-item::before {
	content: none;
}
.bc-icons-2 .breadcrumb-item.active {
	color: #455a64;
}
.navbar {
    background: white !important;
}
.breadcrumb {
	background-color: transparent;
}
nav .activebc {
	background-color: transparent;
	color: blue;
}
input.browser-default, select.browser-default, textarea.browser-default {
border: 1px solid #dddddd;
border-radius: 4px;
padding: 4px;
margin-top: .5rem !important;
margin-bottom: 1rem !important;
}
input::placeholder {
	font-size: italic;
	color: blue;
}
.md-form label {
    color: #757575;
}

#map {
	width: 320px;
	height: 180px;
}
.font-smaller {
	font-size: .8rem;
}
.font-xs {
	font-size: .75rem;
}
.nav-justified .nav-item {
    flex-basis: 100%;
	text-align: left;
   
}
@media (max-width: 991px) {
  .navbar:not(.top-nav-collapse) {
    background: white !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#map {
		width: 380px;
		height: 180px;
	}

}
@media only screen and (min-device-width: 1025px){

main{
	margin-top: 1rem;
	min-height: 100vh;
}
#map {
	width: 100%;
	height: 100%;
}
.nav-justified .nav-item {
    flex-basis: 0;
	text-align: center;
   
}
}