/* Theme Styles Start */ /* Synced Fonts Start ["Arial","Arial Black","Comic Sans MS","Courier New","Helvetica Neue","Helvetica","Impact","Lucida Grande","Montserrat","Roboto","Tahoma","Times New Roman","Titillium Web","Verdana"] Synced Fonts End */ /* Shadow Start {"background":"#000000","opacity":"5%","shadow":{"x":"0","y":"0","blur":"10","spread":"5"}} Shadow End */ .ectheme .esg-pcolor-bg { background-color: #13acee; } .ectheme .esg-pcolor-bd { border-color: #13acee; } .ectheme .esg-pcolor-fc { color: #13acee; } .ectheme .esg-pcolor-fc:hover { color: #0e1173; } .ectheme .esg-pcolor-svg { stroke: #13acee; } .ectheme .esg-btn-primary { background: #13acee; } .ectheme .esg-pcolor-svg { fill: #13acee; } .ectheme .esg-h-lvl1:after { background: #13acee; } .ectheme .pagination > li:not(.active) > a { color: #13acee; } /* .ectheme .productbadge .badge { background: #13acee; } */ .ectheme div.leftsidecat .list-group-item .badge { background: #13acee; } .ectheme .pagination > .active > a { background-color: #13acee; border-color: #13acee; } .ectheme .esg-btn-primary:hover { background-color: #23394d; } .ectheme .esg-btn-primary:focus { background-color: #23394d; } .ectheme .esg-primary-hover-bg { background-color: #23394d; } .ectheme .esg-primary-hover-bd { border-color: #23394d; } .ectheme .esg-primary-hover-fc { color: #23394d; } .ectheme .esg-faded-bg { background: rgba(35, 57, 77, 0.6); } .ectheme .esg-faded-bd { border-color: rgba(35, 57, 77, 0.6); } .ectheme .esg-faded-fc { color: rgba(35, 57, 77, 0.6); } .ectheme .esg-btn-faded { background: rgba(35, 57, 77, 0.6); } .ectheme .esg-scolor-bg { background: #acacac; } .ectheme .esg-scolor-fc { color: #acacac; } .ectheme .esg-scolor-fc:hover { color: #5f5f5f; } .ectheme .esg-btn-secondary { background: #acacac; } .ectheme .esg-table-basic thead { border-bottom-color: #dbdbdb; } .ectheme .esg-btn-secondary:hover { background: #5f5f5f; } .ectheme .ecb-text-small { font-family: Roboto; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; color: #acacac; line-height: Normal; } /* Regular Text */ .ectheme p { font-family: Roboto; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme .ecb-text-regular { font-family: Roboto; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme { font-family: Roboto; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } /* End Regular Text */ .ectheme .ecb-text-large { font-family: Roboto; font-size: 16px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme .ecb-text-strong { font-family: Roboto; font-size: 16px; font-weight: bold; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme h1, .ectheme .ecb-header-lvl-1 { font-family: Montserrat; font-size: 32px; font-weight: bold; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme h2, .ectheme .ecb-header-lvl-2 { font-family: Montserrat; font-size: 24px; font-weight: bold; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme h3, .ectheme .ecb-header-lvl-3 { font-family: Montserrat; font-size: 18px; font-weight: bold; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme h4, .ectheme .ecb-header-lvl-4 { font-family: Montserrat; font-size: 16px; font-weight: bold; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme h5, .ectheme .ecb-header-lvl-5 { font-family: Montserrat; font-size: 14px; font-weight: bold; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme h6, .ectheme .ecb-header-lvl-6 { font-family: Roboto; font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme a, .ectheme .authenticator_view .amplify-button--link { font-family: Roboto; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; color: #13acee; line-height: Normal; } .ectheme a:hover, .ectheme .authenticator_view .amplify-button--link:hover { font-family: Roboto; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; color: #13acee; line-height: Normal; } .ectheme .esg-pbutton, .ectheme .esg-btn-primary, .ectheme .authenticator_view .amplify-button--primary { font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #ffffff; line-height: Normal; border-style: solid; border-color: #13acee; border-width: 0px; border-radius: 0px; padding: 10px 20px 10px 20px; background-color: #13acee; ; } .ectheme .esg-pbutton:hover, .ectheme .esg-btn-primary:hover, .ectheme .authenticator_view .amplify-button--primary:hover { font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #ffffff; line-height: Normal; border-style: solid; border-color: #23394d; border-width: 0px; border-radius: 0px; padding: 10px 20px 10px 20px; background-color: #23394d; ; } .ectheme .esg-sbutton, .ectheme .esg-btn-secondary { font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #ffffff; line-height: Normal; border-style: solid; border-color: #23394d; border-width: 0px; border-radius: 0px; padding: 10px 20px 10px 20px; background-color: #acacac; ; } .ectheme .esg-sbutton:hover, .ectheme .esg-btn-secondary:hover { font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #ffffff; line-height: Normal; border-style: solid; border-color: #23394d; border-width: 0px; border-radius: 0px; padding: 10px 20px 10px 20px; background-color: #acacac; ; } .ectheme .esg-btn-error, .ectheme .esg-btn-error.rectangle-button { font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #ffffff; line-height: Normal; border-style: solid; border-color: #13acee; border-width: 0px; border-radius: 0px; padding: 10px 20px 10px 20px; ; background-color: #ff6a6a; } .ectheme .esg-btn-error:hover, .ectheme .esg-btn-error:focus, .ectheme .esg-btn-error.rectangle-button:hover, .ectheme .esg-btn-error.rectangle-button:focus{ font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #ffffff; line-height: Normal; border-style: solid; border-color: #23394d; border-width: 0px; border-radius: 0px; padding: 10px 20px 10px 20px; ; background-color: #d23333; } .ectheme .ectheme-input-label { font-family: Verdana; font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none; color: #5f5f5f; line-height: Normal; } .ectheme .ectheme-input-label:hover { font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme .ectheme-input-box { font-family: Roboto; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; color: #5f5f5f; line-height: Normal; border-style: solid; border-color: #dbdbdb; border-width: 1px; border-radius: 0px; padding: 5px 10px 5px 10px; background-color: #ffffff; } .ectheme .search .ectheme-input-box { font-family: Roboto; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; color: #5f5f5f; line-height: Normal; border-style: solid; border-color: #dbdbdb; border-width: 1px; border-radius: 0px; padding: 5px 10px 5px 10px; background-color: #ffffff; } .ectheme .ectheme-input-box:hover, .ectheme .ectheme-input-box:focus { font-family: Roboto; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; border-style: solid; border-color: #bababa; border-width: 1px; border-radius: 0px; padding: 5px 10px 5px 10px; background-color: #ffffff; } .ectheme table tbody tr { border-style: solid; border-color: #dbdbdb; border-bottom-width : 1px; } /* enhance list */ .ectheme .mobile-record-seprator{ border-top-color: #13acee !important; } .ectheme table .Mobile-Table td { border-style: solid; border-color: #dbdbdb; border-bottom-width : 1px; } .ectheme .ecb-theme-card { background-color: rgba(255, 255, 255, 1); border-style: solid; border-color: #dbdbdb; border-width: 1px; border-radius: 3px; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 5%); } .ectheme .ecb-theme-card:hover { background-color: rgba(255, 255, 255, 1); border-style: solid; border-color: #dbdbdb; border-width: 1px; border-radius: 3px; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 5%); } /* Theme Styles End */ /* Make Payment Screen */ .ectheme .ec-payment-page .esg-table-basic thead{ border-color: #acacac !important; } .ec-payment-page .button-square i { color: #13acee } .ec-payment-page .radio-boxes__input:checked+.radio-boxes__head, .radio-boxes__input:checked+label.radio-boxes__head { border-color: #13acee; background: rgba(19, 172, 238, 0.5); } .ec-payment-page .radio-boxes__input:checked~.radio-boxes__content, .ec-payment-page .button-square:hover { border-color: #13acee; } .ec-payment-page button.link--green { color: #13acee } .ec-payment-page button.link--green:hover { color: #13acee }
        /*startcustom*/
          
          
                
          
          
          
          
          
          
          
                
          
          
          
          
          
                
                
                
                
.amplify-field-group__control:focus{
border: 1px solid #dbdbdb !important;}     
          
 .amplify-button--primary{
 font-weight:600 !important;}         
          
.amplify-button--primary:hover{
background-color: #0e1173 !important;}

.amplify-button--primary{
border-radius:5px !important;}

.amplify-button[data-variation=link]{
color:#13acee !important;
text-decoration:none !important;}                 
                    
.horizontal-text{
text-align:center !important;}                
                
.ectheme-input-box:hover{
border:1px solid #dbdbdb !important;}                

.ectheme-input-box:active{
border-color:#dbdbdb !important;}                
                
.ecb-text-regular{
font-family: Roboto !important;}                

#navlink-1{
font-weight:bold !important;
font-size;12px !important;
font-family:montserrat !important;}                

.ectheme #collapsablenavsection > ul > li > a{
font-size:12px !important;}

.phoneerror {
    display: block;
    width: 100%;
    padding: 2px 0;
    color: #c00;
    font-size: 10px;
}
.dgs__questions.fullwidth{
    text-align:left !important;
} 

.ectheme .ec-crosssell-footer .ec-crosssell .ec-crosssell-secondary {
    margin-top: 0px !important;
} 

/* Hide the first li element */
.ectheme .nav.navbar-nav.navbar-left.ect-flex.ect-flex-wrap.ect-h-full.ect-items-center.ect-gap-2.ec-navbar-list.ec-navbar-list-web li:nth-child(1) {
    display: none;
}

/* Align the second li element to the right */
.ectheme .nav.navbar-nav.navbar-left.ect-flex.ect-flex-wrap.ect-h-full.ect-items-center.ect-gap-2.ec-navbar-list.ec-navbar-list-web {
    display: flex;
    justify-content: flex-end;
    margin-left: auto !important;
    margin-right: 0 !important
}


.ectheme .nav.navbar-nav.navbar-left.ect-flex.ect-flex-wrap.ect-h-full.ect-items-center.ect-gap-2.ec-navbar-list.ec-navbar-list-web li:nth-child(2) {
    margin-left: auto; 
}

.ectheme .nav.navbar-nav.navbar-left.ect-flex.ect-flex-wrap.ect-h-full.ect-items-center.ect-gap-2.ec-navbar-list.ec-navbar-list-web li:nth-child(2) #navlink-1 {
    color: #009cde !important;
}



.ectheme .item {
    border: 1px solid #ededed !important;
}

table {
    border-collapse:separate !important;
}

.ectheme .modal .modal-body .continueshopping{
    display:none;
}

.ectheme .productsummary .baseproductpricerow {
    display:none;
}

.ectheme .ec-floatingsummary .ec-summarybody #wp_base_outer {
    display:none;
}

.ectheme .productsummary .summary_options_header .text-center {
    display: none;
}

.ectheme .productsummary .summary_options_header .text-right {
    width: 100%;
}


     
           
          
                
          .enabled{
    background-color:#00aeef !important;
}

@media (max-width: 821px) {
    .ectheme .catalog-product {
        margin:auto !important;
    }
    
    .ectheme .horizontal {
        align-items: center;
        display: flex !important;
        gap: 1rem;
        grid-template-areas:
            "image text text"
            "image atributes button";
        grid-template-columns: min-content auto;
        justify-items: center;
        flex-direction: column !important;
        width: 354px !important;
    }        

    .ectheme .horizontal-button {
        justify-content: center !important;
    }      

    .ectheme .item-attributes_field {
        flex: 1;
        margin: 10px;
    }

    .ectheme .item-attributes_field:nth-child(1),
    .ectheme .item-attributes_field:nth-child(2) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .ectheme .item-attributes_field:nth-child(3) {
        width: 100%;
        display: contents;
    }

    .ectheme .item-attributes_field:nth-child(3) h4 {
        font-family: Roboto;
        font-size: 12px;
        color: #5f5f5f;
        text-decoration: none solid rgb(95, 95, 95);
        line-height: 20px;
        text-align: center;
    }

    .ectheme .item-attributes_field p {
        margin: 0;
    }

    .ectheme .item-attributes_field h4 {
        margin: 0;
    }

    .ectheme .item-attributes_field ul {
        padding: 0;
        margin: 0;
    }

    .ectheme .item-attributes_field ul li {
        margin: 5px 0;
    }
}


@media only screen and (min-width: 768px) {
    nav .ect-flex>ul.nav.navbar-nav:first-child{
    margin-right:unset !important;
    margin-left: auto;}
          
@media only screen and (min-width: 768px) {
    nav .ect-flex > ul.nav.navbar-nav {
        margin-left: auto;
        margin-right: unset !important;
    }
    nav .ect-flex > ul.nav.navbar-nav:first-child {
        margin-left: auto;
        margin-right: unset !important;
    }
}



         
.ectheme .product-item{
text-align:-webkit-center;
display:block !important;
}          
          
          .ectheme .large_button p{
    background: #f0f0f0;
    padding: 5px 10px;
    margin-top: 10px;
    min-width: 120px;
    height: 37px;
    border-radius: 90px;
    background-color: #f8f8f8;
    font-weight: 400;
    color: #000000;
    border: 1px solid #dbdbdb;
    font-family: Roboto;
    font-size: 13px;
    line-height: 25px;
}
.ls{
    display:flex;
}

#box {
  padding:5px;
  width:200px;
  z-index:10;
  position:relative;  
}
.esg-pbutton[id="acceptQuote"]{
    background-color:#13acee !important;
}
.esg-pbutton[disabled="disabled"]{
    background-color:#5f5f5f !important;
}
.crp{
  display:flex;
  position:relative;
  width:900px;
  padding:10px;
}
box form {
 background:#006699;
 padding:5px;
 display:none;
 position:absolute;
 top:55px;
}
#button {
  width:75px;
  background:#006699;
  color:#fff;
  padding:3px 10px;
  border:1px solid #006699;  
  margin-bottom:15px;  
  cursor:pointer;
}
#button2 {
  width:75px;
  background:#006699;
  color:#fff;
  padding:3px 10px;
  border:1px solid #006699;  
  margin-bottom:15px; 
  cursor:pointer;
}
box-form2 {
 background:#006699;
 padding:5px;
 display:none;
 position:absolute;
 top:55px;
}
#button3 {
  width:75px;
  background:#006699;
  color:#fff;
  padding:3px 10px;
  border:1px solid #006699;  
  margin-bottom:15px; 
  cursor:pointer;
}

