div.buswaySystemContainer{
    width: 100%;
    display: none;
    /* margin-top: 8px; */
}

div.buswaySystemContainer.designMainDisplayControl-js {
    /* height: calc(100% - 92px); */
    
}

div.buswaySystemContainer.showBusway{
    display: block;
}


div#mainSection.hide,
div#crumbs.hide {
    display: none;
}

div#splitterContainer2.left_panel.newMinWidth{
    min-width: 20%;
}

div#leftSection.fullDisplayLayout {
    max-width: 100%;
    width: 100% !important;
    height: 100%;
}


div#leftSection-inner{
    display: block;
}

div#leftSection-header{
    width: 100%;
    height: 36px;
    display: flex;
    background: #eaeaea;
}

div#leftSection-header.hide {
    display: none;
}

div.sectionSplitDisplay {
    height: 100%;
    margin: 0 0 0 12px;
    background: #eaeaea;
    display: flex;
    box-sizing: border-box;
    cursor: pointer;
}

    div.sectionSplitDisplay.active div.splitDisplay-blocks {
        background: #42B4E6;
    }

    div.splitDisplay-blocks {
        background: #626469;
        width: 18px;
        margin: 6px 2px;
    }

div.splitDisplay-blocks.narrowBlock {
    width: 12px;
}

    div.splitDisplay-blocks.normalBlock {
        width: 18px;
    }

    div.splitDisplay-blocks.wideBlock {
        width: 24px;
    }

div.questionLayoutContainer {
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 12px 0 auto;
}

    div.questionLayoutContainer a.questionLayoutButton {
        background: #9FA0A4;
        border-color: #9FA0A4;
        border-radius: 0;
        color: #ffffff;
        text-decoration: none;
        line-height: 24px;
        height: 24px;
        padding: 0 25px;
    }

        div.questionLayoutContainer a.questionLayoutButton.showButtons {
            background: #42B4E6;
            border-color: #42B4E6;
        }

        div#leftSection-navigationSection {
            width: 100px;
            padding-left: 12px;
            box-sizing: border-box;
            display: none;
        }

div#leftSection-navigationSection.show {
    display: block
}

    div .leftSection-navigationSection-header {
    height: 28px;
    margin-bottom: 12px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: lightgrey;
    overflow: auto;
}

div.leftSection-navigationSection-header-btnCont {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

    div.leftSection-navigationSection-header-btnCont img {
        height: 20px;
        margin-left: 12px;
        cursor: pointer;
    }

div#leftSection-navigationSection-groups{
    width: 100%;
    height: calc(100% - 40px);
    border: none;
    padding: 0;
}

div#leftSection-configuration{
    width: 100%;
    height: calc(100% - 36px);
}

div#leftSection-configuration.fullHeight {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

div#groupNavButtonDiv {
    display: flex;
    align-items: center;
    padding: 0 12px;
    margin: 8px 0;
}

div.groupNavButtons {
    background: lightgray;
    color: #626469;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
}

    div.groupNavButtons:hover,
    div.groupNavButtons:active{
        background: #3DCD58;
    }

a.groupNavButtons-link {
    color: #626469;
}

div.groupNavButtons:hover a.groupNavButtons-link,
div.groupNavButtons:active a.groupNavButtons-link {
    color: #FFFFFF;
}

div.groupsInsertButtonsContainer{
    display: none;
}

div.groupsInsertButtonsContainer.show {
    display: block;
}

