/* 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":"#ffffff","opacity":"100%","shadow":{"x":"0","y":"0","blur":"10","spread":"10"}} 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: #11acee; } .ectheme .esg-pcolor-svg { fill: #13acee; } .ectheme .esg-h-lvl1:after { background: #13acee; } .ectheme .pagination > li:not(.active) > a { color: #c00000; } /* .ectheme .productbadge .badge { background: #13acee; } */ .ectheme div.leftsidecat .list-group-item .badge { background: #13acee; } .ectheme .pagination > .active > a { background-color: #c00000; border-color: #c00000; } .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: #de4314; } .ectheme .esg-btn-secondary { background: #acacac; } .ectheme .esg-table-basic thead { border-bottom-color: #dbdbdb; } .ectheme .esg-btn-secondary:hover { background: #de4314; } .ectheme .ecb-text-small { font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } /* Regular Text */ .ectheme p { font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme .ecb-text-regular { font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme { font-family: Montserrat; 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: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme .ecb-text-strong { font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme h1, .ectheme .ecb-header-lvl-1 { font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme h2, .ectheme .ecb-header-lvl-2 { font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme h3, .ectheme .ecb-header-lvl-3 { font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme h4, .ectheme .ecb-header-lvl-4 { font-family: Montserrat; font-size: 14px; font-weight: normal; 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: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme h6, .ectheme .ecb-header-lvl-6 { font-family: Montserrat; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; color: #000; line-height: Normal; } .ectheme a, .ectheme .authenticator_view .amplify-button--link { font-family: Roboto; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: underline; color: #c00000; line-height: Normal; } .ectheme a:hover, .ectheme .authenticator_view .amplify-button--link:hover { font-family: Roboto; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: underline; color: #dddddd; 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: #11acee; border-width: 0px; border-radius: 0px; padding: 10px 20px 10px 20px; background-color: #11acee; ; } .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: #11acee; 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: Verdana; font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none; color: #5f5f5f; 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: #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 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: 0px; } .ectheme .ecb-theme-card:hover { background-color: rgba(255, 255, 255, 1); border-style: solid; border-color: #dbdbdb; border-width: 1px; border-radius: 0px; } /* 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: #11acee } .ec-payment-page .radio-boxes__input:checked+.radio-boxes__head, .radio-boxes__input:checked+label.radio-boxes__head { border-color: #11acee; background: rgba(17, 172, 238, 0.5); } .ec-payment-page .radio-boxes__input:checked~.radio-boxes__content, .ec-payment-page .button-square:hover { border-color: #11acee; } .ec-payment-page button.link--green { color: #c00000 } .ec-payment-page button.link--green:hover { color: #dddddd }
        /*startcustom*/
          
          
          
          
          
          
          
          
          
          
          
                
          
          
          
          
          .dgs__questions.fullwidth{
    text-align:left !important;
} 
/*configurator UI enhancement*/
.ectheme .ec-floatingsummary .ec-summarynumberedit {
    display:none !important;
}
.ectheme .catalog-product .horizontal-text {
    text-align: center !important;
}
.ec-crosssell-secondary .addcross2cart:nth-of-type(1) {
    display: none;
}



<!--.ectheme .ec-floatingsummary .widgetqty input {-->
<!--    height: 34px;-->
<!--}-->
<!--.ectheme .ec-floatingsummary .widgetqty {-->
<!--    width: 100%;-->
<!--}-->

.ectheme div[data-cat="Summary"] .productsummary .summary_options h4 {
    font-weight: bold !important;
}

.ectheme .ec-category .nextcatrow, .esg-pumped, .actionbuttons {
    display: block !important;
}

.ectheme .ec-optionstyle .ec-optionqty .qtyinput{
    height: 34px;
}

/*send agreement UI*/

.ectheme div[page-block-id="aFSOF0000001FTU4A2"] .my_custom_form {
    max-width: 275px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
}

.ectheme div[page-block-id="aFSOF0000001FTU4A2"] .form-group {
    margin-bottom: 15px;
    text-align: left;
}

.ectheme div[page-block-id="aFSOF0000001FTU4A2"] .input label {
    color: #5f5f5f;
    font-family: Roboto, monospace;
    font-size: 12px;
    font-weight: 500;
}

.ectheme div[page-block-id="aFSOF0000001FTU4A2"] .input-wrapper {
    align-items: center;
    display: flex;
    height: 36px;
    margin: .5rem 0 !important;
}

.ectheme div[page-block-id="aFSOF0000001FTU4A2"] .input-wrapper input {
    width:100%;
}

/*send payment UI*/

.ectheme div[page-block-id="aFSOF0000001FTf4AM"] .my_custom_form {
    max-width: 275px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
}

.ectheme div[page-block-id="aFSOF0000001FTf4AM"] .form-group {
    margin-bottom: 15px;
    text-align: left;
}

.ectheme div[page-block-id="aFSOF0000001FTf4AM"] .input label {
    color: #5f5f5f;
    font-family: Roboto, monospace;
    font-size: 12px;
    font-weight: 500;
}

.ectheme div[page-block-id="aFSOF0000001FTf4AM"] .input-wrapper {
    align-items: center;
    display: flex;
    height: 36px;
    margin: .5rem 0 !important;
}

.ectheme div[page-block-id="aFSOF0000001FTf4AM"] .input-wrapper input {
    width:100%;
}


.ectheme .dgs__questions--contentblock>section {
    flex-grow: 1;
    width: 100% !important;
}

@media only screen and (max-width: 820px) {
    
    
    .ectheme .custom_dgs_zip p {
        margin-top:20px;
    }
    
    .ectheme .large_button p {
        min-width: 140px;
    }
    
}


/* 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;
}

.esg-btn-primary{
background-color:#5bc0de !important;}

.carousel .ec-crosssell{
    padding-right: 100px !important;
}
.ectheme .col-sm-12.col-md-6 button:nth-child(2) {
    <!--display: none !important;-->
}

.ec-postsavebox .modal-footer .carousel-control.right{
margin-right:0px !important;}
<!--.ec-crosssell-secondary{-->
<!--margin-top:40px !important;}-->

table {
    border-collapse:separate !important;
}

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

.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%;
}

                   
          .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;
    <!--border-radius: 90px;-->
    <!--background: #f0f0f0;-->
    <!--padding: 5px;-->
    <!--margin-top: 10px;-->
}

.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;
}

.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__sequence2 .ql-editor{
    padding: 20px 30%;
}
.ectheme .dgs__sequence2 .dgs__questions--contentblock {
    gap: 0px;
    flex-wrap: wrap;
}
.ectheme .dgs__sequence2 .dgs__questions--header, .ectheme .dgs__sequence2 .dgs__questions--description {
    text-align: center;
}

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

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



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

.ectheme .dgs__sequence3 .dgs__questions--contentblock>section {
    width: 100%;
    padding:0px;
}
.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{
    <!--max-width:250px !important;-->
}




.ectheme .dgs__sequence4 .dgs__questions--description{
display:none;
}
.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--answrapper{
    width:150px !important;
}

.ectheme .dgs__sequence4 .dgs__questions--answers{
    <!--max-width:300px !important;-->
}




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


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

.ectheme .dgs__sequence5 .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__sequence1 .dgs__contentblock.fullWidth{
    margin-top:50px !important;
    position: absolute;
    top: 150px;
    left: 50%;
    text-align: left;
}
.ectheme .dgs__sequence1 .dgs__withcontentblock{
    Width:50%;
}
.ectheme .dgs__sequence1 .alignCenter{
    justify-content: left;
}

.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__sequence1 .dgs__page--description.ql-editor{
    border: 1px solid #cccccc;
    background: #f8f8f8;
    padding: 20px;
}

.ectheme .dgs__sequence2 .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__sequence5 .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;
}


#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;
}

.eccombox .navbar-header{
    background-color: #ffffff !important;
    box-shadow: none !important;
}

.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;
}


.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;
}

.ectheme div [data-bname="Filtered%20Table"]{
    border: 1px solid #ededed;
    margin-right: 0.6in;
    margin-left: 0.6in;
    margin-top:.3in;
    background:#ffffff;
}

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

.content-block p:nth-child(1){
    line-height:1.6;
    color:#404040;
}

.productdes p:nth-child(3){
    line-height:1.6;
    color:#404040;
}

.ectheme .dgs__sequence1 .dgs__actions{
    <!--display:flex;-->
    <!--position: relative;-->
    <!--margin-top: 110px;-->
    <!--left: 236px;-->
    <!--justify-content: center !important;-->
}

.dgs__sequence1 .alignRight{
   display: none;
   justify-content: right;
}
        
.ectheme .dgs__questions--contentblock {
    display: block !important;
}      
        
.ectheme .dgs__sequence2 .dgs__questions--contentblock>section {
    <!--width: 100% !important; -->
}      


.ectheme .dgs__questions--header h2 {
    font-weight: bold;
    margin-top: 10px;
    padding: 5px;
}

/*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 .pagination > li:not(.active) > a {
    color: #11acee;
}

.ectheme .pagination > .active > a {
    background-color: #11acee;
    border-color: #11acee;
    color: #fff;
}
        
.ectheme .dgs__page--header h1 {
    font-family: Verdana !important;
    font-size: 22px !important;
    color: #343a40 !important;
    text-decoration: none solid rgb(52, 58, 64) !important;
    font-weight: bold;
}      


        
.ectheme .dgs__contentblock .custom_code_block .hwcustomblock label p{
    font-family: Verdana !important;
    font-size: 13px;
    color: #5f5f5f !important;
    text-decoration: none solid rgb(95, 95, 95);
    line-height: 0;
} 

.ectheme .dgs__page--description.ql-editor p {
    font-family: Verdana !important;
    font-size: 14px;
    color: #343a40 !important;
    text-decoration: none solid rgb(52, 58, 64);
}

.ectheme .custom_dgs_zip h2 {
    font-family: Verdana !important;
    font-size: 19px !important;
    color: #343a40 !important;
    text-decoration: none solid rgb(52, 58, 64);
}

.ectheme .custom_dgs_zip p {
    font-family: Verdana !important;
    font-size: 13px;
    text-decoration: none solid rgb(52, 58, 64);
    line-height: 20px;
}

.ectheme .custom_dgs_zip .form-group {
    display: flex;
    flex-direction: column;
}

.ectheme .custom_dgs_zip .form-group label {
    font-family: Verdana !important;
    font-size: 13px;
    color: #5f5f5f !important;
    text-decoration: none solid rgb(95, 95, 95);
    line-height: 20px;
    <!--position: absolute;-->
    <!--top: 90px;-->
}

.ectheme .custom_dgs_zip .form-group input{
    height: 34px;
    padding: 0px 10px;
    border: 1px solid #dbdbdb !important;
    background-color: #ffffff;
    font-family: Roboto;
    font-size: 13px;
    color: #5f5f5f !important;
    text-decoration: none solid rgb(95, 95, 95);
}      


.ectheme .custom_dgs_zip .form-group button {
    width: 90px;
    height: 34px;
    padding: 0px 20px;
    border-radius: 3px;
    background-color: #27aaf2;
    font-family: Montserrat;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none solid rgb(255, 255, 255);
    text-align: center;
    <!--margin: 20px auto;-->
}        
     
.ectheme #custom_snippet_dgs_aFvAq000004DNB4KAO #label4:active {
    background: #11acee !important;
}        
.ectheme #custom_snippet_dgs_aFvAq000004DNB4KAO #label5:active {
    background: #11acee !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;
    width: -webkit-fill-available;
    <!--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 div[page-block-id="aFSAq000000GOZROA4"] .custom-form_block {
    border: none; 
    padding: 0 34%;
}

.ectheme .summary p.ecb-text-regular:nth-child(1) {
    font-family: 'Roboto';
    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: 'Roboto';
    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: 'Roboto';
    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 .custom-form_block-header h3 {
    font-family: 'Roboto';
    font-size: 22px;
    color: #343a40;
    text-decoration: none solid rgb(52, 58, 64);
}
        
.ectheme .item-image {
    height: auto !important;
}


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

.ectheme .paymentbuttons #paymentnext {
    margin: auto !important;
}

.ectheme .custom_appointment_1 .text-center {
    text-align: center;
}

.ectheme .btnActive {
    background-color: #11acee !important;
    color: white !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 .po {
    border-top: none !important;
}

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

.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 #techInstall {-->
<!--    color: lightgreen !important;-->
<!--}-->

<!--.ectheme #selfInstall {-->
<!--    color: red !important;-->
<!--}-->

<!--.ectheme #partialInstall {-->
<!--    color: yellow !important;-->
<!--}-->
.ui-datepicker {
    display:none;
}
 
        
      
        
      
        
      
        
      
        
      
        
      
        
      
        
      
        
      
        
      
        /*endcustom*/