/* Generales para imitar el estilo del Sitio en General */
body {
    /* font-family: 'Trebuchet MS', 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', Arial, sans-serif !important; */
    /*font-size: 1rem !important;*/
}

/* Para ajustar los labels de los inputs */
label,
.sml {
    font-size: 14px;
}

/* Estilo Personalizado para cambiar el aspecto de los checkboxes a un switch */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    transform: translateX(26px);
}

label.invalid {
    font-size: 0.8em;
    color: #FF0000;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* Custom fix para tener offset a la derecha en bootstrap */
[class^="col-"].offset-right- {
    margin-right: 0;
}

[class^="col-"].offset-right-0 {
    margin-right: 0;
}

@media (min-width: 576px) {
    /*antes de bootstrap 5: 768px*/
    [class^="col-sm-"].offset-right- {
        margin-right: 0;
    }

    [class^="col-sm-"].offset-right-0 {
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    /*antes de bootstrap 5: 992px*/
    [class^="col-md-"].offset-right- {
        margin-right: 0;
    }

    [class^="col-md-"].offset-right-0 {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    /*antes de bootstrap 5: 1200px*/
    [class^="col-lg-"].offset-right- {
        margin-right: 0;
    }

    [class^="col-lg-"].offset-right-0 {
        margin-right: 0;
    }
}

/* Otros Fixes */

/* Para Striped Table, cambiar cabecera de color */
/*
.table-striped thead th {
    background-color: rgba(255, 255, 255, 1) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(13, 0, 146, 0.56) !important;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(237, 237, 237, 0.86) !important;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: #ffffff !important;
}
*/

/* Mimic del Triangulito para mostrar detalles en Tablas con subtablas */
.rotate-caret {
    transform: rotate(90deg);
}

.animate-caret {
    transition: transform 0.3s linear;
}

/* Para el nuevo modelo de validacion validatejs */
.messages p.error {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}

.div2 {
    padding-top: 60px;
  }