@charset "utf-8";
/* CSS Document */
#main_body{
	margin: 0;
	display: table;
	height: 100%;
	width:100%;
	font: small Tahoma, Geneva, sans-serif;
}
#main_body .row, .row-full{
	display:table-row;
	width:100%;
}
#main_body .row-full{
	height:100%;
}
#main_body .col-full, .col-fix{
	display: table-cell;
	position: relative;
	vertical-align: baseline;
}
.footer .col-full{
	vertical-align: middle !important;
}
#main_body .col-full{
	width:100%;
}
.col-fix{
	white-space:nowrap;
}
body #row-content{
	height:100%;
}
.notification{
	min-width: 30px;
	width: 30px;
	text-align: center;
	cursor:pointer;
}
.notification#col-language div{
	padding: 1px 3px;
	background: rgba(255, 255, 255, 0.5);
	color: rgba(0, 0, 0, 0.95);
	border-radius: 2px;
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, 0.42);
	font-size: 12px;
}
.container {
	padding: 8px 15px 8px 15px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	display: table;
}
.bottom .container {
	padding: 0;
}
/* control*/
#col-menu{
	max-width: 250px;
	min-width: 250px;
	background: #ECECEC;
	border-right: 1px solid #CCC;
	vertical-align: top;
}
#col-menu #cont-menu{
	/*height: calc(100% - 310px);*/
	height: calc(100% - 35px);
}
#col-menu .fa-angle-left{
	display: inline-block;
}
#col-menu .fa-angle-right{
	display:none;
}
#col-menu.minified {
	width: 55px;
	min-width: 55px;
	text-align: center;
}
#col-menu.minified txt {
	display: none;
}
#col-menu.minified .menu {
	padding: 10px 0 10px 0px !important;
}
#col-menu.minified #cont-menu, #cont-menu.full{
	height: calc(100% - 35px) !important;
}
.area_sub_menu{
	display:block;
}
#col-menu.minified .sub_menu{
	padding: 10px 10px !important;
}
#col-menu.minified .fa-angle-left{
	display:none;
}
#col-menu.minified .fa-angle-right{
	display: inline-block;
}
#col-menu.minified #thumbnail {
	display: none;
}
.crop {
	text-align: center;
	line-height: 30px;
	height: 45px;
	width: 45px;
	overflow: hidden;
	border-radius: 100%;
	vertical-align: middle;
	display: inline-block;
	box-shadow: 0 0 1px 0px #2A6496;
	background-color: #FFF;
	box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
}
.crop img {
      margin:0 -100%;
      vertical-align:middle;
}
#img_profile {
	height: 45px;
}
#ProfileDetail {
	white-space: nowrap;
	text-align: left;
	margin: 0 10px 0 9px;
	text-shadow: none;
	display: inline-block;
	vertical-align: middle;
}
#ProfileDetail #id_profile{
	/*font-style: italic;*/
	font-weight: bold;
}
#studentProfile {
	font-size: 12px;
	display: inline-block;
	padding-right: 5px;
	width: 100%;
	padding-left: 10px;
	cursor:pointer;
}
#studentProfile:hover, .notification:hover{
	opacity: 0.8;
	/*color:#333333;*/
}
#col-footter  #disk_space {
	width: 240px;
	color: #666;
	font-size: 10px;
	display: table-cell;
	vertical-align: middle;
}
#col-footter #progress-bar {
	width: 220px;
	height: 6px;
	background-color: #EBEBEB;
	margin-left: 10px;
	border: 1px solid #97BEF8;
	padding: 1px;
	border-radius: 3px;
}
/* Color */
.top-bar {
	background-color: #009993;
	/*background-color: attr(bg_color);*/
	padding: 5px 0;
	color: #fff;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.footer {
	background-color: #ECF0F2;
	padding: 5px 0;
	color: #fff;
	height: 35px;
	font-size: 12px;
}
.footer #col-footter{
	border-top: 1px solid #CCC;
}
.footer #label-footer {
 	color: #555;
	text-align: right;
	padding-right: 1em;
	font-size: 12px;
}
#col-logo{
	font-weight:bold;
}
#col-logo #img-col-logo{
	display: inline-block;
	/*content:url('logo.png');
	width: 3.5em;*/
	height: 45px;
	vertical-align: middle;
}
#col-logo #label-col-logo{
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
	margin-left: 6px;
}
#col-logo #label-first{
	font-size:1em;
}
#col-logo #label-second{
	font-size:1em;
	font-weight:normal;
}
.menu{
	display: block;
	position: relative;
	padding: 10px 0 10px 12px;
	color: #555;
	background-color: #ECECEC;
	border-bottom: 1px solid #DDD;
	font-size:13px;
	cursor: pointer;
}
.menu > i.fa {
	width: 16px;
	text-align: center;
	margin-right: 4px;
}
.menu:hover{
	background-color: #F5F5F5;
}
.sub_menu{
	display: block;
	position: relative;
	padding: 10px 15px;
	color: #555;
	background-color: #FFF;
	border-top: 1px solid #DFDFDF;
	font-size: 13px;
	cursor: pointer;
}
.sub_menu:first-child{ border-top: none; }
.sub_menu:hover{
	background-color: #FFFCEF;
}
.sub_menu i{
	background: #F0F0F0;
	border-bottom: 1px solid #FF8C00!important;
	font-style: normal;
}
.menu-active{
	/*font-weight: 700;*/
	background-color: rgba(199, 199, 199, 0.48);
	color:#c50000;
}
.sub_menu-active {
    background: #FFFCEF !important;
    color: #580000 !important;
}
#col-menu>.menu:first-child{
	border-top: none;
}
#col-content{
	background: #D8DCE6 /*#FFF*/;
	/*padding: 5px;*/
	vertical-align: top !important;
}
/* badge1 */
.badge1 {
	position:relative;
}
.badge1[data-badge]:after {
	content: attr(data-badge);
	position: absolute;
	bottom: 70%;
	right: 0;
	margin-right: -4px;
	font-size: 11px;
	background: #ff1f00;
	color: #FFF;
	min-width: 10px;
	padding: 2px 2px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0 0.5px 1px 0px rgba(0, 0, 0, 0.5);
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
	font-weight: 500;
	font-family: "Roboto";
}

