<br />
<b>Warning</b>:  file_get_contents(signing_key.txt): failed to open stream: No such file or directory in <b>/home/ccc/dev.carverclimbingclub.org/admin/_config.inc.php</b> on line <b>131</b><br />
/*
* codebase.inc.css
*
* CSS used in codebase templates and scripts that generate HTML. Do not arbitrarily
* edit this code! This file is used between many sites and modifying it may result
* in something breaking. Instead, overwrite these values in a specific site by
* adding new definitions to a screen.css file.
*/

/* App.inc.php */
.sc-msg {
    z-index: 2000000000; /* Close to the maximum of a 32-bit integer. */
    margin: 1em 0;
    background: #fafafa;
    padding: 0;
    border: none;
}
form .sc-msg-success label { color: #76B15B; font-weight: bold; }
form .sc-msg-notice label { color: #B19332; font-weight: bold; }
form .sc-msg-warning label { color: #9200AE; font-weight: bold; }
form .sc-msg-error label { color: #b34; font-weight: bold; }
.sc-msg > .sc-msg-success { color: #76B15B; }
.sc-msg > .sc-msg-notice { color: #B19332; }
.sc-msg > .sc-msg-warning { color: #9200AE; }
.sc-msg > .sc-msg-error { color: #b34; }
.sc-msg > .sc-msg-success,
.sc-msg > .sc-msg-notice,
.sc-msg > .sc-msg-warning,
.sc-msg > .sc-msg-error {
    padding: .5em 1em;
    margin: 5px 0;
    color: #fff;
}
.sc-msg > .sc-msg-success a:not(.button),
.sc-msg > .sc-msg-notice a:not(.button),
.sc-msg > .sc-msg-warning a:not(.button),
.sc-msg > .sc-msg-error a:not(.button) {
    color: #fff;
    text-decoration: underline;
}
.sc-msg > .sc-msg-success { background-color: #76B15B; }
.sc-msg > .sc-msg-notice { background-color: #B19332; }
.sc-msg > .sc-msg-warning { background-color: #9200AE; }
.sc-msg > .sc-msg-error { background-color: #b34; }
/* PEdit.inc.php */
.sc-pedit-form {}
.sc-pedit-item,
.sc-pedit-buttons { margin: .75em 0; }
.sc-pedit-buttons { clear: both; }
#sc-pedit-versions-table {
    margin-bottom: .75em;
    border-collapse: collapse;
    border-spacing: 0;
}
#sc-pedit-versions-table th,
#sc-pedit-versions-table td {
    border-bottom: 1px solid #CC9;
    margin: 0;
    padding: 2px 10px;
    vertical-align: baseline;
}
#sc-pedit-versions-table th {
    white-space: nowrap;
}
/* Utilities.inc.php */
.sc-highlightwords, ::target-text {
    background-color: #EBFE00;
    color: #000;
}
/* Captcha.inc.php */
#sc-captcha {
    font-size: 0.5em;
    line-height: 0.8em;
}
/**
* utilities.inc.css
* Common styles used in Strangecode applications.
*/

/*
FORMS
*/
input.sc-micro, textarea.sc-micro, select.sc-micro,
input.sc-tiny, textarea.sc-tiny, select.sc-tiny,
input.sc-small, textarea.sc-small, select.sc-small,
input.sc-medium, textarea.sc-medium, select.sc-medium,
input.sc-large, textarea.sc-large, select.sc-large,
input.sc-full, textarea.sc-full, select.sc-full {
    margin: 0 0.5rem 0 0;
    box-sizing: border-box;
}
/*
The following widths are calculated to include a small right-margin and be equally divisible so the right edges align.
The formula is `width = (width - (rightmargin * multiple)) / multiple`
where width is the sought value, width is the width of a sc-large, and multiple is the number
of times an element fits within width (i.e. sc-micro has a multiple of 16).
The values are dependent on the margin, padding, and border set above.
(44-(0.5*1))/1 = 43.5
(44-(0.5*2))/2 = 21.5
(44-(0.5*4))/4 = 10.5
(44-(0.5*8))/8 = 5
(44-(0.5*8))/16 = 2.5
Note: avoid adding whitespace between input elements, or add `display: flex;` to the inputs' parent.
20240112: Until today, `max-width` and `width` were incorrectly reversed.
*/
input.sc-micro, textarea.sc-micro, select.sc-micro, label.sc-micro      { max-width: 2.5rem; width: 100%; }
input.sc-tiny, textarea.sc-tiny, select.sc-tiny, label.sc-tiny          { max-width: 5rem; width: 100%; }
input.sc-small, textarea.sc-small, select.sc-small, label.sc-small      { max-width: 10.5rem; width: 100%; }
input.sc-medium, textarea.sc-medium, select.sc-medium, label.sc-medium  { max-width: 21.5rem; width: 100%; }
input.sc-large, textarea.sc-large, select.sc-large, label.sc-large      { max-width: 43.5rem; width: 100%; }
input.sc-full, textarea.sc-full, select.sc-full, label.sc-full          { max-width: 100%; width: 100%; }
textarea.sc-twolines, select.sc-twolines              { height: 3.5rem; }
textarea.sc-short, select.sc-short                    { height: 8rem; }
textarea.sc-tall, select.sc-tall                      { height: 25rem; }
textarea.sc-fullscreen, select.sc-fullscreen          { height: 40rem; }
/*
UTILITIES
*/
.sc-center { text-align: center; }
.sc-clearboth { clear: both; }
.sc-help { color: #999; font-weight: normal; }
.sc-hidden { display: none; }
.sc-monospaced { font-family: monospace; }
.sc-padleft { padding-left: 10px; }
.sc-padright { padding-right: 10px; }
.sc-marginleft { margin-left: 10px; }
.sc-marginright { margin-right: 10px; }
.sc-right { text-align: right; }
.sc-pull-left { float: left; display: block; }
.sc-pull-right { float: right; display: block; }
.sc-normal {
    font: inherit;
    vertical-align: baseline;
    font-weight: normal;
    white-space: normal;
    text-transform: none;
}
.sc-nowrap { white-space: nowrap; }
.sc-dim {
    filter:alpha(opacity=33);
    -moz-opacity:.33;
    opacity:.33;
}
.sc-note:hover { cursor: help; }
.sc-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* .sc-pkg class wraps enclosing block element around inner floated elements */
.sc-pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0.0; }
* html .sc-pkg { display: block; }
/* no ie mac \*/
* html .sc-pkg { height: 1%; }
.sc-pkg { display: block; }
/* */
/*
* admin2.inc.css
*/

/*
GLOBAL
*/
body {
    background: #fff;
    margin: 0;
    padding: 0;
    font-family: verdana,geneva,arial,sans-serif;
    color: #000;
}
a:link,
a:visited   { color: #227899; text-decoration: none; border: none; }
a:hover     { color: #000; text-decoration: none; border: none; }
a:active    { color: #00b8ff; text-decoration: none; border: none; }
pre { margin: 0; }
/*
MISC
*/
.help,
.sc-help,
.commandtext,
.commanditem { font-size: 0.7rem; }
/* For fv err applied to tds. */
td.sc-msg-warning,
td.sc-msg-error,
td.sc-msg-success,
td.sc-msg-notice {
	background: #fff;
	color: #f00;
	border: none;
}
img {
    border: 0;
	vertical-align: middle;
}
#container-columns {
    width: 100%;
}
/*
HEADER
*/
#userinfo {
    width: 98%;
    margin: 4px auto 2px;
    color: #333;
    text-align: right;
}
#userinfo p {
    margin: 0;
    padding: 0;
}
#container {
    width: 98%;
    margin: 0 auto 10px;
    background-color: #fff;
    border: 1px solid gray;
}
#top {
    border-bottom: 1px solid gray;
    background-color: #CCC;
    padding: .5em;
}
#top h1 {
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    color: #000;
}
/*
NAVIGATION
*/
#leftnav {
/*     float: left; */
    min-width: 10em;
    width: 10em;
    _width: 10em;  /* IE6 hack */
    margin: 0 0 10px 0;
    padding: 0;
    background-color: #EEE;
}
#leftnav ul {
    padding: 0;
    margin: 0;
}
#leftnav #navlist li {
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #ccc;
    margin-left: 0em;
    padding: 1px 0 2px 6px;
    font-size: 0.7rem;
    font-weight: bold;
}
#leftnav #navlist li a {
    text-decoration: none;
    padding: 1px;
}
#leftnav #navlist li.label {
    color: #999;
	padding-top: 15px;
	font-size: 0.9rem;
    font-weight: bold;
}
#leftnav a.addlink {
    margin-left: 0.25em;
    font-weight: normal;
}
/*
CONTENT
*/
#content-table {
    width: 100%;
}
#content {
    padding: 0.75em 0.5em 15px 0.75em;
    background-color: #FFF;
}
#content h1, #content h2, #content h3, #content h4, #content h5 {
    margin: 0 0 .5em 0;
}
#content h1 { font-size: 1.3rem; }
#content h2 { font-size: 1.1rem; }
#content h3 { font-size: 0.9rem; }
#content h4 { font-size: 0.75rem; }
#content p,
#content ul,
#content ol {
    margin-bottom: .5em;
    font-size: 0.7rem;
    line-height: 130%;
}
ul.normal li,
ol.normal li {
    list-style-position: inside;
    list-style: disc;
    margin-left: 1.2em;
}
/*
TABLES
*/
table {
	border-size: 1px;
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	padding: 2px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}
td {
	vertical-align: top;
    padding: 8px 6px 0 0;
}
table.list {
	border-size: 1px;
	width: 100%;
	margin: 6px 0;
}
table.list th {
	padding: 0 6px 1px 2px;
	font-size: 0.7rem;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    background-color: #ddd;
}
table.list td, #commandbox table td, .commandbox table td {
	font-size: 0.7rem;
	padding: 2px 6px 2px 2px;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
}
table.list tr:hover, #commandbox table tr:hover, .commandbox table tr:hover {
    background: #FAF8C7 !important;
}
/*
COMMANDS
*/
#commandbox, .commandbox
{
	padding: 3px 5px 5px 5px;
	margin: 0 0 10px 0;
    border: 2px solid #eee;
    background-color: #ddd;
	color: inherit;
}
.commanditem
{
	padding: 0 10px 5px 0;
	white-space: nowrap;
}
#commandbox form, .commandbox form {
    margin: 8px 0 0 0;
}
/* Keep for backwards-compatibility. */
.commandtext
{
	padding-right: 1em;
}
.command_left
{
	float: left;
	white-space: nowrap;
}
.command_right
{
	position: relative;
	visibility: visible;
	white-space: nowrap;
	float: right;
}
/*
FOOTER
*/
#footer {
    clear: both;
    margin: 0;
    padding: 6px;
    color: #333;
    background-color: #DDD;
    border-top: 1px solid gray;
    font-size: 0.7rem;
    line-height: 100%;
}
#footer a:link,
#footer a:visited {
    color: #333;
    text-decoration: none;
}
#footer a:active,
#footer a:hover {
    color: #333;
    text-decoration: underline;
}
/*
Form Defaults
*/
.sc-form {
    width: 100%;
    margin: 1em 0;
}
.sc-form-row {
    margin: .5em 0;
}
.sc-form-row:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } /* clear floats - Ydnar Hack */
fieldset {
    margin: 1em 0 0 0;
    padding: 0;
	border: 0;
}
legend {
    font-size: 90%;
    font-weight: bold;
    padding: 0;
	margin: 0;
}
.sc-form textarea,
.sc-tiny,
.sc-small,
.sc-medium,
.sc-large,
.sc-full,
#sc-captcha-input,
input[type="text"],
input[type="password"],
textarea,
select {
    border: 1px solid #ccc;
    margin: 0 0.5rem 0 0;
    padding: 2px 0.25rem;
    box-sizing: border-box;
}
label.sc-full {
    border: none;
}
textarea {
    padding: 0 2px;
}
.sc-form-row label {
    font-size: 0.7rem;
    padding-top: 0.25em;
}
.sc-form-row label {
    display: block;
    width: 120px;
    float: left;
    text-align: right;
    padding-right: 10px;
    font-style: italic;
}
.sc-form-row label.sc-label-secondary {
    display: inline;
    width: auto;
    float: none;
    text-align: left;
    padding-right: 10px;
    font-style: normal;
}
.sc-form label span {
    visibility: hidden;
}
input[type="submit"],
input[type="button"] {
    margin-right: 5px;
    padding: 0.4em 0.6em;
    border: 1px solid #ccc;
    background-color: #eee;
}
.sc-submit-buttons {
    margin: 20px 0 20px 130px;
}
.sc-form-row .sc-help {
    margin-left: 130px;
}
label.sc-radio-label {
    width: auto;
}
/* Hide foundation elements for sites still using old admin css. */
.sc-msg .close {
    display: none;
}
/*
This file contains CSS that should be applied to both the reports and normal admin pages.
*/
.loading {
    background-image: linear-gradient(90deg,
        rgba(0, 140, 186, 0.25) 50%,
        rgba(0, 140, 186, 0.25) 50%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 1) 100%
    );
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: 10px 100%;
    background-position: left;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: barberpole;
}
@keyframes barberpole {
    0% { background-position: left; }
    100% { background-position: right; }
}
.loading.indeterminate {
    width: 100%;
    height: 20px;
    background-color: #094a62; // To match .button[disabled]
    opacity: .7; // To match .button[disabled]
}

