.MMM--columnList>* {
    font-size: 14px;
}
body, select, input { font-family: "3MCircular",Arial,"Helvetica Neue",Helvetica,sans-serif; }
/* Accordion */
a.MMM--isInactive {
    border-bottom: none;
    text-decoration: none;
    background-color: #949494;
}
.active {
    color: #4B4B4B;
    font-size: 22px;
    line-height: 27.5px;
    vertical-align: middle;
    width: 55%;
    text-align: left;
    word-wrap: break-word;
}
.inactive {
    color: #FFFFFF;
    font-size: 22px;
    line-height: 27.5px;
    opacity: 0.5;
    vertical-align: middle;
    width: 55%;
    text-align: left;
    word-wrap: break-word;
}
a.MMM--isActive:hover {
    border-bottom: 0px solid #000000;
    text-decoration: none;
}
a.MMM--isInactive:hover {
    text-decoration: none;
}
#Step1.MMM--isActive {
    background-color: #F2F2F3;
}
.MMM--accordionList-trigger {
    background-color: #F2F2F3;
    padding: 20px 25px 20px 25px;
}
.mix-MMM--icn_red {
    color: #F00000;
}

/* CTA Button */
.MMM--ctaBtn, .MMM--ctaBtn:hover, .MMM--ctaBtn:focus {
    border: 1px solid #000000;
}
.MMM--ctaSubmitBtn {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    padding: 12px 25px;
    border: 1px solid #000000;
    cursor: pointer;
    background: #FF0000;
    width: auto;
}
.MMM--ctaSubmitBtn:hover {
    text-decoration: underline;
    color: #FFFFFF;
}
#continueButton, #displayResults {
   margin: 25px 0px 0px 0px;
   text-align: center;
}

/* Edit Container */
.MMM--editContainer {
    font-size: 16px;
    line-height: 20px;
    padding: 0px 0px;
    cursor: pointer;
    color: #FFFFFF;
    text-align: right;
    width: 40%;
    text-decoration: underline;
    -moz-text-decoration-color: #FFFFFF;
    text-decoration-color: #FFFFFF;
    vertical-align: middle;
    word-wrap: break-word;
}
.MMM--editContainer-active {
    opacity: 0;
}
.MMM--accordionList-trigger>span.MMM--editContainer { float: right; }

