/*
 * Copyright 2024-2025 AffinityCE, LLC.
 * This file and its contents are proprietary business information and
 * may not be copied, shared, or reproduced in any fashion without the
 * express written approval by the Managing Partners of AffinityCE, LLC.
 */

/* LOCAL.CSS
 *
 * CSS rules "local" to the Activity Manager and "global" to all of its clients.
 *
 * UPDATE: 2024-07-19 DBO Cleanup.
 */

/* Add some vertical padding to bars now that we're using the newer (2022) breadcrumb */
#navbar, #bottombar {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

/* PILL-STYLE for spans */
.pill, .admin_pill, .admin-pill {
    display: inline-flex;
    padding: 0 0.3rem 0.1rem 0.3rem;
    font-size: 75%;
    text-transform: uppercase;
    border-radius: 0.2rem;
    align-items: center;
}

/* Non-CE "pill" */
.non-ce, .is-poster {
    height: 1.1rem;
    font-variant: small-caps;
    padding: 0.1rem 0.3rem 0.25rem 0.3rem;
}

.non-ce {
    color: var(--color-black);
    background-color: var(--color-yellow);
}

/* "Is a poster" "pill" */
.is-poster {
    letter-spacing: 1px;
    color: #fff;
    background-color: var(--color-blue);
}

/* Logged in as an admin */
.admin-pill {
    letter-spacing: 1px;
    color: var(--color-red);
    border: 1px solid var(--color-red);
    background-color: var(--color-yellow);
    line-height: 160%;
    margin: 0.25rem 4rem 0 0;
}

/* Item/Abstract/Session status labeling */
.status-disabled,
.status-in-progress,
.status-incomplete,
.status-submitted,
.status-accepted,
.status-rejected,
.status-promoted,
.status-demoted,
.status-resubmit,
.status-unlocked,
.status-locked {
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 0 6px #fff;
    padding: 3px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.65);
}

.status-in-progress {
    color: var(--color-orange); /* orange */
}

.status-disabled {
    color: var(--color-fuchsia); /* fuchsia */
}

.status-incomplete {
    color: var(--color-black); /* black */
}

.status-submitted {
    color: var(--color-green); /* forest green */
}

.status-accepted, .status-promoted {
    color: var(--color-green-medium); /* moss */
}

.status-rejected, .status-demoted {
    color: var(--color-pink); /* pink */
}

.status-locked, .status-resubmit {
    color: var(--color-yellow-green); /* greenish yellow */
}

.status-unlocked {
    color: var(--color-turquoise); /* turquoise */
}

.status-in-progress:hover {
    background-color: var(--color-orange); /* orange */
    color: var(--color-black); /* § 508 says white on orange is verboten */
    text-shadow: 0 0 0.25rem var(--color-grey-35pct);
}

.status-incomplete:hover {
    background-color: var(--color-black); /* black */
    color: var(--color-red); /* red */
    text-shadow: 0 0 0.25rem var(--color-grey-35pct);
}

.status-submitted:hover {
    background-color: var(--color-lavender); /* lavender */
    color: var(--color-black);
    text-shadow: 0 0.125rem 0.25rem var(--color-grey-35pct);
}

.status-accepted:hover {
    background-color: var(--color-green-medium); /* moss */
    color: var(--color-white);
    text-shadow: 0 0.125rem 0.25rem var(--color-grey-35pct);
}

.status-rejected:hover {
    background-color: var(--color-pink); /* brick red */
    color: var(--color-white);
    text-shadow: 0 0.125rem 0.25rem var(--color-grey-35pct);
}

.status-locked:hover {
    background-color: var(--color-yellow-green); /* greenish yellow */
    color: var(--color-black);
    text-shadow: 0 0.125rem 0.25rem var(--color-grey-35pct);
}

.status-unlocked:hover {
    background-color: var(--color-turquoise); /* turquoise */
    color: var(--color-black);
    text-shadow: 0 0.125rem 0.25rem var(--color-grey-35pct);
}

/* 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;
}

.abstract-title-block, .submission-title-block, .title-block {
    background-color: rgba(0, 0, 0, 0.06);
    padding: 0.375rem;
    line-height: 1.1;
}

.title-block {
    margin: 0;
    padding: 0.4rem;
}

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

/* Page heading container specifiers */
.head-content-variant-1 {
    justify-content: flex-start;
}

.head-content-variant-2 {
    justify-content: space-between;
}

.head-content-variant-3 {

}

.head-content-variant-4 {
    justify-content: flex-start;
}

.head-content-variant-5 {
    justify-content: space-between;
}

.head-content-variant-6 {

}

.head-content-variant-7 {
    justify-content: center;
}

.head-content-variant-8 {
    justify-content: flex-end;
}

.form-inline {
    align-items: baseline !important;
}

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: 1px solid #333;
    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: 1px solid #000;
    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(--color-table-head);
    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: 0;
    margin-top: 1em;
    background-color: var(--color-pseudo-table-head);
}

/* 2025-07-08 DBO Blunt-force no-print styling */
@media print {
    #navbar, #bottombar, #footer {
        display:none;
    }
}