.flash-info, .flash-success, .flash-warning, .flash-alert {
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
}
.flash-info {
    animation-name: flash-info;
}
@keyframes flash-info {
    0% { background-color: transparent; }
    30% { background-color: #a0d3e8; }
    100% { background-color: transparent; }
}
.flash-success {
    animation-name: flash-success;
}
@keyframes flash-success {
    0% { background-color: transparent; }
    30% { background-color: #43AC6A; }
    100% { background-color: transparent; }
}
.flash-warning {
    animation-name: flash-warning;
}
@keyframes flash-warning {
    0% { background-color: transparent; }
    30% { background-color: #d07113; }
    100% { background-color: transparent; }
}
.flash-alert {
    animation-name: flash-alert;
}
@keyframes flash-alert {
    0% { background-color: transparent; }
    30% { background-color: #f04124; }
    100% { background-color: transparent; }
}
@keyframes slide-down {
    0% {
        transform: translateX(-50%) translateY(-100%);
    }
    100% {
        transform: translateX(-50%) translateY(0);
    }
}
@keyframes slide-up {
    0% {
        transform: translateX(-50%) translateY(0);
    }
    100% {
        transform: translateX(-50%) translateY(-100%);
    }
}
.button-group {
    margin: 10px 0;
    list-style: none;
    padding: 0;
}
.button-group li {
    display: inline-block;
    margin: 0 10px 0 0;
}
button, html input[type="button"], input[type="reset"], input[type="submit"], .button, .button:visited, .commandbox > .commandtext > a {
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    font-weight: normal;
    line-height: normal;
    margin: 0 10px 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 6px 10px;
    font-size: 1rem;
    background-color: #008CBA;
    color: #fff !important;
    transition: background-color 300ms ease-out;
    font-size: 14px;
}
.commandbox button, html .commandbox input[type="button"], .commandbox input[type="reset"], .commandbox input[type="submit"], .commandbox .button, .commandbox .button:visited,
#commandbox button, html #commandbox input[type="button"], #commandbox input[type="reset"], #commandbox input[type="submit"], #commandbox .button, #commandbox .button:visited {
    height: 28px;
    line-height: 28px;
    padding: 0 8px;
    vertical-align: -1px;
}
button.secondary, html input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary, .button.secondary {
    background-color: #999;
    border-color: #999;
    color: #fff;
}
button.alert, html input[type="button"].alert, input[type="reset"].alert, input[type="submit"].alert, .button.alert {
    background-color: #c80004;
    border-color: #c80004;
    color: #fff;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .commandbox > .commandtext > a:hover {
    background-color: #094a62;
    text-decoration: none;
}
.button.small {
    padding: 4px 8px;
    margin: 0;
}
.button.tiny {
    font-size: 12px;
    padding: 2px 4px;
    margin: 0;
}
button:last-child, html input[type="button"]:last-child, input[type="reset"]:last-child, input[type="submit"]:last-child, .button:last-child, {
    margin-right: 0;
}
button:active, .button:active, a.button:active {
    background-color: #007095;
    color: #fff;
}
button[disabled], html input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled], .button[disabled], .button:visited[disabled], .commandbox > .commandtext > a[disabled] {
    opacity: 0.5;
}
.sc-msg {
    z-index: 2000000000;
    margin: 10px 0;
    background: #fafafa;
    padding: 0;
    border: none;
}
.alert-box .close {
    display: none;
}
.sc-msg > .sc-msg-success, .sc-msg > .sc-msg-notice, .sc-msg > .sc-msg-warning, .sc-msg > .sc-msg-error {
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    border-radius: 4px;
}
span.label.info {
    background-color: #a0d3e8;
    color: #333;
}
span.label.success {
    background-color: #43AC6A;
    color: #fff;
}
span.label.warning {
    background-color: #d07113;
    color: #fff;
}
span.label.alert {
    background-color: #f04124;
    color: #fff;
}
span.label.round {
    border-radius: 1000px;
}
span.label {
    display: inline-block;
    font-weight: normal;
    line-height: 1;
    margin-bottom: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: .2rem .5rem;
    font-size: .8em;
    background-color: #008CBA;
    color: #fff;
}
.panel {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 10px;
    padding: 10px;
    background: #f2f2f2;
    color: #333;
    border-radius: 4px;
}
.panel > *:first-child {
    margin-top: 0 !important;
}
.panel > *:last-child {
    margin-bottom: 0 !important;
}
@media print {
    .sc-noprint {
        display: none !important;
    }
    .show-for-print {
        display: block !important;
    }
    span.show-for-print {
        display: inline-block !important;
    }
    * {
        overflow: visible !important;
    }
    @page {
        size: auto;
        margin: 3mm 3mm 10mm;
    }
    body {
        margin: 0px;
        background-color: #fff;
        -webkit-print-color-adjust: exact;
    }
    table {
        break-inside: auto;
    }
    tr,
    th,
    td {
        break-inside: avoid;
    }
    .nav,
    #breadcrumbs,
    #footer,
    .sc-help,
    .sc-submit-buttons,
    .sc-add-link,
    .sc-edit-link,
    .datepicker_trigger,
    fieldset#status br,
    fieldset#items br,
    #sc-msg,
    .sc-msg {
        display: none;
    }
    legend {
        display: block !important;
        font-size: 1.2rem;
        margin: 1em 0 0 0;
    }
    form input,
    form select,
    form textarea {
        background-color: #fff !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-indent: 0px;
        text-overflow: '';
        outline: none;
        color: #000 !important;
    }
    [contenteditable='true']:focus {
        outline: none;
    }
    .sc-form .sc-form-row select::-ms-expand {
        display: none;
    }
    .sc-form-row {
        margin: 0.2em 0;
    }
    fieldset#status input,
    fieldset#status label,
    fieldset#status textarea,
    fieldset#status i.fa {
        display: none;
        /* Note: other elements inside the status fieldset are targeted via .sc-noprint */
    }
}

html,
body {
    font: 20px helvetica, sans-serif;
    height: 100%;
}
a:link,
a:visited {
    color: #18b1c3;
    text-decoration: none;
}
a:hover,
a:active {
    color: #68cad7;
    text-decoration: none;
}
[disabled] {
    pointer-events: none;
    opacity: 0.5;
}
#content p,
#content ul,
#content ol,
#content dl {
    font-size: 0.7rem;
    font-weight: normal;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}