#CrossSales1{
width:120px;
height:37px;
border-radius:90px;
background-color:#f8f8f8;
font-weight:400;
color:#000000;
border:1px solid #dbdbdb;
font-family:Roboto;
font-size:13px;
}
#CrossSales1:visited {
    color:#ffffff; 
    background-color:#269de0;
}
#CrossSales1:focus {
    color:#ffffff; 
    background-color:#269de0;
}

#Referral1{
width:120px;
height:37px;
border-radius:90px;
background-color:#f8f8f8;
font-weight:400;
color:#000000;
border:1px solid #dbdbdb;
font-family:Roboto;    
margin-left:15px;
font-size:13px;
}
#Referral1:visited {
    color:#ffffff; 
    background-color:#269de0;
}
#Referral1:focus {
    color:#ffffff; 
    background-color:#269de0;
}
#Partnerships1{
width:120px;
height:37px;
border-radius:90px;
background-color:#f8f8f8;
font-weight:400;
color:#000000;
border:1px solid #dbdbdb;
font-family:Roboto;    
margin-left:15px;
font-size:13px;
}
#Partnerships1:visited {
    color:#ffffff; 
    background-color:#269de0;
}
#Partnerships1:focus {
    color:#ffffff; 
    background-color:#269de0;
}

#label2{

}
#label3{
   position:relative;
  bottom:28px;
   font-size:13px;
    color:#5f5f5f;

}

