/* Section Main */
#main_consumer{
    height: 20rem;
    background: url(https://photo.eclubusiness.com/aqniet-corp/img/customerD-bg.png) no-repeat center top;
    position: relative;
    background-size: cover;
    width:100%;
    /* top: 6rem; */
    padding-left: 2rem;
 }
 #main_consumer .link-back .background-left{
   padding-top: 10px;
   display: flex;
   flex-direction: row;
 }
 #main_consumer .link-back .background-left a {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: #fff;
     padding: 1rem 2rem;
 }
 #main_consumer .link-back .background-left p{
     background: #37424D;
     color:#fff;
     margin-bottom: 0;
     padding: 1rem 4rem 1rem .5rem;
 }
 #main_consumer  .link-back{
     position: absolute;
     bottom: 0;
 }
/* End Section Main */
/* Top logo */
#sectiontoplogo {
    padding-left: 2rem;
}
#sectiontoplogo .top-logo{
    background: #F5F5F5;
    padding: 1.5rem 0 1rem 2rem;
    width: 17.6rem;
}
#sectiontoplogo .top-logo p{
    font-family: 'Styrene A Web', sans-serif;
    font-style: normal;
    color: #111111;
    font-weight: 700;
    font-size: 1.3rem;
    letter-spacing: 1px;
}
/* End Top logo */
/* Title Dev */
#title_dev{
    padding: 60px 0 30px 0;
}
#title_dev h2 {
    text-align: center;
    color: #111111;
    font-weight: bold;
    font-style: normal;
    font-family: 'Styrene A Web', sans-serif;
}
/* End TItle Dev */

/* Delivery State */
#deliveyState {
    padding: 40px 0;
    background: #F5F5F5;
}
#deliveyState p {
    max-width: 500px;
    color: #565656;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
}
#deliveyState h3{
    padding-bottom: .7rem;
    letter-spacing: 0.03em;
    color: #111111;
    font-style: normal;
    font-weight: 500;
}
#deliveyState .warning {
    border: 2px solid #FFBABA;
    max-width: 500px;
    display: flex;
    padding: 1rem 2rem .5rem 1rem;
}
/* End Delivery State */
/* Map */
#statement-map {
    background: #F5F5F5;
    position: relative;
}
#statement-map h1 {
    text-align: center;
    color: #111111;
    font-weight: bold;
    font-style: normal;
    font-family: 'Styrene A Web', sans-serif;
}
#statement-map .map__statement {
    width: 100%;
}
#statement-map #arzan-farm-map {
    display: none;
}
#statement-map #arzan-market-map {
    display: none;
}
#statement-map #emart-map{
    display: none;
}
#statement-map #visible {
    display: inline-block;
    width: 150px;
    height: 300px;
    overflow-y: scroll;
    color: black;
}
#statement-map .statement-map__item {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F5F5F5;
    border-right: 0.1px solid #7E7E7E;
    border-top: 0.1px solid #7E7E7E;
    border-bottom: 0.1px solid #7E7E7E;
    padding: 2rem 0 2rem 0;
    color: #818181!important;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
}
#statement-map #euro_pharm{
    background: #B8CB34;
    color: #3C3C3C;
    border-left: 0.1px solid #7E7E7E;
}
#statement-map .adresses {
    overflow-y: scroll;
    height: 600px;
}
#statement-map .adresses .adresses__cities {
    background: #37424D;
    color: #ECECEC;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.03em;
    font-size: 20px;
    margin-right: .3rem;
    padding: 7px 0 7px 13px;
    cursor: pointer;
}
#statement-map .sub-title {
    color: #3C3C3C;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
}
#statement-map .title {
    color: #848484;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
}
.activated {
    background: #B8CB34 !important;
    color: #3C3C3C !important;
}
.adresses .collapse__warning{
    border: 1px solid #B8CB34;
    border-radius: 4px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #424242;
    letter-spacing: 0.03em;
    padding: .5rem;
    margin-top: .5rem;
    margin-right: .3rem;
}
.adresses .collapse__warning img {
    max-width: 10%;
    float: right;
}
.adresses .active_zone {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.03em;
    color: #242424;
    padding-top: 1rem;
}
.adresses .passive_zone {
    color: #9E9E9E;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.03em;
}
.adresses .active_zone span {
    color: #B8CB34;
}
.adresses::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  .adresses::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  /* Handle */
  .adresses::-webkit-scrollbar-thumb {
    background: #37424D;
    border-right: none;
    border-left: none;
  }
  .adresses::-webkit-scrollbar-handle {
    min-height: 30px;
    max-height: 30px;
}
.map__statement-main {
    display: flex;
}
/* End Map */
@media (max-width: 576px) {
    #statement-map .map__statement-main {
        display: block !important;
    }
    #statement-map .clickers {
        margin-left: 0 !important;
    }
    #main_consumer, #sectiontoplogo {
        padding-left: 1rem;
    }
}