:root {
    --ZeroTekGreen: #0D9E66;
    --ZeroTekRed: #DA3221;
}

@font-face {
    font-family: 'Open Sans Regular';
    src: url('../../fonts/opensans-regular.woff') format('woff'), url('../../fonts/opensans-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans Semibold';
    src: url('../../fonts/opensans-semibold.woff') format('woff'), url('../../fonts/opensans-semibold.ttf') format('truetype');
}

body {
    background-color: white;
    display: block;
    font-family: 'Open Sans Regular', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#okta-sign-in.main-container {
    /* -- Main Background and Border Colors -- */
    background-color: #fff;
    border-color: #ddd #ddd #d8d8d8;
    box-shadow: none;
    /* margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20%;
    margin-top: 30%;*/
    /*height: 80%;*/
}

#okta-sign-in .o-form-head {
    color: var(--ZeroTekGreen);
}

#okta-sign-in .infobox-error:before {
    background-color: var(--ZeroTekRed);
}

#okta-sign-in .o-form-explain.o-form-input-error {
    color: var(--ZeroTekRed);
}

#okta-sign-in .error-16-small:before {
    color: var(--ZeroTekRed);
}

.login-box {
    /*width: auto;*/
    width: 500px;
}