:root {
    --fuente: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --fuenteCourier: monospace, Courier New, Courier;
}
/** Ancho de los submenus**/
.ui-menu .ui-menu-parent .ui-menu-child {
    min-width: 18rem !important;
}
.ui-menu.ui-menu-dynamic{
    width: 18rem !important;
}
/** Estilo personalizado del reloj **/
.ui-clock{
    padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;
    border-radius: 0.3rem;
    font-weight: bold;
    font-size: .75rem !important;
    background: none !important;
    color: white !important;
}
/** Mostrar completamente el placeholder del autocomplete **/
.ui-autocomplete-input-token input{
    width: 100% !important;
}
.ui-autocomplete-input-token{
    width: 100% !important;
}
/** ----------------------------------------------------- **/
.ui-button-text ui-c .sin-padding{
    padding: 0 !important
}
.ui-fieldset .ui-fieldset-legend{
    padding: 0.5rem !important;
}
/** Bordes en los tabviews **/
.ui-tabs .ui-tabs-nav li.ui-tabs-header{
    padding: 0.8rem;
    margin: 1rem;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-bottom: 2px solid var(--primary-color);
}
.MyOneMenu .ui-button.ui-button-text-only .ui-button-text{
    font-size: 0.7rem !important;
}
.MyHeaderDialog .ui-dialog-titlebar{
    background-color: var(--color-orange-100) !important;
}
.dialogBox{
    top: 15% !important;
    left:30% !important;
}
/**
* {
    margin: 0;
    padding: 0;
}
**/
body{
    font-family: var(--fuente);
    /**font-size: var(--tamanioFuente);**/
    text-decoration: none;
}
label{
    font-weight:bolder;
}
/** Estilo del panel de feedback **/
#panelLoad{
    width: 100%;
    z-index: 500000;
    position: fixed;
    top: 0px;
    padding: 0px;
}
#panelLoad #panelLoad_content{
    padding: 0 ;
    margin: 0px ;
    border: none;
}
.selector-sticky-datatable-header{
    min-height: 50px;
}
.estiloEnlaceNone{
    color: unset !important;
    text-decoration: none !important;
}
.estiloDescripcion{
    font-size: 0.875rem;
    font-weight: bold;
    font-style: italic;
    color: var(--color-gray-700);
}
.estiloDescripcion::before{
    content: '\f08d';
    font-family: "Font Awesome 7 free";
    font-style: normal;
    font-size: larger;
    padding-right: 10px;
    color: var(--color-blue-500);
}
.estiloObservacion{
    font-weight: bolder;
    font-size: 0.9rem;
    font-family: var(--fuenteCourier);
    color: var(--color-gray-800);
}
.estiloNombreArchivo{
    font-weight: bold;
    font-size: 0.7rem;
    font-family: var(--fuenteCourier);
    font-style: italic;
    color: var(--color-gray-800);
}
.subMenuEliminar{
    background-color: var(--color-red-50) !important;
}
.subMenuEliminar > .ui-menuitem-icon{
    color: var(--color-red-500) !important;
}
.subMenuEliminar > .ui-menuitem-text{
    color: var(--color-red-500) !important;
}

