*{  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;

}
body {
	margin: 0;
	/* [disabled]color:#000; */
	color: #373737;
	line-height: 20px;
	overflow-x: hidden;
	font-family: "Century Gothic","Lucida Sans",Arial,Tahoma;
	background: url("../images/bg_body.jpg") top repeat-x #ffffff;
}
.size-980 .line {
  margin: 0 auto;
  max-width: 61.5em;
  /*padding: 0 0.10em;*/
  
}
.size-1140 .line {
  margin: 0 auto;
  max-width: 81.25em;
  padding: 0 0.10em;
}
.line {
  clear: left;
}
.line h1 {
	padding-top: 25px;
}
h1{
	font-size:26px;
	line-height:40px;
	font-weight:bold;
	text-transform:uppercase;
	font-family: "Century Gothic","Lucida Sans",Arial,Tahoma;
}
h2{
	font-size:22px;
	font-weight:bold;
	line-height:40px;
	text-transform:uppercase;
	/*font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;*/
}
h3{
	font-size:18px;
	font-weight:bold;
	color:#00b104;
	text-align:left;
	line-height:40px;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
}
h4{
	font-size:18px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:40px;
}
p{
	margin:0 0 1em;
	font-size:14px;
}
a{
	color:#373737;
	text-decoration:none;
}
a:hover{
	color:#797979;
	text-decoration:none;
}
a img{
	border:none;
}
div.clear{clear:both;}
.left{
	float:left;
}
.right{
	float:right;
}
.margin_top{
	margin-top:20px;
}
.margin_bottom{
	margin-bottom:20px;
}
.margin_left{
	margin-left:20px;
}
.margin_right{
	margin-right:20px;
}
.text_left{
	text-align:left;
}
.text_right{
	text-align:right;
}
.text_big{
	font-size:36px;
}
.border_bottom {
    border-bottom: 0.5px solid #ffffff;
}
.border_bottom_bold {
    border-bottom: 7px solid #797979;
	margin-bottom:20px;
}
.border_bottom_dashed {
	border-bottom:1px dashed #797979;
	margin:10px 0px;
}
ul {
    margin: 0 0 30px;
    padding-left: 40px;
}
ul.lish_content {
    line-height: 40px;
    list-style-image: url("../images/sqpurple.png") !important;
    margin-left: 30px;
    padding: 0px 20px 0px 0px;
}

/*##################### HEADER ###################################*/
#header {
	display: table;
	width:100%;
	padding: 1.5em 0em 0em 0em;
}
.logo{
	float:left;
	position:absolute;
}
.bg_header{
	float:right;
}
#slideshow{
	margin:0px 0px 0px 0px;
	width:100%;
}
.slide_video{
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	padding:10px 15px;
	margin:0px 0px 10px 0px;
	background:#797979;
	border-radius:10px;
}

.slide_video a{
	color:#ffffff;
}
.slide_video a:hover{
	color:#000;
}

/* #################### MENUBAR ####################*/
#box_menu{
	background: url(../images/v1.jpg) repeat-x;
	width:100%;
	position:absolute;
	z-index:999;
	top:143px;
	/*border-bottom:7px solid #373737;*/
	-webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.61);
	-moz-box-shadow:    0px 3px 11px 0px rgba(50, 50, 50, 0.61);
	box-shadow:         0px 3px 11px 0px rgba(50, 50, 50, 0.61);
}

/* #################### Content #################### */
#content{
	/*width:100%;
	margin:7px 0px 30px 0px !important;
	padding:50px 0px 30px 0px;
	background: url(../images/bg-page-2.jpg) center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  /* width: 100%; */
