﻿html,
body {
    height: 100%;
    min-height: 75%;
    max-height: 100%;
    Margin: 0px;
    display: block;
    width: 100%;
    font-family: "SE Normal";
    font-size: 12px;  /*6-25-17   16px*/
    color: #626469;
}  

#lfHeader {
	display: inline;
	align-content: center;
	vertical-align: middle;
	font-family: "SE Thin";
	font-weight: lighter;
	font-size: 30px;  /*6-25-17   40px*/
	overflow: hidden;
}
		
#lHeader {
	font-family: "SE Thick";
	font-weight: bold;
}
		
#rHeader {
	height: 50px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 20px;
	width: -webkit-calc(50% - 30px);
	width: -moz-calc(50% - 30px);
	width: calc(50% - 30px);
}
		
#fHeader {
	font-family: "SE Thin";
	font-weight: lighter;
}
		
div#DocHeading {
	background-color: #3DCD58;
	color: white;
	display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	align-items: center;
	height: 60px;
	border-bottom: solid 4px #009530;
}

.ui-widget-content{
    border: 2px solid #E6E6E6;
    z-index: 1;
}

.ui-igsplitter-splitbar-resize-handler-inner-vertical{
    margin-right: -8px;
}

#schneiderLogo {
	height: 100%;
}

#leftPane-tabularData{
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#descSection{
    height: 100px;
    display: flex;
    align-items: center;
    margin: 5px;
}

#tableImage{
    max-height: 100px;
    max-width: 100px;
}

#tableDescription{
    margin-left: 100px;
    height: 100%;
    overflow: auto;
    align-content: center;
}

a.cutLink{
    color: #42B4E6;
    text-decoration: none;
    cursor: pointer;
}




.tablesContainer .ui-icon{
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.tabularData-splitter .ui-igsplitter-splitbar-vertical{
    background: #9FA0A4;
    border: 0px;
    width: 1px;
}

#selectable .ui-selecting { 
      background: #42B4E6; 
      color: white;
  }

  #selectable .ui-selected { 
      background: white;
      text-decoration: underline;
      color: #42B4E6;
  }

  #selectable,
  #tableReplacementParts-selectable,
  #tableOtherProducts-selectable {
      padding-left: 10px;
  }


 li.ui-selectee{
     list-style-type: none;
     font-size: 15px;  /*6-25-17   20px*/
     padding-bottom: 5px;
     padding-top:5px;
     cursor: pointer;
 }

 li.ui-selectee a{
     color: #626469;
     text-decoration: none;
 }

 #exportButton{
     margin-right: 15px;
     margin-top:7px;
     float: right;
 }
 .tabularData-splitter{
     border: none;
     border-bottom: solid 1px;
 }
 #leftPane-tabularData,
 #rightPane-tabularData{
     border: none;
     height: 100%;
 }

 td.tableCell{
     border-bottom: solid 1px white;
 }
 
  div#overview-selector-div{
     list-style-type: none;
     font-size: 15px;  /*6-25-17   20px*/
     padding: 5px 0 5px 10px;
     margin: 12px 0;
     cursor: pointer;
 }

 div#overview-selector-div a {
     color: #626469;
     text-decoration: none;
 }

 div#overview-selector-div a.active {
     color: #42B4E6;
     text-decoration: underline;
     font-weight: bold;
 }

 div.displaySection{
     display: none;
     height: 100%;
    width: 100%;
 }

 div.displaySection.active {
     display: block;
 }

 div.prodOverview-displaySection{
    padding: 10px 10px 0px 10px;
    box-sizing: border-box;
    height: -webkit-calc(100% - 102px);
    height: -moz-calc(100% - 102px);
    height: calc(100% - 102px);
 }

 div.prodOverview-tabControl{
     padding: 10px;
 }

 li.prodOverview-subMenuLinks{
     margin: 0 40px 0 0 ;
 }

.multifilterHeadingsDivs{
    position: relative;
    width: 100%;
    display: table;
    background: lightgrey;
    margin-bottom: 5px;
}

.amazonFilterHeading{
    font-weight: bold;
    font-size: 14px;
    margin: 4px 5px;
    display: inline-block;
    color: #626469;
}

div#productTable_hscroller_container{
    height: 8px !important;
}

div.tablesContainer .ui-iggrid .ui-ig-altrecord {
    background-color: #fafafa;
}