/* Màn hình Mobile */
@media (max-width: 400px)
{  
.a0dangky .xbox {width:82%;line-height: 28px;}
.a0dangky .a0boxdk{padding:5px;}
.a0news .xitem {height: 100%; }
#MenuNews {height:200px;}
.titellgoin {margin:5px 0;}
.togmb {float:right;}
.togmb .hide-panel {position:inherit !important; background:none;}
}

@media (max-width: 767px)
{
.a0dangky .xbox {width:92%;line-height: 28px;}
.a0dangky .a0boxdk{padding:0 10px 10px 10px;}
.titellgoin {margin:5px 0;}
.togmb {float:right;}
.togmb .hide-panel {position:inherit !important; background:none;}
}
/* Màn hình tablets  */
@media (min-width: 768px) and (max-width: 992px)
{
.a0dangky .xbox {width:92%;line-height: 28px;}
.a0dangky .a0boxdk{padding:0 10px 10px 10px;}
.a0news .xitem {height: 156px; }
.boxgv .xitem {height: 235px; }
#MenuNews {height:100%;}
.titellgoin {margin:32px 0;}
}

/* Màn hình Desktop */

@media (min-width: 992px) and (max-width: 1200px)
{
.a0dangky {padding-top:55px;}
.a0imgdk img {margin-top:55px;}
.a0dangky .xbox {width:92%;line-height: 28px;}
.a0dangky .a0boxdk{padding:0 31px 10px 50px;}
.a0news .xitem {height: 156px; }
.boxgv .xitem {height: 235px; }
#MenuNews {height:100%;}
.titellgoin {margin:32px 0;}
}

/* Large desktop */
@media (min-width: 1200px)
{ 
.a0dangky {padding-top:55px;}
.a0imgdk img {margin-top:55px;}
.a0dangky .xbox {width:92%;line-height: 28px;}
.a0dangky .a0boxdk{padding: 10px 20px;}
.a0news .xitem {height: 156px; }

#MenuNews {height:100%;}
.titellgoin {margin:32px 0;}
    } 
	
.navbar-toggle {
	margin-right: 0px;
}
.navbar-brand {
    width: auto;
}
@media (max-width: 768px) {
	.hotboy-tab {
        background-color: #E8EBF2;
        padding: 0;
        width: 100%;
        margin: 15px -5px;
    }
	.hotboy-tab .tab-item {
		display: inline-block;
		height: 30px;
		font-weight: bold;
		padding: 0 5px;
		line-height: 30px;
		position: relative;
		cursor: pointer;
	}
	.block-row .row-item:nth-child(2) {
		margin-left: 0;
	}
	.navbar-brand {
		width: auto;
	}
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #FFF;
	}
}
/**************************** ALL ******************************/

