rumtk-web 0.9.3

/*
 * rumtk attempts to implement HL7 and medical protocols for interoperability in medicine.
 * This toolkit aims to be reliable, simple, performant, and standards compliant.
 * Copyright (C) 2025  Luis M. Santos, M.D. <lsantos@medicalmasses.com>
 * Copyright (C) 2025  Ethan Dixon
 * Copyright (C) 2025  MedicalMasses L.L.C. <contact@medicalmasses.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
.item-default-container {
    width: fit-content;
    max-width: 1000px;
    margin-inline: auto;
    padding: 10px;
}

.item-default-title {

}

.item-default-title:hover {
    background-color: var(--color-general-hover);
}

.item-default-details {
    text-box-trim: trim-both;
    text-align: left;
    text-wrap: wrap;

    padding: 1em;

    background-color: var(--color-general-bg);
}

.portrait-card-default-container {
    align-content: center;
    align-items: center;
    justify-items: center;
    max-width: 100%;
    width: fit-content;
    padding: 10px;
}

.portrait-card-default-container > table > tbody {
    display: flex;
    justify-items: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    vertical-align: top;
}

.portrait-card-default-row {
    display: flex;
    flex-wrap: wrap;
    /* min-width: 200px; */
    background-color: transparent;
    justify-content: space-around;
    justify-items: center;
    align-items: flex-start;
    flex-direction: column;
}

.portrait-card-default-item {
    width: 300px;
    padding: 50px;
}

.contact-card-default-portrait {
    height: 250px;
    border-radius: 16px;
    border-width: 5px;
    border-style: groove;
    border-color: var(--color-general-content-bg);
}

.contact-card-default-container {
}

.contact-card-default-container > p {
    margin: 0;
}

.contact-card-centered-container {
    max-width: fit-content;
    margin-inline: auto;
}

.contact-card-centered-container > p {
    margin: 0;
}

.socials-default-container {
    display: flex;
    color: var(--color-general-bg);
    padding: 1em;
}

.socials-default-container a {
    text-decoration: none;
}

.text-card-default {
}

.container-default {
    min-width: 300px;
    max-width: 1200px;
    padding: 2em;
    margin: 2em;
    background-color: var(--color-card-bg);

    border-radius: 16px;
    margin: auto;
}

.title-default-container {
    display: block;
    width: auto;
    height: auto;

    align-content: center;
    margin-block: 20px 20px;
    padding-left: 16px;
    padding-right: 16px;

    background-color: var(--color-submit-bg);

    border-radius: 16px;
}

.title-default {
    display: block;
    margin-block: 0;

    color: var(--color-text-title);
}

.navlink:link, .navlink:visited {
    color: var(--color-text-title);
    padding: 2px;
}

.navlink:hover {
    color: var(--color-nav-link);
    background-color: var(--color-nav-link-hover);
    border-radius: 5px;
}

.label-default {
    text-wrap: wrap;
    margin: auto;
}

.brand-name {
    color: var(--color-text-title);
}

.formatted-label-default {
    text-wrap: wrap;
    margin: auto;
}

.footer-default-container {
    display: grid;
    background-color: var(--color-footer-bg);
    color: var(--color-text-title);

    width: 100%;

    padding: 10px;
    justify-items: center;
}

.footer-default-container  a {
    color: var(--color-text-title);
}

.goto-default-button-container {
    max-width: fit-content;
    margin-inline: auto;

    height: 90px;
}

.goto-default-button-container > button {
    background-color: var(--color-submit-bg);

    color: var(--color-bg-white);

    border-radius: 15px;
}

.info-card-default-container {
    display: flex;
    min-height: 250px;
    min-width: 200px;
    width: 99%;
    padding: 10px;
    color: var(--color-text-title);
}

.info-card-default-titlebox {
    display: flex;
    flex: 1;
    background-color: var(--color-card-title-bg);
    align-items: end;
    padding: 10px;
    justify-content: center;

    max-width: fit-content;
}

.info-card-default-descbox {
    display: flex;
    flex: 2;
    background-color: var(--color-card-descbox-bg);
    align-items: center;
    padding: 32px;
    justify-content: center;
}

.loader-default {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}