/* Sticky footer styles

-------------------------------------------------- */

html {

  position: relative;

  min-height: 100%;

}

body {

  /* Margin bottom by footer height */

  margin-bottom: 60px;

  background-color: #f1f1f1;

  font-family: 'Raleway Sans', sans-serif;

}

.footer {

  position: absolute;

  bottom: 0;

  width: 100%;

  /* Set the fixed height of the footer here */

  height: 120px;

  background-color: green;

  color: #cccccc;

  text-align: center;
    padding-top: 1rem;

}

/*  nav  */
nav {
	
	div{
		
		border-bottom: 1px solid rgba(0,0,0,0.3);
	    overflow: hidden;
	    background-color: $primaryColor;
	    
	
		
		a{
			float:right;
			border-right: 1px solid rgba(0,0,0,0.3);
			display: block;
		    color: white;
		    text-align: center;
		    padding: 14px 16px;
		    text-decoration: none;
			font-size: 15px;
			font-weight: $boldWeight;

		}
		a:hover{
			background-color:$primaryColor;
			color: $secondaryColor;
		}
		a:last-child{
			border-right:none;
		}
	}
	.topnav a:not(.active) {
		display: none;
        color: white;
	}
	.topnav a.icon {
	    float: left;
	    display: block;
        color: white;
	}
  	.topnav.responsive {position: relative;}
  	.topnav.responsive .icon {
	    position: absolute;
	    left: 0;
	    top: 0;
 	}
    .topnav.responsive a {
	    float: none;
	    display: block;
	    text-align: right;
        color: white;
  }

}



.displayLarge {

	background-color: green;

	color: #00DA5A;

	border-radius: 0px;

}



.bgimage {

  width:100%;

  height:450px;

  background: url('bg2.jpg');

  background-repeat: no-repeat;

  background-position: center;

  background-size:cover;

  background-attachment: fixed;

}

.bgimage2 {

  width:100%;

  height:200px;

  background: url('bg.jpg');

  background-repeat: no-repeat;

  background-position: center;

  background-size:cover;

  background-attachment: fixed;

}

.bgimage h5 {

  color:white;

  text-shadow:2px 2px #333;

}

.bgimage2 h5 {

  color:white;

  text-shadow:2px 2px #333;

}

.login {
	color: white;
}

p.login1 {
	margin-top: 5px;
}

p.vert {
	color: white;
}



hr {

	background-color: #00DA5A;

	margin-top: 0px;

}



h1 {

	margin-top: 10px;

}



fieldset {

	border: 2px solid grey;

    border-radius: 5px;

    background-color: white;
    
    float: left;
    
    

}



legend {

	border: 1px solid black;

	border-radius: 5px;

	margin-left: 10px;

	background-color: #333333;

	color: white;
    
    padding-left: 20px;

}



label {

	margin-top: 10px;

}



a {

	color: black;

}



.group-area {

	border: 2px solid grey;

    border-radius: 5px;

    background-color: white;

    margin: 5px;

}



.filler-container {

	height: 150px;

}



.delete-container {

	background-color: white;

	padding-left: 10px;

	padding-top: 5px;

}



.btn {

	background-color: #181818;

	color: #00DA5A;

	border-radius: 5px;

	border-color: green;

	margin-right: 10px;

}



input.form-control {

	color: #00DA5A;

}



select.form-control {

	color: #00DA5A;

}