@charset "utf-8";
/* CSS Document */
a {
	text-decoration:none
}
body {
	padding:0;
	margin:0;
}
#main_body{
	overflow: hidden;
}
.header-right-top {
	padding:0px;
	margin:0px;
	box-shadow:1px 1px 2px #8A8A8A;
	height:68px;
	display:block
}
#side_logo {
	width:100%;
	height:40px;
	background-color:#36C6D3;
	padding-top:5px;
}
#side_logo span#side_logo2 {
	font-size:15px;
	font-weight:normal;
	color:#FFF;
	width:100%;
	line-height:30px;
	margin-left:13px;
}
#sideMenu{
	overflow-y: scroll;
	overflow-x: hidden;
}
.sidebar {
	display: block;
	background-color:#364150;
	height: 140%;
}

.nav2 {
	color:#9BA4B4;
	outline:none;
	text-decoration:none;
	background-color:#364150;
	display: block;
}
.nav2:hover {
	background-color:#364150;
	text-decoration:none;
	color:#9BA4B4;
}
.nav2:focus {
	background-color:#364150;
	text-decoration:none;
	color:#ffffff;
	outline: none;
}
.nav2::before{
	content: '';
	background-color:#364150;
	display: block;
	width: 30px;
	height: 30px;
	transform: rotate(45deg);
	position: absolute;
	margin-top: 13px;
	margin-left: 170px;
	z-index: 999;
}

.side-panel {
	margin:0;
	margin-top:8px;
	padding-top:10px;
	padding-left:10px;
	padding-right:15px;
	text-align:right;
	display:block;
	height:120px;
	background-color:#F56954;
	color:#FFFFFF;
	border-radius:4px;
}
.side-panel:hover {
	background-color:#F4543C;
}
.side-panel2 {
	margin:0;
	margin-top:8px;
	padding-top:10px;
	padding-left:10px;
	display:block;
	padding-right:15px;
	text-align:right;
	height:120px;
	background-color:#00A65A;
	color:#FFFFFF;
	border-radius:4px;
}
.side-panel2:hover {
	background-color:#008D4C;
}
.side-panel3 {
	margin:0;
	margin-top:8px;
	padding-top:10px;
	padding-left:10px;
	padding-right:15px;
	text-align:right;
	display:block;
	height:120px;
	background-color:#00C0EF;
	color:#FFFFFF;
	border-radius:4px;
}
.side-panel3:hover {
	background-color:#00ACD6;
}
.side-panel4 {
	margin:0;
	margin-top:8px;
	padding-top:10px;
	padding-left:10px;
	display:block;
	height:120px;
	padding-right:15px;
	text-align:right;
	background-color:#0173B7;
	color:#FFFFFF;
	border-radius:4px;
}
.side-panel4:hover {
	background-color:#00639E;
}
.side-panel-chat {
	margin:0;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:right;
	display:block;
	height:270px;
	background-color:#FFFFFF;
	color:#000000;
	border-radius:4px;
	box-shadow:0px 0px 2px #B9B9B9;
}
.side-panel-chat:hover {
	background-color:#FFFFFF;
}
.side-panel-chat2 {
	margin:0;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	text-align:right;
	display:block;
	height:auto;
	background-color:#FFFFFF;
	color:#000000;
	border-radius:4px;
	box-shadow:0px 0px 2px #B9B9B9;
}
.side-panel-chat2:hover {
	background-color:#FFFFFF;
}
.side-panel-chat3 {
	margin:0;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:right;
	display:block;
	height:550px;
	background-color:#FFFFFF;
	color:#000000;
	border-radius:4px;
	box-shadow:0px 0px 2px #B9B9B9;
}
.side-panel-chat3:hover {
	background-color:#FFFFFF;
}
.ifroom {
	width:100%;
	height:100%;
}
#home1,#paneTwo1 {
	background-color:#FFFFFF;
	border-radius:5px;
	padding:15px;
	margin-top:20px;
	margin-bottom: 200px;
	height: auto;
}
#home2,#paneTwo2 {
	background-color:#F5F5F5;
	border-radius:5px;
	padding:0px;
	margin-top:20px;
	margin-bottom: 200px;
}
.ul-hov {
	list-style:none;
	margin:0px;
	padding:0px;
}
.ul-hov li {
	width:100%;
	height:35px;
	background-color:#1A2129;
}
.ul-hov li a {
	width:100%;
	display:block;
	height:35px;
	color:#9BA4B4;
	border-bottom:1px solid #3E4B5C;
	padding:5px;
	padding-left:40px;
	text-decoration:none;
	outline:none;
}
.ul-hov li a:hover {
	background-color:#2C3542;
}
.wrapper {
	width:26%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	margin-right: -50%;
	transform:translate(-50%, -50%);
	text-align:center;
}
#log-row {
	padding-bottom:20px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	box-shadow:0px 0px 2px #929292;
	border-radius:5px;
	background-color:rgba(189,205,212,0.35);
}
.wrapper-lock {
	width:35%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	margin-right: -50%;
	transform:translate(-50%, -50%);
	text-align:left;
}
#lck-row {
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:50px;
	box-shadow:0px 0px 2px #929292;
	border-radius:5px;
	background-color:rgba(189,205,212,0.35);
}
#lck {
	padding:0;
	padding-right:10px;
}
.title {
	color:#FFF;
	font-size:24px;
	font-weight:bold;
}
.graph-img {
	padding:20px;
	box-shadow:0px 0px 2px #B9B9B9;
	border-radius:5px;
	background-color:#FFFFFF;
	width:100%;
	height:400px;
}
#file {
	visibility:hidden
}
.emp-img {
	border-radius:5px;
	box-shadow:0px 0px 3px #B4B4B4;
	cursor:pointer;
}
.img-preview {
	border-radius:100%;
	border:0px 0px 2px #FFFFFF;
	margin:3px;
}
.datepicker,.table-condensed {
	width:100%;
}
#sideMenu {
	height:100%;
	background-color:#364150;
	padding:0px;
}

@media only screen and (max-width: 920px){
	.wrapper {
		width:50%;
	}
	.wrapper-lock {
		width:50%;
		padding-right:10px
	}
	#lck-row {
		padding-right:10px
	}
	.graph-img {
		width:100%;
	}
	.side-panel-chat {
		margin-top:10px;
	}
	#lck {
		padding:0
	}
	#comp-name {
		position:absolute;
		left:200px;
	}
	#top-container {
		height:auto;
	}
	#sideMenu {
		height:auto;
	}
	#main_body{
		overflow: scroll;
	}
}
@media only screen and (max-width: 520px){
	#comp-name {
		position:absolute;
		left:-5px;
	}
	#top-container {
		height:auto;
	}
	#sideMenu {
		height:auto;
	}
	#main_body{
		overflow: scroll;
	}
}

@media print {
	#btnExcept {
		display:none
	}
}