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

body
{
    /* Styles for the whole page */
	color: white !important;
	background-color: #04243A !important;
}

a,
a:link
{
    /* Styles for links */
	color: white !important;
}

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 */
	background-color: #04243A !important;
border-radius: 50px;
border-bottom-left-radius: 0;
box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 15px;
padding:40px;
}

.ext-banner-logo
{
    /* Styles for the banner logo displayed inside the sign-in box */
	max-height: 100px !important;
}

.ext-title
{
    /* Styles for title text */
	color: white !important;
}

.ext-subtitle
{
		color: white !important;
    /* Styles for subtitle text */
}

.ext-header-description
{
    /* Styles for the header description displayed below the title for B2C tenants */
	color: white !important;
}

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

.ext-input.ext-text-box
{
    /* Styles for text boxes */
	 color: white !important;
}
 .ext-input.ext-text-box::placeholder
{
    /* Styles for text boxes */
	 color: white !important;
}

.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-password-reset-links-container a 
{
color: white !importannt;
}
.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 */
	background-color: white !important;
}

.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 */
	background-color: #04243A!important;
	color: white !important;
}
.boilerplate-text
{
    /* Styles for the custom message text at the bottom of the sign in box */
	background-color: #04243A !important;
	color: white !important;
}
.ext-promoted-fed-cred-box
{
	color:black;
    /* Styles for sign-in options text box */
	background-color: #04243A !important;
}
.ext-promoted-fed-cred-box > promoted-fed-cred-box
{
    /* Styles for sign-in options text box */
	background-color: #04243A !important;
}
.promoted-fed-cred-content
{
    /* Styles for sign-in options text box */
	background-color: #04243A !important;
}
.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 */
}