﻿/*Container*****************************************************/
.main-content-left-book{
   margin: 0 15px;
   overflow:hidden;
}

/*tree**********************************************************/
*{
	padding:0;
	margin:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
}
a {
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #034DA2;
    transition-delay: 0s, 0s;
    transition-duration: 0.15s, 0.15s;
    transition-property: background-color, color;
    transition-timing-function: linear, linear;
	text-decoration:none!important;
}
img{
	border:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;	
	width:100%;
}
/*menu***********************************/
.tree-main-top{    
    width: 100%;
	float:left;
	display:inline-block	
}
.tree-main-bot{
    padding-bottom: 18px;
    width:100%;
    float:left
}
@media (max-width:768px){
    .tree-main-bot{
        margin-bottom:10px;
    }
}
.tree-main{	
	display:inline-block;
	float:left;
 	position:relative;	
	width:100%;
}
.tree-root{
	line-height:38px;
	height:37px!important;
	overflow:hidden;
	border-top:none!important;
}
@media (max-width:767px){	
	.tls-head{
		overflow:hidden;
}
}
@media (min-width:768px) and (max-width:991px){	
	.tree-root{
		border-top:1px #034da2 solid!important;	
	}	
}
.tree-body{
	display:inline-block;
	float:left;
	background-color:#f2f2f2;
	width:100%;
}
.invi {
	display: none;
}
.left0 div.nodepad{
	padding-left: 5px;
	float:left;
}
.left0 div div.nodepad{
	padding-left:10px;
}
.left1 div div.nodepad{
	padding-left:15px;
}
.left2 div div.nodepad{
	padding-left:20px;
}
.left3 div div.nodepad{
	padding-left:25px;
}
.left4 div div.nodepad{
	padding-left:30px;
}
.left4 div div.nodepad{
	padding-left:35px;
}
.tree-root, .tree-body  div{
	clear:both;
}
.left0, .left1, .left2, .left3, .left4, .left5{
	float:left;
}
.hov{
	border-top:1px solid #ECEBEB;	
}
.hov:hover, .tree-root:hover{
	background-color:#64aed9;
	background-image:none;
}
.treeactive{
	background-color:#64aed9;
	background-image:none;
}
#node0_txt #lblTreeName{
    line-height:38px;
}
.hov span{
	color:#222;    
    line-height:18px;
}
.tree-txt{
    font-weight:bold;
}
.tree-txt-full{
    padding-top:10px;
}
.hov:hover span, .tree-root:hover span, .treeactive span{
	color:#fff;
}
.tree-body  div{
	min-height:38px;
	width:100%;
}
.tree-txt2{
	padding-left:2px;
}
.tree-txt-full{
	width:204px;
	padding-right:5px;
}
.left1 .tree-txt-full{
	width:199px;
}
.left2  .tree-txt-full{
	width:184px;
}
.left3  .tree-txt-full{
	width:179px;
}
.left4  .tree-txt-full{
	width:174px;
}
.left5  .tree-txt-full{
	width:169px;
}
.left6  .tree-txt-full{
	width:164px;
}
.tree-root img,.tree-root span, .tree-body div span, .tree-body  div img{
	float:left;
	cursor:pointer;    
}
.tree-count{	
	padding-left:3px;
	padding-right:3px;
}
.tree-body  div img.tree-folder{
	margin-right:3px;	
	width:16px;
	height:16px;
}
.tree-root img{
	width:22px;
	margin-left:5px;
	margin-top:8px;
	margin-right:5px;
}
.tree-body  div img{
	margin-top:14px;
	width:10px;
	height:10px;
    margin-right:5px;
}
.tree-count{	
	color:#034DA2;
}
.tree-txt1{
	max-width:136px;
	overflow:hidden;
}
.tree-count{
	padding-left:3px;
}
.tree-folder{
	margin-top:11px!important;
}
.hov:hover span, .tree-root:hover span, .treeactive span{
	color:#0072C6!important;
}
.document-num{
    padding: 0px 5px!important; 
    background-color: #0072C6;
    border-radius: 25px;     
    line-height: 15px!important; 
    color: #fff!important;     
    margin-bottom:5px;
}
.hov:hover span.document-num{
    color:#fff!important;
}
/*main books header tab, search************************************************/
.tls-head{
	display:inline-block;
	width:100%;	
	background-color:#fff;	
	float:left;		    
}
.nav-pills{
    border-bottom: 2px #d7d7d7 solid!important;
    height:37px;
    margin-bottom:0px!important;
}
.tls-head .left{		
	position:relative;
	z-index:0;	
	width:67%;
	float:left;
	height:33px;
}
.tlsinlineblock .tls-head .left{
	width:67%;
}
.tls-head .left span{
	line-height:33px;
	border-bottom:none;
	display:block;
	float:left;
	margin:1px 1px 0 1px;
	font-weight:bold;
	padding:0 15px;	
	color:#000;
	cursor:pointer;
}
.tls-head .left span.active{	
	border-bottom: 2px #0072C6 solid;
	color:#0072C6;
	z-index:1;
	position:relative;		
}
.nav-pills > li > a{
    padding-top:8px;
    padding-bottom:8px;
    border-radius:0;
    font-weight:bold;
    color:#444;
    line-height:18px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,
.nav > li > a:hover, .nav > li > a:focus
{
    background-color:transparent!important;
    border:none!important;
    border-bottom: 2px #0072C6 solid!important;
    border-radius:0!important;
    color:#0072C6;  
}
.tls-head .tab-content{
    background-color:transparent;
}
.tls-search{
	width:33%;
	float:right;	
	position:relative;
}
.tlsinlineblock .tls-head .tls-search{
	width:27%;
}
#txtSearch::-moz-placeholder,/* Firefox 19+ */
#txtSearch::-webkit-input-placeholder, /* Chrome/Opera/Safari */
#txtSearch:-ms-input-placeholder, /* IE 10+ */
#txtSearch:-moz-placeholder /* Firefox 18- */
#txtSearch
{
    color:#247CBC;
}
#txtSearch{
	width:60%;
	margin-right:18%;	
	border:none!important;
	border-right:none!important;    
	padding:3px 5px!important;
	height:25px!important;	
	position:absolute;
	left:0;
	top:5px;
    color:#247CBC;
}
#txtSearch:focus{
    border-bottom: 1px #ddd dotted!important; 
}
#btn_Search{
	width:18%;
	min-width:18%!important;
	overflow:hidden;
	margin:0px!important;		
	cursor:pointer;	
	padding:0px!important;
	height:25px!important;
	position:absolute;
	right:50px;
	top:5px;
    background-color: #258CD1;    
    border: none!important;
    color:#fff;
    border-radius:25px;
}
#btn_Search_advance{
    width:18%;
	min-width:18%!important;
	overflow:hidden;
	margin:0px!important;		
	cursor:pointer;	
	padding:0px!important;
	height:25px!important;
	position:absolute;
	right:5px;
	top:5px;
    background-color: #258CD1;    
    border:none!important;
    border-left:#247CBC 1px solid!important;
    color:#fff;
    border-radius:25px;
}
.txt_advance{
	background: #f5f5f5 url('/_LAYOUTS/15/Vebrary/DigitalDocument2014/img/advanced-search.png') no-repeat scroll center center!important;
	text-indent:-9999px;
	width:40px;
	height:27px;
	display:block;
	float:left;
	border:1px #ccc solid;
	border-radius:5px;
	margin-left:5px;
}
#treewaiting{
	background-color: #f5f5f5;
    left: 8px;
    position: absolute;
    top: 29px;
    z-index: 10;
    width: 232px;
}
.Vebreader{
	position:relative;
	text-align:center;
	height:10px;
}
.Vebreader span{
	font-weight: bold;
}
#div-total{
    min-height:20px;
}
#btn_Search_advance_cont {    
    padding-left:15px;
    padding-right:15px;
    margin-bottom:10px;
}
#btn_Search_advance_cont td{
    /*vertical-align: top;*/
    padding: 3px;
    font-size:12px;
}
#btn_Search_advance_cont select{
      font-size:12px;
}
/**************************************************************/
.tls{
	right: 0px;	
	min-height:770px;
	background-color:#fff;
}
.tlsinlineblock{
	display:inline-block;
	width:100%;
	height:auto;
	position:relative;	
}
#waiting{
	position:absolute;
	top:70px;
	left:0px;
	z-index:2;
}
/*main books************************************************/
.b {
    font-weight: bold;
}
.tls table td{
	vertical-align:top;	
	padding:10px 2%;
	vertical-align:middle;
}
.tbl-search{
	background-color:#f5f5f5;
	background-color:rgba(156, 206, 240, 0.2);
	margin-bottom:5px;
	border-bottom:1px #ccc dotted;
}
.tbl-search input, .tbl-search select{
	width:100%;
}
.tbl-search .search-c1{
	width:15%;
	 color: #034DA2;
    font-weight: bold;
}
.tbl-search .search-c2{
	width:38%;
	padding-right:0;
}
.tbl-search .search-c3{
	width:17%;
	padding-left:0;
}
.tbl-search .search-c4{
	width:16%;
	padding-left:0;
}
.tbl-search .search-c2 div {
	background-color:#fff;
	border:1px #034DA2 solid;
	border-radius:4px 0 0 4px;
	float: left;
	height: 30px;
	padding: 0 2%;	
	*width: 96%;
	width: 100%;
	overflow: hidden;
}
.tbl-search .search-c2 div input {
	background-color: transparent;
	border: medium none!important;
	height: 28px!important;
	overflow: hidden;
	width: 100%;
	background-color: transparent!important;
	padding:0px!important;
}
.tbl-search .search-c3 div {
	border:1px #034DA2 solid;
	border-left:none;
	border-radius:0 4px 4px 0;
	background-color:#ccc;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#ccc));
	background-image: -webkit-linear-gradient(top,#f5f5f5,#ccc);
	background-image: -moz-linear-gradient(top,#f5f5f5,#ccc);
	background-image: -ms-linear-gradient(top,#f5f5f5,#ccc);
	background-image: -o-linear-gradient(top,#f5f5f5,#ccc);
	background-image: linear-gradient(top,#f5f5f5,#ccc);	
	float: left;
	height: 30px;
	width: 100%;
	*width: 96%;
	padding:0 2%;
	vertical-align: middle;
}
.tbl-search .search-c3 div select {
	background: none no-repeat fixed left top transparent !important;
	border: 0 solid #FFFFFF !important;
	color: #555555;
	font-family: Arial,Helvetica,sans-serif;
	font-size: inherit;	
	margin-top: 6px;
	vertical-align: middle;
	white-space: nowrap;
	width: 100%;
	line-height: 20px;
	height: 18px!important;
}
.tbl-search .search-c4 input {
	background-color: #034DA2!important;
	background-image:none;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#0368DD),to(#034DA2));
	background-image: -webkit-linear-gradient(top,#0368DD,#034DA2);
	background-image: -moz-linear-gradient(top,#0368DD,#034DA2);
	background-image: -ms-linear-gradient(top,#0368DD,#034DA2);
	background-image: -o-linear-gradient(top,#0368DD,#034DA2);
	background-image: linear-gradient(top,#0368DD,#034DA2);
	border: 1px solid #4B6D97;
	color: #fff!important;
	margin: 0!important;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	height: 30px;	
	min-width: 54px;*;
	min-width: 80px;
	padding: 0 8px;
	text-align: center;
	text-decoration: none !important;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.tbl-search .search-c4 input:hover{
	background-image:none;
}
.result-num-search{
	font-weight:bold;
}
.pdl-5 {
    float: left;   
    line-height:18px;       
    width: 100%;    
    text-align:center;
    margin:5px 0;    
    overflow:hidden;
    text-overflow:ellipsis;    
    white-space:nowrap;
}
.view-down {
  display:inline-block;
  text-align:center;
  width:100%;
  margin-bottom:10px;
}
.view-down-div {
  height:22px;
  margin:0 auto;
  overflow:hidden;
  padding-top:5px;
}
/*view down*******************************/
.view-down .vd-lbl, .extend .info-text{
	color: #034DA2;	
}
.vd-lbl-v{	
	padding-left:17px;
	font-weight:normal;	
    background: url('/Content/Portal/img/digitaldocument/view.png') no-repeat scroll left center;
}
.vd-lbl-d{	
    background: url('/Content/Portal/img/digitaldocument/download.png') no-repeat scroll left 4px center;
	padding-left:15px;
	font-weight:normal;
	border-left:1px #777777 solid;
}
.info-num, .info-16{	
	margin-right:5px;	
	font-weight:bold;
	line-height:20px;
}
.thumb_home {
    display: block;
    margin-top:5px;
    margin-bottom:5px;
    box-shadow:0 0 5px 0 #dadada;
    position:relative;
}
.thumb_home img{
	width:100%;
    opacity:1;	
	transition: 0.5s ease 0s;
	-moz-transition: 0.5s ease 0s;
	-web-transition: 0.5s ease 0s;
}
@media (min-width:361px){
    .thumb_home img{
	    height:240px;
        min-height:240px;  
    }
}
@media (max-width:400px){
     .thumb_home img{
	    height:180px;
        min-height:180px;  
    }
}
.thumb_home:hover img{
    opacity:0.7;
}
.book-list li:hover {
    animation: 0.7s ease-in-out 0s normal none 1 bounceIn_custom!important;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);    
}
.lding{
	width:100%;
	text-align:center;
	padding:10px 0;
	display:inline-block;
}
/*quantri*************/
.frm-main{
	background-color:#fff;
	padding:1px;
}
.frm-ul{
	list-style:none;
	height:30px;
}
.frm-ul li{
	line-height:30px;
	background-color:#f5f5f5;
	padding:0 10px;
	display:inline-block;
	border:1px #E7E7E8 solid;
	border-bottom:none;
	border-radius:3px 3px 0 0;
	margin-top:1px;
	z-index:9;
	position:relative;
	cursor:pointer;
}
.frm-ri-body{
	background-color:#f5f5f5;	
	z-index:0;
	position:relative;
	padding:10px 0;
	height:90px;
	width:100%;
	border-top:1px #E7E7E8 solid;
	border-bottom:1px #E7E7E8 solid;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
}
.frm-ctl{
	float:left;
	border:1px transparent solid;
	border-right:1px #E7E7E8 solid;
	text-align:center;
	padding:2px 20px;
	cursor:pointer;
}
.frm-ctl:hover{
	border:1px #92b7d1 solid;
}
.frm-ctl img{
	height:30px;
}
.frm-btn-text{
	clear:both;
	display:block;
	text-align:center;
	padding-top:1px;
}
.btn-back img{
	width:20px;
	margin-right:5px;
	margin-top:5px;
	cursor:pointer;
	border:1px transparent solid;
}
.btn-back img:hover{
	border:1px #92b7d1 solid;
}
.frm-top{
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	width:100%;
	margin:3px 0 2px 0;
}
.top-url{
	float:right;
	background-color:#F5F5F5;
	border:1px #E7E7E8 solid;
	padding:0px 10px;
}
.url-a{
	cursor:pointer;
	border:1px transparent solid;		
	border-radius:2px;
	display:block;
	padding:3px;
}
.url-a:hover{
	border:1px #92b7d1 solid;
}
.btn-back, .url-div{
	float:left;
}
.url-div a{
	line-height:20px;
	font-weight:bold;
}
.frm-top span, .frm-top a{
	display:inline-block;
	vertical-align:middle;
	line-height:20px;
}
.frm-body{
	clear:both;
	margin:1px;	
}
.tbl-th{	
	background-color:#f5f5f5;
	border:1px #ccc solid;
	height:30px;
	margin-right:16px;
}
.tr-item{
	border:1px #ccc solid;
	border-top:none;
	height:30px;
	width:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */	
	cursor:pointer;
}
.tbl-tr{
	max-height:480px;
	overflow-y:scroll;
	width:100%;
}
.tbl-th span{
	border-left:1px #ccc solid;
	display:block;
	padding:3px 10px;
	float:left;
	font-weight:bold;
	text-align:center;
	line-height:24px;
	height:30px;
	overflow:hidden;
}
.tr-item span.tbl-td{
	border-left:1px #ccc solid;
	display:block;
	padding:3px 10px;
	float:left;
	text-align:center;
	line-height:24px;
	height:30px;
	overflow:hidden;
}
.tr-item span.tbl-td-01{
		border-left:0px #ccc solid;
}
.tr-item span{
	float:left;
}
span.td-img, span.td-tt{
	border:none;
	padding:0px;
	display:block;
	cursor:pointer;
}
span.td-tt{
	float: left;
    text-align: left;
    width: 91%;
    word-wrap: break-word;
}
span.td-img img{
	width:20px;
	margin-top:2px;
}
span.td-img{
	padding-right:5px;
	float: left;
    width: 7%;
}
.tbl-th .th02, .tr-item .tbl-td-01{
	border-left:1px transparent solid;
	width:40%;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
}
.tbl-th .th03, .tr-item .tbl-td-02{
	width:15%;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
}
.tbl-th .th04, .tr-item .tbl-td-03{
	width:15%;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
}
.tbl-th .th05, .tr-item .tbl-td-04{
	width:10%;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
}
.tbl-th .th06, .tr-item .tbl-td-05{
	width:10%;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
}
.tbl-th .th07, .tr-item .tbl-td-06{
	width:10%;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
}
.tbl-td-05 img{
	width:16px;
	margin-top:4px;
}
.tbl-td-06 img{
	width:14px;
	margin-top:5px;
}
.tbl-td-05, .tbl-td-06{
	cursor:pointer;
}
.vloading, .error{
	padding:10px 0;
}
.vloading span{
	color:#000;
	font-weight:bold;
}
.error{
	color:red;
	font-weight:bold;
}
.tr-active{
	background-color:rgb(156, 206, 240);
	background-color:rgba(156, 206, 240, 0.5);
}
.url-gach{
	display:block;
	padding:0 3px;
}
#kq{
	width:100%;
	padding:5px;	
	text-align:center;
}
/*book detail*********************************************/
#DivChiTietTls{
	width:100%;
	display:inline-block;
	float:left;
}
.tls-chitiet{
	padding:0 10px 15px 10px;
	position:relative;
}
.tls-chitiet span{
	font-size:14px;
}
.ct-col-img{
	float:left;
	display:inline-block;
}
.ct-col-img img{
	box-shadow:0 0 6px #8BA6C5;
	border:1px #ccc solid;
	border-radius:2px;
	margin-bottom:5px;
}
.m-tls-chitiet .ct-row{
	padding-right:5px;
}
.row-sharing, .extend{
	padding-right:0px;
}
.info-label{
	font-weight:bold;
	padding-right:5px;
}
.ct-col-info .info-value{
	color:#034DA2;
}
.info-intro{
	clear:both;
}
.ct-col-info .ct-title{
	padding:0px 0px 5px 0px;
	border-bottom:1px #ccc dotted;
	margin-bottom:5px;
	font-weight:bold;
	font-size:15px;
	color:#034DA2;
	height:22px;
	overflow:hidden;
}
.intro-text{
	font-weight:bold;
	padding-top:5px;
	margin-bottom:5px;
	width:100%;
	text-align:left;
	padding-left:10px;
	line-height:20px;
	color:#000;
}
.intro-value{
	padding:0 10px;
}
.intro-value p{
	text-align:justify;
	line-height:20px;
	font-size:14px;
}
.divbtn{
	margin-right:10px;
	margin-top:8px;
	text-align:center;	
}
.m-tls-chitiet .DivXemOnline, .m-tls-chitiet .DivDownLoad{
	float:left;	
	padding:8px 27px;
	border:1px #ccc solid;
	background-color: #034DA2;
	background-image:none;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#0368DD),to(#034DA2));
	background-image: -webkit-linear-gradient(top,#0368DD,#034DA2);
	background-image: -moz-linear-gradient(top,#0368DD,#034DA2);
	background-image: -ms-linear-gradient(top,#0368DD,#034DA2);
	background-image: -o-linear-gradient(top,#0368DD,#034DA2);
	background-image: linear-gradient(top,#0368DD,#034DA2);
	border-radius:3px;
	font-weight:bold;
	display:block;
}
#DivXemOnline, #DivDownLoad{
	float:left;
	clear:both;		
}
.DivBtnAbsolte{
	position:absolute;
	right:0px;
	top:10px;
	z-index:9999;
}
.tab-content{
    position:relative;
}
@media (min-width:768px){
    .lv-digitaldoc .detail-content{
        padding-right:120px!important;
    }
}
#buttonGoBack{
	cursor:pointer;
}
.DivXemOnline{	
	margin-bottom:5px;
}
.DivDownLoad, .DivXemOnline, .DivDownLoad:focus, .DivXemOnline:focus, .DivDownLoad:visited, .DivXemOnline:visited{
	padding:10px 31px;
	background-color:#64aed9;
	color:#FFF!important;
	margin:5px;
	display:block;
	min-width:100px;
	text-align:center;
	font-size:14px;
	border-radius:3px;
}
.extend{
	display:inline;
}
.extend img{
	width:16px;
	height:16px;
	margin-right:5px;
	float:left;
	margin-top:2px;
}
.fb-share-button{
	float:left;
}
.row-sharing a{
	display:block;
	margin:0 5px;
	float:left;	
}
.row-sharing a img{
	height:20px;
	border:none;
}
.row-sharing .info-label{
	float:left;
	line-height:20px;
}
.menutls .active .tree-main-top{
	display:block!important;
}
/*media***************/
@media (max-width:767px){
	.chitietsach {	
		padding: 0px;	
	}
	.chitietsach .row{
		margin:0 -5px;
	}
	.chitietsach .col-xs-12, .chitietsach .col-md-6{
		padding:0 5px!important;
	}
	.lov-idtdt-title{
		background-color:#034da2;
		border:none!important;		
		padding-bottom:0px!important;
	}
	.lvo-detail-z3950 .lov-idtdt-title span{
		color:#fff!important;
		padding:5px;
	}
	.lov-facebook{
		background-image:none!important;
		background-color:#CFCFCF!important;
		width:auto!important;
		border-radius: 5px!important;
		padding:0 5px;
	}
	.tls{
		margin-left:0px!important;
		min-width:0px!important;
	}
	.tlsinlineblock .tls-head .left{
		width:55%!important;
	}
	.tlsinlineblock .tls-head .tls-search{
		width:28%!important;		
	}
	.tls-head .left span{
		padding:0 5px!important;
	}
	#txtSearch{
		width:75%!important;	
		margin-right:25%!important;
	}
	#btn_Search{
		width:25%!important;
	}	
	.tree-main-top,.tree-main-bot, .tree-main{
		background-image:none!important;
		padding:0px!important;	
		width:100%!important;
	}	
	.tree-root, .tree-body{
		margin:0!important;	
		width:100%!important;	
	}	
	.tree-body div{
		width:100%!important;
	}	
	.book-list li{
		margin-left:0px!important;
		margin-right:0px!important;		
	}
	ul.book-list{
		padding-left:3px!important;	
	}
	.DivBtnAbsolte{
	position:static!important;
	width:100%!important;
	}
	#DivXemOnline, #DivDownLoad{
		width:49%!important;
		text-align:center;
		clear:none;
	}
	#DivXemOnline{
		margin-right:1%!important;	
	}
	#DivDownLoad{
		margin-left:1%!important;        
	}
	.DivXemOnline{
		background-image:none!important;
		background-color:#64aed9!important;
		text-indent:0px!important;
		height:30px!important;
		line-height:30px!important;
		width: 100%!important;
		padding:0 5px!important;	
		border-radius:5px;
	}
	.DivDownLoad{
		background-image:none!important;
		background-color:#64aed9!important;
		text-indent:0px!important;
		height:30px!important;
		line-height:30px!important;
		width: 100%!important;
		padding:0 5px!important;	
		border-radius:5px;
	}
	.row-sharing{
		display:inline-block;
		clear:both;
		float:left;
	}
	.ct-cell{
		margin:5px!important;	
	}
	.ct-cell img{
		width:40px;
	}
	.row-sharing .info-label{
		line-height:29px!important;
	}
	.ct-row{
		padding-right:0px!important;
	}	
	.ct-col-img{
		width:110px;		
	}
	.ct-col-img img{		
		width:100px;
		height:140px;	
	}	
	.ct-col-info{
		margin-left:110px;
		min-width:0px!important;	
		right:10px;	
		min-height:150px;	
	}		
	.row-infor-d, .extend-d, .row-sharing-d{
		display:none;
	}
	.extend{
		float:left;
	}
	#DivXemOnline, #DivDownLoad{
		padding-bottom:10px;
	}
	.DivBtnAbsolte-m{
		clear:both;
	}
}
@media (max-width:425px){
    .tls-head{
        position:relative;
    }
    .tls-search{
        position:absolute;
        top:30px;
        right:0px;
        z-index:9;
    }
}
/*end media*/
@media (min-width:768px) and (max-width:991px){	
	.tls{
		margin-left:0px!important;
		min-width:0px!important;
	}
	.tlsinlineblock .tls-head .left{
		width:67%;
	}
	.tlsinlineblock .tls-head .tls-search{
		width:28%!important;		
	}
	.mq-topMenutls{
		background-color:#034da2;
		border-radius:3px;
		top:13px;
		height:27px;
		right:8px;
	}
	.menutls .active .lv-leftnav{
		top:53px;
		position:absolute;
		left:0;
		z-index:99;
	}
	.tree-main-top,.tree-main-bot, .tree-main{
		background-image:none!important;
		padding:0px!important;	
		width:100%!important;
	}
	.tree-main{		
		padding:0 5px!important;	
	}
	.tree-root, .tree-body{
		margin:0!important;	
		width:100%!important;		
	}
	.tree-root{
		border-right:1px #034da2 solid;
		border-left:1px #034da2 solid;
		border-top:1px #034da2 solid!important;
	}
	.tree-body{
		border-right:1px #034da2 solid;
		border-left:1px #034da2 solid;
		border-bottom:1px #034da2 solid;
	}
	.tree-body div{
		width:100%!important;
	}	
	.row-sharing{
		display:inline-block;
	}
	.ct-cell{
		margin:5px!important;	
	}	
	.row-sharing .info-label{
		line-height:29px!important;
	}
	.ct-row{
		padding-right:0px!important;
	}		
}
/*end media*/
@media (min-width:768px){
	.ct-col-img{
		width:150px;		
	}
	.ct-col-img img{		
		width:140px;
		height:180px;	
	}	
	.row-infor-m, .extend-m, .row-sharing-m{
		display:none;
	}
	.ct-col-info{
		right:10px;	
		min-width:556px;
		min-height:178px;
		margin-left:150px;	
	}
	.ct-cell img{
		width:64px;
	}
	.extend{
		float:right;	
	}
	.DivBtnAbsolte-m{
		display:none;
	}
}
/*end media*/
/*tai lieu so*/
.tree-body{
	background-color:transparent!important;
}
.tree-root{
	line-height:42px!important;
}
.tls{
	background-color:transparent!important;
}
.tls > .tls{
	background-color:#fff!important;
	box-shadow:0 0 5px 0 #dadada;
}
.hov:hover{
	background-color:transparent!important;
}
#node0{
	text-transform:uppercase;
	border-bottom:2px solid #0072C6!important
}
.treeactive{
	background-color:transparent!important;
}
.treeactive span{
	color:#000!important;
}
/**/
#listCatalogall{
    overflow:hidden; 
    border:none;
}
@media(min-width:768px){
    #listCatalogall{
    margin-left:10px;
    margin-right:10px;
}
}
#listCatalogall .row{
    margin-left:-15px!important;
    margin-right:-15px!important;
}
#listCatalogall .col-md-3, #listCatalogall .col-sm-3, #listCatalogall .col-xs-6{
    padding-left:15px!important;
    padding-right:15px!important;
}
.tls .table-responsive{
    border:none;
}
/**fix width dropdown **/
.bt-search-tool{
    margin-bottom:5px;
}
.lv-width-dropdown{
	width: 50px!important;
	min-width: 50px!important;
}
.bt-search-tool .btn-default{
	background: none;
	border: 0;
	box-shadow:none!important;
	color: #616161;
	font-weight: bold;
    padding-bottom:15px;
}
.bt-search-tool .btn-default:hover,
.bt-search-tool .btn-default:focus{
	background: none;
	color: #2b90d5;
}
.bt-search-tool .btn-toolbar{
	float: left;
	margin: 0 2px!important;
}
.container-search .radio:first-child a{
	font-weight: bold!important;
	color: #000;
}
.container-search .radio a{
	color: #616161;
	cursor: pointer;
}
.row-result-catalog:nth-child(n+2){
	border-top: 1px #e5e5e5 solid;
}
.row-result-catalog{
	padding: 10px;
}
.row-result-catalog .framebook{
    height:75px;
    border-right: 2px #e5e5e5 solid;
}
.row-result-catalog .contentbook{
    height:75px;
    overflow-y:hidden;
}
.row-result-catalog:hover .toolbar-hover{
	display: block;
}
.container-search .btn-close{
	margin-right: 10px;
	cursor: pointer;
    display:block;
    margin-bottom:5px;
}
.container-search .radio.active:before{
	font-family: 'FontAwesome';
	content: "\f00c";
	color: #2b90d5;
	font-size: 14px;
}
.search-result-infor{
	margin:10px 0;
}
.search-result-infor .btn-default{
	background: none;
	border: 0;
	box-shadow: none;
}
.detail-result-catalog{
	color: #88909b;
	display: block;
	font-size: 12px;
	font-weight: 300;
	margin:5px 0;
}

