/* Background color */
body {
	background: #f3f4f5;
	font-size: 85%;
}

/* Hide sidebar avatar */
.app-sidebar header img {
	display: none; 
}
.app-sidebar header .logo img {
	display: block;
	max-height: 140px;
	max-width: 140px;
	padding: 45px 0 0 45px;
}
.app-sidebar header .logo {
	color: #ffffff;
	font-size: 13px;
	text-align: left;
}
.app-sidebar header .logotext {
	line-height: 20px;
	font-size: 13px;
	vertical-align: middle;
}
.app-sidebar header .logo .fa {
	font-size: 16px;
	vertical-align: middle;
	line-height: 20px;
}

/* Hide sidebar account info */
.app-sidebar header p {
	display: none;
}

/* Sidebar header background color */
.app-sidebar header,
.app-sidebar nav {
	background: #006666;
}
body>main header.app-header .app-sidebar-toggle {  
	background-color: #006666;
	color: #ffffff;
}

/* Sidebar footer color */
.app-sidebar .footer-container {
	background-color: #006666;
	border-top: none;
}

/* Blend top header - avoid border and different color */
body>main header.app-header {
	background: #f3f4f5;
	box-shadow: none;
}

/* Hide top-right menu */
body>main header.app-header .right-menu {
	display: none; 
}

/* Hide show on mobile items from top-right menu in sidebar menu */
.app-sidebar nav .show-on-mobile {
	display: none;
}

/* Rotate toggle arrows direction */
.app-sidebar nav ul li a.folder-toggle:after {
	transform: rotate(-90deg);
}

/* Hide Login - need custom class on login panel */
.synergiq-login-panel h2,
.synergiq-login-panel fieldset,
.synergiq-login-panel .form-row,
.synergiq-login-panel .hr-container,
.synergiq-login-panel .alert {
	display: none; 
}

/* Fix dashboard cards text sticking out */
.card>main p.large {
	font-size: 32px;
	margin-left: -6px;
}

/* Smaller headings for panels */
.sub-panel fieldset legend {
	font-size: 15px;
}

/* Fix mobile tables sticking out */
@media only screen and (max-width: 767px) {
	table {
		word-break: break-word;
	}
	table thead tr th.action {
		white-space: normal;
	}
}