/* tabletools css. Example: Table of Fate, Table of Destiny, Table of Heroes */
    th {
        min-width:150px;
        max-width: 300px;
    }
    label {
        all: unset;
    }
    td {
        vertical-align: top !important;
        line-height: 1em;
    }
    .center {
        text-align: center;
    }
    .dataTables_filter,
    .dataTables_length {
        float: left !important;
        text-align: left !important;
        font-family: 'Archivo Narrow', arial, sans-serif;
        clear: both;
    }
    .dataTables_filter label, 
    .dataTables_length label {
        font-size: 1.4em;
    }
    .dataTables_filter label input,
    .dataTables_length label select {
        float: unset;
        display: unset;
        width: unset;
    }
    .dataTables_length label select {
        margin-left: 10px;
    }
    /* override the typical 350px width button css in form-temp.css */
    button.dt-button {
        width: fit-content;
    }
    #columnToggleContainer {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    #columnToggleContainer label {
      display: block;
      margin-bottom: 0.5em;
      width: 22%;
    }

    #columnToggleContainer input[type="checkbox"] {
      margin-right: 0.5em;
      vertical-align: middle;
    }

    /* Show Hide Column html */
    label.vis-option {
        display: inline-block;
        margin: 0 10px;
    }
    label.vis-option span {
        display:inline-block;
    }

    .filter-field {
        font-weight: bold;
        color: black;
        margin-left: 10px;
    }
    :root {
        --green: #a0c15a;
        --yellow: #ffd934;
        --orange: #ffb234;
        --red: #ff8c5a;
        --blue: #0060df;
        --aqua: #05696b;
        --white: #fff;
    }
    .status-pill {
        border: 1px solid transparent;
        border-radius: 2px;
        text-transform: uppercase;
        text-align: center;
        background-color: black;
        color: #333;
        font-size:.75em;
        padding: 3px;
        display: inline-block;
    }
    .days-update,
    .short-label,
    .course-count {
        width: 25px;
    }
    .word-count {
        width:130px;
    }
    .goodtogo {
        background-color: var(--green);
    }
    .danger-wr {
        background-color: var(--yellow);
        color: #333;
    }
    .yikes {
        background-color: var(--orange);
    }
    .ohno {
        background-color: var(--red);
    }
    .aqua {
        background-color: var(--aqua);
        color: var(--white);
    }
    .ca-active {
        background-color: var(--white);
        border: 1px solid #333;
        margin: 1px;
    }
    .misc {
        background-color: var(--blue);
        color: var(--white);
    }
    .cm-instructions {
       list-style: none; 
    }
    .cm-checkboxes {
        width:980px;
    }