/* Form Inputs */
select:active, option:hover {
    cursor: pointer;
    outline: none;
    color: #66CCFF;
}
/* remove the original arrow */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  -ms-appearance: none;
}
select::-ms-expand {
    display: none;
}
.MMM--selectBox, .MMM--textInput_Step1 {
    box-sizing: border-box;
    padding: 19px 5px 5px 5px;
    border: 2px #E1E1E1 solid;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    margin-top: 5px;
    width: calc(100%);
    width: -moz-calc(100%);
    display: inline-block;
    background-color: #FFFFFF;
}
.MMM--input-label {
    position: absolute;
    pointer-events: none;
    transition: 0.3s ease all;
    font-size: 14px;
    line-height: 17.5px;
}
.MMM--selectBox-label {
    left: 10px;
    top: 20px;
}
.MMM--selectBox:focus ~ .MMM--selectBox-label,
.MMM--selectBox:not(:focus):valid ~ .MMM--selectBox-label, .MMM--selectBox:focus:valid ~ .MMM--selectBox-label, option:hover ~ .MMM--selectBox-label, option:checked ~ .MMM--selectBox-label, .MMM--textInput_Step1:focus ~ .MMM--textInput_Step1-label,
.MMM--textInput_Step1:not(:focus):valid ~ .MMM--textInput_Step1-label, .MMM--textInput_Step1:focus:valid ~ .MMM--textInput_Step1-label, input[type=text]:disabled ~ .MMM--textInput_Step1-label, input[type=number]:disabled ~ .MMM--textInput_Step1-label{
    top: 8px;
    left: 5px;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    color: #777777;
}
.MMM--selectBox:active, .MMM--selectBox:hover, .MMM--selectBox:focus, .MMM--textInput_Step1:hover, .MMM--textInput_Step1:focus {       
    border: 2px solid #66CCFF;
    color: #000000;
}
.MMM--selectBox.error, .MMM--textInput_Step1.error {
    border: 2px #DC0505 solid;
    background-color: #FFFFCC;
    color: #000000;
}
.MMM--textInput_Step1-label {
    left: 10px;
    top: 22px;
}
.MMM--accordionListBG {
    background-color: #FFFFFF;
}
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;
}
/* DropDown Arrow */
.MMM--icn_chevronDown {
    color: #E10000;
    font-size: 18px;
}
.MMM--icn_chevronUp {
    color: #E10000;
    font-size: 18px;
}
.MMM--dropdownArrow {
    position: relative;
}
.MMM--dropdownArrow>span.MMM--icnDropDown { 
    margin-top: 18px;
    margin-left: calc(100% - 30px);
    background:none;
    background:transparent;
    position: absolute;
    pointer-events: none;
    appearance: none;
  -moz-appearance: none; 
  -webkit-appearance: none;  
  -o-appearance: none;  
  -ms-appearance: none;
}
.MMM--dropdownArrowForm {
    position: relative;
}
.MMM--dropdownArrowForm>span.MMM--icnDropDown { 
    margin-top: 15px;
    margin-left: calc(92% - 28px);
    background:none;
    background:transparent;
    position: absolute;
    pointer-events: none;
    appearance: none;
  -moz-appearance: none; 
  -webkit-appearance: none;  
  -o-appearance: none;  
  -ms-appearance: none;
}
.MMM--step1_box {
    border: 1px solid #D7D7D7; 
    width: 300px;
    height: 250px; 
    background-color: #FFFFFF;
}
.MMM--step1_box .MMM--columnPanel {
    padding: 0 15px;
}
.MMM--step2_box {
    border: 1px solid #D7D7D7; 
    width: calc(98%);
    height: 275px;
    background-color: #FFFFFF;
    padding: 0px;
}
.MMM--step2_box1, .MMM--step2_box2 {
    border: 1px solid #D7D7D7;
    width: calc(98%);
    background-color: #FFFFFF;
    padding: 0px;
}
.substrate_costs {
    height: 310px;
}
.labor_costs, .lighting_guide {
    height: 220px;
}
.MMM--step2_box2_input {
    background: transparent;
    border-top: transparent !important;
    border-left: transparent !important;
    border-right: transparent !important;
    border-bottom: transparent !important;
    box-shadow: none !important;
}
.MMM--step2_label, .MMM--step3_label {
    color: #FFFFFF; background-color: #000000; border: 1px solid #000000;text-align: center; max-height: 65px; position: relative;
}
.MMM--step3_label_row {
    max-height: 67px; border-bottom: 2px solid #CCCCCC;
}
.MMM--step2_label_txt, .MMM--step3_label_txt {
    text-align: center; font-size: 16px; line-height: 20px; font-weight: bold; padding: 15px 10px; vertical-align: middle; word-wrap: break-word; display: inline-block;
}
.MMM--versus_circle {
    width: 40px; height: 40px; line-height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; font-size: 16px; font-weight: bold; position: absolute; border: 5px solid #000000; color: #000000; margin-top: -20px; z-index: 1; background-color: #FFFFFF; padding: 10px; vertical-align: middle;
}
.MMM--step2_circle {
    margin-top: 5px;
    margin-left: -40px;
}
.MMM--versus_circle span{
    margin-top: 2px;
    display: inline-block;
}
.MMM--step2_row {
    float: left;
    width: calc(100%);
}
.MMM--step2_leftCell {
    border: 0px solid;
    float: left;
    width: calc(17%);
}
.MMM--step2_rightCell {
    border: 0px solid;
    float: right;
    position: relative;
    height: 80px;
}
.MMM--step2_rightCellLabel{
    font-size: 16px;
    color: #4B4B4B;
    font-weight: bold;
}
.MMM--step2_rightCell label.error {
    margin-top: 5px;
    margin-left: 18px;
}
.MMM--step2_currency {
    margin-top: 15px;
}
.MMM--step2_currency:before {
    top: 57px;
    content: '$';
    position: absolute;
    font-size: 16px;
}
span[id^="span-"]:before {
    content: '$';
}
.MMM--spacerSmall {
    width: 8px;
    display: inline-block;
}
.MMM--spacerMed {
    width: 20px;
}
.MMM--spacerLrg {
    width: 30px;
}
.MMM--verticalSpacerSmall {
    height: 0px;
}
.MMM--verticalSpacerMed {
    height: 10px;
}
.MMM--verticalSpacerLrg {
    height: 15px;
}
.MMM--verticalSpacer {
    height: 20px;
    width: calc(98%);
}
#editStep1 {
  display: none;
}
#inputStep1,#inputStep2, #inputStep3, #inputStep4 {
    margin-left: 0px; 
}

