@import url(https://fonts.googleapis.com/css?family=Inter:400,400i,700,700i,600,600i);

body {
    background-image: url('images/bg.webp');
    font-family: "Inter", sans-serif;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

footer {
    position:fixed;
    bottom: 0px;
    right: 0px;
    text-align: right;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/* HELIX */

:root {
    --primary: #6467E9 !important;
    --bs-primary: #6467E9 !important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6467E9;
    --bs-btn-border-color: #6467E9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4346e4;
    --bs-btn-hover-border-color: #373be3;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6467E9;
    --bs-btn-active-border-color: #6467E9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #989af0;
    --bs-btn-disabled-border-color: #6467E9;
}

.btn-outline-primary {
    --bs-btn-color: #6467E9;
    --bs-btn-border-color: #6467E9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6467E9;
    --bs-btn-hover-border-color: #6467E9;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6467E9;
    --bs-btn-active-border-color: #6467E9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #989af0;
    --bs-btn-disabled-border-color: #6467E9;
}

.hlx-login-pane {
    width: 350px;
}

.hlx-msg-pane {
    width: 500px;
}

.hlx-login-wrapper {
    margin-top: -15vh;
}

.hlx-return-url {
    position: fixed;
    bottom: 0px;
    left: 0px;
    text-align: left;
    margin-left: 1rem;
    margin-bottom: 2rem;
}

.hlx-bold-text {
    color: #4346e4;
    font-weight: bold;
}