@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
{
  text-align:center;
  color: #810000
    /* 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
{
  background-color: #810000
  border-radius:5px; 
    
}

.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
{
    /* Styles for the custom message text at the bottom of the sign in box */
}

.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 */
}

.ic-Login {
/*Styles the login form to position in the center*/
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center;     /* Center vertically */
  min-height: 100vh;       /* Make sure it takes full viewport height */
  padding: 2rem;           /* Optional: spacing around on small screens */
  box-sizing: border-box;
}