@font-face {
    font-family: 'ubunturegular';
    src: url('../font/ubuntu-r-webfont.eot');
    src: url('../font/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ubuntu-r-webfont.woff') format('woff'),
         url('../font/ubuntu-r-webfont.ttf') format('truetype'),
         url('../font/ubuntu-r-webfont.svg#ubunturegular') format('svg');
/*    font-weight: normal;
    font-style: normal;
*/
}
.text-center{ text-align:center !important;}
.text-right{ text-align: right !important;}
.text-left{ text-align: left !important;}
.grayBG { background-color:#CCC !important;}
.platinumBG { background-color:#E5E4E2 !important;}
.whiteBG { background-color:#FFF !important;}
.yelloBG { background-color:#fff69b !important;}
.redBG { background-color:#FF5353 !important;}
.greenBG { background-color: #79FC4E !important;}
.light-grayBG{ background-color:#D3D3D3 !important;}
.nowrap{white-space:nowrap; }
.nobr{ border:none !important;}
.text-error,.text-danger {
  color: #dd3c10;
}
.text-dark-purple { color:#9400D3;}
.text-blue-ribbon { color:#306EFF; }
.txt-orange-gold{ color:#D4A017;}
.txt-clover-green { color:#3EA055; }
.txt-md-sea-green { color:rgb(102, 124, 38);}
.txt-red{ color:#F00;}


.text-small{  font-size: 11px !important; }
.minh300{ min-height:300px !important; }
.dcenter {margin-left: auto !important;margin-right: auto !important;float: none !important;}

.dataTables_wrapper{ position:relative;}
table.dataTable tr.even.row_selected td {
	background-color: #9FAFD1;
	color:#FFFF00;
	font-weight:bold;
}

table.dataTable tr.odd.row_selected td {
	background-color: #9FAFD1;
	color:#FFFF00;
	font-weight:bold;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	/*left: 50%;*/
	left:0px;
	width: 100%;
	height:100%;
	/*margin-left: -125px;*/
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 16px;
	font-weight:bold;
	padding: 2px 0;
	background-color:#000000;
	 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

  /* IE 5-7 */
  filter: alpha(opacity=40);

  /* Netscape */
  -moz-opacity: 0.4;

  /* Safari 1.x */
  -khtml-opacity: 0.4;
	opacity:0.4;	
	z-index:2000;
}
.scrollable-area {
width: 100%;
overflow: auto;
overflow-y: hidden;
}

.table thead tr th , .table tfoot tr th {
		background: -moz-linear-gradient(top,  rgba(40,151,183,0) 0%, rgba(35,129,156,0.1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,151,183,0)), color-stop(100%,rgba(35,129,156,0.1)));
		 background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%); 
		background: -o-linear-gradient(top,  rgba(40,151,183,0) 0%,rgba(35,129,156,0.1) 100%);
		background: -ms-linear-gradient(top,  rgba(40,151,183,0) 0%,rgba(35,129,156,0.1) 100%);
		 background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002897B7', endColorstr='#1a23819C',GradientType=0 );	
	
}


table.display tr.odd.gradeA ,table tr:nth-child(odd).gradeA{
	background-color: #ddffdd;
}

table.display tr.even.gradeA ,table tr:nth-child(even).gradeA{
	background-color: #eeffee;
}

table.display tr.odd.gradeC ,table tr:nth-child(odd).gradeC{
	background-color: #ddddff;
}

table.display tr.even.gradeC  ,table tr:nth-child(even).gradeC{
	background-color: #eeeeff;
}

table.display tr.odd.gradeX ,table tr:nth-child(odd).gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX  ,  table tr:nth-child(even).gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU ,  table tr:nth-child(odd).gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU ,  table tr:nth-child(even).gradeU {
	background-color: #eee;
}


table tr:nth-child(even).pig-pink {
	background-color: #FDD7E4;
}

table tr:nth-child(odd).pig-pink {
	background-color: #FFF;
}

input.nomargin{
	margin:0px 0px 0px 0px;	
}


.dataTables_scrollHeadInner .table {margin-bottom:0px;}


table.dataTable thead tr th.sorting_asc {
	background: url('../img/sort_asc.png') no-repeat center right;
	background: url('../img/sort_asc.png') no-repeat center right, -moz-linear-gradient(top,  rgba(40,151,183,0) 0%, rgba(35,129,156,0.1) 100%);
	background: url('../img/sort_asc.png') no-repeat center right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,151,183,0)), color-stop(100%,rgba(35,129,156,0.1)));
	background: url('../img/sort_asc.png') no-repeat center right, -o-linear-gradient(top,  rgba(40,151,183,0) 0%,rgba(35,129,156,0.1) 100%);
	background: url('../img/sort_asc.png') no-repeat center right, -ms-linear-gradient(top,  rgba(40,151,183,0) 0%,rgba(35,129,156,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002897B7', endColorstr='#1a23819C',GradientType=0 );	

}

table.dataTable thead tr th.sorting_desc {
	background: url('../img/sort_desc.png') no-repeat center right;
	background: url('../img/sort_desc.png') no-repeat center right, -moz-linear-gradient(top,  rgba(40,151,183,0) 0%, rgba(35,129,156,0.1) 100%);
	background: url('../img/sort_desc.png') no-repeat center right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,151,183,0)), color-stop(100%,rgba(35,129,156,0.1)));
	background: url('../img/sort_desc.png') no-repeat center right, -o-linear-gradient(top,  rgba(40,151,183,0) 0%,rgba(35,129,156,0.1) 100%);
	background: url('../img/sort_desc.png') no-repeat center right, -ms-linear-gradient(top,  rgba(40,151,183,0) 0%,rgba(35,129,156,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002897B7', endColorstr='#1a23819C',GradientType=0 );	
}

table.dataTable thead tr th.sorting {
	background: url('../img/sort_both.png') no-repeat center right;
	background: url('../img/sort_both.png') no-repeat center right, -moz-linear-gradient(top,  rgba(40,151,183,0) 0%, rgba(35,129,156,0.1) 100%);
	background: url('../img/sort_both.png') no-repeat center right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,151,183,0)), color-stop(100%,rgba(35,129,156,0.1)));
	background: url('../img/sort_both.png') no-repeat center right, -o-linear-gradient(top,  rgba(40,151,183,0) 0%,rgba(35,129,156,0.1) 100%);
	background: url('../img/sort_both.png') no-repeat center right, -ms-linear-gradient(top,  rgba(40,151,183,0) 0%,rgba(35,129,156,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002897B7', endColorstr='#1a23819C',GradientType=0 );	

}

table.dataTable thead tr th.sorting_asc_disabled {
	background: url('../img/sort_asc_disabled.png') no-repeat center right;
}

table.dataTable thead tr th.sorting_desc_disabled {
	background: url('../img/sort_desc_disabled.png') no-repeat center right;
}

.divbox{
		/*min-height: 20px;*/
		padding: 10px;
		margin-bottom: 10px;
		/*background-color: #f5f5f5;*/
		border: 1px solid #eee;
		border: 1px solid rgba(0, 0, 0, 0.05);
		-webkit-border-radius: 4px;
			 -moz-border-radius: 4px;
						border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
			 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
						box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);	
}

.valign-middle{ vertical-align:middle !important;}
.navbar .divider-vertical {
border-right-color: #868d97;
border-left-color: #6c737e; }

input.number{ text-align:right}

.label-size{
		 margin:0;
		 padding:0;
		 position:relative;
 }
 .label-size a{
		 float:left;
		 height:24px;
		 line-height:24px;
		 position:relative;
		 font-size:12px;
		 margin-bottom: 9px;
		 margin-left:20px;
		 padding:0 10px 0 12px;
		 background:#0089e0;
		 color:#fff;
		 text-decoration:none;
		 -moz-border-radius-bottomright:4px;
		 -webkit-border-bottom-right-radius:4px;
		 border-bottom-right-radius:4px;
		 -moz-border-radius-topright:4px;
		 -webkit-border-top-right-radius:4px;
		 border-top-right-radius:4px;
 }
.label-size a:before{
		 content:"";
		 float:left;
		 position:absolute;
		 top:0;
		 left:-12px;
		 width:0;
		 height:0;
		 border-color:transparent #0089e0 transparent transparent;
		 border-style:solid;
		 border-width:12px 12px 12px 0; 
 }
.label-size a:after{
		 content:"";
		 position:absolute;
		 top:10px;
		 left:0;
		 float:left;
		 width:4px;
		 height:4px;
		 -moz-border-radius:2px;
		 -webkit-border-radius:2px;
		 border-radius:2px;
		 background:#fff;
		 -moz-box-shadow:-1px -1px 2px #004977;
		 -webkit-box-shadow:-1px -1px 2px #004977;
		 box-shadow:-1px -1px 2px #004977;
 } 

.label-size a:hover{background:#555;}
.label-size a:hover:before{border-color:transparent #555 transparent transparent;}
/*
Example
<span class="label-size label-size-2">
<a dir="ltr" href="http://www.stylifyyourblog.com/search/label/Announcement">Announcement</a>
</span>*/





/*   28/10/2017    */
/*img {
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
}
html {	
 -webkit-filter: grayscale(100%); 
}*/

/*(function() {
    'use strict';
        var filterVal = '{-moz-filter:none!important;-webkit-filter:none!important;filter:none!important;}';
    switch(true)
    {
        case (window.location.hostname.indexOf("blognone")!==-1) :
        case (window.location.hostname.indexOf("overclockzone")!==-1) :
            filterVal= "<style>.icon-pantip-products *"+filterVal+"</style>" ;
            break;
        case (window.location.hostname.indexOf("pantip")!==-1) :
            filterVal= "<link type='text/css' rel='stylesheet' href='https://web.archive.org/web/20161009044831cs_/http://pantip.com/css/version/1473668260/style.css'></script>";
            break;
        default:
            filterVal="<style>body,img,html"+filterVal+"</style>";
            break;
    }
    var d1 = document.getElementsByTagName('body')[0];
    d1.insertAdjacentHTML('beforeend',filterVal);

})();*/


/*img {
-webkit-filter: grayscale(70%);
-moz-filter: grayscale(70%);
-ms-filter: grayscale(70%);
-o-filter: grayscale(70%);
filter: grayscale(70%);
filter: gray;
}*/

/*html {
-webkit-filter: grayscale(70%);
-moz-filter: grayscale(70%);
-ms-filter: grayscale(70%);
-o-filter: grayscale(70%);
filter: grayscale(70%);
filter: gray;
}*/

/*html { 

		height:auto; min-height:100%; 
	     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	    filter: gray;
	    -webkit-filter: grayscale(1);

}*/
/*--------------------*/

@media (max-width: 980px) {
	.main-menu-span{ width:100% !important;}
}


/*Black Ribbon*/

/*.black-ribbon {
  position: fixed;
  z-index: 9999;
  width: 70px;
}
@media only all and (min-width: 768px) {
  .black-ribbon {
    width: auto;
  }
}
.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }*/