/*
 * Copyright 2025 AffinityCE, LLC. Confidential Business Information.
 * Not to be shared, copied, duplicated, or distributed in any form
 * or fashion without the express written approval of AffinityCE, LLC principals.
 */

/* LOCAL.CSS
 *
 * CSS rules "local" to the CE Depot System and "global" to all of its clients.
 *
 * UPDATE: 2024-07-24 DBO Cleanup.
 * UPDATE: 2025-07-15 DBO More cleanup, move common styles out of $CLIENT/bs4.css and
 *         $CLIENT/ui.css. Establish sitewide default CSS variables in Core global_defaults.css
 */

/* Add some vertical padding to bars now that we're using the newer (2022) breadcrumb */
#attrib {
    position: relative;
    float: right;
    margin-right: 1em;
    margin-top: 3px;
}

/* 2024-07-19 DBO This is a dangerously non-specific rule */
button[type="submit"] + button[type="submit"] {
    margin-left: 3rem;
}

button[type="submit"] + button[type="submit"].no-follow, button + button.no-follow {
    margin-left: 0;
}

/* Page header #head-content container */
#head-content {
    display: flex;
    align-items: center;
    align-content: stretch;
}

ul.bad-field li {
    margin-left: 0.4rem !important;
    list-style: none none;
    line-height: 2rem;
}

ul.bad-field li::before {
    content: " ";
    width: 2rem;
    height: 2rem;
    background-image: url(/img/stop-sign.svg);
    display: inline-block;
    margin-right: 0.4rem;
}

.disabled-entry {
    text-decoration: line-through #636c72;
    cursor: not-allowed;
    color: rgba(0, 0, 0, 0.3);
}

/* Stat boxes for dashboards */
.stat-box {
    float: left;
    margin: 0 0.3rem 1rem 0;
    width: 16%;
    border: 0.125rem solid var(--color-grey-75pct);
    text-align: center;
    border-radius: 0.3rem;
    overflow: hidden;
}

.stat-num {
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin: 0.625rem;
}

.stat-label {
    background-color: #829e78;
    color: #fff;
    font-size: 115%;
    padding: 0.25rem;
}

.btn-stat, .btn-stat-not-active {
    padding: 0;
    background-color: #fff;
    border: 0.125rem solid var(--color-black);
    cursor: pointer;
    min-width: 16.667%;
}

.btn-stat-not-active {
    background-color: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.1);
}

.btn-stat .stat-label, .btn-stat-not-active .stat-label, .btn-stat .stat-label-not-active, .btn-stat-not-active .stat-label-not-active {
    font-size: 115%;
    font-variant: small-caps;
    padding: 0.4rem 0.8rem;
}

.btn-stat:hover {
    color: #fff;
    background-color: rgba(130, 158, 120, 1);
}

.btn-stat-not-active:hover {
    color: rgba(0, 0, 0, 0.5);
    background-color: rgba(130, 158, 120, 0.1);
}

.btn-stat:hover > .stat-label, .btn-stat-not-active:hover > .stat-label {
    background-color: rgba(112, 142, 101, 0.9);
}

.btn-stat:hover > .stat-label-not-active {
    background-color: rgba(112, 142, 101, 0.1);
}

/* 2024-07-19 DBO Table head, pseudo table head styles migrated from individual site default */
th, th a, th a:hover, .pseudoth {
    color: var(--color-white);
    background-color: var(---tafel-head-bg);
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
    font-weight: bold;
    text-decoration: none;
    border: none;
}

h2.pseudoth {
    text-shadow: none;
    padding: 0.375rem;
    margin-top: 1em;
    background-color: var(---tafel-head);
}

/* LOCAL.CSS - styles unique to this project */

.subhead_button {
    float: right;
    margin-right: 32px;
}

/* cc- styles */
.cc-container {
    width: 99%;
    border-top: 0.125rem solid var(--color-grey-20pct);
    border-right: 0.125rem solid var(--color-grey-20pct);
    box-shadow: 0 0 0.375rem var(--color-grey-15pct);
    margin: 0 auto 2rem auto;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start;
}

.cc-box {
    text-transform: uppercase;
    font-size: 90%;
    text-align: center;
    min-height: 6rem;
    border-left: 0.125rem solid var(--color-grey-20pct);
    border-bottom: 0.125rem solid var(--color-grey-20pct);
    padding: 0 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    hyphens: none;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
}

