body {
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0;
}

.left-aside {
	background-image: url("../../Images/client_background.png");
	background-repeat: no-repeat;
	max-width: 213px;
}

.header-profile {
	display: inline-block;
	text-align: right;
	font-family: medium-font;
	font-size: 14.53pt;
	color: #fff;
}

.main-content {
	background-color: #fff;
}

.header-title {
	display: inline-block;
	text-align: center;
	font-family: bold-font;
	font-size: 18.16pt;
	color: #fff;
}

.dashboard-body {
	background-color: #fff;
	margin-left: 213px;
	min-height: 783px;
}

.content-body span {
	text-align: center;
	display: block;
}

	.content-body span:first-child {
		margin-top: 19px;
	}

.dashboard-panel {
	padding: 1px;
	margin-top: 13px;
	margin-bottom: 20px;
	margin-left: 13px;
	background-color: #eceff1;
	width: 154px;
	height: 174px;
	border-radius: 5px;
	display: inline-block;
}

	.dashboard-panel img {
		border-radius: 50%;
	}

	.dashboard-panel header {
		text-align: center;
		margin-top: 23px;
		margin-right: 38px;
		margin-left: 36px;
	}

.dashboard-title {
	background-color: #eceff1;
	height: 65px;
	margin: 0;
}

.main-menu {
	background-image: url("../../Images/client_background.png" );
	background-repeat: no-repeat;
	width: 224px;
	max-width: 224px;
	background-position-y: center;
	min-height: 848px;
	float: left;
	cursor: pointer;
	display: block;
}

	.main-menu img {
		margin-right: 20px;
	}

	.main-menu a {
		color: #fff;
		list-style: none;
		display: block;
		margin-left: 8px;
		margin-bottom: 27.7px;
		cursor: pointer;
	}

		.main-menu a:first-child {
			margin-top: 35px;
		}

.hide {
	display: none;
}

.sub-menu {
	list-style: none;
	/*background-color: #2966e3;*/
}

	.sub-menu a {
		margin-bottom: 0;
		margin-top: 10px;
	}

		.sub-menu a:first-child {
			margin-top: 10px;
		}

.header-user-info, .header-info {
	display: inline-grid;
	width: 33%;
	cursor: pointer;
}

.header-height {
	height: 50px;
	max-height: 50px;
}

@media screen and (max-width: 767px) {
	.login-container {
		margin: 0;
		width: 100%;
		height: 615px;
	}

	.login-nav {
		text-align: center;
	}

	.login-header img {
		padding-bottom: 15px;
	}

	.media-link {
		display: none;
	}

	.header-navbar {
		padding-right: 0;
		padding-left: 0;
	}

	.l1-desc {
		font-size: 25pt;
	}

	.app-link:first-child {
		margin-left: 44px;
	}

	.app-link img {
		width: 35%
	}

	.login-form {
		width: 100%;
		padding: 0;
	}

	.margin-l-r-10 {
		margin: 0 5%;
	}

	footer .footer-content {
		width: 49%;
	}

	.padding-1em {
		padding: 0;
		padding-top: 2em;
		padding-bottom: 3em;
	}

	.footer-content > span a {
		margin-right: 0.5em;
	}

	.title-header-label {
		display: none;
	}

	.header-user-info {
		width: 27%;
	}

	.header-height {
		height: 50px;
		max-height: 50px;
	}

	.main-menu {
		display: none !important;
	}

	.main-menu-off {
		display: block !important;
	}

	.dashboard-body, .dashboard-body-off {
		margin-left: 13px !important;
	}

	.dashboard-header-title-off {
		padding-left: 13px !important;
	}
}

@font-face {
	font-family: medium-font;
	src: url(../../fonts/DIN-NEXT-LT-W23-MEDIUM.otf);
}

@font-face {
	font-family: light-font;
	src: url(../../fonts/DINNEXTLTARABIC-LIGHT.ttf);
}

@font-face {
	font-family: bold-font;
	src: url(../../fonts/DIN_NextLT_Arabic_Bold.ttf);
}