/* this section pertains to layoutfast-solution-buttons.html elements*/
div#linkButtonsDiv {
    display: flex;
}

div#linkButtonsTextDisplay {
    height: 100%;
    display: none;
}

div#linkButtonsIconDisplay {
    height: 100%;
    display: none;
}

    div#linkButtonsTextDisplay.active,
    div#linkButtonsIconDisplay.active {
        display: flex;
        width: 100%;
        flex-flow: wrap;
    }

div.halfSizeButtons {
    float: left;
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px);
    white-space: nowrap;
    overflow: hidden;
    margin: 0 5px;
    min-width: 120px;
    flex: 1;
}

    div.halfSizeButtons a span.ui-button-text {
        padding: .4em 0;
    }

a.linkButton.iconButtonsRefs {
    border: none;
    height: 24px;
    width: 24px;
    float: left;
    margin: 4px;
    padding: 0;
}

    a.linkButton.iconButtonsRefs:hover {
        background: none;
    }

    a.linkButton.iconButtonsRefs span {
        padding: 0;
        height: 40px;
        width: 40px;
    }

img.buttonsIconDisplay {
    height: 24px;
    width: 24px;
}

#linkButtonsIconDisplay a {
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

    #linkButtonsIconDisplay a::after {
        width: 24px;
        height: 20px;
        font-family: se-icon;
        font-size: 24px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #cbcbcb;
    }

    #linkButtonsIconDisplay a.productCutSheetButton {
        background-image: url("images/button-icons-mult-ui-states/DataSheet_enabled.png");
    }

        #linkButtonsIconDisplay a.productCutSheetButton::after{
        }

        #linkButtonsIconDisplay a.productCutSheetButton.ui-state-disabled {
            background-image: url("images/button-icons-mult-ui-states/DataSheet_disabled.png");
        }

        #linkButtonsIconDisplay a.productCutSheetButton.selected {
            background-image: url("images/button-icons-mult-ui-states/DataSheet_selected.png");
        }

    #linkButtonsIconDisplay a:hover.productCutSheetButton {
        background-image: url("images/button-icons-mult-ui-states/DataSheet_hover.png");
    }


    #linkButtonsIconDisplay a.productDrawingsButton {
        background-image: url("images/button-icons-mult-ui-states/Drawing_enabled.png");
    }

        #linkButtonsIconDisplay a.productDrawingsButton.ui-state-disabled {
            background-image: url("images/button-icons-mult-ui-states/Drawing_disabled.png");
        }

        #linkButtonsIconDisplay a.productDrawingsButton.selected {
            background-image: url("images/button-icons-mult-ui-states/Drawing_selected.png");
        }

    #linkButtonsIconDisplay a:hover.productDrawingsButton {
        background-image: url("images/button-icons-mult-ui-states/Drawing_hover.png");
    }


    #linkButtonsIconDisplay a.tablesButton {
        background-image: url("images/button-icons-mult-ui-states/Tabular_enabled.png");
    }

        #linkButtonsIconDisplay a.tablesButton.ui-state-disabled {
            background-image: url("images/button-icons-mult-ui-states/Tabular_disabled.png");
        }

        #linkButtonsIconDisplay a.tablesButton.selected {
            background-image: url("images/button-icons-mult-ui-states/Tabular_selected.png");
        }

    #linkButtonsIconDisplay a:hover.tablesButton {
        background-image: url("images/button-icons-mult-ui-states/Tabular_hover.png");
    }


    #linkButtonsIconDisplay a.addToCartButton {
        background-image: url("images/button-icons-mult-ui-states/Cart_enabled.png");
    }

        #linkButtonsIconDisplay a.addToCartButton.ui-state-disabled {
            background-image: url("images/button-icons-mult-ui-states/Cart_disabled.png");
        }

        #linkButtonsIconDisplay a.addToCartButton.selected {
            background-image: url("images/button-icons-mult-ui-states/Cart_selected.png");
        }

    #linkButtonsIconDisplay a:hover.addToCartButton {
        background-image: url("images/button-icons-mult-ui-states/Cart_hover.png");
    }


    #linkButtonsIconDisplay a.addToCompareButton {
        background-image: url("images/button-icons-mult-ui-states/Compare_enabled.png");
    }

        #linkButtonsIconDisplay a.addToCompareButton.ui-state-disabled {
            background-image: url("images/button-icons-mult-ui-states/Compare_disabled.png");
        }

        #linkButtonsIconDisplay a.addToCompareButton.selected {
            background-image: url("images/button-icons-mult-ui-states/Compare_selected.png");
        }

    #linkButtonsIconDisplay a:hover.addToCompareButton {
        background-image: url("images/button-icons-mult-ui-states/Compare_hover.png");
    }


    #linkButtonsIconDisplay a.downloadButton {
        background-image: url("images/button-icons-mult-ui-states/Download_enabled.png");
    }

        #linkButtonsIconDisplay a.downloadButton.ui-state-disabled {
            background-image: url("images/button-icons-mult-ui-states/Download_disabled.png");
        }

        #linkButtonsIconDisplay a.downloadButton.selected {
            background-image: url("images/button-icons-mult-ui-states/Download_selected.png");
        }

    #linkButtonsIconDisplay a:hover.downloadButton {
        background-image: url("images/button-icons-mult-ui-states/Download_hover.png");
    }


    #linkButtonsIconDisplay a.qrButton {
        background-image: url("images/button-icons-mult-ui-states/QR_enabled.png");
    }

        #linkButtonsIconDisplay a.qrButton.ui-state-disabled {
            background-image: url("images/button-icons-mult-ui-states/QR_disabled.png");
        }

        #linkButtonsIconDisplay a.qrButton.selected {
            background-image: url("images/button-icons-mult-ui-states/QR_selected.png");
        }

    #linkButtonsIconDisplay a:hover.qrButton {
        background-image: url("images/button-icons-mult-ui-states/QR_hover.png");
    }


    #linkButtonsIconDisplay a.faqButton {
        background-image: url("images/button-icons-mult-ui-states/FAQ_enabled.png");
    }

        #linkButtonsIconDisplay a.faqButton.ui-state-disabled {
            background-image: url("images/button-icons-mult-ui-states/FAQ_disabled.png");
        }

        #linkButtonsIconDisplay a.faqButton.selected {
            background-image: url("images/button-icons-mult-ui-states/FAQ_selected.png");
        }

    #linkButtonsIconDisplay a:hover.faqButton {
        background-image: url("images/button-icons-mult-ui-states/FAQ_hover.png");
    }


    #linkButtonsIconDisplay a.quotesButton {
        background-image: url("images/button-icons-mult-ui-states/Quote_enabled.png");
    }

        #linkButtonsIconDisplay a.quotesButton.ui-state-disabled {
            background-image: url("images/button-icons-mult-ui-states/Quote_disabled.png");
        }

        #linkButtonsIconDisplay a.quotesButton.selected {
            background-image: url("images/button-icons-mult-ui-states/Quote_selected.png");
        }

    #linkButtonsIconDisplay a:hover.quotesButton {
        background-image: url("images/button-icons-mult-ui-states/Quote_hover.png");
    }


    #linkButtonsIconDisplay a.communityButton {
        background-image: url("images/button-icons-mult-ui-states/Community_enabled.png");
    }

        #linkButtonsIconDisplay a.communityButton.ui-state-disabled {
            background-image: url("images/button-icons-mult-ui-states/Community_disabled.png");
        }

        #linkButtonsIconDisplay a.communityButton.selected {
            background-image: url("images/button-icons-mult-ui-states/Community_selected.png");
        }

    #linkButtonsIconDisplay a:hover.communityButton {
        background-image: url("images/button-icons-mult-ui-states/Community_hover.png");
    }


    #linkButtonsIconDisplay a.suggestionButton {
        background-image: url("images/button-icons-mult-ui-states/Suggestion_enabled.png");
    }

        #linkButtonsIconDisplay a.suggestionButton.ui-state-disabled {
            background-image: url("images/button-icons-mult-ui-states/Suggestion_disabled.png");
        }

        #linkButtonsIconDisplay a.suggestionButton.selected {
            background-image: url("images/button-icons-mult-ui-states/Suggestion_selected.png");
        }

    #linkButtonsIconDisplay a:hover.suggestionButton {
        background-image: url("images/button-icons-mult-ui-states/Suggestion_hover.png");
    }

    #linkButtonsIconDisplay a.specLinkButton {
            background-image: url("images/button-icons-mult-ui-states/MyLinks_enabled.png");
        }

    #linkButtonsIconDisplay a:hover.specLinkButton {
        background-image: url("images/button-icons-mult-ui-states/MyLinks_hover.png");
    }

    #linkButtonsIconDisplay a.addToProjectButton {
        background-image: url("images/button-icons-mult-ui-states/Engineering_enabled.png");
    }

        #linkButtonsIconDisplay a.addToProjectButton.ui-state-disabled {
            background-image: url("images/button-icons-mult-ui-states/Engineering_disabled.png");
        }

        #linkButtonsIconDisplay a.addToProjectButton.selected {
            background-image: url("images/button-icons-mult-ui-states/Engineering_selected.png");
        }

    #linkButtonsIconDisplay a:hover.addToProjectButton {
        background-image: url("images/button-icons-mult-ui-states/Engineering_hover.png");
    }

    #linkButtonsIconDisplay a.validateAceButton {
        background-image: url("images/button-icons-mult-ui-states/Exclamation 4.png");
    }

        #linkButtonsIconDisplay a.validateAceButton.ui-state-disabled,
        #linkButtonsIconDisplay a.validateAceButton.validating {
            background-image: url("images/button-icons-mult-ui-states/Exclamation 1.png");
            pointer-events: none;
        }

        #linkButtonsIconDisplay a.validateAceButton.selected {
            background-image: url("images/button-icons-mult-ui-states/Exclamation 6.png");
        }

    #linkButtonsIconDisplay a:hover.validateAceButton {
        background-image: url("images/button-icons-mult-ui-states/Exclamation 7.png");
    }

    #linkButtonsIconDisplay a.validateAceButton.validateTrue {
        background-image: url("images/button-icons-mult-ui-states/thumbUp-blue.png");
    }

    #linkButtonsIconDisplay a.validateAceButton.validateFalse {
        background-image: url("images/button-icons-mult-ui-states/thumbDown-red.png");
    }
    
    span.calcMainLinkIcon {
        background-image: url("images/button-icons-mult-ui-states/Engineering_enabled.png");
    }
        
        span.calcMainLinkIcon.ui-state-disabled {
            background-image: url("images/button-icons-mult-ui-states/Engineering_disabled.png");
        }
        
        span.calcMainLinkIcon.selected {
            background-image: url("images/button-icons-mult-ui-states/Engineering_selected.png");
        }
        span.calcMainLinkIcon:hover {
            background-image: url("images/button-icons-mult-ui-states/Engineering_hover.png");
        }
        




