/* Global CSS variables */

:root {
    --color-primario: #103A42;
    --color-secundario: #659fa6;
    --color-terciario: #404040;
    --transition: .2s ease-in-out;
}

.nosalto {
    white-space: nowrap;
}

.container {
    max-width: 100vw;
    padding: 0 3%;
}

.botonTradivel {
    color: white !important;
    background-color: var(--color-secundario) !important;
}

.botonTradivelPrimario {
    color: white !important;
    background-color: var(--color-primario) !important;
}

.colorTotalesProducidos {
    background-color: aquamarine;
}

.cabeceraNavDivisiones {
    float: left;
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0;
    padding: 10px 20px;
}

.logo {
    height: 54px;
    /*border: var(--color-terciario) 1px solid;*/
}

.logo-login {
    max-height: 260px;
    max-width: 300px;
    margin-top: 200px;
}

.main-sidebar {
    width: 300px;
    min-height: 100vh !important;
}

.sidebar-collapse .main-sidebar,
.sidebar-collapse .main-sidebar::before {
    margin-left: -300px;
}


/* Formatea los mensajes Flash::xxx() de KumbiaPHP */

.flash {
    margin: 5px 0;
    min-height: 32px;
    padding: 3px 10px 3px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    line-height: 32px;
    border-radius: 2px;
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
}

.valid {
    color: #4F8A10;
    background-color: #DFF2BF;
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
}

.tabla-tradivel {
    color: black;
}

.tabla-tradivel thead {
    color: white;
    background-color: var(--color-secundario);
    border-color: var(--color-terciario);
}

.thead-tradivel {
    color: white;
    background-color: var(--color-secundario);
    border-color: var(--color-terciario);
}

.sticky-top {
    position: sticky;
    top: 0
}

.th-ancho-100 th {
    width: 100%;
}

.anchoInputProducciones {
    width: 100px;
    text-align: center;
}

.display-inline-block {
    display: inline-block;
}

.selectObras {
    /* Ancho del select */
    width: 220px;
}

.selectObras option {
    /* Ancho de las opciones del select */
    min-width: 100%;
}

.w60 {
    width: 60px !important;
}

.w120 {
    width: 120px !important;
}

.w240 {
    width: 240px !important;
    min-width: 240px I !important;
}

@media (max-width: 767px) {
    .w240 {
        width: auto !important;
        min-width: 0 !important;
    }
}

.bloque-especial {
    background-color: aliceblue;
    padding: 10px;
    border-radius: 10px;
}

.fila-destacada {
    background-color: yellow !important;
    /* Cambia este color al color deseado */
}

.toast-wide {
    width: 450px !important;
    /* Ajusta el valor del ancho según tus necesidades */
}

.toast-container {
    width: 600px !important;
    /* Ajusta el valor del ancho según tus necesidades */
}

.table-sticky th:nth-child(-n+1),
.table-sticky td:nth-child(-n+1) {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
}


/* Aplicar la posición sticky a las celdas de las primeras tres columnas */

.table-sticky th:nth-child(-n+1),
.table-sticky td:nth-child(-n+1) {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
}

.table-sticky td:nth-child(-n+1) {
    background-color: #fff;
    /* Fondo blanco para las celdas fijas */
}


/* Añadir un espacio para las celdas fijas */

.table-sticky th:nth-child(-n+1)::before,
.table-sticky td:nth-child(-n+1)::before {
    content: "";
    display: table-cell;
    width: 10px;
    /* Ajustar el ancho según sea necesario */
}

.modal-body {
    white-space: normal;
}

.limite {
    white-space: normal;
    width: 400px !important;
}

label,
.form-control {
    overflow: hidden;
    /* Asegura que el contenido extra se recorte */
    text-overflow: ellipsis;
    /* Añade puntos suspensivos al final del contenido recortado */
    white-space: nowrap;
    /* Evita que el texto se pase a la siguiente línea */
    width: 100%;
}

select.form-control[multiple],
select.form-control[size] {
    height: auto;
    overflow: auto;
}

.bloque-especial-derecha {
    background-color: lightgrey;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -10px;
    padding: 10px;
}

.select2-container {
    display: block;
    width: 100% !important;
}

.card-tradivel{
    margin-top: 1rem;
}

.card-tradivel>.card-header {
    background-color: teal;
    color: white;
}

.card-tradivel>.card-body {
    border: 1px solid darkgrey;
}

.zoomable {
    height: 32px;
    transition: transform .2s;
}

.zoomable:hover {
    transform: scale(10);
}


.full-span {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.fila-ok{
    background-color: #4F8A10;
    color: white;
}
.fila-ok td{
    background-color: #4F8A10;
    color: white;
}
.fila-peligro {
    color: #fff  !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    box-shadow: none;
}
.fila-warning{ 
    color: #1f2d3d !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    box-shadow: none;
}

.tamano-32{
    height: 32px;
    width: 32px;
}
.logo-usuario-informe{
    height: 100px;
    width: 100px;
}
.min-height-300 > div{
    min-height: 300px;
}

.cursor-pointer{
    cursor: pointer;
}

.small-box>.inner {
    min-height: 160px;
}

#calendarContainer{
    min-height: 500px;
}