.editor-data-area{margin-bottom:.2rem;margin-left:0rem}.editor-data-area .editor-data-container{display:table;border-collapse:collapse}.editor-data-area .editor-data-container .editor-data-row{display:table-row}.editor-data-area .editor-data-container .editor-data-row .editor-data-cell-label{display:table-cell;text-align:right;border:1px solid #ddd;padding-left:.7rem;padding-right:.5rem}.editor-data-area .editor-data-container .editor-data-row .editor-data-cell-label label.notes-field-label{margin:0;padding:0;font-weight:600;font-size:1rem;white-space:nowrap;color:#4a4a4a}.editor-data-area .editor-data-container .editor-data-row .editor-data-cell-label p{margin:0;padding:0;font-weight:600;font-size:.9rem}.editor-data-area .editor-data-container .editor-data-row .editor-data-cell{display:table-cell;border:1px solid #ddd;padding:8px;padding-right:2rem}.editor-data-area .editor-data-container .editor-data-row .editor-data-cell p{margin:0;padding:0;font-weight:300;font-size:.9rem}.editor-data-area .editor-data-container .editor-data-row .editor-data-cell .update-title-field{font-size:1rem;padding-left:.3rem;width:39rem;letter-spacing:.09rem}.editor-data-area .editor-data-container .editor-data-row .editor-data-cell .update-status-checkbox{border:6px solid #000;background-color:#000}.editor-area-collapsed{display:none;font-size:.8rem}.editor-area-expanded{display:block;font-size:.8rem}.editor-button{font-size:1rem;border:1px solid #ccc;margin-bottom:.4rem;margin-left:.1rem;letter-spacing:.07rem}.editor-button:focus{border:1px solid #444}.editor-button:hover{border:1px solid #444}.editors-note-text{border:1px solid #ccc;background-color:#f6f6f6;padding:1rem}.hide-editors-note-text{display:none}.note-title-field{border:1px solid #666;background-color:#f9f9f9}.title-header-container{display:table}.title-header-container .editor-note-heading{display:table-cell;vertical-align:middle}.title-header-container .editor-note-heading .editor-note-title{display:inline-block;vertical-align:middle;margin:0;margin-left:3rem;padding:0}.note-code-block{margin-bottom:6rem;max-width:95%}.new_editors_note{width:50rem;resize:both;max-width:100%;height:auto;min-height:100px;box-sizing:border-box;padding:10px;border:1px solid #666;border-radius:4px;font-family:inherit;background-color:#f9f9f9;letter-spacing:.09rem}


        .off-screen-content {
            position: absolute;
            left: -10000px;
            top: auto;
            width: 1px;
            height: 1px;
            overflow: hidden;
            
        }

        .error-red {

            background-color: #fd856c;

        }

        #adminServicesContent {
            border: 1px solid #ccc;
            padding: 15px;
            min-height: 150px;
            margin-bottom: 20px;
            width: 80%;
            text-align: left;
        }

        #pageElementMessageArea p {
            display: block;
            text-align: left;
            margin: 1rem 0 0 0;
            padding: 1rem;
        }

        a {
            color: blue;
            text-decoration: underline;
        }

        #adminHelpNavigation {
            text-align: center;
            margin: 1rem 0 0.6rem 0;
        }

        #adminHelpNavigation button {
            border: 2px solid #fff;
            background-color: #fff;
        }

        #adminHelpNavigation button img {
            height: 44px;
            width: 47px;
        }

        #adminHelpNavigation button:hover,
        #adminHelpNavigation button:focus {
            border: 2px solid #000;
        }

        .scroll-div {
            max-height: 80vh;      /* Limit height to 90% of viewport height */
            overflow-y: auto;      /* Enable vertical scrolling when content overflows */
        }

        #adminMainModal {
            background:#fff;
            padding:.8rem;
            margin: 40px auto;
            width: 80vw;
            border-radius:5px;
            text-align:center;
        }

            #adminInfoModal {
            background:#fff;
            padding:.8rem;
            margin: 20px auto;
            width: 80vw;
            border-radius:5px;
            text-align:center;
        }

        #adminServicesContent {
            width: 100%;
        }

        #adminServicesContent p {
            display: inline-block;
            width: 100%;
            max-width: 100%; /*to override a global p setting. */
            text-align: left;
            padding: 0.5rem;
            margin: 0;
            width: 80vw;
        }

        #adminServicesContent h4 {
            margin: 1.7rem 0 2rem 0;
        }

        .system-message-div {
            width: 100%;
            padding: .6rem;
            background-color: #fff;
            display: block;
            border: 1px solid rgba(91, 128, 159, 0.2);
            margin-top: 1.4rem;
            margin-bottom: 0rem;
            padding: .8rem;;
            text-align: center;
        }

        .system-message-h2 {
            margin: 0 0 4rem 1rem;
            padding-top: 2rem;
        }


        .card-heading-button {
            display: flex
        }

        .card-heading-button h3{
            display: inline-block;
            order: 2;
            margin: 0 0 0 1rem;
        }
        
        .card-heading-button button{
            order: 1;
        }

        #informationStatusArea .statusArea {
            text-align: left;
        }

        #informationStatusArea .statusArea p{
            margin: 1rem 0 0 1rem;
        }

        .information-buttons {
            padding: 0.2rem 0.6rem;
            margin: 0;
            border: 1px solid #A1B6C9;
            border-radius: 4px;
            background: #F7F1E9;
            color: #000;
            font-size: 0.875rem; /* 14px */
        }

        .information-buttons:hover {
            background: #5C5C5C;
            color: #fff;
        }

        .information-buttons:focus {
            background: #747474;
            color: #fff;
        }

        .information-buttons-white {
            padding: 0.2rem 0.6rem;
            margin: 0;
            border: 1px solid #A1B6C9;
            border-radius: 4px;
            background: #fff;
            color: #000;
            font-size: 0.875rem; /* 14px */
        }

        .information-buttons-white:hover {
            background: #5C5C5C;
            color: #fff;
        }

        .information-buttons-white:focus {
            background: #747474;
            color: #fff;
        }

        .information-buttons-warning {
            padding: 0.2rem 0.6rem;
            margin: 0;
            border: 1px solid #5b809f;
            border-radius: 4px;
            background:rgba(246, 162, 168, 0.7);
            color: #000;
            font-size: 0.875rem; /* 14px */
        }

        .information-buttons-warning:hover {
            border: 1px solid #5b809f;
            background: #DB0A18;
            color: #fff;
        }

        .information-buttons-warninig:focus {
            border: 1px solid #5b809f;
            background: #DB0A18;
            color: #fff;
        }

        .close-button {
            font-family: monospace;
            padding: 0 0.2rem 0 0.2rem;
            margin: 0;
            border: 2px solid #F7F1E9;
            background-color: #F7F1E9;
            color: #000;
            font-size: 1.4rem;
            margin: 2rem 0.4rem 2rem 0;
        }

        .close-button:hover,
        .close-button:focus {

            border: 2px solid #000;

        }  

        .information-buttons-green {
            padding: 0.4;
            margin: 0;
            border: 1px solid #5b809f;
            border-radius: 4px;
            background: #D4E8D9;
            color: #000;
            font-size: 0.875rem; /* 14px */
        }

        .information-buttons-green:hover {
            padding: 0.4;
            margin: 0;
            border: 1px solid #5b809f;
            border-radius: 4px;
            background: #4A875A;
            color: #fff;
            font-size: 0.875rem; /* 14px */
        }

        .information-buttons-green:focus {
            padding: 0.4;
            margin: 0;
            border: 1px solid #5b809f;
            border-radius: 4px;
            background: #4A875A;
            color: #fff;
            font-size: 0.875rem; /* 14px */
        }

        #editTopicForm {
            text-align: center;
            width: 80%;
            display: inline-block;
        }

        #editTopicForm label {
            display: block;
            font-weight: bold;
            margin-bottom: 0.4rem;
            width: 100%;
            padding: 0 0 0.2rem 1rem;
        }


       #editTopicForm label span {
            font-weight: normal;
            margin: 0 0 0 2rem;
            padding: 0.2rem; 
        }

        #editTopicForm textarea {
            width: 100%;
            height: 20rem;
        }

        #editTopicForm input {
            width: 100%;
        }

        .edit-field-div {
            margin: 2rem 0 1rem 0;
        }

        .helpTopicHeader {
            box-shadow: 1px 2px 2px 0px rgba(96, 39, 39, 0.2);
            background-color: #F7F1E9;
            text-align: right;
            padding: 2rem 1rem 0 0;
            margin: 0;
        }