html {
    min-height: 100%;
    position: relative;
  }
  body {
    margin: 0;
    margin-bottom: 40px;
  }
a.navbar-brand {
    display: flex;
    align-items: center;
}
h1.title{
    font-size: 1.3em;
    font-weight: 100;
    margin-left: 10px;
}
div#incidentMediaCarousel img, div#incidentMediaCarousel video{
    /*height: 500px;*/
    object-fit: contain;
    border-radius: 20px;
}
span.carousel-control-prev-icon, span.carousel-control-next-icon {
    background-color: #000A;
    padding: 16px;
    border-radius: 50px;
}
.bg-dark {
    background-color: #333 !important; /* Color negro suave */
}
.rojo {
    color: var(--bs-danger-text) !important;
}
footer {
    margin-top: 50px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.footer-text {
    font-size: 0.9rem;
    color: #cbcbcb !important;
}

.footer-logo img {
    max-height: 75px !important;
}
#app {
    margin-bottom: 150px !important;
}
a.btn.btn-sm.btn-info.text-white.view-btn.boton {
    border-radius: 50px;
    padding: 5px 20px;
}

.view-btn, .boton {
    background-color: #00b562;
    border-color: #00b562;
    transition: 0.75s;
}
li.list-group-item.verde {
    background: #005274 !important;
}
.boton {
    border-radius: 25px;
    padding: 5px 25px;
}
.view-btn:hover, .boton:hover {
    background-color: #005274;
    border-color: #005274;
}

/* Cambiar los colores de las filas */
.table-hover tbody tr:hover {
    background-color: #e0f7fa; /* Color claro para el hover */
}

.table-group-divider tr:nth-child(even) {
    background-color: #f1f8e9; /* Color claro para las filas pares */
}

.table-group-divider tr:nth-child(odd) {
    background-color: #ffffff; /* Color claro para las filas impares */
}

.tarjeta {
    background-color: #00b5623b;
}

label.form-label {
    color: #666;
    font-weight: 300;
}
::placeholder {
    color: rgba(117, 117, 117, 0.52) !important;
    opacity: 0.5; /* Firefox */
  }

  ::-ms-input-placeholder { /* Edge 12 -18 */
    color: rgba(117, 117, 117, 0.52) !important;
    opacity: 0.5;
  }

.cuerpo {
    padding: 50px;
}
.ancho{
    width: 11em;
}
div span.relative.z-0.inline-flex.rtl\:flex-row-reverse.shadow-sm.rounded-md {
    display: none;
}
nav.flex.items-center.justify-between {
    text-align: center;
}
.row.mt-4.container.justificar {
    text-align: justify;
}
th.accion {
    width: 60px;
}
.tabla{
    padding: 0;
}
@media (max-width: 768px) {
    div#incidentMediaCarousel img{
        height: 300px;
        object-fit: contain;
    }
    .cuerpo {
        padding: 20px;
    }
    td{
    font-size: 8px;
    }
    th{
    font-size: 6px;
    }
    .boton {
    font-size: 10px;
    padding: 2px 10px;
    }
    table{
	width: 100% !important;
	table-layout: fixed;
    }
    .angosto{
       width: 4%;
    }
    .observacion{
        display: none;
    }
    .tipo{
    width:100px;
    }
    .tipo2{
    width:145px;
    }
    .number {
	width: 10px;
    }
    .comentario{
        width: 100px;
    }
    .table>:not(caption)>*>* {
    	padding: .3rem .1rem !important;
    }
    .locacion{
	margin-right: 20px;
    }
}