.sidebar-minified:before {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	content: "";
	height: 0;
	border-top: 1px solid #C4C4C4;
	position: absolute;
	left: 10px;
	right: 10px;
	top: 13px;
}
.sidebar-minified {
	text-align: center;
	position: relative;
	margin-bottom: 15px;
}
.sidebar-minified .fa {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	position: relative;
	border: 1px solid #A2A2A2;
	color: #A2A2A2;
	padding: 4px;
	background-color: #F1F1F1;
	cursor: pointer;
}

.jfk-scrollbar{
	overflow: auto;
}
.jfk-scrollbar::-webkit-scrollbar {
	 height: 16px;
	 overflow: visible;
	 width: 16px;
}
.jfk-scrollbar::-webkit-scrollbar-thumb {
	 background-color: rgba(0, 0, 0, .25);
	 background-clip: padding-box;
	 border: solid transparent;
	 /*border-width: 1px 1px 1px 6px;
	 border-radius: 15px;*/
	 min-height: 28px;
	 padding: 100px 0 0;
	 box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
}
.jfk-scrollbar::-webkit-scrollbar-button {
	 height: 0;
	 width: 0;
}
.jfk-scrollbar::-webkit-scrollbar-track {
	background-clip: padding-box;
	/* border: solid rgba(0, 0, 0, 0); */
	border-width: 0 0 0 4px;
	background-color: rgba(255, 255, 255, 0.09);
	box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
	cursor:pointer;
}
.jfk-scrollbar::-webkit-scrollbar-track:horizontal {
	 /*border-width:4px 0 0;*/
}
.jfk-scrollbar::-webkit-scrollbar-track:hover {
	/*
	 background-color:rgba(0, 0, 0, .05);
	 box-shadow:inset 1px 0 0 rgba(0, 0, 0, .1);
	*/
}

.dropdown-menu {
	position: absolute;
	z-index: 1000;
	float: left;
	min-width: 160px;
	padding: 5px 0 0 0;
	margin: 2px 0 0;
	font-size: 14px;
	list-style: none;
	background-color: #FFF;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	color: #555;
}

.top-bar .notifications .dropdown-menu {
	top: 67px;
	max-width: 350px;
	right: 3px;
	padding-top: 2px;
}
.top-bar .notifications .dropdown-menu #inbox-item{
	max-height: 450px;
	padding-top: 4px;
}
.container .open .circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	width: 5px;
	height: 5px;
	position: absolute;
	bottom: 0.7em;
	left: 13px;
	background-color: #FFF;
}
.notifications {
	display:none;
}
.notification-header {
	font-size: 0.85em;
	font-weight: 700;
	line-height: 2;
	padding: 5px 8px;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.2);
}
.inbox-item{
	padding: 5px 8px;
	border-top: 1px solid #F1F1F1;

	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
.inbox-item:first-child {
	border-top: none;
    padding-top: 3px;
}
#notifications-show .media{
	display:table;

}
#notifications-show .media > .pull-left {
	margin-right: 10px;
	display: table-cell;
}
.not-pointer .inbox-item {
	cursor: default;
}
.not-pointer .inbox-item .media-body {
	cursor: text;
}
.inbox-item img.media-object{
	vertical-align: middle;
	height:50px;
	/*
	max-width:35px;
	max-height:35px;
	*/
}
li.inbox-item.clearfix.unread {
	background: #FFF5E5;
}
#notifications-onblur{
	display: none;
	position: fixed;
	top: 66px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	/*background-color: rgba(255, 255, 255, 0.6);*/
	background-color: rgba(123, 123, 123, 0.27);
}
#notifications-show #notifications-btn_close{
	display: initial;
	font-size: 0.7em;
	color: #009DFF;
	font-weight: normal;
	font-style: italic;
	float: right;
	cursor: pointer;
	z-index:150;
}
.media > .media-body{
	display: table-cell;
	width: 270px;
	vertical-align: top;
}
.dropdown-menu .text {
	margin: 0.2em 0 0.5em 0;
	color: #555;
	font-weight: normal;
	word-break: break-word;
}
.dropdown-menu .timestamp {
	font-size: 0.8em;
	margin-bottom: 0;
	color: #a5a5a5;
}

.bottom  .menu_list .tab-menu {
	padding: 5px;
	border: 1px solid #C5C5C5;
	color: #949494;
	margin-left: 1px;
	background-color: #CDCDCD;
	border-radius: 0px 12px 0px 0;
	font-size: 13px;
	text-decoration: none;
}
.bottom  .menu_list .tab-menu.tab-active,.bottom  .menu_list .tab-menu:hover {
	border-bottom: 1px solid #F8F8F8;
	background-color: #F8F8F8;
	cursor: pointer;
}
.bottom #show_tab{
	height: 200px;
	background: #F7F7F7;
}
.bottom #thumbnail .menu_list {
	border-top: 1px solid #FFF;
}
#val-progress-bar {
	background-color: #AAA;
	border-radius: 3px;
	width: 0%;
	height: 100%;
	transition: ease 3s 0s;
}