/* ================================
    CSS STYLES FOR Module CMS
   ================================
*/

/*=================== Giao dien chung CMS ===========================================================*/



.top_left
{
    width: 29px;
    height: 27px;
    background-image: url(images/top_left_bg.jpg);
    background-repeat: no-repeat;
}
.top_mid
{
    background-image: url(images/top_bg.jpg);
    height: 27px;
    width: 95.2%;
    vertical-align: middle;
}
.top_right
{
    background-image: url(images/top_right_bg.jpg);
    width: 8px;
    height: 27px;
}
.top_mid_left
{
    background-image:url(images/top_mid_left.jpg);
    width:5px;
    height:14px;
    border: solid 0px #ccc;
}
.top_mid_mid
{
    background-image: url(images/top_mid_mid.jpg);
    height: 14px;
    width:730px;
    border: solid 0px #ccc;
}
.top_mid_right
{
    background-image: url(images/top_mid_right.jpg);
    width: 8px;
    height: 14px;
    border: solid 0px #ccc;
}
.div_top_mid_left
{
    background-image:url(images/top_left_bg.jpg);
    width:29px;
    height:27px;
    border: solid 0px #ccc;
}
.div_top_mid_mid
{
   height: 21px;
	border-bottom-color:Gray;
	border-bottom-style:solid;
	border-bottom-width:1px;
	color:#308E01;
	font-family: Tahoma, Arial, Helvetica; 
	font:12px;
	text-align: left;
}

