main > .container {
    padding: 40px 15px 0 !important;
    max-width: 100% !important;
}

.footer > .container {
    max-width: 100% !important;
}

.select {
  width: 100%;
}
.select2-selection__rendered {
    line-height: 38px !important;
}
.select2-container .select2-selection--single {
    height: 42px !important;
}
.select2-selection__arrow {
    height: 41px !important;
}
.select2-selection__clear {
    height: 40px !important;
}
.select2-container.select2-container--default.select2-container--open  {
  z-index: 5000;                /* para select2 dentro de bootbox */
}

.select2-search__field {
    height: 30px !important;    /* el placeholder del select2 multiple */
}

.errorlist {
    margin: 5px 0 0 0;
    padding: 0;
    color: var(--error_list);
    background: var(--error_list-bg);
    list-style:none
}

.form-label {
    font-weight: bold;
}

.navbar {
    background: rgba(var(--base-bg));
}

.form-control:focus {
    border-color: rgba(var(--base-focus), .4);
    box-shadow: 0 0 0 0.25rem rgba(var(--base-focus), .2);
}

.btn-primary {
    color: var(--letra-btn);
    background-color: rgba(var(--base-bg));
    border-color: rgba(var(--base-bg));
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
    color: var(--letra-btn);
    background-color: rgba(var(--base-focus));
    border-color: rgba(var(--base-focus));
    box-shadow: 0 0 0 0.25rem rgba(var(--base-focus), .4);
}

.btn-primary:active {
    color: var(--letra-btn);
    background-color: rgba(var(--base-focus));
    border-color: rgba(var(--base-focus));
    box-shadow: 0 0 0 0.25rem rgba(var(--base-focus), .6) !important;
}

.btn-check:checked + .btn, .btn-check:hover + .btn, .btn-check:active + .btn{
    color: var(--letra-btn);
    background-color: rgba(var(--base-focus));
    border-color: rgba(var(--base-focus));
}

.page-link {
    color: rgba(var(--base-bg));
    background-color: white;
    border-color: rgba(var(--base-bg));
}

.active > .page-link, .page-link.active {
    background-color: rgba(var(--base-bg));
    border-color: rgba(var(--base-bg));
}

.page-link:hover,.page-link:focus,.page-link:active {
    color: white;
    background-color: rgba(var(--base-focus));
    border-color: rgba(var(--base-focus));
    box-shadow: 0 0 0 0.25rem rgba(var(--base-focus), .4);
}

a {
    color: rgba(var(--base-bg));
}

.form-check-input:checked {
    background-color: rgba(var(--base-bg));
    border-color: rgba(var(--base-bg));
}

.form-check-input:hover,.form-check-input:focus,.form-check-input:active {
    color: white;
    background-color: rgba(var(--base-bg));
    border-color: rgba(var(--base-bg));
    box-shadow: 0 0 0 0.25rem rgba(var(--base-focus), .4);
}


.bootbox-close-button {
    visibility: hidden;  /* quita el botón cerrar del bootbox */
}

.img-alerta:hover:active:focus {
    color:  rgba(var(--base-bg));
    background-color: rgba(var(--base-bg));
    border-color: rgba(var(--base-bg));
}

.div-container {        /* contenedor en la misma línea */
    display: flex;
    justify-content: center;
}

a.link-update:link, a.link-update:visited, a.link-update:hover, a.link-update:active {
    color: rgba(var(--base-bg));
    /* Arriba | Derecha | Abajo | Izquierda */
    margin: 0 20px 0 20px;
}

a.link-delete:link, a.link-delete:visited, a.link-delete:hover, a.link-delete:active {
  color: var(--link-delete);
    /* Arriba | Derecha | Abajo | Izquierda */
    margin: 0 20px 0 20px;
}

.btn-min {  /* ancho mínimo del botón */
    min-width:130px;
}

.color_web {
    border:1px solid black;
    margin-left:15px;
    margin-top:10px;
    height: 20px;
    width: 80px;
}