em {
    font-style: italic;
}
strong,
b {
    font-weight: bold;
}
ul {
}
ol {
}
li {
}
dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold;
}
dl dd {
    margin-bottom: 0.75rem;
}
fieldset {
}
legend {
    font-size: 1.2rem;
    margin: 0.8em 1rem;
}
legend + .sc-form-row {
    margin-top: -0.4rem;
}
div {
}
label {
}
pre {
    white-space: pre-wrap;
}
code {
}
small {
    font-size: 0.7em;
}
code,
kbd {
    background-color: #f9f9f9;
    padding: 0 4px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 2px;
}

#content h1 {
    font-size: 1.6rem;
}
#content > h1 {
    margin: 0.2rem 1rem 0.5rem;
}
#content h2 {
    font-size: 1.2rem;
}
#content h3 {
    font-size: 1rem;
}
#content h4 {
    font-size: 0.8rem;
}
#content h1 em {
    font-weight: normal;
}
#breadcrumbs {
    font-weight: normal;
    font-size: 14px;
    padding: 1rem 1rem 0;
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.viewonly {
    border-style: none !important;
    color: #653;
    background-color: #fff;
}
.sc-msg {
    padding: 0 1rem;
}
.sc-form dl,
.sc-form .sc-help {
    max-width: 40rem;
}
.sc-form ul.sc-help li {
    list-style-type: none;
    margin: 0;
}
.sc-help strong {
    color: #888;
}
.sc-form div.sc-help {
    margin-top: 0.4em;
}
.sc-form .sc-help li {
    padding-top: 0.4em;
}
.commandtext {
    padding: 0;
}
.commandbox > .commandtext > a {
    margin-bottom: 10px;
}
input[type='date'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'],
textarea,
select {
    color: #444;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 8px;
}
input[type='date'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'],
select:not([multiple]) {
    height: 28px;
    line-height: 28px;
    padding: 0 8px;
}
input.sc-smallish,
textarea.sc-smallish,
select.sc-smallish,
label.sc-smallish {
    width: 15em;
}
label.sc-nowrap.commandtext {
    margin-right: 10px;
}
select.sc-smallish {
    width: 15em;
}
input,
textarea,
button,
select {
    font-size: 14px;
}
input[readonly] {
    border: 0;
}

#footer {
    color: #fff;
    background-color: #333;
    position: relative;
    height: 13px;
    margin: 20px auto 0;
    text-align: center;
    font-size: 11px;
    line-height: inherit;
    border: none;
    padding: 7px 6px 5px;
    box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.5);
    -o-box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.5);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.5);
    box-sizing: content-box;
}
#footer a:link,
#footer a:visited {
    color: #aaa;
}
#footer-gap {
    /* '#footer-gap' must be at least the same height as 'footer' */
    height: 47px;
}
#container {
    width: 100%;
    min-height: 100%;
    /* the bottom margin is the negative value of the footer's height + margin-top */
    margin: 0 auto -45px;
    background-color: transparent;
    border: none;
    position: relative;
}
#content {
    overflow: visible;
    display: block;
    float: none;
    padding: 0;
    background-color: initial;
}
#commandbox,
.commandbox,
.pagenumbers-box {
    border: 0;
    padding: 12px 1rem;
    margin: 0;
    background-color: #eee;
    color: inherit;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
#commandbox form,
.commandbox form {
    margin: 0;
}
table.list {
    clear: both;
    width: 100%;
    min-width: 800px;
    margin: 0 0 20px 0;
    border: 0;
}
table.fancy :not(thead) tr:hover,
table.list :not(thead) tr:hover,
#commandbox table :not(thead) tr:hover,
.commandbox table :not(thead) tr:hover,
fieldset table :not(thead) tr:hover {
    background: #faf8c7;
}
table.list th {
    font-size: 0.7rem;
    background-color: #666;
    color: #eee;
    font-weight: 400;
}
table.list th > a.sc-sort,
table.list th > a.thickbox {
    color: #f5f5f5;
}
table.list th > a.sc-sort:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
}
table.list th > a.sc-sort.sc-asc,
table.list th > a.sc-sort.sc-desc,
table.list th > a.sc-sort.sc-asc:hover,
table.list th > a.sc-sort.sc-desc:hover {
    color: #fff;
    font-weight: 700;
    border: 0;
}
table.list th,
table.list td,
#commandbox table td,
.commandbox table td {
    padding: 0.5em;
    font-size: 0.7rem;
    border-bottom: 1px solid #eee;
    vertical-align: top;
}
table.list td.sc-padleft {
    padding: 0.5em 0 0.5em 0.5em;
}
table.list td.sc-padleft:first-child,
table.list td:first-child {
    padding-left: 1rem;
}
table.list td.sc-padleft:last-child,
table.list td:last-child {
    padding: 0.5em 1rem 0.5em 0.5em;
}
.pagenumbers {
    float: right;
    margin-right: 0;
}
div.pagenumbers {
    margin-bottom: 30px;
}
.pagenumbers > * {
    position: relative;
    padding: 3px 5px 1px 5px;
    margin-left: 0.1em;
    border: 1px solid #ccc;
}
.pagenumbers > strong {
    background-color: #aaa;
    color: #fff;
    border: none;
}
.pagenumbers a {
    text-decoration: none;
    color: #000;
}
.pagenumbers a:hover {
    background-color: #18b1c3;
    color: #fff;
}
.sc-form-row {
    min-height: 1.2rem;
    margin: 0.8em 1rem;
}
.sc-form-row label {
    display: block;
    width: 100%;
    float: none;
    text-align: left;
    padding: 0.1rem 0;
    font-style: normal;
    font-weight: normal;
    line-height: 21px;
}
#content .sc-form-row label + p {
    max-width: 40em;
    padding-top: 0.25em;
    font-size: 100%;
}
#content .sc-form-row label + input[type='checkbox'],
#content .sc-form-row label + input[type='radio'] {
    display: inline-block;
    height: 21px;
}
#content .sc-form-row label.inline {
    display: inline;
    height: 21px;
}
form {
    font-size: 0.7rem;
}
.sc-form-row input.sc-radio {
    display: inline-block;
    float: none;
    width: auto;
}
.sc-form-row label.sc-radio-label {
    display: inline-block;
    float: none;
    width: auto;
    margin-left: 0.25rem;
    margin-bottom: 0.25rem;
    text-align: left;
    font-style: normal;
}
.sc-submit-buttons {
    margin-top: 1rem;
    padding: 0;
}
ul.tab-buttons-bottom.sc-form-row.sc-submit-buttons {
    margin: 0.5rem 0;
    padding: 1rem;
}
.sc-submit-buttons li {
    display: inline-block;
}
.sc-form-row .sc-help,
.sc-form-row .indent {
    margin: 0.25rem 0 0 0;
    font-size: 90%;
}
.sc-form-row .no-indent {
    margin-left: 0;
}
.sc-form-row .indent {
    margin-top: 0.5rem;
    padding-top: 0.25rem;
    /* display: flex; */
}
.noborder {
    border: none !important;
    padding: none !important;
    cursor: text !important;
}
/* Login form */
body#login #breadcrumbs {
    font-size: 1.1rem;
    padding: 0 0 0.4rem 0;
    font-weight: bold;
}
body#login h1 {
    display: none;
}
body#login {
    padding: 0;
    background-color: #fff;
    /* background-image: url("/admin/gfx/carver.jpg"); is set in header.inc.html */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    box-sizing: border-box;
    overflow: hidden;
}
body#login #content {
    box-shadow: 0 5px 20px 0px rgba(50, 50, 50, 0.25);
    background-color: rgba(255, 255, 255, 0.97);
    background-position: center 20px;
    background-repeat: no-repeat;
    background-size: 188px;
    width: 445px;
    border-radius: 6px;
    margin: calc(45vh - 121px) auto 0 auto;
    padding: 2.4rem 0 1.4rem;
    text-align: center;
    box-sizing: border-box;
}
body#login #content form table {
    text-align: left;
    min-width: 1px;
    margin: 0 auto;
}
/* body#login #content form input[type="submit"] {
    background-color: #555;
    color: #fff;
} */
/* body#login #sc-msg {
    position: absolute;
    top: -120px;
    left: -25%;
    width: 150%;
} */

