:root {
}
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
.navbar.cpb {
    background-color: var(--cpb-header);
    font-family: Montserrat, sans-serif;
    color: var(--cpb-background);
    border-bottom: solid 3px var(--cpb-accent);
    max-height: 86px;
    margin-bottom: 4em;
    z-index: 2;
}

.navbar-nav .nav-item, .navbar-nav .dropdown-item, .navbar-nav .dropdown-menu {
    background-color: var(--cpb-header);
}

.navbar-nav .nav-item, .navbar-nav .dropdown-item {
    padding-left: 1em;
    vertical-align: middle;
    padding-top: 1.6em;
}

    .navbar-nav .nav-item a, .navbar-nav .dropdown-item a, .navbar-nav .nav-item a:hover, .navbar-nav .dropdown-item a:hover, #logout, #logout:hover {
        background-color: var(--cpb-header);
        color: var(--cpb-text-light);
        font-weight: 600;
        font-size: 15px;
        text-transform: uppercase;
        vertical-align: middle;
        padding-left: 0.5em;
    }

.navbar-nav .dropdown-menu h6 {
    color: var(--cpb-text-contrast) !important;
    text-align: center
}

#logout {
    margin-top: 0.2em;
}

.navbar img {
    max-height: 160px;
    position: relative;
    top: 32px;
    margin: auto auto
}

.navbar-toggler-icon {
    color: var(--cpb-background);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28254, 254, 254, 0.90%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.dropdown-menu > li > a {
    padding-bottom: 0.5em;
}

.profile-form input {
    z-index: 0 !important;
}

@media(width < 1400px) {
    .navbar-brand.big-screen {
        display: none;
    }

    .navbar-brand.small-screen {
        display: inline;
        margin-top: -48px;
        position: fixed;
        top: 2px;
        right: 0;
    }

    .navbar.cpb {
        height: 86px;
    }

    .navbar .nav-item {
        padding-top: 0.5em;
    }

    .cpb .navbar-nav ul a, .cpb .navbar-nav h6 {
        padding: 0.25em 0.25em 0.25em 0.25em;
        background-color: var(--cpb-green-dark);
    }

    .cpb .navbar-nav h6 {
        padding: 0.25em 0.25em 0.25em 0.25em;
        margin: 0;
        background-color: var(--cpb-green-dark);
    }

    .dropdown-divider {
        color: red;
    }
}

#sprint-anchor {
    overflow-y: visible;
    position: relative;
    padding-right: 35%;
    height: 0;
    display: flex;
    align-content: space-evenly;
    flex-direction: row-reverse;
}

#sprint {
    display: inline-block;
    border: solid 16px var(--cpb-red-dark);
    background-color: var(--cpb-background);
    color: var(--cpb-green-dark);
    font-weight: 700;
    width: 1.4em;
    border-radius: 1.4em;
    height: 1.4em;
    text-align: center;
    vertical-align: middle;
    font-size: 18.2em;
    line-height: 1.2em;
}
#sprint.many {
    font-size: 12em;
    height: 2em;
    width: 2em;
    line-height: 1.7em;
}
.CurrentStreak {
    float:right;
    right:0;
    border: solid 2px var(--cpb-red-dark);
    padding:0.25em 0.5em;
    font-size:1.2em;
    border-radius: 1em;
    position:relative;
    top: -2.5em;
    font-weight:600;
    color: var(--cpb-green-dark)
}
#dropdownMenuUser span {
    max-width: 320px;
    padding-right: 0.5em;
    overflow-x: hidden;
    overflow-wrap: break-word;
    display: inline-block;
}

.mainPurchase {
    min-height: 2.5em;
}

    .mainPurchase a {
        color: var(--cpb-text) !important;
        text-decoration: none;
        background-color: var(--cpb-background) !important;
        border-radius: 0.5em;
        padding: 0.5em !important;
        border: solid 2px var(--cpb-text);
        margin-bottom: 0.5em;
    }

