div.cptcopyright p {
    font-size: 12px;
    margin-bottom: 0.5em;
}

.index-container {
    background-color: #f4f4f4;
}

.portal-header {
    .portal-header-nav {
        .header-menu-item {
            margin-top: 0px;
        }

        .header-menu-item-margin {
            margin-top: 0px;
            left: 0px;
            cursor: pointer;
        }

        .portal-header-menu {
            left: 348px;
            width: 332px;
        }

        .header-logout {
            img {
                margin-top: 12px;
                width: 22px;
            }

            svg {
                margin-top: 6px;
                width: 22px;
            }
        }
    }

    .portal-header-actions {

        img {
            margin-top: 12px;
            width: 22px;
        }

        svg {
            margin-top: 6px;
            width: 22px;

            .cls-1 {
                fill: none;
            }
        }
    }
}

.bottom-banner-container {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 8000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    background-color: #161616;
    border-bottom: 1px solid #393939;

    span {
        color: white;
    }

    a {
        color: #78A9FF
    }
}

.portal-content {
    margin-top: 26px;
    height: 820px !important;

    .portal-resource-tiles {
        background: black;
        margin: 14px;

        .portal-resource-tiles-title {
            background-color: black;
            color: white;

            p {
                font-size: 15px;
                color: white;
            }

            p:nth-child(2) {
                font-size: 13px;
            }

            .portal-resource-tiles-container {
                width: 60%;

                .portal-resource-tiles-container-left {
                    display: inline-block;
                    padding-right: 40px;

                    p {
                        font-size: 13px;
                    }

                    p:nth-child(2) {
                        font-size: 12px;
                    }

                    a {
                        color: white;
                    }
                }

                .portal-resource-tiles-container-right {
                    display: inline-block;
                    padding-right: 40px;
                    p {
                        font-size: 13px;
                    }

                    p:nth-child(2) {
                        font-size: 12px;
                    }

                    a {
                        color: white;
                    }
                }
            }
        }


    }

    .portal-content-container {
        width: 100%;

        p {
            font-size: 27px;
        }

        b {
            font-weight: bold;
        }

        .after-login-label {
            font-size: 27px;
            margin-left: -18px;
        }

        .box-title-container {
            background: white;
            margin-left: 15px;
            margin-right: 15px;

            .box-title {
                background-color: white;
                height: 65%;

                p {
                    font-size: 15px;
                }

                p:nth-child(2) {
                    margin-top: 24px;
                }
            }

            .box-subtitle {
                background-color: white;

                a {
                    border: 2px solid #78A9FF;
                    width: 120px;
                    height: 35px;
                    margin-left: 15px;
                    text-decoration: none;
                }

                span {
                    vertical-align: middle;
                    line-height: 1.5;
                    padding: 5px;
                    margin-left: 5px;
                    color: #78A9FF;
                }

                img {
                    width: 30px;
                    height: 30px;
                    padding: 5px;
                    vertical-align: middle;
                    margin-left: 10px;
                }
            }
        }

        .login-box-container {
            background: black;
            margin-left: 15px;
            margin-right: 15px;
            margin-top: 15px;

            .login-box {
                background-color: black;
            }

            p {
                font-size: 23px;
                color: white;
                font-weight: bold;

                a {
                    float: right;
                    margin-right: 0px;
                    margin-top: 8px;
                }
            }

            p:nth-child(2) {
                font-size: 13px;
                margin-top: 1px;
                color: white;
                font-weight: normal;

                a {
                    color: #0F62FE;
                    float: none;
                }
            }
        }

        .footer-container {
            margin-left: -30px;

            .cptcopyright p {
                font-size: 12px;
                margin-bottom: 0.5em;
            }
        }
    }
}

.portal-privacy {
    padding-top: 10px;
    margin-left: 25px;
    width: 90%;

    h4 {
        margin-bottom: 20px;
    }
}

.login-container {
    background: black;
    margin-top: 20px;

    .login-header-container {
        background: black;
        margin-left: 110px;
        margin-right: 187px;
        margin-top: 15px;

        .login-subheader {
            margin-bottom: 45px;

            .login-subheader-label {
                font-size: x-large;
                margin-top: 15px;
                color: white;
                font-weight: bold;
            }

            .login-subheader-label-notauser {
                color: white;

                a {
                    color: #0F62FE;
                }
            }
        }

    }

    .login-button {
        margin-bottom: 10px;
        width: 443px;
        max-width: 30rem;
    }

    .saml-login-container {
        margin-top: 10px;

        a {
            margin-bottom: 10px;
            width: 443px;
            max-width: 30rem;
            outline: 1px solid white;
            background: black;
        }
    }

    .forgot-password-container {
        background: black;
        margin-left: 1px;
        margin-right: 104px;
        margin-top: 105px;

        .forgot-password-form {
            background-color: black;
            border: 1px solid white;

            p {
                font-size: 15px;
                color: white;
                margin-top: 20px;
            }

            a {
                color: #78A9FF;
            }
        }
    }

    .login-form-password-input {
        width: 442px;
        height: 45px;
        background-color: black;
        color: white;
        outline: 2px solid #393939;
    }

    .password-button {
        left: 86%;

        svg {
            .cls-1 {
                fill: none
            }
        }
    }

    .login-label-container {
        margin-left: -10px;
        margin-top: -10px;

        .login-label-container-message {
            margin-left: 0px;
            margin-top: 4px;
            margin-right: 34px;
            font-size: 14px;

            .login-msg {
                color: #FFB3B8
            }
        }
    }

    .login-form-input-container {
        margin-bottom: 10px;

        .login-form-input-svg {
            will-change: transform;
            visibility: hidden;
            fill: #FF8389;
        }

        .input-field {
            width: 442px;
            height: 45px;
            background-color: black;
            color: white;
            outline: 2px solid #393939;
        }
    }

    .login-form-password-container {
        .login-form-password-svg {
            will-change: transform;
            left: 81%;
            fill: #FF8389;
        }
    }

    .login-form-container {
        width: 470px;

        .login-form-label {
            color: white;
            font-size: 14px;
        }

        .login-form-label-float {
            float: right;
            color: white;
            font-size: 14px;
            text-align: right;

            a {
                color: #0F62FE;
            }

        }
    }
}

.login-header-banner {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 8000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    background-color: #161616;
    border-bottom: 1px solid #393939;

    span {
        color: white;
    }

    a {
        color: #78A9FF;
    }
}

.forgot-username-input {
    a {
        margin: 15px;
        background-color: transparent !important;
    }
}

.forgot-username-container {
    text-align: center;
}

.forgot-username-email-input {
    width: 280px;
    border: 2px solid #000;
}

.forgot-username-banner {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 8000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    background-color: #161616;
    border-bottom: 1px solid #393939;

    span {
        color: white;
    }

    a {
        color: #78A9FF;
    }
}

.portal-news-text {
    width: 500px;
    margin-left: 17px;
}

.news-link {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
}

.support-user-link {
    height: 48px;
    padding-right: 98px;
}

.news-row {
    width: 470px;
}

.news-label {
    font-size: x-large;
    margin-top: 15px;
    color: white;
    font-weight: bold;
    margin-right: 10px;
}