body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{background:linear-gradient(#f1f3f1,#50aaf5)}.loginClass{font-family:Segoe Script;font-weight:"bold";color:#49b64a;background-color:#fff;border:0 solid #fff;width:100%;height:30px;margin-bottom:10px;font-size:13pt}.loginClass:hover{font-family:Segoe Script;font-weight:"bold";color:#00f;background-color:#fff;border:0 solid #fff;width:100%;height:30px;margin-bottom:10px;font-size:13pt}.modalType{color:#fff;text-align:center;background-color:#444c4f;font-size:16pt}.modalDiv{background-color:#444c4f}.modalContainer{background-color:#49b64a;border:2px solid #49b64a;border-radius:0 0 10px 10px;font-family:Segoe Script}.modalText{opacity:.7;background-color:#fff;border-radius:10px;max-width:300px;min-height:380px;padding:20px}.modalLoginText{max-width:300px;min-height:380px;padding:20px}.modalTitle{text-align:center;color:#fff;border-radius:0 0 10px 10px;font-size:14pt}.modalClass{opacity:.9;background-color:#fff}.descriptionRow{color:#000;background:linear-gradient(#ff9,#dae13a);border:2px solid #444c4f;border-radius:10px;max-height:300px;padding:15px;overflow:hidden}.row{flex-direction:row!important}.row>*{margin:5px}.dataLayer{border:2px solid #fff;border-radius:25px;width:100%;height:100px;position:relative;top:450px;right:1px}.imageDiv{text-align:center;height:200px}.imageSize{max-width:100%;height:auto}.descriptionPanel{opacity:100px;position:absolute;top:550px}.tabPanel{opacity:.8;background-color:#fff;border:2px solid #fff;border-radius:25px;width:436px;height:400px;padding:10px;font-weight:700;position:absolute;top:25px;left:0;overflow:hidden}.tabClass{width:2px}h1{color:#fff;text-shadow:0 0 60px #0000004d;font-family:Damion,cursive}h2{color:#fff}.swipe{position:absolute}.borderBottom{border-bottom:1px solid gray;position:absolute;top:50%;transform:translateY(-50%)}.borderTop{border-top:1px solid gray}.detailLink{color:#00f;font-weight:700}.transparent{opacity:.9;color:#fff;background-color:#00f;height:0}.detailLinkContainer{background-color:#444c4f;height:50px;overflow:scroll hidden}.linkClassRow{color:#fff;opacity:100;background-color:#444c4f;padding-bottom:5px;position:relative;top:178px}.linkClassContainer{height:50px}.linkClassPlain{color:#dae13a;font-family:Segoe Script;font-size:12px;font-weight:none;margin-top:8px;padding:5px}.linkClassPlain:hover{color:#49b64a;margin-top:2px;padding-right:5px;font-family:Segoe Script;font-size:13px}.linkClass{color:#444c4f;width:24px;height:24px;margin-top:8px;margin-bottom:5px;padding:5px;font-size:small}.linkClass:active,.linkClass:hover{background-color:#797979;border:2px solid #dae13a;border-radius:50%;width:30px;height:30px;margin-top:3px;font-size:small}.cardLinksBottom{font:white;color:#fff;background-color:#444c4f;border-radius:0 0 10px 10px;width:90vw;max-width:456px;padding-bottom:5px;position:fixed}.blue{background-color:#00f}.white{color:#fff}.modalTitle{font:white;color:#fff;text-align:center;padding-bottom:5px;font-size:14pt}.cardContainer1{opacity:100}.loginContainer{background-color:#444c4f;border:1pt solid #8ac640;border-radius:10px;min-height:500px}.cardContainerTitle{color:#000;text-align:center;background-color:#444c4f;font-size:18pt}.cardContainerBox{font:black;color:#000;background-color:#444c4f;border:2px solid #8ac640;border-radius:0 0 10px 10px;padding-bottom:5px;font-size:12pt}.cardTitle{font:#49b64a;color:#49b64a;background-color:#444c4f;border-top:2px solid #8ac640;border-left:2px solid #8ac640;border-right:2px solid #8ac640;border-radius:10px 10px 0 0;padding-bottom:5px;font-family:Segoe Script;font-size:16pt;font-weight:700}.cardTitleSmall{font:#49b64a;color:#49b64a;background-color:#444c4f;border-top:2px solid #8ac640;border-left:2px solid #8ac640;border-right:2px solid #8ac640;border-radius:10px 10px 0 0;padding-bottom:5px;font-family:Segoe Script;font-size:12pt;font-weight:700}.red{color:red;font-weight:700}.black{color:#000;font-weight:700}.cardContainer{width:100%;height:100%}.cardContainerPhone{width:90vw;max-width:460px;height:400px}.instrumentName{text-align:center;color:#00f}.instrumentText{text-align:center;color:#000}.card{background-color:#444c4f;background-position:50%;background-size:cover;border-radius:20px 20px 0 0;width:80vw;max-width:460px;position:relative;box-shadow:0 0 60px #0000004d}.cardContent{width:100%;height:100%}.loginTitle{font:#49b64a;color:#49b64a;background-color:#444c4f;font-family:Segoe Script;font-size:16pt;font-weight:700}.loginFoot{font:#49b64a;color:#49b64a;background-color:#444c4f;border-radius:0 0 10px 10px;font-family:Segoe Script;font-size:12pt;font-weight:700}.card h3{color:#fff;margin:10px;position:absolute;bottom:0}.infoText{color:#fff;justify-content:center;width:100%;height:28px;animation-name:popup;animation-duration:.8s;display:flex}.buttons{margin:20px;display:flex}.buttons button{color:#fff;background-color:#9198e5;border:none;border-radius:5px;flex-shrink:0;width:160px;margin:0 10px;padding:10px;font-size:18px;font-weight:bolder;transition:all .2s;box-shadow:0 0 30px #0000001a}.buttons button:hover{transform:scale(1.05)}@keyframes popup{0%{transform:scale(1)}10%{transform:scale(1.1)}30%{transform:scale(.9)}50%{transform:scale(1)}57%{transform:scale(1)}64%{transform:scale(1)}to{transform:scale(1)}}