.margin-top-10 {margin-top: 10px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-40 {margin-top: 40px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-40 {margin-bottom: 40px;}
/*general styles*/
.margin-top-60{
    margin-top:60px;
}

.margin-bottom-60{
    margin-bottom:60px;
}
    .mcg-no-border-radius{
         border-radius:0px;
    }
    .mcg-border-none{
        border:none;
    }
    
.innovation-box-border {
  border: 6px solid var(--mcg-sky-4);
}
/*general styles*/
.dep-contact-ul {
            margin-left: 1.4em;
        }

        .dep-contact-ul li {
                padding: 5px;
        }
        .dep-mc311{
            width:175px;
            height:auto;
        }
        
        .dep-circle-ul{
             margin-left: 0px;
             display: flex;
            flex-direction: column;
            height: 350px;
            flex-wrap: wrap-reverse;
        }
        
        .dep-circle-ul li{
            padding-bottom:20px;
        }
        .dep-circle-size{
            width: 1.95em;
        }
/*circle style starts*/
.mcg-circle{
    text-align:center;
}
.fa-inverse {
  color: var(--mcg-text-link) !important;
}
.fa-stack-1x, .fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  color: var(--mcg-sky-2);
}
/*circle style ends*/

.dep-accordion h3{
        font-size: 1.1em;
    }
    
/*Quick Link styles*/
.mcg-quicklink-strip {
  text-align: center;
  padding-top: 35px;
  margin: 0;
  color:#444;
  height: 100px;
 }
.mcg-quicklink-strip ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mcg-quicklink-strip ul > li {
  display: inline-block;
  padding-left: 0;
  margin: 0 7px 5px 0;
}

.mcg-quicklink-strip ul > li:after {
  content: "|";
  margin-left: 10px;
  color: #cccccc;
}
.mcg-quicklink-strip ul > li:last-child {
  margin-right: 0;
}
.mcg-quicklink-strip ul > li:last-child:after {
  content: "";
  margin: 0;
  color: #cccccc;
}
/* End quick link Style */


/*mcg stat box styles*/
.mcg-stat-container h2{
   font-family: Lato;
   letter-spacing: -0.3px;
   text-align: center;
   padding-bottom: 10px;
}
 
 .mcg-stat-box {
     border-right: 1px solid #cccccc;
}

.mcg-stat-box h3{
    font-family: Lato;
    font-size: 56px;
    letter-spacing: -2px;
    text-align: center;
    font-weight: 300;
    margin-top: 0px;
}
.mcg-stat-box p{
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: -0.2px;
  text-align: center;
  color: #515151;
}
/*end of mcg stat box styles*/
.about-ul {
    margin-left: -25px;
}

.dep-ul{
    margin-left:-15px;
}

.dep-secondary-nav {
    border:none;
    border-bottom: 2px solid rgba(0,0,0,.125);
}
.indent-sublist{
    text-indent: 25px;
 }
 
/* trash home page styles--*/
.trash-search #btnSearchBox {
    width: 45px !important;
    height: 45px !important;
    border-color: #D3D3D3;
    color: transparent;
    font-weight: 100;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 10px;
    border-radius: 0 !important;
    background-image: url(//www.montgomerycountymd.gov/DPS/Resources/Images/header/search-iconWhiteTransparent_fw.png)!important;
    background-color: #355997;

}
.trash-search #txtSearchbox{
   height: 45px;
}

#deptrash-main-box{
  background-color: #636363;  
  height:120px;
  padding-left: 15px;
}

#deptrash-main-box h3{
    color:white;
    margin-top: 20px;
    margin-left: 15px;
    padding-top: 5px;
}
#deptrash-main-box #search2{
     margin-left: 15px;
     margin-bottom:20px;
     margin-right:15px;
}
.margin-top-60{
    margin-top:60px;
}

.mcg-small-section-heading {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -0.1px;
}

/*=== Featured Questions ===*/
.trash-featured-qns{
    background-color: none;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    margin-bottom: 10px;
    background-position: center top;
    min-height: 200px;
   /* padding:10px;*/
   }

