.navbar-static-bottom {
    margin-bottom: 0px !important;
}
.navbar-default {
	background-color: #f05f40 !important;
}	
.navbar-brand {
	color: #ffffff !important;
}
@media (min-width: 768px) {
	.navbar-default {
		background-color: #f05f40 !important;
	}	
	.navbar-brand {
		color: #ffffff !important;
	}
}
body {
  padding: 0;
  margin: 0;
}
a {
    text-decoration: none;
}
.group {
  position: relative;
  margin-bottom: 0px;
  width: 275px;
}

.form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

input[type='password'],
input[type='text'],
input[type='email'] {
    /* width: 86%;
    border-radius:4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 2px 4px;
    margin: 6px; */

		font-size: 16px;
		padding: 10px;
		display: block;
		width: 250px;
		border: none;
		border-bottom: 1px solid #f05f40;
}
input:focus {
  outline: none;
}

label {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
}

/* active state */
input:focus ~ label,
input:valid ~ label {
  top: -10px;
  font-size: 14px;
  color: #f05f40;
}
ul {
  list-style-type: none;
}
/*url("/static/img/fin-bg.jpg") no-repeat center 80px */
.logged-in {
    background: gainsboro;
}
.logged-out {
    background: gainsboro;
    background-size: 90%;
}
.login_body {
    background: gainsboro;
    background-size: 100%;
    color: #4d4d4d;
    font-family: 'Arial',serif;
    font-size:  14px;
}
.auth-page {
    margin: 0px auto;
    text-align: center;
}

.facebook {
    background: url('/srvstatic/img/fb_200.png') no-repeat center top;    
    box-shadow: 2px 2px 8px rgba(0,0,0,.7);
    border-radius: 5px;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 198px;
    height: 37px;
    overflow: hidden;
}

.google {
    background: url('/srvstatic/img/goog.png') no-repeat center top;    
    box-shadow: 2px 2px 8px rgba(0,0,0,.7);
    border-radius: 5px;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 40px;
    overflow: hidden;
}

.inset {
    width: 300px;
    padding: 30px;
    background: rgba(255,255,255,.65);
    box-shadow: 2px 2px 8px rgba(0,0,0,.7);
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-align: center;
}
.inset .header {
    margin-bottom: 10px;
}
.remember-forgot-section {
    width: 94%;
    text-align: left;
    margin: 8px auto;
    font-size: 10px;
}
.forgot {
    float: right;
    margin-top: 2px;
}
.footnote {
    position: relative;
    top: 14px;
    margin-top: 6px;
    font-size: 10px;
}
.banner-img-logged-out,
.banner-img {
    display:block;
    margin-right:auto;
    margin-left:auto;
    margin-top:50px;
}
.pull-right {
    float:right;
}
.btn1 {
    color: #fff;
    font-size: 13px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: rgb(102, 140, 94);
    background-image: -moz-linear-gradient(top, rgb(158, 194, 142), rgb(104, 143, 96));
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#9ec28e),to(#688f60));
    background-image: -webkit-linear-gradient(top, #9ec28e, #688f60);
    background-image: -o-linear-gradient(top, #9ec28e, #688f60);
    background-image: linear-gradient(to bottom, #9ec28e, #688f60);
    background-repeat: repeat-x;
    border-color: #5f8657;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-width: 2px;
    border-radius: 5px;
    margin-top: 5px;
    padding: 3px 18px 5px 18px;
}

.btn:hover,
.btn.active {
    box-shadow: 1px 1px 9px rgba(0,0,0,.7);
}

ul.errorlist {
    margin: 0;
    padding: 0px 10px;
}
ul.errorlist li {
    display: inline;
    color: red;
    font-size: 12px;
}