/*
    GENERIC CSS

    NOTE: these should be limited to application-specific functionality and may be overridden by themes
*/

form.ce-forms {
    min-width:400px;
}

form.ce-errorPageViews #headerDynamicMessageTitle {
    color: red;
    font-weight: bold;
}

form.ce-successPageViews #headerDynamicMessageTitle {
    color: darkgreen;
    font-weight: bold;
}

input[type="text"].ce-ticketQuantities, select.ce-ticketQuantities {
    width: 200px;
}

.ce-promoCodes {
    width:200px;
}

.forMeOrSomeoneElseContainers, .forMeOrSomeoneElseContactInfoContainers {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}

.forMeOrSomeoneElseContainers {
    gap: 8px;
    width: 100%;
}

.additionalContactsContainers {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 4px;
}

    .additionalContactsContainers input[type="button"] {
        width: fit-content;
    }

.additionalContactsContactRowsContainers {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.additionalContactsContactRows {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

#oneClickCheckoutUseProfileButton {
    border-radius: 4px;
    border: 1px solid gray;
}

#oneClickCheckoutForgetButton {
    color: unset;
    text-decoration: none;
}

.enterMfaCodeContainers {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 10px;
}