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;
}