/* setup special containers */

#header, #content, #footer	{margin:1.5em 0;}

#login, #menu {margin: 2em auto; width: 90%; }
	#header #logo {float:left;}

/*THIS IS FOR LABELS ON MAP*/
/* Allow div of pushpin to display overflowing content */
.labelPin{
overflow:visible !important;
}

/* Hide the default pushpin, Alternatively point the icon property of the pushpin to a transparent image */
.labelPin img{
display:none;            
}

/*Use this to style the text*/
.labelPin div{
white-space:nowrap;
color:black !important;
}   

.customCompStyle div
{
	color: black !important;
}

/*===== From Bootstrap 4 =====*/
.row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}