.invalid-tooltip {
    line-height: 0.9;
    background-color: #fd395e;
}

.invalid-tooltip-modal {
    position: relative;
}

.invalid-tooltip-table {
    position: initial;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
    padding-right: 14px;
    border-color:#ccc;
    background-image: none;
}

.was-validated .form-control:valid, .form-control.is-valid {
    padding-right: 14px;
    border-color:#ccc;
    background-image: none;
}

div.custom-switch>div.custom-checkbox .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label{
color: #666666 !important;
}

input[type=checkbox]:checked + label:before{
    background-color: #7a59ad !important;
    border-color: #ccc !important;
    color: #666666!important;

}
input[type=checkbox] ~ label:before {
    background-color: gray() !important;
    border-color: #ccc !important;
    color: #666666!important;
}

 input[type=checkbox]:checked + label:before {
    background-color: #1ab3a3 !important;
    border-color: #ccc !important;
    color: #666666!important;
}

.seleccionEmpresaGlobal {
    height:60px;
    width:auto;
    max-width:200px;
    padding-bottom: 6px;
}

.custom-file-label{
    overflow: hidden;
}

.custom-file-label::after{
    content: 'Buscar';
}

.m-b-10{
    margin-bottom: 10px !important;
}

.p-b-0{
    padding-bottom: 0 !important;
}

.p-t-0{
    padding-top: 0 !important;
}

.p-l-0{
    padding-left: 0 !important;
}

.p-t-10{
    padding-top: 10px !important;
}

.p-r-10{
    padding-right: 10px; !important;
}

.p-b-10{
    padding-bottom: 10px; !important;
}

.p-b-30{
    padding-bottom: 30px; !important;
}

.campo_activo{
    background-color: rgba(233, 233, 233, 0.5); !important;
}

.no-seleccionable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.p-l-10{
    padding-left: 10px;
}

.p-l-11{
    padding-left: 11px;
}

.p-l-12{
    padding-left: 12px;
}

.w-500{
    width: 500px
}

.app-list-name{
position: absolute;
left: 0;
right: 0;
}

.app-list-item{
position: relative;
}

.validaciones {
    position: absolute;
    top: 100%;
    z-index: 5;
    max-width: 100%;
    padding: 0.3rem 0.6rem;
    margin-top: .1rem;
    font-size: 0.75rem;
    line-height: 0.9;
    color: #fff;
    background-color: #fd395e;
    border-radius: 5px;
}

.t-a-e {
    text-align: end;
}

.t-a-c {
    text-align: center;
}

.min-w-100{
    min-width: 100px;
}

.min-w-200{
    min-width: 200px;
}

.table-td-a-t-e td{
    text-align: end;
}

.form-group:last-child, .form-group:only-child {
    margin-bottom: 1.5rem;
}

.contenedor-con-borde{
    border-color: #e0e0e0;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    border-radius: 4px;
}

.page-sidebar {
    background-image: url("../../img/custom/menu-tb.686acd6615ad.svg");
}
.nav-footer, .page-logo {
    background-color: transparent;
}
.nav-menu li a > [class*='fa-'], .nav-menu li a > .ni , .nav-menu li a, .nav-menu li > ul li a,
.nav-menu li > ul li a > [class*='fa-'], .nav-menu li > ul li a > .ni {
    color: white;
}

.bg-trans-gradient {
    background-image: url("../../img/custom/fondo.5fd0d4b807d2.svg");
    background-size: cover;
    background-color: #11564f
}
.select2-container--default .select2-results__group {
    color: var(--theme-secondary)
}

.activar-scroll-tabla {
     overflow-x: hidden !important;
     overflow-y: auto !important;
     height:60vh !important;
}

.swal2-container {
  z-index: 10000;
}

.modal {
  z-index: 3000;
}

.blue-color{
    background: #21437b;
}

.tooltip {
    z-index: 3001;
}

.custom-switch .custom-control-label {
    cursor: pointer;
}

/**
    Configuración para cuando se trabaje con columnas fijas en un datatable para las columnas que se fijan
    se mantenga el color de fondo del thead.
 */
table.DTFC_Cloned thead tr {
    background-color: inherit;
}


.contenedor-video-popup {
    width: 100%; /* Se adapta al ancho disponible */
    /*max-width: 800px; *//* Opcional: limita el tamaño máximo */
    position: relative;
    padding-top: 56.25%; /* Relación de aspecto 16:9 */
}

.contenedor-video-popup video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Ajustes específicos para pantallas pequeñas */
@media (max-width: 600px) {
    .contenedor-video-popup {
        padding-top: 75%; /* Relación de aspecto 4:3 para mejor visualización en móviles */
    }
}

.imagen-popup {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /*width: auto;*/
    max-height: 600px;
}