@media(width > 1400px) {
    .navbar-brand.big-screen {
        display: inline;
    }

    .navbar-brand.small-screen {
        display: none;
    }

    .cpb .navbar-nav a {
        padding: 0.25em 0.25em 1em 0.25em;
    }
}


.cpb ul.navbar-nav {
    width: calc(100% * 5 / 12);
    justify-content: flex-end;
}

    .cpb ul.navbar-nav:first-child {
        justify-content: flex-start;
    }

@media(max-width:500px) {
    .navbar img {
        max-height: 80px;
        position: relative;
        top: -13px;
        margin: auto auto
    }

    .navbar-brand.big-screen {
        display: none;
    }

    .navbar-brand.small-screen {
        display: inline;
    }

    .navbar-toggler {
        top: 0;
        position: relative;
    }

    .navbar.cpb {
        height: 3em;
        margin-bottom: 0;
    }

    .navbar-collapse {
        border-right: solid 2px var(--cpb-accent);
        border-bottom: solid 2px var(--cpb-accent);
        background-color: var(--cpb-header);
        border-bottom-right-radius: 2em;
    }

    .dropdown-menu * {
        background-color: var(--cpb-dark-gray) !important;
    }

    .cpb a {
        padding: 0;
        height: 34px;
    }

    .cpb ul.navbar-nav {
        width: calc(100% * 11 / 12);
        justify-content: unset;
    }

        .cpb ul.navbar-nav li.align-self-end {
            align-self: auto !important;
        }

        .cpb ul.navbar-nav.rightside li {
            padding-top: 0.5em;
        }

        .cpb ul.navbar-nav li:last-child {
            padding-bottom: 1em;
        }
}

#login {
    background-image: url('../i/new-web-bg-full-1920.jpg');
    background-size: contain
}
/* Provide sufficient contrast against white background */
.notice {
    width: 50%;
    padding: 1em 2em;
    background-color: var(--cpb-background-2);
}

    .notice a {
        text-decoration: none;
    }

.btn-primary {
    color: var(--cpb-text);
    background-color: var(--cpb-header);
    border-color: var(--cpb-header);
    color: var(--cpb-background);
    font-weight: 600;
}

    .btn-primary:hover {
        color: var(--cpb-background-2);
        background-color: var(--cpb-header);
        border-color: var(--cpb-header);
        font-weight: 600;
    }

.btn-calendar {
    background-color: var(--cpb-background);
    color: var(--cpb-red);
    font-weight: 700;
    margin-bottom: 3px;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--cpb-background);
    background-color: var(--cpb-header);
    border-color: #1861ac;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 15px;
}

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

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    background-color: var(--cpb-background);
    color: var(--cpb-text);
    height: 100%;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 40px; /* Vertically center the text there */
}

@media (min-width:992px) {
    /*Home page*/
    .cpb.row > a:nth-child(even) {
        margin-left: 8.2% !important;
    }

    .cpb.row > a:nth-child(odd) {
        margin-left: 4.16% !important;
    }

    .cpb.row > a.first-item:nth-child(odd) {
        margin-left: 8.2% !important;
        width: 87.5% !important;
    }

    .cpb.row > .main-label {
        margin-left: 2.4% !important;
        color: #93d6c6;
    }
}


/*Forum Session*/
#v-pills-tab {
    overflow-y: scroll;
    overflow-x: clip;
}
/*
    also affects KPI entry
    input[type=text] {
    margin-bottom:0.25em;
    width:80%;
}
*/
.parkingLot li {
    display: flex;
    font-size: 0.8em;
}

.parkingLot span:first-child, .parkingLot span:first-child {
    text-align: right;
}

button.cpb-nav {
    background-color: var(--cpb-light-gray) !important;
    color: var(--cpb-dark-gray);
    margin-bottom: 0.5em;
}

.btn-info {
    background-color: var(--cpb-header);
    color: var(--cpb-background);
    font-weight: 600;
}

    .btn-info:hover {
        background-color: var(--cpb-header);
        border-color: var(--cpb-header);
        color: var(--cpb-background);
    }