div#groupsControlTabs {
    border: none;
    /* margin-top: 8px; */
    padding: 0;
    box-sizing: border-box;
    /* height: 40px; */
    overflow: hidden;
    border-radius: 0;
}
div#groupsContainer {
    display: none;
}
/*
ul#groupsList li.groupLi a.groupLinks {
    padding: 5px 35px 5px 60px;
    display: flex;
    align-items: center;
    font-weight: normal;
    cursor: pointer;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 1.25em;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border: solid 4px #c0c0c0;
    border-right: none;
    border-left: none;
}

    ul#groupsList li.groupLi a.groupLinks.groupBold {
        font-weight: bold;
        color: #FFFFFF;
    }

ul#groupsList li.groupLi a.groupLinks:hover {
    background: inherit;
}

ul#groupsList {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #c0c0c0;
    border: none;
    display: flex;
    flex-direction: row;
    border-radius: 0;
    box-sizing: border-box;
}

    ul#groupsList li.groupLi {
        float: left;
        text-align: center;
        list-style: none;
        border: none;
        position: relative;
        background: #c0c0c0;
        margin: 0;
        box-sizing: border-box;
        text-align: left;
    }

    ul#groupsList li.groupLi:first-child a.groupLinks{
        padding-left: 45px !important;
    }

        ul#groupsList li.groupLi.enable {
            background: #E47F00;
            pointer-events: all;
        }

        ul#groupsList li.groupLi.selected {
            background: #42B4E6;
        }

        ul#groupsList li.groupLi.selected a.groupLinks {
            background: #42B4E6;
            border-color: #42B4E6;
        }

        ul#groupsList li.selected a:before {
            background: #42B4E6;
        }

            ul#groupsList li.groupLi.enable.groupBold a.groupLinks.groupBold {
                border-color: #42B4E6;
            }

    ul#groupsList li a:before {
        content: "";
        position: absolute;
        top: 5px;
        right: -16px;
        z-index: 2;
        width: 30px;
        height: 30px;
        background: #c0c0c0;
        transform: rotate(45deg);
        border: none;
        box-shadow: 5px -5px 6px rgba(0, 0, 0, 0.2);
    }

    ul#groupsList li.enable.groupBold a.groupBold:before {
        background: #42B4E6;
    }

    ul#groupsList li.enable a:before {
        background: #E47F00;
    }

        ul#groupsList li a:after {
            content: "";
            position: absolute;
            right: -20px;
            top: -4px;
            z-index: 1;
        }

    ul#groupsList li a:after {
    }

        ul #groupsList li.groupLi.mainProdGroup {
    }

    ul#groupsList li.groupLi.hide {
        display: none;
    }

    ul#groupsList li.groupLi.groupBold {
        background-color: #42B4E6;
    }

    ul#groupsList li.groupLi.mainProdGroup a.groupLinks,
    ul#groupsList li.groupLi.enable a.groupLinks {
        color: #FFFFFF;
    }

    ul#groupsList li.groupLi.enable a.groupLinks {
        border-color: #E47F00;
    }
*/
    ul#groupsList li.groupLi {
        pointer-events: none;
    }
        ul#groupsList li.groupLi.mainProdGroup,
        ul#groupsList li.groupLi.lineUpGroup.enable,
        ul#groupsList li.groupLi.devicesGroup.enable {
            pointer-events: all;
        }

