body {
    font-family: 'Red Hat Display', sans-serif; 
}

p { font-size: 1em;}

h1 {
    color: #1C3E95 !important;
    font-size: 1.5em !important;
    
}

footer span {
    font-size: 0.75em;
}


.app_login_header {
    border-bottom: 3px solid black; 
}

.app_nav {
    background-color: #DEDEDE;
}

.app_header a:link { font-size: 0.9em; color: #1C3E95 !important; text-decoration: none; }
.app_header a:active { font-size: 0.9em; color: #1C3E95 !important; text-decoration: none; }
.app_header a:visited { font-size: 0.9em; color: #1C3E95 !important; text-decoration: none; }
.app_header a:hover { font-size: 0.9em; color: #1C3E95 !important; text-decoration: none; }

.app_header a.logout:link { font-weight: 600; font-size: 0.9em; color: #1C3E95 !important; text-decoration: none; }
.app_header a.logout:active { font-size: 0.9em; color: #1C3E95 !important; text-decoration: none; }
.app_header a.logout:visited { font-size: 0.9em; color: #1C3E95 !important; text-decoration: none; }
.app_header a.logout:hover { font-size: 0.9em; color: #1C3E95 !important; text-decoration: none; }

.form-label {
    font-weight: 700;
}

.btnUnstyled{
    background: none;
                                        color: inherit;
                                        border: none;
                                        padding: 0;
                                        font: inherit;
                                        cursor: pointer;
                                        outline: inherit;
}

.appointment {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    text-align: left;
    width: 100%;
}

.btn {
    border-radius: 1px !important;
}

.btn-primary {
    background-color: #1C3E95 !important;
}

.btn-secondary {
    background-color: #FEC526 !important;
    border: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.nav-pills {
    border-bottom: 1px solid #AAAAAA;
}

.nav-link {
    background-color: #AAAAAA !important;
    color: #FFF !important;
    border-radius:1px !important;
    margin-right: 5px !important;
}

.active {
    background-color: #FEC526 !important;
}

.highlightDate {
    background-color: #DEDEDE; 
    border-radius: 5px;
}

.tabAttends {
 
}
.tabAttends th {
    font-weight: 500;
}

.lblDay{
    cursor: pointer;
}

.lblDay:hover{
    background-color: #ececec;
    border-radius: 5px;
}

/* 2FA Setup and Verification Styles */
.manual-key {
    font-family: monospace;
    font-size: 1.3em;
    letter-spacing: 3px;
    word-break: break-all;
    cursor: pointer;
    user-select: all;
    transition: background-color 0.2s ease;
}

.manual-key:hover {
    background-color: #e9ecef !important;
}

.manual-key:active {
    background-color: #dee2e6 !important;
}

#txtSetupCode,
#txtVerifyCode {
    font-size: 1.5em;
    letter-spacing: 8px;
    font-family: monospace;
}