﻿body { background: #fff; }
#header, #aLogout { display: none; }

.pagecontainer { text-align: center; }

    .container { height: 100%; position: relative; }

        .container .logo { position: absolute; width: 18.6rem; height: auto; top: 21.4rem; left: 80.7rem; }

        .container #ready { display: block; opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; }
        .container #ready.isready { opacity: 1; }
            .container #ready > * { position: absolute; }

            .container p { left: 0; right: 0; top: 35.8rem; font-size: 2.4rem; font-weight: 400; color: #000; }

            .container .box { left: 75rem; width: 30rem; height: 4rem; color: #000; font-weight: 600; line-height: 3.9rem; background-color: var(--gro_faintgrey); }
                .container .box svg { position: absolute; color: #000; }
                .container .box input { position: absolute; top: 0; height: 100%; right: 0; width: 25.1rem; background: inherit; border: none; font-weight: inherit; box-sizing: border-box; }
                .container .box.user { top: 46rem; }
                    .container .box.user svg { height: 1.9rem; width: 1.9rem; left: 1.3rem; top: 1.1rem; }
                .container .box.pass { top: 51.9rem; }
                    .container .box.pass svg { height: 2rem; width: 2rem; left: 1.2rem; top: 1.1rem; }

                .container .box input::-webkit-input-placeholder { font-style: italic; font-weight: 300; font-size: 2rem; }
                .container .box input::-moz-placeholder { font-style: italic; font-weight: 300; font-size: 2rem; }
                .container .box input:-ms-input-placeholder { font-style: italic; font-weight: 300; font-size: 2rem; }
                .container .box input:-moz-placeholder { font-style: italic; font-weight: 300; font-size: 2rem; }

            .container #login { top: 57.9rem; height: 4rem; background: #8fa1da; color: #fff; font-size: 2.1rem; cursor: pointer; }

            .container #reset { top: 64.4rem; left: 77.3rem; font-size: 2.1rem; font-weight: 400; color: #8fa1da; cursor: pointer; }

            .container #issue { top: 78rem; left: 68.5rem; width: 43rem; font-size: 2.4rem; font-weight: 400; background: none; }
                .container #issue > span { display: block; font-weight: 600; }

        #copy { text-align: left; }