.groupFeaturesDivs {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .groupFeaturesDivs.hidden {
        display: none;
    }

    .groupFeaturesDivs.splitWidth{
        flex-direction: column;
    }

    .groupLi.groupWarning{
        position: relative;
    }

    .groupLi.groupWarning img.warning-img{
        position: absolute;
        height: 25px;
        left: 2em;
        top: -26px;
        /*display: block;  /// remove warning as temporary fix */
        display: none;
    }

    .groupLi img.warning-img{
        display: none;
    }

div.groupsInsertButtonsContainer ul.devicegroupButtonUl {
    margin: 10px;
    padding: 0;
}

div.groupsInsertButtonsContainer.showGroupButtons {
    display: block;
}

div.groupsInsertButtonsContainer ul.devicegroupButtonUl li.deviceGroupButton {
    display: flex;
    width: 100%;
    height: 50px;
    align-items: center;
    margin: 0 0 15px 0;
    border: solid 2px #9FA0A4;
    box-sizing: border-box;
    background: #eaeaea;
    box-shadow: 3px 3px 3px 0px;
}
    div.groupsInsertButtonsContainer ul.devicegroupButtonUl li.deviceGroupButton label.deviceGroupButton-label {
        display: flex;
        background: #eaeaea;
        margin: auto;
        padding: 0;
        color: #626469;
        font-size: 1.25em;
    }

    div.groupsInsertButtonsContainer ul.devicegroupButtonUl li.deviceGroupButton:hover label.deviceGroupButton-label {
        color: #009530;
    }

    div.groupsInsertButtonsContainer ul.devicegroupButtonUl li.deviceGroupButton img.deviceGroupButton-img {
        height: 100%;
    }

    div.groupsInsertButtonsContainer ul.devicegroupButtonUl li.deviceGroupButton div.deviceGroupButton-addIcon {
        margin-right: 10px;
        height: 24px;
        width: 24px;
        background-size: 24px;
        background-image: url(images/button-icons-mult-ui-states/add_device_plus_enabled.png);
        background-repeat: no-repeat;
    }

    div.groupsInsertButtonsContainer ul.devicegroupButtonUl li.deviceGroupButton:hover div.deviceGroupButton-addIcon,
    div.groupsInsertButtonsContainer ul.devicegroupButtonUl li.deviceGroupButton div.deviceGroupButton-addIcon.active
    {
        background-image: url(images/button-icons-mult-ui-states/add_device_plus_active.png);
    }


.featuresForm {
    background: #ffffff;
    border: solid 1px #eaeaea;
    padding: 0 16px 16px 16px;
    box-sizing: border-box;
}

.featuresForm.groups {
    margin-bottom: 10px;
    width: 100%;
    overflow-y: auto;
    /*visibility: visible;
    opacity: 1;
    transition: visibility 4s ease-in-out 3s, height 4s ease-in-out 3s;*/
}
    
.featuresForm.no-groups {
    margin-bottom: 10px;
    width: 100%;
    visibility: visible;
    overflow-y: auto;
    opacity: 1;
    /*transition: visibility 4s ease-in-out 3s;*/
}

    .featuresForm.groups.rollup,
    .featuresForm.no-groups.rollup {
        display: none;
        height: 0;
        width: 0;
        margin-bottom: 0;
        padding: 0;
        border: 0;
        /*visibility: hidden;
        opacity: 0;
        transition: visibility 4s ease-in-out 3s, height 4s ease-in-out 3s;*/
    }

div.featuresForm.featuresForm.groups.rollup div.featuresSelectBoxes,
div.featuresForm.featuresForm.no-groups.rollup div.featuresSelectBoxes {
    /*height: 0;*/
    visibility: hidden;
    opacity: 0;
    /*transition: visibility 5s ease-in-out 2s;*/
}

div.featuresForm.featuresForm.groups div.featuresSelectBoxes,
div.featuresForm.featuresForm.no-groups div.featuresSelectBoxes {
    /*height: auto;*/
    visibility: visible;
    opacity: 1;
    /*transition: visibility 5s linear 2s;*/
}


    .featuresSelectBoxes.splitWidth {
        flex-direction: column;
    }

div.featuresForm div.featuresSelectBoxes span.ui-selectmenu-text,
div.wizardTemplateDiv span.ui-selectmenu-text {
    padding-left: 0;
}

optgroup.solFinderOptGroup{
    background: #B10043;
}

div.featuresForm div.featuresSelectBoxes div.multifilterHeadingsDivs {
    background: #626469;
    display: flex;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

div.featuresForm div.featuresSelectBoxes div.multifilterHeadingsDivs label {
    color: #FFFFFF;
    margin: auto;
}

    div.featuresForm div.featuresSelectBoxes div.multifilterHeadingsDivs i {
        height: 24px;
        width: 24px;
    }


    @media only screen and (max-width: 800px) {
        .featuresForm.no-groups {
        /*height: -webkit-calc(100% - 99px);
        height: -moz-calc(100% - 99px);
        height: calc(100% - 99px);*/
    }

    .featuresForm.groups {
        /*height: -webkit-calc(100% - 140px);
        height: -moz-calc(100% - 140px);
        height: calc(100% - 140px);*/
    }
}


.wizardTemplateDiv{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: -webkit-calc(100% - 24px);
    width: -moz-calc(100% - 24px);
    width: calc(100% - 24px);
    height: 28px;
    margin: 0 12px 10px 12px;
    display: none;
}

.wizardSelectContainer {
    width: 50%;
}

.rapidSourceIndContainer {
    width: 50%;
}

.rapidSourceIndDiv {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    color: #FFFFFF;
}

.rapidSourceIndDiv.rapidSource-true {
    background: #3DCD58;
}

.rapidSourceIndDiv.rapidSource-false {
    background: #E47F00;
}


#templateSelect-button {
    /*width: 100% !important;
    padding: .1em 0;*/
    width: -webkit-calc(100% - 17px) !important;
    width: -moz-calc(100% - 17px) !important;
    width: calc(100% - 17px) !important;
    background: #eaeaea;
    border: solid 1px #eaeaea !important;
}

.removeOnProductChange{
    min-width: 100%;
    max-width: 100%;
}

    .removeOnProductChange.splitWidth/*,
    .wizardTemplateDiv.splitWidth,
    #solutionSearchDiv.splitWidth*/ {
        min-width: -webkit-calc(50% - 20px);
        min-width: -moz-calc(50% - 20px);
        min-width: calc(50% - 20px);
        margin-right: 5px;
        box-sizing: border-box;
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px);
    }

