html, body, .container {
    height: 100%;
}

.container {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}
body {
    background-color: #f8f8f8;
    background-image: url(/images/angles-2.png);
    object-fit: contain;
}
/*-------------Header-----------*/
#okta-sign-in.auth-container .okta-sign-in-header {
    border-bottom-color: #ddd;
    background-color: #7100EB;
}
/*------------Buttons-----------*/
#okta-sign-in .o-form-button-bar {
    display: inline-block;
}

#okta-sign-in.auth-container .button-primary {
    color: #fff;
    background: none !important;
    background-color: #7100EB !important;
    border-color: #7100EB !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    /*border-radius: 24px !important;*/
    min-width:120px;
    width:auto;
    /*padding: 4px 16px 4px !important;*/
}

#okta-sign-in.auth-container .button-primary:hover {
    background-color: #065aa5 !important;
    border-color: #065aa5 !important;
}

#okta-sign-in.auth-container input[type="submit"], #okta-sign-in.auth-container input[type="button"] {
    font-family: 'Nunito', Arial, Helvetica, sans-serif;
}
/*-------------Logo-------------*/
#okta-sign-in .auth-org-logo {
    width: 200%;
}
/*------------Sign-In-----------*/
#okta-sign-in.auth-container h2, #okta-sign-in.auth-container h3 {
    font-weight:100;
    color: #151618;
    width:100%;
    text-align: center;
}
#okta-sign-in .o-form-head {
    width: 112px;
    height: 42px;
    font-family: 'Nunito' sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #151618;
}
/*------------Links-------------*/
#okta-sign-in.auth-container .link:link, #okta-sign-in.auth-container .link:visited, #okta-sign-in.auth-container .link:hover, #okta-sign-in.auth-container .link:active {
    color: #026bc8;
    text-decoration: none;
}

#okta-sign-in.auth-container .link:hover {
    color: #065aa5;
    text-decoration: underline;
}

#okta-sign-in.auth-container .link:focus {
    color: #026bc8;
    text-decoration: underline;
}

#okta-sign-in.auth-container .link:active {
    color: #0a4982;
    text-decoration: underline;
}
/*other css styles*/
.card {
    width: 632px;
    height: 480px;
    border-radius: 6px;
    box-shadow: 0 19px 20px 0 rgba(0, 0, 0, 0.03), 0 3px 8px 0 rgba(0, 0, 0, 0.06);
    background-color: white;
    
}

.card-title {
    font-family: "Nunito";
    font-size: 26px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #151618;
}

.card-text {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #151618;
}
#login-message {
    font-family: "montserrat",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    background-color: #ffffff;
    color: #000;
    position: relative;
    overflow: auto;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #ddd #ddd #d8d8d8;
    box-shadow: 0 2px 0 rgba(175, 175, 175, 0.12);
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-style: none;
    border-top-width: 0px;
    height: auto;
    margin: 0px auto 8px;
    width: 400px;
    min-width: 300px;
}
#message-container {
    padding: 0px 42px 3px;
    font-weight:bold;
}
#okta-sign-in {
    margin: 100px auto 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-style: none;
    border-bottom-width: 0px;
}
#okta-sign-in .o-form-button-bar {
    padding: 0 0 10px;
}
.help-links {display:block !important;}
.help {display:none;}