h1 {
    color: MidnightBlue;
}

h2 {
    color: DarkOliveGreen;
}

table {
    width: 100%;
    table-layout: fixed;
}

table th:first-child {
    width: 50px;
    text-align: center;
}

table th:nth-child(2) {
    width: 80px;
    text-align: center;
}

table td:nth-child(5) {
    color: DarkOliveGreen;
}

table th:nth-child(6) {
    width: 60px;
    text-align: center;
}

table td:nth-child(6) {
    text-align: center;
}

table th:nth-child(7) {
    width: 60px;
    text-align: center;
}

table td:nth-child(7) {
    text-align: center;
}

table td:nth-child(8) {
    width: 200px;
    text-align: center;
    color: MidnightBlue;
}

table td:nth-child(9) {
    width: 200px;
    text-align: center;
    color: DarkOliveGreen;
}

table td:nth-child(10) {
    width: 60%;
    color: MidnightBlue;
}

table td:nth-child(11) {
    width: 200px;
    text-align: center;
}

table tr:nth-child(even) {
    background-color: #f2f2f2;
    /* Set the background color for even rows */
}

.redButton {
    color: red;
}

.modal {
    /* Styles for the modal window */
    /* Set desired position, dimensions, and appearance */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    padding: 20px;
    background-color: #e8f0fe;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 100;
    /* Add other desired styles for the modal window */
    /* Add spacing and alignment for input fields and buttons */
    display: flex;
    flex-direction: column;
    align-items: center;
}

#docTypeInput,
#docCommentInput {
    /* Adjust input field styles as desired */
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}

#docCommentInput {
    /* Increase height of doc comment textarea */
    height: 100px;
}

.modal-buttons {
    /* Position the buttons and adjust spacing */
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#cancelButton {
    /* Adjust cancel button styles */
    margin-right: 10px;
}

#commitButton {
    /* Adjust commit button styles */
    margin-left: auto;
}

.modal-overlay {
    /* Styles for the modal overlay */
    /* Set desired position, dimensions, and appearance */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Semi-transparent black overlay */
    z-index: 99;
    /* Lower z-index than the modal window */
    /* Add other desired styles for the modal overlay */
}

body.modal-open {
    /* Styles for the body when modal is open */
    /* Prevent scrolling and disable user interaction */
    overflow: hidden;
    /*pointer-events: none;*/
}

.round-checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    border: 1px solid #aaa;
    outline: none;
    cursor: pointer;
}

.round-checkbox:checked {
    background-color: #2196F3;
    border: none;
}

.highlight {
    background-color: yellow !important;
}

em {
    font-weight: 600;
}

table.flat-table td:nth-child(3),
table.flat-table th:nth-child(3) {
    width: 90px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: center;
}

table.flat-table td:nth-child(4),
table.flat-table th:nth-child(4) {
    width: 160px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: center;
}



table.flat-table td:nth-child(7),
table.flat-table th:nth-child(7) {
    width: 80px;
    text-align: center;
}

table.flat-table td:nth-child(8),
table.flat-table th:nth-child(8) {
    width: 80px;
    text-align: center;
}

.col_doctype{
    display: none;
}

.col_filing_date{
    width: 80px;
}

.col_similarity{
    width: 70px;
    text-align: center;
}