/* your styles go here */
.centrado{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.login-page .form-holder .info {
    background: rgba(13, 70, 83, 0.78);
    color: #fff;
}

.btn-primary {
    background-color: rgb(13, 70, 83);
    border-color: rgb(13, 70, 83);
}

.btn-primary:hover {
    background-color: rgb(5, 30, 36);
    border-color: rgb(5, 30, 36);
}

.login-page .form-holder .form form {
    width: 100%;
    max-width: 100%;
}

.login-page .form-holder .form a.forgot-pass, .login-page .form-holder .form a.signup {
    font-size: 0.9rem;
    color: rgb(76, 194, 221);
}

input.input-material.is-invalid {
    border-color: #27c0e2 !important;
}

input.input-material:focus {
    border-color: #27c0e2;
}

input.input-material ~ label.active {
    font-size: 0.85rem;
    top: -10px;
    color: rgb(37, 208, 238);
  }
  
  input.input-material ~ label.is-invalid ~ label {
    color: #0d4653;
  }

  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(13, 73, 83, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(13, 73, 83, 0.5);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: #0d4653;
    border-color: #0d4653;
}

a {
    color: rgb(37, 208, 238);
    text-decoration: none;
}

.btn-primary:focus, .btn-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(13, 73, 83, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(13, 73, 83, 0.5);
  }

  .text-primary {
    color: #0CB8B6 !important;
}

nav#sidebar li.active::before {
    background: #0CB8B6;
}

nav#sidebar li a:hover i {
    color: #057472;
}

nav#sidebar li.active i {
    color: #0CB8B6;
}

.width70{
    width: 70px !important;
}

.form-control:focus {
    color: #979a9f;
    background-color: transparent;
    border-color: #0CB8B6;
    outline: none;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(13, 73, 83, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(13, 73, 83, 0.5);
}

.page-item.active .page-link {
    color: #fff;
    background-color: #0CB8B6;
    border-color: #0d4653;
}

p.color{
    color: red;
    font-size: .700rem;
}

input.requerido:after{
    content: " *";
    color: #ad0404;
}