body, select, input { font-family: "3MCircular","3M Circular TT",Arial,sans-serif; color: #4B4B4B; }
.mds-wrapper {
  padding: 0px !important;
  margin-top: 0px !important;
  width: 100% !important;
}
.mds-wrapper .mds-accordion_heading {
  /*flex-wrap: nowrap;*/
  background: #f9f9f9;
}
ul[class*="js-chooseType"] > li {
    border:1px solid #929292;
}
ul[class*="js-chooseType"].MMM--columnList>* {
    font-size: 14px;
    padding: 25px !important;
}
/* Accordion */
a.MMM--isInactive {
    border-bottom: none;
    text-decoration: none;
    background-color: #f3f3f3;
    border: 1px solid #CCCCCC;
}
.active {
    color: #ffffff;
    font-size: 22px;
    line-height: 27.5px;
    vertical-align: middle;
    /*width: 55%;*/
    text-align: left;
    word-wrap: break-word;
}
.inactive {
    color: #000000;
    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;
}

.MMM--accordionListBG {
    background-color: #FFFFFF;
}
#Step1.MMM--isActive {
    background-color: #FFFFFF;
    border: 1px solid #dcdcdc;
}
.MMM--accordionList-trigger {
    background-color: #dcdcdc;
    padding: 20px 25px 20px 25px;
}
.mix-MMM--icn_red {
    color: #F00000;
}

#labelStep1 h3, #labelStep2 h3, #labelStep3 h3 {
  font-family: "3M Circular TT";
  /*height: 23px;*/
  line-height: 23px;
  font-weight: bold;
  font-size: 18px;
}

.CALC-step1SubHeading {
    font-weight: 450;
    font-size: 16px;
    line-height: 28px;
    width: 100%;
    text-align: center;
}

/* Radio button */
.mds-form_radiobutton_1.mds-form_radiobutton--large input {
    width: 26px;
    height: 26px;
    outline: none;
    cursor: pointer;
}
.mds-form_radiobutton_1.mds-form_radiobutton--large {
/*    line-height: 5px!important;*/
}
.mds-form_radiobutton_1.mds-form_radiobutton--large input:after {
    width: 26px;
    height: 26px;
}
.mds-form_radiobutton_1 > label {
    display: inline-block;
    width: 80%;
    white-space: pre-wrap;
    line-height: 1.25em;
    vertical-align: top;
    padding-bottom: 0px!important;
    cursor: pointer;
    font-size: 14px;
}
.mds-form_radiobutton_1 input:checked, .mds-form_radiobutton_1 input.mds-form_radiobutton--primary:checked {
    /*width: 26px;
    height: 26px;*/
    background: #0099FF;
    box-shadow: 0px 0px 0px 1px #FFFFFF;
    box-sizing: border-box;
    border-radius: 14px;
    border-width: 1px;
    border-color: #4B4B4B;
    outline: none;
}
.mds-form_radiobutton_1 input:checked + label:before {
    border-color: #4B4B4B!important;
}
.mds-form_radiobutton_1 > span.mds-form_radio {
    width: 15%;
    display: inline-block;
    float: left;
}
.mds-form_radiobutton_1 > span.mds-form_radioText {
    width: 85%;
    display: inline-block;
    float: left;
}
.mds-form_radiobutton_1 > span.mds-form_radioText label {
    font-weight: bold;
    font-size: 16px;
    top: 11px;
}

/* Secondary button */
button.mds-button_secondary {
    background: #d9001b;
    color: #ffffff;    
    height: 45px;
    width: auto;
    min-width: 90px;
    padding: 0 35px;
    font-size: 16px;
    max-height: 45px;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 0;
    text-align: center;
    border: 2px;
    border-radius: 2px;
    align-items: center;
}
button.mds-button_secondary:hover, button.mds-button_secondary:focus {
    background: #d9001b;
    color: #ffffff;    
}

/* remove the original arrow */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  -ms-appearance: none;
}
select::-ms-expand {
    display: none;
}

/* DropDown Arrow */
.MMM--icn_down_arrow {
    color: #ff0404;
    font-size: 18px;
}
.MMM--icn_up_arrow {
    color: #ff0404;
    font-size: 18px;
}
.MMM--dropdownArrow {
    position: relative;
}
.MMM--dropdownArrow>span.MMM--icnDropDown { 
    margin-top: 37px;
    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--selectInput {
    box-sizing: border-box;
    padding: 10px 35px 9px 10px;
    border: 1px #767676 solid;
    font-size: 14px;
    line-height: 18px;
    color: #767676;
    width: 97%;
    display: inline-block;
    background-color: #FFFFFF;
}

.MMM--blockLabel {
    font-weight: normal;
}
/******************************************/

#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: #003CE6;
    text-align: right;
    width: 40%;
    text-decoration: underline;
    -moz-text-decoration-color: #003CE6;
    text-decoration-color: #003CE6;
    vertical-align: middle;
    word-wrap: break-word;
}
.MMM--editContainer-active {
    opacity: 0;
}
.MMM--accordionList-trigger>span.MMM--editContainer { float: right; }