/* this section pertains to the product dimensions data*/
div.prodSpecsContainer {
    width: calc(100% - 250px);
    float: left;
    display: flex;
    flex-wrap: wrap;
    opacity: .35;
}

    div.prodSpecsContainer.configureOutput-buttons-cont.active {
        opacity: 1;
    }

    div.prodSpecsCont {
        min-width: 138px;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
        height: 29px;
        margin: 0 auto 0px 12px;
    }

    div.prodSpecsCont.singleLine {
        width: -webkit-calc(25% - 24px);
        width: -moz-calc(25% - 24px);
        width: calc(25% - 24px);
    }

div.specNames {
    /*width: 40%;*/
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.prodSpecs {
    width: -webkit-calc(60% - 10px);
    width: -moz-calc(60% - 10px);
    width: calc(60% - 10px);
    float: left;
    /*border: solid 1px #626469;
    border-radius: 4px;*/
    padding: 4px;
    text-align: center;
    height: 19px;
    line-height: 19px;
}

/* this section pertains to parts-included.html elements*/
div#partsInfoDiv {
    display: flex;
    flex-wrap: wrap;
}

div#totalConfigListPriceDiv {
    display: flex;
    align-items: center;
    font-size: 14px;
    width: 100%;
    padding: 0 16px;
    height: 70px;
    box-sizing: border-box;
    border: solid 1px #ededed;
    font-weight: bold;
    margin-bottom: 16px;
    background: #ffffff;
}

div#totalConfigListPrice-empty {
    display: none;
    width: 100%;
}

    div#totalConfigListPrice-empty.splitWidth {
        display: flex;
    }

span.totalConfigListPrice-text {
    display: flex;
    align-items: flex-end;
}

span.totalConfigListPrice-display {
    margin-left: auto;
}

