.page-width {
    width: 100%;
    max-width: 1400px;
    padding: 0 20px;
    margin: 0 auto;}
.login.page-width {
	text-align: center;
}
.is-invalid~.invalid-feedback {
    display: block;
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}
section.nospacing {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 20px;
    width: 100%;    
	@media screen and (min-width: 768px) {
		padding: 0 60px;
	}

}    
@media screen and (min-width: 1281px){
	.page-width {
	    padding: 0 60px;
	}	
}

@media screen and (min-width: 768px) {
	.page-width {
	    padding: 0 40px;
	}	
}
.form__row {
	margin-bottom:1.5rem;
}
.login__title {
     text-align: center;
     margin-bottom: 20px;
}
/* h1, .h1 {
     display: none;
}*/
.login__container {
     width: 100%;
     display: inline-block;
     vertical-align: top;
     padding: 0;
     margin-top: 40px;
}
@media screen and (min-width: 1281px) {
     .login__container {
         padding: 0 20px;
         width: 49%;
         margin-top: 60px;
    }
}
.login__container.login__container--reset {
     display: none;
}
.login__container.login__container--login {
     border-bottom: 1px solid;
     text-align: left;
     padding-bottom: 40px;
}
@media screen and (min-width: 1281px) {
  .login__container.login__container--login {
     border-bottom: none;
     border-right: 1px solid;
     padding-bottom: 0;
  }
}
.login__container .login__description {
  text-align: center;
  margin: 0 auto 40px auto;
}
@media screen and (min-width: 768px) {
  .login__container .login__description {
    max-width: 460px;
  }
}
@media screen and (min-width: 768px) {
    .login__container .login__form {
        max-width: 460px;
        margin: 20px auto 40px auto;
    }
}
.login__container .login__form label {
}
@media screen and (min-width: 1281px) {
    .login__container .login__form label {
    }
}
.login__container .login__form input[type=text], 
.login__container .login__form input[type=password], 
.login__container .login__form input[type=email], 
.login__container .login__form input[type=date], 
.login__container .login__form textarea, 
.login__container .login__form select {
     border: 1px solid #111111;
     background-color: white;
     display: block;
     width: 100%;
     margin: 0.5rem 0 0 0;
     border-radius: 0;
     outline: none;
     -webkit-appearance: none;
     -moz-appearance: none;
}
.login__container .login__form input[type=text]:focus, 
.login__container .login__form input[type=password]:focus,
.login__container .login__form input[type=email]:focus,
.login__container .login__form input[type=date]:focus {
     background-color: white;
}
.login__container .login__form #password input[type=password] {
     width: 100%;
}
.login__container .login__form #forgot_password {
     text-align: right;
     margin: 0 0 30px 0;
     text-transform: uppercase;
}
.login__container .login__form #forgot_password a {
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease;
     color: #111111;
     text-decoration: underline;
}
.login__container .login__form #forgot_password a:hover {
     color: #999999;
}
.login__container .login__form input[type=submit] {
     text-transform: uppercase;
     background: #111111;
     color: white;
}
.login__container .login__form input[type=submit]:hover {
     opacity: 0.9;
}
.login__container .login__form .form__info {
     text-align: center;
}
.login__container .login__form .form__info .text-link {
}
.login__container .login__form .form__info .text-link:hover, 
.login__container .login__form .form__info .text-link:focus {
     background: transparent;
     color: #777777;
}
.login__container .login__form .form__info .text-link.form__info--show-reset {
     margin-bottom: 20px;
}
.login__container .login__form .form__info .text-link.form__info--show-login {
     margin-top: 20px;
}