.elementor-3712 .elementor-element.elementor-element-73544bf8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3712 .elementor-element.elementor-element-73544bf8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3712 .elementor-element.elementor-element-59028f3 .elementor-heading-title{font-family:"proxima-nova", Sans-serif;font-size:32px;font-weight:700;color:#F2842A;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3712 .elementor-element.elementor-element-2df20d73{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;line-height:1em;}.elementor-3712 .elementor-element.elementor-element-4e6d963e:not(.elementor-motion-effects-element-type-background), .elementor-3712 .elementor-element.elementor-element-4e6d963e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #EDEDED 0%, #FFFFFF 100%);}.elementor-3712 .elementor-element.elementor-element-4e6d963e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-3712 .elementor-element.elementor-element-4e6d963e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3712 .elementor-element.elementor-element-51f427cc > .elementor-container{max-width:1160px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-3712 .elementor-element.elementor-element-4e6d963e{padding:5px 5px 5px 5px;}}/* Start custom CSS for html, class: .elementor-element-7cb147d7 */table, table thead, table th, table tr, table td {
    padding: 2px;
    font-size: 10px
}

table td {
    vertical-align: middle;
}

.ssa-symbol {
    background: #333 none repeat scroll 0 0;
    color: #f1f1f1;
    font-weight: bold;
    height: 22px;
    display: block;
    text-align: center;
    padding-top: 5px;
    float: left;
    cursor: help;
}

.ssa-symbol:hover .ssa-hover {
    display: block;
    background: #333;
    color: #f1f1f1;
    padding: 5px 10px;
    position: absolute;
    margin-top: 5px;
    margin-left: 4px;
    width: 200px;
    right: 0;
}

.ssa-hover {
    display: none;
}

.zero-symbol {
    background: #c3c4c3 none repeat scroll 0 0;
    color: #57585c;
    font-weight: bold;
    height: 22px;
    display: block;
    text-align: center;
    padding-top: 5px;
    float: left;
    cursor: help;
}

.zero-symbol:hover .zero-hover {
    display: block;
    background: #c3c4c3;
    color: #57585c;
    padding: 5px 10px;
    position: absolute;
    margin-top: 5px;
    margin-left: 4px;
    width: 200px;
    right: 0;
}

.zero-hover {
    display: none;
}

.ultra-symbol {
    background: #57585c none repeat scroll 0 0;
    color: #c3c4c3;
    font-weight: bold;
    height: 22px;
    display: block;
    text-align: center;
    padding-top: 5px;
    float: left;
    cursor: help;
}

.ultra-symbol:hover .ultra-hover {
    display: block;
    background: #57585c;
    color: #c3c4c3;
    padding: 5px 10px;
    position: absolute;
    margin-top: 5px;
    margin-left: 4px;
    width: 200px;
    right: 0;
}

.ultra-hover {
    display: none;
}

.rapid-symbol {
    background: #101820 none repeat scroll 0 0;
    color: #f2842a;
    font-weight: bold;
    height: 22px;
    display: block;
    text-align: center;
    padding-top: 5px;
    float: left;
    cursor: help;
}

.rapid-symbol:hover .rapid-hover {
    display: block;
    background: #101820;
    color: #f2842a;
    padding: 5px 10px;
    position: absolute;
    margin-top: 5px;
    margin-left: 4px;
    width: 200px;
    right: 0;
}

.rapid-hover {
    display: none;
}

.availability-symbols {
    display: flex;
    flex-direction: row;
    column-gap: 1px;
}

.availability-symbols > span {
    min-width: 21px;
    height: 22px;
    border-radius: 4px;
    margin: 0 2px 0 0;
    padding: 4px 3px 0px 3px;
    font-size: 9px;
    letter-spacing: 0px;
    font-weight: 700;
}



.brandName label {
  font-size: 12px;
  vertical-align: middle;
  text-transform: uppercase;
  padding: 5px;
}

.brandName a {
    float: right;
}

.selected-brands-heading-inner {
    border-bottom: 1px solid #333;
}

.selected-brands-heading-inner h3 {
    display: inline-block;
}

.download-links {
    float: right;
    display: inline-block;
}

.download-links a {
    display: block;
    text-align: right;
}