.btn-select {
    background-color: dodgerblue;
    color: var(--cpb-background);
    font-weight: 600;
}

    .btn-select:hover {
        background-color: dodgerblue;
        color: var(--cpb-background);
        font-weight: 600;
    }
/*Added for Boilerplate pages*/
ul.nav-pills {
    color: var(--cpb-background);
}

    ul.nav-pills .nav-link {
        color: var(--cpb-background);
        background-color: var(--cpb-light-gray);
        border-radius: 0 2em 2em 0;
        margin: 0.125em 0;
    }

        ul.nav-pills .nav-link.active {
            background-color: var(--cpb-light-blue);
            color: var(--cpb-dark-gray);
        }


form[novalidate='novalidate'] > .form-floating * {
    position: unset;
}

#download-data {
    margin-bottom: 0.5em;
}

#delete {
    background-color: var(--cpb-red);
}

.newMeeting, .newMeeting td, .highlight td {
    background-color: var(--cpb-green);
}

input[type=checkbox].form-control {
    width: unset;
    height: unset;
    width: 37px;
    height: 2em;
    color: var(--cpb-dark-gray);
    background-color: var(--cpb-background);
    margin: 0.25em;
}

    input[type=checkbox].form-control:checked {
        background-color: var(--cpb-green) !important;
    }

    input[type=checkbox].form-control::before {
        content: "\0058";
        font-weight: 600;
        color: var(--cpb-background);
        font-size: 1.8em;
        line-height: 0.5em;
        position: relative;
        left: -4px;
    }

    input[type=checkbox].form-control:checked::before {
        background-color: var(--cpb-green);
        content: "\2713";
        font-size: 1.4em;
        line-height: 0.5em;
        position: relative;
        left: -4px;
    }

    input[type=checkbox].form-control.special:disabled::before {
        content: "+";
    }

.INSTRUCTIONS {
    border: solid 2px var(--cpb-text);
    background-color: var(--cpb-background);
    min-width: 8em;
    max-width: 16em;
    left: 66%;
    position: fixed;
    display: flow-root;
    top: 6em;
    padding: 0.25em 0.5em;
}

.TICKETS {
    border: solid 2px var(--cpb-text);
    background-color: var(--cpb-background);
    min-width: 8em;
    max-width: 16em;
    left: 0.5em;
    position: fixed;
    display: flow-root;
    top: 6em;
}

    .TICKETS.calendar {
        position: relative;
        left: unset;
        float: right;
        margin-right: 1em;
        z-index: 200;
        top: -3em;
    }

.ticket.available {
    color: var(--cpb-text);
    order: 2;
}

.closeTicketSelector {
    background: #F00;
    border-radius: 0.5em;
    height: 1.25em;
    width: 1.25em;
    float: right;
    font-size: 0.9em;
    color: var(--cpb-background);
    text-align: center;
    cursor: pointer;
}

.ticket.marked {
    color: var(--cpb-light-gray);
    order: 3;
}

.ticket.punched-ticket {
    color: var(--cpb-red);
    order: 4;
}

.category--1 {
    padding: 4px;
}

.highlightable {
    transition: 1s;
}

.highlighted {
    margin-left: 5em;
}

.highlightedOnCalendar {
    border-top: solid 4px red !important;
    border-bottom: solid 4px red !important;
    border-left: solid 4px red !important;
    border-right: solid 4px red !important;
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
}

.chkbox {
    display: inline-block;
    height: 2.2em;
    width: 2.2em;
    background-color: var(--cpb-background);
    margin-right: 0.5em;
    border-radius: 0.25rem;
    border: solid 1px #c2c2c2;
    cursor: pointer;
}

    .chkbox.checked {
        background-color: var(--cpb-green);
        color: var(--cpb-background);
    }

        .chkbox.checked::before {
            content: "\2713";
            font-size: 1.4em;
            margin-left: 0.35em;
        }

    .chkbox.disabled {
        background-color: #c2c2c2;
        color: var(--cpb-background);
    }

        .chkbox.disabled::before {
            content: "X";
            font-size: 1.4em;
            margin-left: 0.35em;
        }

        .chkbox.disabled.special {
            background-color: #c2c2c2;
        }

        .chkbox.disabled::before {
            content: "+";
            font-size: 1.4em;
            margin-left: 0.35em;
        }