.cc-3 {
    flex: 1 1 33%;
}

.cc-4 {
    flex: 1 1 25%;
}

.cc-5 {
    flex: 1 1 20%;
}

.cc-all {
    flex: 1;
}

.cc-row + .cc-row {
    border-top: 0.125rem solid var(--color-grey-20pct);
}

.cc-box-inactive {
    color: var(--color-grey-40pct);
    background-color: var(--color-grey-10pct);
}

.cc-box:hover {
    background-color: rgba(73, 152, 217, 0.8);
    color: #fff;
}

.cc-clear {
    clear: both;
}

.cc-danger {
    color: var(--color-red) !important;
}

.cc-danger:hover {
    background-color: rgba(255, 46, 0, 0.8) !important;
    font-weight: bold;
    color: #fff !important;
}

.cc-okay {
    color: #0cce23 !important;
}

.cc-okay:hover {
    background-color: rgba(12, 206, 35, 0.8) !important;
    font-weight: bold;
    color: #fff !important;
}

.cc-warning {
    color: var(--color-yellow) !important;
}

.cc-warning:hover {
    background-color: rgba(255, 163, 45, 0.80) !important;
    font-weight: bold;
    color: #fff !important;
}

/* Sort of like BS2 /well */
.well {
    border: 0.125rem solid rgba(0, 0, 0, 0.1);
    border-radius: 0.35rem;
    padding: 0.4rem 0.8rem;
    background-color: rgba(0, 0, 0, 0.03);
}

/* 2021-01-28 DBO Moving George's demanded "CLICK HERE TO START" styles from hub to here
                  to accommodate request from UL CNE for custom language
   2024-12-06 DBO Adding an arrow-shaped background via .click-here in master_styles.css,
                  so we're swapping old FG to new BG and setting new BG defaults
 */
.gv-click, .emulate-gv-click {
    background-color: #b50000;
    color: white;
    font-size: 90%;
    text-transform: uppercase;
    text-align: right;
    margin-right: 0.3rem;
    display: inline-block;
    width: 11.5ch;
}

.emulate-gv-click {
    width: 12.5ch !important;
}

.gv-click::before {
    content: "click here to start";
}

/* 2021-02-04 DBO Basic settings for new "lede" content region at the top of the hub page */
#lede {
    background-color: #fff;
}

#lede h1 {
    margin-top: 0;
}

#lede p:last-child {
    margin-bottom: 0.5rem;
}

/* Access rights bubbles */
.right-bubble {
    display: inline-flex;
    width: 1.3rem;
    height: 1.3rem;
    align-items: center;
    justify-content: center;
    background-color: var(--color-grey-55pct);
    border-radius: 1.3rem;
    color: #fff;
    font-weight: bold;
    font-size: 85%;
    cursor: help;
}

.right-su {
    background-color: var(--color-red);
}

.right-pm {
    background-color: var(--color-orange);
    color: var(--color-black);
}

.right-admin {
    background-color: var(--color-yellow);
    color: var(--color-black);
}

.right-limited-admin {
    background-color: var(--color-brown);
    color: var(--color-black);
}

.right-reports {
    background-color: var(--color-green);
}

.right-limited-reports {
    background-color: var(--color-turquoise-light);
}

.right-user {
    background-color: var(--color-grey);
    color: var(--color-black);
}

.right-testing {
    background-color: var(--color-purple);
    color: var(--color-white);
}

.testing-bubble {
    display: inline-block;
    font-size: 80%;
    width: 7rem;
    text-align: center;
    padding: 0.2rem 0.35rem;
    background-color: var(--color-grey-40pct); /*rgba(0, 0, 0, 0.4);*/
    color: #fff;
    border-radius: 0.2rem;
}

/* Styles used for registration */
.excessive, .big-red {
    color: #fff;
    background-color: #b50000;
    padding: 0.3rem 0.6rem;
    font-weight: bold;
}

/* =============================================================================
Print styles.
Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    /* Black prints faster: sanbeiji.com/archives/953 */
    a, a:visited {
        color: #444 !important;
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 0.125rem solid var(--color-grey-40pct);
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

}