.questionLabel {
    margin: 6px 0 2px 0;
    display: inline-block;
    /*width: 100%;*/
}

.questionChecks.questionChecks-fullView,
.filterQuestionChecks {
    display: flex;
    width: 100%;
    margin-right: 5px;
    margin-top: -1px;
    vertical-align: middle;
}

.qMarkContainers {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    align-items: center;
    margin-bottom: 2px;
}

.questionTag {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    float: left;
}

.questionTag.hide{
    display: none;
}

.helpImage {
    height: 26px;
    vertical-align: middle;
}

.editQuestionIcons {
    height: 14px;
    vertical-align: middle;
    margin-left: 3px;
    display: none;
    pointer-events: none;
}

    .editQuestionIcons.show {
        display: inline;
        pointer-events: all;
        cursor: pointer;
    }

    div.tagOutputDivs {
        display: flex;
        align-items: center;
        margin: 4px 0;
        float: left;
        width: 100%;
    }

div.tagOutputDivs.hide {
    display: none;
}

textarea.tagOutputText {
    width: -webkit-calc(100% - 48px);
    width: -moz-calc(100% - 48px);
    width: calc(100% - 48px);
    border-color: #eaeaea !important;
    padding: 0;
    background: #ffffff !important;
    border: solid;
    overflow: auto;
    min-height: 14px;
    height: 14px;
    resize: vertical;
}

div.qMarkContainers span.ui-selectmenu-button {
    /*width: 100% !important;*/
    width: -webkit-calc(100% - 17px) !important;
    width: -moz-calc(100% - 17px) !important;
    width: calc(100% - 17px) !important;
    background: #ffffff;
}

    div.qMarkContainers span.ui-selectmenu-button:hover {
        background: #3DCD58;
    }
div.qMarkContainers.qMark span.ui-selectmenu-button {
    width: -webkit-calc(100% - 59px) !important;
    width: -moz-calc(100% - 59px) !important;
    width: calc(100% - 59px) !important;
}

div.qMarkContainers ul.yesNoCheck {
    /* width: auto; */
    /*width: 100% !important;*/
    width: -webkit-calc(100% - 28px) !important;
    width: -moz-calc(100% - 28px) !important;
    width: calc(100% - 28px) !important;
}

