.cp-AdminWrap .cp-Btn, .cp-AdminWrap .cp-NavMenuList-itemLink, .cp-AdminWrap .cp-Tabs-link, .cp-RadioButton-label--quick, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu a, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button {
    border: 1px solid;
    border-bottom: 2px solid;
    border-color: transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 41px;
    margin: 0;
    padding: 0 1.5rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 333ms cubic-bezier(0.45, 0.45, 0.45, 1), border-color 333ms cubic-bezier(0.45, 0.45, 0.45, 1), color 333ms cubic-bezier(0.45, 0.45, 0.45, 1), opacity 333ms cubic-bezier(0.45, 0.45, 0.45, 1);
    vertical-align: middle;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

@media (max-width: 19.999em) {
    .is-hiddenAt--xnarrow- {
        display: none !important;
        visibility: hidden
    }
}

@media (min-width: 20em) {
    .is-hiddenAt--narrow\+ {
        display: none !important;
        visibility: hidden
    }
}

@media (min-width: 20em) and (max-width: 31.999em) {
    .is-hiddenAt--narrow {
        display: none !important;
        visibility: hidden
    }
}

@media (max-width: 31.999em) {
    .is-hiddenAt--narrow- {
        display: none !important;
        visibility: hidden
    }
}

@media (min-width: 32em) {
    .is-hiddenAt--medium\+ {
        display: none !important;
        visibility: hidden
    }
}

@media (min-width: 32em) and (max-width: 44.999em) {
    .is-hiddenAt--medium {
        display: none !important;
        visibility: hidden
    }
}

@media (max-width: 44.999em) {
    .is-hiddenAt--medium- {
        display: none !important;
        visibility: hidden
    }
}

@media (min-width: 45em) {
    .is-hiddenAt--wide\+ {
        display: none !important;
        visibility: hidden
    }
}

@media (min-width: 45em) and (max-width: 59.999em) {
    .is-hiddenAt--wide {
        display: none !important;
        visibility: hidden
    }
}

@media (max-width: 59.999em) {
    .is-hiddenAt--wide- {
        display: none !important;
        visibility: hidden
    }
}

@media (min-width: 60em) {
    .is-hiddenAt--xwide\+ {
        display: none !important;
        visibility: hidden
    }
}

@media (max-width: 19.999em) {
    .is-vHiddenAt--xnarrow- {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

@media (min-width: 20em) {
    .is-vHiddenAt--narrow\+ {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

@media (min-width: 20em) and (max-width: 31.999em) {
    .is-vHiddenAt--narrow {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

@media (max-width: 31.999em) {
    .is-vHiddenAt--narrow- {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

@media (min-width: 32em) {
    .is-vHiddenAt--medium\+ {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

@media (min-width: 32em) and (max-width: 44.999em) {
    .is-vHiddenAt--medium {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

@media (max-width: 44.999em) {
    .is-vHiddenAt--medium- {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

@media (min-width: 45em) {
    .is-vHiddenAt--wide\+ {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

@media (min-width: 45em) and (max-width: 59.999em) {
    .is-vHiddenAt--wide {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

@media (max-width: 59.999em) {
    .is-vHiddenAt--wide- {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

@media (min-width: 60em) {
    .is-vHiddenAt--xwide\+ {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }
}

.is-hidden {
    display: none !important;
    visibility: hidden
}

.is-vHidden {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.is-invisible {
    visibility: hidden
}

.cp-clearfix:after, .cp-clearfix:before {
    display: table;
    content: ""
}

.cp-clearfix:after {
    clear: both
}

.cp-ir {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.cp-ir br {
    display: none
}

.cp-semanticList {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

.cp-userTextSelect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.cp-truncateText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cp-noWrap {
    white-space: nowrap
}

.sp-hidden {
    display: none
}

.cp-AdminWrap {
    box-sizing: border-box
}

.cp-AdminWrap *, .cp-AdminWrap :after, .cp-AdminWrap :before {
    box-sizing: inherit
}

.cp-AdminWrap input[type=date], .cp-AdminWrap input[type=datetime], .cp-AdminWrap input[type=email], .cp-AdminWrap input[type=number], .cp-AdminWrap input[type=password], .cp-AdminWrap input[type=search], .cp-AdminWrap input[type=tel], .cp-AdminWrap input[type=text], .cp-AdminWrap input[type=time], .cp-AdminWrap input[type=url], .cp-AdminWrap textarea {
    background-color: white;
    border: 1px solid;
    border-radius: 0;
    font: 1.25rem sans-serif;
    height: 44px;
    line-height: 42px;
    padding: 0 1rem;
    -moz-appearance: none;
    -webkit-appearance: none
}

@media (min-width: 32em) {
    .cp-AdminWrap input[type=date], .cp-AdminWrap input[type=datetime], .cp-AdminWrap input[type=email], .cp-AdminWrap input[type=number], .cp-AdminWrap input[type=password], .cp-AdminWrap input[type=search], .cp-AdminWrap input[type=tel], .cp-AdminWrap input[type=text], .cp-AdminWrap input[type=time], .cp-AdminWrap input[type=url], .cp-AdminWrap textarea {
        font-size: 1rem;
        padding: 0 0.5rem
    }
}

.cp-AdminWrap input[type=date], .cp-AdminWrap input[type=datetime], .cp-AdminWrap input[type=email], .cp-AdminWrap input[type=number], .cp-AdminWrap input[type=password], .cp-AdminWrap input[type=search], .cp-AdminWrap input[type=tel], .cp-AdminWrap input[type=text], .cp-AdminWrap input[type=time], .cp-AdminWrap input[type=url], .cp-AdminWrap textarea {
    border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7
}

.has-webFonts .cp-AdminWrap input[type=date], .has-webFonts .cp-AdminWrap input[type=datetime], .has-webFonts .cp-AdminWrap input[type=email], .has-webFonts .cp-AdminWrap input[type=number], .has-webFonts .cp-AdminWrap input[type=password], .has-webFonts .cp-AdminWrap input[type=search], .has-webFonts .cp-AdminWrap input[type=tel], .has-webFonts .cp-AdminWrap input[type=text], .has-webFonts .cp-AdminWrap input[type=time], .has-webFonts .cp-AdminWrap input[type=url], .has-webFonts .cp-AdminWrap textarea {
    font-family: "Ubuntu", sans-serif
}

.cp-AdminWrap input[type=date]:focus, .cp-AdminWrap input[type=datetime]:focus, .cp-AdminWrap input[type=email]:focus, .cp-AdminWrap input[type=number]:focus, .cp-AdminWrap input[type=password]:focus, .cp-AdminWrap input[type=search]:focus, .cp-AdminWrap input[type=tel]:focus, .cp-AdminWrap input[type=text]:focus, .cp-AdminWrap input[type=time]:focus, .cp-AdminWrap input[type=url]:focus, .cp-AdminWrap textarea:focus {
    outline: 2px solid
}

.cp-AdminWrap input[type=date]:focus, .cp-AdminWrap input[type=datetime]:focus, .cp-AdminWrap input[type=email]:focus, .cp-AdminWrap input[type=number]:focus, .cp-AdminWrap input[type=password]:focus, .cp-AdminWrap input[type=search]:focus, .cp-AdminWrap input[type=tel]:focus, .cp-AdminWrap input[type=text]:focus, .cp-AdminWrap input[type=time]:focus, .cp-AdminWrap input[type=url]:focus, .cp-AdminWrap textarea:focus {
    outline-color: #7a9fc3
}

.cp-AdminWrap input[type=date]:disabled, .cp-AdminWrap input[type=datetime]:disabled, .cp-AdminWrap input[type=email]:disabled, .cp-AdminWrap input[type=number]:disabled, .cp-AdminWrap input[type=password]:disabled, .cp-AdminWrap input[type=search]:disabled, .cp-AdminWrap input[type=tel]:disabled, .cp-AdminWrap input[type=text]:disabled, .cp-AdminWrap input[type=time]:disabled, .cp-AdminWrap input[type=url]:disabled, .cp-AdminWrap textarea:disabled {
    background-color: #f9f9f9;
    color: #777;
    cursor: default
}

.cp-AdminWrap input[type=date].ng-invalid:not(.ng-pristine):not(:focus), .cp-AdminWrap input[type=datetime].ng-invalid:not(.ng-pristine):not(:focus), .cp-AdminWrap input[type=email].ng-invalid:not(.ng-pristine):not(:focus), .cp-AdminWrap input[type=number].ng-invalid:not(.ng-pristine):not(:focus), .cp-AdminWrap input[type=password].ng-invalid:not(.ng-pristine):not(:focus), .cp-AdminWrap input[type=search].ng-invalid:not(.ng-pristine):not(:focus), .cp-AdminWrap input[type=tel].ng-invalid:not(.ng-pristine):not(:focus), .cp-AdminWrap input[type=text].ng-invalid:not(.ng-pristine):not(:focus), .cp-AdminWrap input[type=time].ng-invalid:not(.ng-pristine):not(:focus), .cp-AdminWrap input[type=url].ng-invalid:not(.ng-pristine):not(:focus), .cp-AdminWrap textarea.ng-invalid:not(.ng-pristine):not(:focus) {
    outline: 2px solid #f2cc00
}

.cp-AdminWrap textarea {
    display: block;
    height: auto;
    line-height: 1.5;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem
}

::-webkit-input-placeholder {
    color: #aaa;
    opacity: 1
}

:-moz-placeholder {
    color: #aaa;
    opacity: 1
}

::-moz-placeholder {
    color: #aaa;
    opacity: 1
}

:-ms-input-placeholder {
    color: #aaa;
    opacity: 1
}

::placeholder {
    color: #aaa;
    opacity: 1
}

::-ms-reveal {
    display: none
}

:invalid {
    box-shadow: none
}

:-moz-submit-invalid {
    box-shadow: none
}

:-moz-ui-invalid {
    box-shadow: none
}


.cp-RadioButton-label:after, .cp-RadioButton-label:before {
    border-radius: 8px
}

.cp-RadioButton-label--quick {
    border: 1px solid;
    display: inline-block;
    line-height: 42px;
    padding-left: 2rem;
    padding-right: 1rem;
    top: -1px
}

.cp-AdminWrap .cp-RadioButton-label--quick {
    background-color: rgba(167, 198, 228, 0.1);
    border-color: rgba(167, 198, 228, 0.3)
}

.cp-AdminWrap :focus + .cp-RadioButton-label--quick {
    outline: 2px solid
}

.cp-AdminWrap :focus + .cp-RadioButton-label--quick {
    outline-color: #7a9fc3
}

.cp-AdminWrap :active + .cp-RadioButton-label--quick {
    outline: 0
}

.cp-RadioButton-label--quick:before {
    left: 8px;
    top: 13px
}

:focus + .cp-RadioButton-label--quick:before {
    outline: 0
}

.cp-RadioButton-label--quick:after {
    left: 11px;
    top: 16px
}

.cp-AdminWrap input:checked + .cp-RadioButton-label--quick {
    background-color: rgba(117, 139, 160, 0.1);
    border-color: rgba(117, 139, 160, 0.3)
}

.cp-AdminWrap img, .cp-AdminWrap svg {
    height: auto;
    max-width: 100%
}

.cp-AdminWrap svg:not(:root) {
    overflow: hidden
}

.cp-AdminWrap svg {
    fill: currentColor
}

.cp-AdminWrap :active, .cp-AdminWrap :focus {
    outline: 0
}

.cp-AdminWrap a {
    transition: color 333ms cubic-bezier(0.45, 0.45, 0.45, 1), background-color 333ms cubic-bezier(0.45, 0.45, 0.45, 1)
}

body:before {
    display: none
}

@media (max-width: 19.999em) {
    body:before {
        content: "xnarrow-"
    }
}

@media (min-width: 20em) and (max-width: 31.999em) {
    body:before {
        content: "narrow"
    }
}

@media (min-width: 32em) and (max-width: 44.999em) {
    body:before {
        content: "medium"
    }
}

@media (min-width: 45em) and (max-width: 59.999em) {
    body:before {
        content: "wide"
    }
}

@media (min-width: 60em) {
    body:before {
        content: "xwide+"
    }
}

body:after {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    content: "";
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    transition: opacity 333ms cubic-bezier(0.45, 0.45, 0.45, 1);
    top: 0;
    z-index: 800
}

body.has-fieldOpen, body.has-menuOpen, body.has-modalOpen, body.is-loading {
    overflow: hidden;
    width: 100%
}

body.has-fieldOpen:after, body.has-menuOpen:after, body.has-modalOpen:after, body.is-loading:after {
    display: block;
    opacity: 1
}

body.has-fieldOpen .cp-AdminFooter, body.has-fieldOpen .cp-Toolbars, body.has-fieldOpen .cp-Wrap, body.has-menuOpen .cp-AdminFooter, body.has-menuOpen .cp-Toolbars, body.has-menuOpen .cp-Wrap, body.has-modalOpen .cp-AdminFooter, body.has-modalOpen .cp-Toolbars, body.has-modalOpen .cp-Wrap, body.is-loading .cp-AdminFooter, body.is-loading .cp-Toolbars, body.is-loading .cp-Wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

body.has-fieldOpen .cp-AdminFooter, body.has-fieldOpen .cp-Toolbars, body.has-fieldOpen .cp-Wrap {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
    -webkit-filter: none;
    filter: none
}

body.has-menuOpen:after, body.has-toolbarMenuOpen:after {
    z-index: 799
}

body.has-menuOpen .cp-Toolbars, body.has-toolbarMenuOpen .cp-Toolbars {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
    -webkit-filter: none;
    filter: none
}

body.has-menuOpen:after {
    left: auto;
    top: 50px;
    transition-delay: 333ms;
    width: 45px
}

body.is-loading:after {
    background-color: rgba(255, 255, 255, 0.6)
}

.cp-AdminWrap .viewSeries {
    background: url("../../../../Areas/Calendar%202/Assets/Images/IconSeries.svg") no-repeat left center;
    font-weight: normal;
    margin-left: 10px;
    padding-left: 20px;
    text-decoration: underline
}

.cp-AdminWrap .viewRelatedEvent {
    background: url("/Areas/Calendar/Assets/Images/IconLinkedEvent.svg") no-repeat left center;
    font-weight: normal;
    margin-left: 10px;
    padding-left: 20px;
    text-decoration: underline
}

.cp-AnchorPoint {
    position: relative
}

.cp-AnchorPoint > a {
    left: 0;
    position: absolute;
    top: -50px
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

.cp-AdminWrap {
}

.cp-AdminWrap article, .cp-AdminWrap aside, .cp-AdminWrap details, .cp-AdminWrap figcaption, .cp-AdminWrap figure, .cp-AdminWrap footer, .cp-AdminWrap header, .cp-AdminWrap hgroup, .cp-AdminWrap main, .cp-AdminWrap menu, .cp-AdminWrap nav, .cp-AdminWrap section, .cp-AdminWrap summary {
    display: block
}

.cp-AdminWrap audio, .cp-AdminWrap canvas, .cp-AdminWrap progress, .cp-AdminWrap video {
    display: inline-block;
    vertical-align: baseline
}

.cp-AdminWrap audio:not([controls]) {
    display: none;
    height: 0
}

.cp-AdminWrap [hidden], .cp-AdminWrap template {
    display: none
}

.cp-AdminWrap a {
    background-color: transparent
}

.cp-AdminWrap a:active, .cp-AdminWrap a:hover {
    outline: 0
}

.cp-AdminWrap abbr[title] {
    border-bottom: 1px dotted
}

.cp-AdminWrap b, .cp-AdminWrap strong {
    font-weight: bold
}

.cp-AdminWrap dfn {
    font-style: italic
}

.cp-AdminWrap h1 {
    font-size: 2em;
    margin: 0.67em 0
}

.cp-AdminWrap mark {
    background: #ff0;
    color: #000
}

.cp-AdminWrap small {
    font-size: 80%
}

.cp-AdminWrap sub, .cp-AdminWrap sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.cp-AdminWrap sup {
    top: -0.5em
}

.cp-AdminWrap sub {
    bottom: -0.25em
}

.cp-AdminWrap img {
    border: 0
}

.cp-AdminWrap svg:not(:root) {
    overflow: hidden
}

.cp-AdminWrap figure {
    margin: 1em 40px
}

.cp-AdminWrap hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

.cp-AdminWrap pre {
    overflow: auto
}

.cp-AdminWrap code, .cp-AdminWrap kbd, .cp-AdminWrap pre, .cp-AdminWrap samp {
    font-family: monospace, monospace;
    font-size: 1em
}

.cp-AdminWrap button, .cp-AdminWrap input, .cp-AdminWrap optgroup, .cp-AdminWrap select, .cp-AdminWrap textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

.cp-AdminWrap button {
    overflow: visible
}

.cp-AdminWrap button, .cp-AdminWrap select {
    text-transform: none
}

.cp-AdminWrap button, .cp-AdminWrap html input[type=button], .cp-AdminWrap input[type=reset], .cp-AdminWrap input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

.cp-AdminWrap button[disabled], .cp-AdminWrap html input[disabled] {
    cursor: default
}

.cp-AdminWrap button::-moz-focus-inner, .cp-AdminWrap input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.cp-AdminWrap input {
    line-height: normal
}

.cp-AdminWrap input[type=number]::-webkit-inner-spin-button, .cp-AdminWrap input[type=number]::-webkit-outer-spin-button {
    height: auto
}

.cp-AdminWrap input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.cp-AdminWrap input[type=search]::-webkit-search-cancel-button, .cp-AdminWrap input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.cp-AdminWrap fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

.cp-AdminWrap legend {
    border: 0;
    padding: 0
}

.cp-AdminWrap textarea {
    overflow: auto
}

.cp-AdminWrap optgroup {
    font-weight: bold
}

.cp-AdminWrap table {
    border-collapse: collapse;
    border-spacing: 0
}

.cp-AdminWrap td, .cp-AdminWrap th {
    padding: 0
}

.cp-AdminWrap {
    color: #333;
    font-size: 1rem;
    line-height: 1.5
}

.has-webFonts .cp-AdminWrap {
    font-family: "Ubuntu", sans-serif
}

.cp-AdminWrap h1, .cp-AdminWrap h2 {
    font-size: 2rem;
    margin: 0
}

.cp-AdminWrap h1, .cp-AdminWrap h2 {
    color: #0b5486;
    font-weight: 500
}

.cp-AdminWrap h3 {
    font-size: 1.4rem;
    margin: 0
}

.cp-AdminWrap h3 {
    font-weight: 700
}

.cp-AdminWrap h4 {
    font-weight: 700
}

.cp-AdminWrap h4, .cp-AdminWrap h5 {
    margin: 0
}

.cp-AdminWrap p {
    margin: 0
}

.cp-AdminWrap ul {
    list-style: disc
}

.cp-AdminWrap a {
    color: #0b5486
}

.cp-AdminWrap a:focus {
    outline: 2px solid
}

.cp-AdminWrap a:focus {
    outline-color: #0b5486
}

.cp-AdminWrap a:active {
    outline: 0
}

.cp-AdminWrap .cp-Prose h1 {
    margin: 1.8rem 0 1rem
}

.cp-AdminWrap .cp-Prose h2 {
    margin: 1.8rem 0 1rem
}

.cp-AdminWrap .cp-Prose h3 {
    margin: 1.8rem 0 0
}

.cp-AdminWrap .cp-Prose h4 {
    margin: 1.5rem 0 0
}

.cp-AdminWrap .cp-Prose h2:first-child, .cp-AdminWrap .cp-Prose h3:first-child, .cp-AdminWrap .cp-Prose h4:first-child {
    margin-top: 0
}

.cp-AdminWrap .cp-Prose p {
    margin: 0.5em 0
}

.cp-AdminWrap .cp-Prose p:first-child {
    margin-top: 0
}

.cp-AdminWrap .cp-Prose ol, .cp-AdminWrap .cp-Prose ul {
    margin: 0 0 1rem;
    padding-left: 2rem
}

.cp-AdminWrap .cp-LayoutWrap {
    max-width: 86rem;
    margin: -2px auto 0 auto;
}

@media (min-width: 32em) {
    .cp-AdminWrap .cp-LayoutWrap {
        padding: 0 24px
    }
}

.cp-AdminWrap .cp-ModuleSection {
    margin-bottom: 0.5rem;
    padding-bottom: 1rem
}

@media (min-width: 32em) {
    .cp-AdminWrap .cp-ModuleSection {
        border-bottom: 1px solid #b0c0d0;
        margin-bottom: 2rem
    }
}

@media (min-width: 60em) {
    .cp-AdminWrap .cp-ModuleSection {
        padding-right: 47%;
        padding-right: calc((5 / 12 * 100%) + 3rem)
    }
}

@media (max-width: 31.999em) {
    .cp-AdminWrap .cp-ModuleEdit-intro {
        display: none
    }
}

@media (min-width: 32em) {
    .cp-AdminWrap .cp-ModuleEdit-intro {
        position: relative;
        z-index: 1
    }

    .cp-AdminWrap .cp-ModuleEdit-intro:not(:empty) {
        margin-bottom: 2rem
    }
}

@media (min-width: 60em) {
    .cp-AdminWrap .cp-ModuleEdit-intro {
        float: right;
        margin: 0;
        padding-left: 3rem;
        width: 41.66667%
    }
}

@media (min-width: 60em) {
    .cp-AdminWrap .cp-ModuleEdit-intro:not(:empty) + .cp-ModuleEdit-fields {
        display: block;
        float: left;
        padding-right: 3rem;
        position: relative;
        width: 58.33333%
    }

    .cp-AdminWrap .cp-ModuleEdit-intro:not(:empty) + .cp-ModuleEdit-fields:after {
        background-color: #b0c0d0;
        bottom: 0;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px
    }

    .cp-AdminWrap .cp-ModuleEdit-intro:not(:empty) + .cp-ModuleEdit-fields .cp-ModuleEdit-fieldsPrimary, .cp-AdminWrap .cp-ModuleEdit-intro:not(:empty) + .cp-ModuleEdit-fields .cp-ModuleEdit-fieldsSecondary {
        float: none;
        padding: 0;
        width: 100%
    }

    .cp-AdminWrap .cp-ModuleEdit-intro:not(:empty) + .cp-ModuleEdit-fields .cp-ModuleEdit-fieldsPrimary:after, .cp-AdminWrap .cp-ModuleEdit-intro:not(:empty) + .cp-ModuleEdit-fields .cp-ModuleEdit-fieldsSecondary:after {
        display: none
    }
}

@media (min-width: 60em) {
    .cp-AdminWrap .cp-ModuleEdit-fields {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 32em) {
    .cp-AdminWrap .cp-ModuleEdit-fieldsPrimary {
        position: relative;
        z-index: 1
    }
}

@media (min-width: 60em) {
    .cp-AdminWrap .cp-ModuleEdit-fieldsPrimary {
        float: left;
        padding-right: 3rem;
        width: 58.33333%
    }
}

.cp-AdminWrap .cp-ModuleEdit-fieldsSecondary {
    margin-top: 2rem
}

@media (min-width: 32em) {
    .cp-AdminWrap .cp-ModuleEdit-fieldsSecondary {
        margin-top: 0;
        position: relative;
        z-index: 1
    }
}

@media (min-width: 60em) {
    .cp-AdminWrap .cp-ModuleEdit-fieldsSecondary {
        float: right;
        padding-left: 3rem;
        width: 41.66667%
    }

    .cp-AdminWrap .cp-ModuleEdit-fieldsSecondary:after {
        background-color: #b0c0d0;
        bottom: 0;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 1px
    }
}

@media (max-width: 31.999em) {
    .cp-AdminWrap .cp-ModuleEdit-fieldsSecondary .cp-Prose {
        padding: 1rem
    }
}

.cp-AdminWrap .cp-ModuleEdit-fieldsPrimaryHeading {
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 2rem
}

@media (max-width: 31.999em) {
    .cp-AdminWrap .cp-ModuleEdit-fieldsPrimaryHeading {
        padding: 1rem
    }
}

@media (min-width: 32em) {
    .cp-AdminWrap .cp-ModuleEdit-fieldsPrimaryHeading {
        margin-top: 0
    }
}

.cp-AdminWrap .cp-ModuleEdit-meta {
    margin-top: 2rem
}

.cp-AdminWrap .cp-ModuleEdit-meta > h4 {
    color: #0b5486;
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0 0 0.75rem
}

.cp-AdminWrap .cp-ModuleEdit-meta > p {
    font-size: 0.9rem
}

.cp-AdminWrap .cp-ModuleEdit-meta strong {
    display: inline-block;
    font-weight: 500;
    width: 6.5rem
}

.cp-AdminWrap .cp-ModuleEdit-meta abbr {
    border: 0
}

.cp-Alerts {
    font-size: 0;
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 100%;
    z-index: -1
}

.cp-Alert {
    background-color: white;
    display: block;
    position: relative;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: -webkit-transform 333ms cubic-bezier(0.5, 0.2, 0.45, 0.55);
    transition: transform 333ms cubic-bezier(0.5, 0.2, 0.45, 0.55);
    transition: transform 333ms cubic-bezier(0.5, 0.2, 0.45, 0.55), -webkit-transform 333ms cubic-bezier(0.5, 0.2, 0.45, 0.55)
}

@media (min-width: 32em) {
    .cp-Alert {
        display: inline-block
    }
}

.cp-Alert.cp-Alert {
    font-size: 1rem;
    padding: 0
}

.cp-Alert:first-child:before {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cp-Alert.is-showing {
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: all 333ms cubic-bezier(0.45, 0.45, 0.5, 0.8)
}

.cp-Alert:not(:first-child) {
    opacity: 0;
    z-index: -1
}

.cp-Alert:not(:first-child).is-showing {
    opacity: 1
}

.cp-Alert .cp-UIMessage-label, .cp-Alert .cp-UIMessage-text {
    padding: 0.75rem
}

.cp-Alert .cp-UIMessage-text {
    padding-right: 1rem;
    text-align: center
}

.cp-alertBox {
    background: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin: 1rem auto;
    max-width: 40rem;
    padding: 1rem
}

.cp-AdminWrap .cp-Btn:hover {
    opacity: 0.8
}

.cp-AdminWrap .cp-Btn:focus {
    outline: 2px solid
}

.cp-AdminWrap .cp-Btn:active {
    outline: 0
}

.cp-AdminWrap .cp-Btn {
    background-color: #a7c6e4;
    border-bottom-color: #8ea8c2;
    color: #333;
    font-weight: 400
}

.cp-AdminWrap .cp-Btn:focus, .cp-AdminWrap .cp-Btn:hover {
    background-color: #b4cfe8
}

.cp-AdminWrap .cp-Btn:hover {
    border-bottom-color: #9fb5cb
}

.cp-AdminWrap .cp-Btn:focus {
    border-bottom-color: #b4cfe8;
    outline-color: #7d95ab
}

.cp-AdminWrap .cp-Btn.is-selected, .cp-AdminWrap .cp-Btn:active {
    background-color: #8ea8c2;
    border-bottom-color: #8ea8c2
}

.has-webFonts .cp-AdminWrap .cp-Btn {
    font-family: "Ubuntu", sans-serif
}

.cp-AdminWrap .cp-Btn.cp-Btn.is-disabled, .cp-AdminWrap .cp-Btn.cp-Btn:disabled {
    border: 1px solid;
    line-height: 42px;
    outline: 0
}

.cp-AdminWrap .cp-Btn.cp-Btn.is-disabled, .cp-AdminWrap .cp-Btn.cp-Btn:disabled {
    background-color: transparent;
    border-color: #506E86;
    color: #506E86
}

.cp-AdminWrap .cp-Btn--primary {
    background-color: #d3d657;
    border-bottom-color: #b3b64a;
    color: #333
}

.cp-AdminWrap .cp-Btn--primary:focus, .cp-AdminWrap .cp-Btn--primary:hover {
    background-color: #dadc70
}

.cp-AdminWrap .cp-Btn--primary:hover {
    border-bottom-color: #bec165
}

.cp-AdminWrap .cp-Btn--primary:focus {
    border-bottom-color: #dadc70;
    outline-color: #9ea141
}

.cp-AdminWrap .cp-Btn--primary.is-selected, .cp-AdminWrap .cp-Btn--primary:active {
    background-color: #b3b64a;
    border-bottom-color: #b3b64a
}

.cp-AdminWrap .cp-Btn--link {
    background: none;
    border: 0;
    color: #0b5486;
    font-size: 0.7rem;
    line-height: 44px;
    position: relative;
    z-index: 1
}

.cp-AdminWrap .cp-Btn--link:before {
    background: transparent;
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
    bottom: 0.5rem;
    content: "";
    display: block;
    left: 1rem;
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    z-index: -1
}

.cp-AdminWrap .cp-Btn--link:focus, .cp-AdminWrap .cp-Btn--link:hover {
    background: none
}

.cp-AdminWrap .cp-Btn--link:focus {
    outline: 0
}

.cp-AdminWrap .cp-Btn--link:focus:before {
    border-bottom-color: transparent;
    outline: 2px solid rgba(0, 0, 0, 0.25)
}

.cp-AdminWrap .cp-Btn--link.is-selected, .cp-AdminWrap .cp-Btn--link:active {
    background: none
}

.cp-AdminWrap .cp-Btn--link.is-selected:before, .cp-AdminWrap .cp-Btn--link:active:before {
    background: rgba(0, 0, 0, 0.15);
    border-bottom-color: rgba(0, 0, 0, 0.15);
    outline: 0
}

.cp-AdminWrap .cp-Btn--link {
    font-size: 13px;
    text-decoration: underline
}

.cp-AdminWrap .cp-Btn--link:before {
    border: 0
}

.cp-AdminWrap .cp-Btn--link:active:before {
    background: none
}

@media (max-width: 31.999em) {
    .cp-AdminWrap .cp-Btn--iconLeft, .cp-AdminWrap .cp-Btn--iconRight {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 32em) {
    .cp-AdminWrap .cp-Btn--iconLeft, .cp-AdminWrap .cp-Btn--iconRight {
        position: relative
    }
}

.cp-AdminWrap .cp-Btn--iconLeft {
    padding-left: 2.7rem;
    text-align: left
}

.cp-AdminWrap .cp-Btn--iconRight {
    padding-right: 2.7rem;
    text-align: right
}

.cp-AdminWrap .cp-Btn-icon {
    width: 18px;
    height: 18px
}

@media (min-width: 32em) {
    .cp-AdminWrap .cp-Btn-icon {
        margin-top: -10px;
        position: absolute;
        top: 50%
    }

    .cp-AdminWrap .cp-Btn-icon--left {
        left: 1.1rem
    }

    .cp-AdminWrap .cp-Btn-icon--right {
        right: 1.1rem
    }
}

.cp-AdminWrap div[role=button] {
    cursor: pointer
}

.cp-AdminWrap .dz-filelist {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(176, 192, 208, 0.5);
    color: #506E86;
    padding: 1rem
}

.cp-AdminWrap .dz-filename {
    border-top: 1px solid rgba(176, 192, 208, 0.5);
    color: #333;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.8rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem
}

.cp-AdminWrap .dz-filename:first-of-type {
    margin-top: 1rem
}

.cp-AdminWrap .dz-name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cp-AdminWrap .dz-size strong {
    font-weight: 400
}

.cp-AdminWrap .dz-remove {
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-color: #a7c6e4;
    background-image: url("https://platform.civicplus.com/assets/Mystique/Shared/Images/IconRemove.svg");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 1rem
}

.cp-AdminWrap .dz-remove br {
    display: none
}

.cp-FormField {
    margin-bottom: 2rem
}

.cp-FormField--minor {
    margin-bottom: 1rem
}

.cp-FormField--accordion--minor {
    margin-bottom: 0
}

.cp-FormField--withLink {
    position: relative
}

@media (min-width: 45em) {
    .cp-FormField--leftLabel:after, .cp-FormField--leftLabel:before {
        display: table;
        content: ""
    }

    .cp-FormField--leftLabel:after {
        clear: both
    }
}

@media (min-width: 32em) {
    .is-enhanced .cp-AdminWrap .cp-FormField--multi {
        height: auto !important;
        padding-top: 0 !important
    }
}

@media (min-width: 32em) {
    .cp-Form--sideBySide .cp-FormField {
        display: inline-block;
        margin-right: 2rem;
        vertical-align: top
    }

    .cp-Form--sideBySide .cp-FormField--noLabel {
        padding-top: 1.75rem
    }

    .cp-Form--sideBySide .cp-FormField--noLabel--minor {
        padding-top: 1.55rem
    }
}


.cp-AdminWrap .cp-FormField-label {
    display: block;
    font-size: 1.1rem;
    margin: 0 0 0.25rem
}

.cp-AdminWrap .cp-FormField-label {
    color: #0b5486;
    font-weight: 400
}

.cp-FormField-label--minor {
    font-size: 1rem;
    margin-bottom: 0.25rem
}

@media (min-width: 32em) {
    .cp-FormField-label--withLink {
        padding-right: 10rem
    }
}

@media (min-width: 45em) {
    .cp-FormField-label--leftLabel {
        float: left;
        margin-top: 0.5rem;
        text-align: right;
        width: 8rem
    }

    .cp-FormField-label--leftLabel.cp-FormField-label--minor {
        margin-top: 0.65rem
    }
}

.cp-Required {
    border-left: 1px solid;
    display: inline-block;
    font-size: 0.9rem;
    line-height: 1;
    margin: 0 0.4rem;
    padding: 0.3rem 0.5rem 0
}

.cp-AdminWrap .cp-Required {
    border: 0;
    font-size: 1em;
    font-weight: 500;
    margin: 0;
    padding: 0;
    position: relative;
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.cp-AdminWrap .cp-Required br {
    display: none
}

.cp-AdminWrap .cp-Required:after {
    color: red;
    content: "*";
    left: 0;
    position: absolute;
    text-indent: 0;
    top: 0
}

.cp-AdminWrap .cp-Required:after {
    color: #af282f
}

.cp-FormField-holder--withInsetBtn {
    position: relative
}

@media (min-width: 45em) {
    .cp-FormField-holder--leftLabel {
        margin-left: 9rem
    }
}

.cp-FormField-intro {
    margin-bottom: 0.5rem
}

.cp-FormField-input {
    border: 1px solid;
    width: 100%
}

.cp-FormField-input.cp-FormField-input--withInsetBtn {
    padding-right: 52px;
    padding-right: calc(44px + 0.5rem)
}

.cp-AdminWrap .cp-FormField-input {
    border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7
}

.has-webFonts .cp-AdminWrap .cp-FormField-input {
    font-family: "Ubuntu", sans-serif
}

.cp-FormField-input.cp-FormField-input[size="1"] {
    width: 2rem
}

.cp-FormField-input.cp-FormField-input[size="2"] {
    width: 3rem
}

.cp-FormField-input.cp-FormField-input[size="3"] {
    width: 4rem
}

.cp-FormField-input.cp-FormField-input[size="4"] {
    width: 5rem
}

.cp-FormField-input.cp-FormField-input[size="5"] {
    width: 6rem
}

.cp-FormField-input.cp-FormField-input[size="6"] {
    width: 7rem
}

.cp-FormField-input.cp-FormField-input[size="7"] {
    width: 8rem
}

.cp-FormField-input.cp-FormField-input[size="8"] {
    width: 9rem
}

.cp-FormField-input.cp-FormField-input[size="9"] {
    width: 10rem
}

.cp-FormField-input.cp-FormField-input[size="10"] {
    width: 11rem
}

.cp-FormField-input.cp-FormField-input[size="11"] {
    width: 12rem
}

.cp-FormField-input.cp-FormField-input[size="12"] {
    width: 13rem
}

.cp-FormField-input.cp-FormField-input[size="13"] {
    width: 14rem
}

.cp-FormField-input.cp-FormField-input[size="14"] {
    width: 15rem
}

.cp-FormField-input.cp-FormField-input[size="15"] {
    width: 16rem
}

@media (min-width: 32em) {
    .cp-FormField-input + .cp-Btn {
        margin-top: 0.5rem
    }
}

.cp-FormField-insetBtn.cp-FormField-insetBtn.cp-FormField-insetBtn {
    background: transparent url("../https://platform.civicplus.com/assets/Mystique/Shared/Images/TransparentBkg.png") repeat;
    border: none;
    bottom: 1px;
    color: #333;
    margin: 0;
    min-width: 44px;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 1px
}

.cp-FormField-insetBtn.cp-FormField-insetBtn.cp-FormField-insetBtn > svg {
    width: 26px;
    height: 26px;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    position: absolute;
    top: 50%
}

.cp-FormField-helpText {
    font-size: 0.9rem
}

.cp-FormField-helpText:not(:first-child) {
    margin-top: 0.25rem
}

.cp-FormField-helpText:not(:last-child) {
    margin-bottom: 0.25rem
}

.cp-FormField-charCount {
    font-size: 0.8rem
}

.cp-FormField-link {
    position: absolute
}

@media (max-width: 31.999em) {
    .is-enhanced .cp-FormField-link {
        margin: 0;
        padding: 0 0.9rem;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width: 32em) {
    .cp-FormField-link {
        right: -2rem;
        top: -0.3rem
    }
}

.cp-FormField--repeating {
    padding-right: 26px;
    position: relative
}

.cp-FormField--repeating-addButton, .cp-FormField--repeating-removeButton {
    width: 26px;
    height: 26px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-image: url("https://platform.civicplus.com/assets/Mystique/Shared/Images/IconRemove.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    border: 0;
    margin: 26px 0 0 !important;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0
}

.cp-FormField--repeating-addButton br, .cp-FormField--repeating-removeButton br {
    display: none
}

.cp-AdminWrap .cp-FormField--repeating-addButton, .cp-AdminWrap .cp-FormField--repeating-removeButton {
    background-color: #a7c6e4
}

.cp-FormField--repeating-addButton {
    background-image: url("https://platform.civicplus.com/assets/Mystique/Shared/Images/IconAdd.svg");
    margin-top: 0 !important
}

.cp-AdminWrap .cp-FormField--repeating-addButton {
    background-color: #7d95ab
}

@media (min-width: 32em) {
    .cp-AdminWrap .cp-Btn.cp-FormField-doneBtn, .cp-AdminWrap .cp-FormField-openLink {
        display: none !important
    }
}

.cp-FormField-holder .tt-menu {
    border: none;
    border-radius: 0;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    margin: -2px 0 0 2px;
    padding: 0
}

.cp-FormField-holder .empty-message, .cp-FormField-holder .pending-results, .cp-FormField-holder .tt-suggestion {
    font-size: .9rem;
    padding: .5rem
}

.cp-FormField-holder .tt-suggestion.tt-cursor, .cp-FormField-holder .tt-suggestion:hover {
    color: #333;
    background-color: #efeee9
}

.cp-FormField-holder .typeahead:focus {
    border-width: 1px;
    border-color: transparent
}

.cp-UIMessage {
    font-size: 0.8rem
}

.cp-UIMessage .cp-Btn {
    margin: -0.5rem
}

.cp-AdminWrap .cp-UIMessage .cp-Btn {
    background: none;
    border: 0;
    color: #003a5d;
    font-size: 0.7rem;
    line-height: 44px;
    position: relative;
    z-index: 1
}

.cp-AdminWrap .cp-UIMessage .cp-Btn:before {
    background: white;
    border-bottom: 2px solid #d9d9d9;
    bottom: 0.5rem;
    content: "";
    display: block;
    left: 1rem;
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    z-index: -1
}

.cp-AdminWrap .cp-UIMessage .cp-Btn:focus, .cp-AdminWrap .cp-UIMessage .cp-Btn:hover {
    background: none
}

.cp-AdminWrap .cp-UIMessage .cp-Btn:focus {
    outline: 0
}

.cp-AdminWrap .cp-UIMessage .cp-Btn:focus:before {
    border-bottom-color: white;
    outline: 2px solid #bfbfbf
}

.cp-AdminWrap .cp-UIMessage .cp-Btn.is-selected, .cp-AdminWrap .cp-UIMessage .cp-Btn:active {
    background: none
}

.cp-AdminWrap .cp-UIMessage .cp-Btn.is-selected:before, .cp-AdminWrap .cp-UIMessage .cp-Btn:active:before {
    background: #d9d9d9;
    border-bottom-color: #d9d9d9;
    outline: 0
}

.cp-UIMessage-label {
    display: inline-block;
    padding: 0.5rem
}

.cp-UIMessage-text {
    display: inline-block;
    padding: 0.5rem
}

.cp-AdminWrap .cp-UIMessage--error, .cp-AdminWrap .cp-UIMessage--warn {
    background-color: #f9e680
}

.cp-AdminWrap .cp-UIMessage--error .cp-UIMessage-label, .cp-AdminWrap .cp-UIMessage--warn .cp-UIMessage-label {
    background-color: #f2cc00
}

.cp-AdminWrap .cp-UIMessage--success {
    background-color: #dad755;
    color: #333
}

.cp-AdminWrap .cp-UIMessage--success .cp-UIMessage-label {
    background-color: #b9b748
}

.cp-UIMessage.cp-UIMessage--empty {
    font-size: 1.2rem;
    text-align: center
}

.cp-AdminWrap .cp-UIMessage.cp-UIMessage--empty {
    background-color: white;
    font-weight: 300
}

.cp-AdminWrap .cp-UIMessage.cp-UIMessage--empty {
    color: #777
}

.cp-UIMessage.cp-UIMessage--empty .cp-UIMessage-text {
    padding: 1rem
}

.cp-FormField-errorHolder .cp-UIMessage-label {
    position: relative
}

.cp-FormField-errorHolder .cp-UIMessage-label:after {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: currentColor;
    content: "";
    margin-left: -8px;
    position: absolute;
    left: 50%;
    bottom: 100%
}

.cp-FormField-errorHolder .cp-UIMessage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1px
}

.cp-AdminWrap .cp-FormField-errorHolder .cp-UIMessage--error .cp-UIMessage-label:after, .cp-AdminWrap .cp-FormField-errorHolder .cp-UIMessage--warn .cp-UIMessage-label:after {
    border-bottom-color: #f2cc00
}

.cp-AdminWrap .cp-FormField-errorHolder .cp-UIMessage--success .cp-UIMessage-label:after {
    border-bottom-color: #b8be19
}

.cp-AdminWrap .cp-NavMenuList {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

.cp-AdminWrap .cp-NavMenuList.cp-AccordionContainer {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 0
}

.cp-AdminWrap .cp-NavMenuList-heading {
    color: #333;
    font-size: 0.7rem;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.1);
    line-height: 22px;
    margin: 0;
    padding: 0 0.5rem
}

.cp-AdminWrap .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: none;
    border: 0;
    border-top: 1px solid;
    color: inherit;
    display: block;
    letter-spacing: 0;
    line-height: 44px;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: left;
    text-transform: none;
    width: 100%
}

.cp-AdminWrap .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink {
    border-top-color: #d8d8d3
}

.cp-SideMenu .cp-AdminWrap .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink {
    border-top-color: rgba(255, 255, 255, 0.5)
}

.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink--hasIcon {
    padding-left: calc(2rem + 16px)
}

.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink--civicCenter .cp-NavMenuList-itemIcon {
    left: .85rem;
    max-width: 1.5rem
}

.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink--active {
    font-weight: 700
}

.cp-AdminWrap .cp-NavMenuList-item:first-child > .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink {
    border: 0
}

.cp-AdminWrap .cp-SideMenu .cp-NavMenuList-item:first-child > .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink {
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.cp-AdminWrap .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink:focus, .cp-AdminWrap .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink:hover {
    opacity: 1;
    outline: 0
}

.cp-AdminWrap .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink:focus, .cp-AdminWrap .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink:hover {
    background-color: #efeee9
}

.cp-AdminWrap .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.is-open {
    background-color: rgba(0, 0, 0, 0.2)
}

.cp-AdminWrap .cp-AccordionContainer .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink {
    padding-left: 3rem
}

.cp-AdminWrap .cp-NavMenuList-notificationsLink {
    padding-left: 2.5rem;
    position: relative
}

.cp-AdminWrap .cp-NavMenuList-notificationsLink > svg {
    width: 25px;
    height: 25px;
    left: 0.5rem;
    position: absolute;
    top: 0.5rem
}

.cp-AdminWrap .cp-NavMenuList-itemIcon {
    height: 1.25rem;
    left: 1rem;
    max-width: 1.25rem;
    position: absolute;
    top: .75rem
}

.cp-AdminWrap .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink--myAccount {
    line-height: inherit;
    padding-left: 56px;
    padding-left: calc(1rem + 40px);
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    position: relative
}

.cp-AdminWrap .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink--myAccount:after, .cp-AdminWrap .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink--myAccount:before {
    display: table;
    content: ""
}

.cp-AdminWrap .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink--myAccount:after {
    clear: both
}

.cp-AdminWrap .cp-NavMenuList-myAccountThumb {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid white;
    left: 0.5rem;
    margin-top: -20px;
    position: absolute;
    top: 50%
}

.cp-AdminWrap .cp-NavMenuList-myAccountName {
    font-size: 0.9rem
}

.cp-AdminWrap .cp-Toolbar--admin .cp-NavMenuList-myAccountName {
    font-weight: 500
}

.cp-AdminWrap .cp-Toolbar--civicHR .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink:focus, .cp-AdminWrap .cp-Toolbar--civicHR .cp-NavMenuList-itemLink.cp-NavMenuList-itemLink.cp-NavMenuList-itemLink:hover {
    background-color: #ededed
}

.cp-PopOver {
    position: absolute;
    transition: opacity 333ms cubic-bezier(0.45, 0.45, 0.45, 1);
    width: 20rem;
    z-index: 1000
}

.cp-AdminWrap.cp-PopOver {
    background-color: white
}

.cp-PopOver-body, .cp-PopOver-footer, .cp-PopOver-header {
    padding: 1rem 2rem
}

.cp-PopOver-header {
    padding-right: 4rem
}

.cp-PopOver-footer:empty {
    display: none
}

.cp-PopOver-footer .cp-BtnGroup > .cp-Btn {
    margin-bottom: 0
}

.cp-PopOver-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0
}

.cp-AdminWrap .cp-PopOver-title {
    color: #0b5486
}

.cp-PopOver-close.cp-PopOver-close {
    background: none;
    border: 0;
    height: 4rem;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0
}

.cp-PopOver-close.cp-PopOver-close:focus, .cp-PopOver-close.cp-PopOver-close:hover {
    background: none;
    border: 0
}

.cp-PopOver-close.cp-PopOver-close > svg {
    width: 2rem;
    height: 2rem
}

.cp-AdminWrap .cp-PopOver-close.cp-PopOver-close {
    color: #333
}

.cp-PopOver--modal .cp-Alerts, .cp-PopOver--sheet .cp-Alerts {
    top: 0;
    z-index: 2
}

@media (min-width: 32em) {
    .cp-PopOver--modal .cp-Alert, .cp-PopOver--sheet .cp-Alert {
        min-width: 27rem;
        max-width: 55rem;
        width: 65%
    }
}

@media (min-width: 32em) {
    .cp-PopOver--modal {
        left: 50%;
        position: fixed;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        min-width: 32rem;
        max-width: 60rem;
        width: 75%
    }

    .cp-PopOver--modal .cp-PopOver-body {
        max-height: 300px;
        max-height: calc(90vh - 65px - 76px);
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .cp-PopOver--modal.cp-PopOver--noFooter .cp-PopOver-body {
        max-height: calc(90vh - 65px)
    }

    .cp-PopOver--modal .cp-PopOver-footer {
        text-align: right
    }

    .cp-AdminWrap .cp-PopOver--modal .cp-PopOver-footer {
        background-color: #dae4f0
    }
}

.cp-AdminWrap.cp-PopOver--modal .cp-PopOver-footer {
    background-color: #dae4f0
}

.cp-PopOver--modalSmall {
    max-width: 50rem;
    width: 50%
}

@media (min-width: 32em) {
    .cp-PopOver--sheet {
        bottom: 0;
        left: 3rem;
        max-width: none;
        position: fixed;
        right: 3rem;
        top: 3rem;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        transition: -webkit-transform 333ms cubic-bezier(0.5, 0.2, 0.45, 0.55);
        transition: transform 333ms cubic-bezier(0.5, 0.2, 0.45, 0.55);
        transition: transform 333ms cubic-bezier(0.5, 0.2, 0.45, 0.55), -webkit-transform 333ms cubic-bezier(0.5, 0.2, 0.45, 0.55);
        width: auto
    }

    .cp-PopOver--sheet.cp-PopOver--small {
        left: 10%;
        right: 10%;
        top: 20%
    }

    .cp-PopOver--sheet.is-open {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .cp-PopOver--sheet .cp-PopOver-header {
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .cp-PopOver--sheet .cp-PopOver-body {
        left: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        right: 0;
        top: 65px;
        bottom: 76px
    }

    .cp-PopOver--sheet.cp-PopOver--noFooter .cp-PopOver-body {
        bottom: 0
    }

    .cp-PopOver--sheet .cp-PopOver-footer {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        text-align: right
    }
}

@media (min-width: 60em) {
    .cp-PopOver--sheet.cp-PopOver--small {
        left: 25%;
        right: 25%;
        top: 35%
    }
}

.cp-AdminWrap.cp-PopOver--sheet {
    background-color: #e9eef3
}

.cp-AdminWrap.cp-PopOver--sheet .cp-PopOver-footer {
    background-color: #dae4f0
}

.cp-AdminWrap .cp-AdminFooter, .cp-AdminWrap .cp-InnerWrap, .cp-AdminWrap .cp-Toolbars {
    transition: -webkit-transform 333ms cubic-bezier(0.5, 0.2, 0.5, 0.8);
    transition: transform 333ms cubic-bezier(0.5, 0.2, 0.5, 0.8);
    transition: transform 333ms cubic-bezier(0.5, 0.2, 0.5, 0.8), -webkit-transform 333ms cubic-bezier(0.5, 0.2, 0.5, 0.8)
}

.cp-AdminWrap.has-menuOpen .cp-AdminFooter, .cp-AdminWrap.has-menuOpen .cp-InnerWrap, .cp-AdminWrap.has-menuOpen .cp-Toolbars {
    -webkit-transform: translateX(90%);
    -ms-transform: translateX(90%);
    transform: translateX(90%);
    -webkit-transform: translateX(calc(100% - 45px));
    -ms-transform: translateX(calc(100% - 45px));
    transform: translateX(calc(100% - 45px));
    -webkit-transform: translateX(calc(100vw - 45px));
    -ms-transform: translateX(calc(100vw - 45px));
    transform: translateX(calc(100vw - 45px))
}

.cp-AdminWrap.has-menuOpen .cp-Toolbars {
    z-index: 801
}

.cp-AdminWrap .cp-SideMenu, .cp-AdminWrap.cp-SideMenu {
    background-color: #003a5d;
    color: white;
    height: 100vh;
    right: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    width: 90%;
    width: calc(100% - 45px);
    width: calc(100vw - 45px)
}

.cp-AdminWrap .cp-SideMenu .cp-NavMenuList:last-child, .cp-AdminWrap.cp-SideMenu .cp-NavMenuList:last-child {
    border-bottom: 0
}

.cp-AdminWrap .cp-SideMenu .cp-NavMenuList.cp-AccordionContainer, .cp-AdminWrap.cp-SideMenu .cp-NavMenuList.cp-AccordionContainer {
    border-top: 1px solid #2c5c7a;
    border-bottom: 0
}

.cp-AdminWrap .cp-SideMenu .cp-NavMenuList-itemLink, .cp-AdminWrap.cp-SideMenu .cp-NavMenuList-itemLink {
    border-top-color: #2c5c7a
}

.cp-AdminWrap.cp-SideMenu .cp-NavMenuList-itemLink:focus, .cp-AdminWrap .cp-SideMenu .cp-NavMenuList-itemLink:focus, .cp-AdminWrap .cp-SideMenu .cp-NavMenuList-itemLink:hover, .cp-AdminWrap.cp-SideMenu .cp-NavMenuList-itemLink:hover {
    background-color: #00314f
}

.cp-AdminWrap .cp-SideMenu .cp-IconGrid-heading, .cp-AdminWrap.cp-SideMenu .cp-IconGrid-heading {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    color: white
}

.cp-AdminWrap .cp-SideMenu .cp-IconGrid-heading:first-child, .cp-AdminWrap.cp-SideMenu .cp-IconGrid-heading:first-child {
    border-top: none
}

.cp-AdminWrap .cp-SideMenu .cp-IconGrid-list, .cp-AdminWrap.cp-SideMenu .cp-IconGrid-list {
    padding-bottom: 0.5rem
}

.cp-AdminWrap.cp-SideMenu .cp-IconGrid-itemLink:focus, .cp-AdminWrap .cp-SideMenu .cp-IconGrid-itemLink:focus, .cp-AdminWrap .cp-SideMenu .cp-IconGrid-itemLink:hover, .cp-AdminWrap.cp-SideMenu .cp-IconGrid-itemLink:hover, .is-active .cp-AdminWrap.cp-SideMenu .cp-IconGrid-itemLink, .is-active .cp-AdminWrap .cp-SideMenu .cp-IconGrid-itemLink {
    background-color: #00314f
}

.cp-AdminWrap .cp-SideMenu .cp-IconGrid-itemLink--seeAll:before, .cp-AdminWrap.cp-SideMenu .cp-IconGrid-itemLink--seeAll:before {
    background-color: rgba(255, 255, 255, 0.15)
}

.cp-AdminWrap .cp-SideMenu-logo {
    color: #406b86;
    text-align: center
}

.cp-AdminWrap .cp-SideMenu-logo > svg {
    width: 100px;
    height: 100px;
    margin: 1rem auto
}

.cp-Tabs--leftSide {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.cp-Tabs--leftSide:after, .cp-Tabs--leftSide:before {
    display: table;
    content: ""
}

.cp-Tabs--leftSide:after {
    clear: both
}

.cp-Tabs-list {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cp-Tabs-list:after, .cp-Tabs-list:before {
    display: table;
    content: ""
}

.cp-Tabs-list:after {
    clear: both
}

@media (min-width: 32em) {
    .cp-Tabs-list {
        display: block
    }
}

.cp-Tabs--leftSide .cp-Tabs-list {
    border: 0;
    display: block;
    float: left
}

.cp-AdminWrap .cp-Tabs-list {
    border-bottom-color: #0b5486
}

.cp-Tabs-tab {
    float: left;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.cp-Tabs-tab:not(:last-child) {
    margin-right: 1px
}

@media (min-width: 32em) {
    .cp-Tabs-tab:not(:last-child) {
        margin-right: 0.5rem
    }
}

.cp-Tabs--leftSide .cp-Tabs-tab {
    display: block;
    float: none;
    margin: -1px
}

.cp-AdminWrap .cp-Tabs-link {
    border: 0;
    display: block;
    padding-left: 2.75rem;
    position: relative;
    text-align: center
}

@media (max-width: 31.999em) {
    .cp-AdminWrap .cp-Tabs-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }
}

.cp-Tabs--leftSide .cp-AdminWrap .cp-Tabs-link {
    padding-left: 2.25rem;
    text-align: left
}

.cp-AdminWrap .cp-Tabs-link {
    background-color: #a7c6e4;
    color: #333
}

.is-active > .cp-Tabs-link:active, .is-active > .cp-Tabs-link:focus, .is-active > .cp-Tabs-link:hover {
    opacity: 1
}

.cp-AdminWrap .is-active > .cp-Tabs-link {
    background-color: #0b5486;
    color: white
}

.cp-Tabs-linkArrow, .cp-Tabs-linkArrow--active, .cp-Tabs-linkArrow--inactive {
    width: 16px;
    height: 16px;
    left: 1rem;
    margin-top: -8px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: opacity 333ms cubic-bezier(0.45, 0.45, 0.45, 1), -webkit-transform 333ms cubic-bezier(0.5, 0.2, 0.5, 0.8);
    transition: opacity 333ms cubic-bezier(0.45, 0.45, 0.45, 1), transform 333ms cubic-bezier(0.5, 0.2, 0.5, 0.8);
    transition: opacity 333ms cubic-bezier(0.45, 0.45, 0.45, 1), transform 333ms cubic-bezier(0.5, 0.2, 0.5, 0.8), -webkit-transform 333ms cubic-bezier(0.5, 0.2, 0.5, 0.8)
}

@media (max-width: 31.999em) {
    .cp-Tabs-linkArrow, .cp-Tabs-linkArrow--active, .cp-Tabs-linkArrow--inactive {
        display: none
    }
}

.cp-Tabs--leftSide .cp-Tabs-linkArrow, .cp-Tabs--leftSide .cp-Tabs-linkArrow--active, .cp-Tabs--leftSide .cp-Tabs-linkArrow--inactive {
    display: none
}

.cp-Tabs-linkArrow, .cp-Tabs-linkArrow--inactive {
    opacity: 1
}

.cp-Tabs-tab.is-active .cp-Tabs-linkArrow, .cp-Tabs-tab.is-active .cp-Tabs-linkArrow--inactive {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.cp-Tabs-linkArrow--active {
    display: none
}

@media (min-width: 32em) {
    .cp-Tabs-panel {
        padding-top: 1.5rem
    }
}

.cp-Tabs--leftSide .cp-Tabs-panel {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    float: right;
    padding-left: 1.5rem
}

.cp-Toolbars {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-sizing: border-box !important;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 800
}

.cp-Toolbars * {
    box-sizing: inherit
}

.has-webFonts .cp-Toolbar {
    font-family: "Muli", "Ubuntu", sans-serif
}

.cp-Toolbar.cp-Toolbar--fullWidth .cp-LayoutWrap {
    max-width: none;
    padding: 0 24px
}

.cp-AdminWrap.cp-Toolbar {
    position: relative
}

.cp-AdminWrap.cp-Toolbar:before {
    background-color: #af282f;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color 333ms cubic-bezier(0.45, 0.45, 0.45, 1);
    z-index: 2
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicEngage:before {
    background-color: #0b5486
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicEngage .cp-Toolbar-help.cp-Toolbar-help {
    background-color: #ededed
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicEngage .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-logo.is-open, .cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicEngage .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.is-open, .cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicEngage .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink:focus {
    background-color: #0b5486;
    color: white
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicEngage .cp-Toolbar-modulesMenu .cp-Tabs-list {
    background-color: #ededed;
    border: 1px solid #cacaca
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicEngage .cp-Toolbar-modulesMenu .cp-Tabs-tab {
    border-bottom: 1px solid #cacaca
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicEngage .cp-Toolbar-modulesMenu .cp-Tabs-link:after {
    width: 0;
    height: 0;
    border-left-color: #0b5486
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicEngage .cp-Toolbar-modulesMenu .is-active > .cp-Tabs-link {
    background-color: #0b5486
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicEngage .cp-ModuleList-itemLink.cp-ModuleList-itemLink {
    border-bottom-color: #ededed
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicEngage .cp-ModuleList-itemLink.cp-ModuleList-itemLink:focus {
    background-color: #ededed
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicHR:before {
    background-color: #027fa8
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicHR .cp-Toolbar-help.cp-Toolbar-help {
    background-color: #ededed
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicHR .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-logo.is-open, .cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicHR .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.is-open, .cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicHR .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink:focus {
    background-color: #027fa8;
    color: white
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicReady:before {
    background-color: #f8983e
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicReady .cp-Toolbar-help.cp-Toolbar-help {
    background-color: #ededed
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicReady .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-logo.is-open, .cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicReady .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.is-open, .cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicReady .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink:focus {
    background-color: #f8983e;
    color: white
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicReady .cp-Toolbar-notificationNumber {
    background-color: #f2cc00
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicReady .cp-Toolbar-itemLink.is-open .cp-Toolbar-notificationNumber, .cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicReady .cp-Toolbar-itemLink:focus .cp-Toolbar-notificationNumber {
    background-color: white;
    color: #333
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec {
}

.cp-Toolbars {
    position: fixed
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec:before {
    background-color: #097b43
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-help.cp-Toolbar-help {
    background-color: white
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-logo.is-open, .cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.is-open, .cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink:focus {
    background-color: #F4F4F4;
    color: white
}

.cp-Toolbar-itemLink.cp-Toolbar-myAccount.is-open,
.cp-Toolbar-itemLink.cp-Toolbar-messages.ui-notifications-cp-icon.is-open {
    color: #232323!important;
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-notificationNumber {
    background-color: #f2cc00
}

.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-itemLink.is-open .cp-Toolbar-notificationNumber, .cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-itemLink:focus .cp-Toolbar-notificationNumber {
    background-color: white;
    color: #333
}

html {
    font-size: 100% !important;
}

.cp-AdminWrap.cp-Toolbar {
    background-color: white
}

.cp-Toolbar-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 70px;
    position: relative;
}

@media (max-width: 82.999rem) {
    .cp-AdminWrap .cp-Toolbar-inner.cp-Toolbar-inner {
        padding-left: 0;
        padding-right: 0
    }
}

.cp-Toolbar-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.cp-Toolbar-items--left {
    float: left;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.cp-Toolbar-items--right {
    float: right;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cp-Toolbar-items--center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cp-Toolbar-items--center .cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-logo {
    padding-left: 0
}

.cp-Toolbar-item {
    float: left;
    padding: 0 4px 0 4px;
}

.cp-AdminWrap .cp-Toolbar-item--wide {
    display: none
}

@media (min-width: 45em) {
    .cp-AdminWrap .cp-Toolbar-item--narrow {
        display: none
    }

    .cp-AdminWrap .cp-Toolbar-item--wide {
        display: block;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.cp-Toolbar-item--withMenu {
    height: 70px;
}

@media (min-width: 45em) {
    .cp-Toolbar-item--withMenu:not(.cp-Toolbar-item--withMegaMenu) {
        position: relative
    }
}

.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink {
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.7rem;
    height: 70px;
    padding: 0 0.4rem;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 333ms cubic-bezier(0.45, 0.45, 0.45, 1)
}

#cp-appSwitcher {
    display: flex;
    align-items: center;
}

.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink > svg {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 0.4rem
}

.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink > svg.cp-Toolbar-logoSVG {
    left: .7rem;
    position: absolute;
    top: 5px;
    transition: opacity 333ms cubic-bezier(0.45, 0.45, 0.45, 1)
}

.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink > svg.cp-Toolbar-logoSVG--product {
    height: 26px;
    width: 26px;
    top: 12px
}

.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink > svg.cp-Toolbar-logoSVG--white {
    opacity: 0
}

.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink > svg.cp-Toolbar-logoSVG--white use {
    color: #FFF
}

.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink > svg.cp-Toolbar-logoSVG--color {
    opacity: 1
}

.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink > img {
    margin-right: 0.25rem
}

.cp-AdminWrap .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink {
    color: #333
}

.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-logo.is-open, .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.is-open, .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink:focus {
    outline: 0;
    opacity: 1
}

.cp-AdminWrap .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-logo.is-open, .cp-AdminWrap .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.is-open, .cp-AdminWrap .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink:focus {
    background-color: #af282f;
    color: white
}

.cp-AdminWrap .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-logo.is-open .cp-Toolbar-logoSVG--white, .cp-AdminWrap .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.is-open .cp-Toolbar-logoSVG--white, .cp-AdminWrap .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink:focus .cp-Toolbar-logoSVG--white {
    opacity: 1
}

.cp-AdminWrap .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-logo.is-open .cp-Toolbar-logoSVG--color, .cp-AdminWrap .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.is-open .cp-Toolbar-logoSVG--color, .cp-AdminWrap .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink:focus .cp-Toolbar-logoSVG--color {
    opacity: 0
}

@media (min-width: 45em) {

    .cp-Toolbar-item--withMenu .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink:after {
        width: 10px;
        height: 10px;
        background: url("https://platform.civicplus.com/assets/Mystique/Shared/Images/IconArrow--Down.svg") no-repeat right center;
        background-size: cover;
        content: "";
        margin-top: -5px;
        position: absolute;
        right: 0.75rem;
        top: 50%;
        transition: all 333ms cubic-bezier(0.45, 0.45, 0.45, 1)
    }

    .cp-Toolbar-item--withMenu .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink.is-open:after, .cp-Toolbar-item--withMenu .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink:focus:after {
        background-image: url("https://platform.civicplus.com/assets/Mystique/Shared/Images/IconArrow--DownWhite.svg")
    }
}

.cp-Toolbar-notificationNumber {
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    display: inline-block;
    font-size: 0.7rem;
    line-height: 1.5;
    margin-right: 0.25rem;
    min-width: 1rem;
    padding: 0 0.25rem;
    text-align: center;
    transition: background-color 333ms cubic-bezier(0.45, 0.45, 0.45, 1), color 333ms cubic-bezier(0.45, 0.45, 0.45, 1);
    width: auto
}

.cp-Toolbar-itemLink > .cp-Toolbar-notificationNumber {
    left: 37px;
    left: calc(0.7rem + 26px);
    margin-top: -12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.cp-AdminWrap .cp-Toolbar-notificationNumber {
    background-color: #dad755;
    color: #333
}

.cp-AdminWrap .cp-Toolbar-itemLink.is-open .cp-Toolbar-notificationNumber, .cp-AdminWrap .cp-Toolbar-itemLink:focus .cp-Toolbar-notificationNumber {
    background-color: white;
    color: #333
}

.cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-logo:focus {
    background-color: rgba(0, 0, 0, 0.1)
}

.cp-AdminWrap .cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-logo > svg {
    width: 40px;
    height: 40px;
    position: relative;
    margin-top: 2px
}

.cp-AdminWrap .cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-logo > svg.cp-Toolbar-logoSVG {
    left: .7rem;
    position: absolute;
    top: 5px;
    transition: opacity 333ms cubic-bezier(0.45, 0.45, 0.45, 1)
}

.cp-AdminWrap .cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-logo > svg.cp-Toolbar-logoSVG--product {
    height: 26px;
    width: 26px;
    top: 12px;
    margin-top: 0
}

.cp-AdminWrap .cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-logo > svg.cp-Toolbar-logoSVG--white {
    opacity: 0
}

.cp-AdminWrap .cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-logo > svg.cp-Toolbar-logoSVG--white use {
    color: #FFF
}

.cp-AdminWrap .cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-logo > svg.cp-Toolbar-logoSVG--color {
    opacity: 1
}

.cp-AdminWrap .cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-products {
    width: calc(26px + 3rem);
    transition: all 333ms cubic-bezier(0.45, 0.45, 0.45, 1), width 53ms cubic-bezier(0.5, 0.2, 0.5, 0.8)
}

.cp-AdminWrap .cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-products.cp-Toolbar-products--civicCenter {
    width: calc(40px + 3rem);
    transition: all 333ms cubic-bezier(0.45, 0.45, 0.45, 1)
}

.cp-AdminWrap .cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-products.is-open {
    width: calc(40px + 3rem)
}

.cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-logo.cp-Toolbar-logo--product > svg {
    height: 26px;
    top: 0;
    width: 26px
}

.cp-Toolbar-help.cp-Toolbar-help {
    background-color: white
}

.cp-AdminWrap .cp-Toolbar-help.cp-Toolbar-help {
    background-color: white
}

.cp-AdminWrap .cp-Toolbar-title {
    color: #333;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 50px;
    margin: 0
}

.cp-Toolbar-menuButton {
    padding: 0 0.5rem;
    text-align: center
}

.cp-Toolbar-menuButton > svg {
    width: 25px;
    height: 25px;
    margin-right: 0 !important
}

.cp-AdminWrap .cp-Toolbar-menuButton {
    color: #333
}

.cp-Toolbar-menuButton.is-open.is-open {
    background: none
}

.cp-Toolbar-menuButton.is-open.is-open > svg {
    color: #333
}

.cp-Toolbar-menu {
    background-color: white;
    border-top: 1px solid;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    left: 0;
    position: absolute;
    top: 100%;
    z-index: 2
}

.cp-Toolbar-menu--flipped {
    left: auto;
    right: 0
}

@media (max-width: 44.999em) {
    .cp-Toolbar-menu {
        left: 0;
        right: 0
    }
}

@media (min-width: 45em) {
    .cp-Toolbar-menu {
        max-width: 20rem;
        min-width: 100%
    }
}



.cp-Toolbar-menu .cp-Btn {
    background: none;
    border: 0;
    color: #333;
    font-size: 0.7rem;
    line-height: 44px;
    position: relative;
    z-index: 1;
    display: block;
    margin: 0.5rem auto
}

.cp-Toolbar-menu .cp-Btn:before {
    background: #a7c6e4;
    border-bottom: 2px solid #8ea8c2;
    bottom: 0.5rem;
    content: "";
    display: block;
    left: 1rem;
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    z-index: -1
}

.cp-Toolbar-menu .cp-Btn:focus, .cp-Toolbar-menu .cp-Btn:hover {
    background: none
}

.cp-Toolbar-menu .cp-Btn:focus {
    outline: 0
}

.cp-Toolbar-menu .cp-Btn:focus:before {
    border-bottom-color: #a7c6e4;
    outline: 2px solid #7d95ab
}

.cp-Toolbar-menu .cp-Btn.is-selected, .cp-Toolbar-menu .cp-Btn:active {
    background: none
}

.cp-Toolbar-menu .cp-Btn.is-selected:before, .cp-Toolbar-menu .cp-Btn:active:before {
    background: #8ea8c2;
    border-bottom-color: #8ea8c2;
    outline: 0
}

.cp-AdminWrap .cp-Toolbar-menu {
    border-top-color: #d8d8d3
}

.cp-Toolbar-menu--mega {
    max-width: none;
    left: 0;
    padding: 2rem;
    right: 0
}

@media (min-width: 45em) {
    .cp-Toolbar-menu--mega {
        left: 3rem;
        right: 3rem
    }
}

.cp-AdminWrap .cp-Toolbar-modulesMenu {
    padding: 0.25rem
}

.cp-AdminWrap .cp-Toolbar-modulesMenu .cp-Tabs-list {
    background-color: #e9e9e9;
    border: 1px solid #cecece;
    padding-bottom: 4rem
}

.cp-AdminWrap .cp-Toolbar-modulesMenu .cp-Tabs-tab {
    border-bottom: 1px solid #cecece
}

.cp-AdminWrap .cp-Toolbar-modulesMenu .cp-Tabs-link {
    background-color: transparent;
    color: #333;
    padding-left: 2rem;
    padding-right: 2rem
}

.cp-AdminWrap .cp-Toolbar-modulesMenu .cp-Tabs-link:after {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color: #af282f;
    content: "";
    margin-top: -8px;
    opacity: 0;
    position: absolute;
    right: -16px;
    top: 50%;
    transition: opacity 333ms cubic-bezier(0.45, 0.45, 0.45, 1)
}

.cp-AdminWrap .cp-Toolbar-modulesMenu .is-active > .cp-Tabs-link {
    background-color: #af282f;
    color: white
}

.cp-AdminWrap .cp-Toolbar-modulesMenu .is-active > .cp-Tabs-link:after {
    opacity: 1
}

.cp-AdminWrap .cp-Toolbar-modulesMenu .cp-Tabs-panel {
    padding: 0.25rem 2rem 0.75rem
}

.cp-Toolbar-ModulesMenuLearnMore {
    bottom: 1.25rem;
    font-size: 0.9rem;
    left: 2.25rem;
    position: absolute
}

.cp-ModuleList {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

@media (min-width: 55em) {
    .cp-ModuleList {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
}

@media (min-width: 65em) {
    .cp-ModuleList {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }
}

@media (min-width: 75em) {
    .cp-ModuleList {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }
}

.cp-ModuleList--singleColumn {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
    width: 33.33333%
}

@media (min-width: 55em) {
    .cp-ModuleList--singleColumn {
        width: 25%
    }
}

@media (min-width: 65em) {
    .cp-ModuleList--singleColumn {
        width: 20%
    }
}

@media (min-width: 75em) {
    .cp-ModuleList--singleColumn {
        width: 16.66667%
    }
}

.cp-ModuleList-item {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

.cp-ModuleList-itemLink.cp-ModuleList-itemLink {
    border-bottom: 1px solid;
    color: inherit;
    display: block;
    font-size: 0.9rem;
    padding: 0.5rem 0;
    transition: padding 333ms cubic-bezier(0.5, 0.2, 0.5, 0.8);
    text-decoration: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cp-AdminWrap .cp-ModuleList-itemLink.cp-ModuleList-itemLink {
    border-bottom-color: #ecece9
}

.cp-ModuleList-itemLink.cp-ModuleList-itemLink:focus {
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 1;
    outline: 0;
    padding: 0.5rem
}

.cp-AdminWrap .cp-ModuleList-itemLink.cp-ModuleList-itemLink:focus {
    background-color: #efeee9
}

.cp-AdminWrap .cp-ModuleList-itemLink.cp-ModuleList-itemLink--beta:after {
    bottom: 1px;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    color: #777;
    content: "Beta";
    font-size: 85%;
    margin-left: 0.5rem;
    padding: 0.125rem 0.25rem;
    position: relative
}

.cp-AdminWrap .cp-FormField-label {
    float: none;
    white-space: normal;
    width: auto
}

.cp-AdminWrap.cp-Toolbar {
    min-width: 720px
}

.cp-AdminWrap .cp-Toolbar-item--narrow {
    display: none
}

.cp-AdminWrap .cp-Toolbar-item--wide {
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cpToolbars.cpToolbars {
    margin-top: -1px !important
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary {
    background-color: #dae4f0;
    background-image: none;
    border-bottom: 1px solid #b0c0d0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    color: #333;
    padding-top: .15rem
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .inner {
    max-width: 80rem
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button {
    background-image: none;
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    text-transform: uppercase !important;
    background-color: #a7c6e4;
    border-bottom-color: #8ea8c2;
    color: #333;
    background: #a7c6e4 !important;
    color: #333 !important;
    line-height: 33px;
    margin: .25rem 0 .25rem .5rem;
    padding: 0 1rem
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.cancel, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.cancel > span {
    color: #333;
    text-decoration: none !important
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button > span {
    background-image: none
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button:hover {
    opacity: 0.8
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button:focus {
    outline: 2px solid
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button:active {
    outline: 0
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.button.disabled, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.button.inactive {
    opacity: .5;
    cursor: default
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.button.disabled:focus, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.button.disabled:hover, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.button.inactive:focus, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.button.inactive:hover {
    opacity: .5
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button:focus, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button:hover {
    background-color: #b4cfe8
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button:hover {
    border-bottom-color: #9fb5cb
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button:focus {
    border-bottom-color: #b4cfe8;
    outline-color: #7d95ab
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.is-selected, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button:active {
    background-color: #8ea8c2;
    border-bottom-color: #8ea8c2
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.nextAction {
    background-color: #d3d657;
    border-bottom-color: #b3b64a;
    color: #333;
    background: #d3d657 !important;
    line-height: 33px;
    padding: 0 1rem
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.nextAction:focus, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.nextAction:hover {
    background-color: #dadc70
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.nextAction:hover {
    border-bottom-color: #bec165
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.nextAction:focus {
    border-bottom-color: #dadc70;
    outline-color: #9ea141
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.nextAction.is-selected, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.nextAction:active {
    background-color: #b3b64a;
    border-bottom-color: #b3b64a
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button:active {
    padding-bottom: 0
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.split {
    padding-right: 3rem
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.split + .actionMenu {
    top: 2.5rem
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.split:focus {
    outline: none
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.split .arrow {
    background: none !important;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    display: inline-block;
    height: 33px;
    position: absolute;
    text-indent: -9999px;
    right: 0;
    top: 0;
    width: 27px
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.split .arrow:before {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.button.split .arrow:after {
    border-top-style: solid;
    border-top-width: 5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .nav > li {
    margin-right: 0
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.openActionMenu:focus {
    outline: none
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary a.openActionMenu img {
    margin-left: .4rem
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu {
    background: #FFF;
    position: absolute;
    right: 0;
    top: .15rem;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    border-color: #96a3b1;
    border-style: solid solid none;
    border-width: 1px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 2
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu a {
    background-color: #a7c6e4;
    border-bottom-color: #8ea8c2;
    color: #333;
    border-bottom: 1px solid #7d95ab;
    display: block;
    min-width: 7rem;
    padding: 0 1rem;
    text-align: right
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu a:focus, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu a:hover {
    background-color: #b4cfe8
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu a:hover {
    border-bottom-color: #9fb5cb
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu a:focus {
    border-bottom-color: #b4cfe8;
    outline-color: #7d95ab
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu a.is-selected, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu a:active {
    background-color: #8ea8c2;
    border-bottom-color: #8ea8c2
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu a:focus, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu a:hover {
    color: #333
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu a.button {
    font-size: 13px;
    line-height: 2.2rem;
    margin: 0
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu a.button:focus, .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu a.button:hover {
    border-bottom-color: #96a3b1
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu li {
    margin: 0
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .actionMenu li:first-child > a {
    border-top: 0
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .alert {
    background: #FFF;
    border: 1px solid #b0c0d0;
    border-radius: 0;
    font-family: "Ubuntu", sans-serif;
    line-height: 33px;
    margin: .25rem 0;
    padding: 0 1rem
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .alert a {
    background: none
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .alert #openLockedVersionHelp {
    padding: 0 0 0 .5rem
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary select {
    background-color: white;
    border: 1px solid;
    border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7;
    font-family: "Ubuntu", sans-serif;
    font-size: inherit;
    height: 33px;
    line-height: 31px;
    margin: .25rem 1rem .25rem 0;
    padding-left: .25rem
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary select#skins {
    margin-right: 0
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .nav.primary label {
    height: 18px
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .nav.primary label[for=designCenterStructure], .cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary .nav.primary label[for=designCenterTheme] {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: .6
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary span.status:after {
    color: #777;
    display: inline-block;
    font-family: "Ubuntu", sans-serif;
    font-size: .9rem;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 33px;
    padding: .3rem .55rem;
    text-transform: uppercase
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary span.status.draft:after {
    content: "Draft"
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary span.status.submitted:after {
    content: "Submitted"
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary span.status.expired:after {
    content: "Expired"
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary span.status.pending:after {
    content: "Pending"
}

.cpToolbars.cpToolbars .cpToolbar.cpToolbar.secondary span.status.declined:after {
    content: "Declined"
}

#accounts_receivable_main .ui-button-text {
    width: 24px;
}
#action_log_main #tool-bar{
    padding-top: 20px !important;
}

div#scheduleConflict > * {
    padding: 4px !important;
}

div#scheduleConflict {
    margin: -4px !important;
}

.prmbl-advancedTable-tableRoot tr td:first-child {
    width: unset !important;
}

/* RM-2225 — Updated Staff Header Nav Design */

/* Icon size: 24px (Figma: 24px icon inside 32px slot, inside 40px button) */
.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink > svg {
    width: 24px;
    height: 24px;
    margin-right: 0;
    flex-shrink: 0;
}

/* Account button: 4px gap between person icon and name */
.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-myAccount.cp-Toolbar-myAccount.cp-Toolbar-myAccount > svg {
    width: 20px !important;
    height: 20px !important;
    margin-right: 0 !important;
    flex-shrink: 0;
}

/* Account name: reset toolbar text styles to design spec */
.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-myAccount strong {
    font-size: 14px;
    margin-top: 0;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: #232323;
    margin-left: 0;
}

/* Gap between person icon and username */
.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-myAccount.cp-Toolbar-myAccount.cp-Toolbar-myAccount {
    gap: 6px;
}

/* Account/icon link text color and padding to match reference toolbar spacing */
.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-itemLink.cp-Toolbar-itemLink.cp-Toolbar-itemLink {
    color: #232323;
    padding: 0 0.7rem;
}

/* Icon group items: 4px padding each side (Figma: 4px inside 40px button) */
body.branding-civicrec .cp-Toolbar-icons .cp-Toolbar-item {
    padding: 0;
}

/* Remove dropdown caret from icon-only buttons (bell, help) and account button */
.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-myAccount.cp-Toolbar-myAccount.cp-Toolbar-myAccount:after,
.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-messages.cp-Toolbar-messages.cp-Toolbar-messages:after,
.cp-AdminWrap.cp-Toolbar.cp-Toolbar--civicRec .cp-Toolbar-help.cp-Toolbar-help.cp-Toolbar-help:after {
    content: none;
}

/* Help icon button: full toolbar height, padding from itemLink rule */
#rec1-help-button {
    display: flex;
    align-items: center;
    height: 70px;
    /* Reset browser-default button styles */
    border: none;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
}

#rec1-help-button:hover {
    background-color: transparent;
}

#rec1-help-button.is-open,
#rec1-help-button:focus {
    background-color: transparent;
    color: #232323;
}

/* App switcher: align-self center so it sits mid-toolbar */
#cp-appSwitcher {
    align-self: center;
}

/*
 * Override CivicPlusSwitchers (MUI IconButton) to match our icon button design.
 * The library injects CSS with :not(#\ ):not(#\ ):not(#\ ) specificity trick (~3,2,0).
 * We use !important to guarantee our overrides win regardless of injection order.
 */
#cp-appSwitcher button {
    border-radius: 4px !important;
    padding: 0 0.4rem!important;
    color: #232323 !important;
    background-color: transparent !important;
}

/* Hide the library's embedded MUI AppsIcon (square paths) */
#cp-appSwitcher button svg {
    display: none !important;
}

/* Render our 9-circles apps icon via CSS mask (same path as #iconApps symbol) */
#cp-appSwitcher button::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6.11732 25.884C5.5951 25.3618 5.33398 24.734 5.33398 24.0007C5.33398 23.2673 5.5951 22.6395 6.11732 22.1173C6.63954 21.5951 7.26732 21.334 8.00065 21.334C8.73398 21.334 9.36176 21.5951 9.88398 22.1173C10.4062 22.6395 10.6673 23.2673 10.6673 24.0007C10.6673 24.734 10.4062 25.3618 9.88398 25.884C9.36176 26.4062 8.73398 26.6673 8.00065 26.6673C7.26732 26.6673 6.63954 26.4062 6.11732 25.884ZM14.1173 25.884C13.5951 25.3618 13.334 24.734 13.334 24.0007C13.334 23.2673 13.5951 22.6395 14.1173 22.1173C14.6395 21.5951 15.2673 21.334 16.0007 21.334C16.734 21.334 17.3618 21.5951 17.884 22.1173C18.4062 22.6395 18.6673 23.2673 18.6673 24.0007C18.6673 24.734 18.4062 25.3618 17.884 25.884C17.3618 26.4062 16.734 26.6673 16.0007 26.6673C15.2673 26.6673 14.6395 26.4062 14.1173 25.884ZM22.1173 25.884C21.5951 25.3618 21.334 24.734 21.334 24.0007C21.334 23.2673 21.5951 22.6395 22.1173 22.1173C22.6395 21.5951 23.2673 21.334 24.0007 21.334C24.734 21.334 25.3618 21.5951 25.884 22.1173C26.4062 22.6395 26.6673 23.2673 26.6673 24.0007C26.6673 24.734 26.4062 25.3618 25.884 25.884C25.3618 26.4062 24.734 26.6673 24.0007 26.6673C23.2673 26.6673 22.6395 26.4062 22.1173 25.884ZM6.11732 17.884C5.5951 17.3618 5.33398 16.734 5.33398 16.0007C5.33398 15.2673 5.5951 14.6395 6.11732 14.1173C6.63954 13.5951 7.26732 13.334 8.00065 13.334C8.73398 13.334 9.36176 13.5951 9.88398 14.1173C10.4062 14.6395 10.6673 15.2673 10.6673 16.0007C10.6673 16.734 10.4062 17.3618 9.88398 17.884C9.36176 18.4062 8.73398 18.6673 8.00065 18.6673C7.26732 18.6673 6.63954 18.4062 6.11732 17.884ZM14.1173 17.884C13.5951 17.3618 13.334 16.734 13.334 16.0007C13.334 15.2673 13.5951 14.6395 14.1173 14.1173C14.6395 13.5951 15.2673 13.334 16.0007 13.334C16.734 13.334 17.3618 13.5951 17.884 14.1173C18.4062 14.6395 18.6673 15.2673 18.6673 16.0007C18.6673 16.734 18.4062 17.3618 17.884 17.884C17.3618 18.4062 16.734 18.6673 16.0007 18.6673C15.2673 18.6673 14.6395 18.4062 14.1173 17.884ZM22.1173 17.884C21.5951 17.3618 21.334 16.734 21.334 16.0007C21.334 15.2673 21.5951 14.6395 22.1173 14.1173C22.6395 13.5951 23.2673 13.334 24.0007 13.334C24.734 13.334 25.3618 13.5951 25.884 14.1173C26.4062 14.6395 26.6673 15.2673 26.6673 16.0007C26.6673 16.734 26.4062 17.3618 25.884 17.884C25.3618 18.4062 24.734 18.6673 24.0007 18.6673C23.2673 18.6673 22.6395 18.4062 22.1173 17.884ZM6.11732 9.88398C5.5951 9.36176 5.33398 8.73398 5.33398 8.00065C5.33398 7.26732 5.5951 6.63954 6.11732 6.11732C6.63954 5.5951 7.26732 5.33398 8.00065 5.33398C8.73398 5.33398 9.36176 5.5951 9.88398 6.11732C10.4062 6.63954 10.6673 7.26732 10.6673 8.00065C10.6673 8.73398 10.4062 9.36176 9.88398 9.88398C9.36176 10.4062 8.73398 10.6673 8.00065 10.6673C7.26732 10.6673 6.63954 10.4062 6.11732 9.88398ZM14.1173 9.88398C13.5951 9.36176 13.334 8.73398 13.334 8.00065C13.334 7.26732 13.5951 6.63954 14.1173 6.11732C14.6395 5.5951 15.2673 5.33398 16.0007 5.33398C16.734 5.33398 17.3618 5.5951 17.884 6.11732C18.4062 6.63954 18.6673 7.26732 18.6673 8.00065C18.6673 8.73398 18.4062 9.36176 17.884 9.88398C17.3618 10.4062 16.734 10.6673 16.0007 10.6673C15.2673 10.6673 14.6395 10.4062 14.1173 9.88398ZM22.1173 9.88398C21.5951 9.36176 21.334 8.73398 21.334 8.00065C21.334 7.26732 21.5951 6.63954 22.1173 6.11732C22.6395 5.5951 23.2673 5.33398 24.0007 5.33398C24.734 5.33398 25.3618 5.5951 25.884 6.11732C26.4062 6.63954 26.6673 7.26732 26.6673 8.00065C26.6673 8.73398 26.4062 9.36176 25.884 9.88398C25.3618 10.4062 24.734 10.6673 24.0007 10.6673C23.2673 10.6673 22.6395 10.4062 22.1173 9.88398Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6.11732 25.884C5.5951 25.3618 5.33398 24.734 5.33398 24.0007C5.33398 23.2673 5.5951 22.6395 6.11732 22.1173C6.63954 21.5951 7.26732 21.334 8.00065 21.334C8.73398 21.334 9.36176 21.5951 9.88398 22.1173C10.4062 22.6395 10.6673 23.2673 10.6673 24.0007C10.6673 24.734 10.4062 25.3618 9.88398 25.884C9.36176 26.4062 8.73398 26.6673 8.00065 26.6673C7.26732 26.6673 6.63954 26.4062 6.11732 25.884ZM14.1173 25.884C13.5951 25.3618 13.334 24.734 13.334 24.0007C13.334 23.2673 13.5951 22.6395 14.1173 22.1173C14.6395 21.5951 15.2673 21.334 16.0007 21.334C16.734 21.334 17.3618 21.5951 17.884 22.1173C18.4062 22.6395 18.6673 23.2673 18.6673 24.0007C18.6673 24.734 18.4062 25.3618 17.884 25.884C17.3618 26.4062 16.734 26.6673 16.0007 26.6673C15.2673 26.6673 14.6395 26.4062 14.1173 25.884ZM22.1173 25.884C21.5951 25.3618 21.334 24.734 21.334 24.0007C21.334 23.2673 21.5951 22.6395 22.1173 22.1173C22.6395 21.5951 23.2673 21.334 24.0007 21.334C24.734 21.334 25.3618 21.5951 25.884 22.1173C26.4062 22.6395 26.6673 23.2673 26.6673 24.0007C26.6673 24.734 26.4062 25.3618 25.884 25.884C25.3618 26.4062 24.734 26.6673 24.0007 26.6673C23.2673 26.6673 22.6395 26.4062 22.1173 25.884ZM6.11732 17.884C5.5951 17.3618 5.33398 16.734 5.33398 16.0007C5.33398 15.2673 5.5951 14.6395 6.11732 14.1173C6.63954 13.5951 7.26732 13.334 8.00065 13.334C8.73398 13.334 9.36176 13.5951 9.88398 14.1173C10.4062 14.6395 10.6673 15.2673 10.6673 16.0007C10.6673 16.734 10.4062 17.3618 9.88398 17.884C9.36176 18.4062 8.73398 18.6673 8.00065 18.6673C7.26732 18.6673 6.63954 18.4062 6.11732 17.884ZM14.1173 17.884C13.5951 17.3618 13.334 16.734 13.334 16.0007C13.334 15.2673 13.5951 14.6395 14.1173 14.1173C14.6395 13.5951 15.2673 13.334 16.0007 13.334C16.734 13.334 17.3618 13.5951 17.884 14.1173C18.4062 14.6395 18.6673 15.2673 18.6673 16.0007C18.6673 16.734 18.4062 17.3618 17.884 17.884C17.3618 18.4062 16.734 18.6673 16.0007 18.6673C15.2673 18.6673 14.6395 18.4062 14.1173 17.884ZM22.1173 17.884C21.5951 17.3618 21.334 16.734 21.334 16.0007C21.334 15.2673 21.5951 14.6395 22.1173 14.1173C22.6395 13.5951 23.2673 13.334 24.0007 13.334C24.734 13.334 25.3618 13.5951 25.884 14.1173C26.4062 14.6395 26.6673 15.2673 26.6673 16.0007C26.6673 16.734 26.4062 17.3618 25.884 17.884C25.3618 18.4062 24.734 18.6673 24.0007 18.6673C23.2673 18.6673 22.6395 18.4062 22.1173 17.884ZM6.11732 9.88398C5.5951 9.36176 5.33398 8.73398 5.33398 8.00065C5.33398 7.26732 5.5951 6.63954 6.11732 6.11732C6.63954 5.5951 7.26732 5.33398 8.00065 5.33398C8.73398 5.33398 9.36176 5.5951 9.88398 6.11732C10.4062 6.63954 10.6673 7.26732 10.6673 8.00065C10.6673 8.73398 10.4062 9.36176 9.88398 9.88398C9.36176 10.4062 8.73398 10.6673 8.00065 10.6673C7.26732 10.6673 6.63954 10.4062 6.11732 9.88398ZM14.1173 9.88398C13.5951 9.36176 13.334 8.73398 13.334 8.00065C13.334 7.26732 13.5951 6.63954 14.1173 6.11732C14.6395 5.5951 15.2673 5.33398 16.0007 5.33398C16.734 5.33398 17.3618 5.5951 17.884 6.11732C18.4062 6.63954 18.6673 7.26732 18.6673 8.00065C18.6673 8.73398 18.4062 9.36176 17.884 9.88398C17.3618 10.4062 16.734 10.6673 16.0007 10.6673C15.2673 10.6673 14.6395 10.4062 14.1173 9.88398ZM22.1173 9.88398C21.5951 9.36176 21.334 8.73398 21.334 8.00065C21.334 7.26732 21.5951 6.63954 22.1173 6.11732C22.6395 5.5951 23.2673 5.33398 24.0007 5.33398C24.734 5.33398 25.3618 5.5951 25.884 6.11732C26.4062 6.63954 26.6673 7.26732 26.6673 8.00065C26.6673 8.73398 26.4062 9.36176 25.884 9.88398C25.3618 10.4062 24.734 10.6673 24.0007 10.6673C23.2673 10.6673 22.6395 10.4062 22.1173 9.88398Z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* Remove gray background injected by MuiScopedCssBaseline */
#cp-appSwitcher .MuiScopedCssBaseline-root {
    background-color: transparent !important;
}

#cp-appSwitcher button:hover {
    background-color: #F4F4F4 !important;
}

#cp-appSwitcher button:hover .MuiScopedCssBaseline-root {
    background-color: transparent !important;
}

#cp-appSwitcher button:focus-visible {
    background-color: #E8E8E8 !important;
    outline: none !important;
}

#cp-appSwitcher button:focus-visible .MuiScopedCssBaseline-root {
    background-color: transparent !important;
}

/* RM-2225 — Green context bar (rec1-layout-subheader) */

/* Convert from float-based to flexbox layout */
body.branding-civicrec #rec1-layout-subheader {
    display: flex;
    align-items: center;
    height: 44px;
    line-height: normal;
    padding: 0 24px !important;
    gap: 16px;
}

/* Clear div is a no-op in flex — hide it so it doesn't create a phantom item */
body.branding-civicrec #rec1-layout-subheader .clear {
    display: none;
}

/* Push right-hand controls to the right edge */
body.branding-civicrec #rec1-layout-subheader .pull-right {
    margin-left: auto !important;
    float: none !important;
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    gap: 24px;
}

/* Org/customer menu item */
body.branding-civicrec .rec1-app-current-customer {
    float: none !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    background-color: transparent;
    font-size: 22px !important;
    line-height: 25px !important;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
}

/* Check-in and location menu items */
body.branding-civicrec .rec1-app-global-checkin,
body.branding-civicrec .rec1-app-current-location {
    float: none !important;
    background-color: transparent;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
}

/* Remove margin-based spacing from icon spans (gap handles it now) */
body.branding-civicrec #rec1-layout-subheader .rec1-app-header-menu span {
    margin: 0;
    vertical-align: baseline;
}

/* Dev/trial env badge: gray rounded pill (replaces Bootstrap label-info blue) */
body.branding-civicrec #rec1-layout-subheader .label {
    float: none !important;
    margin-top: 0 !important;
    background-color: #e0e0e0 !important;
    color: #232323 !important;
    border-radius: 24px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Org icon: 24px (matches the 22px font-size of the org button) */
body.branding-civicrec .rec1-app-current-customer i:before {
    font-size: 24px;
    line-height: 1;
}

/* Org chevron: 24px */
body.branding-civicrec .rec1-app-current-customer i.ui-dropdown-expand:before {
    font-size: 24px !important;
    line-height: 1;
}

/* Toolbar icon group: flex row with 16px gap between user/notifications/apps/help */
body.branding-civicrec .cp-Toolbar-icons {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 6px);
}