main > .container {
    padding: 70px 15px 20px;
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.form-group {
    margin-bottom: 1rem;
}

.form-control {
    border-color: darkgrey;
}

.toggle-checkbox {
    appearance: none;
    width: 40px;
    height: 20px;
    background: #ccc;
    border-radius: 10px;
    position: relative;
    outline: none;
    cursor: pointer;
    transition: background 0.3s;
}

.toggle-checkbox:checked {
    background: #444;
}

.toggle-checkbox::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    top: 1px;
    left: 1px;
    background: white;
    border-radius: 50%;
    transition: transform 0.3s;
}

.toggle-checkbox:checked::before {
    transform: translateX(20px);
}

.toggle-checkbox {
    vertical-align: middle;
    margin-top: -2px;
}

.row-spacing {
    margin-bottom: 1.5rem; /* o 24px o lo que necesites */
}

/* Orange */
.btn-orange {
    --bs-btn-color: #fff;
    --bs-btn-bg: #fd7e14 !important;
    --bs-btn-border-color: #fd7e14 !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e96b00 !important;
    --bs-btn-hover-border-color: #e26200 !important;
    --bs-btn-focus-shadow-rgb: 222, 136, 48;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e26200 !important;
    --bs-btn-active-border-color: #d65d00 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #fd7e14 !important;
    --bs-btn-disabled-border-color: #fd7e14 !important;
}

/* Lemon */
.btn-lemon {
    --bs-btn-color: #212529 !important;
    --bs-btn-bg: #fff44f !important;
    --bs-btn-border-color: #fff44f !important;
    --bs-btn-hover-color: #212529 !important;
    --bs-btn-hover-bg: #ffeb3b !important;
    --bs-btn-hover-border-color: #ffe82e !important;
    --bs-btn-focus-shadow-rgb: 255, 244, 79;
    --bs-btn-active-color: #212529 !important;
    --bs-btn-active-bg: #ffe82e !important;
    --bs-btn-active-border-color: #ffe521 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529 !important;
    --bs-btn-disabled-bg: #fff44f !important;
    --bs-btn-disabled-border-color: #fff44f !important;
}

/* Yellow */
.btn-yellow {
    --bs-btn-color: #212529 !important;
    --bs-btn-bg: #ffc107 !important;
    --bs-btn-border-color: #ffc107 !important;
    --bs-btn-hover-color: #212529 !important;
    --bs-btn-hover-bg: #e0a800 !important;
    --bs-btn-hover-border-color: #d39e00 !important;
    --bs-btn-focus-shadow-rgb: 222, 170, 12;
    --bs-btn-active-color: #212529 !important;
    --bs-btn-active-bg: #d39e00 !important;
    --bs-btn-active-border-color: #c69500 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529 !important;
    --bs-btn-disabled-bg: #ffc107 !important;
    --bs-btn-disabled-border-color: #ffc107 !important;
}

/* Purple */
.btn-purple {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6f42c1 !important;
    --bs-btn-border-color: #6f42c1 !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5936a2 !important;
    --bs-btn-hover-border-color: #52339a !important;
    --bs-btn-focus-shadow-rgb: 111, 66, 193;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #52339a !important;
    --bs-btn-active-border-color: #4c308d !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6f42c1 !important;
    --bs-btn-disabled-border-color: #6f42c1 !important;
}

/* Lavender */
.btn-lavender {
    --bs-btn-color: #212529;
    --bs-btn-bg: #e6e6fa !important;
    --bs-btn-border-color: #e6e6fa !important;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #d8d8f0 !important;
    --bs-btn-hover-border-color: #d2d2ed !important;
    --bs-btn-focus-shadow-rgb: 230, 230, 250;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #d2d2ed !important;
    --bs-btn-active-border-color: #cccced !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: #e6e6fa !important;
    --bs-btn-disabled-border-color: #e6e6fa !important;
}

/* Brown */
.btn-brown {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #795548 !important;
    --bs-btn-border-color: #795548 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #5d4037 !important;
    --bs-btn-hover-border-color: #563a32 !important;
    --bs-btn-focus-shadow-rgb: 121, 85, 72;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #563a32 !important;
    --bs-btn-active-border-color: #50342d !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #795548 !important;
    --bs-btn-disabled-border-color: #795548 !important;
}

