body {
	/*min-height: 75rem;*/
	margin: 0;
	padding: 0;
	padding-top: 4.5rem;
	background: #738591;
	padding-top: 4.5rem;
}

iframe {
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;
}

.trace {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.shadow {
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0
		rgba(0, 0, 0, 0.19);
}

.welcome {
	height: 50%;
	vertical-align: middle;
	padding: auto;
	margin: auto;
}

.login-container {
	margin: 5%;
}

/*#738591 #EEE*/
/*#284456 #0062cc*/

/*#738591 #284456 #020202 #FDFDFD #7580A4 1st*/
.toolbar-app {
	
}

.login-form-1 {
	padding: 5%;
	background: #738591;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0
		rgba(0, 0, 0, 0.19);
}

.login-form-1 h3 {
	text-align: center;
	color: #FDFDFD;
	font-size: 1.5em;
}

.login-form-2 {
	padding: 5%;
	padding-top: 0;
	background: #284456;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0
		rgba(0, 0, 0, 0.19);
}

.login-form-2 h3 {
	text-align: center;
	color: #FDFDFD;
	font-size: 1.5em;
}

.login-logo {
	margin: auto;
	margin-top: 40px;
}

.login-container form {
	padding: 10%;
}

.btnSubmit {
	width: 50%;
	border-radius: 1rem;
	padding: 1.5%;
	border: none;
	cursor: pointer;
}

.login-form-1 .btnSubmit {
	font-weight: 600;
	color: #FDFDFD;
	background-color: #284456;
	margin-left: auto;
	margin-right: auto;
}

.login-form-2 .btnSubmit {
	font-weight: 600;
	color: #020202;
	background-color: #FDFDFD;
}

.login-form-2 .ForgetPwd {
	color: #FDFDFD;
	font-weight: 600;
	text-decoration: none;
}

.login-form-2 .radioLabel {
	color: #FDFDFD;
	font-weight: 600;
	text-decoration: none;
}

.login-form-1 .ForgetPwd {
	color: #284456;
	font-weight: 600;
	text-decoration: none;
}

.or_div {
	position: relative;
	top: -1.0em;
	text-align: center;
	padding-bottom: 2em;
}

.or_span {
	font-size: 1.5em;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	/*color: #738591;*/
	color: #FDFDFD;
	padding: 1em;
	background: #284456;
}
/*

 * Typography
 */
h1 {
	margin-bottom: 20px;
	padding-bottom: 9px;
	border-bottom: 1px solid #eee;
}

/*
 * Sidebar
 */
.sidebar {
	position: fixed;
	top: 51px;
	bottom: 0;
	left: 0;
	z-index: 1000;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: auto;
	/* Scrollable contents if viewport is shorter than content. */
	border-right: 1px solid #eee;
}

/* Sidebar navigation */
.sidebar {
	padding-left: 0;
	padding-right: 0;
}

.sidebar .nav {
	margin-bottom: 20px;
}

.sidebar .nav-item {
	width: 100%;
}

.sidebar .nav-item+.nav-item {
	margin-left: 0;
}

.sidebar .nav-link {
	border-radius: 0;
}

/*
 * Dashboard
 */

/* Placeholders */
.placeholders {
	padding-bottom: 3rem;
}

.placeholder img {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

/* FOUC (must be last) */
html {
	visibility: visible;
	opacity: 1;
}