#label1{
    font-size:13px;
    color:#5f5f5f;

}
.hwlabel{
    line-height:2.1;
}
#texthw{
    border: 1px solid #ededed;
    width:500px;
    height:2.8em;
    padding-left:1em;
}

#CrossSales1{
width:120px;
height:37px;
border-radius:90px;
background-color:#f8f8f8;
font-weight:400;
color:#000000;
border:1px solid #dbdbdb;
font-family:Roboto;
font-size:13px;
}

.catbouter{  
text-align: -webkit-center;
text-align: -moz-center;
}

.hwcustomblockls{
    width:auto;
}

.ectheme .contentRenderedBlockContent.richText{
    text-align: -webkit-left;
}

.ecrender h1{
    font-size:24px !important;
}

.ecrender h2{
    font-size:13px !important;
}
.eccombox th{
    font-weight:300 !important;
}
#AgentId{width:442px;height:34px;border:1px solid #ededed;}
#acc{width:442px;height:34px;border:1px solid #ededed;}
#emp{width:442px;height:34px;border:1px solid #ededed;}
#business{width:442px;height:34px;border:1px solid #ededed;}

.hwlabel input[placeholder="Search Agent Name..."],input[placeholder="Search Account..."],input[placeholder="Search User..."],input[placeholder="Enter Business Name"]{
    padding-left:10px;
}
.selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  
  float: left;
  min-width: 200px;
  margin: 50px 33%;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.selectdiv:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  
  top: 18px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  max-width: 320px;
  height: 50px;
  float: right;
  margin: 5px 0px;
  padding: 0px 24px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}
