@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);


/* Basic HTML
----------------------------------------------------------------------------------------------------*/

.container_4 { background:#fff; }
h2,h3,h4,h5,h6 { line-height: 1.4; }
a { text-decoration:none; cursor:pointer; color: #e83d0f; }
a.blue { color:#2a68a2; }
a.yellow { color:#e8aa13; }
a.green { color:#57a50b; }
a:hover { color: #555; }
small { font-size: 11px; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }


/* Misc Classes
----------------------------------------------------------------------------------------------------*/

.align_center { text-align: center; }
.align_right { text-align: right; }
.float_right { float:right; margin:0 !important; }


/* Code
----------------------------------------------------------------------------------------------------*/

pre,code { font-size: 12px; /*font-family: Menlo, Courier, monospace;*/ font-family: 'Open Sans', sans-serif; padding: 9px 13px 8px; margin: 0 0 15px; display: block; }
pre,.notice { margin:0 0 15px; background: #ffe; border: 1px solid; border-color: #eed #ccb #bba #ddc; overflow: auto; padding: 10px 0 10px 10px; }
* html pre {overflow: hidden; width: 97%; }
code { background: #ff9; }



/* Admin Pro Styling
----------------------------------------------------------------------------------------------------*/


	body { background:# url('../images/body_bg.png') repeat; color: #555; }
	#login-wrapper { padding:20px 0; width:275px; margin:0 auto; }
	#logo { width:100%; height:62px; margin:0 0 15px; }
	#logo h1 { margin:0; text-indent:-9999px; height:62px; background: url(../images/logo.png) no-repeat center center; }
	
	#login-form { margin:0 auto; width:235px; padding:20px; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.4); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.4); box-shadow:1px 1px 3px rgba(0,0,0,0.4); }
	
	.under-form { text-align:center; width:100%; padding:15px 0; font-size:11px; color:rgba(255,255,255,0.5); }


.push-down { padding-bottom:20px !important; }

.header-wrap { background:# url('../images/header_bg.png') repeat-x top center; }
#header { background:# url('../images/header_bg.png') repeat-x top center; height:131px; }

#main-navigation { clear:both; background:url('../images/navigation_bg.png') repeat-x; height:69px; }
#main-navigation .nav-wrap { border:1px solid rgba(255,255,255,0.2); border-bottom:0; height:63px; box-shadow:0 -1px 5px rgba(0,0,0,0.3); }
#main-navigation ul, #main-navigation li { margin:0; padding:0; list-style:none; }
#main-navigation ul { padding:10px 0 0 20px; }
#main-navigation li { display:inline-block; padding:0 15px 0 0; }
#main-navigation li a { position:relative; color:#fff; text-decoration:none; font-size:10px; padding-top:28px; display:block; }
#main-navigation li a:hover, #main-navigation li a.active { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65; }

#main-navigation li a.dashboard { background:url('../images/icon_dashboard.png') no-repeat top center; }
#main-navigation li a.grid { background:url('../images/icon_grid.png') no-repeat top center; }
#main-navigation li a.page { background:url('../images/icon_page.png') no-repeat top center; }
#main-navigation li a.stats { background:url('../images/icon_stats.png') no-repeat top center; }
#main-navigation li a.calendar { background:url('../images/icon_calendar.png') no-repeat top center; }
#main-navigation li a.forms { background:url('../images/icon_forms.png') no-repeat top center; }
#main-navigation li a.gallery { background:url('../images/icon_gallery.png') no-repeat top center; }
#main-navigation li a.users { background:url('../images/icon_users.png') no-repeat top center; }
#main-navigation li a.messages { background:url('../images/icon_messages.png') no-repeat top center; }
#main-navigation li .counter { display:block; width:25px; height:25px; text-align:center; overflow:hidden; position:absolute; top:-5px; right:0; color:#fff; font-size:9px; line-height:25px; background: url(../images/dot.png) no-repeat 0 0; }

#eyebrow-navigation { padding-top:20px; text-align:right; width:22%; margin:0 3% 0 0; font-size:11px; }
#eyebrow-navigation a { text-decoration:none; color:#fff; color:rgba(255,255,255,0.8); line-height:14px; padding: 0 0 0 28px; display:inline-block; }
#eyebrow-navigation a.settings { background:url('../images/icon_settings.png') no-repeat 10px 0; }
#eyebrow-navigation a.signout { background:url('../images/icon_signout.png') no-repeat 10px 0; }

#search form { position:relative; float:right; }
#search input.search {
	padding:5px 10px;
	border:none;
	width:140px;
	height:20px;
	background:#;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #),
	    color-stop(1, #)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    # 0%,
	    # 100%
	);
	box-shadow:inset 1px 1px 3px rgba(0,0,0,0.1), 1px 1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.1), 1px 1px 0 rgba(255,255,255,0.2);
	-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.1), 1px 1px 0 rgba(255,255,255,0.2);
	color:#fff;
	color:rgba(255,255,255,0.75);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#search input.go {
	background:url('../images/search_go.png') no-repeat 0 0;
	width:32px; height:26px;
	border:none; text-indent:-9999px;
	position:absolute; top:19px; right:19px;
}

#subpages { background:#ebebeb; min-height:40px; }
#subpages .subpage-wrap { margin:0 2%; }
#subpages ul, #subpages li { margin:0; padding:0; list-style:none; }
#subpages ul { margin:0 20px; padding:10px 0; }
#subpages li { display:inline-block; padding:0 15px 0 0; }
#subpages li a { color:#535353; text-decoration:none; font-size:11px; display:block; }

#page-heading { color:#535353; padding:20px 0; border-bottom:1px solid #d4d4d4; margin-bottom:1px; }
.title-crumbs { display:block; font-size:11px; }
.title-crumbs a { text-decoration:none; font-weight:bold; }
.title-crumbs h2 { font-size:17px; margin:0; padding:0; color:#535353; }
.page-wrap { margin:0 25px; }



/* ALERTS																		*/
/* ---------------------------------------------------------------------------- */

.alert-wrapper { font-weight:bold; font-size:16px; width:100%; padding:17px 0 18px; margin-bottom:5px; }
.alert-wrapper.push-down { margin-bottom:20px; }
.alert-wrapper .alert-text { position:relative; line-height:26px; min-height: 26px; padding:0 30px; margin:0 2%; background:url('../images/alert_icon_error.png') no-repeat top left; }
.alert-wrapper .alert-text .close, .advanceclose { position:absolute; top:0; right:0; width:26px; height:26px; display:block; background:url('../images/alert_icon_close.png') no-repeat; text-indent:-9999px; }

.push-down .alert-wrapper .grid_4 { margin-bottom:0 !important; }

.alert-wrapper.error { color:#E83D0E; background:#ffeeee url('../images/alert_pattern.png') repeat top left; }
.alert-wrapper.error .alert-text { background:url('../images/alert_icon_error.png') no-repeat top left; }
.alert-wrapper.warning { color:#e8a911; background:#ffffd7 url('../images/alert_pattern.png') repeat top left; }
.alert-wrapper.warning .alert-text { background:url('../images/alert_icon_warning.png') no-repeat top left; }
.alert-wrapper.confirm { color:#54a306; background:#deffbd url('../images/alert_pattern.png') repeat top left; }
.alert-wrapper.confirm .alert-text { background:url('../images/alert_icon_confirm.png') no-repeat top left; }
.alert-wrapper.info { color:#2766a1; background:#dbeeff url('../images/alert_pattern.png') repeat top left; }
.alert-wrapper.info .alert-text { background:url('../images/alert_icon_info.png') no-repeat top left; }

#login-form .alert-wrapper { margin:0 0 15px; padding:8px 0; }
#login-form .alert-wrapper .alert-text { font-size:14px; margin:0 10px; }



/* PANELS																		*/
/* ---------------------------------------------------------------------------- */

.panel { background:#ebebeb; border:1px solid #; }
.panel h2.cap { line-height:1; cursor:pointer; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); margin:0; text-shadow:1px 1px 0 rgba(0,0,0,0.4); height:27px; color:#fff; font-size:13px; background:# url('../images/cap_bg.png') repeat; padding:14px 0 0 15px; position:relative; }
.panel .content { margin:5px; background:#fff; padding:20px 20px 1px 20px; }
.panel { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }


/* FLOT GRAPH																	*/
/* ---------------------------------------------------------------------------- */

.flot-graph { margin:25px 0; }
.flot-graph .legendLabel { line-height:11px; padding:0 15px 0 5px; }


/* TABLES																		*/
/* ---------------------------------------------------------------------------- */

.sticky-head{
	left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.125s ease-in-out 0s;
    width: auto;
    z-index: 50;
}
div.pager {
	position:relative;
	text-align: right;
	margin:10px 0 20px;
}
div.pager span {
	padding: 0 5px;
}
div.pager input.prev {
	width: auto;
	margin-right: 10px;
}
div.pager input.next {
	width: auto;
	margin-left: 10px;
}
div.pager input {
	font-size: 8px;
	width: 50px;
	border: 1px solid #330000;
	text-align: center;
}
div.pager .pagesize { width:60px; }
div.pager .chzn-container { margin:0 7px 0 0; min-width: 65px; vertical-align: top; }
div.pager .pagedisplay { width:70px; margin:0 7px 0 0; font-size:13px; border:none; cursor:default; vertical-align: super; }
div.pager .button.next,
div.pager .button.prev,
div.pager .button.first,
div.pager .button.last { position:relative; top:0; margin:0 3px 0 0; }
div.pager .button img { display:block; margin:0; padding:2px; }
div.pager .table-options { position:absolute; top: 0; left:0; }





/* TABS																			*/
/* ---------------------------------------------------------------------------- */

ul.tabs {
	margin: 5px 5px 0 5px;
	padding: 0;
	list-style: none;
	height: 42px; /*--Set height of tabs--*/
	width: 100%;
}
ul.tabs:after { clear:both; }
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	position: relative;
	background: #dcdcdc;
}
ul.tabs li a {
	text-decoration: none;
	color: #555;
	text-shadow:1px 1px 0 #fff;
	display: block;
	font-size: 14px;
	font-weight:bold;
	padding: 0 20px;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	overflow: hidden;
	clear: both;
	width: 100%;
	background: #fff;
}
tbody th{
color: #fff;
}
.content.tabbed { margin:0 5px 5px 5px; }



/* GALLERY																		*/
/* ---------------------------------------------------------------------------- */

.content.gallery { padding-right:10px !important; }
.gallery-wrap { position:relative; width:100%; height:310px; overflow:hidden; padding:0; margin:0 0 20px; }
.gallery-wrap:after { content:' '; clear:both; display:block; }
.gallery-pager { position:absolute; top:0; left:0; width:100%; height:10000px; }
.gallery-item { position:relative; float:left; margin:0 10px 10px 0; width:150px; height:150px; }
.gallery-item img { display:block; width:100%; height:100%; }
.gallery-item .item-options { bottom:0; right:0; position:absolute; background:url('../images/gallery_hover_bg.png') repeat; padding:5px 3px 5px 8px; }
.gallery-item .icon-button { margin:0 5px 0 0; width:21px; height:21px; display:inline-block; text-indent:-9999px; overflow:hidden; }
.gallery-item .icon-button.edit { background:url('../images/gallery_icon_edit.png') no-repeat center center; }
.gallery-item .icon-button.delete { background:url('../images/gallery_icon_delete.png') no-repeat center center; }
.gallery-item .checkbox-block { top:0; left:0; position:absolute; background:#fff; padding:5px 7px; line-height:5px; }
.gallery-item .checked-layer {
	position:absolute; top:0; left:0;
	-moz-box-shadow:inset 5px 5px 0 #60a918, inset -5px -5px 0 #60a918;
	-webkit-box-shadow:inset 5px 5px 0 #60a918, inset -5px -5px 0 #60a918;
	box-shadow:inset 5px 5px 0 #60a918, inset -5px -5px 0 #60a918;
	width:100%; height:100%; display:none; background:url('../images/gallery_checked_bg.png') repeat;
}
.gallery .pager {
	position:relative;
	text-align: right;
	margin:-5px 10px 20px 0;
}
.gallery .gallery-options { position:absolute; top: 0; left:0; }



/* FORMS																		*/
/* ---------------------------------------------------------------------------- */

	form.styled label, form.styled .non-label-section { display:block; margin:0 0 15px; padding:0; border-left:none; }
	form.styled label span, form.styled .non-label-section span { font-weight:bold; position:relative; top:0; left:0; display:block; margin:0 0 5px; }
	

form.styled label:after, form.styled .non-label-section:after { content:" "; clear:both; }
form.styled label span.browse { font-size:13px; line-height:17px; height: 17px; padding:2%; margin:0; left:auto; top:0; right:-1px; }
form.styled input,
form.styled textarea {
	border:1px solid #aaa;
	background:#eee;
	display:block;
	font-size:13px;
	line-height:17px;
	font-family:sans-serif;
	padding:2%;
	margin:0;
	width:95%;
	color:#666;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.03, #F0F0F0),color-stop(1, #FFFFFF));
	background-image: -moz-linear-gradient(center bottom,#F0F0F0 3%,#FFFFFF 100%);
	-moz-box-shadow:inset 1px 1px 4px #ddd;
	-webkit-box-shadow:inset 1px 1px 4px #ddd;
	box-shadow:inset 1px 1px 4px #ddd;
}
form.styled input.small { width:50%; }
form.styled textarea { height:100px; }
form.styled label input.file { cursor:pointer; position:absolute; top:5px; right:0; }
form.styled select { 
	border:1px solid #aaa;
	background:#eee;
	display:block;
	font-size:13px;
	line-height:17px;
	font-family:sans-serif;
	padding:2%;
	margin:0;
	width:100%;
	color:#666;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.03, #F0F0F0),color-stop(1, #FFFFFF));
	background-image: -moz-linear-gradient(center bottom,#F0F0F0 3%,#FFFFFF 100%);
	-moz-box-shadow:inset 1px 1px 4px #ddd;
	-webkit-box-shadow:inset 1px 1px 4px #ddd;
	box-shadow:inset 1px 1px 4px #ddd; 
}
form.styled .chzn-single span { position:relative; font-weight:normal; left:0; }

form.styled .non-label-section label { display:inline; margin:0; padding:0; border:none; }
form.styled .checkbox, form.styled .radio { display:inline; width:auto; }
form.styled small { display:block; font-size:11px; line-height:15px; padding-top:5px; }
form.styled legend {font-size:19px; line-height:24px; font-weight:bold; display:block; padding:0 0 25px; }

.progress-bar {
	display:block;
	position:relative; margin:0 0 10px;
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	border:1px solid #aaa;
	height:8px;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #D8D8D8),color-stop(1, #C7C7C7));
	background-image: -moz-linear-gradient(center bottom,#D8D8D8 0%,#C7C7C7 100%);
	line-height:1px;
}

.progress-bar .bar {
	display:block;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4); box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);
	position:absolute; top:-1px; left:-1px;
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	border:1px solid #666;
	text-indent:-9999px;
	height:8px;
	background:#666 url('../images/progress_bar_bg.png') repeat-x;
}

.progress-bar .bar.red {
	border:1px solid #e83d0f;
	background:#e83d0f url('../images/progress_bar_bg.png') repeat-x;
}

.progress-bar .bar.blue {
	border:1px solid #2766a1;
	background:#2766a1 url('../images/progress_bar_bg.png') repeat-x;
}

.progress-bar .bar.green {
	border:1px solid #54a306;
	background:#54a306 url('../images/progress_bar_bg.png') repeat-x;
}

.progress-bar .bar.yellow {
	border:1px solid #e8a911;
	background:#e8a911 url('../images/progress_bar_bg.png') repeat-x;
}

.progress-bar .bar.white {
	border:1px solid #aaa;
	background:#fff url('../images/progress_bar_bg.png') repeat-x;
}



/* ACCORDIONS																	*/
/* ---------------------------------------------------------------------------- */

.accordion-wrapper { padding-bottom:5px; }
.accordion-block { padding:5px 5px 0; }
.accordion-block h3 { opacity:1; cursor:pointer; margin:0; background:#fff url('../images/accordion_closed.png') no-repeat 98% 10px; line-height:19px; font-size:14px; font-weight:bold; padding:13px 45px 13px 13px; }
.accordion-block h3:hover { opacity:0.75; }
.accordion-block.open h3 { background:#fff url('../images/alert_icon_close.png') no-repeat 98% 10px; }
.accordion-block .accordion-content { display:none; padding:15px 15px 0 15px; }



/* BUTTONS																		*/
/* ---------------------------------------------------------------------------- */
.button { text-decoration:none; margin:0 6px 0 0; font-weight:bold; display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#fff; }
.button:hover { color:#fff; box-shadow:none; }
.button.small { font-size:11px; line-height:11px; padding:8px 9px 7px; }
.button.medium { font-size:12px; line-height:12px;padding:10px 10px 8px; }
.button.large { font-size:16px; line-height:16px; padding:13px 15px 11px; }

.button {
	background:#606a6d;
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #606a6d), color-stop(1, #909799) );
	background-image: -moz-linear-gradient( center bottom, #606a6d 0%, #909799 100% );
	border:1px solid #606a6d;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.6) !important;
	color:#fff !important;
	width:auto !important;
} .button:hover, .button.hover { background:#606a6d; }

.button.red { 
	background:#E83D0E;
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #E83D0E), color-stop(1, #F07C5B) );
	background-image: -moz-linear-gradient( center bottom, #E83D0E 0%, #F07C5B 100% );
	border:1px solid #E83D0E;
} .button.red:hover, .button.hover.red { background:#E83D0E; }

.button.blue {
	background:#2a68a2;
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #2a68a2), color-stop(1, #6e98c0) );
	background-image: -moz-linear-gradient( center bottom, #2a68a2 0%, #6e98c0 100% );
	border:1px solid #2a68a2;
} .button.blue:hover, .button.hover.blue { background:#2a68a2; }

.button.yellow {
	background:#e8aa13;
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #e8aa13), color-stop(1, #f0c55f) );
	background-image: -moz-linear-gradient( center bottom, #e8aa13 0%, #f0c55f 100% );
	border:1px solid #e8aa13;
} .button.yellow:hover, .button.hover.yellow { background:#e8aa13; }

.button.green {
	background:#57a50b;
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #57a50b), color-stop(1, #8dc159) );
	background-image: -moz-linear-gradient( center bottom, #57a50b 0%, #8dc159 100% );
	border:1px solid #57a50b;
} .button.green:hover, .button.hover.green { background:#57a50b; }



/* FOOTER																		*/
/* ---------------------------------------------------------------------------- */

#footer { background:#eee; padding:15px 0; font-size:11px; color:#888; }
#footer a { text-decoration:none; }


#app-loading { display:none; opacity:0.7; position:fixed; top:0; left:0; width:100%; height:100%; background:#000 url('../images/loading_app.gif') no-repeat center center; }


/* CSS3 ANIMATED TRANSITIONS													*/
/* ---------------------------------------------------------------------------- */

.gallery-pager {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

/* Advance Search												            	*/
/* ---------------------------------------------------------------------------- */
#advancesearch ul li{list-style:none; display:inline-block;width:385px;margin-right:5px;}
#advancesearch ul li span{display:inline-block;width:241px;}
#advancesearch ul li select{width:136px;}
#advancesearch h4{color:#f00;font-size:100%;}
#advancesearch .alert-text{background:none;}
#advancesearch input.right{text-align:right;}
.advancesearch {font-size:65%;}

/*----------------------------4.08.2015------------------------------------*/
tbody {
    height: 500px !important;
     display: block; 
    /*overflow: auto;*/
    width: 100%;
}

  .table-header {
    display: block;
    position: relative;
}
.header-name{
  padding: 0 !important;
  width: 149px !important;
}
.options-row{padding: 0 26px !important;}
.header-number{
  padding: 0 9px !important;
    width: 169px !important;
}
.header-brand{width: 87px;padding: 0 29px !important;}
.header-category{  padding: 0 18px !important;
    width: 76px !important;}
.header-unit {
    padding: 6px 10px !important;
    width: 102px !important;
}
 .header-stages {
    padding: 0 14px !important;
    width: 107px !important;
}
th.header-rls {
    padding: 0 26px !important;
    width: 128px !important;
}
.header-height {
    padding: 0 18px !important;
    width: 160px !important;
}
 .header-width {
    width: 144px !important;
}
.header-depth {
    width: 153px !important;
}
 .header-mca {
    padding: 0 !important;
    width: 148px !important;
}
.header-liquid {
    padding: 0 8px !important;
    width: 150px !important;
}
.header-vapor {
    padding: 0 9px !important;
    width: 151px !important;
}
.header-fuse {
    padding: 0 !important;
    width: 146px !important;
}
.header-warranty {
    padding: 0 !important;
    width: 378px !important;
}
.header-certi {
    padding: 0 !important;
    width: 341px !important;
}
th.header-kw {
    padding: 6px 18px !important;
    width: 125px !important;
}
th.header-hc {
    padding: 0 10px !important;
    width: 153px !important;
}
th.header-tonnage {
    padding: 0 !important;
    width: 131px !important;
}
.header-application {
    padding: 0 !important;
    width: 119px !important;
}
 .header-ustatus{
/* padding: 6px 14px !important;*/
 }
th.header-afue {
    padding: 0 !important;
    width: 135px !important;
}
th.header-description {
    padding: 0 !important;
    width: 390px !important;
}
.header-psd {
    padding: 0 !important;
    width: 334px !important;
}
.header-voltage{/*padding: 0px !important;*/}
th.header-photo {
    padding: 0 !important;
    width: 383px !important;
}
th.header-voltage {
    padding: 0 !important;
    width: 48px;
}
th.header-ustatus {
    width: 62px;
}
tbody tr td {
    /*padding: 24px !important;*/font-family: 'Open Sans', sans-serif;}

.header-service-doc {
    padding: 0 !important;
    width: 400px !important;
}

.char {
    width: 320px;
    word-break: break-word;
}
.num {
    width: 100px;
    word-wrap: break-word;
}



@media screen and (-webkit-min-device-pixel-ratio:0) { 

.header-name{
width: 151px !important;
}
.options-row {
    padding: 0 25px !important;
}
.header-number{
width: 170px !important;
}
.header-brand{padding: 0 28.9px !important;}
.header-category{padding: 0 18.9px!important;}
 .header-unit {
    padding: 6px 14px !important;
    width: 108px !important;
}
.header-stages {
    padding: 0 25px !important;
}
th.header-rls {
    width: 139px !important;
    padding: 0 22px !important;
}
.header-height {
    width: 67px !important;
    padding: 0 55px !important;
}
.header-width {
    padding: 0 28px!important;
    width: 149px !important;
}
.header-depth {
    padding: 0 18px !important;
    width: 145px !important;
}
.header-mca {
    padding: 0 21px !important;
    width: 150px !important;
}
 .header-liquid {
    padding: 6px 15.5px !important;
    width: 137px !important;
}
  .header-vapor {
    padding: 0 6px!important;
    width: 179px !important;
}
.header-fuse {
    padding: 0 !important;
    width: 102px!important;
}
.header-warranty {
    width: 391px !important;
}
th.header-certi {
    width: 365px !important;
}
th.header-service-doc {
    width: 365px !important;
}
th.header-kw {
    padding: 6px 3px !important;
    width: 166px !important;
}
th.header-hc {
    padding: 0 11px !important;
    width: 143px !important;
}
th.header-tonnage {
    width: 173px !important;
    padding: 0 !important;
}
.header-application {
    padding: 0 !important;
    width: 84px !important;
}
 .header-ustatus{
/* padding: 6px 14px !important;*/
 }
th.header-afue {
    width: 165px !important;
    padding: 0 0 !important;
}
th.header-description {
  width: 368px !important;
}
.header-psd {
    width: 347px !important;
}
.header-voltage{/*padding: 0px !important;*/}
th.header-photo {
    width: 375px !important;
}
th.header-voltage {
    padding: 0 !important;
   width: 55px !important;
}
th.header-ustatus {
    width: 87px !important;
}

 }
 
 /*--------------------------*/
 .sticky-wrap {
    overflow-x: auto;
    overflow-y: auto;
    position: relative;
    margin: 0 0;
    width: 100%;
    height: 500px;
}
th {
    background-color: #31bc86;
    font-weight: bold;
    color: #fff;
    white-space: normal;
}
tbody tr:hover {
    background-color: rgba(129,208,177,.3);
}
tbody tr:nth-child(2n-1) {
    background-color: #f5f5f5;
    transition: all .125s ease-in-out;
}
td, th{padding: 0.75em 1.5em !important;}
.sticky-wrap td, .sticky-wrap th {
    box-sizing: border-box;
}
.sticky-wrap .sticky-thead, .sticky-wrap .sticky-col, .sticky-wrap .sticky-intersect {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    transition: all .125s ease-in-out;
    z-index: 50;
     width: auto; 
     }
  .sticky-wrap .sticky-thead {
    box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
    z-index: 100;
    width: 100%;
}



.component {
	line-height: 1.5em;
	margin: 0 auto;
	padding: 2em 0 3em;
	width: 90%;
	max-width: 1000px;
	overflow: hidden;
}
.component .filler {
	font-family: "Blokk", Arial, sans-serif;
	color: #d3d3d3;
}
table {
    border-collapse: collapse;
    margin-bottom: 3em;
    width: 100%;
    background: #fff;
}
td, th {
    padding: 0.75em 1.5em;
    text-align: center;
}
	td.err {
		background-color: #e992b9;
		color: #fff;
		font-size: 0.75em;
		text-align: center;
		line-height: 1;
	}
th {
    background-color: #31bc86;
    font-weight: bold;
    color: #fff;
    white-space: normal;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
tbody th {
	background-color: #2ea879;
    
}
tbody th  a{
 color: #fff;

}
tbody tr:nth-child(2n-1) {
    background-color: #f5f5f5;
    transition: all .125s ease-in-out;
}
tbody tr:hover {
    background-color: rgba(129,208,177,.3);
}

/* For appearance */

.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .125s ease-in-out;
	z-index: 50;
	width: 150px; /* Prevent table from stretching to full size */
}
	.sticky-wrap .sticky-thead {
		box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
		z-index: 100;
		width: 100%; /* Force stretch */
	}
	.sticky-wrap .sticky-intersect {
		opacity: 1;
		z-index: 150;

	}
		.sticky-wrap .sticky-intersect th {
		/*background-color: #666;*/
    color: #eee;
    padding: 29px 0 !important;
    width: 150px !important;
		}
.sticky-wrap td,
.sticky-wrap th {
	box-sizing: border-box;
}

/* Not needed for sticky header/column functionality */
td.user-name {
	text-transform: capitalize;
}
.sticky-wrap.overflow-y {
	overflow-y: auto;
	max-height: 50vh;
}
.sticky-col .table-header .header-name {
   /* padding: 29px 75.6px !important;*/
   padding: 29px 39.6px !important;
}