/* 
We created a this custom.css file so you can add customize styles without modifying the bootstrap stylesheet. However, you can use your own stylesheets if you prefer.  
*/
html {
  position: relative;
  min-height: 100%;
  overflow: auto;
}

body {
	margin-top: 50px;
	padding-bottom: 250px;
}

body.login {
	background: url(images/pmef_web.jpg) no-repeat center center fixed;
	-webkit-background-size: cover
	-moz-background-size: cover
	-o-background-size: cover
	background-size: cover
}

.container-bg {

	background: url(images/bckgrnd.jpg) no-repeat center center fixed;
	-webkit-background-size: cover
	-moz-background-size: cover
	-o-background-size: cover
	background-size: cover
	opacity: 0.2;
}

h1.login {
	color: Cornsilk;
	font-size: 50px;
	font-weight: 500;
}

h3.login {
	color: Cornsilk;
}

@media all and (max-width: 768px) {

h1.login {
	font-size: 200%;
}

h3.login {
	font-size: 80%;
}
}

.divider {
	border-top: 1px solid #f0f0f0;
}


.panel-login {
	opacity: 0.95;
	margin-top: 20px;
}

.navbar-fixed-bottom {
	background-color: rgba(241, 234, 232, 1);
	opacity: 0.9;
}

.banner {
	opacity: 0.9;
	margin: auto;
}


.nav-tabs > .active > a, .nav-tabs > .active > a:hover { 
outline: 0;


}

td {
	vertical-align: middle !important;
}

tfoot {
	font-weight: bold;
	font-size: 120%;
}

.map {
	height:100vh; 
	width: 100%;
}


.ol-popup {
	position: absolute;
	-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: 12px;
	left: -50px;
	min-width: 280px;
}
.ol-popup:after, .ol-popup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.ol-popup:after {
	border-top-color: white;
	border-width: 10px;
	left: 48px;
	margin-left: -10px;
}
.ol-popup:before {
	border-top-color: #cccccc;
	border-width: 11px;
	left: 48px;
	margin-left: -11px;
}
.ol-popup-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.ol-popup-closer {
	text-decoration: none;
	position: absolute;
	color: red;
	font-size: 14px;
}
.ol-popup-closer:hover{
	text-decoration: none;
}
.ol-popup-content {
	background-color: white;
	padding: 15px;
	border-radius: 0 0 10px 10px;

}

.vertical-align {
    display: flex;
    align-items: center;
}

.mr-1 {
	margin-right: 10px !important;	
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
	padding-bottom: 20px;
}