/** Navbar *******************************************************************/
.navbar {
  background-color: #af1a2e;
}
.navbar .navbar-brand {
  color: #ecf0f1;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #ffbbbc;
}
.navbar .navbar-text {
  color: #ecf0f1;
}
.navbar .navbar-text a {
  color: #ffbbbc;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #ffbbbc; 
}
.navbar .navbar-nav .nav-link {
  color: #ecf0f1;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #ffbbbc;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #af1a2e;
  background-color: #ffffff;
}
.navbar .navbar-toggle {
  border-color: #ffffff;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #ffffff;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #ecf0f1;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ecf0f1;
}
.navbar .navbar-link {
  color: #ecf0f1;
}
.navbar .navbar-link:hover {
  color: #000000;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ecf0f1;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #af1a2e;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #af1a2e;
    background-color: #ffffff;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ecf0f1;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #af1a2e;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #af1a2e;
    background-color: #ffffff;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ecf0f1;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #af1a2e;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #af1a2e;
    background-color: #ffffff;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ecf0f1;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #af1a2e;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #af1a2e;
    background-color: #ffffff;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ecf0f1;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #af1a2e;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #af1a2e;
  background-color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu {
    background-color: #af1a2e;
    border-color: #851423;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
    color: #ecf0f1;
}
.navbar .navbar-nav .dropdown-menu .dropdown-header {
  color: #ee909d;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
    color: #af1a2e;
    background-color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
    border-top-color: #851423;
}
/** Footer ********************************************************************/

/** Colores um *****************************************************************/
.bg-um {
  color: #ffffff;
  background-color: #af1a2e;
}
.thead-um th {
  color: #ffffff;
  background-color: #af1a2e;
  border-color: #af1a2e;
}
.btn-toolbox {
  color: #ffbbbc;
  padding:0;
}
.btn-toolbox:hover,
.btn-toolbox:focus {
  color: #ecf0f1;
}
/** Abrir ventanas modal anidadas sin perder scroll **/
.modal { 
  overflow: auto !important; 
}
.modal .modal-header {
  color: #ffffff;
  background-color: #af1a2e;
  border-color: #af1a2e;
}
.modal .close {
  color: #ffffff;
}
/** Autocompletar input *******************************************************/
/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
  width: 100%;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  box-shadow: 10px 10px 10px grey;
  max-height: 440px;
  overflow-y: auto;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  /*border-bottom: 1px solid #d4d4d4; */
}
/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: #af1a2e !important; 
  color: #ffffff; 
}


/*body {
  padding-top: 64px;
}*/

/*.sidebar {
  background-color: #af1a2e;
  border-color: #e74c3c;

}

.sidebar .sidebar-text {
  color: #ecf0f1;
}

.sidebar .sidebar-text a {
  color: #ffbbbc;
}

.sidebar .sidebar-text a:hover,
.sidebar .navbar-text a:focus {
  color: #ffbbbc;
}

.sidebar .sidebar-nav .nav-link {
  color: #dac0c0;
  border-radius: .25rem;
  margin: 0 0.25em;
}

.sidebar .sidebar-nav .nav-link:not(.disabled):hover,
.sidebar .sidebar-nav .nav-link:not(.disabled):focus {
  color: #ffbbbc;
}*/

/* Cambiar puntero de una fila clickable */
tr.table-clickable, table.table-clickable>tbody>tr, tbody.table-clickable>tr  {
  cursor: pointer;
}

/* Scroll en cuerpo de tarjeta */
.card-body-scrollable {
  overflow-y: scroll;
  height: 140px;
  padding: 1rem
}

#accordionAdminPane > .card > .card-header{cursor:pointer;}

/** Pimptable *****************************************************************/
.pimptable .pimptable-head {
  /*padding:0px !important;*/
  color: white !important;
  /*background-color:#9b1729 !important;*/
  background-color:#af1a2e !important;
  border-bottom:0px !important;
}
.pimptable .pimptable-foot {
  background-color: #f8f9fa !important;
}
.pimptable .pimptable-body table thead tr th {
border-top:0px !important;
}

/** TODO: Tabla-molona refactorizar *****************************************/
.tabla-molona thead th {
  border:0px;
}
.tablamolona-columns th {
  padding:0px;
}
.tablamolona-toolbox {
  background:#9b1729;
}
.btn-tablamolona-toolbox {
  color:#f5bcc4;
}
.btn-tablamolona-toolbox:hover {
  color:#ffffff;
}
.tablamolona-fa-class {
  color:#f5bcc4;
}
.tablamolona-sort {
  color:#ee909d;
}

/** Cuerpo del documento ************************************************************/
html, body {
  height: 100%;
}
.main-container {
  padding-top: 64px;
  background-color: #f5f5f5;
}
footer a img {
  height: 27.6px;
}

/** Color listado categorías ************************************************************/
#listaCategorias.nav-pills .nav-link {
  color: #af1a2e !important;
}
#listaCategorias.nav-pills .nav-link.active {
  background-color: #af1a2e !important;
  color: #f5f5f5 !important;
}

/** Boton ocultar pimptree ************************************************************/
.hide-show-pimptree-btn {
  background-color: #ff0015;
  border: 0;
  width: 2rem;
  height: 2rem;
  /* display: block; */
  display: inline;
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  font-weight: bold;
  font-size: 2em;
  color: white;
  left: 50%;
  border-radius: 50%;
  filter: drop-shadow(16px 16px 20px blue);
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.5));
  cursor: pointer;
  transition: background-color 0.1s ease-out;
  vertical-align: middle;
  font-family:none;
  line-height:none;
  font-size: 12px;
}
.hide-show-pimptree-btn:hover {
  background-color: #bd0b0b;
}