div#mainPartIncludedDiv,
div#partsIncludedDiv,
div#partsAvailableDiv,
div#devicesPartsIncludedDiv,
div#listPriceHelpDiv{
    margin-bottom: 16px;
    width: 100%;
    overflow: auto;
    border: solid 1px #eaeaea;
    border-bottom: none;
}

    div#partsIncludedDiv,
    div#partsAvailableDiv,
    div#devicesPartsIncludedDiv{
        display: none;
    }

    div#partsIncludedDiv.splitWidth,
    div#totalConfigListPriceDiv.splitWidth,
    div#devicesPartsIncludedDiv.splitWidth {
        /*width: 50%;
        padding-right: 5px;
        box-sizing: border-box;*/
    }

    div#partsAvailableDiv.splitWidth,
    div#totalConfigListPrice-empty.splitWidth {
        /*width: 50%;
        padding-left: 5px;
        box-sizing: border-box;*/
    }

div#devicesPartsIncludedDiv {
    display: none;
}

div#devicesPartsIncludedDiv.show {
    display: block;
}

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

table.partsTables.hide{
    display: none;
}

.partsHeadings {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    color: #626469;
    border-bottom: solid 1px #eaeaea;
}

    .partsHeadings::after {
        font-family: se-icon;
        font-size: 32px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #626469;
        content: "\F15B";
        margin-left: auto;
    }

    .partsHeadings.close::after {
        content: "\F159";
    }

        #mainPartIncludedHeadings,
        #partsIncludedHeadings,
        #listPriceHelpHeadings{
            background: #ffffff;
        }

        span.listPriceHelpTitle div{
            margin-bottom: 0 !important;
        }

div.listPriceHelpMessage {
    padding: 16px;
    border-bottom: solid 1px #eaeaea;
    background: #ffffff;
}

#devicesPartsIncludedHeadings {
    background: #ffffff;
    border-bottom: solid 5px #FFFFFF;
}

    #devicesPartsIncludedHeadings th {
        text-align: center;
        padding: 5px;
    }

    #partsAvailableHeadings {
        background: #ffffff;
    }

    table#devicesPartsIncludedTable.devicesActive tbody#devicesPartsIncludedImport tr.additionalDeviceItem.active{
        background: #3DCD58;
    }

tbody#partsAvailableImport tr th.parts-incl-qty,
tbody#partsAvailableImport tr td.partsData-qty-section {
    display: none;
}

tbody#devicesPartsIncludedImport tr th.parts-incl-edit,
tbody#devicesPartsIncludedImport tr td.partsData-edit-section {
    display: table-cell;
}

.parts-incl-edit,
.partsData-edit-section {
    display: none;
}

img.editingImg {
    height: 24px;
    cursor: pointer;
}
img.partsData-edit-section-editImg {
    margin-right: 5px;
}

img.partsData-edit-section-deleteImg {
}

table.partsTables th {
    border-bottom: solid 1px #626469;
    padding: 0;
    text-align: left;
}

    table.partsTables th.parts-incl-ref,
    table.partsTables td.parts-incl-ref {
    }

tr.partsHeader th {
    padding: 0 5px;
    box-sizing: border-box;
}

tr.partsData td {
    padding: 0 11px;
    box-sizing: border-box;
}

tr.partsData td.partsData-qty-section {
    text-align: center;
}

tr.partsHeader,
tr.partsData {
    border-bottom: solid 1px #9FA0A4;
}

tr.partsHeader {
    height: 24px;
}

    tr.partsHeader.alt-background-lt-grey,
    tr.partsData.alt-background-lt-grey {
        background-color: #eaeaea;
    }

span.partHeader-parts-incl-span {
    margin: 5px 0;
    padding: 0 5px;
    white-space: nowrap;
}

    span.partHeader-parts-incl-span.parts-incl-border-left {
        border-left: solid 1px #eaeaea;
    }