@media (max-width: 813px) and (min-width: 501px) {
    .hide-on-medium {
        display: none;
    }
}
@media (max-width: 500px) {
    .hide-on-small {
        display: none;
    }
    #content {
        padding: 1.5rem 5px;
    }
    table.list > tbody > tr,
    table.list > tbody > th,
    table.list > tbody > td {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border: none;
        line-height: 1;
    }
    table.list > tbody > tr:not(:first-of-type) {
        margin: 10px 0;
        padding: 10px 0;
    }
    table.list > tbody > tr:first-of-type {
        background-color: #eee;
    }
}

table.fancy {
    background: #ffffff;
    border-collapse: separate;
    border-radius: 4px;
    border-spacing: 0;
    border: solid 1px #ddd;
    margin-bottom: 0.5rem;
    max-width: 760px;
    overflow: hidden;
    table-layout: auto;
    width: 100%;
}
table.fancy thead {
    background: #f5f5f5;
}
table.fancy thead tr th,
table.fancy tfoot tr th,
table.fancy tfoot tr td,
table.fancy tbody tr th,
table.fancy tbody tr td,
table.fancy tr td {
    display: table-cell;
    line-height: 1.125em;
}
table.fancy thead tr th,
table.fancy thead tr td,
table.fancy tr th,
table.fancy tr td {
    color: #222222;
    font-size: 0.7rem;
    padding: 0.5em 0.625em 0.625em;
}
table.fancy thead tr th,
table.fancy thead tr td {
    font-weight: bold;
}
table.fancy .button-group,
table.fancy ul,
table.fancy ol,
table.fancy dl {
    margin: 0 !important;
    line-height: 1 !important;
}

