@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/*= BOTONES =*/
.lista-botones {
  margin-top: 20px;
  margin-left: -8px;
  margin-bottom: -12px;
}
.lista-botones .btn{
  margin-bottom: 12px;
  margin-left: 8px;
}
.d-grid{
  margin-top: 20px;
}
.d-grid .btn {
  display: block;
  margin-bottom: 12px;
}
.d-grid .btn:last-child{
  margin-bottom: 0;
}
.btn,
.btn-defecto{
  cursor: pointer;
  display: inline-block;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border: 1px solid transparent;
  color: rgb(var(--secundario_color));
  background-color: rgb(var(--blanco_color));
  border-color: rgb(var(--secundario_color));
}
.btn i{
  font-size: 18px;
  vertical-align: middle;
}
.btn span{
  vertical-align: middle;
}
.btn:hover,
.btn-defecto:hover{
  color: rgb(var(--blanco_color));
  background-color: rgba(var(--secundario_color),0.5);
  border-color: rgba(var(--secundario_color),0.2);
}
.btn-redondeado{
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}
.btn-lg{
  padding: 8px 20px;
  font-size: 16px;
}
.btn-sm{
  padding: 6px 12px;
  font-size: 12px;
}
.btn.disabled,
.btn[disabled],
fieldset:disabled .btn{
  pointer-events:none;
  opacity:.65;
}
.btn-primario{
  color: rgb(var(--blanco_color)) !important;
  background-color: rgb(var(--primario_color)) !important;
  border-color: rgb(var(--primario_color)) !important;
}
.btn-primario:hover{
  background-color: rgba(var(--primario_color),0.9) !important;
}
.btn-contorno-primario{
  color: rgb(var(--primario_color)) !important;
  border-color: rgb(var(--primario_color)) !important;
}
.btn-contorno-primario:hover{
  color: rgb(var(--blanco_color)) !important;
  background-color: rgb(var(--primario_color)) !important;
}
.btn-secundario{
  color: rgb(var(--blanco_color)) !important;
  background-color: rgba(var(--secundario_color),0.9) !important;
  border-color: rgba(var(--secundario_color),0.9) !important;
}
.btn-secundario:hover{
  background-color: rgba(var(--secundario_color),0.8) !important;
}
.btn-contorno-secundario{
  color: rgba(var(--secundario_color),0.9) !important;
  border-color: rgba(var(--secundario_color),0.9) !important;
}
.btn-contorno-secundario:hover{
  color: rgb(var(--blanco_color)) !important;
  background-color: rgba(var(--secundario_color),0.9) !important;
}
.btn-success {
  color: rgb(var(--blanco_color)) !important;
  background-color: rgb(var(--success_color)) !important;
  border-color: rgb(var(--success_color)) !important;
}
.btn-success:hover{
  background-color: rgba(var(--success_color),0.9) !important;
}
.btn-contorno-success{
  color: rgb(var(--success_color)) !important;
  border-color: rgb(var(--success_color)) !important;
}
.btn-contorno-success:hover{
  color: rgb(var(--blanco_color)) !important;
  background-color: rgb(var(--success_color)) !important;
}
.btn-danger{
  color: rgb(var(--blanco_color)) !important;
  background-color: rgb(var(--danger_color)) !important;
  border-color: rgb(var(--danger_color)) !important;
}
.btn-danger:hover{
  background-color: rgba(var(--danger_color),0.9) !important;
}
.btn-contorno-danger{
  color: rgb(var(--danger_color)) !important;
  border-color: rgb(var(--danger_color)) !important;
}
.btn-contorno-danger:hover{
  color: rgb(var(--blanco_color)) !important;
  background-color: rgb(var(--danger_color)) !important;
}
.btn-warning{
  color: rgb(var(--blanco_color)) !important;
  background-color: rgb(var(--warning_color)) !important;
  border-color: rgb(var(--warning_color)) !important;
}
.btn-warning:hover{
  background-color: rgba(var(--warning_color),0.9) !important;
}
.btn-contorno-warning{
  color: rgb(var(--warning_color)) !important;
  border-color: rgb(var(--warning_color)) !important;
}
.btn-contorno-warning:hover{
  color: rgb(var(--blanco_color)) !important;
  background-color: rgb(var(--warning_color)) !important;
}
.btn-info{
  color: rgb(var(--blanco_color)) !important;
  background-color: rgb(var(--info_color)) !important;
  border-color: rgb(var(--info_color)) !important;
}
.btn-info:hover{
  background-color: rgba(var(--info_color),0.9) !important;
}
.btn-contorno-info{
  color: rgb(var(--info_color)) !important;
  border-color: rgb(var(--info_color)) !important;
}
.btn-contorno-info:hover{
  color: rgb(var(--blanco_color)) !important;
  background-color: rgb(var(--info_color)) !important;
}
.btn-light{
  color: rgba(var(--negro_color),0.8) !important;
  background-color: rgb(var(--blanco_color)) !important;
  border-color: rgba(var(--negro_color),0.1) !important;
}
.btn-light:hover{
  background-color: rgba(var(--negro_color),0.1) !important;
}
.btn-contorno-light{
  color: rgb(var(--blanco_color)) !important;
  border-color: rgb(var(--blanco_color)) !important;
}
.btn-contorno-light:hover{
  color: rgba(var(--negro_color),0.8) !important;
  background-color: rgb(var(--blanco_color)) !important;
}
.btn-dark{
  color: rgba(var(--blanco_color),0.8) !important;
  background-color: rgb(var(--negro_color)) !important;
  border-color: rgba(var(--negro_color),0.1) !important;
}
.btn-dark:hover{
  color: rgb(var(--blanco_color)) !important;
  background-color: rgba(var(--negro_color),0.9) !important;
}
.btn-contorno-dark{
  color: rgb(var(--negro_color)) !important;
  border-color: rgb(var(--negro_color)) !important;
}
.btn-contorno-dark:hover{
  color: rgb(var(--blanco_color)) !important;
  background-color: rgb(var(--negro_color)) !important;
}
.btn-link{
  font-weight: 400;
  text-decoration: none;
  color: rgb(var(--primario_color)) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn-link:hover{
  color: rgba(var(--primario_color),0.9) !important;
}
/*= BOTONES =*/