/* form style */
.MMM--textInput {
    font-size: 14px;
    line-height: 17.5px;
    color: #000000;
    padding: 22px 5px 5px 5px;
    border: 2px solid #E1E1E1;
    margin-left: 18px;
    width: calc(90%);
    font-family: "3MCircular",Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.MMM--textInput-label {
    position: absolute;
    pointer-events: none;
    left: 25px;
    top: 52px;
    transition: 0.3s ease all;
    color: #777777;
    font-size: 14px;
    line-height: 17.5px;
}
.MMM--textInput:hover, .MMM--textInput:focus {
    color: #000000;
    border: 2px solid #66CCFF;       
}
.MMM--textInput:focus ~ .MMM--textInput-label,
.MMM--textInput:not(:focus):valid ~ .MMM--textInput-label, .MMM--textInput:focus:valid ~ .MMM--textInput-label, input[type=text]:disabled ~ .MMM--textInput-label, input[type=number]:disabled ~ .MMM--textInput-label {
    top: 38px;
    left: 24px;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    color: #777777;
}
.MMM--textInput.error {
    border: 2px solid #DC0505;
    background-color: #FFFFCC;
}
.MMM--columnList_topPanel1 {
    width: calc(26.5%);
}
.MMM--columnList_topPanel1 .MMM--columnPanel {
    height: 50px; background-color: #CCCCCC; /*text-align: right;*/ padding: 0 10px 0 0px; border: 1px solid #CCCCCC; display: flex; align-items: center; justify-content: flex-end;
}
.MMM--columnList_topPanel2, .MMM--columnList_topPanel3 {
    width: calc(36%);
}
.MMM--columnList_topPanel2 .MMM--columnPanel {
    border:1px solid #E1E1E1; background-color: #FFFFFF; height: 50px; text-align: center; 
}
.MMM--columnPanel_Result {
    color: #4B4B4B; font-size: 18px; font-weight: bold; vertical-align: middle; display: inline-block; margin: 15px 0px;
}
.MMM--columnList_topPanel3 .MMM--columnPanel {
    border:1px solid #E1E1E1; background-color: #FFFFFF; height: 50px; text-align: center; 
}
.MMM--columnPanel_Result_DG {
    color: #03891D; font-size: 18px; line-height: 23px; font-weight: bold; vertical-align: middle; display: inline-block; margin: 15px 0px;
}
.MMM--columnList_bottomPanel1, .MMM--columnList_bottomPanel2 {
    width: calc(26.5%); padding:0; margin:0;
}
.MMM--columnList_bottomPanel3 {
    width: calc(47%); padding:0; margin:0;
}
.MMM--columnList_bottomPanel1 .MMM--columnPanel {
    height: 50px;
}
.MMM--columnList_bottomPanel2 .MMM--columnPanel {
    height: 50px; background-color: #CCCCCC; /*text-align: right;*/ border: 1px solid #CCCCCC; padding: 0 10px; display: flex;align-items: center; justify-content: flex-end;
}
.MMM--columnPanel_txt {
     /*padding: 15px 10px 20px 0px;*/ display: inline-block; font-size: 16px; font-weight: bold; vertical-align: middle; line-height: 20px;
}
.MMM--columnList_bottomPanel3 .MMM--columnPanel {
    height: 50px; background-color: #FFFFFF; text-align: center; border: 1px solid #E1E1E1; 
}
.MMM--columnList_disclaimer {
    width: calc(74%); margin: 0; padding: 0; font-size: 12px;
}
.MMM--columnList_disclaimer .MMM--columnPanel {
    padding: 15px 0 15px 0;
}
.MMM--columnList_resultPanel {
    width: calc(49%); border: 1px solid #E1E1E1; padding: 0; margin: 0; background-color: #FFFFFF;
}
.MMM--columnList_resultPanel .MMM--columnPanel {
    background-color: #FFFFFF; text-align: center; height: auto; padding: 15px;
}
.MMM--resultCost {
    display: inline-block; width: calc(70%); height: auto; vertical-align: middle;
}
.MMM--resultCost .MMM--txt_lrg_2 { color: #03891D; display: inline-block; overflow: hidden; }
.MMM--resultImage {
    display: inline-block; width: calc(25%);  height: auto; vertical-align: middle; float: right;
}
/* Report form */    
#DG3_Calculator_Download .MMM--columnPanel {
    position: relative;
}
#DG3_Calculator_Download .MMM--textInput-formlabel {
    position: absolute;
    pointer-events: none;
    left: 28px;
    top: 14px;
    transition: 0.3s ease all;
    color: #777777;
    font-size: 14px;
    line-height: 17.5px;
}
#DG3_Calculator_Download .MMM--textInput:focus ~ .MMM--textInput-formlabel,
#DG3_Calculator_Download .MMM--textInput:not(:focus):valid ~ .MMM--textInput-formlabel, #DG3_Calculator_Download .MMM--textInput:focus:valid ~ .MMM--textInput-formlabel, #DG3_Calculator_Download input[type=email]:focus ~ .MMM--textInput-formlabel, #DG3_Calculator_Download input[type=email]:not(:focus):valid ~ .MMM--textInput-formlabel {
    top: 3px;
    left: 24px;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    color: #777777;
}
.MMM--selectInput {
    box-sizing: border-box;
    padding: 18px 5px 5px 5px;
    border: 2px #E1E1E1 solid;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    width: calc(93%);
    margin-left: 18px;
    display: inline-block;
    background-color: #FFFFFF;
}
.MMM--selectInput:active, .MMM--selectInput:hover, .MMM--selectInput:focus {
    border: 2px solid #66CCFF;
    color: #000000;
}
.MMM--selectInput-label {
    position: absolute;
    pointer-events: none;
    left: 28px;
    top: 14px;
    transition: 0.3s ease all;
    font-size: 14px;
    line-height: 17.5px;
}
.MMM--selectInput:focus ~ .MMM--selectInput-label,
.MMM--selectInput:not(:focus):valid ~ .MMM--selectInput-label, .MMM--selectInput:focus:valid ~ .MMM--selectInput-label, option:hover ~ .MMM--selectInput-label, option:checked ~ .MMM--selectInput-label{
    top: 2px;
    left: 24px;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    color: #777777;
}
.MMM--selectInput.error {
    border: 2px #DC0505 solid;
    background-color: #FFFFCC;
    color: #000000;
}
input[type=checkbox]:focus {
    outline: 2px solid #66CCFF;
}
label.error, label.js-error {       
    margin-top: 5px;
    display: inline-block;
    font-size: 14px;
    color: #DC0505;
    font-style: italic;
    font-weight: normal;
    line-height: 1.25;
}
#DG3_Calculator_Download label.error {
    margin: 5px 0px 0px 18px;
}
#displayStep1, #displayStep2, #displayStep3, #fullReport {
  display: none;
}
.MMM--displayTextResult {        
  font-size: 14px;
  line-height: 17.5px;
  color: #03891D;
  padding: 20px 25px;
}
.eloquaForm li {
    height: 65px;
}
.eloquaForm .MMM--columnPanel {     
    padding: 0;
}
.MMM--startOver, .MMM--startOver:hover {
    color: #0033CC;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: #0033CC;
    -moz-text-decoration-color: #0033CC;
    border: none;
}
.MMM--startOverLink {
    margin-left: 15px;
    display: inline-block;
}
.MMM--lbContent {
    text-align: right; vertical-align: middle; padding: 15px 25px 15px 10px;
}
.MMM--lbContent a {
    border: none;
}
.MMM--lbTooltip {
    display: inline-block; height: 20px; vertical-align: middle;
}
.MMM--lbLink {
    font-size: 14px;
    line-height: 1.25px;
    font-weight: bold;
    border-bottom: 1px solid #000000;
    color: #000000;
}
.MMM--showMathTooltip {
    font-size: 12px; padding: 10px 0 0px 0px;
}
.MMM--showMathLink {
    color: blue; text-decoration: underline; cursor: pointer; display: inline-block; margin-bottom: -3px;
}
.MMM--icn_tooltip {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}
.left_box {
    float: left;
}
.left_box.MMM--isNotOnMobile {
    width: 195%; font-size: 14px;
}
.left_box.MMM--isOnMobile {
    font-size: 14px;
}
.right_box {
    float: right;
} 
.right_box.MMM--isNotOnMobile {
    width:5%; font-size: 14px;
}
.right_box.MMM--isOnMobile {
    font-size: 14px;
}
.MMM--calculateBtn, #continueButton {
    width: 100%; text-align: center; position: relative;
}
.MMM--checkboxInput {
    margin-left: 15px;
}
.MMM--checkboxInputType {
    display: inline-block; width: 5%; vertical-align: top; margin-top: 1px;
}
.MMM--checkboxInputLabel {
    display: inline-block; width: 93%; vertical-align: top;
}

