/* OUTER SHELL */
html {
/*    width: 95%;*/
}
.analyzerPopup.dx-popup-wrapper > .dx-overlay-content {
height: 100% !important;
    max-height: 650px;
}
.landingContent img {
    width: auto;
    max-width: 335px;
}
.analyzer-container {
    width: 195px;
    height: 60px;
    white-space: normal;
}
.dx-popup-title.dx-toolbar {
    background: #ed1c24;
    color: #fff;
}
.dx-toolbar-label .dx-toolbar-item-content > div {
    font-size: 24px;
}
.dx-popup-title.dx-toolbar .dx-toolbar-before {
    text-align: left;
    width: 90%;
}
.dx-button-mode-contained .dx-icon, .dx-button-mode-text .dx-icon {
    color: #fff !important;
}
ul.nav.navbar-nav.navbar-right.analyzer {
/*    padding-top: 0;
    margin: 0;*/
}

.analyzer .dx-theme-generic-typography{
    border-radius: 10px;
}

.analyzer-container .dx-button-text {
    white-space: normal;
    font-weight: 700;
font-size: 12px;

    color: #ed1c24;
    text-transform: uppercase;
}

  .analyzer-container .dx-button-has-text .dx-button-content {
    background: #fff;
    padding: 15px 5px !important;
    height: auto;
}
  .analyzer-container .dx-button-has-text.dx-state-hover .dx-button-content {
    background: #ed1c24;
}
  .analyzer-container .dx-button-has-text.dx-state-hover .dx-button-content .dx-button-text {
    color: #fff;
}


/* IFRAME CONTENT   */

* {
	font-size: 16px;
	font-family: Arial, sans-serif;
}
p {
    line-height: 1.4em;
    margin: 5px;
}
	.flexRow {
    	display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
	}
    .flexRow.headerRow {
        justify-content: flex-start;
    }
.flexRow.homeRow {
    justify-content: space-between;
}
	.flexRow div{
/*		margin: 20px 0;
		padding: 20px;*/
	}
	.flexHeader {
    font-weight: 700;
    width: 100%;
    margin: 5px 0;
}
    .flexHeader h2{
    font-size: 22px;
    margin-top: 0;
}
    .flexHeader h3{
    font-size: 18px;
    color: #ed1c24;
    margin: 0;
}

.firstCell{
	min-width: 40%;
}
.residential.homeAnalyzer {
    background: #ed1c24;
        border-radius: 10px;
}
.commercial.homeAnalyzer {
    background: #ed1c24;
        border-radius: 10px;
}
.industrial.homeAnalyzer {
    background: #ed1c24;
        border-radius: 10px;
}
.homeAnalyzer {
    max-width: 350px;
        margin-bottom: 20px;
}
.homeAnalyzer a {
    text-decoration: none;
}
.homeAnalyzer p {
    text-align: center;
    background: #c61b22;
    margin: 0;
    padding: 15px 0;
    color: #fff;
    font-weight: 700;
    border-radius: 10px 10px 0 0;
}
.homeAnalyzer p span {
      font-weight: 400;
}
.homeAnalyzer img {
/*  max-width: 300px;
    width: auto;
    margin: 25px auto;*/
    max-width: 220px;
    width: auto;
    margin: 5px auto;
    padding: 0 20px;
}

/* LANDING FILE STYLES */
.landingContent {
    margin-bottom: 25px;
}
.landingContent p{   
}

.optionsRow {
/*    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    flex-wrap: wrap;*/
}
button {
    background: transparent;
    border-width: 0;
    color: #fff;
    cursor: pointer;
    text-align: left;
}
.landingOptions button {
    background: transparent;
    border-width: 0;
    color: #fff;
    cursor: pointer;
    text-align: left;
}
.landingOptions {
    background: #ed1c24;
  /*  padding: 5px 20px;*/
    color: #fff;
    flex: 1 1 0px;
    margin: 0 10px 10px 0px;
    border-radius: 7px;
    border: 2px solid #636363;
}
.landingOptions:first-child {
    margin: 7px 10px 15px 0;
}
.landingOptions p.flexHeader, .landingOptions p.flexHeader a {
    color: #fff;
    text-align: left;
    font-weight: 700;
    text-decoration: none;
}
.landingOptions p.flexHeader span{
font-weight: 400;
}
.landingListItems {
    text-indent: 20px;
}
.landingListItems ul {
    margin-top: 0;
    list-style: none;
    padding-left: 10px;
}
.compareBlock {
    color: #fff;
    background: #4b4b4b;
    padding: 20px 0;
    margin-left: 15px;
    font-weight: 700;
    text-align: center;
}
.compareBlock p, .landingOptions p {
    padding: 0 5px;
}
 .analyzerNav .compareBlock a, .compareBlock a{
    color: #fff;
    text-decoration: none;
    line-height: 1.2em;
}
.compareBlock span {
    font-weight: 400;
}
span.spanHeader {
    font-weight: 700;
}
p.upgradeLink {
    font-weight: 400;
}