.sc-form .row th {
    white-space: nowrap;
}
.sc-form dl {
    font-size: 0.7rem;
    margin-bottom: 1em;
    line-height: 1.4;
}
.sc-form dl dt {
    font-weight: bold;
}
/* Styles for codebase 2.2 admin services templates. */
header h1 {
    display: none;
}
main ul.sc-action li {
    list-style: none;
}
main tr {
    border-top: 1px solid #f1f1f1;
}
main tr:nth-child(even) {
    background: #fafafa;
}

/* Tabs */

.tabs {
    position: relative;
}
.tab-container {
    position: relative;
    display: none;
    width: 100%;
    padding: 0;
}
fieldset.active {
    display: table;
}
fieldset > * {
    margin-left: 1rem;
    margin-right: 1rem;
}
#content ul.tab-buttons {
    border-color: #ccc;
    border-style: solid;
    border-width: 0 0 1px 0;
    margin: 2rem 0 1rem;
    height: 35px;
    width: 100%;
    max-width: 100%;
    min-width: 26rem;
    padding-left: 1rem;
}
#content li.tab-button {
    background-color: #ccc;
    color: #111;
    border-radius: 4px 4px 0 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    line-height: 34px;
    margin: 0 0.3rem 0 0;
    display: inline-block;
    padding: 0 1.25rem;
    transition: filter 300ms ease-out;
}
#content li.tab-button.active {
    color: #000;
    background-color: #fff;
    border-color: #ccc #ccc #fff #ccc;
    border-width: 1px;
    margin-bottom: -1px;
    font-weight: 500;
}
.tab-buttons-bottom {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0 0 0;
    margin-top: 1rem;
    padding-top: 1rem;
}

