*, *:before, *:after {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

#loading-screen {
    background-color: rgba(240, 240, 240, 0.7);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 10000 !important;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-top: 0;
    top: 0;
}

.btn-deactivate {
    color: #fff !important;
    background-color: #cfcfcf !important;
    border-color: #cfcfcf !important;
}

td.details-control {
    background: url('../plugins/custom/datatables/images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../plugins/custom/datatables/images/details_close.png') no-repeat center center;
}
.form-select.form-select-solid {
    background-color: #f5f8fa;
    border:1px solid #cfcfcf !important;
    color: #5e6278;
    transition: color .2s ease, background-color .2s ease;
    height: 100px !important;

}
.select2-dropdown {
    background-color: #f3f3f3;
    border: 1px solid #cfcfcf !important;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #cfcfcf !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 38px !important;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 40px !important;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 38px !important;
    margin-right: 20px;
    padding-right: 0px;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field {
    border-radius: 30px !important;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ece5e5;
    border-radius: 7px !important;
}
.botones_imprimir{
    color: white !important;
    margin-right: 10px !important;
    border-radius: 3px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.boton_redondo{
    padding: 0px !important;
    height: 35px !important;
    width: 35px !important;
    border-radius: 30px !important;
    padding-top: 7px !important;
}

.card_busqueda{
    padding: 30px !important;
    padding-bottom: 10px !important;
    padding-top: 20px !important;
    border: 1px dashed #c9c9c9 !important;
    border-radius: 10px !important;
    background-color: #e9e9e9 !important;
}

.salida_ci{
    background: #dd5482 !important;
    width: 100% !important;
    border: 5px !important;
    padding: 5px !important;
    border-radius: 5px !important;
    color: white !important;
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 75%) !important;
    -webkit-box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 75%) !important;
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75) !important;
    font-size: 10px !important;
    z-index: 10000 !important;
}

/* Estilos para la pantalla de carga */
.loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 4px solid #007BFF;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
    margin-right: 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Estilos para ocultar contenido principal */
.hidden {
    display: none;
}


.popover-header {
    background: #F05681 !important;
    color: #fff;
    font-weight: 300;
}

#data_filter {
    margin-bottom: 8px;
}
#data1_filter {
    margin-bottom: 8px;
}

.text_small_size {
    font-size: 10px;
}

.text_medium_size {
    font-size: 12px;
}


/* Creado para el seguimiento */

/* Pendientes */
.border-slategray {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-slategray-rgb), var(--bs-border-opacity)) !important; }
/* visado y/o firmado */
.border-teal {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-teal-rgb), var(--bs-border-opacity)) !important; }

/*  finalizado */
.border-pink {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-pink-rgb), var(--bs-border-opacity)) !important; }

/*  archivado */
.border-chocolate {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-pink-rgb), var(--bs-border-opacity)) !important; }

/*  despacho */
.border-palevioletred {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-palevioletred-rgb), var(--bs-border-opacity)) !important; }

/*  para firmar y/o visar */
.border-yellowgreen {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-yellowgreen-rgb), var(--bs-border-opacity)) !important; }

/*  recibido */
.border-steelblue {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-steelblue-rgb), var(--bs-border-opacity)) !important; }

/*  para responder */
.border-tealdark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-tealdark-rgb), var(--bs-border-opacity)) !important; }

.fs-10 {
    font-size: 10px !important;
    line-height: 1.2; }

/*  Pendientes */
.badge-outline-slategray {
    border: 0.0625rem solid #708090;
    color: #708090; } 

/* archivado*/
.badge-outline-chocolate {
    border: 0.0625rem solid #D2691E;
    color: #D2691E; }

/* visado y/o firmado */
.badge-outline-teal {
    border: 0.0625rem solid #20c997;
    color: #20c997; }

/* finalizado*/
.badge-outline-pink {
    border: 0.0625rem solid #e83e8c;
    color: #e83e8c; }

/* despacho */
.badge-outline-palevioletred {
    border: 0.0625rem solid #D87093;
    color: #D87093; }

/* para firmar y/o visar*/
.badge-outline-yellowgreen {
    border: 0.0625rem solid #9ACD32;
    color: #9ACD32; }

/* recibido */
.badge-outline-steelblue {
    border: 0.0625rem solid #4682B4;
    color: #4682B4; }

/* para responder*/
.badge-outline-tealdark {
    border: 0.0625rem solid #008080;
    color: #008080; }

/* para las oficinas */
.badge-outline-lightblue {
    border: 0.0625rem solid #ADD8E6;
    color: #ADD8E6; }

/* para las copias */
.badge-outline-burlywood {
    border: 0.0625rem solid #DEB887;
    color: #DEB887; }

.badge-outline-thistle {
    border: 0.0625rem solid #D8BFD8;
    color: #D8BFD8; }

/* para el ícono de referencia */
.badge-outline-indianred {
    border: 0.0625rem solid #CD5C5C;
    color: #CD5C5C; }

.badge-outline-indianred_1 {
    border: 0.0625rem solid #d98880;
    color: #d98880 ; }


/* para el ícono del seguimiento */
.badge-outline-rosybrown {
    border: 0.0625rem solid #BC8F8F;
    color: #BC8F8F; }

/* para el ícono del detalle */
.badge-outline-peru {
    border: 0.0625rem solid #CD853F;
    color: #CD853F; }

/* para el ícono de documentos adjuntos */
.badge-outline-darkseagreen {
    border: 0.0625rem solid #8FBC8F;
    color: #8FBC8F; }

/* para el ícono de bajar archivo */
.badge-outline-tan {
    border: 0.0625rem solid #D2B48C;
    color: #D2B48C; }


.badge-outline-plum {
    border: 0.0625rem solid #DDA0DD;
    color: #DDA0DD; }
.badge-outline-powderblue {
    border: 0.0625rem solid #B0E0E6;
    color: #B0E0E6; }
.badge-outline-orchid {
    border: 0.0625rem solid #DA70D6;
    color: #DA70D6; }
.badge-outline-mediumseagreen {
    border: 0.0625rem solid #3CB371;
    color: #3CB371; }
.badge-outline-mediumaquamarine {
    border: 0.0625rem solid #66CDAA;
    color: #66CDAA; }
.badge-outline-honeydew {
    border: 0.0625rem solid #F0FFF0;
    color: #F0FFF0; }
.badge-outline-goldenrod {
    border: 0.0625rem solid #DAA520;
    color: #DAA520; }

.badge-outline-cadetblue {
    border: 0.0625rem solid #5F9EA0;
    color: #5F9EA0; }
.badge-outline-salmon {
    border: 0.0625rem solid #FA8072;
    color: #FA8072; }


.badge-outline-success_1 {
    border: 0.0625rem solid #2ecc71;
    color:  #2ecc71; }

.badge-outline-info_1 {
    border: 0.0625rem solid #5dade2;
    color: #5dade2; }

.badge-outline-warning_1 {
    border: 0.0625rem solid #f1c40f;
    color:  #f1c40f; }

.badge-outline-secondary_1 {
    border: 0.0625rem solid #a569bd;
    color: #a569bd; }

.badge-outline-light_1 {
    border: 0.0625rem solid #e5e7e9;
    color: #e5e7e9; }

.badge-outline-primary_1 { 
    border: 0.0625rem solid #B22222;
    color: #B22222; } 

.badge-outline-primary_hover { 
    border: 0.0625rem solid #d32f2f;
    color: #d32f2f; } 



/* para las oficinas */
.badge-lightblue {
    background-color: #ADD8E6; }
/* para las oficinas */
.badge-thistle {
    background-color: #D8BFD8; }