td.partsData-img-section {
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.partsData-desc-header-partNum {
    color: #42B4E6;
    text-decoration: none;
    font-weight: bold;
}

img.partsData-img {
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
}


a.partsInfoRefs {
    color: #3DCD58;
    text-decoration: none;
}

div.simpleResultsHeading {
    display: flex;
    align-items: center;
    font-size: 18px;
    padding: 5px;
    justify-content: center;
    height: 20px;
}

div.simpleSelector-partsHeading-row {
    height: 24px;
    display: flex;
    align-items: center;
    background: #eaeaea;
    color: #626469;
    font-weight: bold;
    padding: 0 0 0 11px;
}

table.simpleResultsTable {
    width: 100%;
    border-collapse: collapse;
    border: solid 1px lightgrey;
    margin-bottom: 20px;
}

    table.simpleResultsTable tr.partsData {
        border-bottom: solid 1px lightgrey;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

div.partsData-row{
    display: flex;
    align-items: center;
}

div.partsData-desc-info{
    padding: 3px 0;
}
div.simpleSelector-partNumber {
    font-weight: bold;
    margin-left: 20px;
}

input.simpleSelectorInputs {
    width: 32px;
    left: 24px;
    height: 20px;
    text-align: center;
    position: absolute;
    border-left: solid 1px #c5c5c5;
    border-right: solid 1px #c5c5c5;
    margin: 0;
    box-sizing: border-box;
    font-weight: bold;
}

div.partsData-row span.ui-spinner.ui-widget {
    position: relative;
    width: 80px;
    min-width: 80px;
    display: flex;
    align-items: center;
    height: 20px;
}


div.partsData-row span.ui-spinner a.ui-spinner-button {
    position: absolute;
    right: 0;
    height: 20px;
    border: none;
    margin: 0;
}

    div.partsData-row span.ui-spinner a.ui-spinner-button.ui-spinner-down {
        right: initial;
        left: 0;
        border: none;
    }

    table.simpleResultsTable tr.partsData td.partsData-img-section{
        width: auto;
    }

.childrenLinksLeft,
a.linkButton {
    margin-top: 3px;
    margin-bottom: 3px;
    border-radius: 4px;
}

    a.linkButton,
    a.linkButton.buttonRight {
        width: -webkit-calc(100% - 2px);
        width: -moz-calc(100% - 2px);
        width: calc(100% - 2px);
        color: #626469;
        padding: .4em 0;
        border: 1px solid #009530;
        box-sizing: border-box;
        position: relative;
    }

        a.linkButton.disabled:hover {
            color: #626469;
            background: #FFFFFF;
        }

        a.linkButton.buttonOn:hover {
            color: white;
            background: #3DCD58;
        }

        a.linkButton.addToCartButton {
            background: #E47F00;
            color: #FFFFFF;
        }

            a.linkButton.addToCartButton.ui-state-disabled {
                /*background: #FFFFFF;*/
                color: #ffffff;
            }

        a.linkButton.aceTextButton.validating {
            pointer-events: none;
            opacity: .75;
        }
        a.linkButton.aceTextButton.validateTrue {
            color: white;
            background-color: #3DCD58;
            border-color: #3DCD58;
        }
        a.linkButton.aceTextButton.validateFalse {
            color: white;
            background-color: red;
            border-color: red;
        }

        /* Where waiting in process then button Color*/
        a.linkButton.aceTextButton.btnBlue {
            color: #000;
            background-color: #5bc0de;
            border-color: #5bc0de;
        }
        /* Where submite for Pricing/Drawing is success then button Color*/
        a.linkButton.aceTextButton.btnOrange {
            color: #000;
            background-color: #f0ad4e;
            border-color: #f0ad4e;
        }

a#saveSolutionButton.greenActive,
a#projectItemUpdateButton.greenActive {
    background: #3DCD58;
    color: white;
}

a#downloadButton span.ui-icon-triangle-1-s {
    right: 8px;
    position: absolute;
    display: inline-block;
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.childrenLinksLeft {
    width: 100%;
}

div.downLoadDivDropdown{

}
ul.childLinksList {
    position: relative;
    left: 0px !important;
    /*		border: none;*/
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

    ul.childLinksList:hover {
        background: white;
        color: #626469;
    }

div.downLoadDivDropdown {
    position: absolute;
    top: 40px;
    left: 0;
    display: none;
    width: 100%;
    background-color: none;
    box-shadow: none;
}

div.downLoadDivDropdown.show {
    display: block;
}

ul.childLinksList.downLoadDivDropdownUl {
    list-style: none;
    padding: 0;
    width: 42px;
}

    

    li.childLinkItem {
        padding-top: 1px !important;
        padding-right: 1em !important;
        padding-bottom: 1px !important;
        padding-left: 1em !important;
        background: white !important;
        border: none;
        color: #626469;
    }

ul.childLinksList.downLoadDivDropdownUl li.childLinkItem {
    padding: 1px 0 !important;
}

li.linkButton.downloadDropdownItem{
    padding: 1px 0;
}

li.childLinkItem.ui-menu-item.ui-state-focus:hover {
    color: #626469 !important;
}

    li.childLinkItem:hover {
        color: #626469 !important;
    }

        li.childLinkItem:hover a {
            color: #626469;
        }

    li.childLinkItem a:hover {
        color: white;
    }

#linkButtonsIconDisplay a.downloadDropdownItem {
    border-radius: 0;
    border-color: #42B4E6;
    color: #626469;
    text-align: center;
}

    #linkButtonsIconDisplay a.downloadDropdownItem:hover {
        color: #FFFFFF;
    }

#solutionNumberDivContainer {
    position: relative;
    display: flex;
    align-items: center;
}

#crossRefDiv {
    display: none;
    position: absolute;
    top: 60px;
    left: 25px;
    z-index: 100;
    border: solid 1px #9FA0A4;
    background: #FFFFFF;
    -webkit-box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.5);
}

#crossRefTable {
    border-collapse: collapse;
}

.crossRefComp {
    border-right: solid 1px #9FA0A4;
    padding: 0 5px;
}

.crossRefNumber {
    padding: 0 5px;
}

/*  this removes the up and down arrows from input type=number */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.radioMenuItem {
    /*background-image: url('images/Radio_Button_Empty.png');*/
    background-size: 14px;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    /*top: 0;*/
    left: 0;
    background: #eaeaea;
    border-radius: 100%;
    border: 2px solid #626469;
    box-sizing: border-box;
}

input[type=radio]:checked ~ .radioMenuItem {
    /*background-image: url('images/Radio_Button_Checked.png');*/
    background: #3DCD58;
    border-color: #3DCD58;
}

.checkboxMenuItem {
    /* background-image: url('images/Checkbox_Empty.png');*/
    background-size: 14px;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    /*top: 0;*/
    left: 0;
    background: #eaeaea;
    border: 2px solid #626469;
    box-sizing: border-box;
}

input[type=checkbox]:checked ~ .checkboxMenuItem {
    /* background-image: url('images/Checkbox_Checked.png');*/
    background: #3DCD58;
    border-color: #3DCD58;
}

.social-media-links-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 120px;
    height: 100%;
}

    .social-media-links-div a,
    .social-media-links {
        height: 100%;
    }

/*  center & size the ratings stars */
div#starRatingDiv div.br-wrapper {
    margin-left: auto;
    height: 26px;
}

div.br-widget {
    height: 26px !important;
}

    div.br-widget a {
        font: normal normal normal 26px/1 FontAwesome !important;
        cursor: pointer !important;
    }

div.amazonStarRatingDivs div.br-wrapper div.br-widget a,
div.productTab-amazonStarRatingDivs div.br-wrapper div.br-widget a {
    font: normal normal normal 17px/1 FontAwesome !important;
    margin-right: 3px;
    cursor: pointer;
}

.ratingsReviewsDiv {
    position: relative;
}

#starRatingDiv,
#readReviewsLink{
    display: none !important;
}
.ratingsBreakdownDivContainer {
    width: 100%;
    display: flex;
    justify-content: space-around;
    position: absolute;
    top: 30px;
    z-index: 999;
}

    .ratingsBreakdownDivContainer.hide {
        display: none;
    }

.ratingsBreakdownInnerContainer {
    width: 200px;
    border: solid 1px #9FA0A4;
    padding: 15px 15px 0 15px;
    background: white;
}

.ratingsBreakdownDiv {
    display: flex;
    margin-bottom: 15px;
}

.ratingsBreakdownContainer {
    width: 100px;
    height: 10px;
    margin: 0 20px;
    border: solid 1px #9FA0A4;
}

.starRatingsBreakdownCount {
    margin-left: auto;
}

.starRatingsBreakdownBar {
    background: #42B4E6;
    height: 100%;
}

/*css adapted from Schneider webpage for support bars that slide out*/
.support-bar.active {
    margin-left: -215px;
}