/* Edit panel */
#editStep1, #editStep2, #gotoStep2 {
  display: none;
}
#labelStep3.MMM--accordionList-trigger-label {
    width: 55%
}

/* Accessibility */
.MMM--accessibility {
    border: 2px solid #000000;
}
.MMM--frmSpinner {
    margin: -40px 0px 0 0; display: block; position: absolute; z-index: 1; width: calc(100%);
}

/* Featured Products */
#featured_products { display: none; }

.js-ChartImage .mix-MMM--img_stack {
    max-width: 350px;
}

.js-ChartImage .MMM--media-bd p {
    font-size: 14px;
    text-align: left;
}

.js-ChartImage ol {
    list-style-type: disc;
    line-height: 1.5;
}
/*.js-ChartImage ol li:before{content:'\00b7'; font-size:35px; line-height:24px; vertical-align:middle;}*/

@media screen and (max-width: 767px) {
    .MMM--columnList>* {
        font-size: 16px;
        padding: 0;
    }
    .MMM--accordionList-trigger {
        padding: 20px 15px 20px 15px;
    }
    .MMM--accordionList-infoContainer {
        padding: 0px 15px 20px 15px;
    }
    .active {
        font-size: 20px;
        line-height: 30px;
    }
    .inactive {
        font-size: 20px;
        line-height: 30px;
    }
    .MMM--lbContent {
        padding: 15px 15px 15px 10px;
    }
    .MMM--lbLink {
        font-size: 16px;
    }
    .MMM--icn_tooltip {
        font-size: 18px;
    }
    .MMM--displayTextResult {        
        font-size: 16px;
        line-height: 20px;
    }
    .MMM--step1_box {
        width: calc(100%);
        height: 250px; 
    }
    .MMM--selectBox, .MMM--textInput_Step1 {
        font-size: 16px;
    }
    .MMM--selectBox:focus ~ .MMM--selectBox-label,
.MMM--selectBox:not(:focus):valid ~ .MMM--selectBox-label, .MMM--selectBox:focus:valid ~ .MMM--selectBox-label, option:hover ~ .MMM--selectBox-label, option:checked ~ .MMM--selectBox-label, .MMM--textInput_Step1:focus ~ .MMM--textInput_Step1-label,
.MMM--textInput_Step1:not(:focus):valid ~ .MMM--textInput_Step1-label, .MMM--textInput_Step1:focus:valid ~ .MMM--textInput_Step1-label, input[type=text]:disabled ~ .MMM--textInput_Step1-label, input[type=number]:disabled ~ .MMM--textInput_Step1-label{
        font-size: 14px;
        line-height: 17.5px;
    }
    .MMM--textInput {
        font-size: 16px;
        padding: 22px 5px 5px 5px;
    }        
    #inputStep1 .MMM--columnList > * {
        padding: 0;
    }
    #Step1 p:first-of-type, #inputStep1 .MMM--txt_grey2 {
        width: 100%; text-align: left; word-wrap: break-word;
    }
    a.MMM--ctaBtn {
        padding: 10px 0px;
        font-size: 16px;
    }
    .MMM--calculateBtn, #continueButton {
        text-align: left;
    }
    .MMM--step2_circle {
        margin-top: -30px;
        margin-left: calc(33%);
    }
    .MMM--versus_circleMobile {
        width: 100%; text-align: center;
    }
    .MMM--step3_circle {
        margin-top: -35px;
        display: inline-block;
        text-align: center;
        margin-left: calc(18% - 100px);
    }
    #inputStep2 .MMM--columnList>* {
        padding-top: 0;
        padding-bottom: 0;
    }
    .MMM--step2_box, .MMM--step2_box1, .MMM--step2_box2 {
        width: calc(100%);
    }
    .MMM--step2_leftCell, .MMM--step2_rightCell {
        width: calc(100%);
    }
    .MMM--step2_box {
        height: 330px;
    }
    .MMM--selectBox-label, .MMM--textInput-formlabel, .MMM--selectInput-label, .MMM--textInput_Step1-label {            
        font-size: 16px;
    }
    .MMM--textInput-label {
        top: 30px;
        font-size: 16px;
    }
    .MMM--step2_currency:before {
        top: 37px;
    }        
    .MMM--textInput:focus ~ .MMM--textInput-label,
    .MMM--textInput:not(:focus):valid ~ .MMM--textInput-label, .MMM--textInput:focus:valid ~ .MMM--textInput-label, input[type=text]:disabled ~ .MMM--textInput-label {
        top: 18px;
        font-size: 14px;
        line-height: 17.5px;
    }
    .substrate_costs {
        height: 370px;
    }
    .labor_costs, .lighting_guide {
        height: 310px;
    }
    .MMM--displayTextResult {
        padding: 20px 10px;
    }
    .MMM--calculateBtn {
        margin-top: 15px;
        text-align: left;
    }
    .MMM--columnList_topPanel2, .MMM--columnList_topPanel3 {
        width: calc(100%);
    }
    .MMM--columnList_bottomPanel2, .MMM--columnList_bottomPanel3 {
        width: calc(50%);
    }
    .MMM--columnList_bottomPanel2 .MMM--columnPanel {
        padding: 5px 5px;
        height: 70px;
    }
    .MMM--columnList_bottomPanel3 .MMM--columnPanel {
        padding: 5px 5px;
        height: 70px;
    }
    .MMM--columnList_disclaimer {
        width: calc(100%);
        font-size: 14px;
    }
    .MMM--columnList_resultPanel {
        width: calc(100%);
    }
    #fullReport h3, #fullReport p, .MMM--reportButtonWrapper {
        padding: 0px 15px;
    }
    #DG3_Calculator_Download .MMM--textInput {
        font-size: 16px;
        line-height: 17.5px;
        width: calc(100%);
        margin: 0px;
    }
    #DG3_Calculator_Download .MMM--textInput-formlabel {
        left: 10px;
        top: 16px;
        font-size: 16px;
    }
    #DG3_Calculator_Download .MMM--textInput:focus ~ .MMM--textInput-formlabel,
    #DG3_Calculator_Download .MMM--textInput:not(:focus):valid ~ .MMM--textInput-formlabel, #DG3_Calculator_Download .MMM--textInput:focus:valid ~ .MMM--textInput-formlabel, #DG3_Calculator_Download input[type=email]:focus ~ .MMM--textInput-formlabel, #DG3_Calculator_Download input[type=email]:not(:focus):valid ~ .MMM--textInput-formlabel {
        top: 3px;
        left: 5px;
        font-size: 14px;
        line-height: 17.5px;
    }
    #DG3_Calculator_Download .MMM--selectInput  {
        font-size: 16px;
        line-height: 17.5px;
        width: calc(100%);
        margin: 0px;
    }
    #DG3_Calculator_Download .MMM--columnList>* {
        padding: 0;
    }
    .MMM--selectInput-label {
        left: 10px;
        top: 16px;
    }
    .MMM--selectInput:focus ~ .MMM--selectInput-label,
    .MMM--selectInput:not(:focus):valid ~ .MMM--selectInput-label, .MMM--selectInput:focus:valid ~ .MMM--selectInput-label, option:hover ~ .MMM--selectInput-label, option:checked ~ .MMM--selectInput-label{
        top: 2px;
        left: 5px;
        font-size: 14px;
        line-height: 17.5px;
    }
    #DG3_Calculator_Download label.error {
        margin: 0;
    }
    .eloquaForm li {
        height: 80px;
    }
    .MMM--checkboxInput {
        margin-left: 0;
    }
    .MMM--dropdownArrowForm>span.MMM--icnDropDown {
        margin-left: calc(100% - 28px);
    }
    .MMM--step2_rightCellLabel {
        display: inline-block;
        margin: 5px 0 0 10px;
        position: absolute;
        width: 180px;
    }
    .MMM--step2_rightCellLabel.MMM--isNotOnMobile {
        display: none;
    }
    .MMM--startOverLink {
        margin: 15px 0 0 0;
    }
    .MMM--frmSpinner {
        margin: -25px 0px 0 0px; text-align: center;
    }
    .MMM--columnList_topPanel1 .MMM--columnPanel {

    }
    .MMM--columnList_topPanel2 .MMM--columnPanel {
    }
    .MMM--columnList_bottomPanel3 .MMM--columnPanel {

    }
}