.dgs__actions.alignRight button[class="esg-btn-primary"]{
        background-color:#269de0 !important;
}
.dgs__actions.alignCenter button[class="esg-btn-primary"]{
        background-color:#269de0 !important;
}


#bottled-water{
width:auto;
height:auto;
border-radius:90px;
background-color:#f8f8f8;
font-weight:400;
color:#000000;
border:1px solid #dbdbdb;
font-family:Roboto;    
margin-left:15px;
font-size:13px;
margin:10px;
padding:10px;
}
#bottled-water:visited {
    color:#ffffff; 
    background-color:#269de0;
}
#bottled-water:focus {
    color:#ffffff; 
    background-color:#269de0;
}

#aid{
    position: relative;
    bottom: -70px;
    left:5px;
}
#selectedAgentdiv{
    padding-top:20px;
    padding-left:3px;
}
#selectedAgent{
    
    font-weight:400;
    font-size:13px;
    
}
.ectheme .large_button.dgs__active p{
    background: #11acee;
    border: 2px solid #11acee;
    color: #fff;
}

.ectheme .dgs__questions>div[data-numbercolumns="2"] .dgs__questions--answers{
    text-align:center;
    <!--width:500px !important;-->
}


#par1:visited,#par2:visited,#par3:visited,#par4:visited,#par5:visited,#par6:visited {
    color:#ffffff; 
    background-color:#269de0;
}
#par1:focus,#par2:focus,#par3:focus,#par4:focus,#par5:focus,#par6:focus {
    color:#ffffff; 
    background-color:#269de0;
}
#navlink-1{
    <!--visibility:hidden;-->
}