label {
    display: table-cell;
    vertical-align: bottom;
}

.chkbox.disabled.punched {
    background-color: var(--cpb-red);
    cursor: unset;
}

    .chkbox.disabled.punched::before {
        content: "X";
    }

.tickclick {
    cursor: pointer;
}

.ticketSelector {
    display: flow-root;
    position: absolute;
    margin: 3em 40% 1em 4em;
    width: 20%;
    top: 4em;
    border: solid 2px var(--cpb-green);
    border-radius: 0.25em;
    padding: 0;
    background-color: var(--cpb-background);
}

    .ticketSelector div.marked {
        display: none;
    }

    .ticketSelector h6 {
        text-align: center;
        width: 100%;
        background-color: var(--cpb-green);
        padding: 0.25em;
        color: var(--cpb-background) !important;
    }

#AddressBy {
    width: 50%;
}

.highlightedMeeting {
    border: dashed 3px var(--cpb-text) !important;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0.5em 0 0.5em 0;
}

.tickclick.highlightedMeeting {
    display: inline-block;
}

.Completed {
    display: none;
}

div.Completed.Shown {
    display: inline-block;
}

tr.Completed.Shown {
    display: table-row;
}

td.Completed.Shown, th.Completed.Shown {
    display: table-cell;
}

table.ratings td {
    border: solid 1px var(--cpb-charcoal);
    padding: 0.125em 0.25em;
    width: 5em;
    text-align: center;
}

table.ratings tfoot td {
    border: none;
}

table.ratings a {
    text-decoration: none;
}

    table.ratings a:hover {
        font-weight: 900;
    }

.paging {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .paging > * {
        margin: auto;
        text-align: center;
    }

    .paging > a:first-child {
        margin-left: 0;
        text-align: left;
    }

    .paging > a:last-child {
        margin-right: 0;
        text-align: right;
    }

    .paging > * > * {
        margin: 0.5em;
    }

.group {
    margin-top: 0.25em;
    border-radius: 0.125em;
    padding: 0 0.5em;
    display: inline-block;
    transition: 1s;
}


.form-control[type="color"] {
    min-height: 3em;
    max-width: 4em;
    margin-left: 0.5em;
}


.group-multi a {
    color: var(--cpb-text);
}

.group-multi .r {
    margin: 0 -0.5rem;
    float: right;
    flex-direction: column;
    height: 100%;
    margin-left: 0.25rem;
}

.group-multi .g {
    flex: 1 0 0%;
    font-size: 0.9rem;
    text-align: center;
    padding: 0.08rem;
    font-weight: 600;
}

.highlightable {
    padding-left: 6px;
}

    .group-multi.punched, .highlightable.punched {
        border-left: dashed 6px var(--cpb-header);
        padding-left: 2px
        /*border: solid 4px var(--cpb-green)*/
    }

.FORUM {
    border-radius: 0.5em 0.125em 0.125em 0.5em;
}

.assigned {
    color: var(--cpb-yellow);
    position: relative;
    top: -0.9em;
    right: -2.4em;
    text-shadow: 1px -1px var(--cpb-text),1px 1px var(--cpb-text),-1px 1px var(--cpb-text),-1px -1px var(--cpb-text);
}

.customMeeting {
    display: flow-root;
    height: min-content;
}

    .customMeeting a {
        display: block;
        padding: 0;
        margin: 0;
    }

.childEnergy {
    display: none;
}

.GCIREPORT {
    border: solid 2px var(--cpb-green);
    border-radius: 0.125em;
}

.pastMeeting.group-multi {
    background-color: var(--cpb-light-gray);
    color: #444;
    /*border: solid 4px var(--cpb-green)*/
}

.unavailable {
    opacity: 70%;
    filter: brightness(1.05);
}

.invalidData {
    background-color: #F33;
    filter: brightness(0.75);
}

.openAccess {
    background-color: var(--cpb-yellow);
}

.cpbDate .bi {
    float: right;
    margin: 0 0.125em !important;
}

.mLocked {
    float: right;
    margin: 0 -4px 0 0;
}

div.form-group.hidden, .group.hidden {
    display: none !important;
}

a.nav-link {
    cursor: pointer;
}

.recalc {
    color: var(--cpb-text);
}

table.history.activity .nonactivity {
    display: none;
}

table.history.nonactivity .activity {
    display: none;
}

table.history .narrow {
    max-width: 200px;
}

.linebreaks {
    white-space: pre-wrap;
}

#OT {
    position: fixed;
    border: solid 3px var(--cpb-background);
    border-radius: 2em;
    background-color: var(--cpb-text);
    top: 2em;
    right: 10px;
    color: var(--cpb-background);
    font-size: 2.5em;
    padding: 0 1em;
}

