@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 */
    background-size: cover;
    background-position: bottom;
}

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

.ext-header {
    /* Styles for the header at the top of the page */
    background: transparent;
    height: 53px;
    padding: 0;
}

.ext-header-logo {
    /* Stylefor the header logo at the top of the page */
    height: 23px;
    max-height: 23px;
    width: 239px;
    max-width: 239px;
    margin: 30px 0 0 50px;
}

.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: 15px;
}

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

.ext-title {
    /* Styles for title text */
    color: #1D4EBD;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ext-subtitle {
    /* Styles for subtitle text */
    color: #1B1B1B;
    font-size: 17.625px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 158.865% */
}

.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 */
    border-bottom: 1px solid #1D4EBD;
}

.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 */
    border-radius: 50px;
    border: 1px solid #27B864;
    background: none;
    color: #27B864;
    font-weight:bold;
}

    .ext-button.ext-primary:hover {
        background: rgba(0,0,0,0.1);
        /* Styles for primary buttons when the mouse is over the button */
    }

    .ext-button.ext-primary:focus {
        background: rgba(0,0,0,0.1);
        /* Styles for primary buttons when the button has focus */
    }

        .ext-button.ext-primary:focus:hover {
            background: rgba(0,0,0,0.1);
            /* Styles for primary buttons when the button has focus and the mouse is over the button */
        }

    .ext-button.ext-primary:active {
        background: rgba(0,0,0,0.1);
        /* 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 */
    border-radius: 50px;
    background: none;
    border: 1px solid #bea4a4;
    color: #bea4a4;
}

    .ext-button.ext-secondary:hover {
        background: rgba(0,0,0,0.1);
        /* Styles for secondary buttons when the mouse is over the button */
        /* keep the same as secondary buttons styles*/
    }

    .ext-button.ext-secondary:focus {
        background: rgba(0,0,0,0.1);
        /* Styles for secondary buttons when the button has focus */
        /* keep the same as secondary buttons styles*/
    }

        .ext-button.ext-secondary:focus:hover {
            background: rgba(0,0,0,0.1);
            /* 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 {
        background: rgba(0,0,0,0.1);
        /* 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 */
    border-radius: 15px;
    overflow: hidden;
}

.ext-footer {
    /* Styles for the footer at the bottom of the page */
    background:none;
}
    .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 */
}