div.qMarkContainers.qMark ul.yesNoCheck {
    width: -webkit-calc(100% - 54px) !important;
    width: -moz-calc(100% - 54px) !important;
    width: calc(100% - 54px) !important;
}

.questionText {
    width: -webkit-calc(100% - 19px);
    width: -moz-calc(100% - 19px);
    width: calc(100% - 19px);
    border-radius: 0px;
    padding: 0.2em 0.0em 0.2em 0em;
    /*background: #eaeaea !important;*/
    border-color: #eaeaea !important;
}

.questionText.notesQuestion{
    height: 42px;
    resize: vertical;
}

    .questionText.qMark {
        width: -webkit-calc(100% - 73px);
        width: -moz-calc(100% - 73px);
        width: calc(100% - 73px);
    }

a.wizardBtn {
    border: solid 1px #009530;
    margin-left: 5px;
    border-radius: 4px;
    padding: 0.233em 2.0em;
    cursor: pointer;
    color: #626469;
}

a.wizardBtn.selected{
    background: #3DCD58;
    color: white;
}

.editQuestions {
    width: 17px;
    display: inline-table;
    height: 14px;
}

.editQuestions.expansionFilterOn{
    display: none;
}

.dropDownOptionBlank {
    font-style: italic;
}

.ui-selectmenu-button {
    border: solid 1px #009530 !important;
    border-radius: 0px;
}

div.qMarkContainers span.ui-selectmenu-button{
    border: solid 1px #eaeaea !important;
}

    div.qMarkContainers span.ui-selectmenu-button.clearSelection,
    .clearSelection {
        /*color: white;*/
        /* border: solid 1px red !important;
        border-left: solid 5px red !important; */
        border-radius: 0px;
        border-left: 5px solid red !important;
    }

        .clearSelection:hover {
            color: #3DCD58;
        }

        div.qMarkContainers span.ui-selectmenu-button.clearSelection::after,
        .clearSelection::after {
            background-color: #ffffff;
            content: '';
            height: fit-content;
            display: block;
            position: absolute; 
            top: 0px;
            left: 5px;
            right: 0px;
            bottom: 0px;
        }

ul.radio-checklist-ul,
ul.checkbox-checklist-ul {
    list-style: none;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}



li.radio-checklist-li,
li.checkbox-checklist-li {
    display: flex;
    align-items: center;
    position: relative;
    float: left;
    min-height: 20px;
    margin: 1px 0px;
    width: 100%;
    /*height: 100px;*/
    height: auto;
}

li.radio-checklist-li.hide,
li.checkbox-checklist-li.hide {
    display: none;
}

    ul li input[type=radio], ul li input[type=checkbox] {
    position: absolute;
    visibility: hidden;
}


ul li label {
    display: block;
    position: relative;
    padding: 0px 0px 0px 30px;
    z-index: 9;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* cursor: pointer;*/
    -webkit-transition: all 0.25s linear;
}

ul li:hover label {
    /*color: #3DCD58;*/
    cursor: pointer; /*for the pointer when hovering in space*/
    width: 100%;
    font-weight: bold;
    margin-left: 1%;
}