/*****/
.radio, .checkbox {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;    
    vertical-align: middle;
}
.new-div-advancesearch-cont{
    padding-left:10px;
    padding-right:10px;
}

/***/
.new-div-advancesearch{
    margin-top:0px;
    padding: 10px 0;
    background-color:#FAFAFA;   
    border:1px #E1E8ED solid;
    margin:1px; 
    border-radius:3px;
}
.input-group-addon{
    border:1px #E5E5E5 solid!important
}
input.form-control, textarea.form-control{
    font-size:13px;    
}
.form-control::-moz-placeholder{
    color:#ccc;    
}
/*audio, video type*/
@media (min-width:768px){
    .item-audio .thumb_home, .item-video .thumb_home{
        height: 240px;
        min-height: 240px;
        background-color:#f2f2f2;
    }
    .item-audio .thumb_home .img_item, .item-video .thumb_home .img_item{
        height:140px;
        margin-top:50px;
        min-height:140px;
        max-height:140px;
    }
     .item-video .thumb_home img.img_mask{
        position:absolute;
        top:35%;
        left:28%;
        z-index:1;
        width:70px;
        height:70px;
        min-height:70px;
    }
    .item-audio .thumb_home img.img_mask{
        position:absolute;
        top:35%;
        left:28%;
        z-index:1;
        width:60px;
        height:60px;
        min-height:60px;
    }
}
@media (max-width:767px){
    .item-audio .thumb_home, .item-video .thumb_home{
        height: 150px;
        min-height: 150px;
        background-color:#f2f2f2;
        position:relative;
    }
    .item-audio .thumb_home .img_item, .item-video .thumb_home .img_item{
        height:100px;
        margin-top:25px;
        min-height:100px;
        max-height:100px;
    }
     .item-video .thumb_home img.img_mask{
        position:absolute;
        top:27%;
        left:23%;
        z-index:1;
        width:70px;
        height:70px;
        min-height:70px;
    }
    .item-audio .thumb_home img.img_mask{
        position:absolute;
        top:27%;
        left:23%;
        z-index:1;
        width:60px;
        height:60px;
        min-height:60px;
    }
}