html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
@font-face {
    font-family: 'StainlessBoldRegular';
    src: url('fonts/stabd___-webfont.eot');
    src: url('fonts/stabd___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/stabd___-webfont.woff') format('woff'),
         url('fonts/stabd___-webfont.ttf') format('truetype'),
         url('fonts/stabd___-webfont.svg#StainlessBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'StainlessLightRegular';
    src: url('fonts/stalt___-webfont.eot');
    src: url('fonts/stalt___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/stalt___-webfont.woff') format('woff'),
         url('fonts/stalt___-webfont.ttf') format('truetype'),
         url('fonts/stalt___-webfont.svg#StainlessLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{
	margin: 0px auto;
	padding: 0px;
	scrollbar-color: rgba(248, 59, 0, 1) rgba(40, 40, 40, 1);	}

*::-moz-selection {
    background: none repeat scroll 0% 0% #f83b00;
    color: #FFF;
    text-shadow: none;}
        
*, ::after, ::before {
    box-sizing: border-box;}
    
body{
    margin: 0px auto;
    color:black;
    font-family: "StainlessBoldRegular", "Trebuchet MS", Arial;
    padding: 0px;}


    h1{
        font-size: 2rem;
    }
/* Grid Layout System */	
.grid-container{
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	text-align: left; }
		
.grid-row{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap; }
		
.grid-col{
	display: table-cell;
	flex: 0 0 auto; }
		
.navbar{
	width: 18%;
    height: 100vh;
    background-color: #f83b00;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
	vertical-align: top;}

.navbar img.simtech_logo{
    display: block; 
    margin-left: auto; 
    margin-right: auto;
    padding-top: 15px; 
    width: 75%; }

.navbar ul{
    list-style: none;
    padding: 1.5rem !important; }
    
.navbar ul li a:link, .navbar ul li a:visited {
    padding: 10px 15px;
    display: block;
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-family: "StainlessBoldRegular", "Trebuchet MS", Arial;
    line-height: 18pt;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11pt;
    text-decoration: none; }
			
.navbar ul li a:hover{
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    color: rgba(255, 255, 255, 1.0); }

.content{
    width: 82%;
    height: 100vh;
    display: inline-block;
	vertical-align: top;
    overflow: auto;
    padding: 0px 25px 25px 25px; }

.content header{
    padding: 25px 0px 0px 0px;
    background-color: #fff; 
    margin-bottom: 15px;}

.content header h1{
    display: inline-block; }

.content header input.search-input{
    display: block;
    margin: 0px auto;
    margin-top: -2px;
    padding: 8px;
    float: right;
    width: 450px; }

    table{
        margin: 0px auto;
        padding: 0px;
        width: 100%;}
    
    table thead tr{
        background-color: #f83b00;
        color: #faf9f8; }
    
    table thead th{
        line-height: 18pt;
        font-size: 1rem;
        text-transform: uppercase;
        padding: 8px; }
    
    table tbody tr:hover{
        cursor: pointer;
        background: #cccccc;
        color: #f83b00; }
    
    table tbody tr:nth-child(even) {background: #f2f2f2;}
    
    table tbody tr:nth-child(even):hover {cursor: pointer;
        background: #cccccc;
        color: #f83b00; }

        table.no-hover tbody tr:hover {
            background: #fff;
            color: #151515; }
    
    table tbody th{
        line-height: 18pt;
        font-size: 11pt;
        padding: 8px;
        font-weight: bold; }
    
    table tbody td{
        line-height: 18pt;
        font-size: 11pt;
        padding: 8px; }

    table tbody td a:link, table tbody td a:visited{
        text-decoration: none;
        color: #f83b00; }

    table tbody td a:hover{
        text-decoration: underline; }

    table .center{
        text-align: center; }

        img.product-image {
            width: 200px;
            float: left;
          }