.clickable {
    cursor: pointer;
}

/* Membership card displayed on the edit member form. */
.membership-card {
    float: right;
    margin: 0.8em 1rem;
    max-width: 30%;
    width: 100%;
}
.membership-card ul {
    padding: 0;
    margin: 0.8em;
    display: inline-block;
}
.membership-card ul li {
    display: inline-block;
}
.membership-card ul li .button:last-of-type {
    margin-right: 0;
}
.membership-card img {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 666px) {
    #content * {
        white-space: normal !important;
    }
    #content .button-group {
        margin: 10px 0;
    }
    #content .commandbox > .commandtext {
        display: block;
    }
    #content button,
    html #content input[type='button'],
    #content input[type='reset'],
    #content input[type='submit'],
    #content .button,
    #content .button:visited,
    #content .commandbox > .commandtext,
    #content .commandbox > .commandtext > a {
        margin: 5px 0 !important;
        display: block !important;
        width: 100% !important;
    }
    #content input[type='date'],
    #content input[type='email'],
    #content input[type='month'],
    #content input[type='number'],
    #content input[type='password'],
    #content input[type='search'],
    #content input[type='tel'],
    #content input[type='text'],
    #content input[type='time'],
    #content input[type='url'],
    #content input[type='week'],
    #content textarea,
    #content select,
    #content .select2-container {
        width: 100% !important;
        margin: 5px 0 !important;
    }
    #content input[type='date']:last-child,
    #content input[type='email']:last-child,
    #content input[type='month']:last-child,
    #content input[type='number']:last-child,
    #content input[type='password']:last-child,
    #content input[type='search']:last-child,
    #content input[type='tel']:last-child,
    #content input[type='text']:last-child,
    #content input[type='time']:last-child,
    #content input[type='url']:last-child,
    #content input[type='week']:last-child,
    #content textarea:last-child,
    #content select:last-child {
        margin: 0 !important;
    }
    .sc-form-row .sc-help,
    .sc-form-row .indent {
        margin-left: 0;
        font-size: 100%;
    }
    .sc-form-row .indent {
        display: flex;
        margin-top: 0.5rem;
    }
    .sc-submit-buttons li {
        display: block;
        list-style: none;
    }
    #footer {
        font-size: 9px;
    }
    
    .membership-card {
        float: none !important;
        margin: 0.8em 1rem !important;
        width: 150px !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .membership-card ul {
        margin-top: 0.5rem;
        margin: 0;
    }

    
    table.fancy,
    table.fancy thead,
    table.fancy tbody,
    table.fancy tr,
    table.fancy th,
    table.fancy td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    table.fancy thead {
        display: none !important;
    }
    table.fancy tr {
        margin: 0 0 1em;
        padding: .5em !important;
        border: none !important;
    }
    table.fancy td {
        position: relative;
        padding: .5em .5em .5em 50% !important;
        text-align: left !important;
    }
    table.fancy td::before {
        content: attr(data-label);
        position: absolute;
        left: .5em;
        top: .5em;
        width: 45%;
        padding-right: .5em;
        white-space: nowrap;
        font-weight: bold;
    }
    table.fancy td[data-label="Actions"] {
        padding-left: .5em !important;
    }
    table.fancy td[data-label="Actions"]::before {
        display: none !important;
    }
    table.fancy td a,
    table.fancy td button {
        display: block !important;
        width: 100% !important;
    }
}/* Responsive CSS-only nav menu from https://w3bits.com/css-dropdown-menu/ */
.menu,
.sub-menu {
    margin: 0;
    padding: 0;
}

