@import url(https://fonts.googleapis.com/css?family=Nunito);@charset "UTF-8";

/**
ESTE ARCHIVO ES COMPILADO, SI QUIERES HACER CAMBIOS TIENES QUE MODIFICAR resources/scss/nuvem.scss
 */

/* Botones Innova */

.save-n {
  background-color: #4A7193 !important;
  border-color: #4A7193 !important;
}

.save-n:hover {
  background-color: #4a7193b0 !important;
  border-color: #4a7193b0 !important;
}

.b-gray {
  background-color: #4A7193 !important;
  border-color: #4A7193 !important;
}

.plus:hover {
  color: #fff;
  background-color: #B09D68 !important;
  border-color: #B09D68 !important;
}

.show-b {
  background-color: #4A7193 !important;
  border-color: #4A7193 !important;
}

.show-b:hover {
  background-color: #3e607d !important;
  border-color: #3e607d !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #4A7193 !important;
  background-color: #4A7193 !important;
}

.page-item.active .page-link {
  background-color: #4A7193 !important;
  border-color: #4A7193 !important;
}

.edit-b {
  background-color: #B09D68 !important;
  border-color: #B09D68 !important;
}

.show-b-2 {
  background-color: #B09D68 !important;
  border-color: #B09D68 !important;
}

.show-b-2:hover {
  background-color: #8e7f56 !important;
  border-color: #8e7f56 !important;
}

.edit-b:hover {
  background-color: #8e7f56 !important;
  border-color: #8e7f56 !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #4A7193 !important;
}

.departaments-content {
  background-color: #FFFFFF;
  margin: 0px 15px;
  padding: 15px;
}

#departaments-list {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.departament-item {
  background-color: #478ecc;
  width: 90%;
  height: 32px;
  padding: 4px;
  text-align: center;
  border-radius: 23px;
  color: white;
  font-weight: 600;
  margin: 4px 0px;
  border: aliceblue;
}

/**
Estilos para paneles de accordion
 */

.card .card-header {
  background-color: #4A7193 !important;
  color: rgba(255, 255, 255, 0.8);
}

.card .card-header:focus {
  color: white;
}

.card .card-header:hover {
  color: white;
}

/**
Estilos para modal
 */

.modal .modal-header {
  background-color: #4A7193;
  color: white;
}

.modal .modal-content {
  border-radius: 5px;
}

.mdl-groups .form-group {
  margin-bottom: 0px;
}

.mdl-groups small {
  position: relative;
  top: 4px;
  left: 5px;
}

.ms-container {
  width: 100% !important;
}

.form-group {
  margin-bottom: 3px !important;
}

label {
  margin-bottom: 0px !important;
  font-weight: lighter !important;
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7";
}