.CMS-trigger {
    overflow-y: visible;
}

#CalendarMonthSelector, #groupSelector {
    top: 180px;
    position: absolute;
    width: 16em;
    height: 18.9em;
    margin-left: calc(50% - 5em);
    background-color: var(--cpb-green);
    z-index: 5;
    border: solid 3px var(--cpb-dark-gray);
    padding: 0 12px;
    z-index: 500;
    overflow-y: scroll;
}

    #groupSelector span {
        text-wrap: nowrap;
        width: 45%;
        display: inline-block;
    }

    #groupSelector .form-control {
        display: inline-block;
    }

.hidden {
    display: none !important;
}

#CalendarMonthSelector .row {
    padding: 0;
}

    #CalendarMonthSelector .row * {
        text-align: center;
        padding: 0.0925em 0.25em;
        vertical-align: middle;
        color: var(--cpb-text-light);
    }

#CalendarMonthSelector .col-12 {
    font-weight: bold;
    background-color: var(--cpb-dark-gray);
}

.CMS-trigger {
    color: var(--cpb-red);
    cursor: pointer;
}

#CalendarMonthSelector .close {
    color: white;
    text-align: right;
    cursor: pointer;
    display: inline-block;
    width: calc(100% + 20px);
    margin: -15px;
}

    #CalendarMonthSelector .close:hover, #CalendarMonthSelector a:hover {
        color: var(--cpb-background);
        font-weight: 700;
    }

#CalendarMonthSelector .currentMonth {
    background-color: var(--cpb-red);
}

.calendar .bi-calendar-check-fill {
    display: none;
}

.calendar .attended .bi-calendar-check-fill, .bi-calendar-check-fill.attended {
    display: block;
    color: var(--cpb-text) !important;
    float: right;
}

.bi-calendar-check-fill.attended {
    color: var(--cpb-background) !important;
}

.actualMonth {
    font-weight: 700;
    color: var(--cpb-background);
}

.report thead {
    position: sticky;
    top: 0;
    z-index: 20;
    background-color: var(--cpb-background);
}

    .report thead span {
        width: 100%;
        border: solid 1px var(--cpb-text);
        text-align: center;
        display: inline-block;
        margin: 0;
    }

.report th {
    border-collapse: collapse;
    text-align: center;
    padding: 0;
}

.report td {
    border-collapse: collapse;
    border: solid 1px var(--cpb-text);
    text-align: center;
}

.report thead tr:first-child th span {
    padding: 0.5em 1em 0;
    border-bottom: none;
    margin-top: 0.5em;
}

.report td:last-child, .report td:first-child {
    text-align: left;
    padding-left: 0.5em;
}

table.permissions th span {
    font-size: 0.7em;
}

    table.permissions th span.reset {
        cursor: pointer;
        display: inline-block;
        background-color: var(--cpb-dark-gray);
        color: var(--cpb-background);
        border: solid 1px var(--cpb-text);
        border-radius: 1em;
        padding: 0.1em 0.5em;
    }

.permissions th .reset::after {
    content: " > "
}


table.permissions td {
    text-align: center;
}

    table.permissions td:nth-child(2) i, table.permissions td:nth-child(4) i {
        opacity: 0.6;
    }

