html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

body.campus-sendica {
    --accent: #00945e;
}

body.campus-valle {
    --accent: #005baa;
}

body.campus-sur {
    --accent: #27a348;
}

body.campus-colam {
    --accent: #002d85;
}

body.campus-xalapa {
    --accent: #012c63;
}

body.campus-monteverde {
    --accent: #012c63;
}

body.campus-cit {
    --accent: #012c63;
}

body.campus-campestre {
    --accent: #012c63;
}

.pointer-cursor {
    cursor: pointer;
}

.table.table-campus>thead th {
    background-color: var(--accent) !important;
    color: #fff !important;
}

.campus-sendica input:focus {
    border-color: #00945e;
    box-shadow: 0 0 0 0.2rem rgba(0, 148, 94, 0.25);
}

.campus-valle input:focus {
    border-color: #005baa;
    box-shadow: 0 0 0 0.2rem rgba(0, 91, 170, 0.25);
}

.campus-sur input:focus {
    border-color: #27a348;
    box-shadow: 0 0 0 0.2rem rgba(39, 163, 72, 0.25);
}

.campus-colam input:focus {
    border-color: #002d85;
    box-shadow: 0 0 0 0.2rem rgba(0, 45, 133, 0.25);
}

.campus-xalapa input:focus {
    border-color: #012c63;
    box-shadow: 0 0 0 0.2rem rgba(1, 44, 99, 0.25);
}

.campus-monteverde input:focus {
    border-color: #001c85;
    box-shadow: 0 0 0 0.2rem rgba(0, 28, 133, 0.25);
}

.campus-cit input:focus {
    border-color: #27823b;
    box-shadow: 0 0 0 0.2rem rgba(39, 130, 59, 0.25);
}

.campus-campestre input:focus {
    border-color: #213e7c;
    box-shadow: 0 0 0 0.2rem rgba(33, 62, 124, 0.25);
}

/* Loading */
.pc-loading-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, .65);
    backdrop-filter: blur(2px);
    z-index: 2000;
    /* por encima del dropdown */
}

.pc-loading-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    padding: .75rem 1rem;
    background: #fff;
    border-radius: .75rem;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1);
    font-weight: 500;
}