#navlink-3{
    font-size:11px !important;
    color: #10acee !important;
    font-weight: 700 !important;
    font-family: 'MONTSERRAT' !important;
}

.ectheme .dgs__sequence10 .dgs__questions--contentblock {
    gap: 0px;
    flex-wrap: wrap;
}

.ectheme .dgs__sequence10 .dgs__questions--contentblock>section {
    width: 100%;
}

.ectheme .dgs__sequence10 .ql-editor{
    border: 1px solid #ccc;
    text-align: center;
}

.ectheme .dgs__sequence10 .dgs__questions--header, .ectheme .dgs__sequence10 .dgs__questions--description {
    text-align: center;
}

.ectheme .dgs__sequence10 .dgs__actions.alignRight {
    justify-content: center;
}

.ectheme .dgs__sequence11 .dgs__questions--contentblock {
    gap: 0px;
    flex-wrap: wrap;
}

.ectheme .dgs__sequence11 .dgs__questions--contentblock>section {
    width: 100%;
}

.ectheme .dgs__sequence11 .dgs__questions--header, .ectheme .dgs__sequence11 .dgs__questions--description {
    text-align: center;
}

.ectheme .dgs__sequence11 .dgs__actions.alignRight {
    justify-content: center;
}
.ectheme .dgs__sequence11 .dgs__questions--header, .ectheme .dgs__sequence11 .dgs__questions--description {
    text-align: center;
}


.ectheme .dgs__sequence3 .ql-editor{
    padding-left: 30%;
    padding-right: 30%;
}
.ectheme .dgs__sequence3 .dgs__questions--contentblock {
    gap: 0px;
    flex-wrap: wrap;
}
.ectheme .dgs__sequence3 .dgs__questions--header, .ectheme .dgs__sequence3 .dgs__questions--description {
    text-align: center;
}

.ectheme .dgs__sequence3 .dgs__actions.alignRight {
    justify-content: center;
}
.ectheme .dgs__sequence3 .dgs__questions--header, .ectheme .dgs__sequence3 .dgs__questions--description {
    text-align: center;
}

.ectheme .dgs__sequence3 .dgs__questions--answers{
    text-align:center;
    max-width:500px !important;
}



.ectheme .dgs__sequence4 .dgs__questions--contentblock {
    gap: 0px;
    flex-wrap: wrap;
}

.ectheme .dgs__sequence4 .dgs__questions--contentblock>section {
    width: 100%;
    padding:0px;
}
.ectheme .dgs__sequence4 .dgs__questions--header, .ectheme .dgs__sequence4 .dgs__questions--description {
    text-align: center;
}

.ectheme .dgs__sequence4 .dgs__actions.alignRight {
    justify-content: center;
}
.ectheme .dgs__sequence4 .dgs__questions--header, .ectheme .dgs__sequence4 .dgs__questions--description {
    text-align: center;
}
.ectheme .dgs__sequence4 .dgs__questions--answers{
    max-width:250px !important;
}




.ectheme .dgs__sequence5 .dgs__questions--description{
display:none;
}
.ectheme .dgs__sequence5 .dgs__questions--contentblock {
    gap: 0px;
    flex-wrap: wrap;
}

.ectheme .dgs__sequence5 .dgs__questions--contentblock>section {
    width: 100%;
    padding:0px;
}

.ectheme .dgs__sequence5 .dgs__questions--header, .ectheme .dgs__sequence5 .dgs__questions--description {
    text-align: center;
}

