#errorPopup{
    flex-direction: column;
    height: 315px;
}

#expiredPopup{
    flex-direction: column;
    height: 315px;
}

#unexpectedPopup{
    flex-direction: column;
    height: 300px;
}

#invalidPopup{
    flex-direction: column;
    height: 315px;
}

#extendedPopup{
    flex-direction: column;
    height: 300px;
}

#maintenancePopup{
    flex-direction: column;
    min-height: 240px;
    height: 240px;
}


#errorPopup .popupText,
#expiredPopup .popupText,
#unexpectedPopup .popupText,
#invalidPopup .popupText,
#extendedPopup .popupText,
#maintenancePopup .popupText{
    text-align: center;
}

#unexpectedPopupGoButton, #invalidPopupGoButton{
    margin: 10px auto 10px auto;
    width: calc(100% - 150px);
}

#unexpectedPopupGoButton a, #invalidPopupGoButton a{
    border-radius: 3px;
    background-color: var(--remasMainColor);
    color: white;
    padding: 10px 0px;
    font-size: 14px;
    display: flex;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    justify-content: center;
}