﻿.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    border: 1px solid #888;
}

button.btn-modal:hover {
    cursor: pointer;
}

button.btn-modal.btn-continue {
    background-color: var(--primary-color);
    color: #fff;
    border: 0px;
    margin: 1% 0;
}

.srvr-error {
    color: #c9442a;
    font-size: 90%;
    font-style: italic;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 3px;
}

label.error {
    font-size: 90%;
    font-style: italic;
    color: #c9442a;
    margin-left: 5px;
    margin-top: 3px;
    display: block;
}

h1 {
    color: #808080;
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
}

#system-page-title {
    margin-bottom: 0px;
}

#banner {
    margin-top: 50px;
}

    #banner #logo #logoImg {
        width: 145px;
    }

    #banner .row #logo, #banner .row #pageTitle {
        border-bottom: 2px solid var(--primary-color);
        padding-bottom: 10px;
    }

    #banner .row #pageTitle {
        padding-bottom: 6px;
    }


/* for password requirements js area */
.pwdFail {
    color: #c9442a; /* NH RED */
    margin-left: 25px;
}

.pwdSucceed {
    color: #aac732; /* NH Green */
    margin-left: 25px;
}


#contrastBtn.btnShell {
    background-color: #717073 !important;
    padding: 2px;
    border-radius: 17px;
    text-align: center;
    cursor: pointer !important;
    margin-right: 25px;
    max-width: 90px;
    min-width: 70px;
}

.hc #contrastBtn.btnShell {
    background-color: #000 !important;
}

#contrastBtn.btnShell .leftHalfCircle {
    display: inline;
    font-size: 8px;
    padding-right: 5px;
    padding-top: 4px;
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    background-color: none;
    border: 2px solid #FFF;
    border-right: none;
}

#contrastBtn.btnShell .rightHalfCircle {
    display: inline;
    font-size: 8px;
    padding-left: 5px;
    padding-top: 4px;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    border-left: none;
    background-color: #FFF;
    border: 2px solid #FFF;
    border-left: none;
}

#contrastBtn.btnShell .btnText {
    display: inline;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

.orangify {
    color: #F8971D;
}