.support-bar {
    position: absolute;
    transition: none;
    visibility: hidden;
}

.support-bar {
    overflow: visible;
    visibility: visible;
}

.support-bar {
    display: table;
    overflow: hidden;
    position: absolute;
    /*top: 50%;*/
    left: 100%;
    margin-left: -40px;
    z-index: 4;
    line-height: 0;
    background: #fafafa;
    -webkit-transition: .2s margin ease;
    transition: .2s margin ease;
}

    .support-bar.chat-bar label.support-bar-label-right,
    .support-bar.contactUs-bar label.support-bar-label-right {
        display: none;
    }

    .support-bar.chat-bar label.support-bar-label-left,
    .support-bar.contactUs-bar label.support-bar-label-left {
        display: block;
    }

div#productPicturesContainer .support-bar.chat-bar label.support-bar-label-right,
div#productPicturesContainer .support-bar.contactUs-bar label.support-bar-label-right {
    display: none;
}

div#productPicturesContainer .support-bar.chat-bar label.support-bar-label-left,
div#productPicturesContainer .support-bar.contactUs-bar label.support-bar-label-left {
    display: block;
}


.support-bar.support-bar-left {
    left: 0%;
    margin-left: -342px;
}

    .support-bar.support-bar-left.active {
        margin-left: 0px;
    }

div#productPicturesContainer div.support-bar.support-bar-left.active.newProducts-bar {
    bottom: 20px;
}

div#productPicturesContainer div.support-bar.support-bar-left.active.featureProducts-bar,
div#productPicturesContainer div.support-bar.support-bar-left.active.newProducts-bar {
    z-index: 10;
}

.support-bar.support-bar-left.featureProducts-bar,
.support-bar.support-bar-left.newProducts-bar,
.support-bar.support-bar-left.active.featureProducts-bar,
.support-bar.support-bar-left.active.newProducts-bar,
.support-bar.support-bar-left.active.featureProducts-bar label,
.support-bar.support-bar-left.active.newProducts-bar label {
    height: 325px;
}

.support-bar.contactUs-bar,
.support-bar.featureProducts-bar {
    bottom: 155px;
}

#productPicturesContainer div.support-bar.featureProducts-bar {
    bottom: -145px;
}

    #productPicturesContainer div.support-bar.featureProducts-bar.active {
        bottom: 20px;
    }

.support-bar.chat-bar {
    bottom: 249px;
    height: 90px;
}

.support-bar.newProducts-bar {
    bottom: 295px;
}

#productPicturesContainer div.support-bar.newProducts-bar {
    bottom: 20px;
}

div.support-bar.calendar-bar,
#productPicturesContainer div.support-bar.calendar-bar {
    bottom: 201px;
    display: flex;
    background: none;
    transition: .6s all ease;
}

#productPicturesContainer div.distributor-contact-chat-cont {
    position: absolute;
    height: 100%;
    top: 0;
    right: auto;
}

#productPicturesContainer div.support-bar.chat-bar {
    bottom: 349px;
    left: 0;
    margin-left: -267px;
}

#productPicturesContainer div.support-bar.contactUs-bar {
    bottom: 350px; /* Was 442 when adding "CHAT" button */
    left: 0;
    margin-left: -267px;
}

    #productPicturesContainer div.support-bar.contactUs-bar.active {
        margin-left: 0;
    }

div.distributor-contact-chat-cont,
div.featured-new-cont{
    display: none !important;
}


.support-bar label {
    background: #42b4e6;
    color: white;
    border: 0;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    padding: 5px 0;
    box-sizing: content-box;
    position: relative;
    width: 33px;
    line-height: 33px;
    text-transform: uppercase;
    cursor: pointer;
}

.support-bar.chat-bar label,
.support-bar.featureProducts-bar label {
    background: #3DCD58;
    height: 80px;
}

.support-bar label > span {
    -webkit-transform: translate(0,100%) rotate(-90deg);
    -ms-transform: translate(0,100%) rotate(-90deg);
    transform: translate(0,100%) rotate(-90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    /*  -ms-transform: rotate(-90deg);*/
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    font-size: 12px; /*6-25-17   16px*/
    text-transform: uppercase;
    font-weight: normal;
}

    .support-bar label > span:after {
        content: "";
        float: left;
        margin-top: 100%;
    }

.support-bar > div, .support-bar > span, .support-bar > ul, .support-bar > li, .support-bar > a {
    display: table-cell;
    vertical-align: middle;
}

.support-bar-icons ul {
    width: 265px;
    display: table;
    margin: 0;
    padding: 0;
}

ul.support-bar-products-UL {
    width: 200px;
}

.support-bar-icons li {
    display: table-cell;
    height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    line-height: 1.5em;
}

    .support-bar-icons li a {
        color: #626469;
        text-decoration: none;
    }

.support-bar-icons .icon-support-span {
    width: 32px;
    height: 32px;
}

.support-bar-icons li span {
    display: block;
    margin: auto;
    background-size: contain;
    background-size: 338px 323px;
    background-repeat: no-repeat;
}

    .support-bar-icons li span.icon-support-email {
        background-image: url('images/common-sprite@2x.png');
        background-position: -255px 0;
    }

    .support-bar-icons li span.icon-support-question {
        background-image: url('images/common-sprite@2x.png');
        background-position: -218px -192px;
    }

    .support-bar-icons li span.icon-support-buy {
        background-image: url('images/common-sprite@2x.png');
        background-position: -186px -192px;
    }

.support-bar.chat-bar label img {
    height: 27px;
    padding: 3px 3px 3px 0;
    /*-webkit-transform: translate(0,100%) rotate(-90deg);
    -ms-transform: translate(0,100%) rotate(-90deg);
    transform: translate(0,100%) rotate(-90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: rotate(-90deg);*/
    position: absolute;
    bottom: 0;
}

ul.newProds-UL,
ul.featuredProds-UL {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    min-width: 170px;
    overflow: auto;
}

div.support-bar.display1 ul.newProds-UL,
div.support-bar.display1 ul.featuredProds-UL {
    width: 170px;
}

div.support-bar.display2 ul.newProds-UL,
div.support-bar.display2 ul.featuredProds-UL {
    width: 340px;
}

div.support-bar.display3 ul.newProds-UL,
div.support-bar.display3 ul.featuredProds-UL {
    width: 510px;
}

.featuredItems {
    height: 160px;
    width: 160px;
    background-size: 160px;
    background-position: 0px;
    background-repeat: no-repeat;
    margin: 0 5px;
}

.featuredItem1 {
    background-image: url('images/Feature-1.png');
}

.featuredItem2 {
    background-image: url('images/Feature-2.png');
}

.featuredItem2 {
    background-image: url('images/Feature-2.png');
}

div.featureProducts-bar label.featNewSliderText,
div.newProducts-bar label.featNewSliderText {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 160px;
}

div.designTab-featured-new-cont div.newProducts-bar,
div.cartTab-featured-new-cont div.newProducts-bar {
    bottom: 25px;
}

    div.designTab-featured-new-cont div.newProducts-bar.active,
    div.cartTab-featured-new-cont div.newProducts-bar.active {
        bottom: 25px;
        z-index: 10;
    }

div.designTab-distributor-contact-chat-cont div.chat-bar,
div.cartTab-distributor-contact-chat-cont div.chat-bar {
    bottom: 354px;
    left: 0;
    margin-left: -267px;
}

div.designTab-distributor-contact-chat-cont div.contactUs-bar,
div.cartTab-distributor-contact-chat-cont div.contactUs-bar {
    bottom: 353px;
    left: 0;
    margin-left: -267px;
}

    div.designTab-distributor-contact-chat-cont div.contactUs-bar.active,
    div.cartTab-distributor-contact-chat-cont div.contactUs-bar.active {
        margin-left: 0px;
    }

div.designTab-featured-new-cont div.featureProducts-bar,
div.cartTab-featured-new-cont div.featureProducts-bar {
    bottom: -138px;
}

    div.designTab-featured-new-cont div.featureProducts-bar.active,
    div.cartTab-featured-new-cont div.featureProducts-bar.active {
        bottom: 25px;
    }

div.designTab-featured-new-cont div.calendar-bar,
div.cartTab-featured-new-cont div.calendar-bar {
    bottom: 206px;
}

div#middlePaneInnerContainer div.desc-featured-new-cont div.newProducts-bar {
    bottom: 195px;
}

