/* COMMON */
/*
@page {
	margin-left: 1.27cm;
    margin-right: 1.27cm;
}
*/
body {
	font-family: haffer;
}
/*
p {
	color: #000;	
	font-size: 24px;
}
*/
a {
	text-decoration: none;
	color: auto;
}

.title {
	font-size: 12pt;
	font-family: haffer-bold;
	margin-bottom: 11.25pt;
}

.title-2 {
    float: left;
	font-size: 12pt;
	font-family: haffer-bold;
}

.subtitle-padded {
    font-size: 6pt;
    padding-top: 3pt;
    padding-bottom: 7pt;
    padding-left: 19.5pt;
    padding-right: 19.5pt;
}

.subtitle-padded-2 {
    font-size: 6pt;
    padding-top: 7pt;
    padding-bottom: 4pt;
    padding-left: 7pt;
}

.subtitle-padded-3 {
    font-size: 6pt;
    padding-left: 19.5pt;
}

.optimization-button {
    margin-right: 3pt;
    float: left;
    margin-left: 6pt;
}

.optimization-notes {
    padding-top: 4pt;
    font-size: 8pt;
    text-align: left
}

.power-supply-title {
	font-size: 12pt;
	font-family: haffer-bold;
	margin-bottom: 2pt;
}	

hr {
	color: #000;
}

.text-bold {
    font-weight: bold;
}

.bold {
	font-family: haffer-bold;
}

.text-center {
	text-align: center;
}

.mb-1 {
    margin-bottom: 6pt !important;
}

.mb-2 {
    margin-bottom: 10pt !important;
}






/* STRUCTURE */

.row {
  	margin: 7.5pt 0 0 0;
  	padding: 0;  	
}

.row-mini {
  	margin: 5.5pt 0 0 0;
  	padding: 0;  	
}

.row-s {
    margin: 5.5pt 0 0 0;
    padding: 0;  	
}

.row-xs {
    margin: 3.5pt 0 0 0;
    padding: 0;  	
}

.row-xxs {
    margin: 1pt 0 0 0;
    padding: 0;  	
}

.row-xxxs {
    padding: 0;
    margin: 0;
    line-height: 5pt;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-5_4, .col-5_5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-2_4, .col-2_5, .col-1_75, .col-1_49, .col-1_2, .col-1_5, .col-1_5_x, .col-3_4, .col-3_5, .col-3_50, .col-3_51, .col-8_5, .col-8_50, .col-8_51, .col-1_6, .col-1_65, .col-2_6, .col-2_55, .col-4_5, .col-2_2, .col-10_5, .col-1_50, .col-1_51, .col-9_5, .col-2_50, .col-6-border, .col-2_25, .col-2_82, .col-1_92, .col-1_95, .col-1_97, .col-4_50, .col-2_7, .col-2_68 {
  	position: relative;
  	min-height: 1pt;
	border: 0;
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
	float: left;	
}

.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666666%;
}
.col-10_5 {
  width: 87.5%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9_5 {
  width: 79.16666666%;
}
.col-9 {
  width: 75%;
}
.col-8_51 {
  width: 69%;
}
.col-8_5 {
  width: 70%;
}
.col-8 {
  width: 66.66666666%;
}
.col-7_5 {
  width: 62.5%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6-border {
  width: 49.6%;
  border-right: 0.5pt solid black;
}
.col-6 {
  width: 50%;
}
.col-5_5 {
  width: 45%;
}
.col-5_4 {
  width: 44%;
}
.col-5 {
  width: 41.66666666%;
}
.col-4_5 {
  width: 38.33333333%;
}
.col-4_50 {
  width: 37.50%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3_5 {
  width: 30%;
}
.col-3_2 {
  width: 26%;
}
.col-3 {
  width: 25%;
}
.col-2_82 {
  width: 23.17%;
}
.col-2_7 {
  width: 22.5%;
}
.col-2_68 {
  width: 22.33%;
}
.col-2_6 {
  width: 24.65%;
}
.col-2_55 {
  width: 21.8%;
}
.col-2_50 {
  width: 20.8333333%;
}
.col-2_5 {
  width: 20%;
}
.col-2_4 {
  width: 19.999%;
}
.col-2_25 {
  width: 18.8%;
}
.col-2_2 {
  width: 17.5%;
}
.col-2 {
  width: 16.6666666%;
}
.col-1_97 {
  width: 15%;	
}
.col-1_95 {
  width: 14.7%;
}
.col-1_92 {
  width: 14.5%;
}
.col-1_75 {
  width: 13.8%;
}
.col-1_65 {
  width: 13.5%;
}
.col-1_6 {
  width: 13.74%;
}
.col-1_51 {
  width: 13.57%;
}
.col-1_50 {
  width: 12.5%;
}
.col-1_5_x {
  width: 11.7%;  
}
.col-1_5 {
  width: 10.9%;
}
.col-1_49 {
  width: 10.37%;
}
.col-1_2 {
  width: 10%;
}
.col-1 {
  width: 8.33333333%;
}
.col-3_51 {
    width: 31%;
}
.col-3_50 {
    width: 29.16%;
}
.col-3_4 {
    width: 28.30%;
}
.col-8_50 {
    width: 70.83%;
  }



/* HEADER / FOOTER */

#header #texts {
	/*padding-top: 11.25pt;*/
	/*margin-left: 7.5pt;*/
	padding-top: 0;
}

#header #texts .header-title {
	/*font-size: 18pt;*/
	font-size: 15pt;
	font-family: haffer-bold;	
}

#header #texts .header-subtitle {
	font-size: 12pt;
	font-family: haffer-light;
	line-height: 14pt;
}

