@import url(https://fonts.googleapis.com/earlyaccess/notonastaliqurdu.css);

*{
	padding: 0;
	margin: 0;
	font-family: arial, sans-serif;
}

/* Header Section .......................................*/
#header{
	color: #fff;
	min-height: 8vh;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 6px 0px 0px;
	background: #1a2500;
	background-image:  linear-gradient(#375820, #1a2500);
	border-bottom: 1px solid;
}
#header i{
	font-size: 28px;
	cursor: pointer;
	padding: 0 12px 0 0;
}
#header i:hover{
	color: #127b8e;
}
#header h2.company-name{
	padding-left: 16px;
	font-size: 26px;
}
#header .company-name b{
	font-weight: bold;
	color: lightgreen;
}

/* Content Section .......................................*/
#content{
	/*min-height: 84vh;*/
	display: flex;
	background: url("../img/footer.png");
	background-image:  linear-gradient(#eee, #127b8e);
	background-size: cover;
	background-position: center;
	background-color: #23242b;
	/*border: 1px solid;*/
}

/* Left Side Bar .......................................*/
#left-menu{
	float: left;
	width: 8vh;
	border: 1px solid;
	margin: 1px 0;
}

/* Right Side Bar .......................................*/
#right-menu{
	float: left;
	width: 8vh;
	border: 1px solid;
	margin: 1px 0;
}
#right-menu .right-side-bar{
	background: #375820;
	background-image:  linear-gradient(#375820, #1a2500);
	transition: 500ms width;
	overflow: hidden;
}

#right-menu .right-side-bar ul hr{
	margin:0 2px;
	border-color: gray;
	border-style: inset;
}
#right-menu .right-side-bar ul li{
	margin: 2px 2px 2px 2px;
	transition: 500ms background;
	text-align: center;
}
#right-menu .right-side-bar ul li:hover{
	background: #127b8e;
}
#right-menu .right-side-bar ul li .active{	
	background: #127b8e;
	text-shadow: 2px 2px blue;
	border-radius: 4px;
}
#right-menu .right-side-bar ul li a{
	text-decoration: none;
	color: #eee;
	cursor: pointer;
	letter-spacing: 1px;
	padding: 12px 0px 10px 0px;
	display: inherit;
}
#right-menu .right-side-bar ul li a i{
	font-size: 22px;
}

/* Container Section .......................................*/
#container{
	float: left;
	width: 100%;
	min-height: 82vh;
	border: 6px solid #1a2500;
	margin: 1px 2px;
}
#container iFrame{
	min-height: 100%;
	min-width: -webkit-fill-available;
	border: none;
}
/* Footer Section .......................................*/

#footer{
	color: #fff;
	min-height: 6vh;
	background: #1a2500;
	background-image:  linear-gradient(#375820, #1a2500);
	border-top: 1px solid;
}