/* Gold */
.btn-gold {
    --bs-btn-color: #212529;
    --bs-btn-bg: #ffd700 !important;
    --bs-btn-border-color: #ffd700 !important;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #e6c200 !important;
    --bs-btn-hover-border-color: #d9b800 !important;
    --bs-btn-focus-shadow-rgb: 255, 215, 0;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #d9b800 !important;
    --bs-btn-active-border-color: #ccad00 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: #ffd700 !important;
    --bs-btn-disabled-border-color: #ffd700 !important;
}

/* Silver */
.btn-silver {
    --bs-btn-color: #212529;
    --bs-btn-bg: #c0c0c0 !important;
    --bs-btn-border-color: #c0c0c0 !important;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #b0b0b0 !important;
    --bs-btn-hover-border-color: #a8a8a8 !important;
    --bs-btn-focus-shadow-rgb: 192, 192, 192;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #a8a8a8 !important;
    --bs-btn-active-border-color: #a0a0a0 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: #c0c0c0 !important;
    --bs-btn-disabled-border-color: #c0c0c0 !important;
}

/* Red */
.btn-red {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #dc3545 !important;
    --bs-btn-border-color: #dc3545 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #c82333 !important;
    --bs-btn-hover-border-color: #bd2130 !important;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #bd2130 !important;
    --bs-btn-active-border-color: #b21f2d !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #dc3545 !important;
    --bs-btn-disabled-border-color: #dc3545 !important;
}

/* Green */
.btn-green {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #28a745 !important;
    --bs-btn-border-color: #28a745 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #218838 !important;
    --bs-btn-hover-border-color: #1e7e34 !important;
    --bs-btn-focus-shadow-rgb: 40, 167, 69;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #1e7e34 !important;
    --bs-btn-active-border-color: #1c7430 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #28a745 !important;
    --bs-btn-disabled-border-color: #28a745 !important;
}

/* Blue */
.btn-blue {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #007bff !important;
    --bs-btn-border-color: #007bff !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #0069d9 !important;
    --bs-btn-hover-border-color: #0062cc !important;
    --bs-btn-focus-shadow-rgb: 0, 123, 255;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #0062cc !important;
    --bs-btn-active-border-color: #005cbf !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #007bff !important;
    --bs-btn-disabled-border-color: #007bff !important;
}

/* Cyan */
.btn-cyan {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #17a2b8 !important;
    --bs-btn-border-color: #17a2b8 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #138496 !important;
    --bs-btn-hover-border-color: #117a8b !important;
    --bs-btn-focus-shadow-rgb: 23, 162, 184;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #117a8b !important;
    --bs-btn-active-border-color: #10707f !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #17a2b8 !important;
    --bs-btn-disabled-border-color: #17a2b8 !important;
}

/* Light Green */
.btn-lightgreen {
    --bs-btn-color: #212529 !important;
    --bs-btn-bg: #90ee90 !important;
    --bs-btn-border-color: #90ee90 !important;
    --bs-btn-hover-color: #212529 !important;
    --bs-btn-hover-bg: #7dd87d !important;
    --bs-btn-hover-border-color: #76d376 !important;
    --bs-btn-focus-shadow-rgb: 144, 238, 144;
    --bs-btn-active-color: #212529 !important;
    --bs-btn-active-bg: #76d376 !important;
    --bs-btn-active-border-color: #6fce6f !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529 !important;
    --bs-btn-disabled-bg: #90ee90 !important;
    --bs-btn-disabled-border-color: #90ee90 !important;
}
/* Hace que los campos clásicos se vean “rojos” cuando el contenedor tiene has-error */
.has-error .form-control,
.has-error .form-select { border-color: #dc3545; }
.has-error .help-block { color: #dc3545; display:block; }
.form-select.is-invalid { border-color: #dc3545 !important; box-shadow: 0 0 0 .25rem rgba(220,53,69,.1) !important; }
.invalid-feedback { display: block; }