#header #header-logos {
	padding-top: 7.5pt;
	text-align: right;
} 

.header-logo {
	/*width: 30pt;*/
	margin-left: 5pt;
}





#footer {
	font-size: 6pt;
	font-family: haffer-light;
}





/* PAGE 1 */


.product-image {
	/*height: 60px;*/
	background-image-resize: 4;
	/*background-position: middle;*/
}

.product-detail-image {
	padding: 0 7.5pt;
}

.product-description .row {
	margin: 0;
}

.product-description ul {
	padding-left: 15pt;
	margin-top: 0;
	margin-bottom: 0;
}

.product-description ul li {
	font-size: 6pt;
	/*list-style-position: outside;*/
	margin-bottom: 0pt;
}


.div-input-border {
	border-bottom: .5pt solid #000;
}


.border-left {
	border-left: .5pt solid #000;
}	
	
.div-table {
	float: left; 
	border: .5pt solid #000;
	border-left: 0;
}	

.div-table.title-table {
	background-color: #e3e2e1;
	padding: 1.5pt 0;	
	border-bottom: 0;	
}

.div-table.title-table.blue {
	background-color: #1E22AA;
}

.div-table.title-table .text-title {
	text-align: center;
	font-size: 4.90pt;
	/*margin-top: 7.5pt;*/
	margin-top: 3pt;
	font-family: haffer-bold;
}

.input-group-text-title {
	text-align: center; 
	font-family: haffer-bold; 
	font-size: 4.90pt;
	padding-top: 0.5pt;
	margin-bottom: 1pt;
	float: left;
	height: 1pt;
	line-height: 1pt;
}

.div-table.title-table.blue .text-title {
	color: white;
}

.div-table.title-table .text-title-min {
	text-align: center;
	font-size: 4.5pt;
	/*margin-top: 7.5pt;*/
	margin-top: 4pt;
	font-family: haffer-bold;
}

.div-table.title-table .text-title-xs {
	text-align: center;
	font-size: 4.5pt;
	/*margin-top: 7.5pt;*/
	margin-top: 4pt;
	font-family: haffer-bold;
}

.div-table .circle-white {
  	background-color: #fff;
  	border: .5pt solid #000;
  	color: #000;
  	margin: auto;
  	border-radius: 50%;
  	height: 12pt;
  	width: 12pt;
  	font-size: 0.075pt;
  	margin-top: 1.5pt;
}

.div-table .circle-white div {
	font-size: 9pt;
	font-family: haffer-bold;
	text-align: center;
	padding-top: 0.5pt;
}	




input {
	width: 100%; 
	border-color: #fff; 
	background-color: #fff;
	/*font-size: 10.5pt;*/
	font-size: 5pt; 
	font-family: haffer-bold;
	text-align: center;
}