.js-input-Label:focus {
  border: 1px solid #767676 !important;
  color: #767676;
}
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;
}

#editStep1 {
  display: none;
}
#inputStep1,#inputStep2, #inputStep3, #inputStep4 {
    margin-left: 0px; 
}
#asd_timesavingscalc .MMM--textInput.error {
    border: 1px solid #c80000;
    background-color: #FFFFFF;
}
#asd_timesavingscalc .MMM--selectInput:active, #asd_timesavingscalc .MMM--selectInput:hover, #asd_timesavingscalc .MMM--selectInput:focus {
    border: 1px solid #767676;
    color: #767676;
}
#asd_timesavingscalc .MMM--selectInput.error {
    border: 1px solid #c80000;
    background-color: #FFFFFF;
    color: #c80000;
}
#asd_timesavingscalc input[type=checkbox]:focus {
    outline: 1px solid #767676;
}
.CALC-next--step1 {
    width: 100%; text-align: left;
}

/* Edit panel */
#editStep1, #editStep2, #gotoStep2 {
  display: none;
}
#labelStep3.MMM--accordionList-trigger-label {
    width: 55%
}
.MMM--frmSpinner {
    margin: -40px 0px 0 0; display: block; position: absolute; z-index: 1; width: calc(100%);
}
#cmsd_customtapetool i.mds-form_element--link {
    top: 3px;
    font-weight: bolder;
}
#timesavings_calculator_eloquaForm .MMM--blockFormList i.mds-form_element--link {
    top: -27px!important;
}
/* form style */
.MMM--textInput {
    font-size: 14px;
    line-height: 17.5px;
    color: #767676;
    padding: 10px 15px 10px 10px;
    border: 1px solid #767676;
    text-align: right;
    /*margin-left: 18px;*/
    /*width: calc(90%);*/
    font-family: "3MCircular",Arial,sans-serif;
}
#asd_timesavingscalc .MMM--textInput:focus {
    border: none!important;       
}
.MMM--textInput:disabled, .MMM--selectInput:disabled {
    border: 1px solid #AEAEAE!important;
}
.CALC-inputMins {
    width:75%; border: none; padding-right: 0px;
}
.CALC-inputSecs {
    width:20%; text-align: left; border: none; padding-left: 0px; padding-right: 0px;
}
.CALC-inputMins.error, .CALC-inputSecs.error {
    border: none!important;
}
.CALC-inputMins:focus, .CALC-inputSecs:focus {
    border: none!important;
    outline: none!important;
}
.CALC-MMSS {
    border: 1px solid #4b4b4b; display: inline-block;
}
.CALC-MMSS:focus-within {
    border: 1.5px solid #000!important;
    border-radius: 3px;
}
.CALC-sectionBody {
    border: 1px solid #929292; background-color: #f2f2f2; padding: 10px 10px 10px 30px;
}

/* Form Inputs */
select:active, option:hover {
    cursor: pointer;
    outline: none;
    color: #767676;
}
.CALC-hintText {
    white-space: pre-line;
}
.CALC-inputsLeft, .CALC-inputsRight {
    margin: 0;
}
.CALC-textInput {
    display: inline-block; width: 60%; float:left;
}
.CALC-selectInput {
    display: inline-block; width: 35%; float:right;
}
.CALC-chartWrapper {
    width: 100%; float: left;
}
.CALC-pieChart {
  display:block;
  overflow:hidden;
  margin:0 auto;
  padding:20px 20px 10px 20px;
  background:#fff;
  border-radius:4px;
  float:left;
}
.CALC-barChart {
    display: inline-block; width:30vh; height:20vh; float: left; padding: 20px 10px 20px 10px; border: 1px solid #e2e2e2;
}
canvas{
  background:#fff;
  /*height:250px;*/
}
#asd_timesavingscalc .MMM--isVisuallyHidden {
    height: 0px;
    display: none;
}
.js-btn_StartOver, .js-btn_viewGuidance {
    cursor: pointer;
}
#js-btn_StartOverModal > .mds-link_secondary {
    color: #003ce6;
    border: none;
}

/*#js-resultTableContainer {
    min-height: 200px;
    position: absolute;
}

#js-resultFormContainer {
    padding: 40px 0;
    margin: auto;
    margin-top: 175px;
    z-index: 1;
    position: relative;
    width: 85%;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    box-shadow: 0 10px 20px 0 rgba(75,75,75,0.1);
}*/

