@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;700&display=swap');

:root {
    --c-grey-10: hsl(215deg, 25%, 98%);
    --c-grey-20: hsl(215deg, 24%, 96%);
    --c-grey-30: hsl(215deg, 24%, 94%);
    --c-grey-40: hsl(215deg, 23%, 92%);
    --c-grey-50: hsl(216deg, 23%, 90%);
    --c-grey-60: hsl(216deg, 21%, 80%);
    --c-grey-70: hsl(217deg, 19%, 70%);
    --c-grey-80: hsl(217deg, 17%, 60%);
    --c-grey-90: hsl(218deg, 12%, 36%);
    --c-grey-100: hsl(221deg, 10%, 18%);

    --c-blue-10: hsl(215deg, 78%, 98%);
    --c-blue-20: hsl(215deg, 78%, 96%);
    --c-blue-30: hsl(215deg, 78%, 94%);
    --c-blue-40: hsl(216deg, 77%, 92%);
    --c-blue-50: hsl(216deg, 77%, 90%);
    --c-blue-60: hsl(216deg, 76%, 80%);
    --c-blue-70: hsl(218deg, 74%, 56%);
    --c-blue-80: hsl(219deg, 72%, 36%);
    --c-blue-90: hsl(220deg, 71%, 26%);
    --c-blue-100: hsl(221deg, 70%, 14%);

    --c-danger: #EC4B4B;

    --brand-primary: var(--c-blue-80);
}

/* FONT */
body,
input,
button,
select,
textarea,
.PolicyDisclaimerRadio label.input-style1-radio-option {
    font-family: 'Archivo', sans-serif;
}

/* COLORS */
/* Background Color */
.btn-primary,
.btn-primary:link,
.btn-primary:visited,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.Active .btn-primary.disabled,
.btn-primary[disabled],
.PolicyDisclaimerButton,
.PolicyDisclaimerButton.disabled:hover,
.inset-style2-left:after {
    background-color: var(--brand-primary);
}

/* Color */
.FormEntityCheck .LinkText,
.PolicyDisclaimerButton:hover {
    color: var(--brand-primary);
}

/* Color Important */
.text-primary {
    color: #005186 !important;
}

/* Border Color */
.PolicyDisclaimerButton {
    border-color: var(--brand-primary);
}

body {
    display: flex;
    align-items: stretch;
    min-height: 100vh;
    justify-content: center;
    flex-direction: column;
}

.Login {
    background: white;
    border-radius: 4px;
    padding: 40px; 
    margin: 40px 0;
    align-self: center;
}

.Logo {
    margin: 0 0 24px;
}

.FormEntityCheck .HelperText, .FormEntityCheck .LinkText {
    font-style: normal;
}

.avvisi {
    border-width: 2px;
    border-color: var(--c-danger);
    border-radius: 4px;
}

.PolicyDisclaimerRadio label.input-style1-radio-option input[type="radio"].input-style1-radio-option__input::before {
    width: 20px !important;
    height: 20px !important;
}

.modal-content

.modal-content > * {
    max-width: 1156px;
    margin-left: auto;
    margin-right: auto;
}

.Copyright a:link, .Copyright a:visited, .Copyright span {
    color: var(--c-blue-80);
}