.bolded {
    font-weight: bold;
}

/* Colors
    morado =  #8e24aa
    azul = #00bcd4
    verde = #4caf50
    orange = #ff9800
    rojo = #f44336
    rosado = #e91e63
  */
.pagination>.page-item.active>a,
.pagination>.page-item.active>a:focus,
.pagination>.page-item.active>a:hover,
.pagination>.page-item.active>span,
.pagination>.page-item.active>span:focus,
.pagination>.page-item.active>span:hover {
    background-color: #00bcd4;
    border-color: #00bcd4;
    color: #ffffff;
    box-shadow: none !important;
}

  
  .red {
    background-color: red !important;
  }
  
.form-control,
.is-focused .form-control {
    background-image: linear-gradient(to top, #00bcd4 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

.form-check .form-check-label .circle .check {
    background-color: #00bcd4 !important;
}

.form-check .form-check-input:checked~.circle {
    border-color: #00bcd4 !important;
    ;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu a:hover,
.dropdown-menu a:focus,
.dropdown-menu a:active {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
    background-color: #00bcd4;
    color: #FFFFFF;
}

.bootstrap-select .dropdown-item.active {
    background: #00bcd4;
    color: #ffffff;
}

.content {
    padding-top: 0px !important;
}

.btn.btn-fab,
.btn.btn-just-icon {
    margin: 0px !important;
}

.card .table tr td {
    padding: 0px !important;
}

.custom-select:focus {
    border-color: #00bcd4 !important;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(128,189,255,.5);
}