.ectheme .dgs__sequence5 .dgs__actions.alignRight {
    justify-content: center;
}
.ectheme .dgs__sequence5 .dgs__questions--header, .ectheme .dgs__sequence5 .dgs__questions--description {
    text-align: center;
}

.ectheme .dgs__sequence5 .dgs__questions--answrapper{
    width:150px !important;
}

.ectheme .dgs__sequence5 .dgs__questions--answers{
    max-width:300px !important;
}

.ectheme .dgs__sequence1 .dgs__questions--answers{
    <!--max-width:250px !important;-->
}
.ectheme .dgs__sequence1 .dgs__questions--contentblock>section{
    padding:0px !important;
    width: 100%;
}


.ectheme .dgs__sequence6 .dgs__questions--contentblock {
    gap: 0px;
    flex-wrap: wrap;
}


.ectheme .dgs__sequence5 .dgs__questions--answrapper{
    width:150px !important;
}

.ectheme .dgs__sequence6 .fullWidth{
    position: relative;
    bottom: 50px;
}

.ectheme .dgs__questions>div{
    margin-bottom:0px !important;
}
.show{display:block;}
.hide{display:none;}

.ectheme .my_custom_lookup input[data-object="XX_Base__Location__c"]{
width:442px;
}
#powerGas{
    bottom: 19px !important;
    position: relative;
    left: -8em;
}
    
.ectheme .hwInputblock{
    text-align: left;
    display: contents;
}
.my_custom_lookup i[class="material-icons"]{
    right: -233px !important;
}
.ectheme .dgs__sequence2 .dgs__contentblock.fullWidth{
    margin-top:50px !important;
}
.ectheme .dgs__sequence2 .dgs__withcontentblock{
    display:none;
}
.ectheme .dgs__sequence2 .alignCenter{
}
.ectheme .ec-scheduleservice {
    background-color:#E0E0E0 !important;
}

.ectheme .navbar{
    border-bottom: 5px solid #009cde;
}
#Yes1{
width:auto;
height:33px;
border-radius:90px;
background-color:#f8f8f8;
font-weight:400;
color: #000000;
border:1px solid #dbdbdb;
font-family:Roboto;    
margin-left:15px;
font-size:11px;
margin:10px;
padding:10px;
width:80px;
}
#Yes1:visited{
    color:#ffffff; 
    background-color:#269de0;
}
#Yes1:focus{
    color:#ffffff; 
    background-color:#269de0;
}
#No1{
width:auto;
height:33px;
border-radius:90px;
background-color:#f8f8f8;
font-weight:400;
color: #000000;
border:1px solid #dbdbdb;
font-family:Roboto;    
margin-left:15px;
font-size:11px;
margin:10px;
padding:10px;
width:80px;
}
#No1:visited{
    color:#ffffff; 
    background-color:#269de0;
}
#No1:focus{
    color:#ffffff; 
    background-color:#269de0;
}
.ectheme .navbar-right a[id="navlink-0"]{
    font-size:11px !important;
    color: #10acee !important;
    font-weight: 700 !important;
    font-family: 'MONTSERRAT' !important;
}
.ectheme .navbar-left a[id="navlink-0"]{
    right: 180px;
    position: relative;
    opacity: 0;
    width: 180px;
}

.eccombox .navbar-brand > img{
    width: 160px;
    margin: 10px;
}

.ectheme .navbar-left a[id="navlink-1"]{
    display:none;
}

.ectheme .parentRow.even,.parentRow.odd{
    height:100px;
    vertical-align:middle;
    border-color: #F0F0F0 !important;
}
.ectheme .attributerow.form-inline.even{
    position: relative;
    bottom: 95px;
    height: 100px;
    border-bottom:none;
    padding-left: 10em;
    display: block;
}
.ectheme .attributerow.form-inline.odd{
    position: relative;
    bottom: 95px;
    height: 100px;
    border-bottom: none;
    padding-left: 10em;
    display: block;
}
.ectheme .childRow.even,.childRow.odd{
    vertical-align:middle;
    position: relative;
    bottom: 100px;
    border-bottom: none;
}
.ectheme .indentcolumn.firstcol{
    padding-left:25em !important;
} 
.ectheme .firstcol{
    padding-left:12em !important;
}
.ectheme .filteredtabledisplay tr.childRow td:first-child, .filteredtabledisplay tr.childattrrow td:first-child{
    padding-left:300px !important;
}
.ectheme .input-wrapper[data-v-37e84ac0]{
    width:422px;
}