/* RESIDENTIAL STYLES   */
    .twoColWrapper{
/*        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;*/
        padding: 5px;
        overflow-y: auto;
        overflow-x: hidden;
        height: 95%;
    }
    .twoColWrapper .analyzerContent {
    /*width: 70%;*/
    }
    .analyzerNav {
    position: fixed;
    bottom: 0;
}
    .analyzerNav ul {
    list-style: none;
    padding: 015px;
    margin: auto;
    text-align: center;
/*    border-left: 1px solid gray;*/
    }
    .analyzerNav ul li{ 
    display: inline-block;
    padding: 0 20px;
        }
    .analyzerNav ul li.pipe{ 
    display: inline-block;
    padding: 0 ;
        }
    .analyzerNav a,  .analyzerNav input{
    text-decoration: none;
    color: #000;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}
    .analyzerNav a.active{
    text-decoration: none;
    color: gray;
    cursor: default;
}
    .analyzerNav input {
        border-width: 0;
        cursor: pointer;
        width: 50px;
}
.fullCell {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 130px;
}
    .flexRow div, .fullCell div, .thirdCell div{
 /*       margin: 20px 0;
        padding: 20px;*/
    }

/* ITEM VIEW STYLES  */
h2.itemView {
    color: #ed1c24;
    font-weight: 700;
    font-size: 22px;
    margin: 0 0 10px;
}
span.itemModel {
    font-weight: 700;
    font-size: 18px;
}
.fullCell.itemView {
    display: grid;
    /* flex: 1 1 0; */
    /* justify-content: space-evenly; */
    /* flex-wrap: wrap; */
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}
.itemView .landingContent {
    flex: 1 1 0;
}
.itemView  .optionsRow {
    flex-direction: column;
    flex: 1 1 0;
    justify-content: flex-start;
}
.itemView .landingOptions {
   /* margin-top: 20px;
    flex: 0;*/
    text-align: left;
}
.optionsRow a{
    text-decoration: none;
    background: #ed1c24;
    padding: 5px 20px;
    color: #fff;
    flex: 1 1 0px;
    margin: 0 10px 20px 10px;
        display: contents;
}
.fullCell.itemView .optionsRow a{
    flex:0;
    margin: 5px 0 0;
    padding: 0;
}
.landingOptions.customize {
    margin: 0 10px 10px 10px;
    padding: 10px 0;
}
.customizeOptions {
    margin-top: 30px;
}
.compareBlock.upgrade {
    color: #000;
    background: #fff;
    padding: 0;
    margin-left: 15px;
    font-weight: 700;
    text-align: left;
    max-height: none;
}
.upgradeLink { 
background: #626262;
border-radius: 8px;
border: 2px solid #292828;
}
.analyzerNav .compareBlock.upgrade a {
    color: #ce1616;
    text-decoration: underline;
}
.upgrade p {
    margin: 7px 0;
}
.upgrade p.upgradeLink {
    margin: 7px 0 15px;
    line-height: 2.4em;
}
@media (min-width: 324px) {
    ul.nav.navbar-nav.navbar-right.analyzer {
    /*margin-bottom: 32px;*/
    }
    .twoColWrapper{
       /* flex-direction: column-reverse;*/
    }
    .twoColWrapper.industrial{
    flex-direction: column;
    }
        .fullCell {
    grid-template-columns: 1fr;
    grid-gap: 15px;
}
    .fullCell.itemView {
       /* flex-direction: column;*/
           grid-template-columns: 1fr ;
    }
    .twoColWrapper .analyzerContent {
    width: 100%;
    }

    .analyzerNav {
    width: 100%;
    display: flex;
    justify-content: space-between;
        position: relative;
    } 
    .analyzerNav ul li {
    padding: 0 10px 25px;
}   
    .analyzerContent.industrial {
    order: 2;
    }
    .analyzerNav.industrial {
     order: 1;
    }
    .flexHeader.industrial {
     order: 3;
    }
    .optionsRow.industrial {
     order: 4;
    }
    .compareBlock.upgrade {
     max-width: 375px;
    /*       max-height: 85px;*/
    }
}
@media (min-width: 574px) {
    .twoColWrapper,  .twoColWrapper.industrial{
       /* flex-direction: row;*/
    }
    .twoColWrapper .analyzerContent {
   /* width: 70%;*/
    }
    .fullCell {
    grid-template-columns: 1fr;
    grid-gap: 10px;
}
    .fullCell.itemView {
    flex-direction: row;
    }
        .analyzerNav {
    width:100%;
        display: block;
            position: relative;
}
.compareBlock {
    width: auto;
}    
.analyzerContent.industrial {
    order: 1;
    }
    .analyzerNav.industrial {
     order: 2;
    }
    .flexHeader.industrial {
     order: 3;
    }
    .optionsRow.industrial {
     order: 4;
    }
}
@media (min-width: 767px) {   
    .fullCell {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 130px;
}
    .fullCell.itemView {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}
        .analyzerNav {
    width:100%;
        display: block;
            position: fixed;
}
.analyzerNav ul li {
    padding: 0 20px;
}
    ul.nav.navbar-nav.navbar-right.analyzer {
    /*margin-bottom: 10px;*/
    }

}