.js-lightboxClose, .js-lightboxClose:visited {
    text-decoration: underline;
    color: #003ce6!important;
    border-bottom: none!important;
}


ul.js-displayConsentText {
    width: 100% !important;
}
ul.js-displayConsentText li {
    max-width: 100% !important;
}

/* Eloqua form - Input  / Select fields override */
/*#js-btn_formModal {
    height: auto!important;
}*/
#timesavings_calculator_eloquaForm .MMM--textInput {
    font-size: 14px;
    line-height: 17.5px;
    color: #767676;
    padding: 10px 15px 10px 10px;
    border: 1px solid #767676;
    text-align: left!important;
    /*margin-left: 18px;*/
    /*width: calc(90%);*/
    font-family: "3MCircular",Arial,sans-serif;
}
#timesavings_calculator_eloquaForm .MMM--textInput:focus {
    border: 1px solid #767676!important;       
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
   
}
@media screen and (max-width: 767px) {
    ul[class*="js-chooseType"].MMM--columnList>* {
        font-size: 16px;
        padding: 0;
        margin-top: 15px;
    }    ul[class*="js-chooseType"] {
        width: calc(100% - 50px);
    }
    .mds-wrapper .mds-accordion_title {
      flex-basis: 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;
    }
    .js-tooltipIcon {
      float: right;
    }
    .MMM--textInput {
        font-size: 16px;
        /*padding: 22px 5px 5px 5px;*/
    }        
    #inputStep1 .MMM--columnList > * {
        padding: 0;
    }
    a.MMM--ctaBtn {
        padding: 10px 0px;
        font-size: 16px;
    }
    .CALC-chartWrapper {
        display: grid;
    }
    .CALC-barChart {
        display: inline-block; width:auto; height:25vh; float: left; padding: 20px 3px 20px 3px; border: 1px solid #e2e2e2;
    }
    .CALC-resultBtnSection {
        display: inline-flex;
        align-items: center;
    }
}

@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);
    }    
    ul[class*="js-chooseType"] {
        display: flex;
    }
    ul[class*="js-chooseType"] > li {
        width:40%;
    }
    ul[class*="js-chooseType"] > li:nth-child(1) {
        margin-right: 15px;
    }
    ul[class*="js-chooseType"] > li:nth-child(2) {
        float: right;
        margin-left: 15px;
    }
    .mds-form_radiobutton_1 > span.mds-form_radioText label {
        height: 30px;
    }
    .CALC-hintText {
        margin: 0 100px;
    }
    .CALC-pieChart{
        display:block;
        overflow:hidden;
        margin:0 auto;
        padding:45px 20px 10px 30px;
        background:#fff;
        border-radius:4px;
        float:left;
    }
    .CALC-barChart{
        display: inline-block; width:25vh; height:20vh; float: left; padding: 20px 10px 20px 10px; border: 1px solid #e2e2e2;
    }
}

@media screen and (min-width: 960px) {
    ul[class*="js-chooseType"] > li {
        width:43%;
    }
    .mds-form_element {
        /*float: left;*/
        /*width: 0%;*/
    }
    .mds-form_radiobutton_1 > span.mds-form_radio {
        width: 10%;
    }
    .CALC-hintText {
        margin: 0 100px;
    }
    .CALC-inputsLeft, .CALC-inputsRight {
        margin: 0 10px;
    }
    .CALC-inputMins {
        width:85%;
    }
    .CALC-inputSecs {
        width:10%;
    }
    .CALC-pieChart{
        display:block;
        overflow:hidden;
        margin:0 auto;
        padding:0px 50px 60px 75px;
        background:#fff;
        border-radius:4px;
        float:left;
    }
    .CALC-barChart{
        display: inline-block; width:100vh; height:60vh; float: left; padding: 20px 10px 20px 10px; border: 1px solid #e2e2e2;
    }
}

@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(90% - 20px);
    }
    .CALC-hintText {
        margin: 0 100px;
    }
    .CALC-inputsLeft, .CALC-inputsRight {
        margin: 0 10px;
    }
    .CALC-textInput {
        display: inline-block; width: 60%; float:left;
    }
    .CALC-selectInput {
        display: inline-block; width: 37%; float:right;
    }
    .CALC-pieChart{
        width:30%;
        display:block;
        overflow:hidden;
        margin:0 auto;
        padding:35px 50px 60px 125px;
        background:#fff;
        border-radius:4px;
        float:left;
    }
    .CALC-barChart{
        display: inline-block; width:50vh; height:30vh; float: left; padding: 10px 10px 10px 10px; border: 1px solid #e2e2e2;
    }
}

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

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