header.login{user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;grid-area:header;background-color:#000;display:grid;grid-template-columns:48px 200px auto 48px 48px 48px 48px}header.login>.header-company-select{grid-column-start:1;grid-column-end:2;font-size:32px;justify-self:stretch;align-self:stretch;cursor:pointer;padding-left:8px;padding-top:6px}header.login>.header-logo{grid-column-start:1;grid-column-end:2;justify-self:stretch;align-self:stretch;cursor:pointer;font-size:36px}header.login>.header-logo>i{text-decoration:none;color:green}header.login>.header-logo-text{grid-column-start:1;grid-column-end:3;justify-self:stretch;align-self:stretch;cursor:pointer;font-size:36px;font-weight:700;text-decoration:none;text-align:center}header.login>.header-logo-text .hort{color:#fff}header.login>.header-logo-text .id{color:green}header.login>a{color:#fff;text-decoration:none}header.login>a:hover{color:var(--darker)}header.login>a.header-button1{grid-column-start:4;grid-column-end:5;font-size:32px;justify-self:center;align-self:center;cursor:pointer}header.login>a.header-button2{grid-column-start:5;grid-column-end:6;font-size:32px;justify-self:center;align-self:center;cursor:pointer}header.login>a.header-button3{grid-column-start:6;grid-column-end:7;font-size:32px;justify-self:center;align-self:center;cursor:pointer}header.login>a.header-button4{grid-column-start:7;grid-column-end:8;font-size:32px;justify-self:center;align-self:center;cursor:pointer}main.login{user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;display:grid;grid-template-rows:10vh min-content 1fr;grid-template-columns:1fr 400px 1fr;grid-template-areas:"top-left     top-center      top-right" "center-left   content     center-right" "bottom-left bottom-center bottom-right";overflow-y:auto}main.login>.login-form{grid-area:content;display:grid;grid-auto-rows:min-content;background-color:var(--lighter);color:var(--lighter-font);padding:16px}main.login>.login-form h2{margin-top:0;margin-bottom:16px}main.login>.login-form input[type=text],main.login>.login-form input[type=password]{padding:4px;background-color:var(--white);color:var(--white-font);border:1px solid var(--darker);margin-bottom:4px}main.login>.login-form input[type=submit],main.login>.login-form button{margin-top:8px;padding:4px 16px;background-color:var(--base);color:var(--base-font);border:1px solid var(--darker);cursor:pointer}main.login>.login-form .authMethod{text-align:left;padding:8px}main.login>.login-form .authMethod>span>i{vertical-align:middle}main.login>.login-form .add-top-margin{margin-top:24px}#video-container{position:relative;width:400px;height:400px;overflow:hidden}#inner-video-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%}#inner-video-container>.scan-region-highlight{outline:rgba(0,0,0,.25) solid 50vmax;border-radius:10px}#inner-video-container>.scan-region-highlight>.scan-region-highlight-svg{stroke:var(--base)!important}#inner-video-container>.scan-region-highlight>.code-outline-highlight{stroke:var(--base)!important}#qr-video{object-fit:contain}