@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,600;0,800;1,400;1,600;1,800&family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,500;1,900&display=swap');
.cfdiAgregado *{font-size: small;}
.cfdiAgregado .form-control,.cfdiAgregado textarea, .cfdiAgregado .input-group-text,[name="Formulario para Agregar CFDIs"] .input-group-text{border-radius: 0px;}
.cfdiAgregado .input-group-text{padding: 5px;}
@import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap');
.GoogleFonts.Inconsolata{font-family: 'Inconsolata', monospace!important;}
.bootstrap-datetimepicker-widget *{color: white;background-color: var(--azulPROSER);}
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap');
:root {
  --azulPROSER: hsl(221, 100%, 13%);
  --azulPROSER: hsla(0, 0%, 0%, 1);
  --azulPROSER: hsl(50, 0%, 20%);
  --rojoPROSER: hsla(351, 74%, 48%, 1);
  --fuentePROSER:'Prompt', sans-serif;
  --fuenteGeneral:'Roboto', sans-serif;
  --pantallaROJOPROSER: hsla(351, 74%, 48%, 0.25);
}
.btn-block{
  border-radius: 5px;
}
.animado{
  -webkit-animation: GradienteColorOnce2 15s ease infinite;
  -moz-animation: GradienteColorOnce2 15s ease infinite;
  animation: GradienteColorOnce2 15s ease infinite;
}
.Bienvenido{
  z-index:-9999;
  position: fixed;
  top:0px;
  height: 100vh;
  width: 100vw;
  font-weight:bolder;
}
.Bienvenido h1,.Bienvenido h2{font-size: 2.25em;color: hsla(0, 0%, 0%, 0.15)}
.nav-header{width: 100%;font-weight: bolder;}
.nav a{color: hsla(0, 0%, 100%, 0.075)!important;font-weight: bold;}
h1,h2,h3,h4{color: var(--azulPROSER);font-family:var(--fuenteGeneral)!important;font-weight: 800;}
i.espacio{width: 5px;}
body *{font-family: var(--fuenteGeneral);}
.h1{font-size: 6em;clear: both;}
.table tr th{color: hsla(0, 0%, 100%, 0.75)!important;}
.rojoPROSER{color: var(--rojoPROSER);}
.azulPROSER{color: var(--azulPROSER);}
.bg-azul+*{color: hsla(0, 0%, 100%, 0.75);}
.bg-azul{background-color: var(--azulPROSER);}
.textoBrillante{
  color: rgba(255,255,255,0.25);
  overflow: hidden;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0.0), hsla(0, 0%, 100%, 1), hsla(0, 0%, 80%, 0.0));
  background-repeat: no-repeat;
  background-size: 80%;
  animation: textoAnimado 10s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: hsla(0, 0%, 100%, 0.35);
}
@keyframes textoAnimado {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}
.sidebar-collapse .nav-icon{padding-right: -5px!important;  }
.sidebar-mini:not(.sidebar-collapse) .nav-icon {
  padding-right: 0px!important;
}
.sidebar-collapse .calendario p{padding-left:15px;}
strong{color: var(--azulPROSER)!important}
.dark strong{color: white!important}
.brand-text{font-size: 1.5em;}
.brand-link{border-radius: 0 0 20px 0px;}
@keyframes GradienteColorOnce2 {
  0%{background-position:0% 82%}
  50%{background-position:100% 19%}
  100%{background-position:0% 82%}
}
.main-sidebar{z-index:9999!important;}
/*Tamaños fuente menu lateral*/
.nav-sidebar .nav-item{border:solid 0.5px hsla(0, 0%, 0%, 0.15);background-color: hsla(0, 0%, 0%, 0.05);font-size: 0.85em!important;}
.nav-icon.fa,.nav-icon.fas{font-size: 1.35em!important;}
.nav-sidebar .nav-item:hover{color: var(--pantallaROJOPROSER)}
.main-sidebar .gap{min-height: 90px;list-style: none;}
.nav-item{color: hsla(0, 0%, 100%, 0.95)!important;}
.nav-flat.nav-sidebar>.nav-item .nav-treeview .nav-item>.nav-link, .nav-flat.nav-sidebar>.nav-item>.nav-treeview .nav-item>.nav-link {
  border-left: .2rem solid hsla(0, 0%, 0%, 0.5);
}
input:focus{
  animation: blink-parpadeante 1s infinite!important;
  border: transparent solid 1px!important;
  margin:0px;
  font-size: 1.1em;

}
@keyframes blink-parpadeante {
  50% {-webkit-box-shadow:  0px 0px 5px 5px hsla(180, 100%, 50%, 0.25);
    -moz-box-shadow:  0px 0px 5px 5px hsla(180, 100%, 50%, 0.25);
    box-shadow:  0px 0px 5px 5px hsla(180, 100%, 50%, 0.25) }
  }
  a.nav-link{color: white!important;}
  .activo.nav-link{color: black!important;}
  .activo{
    color: black!important;
    font-weight: bolder;
    background: linear-gradient(270deg,hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0.55),hsla(0, 0%, 100%, 0.95));
    background-size: 500% 500%;
    -webkit-animation: GradienteColorOnce2 20s ease infinite;
    -moz-animation: GradienteColorOnce2 20s ease infinite;
    animation: GradienteColorOnce2 20s ease infinite;
    -webkit-box-shadow:inset 0px 0px 3px 2px hsla(0, 0%, 0%, 0.5);
    -moz-box-shadow: inset 0px 0px 3px 2px hsla(0, 0%, 0%, 0.5)
    box-shadow:inset 0px 0px 3px 2px hsla(0, 0%, 0%, 0.5);
  }
  [data-funcion="Contendor de Búsqueda"] input{height: 100%;width: 100%;}
  .cargador{
    z-index: 99999999;height:100vh;width: 100vw;color: var(--azulPROSER);position: fixed;top: 0;background-color: white;
    background: url('https://siproser.com/css/img/fondo02.jpg');
/*background: url('img/fondo02.jpg');
*/
filter: blur(0.15px)  brightness(1.1) saturate(0);
-webkit-animation: GradienteColorOnce2 15s ease infinite;
-moz-animation: GradienteColorOnce2 15s ease infinite;
animation: GradienteColorOnce2 15s ease infinite;
}
.Bienvenido{
  background: url('https://siproser.com/css/img/fondo02.jpg');
/*background: url('img/fondo02.jpg');
*/
filter: blur(0.15px)  brightness(1.1) saturate(0);
/*
-webkit-animation: GradienteColorOnce2 15s ease infinite;
-moz-animation: GradienteColorOnce2 15s ease infinite;
animation: GradienteColorOnce2 15s ease infinite;
*/
}
.cargador .d-flex {height: 100vh;}
.cargador img.sm,.Bienvenido img.sm{width: 25px;height: auto;}
/* .cargador .contenedor{margin-top: 50vh} */
body *{transition: all 0.25s ease-in-out!important;}
input{border: 1px solid var(--azulPROSER)!important;}
.btn:focus{border: 2px solid var(--azulPROSER);font-size: 1.2em}
.btn{transition: all 0.25s;}
/*Anima Modales pENDIENTE*/
.modal.fade{opacity:1}
.modal.fade .modal-dialog{-webkit-transform:translate(0);-moz-transform:translate(0);transform:translate(0)}
.errorMessage *{color: var(--rojoPROSER);}
.nav-treeview>.nav-header{margin-left:17px!important;font-weight:bolder;border-bottom:0.5px solid hsla(0, 0%, 100%, 0.25);font-size:1.05em;}
.nav-treeview>.nav-item {margin-left:17px!important;}
li.nav-item.autonomo a{font-size:1.2em;font-weight:bolder;}
.nav>.nav-item.has-treeview{font-family: var(--fuenteGeneral);font-weight: 600;font-size: 1.0em;letter-spacing: -0.25px;text-transform: uppercase;}
select.form-control:focus{background-color: var(--azulPROSER);font-size: 1.1em;}
.zonacarga{background-image:url('img/analizandoexcel.gif');min-height: 25px;border-radius: 0px;background-position:center;opacity: 0.25;background-size: cover;}
.input-group-text .error-info{color:red!important;font-weight:bolder;margin-right: 5px;}
.sip-btn-derecha{border-radius: 0px 20px 20px 0px!important;}
.btn{font-family: 'Roboto', sans-serif;!important;font-weight: bold;}
.btn-dark{color: white!important;}
.content{background-color: transparent!important;color: gray!important;margin-top: -5px;}
.content-wrapper > .content{padding: 0px!important;}
.nav-item *{color: hsla(0, 0%, 100%, 0.65)!important;}
.nav-link.activo *{color: var(--azulPROSER)!important;}
.fuentePROSER{font-family:'Prompt', sans-serif!important;letter-spacing: 0.03em;font-weight:bold!important;}
#Ayuda .carousel{min-height: 65vh;display: flex;justify-content: center;align-items: center}
#Ayuda .carousel-caption{background-color: hsla(0, 0%, 0%, 0.75);border-radius: 5px; padding: 25px}
.color-cyan{color: cyan;}
.sombra{
  -webkit-box-shadow: 10px 10px 5px 0px hsla(0, 0%, 0%, 0.22);
  -moz-box-shadow: 10px 10px 5px 0px hsla(0, 0%, 0%, 0.22);
  box-shadow: 10px 10px 5px 0px hsla(0, 0%, 0%, 0.22);
}
.form-control.input-lg{font-size: xx-large!important;;}
.form-control.input-lg:focus;{font-size: xx-large!important;;}
.form-control.input-lg:active;{font-size: xx-large!important;;}
.form-control.input-lg:selected;{font-size: xx-large!important;}
.respuestas{font-family: monospace;font-size:small;background-color: rgba(0,0,0,0.95);color:cyan;
  background-repeat: no-repeat!important;background-size:contain!important;  background-attachment: fixed!important;
  background-position: center!important;
}
.respuestas .respuesta{background-color:rgba(0,0,0,0.65);color:cyan!important;padding:5px;font-family: 'Inconsolata', monospace!important;margin-top: 0px}





.monito.inicio{
    position:fixed;
    right:50vw;
    bottom:0vh;
    z-index:9999;
    width:30vw;
    height:auto;
}

.monito.inicio.oculto{
    right:-50vw;
}


