@import url(https://fonts.googleapis.com/css?family=Exo+2:400,200,300,700);
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,200,300,700);
.icon-container .success-color{border:4px solid rgb(73.7629159548%,86.4290944594%,59.0611016191%)}.icon-container .download-color{border:4px solid #465a64}.icon-container .error-color{border:4px solid #e53935}.icon-container .animation-icon{display:inline-block;width:8em;height:8em;font-size:16px;border-radius:50%;background-color:#fff;position:relative;overflow:hidden;transform-origin:center;animation:showSuccess 180ms ease-in-out;transform:scale(1)}.icon-container .success-icon__tip,.icon-container .success-icon__long{display:block;position:absolute;height:4px;background-color:rgb(73.7629159548%,86.4290944594%,59.0611016191%);border-radius:10px}.icon-container .success-icon__tip{transform:rotate(45deg);animation:tipInPlace 300ms ease-in-out;animation-fill-mode:forwards;animation-delay:180ms;visibility:hidden}.icon-container .success-icon__long{width:4em;transform:rotate(-45deg);animation:longInPlace 140ms ease-in-out;animation-fill-mode:forwards;visibility:hidden;animation-delay:440ms}@keyframes showSuccess{from{transform:scale(0)}to{transform:scale(1)}}@keyframes tipInPlace{from{width:0em;top:0em;left:-1.6em}to{width:2.4em;top:4.4em;left:1.14em;visibility:visible}}@keyframes longInPlace{from{width:2.4em;top:4.4em;left:2.7em}to{width:4em;top:3.9em;left:2.5em;visibility:visible}}.icon-container .pre-success-icon__horizontal,.icon-container .pre-success-icon__tip,.icon-container .pre-success-icon__tipRev{display:block;position:absolute;height:4px;background-color:#465a64;border-radius:10px}.icon-container .pre-success-icon__horizontal{transform:rotate(90deg);animation:horInPlace 300ms ease-in-out;animation-fill-mode:forwards;animation-delay:180ms;visibility:hidden}.icon-container .pre-success-icon__tip{transform:rotate(45deg);animation:tipInPlaceDownload;animation-fill-mode:forwards;animation-delay:180ms;visibility:hidden}.icon-container .pre-success-icon__tipRev{transform:rotate(-45deg);animation:tipInPlaceRevDownload;animation-fill-mode:forwards;animation-delay:180ms;visibility:hidden}@keyframes horInPlace{from{width:3.4em;top:3.7em;left:2.07em;visibility:visible}to{width:3.4em;top:3.6em;left:2.07em;visibility:visible}}@keyframes tipInPlaceDownload{from{width:2.4em;top:4.3em;left:1.8em;visibility:visible}to{width:2.4em;top:4.5em;left:1.8em;visibility:visible}}@keyframes tipInPlaceRevDownload{from{width:2.4em;top:4.5em;left:3.4em;visibility:visible}to{width:2.4em;top:4.5em;left:3.4em;visibility:visible}}.icon-container .error-icon__errTip,.icon-container .error-icon__errTipRev{display:block;position:absolute;height:4px;background-color:#e53935;border-radius:10px}.icon-container .error-icon__errTip{transform:rotate(45deg);animation:errTipInPlace;animation-fill-mode:forwards;animation-delay:180ms;visibility:hidden}.icon-container .error-icon__errTipRev{transform:rotate(-45deg);animation:errTipInPlaceRev;animation-fill-mode:forwards;animation-delay:180ms;visibility:hidden}@keyframes errTipInPlace{from{width:0em;top:4.3em;left:1.8em;visibility:visible}to{width:4.9em;top:3.7em;left:1.4em;visibility:visible}}@keyframes errTipInPlaceRev{from{width:0em;top:4.3em;left:3.6em;visibility:visible}to{width:4.9em;top:3.7em;left:1.4em;visibility:visible}}
.landing-component{width:100%;height:100%}.landing-component .app-loading-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.landing-component .landing-wrapper{width:100%;height:100%}.landing-component .main-context{box-shadow:0px 0px 10px rgba(0,0,0,.2509803922);border-radius:5px;min-height:50vh;position:relative;top:45%;left:0;transform:translateY(-50%);width:100%;min-width:20%;display:block;margin:0 auto;padding:1rem;max-width:22%}.landing-component .main-context .fonix-logo{margin-bottom:2.5rem}.landing-component .main-context .fonix-logo .big-logo{margin:0 auto;display:block;width:100%;max-width:390px}.landing-component .main-context .division{margin-bottom:3.5rem}.landing-component .main-context .division::before,.landing-component .main-context .division::after{content:"";border-top:1px solid #bdbdbd;width:100%;position:absolute;left:0}.landing-component .main-context button{display:block;margin:1rem auto 1rem auto}.landing-component .main-context .details-background{text-align:center;display:block;margin:1rem 0 0 0}.landing-component .main-context .details-background .details{font-size:.8rem;color:#bdbdbd}.landing-component .main-context .context-container{display:block;margin:0 auto;justify-content:center}.landing-component .main-context .btn-download:active{color:rgba(73,118,188,.6196078431)}.landing-component .main-context .btn-download{color:#4976bc;font-size:23vh;justify-content:center;display:flex}.landing-component .main-context .footer-container{position:absolute;width:100%;left:0;border-top:1px solid rgba(0,0,0,.168627451);bottom:0px}.landing-component .main-context .footer-container .loading-icon{top:100%;left:50%;position:absolute}.landing-component .navbar{height:55px;z-index:10;padding:17px;display:flex}.landing-component .navbar .logo-letter{cursor:pointer;width:20px}@media only screen and (min-width: 601px)and (max-width: 992px){.landing-component .main-context{max-width:37%}.landing-component .fonix-logo .big-logo{width:90%}}@media only screen and (max-width: 600px){.landing-component .main-context{max-width:90%}.landing-component .main-context{padding:.75rem;top:50%}.landing-component .navbar{display:none !important}}@media screen and (max-height: 400px)and (orientation: landscape){.landing-component .main-context{padding:.75rem;top:50%}.landing-component .navbar,.landing-component .success-icon,.landing-component .pre-success-icon{display:none !important}}@media screen and (max-width: 600px)and (max-height: 400px)and (orientation: landscape){.landing-component .main-context{padding:.75rem;top:50%;height:98%}.landing-component .navbar,.landing-component .success-icon,.landing-component .pre-success-icon,.landing-component .icon-context{display:none !important}.landing-component .details-background{margin:1rem 0rem 0rem 0rem !important}}
.app-component{width:100%;height:100%;min-width:400px}.app-component .app-loading-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.app-component .app-wrapper{width:100%;height:100%}.app-component .app-body{background:#fafafa;height:calc(100% - 55px);width:100%}.app-component .app-body .main-route-page{width:calc(100% - 55px);overflow-y:auto;height:100%;margin-left:55px}.app-component .app-update-link{text-decoration:underline}.app-component .navbar{height:55px}.app-component .route-report-viewer{position:fixed;top:0;left:0;right:0;bottom:0}.app-component .globalVideoComponent{width:auto;position:absolute;z-index:1000;bottom:10px;right:10px}select{display:block}

/*# sourceMappingURL=../app~ea1f58e8.711ce20ae27ba157a79b.bundle.map*/