#div_content_main
{
	 border: solid 1px #ccc;
	 width:500px;
	
}
#div_content_content
{	
	clear: both;
	width:100%;
	float:left;
	line-height:150%;
	text-align:justify;
}
#css_link_detail
{
	clear: both;
	float:right;
	text-align:right;
	width:100%;
	
}
.div_top_mid_right
{
    background-image: url(images/top_right_bg.jpg);
	width:8px;
    height:27px;
    border: solid 0px #ccc;
}
/*Tim kiem*/
.cssTimKien_Mid
{
	background-image: url(images/timkiem/KHCNST_timkiem_mid.jpg);

    height:37px;
    background-repeat:repeat-x;
    
}
.main_content1 
{
	float:left;
	width:500px;
}
.mid_content
{
  
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    background-color: White;
}
.mid_content2
{
    border-left: solid 1px #CFCDCE;
    border-right: solid 1px #CFCDCE;
    border-bottom: dotted 1px #CFCDCE;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.mid_content3
{
    border-left: solid 1px #CFCDCE;
    border-right: solid 1px #CFCDCE;
    border-bottom: solid 1px #CFCDCE;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.mid_content4
{
    border-left: solid 1px #CFCDCE;
    border-right: solid 1px #CFCDCE;
    border-bottom: dotted 1px #CFCDCE;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.mid_content5
{
    border-bottom: dotted 1px #CFCDCE;
}
.mid_content6
{
    border-bottom: none;
}
/*=========== Cac thanh phan cua CMS ===========*/
a.css_txt_LinkChitiet ,a:link.css_txt_LinkChitiet, a:visited.css_txt_LinkChitiet
{
	
	color:#01367e;	
	font-weight: bold; 
	font-size: 8pt; 
	text-decoration:none;
	font: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;

}
a:hover.css_txt_LinkChitiet
{
	
	color:#ffcc00;	
	font-weight: bold; 
	font-size: 8pt; 
	text-decoration:underline;
	font: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;

}

 a.css_txt_LinkTinmoi ,a:link.css_txt_LinkTinmoi, a:visited.css_txt_LinkTinmoi
 {
	
	font-size:8pt;	
	margin-left:10px;
	font: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	
	
}
a:hover.css_txt_LinkTinmoi
 {
	
	font-size:8pt;	
	margin-left:10px;
	color:#022a60;
	font: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	
	
}


/*.cssLinkDataGrid a:link, .cssLinkDataGrid a:visited
{
	font-size:11px;	
	font-family: Arial,Tahoma , Helvetica;	
	color:#5d5343;
	background-color:#eee3c4;
	padding:  10 5 10 5;
	text-decoration:none;

	
}
.cssLinkDataGrid  a:hover{
	font-size:11px;		
	font-family: Arial,Tahoma , Helvetica;	
	color:#5d5343;	
	background-color:#f5eed3;
	padding:  10 5 10 5;
	text-decoration:none;
	
}*/



span.ThongBao
{
	color: Red;		
	font-size:12px;
}
span.chuy
{
	color:Red;
}
.a
{	
	border-spacing:0;
	border:inherit !important;
	border-width:  0px 0px 0px 0px;
}

/*
CSS cho tooltip
*/
 /*
CSS cho tooltip
*/
         
.imgDaiDien
{
    margin-left: 6px;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-right: 6px;
    
}
.hrTin /*Kiểu đường thẳng*/
{
	background-color: #ffffff;
	width: 300px;
	padding-left: 5px;
	color: #f58753;
	text-align: left;
}
.cssHRDot /*Khoảng cách*/
{
	height: 4px;
	background-color: #b0c5f3;
}
.css_title
{
	background-image:url(images/icon_cms.jpg);
	height:25px;
	width:21px;
	height:25px;	
	
}
.css_title1
{
	background-image:url(images/gb_title_cms.jpg);
	height:25px;
	color:#ee7136;
	vertical-align:middle;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
	width:100%
}

.css_title_CacTinKhac
{
	vertical-align: middle;
	font-family: Arial,Tahoma , Helvetica;
	font-size: 14px;
	font-weight: bold;
	text-align: left;	
	color: #c13610;
	font-style: normal;
	padding :5px 5px 5px 5px;	
} 
.css_TieuDeTinKhac
{
	vertical-align: middle;
	font-family: Tahoma,Arial , Helvetica;
	font-size: 13px;	
	text-align: left;		
	font-style: normal;
	padding :5px 5px 5px 5px;	
	 
	 		
} 

.css_title_CacTinKhac a:hover
{
	color: #c13610;
	text-decoration: none;
}
.cssTitleLink /*Nội dung tóm tắt*/
{
	font-family: Tahoma, Arial , Helvetica;
	font-size: 11px;	 
	text-align: justify; 
	padding: 5px 5px 5px 5px;
	
}


.cssTitleLink a:link, cssTitleLink a:hover, cssTitleLink a:visited
{
	color:black;
	text-decoration: none;
}
.cssNoidungCT /*Nội dung chi tiết*/
{
	font-family: Tahoma, Arial , Helvetica;
	font-size: 13px;	 
	text-align: justify; 	
	color: Black;
	
}

.chuy
{
	color: Red;
}

.mouseover_text {		
	white-space: normal;
	color: White;
	text-align:justify ; 
	
}
.RotatorItemOver
{
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	cursor: hand;
	border-bottom: #ffffff 1px solid;
	background-color: #a0bef0;	
}
.RotatorItemDown {
	BORDER-RIGHT: white 1px solid;
	BORDER-TOP: #ffa500 1px solid; 
	BORDER-LEFT: #ffa500 1px solid; 
	CURSOR: hand; 
	BORDER-BOTTOM: white 1px solid; 
	BACKGROUND-COLOR: #ffce80
}
.RotatorItemOver
{
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	cursor: hand;
	
}
.RotatorItem
{	    
	cursor: hand;
	color: white;	
	font-family: Times New Roman;
}
.popupControl
{
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-width:0px;
}
.modalBackground
{
	
	
	background-image:url(images/hinhnen.png) ;
	background-position:top;
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.5;
	margin:0px 0px 0px 0px;
	
	
	
}
.modalBackgroud
{
	background-image:url(images/hinhnen.png);
	filter:alpha(opacity=50);
	opacity:0.5;
	margin-top:0px;
	margin-left:0px;
	z-index:1000;
	
}
.modalPopup
{
	background-color:White;
	padding:0px;
	width:150px;	
}

.cssButton_Dong
{
	background-image:url(images/dong.jpg);	
	width:13px;
	height:13px;
	background-repeat: no-repeat;
	
}

/* header */


div.cssDivLeft {
	float: left;
	width: 100px
	
}
div.cssDivRight {
	float: right;
	width: 100%;
}

/* Giao dien the DIV trong trang cap nhat */

.DivContainer
{
    border: 1px solid;
	height: 300px;
}
.LeftDiv
{
    float: left; width: 1px; height: 280px;
}
.RightDiv
{
    clear:both;
}


/* Form styles */
div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }


div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }

div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; margin-bottom:5px;}
div.form-container div {margin-bottom:5px;}
div.form-container div.buttonrow { margin-left: 180px; }



