/* --------------------------------------------------------------------------------------------- */
/* ######################################### BUTTON ROL ######################################## */
/* --------------------------------------------------------------------------------------------- */
.btn-rol {
  color: #fff;
  background-color: var(--theme);
  border-color: var(--theme);
}
.btn-rol:hover {
  color: #fff;
  background-color: var(--hovertheme);
  border-color: var(--bordertheme);
}
.btn-check:focus + .btn-rol, .btn-rol:focus {
  color: #fff;
  background-color: var(--hovertheme);
  border-color: var(--bordertheme);
  box-shadow: 0 0 0 0.25rem var(--rgbatheme);
}
.btn-check:checked + .btn-rol, .btn-check:active + .btn-rol, .btn-rol:active, .btn-rol.active, .show > .btn-rol.dropdown-toggle {
  color: #fff;
  background-color: var(--bordertheme);
  border-color: var(--bordertheme);
}
.btn-check:checked + .btn-rol:focus, .btn-check:active + .btn-rol:focus, .btn-rol:active:focus, .btn-rol.active:focus, .show > .btn-rol.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem var(--rgbatheme);
}
.btn-rol:disabled, .btn-rol.disabled {
  color: #fff;
  background-color: var(--theme);
  border-color: var(--theme);
}

.btn-outline-rol {
  color: var(--theme);
  border-color: var(--theme);
}
.btn-outline-rol:hover {
  color: #fff;
  background-color: var(--theme);
  border-color: var(--theme);
}
.btn-check:focus + .btn-outline-rol, .btn-outline-rol:focus {
  box-shadow: 0 0 0 0.25rem var(--rgbatheme);
}
.btn-check:checked + .btn-outline-rol, .btn-check:active + .btn-outline-rol, .btn-outline-rol:active, .btn-outline-rol.active, .btn-outline-rol.dropdown-toggle.show {
  color: #fff;
  background-color: var(--theme);
  border-color: var(--theme);
}
.btn-check:checked + .btn-outline-rol:focus, .btn-check:active + .btn-outline-rol:focus, .btn-outline-rol:active:focus, .btn-outline-rol.active:focus, .btn-outline-rol.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem var(--rgbatheme);
}
.btn-outline-rol:disabled, .btn-outline-rol.disabled {
  color: var(--theme);
  background-color: transparent;
}