/* LOGIN */
.sec_login{
  display: flex;
  justify-content: center;
  align-items: center;
}
.content_sec_login{
  background: linear-gradient(220.55deg, #565656 0%, #181818 100%);
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.logo_login{
  width: 350px;
}
.form_login{
   width: 100% !important;
}
.form_login input{
  background: #e2e0e0 !important;
  border: 1px solid #e2e0e0 !important;
  color: #111 !important;
  border-radius: 5px !important;
  margin-bottom: 20px;
  padding: 1.5rem 1rem !important;
}
.btn_acc{
  background: rgb(0, 0, 0) !important;
  border-color: rgb(0, 0, 0) !important;
  color: #ededed !important;
  padding: 0.7rem 0.75rem !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  width: 100%;
  transition: all 0.5s ease-in-out !important;
}
.btn_acc:hover{
  color: #000 !important;
  background: #a5a5a5 !important;
  border-color: #000 !important;
  transform: scale(1.01) !important;
}
.cont_log{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  padding: 60px;
  width: 450px;
}
.title_login{
  font-size: 30px;
  font-weight: bold;
  color: #eeeeee !important;
  margin-bottom: -80px !important;
  margin-top: 30px !important;
}

/* MENU INICIO */
.menu_inferior{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%
}   
.menu_inferior ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  margin: 0 auto;
  overflow: hidden;
  background-color: #373736;
  position: fixed;
  bottom: 0;
  padding-left: 0rem !important;  
  width: 450px !important;     
} 
@media (max-width: 450px) {
  .menu_inferior ul{
   width: 100% !important;
  }
}  
.menu_inferior li {
  float: left;  
  width: 25% !important;    
}  
.menu_inferior li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}  
.menu_inferior li a:hover{
  background-color: #111;
}
.menu_inferior li a:active{
  background-color:#4CAF50;
}
.m_inicio img{
  height: 38px;
}
.m_vouchers img{
  height: 41px;
}
.m_scan img{
  height: 36px;
}
.m_perfil img{
  height: 40px;
}

/* HOME */
.logo_home{
  width: 280px;
  margin-bottom: 30px;
}
.sec_home{
  display: flex;
  justify-content: center;
  align-items: center;
}
.content_home{
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(180deg, rgba(85,69,60,1) 40%, rgba(202,186,160,1) 100%) !important;
  width: 450px !important;
  height: 100vh;
  margin-bottom: 80px;
}
.cont_inicio{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  padding: 20px;
}
.sec_progressbar{
  width: 100% !important;
  color: #fff;
}
.sec_progressbar p{
  font-weight: 700;
  color: #fff !important;
  font-size: 18px;
  margin-bottom: 10px !important;
}
.sec_progressbar .d-flex span{
  color: #fff !important;
  font-weight: bold;
  font-size: 18px;
  margin-top: 10px;
}
.sec_progressbar .d-flex .progress{
  background-color: #C4B299 !important;
}
.sec_progressbar .d-flex .progress .progress-bar{
  background-color: #373736 !important;
}
.sec_sucursales{
  margin-top: 30px;
  width: 100% !important;
  padding-bottom: 40px !important;
}
.cont_suc{
  flex-direction: column;
  display: flex;
  border-radius: 15px;
  border: 0.12em solid #C4B299;
  height: 170px;
  margin: 7px 0px;
}
.info_suc{
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: 30px;
}
.cot_img{
  width: 50% !important;
  float: inline-start !important; 
}
.info_suc img{
  width: 95px !important;
}
.cot_txt{
  text-align: right;
  width: 50% !important;
  float: inline-end !important;
}
.info_suc h4{
  color: #C4B299;
  font-weight: bold;
}
.info_suc{
  height: 70% !important;
  padding: 0px 10px;
}
.info_suc_dos{
  height: 30% !important;
  padding: 0px 10px;
}
.info_suc_dos p{
  margin-top: 10px;
  font-size: 13px !important;
  font-weight: 600;
  color: #fff !important;
  text-align: right;
}









.sidebar .sub-menu {
  background: none !important;
}