.cssPhanTrang td
{
	text-align:left;
	padding-right:10px;
	padding-top:12px;
	padding-bottom:12px;
}
.cssPhanTrang 
{
	text-align:left;
	padding-right:10px;
	padding-top:12px;
	padding-bottom:12px;
	
}
.cssTinTiepTheo
{
	width:98%;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:10px;
	line-height:150%;
}
.imgQuangCao img
{
	
	float:left;
	padding-top:3px;
	padding-bottom:3px;
	
}
.divQuangCao div
{
	background-color: #B6CCB5;
	
}

.linkQuangCao a:link, linkQuangCao a:hover, linkQuangCao a:visited
{
	border:0;
}
#remote-tab-1
{
	z-index:3;
	
	vertical-align:top;
}
#remote-tab-2
{
	z-index:3;	
	vertical-align:top;
}
#featured{ 
	width:300px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:300px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:300px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:11px; font-family:Georgia, serif; 
	color:Blue; padding: 1px; margin:0;
	overflow:hidden; 
	
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	padding: 1px;
	color:Blue; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

table.Popup 
{
	border-right: #eeeeee  1px solid;
	border-top: #eeeeee 1px solid;	
	border-left: #eeeeee 1px solid;
	border-bottom: #eeeeee 1px solid;
	border-collapse: collapse;
	background-color: white;
	display:table;
	font-size:12px;
}
table.Popup td.cssTdLeft
{
	background-color:#faf9f7;
	font-size:11px;		
	font-family: Arial,Tahoma , Helvetica;	
	font-style:normal;
	font-weight:bold;	
	text-decoration:none;
	text-align:right;
	padding-left:3px;
	width:20%;
	white-space:nowrap;
}
table.Popup td.cssTdRight
{
	background-color:white;
	text-align:left;
	padding-left:3px;
	font-size:11px;		
	font-family: Arial,Tahoma , Helvetica;	
	font-style:normal;
	font-weight:normal;	
	text-decoration:none;
} 
.cssThongbao
{
    color:Red; 
    font-size: 12px;
}

/*lqthai: Chỉnh sửa css quản trị*/

