#fade1 { /*--Transparent background layer--*/  
    display: none; /*--hidden by default--*/
    background: url("../img/ajax-loader.gif") #FFF no-repeat center ;
    position: fixed; 
    left: 0; 
    top: 0;
    width: 100%; 
    height: 100%;
    opacity: .80;
    z-index: 9999;
}
#teacher-header .navbar-toggle {
 position: absolute;
 top: 0;
 left: 50%;
}
.navbar-toggle .icon-bar {background-color: #fff}
@media screen and (max-width: 767px) {
 /*.nav-header li {margin-bottom: 5px}*/
 .nav-header li a {
  padding: 5px 10px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
 }
 .nav-header li.active a,
 .nav-header li a:hover {
  background-color: #fff;
  color: #000;
 }
 .nav-header li:first-child a {padding-left: 10px}
 .nav-header li.active:after {display: none}
}

/*classes*/
.classes-lika{
	padding:20px 30px;
	background-color:#fff;
}
.skill-tree-content{
	padding-left:37px;
}
.skill-tree-aside{
	padding-top:60px;
}
.skill-tree-body{
	margin:0px;
	overflow:hidden;
}
.skill-tree-content:not(.skill-tree-topics-content) .skill-tree-aside {
    left: 0px;
}
.classes-week .label{
	padding: 5px 15px;
	font-size:14px;
	font-weight:bold;
	border-top-right-radius :30px;
	border-bottom-right-radius :30px;
	background-color:#ff8118;
}
.classes-week .item{
	padding: 5px 9px;
	font-size:12px;
	font-weight:bold;
	border-radius :30px;
	background-color:#faa863;
	color:#fff;
}
.classes-week .item2{
	padding: 5px 5px;
	font-size:12px;
	font-weight:bold;
	border-radius :30px;
	background-color:#faa863;
	color:#fff;
}
.classes-week .item.active , .classes-week .item:hover {
	background-color:#ff8118;
}
.classes-week .item2.active , .classes-week .item2:hover {
	background-color:#ff8118;
}
.classes-week .item2.none{
	background-color:#a7a6a6;
}
.classes-week .item.none{
	background-color:#a7a6a6;
}
.classes-week .item2.none:hover{
	background-color:#ff8118;
}
.classes-content h3{
	text-align:center;
	color: #ff8118;
	font-size: 20px;
	font-weight:bold;
	margin-top:30px;
}
.classes-content .title{
	font-size:18px;
	font-weight:bold;
}
.classes-content .video .description{
	margin: 10px 20px;
	font-size:18px;
}
.classes-content .skill .description .col-sm-4.border{
	border-right: 1px dashed #b0b0b0;
}
.classes-content .skill .description{
	margin-left:-15px;
}
.item-skill{
	margin:10px;
}
.item-skill .col-sm-10{
	padding:0px;
}
.item-skill .col-sm-2{
	padding:0px;
}
.item-skill .status-0{
	background: url("../img/icon-status-skill-0.png") no-repeat;
	width:23px;
	height:23px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	float:left;
}
.item-skill .status-25{
	background: url("../img/icon-status-skill-25.png") no-repeat;
	width:24px;
	height:24px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.item-skill .status-25{
	background: url("../img/icon-status-skill-25.png") no-repeat;
	width:24px;
	height:24px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.item-skill .status-50{
	background: url("../img/icon-status-skill-50.png") no-repeat;
	width:24px;
	height:24px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.item-skill .status-75{
	background: url("../img/icon-status-skill-75.png") no-repeat;
	width:25px;
	height:25px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.item-skill .status-100{
	background: url("../img/icon-status-skill-100.png") no-repeat;
	width:25px;
	height:25px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.item-skill .label-skill{
	font-size:14px;
	font-weight:normal;
	padding: 0 5px;
}
.item-skill .label-skill p{
	color:#ff8b42;
	font-size:11px;
}
.classes-content .tutor{
	margin:30px 0;
}
.classes-content .tutor .description{
	margin-left: 50px;
}
.classes-content .tutor .description strong{
	font-size: 40px;
}
.classes-content .test .description .col-sm-4{
	padding:0px;
}
.classes-content .test .view-test{
	width: 90%;
	border: 2px solid #d4d4d4;
	border-radius:8px;
	overflow:hidden;
}
.classes-content .test .view-test .introtext{
	overflow:hidden;
	padding: 20px;
}
.classes-content .test .view-test .introtext .text{
	font-size: 14px;
	font-weight: bold;
}
.classes-content .test .view-test .introtext .text p{
	font-size: 11px;
	font-weight: normal;
}
.classes-content .test .view-test img{
	max-width:55px;
}
.classes-content .test .button-test .blue{
	width:49%;
	background-color:#3ba0d9;
	color: #fff;
	font-size:14px;
	font-weight:bold;
	border-radius:0px;
}
.classes-content .test .button-test .blue:hover{
	background-color:#836FFF;
}
.classes-content .test .button-test .orange{
	width:49%;
	background-color:#ff8118;
	color: #fff;
	font-size:14px;
	font-weight:bold;
	border-radius:0px;
	float:right;
}
.classes-content .test .button-test .orange:hover{	
	background-color:#FFC125;
}
.button-tuan{
	margin: 40px 0;
	overflow: hidden;
}
.button-tuan .col-sm-4{
	padding:0px;
}
.button-tuan .col-sm-4.center{
	text-align: center;
}
.button-tuan .col-sm-4.right{
	text-align: right;
}
.button-tuan .col-sm-4 .btn{
	border:1px solid #c9c9c9;
	background-color: #fff;
	border-radius: 4px;
	padding:6px 20px;
	font-size:16px;
}
.button-tuan .col-sm-4 .btn:hover{
	border:none;
	background-color: #ff8118;
	color:#fff;
}
.button-tuan .col-sm-4 .btn .fa-chevron-left{
	color:#c9c9c9;
	margin-right: 10px;
}
.button-tuan .col-sm-4 .btn .fa-chevron-right{
	color:#c9c9c9;
	margin-left: 10px;
}
.classes-right{
	margin-top:30px;
}
.classes-right .thoigian{
	overflow:hidden;
	background:#ffa75d;
	border-radius:40px;
	height:67px;
}
.classes-right .thoigian .col-sm-4{
	padding:0px;
}
.classes-right .thoigian .col-sm-8{
	text-align:center;
	padding:15px;
	font-size:20px;
	font-weight:bold;
}
.classes-right .thoigian .col-sm-8 p{
	font-size:11px;
	font-weight:normal;
}
.classes-right .thoigian img{
	max-width:68px;
}
.classes-right .quanly-hoctap{
	padding:15px;
	background-color:#efefef;
	border-radius:10px;
	overflow:hidden;
	margin:15px 0;
}
.classes-right .quanly-hoctap h3{
	margin:0px;
	padding-bottom:10px;
	font-size :14px;
	font-weight :bold;
	border-bottom:1px solid #e0e0e0;
	text-align:center;
}
.classes-right .quanly-hoctap .fa{
	width:25px;
}
.classes-right .coolpoint{
	overflow:hidden;
	background:#f5cb5d;
	border-radius:40px;
	height:69px;
}
.classes-right .coolpoint .col-sm-4{
	padding:0px;
}
.classes-right .coolpoint .col-sm-8{
	text-align:center;
	padding:10px;
	font-size:16px;
	font-weight:bold;
}
.classes-right .coolpoint .col-sm-8 p{
	font-size:30px;
	font-weight:normal;
}
.classes-right .coolpoint img{
	max-width:70px;
}
.classes-right .info{
	padding:15px;
	background-color:#efefef;
	border-radius:10px;
	overflow:hidden;
	margin-top:10px;
}
.classes-right .info .header{
	margin:0px;
	padding-bottom:10px;
	font-size :14px;
	font-weight :bold;
	border-bottom:1px solid #e0e0e0;
	text-align:center;
}
.classes-right .info .header p{
	font-weight:normal;
}
.classes-right .info .item-hs{
	padding:5px;
	border-bottom:1px solid #e0e0e0;
	overflow:hidden;
}
.classes-right .info .item-hs .col-sm-4{
	padding:0px;
}
.classes-right .info .item-hs img{
	max-width:40px;
}
.classes-right .info .item-hs .col-sm-8{	
	font-size:14px;
}
.classes-right .info .item-hs .col-sm-8 strong{
	color:#ff0000;
}
.classes-right .info .item-hs.last{
	border-bottom:none;
}
.classes-right .info .star p{
	margin:10px 0;
}
.classes-right .info .star .green{
	color:#068012;
	font-size:24px;
}
.classes-right .info .user-online p{
	margin:10px 0;
}
.classes-right .info .user-online .fa-circle{
	color:#ababab;
	width:25px;
	font-size:10px;
}
.classes-right .info .user-online .fa-circle.on{
	color:#fcc345;
	display:inline-block;
}
.classes-right .info .user-online .fa-envelope{
	float: right;
}
.classes-right .info .hotline{
	font-size:15px;
	font-weight:bold;
}
.classes-right .info .hotline .fa-phone{
	color: #068012;
	width:25px;
}
.classes-content .skill .description a{
	color: #646464;
} 
/*****************************/
.classes-right .profile {

}
.profile header {
	margin-bottom: 15px;
	overflow: hidden;
}
.profile header img {
	float: left;
	width: 64px;
	height: 64px;
	border: 2px solid #ffa75d;
	margin-right: 10px;
}
.profile header .profile-info {
	float: left;
	width: calc(100% - 74px);
	width: -webkit-calc(100% - 74px);
	width: -moz-calc(100% - 74px);
	width: -o-calc(100% - 74px);
}
.profile header .fullname {
	color: #068012;
	font-weight: bold;
	font-size: 14px;
}
.profile header .school span {
	color: #999;
	font-style: italic;
}
.profile .box-center,
.profile .box-bottom {
	color: #353535;
	font-weight: 600;
}
.profile .box-center .icon {
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 10px center;
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	width: -moz-calc(50% - 10px);
	width: -o-calc(50% - 10px);
	padding-left: 48px;
	background-color: #fff;
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 0 10px 10px 0;
	border-radius: 15px;
}
.profile .box-center .icon:nth-child(2n+2) {
	margin: 0 0 10px 10px;	
}
.profile .box-center .icon.star {background-image: url(../images/icons/star.png)}
.profile .box-center .icon.point {background-image: url(../images/icons/icon-coolpoint.png)}
.profile .box-center .icon.medal {background-image: url(../images/icons/medal.png)}
.profile .box-center .icon.time {background-image: url(../images/icons/clock.png)}
.profile .box-bottom .icon {
	width: 50%;
	float: left;
	text-align: center;
}
.profile .box-bottom .icon.true {
	border-right: 1px solid #ddd;
}
.profile .box-bottom .icon div {
	background-color: #fff;
	border-radius: 10px;
	padding: 5px 10px;
	margin-bottom: 5px;
}
.profile .box-bottom .icon span {
	width: 30px;
	height: 30px;
	display: block;
	margin: 0 auto;
}
.profile .box-bottom .icon.true div {
	margin-right: 15px;
}
.profile .box-bottom .icon.true span {
	background: url(../images/icons/true.png) no-repeat;
	background-size: cover;
}
.profile .box-bottom .icon.false div {
	margin-left: 15px;
}
.profile .box-bottom .icon.false span {
	background: url(../images/icons/false.png) no-repeat;
	background-size: cover;
}
.profile .box-bottom .icon .red {
	color: #FF0000;
	border-top: 1px solid #333;
}

/* Override Bootstrap */
@media (min-width: 1400px) {
    .container {
        width: 1300px;
    }
}