div#middlePaneInnerContainer div.desc-featured-new-cont div.newProducts-bar {
    bottom: 25px;
}

    div#middlePaneInnerContainer div.desc-featured-new-cont div.newProducts-bar.active {
        bottom: 25px;
        z-index: 10;
    }

div.desc-distr-contact-chat div.chat-bar {
    bottom: 355px;
    left: 0;
    margin-left: -267px;
}

div.desc-featured-new-cont div.newProducts-bar {
    bottom: 160px;
}

div.desc-distr-contact-chat div.contactUs-bar {
    bottom: 448px;
    left: 0;
    margin-left: -267px;
}

    div.desc-distr-contact-chat div.contactUs-bar.active {
        margin-left: 0;
    }

div.desc-featured-new-cont div.calendar-bar {
    bottom: 207px;
}

div.desc-featured-new-cont div.featureProducts-bar {
    bottom: -124px;
}

div.desc-featured-new-cont div.featureProducts-bar {
    bottom: -139px;
}

    div.desc-featured-new-cont div.featureProducts-bar.active {
        bottom: 25px;
    }



div.featured-new-cont {
    position: absolute;
    height: 100%;
    top: 0;
}

div.distributor-contact-chat-cont {
    position: fixed;
    height: 100%;
    top: 0;
    right: 0;
}


.support-bar-icons li.fn-slides-li {
    height: 100%;
    width: 170px;
    float: left;
}

.support-bar.support-bar-left.display1 {
    margin-left: -172px;
}

.support-bar.support-bar-left.display2 {
    margin-left: -342px;
}

.support-bar.support-bar-left.display3 {
    margin-left: -512px;
}

    .support-bar.support-bar-left.display1.active,
    .support-bar.support-bar-left.display2.active,
    .support-bar.support-bar-left.display3.active {
        margin-left: 0;
    }

    div.support-bar{
        transition: .3s bottom ease;
    }
div.support-bar.support-bar-left.newProducts-bar.hideNewAndFeatured{
    display: none;
}

div.support-bar.support-bar-left.featureProducts-bar.hideNewAndFeatured {
    display: none;
}

        div.support-bar.support-bar-left.calendar-bar.hideNewAndFeatured,
        #productPicturesContainer div.support-bar.support-bar-left.calendar-bar.hideNewAndFeatured {
            bottom: -128px;
        }

        div.support-bar.support-bar-left.calendar-bar.hideNewAndFeatured.active,
        #productPicturesContainer div.support-bar.support-bar-left.calendar-bar.hideNewAndFeatured.active {
            bottom: 20px;
        }

        div.support-bar.chat-bar.hideNewAndFeatured,
        #productPicturesContainer div.support-bar.chat-bar.hideNewAndFeatured {
            bottom: 20px;
        }

        div.support-bar.contactUs-bar.hideNewAndFeatured,
        #productPicturesContainer div.support-bar.contactUs-bar.hideNewAndFeatured {
            bottom: 113px;
        }



.fn-slides-container {
    height: 100%;
    width: 170px;
    padding: 5px 10px;
    box-sizing: border-box;
}

.fn-slides-prodName {
    font-weight: bold;
    color: #3DCD58;
    font-size: 16px;
    height: 15%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
}

.fn-slides-image-container {
    height: 50%;
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
}

.fn-slides-image {
    height: 100%;
    max-width: 130px;
    max-height: 130px;
    cursor: pointer;
}

.fn-slides-desc-container,
.fn-slides-links-container {
    overflow: auto;
    font-weight: bold;
    height: 17.5%;
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-align: left;
}

.support-bar-icons li a.fn-slides-links {
    color: #42B4E6;
    width: 100%;
}

/* applies to banner */