.w-1{width: 1%;}.w-2{width: 2%;}.w-3{width: 3%;}.w-4{width: 4%;}.w-5{width: 5%;}.w-6{width: 6%;}.w-7{width: 7%;}
.w-8{width: 8%;}.w-9{width: 9%;}.w-10{width: 10%;}.w-11{width: 11%;}.w-12{width: 12%;}.w-13{width: 13%;}.w-14{width: 14%;}
.w-15{width: 15%;}.w-16{width: 16%;}.w-17{width: 17%;}.w-18{width: 18%;}.w-19{width: 19%;}.w-20{width: 20%;}.w-21{width: 21%;}
.w-22{width: 22%;}.w-23{width: 23%;}.w-24{width: 24%;}.w-25{width: 25%;}.w-26{width: 26%;}.w-27{width: 27%;}.w-28{width: 28%;}
.w-29{width: 29%;}.w-30{width: 30%;}.w-31{width: 31%;}.w-32{width: 32%;}.w-33{width: 33%;}.w-34{width: 34%;}.w-35{width: 35%;}
.w-36{width: 36%;}.w-37{width: 37%;}.w-38{width: 38%;}.w-39{width: 39%;}.w-40{width: 40%;}.w-41{width: 41%;}.w-42{width: 42%;}
.w-43{width: 43%;}.w-44{width: 44%;}.w-45{width: 45%;}.w-46{width: 46%;}.w-47{width: 47%;}.w-48{width: 48%;}.w-49{width: 49%;}
.w-50{width: 50%;}.w-51{width: 51%;}.w-52{width: 52%;}.w-53{width: 53%;}.w-54{width: 54%;}.w-55{width: 55%;}.w-56{width: 56%;}
.w-57{width: 57%;}.w-58{width: 58%;}.w-59{width: 59%;}.w-60{width: 60%;}.w-61{width: 61%;}.w-62{width: 62%;}.w-63{width: 63%;}
.w-64{width: 64%;}.w-65{width: 65%;}.w-66{width: 66%;}.w-67{width: 67%;}.w-68{width: 68%;}.w-69{width: 69%;}.w-70{width: 70%;}
.w-71{width: 71%;}.w-72{width: 72%;}.w-73{width: 73%;}.w-74{width: 74%;}.w-75{width: 75%;}.w-76{width: 76%;}.w-77{width: 77%;}
.w-78{width: 78%;}.w-79{width: 79%;}.w-80{width: 80%;}.w-81{width: 81%;}.w-82{width: 82%;}.w-83{width: 83%;}.w-84{width: 84%;}
.w-85{width: 85%;}.w-86{width: 86%;}.w-87{width: 87%;}.w-88{width: 88%;}.w-89{width: 89%;}.w-90{width: 90%;}.w-91{width: 91%;}
.w-92{width: 92%;}.w-93{width: 93%;}.w-94{width: 94%;}.w-95{width: 95%;}.w-96{width: 96%;}.w-97{width: 97%;}.w-98{width: 98%;}
.w-99{width: 99%;}.w-100{width: 100%;}
.w-1i{width: 1% !important;}.w-2i{width: 2% !important;}.w-3i{width: 3% !important;}.w-4i{width: 4% !important;}
.w-5i{width: 5% !important;}.w-6i{width: 6% !important;}.w-7i{width: 7% !important;}.w-8i{width: 8% !important;}
.w-9i{width: 9% !important;}.w-10i{width: 10% !important;}.w-11i{width: 11% !important;}.w-12i{width: 12% !important;}
.w-13i{width: 13% !important;}.w-14i{width: 14% !important;}.w-15i{width: 15% !important;}.w-16i{width: 16% !important;}
.w-17i{width: 17% !important;}.w-18i{width: 18% !important;}.w-19i{width: 19% !important;}.w-20i{width: 20% !important;}
.w-21i{width: 21% !important;}.w-22i{width: 22% !important;}.w-23i{width: 23% !important;}.w-24i{width: 24% !important;}
.w-25i{width: 25% !important;}.w-26i{width: 26% !important;}.w-27i{width: 27% !important;}.w-28i{width: 28% !important;}
.w-29i{width: 29% !important;}.w-30i{width: 30% !important;}.w-31i{width: 31% !important;}.w-32i{width: 32% !important;}
.w-33i{width: 33% !important;}.w-34i{width: 34% !important;}.w-35i{width: 35% !important;}.w-36i{width: 36% !important;}
.w-37i{width: 37% !important;}.w-38i{width: 38% !important;}.w-39i{width: 39% !important;}.w-40i{width: 40% !important;}
.w-41i{width: 41% !important;}.w-42i{width: 42% !important;}.w-43i{width: 43% !important;}.w-44i{width: 44% !important;}
.w-45i{width: 45% !important;}.w-46i{width: 46% !important;}.w-47i{width: 47% !important;}.w-48i{width: 48% !important;}
.w-49i{width: 49% !important;}.w-50i{width: 50% !important;}.w-51i{width: 51% !important;}.w-52i{width: 52% !important;}
.w-53i{width: 53% !important;}.w-54i{width: 54% !important;}.w-55i{width: 55% !important;}.w-56i{width: 56% !important;}
.w-57i{width: 57% !important;}.w-58i{width: 58% !important;}.w-59i{width: 59% !important;}.w-60i{width: 60% !important;}
.w-61i{width: 61% !important;}.w-62i{width: 62% !important;}.w-63i{width: 63% !important;}.w-64i{width: 64% !important;}
.w-65i{width: 65% !important;}.w-66i{width: 66% !important;}.w-67i{width: 67% !important;}.w-68i{width: 68% !important;}
.w-69i{width: 69% !important;}.w-70i{width: 70% !important;}.w-71i{width: 71% !important;}.w-72i{width: 72% !important;}
.w-73i{width: 73% !important;}.w-74i{width: 74% !important;}.w-75i{width: 75% !important;}.w-76i{width: 76% !important;}
.w-77i{width: 77% !important;}.w-78i{width: 78% !important;}.w-79i{width: 79% !important;}.w-80i{width: 80% !important;}
.w-81i{width: 81% !important;}.w-82i{width: 82% !important;}.w-83i{width: 83% !important;}.w-84i{width: 84% !important;}
.w-85i{width: 85% !important;}.w-86i{width: 86% !important;}.w-87i{width: 87% !important;}.w-88i{width: 88% !important;}
.w-89i{width: 89% !important;}.w-90i{width: 90% !important;}.w-91i{width: 91% !important;}.w-92i{width: 92% !important;}
.w-93i{width: 93% !important;}.w-94i{width: 94% !important;}.w-95i{width: 95% !important;}.w-96i{width: 96% !important;}
.w-97i{width: 97% !important;}.w-98i{width: 98% !important;}.w-99i{width: 99% !important;}.w-100i{width: 100% !important;}


