/*Write your custom css in this file.*/

.btn-primary {
  border-color: #26267D;
  background-color: #26267D;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #ff7d26;
  border-color: #ff7d26;
  color: #fff;
}

.sidebar-menu li.active > a {
  color: #fff !important;
  background-color: #FF7C27;
}

.sidebar-menu li a:active, .sidebar-menu li a:hover, .sidebar-menu li a:focus {
  color: #383c40;
  background-color: #d6d6d8;
}


.bg-primary {
  background-color: #2A2A7F !important;
  color: #fff;
}

.app-alert.alert-success {
  background-color: #2A2A7F !important;
  color: #fff;
}

.bg-info {
  background-color: #ff7c27 !important;
}

.navbar-nav .nav-link {
  padding: 21px 15px !important;
  color: #fff;
}

.navbar-custom {
  background: #22227a;
  top: 0;
  right: 0;
  border-bottom: 7px solid #ff7c27;
  padding: 0;
}


elemento {
}
.ml10 {
  margin-left: 10px !important;
}
*, ::after, ::before {
  box-sizing: border-box;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: rgb(192, 192, 192);
}

@media only screen and (max-width: 600px) {
  .navbar-custom {
  background: #fff;
  top: 0;
  right: 0;
  border-bottom: 7px solid #ff7c27;
  padding: 0;
}

}

.btn-info
 {
    background: #FF7C27;
    border: 1px solid #FF7C27;
}


.btn-info:hover, .btn-info:active, .btn-info:focus {
    background: #26267d !important;
    border-color: #26267d !important;
    color: #fff;
}