/*
 * Default Theme Stylesheet
 */
/*load the dosis.ttf font */
@font-face {
	font-family: "Dosis";
	src: url("../fonts/Dosis-Light.ttf") format("truetype");
}
@font-face {
	font-family: "FontAwesome";
	src: url("../fonts/fontawesome-webfont.woff2") format("woff2");
}

@media (max-width: 1023px) {
	.container {
		width: 95%;
		min-width: 320px;
	}
	.user-info {
		padding-left: 20px;
		padding-right: 10px;
	}
	.logo-center {
		max-width: 250px;
		/*scale background to fit */
		background-size: contain;
	}
	.logo-header {
		min-width: 300px;
		max-width: 300px;
	}
	.header-logo {
		margin-top: -90px;
	}
	.header-logo .dropdown {
		margin-top: -5px;
	}
}
@media (min-width: 1024px) {
	.container {
		width: 950px;
	}
	.logo-header {
		min-width: 350px;
		max-width: 350px;
	}
	.header-logo {
		margin-top: -80px;
	}
	.header-logo .dropdown {
		margin-top: -5px;
	}
}
@media (max-width: 768px) {
	.logo-center {
		max-width: 200px;
		/*scale background to fit */
		background-size: contain;
	}
	.logo-header {
		min-width: 240px;
		max-width: 240px;
		height: 110px;
		margin-left: -40px;
	}
	.header-logo {
		margin-top: -80px;
	}
	#dropdown-menu {
		margin-right: -30px;
	}
}
@media (max-width: 478px) {
	.logo-center {
		max-width: 150px;
		/*scale background to fit */
		background-size: contain;
	}
	.logo-header {
		min-width: 185px;
		max-width: 185px;

		height: 90px;
		margin-left: -50px;
	}
	.header-logo {
		margin-top: -80px;
	}
	.hidden-480 {
		display: none;
	}
}

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px; /* footer height */
	font-family: "Dosis", sans-serif;
	background:
		  radial-gradient(50% 50% at 100% 0,#E4E4ED 0%  5% ,#68AEEC 6%  15%,#E4E4ED 16% 25%,#68AEEC 26% 35%,#E4E4ED 36% 45%,
		   #68AEEC 46% 55%,#E4E4ED 56% 65%,#68AEEC 66% 75%,#E4E4ED 76% 85%,#68AEEC 86% 95%,
		   #0000 96%),
		  radial-gradient(50% 50% at 0 100%,#E4E4ED 0%  5% ,#68AEEC 6%  15%,#E4E4ED 16% 25%,#68AEEC 26% 35%,#E4E4ED 36% 45%,
		   #68AEEC 46% 55%,#E4E4ED 56% 65%,#68AEEC 66% 75%,#E4E4ED 76% 85%,#68AEEC 86% 95%,
		   #0000 96%),
		  radial-gradient(50% 50%,#E4E4ED 0%  5% ,#68AEEC 6%  15%,#E4E4ED 16% 25%,#68AEEC 26% 35%,#E4E4ED 36% 45%,
		   #68AEEC 46% 55%,#E4E4ED 56% 65%,#68AEEC 66% 75%,#E4E4ED 76% 85%,#68AEEC 86% 95%,
		   #0000 96%),
		  radial-gradient(50% 50%,#E4E4ED 0%  5% ,#68AEEC 6%  15%,#E4E4ED 16% 25%,#68AEEC 26% 35%,#E4E4ED 36% 45%,
		   #68AEEC 46% 55%,#E4E4ED 56% 65%,#68AEEC 66% 75%,#E4E4ED 76% 85%,#68AEEC 86% 95%,
		   #0000 96%) 32px 32px;
	background-size: 64px 64px;
	background-color: #E4E4ED;
}

.solid-background {
	background-color: #ffffff;
	color: #00333d;
}

.rounded-corners {
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
}
.container {
	display: flex;
	flex-direction: column;
	padding: 20px;
	min-height: 90%;
	min-height: 650px;
}
.container footer {
	/* put footer at bottom of container */
	margin-top: auto;
	text-align: center;
}
.home-option {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 20px;
	background-color: #adc8d8;
	margin: 5px;
}
.user-logo {
	color: #0025D4;
}
.form-group {
	padding: 5px;
}
.padding-10 {
	padding: 10px;
}
.padding-20 {
	padding: 20px;
}

.bright-blue {
	color: #0025D4;
}

.logo-center {
	text-align: center;
	/* center in div */
	margin: 0 auto;
  height: 100%;
}

.logo-center img {
  max-width: 100%;
  height: 100%;
}

.padding-top-20 {
	padding-top: 20px;
}
.padding-top-10 {
	padding-top: 20px;
}
.padding-bottom-10 {
	padding-top: 20px;
}
.forgot-pass,
.login-submit {
	text-align: center;
}

.navbar {
	margin-bottom: 20px;
}
.btn-danger {
	color: #ffffff !important;
}
.btn-danger:hover {
	color: #ffffff !important;
}
.btn-danger:active {
	color: #ffffff !important;
}
.btn-danger:focus {
	color: #ffffff !important;
}
.btn-danger:active:focus {
	color: #ffffff !important;
}
.btn-primary {
	background-color: #00333d;
	border-color: #00333d;
	color: #ffffff !important;
}
.btn-primary:hover {
	background-color: #00333d;
	border-color: #00333d;
	color: #ffffff !important;
}
.btn-primary:active {
	background-color: #00333d;
	border-color: #00333d;
	color: #ffffff !important;
}
.btn-primary:focus {
	background-color: #00333d;
	border-color: #00333d;
	color: #ffffff !important;
}
.btn-primary:active:focus {
	background-color: #00333d;
	border-color: #00333d;
	color: #ffffff !important;
}
.btn-continue {
	min-width: 200px;
	margin: 0 auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight: bold;
	font-size: larger;
}
/* btn-continue disabled */
.btn-continue:disabled:hover {
	background-color: #668278;
	border-color: #668278;
	color: #ffffff;
}

.btn-lightgreen {
	background-color: #668278;
	border-color: #668278;
	color: #ffffff !important;
}

.btn-lightgreen:hover {
	color: #ffffff !important;
}
.btn-lightgreen:active {
	color: #ffffff !important;
}
.btn-lightgreen:focus {
	color: #ffffff !important;
}

.btn-lightblue {
	background-color: #9fbbcc;
	border-color: #9fbbcc;
	color: #ffffff !important;
}

.btn-lightblue:hover {
	color: #ffffff !important;
}
.btn-lightblue:active {
	color: #ffffff !important;
}
.btn-lightblue:focus {
	color: #ffffff !important;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	color: #ffffff;
	background-color: #618085;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
	background-color: #618085;
}

a {
	color: #0a474f !important;
}
a:hover {
	color: #618085 !important;
	text-decoration: none;
}
a:active {
	color: #618085 !important;
	text-decoration: none;
}
a:focus {
	color: #618085 !important;
	text-decoration: none;
}
.form-control:focus {
	border-color: #0025D4;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(0, 37, 212, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(0, 37, 212, 0.6);
}
.dropdown-menu > .dropdown-item {
	padding: 10px;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px; /* footer height */
	background-color: #f5f5f5;
	border-top: 1px solid #e7e7e7;
}
.container .text-muted {
	margin: 15px 0;
}

td.centered {
	text-align: center;
}

html {
	position: relative;
	min-height: 100%;
}

.center {
	text-align: center;
}

.left {
	text-align: center;
}
.error_phone,
.error_password {
	color: red;
	display: none;
}