ul li .check.enableRadio,
ul li .radioFilters {
    display: block;
    position: absolute;
    /*border: 2px solid red;*/ 
    border: 2px solid #626469;
    background: #eaeaea;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 0px;
    left: 0px;
    cursor: pointer;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

    ul li .check.enableRadio.openSelection {
        border: 2px solid #626469;
    }

ul li .radioFilters {
    border: 2px solid #626469;
}

    ul li .check.disableRadio,
    ul li .radioFilters.disableRadio {
        display: block;
        position: absolute;
        border: 2px solid #eaeaea;
        background: #eaeaea;
        border-radius: 100%;
        height: 10px;
        width: 10px;
        top: 0px;
        left: 0px;
        z-index: 5;
        transition: border .25s linear;
        -webkit-transition: border .25s linear;
    }

ul li .enableCheckbox,
ul li .checkboxFilters {
    display: block;
    position: absolute;
    /* border: 2px solid red; */
    background: #eaeaea;
    height: 10px;
    width: 10px;
    left: 0px;
    cursor: pointer;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
    /*
    top: 0px;
    transform: translate(0, -25%);
    -ms-transform: translate(0%, -25%);
    -webkit-transform: translate(0%, -25%);*/
}

ul li .disableCheckbox,
    ul li .checkboxFilters.disableCheckbox {
        display: block;
        position: absolute;
        border: 2px solid #eaeaea;
        background: #eaeaea;
        height: 10px;
        width: 10px;
        left: 0px;
        cursor: none;
        z-index: 5;
        transition: border .25s linear;
        -webkit-transition: border .25s linear;
    }

ul li .checkboxFilters {
    
}

ul li:hover .check.enableRadio,
ul li:hover .enableCheckbox {
    border: 3px solid #626469;
    cursor: pointer;
}

ul li:hover .check.disableRadio {
    border: 2px solid #eaeaea;
    cursor: context-menu !important;
}
/*
ul li .check::before,
ul li .radioFilters::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 4px;
    width: 4px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

ul li .check::before{
    height: 6px;
    width: 6px;
}
*/
/*
ul li .enableCheckbox::before,
ul li .checkboxFilters::before {
    display: block;
    position: absolute;
    content: '';
    height: 4px;
    width: 4px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
    }
*/
     /*  height: 7px;
    width: 3px;
    font-weight: 900;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 0px;
    left: 2px;*/

     span.filterCounts{
         color: #3DCD58;
     }

input[type=radio]:checked ~ .check {
    /*border: 2px solid #626469;*/
    background: #3DCD58;
    border-color: #3DCD58 !important;
}

input[type=checkbox]:checked ~ .enableCheckbox {
    /*	 border-bottom: 3px solid #009530;
border-right: 3px solid #009530;*/
    /*  background: #ffffff;
    border: 2px solid #626469;*/
    background: #3DCD58;
    border-color: #3DCD58;
}
/*
input[type=radio]:checked ~ .check::before {
    background: #626469;
}

input[type=radio]:checked ~ .radioFilters::before {
    background: #626469;
}
*/
input[type=checkbox]:checked ~ .enableCheckbox::before {
   /* border-bottom: 3px solid #009530;
    border-right: 3px solid #009530;*/
 /*   border: 1px solid #626469;
    background: #626469;*/
}
/*
input[type=checkbox]:checked ~ .checkboxFilters::before {
    border-bottom: 3px solid #626469;
    border-right: 3px solid #626469;
}
*/
input[type=radio]:checked ~ label {
    /*color: #009530;*/
}

label.radio-label-mobile.hide,
input.questionChecks.mobile-queswtions-buttons.hide{
    display: none !important;
}

div.removeOnProductChange li.checkbox-checklist-li div.enableCheckbox.hide{
    display: none;
}

div.removeOnProductChange li.checkbox-checklist-li span.slider_se {
    position: absolute;
    left: 0;
    width: 25px;
    margin: auto 0;
}

div.removeOnProductChange li.checkbox-checklist-li input[type=checkbox]:checked ~ span.slider_se {
    background-color: #9ee6ab;
}

    div.removeOnProductChange li.checkbox-checklist-li input[type=checkbox]:checked ~ span.slider_se:before {
        -webkit-transform: translateX(17px);
        -ms-transform: translateX(17px);
        transform: translateX(17px);
        background-color: #3dcd58;
    }

div#solutionNumberDiv {
    text-align: left;
    margin-top: 5px;
    font-size: 2.3em;
    opacity: .35;
    font-weight: bold;
    overflow: auto;
}