.row {margin:0;padding:0px;}
.Leftpane {padding:15px}
.vsContainerLeft {background-color:White}
.vsContainerRight {background:#e8ebf1;}
.searche {}
.searche .boxsearch {float:left; border:1px solid #CCC; border-right:none}
.searche .boxsearch input {border:none;height:28px;padding:3px;width:236px;}
.searche .btsearch {float:left; background-color:White;height:30px;padding:6px;border:1px solid #CCC; border-left:none}


.haderloc {margin-bottom:10px;}
.tabledoc .Elearning_TableHeader {background: #fafafa; text-align: center; font-weight: bold;color: #000;}
.tabledoc table { border-collapse: collapse; width: 100%; border: 1px solid #CCC;}
.tabledoc td { padding: 10px 15px;}
.tabledoc-table tr.table-header {  background: #fafafa;  text-align: center;  font-weight: bold;color: #000;}
.tabledoc td a { color: #000;}
.tabledoc tr:not(.table-header):hover { background: #E8EBF2;}

.box span {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
 
 
.block-titles .fa { color: #0A89AD; margin-right: 10px;}
.block-titles span {  color: #0A89AD; font-weight: bold;}
.block-titles {margin:10px;}


#MenuProfile {
	margin-top:5;
	margin-left:10;
	width:180
}
#MenuProfile a {
	font-family:Arial,Times New Roman;
	font-size:12;
	line-height:2;
	text-decoration:none;
	padding:0 0 0 20
}
#MenuProfile div.ActiveTab a {
	font-family:Arial,Times New Roman;
	font-size:12;
	line-height:2;
	font-weight:bold
}
#MenuProfile .iconAnnouncements {
	background:url(/images/thongbao.png) no-repeat top left;
	background-position:0 4px;
}
#MenuProfile .iconEmail {
	background:url(/images/email.png) no-repeat top left;
	background-position:0 4px;
}
#MenuProfile .iconTasks {
	background:url(/images/clipboard_text.png) no-repeat top left;
	background-position:0 4px;
}
#MenuProfile .iconEvents {
	background:url(/images/bookmark_book_open.png) no-repeat top left;
	background-position:0 4px;
}
#MenuProfile .iconForum {
	background:url(/images/foru.png) no-repeat top left;
	background-position:0 4px;
}
#MenuProfile .iconContact {
	background:url(/images/comment.png) no-repeat top left;
	background-position:0 4px;
}
#MenuProfile .iconDocment {
	background:url(/images/book_open.png) no-repeat top left;
	background-position:0 4px;
}
#MenuProfile .iconListTeacher {
	background:url(/images/1277.png) no-repeat top left;
	background-position:0 4px;
}
#MenuProfile .iconListMember {
	background:url(/images/4411.png) no-repeat top left;
	background-position:0 4px;
}
#MenuProfile .iconManageGroup {
	background:url(/images/icon_Webconference.png) no-repeat top left;
	background-position:0 4px;
}
#MenuProfile .iconTaiChinh {
	background:url(/images/icon_Vendors_16px.gif) no-repeat top left;
	background-position:0 4px;
}

#MenuProfile .iconCheckSystemRequired {
	background:url(/Icons/approve.png) no-repeat top left;
	background-position:0 4px;
}


.hide-panel {
    position: absolute;
    width: 10px;
    height: 12px;
    top: 0;
    right: -10px;
    z-index: 1000;
    cursor: pointer;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -ms-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
}
.hide-panel {
    background: #77B05D url("/images/arrow_png_1.png") no-repeat;
    background-size: cover;
}
.panel-hide > .hide-panel {
    background: #77B05D url("/images/arrow_png.png") no-repeat;
    background-size: cover;
}

.toggle-row {
    cursor:pointer;
}
.show-more {
    color: #2188CC;
    font-size: 16px;
    margin-bottom: 15px;
}
.toggle-panel-left {
    left: 0;
}
.toggle-panel-left, .toggle-panel-right  {
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    -ms-transition: width 0.5s;
    -o-transition: width 0.5s;
    transition: width 0.5s;
}
.toggle-panel-left > div:not(.hide-panel) {
    -webkit-transition: display 1s;
    -moz-transition: display 1s;
    -ms-transition: display 1s;
    -o-transition: display 1s;
    transition: display 1s;
}
.toggle-panel-left.panel-hide {
    width: 0%;
    padding: 0;
}
.toggle-panel-left.panel-hide > div:not(.hide-panel) {
    display: none;
}
.toggle-panel-left.panel-hide + .toggle-panel-right {
    width: 100%;
}
.hide-panel {
    position: absolute;
    width: 11px;
    height: 23px;
    top: 0;
    right: -10px;
    z-index: 1000;
    cursor: pointer;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -ms-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
}
.hide-panel {
    background:#e28d36  url(images/arrow_png_1.png) no-repeat;
    background-size: cover;
}
.panel-hide > .hide-panel {
    background:#e28d36 url(images/arrow_png.png) no-repeat;
    background-size: cover;
}

.right-btn {
	float: right;
}