textarea {
	width: 101%;
	height: 70px;
	border-color: #fff; 
	background-color: #fff;
	/*font-size: 10.5pt;*/
	font-size: 5pt; 
	font-family: haffer-bold;
	text-align: center;
}

.input-default-value {
	text-align: center;
	font-family: haffer-bold;
	padding: 3.75pt 0 2pt 0;
	/*font-size: 9pt;*/
	font-size: 5pt;
}

.input-default-value2 {
	text-align: center;
	font-family: haffer-bold;
	padding: 3.75pt 0 2.5pt 0;
	/*font-size: 9pt;*/
	font-size: 5pt;
}

.sample-part-number {
	font-size: 6pt;
	margin-top: 2pt;
}

.sample-part-number span {
	font-family: haffer-bold;
}	
	
	

	
.blocks .circle-grey {
  	background-color: #5a5a5a;
  	color: #fff;
  	border-radius: 50%;
  	height: 15pt;
  	width: 15pt;
  	font-size: 0.075pt;
  	margin-bottom: -7.5pt;  
  	z-index: 10;
}

.blocks .circle-grey div {
	font-size: 9pt;
	font-family: haffer-bold;
	text-align: center;
	padding-top: 2pt;
}



.blocks .block-title {
	background: #e3e2e1; 
	margin: 0 3.75pt 0 3.75pt; 
	text-align: center; 
	font-family: haffer-bold; 
	font-size: 7.5pt;
	border: .5pt solid #000;
	padding-top: 0.5pt;
}

.blocks .block-title.blue {
	background-color: #1E22AA;
	color: white;
}

.blocks .block-content {
	margin: 0 3.75pt 0 3.75pt; 
	font-size: 5.7pt;
	border: .5pt solid #000;
	border-top: 0;
	/*padding: 7.5pt;*/
	padding: 5pt 7.5pt;
}

.blocks .block-content.more-padding {
	padding: 5pt 5.5pt;
}

.blocks .block-content.no-border-bottom {
	border-bottom: 0;
	padding-bottom: 5.5pt;
}

.blocks .block-content .description0 {
	font-size: 5pt;
	line-height: 6pt;
	font-family: haffer-light;
	margin-top: 5pt;
	height: 6pt;
	/*border: 1px solid #f00;*/
}

.blocks .block-content .description {
	font-size: 5pt;
	line-height: 6pt;
	font-family: haffer-light;
	margin-top: 5pt;
	height: 16pt;
	/*border: 1px solid #f00;*/
}

.blocks .block-content .description1 {
	font-size: 5pt;
	line-height: 6pt;
	font-family: haffer-light;
	margin-top: 5pt;
	height: 19.5pt;
	/*border: 1px solid #00f;*/
}

.blocks .block-content .description2 {
	font-size: 5pt;
	line-height: 6pt;
	font-family: haffer-light;
	margin-top: 4.25pt;
	height: 15pt;
	/*border: 1px solid #0f0;*/
}

.blocks .block-content .description3 {
	font-size: 5pt;
	line-height: 6pt;
	font-family: haffer-light;
	margin-top: 5pt;
	/* height: 36.5pt; */
	/*border: 1px solid #0f0;*/
}

.blocks .block-content .description4 {
	font-size: 5pt;
	line-height: 6pt;
	font-family: haffer-light;
	margin-top: 5pt;
	height: 23pt;
	/*border: 1px solid #0f0;*/
}

.blocks .block-content .description5 {
	font-size: 5pt;
	line-height: 6pt;
	font-family: haffer-light;
	margin-top: 5pt;
}

.blocks .block-content .description6 {
	font-size: 5pt;
	line-height: 6pt;
	font-family: haffer-light;
	margin-top: 5pt;
}

.blocks .block-content .description7 {
	font-size: 5pt;
	line-height: 6pt;
	font-family: haffer-light;
	margin-top: 3.4pt;
	height: 20pt;
}

.out-of-box-description {
	font-size: 5pt;
	line-height: 6pt;
	font-family: haffer-light;
	height: 0pt;
	margin-top: 3pt;
	padding-left: 11pt;
	padding-right: 11pt;
}


.arrow-div {		
	margin-left: -15.75pt;
}

.arrow-div.more-padding {		
	margin-left: -13.65pt;
}

.arrow {
	width: 7.5pt;	
}



/* LED TABLE */

