html, body {
    scroll-behavior: smooth;
    font-family: Jura, sans-serif;
    overflow-x: hidden;
}
a, span, div, p, h1, h2, h3, h4, h5, h6 {
    font-family: Jura, sans-serif;
}
.home-area p {
    font-size: 18pt;
}

.dmfc-token-list {
    list-style: none;
}

.dmfc-token-list li {
    display: flex;
    background-color: #555555;
    height: 200px; width: 200px;
}

.home-buttons {
    background-color: transparent;
    text-align: center;
}

    .home-buttons li {
        margin-block-end: 10px;
        margin-inline-end: 5px;
        text-align: center;
        display: inline-block;
    }

    .home-buttons li button {
        width: 20vw;
        height: 80px;
        font-size: 1.2em;
    }

.fat-footer {
    background-color: #636363;
    color: #c2c2c2;
    padding: 1.5em 0;
}

body {
    background-color: whitesmoke;
    color: rgb(62, 69, 85);
}

.dailyx-container div, .dailyx-container a, .dailyx-container b, .dailyx-container button, .dailyx-container p, .dailyx-container h1, .dailyx-container h2, .dailyx-container h3, .dailyx-container h4, .dailyx-container h5, .dailyx-container h6 {
    font-family: Arial, Helvetica, sans-serif;
}

.logo {
    width: 175px; height: 175px;
}

.sized {
    max-width: 320px;
}
.super-sized {
    max-width: 720px;
}

.pxl {
    font-family: "Pixelify Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.lt {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

ul.nipd-homelinks {
    list-style: none; padding: 0; margin: 0;
}

#touchPlatform {
    text-align: center;
}

#touchPlatform ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

#touchPlatform ul li {
    margin: 0; padding: 0;

}

#touchPlatform ul li img {

}

#touchStrip {
    background-color: transparent;
    width: 100%;
    height: 33vh;
    overflow: scroll;
}

#touchStrip ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #touchStrip ul li {
        margin: 0;
        padding: 0;
        display: inline-block;
    }

        #touchStrip ul li button {
            background-color: transparent;
            border: 0;
            margin: 0 1vw;
        }
        #touchStrip ul li img {
            width: 96px; height: 96px;
        }

.nav {
    display: inline-block;
    margin: 0 4px;
    padding: 0;
}