.a-right{
	text-align: right;
}
.a-left{
	text-align: left;
}
.a-center{
	text-align: center;
}
.padding-1px{padding: 1px;}.padding-2px{padding: 2px;}.padding-3px{padding: 3px;}.padding-4px{padding: 4px;}.padding-5px{padding: 5px;}
.padding-6px{padding: 6px;}.padding-7px{padding: 7px;}.padding-8px{padding: 8px;}.padding-9px{padding: 9px;}.padding-10px{padding: 10px;}

.padding-l-1px{padding-left: 1px;}.padding-l-2px{padding-left: 2px;}.padding-l-3px{padding-left: 3px;}.padding-l-4px{padding-left: 4px;}.padding-l-5px{padding-left: 5px;}
.padding-l-6px{padding-left: 6px;}.padding-l-7px{padding-left: 7px;}.padding-l-8px{padding-left: 8px;}.padding-l-9px{padding-left: 9px;}.padding-l-10px{padding-left: 10px;}
.padding-r-1px{padding-right: 1px;}.padding-r-2px{padding-right: 2px;}.padding-r-3px{padding-right: 3px;}.padding-r-4px{padding-right: 4px;}.padding-r-5px{padding-right: 5px;}
.padding-r-6px{padding-right: 6px;}.padding-r-7px{padding-right: 7px;}.padding-r-8px{padding-right: 8px;}.padding-r-9px{padding-right: 9px;}.padding-r-10px{padding-right: 10px;}
.padding-b-1px{padding-bottom: 1px;}.padding-b-2px{padding-bottom: 2px;}.padding-b-3px{padding-bottom: 3px;}.padding-b-4px{padding-bottom: 4px;}.padding-b-5px{padding-bottom: 5px;}
.padding-b-6px{padding-bottom: 6px;}.padding-b-7px{padding-bottom: 7px;}.padding-b-8px{padding-bottom: 8px;}.padding-b-9px{padding-bottom: 9px;}.padding-b-10px{padding-bottom: 10px;}
.padding-t-1px{padding-top: 1px;}.padding-t-2px{padding-top: 2px;}.padding-t-3px{padding-top: 3px;}.padding-t-4px{padding-top: 4px;}.padding-t-5px{padding-top: 5px;}
.padding-t-6px{padding-top: 6px;}.padding-t-7px{padding-top: 7px;}.padding-t-8px{padding-top: 8px;}.padding-t-9px{padding-top: 9px;}.padding-t-10px{padding-top: 10px;}

