.tablas_reportes {
    font-family: 'Roboto', Arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.tablas_reportes td, .tablas_reportes th {
    border: 1px solid #ddd;
    padding: 8px;
}

.tablas_reportes tr:nth-child(even){background-color: #f2f2f2;}

.tablas_reportes tr:hover {background-color: #ddd;}

.tablas_reportes th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #016FAC;
    color: white;
}

.tabla-destinos  {border: 1px solid #ebebeb !important;}
.tabla-destinos td {border: 1px solid #ededed !important;  padding-right: 25px !important; position: relative; border: 2px solid transparent; vertical-align: text-top;}
.cierre-destino {background: red; position: absolute; top: 0px; right: 0px;}


/*************************/
.btn-modal-cuadrado {
    margin-top: 10px !important;
    padding-top : 10px !important;
    padding-left:5px ;
    padding-bottom:2px ;
    padding-right: 5px;
    border-radius: .25rem !important;
    background-color: #007bff !important;
    color: #fff !important;
    cursor:pointer;
}

.borde-transparente {border-top:1px solid transparent;}


.en-linea {display: inline;}
.flota-derecha {float: right;}
.flota-izquierda {float: left;}


/*************************/


.gris {background: #ccc;}


.perfil-seleccionado {padding: 4px;}
.perfil-seleccionado span {display: inline-block; background: #99CCFF; padding: 3px 5px; margin: 2px; border-radius: 30px;  box-shadow: 1px 1px #006291;}


.perfil-seleccionado .quitar-perfil-seleccionado { background:white url(http://cerrillos0p.desa72.zecovery.com/template/default/images/vsp/token_x.gif) no-repeat 4px 3px; width: 14px; padding: 0 8px; text-decoration: none; border-radius: 25%; margin-left: 5px;}
.perfil-seleccionado .quitar-perfil-seleccionado:hover { text-decoration: none !important; }

.mensaje-filtro-filas {padding: 10px 0px 10px 32px; background-image: url(/images/icono_aviso.png); background-repeat: no-repeat; background-position: left center; font-weight: 500;}

/********** COMPROBANTE ************/

.msj-comprobante-modal {  text-align: center; width: 60%; margin: auto; padding: 0px;}
.msj-comprobante-modal .titulo-comprobante-modal {background-color: #CCC;    color: black; padding: 4px 0px; margin-bottom: 10px; font-weight: 400; font-size: 1.55em;}
.msj-comprobante-modal ul {   margin-left: 0px;}
.msj-comprobante-modal ul, .msj-comprobante-modal li {  list-style-type: none; font-weight: bold; margin:0px;padding: 0px;  line-height: 1.6; text-align: left;}

.msj-comprobante div.msj-destacado { display:block; border:1px solid #ccc; margin:10px; padding: 10px; text-transform: uppercase; font-size: 1.2em; font-weight: 300; background-color: #F2F2F2; text-align: center;}
.msj-comprobante ul {   margin-left: 0px;}
.msj-comprobante ul, .msj-comprobante-modal li {  list-style-type: none; font-weight: bold; margin:0px;padding: 0px;  line-height: 1.6; }


.quitar_destinatario { background: url(/template/default/images/vsp/token_x.gif) no-repeat 4px 3px; width: 14px; padding: 0 5px; text-decoration: none; }
.quitar_destinatario:hover { text-decoration: none !important; }

.agregar_destinatario { border: 0; font-size: 8pt; padding: 3px; }
.agregar_destinatario_inactivo { color: #99A; }

.destinatario                { background: url(/template/default/images/vsp/token.gif) no-repeat; margin: 2px 3px; display: block; float: left; height: 16px; white-space: pre; }
.destinatario span           { background: url(/template/default/images/vsp/token.gif) right top; }
.destinatario span span      { background: url(/template/default/images/vsp/token.gif) right bottom; }



/*************************************************************************************************/

/* PASTILLAS INICIO - RESUMEN DE MIS ACTIVIDADES PENDIENTES */

.pastillas { display: inline-flex; flex-direction: row; background-color: #e5e5e5; border: none; cursor: default; height: 30px; outline: none; padding: 0; font-color: #333333; white-space: nowrap; align-items: center; border-radius: 16px; vertical-align: middle; text-decoration: none; justify-content: center; margin:5px 2px;}
.pastillas span { display: flex; position: relative; overflow: hidden; flex-shrink: 0; align-items: center; user-select: none; border-radius: 50%; justify-content: center; min-width: 30px; color: #fff;    height: 30px;    font-size: 13px;    margin-right: 4px; background-color: #9B9B9B; }
.pastillas a { cursor: pointer; display: flex; align-items: center; user-select: none; white-space: nowrap; padding-left: 1px; padding-right: 12px; text-decoration: none; color: #222;}

/*.pastillas:hover {  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } */

.pastillas-porfirmar {background-color:#d1e1b9; }
.pastillas-porfirmar span {background-color: #0A3F61; color: white; border:2px solid #0A3F61; }

.pastillas-porleer {background-color:#F1D387;  }
.pastillas-porleer span {background-color: #BE671A; color: white; border:2px solid #BE671A; }

.pastillas-favoritos {background-color:#eced87 !important;  }
.pastillas-favoritos span {background-color: #8c902e; border:2px solid #8c902e; }

.pastillas-porfirmarjefe {background-color:#A2C8B9;  }
.pastillas-porfirmarjefe span {background-color: #348B64; color: white; border:2px solid #348B64;}

.pastillas-porleerjefe {background-color:#96C8EA;  }
.pastillas-porleerjefe span {background-color: #21A2D9; color: white; border:2px solid #21A2D9;}

.pastillas-derivacion {background-color:#ccf2c5;  }
.pastillas-derivacion span {background-color: #2A5B32; color: white; border:2px solid #2A5B32;}

.pastillas-derivacion-solicitada-unidad {background-color:LightSalmon;  }
.pastillas-derivacion-solicitada-unidad span {background-color: IndianRed; color: white; border:2px solid IndianRed;}

.pastillas-recibir-unidad {background-color:#CDCFFF;  }
.pastillas-recibir-unidad span {background-color: #595ca1;  border:2px solid #595ca1;}

.pastillas-fisico-entregar {background-color:#DDACF3;  }
.pastillas-fisico-entregar span {background-color: #61048A; border:2px solid #61048A; }

.pastillas-por-subir-firmado {background-color:#E3DCD2;  }
.pastillas-por-subir-firmado span {background-color: #AF957C; border:2px solid #AF957C; }

.pastillas-por-distribuir {background-color:#E4A1AB;  }
.pastillas-por-distribuir span {background-color: #e2445c; border:2px solid #e2445c; }

.pastillas-fisicos-por-recibir-para-despacho {background-color:#5FFFFF;  }
.pastillas-fisicos-por-recibir-para-despacho span {background-color: teal; border:2px solid teal; }



.pastillas-q1 {background-color:#CCB0A6;  }
.pastillas-q1 span {background-color: #C94418; border:2px solid #C94418; }

.pastillas-q2 {background-color:#FEB9B2;  }
.pastillas-q2 span {background-color: #9c1b31; border:2px solid #9c1b31; }

.pastillas-docDigital {background-color:#d3dcf8;  }
.pastillas-docDigital span {background-color: #485c85; border:2px solid #485c85; }

.pastillas-docs-fisicos-por-recibir {background-color:#d3f8dc;  }
.pastillas-docs-fisicos-por-recibir span {background-color: #47855b; border:2px solid #47855b; }

.pastillas-q5 {background-color:#ffd6d1;  }
.pastillas-q5 span {background-color: #8b514b; border:2px solid #8b514b; }

.pastillas-docs-por-distribuir {background-color:#e9fbee;  }
.pastillas-docs-por-distribuir span {background-color: #6e8b77; border:2px solid  #6e8b77; }

.pastillas-docs-por-subir-firmados {background-color:#ff92a5;  }
.pastillas-docs-por-subir-firmados span {background-color: #890d37; border:2px solid #890d37; }

.pastillas-q8 {background-color:#eced87;  }
.pastillas-q8 span {background-color: #8c902e; border:2px solid #8c902e; }

.pastillas-q9 {background-color:#ffe4e1;  }
.pastillas-q9 span {background-color: #aa3351; border:2px solid #aa3351; }

.pastillas-q10 {background-color:#bccaf4;  }
.pastillas-q10 span {background-color: #022233; border:2px solid #022233; }

.doc_digital_no_disponible {background-image: url("/images/warning.png"); background-repeat: no-repeat; padding-left: 20px; border:1px solid transparent; margin:20px 5px;}

.doc_digital_no_disponible span {color:#D90000; font-weight: bold; padding: 8px 1px; margin:2px; text-shadow: none;}

.ficha ul.actividades-pendientes {  list-style-type: none; }

.mantenedor_input_classautocomplete { width: 100%;}



/*********************************** REV. 03-01-2024 **************************************************************/


.mantenedor_div_input_classautocomplete { position: relative;}
.autocomplete-limpiar { width: 20px; overflow: auto; float: right; display: inline-block; position: absolute; top:0px; right: 0px;}
.autocomplete-limpiar a {margin:2px; display: inline-block;   float:right; padding: 8px 8px !important;    border-radius: 0.25rem !important;    background-image: url("/images/limpiar-eliminar.png"); background-repeat: no-repeat;  color: #fff !important;   text-decoration: none; cursor: pointer;}
.mantenedor_div_input_classautocomplete input[type=text] { width: 90%;}

/*********************************** REV. 13-02-2024 **************************************************************/

/* Nombre de documento */

.nombre-documento-mostrar {color: teal; font-weight: 500;}
.nombre-documento-mostrar a {color: teal; font-weight: 500;}
.cambiar-nombre-documento  {
    background-color: #bbd5f9;
    border: none;
    border-radius: 12px;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
	padding: 4px 6px;
	word-break: normal;
	display:inline-block;
	font-size: 0.9em;
	white-space: nowrap
}

/*********************************** REV. 13-11-2024 **************************************************************/

/*********** ESTILO BOTON CLAVE UNICA ******************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
.btn-claveunica {font-size: 16px !important; text-align: center; vertical-align: middle; border-radius: 0; font-family: "Roboto"; font-weight: 500; background-color: #0f69c4; color: #fff; text-decoration: none; height:48px !important; background-color: #0f69c4!important; border: 4px solid #0f69c4!important; /*border: 4px solid #093f75!important;*/ padding: 10.5px 14px!important; }
/*.btn-claveunica:hover { background-color: #0b4e91!important; color: #fff; opacity: rgba(0,0,0,.26)!important; }*/
.btn-claveunica:active { background-color: #07305a!important; color: #fff; opacity: rgba(0,0,0,.54); }
.btn-claveunica:focus { background-color: #0b4e91!important; border: 4px solid #ffbe5c!important; color: #fff; opacity: rgba(0,0,0,.26)!important;height:48px !important; }
.btn-claveunica.btn-cu .ico-claveunica { display: inline-block; width: 24px; height: 24px; background-size: 24px 24px; vertical-align: middle; margin-right: 4px; margin-bottom: 8px; margin-top: 4px;}

/*********************************** REV. 10-12-2024 **************************************************************/

/****************CSS ACORDEON MANUALES****************************************/

       .acordeon-manuales .accordion {
            width: 100%;
            max-width: 500px;
            margin: 0;
        }
        .acordeon-manuales .accordion-item {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            border-radius: 5px;
        }
        .acordeon-manuales .accordion-header {
            background: #f4f4f4;
            padding: 10px;
            cursor: pointer;
            font-weight: bold;
        }
        .acordeon-manuales .accordion-header:hover {
            background: #ddd;
            cursor: pointer;
        }
        .acordeon-manuales .accordion-content {
            display: none;
            padding: 10px;
            background: #fff;
            border-top: 1px solid #ccc;
        }
        .acordeon-manuales .accordion-content li{
           list-style-type: none;
           margin-left: 20px;
        }

        .acordeon-manuales .accordion-ventanilla {
            width: 100%;
            max-width: 100%;
            margin: 0;
        }


        .manuales-sincarpeta{
            background: #f4f4f4;
            padding: 10px;
            width: 100%;
            max-width: 500px;
            border: 1px solid #ccc;
            margin-bottom: 10px;
            border-radius: 5px;

        }

        .manuales-sincarpeta li{
            margin-left: 20px;
        }


        /*********** AJUSTE ICONOS ************/


   /* ajuste tama�o fuente para igualar altura de iconos de sistema */
    .icono  { font-size: 13px !important; }



        /* Animated throbber */
        input.autocomplete {
        background: url(/template/default/images/autocomplete_loading.gif) no-repeat 100% 8px !important; /* ajuste ico loading */
        }
        input.throbbing {
        background-position: 100% -12px !important; /* ajuste ico loading */
        }