/* -- Elements Shared Across Multiple Pages -- */
/* Various blue and red buttons used for form submission */
.psia-assessment-form-blue-button,
.psia-assessment-form-red-button {
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 8px;
    padding: 0px 7px 15px 7px;
    height: 29px;
    line-height: 26px;
}

.psia-assessment-form-blue-button::-moz-focus-inner,
.psia-assessment-form-red-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.psia-assessment-form-blue-button {
    background-color: #EEEEEE; 
    color: black; 
    border: 3px solid #008CBA;
    font-weight: normal;
}

.psia-assessment-form-blue-button:hover {
    background-color: #C9E3FF;
}

.psia-assessment-form-blue-button:disabled {
    background-color: #C9E3FF;
    cursor: default;
}

.psia-assessment-form-blue-button:active {
    background-color: #008CBA;
    color: white;
}

.psia-assessment-form-red-button {
    background-color: #EEEEEE; 
    color: black; 
    border: 3px solid #f44336;
    font-weight: normal;
}

.psia-assessment-form-red-button:hover {
    background-color: #FFc9c9;
}

.psia-assessment-form-red-button:disabled {
    background-color: #FFc9c9;
    cursor: default;
}

.psia-assessment-form-red-button:active {
    background-color: #f44336;
    color: white;
}

/* -- Assessment Form Submission Page - for Examiners -- */
/* Main page title, containing the candidate name */
.psia-assessment-form-submission-title {
    font-weight: bold;
    width: 100%;
    text-align: center;
    font-size: 20px;
}

/* Page subtitle, containing the discipline, level, and module of the assessment form */
.psia-assessment-form-submission-subtitle {
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin: 0px 0px 15px 0px;
}

/* Div containing important instructions for submitting assessment forms */
.psia-assessment-form-submission-instructions-important {
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

/* Link to open hidden div containing event participants */
.psia-assessment-event-name-link {
    font-weight: bold;
}

/* Hidden div containing event participants */
.psia-assessment-event-registration-list {
    display: none;
    margin-bottom: -30px;
}

/* Form element containing button to submit scoresheet */
.psia-assessment-form-submit-scoresheet-form {
    margin: 0px 0px 5px 20px;
}

/* -- Assessment Form Admin Page -- */
/* Div containing success message after an action is completed */
.psia-assessment-form-successful-action-message {
    color: green;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
}

/* Div containing error message after an action is unsuccessful */
.psia-assessment-form-failed-action-message {
    color: red;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
}

.psia-assessment-form-filter-label {
    font-weight: bold;
}

.psia-assessment-form-date-input {
    display: inline-block;
    max-width: 200px;
}

.psia-assessment-form-text-input {
    display: inline-block;
    max-width: 200px;
}

/* Header row of table containing scoresheet information */
.psia-assessment-form-scoresheet-admin-table tr:first-child {
    font-weight: bold;
    text-align: center;
}

/* Table cells in table containing scoresheet information */
.psia-assessment-form-scoresheet-admin-table td {
    padding: 2px 8px;
}

/* Checkbox to select this scoresheet for bulk actions */
.psia-assessment-form-scoresheet-admin-table tr td:first-child input {
    margin: 0px 0px 4px 0px;
}

/* Link to open popup div to perform actions on a specific scoresheet */
.psia-assessment-form-scoresheet-admin-table tr td:nth-child(2) {
    font-weight: bold;
    text-align: center;
}

/* Div containing bulk action form elements */
.psia-assessment-form-admin-bulk-actions {
    margin: 20px 0px 0px 0px;
}

/* Dropdown menu allowing the user to select which bulk action they wish to perform */
.psia-assessment-form-admin-bulk-actions select {
    margin: 0px 0px 10px 0px;
    font-size: 15px;
    padding: 5px;
}

/* Background overlay div to display over page content and behind the popup div */
.psia-assessment-form-admin-lightbox-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(120, 120, 120, 0.7);
    z-index: 9;
}

/* Popup div allowing actions to be performed on a specific scoresheet */
.psia-assessment-form-admin-lightbox {
    position: fixed;
    top: 5%;
    left: 5%;
    max-width: 90%;
    max-height: 90%;
    background: white;
    z-index: 10;
    border-radius: 5px;
}

/* Header section of popup div */
.psia-assessment-form-lightbox-header {
    width: 100%;
    height: 60px;
    background: var(--brandPrimary);
    color: white;
    border-bottom: 1px solid black;
    padding: 10px 20px 0px 20px;
    border-radius: 5px 5px 0px 0px;
    font-size: 24px;
    text-align: center;
}

/* Container div around link to close the popup div */
.psia-assessment-form-lightbox-close-link {
    float: right;
    width: 35px;
    height: 60px;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    margin: -10px -20px 0px 10px;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    background: #ddd;
    border-radius: 0px 5px 0px 0px;
    padding: 12px 0px 0px 0px;
}

/* Body section of popup div */
.psia-assessment-form-lightbox-body {
    width: 100%;
    padding: 20px 20px 10px 20px;
    border-radius: 0px 0px 5px 5px;
    line-height: 1.5em;
}

/* Title of body section of popup div */
.psia-assessment-form-lightbox-body-title {
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    font-size: 18px;
}

/* Labels for scoresheet information in the body section of the popup div */
.psia-assessment-form-lightbox-body-label {
    font-weight: bold;
}

/* Hidden div to link a member to a scoresheet in the popup div */
#psia-assessment-form-edit-scoresheet-div {
    display: none;
    margin: 20px 0px 20px 0px;
}

/* Hidden div to delete a scoresheet in the popup div */
#psia-assessment-form-delete-scoresheet-div {
    display: none;
    margin: 20px 0px 20px 0px;
}

/* Input element in the form to search for a member to link a scoresheet to */
#psia-assessment-form-member-search-field {
    width: 200px;
    height: 32px;
    padding: 0px 0px 0px 10px;
    margin: 10px 0px 10px 0px;
}

/* Div containing search results from searching for a member to link a scoresheet to */
#psia-assessment-form-member-search-results {
    display: none;
    margin: 10px 0px;
}

.psia-assessment-form-admin-results-indicator {
    vertical-align: middle;
}