﻿body {
    background: #f9f9f9;
    margin: 0
}

#login-bg-image-id {
    background-image: url('../images/bg_building.jpg')
}

.apploginbanner-container {
    position: absolute;
    top: 0;
    width: 100%
}

.applogin-container {
    color: #777;
    font-family: proxima nova,Arial,Helvetica,sans-serif;
    line-height: 19.6px
}

    .applogin-container h1,
    .applogin-container p {
        font-size: 14px;
        margin: 0
    }

#okta-login-container.login-container {
    margin-top: 210px
}

#okta-sign-in.unsupported-message-container {
    text-align: center
}

#okta-sign-in .unsupported-message {
    padding: 21px 55px 37px;
    text-align: center
}

    #okta-sign-in .unsupported-message p {
        padding-bottom: 20px
    }

    #okta-sign-in .unsupported-message a.button {
        display: block
    }

#okta-sign-in .idp-piv-button.link-button {
    background-color: #fff;
    border: 2px solid #1662dd;
    color: #1662dd
}

    #okta-sign-in .idp-piv-button.link-button:active,
    #okta-sign-in .idp-piv-button.link-button:focus,
    #okta-sign-in .idp-piv-button.link-button:hover {
        background-color: #e5edfb;
        border-color: #124a94;
        color: #124a94
    }

#inactive-tab-main-div {
    color: #777;
    font-family: proxima nova,Arial,Helvetica,sans-serif;
    margin-top: 210px
}

    #inactive-tab-main-div h2,
    #inactive-tab-main-div p {
        font-size: 14px;
        margin: 0
    }

    #inactive-tab-main-div .inactive-tab-container {
        background: #fff;
        margin: 0 auto;
        padding: 30px 90px 75px;
        text-align: center;
        width: 32rem
    }

        #inactive-tab-main-div .inactive-tab-container .inactive-tab-header {
            padding-bottom: 30px
        }

            #inactive-tab-main-div .inactive-tab-container .inactive-tab-header img {
                max-height: 50px;
                max-width: 100px
            }

        #inactive-tab-main-div .inactive-tab-container .inactive-tab-content-title {
            color: #5e5e5e;
            font-weight: 600;
            padding-bottom: 30px
        }

@media only screen and (max-device-width:600px) {
    #inactive-tab-main-div .inactive-tab-container {
        margin: auto;
        width: 100%
    }
}

@media only screen and (max-height:750px) {
    #okta-login-container.login-container {
        margin-top: 100px
    }
}

@media only screen and (max-height:660px) {
    #okta-login-container.login-container {
        margin-top: 47px
    }
}

/*# sourceMappingURL=custom-signin.css.map*/
