.dataTables_filter{
    text-align: end;
  }

  @media (min-width: 768px) {
    .sidebar {
      /* width: 14rem !important; */
      width: 18rem !important;
    }
  }

  .errors{
    color: red;

  }

  .alert {
    position: fixed;
    top: 20px;
    right: 20px;
    min-width: 300px;
    z-index: 1050;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.alert .close {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    opacity: 0.7;
}

.alert-success {
    background-color: #28a745;
    color: #fff;
    border-color: #218838;
}

.alert-danger {
    background-color: #dc3545;
    color: #fff;
    border-color: #c82333;
}

.plus-btn{
  margin-top: 31px;
}

/* login */

.login-logo{
    margin-top: 20px;
   text-align: center;
}

.login-logo img{
    width: 70%;
}

.bg-btn-color{
    background-color: #1a2035 !important;
}

.cards-shadow{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

form.user .btn-user {
    font-size: 1rem !important;
}

.nav-search .input-group
 {
    border: 1px solid #e6e7e9;
    background: #f9f9f9;
    border-radius: 5px;
}

.table{
    color: #2e2e31 !important;
}

.btn-primary i{
    color: #fff !important;
}

.btn-primary {
    background: #1572e8 !important;
    border-color: #1572e8 !important;
}

.btn-primary:hover {
    color: #fff !important;
    background: #1572e8 !important;
    border-color: #1572e8 !important;
}

.card{
    box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1) !important;
}