table.permissions i {
    font-size: 2em;
}

    table.permissions i.default {
        opacity: 0.0;
    }

table.permissions td:first-child {
    text-align: left;
}

.copyCalLink {
    cursor: pointer;
}

h3.groupController {
    cursor: pointer;
}

h3.groupCollapsed::before {
    content: "+ ";
}

h3.groupExpanded::before {
    content: "- ";
}

h3.group1.groupCollapsed ~ div.group1 {
    display: none;
}

h3.group2.groupCollapsed ~ div.group2 {
    display: none;
}

h3.group3.groupCollapsed ~ div.group3 {
    display: none;
}

h3.group4.groupCollapsed ~ div.group4 {
    display: none;
}

h3.group5.groupCollapsed ~ div.group5 {
    display: none;
}

h3.group6.groupCollapsed ~ div.group6 {
    display: none;
}

h3.group7.groupCollapsed ~ div.group7 {
    display: none;
}

h3.group8.groupCollapsed ~ div.group8 {
    display: none;
}

h3.group9.groupCollapsed ~ div.group9 {
    display: none;
}

h3.group10.groupCollapsed ~ div.group10 {
    display: none;
}

.linkPopup {
    border: solid 2px var(--cpb-header);
    border-radius: 0.5em;
    padding: 0.5em;
    position: relative;
    left: -18em;
    width: 17em;
    top: -2.4em;
    background-color: var(--cpb-background);
    height: 1em;
    overflow-y: hidden;
    animation: ease-in-out;
    display: none;
}

    .linkPopup.show {
        height: unset;
        display: inline-block;
        float: left;
    }

.editlink {
    border: solid 2px var(--cpb-header);
    border-radius: 0.5em;
    padding: 0.5em;
    margin-bottom: 0.5em;
}

    .editlink .externalOnly {
        display: none;
    }

    .editlink[link-type="External"] .externalOnly {
        display: inline-block;
    }

#StandardNames {
    width: calc(500% /12);
}

.StandardName-or {
    width: 5%;
    text-align: center;
    font-weight: 600;
    padding-top: 0.35em;
}

.form-control.col-md-6 {
    width: calc(600% /12);
}

table.collapsed thead {
    cursor: pointer;
}

    table.collapsed tbody tr, table.collapsed thead tr, table.collapsed .bi-caret-down-fill {
        display: none;
    }

        table.collapsed thead tr:first-child {
            display: unset;
        }

table.collapsed.opened tbody tr, table.collapsed.opened thead tr {
    display: table-row;
}

table.collapsed.opened .bi-caret-down-fill {
    display: inline-block;
}

table.collapsed.opened .bi-caret-right-fill {
    display: none;
}

table.meetingGrid {
    width: 100%;
    border-collapse: collapse;
}

    table.meetingGrid th {
        border: solid 3px var(--cpb-text);
        text-align: center;
        color: var(--cpb-background);
        background-color: var(--cpb-header);
    }

    table.meetingGrid td {
        border: solid 3px var(--cpb-text);
        padding: 0.5em;
        font-weight: 700
    }

        table.meetingGrid td.available {
            background-color: #b0b0b0;
        }

.mc2 td {
    width: 50%;
}

.mc3 td {
    width: 33%;
}

.mc4 td {
    width: 25%;
}
/*For Scheduled Messages*/
.dismissMsg {
    float: right;
    color: var(--cpb-background);
    left: -0.5em;
    font-size: 1em;
    background-color: var(--cpb-red);
    border-radius: 50%;
    height: 1.1em;
    width: 1.1em;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

    .dismissMsg div {
        position: relative;
        top: -0.2em;
    }

#stripeMeetingTicketCheckout {
    background-color: var(--cpb-header);
    padding: 1rem;
    border-radius: 0.5rem;
}
    #stripeMeetingTicketCheckout {
        background-color: var(--cpb-header);
        padding: 1rem;
        border-radius: 0.5rem;
    }
pre.chat {
    text-wrap:pretty;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 24px
}