/*css bắt buộc nhập*/
.in-require{
	border-left: 2px solid #f00 !important;
}
.w-in-require{
	display: inline-block;
	background: #f00;
	width: 3px;
	height: 15px;
}

/*bộ nút*/
.btn-org,
.btn-blue{
	background: #F96018 !important;
	color: #fff !important;
    border: 0px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0px 10px;
	cursor: pointer;
	display: inline-block !important;
}
.btn-blue{
	background: #2C78BB !important;
}
.btn-org:hover{
	background: #FB3B01 !important;
}
.btn-blue:hover{
	background: #0369C3 !important;
}

/*Popup*/
.modal-popup{
	padding: 5px;
    background: #4791D2;
}
.modal-popup .title{
	padding-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}


/*Phân trang*/
.data-paging{
	
}
.data-paging td{
	border: none;
	padding: 5px;
	position: relative;
}
.data-paging td span,
.data-paging td a{
	display: block;
	line-height: 26px;
	height: 26px;
	width: 26px;
	text-align: center;
	border: 1px solid #ccc;
	border-left: 0px;
	background: #FFD026;
	font-size: 14px;
	color: #337ab7;
	font-weight: bold;
	font-family:arial;
	float: left;
}
.data-paging td span:first-child{
	background: #ECECEC;
    width: 60px;
    margin-left: 0px;
    border-left: 1px solid #ccc;
	font-size: 13px;
}
.data-paging td span{
	color: #111;
}
.data-paging td a{
	background: #F5F5F5;
}
.data-paging td a:hover{
	background: #ddd;
}
.data-paging td a i{
	line-height: 26px;
	width: 100%;
}

.data-paging  .no-data{
	position: absolute;
    right: 30px;
    color: #f00;
    font-weight: bold;
}

/*Bộ lọc trên danh sách*/
.header-filter{
	padding: 5px;
	background: #ECECEC;
}
.header-filter .f-label{
	font-size: 13px;
	font-weight: bold;
}
.header-filter select{
	width: 200px;
	padding: 5px;
	border: 1px solid #ccc;
}
.header-filter select.drp-chuyenmuc{
	width: 300px;
}
.header-filter select.drp-trangthai{
	width: 150px;
}
.g-btn{
	padding: 5px 0px;
	text-align: right;
}
.btn-themmoi{
	display: inline-block !important;
	padding: 5px 10px;
	background: #FD6441;
	color: #fff !important;
	margin-top: -40px;
	margin-right: 5px;
}
.btn-themmoi:hover{
	background: #FF4E25;
}


/*Danh sách*/
.data-table td{
	padding: 3px;
}
.data-table  tbody{
	border: 1px solid #ccc;
}
.data-table	 .td-header td{
	padding: 4px 2px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	border-color: #ccc;
	background: #D4E9FF;
}



/*Bảng cập nhật*/
.table-update{
	background: #fff;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
}
.table-update select,
.table-update input[type="text"]{
	box-sizing: border-box;
}
.table-update .css-left{
	border: 1px solid #E4E4E4;
    padding: 3px 4px;
    font-weight: bold;
    font-size: 12px;
    background: #EFEFEF;
	text-align: right;
	width: 20%;
}
.table-update .css-right{
	border: 1px solid #E4E4E4;
	padding: 3px 4px;
	width: 80%;
}
.table-update select{
	height: 26px;
    border-color: #ccc;
    font-size: 13px;
}
.table-update input[type="text"],
.table-update input[type="password"]{
	height: 26px;
    border: 1px solid #ccc;
    padding: 0px;
    font-size: 13px;
}
.table-update textarea{
	resize: vertical;
	border: 1px solid #ccc;
}
.table-update tbody{
	border: 1px solid transparent;
}

