/* General */



.login-header .brand {
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-header .brand img {
    max-width: 100%;
    height: auto; /* Ajusta el tamaņo del logotipo manteniendo sus proporciones */
}


.coming-soon .brand .logo, .header .navbar-brand .navbar-logo, .header .navbar-nav > li > a .label, .pace .pace-progress {
  background: #393185;
}
.pace .pace-activity {
  border-top-color: #393185;
  border-left-color: #393185;
}
/* End General */
::selection {
  color: #ffffff;
  background-color: #393185;
}
/* Background */
.login-cover .login-cover-image {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-origin: content-box;
}
/* Jconfirm */
.jconfirm .jconfirm-box.jconfirm-type-success{
  border-top: solid 7px #00acac !important;
  -webkit-animation-name: type-green;
  animation-name: type-green;
}
.jconfirm .jconfirm-box.jconfirm-type-success .jconfirm-title-c .jconfirm-icon-c{
  color: #00acac !important;
}
.jconfirm .jconfirm-box.jconfirm-type-info{
  border-top: solid 7px #49b6d6 !important;
  -webkit-animation-name: type-blue;
  animation-name: type-blue;
}
.jconfirm .jconfirm-box.jconfirm-type-info .jconfirm-title-c .jconfirm-icon-c{
  color: #49b6d6 !important;
}
/* End Jconfirm */
/* Alertas */
.alert-warning .gritter-item p,.alert-success .gritter-item p,.alert-error .gritter-item p,.alert-info .gritter-item p {
    color: #FFF !important;
    font-size: 12px !important;
}
.gritter-close:before, .gritter-light .gritter-close:before {
    font-family:Font Awesome\ 5 Free !important;
    content: "\f00d" !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}
.alert-success .gritter-bottom,.alert-success .gritter-item,.alert-success .gritter-top {
    background: #00acac !important;
}
.alert-warning .gritter-bottom,.alert-warning .gritter-item,.alert-warning .gritter-top {
    background: #F8AC59 !important;
}
.alert-info .gritter-bottom,.alert-info .gritter-item,.alert-info .gritter-top {
    background: #1C84C6 !important;
}
.alert-error .gritter-bottom,.alert-error .gritter-item,.alert-error .gritter-top {
    background: #F66C5E !important;
}
.alert-success .gritter-close,.alert-success .gritter-light .gritter-close {
    border-left: 1px solid #227975;
}
.alert-error .gritter-close,.alert-error .gritter-light .gritter-close {
    border-left: 1px solid #943f3f;
}
.gritter-image i{
    font-size: 45px;
    color: #fff;
}
.alert-loader .gritter-image i{
    font-size: 30px;
    color: #fff;
}
.alert-loader .gritter-image {
    width: 35px;
    height: 35px;
    float: left;
}
.alert-success .gritter-close{
    color: #FFFFFF !important
}
.alert-warning .gritter-close{
    color: #FFFFFF !important;
}
.alert-info .gritter-close{
    color: #FFFFFF !important
}
.alert-error .gritter-close{
    color: #FFFFFF !important;
}
.alert-success .gritter-title {
    font-size: 13px !important;
	  font-weight: bold !important;
}
.alert-warning .gritter-title {
    font-size: 13px !important;
	  font-weight: bold !important;
}
.alert-info .gritter-title {
    font-size: 13px !important;
	  font-weight: bold !important;
}
.alert-error .gritter-title {
    font-size: 13px!important;
	  font-weight:bold !important;
}
/* End Alertas */
.btn-orange {
  background-color: #393185;
  border-color: #393185;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  color: #fff;
}
.btn-orange:hover {
  color:#fff;
  background-color:#393185;
  border-color:#393185
}
.btn-orange.focus,
.btn-orange:focus {
  box-shadow:0 0 0 0 rgba(213,138,28,.5)
}
.btn-orange.disabled,
.btn-orange:disabled {
  color:#212529;
  background-color:#f59c1a;
  border-color:#f59c1a
}
.btn-orange:not(:disabled):not(.disabled).active,
.btn-orange:not(:disabled):not(.disabled):active,
.show>.btn-orange.dropdown-toggle {
  color:#fff;
  background-color:#393185;
  border-color:#393185
}
.btn-orange:not(:disabled):not(.disabled).active:focus,
.btn-orange:not(:disabled):not(.disabled):active:focus,
.show>.btn-orange.dropdown-toggle:focus {
  box-shadow:0 0 0 0 rgba(213,138,28,.5)
}
a{
  color: #393185;
}a:hover {
  color:#393185;
}
.form-control:focus {
  color:#2d353c;
  background-color:#fff;
  border-color:#393185;
  outline:0;
  box-shadow:0 0 0 .2rem rgba(230, 122, 26,.25)
}