@font-face {
    /* Custom font definition: CURRENTLY NOT SUPPORTED */
}

body {
    /* Styles for the whole page */
}

a,
a:link {
    /* Styles for links */
}

a:hover {
    /* Styles for links when the mouse is over the link */
}

a:focus {
    /* Styles for links when the link has focus */
}

a:focus:hover {
    /* Styles for links when the link has focus and the mouse is over the link */
}

a:active {
    /* Styles for links when the link is being clicked */
}

.ext-background-image {
    /* Styles for the holder that contains the background image in the default lightbox template */
}

.ext-background-overlay {
    /* Styles to make changes to the background overlay that adds opacity to the background image */
}

.ext-header {
    /* Styles for the header at the top of the page */
}

.ext-header-logo {
    /* Styles for the header logo at the top of the page */
}

.ext-middle {
    /* Styles for the container in the default lightbox template that alligns the sign in box vertically to the middle and horizontally to the center */
}

.ext-vertical-split-main-section {
    /* Styles for the container in the vertical split (ADFS) template that contains both a sign in box and a background */
}

.ext-vertical-split-background-image-container {
    /* Styles for the background in the vertical split (ADFS) template */
}

.ext-sign-in-box {
    /* Styles for the sign in box container */
}

.ext-banner-logo {
    /* Styles for the banner logo displayed inside the sign-in box */
}

.ext-title {
    /* Styles for title text */
}

.ext-subtitle {
    /* Styles for subtitle text */
}

.ext-header-description {
    /* Styles for the header description displayed below the title for B2C tenants */
}

.ext-error {
    /* Styles for error text */
}

.ext-input.ext-text-box {
    /* Styles for text boxes */
}

.ext-input.ext-text-box.ext-has-error {
    /* Styles for text boxes when there is a validation error associated with the text box */
}

.ext-input.ext-text-box:hover {
    /* Styles for text boxes when the mouse is over the text box */
}

.ext-input.ext-text-box:focus {
    /* Styles for text boxes when the text box has focus */
}

.ext-input.ext-text-box:focus:hover {
    /* Styles for text boxes when the text box has focus and the mouse is over the text box */
}

.ext-password-reset-links-container {
    /* Styles for password reset links container box. Helpful to center align the links */
}

.ext-button-field-container {
    /* Styles for the buttons container. Helpful to center align or make full width */
}

.ext-button-item {
    /* Styles for the button items */
}

.ext-button.ext-primary {
    /* Styles for primary buttons */
}

.ext-button.ext-primary:hover {
    /* Styles for primary buttons when the mouse is over the button */
}

.ext-button.ext-primary:focus {
    /* Styles for primary buttons when the button has focus */
}

.ext-button.ext-primary:focus:hover {
    /* Styles for primary buttons when the button has focus and the mouse is over the button */
}

.ext-button.ext-primary:active {
    /* Styles for primary buttons when the button is being clicked */
    /* keep the same as primary buttons styles*/
}

.ext-button.ext-secondary {
    /* Styles for secondary buttons */
    /* Blue */
}

.ext-button.ext-secondary:hover {
    /* Styles for secondary buttons when the mouse is over the button */
    /* keep the same as secondary buttons styles*/
}

.ext-button.ext-secondary:focus {
    /* Styles for secondary buttons when the button has focus */
     /* keep the same as secondary buttons styles*/
}

.ext-button.ext-secondary:focus:hover {
    /* Styles for secondary buttons when the button has focus and the mouse is over the button */
     /* keep the same as secondary buttons styles*/
}

.ext-button.ext-secondary:active {
    /* Styles for secondary buttons when the button is being clicked */
}

.ext-boilerplate-text::after {
    content: '\A'; /* Add a line break */
    white-space: pre; /* Preserve the line break */
    display: block; /* Ensure the content is displayed as a block element */
}

.ext-promoted-fed-cred-box {
    /* Styles for sign-in options text box */
}

.ext-footer {
    /* Styles for the footer at the bottom of the page */
}

.ext-footer.ext-has-background {
    /* Styles for the footer at the bottom of the page */
}

.ext-footer-links {
    /* Styles for the footer links at the bottom of the page */
}

.ext-footer-content.ext-footer-item {
    /* Styles for the links in the footer at the bottom of the page */
}

.ext-footer-content.ext-footer-item.ext-debug-item {
    /* Styles for the debug details ellipsis in the footer at the bottom of the page */
}