@charset "utf-8";
/* CSS Document */
body {
	padding:0;
	margin:0
}
.header-right-top {
	padding:0px;
	margin:0px;
	height:68px;
	display:block
}
#side_logo {
	width:100%;
	height:40px;
	background-color:#750F11;
	padding-top:3px;
}
.nav li:hover ul.ul-hov {
	display:block;
	background-color:#2C3542
}
#side_logo span#side_logo2 {
	font-size:15px;
	font-weight:normal;
	color:#FFF;
	width:100%;
	line-height:30px;
	margin-left:13px;
}
.sidebar {
	background-color:#D96E70;
}
.sidebar ul.nav li a:hover {
	background-color:#EC7578
}
.sidebar ul.nav li a {
	color:#670D0F;
	border-bottom:1px solid #F4B2B3;
	outline:none
}
.sidebar ul.nav li a:visited {
	border-bottom:1px solid #F4B2B3;
}
.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
}
#home2,#paneTwo2 {
	background-color:#F5F5F5;
	border-radius:5px;
	padding:0px;
	margin-top:20px
}
.ul-hov {
	list-style:none;
	margin:0px;
	padding:0px;
}
.ul-hov li {
	width:100%;
	height:35px;
	background-color:#F19799;
}
.ul-hov li a {
	width:100%;
	display:block;
	height:35px;
	color:#750F11;
	border-bottom:1px solid #FFFFFF;
	padding:5px;
	padding-left:20px;
	text-decoration:none;
	outline:none;
}
.ul-hov li a:hover {
	background-color:#D96E70
}
.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:#750F11;
}
.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;
}
.list-point {
	border-top:13px solid transparent;
	border-bottom:13px solid transparent;
	border-right:10px solid #FFF;
	position:relative;
	width:10px;
	left:-30px;
	top:-13px;
	z-index:9999;
}
.graph-img {
	padding:20px;
	box-shadow:0px 0px 2px #B9B9B9;
	border-radius:5px;
	background-color:#FFFFFF;
	width:100%;
	height:400px;
}
.nav2:hover {
	background-color:#CB4A4D;
	text-decoration:none
}
.nav2 div:hover {
	background-color:#CB4A4D;
	text-decoration:none
}
.nav2 {
	color:#FFF;
	outline:none;
	text-decoration:none;
	background-color:#D96E70;
}
.nav2 div {
	color:#FFF;
	background-color:#D96E70;
}
.nav2:visited {
	background-color:#2C3542;
	border-bottom:1px solid #FFF;
}
#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%;
}
#nav-hov {
	color:#FFF;
}
#nav-hov:hover {
	background-color:transparent
}
#nav-hov:focus {
	background-color:transparent
}
#nav-hov:active {
	background-color:transparent
}

#sideMenu {
	height:100%;
	background-color:#D96E70;
	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;
	}
}
@media only screen and (max-width: 520px){
	#comp-name {
		position:absolute;
		left:-5px;
	}
	#top-container {
		height:auto;
	}
	#sideMenu {
		height:auto;
	}
}