body {
    background: #ffffff !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.wrapper {
    margin-top: 90px;
    margin-bottom: 90px;
}

/*Sticky footer styles
--------------------------------------------------*/

html {
    position: relative;
    min-height: 100%;
}

body {
    /*Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    Set the fixed height of the footer here height: 90px;
    background-color: #292c2f;
    text-align: center;
}

Okta sign in widget
#okta-sign-in {
    width: 500px;
    margin-top: 15px;
}

/*Custom page CSS
--------------------------------------------------
Not required for template or sticky footer method.*/

body > .container {
    padding: 90px 15px 0;
}

.container .text-muted {
    margin: 15px 0;
}

.container .text-muted2 {
    margin: 10px 0;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}

/*New added styles - Kim September 29, 2022*/
@media (min-width: 1200px) {
    #left {
        float: left;
        width: 900px;
        margin-bottom: 100px;
    }
}

@media (min-width: 1199px) {
    #left {
        width: 900px;
    }
}

#right {
    float: right;
    width: 300px;
}


@media (min-width: 1200px) {
    .notif {
        display: inline-block;
        width: 300px;
        top: 22%;
        position: absolute;
    }

    .center {
        display: inline-block;
        width: 300px;
        top: 12%;
        /*top:22%;*/
        position: absolute;
    }
}

@media (max-width: 1199px) {
    .center {
        margin: auto;
        width: 60%;
        padding: 10px;
        margin-bottom: 50px;
        text-align: center;
    }

    .notif {
        margin: auto;
        width: 60%;
        padding: 10px;
        margin-bottom: 50px;
        text-align: center;
    }
}

#divleft {
    float: left;
}

#divright {
    float: right;
}

#prevalNotice {
    margin: auto;
    left:auto;
    width: 50%;
}

.box-shadow {
    background-color: #cfc;
    padding: 10px;
    border: 1px solid green;
    position: relative;
    top: 80px;
    left: 100px;
    width: 1300px;
    /*height: 90px;*/
}


.box-shadow2 {
    background-color: #cfc;
    padding: 10px;
    border: 1px solid green;
    position: relative;
}

@media(max-width: 1280px) {
    .box-shadow {
        background-color: #cfc;
        padding: 10px;
        border: 1px solid green;
        position: relative;
        top: 80px;
        left: 10%;
        width: 80%;
        height: 50%;
    }

    .box-shadow2 {
        background-color: #cfc;
        padding: 10px;
        border: 1px solid green;
        position: relative;
    }
}



@media(max-width: 1100px) {
    .box-shadow {
        background-color: #cfc;
        padding: 10px;
        border: 1px solid green;
        position: relative;
        top: 80px;
        left: 25%;
        width: 50%;
        height: 100%;
    }

    .box-shadow2 {
        background-color: #cfc;
        padding: 10px;
        border: 1px solid green;
        position: relative;
    }
}


@media(max-width: 700px) {
    .box-shadow {
        background-color: #cfc;
        padding: 10px;
        border: 1px solid green;
        position: relative;
        top: 80px;
        left: 50px;
        width: 75%;
        height: 20%;
        text-align: center;
    }

    .box-shadow2 {
        background-color: #cfc;
        padding: 10px;
        border: 1px solid green;
        position: relative;
    }
}


#okta-sign-in .recovery-challenge .o-form-fieldset.enroll-sms-phone {
    width: 280px;
}


.openNewWindow, .logout {
    cursor: pointer
}


/*ASPCoreUnsafe Start*/
.colorRed {
    color: red;
}

.colorBlack {
    color: black;
}

.displayNone {
    display: none;
}

.displayBlock {
    display: block;
}

.marginAuto {
    margin: auto;
}

.textAlignCenter {
    text-align: center;
}

.width25Percent {
    width: 25%;
}

.marginBottom1em {
    margin-bottom: 1em;
}

.border-box {
    max-width: 380px;
    padding: 15px 35px 45px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/*Nilo*/
.colorGreen {
    color: green;
}

.colorRoyalblue {
    color: royalblue;
}

.highlightBackground {
    background-color: #FFDAB9;
}

.heightBorderColorBackground {
    height: 2px;
    border: none;
    color: #848484;
    background-color: #848484;
}

.backgroundBorderColorDSBlue {
    background-color: deepskyblue;
    border-color: deepskyblue;
}

.cursorPointerColor {
    cursor: pointer;
    color: red;
}

.btnSelect {
    border-color: black;
    width: 100px;
}

    .btnSelect:hover,
    .btnSelect:focus {
        background-color: white;
        border-color: #52B9EB;
    }

.pgnSize {
    letter-spacing: 10px;
}
/*ASPCoreUnsafe End*/