div#actualProductPrice {
    font-size: 2.3em;
    opacity: .35;
    font-weight: bold;
    pointer-events: none;
}

div#solutionType {
    font-size: larger;
    margin: 10px 0px;
    opacity: .35;
}

.fontBlack {
    color: black !important;
    opacity: 1 !important;
}

div#actualProductPrice.contactPricing{
    pointer-events: all;
    color: #42B4E6 !important;
    cursor: pointer;
}

div#inStockDiv {
    font-style: italic;
    opacity: .35;
    margin-bottom: 10px;
    display: none;
}

.fontOrange {
    color: #E47F00 !important;
    opacity: 1 !important;
}

div.ui-selectmenu-menu ul.ui-menu li.ui-selectmenu-optgroup.ui-menu-divider {
    padding: 3px 1em 3px 1.5em;
    cursor: pointer;
    line-height: normal;
    background: #eaeaea;
    position: relative;
    color: #42B4E6;
    text-decoration: underline;
}

    
    .ui-selectmenu-item.questionDropDowns {
    min-height: 19px;
    display: flex;
    align-items: center;
    padding: 3px .4em 3px .4em;
    list-style: none;
}
    /* hide selectmenu question options that are not valid*/
        .ui-selectmenu-item.questionDropDowns.ui-state-disabled{
            display: none;
        }

        .ui-selectmenu-item.questionDropDowns.hide {
            display: none;
        }
    .ui-selectmenu-item.questionDropDowns.optgroupItem {

        }

    .ui-selectmenu-item.questionDropDowns.optgroupItem.hide,
    .ui-selectmenu-item.questionDropDowns.option-showImages.ui-state-disabled {
        display: none;
    }
    .ui-selectmenu-item.questionDropDowns.option-showImages {
        display: flex;
        align-items: center;
    }

.ui-icon.option-showImages {
    background-image: none;
}

.ui-icon.option-showImages.iconselect-enlarge{
    height: 80px;
    width: 80px;
}
.ui-icon.option-showImages.iconselect-enlarge.clearSelection::after,
        .clearSelection::after {
            height: 0px;
            width: 0px;
        }

div.ui-menu-item-wrapper {
    width: -webkit-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: calc(100% - 16px);
    height: 100%;
    min-height: 14px;
    display: flex;
    align-items: center;
}

li.ui-selectmenu-optgroup span.ui-icon {
    right: 0.5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

span.rapidSourceSpan {
    right: 0.4em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

    span.rapidSourceSpan.true {
        background-image: url("images/RapidSource.svg");
        background-repeat: no-repeat;
        height: 16px;
        width: 16px;
    }

    span.rapidSourceSpan.modRight{
        right: 2em;
    }

    span.dropdown-value-text {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px);
    }

label.dropdown-label-button-text {
    min-height: 17px;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px)
}

div.solFinderButtonDiv {
    width: -webkit-calc(100% - 17px);
    width: -moz-calc(100% - 17px);
    width: calc(100% - 17px);
}

a.solFinderButton {
    border-radius: 4px;
    background: #9FA0A4;
    border: solid 2px red;
    width: 100%;
    padding: 3px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
}

    a.solFinderButton:hover {
        /*background-color: #42b4e6;
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#59bde9),color-stop(100% #42b4e6));
        background-image: -webkit-linear-gradient(top,#59bde9 0,#42b4e6 100%);
        background-image: -moz-linear-gradient(top,#59bde9 0,#42b4e6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59bde9',endColorstr='#ff42b4e6',GradientType=0);
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59bde9',endColorstr='#ff42b4e6',GradientType=0);
        background-image: -ms-linear-gradient(top,#59bde9 0,#42b4e6 100%);
        background-image: -o-linear-gradient(top,#59bde9 0,#42b4e6 100%);
        background-image: linear-gradient(top,#59bde9 0,#42b4e6 100%);*/
    }

    a.solFinderButton.answered {
        border-color: #9FA0A4;
    }

    div.scriptIconDiv {
        height: 14px;
        vertical-align: middle;
        margin-left: 3px;
    }