a.bannerToggleLink {
    height: 30px;
    width: 30px;
    position: absolute;
    z-index: 5;
    right: 0px;
    bottom: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    a.bannerToggleLink.hideElem {
        bottom: 0px;
        width: 100%;
    }

img.bannerCloseIcon {
    height: 14px;
}

/* applies to paginationHeader*/
div.results_footer {
    width: 100%;
    overflow: auto;
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(200,200,200);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

div.displayImageCount {
    margin-right: 10px;
    line-height: 35px;
    display: list-item;
    font-size: .8em;
    font-style: italic;
    /* width: 100px;*/
}

div.results_link_buttons {
    overflow: auto;
    margin: 0 auto;
}

div.results_action_buttons {
    float: left;
    height: 35px;
    overflow: hidden;
    margin-right: auto;
}

div#paginationModule {
    margin-left: 10px;
}


div.results_link_buttons.modLayout {
    margin: 0 0 0 auto;
}

div.displayImageCount.modLayout {
    padding-right: 50px;
    margin: 0;
}

div.results_link_buttons.modLayout {
    overflow: hidden;
    margin: 0;
    display: flex;
    justify-content: flex-end;
}

div.layoutImageContainer,
div.sortDiv {
    height: 35px;
    display: flex;
    align-items: center;
    margin-left: 10px;
}

select.sortSelect {
    width: 150px;
    margin-left: 5px;
    color: #626469;
}

img.layoutImages {
    height: 25px;
    margin-right: 10px;
}

/*  styling for the regions selection*/

.regionsContainer {
    height: 100%;
    width: 100%;
}

.regionsHeading {
    font-size: 24px;
    margin-bottom: 20px;
    border-bottom: solid 1px #626469;
    padding-bottom: 20px;
}

.regionsBody {
    height: -webkit-calc(100% - 68px);
    height: -moz-calc(100% - 68px);
    height: calc(100% - 68px);
    width: 100%;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
}

ul.region-list {
    margin: 0;
    width: 33.3333%;
    padding: 0 15px 40px 15px;
    box-sizing: border-box;
}

li.region-parent {
    width: 100%;
    box-sizing: border-box;
    height: 20px;
    list-style-type: none;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

label.region-parent-label {
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

ul li input.region-parent-input {
    visibility: initial;
    left: 10px;
}

li.region-child {
    height: 30px;
    width: 100%;
    display: flex;
    align-items: center;
}

label.region-child-label {
    height: 100%;
    width: 100%;
    margin-left: 15px;
    font-size: 12px;
    display: flex;
    align-items: center;
    white-space: initial;
}

ul li input.region-child-input {
    width: 20px;
    visibility: initial;
    left: 4px;
}

span.regionIconHolder {
    width: 24px;
    height: 20px;
    margin-right: 6px;
    float: left;
}


span.region-icon-container {
}

img.region-icons {
    width: 24px;
    height: 20px;
}

img.bldg-types-add-img {
    height: 12px;
    margin-right: 11px;
}

span.bldg-types-add-text {
    font-style: italic;
    color: #9FA0A4;
}

label.region-child-label.add-bldg-type {
    padding: 0 0 0 7px;
}
/* change look of scrollbar */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    /* changed from 8px*/
}
    ::-webkit-scrollbar:hover,
    ::-webkit-scrollbar:active,
    ::-webkit-scrollbar-corner {
        width: 8px !important;
        height: 8px !important;
    }

    /*increase width of scroll bar on hover*/

div:hover::-webkit-scrollbar,
div:hover::-webkit-scrollbar:hover,
div:hover::-webkit-scrollbar:active,
div:hover::-webkit-scrollbar-corner,
div:active::-webkit-scrollbar:hover,
div:active::-webkit-scrollbar:active,
div:active::-webkit-scrollbar-corner,
div.tablesContainer:hover div::-webkit-scrollbar,
div.tablesContainer:hover div::-webkit-scrollbar:hover,
div.tablesContainer:hover div::-webkit-scrollbar:active,
div.tablesContainer:hover div::-webkit-scrollbar-corner,
div.tablesContainer:active div::-webkit-scrollbar:hover,
div.tablesContainer:active div::-webkit-scrollbar:active,
div.tablesContainer:active div::-webkit-scrollbar-corner,
ul:hover::-webkit-scrollbar,
ul:hover::-webkit-scrollbar:hover,
ul:hover::-webkit-scrollbar:active,
ul:hover::-webkit-scrollbar-corner,
ul:active::-webkit-scrollbar:hover,
ul:active::-webkit-scrollbar:active,
ul:active::-webkit-scrollbar-corner {
    width: 8px !important;
    height: 8px !important;
}
/* Track */

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 4px;
    height: 4px;
}
   
/* Handle */

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*background: rgba(98, 100, 105, 0.8);*/
    /*background: rgba(166, 166, 166, .7);*/
    background: rgba(0, 149, 48, .7);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

    ::-webkit-scrollbar-thumb:hover {
        background: rgba(66, 180, 230, .7);
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(240, 240, 240, 0.4);
    }

/*  style specific scroll bar */
ul#buttonMenu::-webkit-scrollbar-thumb:horizontal,
ul#subMenuButtons::-webkit-scrollbar-thumb:horizontal {
    /*background: rgba(66, 180, 230, 1);*/
}

/*  style specific scroll bar */
ul#lineup-your-selections-body-ul::-webkit-scrollbar-thumb {
    background: #42B4E6;
}

/*  text scroll effect */
.scroll-left {
    overflow: hidden;
    position: relative;
    -moz-animation: scroll-left 20s linear infinite;
    -webkit-animation: scroll-left 20s linear infinite;
    animation: scroll-left 20s linear infinite;
    background-color: #fff;
}

    /*
.scroll-left span.socialFeeds {
    width: 100%;
    height: 100%;
    margin: 0 20px;
    min-width: 350px;
    text-align: end;
    white-space: nowrap;
}
*/

    .scroll-left .socialFeeds {
        white-space: nowrap;
        margin-right: 30px;
    }

    .scroll-left #twitterFeed.socialFeeds ul {
        padding: 0;
        margin: 0;
    }

        .scroll-left #twitterFeed.socialFeeds ul li,
        .scroll-left #twitterFeed.socialFeeds ul li p.interact {
            display: flex;
            color: #626469;
        }

    .scroll-left:hover {
        -moz-animation-play-state: paused;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(120%);
    }

    100% {
        -moz-transform: translateX(-120%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(120%);
    }

    100% {
        -webkit-transform: translateX(-120%);
    }
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(120%); /* Browser bug fix */
        -webkit-transform: translateX(120%); /* Browser bug fix */
        transform: translateX(120%);
    }

    100% {
        -moz-transform: translateX(-120%); /* Browser bug fix */
        -webkit-transform: translateX(-120%); /* Browser bug fix */
        transform: translateX(-120%);
    }
}

/* end text scroll effect */

/* styling for the productOverview html section rendered*/

div.prodOverviewOuter {
    background-color:white;
    height: 100%;
    width: 100%;
    padding-bottom: 20px;
}