.ectheme .dgs__sequence2 .dgs__page--description.ql-editor{
    border: 1px solid #cccccc;
    background: #f8f8f8;
    font-size:14px;
}

.ectheme .dgs__sequence3 .halfwidth{
    width: 100%;
    position: relative;
    padding:0;
}


.ectheme .hwInputblock1{
    padding-right:10px;
}

#powerGas{
    padding-left:10px;
}
.ectheme .documents-list{
    list-style-type: none;
}

.ectheme .add-to-cart-wrapper{
    text-align:left;
}


.ectheme .dgs__sequence6 .fullwidth{
    padding:15px;
}

.ectheme .esg-btn-secondary:hover{
    background-color:#269de0 !important;
}

.ectheme .viewdetails:hover{
    color:#269de0 !important;
}

.eccombox input[type="checkbox"]{
    margin-left: 60px;
    position: relative;
    bottom: 1px;
}
.ectheme .customerinfo{
    font-size:13px;
}

#footerhtmleditbox_aFS2K000000004YWAQ{
    bottom:80px;
}

.ectheme .dgs__sequence1 .alignRight{
    padding-top: 300px;
    width:100%;
    margin-left:45px;
}

#collapsablenavsection{
    max-width:none !important;
}

/*@media (min-width: 768px) {
.eccombox .navbar-right {
    margin-right:-12px !important;
  }
}
@media (min-width: 768px){
.catalog_addtocart{
text-align:center;
}
}
@media (min-width: 768px){
.single-product{
text-align:center;
}
}*/


.ec-viswrapper {
    z-index: 100;
    position: sticky;
}

.ec-product-detail-flex {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-around;
    flex-flow: row;
}
.ec-product-detail {
    padding: 2%;
    max-height: 230px;
    overflow: hidden;
}

.ec-flipopenexclusive{
    color: #13acee !important;
}

.ec-categorytab:not(.summarytotal):not(.ec-ham):before{
    background:#13acee;
}
#displayMTC{
overflow:visible !important;
}

.WideLine .option-block_2{
    display:block !important;
}
.nextcatrow,.esg-pumped,.actionbuttons{
    display:none !important;
}
.ectheme .col-sm-12.col-md-6 button:nth-child(1) {
  display: none;
}

.eccombox ul{
    padding-left:15px;
    line-height:1.8;
}

.content-block p:nth-child(1){
    line-height:1.8;
}
.ectheme .dgs__sequence2 .dgs__actions{
    display:none;
    position: relative;
    top: 100px;
    left: 235px;
}
.ectheme .ec-custom-button-hw{
    font-family: Roboto;
    font-size: 13px;
    color: #0a0a0a;
    text-align: center;
    margin: 10px;
    width: 261px;
    height: 34px;
    border-radius: 20px;
    background-color: #f8f8f8;
    border: 1px solid #cccccc;
    cursor: pointer;
    <!--border-radius: 90px;-->
    <!--margin: 5px;-->
    <!--color: #5f5f5f;-->
    <!--font-weight: bold;-->
    <!--padding: 7px 20px;-->
    <!--border: 1px solid #ddd;-->
    <!--background: #f0f0f0;-->
    <!--font-family: Roboto;-->
    <!--font-size: 12px;-->
    <!--width: 250px;-->
    
}
    
.ectheme .ec-linkloader-bar{
    background:#13acee;
}

/*Upfront & Monthly Above ITem NAMe */

.ectheme .product-vertical .item-text {
    display: flex;
    justify-content: center;
    gap: 50px;
}