.menu-item,
.sub-menu,
.dropdown-icon {
    border: 0 solid;
    font-size: 13px;
    line-height: 1;
}

.menu .menu-item {
    display: flex;
    justify-content: space-between;
}
.menu .menu-item.has-children, .menu .menu-item.has-children .menu-item {
    position: relative;
}
.menu .menu-item:not(:last-child) {
    border-width: 0 0 1px;
}
.menu .menu-item a {
    padding: 1.2em;
    display: flex;
    justify-content: space-between;
}
.menu .sub-menu {
    border-width: 1px 0 0;
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    transition: visibility .25s, opacity .25s ease-in-out;
    z-index: 1;
}
.menu .sub-menu .menu-item {
    visibility: hidden;
}
.menu .menu-item:hover > .sub-menu, .menu .menu-item:active > .sub-menu, .menu .menu-item:focus > .sub-menu {
    opacity: 1;
    height: auto;
    width: auto;
}
.menu .menu-item:hover > .sub-menu,
.menu .menu-item:hover > .sub-menu .menu-item, .menu .menu-item:active > .sub-menu,
.menu .menu-item:active > .sub-menu .menu-item, .menu .menu-item:focus > .sub-menu,
.menu .menu-item:focus > .sub-menu .menu-item {
    visibility: visible;
}
.menu .menu-item > a:hover .dropdown-icon:after, .menu .menu-item > a:active .dropdown-icon:after, .menu .menu-item > a:focus .dropdown-icon:after {
    transform: rotate(180deg);
    color: #fff;
}
.menu .dropdown-icon {
    padding: 1.2em 0;
    margin: -1.2em 0 -1.2em .3em;
    border-width: 0;
    position: absolute;
    right: 1em;
}
.menu .dropdown-icon:after {
    content: "▿";
    display: block;
    transition: transform .25s ease-in-out;
    color: #999;
}
.nav {
    background-color: #3b3e40;
}
.nav .menu-item a.addlink.emoji, .nav .menu > .menu-item.emoji, .nav .menu > .menu-item.emoji > a,
.nav .menu-item a.addlink.emoji:hover, .nav .menu > .menu-item.emoji:hover, .nav .menu > .menu-item.emoji > a:hover {
    color: transparent;
    text-shadow: 0 0 0 #eee;
}