.nav ul {
    list-style: none;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.nav ul li {
    display: inline-block;
    margin: 0 20px;
}

.learn-button {
    border-radius: 1.07em 1.3rem !important;
    font-size: 1.2rem;
    border: solid 2px #f0f0f0;
    box-shadow: 1px 1px 1px #f0f0f0;
}
.learn-button:hover {
    box-shadow: 1px 1px 1px #999999;
    background-color: #a0a0a0;
}
.clipapp input {
    color: navy;
    font-weight: 600;
    font-size: 1.25em;
    border-radius: 20px;
    max-width: 55vw;
    margin-left: auto;
    margin-right: auto;
}
.selected-files {
    list-style: none;
}
.selected-files li {
    display: inline-block;
    margin-inline: 5px;
    text-decoration: underline;
    text-decoration-color: dodgerblue;
}
.bc-box p {
    font-size: 1.3em;
}


select {
    padding: 5px !important;
}
.container {
    margin-top: 2vh;
    max-width: 1900px !important;
}

[role=main] {
    position: relative;

}

.row.tall {
    height: 10vh;
}

    .row.tall .left-cell {
        position: relative;
    }

        .row.tall .left-cell .title {
            margin-top: 4vh;
            margin-bottom: 6vh;
            user-select: none;
        }

    .row.tall .right-cell {
        position: relative;
    }

        .row.tall .right-cell .about {
            margin-top: 0;
            background-color: ghostwhite;
            margin-inline: 5vw;
            outline: 0;
            width: 84vw;
            padding-block: 10vh;
            border-radius: 1vh;
            user-select: none;
        }

.social-label {
    display: none;
}

.home-link {
    font-weight: 800;
}
.visually-hidden {
    display: none;
}
.pull-right {
    position: fixed;
    right: 2vw;
}
.alert {
    padding: 2em !important;
    border-radius: 1.15em 2.60rem !important;
    min-height: 250px !important;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
    /* Vertically center the text there */
}


.ttt {
    height: 33vh;
}

    .ttt .form-wrapper {
        margin-top: 0.5vh;
    }

.ttt p {
    font-size: 16pt;
}

.form-control.form-select.contact-control, .form-inline .form-check-custom {
    width: 100%;
}
.homepage-text {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0 1vw;
}
.learn-button {
    position: absolute;
    bottom: 20px;
}
.connect-list {
    list-style-type: square;
}
.project-brief {
    color: #333;
    background-color: #f0f0f0cc;
    padding: 3vh 4vw 3vh 4vw;
    margin-block-end: 32px;
    border-radius: 32px;
}
.project-brief .lead {
    font-style: italic;
}
.project-brief h4 {
    font-weight: 800;
    color: darkslateblue;
}
.project-brief .sections {
    list-style: none;
    margin: 0;
    padding: 0 0 1vw 0;
}
.project-brief .sections h5 {
    color: darkslateblue;
}
.project-brief .sections li p {
    padding-left: 16px;
}
.archive-search {
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 2vh;
    padding: 1vh 0;
    border-radius: 16px;
    width: 52vw;
}
.keywords { list-style: none; padding: 0; margin-inline: 0; }
.keywords::before { content: 'Categories:'; }
.keywords li {
    display: inline-block;
    margin-inline: 5px;
    color: darkslateblue;
    text-decoration: underline;
    cursor: pointer;
}

.form-control, .form-button {
    border-radius: 16px;
}

.form-control {
    background-color: #f0f0f066;
    border: solid 1px white;
}
.form-control:focus {
    color: darkslateblue;
    font-weight: 600;
    font-size: 1.25em;
}
textarea.form-control:focus { height: 280px; }
.byline {
    font-size: 0.75em; margin-top: 40px;
}
.byline .docid::before { content:'ID: '; font-weight: 400; }
.byline .docid { font-weight: 600; margin: 0 10px; }
.byline .editor::before { content:'Editor: '; font-weight: 400; }
.byline .editor { font-weight: 600; margin: 0 10px; }
.byline .docdate::before { content:'Last Update: '; font-weight: 400; }
.byline .docdate { font-weight: 600; margin: 0 10px; }

.nav-link { text-decoration: none; color: #ececec; }
.nav-link.active, .nav-link:hover { text-decoration: underline; }
.nav-link.active { color: white; }
.dailyx-container { outline: 0; }
.date-picker-container { text-align: right; font-size: 1.2rem; }
.dailyx-header .title-area { font-size: 1.6rem; }
.dailyx-main {
    border-top: solid 1px #444; padding: 10px; margin-top: 10px;
}

.dailyx-main ul {
    list-style: none;
    padding-left: 0;
}

.dailyx-main ul li {
    border: 0;
    margin: 6px; padding-block: 10px; padding-inline: 10px;
    width: 23%;
    vertical-align: top;
    font-size: 0.85em;
    display: inline-block;
    min-height: 180px;
}

.legend.labeled::before {
    content: 'Legend:';
}

.action-buttons {
    display: inline-block;
}

.legend div {
    border-radius: 10px;
    margin-right: 6px;
    display: inline-block;
    padding: 5px;
}

.dailyx-main .cal-item {
    background-color: #b9beea;
}
.dailyx-main .sent-item {
    background-color: #69c6ef;
}
.dailyx-main .messages-item {
    background-color: #7ee1a8;
}
.dailyx-main .commits-item {
    background-color: #e5bf84;
}

.float-right {
    float: right;
}

.timeEntryForm {
    background-color: #f1a60d99;
    padding: 20px 20px;
    border-radius: 20px;
    margin-top: 50px;
    position: fixed;
    font-size: 0.8em;
}
    .timeEntryForm select, .timeEntryForm .form-control, .timeEntryForm .btn {
        font-size: 1.0em;
    }

.font-weight-bold {
    font-weight: 800;
}

.draw-container {
    width: 100vw;
    text-align: center;
}

.microservices {
    list-style: none;
    margin: 0;
    padding: 0;
    border-right: solid 1px #888888;
}
.microservices li {

}
.microservices li button {
    margin: 5px;
    font-size: 1.2em;
    border: 0;
    background-color: transparent;
    border-radius: 16px;
    padding-inline: 16px;
}

.microservices li button.activePane {
    color:#3290eb !important;
}

.text-primary {
    color: #007BFF !important;
}

.done:before {
    content: '★';
    margin-inline: 4px;
}

.microservices li button:hover {
    box-shadow: 0 0 2px 4px #88888855;
}

#colorOutputText, #phoneOutputText {
    font-size: 1.5em;
}

.specialty-label {
    color: #4544;
}
.specialty-label.dyn {
    color: #007BFF;
}

.sub-nav ul {
    list-style: none;
}

.touchstone-container {
    height: 512px; width: 512px;
    margin-inline: auto;
}

.artifact-filter-option {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-weight: 700;
}
.caps {
    text-transform: uppercase;
}
.results-container {
    overflow-y: scroll;
    background-color: transparent;
    height: calc(91vh - 173px);
    width: 98vw;
}
.results {
    list-style: none;
    margin: 0; padding: 0;
}
    .results li {
        display: inline-block;
        text-align: center;
        background-color: transparent;
        font-size: 0.9rem;
    }
.results li .card {
    width: 80vw;
    margin-inline: 10px;
    margin-top: 15px;
}
.results li .card {
    font-size: 1.25em;
    height: 450px;
}
.results li .card pre {
    background-color: #e9e9e966;
    height: 165px;
    overflow-y: scroll;
}
.ms {
    font-family: Montserrat; font-weight: 700;
}

#BillTimeWindow select {
    font-size: 0.9rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

#BillTimeWindow input {
    font-size: 1.5rem;
    font-weight: 600;
    background-color: white;
    border: solid 1px #ccc;
    border-radius: 2px;
}

#BillTimeWindow textarea {
    font-size: 1.25rem;
    padding-inline: 8px;
}

.bg-info-fade {
    background-color: #43ac6a33;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }

    main {
        columns: 1;
    }
}

@media (min-width: 700px) {
    .results li .card {
        width: 40vw;
    }
}

@media (min-width: 980px) {
    .results li .card {
        width: 30vw;
    }
}

@media (min-width: 1100px) {
    .row.tall {
        height: 88vh;
    }

    .row.tall .left-cell .title {
        margin-top: 42vh;
        margin-bottom: 0;
    }

    .row.tall .right-cell .about {
        margin-top: 28vh;
        width: 33vw;
    }

    .homepage-text {
        font-size: 1.8rem;
        font-weight: 600;
    }

    .social-label {
        display: inline-block;
    }

    html {
        font-size: 16px;
    }

    main {
        columns: 1;
    }
}

.stage-section {
    width: 100vw;
}

@media (min-width: 1200px) {
    .results li .card {
        width: 22vw;
    }
}

.specialty-label.dyn {
    color: var(--bs-primary-rgb);
}

@media (max-width: 550px) {
    .home-area {
        font-size: 0.4rem;
    }
}