/* AN CAC COT KO CAN THIET TREN MOBILE */
.hidden-tb{display:none!important}	
table.table thead {background: rgba(238, 238, 238, 0.72)}
@media screen and (max-width: 992px)
{			
	.tb-responsive {
	    width: 800px;
	    overflow-y: hidden; overflow-x: hidden;
	    -ms-overflow-style: -ms-autohiding-scrollbar;
	    white-space: normal;
	}
}
@media screen and (max-width: 992px)
{			
	.scrollTable {	   
	    overflow-x: auto;
	}
}
.scroll-h{max-height: 425px; overflow-x: auto;}

@media screen and (max-width: 600px)
{			
	.tb-sm-responsive {
	    width: 800px;
	    overflow-y: hidden; overflow-x: hidden;
	    -ms-overflow-style: -ms-autohiding-scrollbar;
	    border: 1px solid #ddd;
	    white-space: normal;
	}
}

@media screen and (max-width: 600px)
{			
	.scrollTable-sm {
	    overflow-y: hidden;
	    overflow-x: auto;
	}
}

@media only screen and (min-width: 801px) {
	.scroll-md{max-height:600px; overflow-y:auto}
}
@media only screen and (max-width: 800px) {
	#no-more-tables table{max-height:400px; overflow-y:auto}
}

@media only screen and (max-width: 479px)
{
	#no-more-tables td {
		padding-left:50%
	}
}

@media (min-width: 480px) and (max-width:800px)
{
	#no-more-tables td {
		padding-left: 32%;
	}
}
		
@media only screen and (max-width: 800px) {
       /* Force table to not be like tables anymore */
       #no-more-tables table,
       #no-more-tables thead,
       #no-more-tables tbody,
       #no-more-tables th,
       #no-more-tables td,
       #no-more-tables tr {
       display: block;
       }
        
       /* Hide table headers (but not display: none;, for accessibility) */
       #no-more-tables thead tr {
       position: absolute;
       top: -9999px;
       left: -9999px;
       }
        
       #no-more-tables tr { border: 1px solid #ccc; }
         
       #no-more-tables td {
       /* Behave like a "row" */
       border: none;
       border-bottom: 1px solid #eee;
       position: relative;
       /*padding-left: 50%;*/
       white-space: normal;
       text-align:left;
       }
        
       #no-more-tables td:before {
       /* Now like a table header */
       position: absolute;
       /* Top/left values mimic padding */
       top: 6px;
       left: 6px;
       width: 45%;
       padding-right: 10px;
       white-space: nowrap;
       text-align:left;
       font-weight: bold;
       }
        
       /*
       Label the data
       */
       #no-more-tables td:before { content: attr(data-title); }
	#no-more-tables table{width:100%}
		
}