@media (max-width: 1020px) {
    .dev-environment .nav {
        background-position: 54% 50%;
    }
}
@media (max-width: 925px) {
    .nav {
        background-image: none;
    }
}
body#login .nav {
    background-image: none;
}
.nav .menu-item a.addlink.emoji, .nav .menu > .menu-item.emoji, .nav .menu > .menu-item.emoji > a,
.nav .menu-item a.addlink.emoji:hover, .nav .menu > .menu-item.emoji:hover, .nav .menu > .menu-item.emoji > a:hover {
    color: transparent;
    text-shadow: 0 0 0 #fff;
}
.nav .menu > .menu-item,
.nav .menu > .menu-item .dropdown-icon {
    border-color: rgba(255, 255, 255, 0.1);
}
.nav .menu > .menu-item, .nav .menu > .menu-item > a {
    color: #fff;
}
.nav .menu > .menu-item > a:hover, .nav .menu > .menu-item > a:active, .nav .menu > .menu-item > a:focus {
    background-color: #008CBA;
    color: #fff;
}
.nav .sub-menu {
    background-color: #555;
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, .5);
}
.nav .sub-menu,
.nav .sub-menu .dropdown-icon,
.nav .sub-menu .menu-item,
.nav .sub-menu .menu-item .dropdown-icon {
    border-color: rgba(0, 0, 0, 0.1);
}
.nav .sub-menu .menu-item,
.nav .sub-menu .menu-item a {
    color: #fff;
    line-height: 1;
}
.nav .sub-menu .menu-item a:hover, .nav .sub-menu .menu-item a:active, .nav .sub-menu .menu-item a:focus {
    background-color: #008CBA;
    color: #fff;
}
.menu .sub-menu .menu-item a {
    flex: 200px;
}
.menu .sub-menu .menu-item a.addlink {
    flex: 0 10px;
}
.nav-search {
    width: 100%;
    position: relative;
    z-index: 1000;
    text-align: center;
    padding: 8px 0;
}
@media (min-width: 500px) and (max-width: 785px) {
    .nav-search select,
    .nav-search input {
        width: 4em;
    }
}
@media (min-width: 500px) and (max-width: 615px) {
    .nav-search {
        display: none;
    }
}
.nav-search form > * {
    display: inline-flex;
    margin: 0 2px;
    background-color: rgba(255, 255, 255, .2);
    border: 0;
    color: rgba(255, 255, 255, .8);
}
.nav-search form option {
    color: #000;
}
.nav-search button {
    height: 28px;
}

@media only screen and (min-width: 500px) {
    .nav .menu {
        display: flex;
        flex-flow: row wrap;
    }
    .nav .menu > .menu-item {
        border-width: 0 1px 0 0;
    }
    .nav .menu > .menu-item > a .dropdown-icon {
        padding-left: 0;
    }
    .nav .menu .menu-item:hover > .sub-menu, .nav .menu .menu-item:active > .sub-menu, .nav .menu .menu-item:focus > .sub-menu {
        width: 171px;
    }
    .nav .menu .sub-menu {
        position: absolute;
        z-index: 3000;
        top: 100%;
        left: 0;
        border-width: 0;
    }
    .nav .menu .sub-menu .sub-menu {
        top: 0;
        left: 100%;
    }
    .nav .menu .dropdown-icon {
        padding: 1.2em 1em 1.2em 0;
        position: relative;
        right: auto;
        margin: -1.2em -1.2em -1.2em 0.3em;
    }
    .dev-environment .nav .dev-warning {
        display: block;
        border: 0;
        padding: 8px 0 0 10px;
        text-align: center;
    }
    .nav-search {
        width: 344px;
        position: absolute;
        top: 8px;
        right: 0.9375rem;
        z-index: 1000;
        text-align: right;
        padding: 0;
    }
}