div.prodOverview-prodNameHeader {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    height: 36px;
    margin-top: 10px;
}

div.prodOverview-featureSubfeature {
    display: inline-block;
    float: left;
    color: #626469;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}

div.prodOverview-tabControl {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 35px 5px 20px;
    height: 36px;
    background-color: white;
}

div.tabularData-selector-buttons-container {
    display: none;
}

    div.tabularData-selector-buttons-container.active {
        float: right;
        display: block;
        margin-top: 5px;
    }

a.tabularData-selector-buttons,
a.tabularData-selector-buttons-desc {
    background-size: 30px 30px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    float: right;
    margin: 0 0 5px 5px;
}

a#tabularData-selector-edit,
a#tabularData-selector-edit-desc {
    background-image: url(images/digestFast-buttons/edit-inactive.png);
}

    a#tabularData-selector-edit.active,
    a#tabularData-selector-edit-desc.active {
        background-image: url(images/digestFast-buttons/edit-active.png);
    }

a#tabularData-selector-datasheet,
a#tabularData-selector-datasheet-desc {
    background-image: url(images/digestFast-buttons/datasheet-inactive.png);
}

    a#tabularData-selector-datasheet.active,
    a#tabularData-selector-datasheet-desc.active {
        background-image: url(images/digestFast-buttons/datasheet-active.png);
    }

a#tabularData-selector-compare,
a#tabularData-selector-compare-desc {
    background-image: url(images/digestFast-buttons/compare-inactive.png);
}

    a#tabularData-selector-compare.active,
    a#tabularData-selector-compare-desc.active {
        background-image: url(images/digestFast-buttons/compare-active.png);
    }

a#tabularData-selector-print,
a#tabularData-selector-print-desc {
    background-image: url(images/digestFast-buttons/print-inactive.png);
    margin-right: 20px;
}

    a#tabularData-selector-print.active,
    a#tabularData-selector-print-desc.active {
        background-image: url(images/digestFast-buttons/print-active.png);
    }

div.prodOverview-displaySection {
    height: -webkit-calc(100% - 52px);
    height: -moz-calc(100% - 52px);
    height: calc(100% - 52px);
    width: 100%;
    box-sizing: border-box;
    padding-right: 5px;
    background-color: white;
}

    div.prodOverview-displaySection.overviewFullHeight {
        height: 100%;
    }

    div.productOverview-description {
        padding-top: 20px;
    }

div.prodOverview-displaySection.digestFast {
    height: -webkit-calc(100% - 72px);
    height: -moz-calc(100% - 72px);
    height: calc(100% - 72px);
}

    div.prodOverview-displaySection ol {
        list-style-type: upper-alpha;
    }

        div.prodOverview-displaySection ol > li > ol {
            list-style-type: decimal;
        }

            div.prodOverview-displaySection ol > li > ol > li > ol {
                list-style-type: lower-alpha;
            }

                div.prodOverview-displaySection ol > li > ol > li > ol > li > ol {
                    list-style: none;
                    counter-reset: numberParens;
                }

                    div.prodOverview-displaySection ol > li > ol > li > ol > li > ol > li:nth-child(n)::before {
                        counter-increment: numberParens;
                        margin-right: 5px;
                        content: counter(numberParens) ")";
                    }

ul.prodOverview-subMenuButtonsUL {
    list-style-type: none;
    padding: 0;
    width: 100%;
    margin: auto;
    max-width: calc(1200px - 260px);
    height: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    float: left;
    font-size: 16px;
    overflow-y: hidden;
    white-space: nowrap;
}

li.prodOverview-subMenuLinks {
    text-align: center;
    margin: 0 20px;
    display: inline-block;
}

    li.prodOverview-subMenuLinks a.prodOverviewMenuRefs {
        display: inline-block;
        text-align: left;
        text-decoration: none;
        line-height: 22px;
        color: #626469;
        font-size: 15px;
        cursor: pointer;
    }

ul.prodOverview-subMenuButtonsUL li.prodOverview-subMenuLinks a.prodOverviewMenuRefs.active {
    color: #3DCD58;
    font-weight: bold;
    border-bottom: solid 4px #3DCD58;
    box-sizing: border-box;
}

div.productOverview-sections {
    display: none;
}

    div.productOverview-sections.active {
        display: block;
    }

/*
div.prodOverviewContainer ul.prodOverview-subMenuButtonsUL li.prodOverview-subMenuLinks a.prodOverviewMenuRefs{
    color: #626469;
    text-decoration: none;
    pointer-events: none;
    font-weight: normal;
}

div.prodOverviewContainer.fullHeight ul.prodOverview-subMenuButtonsUL li.prodOverview-subMenuLinks a.prodOverviewMenuRefs{
    pointer-events: auto;
}

div.prodOverviewContainer.fullHeight ul.prodOverview-subMenuButtonsUL li.prodOverview-subMenuLinks a.prodOverviewMenuRefs.active {
    color: #009530;
    text-decoration: underline;
    font-weight: bold;
}*/

/*  This css is to create the modal and logout a user after 15 minutes.*/
.modalTimeout {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-contentTimeout {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

.closeTimeoutModal {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .closeTimeOutModal:hover,
    .closeTimeoutModal:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    div.productOverview-vCatalog img{
        max-width: 100%;
    }

    div.productOverview-vCatalog{
        height: 100%;
    }

/* For Validate button dropdown */
.dropdown-contentValidate {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: calc(50% - 18px);
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-contentValidate a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        cursor: pointer;
    }

.dropdown a:hover {
    background-color: #ddd;
}

.dropdown > a:before, .dropdown > button:before {
    position: absolute;
    right: 7px;
    top: 12px;
    content: ' ';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid gray;
}

.show {
    display: block;
}

.showcss {
    display: block;
    padding: 6px 12px;
    color: #333333;
    border: 1px solid #9FA0A4;
    min-width: 80px;
}

.hidecss {
    display: none;
}

div.dialog-revit-debug-container,
div.dialog-revit-debug-container-sections{
    padding: 20px;
}

table.revitDebugTable {
}

table.revitDebugTable tr td {
    
}

div.revitDebug-header {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    justify-content: center;
    font-weight: bold;
    font-size: 1.25em;
}

div.revitDebug-subHeader {
    display: flex;
    font-weight: bold;
    margin: 10px 0px 0 0;
    border-bottom: solid 2px #626469;
}