table {
	border-collapse: collapse;
	width: 100%;
}

table td {
	border: .5pt solid #000;
	text-align: center;
	font-size: 5.25pt;
	font-family: haffer-bold;
	padding: 6pt 1.5pt;
}

table th {
	border: .5pt solid #000;
	text-align: center;
	font-size: 5.25pt;
	font-family: haffer-bold;
	padding: 3pt 1.5pt 1.5pt 1.5pt;
	font-weight: normal;
	vertical-align: bottom;
}

.diode-visibility {
	border-collapse: collapse;
	font-family: haffer;
	border: 0;
}

.diode-visibility th {
	font-family: haffer;
	font-size: 6pt;
	margin: 0;
	border: 0;
}

.diode-visibility td {
	font-family: haffer;
	font-size: 6pt;
	padding: 7px;
	margin: 0;
	border: 0;
}

.img-check {
	width: 11.25pt;	
}


.footer-notes {
	font-size: 8pt;
	text-align: center;
	font-family: haffer-light;
	/*line-height: 9pt;*/
	border: .5pt solid #000;
}

.table-title-img {
	width: 25pt;
	margin-bottom: 3pt;
}

.table-eoc-exact-section {
	width: 500px;
	overflow: wrap;
}

.table-eoc-exact-section td,
.table-eoc-optimal-section td {
	padding: 2px;
	text-align: center;
	width: 250px;
	font-size: 6pt;
	border-color: gray;
	font-family: haffer;
}



/* PAGES */


.pages .circle-grey,
.pages .circle-grey2 {
  	background-color: #5a5a5a;
  	color: #fff;
  	border-radius: 50%;
  	height: 15pt;
  	width: 15pt;
  	font-size: 0pt;
  	margin-bottom: -15pt;
  	z-index: 10;
}

.pages .circle-grey div,
.pages .circle-grey2 div  {
	font-size: 9pt;
	font-family: haffer-bold;
	text-align: center;
	padding-top: 2pt;
}

.pages .title .with-number, .pages .title-2 .with-number {
	margin-left: 18.75pt;
}

.pages .title .with-2-number, .pages .title-2 .with-2-number {
	margin-left: 40pt;
}


.pages .multiple-circles {	
  	margin-bottom: -13.5pt; 
}

.pages .multiple-circles .circle-grey,
.pages .multiple-circles .circle-grey2 {	
   margin-bottom: 0;
}

.pages .multiple-circles .circle-grey2 {
	margin-left: 22pt;	
	margin-top: -16pt;	  
}

.pages .multiple-circles .circle-bar-sep {
	margin-left: 15.3pt;
	margin-top: -14pt;
}



.pages .dimensions-notes,
.pages .mounting-notes {
	font-size: 6pt;
	margin: 3pt 3pt 0 3pt;
	text-align: center;
}

.pages .col-line {
	border-right: .5pt solid #000;
	text-align: center;
	/*padding: 7.5pt 7.5pt 0 7.5pt;*/	
	padding: 0 2pt;
}

.pages .col-line.no-padding {
	/*padding: 1.5pt;*/
	padding: 1pt;  
}

.pages .col-line.last {
	border-right: 0;	
}



.pages .table-finish,
.pages .table-lens {
	width: 80%;
}

.pages .table-finish td,
.pages .table-lens td {
	font-size: 6pt;	
	font-family: haffer;
	padding: 0;
	text-align: left;
	border: none;
}

.pages .table-finish .td-image,
.pages .table-lens .td-image {
	width: 45pt;	
}

.finish-image,
.lens-image {
	/*width: 45pt;*/	
	border: .5pt solid #000;
	border-bottom: 0;
	align: absmiddle;
}

.finish-image.last,
.lens-image.last {
	border-bottom: .5pt solid #000;
}


.pages .note-subtitle{
	font-size: 6pt;
}

.power-supply-note-subtitle{
	font-size: 6pt;
}

.div-end-caps {
	float: left;
}



.compatible-power-supplies .table-header {
	background-color: #e3e2e1;
}

.compatible-power-supplies .table-field {
	font-family: haffer;
}

.compatible-power-supplies .note_row_titles td {
	font-family: haffer;
	border: 0;
	padding: 0;
}

.table-inside td {
	padding: 0;
	border: 0;
}