html, body { height: 100%; } body { margin: 0; padding: 0; width: 100%; min-width: 320px; color: #212529; } body.fill_background { background-color: #202955; color: #FFFFFF; } @media (max-width: 575.98px) { body.fill_background .container { width: 94%; } } .text-secondary { color: #6c757d !important; } .btn-primary { background-color: #415cc7; border-color: #415cc7; color: #FFFFFF; } .btn-primary:hover, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active { background-color: #3048a5; border-color: #2b3f91; } .btn-primary:focus { background-color: #3048a5; border-color: #2b3f91; box-shadow: 0 0 0 .2rem rgba(65,92,199,0.5); } .btn-primary.disabled, .btn-primary:disabled { background-color: #90a0de; border-color: #90a0de; } .btn-outline-primary { background-color: transparent; border-color: #415cc7; color: #415cc7; } .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active { background-color: transparent; border-color: #2b3f91; color: #2b3f91; } .btn-outline-primary:focus { background-color: transparent; border-color: #2b3f91; box-shadow: 0 0 0 .2rem rgba(65,92,199,0.5); color: #2b3f91; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { background-color: transparent; border-color: #90a0de; color: #7c8fd8; } a { color: #415cc7; } a:hover, a:active { color: #3048a5; } a:focus { color: #3048a5; } .g-recaptcha, .h-captcha { min-height: 78px; } .g-recaptcha > div, .h-captcha > div { margin: 0 auto; } .card { background-color: #FFFFFF; border-color: rgba(0,0,0,0.125); } .list-group-item { background-color: #FFFFFF; } .card-header { background-color: rgba(0,0,0,0.03); } .table { color: #212529; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 100; src: url(/fonts/lato-100.woff2) format('woff2'); unicode-range: U0000-00FF, U0131, U0152-0153, U02BB-02BC, U02C 6, U02DA, U02DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: url(/fonts/lato-300.woff2) format('woff2'); unicode-range: U0000-00FF, U0131, U0152-0153, U02BB-02BC, U02C 6, U02DA, U02DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD; } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: url(/fonts/oswald-400.woff2) format('woff2'); unicode-range: U0000-00FF, U0131, U0152-0153, U02BB-02BC, U02C 6, U02DA, U02DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD; } main .core-container { border-radius: 6px; background-color: #FFFFFF; border: 1px solid transparent; color: #212529; } .full_page .content, .layout_ultra_wide .content { font-family: 'Lato', Arial, monospace; } .full_page .content h1.title, .layout_ultra_wide .content h1.title { font-size: 37px; font-weight: 100; } .full_page .content p.subtitle, .layout_ultra_wide .content p.subtitle { font-weight: 300; font-size: 14px; padding: 10px; } .full_page .content p.subtitle b, .layout_ultra_wide .content p.subtitle b { font-weight: bold; } @media screen and (min-width: 990px) { .full_page .content h1.title, .layout_ultra_wide .content h1.title { font-size: 96px; } .full_page .content p.subtitle, .layout_ultra_wide .content p.subtitle { font-size: 20px; } } .spinner-x2 { width: 4rem; height: 4rem; -webkit-animation: 1.5s linear infinite spinner-border; animation: 1.5s linear infinite spinner-border; color: #415cc7; } .spinner-x4 { width: 5rem; height: 5rem; -webkit-animation: 1.8s linear infinite spinner-border; animation: 1.8s linear infinite spinner-border; color: #415cc7; } #splash_loader { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 10000; transition: 200ms opacity; color: #556dcd; } #splash_loader .spinner-border { width: 5rem; height: 5rem; border-width: 0.5rem; } #splash_loader.show { visibility: visible; opacity: 1; } .qr_code { background: #ffffff; } #password #password-input-group .clear-text { cursor: pointer; } #register_tos .tos_content { height: 260px; border: 1px solid #31343e; border-radius: 4px; padding: 16px 20px; overflow: hidden scroll; font-size: 0.7rem; } #register_tos .under_tos { font-size: 0.7rem; } #stripe_sepa .mandate-acceptance { font-size: 0.7rem; } #demo_modal { color: #212529; } img.logo { max-width: 300px; } h1.logo p { font-family: Oswald, Arial; letter-spacing: 0.1rem; text-transform: uppercase; font-size: 14px; line-height: 22px; color: #415cc7; }