@media screen and (min-width: 768px) {
    .MMM--accordionList-trigger {
        padding: 20px 15px 20px 15px;
    }       
    .MMM--accordionList-infoContainer {
        padding: 0px 15px 25px 15px;
    }
    .MMM--dropdownArrow>span.MMM--icnDropDown {
        margin-left: calc(100% - 30px);
    }
    .MMM--dropdownArrowForm>span.MMM--icnDropDown { 
        margin-left: calc(92% - 8px);
    }
    #inputStep1 {
        width: 100%;
        text-align: center;
    }
    #Step1 p:first-of-type, #inputStep1 .MMM--txt_grey2 {
        width: 625px; text-align: left; word-wrap: break-word;
    }
    #inputStep1 label.error {
        width: calc(100%);
        width: -moz-calc(100%);
        text-align: left;
        color: #DC0505;
    }
    #inputStep3 ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
    }
    #inputStep3 ul.MMM--isOnMobile {
        display: none;
    }
    .MMM--textInput {
        width: calc(95%);
    }
    #fullReport {
        padding: 25px;
        width: 80%;
    }
    .MMM--step1_box {
        height: 250px;
    }
    .MMM--step2_rightCell {
        width: calc(74%);
    }    
    .MMM--step3_circle {
        margin-left: -25px;
        width: 45px;
    }
    .MMM--columnPanel_txt {
        /*padding: 5px 10px 20px 5px;*/
    }
    .MMM--step3_heading_width {
        width: calc(75%);
    }
    .MMM--step3_result_width {
        width: calc(84%);
    }
    .MMM--columnList_resultPanel .MMM--columnPanel {
        padding: 15px 5px;
    }        
    .MMM--resultCost {
        width: calc(60%);
    }
    .MMM--resultImage {
        width: calc(35%);
    }
    .MMM--spacerMed {
        width: 20px;
    }
    .MMM--step2_rightCellLabel.MMM--isOnMobile {
        display: none;
    }        
    .MMM--checkboxInputType {
        width: 3%;
    }
    .MMM--blockLabel {
        font-size: 14px;
    }
    .js-resultTable li {
        padding: 0.25em 0em 0em 0em;
    }
    .js-ChartImage .mix-MMM--img_stack {
        margin: 0;
        max-width: 350px;
    }
    .js-ChartImage .MMM--media-bd p {
        font-size: 12px;
        text-align: left;
    }
    .js-ChartImage .MMM--media-bd  {
        width: 30%;
        float: right;
    }
    .total_difference .MMM--columnList_bottomPanel2 {
        width: calc(69%);
    }
    .total_difference .MMM--columnList_bottomPanel3 {
        width: calc(40%);
    }
    .MMM--columnList_bottomPanel2 .MMM--columnPanel, .MMM--columnList_bottomPanel3 .MMM--columnPanel {
        height: 90px; 
    }
    .MMM--columnList_topPanel1 .MMM--columnPanel, .MMM--columnList_topPanel2 .MMM--columnPanel, .MMM--columnList_topPanel3 .MMM--columnPanel {
        height: 75px;
    }
}