.subMenuEliminar:hover{
    background-color: var(--color-red-100) !important;
}
.colorSenado{
    color: var(--color-red-800);
}
.colorDiputado{
    color: var(--color-blue-800);
}
.estiloEtapa{
    color: var(--color-emerald-900);
    font-weight: bold;
}
.estiloSubEtapa{
    font-weight: bold;
    color: var(--color-slate-500);
}
.estiloSubEtapa::before{
    content: '\f142';
    font-family: "Font Awesome 7 free";
    padding-right: 10px;
}
.estiloAlerta{
    font-size: 0.875rem;
    font-weight: bold;
    font-style: italic;
    color: var(--color-gray-800);
}
.estiloAlerta::before{
    content: '\f0f3';
    font-family: "Font Awesome 7 free";
    font-style: normal;
    font-size: larger;
    padding-right: 10px;
    color: var(--color-orange-500);
}
.textoFileSize{
    border-radius: 2px;
    padding: .25em .5rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .3px;
    background-color: var(--color-slate-900);
    color: whitesmoke;
    min-width: 70px;
}
.insignia.insignia-grande{
    font-size: 1.1rem;
}
.insignia {
    border-radius: 2px;
    padding: .25em .5rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: .3px;
}
.insignia.red_1 {
    background-color: var(--color-red-100);
    color: var(--color-red-900);
}
.insignia.red_2 {
    background-color: var(--color-red-900);
    color: var(--color-red-50);
}
.insignia.orange_1 {
    background-color: var(--color-orange-100);
    color: var(--color-orange-900);
}
.insignia.orange_2 {
    background-color: var(--color-orange-900);
    color: var(--color-orange-50);
}
.insignia.amber_1 {
    background-color: var(--color-amber-100);
    color: var(--color-amber-900);
}
.insignia.amber_2 {
    background-color: var(--color-amber-900);
    color: var(--color-amber-50);
}
.insignia.yellow_1 {
    background-color: var(--color-yellow-100);
    color: var(--color-yellow-900);
}
.insignia.yellow_2 {
    background-color: var(--color-yellow-900);
    color: var(--color-yellow-50);
}
.insignia.lime_1 {
    background-color: var(--color-lime-100);
    color: var(--color-lime-900);
}
.insignia.lime_2 {
    background-color: var(--color-lime-900);
    color: var(--color-lime-50);
}
.insignia.green_1 {
    background-color: var(--color-green-100);
    color: var(--color-green-900);
}
.insignia.green_2 {
    background-color: var(--color-green-900);
    color: var(--color-green-50);
}
.insignia.emerald_1 {
    background-color: var(--color-emerald-100);
    color: var(--color-emerald-900);
}
.insignia.emerald_2 {
    background-color: var(--color-emerald-900);
    color: var(--color-emerald-50);
}
.insignia.teal_1 {
    background-color: var(--color-teal-100);
    color: var(--color-teal-900);
}
.insignia.teal_2 {
    background-color: var(--color-teal-900);
    color: var(--color-teal-50);
}
.insignia.cyan_1 {
    background-color: var(--color-cyan-100);
    color: var(--color-cyan-900);
}
.insignia.cyan_2 {
    background-color: var(--color-cyan-900);
    color: var(--color-cyan-50);
}
.insignia.sky_1 {
    background-color: var(--color-sky-100);
    color: var(--color-sky-900);
}
.insignia.sky_2 {
    background-color: var(--color-sky-900);
    color: var(--color-sky-50);
}
.insignia.blue_1 {
    background-color: var(--color-blue-100);
    color: var(--color-blue-900);
}
.insignia.blue_2 {
    background-color: var(--color-blue-900);
    color: var(--color-blue-50);
}
.insignia.indigo_1 {
    background-color: var(--color-indigo-100);
    color: var(--color-indigo-900);
}
.insignia.indigo_2 {
    background-color: var(--color-indigo-900);
    color: var(--color-indigo-50);
}
.insignia.violet_1 {
    background-color: var(--color-violet-100);
    color: var(--color-violet-900);
}
.insignia.violet_2 {
    background-color: var(--color-violet-900);
    color: var(--color-violet-50);
}
.insignia.purple_1 {
    background-color: var(--color-purple-100);
    color: var(--color-purple-900);
}
.insignia.purple_2 {
    background-color: var(--color-purple-900);
    color: var(--color-purple-50);
}
.insignia.fuchsia_1 {
    background-color: var(--color-fuchsia-100);
    color: var(--color-fuchsia-900);
}
.insignia.fuchsia_2 {
    background-color: var(--color-fuchsia-900);
    color: var(--color-fuchsia-50);
}
.insignia.pink_1 {
    background-color: var(--color-pink-100);
    color: var(--color-pink-900);
}
.insignia.pink_2 {
    background-color: var(--color-pink-900);
    color: var(--color-pink-50);
}
.insignia.rose_1 {
    background-color: var(--color-rose-100);
    color: var(--color-rose-900);
}
.insignia.rose_2 {
    background-color: var(--color-rose-900);
    color: var(--color-rose-50);
}
.insignia.slate_1 {
    background-color: var(--color-slate-100);
    color: var(--color-slate-900);
}
.insignia.slate_2 {
    background-color: var(--color-slate-900);
    color: var(--color-slate-50);
}
.insignia.gray_1 {
    background-color: var(--color-gray-100);
    color: var(--color-gray-900);
}
.insignia.gray_2 {
    background-color: var(--color-gray-900);
    color: var(--color-gray-50);
}
.insignia.zinc_1 {
    background-color: var(--color-zinc-100);
    color: var(--color-zinc-900);
}
.insignia.zinc_2 {
    background-color: var(--color-zinc-900);
    color: var(--color-zinc-50);
}
.insignia.neutral_1 {
    background-color: var(--color-neutral-100);
    color: var(--color-neutral-900);
}
.insignia.neutral_2 {
    background-color: var(--color-neutral-900);
    color: var(--color-neutral-50);
}
.insignia.stone_1 {
    background-color: var(--color-stone-100);
    color: var(--color-stone-900);
}
.insignia.stone_2 {
    background-color: var(--color-stone-900);
    color: var(--color-stone-50);
}
.insignia.bluegray_1 {
    background-color: var(--color-bluegray-100);
    color: var(--color-bluegray-900);
}
.insignia.bluegray_2 {
    background-color: var(--bluegray-900);
    color: var(--color-bluegray-50);
}
.insignia.resultado-tramite {
    background-color: var(--color-gray-700);
    color: white;
    padding: 10px;
    margin-bottom: 150px;
}
.insignia.sentido-dictamen {
    background-color: var(--color-yellow-100);
    color: var(--color-yellow-900);
    padding: 5px;
    border: 1px solid var(--color-orange-500);
    border-radius: 5px;
    display: inline-block;

}
.insignia.titulo-tramite {
    background-color: white;
    color: black;
    padding: 10px;
    margin-bottom: 150px;
    border: 1px solid #cccc00;
    margin-right: 10px;
}
.estiloRecesoParlamentario{
    background-color: var(--color-purple-100)
}
.estiloFinDeSemana{
    background-color: var(--color-orange-100)
}
.estiloDefaultFecha{
    background-color: var(--color-green-100) !important;
}
/** Usado en la animación del progress bar**/
@keyframes fill {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}