html{
    height: 100vh;
}
.registration-body{
    width: 100vw;
    height: 100vh;
    background-image: url('/registration/images/register-page-background.svg');
    background-size: cover;
    display: grid;
    place-content: center;
}
.page-error-body{
    width: 100vw;
    height: 100vh;
    display: grid;
    place-content: center;
}
.container {
    border-radius: 8px;
    display: grid;
    width: 480px;
    box-shadow: var(--shadows-shadow-plus-2-box-shadow, 0px 4px 8px 0px rgba(22, 25, 25, 0.4));
    overflow: hidden;
    background: white;
    overflow: auto;
}

.dialog-box {
    border-radius: 8px;
    width: 500px;
    overflow: hidden;
    background: white;
}
.dialog-box-with-shadow {
    border-radius: 8px;
    width: 500px;
    box-shadow: var(--shadows-shadow-plus-2-box-shadow, 8px 8px 14px 8px rgba(30, 30, 30, 1));
    overflow: hidden;
    background: white;
}
.dialog-container{
    display: flex;
    flex-direction: column;
    padding: 25px;
    gap: 20px;
}
.dialog-container-item{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.error-dialog-container-item{
    display: grid;
    place-content: center;
}
.dialog-message{
    font-family: var( --compact-compact-medium-font-family, 'AvenirLtPro-65Medium', sans-serif );
    font-size: var(--compact-compact-medium-font-size, 16px);
    line-height: var(--compact-compact-medium-line-height, 20px);
    letter-spacing: var(--compact-compact-medium-letter-spacing, 0.1px);
    font-weight: var(--compact-compact-medium-font-weight, 400);
}
.dialog-message-bold{
    font-family: var( --compact-compact-bold-font-family, 'AvenirLtPro-65Medium', sans-serif );
    font-size: var(--compact-compact-bold-font-size, 16px);
    line-height: var(--compact-compact-bold-line-height, 20px);
    letter-spacing: var(--compact-compact-bold-letter-spacing, 0.1px);
    font-weight: var(--compact-compact-bold-font-weight, 400);
}
.company-logo{
    background: var(--colors-interactive-blue-10, #e5f1f5);
    padding: 30px 0px 30px 0px;
    display: flex;
    justify-content: center;
}
.register-form{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.register-form-item{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.register-form-item label{
    font-family: var( --compact-compact-medium-font-family, 'AvenirLtPro-65Medium', sans-serif );
    font-size: var(--compact-compact-medium-font-size, 18px);
    line-height: var(--compact-compact-medium-line-height, 20px);
    letter-spacing: var(--compact-compact-medium-letter-spacing, 0.1px);
    font-weight: var(--compact-compact-medium-font-weight, 400);
}
.container-item-row{
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
}
.container input {
    border: 1px solid #000000;
    border-radius: 6px;
    width: 100%;
    padding: 14px 5px 14px 5px;
    font-size: 16px;
}
.footer-links{
    padding: 10px 12px 10px 12px;
    font-family: 'AvenirLtPro-65Medium', sans-serif;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.1px;
    font-weight: 400;
    text-decoration: underline;
    color: var(--primary-interactive-blue, #0078a7);
}
.privacy-links{
     padding: 10px 0px 10px 0px;
     font-family: 'AvenirLtPro-65Medium', sans-serif;
     font-size: 18px;
     line-height: 20px;
     letter-spacing: 0.1px;
     font-weight: 400;
     text-decoration: underline;
     color: var(--primary-interactive-blue, #0078a7);
 }
.register-form-title{
    color: #000000;
    font-family: var( --headline-desktop-headline-5-font-family, 'AvenirLtPro-65Medium', sans-serif );
    font-size: var(--headline-desktop-headline-5-font-size, 30px);
    line-height: var(--headline-desktop-headline-5-line-height, 36px);
    font-weight: var(--headline-desktop-headline-5-font-weight, 400);
}
.page-error-title{
    display: grid;
    place-content: center;
    color: #000000;
    font-family: var( --headline-desktop-headline-5-font-family, 'AvenirLtPro-65Medium', sans-serif );
    font-size: var(--headline-desktop-headline-5-font-size, 30px);
    line-height: var(--headline-desktop-headline-5-line-height, 36px);
    font-weight: var(--headline-desktop-headline-5-font-weight, 400);
}
.label{
    font-family: var( --compact-compact-medium-font-family, 'AvenirLtPro-65Medium', sans-serif );
    font-size: var(--compact-compact-medium-font-size, 18px);
    line-height: var(--compact-compact-medium-line-height, 20px);
    letter-spacing: var(--compact-compact-medium-letter-spacing, 0.1px);
    font-weight: var(--compact-compact-medium-font-weight, 400);
    align-self: stretch;
}
button{
    padding: 10px 12px 10px 12px;
    font-size: 18px;
    cursor: pointer;
    border-radius: 8px;
    width: 100%;
}
.btn-outline-blue {
    border: 1px solid #0078A7;
    background-color: white;
    color: #0078A7;
    padding: 8px 12px 8px 12px;
    cursor: pointer;
}
.btn-outline-blue:hover {
  background-color: #0078A7;
  color: white;
}
.btn-bg-blue{
  border: 0px;
  background-color: #0078A7;
  color: white;
}
.btn-bg-blue:hover{
    background-color: #006086;
}
.dialog {
    display: none;
    z-index: 1000;
    left: 0;
    top: 0;
    place-content: center;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
}
.dialog-with-blur-background {
    display: none;
    z-index: 1000;
    left: 0;
    top: 0;
    place-content: center;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
.error-message{
    color: red;
}
.required-field{
    color: red;
}
.error-dialog{
    display: grid;
    place-content: center;
    padding: 25px;
    gap: 20px;
}
.failed-alert-dialog{
    display: none;
    place-content: center;
    width: 100%;
    z-index: 1000;
    overflow: auto;
    border: none;
    background-color: rgba(0,0,0,0);
}
.failed-alert{
    width: 400px;
    border: 2px solid #D21E17;
    border-radius: 8px;
    background: #F9E1E0;
}
.alert-row{
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.failed-alert-text{
    font-family: var( --headline-desktop-headline-5-font-family, 'AvenirLtPro-65Medium', sans-serif );
    font-size: 16px;
}