@import url('https://fonts.googleapis.com/css?family=Libre+Franklin');
html, body {
    height: 100%;
    margin: 0;
    font-family: 'Libre Franklin', sans-serif;
}
h1 {
	font-family: 'Libre Franklin', sans-serif;
}
.login-container {
	min-height: 100%;
	height: 100%;
	width: 100%;
	display: table;

}
.logo-container {
    width: 50%;
    height: 100%;
    background-color: white;
    display: table-cell;
}
.grad {
 	background: linear-gradient(#f6557e, #f6b068);
}
.login_wrapper {
	width: 50%;
	height: 100%;
	background-color: #2A6B7A;
	display: table-cell;
}
.left-content {
	margin-left: 15px;
	position: fixed; /* or absolute */
  	top: 25%;
  	left: 10%;
}
.right-content {
	margin-left: 15px;
	position: fixed; /* or absolute */
  	top: 25%;
  	left: 60%;
}
.width150 {
	width: 150px;
}
.header-label {
	font-size: 34px;
}
.text-header {
	color:white;
}

.btn-primary {
  background: #2a6b7a !important;
  color: #fff !important;
}

.btn-success {
  background: #2a6b7a !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  background: #2a6b7a !important;
}

.center-align-container {
	margin: auto;
    width: 50%;
    padding: 10px;
    height: 100%;
    display: flex;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */

}

.center-align-content {
}

.login-form-container {
	width: 80%;

}

.mobile_login_wrapper .login_form .form-control, .login_wrapper .login_form .form-control {
	display: initial;
	background: #FFF;
	font-size: 16px;
	color: #555;
	border-radius: 3px;
	width: 75%;
	max-width: 275px;
	min-width: 75px;
	padding: 5px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	display: initial;
	background: #FFF;
	font-size: 16px;
	color: #555;
	border-radius: 3px;
	width: 75%;
	max-width: 275px;
	min-width: 75px;
	padding: 5px;
}

input::PLACEHOLDER {
    color: #9c9c9c;
}


.mobile_login_wrapper {
	display: none;
}

.login_content button {
    background-color: #FFF;
}

.btn-success, .btn-success:HOVER {
    color: #2a6b7a !important;
    background: #FFF !important;
}

a {
	text-decoration: underline;
	text-underline-position: under;
}

@media (max-width: 480px) {

	.login_wrapper .login_form {
		text-align: center;
	}

	.logo-container {
		display: none;
	}

	.login_wrapper {
		width: 100%;
	}

	.mobile_login_wrapper {
		display: initial;
		color: #2A6B7A;
	}

	.text-header {
		color: #2A6B7A;
	}
	
	.login_wrapper {
	    background-color: #FFF;
	}

	.mobile_login_wrapper a, .login_wrapper a {
		color: #2A6B7A !important;
	}

	.btn-success, .btn-success:HOVER {
        background: #2a6b7a !important;
        color: #FFF !important;
    }

    .login_wrapper .login_form .form-control {
        border: 1px solid #555;
    }

    input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
        border: 1px solid #555;
    }
}