/*album VIDEO*/
.album-video{
	font-family: 'Roboto', sans-serif;
	max-height: 404px;
    overflow: auto;
}
@media (max-width: 767px) {
	
}
@media (min-width: 768px) and (max-width: 991px) {
	.album-video{
		max-height: 320px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.album-video{
		max-height: 337px;
	}
}
.album-video  a{
	display: block !important;
    text-decoration: none;
    border-bottom: 1px solid #D0D0D0;
    padding: 7px 3px;
    font-weight: bold;
    -webkit-transition: all 0.2s ease,color 0.15s ease;
    transition: all 0.2s ease,color 0.15s ease;
    max-height: 47px;
    overflow: hidden;
	height:35px !important;
}
.album-video  a:hover{
	background: #EAEAEA;
}
.album-video  a:before{
	content: "\f008";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-right: 4px;
	font-size: 14px;
}
.album-video  a.active:before{
	color: #FB3A00;
}

.item-player{
	font-family: 'Roboto Condensed', sans-serif;
}
.item-player .item-title{
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0px 5px 0px;
	color: #EE1919;
}
.item-player .item-title:before{
	content: "\f144";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-right: 4px;
	color: #FB3A00;
}
.item-player .item-video{
	position: relative;
    padding-bottom: 60%;
	background: #444;
}
.item-player .item-video iframe{ 
	width: 100%;
	height: 100%;
    max-width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
    max-height:310px;
}
.item-player video{
	width: 100%;
    height: 100%;
    position: absolute;
	left: 0px;
    top: 0px;
    max-height:310px;
}

.play-list-video{
	padding:5px;
    background: #F1F1F1;
    max-width:100% !important;
	font-family: 'Roboto Condensed', sans-serif;
}
.play-list-video .item-video{
	display: block;
    margin: 0 auto;
	text-decoration: none;
}
.play-list-video .item-video .img{
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.play-list-video .item-video span{
	font-size: 13px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px;
}
.play-list-video .item-video .img:before{
	content: "\f144";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position: absolute;
    font-size: 20px;
    color: #FFF;
    width: 50px;
    height: 50px;
    text-align: center;
    left: 0;
    /*margin-left: -105px;*/
    top: 50%;
    margin-top: -25px;
	z-index: 2;
	visibility:hidden;
	-webkit-transition: all 0.2s ease,color 0.15s ease;
	transition: all 0.2s ease,color 0.15s ease;
	line-height: 50px;
}
.play-list-video .item-video .img:after{
	content: '';
    width: 100%;
    height: 100%;
    background: rgba(1,1,1,0.3) !important;
    position: absolute;
    left: 0px;
    z-index: 1;
	visibility: hidden;
	-webkit-transition: all 0.2s ease,color 0.15s ease;
	transition: all 0.2s ease,color 0.15s ease;
}
.play-list-video .item-video:hover .img:after{
	visibility: visible;
}
.play-list-video .item-video:hover .img:before{
	visibility: visible;
	font-size: 50px;
	margin-left: -25px;
	left: 50%;
}

.play-list-video .item-video.active   span:before{
	content: "\f16a";
    color: #FB3A00;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 4px;
    font-size: 14px;
} 
.play-list-video .item-video .img{
	background: #ccc;
}
.play-list-video .item-video .img img{
	height:100%;
    max-height: 80px;
}

@media (max-width: 767px) {
	.play-list-video .item-video {
		padding-bottom: 5px;
		border-bottom: 1px solid #DEDEDE;
		margin-bottom: 10px;
	}
	.play-list-video .item-video .img{
		width: 100%;
		float: left;
		margin-right: 5px;
	}
	.play-list-video .item-video   span{
		display: initial;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.play-list-video .item-video .img{
		height: auto;
        width: 100%;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.play-list-video .item-video .img{
		height: auto;
	}
}
@media (min-width: 1200px) {
	.play-list-video .item-video .img{
		height: 100%;
	}
}

.play-list-video .item-video .img-view {
    /*height: 120px !important;*/
    height: auto !important;
     width: 100% !important;
}


@media (max-width: 992px) {
	.item-player{
        height:auto !important;
    }

    .item-player .item-video iframe ,.item-player video{ 
        max-height:100% !important;
    }
  
}

.playlist-youtube {
	min-height: 40px !important;
}