:root {--main-bg-color: #ffffff;--main-fg-color: #0277bd;--tab-bg-color: #ffffff;--tab-fg-color: silver;--tab-bg-success: green;--tab-fg-success: #ffffff;--tab-fg-active: #ffffff;--tab-bg-active: #f18d17;--tab-bg-hover: #f18d17cc;--site-background-color: #ffffff;--site-font-color: #4a4a4a;--site-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif;--site-font-size: 14px;--site-font-weight: 400;--menu-text-color: #2b397f;}html, body {font-family: var(--site-font-family);font-weight: var(--site-font-weight);font-size: var(--site-font-size);letter-spacing: 0.3px;color: var(--site-font-color);overflow: hidden;user-select: none;}@media only screen and (max-width: 1024px) {html, body {font-weight: 400 !important;font-size: 14px;}}::selection {color: var(--main-bg-color);background: var(--main-fg-color);}div.background {position: relative;height: 100vh;width: 100vw;background-color: #0277bd;}div.background div {position: relative;top: 50vh;width: 100vw;}div.background div:nth-of-type(1) {height: 1px;background-color: var(--main-bg-color);}div.background div:nth-of-type(2) {height: 50vh;background-color: #cfcfcf;}div.logo {position: absolute;top: 0;right: 20px;height: 112px;width: 312px;background-image: url(../images/logo5.png);background-repeat: no-repeat;background-position: center center;background-size: contain;background-color: #fff;box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);border-radius: 0 0 2px 2px;}@media only screen and (max-width: 1024px) {div.logo {top: 10px;right: 10px;height: 90px;width: 90px;background-size: 326%;background-position: -4px 0px;border-radius: 50%;box-shadow: none;}}div.logo .light {offset-path: path("M0,0 h248 a2,2 0 0 1 2,2 v64 a2,2 0 0 1 -2,2 h-247 a2,2 0 0 1 -2,-2 v-45 a2,2 0 0 1 2,-2 z");animation: move 1500ms linear forwards;width: 15px;height: 15px;border-radius: 50%;background: radial-gradient(ellipse at center, white 0%, rgba(255, 255, 255, 0.4) 24%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.01) 100%);}img.customer-logo {position: absolute;bottom: 20px;margin: 20px;max-height: 100px;max-width: 200px;padding: 20px;background-color: #fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius: 2px;}.top {position: absolute;left: 0;top: 0;}.top .center {display: flex;align-items: center;justify-content: center;width: 100vw;height: 100vh;flex-direction: column;}.top .center .panel {background-color: var(--main-bg-color);box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius: 2px;max-width: 420px;overflow: hidden;padding: 20px;}.top .center .panel .scroll, .top .center .panel .short {max-width: 500px;margin: 10px 0;padding: 0 10px;}.top .center .panel .scroll {max-width: 500px;max-height: 500px;margin: 20px 0;padding: 10px;overflow-y: scroll;background-color: rgba(0, 0, 0, 0.05);border: 1px solid #cfcfcf;border-radius: 2px;text-align: justify;}.top .center .panel .scroll ol:nth-of-type(1) {list-style-type: decimal;}.top .center .panel .scroll ol:nth-child(2) {list-style-type: lower-roman;}.top .center .panel .scroll ol:nth-child(3) {list-style-type: lower-alpha;}.top .center .panel h5 {text-align: right;font-style: italic;font-size: 10px;margin: 0;padding: 0;}.top .center .panel .header {border-bottom: 1px solid #0277bd;color: #0277bd;padding-top: 10px;font-weight: normal;text-align: left;}.top .center .panel table {margin: 20px 0;width: 100%;}.top .center .panel table th {font-weight: 300;padding-bottom: 10px;}.top .center .panel table td {padding: 5px 0;}.top .center .panel label {color: #030303;margin-right: 5px;}.top .center .panel label > [required]::after {content: "*";}.top .center .panel label + label {display: none;}.top .center .panel label:hover + label {display: block;position: absolute;padding: 5px;max-width: 80%;color: var(--site-font-color);background-color: #fff;margin-left: 10px;border-radius: 7px;box-shadow: 3px 3px 5px #7f7f7f;z-index: 2;}.top .center .panel .error {color: red;}.top .center .panel input[type="text"], .top .center .panel input[type="password"] {max-width: 300px;min-width: 250px;width: 20vw;height: 26px;line-height: 26px;color: var(--site-font-color);background-color: #fff;padding: 0 5px 0 5px;border: 1px solid #979797;}.top .center .panel td.code {text-align: center;}.top .center .panel td.code input {width: 140px;height: 40px;font-size: 32px;min-width: auto;}.top .center .panel td.code img.qrcode {width: 200px;}.top .center .panel ::-webkit-input-placeholder, .top .center .panel ::placeholder {color: #979797;}.top .center .panel .buttons {display: flex;align-items: center;justify-content: center;}.top .center .panel .buttons input[type="submit"], .top .center .panel .buttons input[type="button"], .top .center .panel .buttons button, .top .center .panel .buttons a.button {transition: 300ms opacity ease-out;height: 30px;line-height: 28px;min-width: 80px;background-color: var(--main-fg-color);opacity: 1;color: #fff;border: none;margin: 0 10px;border-radius: 2px;cursor: pointer;}.top .center .panel .buttons input[type="submit"]:enabled:hover, .top .center .panel .buttons input[type="button"]:enabled:hover, .top .center .panel .buttons button:enabled:hover, .top .center .panel .buttons a.button:enabled:hover {opacity: 0.8;}.top .center .panel .buttons input[type="submit"]:disabled, .top .center .panel .buttons input[type="button"]:disabled, .top .center .panel .buttons button:disabled, .top .center .panel .buttons a.button:disabled {box-shadow: none;color: #cfcfcf;opacity: 0.6;}.top .center .panel .buttons a.button {text-align: center;text-decoration: none;}.top .center .panel .print {display: inline-block;transition: 300ms opacity ease-out;height: 30px;line-height: 28px;opacity: 1;padding: 0 10px;color: var(--site-font-color);background-color: rgba(0, 0, 0, 0.05);border: 1px solid #cfcfcf;border-radius: 2px;cursor: pointer;}.top .center .panel .print:hover {opacity: 0.8;}.top .center .panel .fa.fa-exclamation-triangle {color: red;margin-right: 20px;font-size: 32px;}.top .center ul {list-style-type: none;max-width: 90vw;margin: 10px 0;padding: 0;}.top .center ul.language {height: 48px;}.top .center ul li {display: inline;height: 100%;padding: 0;margin: 0 5px 0 0;opacity: 0.2;}.top .center ul li.chosen, .top .center ul li:hover {opacity: 1;}.top .center ul li.chosen:hover img, .top .center ul li:hover:hover img {transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);transform: scale(1.2, 1.2);}.top .center a.fab {text-align: center;transition: 300ms opacity ease-out;height: 40px;line-height: 40px;min-width: 140px;background-color: #fff;opacity: 1;color: var(--main-fg-color);border: none;margin: 2vh 0vw;padding: 0 1vh;border-radius: 2px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);text-decoration: none;}.top .center a.fab:hover {opacity: 0.8;}.top .center h1 {font-size: 2.5em;color: var(--main-fg-color);}.top .center h2 {font-size: 2em;color: var(--main-fg-color);border-bottom: 1px solid var(--main-fg-color);text-align: center;padding-bottom: 10px;margin: 0;font-weight: 200;}.top .center h3 {font-size: 1.3em;color: var(--main-fg-color);max-width: 500px;}a {color: #0277bd;}