/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
@keyframes spinner-a90wxe {
    100% {
        transform: rotate(1turn);
    }
}
.loading {
    --d: 38.7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    color: #FF3162;
    box-shadow: calc(1*var(--d)) calc(0*var(--d)) 0 0, calc(0.707*var(--d)) calc(0.707*var(--d)) 0 1.8px, calc(0*var(--d)) calc(1*var(--d)) 0 3.5px, calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 5.3px, calc(-1*var(--d)) calc(0*var(--d)) 0 7px, calc(-0.707*var(--d)) calc(-0.707*var(--d))0 8.8px, calc(0*var(--d)) calc(-1*var(--d)) 0 10.6px;
    animation: spinner-a90wxe 1s infinite steps(8);
    position: absolute;
    top: 47%;
    left: 47%;
    /*-moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);*/
    /*transform: translateX(-50%) translateY(-50%);*/
}
.cssmodal {
    display: none;
    position: fixed;
    z-index: 11000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 16,56,79, .7 );
}
body.LoginLogin {overflow: hidden;}    body.LoginLogin .cssmodal {display: block;}
body.LoginRecuperar {overflow: hidden;}    body.LoginRecuperar .cssmodal {display: block;}
body.LoginCancelar {overflow: hidden;}    body.LoginCancelar .cssmodal {display: block;}
body.LoginReestablecer {overflow: hidden;}    body.LoginReestablecer .cssmodal {display: block;}
body.LoginActualizar {overflow: hidden;}    body.LoginActualizar .cssmodal {display: block;}
body.LoginGetSesion {overflow: hidden;}    body.LoginGetSesion .cssmodal {display: block;}
body.LoginConfirmar {overflow: hidden;}    body.LoginConfirmar .cssmodal {display: block;}
body.MenuGetMenu {overflow: hidden;}    body.MenuGetMenu .cssmodal {display: block;}
body.MenuGetComboInfoParentesco {overflow: hidden;}    body.MenuGetComboInfoParentesco .cssmodal {display: block;}
body.MenuGetComboInfoRol {overflow: hidden;}    body.MenuGetComboInfoRol .cssmodal {display: block;}
body.MenuGetComboInfoTipoDocumento {overflow: hidden;}    body.MenuGetComboInfoTipoDocumento .cssmodal {display: block;}
body.MenuGetComboInfoSitio {overflow: hidden;}    body.MenuGetComboInfoSitio .cssmodal {display: block;}
body.MenuGetComboInfoEntidadLegal {overflow: hidden;}    body.MenuGetComboInfoEntidadLegal .cssmodal {display: block;}
body.MenuGetComboInfoArea {overflow: hidden;}    body.MenuGetComboInfoArea .cssmodal {display: block;}
body.MenuGetComboInfoDivision {overflow: hidden;}    body.MenuGetComboInfoDivision .cssmodal {display: block;}
body.MenuGetComboInfoEmpleado {overflow: hidden;}    body.MenuGetComboInfoEmpleado .cssmodal {display: block;}
body.MenuGetComboInfoTipoContrato {overflow: hidden;}    body.MenuGetComboInfoTipoContrato .cssmodal {display: block;}
body.MenuGetAutocompleteGenero {overflow: hidden;}    body.MenuGetAutocompleteGenero .cssmodal {display: block;}
body.MenuGetAutocompletePais {overflow: hidden;}    body.MenuGetAutocompletePais .cssmodal {display: block;}
body.MenuGetAutocompleteEstadoCivil {overflow: hidden;}    body.MenuGetAutocompleteEstadoCivil .cssmodal {display: block;}
body.MenuGetAutocompleteEstado {overflow: hidden;}    body.MenuGetAutocompleteEstado .cssmodal {display: block;}
body.MenuGetAutocompleteCodigoPostal {overflow: hidden;}    body.MenuGetAutocompleteCodigoPostal .cssmodal {display: block;}
body.MenuGetAutocompleteBanco {overflow: hidden;}    body.MenuGetAutocompleteBanco .cssmodal {display: block;}
body.MenuGetAutocompleteGradoEscolar {overflow: hidden;}    body.MenuGetAutocompleteGradoEscolar .cssmodal {display: block;}
body.MenuGetAutocompleteAreaEstudio {overflow: hidden;}    body.MenuGetAutocompleteAreaEstudio .cssmodal {display: block;}
body.MenuActualizaContrasena {overflow: hidden;}    body.MenuActualizaContrasena .cssmodal {display: block;}
body.RNPreguntasCarga {overflow: hidden;}    body.RNPreguntasCarga .cssmodal {display: block;}
body.RNPreguntasGuarda {overflow: hidden;}    body.RNPreguntasGuarda .cssmodal {display: block;}
body.RNDatosPersonalesCarga {overflow: hidden;}    body.RNDatosPersonalesCarga .cssmodal {display: block;}
body.RNDatosPersonalesGuarda {overflow: hidden;}    body.RNDatosPersonalesGuarda .cssmodal {display: block;}
body.RNGetInfoCP {overflow: hidden;}    body.RNGetInfoCP .cssmodal {display: block;}
body.RNDocumentosCarga {overflow: hidden;}    body.RNDocumentosCarga .cssmodal {display: block;}
body.RNDocumentosGuarda {overflow: hidden;}    body.RNDocumentosGuarda .cssmodal {display: block;}
body.RNDocumentosBorrar {overflow: hidden;}    body.RNDocumentosBorrar .cssmodal {display: block;}
body.RNDocumentosDescarga {overflow: hidden;}    body.RNDocumentosDescarga .cssmodal {display: block;}
body.RNDocumentosCheca {overflow: hidden;}    body.RNDocumentosCheca .cssmodal {display: block;}
body.RNDocumentosFinalizaCarga {overflow: hidden;}    body.RNDocumentosFinalizaCarga .cssmodal {display: block;}
body.RNDocumentosValida {overflow: hidden;}    body.RNDocumentosValida .cssmodal {display: block;}
body.RNDocumentosConfirmar {overflow: hidden;}    body.RNDocumentosConfirmar .cssmodal {display: block;}
body.RNPuestoBusca {overflow: hidden;}    body.RNPuestoBusca .cssmodal {display: block;}
body.RNPuestoCrea {overflow: hidden;}    body.RNPuestoCrea .cssmodal {display: block;}
body.RNPuestoListado {overflow: hidden;}    body.RNPuestoListado .cssmodal {display: block;}
body.RNPuestoBorrar {overflow: hidden;}    body.RNPuestoBorrar .cssmodal {display: block;}
body.RNPuestoPcC {overflow: hidden;}    body.RNPuestoPcC .cssmodal {display: block;}
body.RNPuestoActEst {overflow: hidden;}    body.RNPuestoActEst .cssmodal {display: block;}
body.RNPuestoInfoCarga {overflow: hidden;}    body.RNPuestoInfoCarga .cssmodal {display: block;}
body.RNPuestoInfoGuarda {overflow: hidden;}    body.RNPuestoInfoGuarda .cssmodal {display: block;}
body.RNDocumentosZIP {overflow: hidden;}    body.RNDocumentosZIP .cssmodal {display: block;}
body.RNConfirmaAlta {overflow: hidden;}    body.RNConfirmaAlta .cssmodal {display: block;}
body.RNCargaDatosSAP {overflow: hidden;}    body.RNCargaDatosSAP .cssmodal {display: block;}
body.RNCuadroGuarda {overflow: hidden;}    body.RNCuadroGuarda .cssmodal {display: block;}
body.RNCuadroCarga {overflow: hidden;}    body.RNCuadroCarga .cssmodal {display: block;}
body.RNBonoGuarda {overflow: hidden;}    body.RNBonoGuarda .cssmodal {display: block;}
body.RNBonoCarga {overflow: hidden;}    body.RNBonoCarga .cssmodal {display: block;}
body.RNHTGuarda {overflow: hidden;}    body.RNHTGuarda .cssmodal {display: block;}
body.RNHTCarga {overflow: hidden;}    body.RNHTCarga .cssmodal {display: block;}
body.RNDMCarga {overflow: hidden;}    body.RNDMCarga .cssmodal {display: block;}
body.RNDMGuarda {overflow: hidden;}    body.RNDMGuarda .cssmodal {display: block;}
body.RNGenerarContrato {overflow: hidden;}    body.RNGenerarContrato .cssmodal {display: block;}
body.AdministracionUsuarioListado {overflow: hidden;}    body.AdministracionUsuarioListado .cssmodal {display: block;}
body.AdministracionUsuarioCarga {overflow: hidden;}    body.AdministracionUsuarioCarga .cssmodal {display: block;}
body.AdministracionUsuarioGuarda {overflow: hidden;}    body.AdministracionUsuarioGuarda .cssmodal {display: block;}
body.AdministracionUsuarioBorrar {overflow: hidden;}    body.AdministracionUsuarioBorrar .cssmodal {display: block;}
body.AdministracionUsuarioReset {overflow: hidden;}    body.AdministracionUsuarioReset .cssmodal {display: block;}
body.AdministracionUsuarioDesbloquear {overflow: hidden;}    body.AdministracionUsuarioDesbloquear .cssmodal {display: block;}
body.AdministracionUsuarioBuscar {overflow: hidden;}    body.AdministracionUsuarioBuscar .cssmodal {display: block;}
body.AdministracionUsuarioReactivar {overflow: hidden;}    body.AdministracionUsuarioReactivar .cssmodal {display: block;}
body.AdministracionCargaSepomex {overflow: hidden;}    body.AdministracionCargaSepomex .cssmodal {display: block;}
body.AdministracionGetCorreos {overflow: hidden;}    body.AdministracionGetCorreos .cssmodal {display: block;}
body.AdministracionSetCorreos {overflow: hidden;}    body.AdministracionSetCorreos .cssmodal {display: block;}
body.AdministracionContratoListado {overflow: hidden;}    body.AdministracionContratoListado .cssmodal {display: block;}
body.AdministracionContratoCarga {overflow: hidden;}    body.AdministracionContratoCarga .cssmodal {display: block;}
body.AdministracionContratoGuarda {overflow: hidden;}    body.AdministracionContratoGuarda .cssmodal {display: block;}
body.AdministracionContratoBorrar {overflow: hidden;}    body.AdministracionContratoBorrar .cssmodal {display: block;}
body.AdministracionReporteVales {overflow: hidden;}    body.AdministracionReporteVales .cssmodal {display: block;}
body.AdministracionReporteGastos {overflow: hidden;}    body.AdministracionReporteGastos .cssmodal {display: block;}
body.AdministracionCargaMirko {overflow: hidden;}    body.AdministracionCargaMirko .cssmodal {display: block;}
body.AdministracionEntidadListado {overflow: hidden;}    body.AdministracionEntidadListado .cssmodal {display: block;}
body.AdministracionEntidadCarga {overflow: hidden;}    body.AdministracionEntidadCarga .cssmodal {display: block;}
body.AdministracionEntidadGuarda {overflow: hidden;}    body.AdministracionEntidadGuarda .cssmodal {display: block;}
body.AdministracionSitioListado {overflow: hidden;}    body.AdministracionSitioListado .cssmodal {display: block;}
body.AdministracionSitioCarga {overflow: hidden;}    body.AdministracionSitioCarga .cssmodal {display: block;}
body.AdministracionSitioGuarda {overflow: hidden;}    body.AdministracionSitioGuarda .cssmodal {display: block;}