margin: 56px 0px 30px 0px !important;
-moz-background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
background-color: #FFF;
background: url(../images/bg-page-2.jpg) center;
/* background-attachment: fixed !important; */
background-color: rgb(251, 251, 251) !important;
background-position: 50% 0% !important;
background-repeat: no-repeat no-repeat !important;
margin: 0px;
padding: 0px;
}
.box_product{
	width:185px;
	float:left;
	margin:10px 7px 0px 0px !important;
}
.box_product:hover{
	opacity:0.9;
}
.box_product h3{
	font-size:14px;
	color:#000;
	font-weight:bold;
	line-height:20px;
	margin:10px 0px 0px 0px;
}
.box_product_border{
	border-bottom:1px solid #797979;
	margin:10px 0px;
}
.box_product_text{
	display: none;
	color:#FFF;
	font-size:12px;
	padding:5px 10px 5px 10px;
	position:relative;
	margin:-40px 0px 0px 0px;
	text-align:right;
	line-height:20px;
	float:right;
	background: #000;
  	background: rgba(0,0,0, .7);
}
.box_product_readmore{
	background:url("../images/read_product.png") no-repeat #373737;
	color:#ffffff;
	padding:5px 5px 0px 5px;
	width:185px;
	height:33px;
	font-size:10px;
	text-transform:uppercase;
}
.box_product_readmore:hover{
	background:url("../images/read_product.png") no-repeat #797979;
}
#wrapper .text {
	left:0px;
	padding:10px;
	visibility:hidden;
}

#wrapper:hover .text {
	visibility:visible;
	padding:10px;
	color:#ffffff;
	font-size:12px;
	line-height:15px;
	position:relative;
	bottom:125px;
	cursor:pointer;
	background: #000;
  	background: rgba(0,0,0, .8);
}

#toggle-view {
	list-style:none;	
	font-family:arial;
	font-size:11px;
	margin:0;
	padding:0;
	width:100%;
}
#toggle-view li {
	margin:10px;
	border-bottom:1px solid #797979;
	position:relative;
	cursor:pointer;
}
#toggle-view h3 {
	margin:0;
	font-size:16px;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
}
#toggle-view span {
	position:absolute;
	right:5px; top:0;
	color:#373737;
	font-size:13px;
}
#toggle-view p {
	margin:5px 0;
	display:none;
}
.address{
	float:left;
	width:320px;
	margin-bottom:30px;
}
.googlemap{
	float:right;
	width:600px;
	margin-bottom:30px;
}
#view_vdeo{
	width:100%;
	margin:0px 0px 30px 0px;
}
.view_vdeo_box{
	background:#797979;
	color:#ffffff;
	padding:10px 20px;
	margin:0px 0px 20px 0px;
	text-transform:uppercase;
}
.bg_content_title{
	padding:20px 20px;
	text-align:center;
	color:#ffffff;
	text-transform:uppercase;
	height:146px;
	margin:-45px 0px 20px; 0px;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	background:url("../images/bg_content.jpg") repeat;
}
.head_pic_content{
	margin:-43px 0px 50px 0px;
	border-bottom:7px solid #797979;
}

.box_project{
	width:300px;
	float:left;
	padding:20px;
	margin:0px 20px 30px 0px;
	border:1px solid #797979;
}
.box_project img{
	border:1px solid #797979;
	margin:10px 0px;
}
.box_project h3{
	color:#000;
	font-size:16px;
}
.box_project h2{
	text-align:center;
}
.box_project_more{
	background:#373737;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
	padding:10px 0px;
	margin:0px 0px 20px 0px;
	text-transform:uppercase;
}
.box_project_more:hover{
	background:#797979;
}
/* #################### Footer  ####################*/
#footer{
	padding:10px 0px;
	width:100%;
	height:340px;
	color:#ffffff;
	background:#373737;
}
#footer a{
	color:#ffffff;
}
#footer a:hover{
	color:#797979;
}
.footer_box{
	width:302px;
	float:left;
	margin:20px 20px 0px 0px;
	font-family: "Century Gothic","Lucida Sans",Arial,Tahoma;
}

#footer_copyright{
	padding:10px 0px 30px 0px;
	width:100%;
	color:#ffffff;
	background:#797979;
}
#footer_copyright a{
	color:#ffffff;
}
#footer_copyright a:hover{
	color:#373737;
}


/*Project Table*/