.trash-featured-qns p{
 font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.65;
  letter-spacing: -0.2px;
  color: #ffffff;  
 }
 .trash-featured-qns h2{
     color: #ffffff;  
     text-transform:uppercase;
 }
 .darkblue{
    background-color:#355997;
}

/*=== Featured Questions ===*/

/* contact page styles--*/
.dep-contact-ul {
            margin-left: 1.4em;
        }

        .dep-contact-ul li {
                padding: 5px;
        }
        .dep-mc311{
            width:175px;
            height:auto;
        }
        
        .dep-circle-ul{
             margin-left: 0px;
             display: flex;
            flex-direction: column;
            height: 300px;
            flex-wrap: wrap-reverse;
        }
        
        .dep-circle-ul li{
            padding-bottom:10px;
        }
        .dep-circle-size{
            width: 1.95em;
        }
        
/*=== DEP Water Page styles ===*/
        
.dep-waterflex-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.dep-waterflex-box h2 {
  /*padding-top: 10px;*/
  padding-left: 5px;
  font-weight:700;
  margin-top: 5px;
}

.dep-waterflex-box img{
   margin-top:40px;
}
/*=== DEP Water Page styles ===*/

.dep-promo-box{
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 20px;
}

.dep-promo-box p{
        padding-left:25px;
        padding-right:25px;
  }

.dep-promo-box h2{
   /* padding-top:50px;*/
    padding-left:25px;
    padding-right:25px;
  
}

 /*------------no more table--------------------*/

@media only screen and (max-width: 800px) {
        /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 1px solid #ccc; }

    #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
    }
    
    #no-more-tables th{border: 2px solid black;}
    
   
    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
}


/*------------no more table--------------------*/

/*===DEP Service listing===*/
.dep-service-listing .col-xs-6 {padding-right: 0;}
.dep-service-listing ul {
    list-style-type:none;
    padding-left: 0;
}
.dep-service-listing li {margin-bottom: 10px;}
.dep-service-listing li ul {margin: 0 0 10px 66px;}
.dep-service-listing img {width: 50px; margin-right: 10px;}
.dep-service-listing__more {
    font-weight: bold;
    margin:10px 0 20px 0;
}

.dep-service-list-text {
 margin-left: 70px;
margin-top: -47px;
}
.dep-service-list-heading{
    font-size: 1.1em;
   font-weight:600;
   display:block;
}

/*===Service listing===*/
/*On this page Link styles*/
.mcg-onthis-page-strip {
  /*background-color:blue;*/
  padding-top: 15px;
  margin: 0;
  color:#444;
  height: 70px;
 }
.mcg-onthis-page-strip ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mcg-onthis-page-strip ul > li {
  display: inline-block;
  padding-left: 0;
  margin: 0 7px 5px 0;
}

.mcg-onthis-page-strip ul > li:after {
  content: "|";
  margin-left: 10px;
  color: #cccccc;
}
.mcg-onthis-page-strip ul > li:last-child {
  margin-right: 0;
}
.mcg-onthis-page-strip ul > li:last-child:after {
  content: "";
  margin: 0;
  color: #cccccc;
}
/* End On this page link Style */
/*=== Featured Questions ===*/
.energy-featured-qns{
    background-color: none;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    margin-bottom: 10px;
    background-position: center top;
    min-height: 200px;
    margin-right: 15px;
    padding:10px;
}

.energy-featured-qns p{
 font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.65;
  letter-spacing: -0.2px;
  color: #ffffff;  
 }
 .energy-featured-qns h2{
     color: #ffffff;  
 }
 .left-padding{
     padding-left:25px;
 }
 
 .energy-hero-button {
    border: 2px solid white;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: "Lato";
    font-size: 18px;
    text-decoration: none;
    font-weight: 700;
    height: 45px;
    width: 194px;
    padding-left: 12px;
    padding-top: 8px;
    border-radius: 10px;
   margin-bottom: 10px;
}

.energy-hero-button:focus, .energy-hero-button:hover{
    color: #355997;
    text-decoration: none;
    background-color: white;
}

.energy-featured-qns a:not(.mcg-nav-link):not(.btn) {
  color: white;
  text-decoration: underline;
}

/*=== Featured Questions ===*/