@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:wght@400;700&display=swap');

:root {
  --azulPROSER: rgba(0,10,50,1);
  --rojoPROSER: rgba(212,31,57,1);
  --fuentePROSER: font-family: 'Prompt', sans-serif;
  --fuenteGeneral:'Roboto', sans-serif;
  --pantallaROJOPROSER: rgba(212,31,57,0.25);
}

.nav-header{width: 100%;font-weight: bolder;}

h1,h2,h3,h4{color: var(--azulPROSER);font-family: var(--fuenteGeneral)!important;font-weight: 800;}
i.espacio{width: 5px;}
body *{font-family: var(--fuenteGeneral)!important;}
.h1{font-size: 4em;}
.table tr th{color: rgba(255,255,255,0.75)!important;}
.fuentePROSER{font-family: var(--fuentePROSER);font-weight:700;letter-spacing: -1px;}
.rojoPROSER{color: var(--rojoPROSER);}
.azulPROSER{color: var(--azulPROSER);}

.bg-azul+*{color: rgba(255,255,255,0.75);}
.bg-azul{background-color: var(--azulPROSER);}

.bg-dark *{color:rgba(255,255,255,0.55); }
.bg-black{background-color: black;}
.textoBrillante{
 overflow: hidden;
  background: linear-gradient(90deg, rgba(255,255,255,0.75), rgba(255,255,255,1), rgba(255,255,255,0.75));
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 10s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.75);
}


@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}


strong{color: var(--azulPROSER)!important}
.dark strong{color: white!important}
.brand-text{font-size: 1.5em;}

@keyframes GradienteColorOnce2 {
  0%{background-position:0% 82%}
  50%{background-position:100% 19%}
  100%{background-position:0% 82%}
}

.nav-sidebar .nav-item{border:solid 0.5px rgba(0,0,0,0.15);background-color: rgba(0,0,0,0.05);}
.nav-sidebar .nav-item:hover{color: var(--pantallaROJOPROSER)}

.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 rgba(0,0,0,0.5);
}

input{color: var(--azulPROSER) !important;font-weight: bolder;}
input:focus{
  color: cyan!important;
 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 rgba(0,255,255,0.25);
      -moz-box-shadow:  0px 0px 5px 5px rgba(0,255,255,0.25);
      box-shadow:  0px 0px 5px 5px rgba(0,255,255,0.25) }
    }
.activo{
  color: white!important;
  font-weight: bolder;
    background: linear-gradient(270deg, var(--azulPROSER), var(--rojoPROSER),var(--azulPROSER));
  background-size: 400% 400%;
  -webkit-animation: GradienteColorOnce2 15s ease infinite;
  -moz-animation: GradienteColorOnce2 15s ease infinite;
  animation: GradienteColorOnce2 15s ease infinite;
  -webkit-box-shadow:inset 0px 0px 3px 2px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.5)
box-shadow:inset 0px 0px 3px 2px rgba(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/fondoresponsivo3.jpg');
   -webkit-animation: GradienteColorOnce2 15s ease infinite;
  -moz-animation: GradienteColorOnce2 15s ease infinite;
  animation: GradienteColorOnce2 15s ease infinite;
}
.cargador img{width: 25px;height: auto;}
.cargador .contenedor{margin-top: 50vh}

input{border: 1px solid var(--azulPROSER)!important;}
.btn:focus{border: 2px solid var(--azulPROSER);font-size: 1.2em}
.btn{transition: all 0.25s;}


b.azulPROSER{color: var(--azulPROSER)!important;}
/*Anima Modales*/
.modal.fade{opacity:1}
.modal.fade .modal-dialog{-webkit-transform:translate(0);-moz-transform:translate(0);transform:translate(0)}

.errorMessage *{color: var(--rojoPROSER);}