/* Styles go here */


/*@import url(//https://use.fontawesome.com/releases/v5.1.0/css/all.css);*/


html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

.navbar {
  z-index: 9999;
}

#map {
	position: absolute;
	top: 40px;
	left: 0;
  bottom:3em;
	z-index: 200;
	width: 100%;
	background: #e4c32d;
}

#statusbar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:3em;
	border-top: 2px solid #444;
	background-color: #d8d8d8;
}

.collapse.width {
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -o-transition: width 0.25s ease;
    transition: width 0.25s ease;
}

.btn-group-vertical > .btn {
  text-align:left;
}

.mh1 {
  padding:.5rem .25rem;
  text-align: left;
}

.mg1 {
  padding:0;
}

.mg1 > button {
  padding: .25rem .5rem;
  font-size: .8rem;
}

	.modal.left .modal-dialog {
		position: absolute;
		top: 40px;
		bottom: 3em;
		margin: 0;
		width: 200px;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content {
		height: 100%;
		overflow-y: scroll;
	}
	
	.modal.left .modal-body {
		padding: 0px;
	}

	.modal.left.fade .modal-dialog{
		left: -200px;
		-webkit-transition: opacity 0.2s linear, left 200ms ease-out;
		   -moz-transition: opacity 0.2s linear, left 200ms ease-out;
		     -o-transition: opacity 0.2s linear, left 200ms ease-out;
		        transition: opacity 0.2s linear, left 200ms ease-out;
	}
	
	.modal.left.fade.show .modal-dialog{
		left: 0;
	}
   .menu_links{
	color: white;
	text-decoration: none;
	a{color:white;}
	}     
/* ----- MODAL STYLE ----- */
/*
	.modal-content {
		border-radius: 0;
		border: none;
	}

	.modal-header {
		border-bottom-color: #EEEEEE;
		background-color: #FAFAFA;
	}
*/
@media  (min-width : 350px){
.footer_social{
	margin-left: 20%;
}
.imgfooter1{
	height: 20px;
	}
.imgfooter{
	height: 20px;
	}	
}
@media  (min-width : 480px){
.footer_social{
	margin-left: 30%;
}
.imgfooter1{
	height: 20px;
	}
.imgfooter{
	height: 20px;
	}	
}
@media (min-width:600px)  {
	.footer_social{
	margin-left: 20%;
}
	.imgfooter1{
	height: 20px;
	}
.imgfooter{
	height: 20px;
	}
}
@media  (min-width : 801px){
.footer_social{
	margin-left: 35%;
}
.imgfooter1{
	height: 30px;
	}	
.imgfooter{
	height: 30px;
	}
}