body{
  font-family: 'DM Sans', sans-serif;
  overflow-x: hidden;
  width: 100vw !important;
}

.navNaranja{
  background-color: #f2f2f2 !important;
  padding: 0px 40px !important;
  z-index: 1000;
  width: 100vw !important;
  overflow-x: hidden !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.navNaranja h6{ 
  color: #000;
  font-size: 13px;
  font-weight: 500;
}

.btn-secondary{
  background-color: #ED323B !important;
  border: none !important;
  border-radius: 0px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.btn-secondary i{
  color: #fff !important;
  font-size: 12px !important;
  padding-right: 5px;
}

.btn-adm{
  background-color: #969696 !important;
  border: none !important;
  border-radius: 0px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.btn-adm i{
  color: #fff !important;
  font-size: 12px !important;
  padding-right: 5px;
}

.navbar{
  background-color: #fff !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  width: 100vw !important;
  /*overflow-x: hidden !important;*/
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.navbar-nav{
  margin-right: 8%;
}

.nav-link{
  color: #000 !important;
  font-size: 14px;
  font-weight: 300 !important;
  text-align: center !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.navbar-tramites{
  background-color: #fff !important;
  width: 100vw !important;
  box-shadow: none !important;
  overflow-x: hidden !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}


.fa-angle-left{
  font-size: 20px;
  font-weight: 400 !important;
  color: #707070;
}

.btn-menu{
  background-color: #fff !important;
  color: #ED323B !important;
  border: 1px solid #ED323B !important;
  border-radius: 20px !important;
  font-size: 0.8em !important; 
  font-weight: 300 !important;
  padding: 10px 20px !important;
}

.btn-menu:hover{
  background-color: #ED323B !important;
  color: #fff !important;
}

.btn-menu:focus{
  background-color: #ED323B !important;
  color: #fff !important;
  border: 1px solid #ED323B !important;
  box-shadow: none !important;
}

.dropdown-menu{
  border-radius: 0px !important;
  margin-top: 1px !important;
  border: none !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-align: center !important;
  width: 250px !important;
}

.dropdown-item:hover{
  background-color: #eee !important;
}

.btn-header{
  background-color: #fff !important;
  color: #ED323B !important;
  border: 1px solid #ED323B !important;
  border-radius: 20px !important;
  font-size: 0.8em !important; 
  font-weight: 300 !important;
  padding: 3px 20px !important;
}

.btn-header i{
  font-weight: 400 !important;
}

.btn-header:hover{
  background-color: #ED323B !important;
  color: #fff !important;
}

.btn-header:focus{
  box-shadow: 0 0 10px #ED323B30 !important;
}

/*----------------TABLET HORIZONTAL (LG 1024px)----------------*/

@media (max-width:1199px) {

  

}

/*----------------TABLET VERTICAL (MD 768px)----------------*/

@media (max-width:991px) {
 
}

/*----------------MOVIL HORIZANTAL (SM 576px)----------------*/

@media (max-width:850px) {
  .navNaranja{
    padding: 0px !important;
  }

}

/*----------------MOVIL VERTICAL (SM 320px)----------------*/

@media (max-width:500px) {

  .nav-link{
    /* width: 50%;
    margin-left: 25%; */
    border-bottom: 1px solid rgb(211, 211, 211);
  }

  .dropdown-menu{
    width: 100% !important;
    background-color: #f2f2f2 !important;
  }

}