html {
	height: 100%;
	font-family: Roboto !important;

}

body {
	height: 100%;   
    overflow: hidden;  
    margin: 0px;
	
}

.box {
	display: flex;
	flex-flow: column;
	height: 100%;
}

.box .row.header {
	flex: 0 1 auto;
}

.box .row.content {
	flex: 1 1 auto;
	overflow-y: auto;
	/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; */
}


#logo {
	max-height: 28px;
	max-width: 260px;
}

#header-bar {
	margin-top: 1px;
}

#content-frame {
	width: 100%;
	height: 100%;
	margin-bottom: -12px;
	border: none;
}

.page-content {
	padding: 2em;
}

.center-box {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.e-btn {
	font-family: Roboto !important;
	font-weight: 500 !important;
	text-transform: none;
	padding-top: 12px;
	padding-bottom: 8px;
	background-color: transparent !important;
	border-bottom: 4px solid transparent !important;
	box-shadow: none !important;
}

.e-btn.secondary {
	margin-top: 1px;
	font-size: 13px !important;
	font-weight: 300 !important;
}

.e-btn:hover {
	border-bottom: 4px solid #1372b8 !important;

}

.e-btn.e-active {
	border-bottom: 4px solid #1372b8 !important;
}

.e-btn-group {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.e-appbar {
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}

.e-appbar-separator {
	margin-left: 0.5em;
	margin-right: 0.5em;
	border-left: none !important;
}


/* @media screen and (max-width: 1024px) {
	.e-appbar {
		flex-flow: row wrap;
		height: auto;
	} */
/* } */