.download-links img {
    position: relative;
    margin-bottom: -3px;
    margin-left: 10px;
}

.selected-brand {
  background: #f2842a;
  padding: 5px;
  color: #f1f1f1;
  border-radius: 3px;
  font-weight: 401;
}

.customchartboxcolumn {
    text-align: center;
}

.brandContainer {
    margin: 30px 0;
}


a.addtocharts {
    background-color: #f2842a;
    box-shadow: 0px 3px 0 #cc640f;
    color: white;
    padding: 4px 8px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
}

a.addtocharts:hover {
  background-color: #cc640f;
}

a.addtocharts:active {
  box-shadow: none;
  top: 5px;
}


td.first-three,td.second-three {
    background-color: none!important;
    vertical-align: middle;
}

th {
    background-color: #c1c1c1;
}

th:hover {
    background-color: #b1b1b1;
}


.surfaceName {
    margin-bottom:40px;
}

.surfaceName label {
    font-size: 20px;
    font-weight: bold;
    margin-right: 20px;
    vertical-align: middle;
}

img.pdf-list {
    vertical-align: middle;
    margin-left: 5px;
}

.surfaceName input[type='checkbox'] {
    vertical-align: middle;
    margin-right: 5px;
    width: 20px;
    height: 20px;
}

.brandName {
    height: 29px;
    padding: 0px 5px;
}

.brandName input[type='checkbox'] {
    vertical-align: middle;
    margin-right: 5px;
}

.brandName label {
    font-size: 12px;
    vertical-align: middle;
    text-transform: uppercase;
}

.pdflinkgroup {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

a.pdflinks {
    box-shadow: 0px 3px 0 #cc640f;
    padding: 10px 10px;
    position: relative;
    text-decoration: none;
    border-radius: 5px;
    margin: 10px 10px;
    width: 30%;
    display: inline-block;
    text-align: center;
}


a.pdflinks:active {
  box-shadow: none;
  top: 5px;
}

.pdflinks.ssapdf {
    background: #000000;
    color: #f1f1f1;
}

.pdflinks.ssapdf:hover {
    background: #222222;
    color: #f1f1f1;
}

.pdflinks.zeropdf {
    background: #d1d1d1;
    color: #111;
}

.pdflinks.zeropdf:hover {
    background: #e1e1e1;
    color: #111;
}

.pdflinks.ultrapdf {
    background: #a1a1a1;
    color: #f1f1f1;
}

.pdflinks.ultrapdf:hover {
    background: #b1b1b1;
    color: #f1f1f1;
}

.pdflinks.rapidpdf {
    background: #000000;
    color: #f1f1f1;
}

.pdflinks.rapidpdf:hover {
    background: #222222;
    color: #f1f1f1;
}

.pdflinks img {
    width: 26px;
    vertical-align: middle;
    margin-right: 10px;
}


.select2-selection__choice {
    background: #f2842a!important;
    border: #f1f1f1;
    color: #f1f1f1;
    box-shadow: 0px 1px 1px #333;
}

.select2-selection__choice__remove {
    color: #f1f1f1!important;
}

 /* Formatting search box */
    .search-box{
        width: 300px;
        position: relative;
        display: inline-block;
        font-size: 10px;
        margin-bottom: 20px;
    }
    .search-box input[type="text"]{
        height: 32px;
        padding: 5px 10px;
        border: 1px solid #CCCCCC;
        font-size: 10px;
    }
    .result{
        display: none;
        position: absolute;        
        z-index: 999;
        top: 100%;
        left: 0;
        overflow-y: scroll;
        max-height: 300px;
        box-shadow: 0px 3px 5px #ccc;
        width: 300px;
}
    
    .search-box input[type="text"], .result{
        
        box-sizing: border-box;
    }
    /* Formatting result items */
    .result p{
        background: #f1f1f1;
        margin: 0;
        padding: 7px 10px;
        border: 1px solid #CCCCCC;
        border-top: none;
        cursor: pointer;
    }
    .result p:hover{
        background: #e1e1e1;
    }
    
    .searchbrand {
    background: #cccccc;
    display: inline-block;
    padding: 1px 2px;
    border-radius: 6px;
    float: right;
}/* End custom CSS *//* End custom CSS */