.ectheme .product-vertical .item-text h3::before {
    content: 'UPFRONT';
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.ectheme .product-vertical .item-text p::before {
    content: 'MONTHLY';
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.ectheme .product-vertical .item-attributes {
    display: block;
    <!--position: relative;-->
    <!--top: -265px;-->
    <!--left: 0;-->
    <!--width: 100%;-->
    <!--display: flex;-->
    <!--align-items: center;-->
}

<!--.ectheme .product-vertical  .item-text h3 {-->
<!--    margin-top: 60px; /* Adjust as needed based on the height of the "UPFRONT" and "MONTHLY" sections */-->
<!--}-->

<!--.ectheme .product-vertical .field {-->
<!--    margin-bottom: 10px; /* Space between "UPFRONT" and "MONTHLY" sections */-->
<!--}-->

<!--.ectheme .product-vertical .field._value {-->
<!--    font-weight: 700;-->
<!--    color: rgb(17, 172, 238);-->
<!--    font-size: 16px;-->
<!--}-->

<!--.ectheme .product-vertical .vertical-button {-->
<!--    position: relative;-->
<!--    margin-top: -40px;-->
<!--}        -->

.ectheme .dgs__questions--header h2 {
    font-weight: bold;
}
           
.ectheme .horizontal {
    align-items: center;
    display: flex !important;
    gap: 1rem;
    grid-template-areas:
        "image text text"
        "image atributes button";
    grid-template-columns: min-content auto;
    justify-items: center;
    flex-direction: column !important;
    width: 354px !important;
}        

.ectheme .horizontal-button {
    justify-content: center !important;
}      
        
.ectheme .item-attributes_field {
    flex: 1;
    margin: 10px;
}

.ectheme .item-attributes_field:nth-child(1),
.ectheme .item-attributes_field:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.ectheme .item-attributes_field:nth-child(3) {
    width: 100%;
    display: contents;
}

.ectheme .item-attributes_field:nth-child(3) h4{
    font-family: Roboto;
    font-size: 12px;
    color: #5f5f5f;
    text-decoration: none solid rgb(95, 95, 95);
    line-height: 20px;
    text-align: center;
}

.ectheme .item-attributes_field p {
    margin: 0;
    <!--font-weight: bold;-->
}

.ectheme .item-attributes_field h4 {
    margin: 0;
    <!--font-weight: bold;-->
}

.ectheme .item-attributes_field ul {
    <!--list-style: none;-->
    padding: 0;
    margin: 0;
}

.ectheme .item-attributes_field ul li {
    margin: 5px 0;
}      
        
.ectheme div[page-block-id="aFSAq000000GOsnOAG"] {
    display: none;
}      
        
.ectheme .item-attributes {
    gap: 0 !important;
}

.ectheme .productbadge .badge {
    background: #fff !important;
}

.ectheme div[page-block-id="aFSAq000000GP2TOAW"] .custom-form_block {
    border: none; 
    padding: 0 34%;
}

.ectheme .summary p.ecb-text-regular:nth-child(1) {
    font-family: verdana;
    font-size: 20px;
    color: #000000;
    text-decoration: none solid rgb(0, 0, 0);
    text-align: right;
    font-weight: bold;
}

.ectheme .summary p.ecb-text-regular:nth-child(2) {
    font-family: Open Sans;
    font-size: 25px;
    color: #13acee;
    text-decoration: none solid rgb(19, 172, 238);
    text-align: right;
    font-weight: bold;
}


.ectheme .productlist .summary_row {
    flex-direction: column;
    gap: 0; 
}

.ectheme .promocode-input {
    flex-grow: 0 !important;
}

.ectheme .promocode {
    justify-content: center;
}

.ectheme .promocode h6{
    font-family: Verdana;
    font-size: 13px;
    color: #5f5f5f;
    text-decoration: none solid rgb(95, 95, 95);
    line-height: 20px;
}

.ectheme .custom-form_block-header {
    text-align: center;
}

.ectheme .item-image {
    height: auto !important;
}


.ectheme .item-image img{
    max-height: 240px !important;
    max-width: 240px !important;
}

<!--.ectheme .checkout-detail_section .radio-box {-->
<!--    display: none;-->
<!--}-->

.ectheme .terms-pay-methods .radio-box .heading {
    display:none !important;
}

.ectheme .checkout-detail_section .invme {
    display:none !important;
}

.ectheme .checkout-detail_section .po-form {
    display: none !important;
}

.ectheme .checkout-detail_section .po .ect-flex {
    justify-content: center;
}

.ectheme .terms h3{
    display: none !important;
}

.ectheme .md\:ect-basis-8\/12 {
        flex-basis: 100%;
}

.ectheme .po {
    border-top: none !important;
}

.ectheme .detail-section_header {
    display: none !important;
}

.ectheme .radio-box .heading {
    display: none !important;
}

.ectheme .radio-box {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 0 0 #fff !important;
}

.ectheme .detail-section {
    border: none !important;
}

.ectheme .terms {
    padding: 0 !important;
}

.ectheme .md\:ect-p-\[3rem\] {
    padding: 0 3rem !important;
}

.ectheme nav .ect-flex > ul.nav.navbar-nav {
    margin-left: 0 !Important;
}
<!--.ectheme .terms + p{-->
<!--    display: none !important;-->
<!--}-->
.ectheme .horizontal-attributes .ecb-header-lvl-4 {
    font-weight: normal;
    }


        
      
                
            
                
            
                
            
                
            
                
            
                
            
                
            
        
      
        
      
        
      
        
      
        
      
                
            
        
      
        
      
        
      
        
      
        
      
        
      
        
      
                
            
        
      
        /*endcustom*/