body {
	background: #EFEBE9;
}

#header {
	display: block;
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
	width:100%;
	height:50px;
	position:fixed;
	background-color: #8D6E63;
	z-index:1001;
}

#header-nav {
	display: block;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	height:25px;
}

#content-container {
	margin:none;
	padding:20px 10px;
	margin-top:60px;
	height:600px;
}

#login-dialog {
	margin: auto;
	width:300px;
	padding:5px 20px 25px 20px;
}

#main-menu {
	left:0;
	position:fixed;
	min-width:250px;
	max-width:300px;
	margin-top: 50px;
	height:100%;
}

#right-menu {
	right:0;
	position:fixed;
	width:225px;
	margin-top: 50px;
	height:100%;
}

input[type="password"]{
  height: 36px;
  padding: 0 .4em;
}

input[type="number"]{
  height: 36px;
  padding: 0 .4em;
}

.menu {
	background: #ffffff;
	z-index: 1000;
}

.circle {
	border-radius: 25px;
	width:auto;
}

.error {
	color: #CD5C5C;
}

.xtra-padding {
	padding:10px;
}

.padding {
	padding:4px;
}

.ng-pageslide{
	box-shadow: 0px 3px 5px #656464;
}

.card {
	border-radius: 3px;
	/* box-shadow: 2px 2px 5px #656464; */
	padding:20px 30px 20px 20px;
	margin-right: 10px;
	margin-left: 10px;
	/* background-color:#4C688B;*/
}

.nav-anchor {
	margin: 1em;
}

a.nav-anchor li {
	text-decoration: none;
	list-style-type: none;
}

.light-shadow {
	box-shadow: 0 0 1em #DDE4E9;
	box-shadow: 0 0 1em #ACAEAF;
}

.light-shadow-right {
	box-shadow: 5px 0 5px -5px #DDE4E9;
}

.slide-anchor{
	display:block;
	height: 50px;
	text-decoration: none;
	color: black;
	border-bottom: 1px solid #f1f1f1;
}

.menu-span {
	width: 100%;
	display:block;
	text-align: center;
	height:100%;
}

.menu-span h5 {
	margin-top:0;
	padding-top:12px;
	padding-bottom:12px;
}

.menu-span i {
	padding:16px;
}

a.slide-anchor:hover {
	cursor: pointer;
}