@import url(https://fonts.googleapis.com/css?family=Nunito);.optPract {
  text-align: center;
}

.back-login {
  font-size: 14pt;
}

.header-nav-left {
  float: right;
}

#header-nav-left {
  float: right;
}

.mrg50T {
  margin-top: 50px;
}

#page-content,
#sb-site {
  min-height: 200px !important;
}

#page-sidebar,
.scroll-sidebar {
  height: auto !important;
}

.bg-azul-inca {
  background-color: #5d5f7e;
  color: #fff;
}

.tile-box.bg-azul-inca {
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.tile-box.bg-azul-inca:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(93, 95, 126, 0.3);
  background-color: #6a6c8e; /* un tono ligeramente más claro */
}

.btn-primary {
  background-color: #5d5f7e;
  border-color: #5d5f7e;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #5d5f7e;
  border-color: #5d5f7e;
}

#page-sidebar ul li a .glyph-icon {
  color: #5d5f7e;
}

.fileinput-preview i {
  position: absolute;
  right: 25px;
}

.pagination > .active > a {
  background-color: #5d5f7e;
  border-color: #5d5f7e;
}

.nav > li.active > a,
.nav > li.active > a:hover,
.nav > li.active > a:focus {
  background-color: #5d5f7e;
  border-color: #5d5f7e;
}

#page-header .user-account-btn > a.user-profile span {
  width: auto;
}

div.switch-toggle.switch-on{
  background-color: #5d5f7e;
}

.icon-submenu{
  float: right !important;
}

.btn-gray-dark{
  color: #FFF;
  background: #b7b7b7;
}

.btn-gray-dark:hover{
  color: #FFF;
}

.popover{
  max-width: none !important;
}

.form-wizard > ul > li a .complete{
  background-color: green;
}

.form-wizard > ul > li a .noaplica {
    background-color: #d58512;
}

.btn-primary[disabled] {
  border-color: #5d5f7e;
  background-color: #5d5f7e;
}

.inactivo{
  background-color: #bbb !important;
  color: black !important;
}