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

body
{
    /* Styles for the whole page */
    background-color: transparent;
}

a,
a:link
{
    /* Styles for links */
    color: #606060;
}

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
{
    /* REmove the faded / greyed out overlay from background image */
    background-color: rgba(0,0,0,0) !important;
}

.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 */
    border-radius: 20px;
    /*background-color: transparent;*/

}

.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 */
    background-color: transparent;
    border-color: #606060;
}

.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 */
    border-color: #606060;
    border-bottom-width: 1px;
}

.ext-input.ext-text-box:focus
{
    /* Styles for text boxes when the text box has focus */
    border-color: #606060;
    border-bottom-width: 1px;
}

.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 */
    border-color: #606060;
    border-bottom-width: 1px;
}

.ext-password-reset-links-container
{
    
    /* Styles for password reset links container box. Helpful to center align the links */
    #cantAccessAccount
    {
    display: none;
    }
}

.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 */
    background-color: #D8101C;
    border-radius: 20px;
}

.ext-button.ext-primary:hover
{
    /* Styles for primary buttons when the mouse is over the button */
    background-color: #D8101C;
}

.ext-button.ext-primary:focus
{
    /* Styles for primary buttons when the button has focus */
    background-color: #D8101C;
}

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

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

.ext-button.ext-secondary
{
    /* Styles for secondary buttons */
    /* Blue */
    border-radius: 20px;
    color: white;
}

.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 */
    display: none;
}

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