a.scriptIcon {
    background-image: url(images/button-icons-mult-ui-states/Drawing_hover.png);
    background-size: 14px;
    height: 14px;
    width: 14px;
    background-repeat: no-repeat;
}

div.button-questions-dialog-questions-div {
    width: 100%;
    height: calc( 100% - 180px);
    height: calc( 100% - 180px);
    height: calc( 100% - 180px);
    min-height: 300px;
    max-height: 700px;
    overflow-y: scroll;
    padding: 20px 0;
    box-sizing: border-box;
}

    div.button-questions-dialog-questions-div div.ui-selectmenu-menu {
        max-height: calc(100% - 240px);
        overflow: auto;
    }

div.insertButtonQuestions {
    width: 100%;
    height: 100%;
    max-height: 500px;
    overflow: auto;
    padding: 0 20px;
    box-sizing: border-box;
}

div.removeOnProductChange div.ui-selectmenu-menu {
    max-width: calc(100% - 47px);
    z-index: 1000;
}

    div.removeOnProductChange div.ui-selectmenu-menu.ui-front.ui-selectmenu-open {
        z-index: 1000;
    }

    div.removeOnProductChange div.ui-selectmenu-menu ul.ui-menu {
        max-width: calc(100% - 0px);
    }
.mobile-questions-expander {
    display: inline-block;
}

.multifilterHeadingsDivs.expansionFilterHeadingsDivs{
    position: relative;
    width: 100%;
    display: table;
    background: lightgrey;
    margin-bottom: 5px;
    box-sizing: border-box;
    background: lightgrey;
}

.multifilterHeadingsDivs.expansionFilterHeadingsDivs label.questionLabel{
    margin: 0;
    color: #626469;
    font-weight: bold;
}

.multifilterHeadingsDivs.expansionFilterHeadingsDivs{
    pointer-events: none;
}

.multifilterHeadingsDivs.expansionFilterHeadingsDivs.optionSelected,
.multifilterHeadingsDivs.expansionFilterHeadingsDivs.mobile-checkbox-container{
    pointer-events: auto;
}

.multifilterHeadingsDivs.expansionFilterHeadingsDivs i{
    background: lightgrey;
}

.multifilterHeadingsDivs.expansionFilterHeadingsDivs.mobile-checkbox-container i{
    background: #3DCD58;
}

.multifilterHeadingsDivs.expansionFilterHeadingsDivs.retract i{
    background: #B10043;
}

.multifilterHeadingsDivs.expansionFilterHeadingsDivs.retract i:before,
.multifilterHeadingsDivs.expansionFilterHeadingsDivs.retract i:after{
    background: white;
}

fieldset.mobile-radios{
    border: none;
}

i.expanderIcon.hide{
    display: none;
}

label.radio-label-mobile.ui-checkboxradio-label.allOptions{
    display: none;
}
label.radio-label-mobile.ui-checkboxradio-label.allOptions.ui-state-active{
    display: inline-block;
}

div#leftSection-inner.viewable {
    /*display: block;*/
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 1.5s linear, height 1.0s linear;
}

div#leftSection-inner.unviewable {
    /*display: none;*/
    visibility: hidden;
    opacity: 0;
}

div.featuresForm.viewable {
    /*height: 100%;*/
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 1.5s linear;
}

div.featuresForm.unviewable {
    /*height: 1px;*/
    visibility: hidden;
    opacity: 0;
}
/*
div.featuresForm.viewable.groups div.featuresSelectBoxes,
div.featuresForm.viewable.no-groups div.featuresSelectBoxes {
    display: flex;
}

iv.featuresForm.unviewable.groups div.featuresSelectBoxes,
div.featuresForm.unviewable.no-groups div.featuresSelectBoxes {
    display: none;
}
    */