@media screen and (min-width: 960px) {
    .js-ChartImage .mix-MMM--img_stack {
        max-width: 425px;
    }
    .js-ChartImage .MMM--media-bd  {
        width: 33%;
        float: right;
    }
    .total_difference .MMM--columnList_bottomPanel2 {
        width: calc(62.5%);
    }
    .total_difference .MMM--columnList_bottomPanel3 {
        width: calc(36%);
    }
}

@media screen and (min-width: 1023px) {
    .MMM--accordionList-trigger {
        padding: 20px 25px 20px 25px;
    }     
    .MMM--accordionList-infoContainer {
        padding: 0px 25px 20px 25px;
    }
    .MMM--dropdownArrow>span.MMM--icnDropDown {
        margin-left: calc(100% - 30px);
    }
    .MMM--dropdownArrowForm>span.MMM--icnDropDown { 
        margin-left: calc(92% - 8px);
    }
    .MMM--step1_box {
        height: 235px; 
    }
    .MMM--textInput {
        width: calc(93%);
    }
    .MMM--columnPanel_txt {
        /*padding: 15px 10px 20px 0px;*/
    }
    .MMM--step2_rightCell {
        width: calc(82.5%);
    }       
    .MMM--step3_heading_width,  .MMM--step3_result_width {
        width: calc(92%);
    }
    .MMM--columnList_resultPanel .MMM--columnPanel {
        padding: 15px;
    }
    .MMM--columnList_bottomPanel2 .MMM--columnPanel, .MMM--columnList_bottomPanel3 .MMM--columnPanel  {
        height: 50px; 
    }
    .MMM--columnList_topPanel1 .MMM--columnPanel, .MMM--columnList_topPanel2 .MMM--columnPanel, .MMM--columnList_topPanel3 .MMM--columnPanel {
        height: 50px;
    }
    .MMM--resultCost {
        width: calc(70%);
    }
    .MMM--resultImage {
        width: calc(25%);
    }
    .MMM--spacerMed {
        width: 25px;
    }
    .js-ChartImage .mix-MMM--img_stack {
        max-width: 450px;
    }
    .MMM--checkboxInputType {
        width: 2%;
    }
    .js-ChartImage .MMM--media-bd  {
        width: 42%;
        float: right;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    
}

@supports (-ms-accelerator:true) {
   
}