.area-inner {
padding: 20px 10px;
}
.profile-detail {
float: left;
width: 710px;
padding: 0 0 0 30px;
}
.profile-detail p {
line-height: 25px;
padding: 5px 0px;
}.wrapper-inner .profile {
	float: left;
	width: 250px;
}



/*product*/
.wrapper-inner .fancybox-wrapper {
	width: 232px;
	/*height: 240px;*/
	float: left;
	margin: 0 8px 0 0;
}
.wrapper-inner .fancybox-wrapper a {
	float: right;
}


/*project*/
.wrapper-inner h4 {
font-size: 18px;
font-weight: normal;
/* letter-spacing: 1px; */
line-height: 40px;
text-transform: uppercase;
font-weight: bold;
color: #373737;
font-size: 16px;
margin: 0px 0 5px 12px;
}
.clear {line-height: 0px; clear: both; visibility: hidden;}
.striped1 {background: #ebf4f9;}
.striped2{background: #D2E6F1;}
.col-indent {
margin: 0px 20px 0 10px;
width: 180px;
text-transform: uppercase !important;
font-size: 12px;
/* letter-spacing: 0px; */
}
.col-indent2 {width: 115px; margin: 0px 15px 0 0; font-size: 13px; text-transform: uppercase !important;}
.col-indent3 {width: 350px; margin: 0px 40px 0 0; text-transform: uppercase !important;}
.col-indent4 {width: 65px; margin: 0px 15px 0 0;}
.col-indent5 {width: 135px; text-transform: uppercase !important;}

.last-rradius {border-radius: 0px 0px 10px 0px; -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px;}
.pj-table {overflow: hidden; text-transform: uppercase; font-family: 'exo_2.0light'; margin: 0 0 35px 0;}
.pj-table-wrapper {border-right: 1px solid #a7c1d0; border-bottom: 1px solid #a7c1d0; border-left: 1px solid #a7c1d0; width: 947px; margin: 0 0 0 6px; overflow: hidden; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; /*min-height: 159px; max-height: 2500px*/;}
.top-row {height: 32px; width: 949px; color: #FFF; font-size: 13.5px;}
.border-top-left {background: url(./../images/border-top-left.jpg) no-repeat; width: 32px; padding: 7px 0 0 6px; height: 32px; float: left;}
.border-top {background: #49b3d3;width: 884px;height: 32px;padding: 7px 10px 7px 10px;float: left}
.border-top span {float: left;}
.border-top-right {background: url(./../images/border-top-right.jpg) no-repeat; width: 32px; height:32px; float: left;}

.border-left {display: none; background: #49b3d3; color: #FFF; height: auto; width: 33px; overflow: hidden; float: left;}
.border-left p {display: block; margin: 0; padding: 15px 0 13.7px 0; text-align: center; border-top: 1px solid #F7FBFF;}
.border-left p span {visibility: hidden;}
.border-bottom-left {background: url(./.../../images/border-bottom-left.jpg); height:32px; width:32px; border: none;}
.border-bottom-left p {margin-top: 15px; padding: 0; border: none}


.border-inner-content {float: left; /*background: #E9F6FD; */width: 946px; font-size: 13px;}
.border-row-content {padding: 5px 0 5px 0; /*min-height: 46px;*/ color: #454545; font-size: 13px; overflow: hidden; /*background: #e5f0f7;*/ }
.border-row-content span {/*width: 145px;*/display: inline-block;text-transform: none;/*text-align: center;*/padding: 5px 0 0 5px;float: left;}
.border-row-content span > h3 {margin: 0; font-family: 'exo_2.0light'; display: inline-block; margin: -11px 5px 0 0; font-size: 14px; color: #363636;}
.border-row-content button {width: 67px; height: 28px; float: right; border: none; /*display: block;*/display: none; background: #329ad6; color: #FFF; margin: 10px 10px 0 0; padding: 4px 10px; font-size: 14px; text-transform: lowercase; text-decoration: none; border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}
.border-row-content button:hover {background: #1F5D81;}

.btn-close {float: left;}
.btn-close-txt {font-size: 14px; padding: 4px 0px 0 6px; display: block; float: left;}

.img-modal-inner-img, .img-modal-inner-txt {float: left;}
.img-modal-inner-txt {
width: 294px;
margin: 0px 0 0 12px;
}
.img-modal-inner-img {border: 1px solid #797979;}
.img-modal-inner-txt h3 {
font-size: 14px;
color: #616161;
}
.modal-body span {font-size: 12px; margin: 0 0 0 11px;}
/*fabrication*/
.wrapper-inner ul {font-size: 14px;}
/*JOB*/
.area-list-job{margin:20px 0px;}
h1.tag-j{ padding: 10px 0 10px 0; margin: 0; line-height: 20px; float: left;}
.tag-j{ color:#fff!important; background:#329ad6; padding:0px 10px; font-size:20px; width:150px; margin:0px; text-align:center}
.box-search{ background:#49b3d3; border-radius:6px; padding: 0px 0 5px 0px; height: 40px; margin:20px 0px; overflow:hidden; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px;}
.form-control{
	display: block;
	margin: 5px 0px;
	width: 100%;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 1.428571429;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form{ float:left; padding:0px 10px 0 0; width:30%;} 
.label{ float:left; padding:12px 10px 0 0;}
.list-job{ margin:10px 0px; width:100%}
.row-job{ padding:10px; border-bottom:dotted #E6E6E6 1px; overflow:hidden; font-size:14px}
.col-1{ float:left; width:70%;}
.col-2{ float:left; width:30%; text-align:right; color:#329ad6;}
.time-job{ color:#666}
.list-name{ color:#666;}
.list-location{ color:#666;}
.number{ background:#49b3d3; padding:0px 5px; color:#FFF; float:left; margin:0 10px 0 0}
.area-name-job{ float:left; padding-left:5px;}
.wrapper-box-search {border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; margin: -10px 0 0 0;}

/*-------------------------------pagination---------------------------------------   -----------*/

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
  font-size:12px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding:5px 8px;
  margin-left: -1px;
  line-height: 1.328571429;
  color: #333;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color:#06F;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #329ad6;
  border-color: #329ad6;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/*-------------------------------end pagination---------------------------------------   -----------*/

.pj-ref-link {
/* height: 20px; */
margin: 25px 0 0 0;
padding: 5px 47px 5px 44px;
/* width: 195px; */
float: right;
text-transform: uppercase;
background: #329ad6;
color: #FFF;
}
.pj-ref-link:hover {
background: #49b3d3;
color: #fff;
}

/*contact*/
.wrapper-inner .left h3, .wrapper-inner .right h3 {color: #373737; text-align: center;}
.vdo{ display:none; padding:50px 0 50px 160px; }
.box-fac{margin: 10px 10px;text-transform: uppercase;
font-family: 'exo_2.0light'; overflow: hidden; font-size: 13px;}
.col-table{float: left; width: 670px; }
.col-table-img{float: left; width: 270px; padding-left:20px;}
.col-table-img img{padding: 10px 0px;}

.title-img-fac{ padding: 10px 10px;border: 1px #EDEDED solid; text-align: center}
.box-map{ margin: 10px 0px; overflow: hidden}
.box-map ul li{ float: left; width: 300px; padding: 10px; list-style: none;}
.box-map ul li img{border: 1px solid #797979;}
.box-map ul li a{ color: #373737}
.box-map ul li h3{ text-align: center;color: #373737; font-size: 16px;}
/*-----------------table---------------------------------*/

table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd ;
  }
table {
  background-color: transparent;
}

th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px 8px;
  font-size: 14px;
  line-height: 1.42857143;
  
  border-top: 1px solid #ddd;
}
.table > tbody > tr:last-child{}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #CDCDCD;
  border-top: 2px solid #CDCDCD;
  background: rgb(240, 240, 240);
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
  font-size: 13px!important;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #FCF9F9;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}



.blue1{ background: #D2E6F1!important}
.blue2{ background: #ebf4f9!important;}
.blue3{ background: #49b3d3!important; font-weight: bold; color: #fff}