@scope (:root) to (#fuwel-wrapper) {

    *,
    :after,
    :before {
        box-sizing: border-box
    }

    body .ccm-ui {
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        color: var(--bs-body-color);
        font-family: var(--bs-body-font-family);
        font-size: 16px;
        font-weight: var(--bs-body-font-weight);
        line-height: var(--bs-body-line-height);
        margin: 0
    }

    .ccm-ui {
        --bs-blue: #4a90e2;
        --bs-indigo: #6610f2;
        --bs-purple: #6f42c1;
        --bs-pink: #d63384;
        --bs-red: #c32a2a;
        --bs-orange: #fd7e14;
        --bs-yellow: #ffc107;
        --bs-green: #28a745;
        --bs-teal: #20c997;
        --bs-cyan: #027893;
        --bs-black: #000;
        --bs-white: #fff;
        --bs-gray: #6a6f7b;
        --bs-gray-dark: #343a40;
        --bs-gray-100: #f7f7f7;
        --bs-gray-200: #e9ecef;
        --bs-gray-300: #d8d8d8;
        --bs-gray-400: #9b9b9b;
        --bs-gray-500: #7c8088;
        --bs-gray-600: #6a6f7b;
        --bs-gray-700: #4c4f56;
        --bs-gray-800: #343a40;
        --bs-gray-900: #2c2c2c;
        --bs-primary: #4a90e2;
        --bs-secondary: #7c8088;
        --bs-success: #28a745;
        --bs-info: #027893;
        --bs-warning: #ffc107;
        --bs-danger: #c32a2a;
        --bs-light: #f7f7f7;
        --bs-dark: #4c4f56;
        --bs-primary-rgb: 74, 144, 226;
        --bs-secondary-rgb: 124, 128, 136;
        --bs-success-rgb: 40, 167, 69;
        --bs-info-rgb: 2, 120, 147;
        --bs-warning-rgb: 255, 193, 7;
        --bs-danger-rgb: 195, 42, 42;
        --bs-light-rgb: 247, 247, 247;
        --bs-dark-rgb: 76, 79, 86;
        --bs-primary-text-emphasis: #1e3a5a;
        --bs-secondary-text-emphasis: #323336;
        --bs-success-text-emphasis: #10431c;
        --bs-info-text-emphasis: #01303b;
        --bs-warning-text-emphasis: #664d03;
        --bs-danger-text-emphasis: #4e1111;
        --bs-light-text-emphasis: #4c4f56;
        --bs-dark-text-emphasis: #4c4f56;
        --bs-primary-bg-subtle: #dbe9f9;
        --bs-secondary-bg-subtle: #e5e6e7;
        --bs-success-bg-subtle: #d4edda;
        --bs-info-bg-subtle: #cce4e9;
        --bs-warning-bg-subtle: #fff3cd;
        --bs-danger-bg-subtle: #f3d4d4;
        --bs-light-bg-subtle: #fbfbfb;
        --bs-dark-bg-subtle: #9b9b9b;
        --bs-primary-border-subtle: #b7d3f3;
        --bs-secondary-border-subtle: #cbcccf;
        --bs-success-border-subtle: #a9dcb5;
        --bs-info-border-subtle: #9ac9d4;
        --bs-warning-border-subtle: #ffe69c;
        --bs-danger-border-subtle: #e7aaaa;
        --bs-light-border-subtle: #e9ecef;
        --bs-dark-border-subtle: #7c8088;
        --bs-white-rgb: 255, 255, 255;
        --bs-black-rgb: 0, 0, 0;
        --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
        --bs-body-font-family: var(--bs-font-sans-serif);
        --bs-body-font-size: 1rem;
        --bs-body-font-weight: 400;
        --bs-body-line-height: 1.5;
        --bs-body-color: #4c4f56;
        --bs-body-color-rgb: 76, 79, 86;
        --bs-body-bg: #fff;
        --bs-body-bg-rgb: 255, 255, 255;
        --bs-emphasis-color: #000;
        --bs-emphasis-color-rgb: 0, 0, 0;
        --bs-secondary-color: rgba(76, 79, 86, .75);
        --bs-secondary-color-rgb: 76, 79, 86;
        --bs-secondary-bg: #e9ecef;
        --bs-secondary-bg-rgb: 233, 236, 239;
        --bs-tertiary-color: rgba(76, 79, 86, .5);
        --bs-tertiary-color-rgb: 76, 79, 86;
        --bs-tertiary-bg: #f7f7f7;
        --bs-tertiary-bg-rgb: 247, 247, 247;
        --bs-heading-color: inherit;
        --bs-link-color: #4a90e2;
        --bs-link-color-rgb: 74, 144, 226;
        --bs-link-decoration: none;
        --bs-link-hover-color: #3b73b5;
        --bs-link-hover-color-rgb: 59, 115, 181;
        --bs-code-color: #d63384;
        --bs-highlight-color: #4c4f56;
        --bs-highlight-bg: #fff3cd;
        --bs-border-width: 1px;
        --bs-border-style: solid;
        --bs-border-color: #d8d8d8;
        --bs-border-color-translucent: rgba(0, 0, 0, .075);
        --bs-border-radius: 3px;
        --bs-border-radius-sm: 2px;
        --bs-border-radius-lg: 0.5rem;
        --bs-border-radius-xl: 1rem;
        --bs-border-radius-xxl: 2rem;
        --bs-border-radius-2xl: var(--bs-border-radius-xxl);
        --bs-border-radius-pill: 50rem;
        --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
        --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
        --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
        --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
        --bs-focus-ring-width: 0.25rem;
        --bs-focus-ring-opacity: 0.25;
        --bs-focus-ring-color: rgba(74, 144, 226, .25);
        --bs-form-valid-color: #28a745;
        --bs-form-valid-border-color: #28a745;
        --bs-form-invalid-color: #c32a2a;
        --bs-form-invalid-border-color: #c32a2a
    }

    .ccm-ui hr {
        border: 0;
        border-top: var(--bs-border-width) solid;
        color: #e9ecef;
        margin: 1rem 0;
        opacity: 1
    }

    .ccm-ui .h1,
    .ccm-ui .h2,
    .ccm-ui .h3,
    .ccm-ui .h4,
    .ccm-ui .h5,
    .ccm-ui .h6,
    .ccm-ui h1,
    .ccm-ui h2,
    .ccm-ui h3,
    .ccm-ui h4,
    .ccm-ui h5,
    .ccm-ui h6 {
        color: var(--bs-heading-color);
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-weight: 500;
        line-height: 1.2;
        margin-bottom: .5rem;
        margin-top: 0
    }

    .ccm-ui .h1,
    .ccm-ui h1 {
        font-size: calc(1.475rem + 2.7vw)
    }

    @media(min-width:1200px) {

        .ccm-ui .h1,
        .ccm-ui h1 {
            font-size: 3.5rem
        }
    }

    .ccm-ui .h2,
    .ccm-ui h2 {
        font-size: calc(1.325rem + .9vw)
    }

    @media(min-width:1200px) {

        .ccm-ui .h2,
        .ccm-ui h2 {
            font-size: 2rem
        }
    }

    .ccm-ui .h3,
    .ccm-ui h3 {
        font-size: calc(1.275rem + .3vw)
    }

    @media(min-width:1200px) {

        .ccm-ui .h3,
        .ccm-ui h3 {
            font-size: 1.5rem
        }
    }

    .ccm-ui .h4,
    .ccm-ui h4 {
        font-size: calc(1.2625rem + .15vw)
    }

    @media(min-width:1200px) {

        .ccm-ui .h4,
        .ccm-ui h4 {
            font-size: 1.375rem
        }
    }

    .ccm-ui .h5,
    .ccm-ui h5 {
        font-size: 1.25rem
    }

    .ccm-ui .h6,
    .ccm-ui h6 {
        font-size: .8rem
    }

    .ccm-ui p {
        margin-bottom: 1rem;
        margin-top: 0
    }

    .ccm-ui abbr[title] {
        cursor: help;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none
    }

    .ccm-ui address {
        font-style: normal;
        line-height: inherit;
        margin-bottom: 1rem
    }

    .ccm-ui ol,
    .ccm-ui ul {
        padding-left: 2rem
    }

    .ccm-ui dl,
    .ccm-ui ol,
    .ccm-ui ul {
        margin-bottom: 1rem;
        margin-top: 0
    }

    .ccm-ui ol ol,
    .ccm-ui ol ul,
    .ccm-ui ul ol,
    .ccm-ui ul ul {
        margin-bottom: 0
    }

    .ccm-ui dt {
        font-weight: 700
    }

    .ccm-ui dd {
        margin-bottom: .5rem;
        margin-left: 0
    }

    .ccm-ui blockquote {
        margin: 0 0 1rem
    }

    .ccm-ui b,
    .ccm-ui strong {
        font-weight: bolder
    }

    .ccm-ui .small,
    .ccm-ui small {
        font-size: .9rem
    }

    .ccm-ui .mark,
    .ccm-ui mark {
        background-color: var(--bs-highlight-bg);
        color: var(--bs-highlight-color);
        padding: .1875em
    }

    .ccm-ui sub,
    .ccm-ui sup {
        font-size: .75em;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    .ccm-ui sub {
        bottom: -.25em
    }

    .ccm-ui sup {
        top: -.5em
    }

    .ccm-ui a {
        color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
        text-decoration: none
    }

    .ccm-ui a:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
    }

    .ccm-ui a:not([href]):not([class]),
    .ccm-ui a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none
    }

    .ccm-ui code,
    .ccm-ui kbd,
    .ccm-ui pre,
    .ccm-ui samp {
        font-family: var(--bs-font-monospace);
        font-size: 1em
    }

    .ccm-ui pre {
        display: block;
        font-size: .9rem;
        margin-bottom: 1rem;
        margin-top: 0;
        overflow: auto
    }

    .ccm-ui pre code {
        color: inherit;
        font-size: inherit;
        word-break: normal
    }

    .ccm-ui code {
        word-wrap: break-word;
        color: var(--bs-code-color);
        font-size: .9rem
    }

    a>.ccm-ui code {
        color: inherit
    }

    .ccm-ui kbd {
        background-color: var(--bs-body-color);
        border-radius: 2px;
        color: var(--bs-body-bg);
        font-size: .9rem;
        padding: .1875rem .375rem
    }

    .ccm-ui kbd kbd {
        font-size: 1em;
        padding: 0
    }

    .ccm-ui figure {
        margin: 0 0 1rem
    }

    .ccm-ui img,
    .ccm-ui svg {
        vertical-align: middle
    }

    .ccm-ui table {
        border-collapse: collapse;
        caption-side: bottom
    }

    .ccm-ui caption {
        color: var(--bs-secondary-color);
        padding-bottom: .5rem;
        padding-top: .5rem;
        text-align: left
    }

    .ccm-ui th {
        text-align: inherit;
        text-align: -webkit-match-parent
    }

    .ccm-ui tbody,
    .ccm-ui td,
    .ccm-ui tfoot,
    .ccm-ui th,
    .ccm-ui thead,
    .ccm-ui tr {
        border: 0 solid;
        border-color: inherit
    }

    .ccm-ui label {
        display: inline-block
    }

    .ccm-ui button {
        border-radius: 0
    }

    .ccm-ui button:focus:not(:focus-visible) {
        outline: 0
    }

    .ccm-ui button,
    .ccm-ui input,
    .ccm-ui optgroup,
    .ccm-ui select,
    .ccm-ui textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        margin: 0
    }

    .ccm-ui button,
    .ccm-ui select {
        text-transform: none
    }

    .ccm-ui [role=button] {
        cursor: pointer
    }

    .ccm-ui select {
        word-wrap: normal
    }

    .ccm-ui select:disabled {
        opacity: 1
    }

    .ccm-ui [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
        display: none !important
    }

    .ccm-ui [type=button],
    .ccm-ui [type=reset],
    .ccm-ui [type=submit],
    .ccm-ui button {
        -webkit-appearance: button
    }

    .ccm-ui [type=button]:not(:disabled),
    .ccm-ui [type=reset]:not(:disabled),
    .ccm-ui [type=submit]:not(:disabled),
    .ccm-ui button:not(:disabled) {
        cursor: pointer
    }

    .ccm-ui ::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    .ccm-ui textarea {
        resize: vertical
    }

    .ccm-ui fieldset {
        border: 0;
        margin: 0;
        min-width: 0;
        padding: 0
    }

    .ccm-ui legend {
        float: left;
        font-size: calc(1.275rem + .3vw);
        line-height: inherit;
        margin-bottom: .5rem;
        padding: 0;
        width: 100%
    }

    @media(min-width:1200px) {
        .ccm-ui legend {
            font-size: 1.5rem
        }
    }

    .ccm-ui legend+* {
        clear: left
    }

    .ccm-ui ::-webkit-datetime-edit-day-field,
    .ccm-ui ::-webkit-datetime-edit-fields-wrapper,
    .ccm-ui ::-webkit-datetime-edit-hour-field,
    .ccm-ui ::-webkit-datetime-edit-minute,
    .ccm-ui ::-webkit-datetime-edit-month-field,
    .ccm-ui ::-webkit-datetime-edit-text,
    .ccm-ui ::-webkit-datetime-edit-year-field {
        padding: 0
    }

    .ccm-ui ::-webkit-inner-spin-button {
        height: auto
    }

    .ccm-ui [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    .ccm-ui ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    .ccm-ui ::-webkit-color-swatch-wrapper {
        padding: 0
    }

    .ccm-ui ::file-selector-button {
        -webkit-appearance: button;
        font: inherit
    }

    .ccm-ui output {
        display: inline-block
    }

    .ccm-ui iframe {
        border: 0
    }

    .ccm-ui summary {
        cursor: pointer;
        display: list-item
    }

    .ccm-ui progress {
        vertical-align: baseline
    }

    .ccm-ui [hidden] {
        display: none !important
    }

    .ccm-ui .lead {
        font-size: 1.25rem;
        font-weight: 300
    }

    .ccm-ui .display-1 {
        font-size: calc(1.625rem + 4.5vw);
        font-weight: 300;
        line-height: 1.2
    }

    @media(min-width:1200px) {
        .ccm-ui .display-1 {
            font-size: 5rem
        }
    }

    .ccm-ui .display-2 {
        font-size: calc(1.575rem + 3.9vw);
        font-weight: 300;
        line-height: 1.2
    }

    @media(min-width:1200px) {
        .ccm-ui .display-2 {
            font-size: 4.5rem
        }
    }

    .ccm-ui .display-3 {
        font-size: calc(1.525rem + 3.3vw);
        font-weight: 300;
        line-height: 1.2
    }

    @media(min-width:1200px) {
        .ccm-ui .display-3 {
            font-size: 4rem
        }
    }

    .ccm-ui .display-4 {
        font-size: calc(1.475rem + 2.7vw);
        font-weight: 300;
        line-height: 1.2
    }

    @media(min-width:1200px) {
        .ccm-ui .display-4 {
            font-size: 3.5rem
        }
    }

    .ccm-ui .display-5 {
        font-size: calc(1.425rem + 2.1vw);
        font-weight: 300;
        line-height: 1.2
    }

    @media(min-width:1200px) {
        .ccm-ui .display-5 {
            font-size: 3rem
        }
    }

    .ccm-ui .display-6 {
        font-size: calc(1.375rem + 1.5vw);
        font-weight: 300;
        line-height: 1.2
    }

    @media(min-width:1200px) {
        .ccm-ui .display-6 {
            font-size: 2.5rem
        }
    }

    .ccm-ui .list-inline,
    .ccm-ui .list-unstyled {
        list-style: none;
        padding-left: 0
    }

    .ccm-ui .list-inline-item {
        display: inline-block
    }

    .ccm-ui .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

    .ccm-ui .initialism {
        font-size: .9rem;
        text-transform: uppercase
    }

    .ccm-ui .blockquote {
        font-size: 1.25rem;
        margin-bottom: 1rem
    }

    .ccm-ui .blockquote>:last-child {
        margin-bottom: 0
    }

    .ccm-ui .blockquote-footer {
        color: #6a6f7b;
        font-size: .9rem;
        margin-bottom: 1rem;
        margin-top: -1rem
    }

    .ccm-ui .blockquote-footer:before {
        content: "— "
    }

    .ccm-ui .img-fluid,
    .ccm-ui .img-thumbnail {
        height: auto;
        max-width: 100%
    }

    .ccm-ui .img-thumbnail {
        background-color: var(--bs-body-bg);
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        box-shadow: var(--bs-box-shadow-sm);
        padding: .25rem
    }

    .ccm-ui .figure {
        display: inline-block
    }

    .ccm-ui .figure-img {
        line-height: 1;
        margin-bottom: .5rem
    }

    .ccm-ui .figure-caption {
        color: var(--bs-secondary-color);
        font-size: .9rem
    }

    .ccm-ui .container,
    .ccm-ui .container-fluid,
    .ccm-ui .container-lg,
    .ccm-ui .container-md,
    .ccm-ui .container-sm,
    .ccm-ui .container-xl,
    .ccm-ui .container-xxl {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(var(--bs-gutter-x)*.5);
        padding-right: calc(var(--bs-gutter-x)*.5);
        width: 100%
    }

    @media(min-width:576px) {

        .ccm-ui .container,
        .ccm-ui .container-sm {
            max-width: 540px
        }
    }

    @media(min-width:768px) {

        .ccm-ui .container,
        .ccm-ui .container-md,
        .ccm-ui .container-sm {
            max-width: 720px
        }
    }

    @media(min-width:992px) {

        .ccm-ui .container,
        .ccm-ui .container-lg,
        .ccm-ui .container-md,
        .ccm-ui .container-sm {
            max-width: 960px
        }
    }

    @media(min-width:1200px) {

        .ccm-ui .container,
        .ccm-ui .container-lg,
        .ccm-ui .container-md,
        .ccm-ui .container-sm,
        .ccm-ui .container-xl {
            max-width: 1140px
        }
    }

    @media(min-width:1400px) {

        .ccm-ui .container,
        .ccm-ui .container-lg,
        .ccm-ui .container-md,
        .ccm-ui .container-sm,
        .ccm-ui .container-xl,
        .ccm-ui .container-xxl {
            max-width: 1320px
        }
    }

    .ccm-ui :root {
        --bs-breakpoint-xs: 0;
        --bs-breakpoint-sm: 576px;
        --bs-breakpoint-md: 768px;
        --bs-breakpoint-lg: 992px;
        --bs-breakpoint-xl: 1200px;
        --bs-breakpoint-xxl: 1400px
    }

    .ccm-ui .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-left: calc(var(--bs-gutter-x)*-.5);
        margin-right: calc(var(--bs-gutter-x)*-.5);
        margin-top: calc(var(--bs-gutter-y)*-1)
    }

    .ccm-ui .row>* {
        flex-shrink: 0;
        margin-top: var(--bs-gutter-y);
        max-width: 100%;
        padding-left: calc(var(--bs-gutter-x)*.5);
        padding-right: calc(var(--bs-gutter-x)*.5);
        width: 100%
    }

    .ccm-ui .col {
        flex: 1 0 0%
    }

    .ccm-ui .row-cols-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .ccm-ui .row-cols-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .ccm-ui .row-cols-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .ccm-ui .row-cols-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .ccm-ui .row-cols-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .ccm-ui .row-cols-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .ccm-ui .row-cols-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .ccm-ui .col-auto {
        flex: 0 0 auto;
        width: auto
    }

    .ccm-ui .col-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .ccm-ui .col-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .ccm-ui .col-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .ccm-ui .col-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .ccm-ui .col-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .ccm-ui .col-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .ccm-ui .col-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .ccm-ui .col-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .ccm-ui .col-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .ccm-ui .col-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .ccm-ui .col-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .ccm-ui .col-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .ccm-ui .offset-1 {
        margin-left: 8.33333333%
    }

    .ccm-ui .offset-2 {
        margin-left: 16.66666667%
    }

    .ccm-ui .offset-3 {
        margin-left: 25%
    }

    .ccm-ui .offset-4 {
        margin-left: 33.33333333%
    }

    .ccm-ui .offset-5 {
        margin-left: 41.66666667%
    }

    .ccm-ui .offset-6 {
        margin-left: 50%
    }

    .ccm-ui .offset-7 {
        margin-left: 58.33333333%
    }

    .ccm-ui .offset-8 {
        margin-left: 66.66666667%
    }

    .ccm-ui .offset-9 {
        margin-left: 75%
    }

    .ccm-ui .offset-10 {
        margin-left: 83.33333333%
    }

    .ccm-ui .offset-11 {
        margin-left: 91.66666667%
    }

    .ccm-ui .g-0,
    .ccm-ui .gx-0 {
        --bs-gutter-x: 0
    }

    .ccm-ui .g-0,
    .ccm-ui .gy-0 {
        --bs-gutter-y: 0
    }

    .ccm-ui .g-1,
    .ccm-ui .gx-1 {
        --bs-gutter-x: 0.25rem
    }

    .ccm-ui .g-1,
    .ccm-ui .gy-1 {
        --bs-gutter-y: 0.25rem
    }

    .ccm-ui .g-2,
    .ccm-ui .gx-2 {
        --bs-gutter-x: 0.5rem
    }

    .ccm-ui .g-2,
    .ccm-ui .gy-2 {
        --bs-gutter-y: 0.5rem
    }

    .ccm-ui .g-3,
    .ccm-ui .gx-3 {
        --bs-gutter-x: 1rem
    }

    .ccm-ui .g-3,
    .ccm-ui .gy-3 {
        --bs-gutter-y: 1rem
    }

    .ccm-ui .g-4,
    .ccm-ui .gx-4 {
        --bs-gutter-x: 1.5rem
    }

    .ccm-ui .g-4,
    .ccm-ui .gy-4 {
        --bs-gutter-y: 1.5rem
    }

    .ccm-ui .g-5,
    .ccm-ui .gx-5 {
        --bs-gutter-x: 3rem
    }

    .ccm-ui .g-5,
    .ccm-ui .gy-5 {
        --bs-gutter-y: 3rem
    }

    @media(min-width:576px) {
        .ccm-ui .col-sm {
            flex: 1 0 0%
        }

        .ccm-ui .row-cols-sm-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .ccm-ui .row-cols-sm-1>* {
            flex: 0 0 auto;
            width: 100%
        }

        .ccm-ui .row-cols-sm-2>* {
            flex: 0 0 auto;
            width: 50%
        }

        .ccm-ui .row-cols-sm-3>* {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .ccm-ui .row-cols-sm-4>* {
            flex: 0 0 auto;
            width: 25%
        }

        .ccm-ui .row-cols-sm-5>* {
            flex: 0 0 auto;
            width: 20%
        }

        .ccm-ui .row-cols-sm-6>* {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .ccm-ui .col-sm-auto {
            flex: 0 0 auto;
            width: auto
        }

        .ccm-ui .col-sm-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .ccm-ui .col-sm-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .ccm-ui .col-sm-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .ccm-ui .col-sm-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .ccm-ui .col-sm-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .ccm-ui .col-sm-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .ccm-ui .col-sm-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .ccm-ui .col-sm-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .ccm-ui .col-sm-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .ccm-ui .col-sm-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .ccm-ui .col-sm-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .ccm-ui .col-sm-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .ccm-ui .offset-sm-0 {
            margin-left: 0
        }

        .ccm-ui .offset-sm-1 {
            margin-left: 8.33333333%
        }

        .ccm-ui .offset-sm-2 {
            margin-left: 16.66666667%
        }

        .ccm-ui .offset-sm-3 {
            margin-left: 25%
        }

        .ccm-ui .offset-sm-4 {
            margin-left: 33.33333333%
        }

        .ccm-ui .offset-sm-5 {
            margin-left: 41.66666667%
        }

        .ccm-ui .offset-sm-6 {
            margin-left: 50%
        }

        .ccm-ui .offset-sm-7 {
            margin-left: 58.33333333%
        }

        .ccm-ui .offset-sm-8 {
            margin-left: 66.66666667%
        }

        .ccm-ui .offset-sm-9 {
            margin-left: 75%
        }

        .ccm-ui .offset-sm-10 {
            margin-left: 83.33333333%
        }

        .ccm-ui .offset-sm-11 {
            margin-left: 91.66666667%
        }

        .ccm-ui .g-sm-0,
        .ccm-ui .gx-sm-0 {
            --bs-gutter-x: 0
        }

        .ccm-ui .g-sm-0,
        .ccm-ui .gy-sm-0 {
            --bs-gutter-y: 0
        }

        .ccm-ui .g-sm-1,
        .ccm-ui .gx-sm-1 {
            --bs-gutter-x: 0.25rem
        }

        .ccm-ui .g-sm-1,
        .ccm-ui .gy-sm-1 {
            --bs-gutter-y: 0.25rem
        }

        .ccm-ui .g-sm-2,
        .ccm-ui .gx-sm-2 {
            --bs-gutter-x: 0.5rem
        }

        .ccm-ui .g-sm-2,
        .ccm-ui .gy-sm-2 {
            --bs-gutter-y: 0.5rem
        }

        .ccm-ui .g-sm-3,
        .ccm-ui .gx-sm-3 {
            --bs-gutter-x: 1rem
        }

        .ccm-ui .g-sm-3,
        .ccm-ui .gy-sm-3 {
            --bs-gutter-y: 1rem
        }

        .ccm-ui .g-sm-4,
        .ccm-ui .gx-sm-4 {
            --bs-gutter-x: 1.5rem
        }

        .ccm-ui .g-sm-4,
        .ccm-ui .gy-sm-4 {
            --bs-gutter-y: 1.5rem
        }

        .ccm-ui .g-sm-5,
        .ccm-ui .gx-sm-5 {
            --bs-gutter-x: 3rem
        }

        .ccm-ui .g-sm-5,
        .ccm-ui .gy-sm-5 {
            --bs-gutter-y: 3rem
        }
    }

    @media(min-width:768px) {
        .ccm-ui .col-md {
            flex: 1 0 0%
        }

        .ccm-ui .row-cols-md-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .ccm-ui .row-cols-md-1>* {
            flex: 0 0 auto;
            width: 100%
        }

        .ccm-ui .row-cols-md-2>* {
            flex: 0 0 auto;
            width: 50%
        }

        .ccm-ui .row-cols-md-3>* {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .ccm-ui .row-cols-md-4>* {
            flex: 0 0 auto;
            width: 25%
        }

        .ccm-ui .row-cols-md-5>* {
            flex: 0 0 auto;
            width: 20%
        }

        .ccm-ui .row-cols-md-6>* {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .ccm-ui .col-md-auto {
            flex: 0 0 auto;
            width: auto
        }

        .ccm-ui .col-md-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .ccm-ui .col-md-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .ccm-ui .col-md-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .ccm-ui .col-md-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .ccm-ui .col-md-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .ccm-ui .col-md-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .ccm-ui .col-md-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .ccm-ui .col-md-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .ccm-ui .col-md-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .ccm-ui .col-md-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .ccm-ui .col-md-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .ccm-ui .col-md-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .ccm-ui .offset-md-0 {
            margin-left: 0
        }

        .ccm-ui .offset-md-1 {
            margin-left: 8.33333333%
        }

        .ccm-ui .offset-md-2 {
            margin-left: 16.66666667%
        }

        .ccm-ui .offset-md-3 {
            margin-left: 25%
        }

        .ccm-ui .offset-md-4 {
            margin-left: 33.33333333%
        }

        .ccm-ui .offset-md-5 {
            margin-left: 41.66666667%
        }

        .ccm-ui .offset-md-6 {
            margin-left: 50%
        }

        .ccm-ui .offset-md-7 {
            margin-left: 58.33333333%
        }

        .ccm-ui .offset-md-8 {
            margin-left: 66.66666667%
        }

        .ccm-ui .offset-md-9 {
            margin-left: 75%
        }

        .ccm-ui .offset-md-10 {
            margin-left: 83.33333333%
        }

        .ccm-ui .offset-md-11 {
            margin-left: 91.66666667%
        }

        .ccm-ui .g-md-0,
        .ccm-ui .gx-md-0 {
            --bs-gutter-x: 0
        }

        .ccm-ui .g-md-0,
        .ccm-ui .gy-md-0 {
            --bs-gutter-y: 0
        }

        .ccm-ui .g-md-1,
        .ccm-ui .gx-md-1 {
            --bs-gutter-x: 0.25rem
        }

        .ccm-ui .g-md-1,
        .ccm-ui .gy-md-1 {
            --bs-gutter-y: 0.25rem
        }

        .ccm-ui .g-md-2,
        .ccm-ui .gx-md-2 {
            --bs-gutter-x: 0.5rem
        }

        .ccm-ui .g-md-2,
        .ccm-ui .gy-md-2 {
            --bs-gutter-y: 0.5rem
        }

        .ccm-ui .g-md-3,
        .ccm-ui .gx-md-3 {
            --bs-gutter-x: 1rem
        }

        .ccm-ui .g-md-3,
        .ccm-ui .gy-md-3 {
            --bs-gutter-y: 1rem
        }

        .ccm-ui .g-md-4,
        .ccm-ui .gx-md-4 {
            --bs-gutter-x: 1.5rem
        }

        .ccm-ui .g-md-4,
        .ccm-ui .gy-md-4 {
            --bs-gutter-y: 1.5rem
        }

        .ccm-ui .g-md-5,
        .ccm-ui .gx-md-5 {
            --bs-gutter-x: 3rem
        }

        .ccm-ui .g-md-5,
        .ccm-ui .gy-md-5 {
            --bs-gutter-y: 3rem
        }
    }

    @media(min-width:992px) {
        .ccm-ui .col-lg {
            flex: 1 0 0%
        }

        .ccm-ui .row-cols-lg-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .ccm-ui .row-cols-lg-1>* {
            flex: 0 0 auto;
            width: 100%
        }

        .ccm-ui .row-cols-lg-2>* {
            flex: 0 0 auto;
            width: 50%
        }

        .ccm-ui .row-cols-lg-3>* {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .ccm-ui .row-cols-lg-4>* {
            flex: 0 0 auto;
            width: 25%
        }

        .ccm-ui .row-cols-lg-5>* {
            flex: 0 0 auto;
            width: 20%
        }

        .ccm-ui .row-cols-lg-6>* {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .ccm-ui .col-lg-auto {
            flex: 0 0 auto;
            width: auto
        }

        .ccm-ui .col-lg-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .ccm-ui .col-lg-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .ccm-ui .col-lg-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .ccm-ui .col-lg-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .ccm-ui .col-lg-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .ccm-ui .col-lg-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .ccm-ui .col-lg-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .ccm-ui .col-lg-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .ccm-ui .col-lg-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .ccm-ui .col-lg-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .ccm-ui .col-lg-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .ccm-ui .col-lg-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .ccm-ui .offset-lg-0 {
            margin-left: 0
        }

        .ccm-ui .offset-lg-1 {
            margin-left: 8.33333333%
        }

        .ccm-ui .offset-lg-2 {
            margin-left: 16.66666667%
        }

        .ccm-ui .offset-lg-3 {
            margin-left: 25%
        }

        .ccm-ui .offset-lg-4 {
            margin-left: 33.33333333%
        }

        .ccm-ui .offset-lg-5 {
            margin-left: 41.66666667%
        }

        .ccm-ui .offset-lg-6 {
            margin-left: 50%
        }

        .ccm-ui .offset-lg-7 {
            margin-left: 58.33333333%
        }

        .ccm-ui .offset-lg-8 {
            margin-left: 66.66666667%
        }

        .ccm-ui .offset-lg-9 {
            margin-left: 75%
        }

        .ccm-ui .offset-lg-10 {
            margin-left: 83.33333333%
        }

        .ccm-ui .offset-lg-11 {
            margin-left: 91.66666667%
        }

        .ccm-ui .g-lg-0,
        .ccm-ui .gx-lg-0 {
            --bs-gutter-x: 0
        }

        .ccm-ui .g-lg-0,
        .ccm-ui .gy-lg-0 {
            --bs-gutter-y: 0
        }

        .ccm-ui .g-lg-1,
        .ccm-ui .gx-lg-1 {
            --bs-gutter-x: 0.25rem
        }

        .ccm-ui .g-lg-1,
        .ccm-ui .gy-lg-1 {
            --bs-gutter-y: 0.25rem
        }

        .ccm-ui .g-lg-2,
        .ccm-ui .gx-lg-2 {
            --bs-gutter-x: 0.5rem
        }

        .ccm-ui .g-lg-2,
        .ccm-ui .gy-lg-2 {
            --bs-gutter-y: 0.5rem
        }

        .ccm-ui .g-lg-3,
        .ccm-ui .gx-lg-3 {
            --bs-gutter-x: 1rem
        }

        .ccm-ui .g-lg-3,
        .ccm-ui .gy-lg-3 {
            --bs-gutter-y: 1rem
        }

        .ccm-ui .g-lg-4,
        .ccm-ui .gx-lg-4 {
            --bs-gutter-x: 1.5rem
        }

        .ccm-ui .g-lg-4,
        .ccm-ui .gy-lg-4 {
            --bs-gutter-y: 1.5rem
        }

        .ccm-ui .g-lg-5,
        .ccm-ui .gx-lg-5 {
            --bs-gutter-x: 3rem
        }

        .ccm-ui .g-lg-5,
        .ccm-ui .gy-lg-5 {
            --bs-gutter-y: 3rem
        }
    }

    @media(min-width:1200px) {
        .ccm-ui .col-xl {
            flex: 1 0 0%
        }

        .ccm-ui .row-cols-xl-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .ccm-ui .row-cols-xl-1>* {
            flex: 0 0 auto;
            width: 100%
        }

        .ccm-ui .row-cols-xl-2>* {
            flex: 0 0 auto;
            width: 50%
        }

        .ccm-ui .row-cols-xl-3>* {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .ccm-ui .row-cols-xl-4>* {
            flex: 0 0 auto;
            width: 25%
        }

        .ccm-ui .row-cols-xl-5>* {
            flex: 0 0 auto;
            width: 20%
        }

        .ccm-ui .row-cols-xl-6>* {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .ccm-ui .col-xl-auto {
            flex: 0 0 auto;
            width: auto
        }

        .ccm-ui .col-xl-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .ccm-ui .col-xl-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .ccm-ui .col-xl-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .ccm-ui .col-xl-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .ccm-ui .col-xl-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .ccm-ui .col-xl-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .ccm-ui .col-xl-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .ccm-ui .col-xl-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .ccm-ui .col-xl-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .ccm-ui .col-xl-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .ccm-ui .col-xl-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .ccm-ui .col-xl-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .ccm-ui .offset-xl-0 {
            margin-left: 0
        }

        .ccm-ui .offset-xl-1 {
            margin-left: 8.33333333%
        }

        .ccm-ui .offset-xl-2 {
            margin-left: 16.66666667%
        }

        .ccm-ui .offset-xl-3 {
            margin-left: 25%
        }

        .ccm-ui .offset-xl-4 {
            margin-left: 33.33333333%
        }

        .ccm-ui .offset-xl-5 {
            margin-left: 41.66666667%
        }

        .ccm-ui .offset-xl-6 {
            margin-left: 50%
        }

        .ccm-ui .offset-xl-7 {
            margin-left: 58.33333333%
        }

        .ccm-ui .offset-xl-8 {
            margin-left: 66.66666667%
        }

        .ccm-ui .offset-xl-9 {
            margin-left: 75%
        }

        .ccm-ui .offset-xl-10 {
            margin-left: 83.33333333%
        }

        .ccm-ui .offset-xl-11 {
            margin-left: 91.66666667%
        }

        .ccm-ui .g-xl-0,
        .ccm-ui .gx-xl-0 {
            --bs-gutter-x: 0
        }

        .ccm-ui .g-xl-0,
        .ccm-ui .gy-xl-0 {
            --bs-gutter-y: 0
        }

        .ccm-ui .g-xl-1,
        .ccm-ui .gx-xl-1 {
            --bs-gutter-x: 0.25rem
        }

        .ccm-ui .g-xl-1,
        .ccm-ui .gy-xl-1 {
            --bs-gutter-y: 0.25rem
        }

        .ccm-ui .g-xl-2,
        .ccm-ui .gx-xl-2 {
            --bs-gutter-x: 0.5rem
        }

        .ccm-ui .g-xl-2,
        .ccm-ui .gy-xl-2 {
            --bs-gutter-y: 0.5rem
        }

        .ccm-ui .g-xl-3,
        .ccm-ui .gx-xl-3 {
            --bs-gutter-x: 1rem
        }

        .ccm-ui .g-xl-3,
        .ccm-ui .gy-xl-3 {
            --bs-gutter-y: 1rem
        }

        .ccm-ui .g-xl-4,
        .ccm-ui .gx-xl-4 {
            --bs-gutter-x: 1.5rem
        }

        .ccm-ui .g-xl-4,
        .ccm-ui .gy-xl-4 {
            --bs-gutter-y: 1.5rem
        }

        .ccm-ui .g-xl-5,
        .ccm-ui .gx-xl-5 {
            --bs-gutter-x: 3rem
        }

        .ccm-ui .g-xl-5,
        .ccm-ui .gy-xl-5 {
            --bs-gutter-y: 3rem
        }
    }

    @media(min-width:1400px) {
        .ccm-ui .col-xxl {
            flex: 1 0 0%
        }

        .ccm-ui .row-cols-xxl-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .ccm-ui .row-cols-xxl-1>* {
            flex: 0 0 auto;
            width: 100%
        }

        .ccm-ui .row-cols-xxl-2>* {
            flex: 0 0 auto;
            width: 50%
        }

        .ccm-ui .row-cols-xxl-3>* {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .ccm-ui .row-cols-xxl-4>* {
            flex: 0 0 auto;
            width: 25%
        }

        .ccm-ui .row-cols-xxl-5>* {
            flex: 0 0 auto;
            width: 20%
        }

        .ccm-ui .row-cols-xxl-6>* {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .ccm-ui .col-xxl-auto {
            flex: 0 0 auto;
            width: auto
        }

        .ccm-ui .col-xxl-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .ccm-ui .col-xxl-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .ccm-ui .col-xxl-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .ccm-ui .col-xxl-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .ccm-ui .col-xxl-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .ccm-ui .col-xxl-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .ccm-ui .col-xxl-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .ccm-ui .col-xxl-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .ccm-ui .col-xxl-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .ccm-ui .col-xxl-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .ccm-ui .col-xxl-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .ccm-ui .col-xxl-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .ccm-ui .offset-xxl-0 {
            margin-left: 0
        }

        .ccm-ui .offset-xxl-1 {
            margin-left: 8.33333333%
        }

        .ccm-ui .offset-xxl-2 {
            margin-left: 16.66666667%
        }

        .ccm-ui .offset-xxl-3 {
            margin-left: 25%
        }

        .ccm-ui .offset-xxl-4 {
            margin-left: 33.33333333%
        }

        .ccm-ui .offset-xxl-5 {
            margin-left: 41.66666667%
        }

        .ccm-ui .offset-xxl-6 {
            margin-left: 50%
        }

        .ccm-ui .offset-xxl-7 {
            margin-left: 58.33333333%
        }

        .ccm-ui .offset-xxl-8 {
            margin-left: 66.66666667%
        }

        .ccm-ui .offset-xxl-9 {
            margin-left: 75%
        }

        .ccm-ui .offset-xxl-10 {
            margin-left: 83.33333333%
        }

        .ccm-ui .offset-xxl-11 {
            margin-left: 91.66666667%
        }

        .ccm-ui .g-xxl-0,
        .ccm-ui .gx-xxl-0 {
            --bs-gutter-x: 0
        }

        .ccm-ui .g-xxl-0,
        .ccm-ui .gy-xxl-0 {
            --bs-gutter-y: 0
        }

        .ccm-ui .g-xxl-1,
        .ccm-ui .gx-xxl-1 {
            --bs-gutter-x: 0.25rem
        }

        .ccm-ui .g-xxl-1,
        .ccm-ui .gy-xxl-1 {
            --bs-gutter-y: 0.25rem
        }

        .ccm-ui .g-xxl-2,
        .ccm-ui .gx-xxl-2 {
            --bs-gutter-x: 0.5rem
        }

        .ccm-ui .g-xxl-2,
        .ccm-ui .gy-xxl-2 {
            --bs-gutter-y: 0.5rem
        }

        .ccm-ui .g-xxl-3,
        .ccm-ui .gx-xxl-3 {
            --bs-gutter-x: 1rem
        }

        .ccm-ui .g-xxl-3,
        .ccm-ui .gy-xxl-3 {
            --bs-gutter-y: 1rem
        }

        .ccm-ui .g-xxl-4,
        .ccm-ui .gx-xxl-4 {
            --bs-gutter-x: 1.5rem
        }

        .ccm-ui .g-xxl-4,
        .ccm-ui .gy-xxl-4 {
            --bs-gutter-y: 1.5rem
        }

        .ccm-ui .g-xxl-5,
        .ccm-ui .gx-xxl-5 {
            --bs-gutter-x: 3rem
        }

        .ccm-ui .g-xxl-5,
        .ccm-ui .gy-xxl-5 {
            --bs-gutter-y: 3rem
        }
    }

    .ccm-ui .table {
        --bs-table-color-type: initial;
        --bs-table-bg-type: initial;
        --bs-table-color-state: initial;
        --bs-table-bg-state: initial;
        --bs-table-color: var(--bs-emphasis-color);
        --bs-table-bg: var(--bs-body-bg);
        --bs-table-border-color: var(--bs-border-color);
        --bs-table-accent-bg: transparent;
        --bs-table-striped-color: var(--bs-emphasis-color);
        --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
        --bs-table-active-color: var(--bs-emphasis-color);
        --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
        --bs-table-hover-color: var(--bs-emphasis-color);
        --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
        border-color: var(--bs-table-border-color);
        margin-bottom: 1rem;
        vertical-align: top;
        width: 100%
    }

    .ccm-ui .table>:not(caption)>*>* {
        background-color: var(--bs-table-bg);
        border-bottom-width: var(--bs-border-width);
        box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
        color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
        padding: .5rem
    }

    .ccm-ui .table>tbody {
        vertical-align: inherit
    }

    .ccm-ui .table>thead {
        vertical-align: bottom
    }

    .ccm-ui .table-group-divider {
        border-top: calc(var(--bs-border-width)*2) solid
    }

    .ccm-ui .caption-top {
        caption-side: top
    }

    .ccm-ui .table-sm>:not(caption)>*>* {
        padding: .25rem
    }

    .ccm-ui .table-bordered>:not(caption)>* {
        border-width: var(--bs-border-width) 0
    }

    .ccm-ui .table-bordered>:not(caption)>*>* {
        border-width: 0 var(--bs-border-width)
    }

    .ccm-ui .table-borderless>:not(caption)>*>* {
        border-bottom-width: 0
    }

    .ccm-ui .table-borderless>:not(:first-child) {
        border-top-width: 0
    }

    .ccm-ui .table-striped-columns>:not(caption)>tr>:nth-child(2n),
    .ccm-ui .table-striped>tbody>tr:nth-of-type(odd)>* {
        --bs-table-color-type: var(--bs-table-striped-color);
        --bs-table-bg-type: var(--bs-table-striped-bg)
    }

    .ccm-ui .table-active {
        --bs-table-color-state: var(--bs-table-active-color);
        --bs-table-bg-state: var(--bs-table-active-bg)
    }

    .ccm-ui .table-hover>tbody>tr:hover>* {
        --bs-table-color-state: var(--bs-table-hover-color);
        --bs-table-bg-state: var(--bs-table-hover-bg)
    }

    .ccm-ui .table-primary {
        --bs-table-color: #000;
        --bs-table-bg: #dbe9f9;
        --bs-table-border-color: #afbac7;
        --bs-table-striped-bg: #d0dded;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #c5d2e0;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #cbd8e6;
        --bs-table-hover-color: #000
    }

    .ccm-ui .table-primary,
    .ccm-ui .table-secondary {
        border-color: var(--bs-table-border-color);
        color: var(--bs-table-color)
    }

    .ccm-ui .table-secondary {
        --bs-table-color: #000;
        --bs-table-bg: #e5e6e7;
        --bs-table-border-color: #b7b8b9;
        --bs-table-striped-bg: #dadbdb;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #cecfd0;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #d4d5d6;
        --bs-table-hover-color: #000
    }

    .ccm-ui .table-success {
        --bs-table-color: #000;
        --bs-table-bg: #d4edda;
        --bs-table-border-color: #aabeae;
        --bs-table-striped-bg: #c9e1cf;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #bfd5c4;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #c4dbca;
        --bs-table-hover-color: #000
    }

    .ccm-ui .table-info,
    .ccm-ui .table-success {
        border-color: var(--bs-table-border-color);
        color: var(--bs-table-color)
    }

    .ccm-ui .table-info {
        --bs-table-color: #000;
        --bs-table-bg: #cce4e9;
        --bs-table-border-color: #a3b6ba;
        --bs-table-striped-bg: #c2d9dd;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #b8cdd2;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #bdd3d8;
        --bs-table-hover-color: #000
    }

    .ccm-ui .table-warning {
        --bs-table-color: #000;
        --bs-table-bg: #fff3cd;
        --bs-table-border-color: #ccc2a4;
        --bs-table-striped-bg: #f2e7c3;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #e6dbb9;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #ece1be;
        --bs-table-hover-color: #000
    }

    .ccm-ui .table-danger,
    .ccm-ui .table-warning {
        border-color: var(--bs-table-border-color);
        color: var(--bs-table-color)
    }

    .ccm-ui .table-danger {
        --bs-table-color: #000;
        --bs-table-bg: #f3d4d4;
        --bs-table-border-color: #c2aaaa;
        --bs-table-striped-bg: #e7c9c9;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #dbbfbf;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #e1c4c4;
        --bs-table-hover-color: #000
    }

    .ccm-ui .table-light {
        --bs-table-color: #000;
        --bs-table-bg: #f7f7f7;
        --bs-table-border-color: #c6c6c6;
        --bs-table-striped-bg: #ebebeb;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #dedede;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #e4e4e4;
        --bs-table-hover-color: #000
    }

    .ccm-ui .table-dark,
    .ccm-ui .table-light {
        border-color: var(--bs-table-border-color);
        color: var(--bs-table-color)
    }

    .ccm-ui .table-dark {
        --bs-table-color: #fff;
        --bs-table-bg: #4c4f56;
        --bs-table-border-color: #707278;
        --bs-table-striped-bg: #55585e;
        --bs-table-striped-color: #fff;
        --bs-table-active-bg: #5e6167;
        --bs-table-active-color: #fff;
        --bs-table-hover-bg: #595c63;
        --bs-table-hover-color: #fff
    }

    .ccm-ui .table-responsive {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }

    @media(max-width:575.98px) {
        .ccm-ui .table-responsive-sm {
            -webkit-overflow-scrolling: touch;
            overflow-x: auto
        }
    }

    @media(max-width:767.98px) {
        .ccm-ui .table-responsive-md {
            -webkit-overflow-scrolling: touch;
            overflow-x: auto
        }
    }

    @media(max-width:991.98px) {
        .ccm-ui .table-responsive-lg {
            -webkit-overflow-scrolling: touch;
            overflow-x: auto
        }
    }

    @media(max-width:1199.98px) {
        .ccm-ui .table-responsive-xl {
            -webkit-overflow-scrolling: touch;
            overflow-x: auto
        }
    }

    @media(max-width:1399.98px) {
        .ccm-ui .table-responsive-xxl {
            -webkit-overflow-scrolling: touch;
            overflow-x: auto
        }
    }

    .ccm-ui .form-label {
        color: #4c4f56;
        font-weight: 600;
        margin-bottom: .5rem
    }

    .ccm-ui .col-form-label {
        color: #4c4f56;
        font-size: inherit;
        font-weight: 600;
        line-height: 1.5;
        margin-bottom: 0
    }

    .ccm-ui .col-form-label,
    .ccm-ui .col-form-label-lg {
        padding-bottom: calc(.5rem + var(--bs-border-width));
        padding-top: calc(.5rem + var(--bs-border-width))
    }

    .ccm-ui .col-form-label-lg {
        font-size: 1.25rem
    }

    .ccm-ui .col-form-label-sm {
        font-size: .875rem;
        padding-bottom: calc(.25rem + var(--bs-border-width));
        padding-top: calc(.25rem + var(--bs-border-width))
    }

    .ccm-ui .form-text {
        color: var(--bs-secondary-color);
        font-size: .9rem;
        margin-top: .25rem
    }

    .ccm-ui .form-control {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-clip: padding-box;
        background-color: var(--bs-body-bg);
        border: var(--bs-border-width) solid #ebebeb;
        border-radius: 4px;
        box-shadow: inset 0 0;
        color: #005163;
        display: block;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        padding: .5rem .75rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        width: 100%
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .form-control {
            transition: none
        }
    }

    .ccm-ui .form-control[type=file] {
        overflow: hidden
    }

    .ccm-ui .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer
    }

    .ccm-ui .form-control:focus {
        background-color: var(--bs-body-bg);
        border-color: #a5c8f1;
        box-shadow: inset 0 0, 0 0;
        color: #005163;
        outline: 0
    }

    .ccm-ui .form-control::-webkit-date-and-time-value {
        height: 1.5em;
        margin: 0;
        min-width: 85px
    }

    .ccm-ui .form-control::-webkit-datetime-edit {
        display: block;
        padding: 0
    }

    .ccm-ui .form-control::-moz-placeholder {
        color: #b2b3b4;
        opacity: 1
    }

    .ccm-ui .form-control::placeholder {
        color: #b2b3b4;
        opacity: 1
    }

    .ccm-ui .form-control:disabled {
        background-color: var(--bs-secondary-bg);
        opacity: 1
    }

    .ccm-ui .form-control::file-selector-button {
        background-color: var(--bs-tertiary-bg);
        border: 0 solid;
        border-color: inherit;
        border-inline-end-width: var(--bs-border-width);
        border-radius: 0;
        color: #005163;
        margin: -.5rem -.75rem;
        margin-inline-end: .75rem;
        padding: .5rem .75rem;
        pointer-events: none;
        transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .form-control::file-selector-button {
            transition: none
        }
    }

    .ccm-ui .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
        background-color: var(--bs-secondary-bg)
    }

    .ccm-ui .form-control-plaintext {
        background-color: transparent;
        border: solid transparent;
        border-width: var(--bs-border-width) 0;
        color: var(--bs-body-color);
        display: block;
        line-height: 1.5;
        margin-bottom: 0;
        padding: .5rem 0;
        width: 100%
    }

    .ccm-ui .form-control-plaintext:focus {
        outline: 0
    }

    .ccm-ui .form-control-plaintext.form-control-lg,
    .ccm-ui .form-control-plaintext.form-control-sm {
        padding-left: 0;
        padding-right: 0
    }

    .ccm-ui .form-control-sm {
        border-radius: var(--bs-border-radius-sm);
        font-size: .875rem;
        min-height: calc(1.5em + .5rem + var(--bs-border-width)*2);
        padding: .25rem .5rem
    }

    .ccm-ui .form-control-sm::file-selector-button {
        margin: -.25rem -.5rem;
        margin-inline-end: .5rem;
        padding: .25rem .5rem
    }

    .ccm-ui .form-control-lg {
        border-radius: var(--bs-border-radius-lg);
        font-size: 1.25rem;
        min-height: calc(1.5em + 1rem + var(--bs-border-width)*2);
        padding: .5rem 1rem
    }

    .ccm-ui .form-control-lg::file-selector-button {
        margin: -.5rem -1rem;
        margin-inline-end: 1rem;
        padding: .5rem 1rem
    }

    .ccm-ui textarea.form-control {
        min-height: calc(1.5em + 1rem + var(--bs-border-width)*2)
    }

    .ccm-ui textarea.form-control-sm {
        min-height: calc(1.5em + .5rem + var(--bs-border-width)*2)
    }

    .ccm-ui textarea.form-control-lg {
        min-height: calc(1.5em + 1rem + var(--bs-border-width)*2)
    }

    .ccm-ui .form-control-color {
        height: calc(1.5em + 1rem + var(--bs-border-width)*2);
        padding: .5rem;
        width: 3rem
    }

    .ccm-ui .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer
    }

    .ccm-ui .form-control-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: 4px
    }

    .ccm-ui .form-control-color::-webkit-color-swatch {
        border: 0 !important;
        border-radius: 4px
    }

    .ccm-ui .form-control-color.form-control-sm {
        height: calc(1.5em + .5rem + var(--bs-border-width)*2)
    }

    .ccm-ui .form-control-color.form-control-lg {
        height: calc(1.5em + 1rem + var(--bs-border-width)*2)
    }

    .ccm-ui .form-select {
        --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
        background-position: right .75rem center;
        background-repeat: no-repeat;
        background-size: 16px 12px;
        border: var(--bs-border-width) solid #ebebeb;
        border-radius: 4px;
        box-shadow: 0 0;
        color: #005163;
        display: block;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        padding: .5rem 2.25rem .5rem .75rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        width: 100%
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .form-select {
            transition: none
        }
    }

    .ccm-ui .form-select:focus {
        border-color: #a5c8f1;
        box-shadow: 0 0, 0 0 0 .25rem rgba(74, 144, 226, .25);
        outline: 0
    }

    .ccm-ui .form-select[multiple],
    .ccm-ui .form-select[size]:not([size="1"]) {
        background-image: none;
        padding-right: .75rem
    }

    .ccm-ui .form-select:disabled {
        background-color: var(--bs-secondary-bg)
    }

    .ccm-ui .form-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #005163
    }

    .ccm-ui .form-select-sm {
        border-radius: var(--bs-border-radius-sm);
        font-size: .875rem;
        padding-bottom: .25rem;
        padding-left: .5rem;
        padding-top: .25rem
    }

    .ccm-ui .form-select-lg {
        border-radius: var(--bs-border-radius-lg);
        font-size: 1.25rem;
        padding-bottom: .5rem;
        padding-left: 1rem;
        padding-top: .5rem
    }

    .ccm-ui [data-bs-theme=dark] .form-select {
        --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23d8d8d8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")
    }

    .ccm-ui .form-check {
        display: block;
        margin-bottom: .125rem;
        min-height: 1.5rem;
        padding-left: 1.5em
    }

    .ccm-ui .form-check .form-check-input {
        float: left;
        margin-left: -1.5em
    }

    .ccm-ui .form-check-reverse {
        padding-left: 0;
        padding-right: 1.5em;
        text-align: right
    }

    .ccm-ui .form-check-reverse .form-check-input {
        float: right;
        margin-left: 0;
        margin-right: -1.5em
    }

    .ccm-ui .form-check-input {
        --bs-form-check-bg: var(--bs-body-bg);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-form-check-bg);
        background-image: var(--bs-form-check-bg-image);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        border: var(--bs-border-width) solid var(--bs-border-color);
        flex-shrink: 0;
        height: 1em;
        margin-top: .25em;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        vertical-align: top;
        width: 1em
    }

    .ccm-ui .form-check-input[type=checkbox] {
        border-radius: .25em
    }

    .ccm-ui .form-check-input[type=radio] {
        border-radius: 50%
    }

    .ccm-ui .form-check-input:active {
        filter: brightness(90%)
    }

    .ccm-ui .form-check-input:focus {
        border-color: #a5c8f1;
        box-shadow: 0 0 0 .25rem rgba(74, 144, 226, .25);
        outline: 0
    }

    .ccm-ui .form-check-input:checked {
        background-color: #4a90e2;
        border-color: #4a90e2
    }

    .ccm-ui .form-check-input:checked[type=checkbox] {
        --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")
    }

    .ccm-ui .form-check-input:checked[type=radio] {
        --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")
    }

    .ccm-ui .form-check-input[type=checkbox]:indeterminate {
        --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");
        background-color: #4a90e2;
        border-color: #4a90e2
    }

    .ccm-ui .form-check-input:disabled {
        filter: none;
        opacity: .5;
        pointer-events: none
    }

    .ccm-ui .form-check-input:disabled~.form-check-label,
    .ccm-ui .form-check-input[disabled]~.form-check-label {
        cursor: default;
        opacity: .5
    }

    .ccm-ui .form-switch {
        padding-left: 2.5em
    }

    .ccm-ui .form-switch .form-check-input {
        --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
        background-image: var(--bs-form-switch-bg);
        background-position: 0;
        border-radius: 2em;
        margin-left: -2.5em;
        transition: background-position .15s ease-in-out;
        width: 2em
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .form-switch .form-check-input {
            transition: none
        }
    }

    .ccm-ui .form-switch .form-check-input:focus {
        --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23a5c8f1'/%3E%3C/svg%3E")
    }

    .ccm-ui .form-switch .form-check-input:checked {
        --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
        background-position: 100%
    }

    .ccm-ui .form-switch.form-check-reverse {
        padding-left: 0;
        padding-right: 2.5em
    }

    .ccm-ui .form-switch.form-check-reverse .form-check-input {
        margin-left: 0;
        margin-right: -2.5em
    }

    .ccm-ui .form-check-inline {
        display: inline-block;
        margin-right: 1rem
    }

    .ccm-ui .btn-check {
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
        position: absolute
    }

    .ccm-ui .btn-check:disabled+.btn,
    .ccm-ui .btn-check[disabled]+.btn {
        filter: none;
        opacity: .65;
        pointer-events: none
    }

    .ccm-ui [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
        --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E")
    }

    .ccm-ui .form-range {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        height: 1.5rem;
        padding: 0;
        width: 100%
    }

    .ccm-ui .form-range:focus {
        outline: 0
    }

    .ccm-ui .form-range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0
    }

    .ccm-ui .form-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0
    }

    .ccm-ui .form-range::-moz-focus-outer {
        border: 0
    }

    .ccm-ui .form-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        background-color: #4a90e2;
        border: 0;
        border-radius: 1rem;
        box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
        height: 1rem;
        margin-top: -.25rem;
        -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        width: 1rem
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .form-range::-webkit-slider-thumb {
            -webkit-transition: none;
            transition: none
        }
    }

    .ccm-ui .form-range::-webkit-slider-thumb:active {
        background-color: #c9def6
    }

    .ccm-ui .form-range::-webkit-slider-runnable-track {
        background-color: var(--bs-secondary-bg);
        border-color: transparent;
        border-radius: 1rem;
        box-shadow: var(--bs-box-shadow-inset);
        color: transparent;
        cursor: pointer;
        height: .5rem;
        width: 100%
    }

    .ccm-ui .form-range::-moz-range-thumb {
        -moz-appearance: none;
        appearance: none;
        background-color: #4a90e2;
        border: 0;
        border-radius: 1rem;
        box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
        height: 1rem;
        -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        width: 1rem
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .form-range::-moz-range-thumb {
            -moz-transition: none;
            transition: none
        }
    }

    .ccm-ui .form-range::-moz-range-thumb:active {
        background-color: #c9def6
    }

    .ccm-ui .form-range::-moz-range-track {
        background-color: var(--bs-secondary-bg);
        border-color: transparent;
        border-radius: 1rem;
        box-shadow: var(--bs-box-shadow-inset);
        color: transparent;
        cursor: pointer;
        height: .5rem;
        width: 100%
    }

    .ccm-ui .form-range:disabled {
        pointer-events: none
    }

    .ccm-ui .form-range:disabled::-webkit-slider-thumb {
        background-color: var(--bs-secondary-color)
    }

    .ccm-ui .form-range:disabled::-moz-range-thumb {
        background-color: var(--bs-secondary-color)
    }

    .ccm-ui .form-floating {
        position: relative
    }

    .ccm-ui .form-floating>.form-control,
    .ccm-ui .form-floating>.form-control-plaintext,
    .ccm-ui .form-floating>.form-select {
        height: calc(3.5rem + var(--bs-border-width)*2);
        line-height: 1.25;
        min-height: calc(3.5rem + var(--bs-border-width)*2)
    }

    .ccm-ui .form-floating>label {
        border: var(--bs-border-width) solid transparent;
        height: 100%;
        left: 0;
        overflow: hidden;
        padding: 1rem .75rem;
        pointer-events: none;
        position: absolute;
        text-align: start;
        text-overflow: ellipsis;
        top: 0;
        transform-origin: 0 0;
        transition: opacity .1s ease-in-out, transform .1s ease-in-out;
        white-space: nowrap;
        z-index: 2
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .form-floating>label {
            transition: none
        }
    }

    .ccm-ui .form-floating>.form-control,
    .ccm-ui .form-floating>.form-control-plaintext {
        padding: 1rem .75rem
    }

    .ccm-ui .form-floating>.form-control-plaintext::-moz-placeholder,
    .ccm-ui .form-floating>.form-control::-moz-placeholder {
        color: transparent
    }

    .ccm-ui .form-floating>.form-control-plaintext::placeholder,
    .ccm-ui .form-floating>.form-control::placeholder {
        color: transparent
    }

    .ccm-ui .form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
    .ccm-ui .form-floating>.form-control:not(:-moz-placeholder-shown) {
        padding-bottom: .625rem;
        padding-top: 1.625rem
    }

    .ccm-ui .form-floating>.form-control-plaintext:focus,
    .ccm-ui .form-floating>.form-control-plaintext:not(:placeholder-shown),
    .ccm-ui .form-floating>.form-control:focus,
    .ccm-ui .form-floating>.form-control:not(:placeholder-shown) {
        padding-bottom: .625rem;
        padding-top: 1.625rem
    }

    .ccm-ui .form-floating>.form-control-plaintext:-webkit-autofill,
    .ccm-ui .form-floating>.form-control:-webkit-autofill {
        padding-bottom: .625rem;
        padding-top: 1.625rem
    }

    .ccm-ui .form-floating>.form-select {
        padding-bottom: .625rem;
        padding-top: 1.625rem
    }

    .ccm-ui .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
        color: rgba(var(--bs-body-color-rgb), .65);
        transform: scale(.85) translateY(-.5rem) translateX(.15rem)
    }

    .ccm-ui .form-floating>.form-control-plaintext~label,
    .ccm-ui .form-floating>.form-control:focus~label,
    .ccm-ui .form-floating>.form-control:not(:placeholder-shown)~label,
    .ccm-ui .form-floating>.form-select~label {
        color: rgba(var(--bs-body-color-rgb), .65);
        transform: scale(.85) translateY(-.5rem) translateX(.15rem)
    }

    .ccm-ui .form-floating>.form-control:not(:-moz-placeholder-shown)~label:after {
        background-color: var(--bs-body-bg);
        border-radius: 4px;
        content: "";
        height: 1.5em;
        inset: 1rem .375rem;
        position: absolute;
        z-index: -1
    }

    .ccm-ui .form-floating>.form-control-plaintext~label:after,
    .ccm-ui .form-floating>.form-control:focus~label:after,
    .ccm-ui .form-floating>.form-control:not(:placeholder-shown)~label:after,
    .ccm-ui .form-floating>.form-select~label:after {
        background-color: var(--bs-body-bg);
        border-radius: 4px;
        content: "";
        height: 1.5em;
        inset: 1rem .375rem;
        position: absolute;
        z-index: -1
    }

    .ccm-ui .form-floating>.form-control:-webkit-autofill~label {
        color: rgba(var(--bs-body-color-rgb), .65);
        transform: scale(.85) translateY(-.5rem) translateX(.15rem)
    }

    .ccm-ui .form-floating>.form-control-plaintext~label {
        border-width: var(--bs-border-width) 0
    }

    .ccm-ui .form-floating>.form-control:disabled~label,
    .ccm-ui .form-floating>:disabled~label {
        color: #6a6f7b
    }

    .ccm-ui .form-floating>.form-control:disabled~label:after,
    .ccm-ui .form-floating>:disabled~label:after {
        background-color: var(--bs-secondary-bg)
    }

    .ccm-ui .input-group {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        width: 100%
    }

    .ccm-ui .input-group>.form-control,
    .ccm-ui .input-group>.form-floating,
    .ccm-ui .input-group>.form-select {
        flex: 1 1 auto;
        min-width: 0;
        position: relative;
        width: 1%
    }

    .ccm-ui .input-group>.form-control:focus,
    .ccm-ui .input-group>.form-floating:focus-within,
    .ccm-ui .input-group>.form-select:focus {
        z-index: 5
    }

    .ccm-ui .input-group .btn {
        position: relative;
        z-index: 2
    }

    .ccm-ui .input-group .btn:focus {
        z-index: 5
    }

    .ccm-ui .input-group-text {
        align-items: center;
        background-color: var(--bs-tertiary-bg);
        border: var(--bs-border-width) solid #ebebeb;
        border-radius: 4px;
        color: #005163;
        display: flex;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        padding: .5rem .75rem;
        text-align: center;
        white-space: nowrap
    }

    .ccm-ui .input-group-lg>.btn,
    .ccm-ui .input-group-lg>.form-control,
    .ccm-ui .input-group-lg>.form-select,
    .ccm-ui .input-group-lg>.input-group-text {
        border-radius: var(--bs-border-radius-lg);
        font-size: 1.25rem;
        padding: .5rem 1rem
    }

    .ccm-ui .input-group-sm>.btn,
    .ccm-ui .input-group-sm>.form-control,
    .ccm-ui .input-group-sm>.form-select,
    .ccm-ui .input-group-sm>.input-group-text {
        border-radius: var(--bs-border-radius-sm);
        font-size: .875rem;
        padding: .25rem .5rem
    }

    .ccm-ui .input-group-lg>.form-select,
    .ccm-ui .input-group-sm>.form-select {
        padding-right: 3rem
    }

    .ccm-ui .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
    .ccm-ui .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
    .ccm-ui .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
    .ccm-ui .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
    .ccm-ui .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
    .ccm-ui .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
    .ccm-ui .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
    .ccm-ui .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .ccm-ui .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        margin-left: calc(var(--bs-border-width)*-1)
    }

    .ccm-ui .input-group>.form-floating:not(:first-child)>.form-control,
    .ccm-ui .input-group>.form-floating:not(:first-child)>.form-select {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .ccm-ui .valid-feedback {
        color: var(--bs-form-valid-color);
        display: none;
        font-size: .9rem;
        margin-top: .25rem;
        width: 100%
    }

    .ccm-ui .valid-tooltip {
        background-color: var(--bs-success);
        border-radius: var(--bs-border-radius);
        color: #fff;
        display: none;
        font-size: .875rem;
        margin-top: .1rem;
        max-width: 100%;
        padding: .25rem .5rem;
        position: absolute;
        top: 100%;
        z-index: 5
    }

    .ccm-ui.is-valid~.valid-feedback,
    .ccm-ui.is-valid~.valid-tooltip,
    .was-validated .ccm-ui:valid~.valid-feedback,
    .was-validated .ccm-ui:valid~.valid-tooltip {
        display: block
    }

    .ccm-ui .form-control.is-valid,
    .was-validated .ccm-ui .form-control:valid {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
        background-position: right calc(.375em + .25rem) center;
        background-repeat: no-repeat;
        background-size: calc(.75em + .5rem) calc(.75em + .5rem);
        border-color: var(--bs-form-valid-border-color);
        padding-right: calc(1.5em + 1rem)
    }

    .ccm-ui .form-control.is-valid:focus,
    .was-validated .ccm-ui .form-control:valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: inset 0 0, 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
    }

    .ccm-ui textarea.form-control.is-valid,
    .was-validated .ccm-ui textarea.form-control:valid {
        background-position: top calc(.375em + .25rem) right calc(.375em + .25rem);
        padding-right: calc(1.5em + 1rem)
    }

    .ccm-ui .form-select.is-valid,
    .was-validated .ccm-ui .form-select:valid {
        border-color: var(--bs-form-valid-border-color)
    }

    .ccm-ui .form-select.is-valid:not([multiple]):not([size]),
    .ccm-ui .form-select.is-valid:not([multiple])[size="1"],
    .was-validated .ccm-ui .form-select:valid:not([multiple]):not([size]),
    .was-validated .ccm-ui .form-select:valid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
        background-position: right .75rem center, center right 2.25rem;
        background-size: 16px 12px, calc(.75em + .5rem) calc(.75em + .5rem);
        padding-right: 4.125rem
    }

    .ccm-ui .form-select.is-valid:focus,
    .was-validated .ccm-ui .form-select:valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: 0 0, 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
    }

    .ccm-ui .form-control-color.is-valid,
    .was-validated .ccm-ui .form-control-color:valid {
        width: calc(4rem + 1.5em)
    }

    .ccm-ui .form-check-input.is-valid,
    .was-validated .ccm-ui .form-check-input:valid {
        border-color: var(--bs-form-valid-border-color)
    }

    .ccm-ui .form-check-input.is-valid:checked,
    .was-validated .ccm-ui .form-check-input:valid:checked {
        background-color: var(--bs-form-valid-color)
    }

    .ccm-ui .form-check-input.is-valid:focus,
    .was-validated .ccm-ui .form-check-input:valid:focus {
        box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
    }

    .ccm-ui .form-check-input.is-valid~.form-check-label,
    .was-validated .ccm-ui .form-check-input:valid~.form-check-label {
        color: var(--bs-form-valid-color)
    }

    .ccm-ui .form-check-inline .form-check-input~.valid-feedback {
        margin-left: .5em
    }

    .ccm-ui .input-group>.form-control:not(:focus).is-valid,
    .ccm-ui .input-group>.form-floating:not(:focus-within).is-valid,
    .ccm-ui .input-group>.form-select:not(:focus).is-valid,
    .was-validated .ccm-ui .input-group>.form-control:not(:focus):valid,
    .was-validated .ccm-ui .input-group>.form-floating:not(:focus-within):valid,
    .was-validated .ccm-ui .input-group>.form-select:not(:focus):valid {
        z-index: 3
    }

    .ccm-ui .invalid-feedback {
        color: var(--bs-form-invalid-color);
        display: none;
        font-size: .9rem;
        margin-top: .25rem;
        width: 100%
    }

    .ccm-ui .invalid-tooltip {
        background-color: var(--bs-danger);
        border-radius: var(--bs-border-radius);
        color: #fff;
        display: none;
        font-size: .875rem;
        margin-top: .1rem;
        max-width: 100%;
        padding: .25rem .5rem;
        position: absolute;
        top: 100%;
        z-index: 5
    }

    .ccm-ui.is-invalid~.invalid-feedback,
    .ccm-ui.is-invalid~.invalid-tooltip,
    .was-validated .ccm-ui:invalid~.invalid-feedback,
    .was-validated .ccm-ui:invalid~.invalid-tooltip {
        display: block
    }

    .ccm-ui .form-control.is-invalid,
    .was-validated .ccm-ui .form-control:invalid {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23c32a2a'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23c32a2a' stroke='none'/%3E%3C/svg%3E");
        background-position: right calc(.375em + .25rem) center;
        background-repeat: no-repeat;
        background-size: calc(.75em + .5rem) calc(.75em + .5rem);
        border-color: var(--bs-form-invalid-border-color);
        padding-right: calc(1.5em + 1rem)
    }

    .ccm-ui .form-control.is-invalid:focus,
    .was-validated .ccm-ui .form-control:invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: inset 0 0, 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
    }

    .ccm-ui textarea.form-control.is-invalid,
    .was-validated .ccm-ui textarea.form-control:invalid {
        background-position: top calc(.375em + .25rem) right calc(.375em + .25rem);
        padding-right: calc(1.5em + 1rem)
    }

    .ccm-ui .form-select.is-invalid,
    .was-validated .ccm-ui .form-select:invalid {
        border-color: var(--bs-form-invalid-border-color)
    }

    .ccm-ui .form-select.is-invalid:not([multiple]):not([size]),
    .ccm-ui .form-select.is-invalid:not([multiple])[size="1"],
    .was-validated .ccm-ui .form-select:invalid:not([multiple]):not([size]),
    .was-validated .ccm-ui .form-select:invalid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23c32a2a'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23c32a2a' stroke='none'/%3E%3C/svg%3E");
        background-position: right .75rem center, center right 2.25rem;
        background-size: 16px 12px, calc(.75em + .5rem) calc(.75em + .5rem);
        padding-right: 4.125rem
    }

    .ccm-ui .form-select.is-invalid:focus,
    .was-validated .ccm-ui .form-select:invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0, 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
    }

    .ccm-ui .form-control-color.is-invalid,
    .was-validated .ccm-ui .form-control-color:invalid {
        width: calc(4rem + 1.5em)
    }

    .ccm-ui .form-check-input.is-invalid,
    .was-validated .ccm-ui .form-check-input:invalid {
        border-color: var(--bs-form-invalid-border-color)
    }

    .ccm-ui .form-check-input.is-invalid:checked,
    .was-validated .ccm-ui .form-check-input:invalid:checked {
        background-color: var(--bs-form-invalid-color)
    }

    .ccm-ui .form-check-input.is-invalid:focus,
    .was-validated .ccm-ui .form-check-input:invalid:focus {
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
    }

    .ccm-ui .form-check-input.is-invalid~.form-check-label,
    .was-validated .ccm-ui .form-check-input:invalid~.form-check-label {
        color: var(--bs-form-invalid-color)
    }

    .ccm-ui .form-check-inline .form-check-input~.invalid-feedback {
        margin-left: .5em
    }

    .ccm-ui .input-group>.form-control:not(:focus).is-invalid,
    .ccm-ui .input-group>.form-floating:not(:focus-within).is-invalid,
    .ccm-ui .input-group>.form-select:not(:focus).is-invalid,
    .was-validated .ccm-ui .input-group>.form-control:not(:focus):invalid,
    .was-validated .ccm-ui .input-group>.form-floating:not(:focus-within):invalid,
    .was-validated .ccm-ui .input-group>.form-select:not(:focus):invalid {
        z-index: 4
    }

    .ccm-ui .btn {
        --bs-btn-padding-x: 30px;
        --bs-btn-padding-y: 9px;
        --bs-btn-font-family: ;
        --bs-btn-font-size: 0.9rem;
        --bs-btn-font-weight: 600;
        --bs-btn-line-height: 1.5;
        --bs-btn-color: var(--bs-body-color);
        --bs-btn-bg: transparent;
        --bs-btn-border-width: var(--bs-border-width);
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: var(--bs-border-radius);
        --bs-btn-hover-border-color: transparent;
        --bs-btn-box-shadow: inset 0 0;
        --bs-btn-disabled-opacity: 0.65;
        --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
        background-color: var(--bs-btn-bg);
        border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
        border-radius: var(--bs-btn-border-radius);
        box-shadow: var(--bs-btn-box-shadow);
        color: var(--bs-btn-color);
        cursor: pointer;
        display: inline-block;
        font-family: var(--bs-btn-font-family);
        font-size: var(--bs-btn-font-size);
        font-weight: var(--bs-btn-font-weight);
        line-height: var(--bs-btn-line-height);
        padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
        text-align: center;
        transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        vertical-align: middle
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .btn {
            transition: none
        }
    }

    .ccm-ui .btn:hover {
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
        color: var(--bs-btn-hover-color)
    }

    .btn-check+.ccm-ui .btn:hover {
        background-color: var(--bs-btn-bg);
        border-color: var(--bs-btn-border-color);
        color: var(--bs-btn-color)
    }

    .ccm-ui .btn:focus-visible {
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
        box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
        color: var(--bs-btn-hover-color);
        outline: 0
    }

    .btn-check:focus-visible+.ccm-ui .btn {
        border-color: var(--bs-btn-hover-border-color);
        box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
        outline: 0
    }

    .btn-check:checked+.ccm-ui .btn,
    .ccm-ui .btn.active,
    .ccm-ui .btn.show,
    .ccm-ui .btn:first-child:active,
    :not(.btn-check)+.ccm-ui .btn:active {
        background-color: var(--bs-btn-active-bg);
        border-color: var(--bs-btn-active-border-color);
        box-shadow: var(--bs-btn-active-shadow);
        color: var(--bs-btn-active-color)
    }

    .btn-check:checked+.ccm-ui .btn:focus-visible,
    .ccm-ui .btn.active:focus-visible,
    .ccm-ui .btn.show:focus-visible,
    .ccm-ui .btn:first-child:active:focus-visible,
    :not(.btn-check)+.ccm-ui .btn:active:focus-visible {
        box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow)
    }

    .btn-check:checked:focus-visible+.ccm-ui .btn {
        box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow)
    }

    .ccm-ui .btn.disabled,
    .ccm-ui .btn:disabled,
    fieldset:disabled .ccm-ui .btn {
        background-color: var(--bs-btn-disabled-bg);
        border-color: var(--bs-btn-disabled-border-color);
        box-shadow: none;
        color: var(--bs-btn-disabled-color);
        opacity: var(--bs-btn-disabled-opacity);
        pointer-events: none
    }

    .ccm-ui .btn-primary {
        --bs-btn-hover-bg: #3f7ac0;
        --bs-btn-hover-border-color: #3b73b5
    }

    .ccm-ui .btn-secondary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #7c8088;
        --bs-btn-border-color: #7c8088;
        --bs-btn-hover-bg: #696d74;
        --bs-btn-hover-border-color: #63666d;
        --bs-btn-focus-shadow-rgb: 144, 147, 154;
        --bs-btn-active-bg: #63666d;
        --bs-btn-active-border-color: #5d6066;
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #7c8088;
        --bs-btn-disabled-border-color: #7c8088
    }

    .ccm-ui .btn-success {
        --bs-btn-hover-bg: #228e3b;
        --bs-btn-hover-border-color: #208637
    }

    .ccm-ui .btn-info {
        --bs-btn-color: #fff;
        --bs-btn-bg: #027893;
        --bs-btn-border-color: #027893;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #02667d;
        --bs-btn-hover-border-color: #026076;
        --bs-btn-focus-shadow-rgb: 40, 140, 163;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #026076;
        --bs-btn-active-border-color: #025a6e;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #027893;
        --bs-btn-disabled-border-color: #027893
    }

    .ccm-ui .btn-warning {
        --bs-btn-color: #000;
        --bs-btn-bg: #ffc107;
        --bs-btn-border-color: #ffc107;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #ffca2c;
        --bs-btn-hover-border-color: #ffc720;
        --bs-btn-focus-shadow-rgb: 217, 164, 6;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #ffcd39;
        --bs-btn-active-border-color: #ffc720;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #ffc107;
        --bs-btn-disabled-border-color: #ffc107
    }

    .ccm-ui .btn-danger {
        --bs-btn-hover-bg: #a62424;
        --bs-btn-hover-border-color: #9c2222
    }

    .ccm-ui .btn-light {
        --bs-btn-color: #000;
        --bs-btn-bg: #f7f7f7;
        --bs-btn-border-color: #f7f7f7;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #d2d2d2;
        --bs-btn-hover-border-color: #c6c6c6;
        --bs-btn-focus-shadow-rgb: 210, 210, 210;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #c6c6c6;
        --bs-btn-active-border-color: #b9b9b9;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #f7f7f7;
        --bs-btn-disabled-border-color: #f7f7f7
    }

    .ccm-ui .btn-dark {
        --bs-btn-color: #fff;
        --bs-btn-bg: #4c4f56;
        --bs-btn-border-color: #4c4f56;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #67696f;
        --bs-btn-hover-border-color: #5e6167;
        --bs-btn-focus-shadow-rgb: 103, 105, 111;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #707278;
        --bs-btn-active-border-color: #5e6167;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #4c4f56;
        --bs-btn-disabled-border-color: #4c4f56
    }

    .ccm-ui .btn-outline-primary {
        --bs-btn-color: #4a90e2;
        --bs-btn-border-color: #4a90e2;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #4a90e2;
        --bs-btn-hover-border-color: #4a90e2;
        --bs-btn-focus-shadow-rgb: 74, 144, 226;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #4a90e2;
        --bs-btn-active-border-color: #4a90e2;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #4a90e2;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #4a90e2;
        --bs-gradient: none
    }

    .ccm-ui .btn-outline-secondary {
        --bs-btn-color: #7c8088;
        --bs-btn-border-color: #7c8088;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #7c8088;
        --bs-btn-hover-border-color: #7c8088;
        --bs-btn-focus-shadow-rgb: 124, 128, 136;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #7c8088;
        --bs-btn-active-border-color: #7c8088;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #7c8088;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #7c8088;
        --bs-gradient: none
    }

    .ccm-ui .btn-outline-success {
        --bs-btn-color: #28a745;
        --bs-btn-border-color: #28a745;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #28a745;
        --bs-btn-hover-border-color: #28a745;
        --bs-btn-focus-shadow-rgb: 40, 167, 69;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #28a745;
        --bs-btn-active-border-color: #28a745;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #28a745;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #28a745;
        --bs-gradient: none
    }

    .ccm-ui .btn-outline-info {
        --bs-btn-color: #027893;
        --bs-btn-border-color: #027893;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #027893;
        --bs-btn-hover-border-color: #027893;
        --bs-btn-focus-shadow-rgb: 2, 120, 147;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #027893;
        --bs-btn-active-border-color: #027893;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #027893;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #027893;
        --bs-gradient: none
    }

    .ccm-ui .btn-outline-warning {
        --bs-btn-color: #ffc107;
        --bs-btn-border-color: #ffc107;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #ffc107;
        --bs-btn-hover-border-color: #ffc107;
        --bs-btn-focus-shadow-rgb: 255, 193, 7;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #ffc107;
        --bs-btn-active-border-color: #ffc107;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #ffc107;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #ffc107;
        --bs-gradient: none
    }

    .ccm-ui .btn-outline-danger {
        --bs-btn-color: #c32a2a;
        --bs-btn-border-color: #c32a2a;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #c32a2a;
        --bs-btn-hover-border-color: #c32a2a;
        --bs-btn-focus-shadow-rgb: 195, 42, 42;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #c32a2a;
        --bs-btn-active-border-color: #c32a2a;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #c32a2a;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #c32a2a;
        --bs-gradient: none
    }

    .ccm-ui .btn-outline-light {
        --bs-btn-color: #f7f7f7;
        --bs-btn-border-color: #f7f7f7;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #f7f7f7;
        --bs-btn-hover-border-color: #f7f7f7;
        --bs-btn-focus-shadow-rgb: 247, 247, 247;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #f7f7f7;
        --bs-btn-active-border-color: #f7f7f7;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #f7f7f7;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #f7f7f7;
        --bs-gradient: none
    }

    .ccm-ui .btn-outline-dark {
        --bs-btn-color: #4c4f56;
        --bs-btn-border-color: #4c4f56;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #4c4f56;
        --bs-btn-hover-border-color: #4c4f56;
        --bs-btn-focus-shadow-rgb: 76, 79, 86;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #4c4f56;
        --bs-btn-active-border-color: #4c4f56;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #4c4f56;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #4c4f56;
        --bs-gradient: none
    }

    .ccm-ui .btn-link {
        --bs-btn-font-weight: 400;
        --bs-btn-color: var(--bs-link-color);
        --bs-btn-bg: transparent;
        --bs-btn-border-color: transparent;
        --bs-btn-hover-color: var(--bs-link-hover-color);
        --bs-btn-hover-border-color: transparent;
        --bs-btn-active-color: var(--bs-link-hover-color);
        --bs-btn-active-border-color: transparent;
        --bs-btn-disabled-color: #6a6f7b;
        --bs-btn-disabled-border-color: transparent;
        --bs-btn-box-shadow: 0 0 0 #000;
        --bs-btn-focus-shadow-rgb: 101, 161, 230;
        text-decoration: none
    }

    .ccm-ui .btn-link:focus-visible {
        color: var(--bs-btn-color)
    }

    .ccm-ui .btn-link:hover {
        color: var(--bs-btn-hover-color)
    }

    .ccm-ui .btn-group-lg>.btn,
    .ccm-ui .btn-lg {
        --bs-btn-padding-y: 0.5rem;
        --bs-btn-padding-x: 1rem;
        --bs-btn-font-size: 1.25rem;
        --bs-btn-border-radius: var(--bs-border-radius-lg)
    }

    .ccm-ui .btn-group-sm>.btn,
    .ccm-ui .btn-sm {
        --bs-btn-padding-y: 0.25rem;
        --bs-btn-padding-x: 0.5rem;
        --bs-btn-font-size: 0.875rem;
        --bs-btn-border-radius: var(--bs-border-radius-sm)
    }

    .ccm-ui .fade {
        transition: opacity .1s ease-in-out
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .fade {
            transition: none
        }
    }

    .ccm-ui .fade:not(.show) {
        opacity: 0
    }

    .ccm-ui .collapse:not(.show) {
        display: none
    }

    .ccm-ui .collapsing {
        height: 0;
        overflow: hidden;
        transition: height .35s ease
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .collapsing {
            transition: none
        }
    }

    .ccm-ui .collapsing.collapse-horizontal {
        height: auto;
        transition: width .35s ease;
        width: 0
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .collapsing.collapse-horizontal {
            transition: none
        }
    }

    .ccm-ui .dropdown,
    .ccm-ui .dropdown-center,
    .ccm-ui .dropend,
    .ccm-ui .dropstart,
    .ccm-ui .dropup,
    .ccm-ui .dropup-center {
        position: relative
    }

    .ccm-ui .dropdown-toggle {
        white-space: nowrap
    }

    .ccm-ui .dropdown-toggle:after {
        border-bottom: 0;
        border-left: .3em solid transparent;
        border-right: .3em solid transparent;
        border-top: .3em solid;
        content: "";
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em
    }

    .ccm-ui .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .ccm-ui .dropdown-menu {
        --bs-dropdown-zindex: 1000;
        --bs-dropdown-min-width: 175px;
        --bs-dropdown-padding-x: 0;
        --bs-dropdown-padding-y: 10px;
        --bs-dropdown-spacer: 0.125rem;
        --bs-dropdown-font-size: 1rem;
        --bs-dropdown-color: var(--bs-body-color);
        --bs-dropdown-bg: var(--bs-body-bg);
        --bs-dropdown-border-color: transparent;
        --bs-dropdown-border-radius: 5px;
        --bs-dropdown-border-width: 0;
        --bs-dropdown-inner-border-radius: 5px;
        --bs-dropdown-divider-bg: #d8d8d8;
        --bs-dropdown-divider-margin-y: 0.625rem;
        --bs-dropdown-box-shadow: 0 1px 1px 0 rgba(65, 69, 73, .3), 0 1px 3px 1px rgba(65, 69, 73, .15);
        --bs-dropdown-link-color: var(--bs-body-color);
        --bs-dropdown-link-hover-color: var(--bs-body-color);
        --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-link-active-bg: #4a90e2;
        --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
        --bs-dropdown-item-padding-x: 10px;
        --bs-dropdown-item-padding-y: 0.625rem;
        --bs-dropdown-header-color: #6a6f7b;
        --bs-dropdown-header-padding-x: 10px;
        --bs-dropdown-header-padding-y: 10px;
        background-clip: padding-box;
        background-color: var(--bs-dropdown-bg);
        border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
        border-radius: var(--bs-dropdown-border-radius);
        box-shadow: var(--bs-dropdown-box-shadow);
        color: var(--bs-dropdown-color);
        display: none;
        font-size: var(--bs-dropdown-font-size);
        list-style: none;
        margin: 0;
        min-width: var(--bs-dropdown-min-width);
        padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
        position: absolute;
        text-align: left;
        z-index: var(--bs-dropdown-zindex)
    }

    .ccm-ui .dropdown-menu[data-bs-popper] {
        left: 0;
        margin-top: var(--bs-dropdown-spacer);
        top: 100%
    }

    .ccm-ui .dropdown-menu-start {
        --bs-position: start
    }

    .ccm-ui .dropdown-menu-start[data-bs-popper] {
        left: 0;
        right: auto
    }

    .ccm-ui .dropdown-menu-end {
        --bs-position: end
    }

    .ccm-ui .dropdown-menu-end[data-bs-popper] {
        left: auto;
        right: 0
    }

    @media(min-width:576px) {
        .ccm-ui .dropdown-menu-sm-start {
            --bs-position: start
        }

        .ccm-ui .dropdown-menu-sm-start[data-bs-popper] {
            left: 0;
            right: auto
        }

        .ccm-ui .dropdown-menu-sm-end {
            --bs-position: end
        }

        .ccm-ui .dropdown-menu-sm-end[data-bs-popper] {
            left: auto;
            right: 0
        }
    }

    @media(min-width:768px) {
        .ccm-ui .dropdown-menu-md-start {
            --bs-position: start
        }

        .ccm-ui .dropdown-menu-md-start[data-bs-popper] {
            left: 0;
            right: auto
        }

        .ccm-ui .dropdown-menu-md-end {
            --bs-position: end
        }

        .ccm-ui .dropdown-menu-md-end[data-bs-popper] {
            left: auto;
            right: 0
        }
    }

    @media(min-width:992px) {
        .ccm-ui .dropdown-menu-lg-start {
            --bs-position: start
        }

        .ccm-ui .dropdown-menu-lg-start[data-bs-popper] {
            left: 0;
            right: auto
        }

        .ccm-ui .dropdown-menu-lg-end {
            --bs-position: end
        }

        .ccm-ui .dropdown-menu-lg-end[data-bs-popper] {
            left: auto;
            right: 0
        }
    }

    @media(min-width:1200px) {
        .ccm-ui .dropdown-menu-xl-start {
            --bs-position: start
        }

        .ccm-ui .dropdown-menu-xl-start[data-bs-popper] {
            left: 0;
            right: auto
        }

        .ccm-ui .dropdown-menu-xl-end {
            --bs-position: end
        }

        .ccm-ui .dropdown-menu-xl-end[data-bs-popper] {
            left: auto;
            right: 0
        }
    }

    @media(min-width:1400px) {
        .ccm-ui .dropdown-menu-xxl-start {
            --bs-position: start
        }

        .ccm-ui .dropdown-menu-xxl-start[data-bs-popper] {
            left: 0;
            right: auto
        }

        .ccm-ui .dropdown-menu-xxl-end {
            --bs-position: end
        }

        .ccm-ui .dropdown-menu-xxl-end[data-bs-popper] {
            left: auto;
            right: 0
        }
    }

    .ccm-ui .dropup .dropdown-menu[data-bs-popper] {
        bottom: 100%;
        margin-bottom: var(--bs-dropdown-spacer);
        margin-top: 0;
        top: auto
    }

    .ccm-ui .dropup .dropdown-toggle:after {
        border-bottom: .3em solid;
        border-left: .3em solid transparent;
        border-right: .3em solid transparent;
        border-top: 0;
        content: "";
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em
    }

    .ccm-ui .dropup .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .ccm-ui .dropend .dropdown-menu[data-bs-popper] {
        left: 100%;
        margin-left: var(--bs-dropdown-spacer);
        margin-top: 0;
        right: auto;
        top: 0
    }

    .ccm-ui .dropend .dropdown-toggle:after {
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
        border-right: 0;
        border-top: .3em solid transparent;
        content: "";
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em
    }

    .ccm-ui .dropend .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .ccm-ui .dropend .dropdown-toggle:after {
        vertical-align: 0
    }

    .ccm-ui .dropstart .dropdown-menu[data-bs-popper] {
        left: auto;
        margin-right: var(--bs-dropdown-spacer);
        margin-top: 0;
        right: 100%;
        top: 0
    }

    .ccm-ui .dropstart .dropdown-toggle:after {
        content: "";
        display: inline-block;
        display: none;
        margin-left: .255em;
        vertical-align: .255em
    }

    .ccm-ui .dropstart .dropdown-toggle:before {
        border-bottom: .3em solid transparent;
        border-right: .3em solid;
        border-top: .3em solid transparent;
        content: "";
        display: inline-block;
        margin-right: .255em;
        vertical-align: .255em
    }

    .ccm-ui .dropstart .dropdown-toggle:empty:after {
        margin-left: 0
    }

    .ccm-ui .dropstart .dropdown-toggle:before {
        vertical-align: 0
    }

    .ccm-ui .dropdown-divider {
        border-top: 1px solid var(--bs-dropdown-divider-bg);
        height: 0;
        margin: var(--bs-dropdown-divider-margin-y) 0;
        opacity: 1;
        overflow: hidden
    }

    .ccm-ui .dropdown-item {
        background-color: transparent;
        border: 0;
        border-radius: var(--bs-dropdown-item-border-radius, 0);
        clear: both;
        color: var(--bs-dropdown-link-color);
        display: block;
        font-weight: 400;
        padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
        text-align: inherit;
        white-space: nowrap;
        width: 100%
    }

    .ccm-ui .dropdown-item:focus,
    .ccm-ui .dropdown-item:hover {
        background-color: var(--bs-dropdown-link-hover-bg);
        color: var(--bs-dropdown-link-hover-color)
    }

    .ccm-ui .dropdown-item.active,
    .ccm-ui .dropdown-item:active {
        background-color: var(--bs-dropdown-link-active-bg);
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none
    }

    .ccm-ui .dropdown-item.disabled,
    .ccm-ui .dropdown-item:disabled {
        background-color: transparent;
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none
    }

    .ccm-ui .dropdown-menu.show {
        display: block
    }

    .ccm-ui .dropdown-header {
        color: var(--bs-dropdown-header-color);
        display: block;
        font-size: .875rem;
        margin-bottom: 0;
        padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
        white-space: nowrap
    }

    .ccm-ui .dropdown-item-text {
        color: var(--bs-dropdown-link-color);
        display: block;
        padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)
    }

    .ccm-ui .dropdown-menu-dark {
        --bs-dropdown-color: #d8d8d8;
        --bs-dropdown-bg: #343a40;
        --bs-dropdown-border-color: transparent;
        --bs-dropdown-box-shadow: ;
        --bs-dropdown-link-color: #d8d8d8;
        --bs-dropdown-link-hover-color: #fff;
        --bs-dropdown-divider-bg: #d8d8d8;
        --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, .15);
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-link-active-bg: #4a90e2;
        --bs-dropdown-link-disabled-color: #7c8088;
        --bs-dropdown-header-color: #7c8088
    }

    .ccm-ui .btn-group,
    .ccm-ui .btn-group-vertical {
        display: inline-flex;
        position: relative;
        vertical-align: middle
    }

    .ccm-ui .btn-group-vertical>.btn,
    .ccm-ui .btn-group>.btn {
        flex: 1 1 auto;
        position: relative
    }

    .ccm-ui .btn-group-vertical>.btn-check:checked+.btn,
    .ccm-ui .btn-group-vertical>.btn-check:focus+.btn,
    .ccm-ui .btn-group-vertical>.btn.active,
    .ccm-ui .btn-group-vertical>.btn:active,
    .ccm-ui .btn-group-vertical>.btn:focus,
    .ccm-ui .btn-group-vertical>.btn:hover,
    .ccm-ui .btn-group>.btn-check:checked+.btn,
    .ccm-ui .btn-group>.btn-check:focus+.btn,
    .ccm-ui .btn-group>.btn.active,
    .ccm-ui .btn-group>.btn:active,
    .ccm-ui .btn-group>.btn:focus,
    .ccm-ui .btn-group>.btn:hover {
        z-index: 1
    }

    .ccm-ui .btn-toolbar {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .ccm-ui .btn-toolbar .input-group {
        width: auto
    }

    .ccm-ui .btn-group {
        border-radius: var(--bs-border-radius)
    }

    .ccm-ui .btn-group>.btn-group:not(:first-child),
    .ccm-ui .btn-group>:not(.btn-check:first-child)+.btn {
        margin-left: calc(var(--bs-border-width)*-1)
    }

    .ccm-ui .btn-group>.btn-group:not(:last-child)>.btn,
    .ccm-ui .btn-group>.btn.dropdown-toggle-split:first-child,
    .ccm-ui .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .ccm-ui .btn-group>.btn-group:not(:first-child)>.btn,
    .ccm-ui .btn-group>.btn:nth-child(n+3),
    .ccm-ui .btn-group>:not(.btn-check)+.btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .ccm-ui .dropdown-toggle-split {
        padding-left: 22.5px;
        padding-right: 22.5px
    }

    .ccm-ui .dropdown-toggle-split:after,
    .dropend .ccm-ui .dropdown-toggle-split:after,
    .dropup .ccm-ui .dropdown-toggle-split:after {
        margin-left: 0
    }

    .dropstart .ccm-ui .dropdown-toggle-split:before {
        margin-right: 0
    }

    .ccm-ui .btn-group-sm>.btn+.dropdown-toggle-split,
    .ccm-ui .btn-sm+.dropdown-toggle-split {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .ccm-ui .btn-group-lg>.btn+.dropdown-toggle-split,
    .ccm-ui .btn-lg+.dropdown-toggle-split {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .ccm-ui .btn-group.show .dropdown-toggle {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
    }

    .ccm-ui .btn-group.show .dropdown-toggle.btn-link {
        box-shadow: none
    }

    .ccm-ui .btn-group-vertical {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center
    }

    .ccm-ui .btn-group-vertical>.btn,
    .ccm-ui .btn-group-vertical>.btn-group {
        width: 100%
    }

    .ccm-ui .btn-group-vertical>.btn-group:not(:first-child),
    .ccm-ui .btn-group-vertical>.btn:not(:first-child) {
        margin-top: calc(var(--bs-border-width)*-1)
    }

    .ccm-ui .btn-group-vertical>.btn-group:not(:last-child)>.btn,
    .ccm-ui .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .ccm-ui .btn-group-vertical>.btn-group:not(:first-child)>.btn,
    .ccm-ui .btn-group-vertical>.btn~.btn {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .ccm-ui .nav {
        --bs-nav-link-padding-x: 1rem;
        --bs-nav-link-padding-y: 0.5rem;
        --bs-nav-link-font-weight: ;
        --bs-nav-link-color: var(--bs-link-color);
        --bs-nav-link-hover-color: var(--bs-link-hover-color);
        --bs-nav-link-disabled-color: var(--bs-secondary-color);
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0
    }

    .ccm-ui .nav-link {
        background: none;
        border: 0;
        color: var(--bs-nav-link-color);
        display: block;
        font-size: var(--bs-nav-link-font-size);
        font-weight: var(--bs-nav-link-font-weight);
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .nav-link {
            transition: none
        }
    }

    .ccm-ui .nav-link:focus,
    .ccm-ui .nav-link:hover {
        color: var(--bs-nav-link-hover-color)
    }

    .ccm-ui .nav-link:focus-visible {
        box-shadow: 0 0 0 .25rem rgba(74, 144, 226, .25);
        outline: 0
    }

    .ccm-ui .nav-link.disabled,
    .ccm-ui .nav-link:disabled {
        color: var(--bs-nav-link-disabled-color);
        cursor: default;
        pointer-events: none
    }

    .ccm-ui .nav-tabs {
        --bs-nav-tabs-border-width: 0;
        --bs-nav-tabs-border-color: var(--bs-border-color);
        --bs-nav-tabs-border-radius: var(--bs-border-radius);
        --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
        --bs-nav-tabs-link-active-color: #4c4f56;
        --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
        --bs-nav-tabs-link-active-border-color: #4a90e2;
        border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
    }

    .ccm-ui .nav-tabs .nav-link {
        border: var(--bs-nav-tabs-border-width) solid transparent;
        border-top-left-radius: var(--bs-nav-tabs-border-radius);
        border-top-right-radius: var(--bs-nav-tabs-border-radius);
        margin-bottom: calc(var(--bs-nav-tabs-border-width)*-1)
    }

    .ccm-ui .nav-tabs .nav-link:focus,
    .ccm-ui .nav-tabs .nav-link:hover {
        border-color: var(--bs-nav-tabs-link-hover-border-color);
        isolation: isolate
    }

    .ccm-ui .nav-tabs .nav-item.show .nav-link,
    .ccm-ui .nav-tabs .nav-link.active {
        background-color: var(--bs-nav-tabs-link-active-bg);
        border-color: var(--bs-nav-tabs-link-active-border-color);
        color: var(--bs-nav-tabs-link-active-color)
    }

    .ccm-ui .nav-tabs .dropdown-menu {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: calc(var(--bs-nav-tabs-border-width)*-1)
    }

    .ccm-ui .nav-pills {
        --bs-nav-pills-border-radius: var(--bs-border-radius);
        --bs-nav-pills-link-active-color: #fff;
        --bs-nav-pills-link-active-bg: #4a90e2
    }

    .ccm-ui .nav-pills .nav-link {
        border-radius: var(--bs-nav-pills-border-radius)
    }

    .ccm-ui .nav-pills .nav-link.active,
    .ccm-ui .nav-pills .show>.nav-link {
        background-color: var(--bs-nav-pills-link-active-bg);
        color: var(--bs-nav-pills-link-active-color)
    }

    .ccm-ui .nav-underline {
        --bs-nav-underline-gap: 1rem;
        --bs-nav-underline-border-width: 0.125rem;
        --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
        gap: var(--bs-nav-underline-gap)
    }

    .ccm-ui .nav-underline .nav-link {
        border-bottom: var(--bs-nav-underline-border-width) solid transparent;
        padding-left: 0;
        padding-right: 0
    }

    .ccm-ui .nav-underline .nav-link:focus,
    .ccm-ui .nav-underline .nav-link:hover {
        border-bottom-color: currentcolor
    }

    .ccm-ui .nav-underline .nav-link.active,
    .ccm-ui .nav-underline .show>.nav-link {
        border-bottom-color: currentcolor;
        color: var(--bs-nav-underline-link-active-color);
        font-weight: 700
    }

    .ccm-ui .nav-fill .nav-item,
    .ccm-ui .nav-fill>.nav-link {
        flex: 1 1 auto;
        text-align: center
    }

    .ccm-ui .nav-justified .nav-item,
    .ccm-ui .nav-justified>.nav-link {
        flex-basis: 0;
        flex-grow: 1;
        text-align: center
    }

    .ccm-ui .nav-fill .nav-item .nav-link,
    .ccm-ui .nav-justified .nav-item .nav-link {
        width: 100%
    }

    .ccm-ui .tab-content>.tab-pane {
        display: none
    }

    .ccm-ui .tab-content>.active {
        display: block
    }

    .ccm-ui .navbar {
        --bs-navbar-padding-x: 0;
        --bs-navbar-padding-y: 0.5rem;
        --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
        --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
        --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
        --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
        --bs-navbar-brand-padding-y: 0.3125rem;
        --bs-navbar-brand-margin-end: 1rem;
        --bs-navbar-brand-font-size: 1.25rem;
        --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
        --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
        --bs-navbar-nav-link-padding-x: 0.5rem;
        --bs-navbar-toggler-padding-y: 0.25rem;
        --bs-navbar-toggler-padding-x: 0.75rem;
        --bs-navbar-toggler-font-size: 1.25rem;
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(76, 79, 86, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
        --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
        --bs-navbar-toggler-border-radius: var(--bs-border-radius);
        --bs-navbar-toggler-focus-width: 0.25rem;
        --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
        position: relative
    }

    .ccm-ui .navbar>.container,
    .ccm-ui .navbar>.container-fluid,
    .ccm-ui .navbar>.container-lg,
    .ccm-ui .navbar>.container-md,
    .ccm-ui .navbar>.container-sm,
    .ccm-ui .navbar>.container-xl,
    .ccm-ui .navbar>.container-xxl {
        align-items: center;
        display: flex;
        flex-wrap: inherit;
        justify-content: space-between
    }

    .ccm-ui .navbar-brand {
        color: var(--bs-navbar-brand-color);
        font-size: var(--bs-navbar-brand-font-size);
        margin-right: var(--bs-navbar-brand-margin-end);
        padding-bottom: var(--bs-navbar-brand-padding-y);
        padding-top: var(--bs-navbar-brand-padding-y);
        white-space: nowrap
    }

    .ccm-ui .navbar-brand:focus,
    .ccm-ui .navbar-brand:hover {
        color: var(--bs-navbar-brand-hover-color)
    }

    .ccm-ui .navbar-nav {
        --bs-nav-link-padding-x: 0;
        --bs-nav-link-padding-y: 0.5rem;
        --bs-nav-link-font-weight: ;
        --bs-nav-link-color: var(--bs-navbar-color);
        --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
        --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
        display: flex;
        flex-direction: column;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0
    }

    .ccm-ui .navbar-nav .nav-link.active,
    .ccm-ui .navbar-nav .nav-link.show {
        color: var(--bs-navbar-active-color)
    }

    .ccm-ui .navbar-nav .dropdown-menu {
        position: static
    }

    .ccm-ui .navbar-text {
        color: var(--bs-navbar-color);
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .ccm-ui .navbar-text a,
    .ccm-ui .navbar-text a:focus,
    .ccm-ui .navbar-text a:hover {
        color: var(--bs-navbar-active-color)
    }

    .ccm-ui .navbar-collapse {
        align-items: center;
        flex-basis: 100%;
        flex-grow: 1
    }

    .ccm-ui .navbar-toggler {
        background-color: transparent;
        border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
        border-radius: var(--bs-navbar-toggler-border-radius);
        color: var(--bs-navbar-color);
        font-size: var(--bs-navbar-toggler-font-size);
        line-height: 1;
        padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
        transition: var(--bs-navbar-toggler-transition)
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .navbar-toggler {
            transition: none
        }
    }

    .ccm-ui .navbar-toggler:hover {
        text-decoration: none
    }

    .ccm-ui .navbar-toggler:focus {
        box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
        outline: 0;
        text-decoration: none
    }

    .ccm-ui .navbar-toggler-icon {
        background-image: var(--bs-navbar-toggler-icon-bg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        display: inline-block;
        height: 1.5em;
        vertical-align: middle;
        width: 1.5em
    }

    .ccm-ui .navbar-nav-scroll {
        max-height: var(--bs-scroll-height, 75vh);
        overflow-y: auto
    }

    @media(min-width:576px) {
        .ccm-ui .navbar-expand-sm {
            flex-wrap: nowrap;
            justify-content: flex-start
        }

        .ccm-ui .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

        .ccm-ui .navbar-expand-sm .navbar-nav .dropdown-menu {
            position: absolute
        }

        .ccm-ui .navbar-expand-sm .navbar-nav .nav-link {
            padding-left: var(--bs-navbar-nav-link-padding-x);
            padding-right: var(--bs-navbar-nav-link-padding-x)
        }

        .ccm-ui .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

        .ccm-ui .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .ccm-ui .navbar-expand-sm .navbar-toggler {
            display: none
        }

        .ccm-ui .navbar-expand-sm .offcanvas {
            background-color: transparent !important;
            border: 0 !important;
            box-shadow: none;
            flex-grow: 1;
            height: auto !important;
            position: static;
            transform: none !important;
            transition: none;
            visibility: visible !important;
            width: auto !important;
            z-index: auto
        }

        .ccm-ui .navbar-expand-sm .offcanvas .offcanvas-header {
            display: none
        }

        .ccm-ui .navbar-expand-sm .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0
        }
    }

    @media(min-width:768px) {
        .ccm-ui .navbar-expand-md {
            flex-wrap: nowrap;
            justify-content: flex-start
        }

        .ccm-ui .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

        .ccm-ui .navbar-expand-md .navbar-nav .dropdown-menu {
            position: absolute
        }

        .ccm-ui .navbar-expand-md .navbar-nav .nav-link {
            padding-left: var(--bs-navbar-nav-link-padding-x);
            padding-right: var(--bs-navbar-nav-link-padding-x)
        }

        .ccm-ui .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

        .ccm-ui .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .ccm-ui .navbar-expand-md .navbar-toggler {
            display: none
        }

        .ccm-ui .navbar-expand-md .offcanvas {
            background-color: transparent !important;
            border: 0 !important;
            box-shadow: none;
            flex-grow: 1;
            height: auto !important;
            position: static;
            transform: none !important;
            transition: none;
            visibility: visible !important;
            width: auto !important;
            z-index: auto
        }

        .ccm-ui .navbar-expand-md .offcanvas .offcanvas-header {
            display: none
        }

        .ccm-ui .navbar-expand-md .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0
        }
    }

    @media(min-width:992px) {
        .ccm-ui .navbar-expand-lg {
            flex-wrap: nowrap;
            justify-content: flex-start
        }

        .ccm-ui .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

        .ccm-ui .navbar-expand-lg .navbar-nav .dropdown-menu {
            position: absolute
        }

        .ccm-ui .navbar-expand-lg .navbar-nav .nav-link {
            padding-left: var(--bs-navbar-nav-link-padding-x);
            padding-right: var(--bs-navbar-nav-link-padding-x)
        }

        .ccm-ui .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .ccm-ui .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .ccm-ui .navbar-expand-lg .navbar-toggler {
            display: none
        }

        .ccm-ui .navbar-expand-lg .offcanvas {
            background-color: transparent !important;
            border: 0 !important;
            box-shadow: none;
            flex-grow: 1;
            height: auto !important;
            position: static;
            transform: none !important;
            transition: none;
            visibility: visible !important;
            width: auto !important;
            z-index: auto
        }

        .ccm-ui .navbar-expand-lg .offcanvas .offcanvas-header {
            display: none
        }

        .ccm-ui .navbar-expand-lg .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0
        }
    }

    @media(min-width:1200px) {
        .ccm-ui .navbar-expand-xl {
            flex-wrap: nowrap;
            justify-content: flex-start
        }

        .ccm-ui .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

        .ccm-ui .navbar-expand-xl .navbar-nav .dropdown-menu {
            position: absolute
        }

        .ccm-ui .navbar-expand-xl .navbar-nav .nav-link {
            padding-left: var(--bs-navbar-nav-link-padding-x);
            padding-right: var(--bs-navbar-nav-link-padding-x)
        }

        .ccm-ui .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

        .ccm-ui .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .ccm-ui .navbar-expand-xl .navbar-toggler {
            display: none
        }

        .ccm-ui .navbar-expand-xl .offcanvas {
            background-color: transparent !important;
            border: 0 !important;
            box-shadow: none;
            flex-grow: 1;
            height: auto !important;
            position: static;
            transform: none !important;
            transition: none;
            visibility: visible !important;
            width: auto !important;
            z-index: auto
        }

        .ccm-ui .navbar-expand-xl .offcanvas .offcanvas-header {
            display: none
        }

        .ccm-ui .navbar-expand-xl .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0
        }
    }

    @media(min-width:1400px) {
        .ccm-ui .navbar-expand-xxl {
            flex-wrap: nowrap;
            justify-content: flex-start
        }

        .ccm-ui .navbar-expand-xxl .navbar-nav {
            flex-direction: row
        }

        .ccm-ui .navbar-expand-xxl .navbar-nav .dropdown-menu {
            position: absolute
        }

        .ccm-ui .navbar-expand-xxl .navbar-nav .nav-link {
            padding-left: var(--bs-navbar-nav-link-padding-x);
            padding-right: var(--bs-navbar-nav-link-padding-x)
        }

        .ccm-ui .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible
        }

        .ccm-ui .navbar-expand-xxl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .ccm-ui .navbar-expand-xxl .navbar-toggler {
            display: none
        }

        .ccm-ui .navbar-expand-xxl .offcanvas {
            background-color: transparent !important;
            border: 0 !important;
            box-shadow: none;
            flex-grow: 1;
            height: auto !important;
            position: static;
            transform: none !important;
            transition: none;
            visibility: visible !important;
            width: auto !important;
            z-index: auto
        }

        .ccm-ui .navbar-expand-xxl .offcanvas .offcanvas-header {
            display: none
        }

        .ccm-ui .navbar-expand-xxl .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0
        }
    }

    .ccm-ui .navbar-expand {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .ccm-ui .navbar-expand .navbar-nav {
        flex-direction: row
    }

    .ccm-ui .navbar-expand .navbar-nav .dropdown-menu {
        position: absolute
    }

    .ccm-ui .navbar-expand .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }

    .ccm-ui .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .ccm-ui .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .ccm-ui .navbar-expand .navbar-toggler {
        display: none
    }

    .ccm-ui .navbar-expand .offcanvas {
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }

    .ccm-ui .navbar-expand .offcanvas .offcanvas-header {
        display: none
    }

    .ccm-ui .navbar-expand .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }

    .ccm-ui .navbar-dark,
    .ccm-ui .navbar[data-bs-theme=dark] {
        --bs-navbar-color: hsla(0, 0%, 100%, .55);
        --bs-navbar-hover-color: hsla(0, 0%, 100%, .75);
        --bs-navbar-disabled-color: hsla(0, 0%, 100%, .25);
        --bs-navbar-active-color: #fff;
        --bs-navbar-brand-color: #fff;
        --bs-navbar-brand-hover-color: #fff;
        --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, .1)
    }

    .ccm-ui .navbar-dark,
    .ccm-ui .navbar[data-bs-theme=dark],
    .ccm-ui [data-bs-theme=dark] .navbar-toggler-icon {
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
    }

    .ccm-ui .card {
        --bs-card-spacer-y: 1rem;
        --bs-card-spacer-x: 1rem;
        --bs-card-title-spacer-y: 0.5rem;
        --bs-card-title-color: ;
        --bs-card-subtitle-color: ;
        --bs-card-border-width: 1px;
        --bs-card-border-color: var(--bs-border-color-translucent);
        --bs-card-border-radius: var(--bs-border-radius);
        --bs-card-box-shadow: 0 2px 3px rgba(0, 0, 0, .12);
        --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 1px);
        --bs-card-cap-padding-y: 0.5rem;
        --bs-card-cap-padding-x: 1rem;
        --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
        --bs-card-cap-color: ;
        --bs-card-height: ;
        --bs-card-color: ;
        --bs-card-bg: var(--bs-body-bg);
        --bs-card-img-overlay-padding: 1rem;
        --bs-card-group-margin: 0.75rem;
        word-wrap: break-word;
        background-clip: border-box;
        background-color: var(--bs-card-bg);
        border: var(--bs-card-border-width) solid var(--bs-card-border-color);
        border-radius: var(--bs-card-border-radius);
        box-shadow: var(--bs-card-box-shadow);
        color: var(--bs-body-color);
        display: flex;
        flex-direction: column;
        height: var(--bs-card-height);
        min-width: 0;
        position: relative
    }

    .ccm-ui .card>hr {
        margin-left: 0;
        margin-right: 0
    }

    .ccm-ui .card>.list-group {
        border-bottom: inherit;
        border-top: inherit
    }

    .ccm-ui .card>.list-group:first-child {
        border-top-left-radius: var(--bs-card-inner-border-radius);
        border-top-right-radius: var(--bs-card-inner-border-radius);
        border-top-width: 0
    }

    .ccm-ui .card>.list-group:last-child {
        border-bottom-left-radius: var(--bs-card-inner-border-radius);
        border-bottom-right-radius: var(--bs-card-inner-border-radius);
        border-bottom-width: 0
    }

    .ccm-ui .card>.card-header+.list-group,
    .ccm-ui .card>.list-group+.card-footer {
        border-top: 0
    }

    .ccm-ui .card-body {
        color: var(--bs-card-color);
        flex: 1 1 auto;
        padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x)
    }

    .ccm-ui .card-title {
        color: var(--bs-card-title-color);
        margin-bottom: var(--bs-card-title-spacer-y)
    }

    .ccm-ui .card-subtitle {
        color: var(--bs-card-subtitle-color);
        margin-bottom: 0;
        margin-top: calc(var(--bs-card-title-spacer-y)*-.5)
    }

    .ccm-ui .card-text:last-child {
        margin-bottom: 0
    }

    .ccm-ui .card-link+.card-link {
        margin-left: var(--bs-card-spacer-x)
    }

    .ccm-ui .card-header {
        background-color: var(--bs-card-cap-bg);
        border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
        color: var(--bs-card-cap-color);
        margin-bottom: 0;
        padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
    }

    .ccm-ui .card-header:first-child {
        border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
    }

    .ccm-ui .card-footer {
        background-color: var(--bs-card-cap-bg);
        border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
        color: var(--bs-card-cap-color);
        padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
    }

    .ccm-ui .card-footer:last-child {
        border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
    }

    .ccm-ui .card-header-tabs {
        border-bottom: 0;
        margin-bottom: calc(var(--bs-card-cap-padding-y)*-1);
        margin-left: calc(var(--bs-card-cap-padding-x)*-.5);
        margin-right: calc(var(--bs-card-cap-padding-x)*-.5)
    }

    .ccm-ui .card-header-tabs .nav-link.active {
        background-color: var(--bs-card-bg);
        border-bottom-color: var(--bs-card-bg)
    }

    .ccm-ui .card-header-pills {
        margin-left: calc(var(--bs-card-cap-padding-x)*-.5);
        margin-right: calc(var(--bs-card-cap-padding-x)*-.5)
    }

    .ccm-ui .card-img-overlay {
        border-radius: var(--bs-card-inner-border-radius);
        bottom: 0;
        left: 0;
        padding: var(--bs-card-img-overlay-padding);
        position: absolute;
        right: 0;
        top: 0
    }

    .ccm-ui .card-img,
    .ccm-ui .card-img-bottom,
    .ccm-ui .card-img-top {
        width: 100%
    }

    .ccm-ui .card-img,
    .ccm-ui .card-img-top {
        border-top-left-radius: var(--bs-card-inner-border-radius);
        border-top-right-radius: var(--bs-card-inner-border-radius)
    }

    .ccm-ui .card-img,
    .ccm-ui .card-img-bottom {
        border-bottom-left-radius: var(--bs-card-inner-border-radius);
        border-bottom-right-radius: var(--bs-card-inner-border-radius)
    }

    .ccm-ui .card-group>.card {
        margin-bottom: var(--bs-card-group-margin)
    }

    @media(min-width:576px) {
        .ccm-ui .card-group {
            display: flex;
            flex-flow: row wrap
        }

        .ccm-ui .card-group>.card {
            flex: 1 0 0%;
            margin-bottom: 0
        }

        .ccm-ui .card-group>.card+.card {
            border-left: 0;
            margin-left: 0
        }

        .ccm-ui .card-group>.card:not(:last-child) {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

        .ccm-ui .card-group>.card:not(:last-child) .card-header,
        .ccm-ui .card-group>.card:not(:last-child) .card-img-top {
            border-top-right-radius: 0
        }

        .ccm-ui .card-group>.card:not(:last-child) .card-footer,
        .ccm-ui .card-group>.card:not(:last-child) .card-img-bottom {
            border-bottom-right-radius: 0
        }

        .ccm-ui .card-group>.card:not(:first-child) {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

        .ccm-ui .card-group>.card:not(:first-child) .card-header,
        .ccm-ui .card-group>.card:not(:first-child) .card-img-top {
            border-top-left-radius: 0
        }

        .ccm-ui .card-group>.card:not(:first-child) .card-footer,
        .ccm-ui .card-group>.card:not(:first-child) .card-img-bottom {
            border-bottom-left-radius: 0
        }
    }

    .ccm-ui .accordion {
        --bs-accordion-color: var(--bs-body-color);
        --bs-accordion-bg: var(--bs-body-bg);
        --bs-accordion-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-radius 0.15s ease;
        --bs-accordion-border-color: var(--bs-border-color);
        --bs-accordion-border-width: var(--bs-border-width);
        --bs-accordion-border-radius: var(--bs-border-radius);
        --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
        --bs-accordion-btn-padding-x: 1.25rem;
        --bs-accordion-btn-padding-y: 1rem;
        --bs-accordion-btn-color: var(--bs-body-color);
        --bs-accordion-btn-bg: var(--bs-accordion-bg);
        --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%234c4f56' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
        --bs-accordion-btn-icon-width: 1.25rem;
        --bs-accordion-btn-icon-transform: rotate(-180deg);
        --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
        --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231e3a5a' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
        --bs-accordion-btn-focus-box-shadow: 0 0;
        --bs-accordion-body-padding-x: 1.25rem;
        --bs-accordion-body-padding-y: 1rem;
        --bs-accordion-active-color: var(--bs-primary-text-emphasis);
        --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
    }

    .ccm-ui .accordion-button {
        align-items: center;
        background-color: var(--bs-accordion-btn-bg);
        border: 0;
        border-radius: 0;
        color: var(--bs-accordion-btn-color);
        display: flex;
        font-size: 1rem;
        overflow-anchor: none;
        padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
        position: relative;
        text-align: left;
        transition: var(--bs-accordion-transition);
        width: 100%
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .accordion-button {
            transition: none
        }
    }

    .ccm-ui .accordion-button:not(.collapsed) {
        background-color: var(--bs-accordion-active-bg);
        box-shadow: inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color);
        color: var(--bs-accordion-active-color)
    }

    .ccm-ui .accordion-button:not(.collapsed):after {
        background-image: var(--bs-accordion-btn-active-icon);
        transform: var(--bs-accordion-btn-icon-transform)
    }

    .ccm-ui .accordion-button:after {
        background-image: var(--bs-accordion-btn-icon);
        background-repeat: no-repeat;
        background-size: var(--bs-accordion-btn-icon-width);
        content: "";
        flex-shrink: 0;
        height: var(--bs-accordion-btn-icon-width);
        margin-left: auto;
        transition: var(--bs-accordion-btn-icon-transition);
        width: var(--bs-accordion-btn-icon-width)
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .accordion-button:after {
            transition: none
        }
    }

    .ccm-ui .accordion-button:hover {
        z-index: 2
    }

    .ccm-ui .accordion-button:focus {
        box-shadow: var(--bs-accordion-btn-focus-box-shadow);
        outline: 0;
        z-index: 3
    }

    .ccm-ui .accordion-header {
        margin-bottom: 0
    }

    .ccm-ui .accordion-item {
        background-color: var(--bs-accordion-bg);
        border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
        color: var(--bs-accordion-color)
    }

    .ccm-ui .accordion-item:first-of-type {
        border-top-left-radius: var(--bs-accordion-border-radius);
        border-top-right-radius: var(--bs-accordion-border-radius)
    }

    .ccm-ui .accordion-item:first-of-type>.accordion-header .accordion-button {
        border-top-left-radius: var(--bs-accordion-inner-border-radius);
        border-top-right-radius: var(--bs-accordion-inner-border-radius)
    }

    .ccm-ui .accordion-item:not(:first-of-type) {
        border-top: 0
    }

    .ccm-ui .accordion-item:last-of-type {
        border-bottom-left-radius: var(--bs-accordion-border-radius);
        border-bottom-right-radius: var(--bs-accordion-border-radius)
    }

    .ccm-ui .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
        border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
        border-bottom-right-radius: var(--bs-accordion-inner-border-radius)
    }

    .ccm-ui .accordion-item:last-of-type>.accordion-collapse {
        border-bottom-left-radius: var(--bs-accordion-border-radius);
        border-bottom-right-radius: var(--bs-accordion-border-radius)
    }

    .ccm-ui .accordion-body {
        padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
    }

    .ccm-ui .accordion-flush>.accordion-item {
        border-left: 0;
        border-radius: 0;
        border-right: 0
    }

    .ccm-ui .accordion-flush>.accordion-item:first-child {
        border-top: 0
    }

    .ccm-ui .accordion-flush>.accordion-item:last-child {
        border-bottom: 0
    }

    .ccm-ui .accordion-flush>.accordion-item>.accordion-collapse,
    .ccm-ui .accordion-flush>.accordion-item>.accordion-header .accordion-button,
    .ccm-ui .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
        border-radius: 0
    }

    .ccm-ui [data-bs-theme=dark] .accordion-button:after {
        --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2392bcee'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
        --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2392bcee'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")
    }

    .ccm-ui .breadcrumb {
        --bs-breadcrumb-padding-x: 0;
        --bs-breadcrumb-padding-y: 20px;
        --bs-breadcrumb-margin-bottom: 1rem;
        --bs-breadcrumb-font-size: 0.8rem;
        --bs-breadcrumb-bg: transparent;
        --bs-breadcrumb-border-radius: ;
        --bs-breadcrumb-divider-color: var(--bs-secondary-color);
        --bs-breadcrumb-item-padding-x: 0.5rem;
        --bs-breadcrumb-item-active-color: #6a6f7b;
        background-color: var(--bs-breadcrumb-bg);
        border-radius: var(--bs-breadcrumb-border-radius);
        display: flex;
        flex-wrap: wrap;
        font-size: var(--bs-breadcrumb-font-size);
        list-style: none;
        margin-bottom: var(--bs-breadcrumb-margin-bottom);
        padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x)
    }

    .ccm-ui .breadcrumb-item+.breadcrumb-item {
        padding-left: var(--bs-breadcrumb-item-padding-x)
    }

    .ccm-ui .breadcrumb-item+.breadcrumb-item:before {
        color: var(--bs-breadcrumb-divider-color);
        content: var(--bs-breadcrumb-divider, ">");
        float: left;
        padding-right: var(--bs-breadcrumb-item-padding-x)
    }

    .ccm-ui .breadcrumb-item.active {
        color: var(--bs-breadcrumb-item-active-color)
    }

    .ccm-ui .pagination {
        --bs-pagination-padding-x: 0.75rem;
        --bs-pagination-padding-y: 0.375rem;
        --bs-pagination-font-size: 1rem;
        --bs-pagination-color: var(--bs-link-color);
        --bs-pagination-bg: var(--bs-body-bg);
        --bs-pagination-border-width: var(--bs-border-width);
        --bs-pagination-border-color: var(--bs-border-color);
        --bs-pagination-border-radius: var(--bs-border-radius);
        --bs-pagination-hover-color: var(--bs-link-hover-color);
        --bs-pagination-hover-bg: var(--bs-tertiary-bg);
        --bs-pagination-hover-border-color: var(--bs-border-color);
        --bs-pagination-focus-color: var(--bs-link-hover-color);
        --bs-pagination-focus-bg: var(--bs-secondary-bg);
        --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(74, 144, 226, .25);
        --bs-pagination-active-color: #fff;
        --bs-pagination-active-bg: #4a90e2;
        --bs-pagination-active-border-color: #4a90e2;
        --bs-pagination-disabled-color: var(--bs-secondary-color);
        --bs-pagination-disabled-bg: var(--bs-secondary-bg);
        --bs-pagination-disabled-border-color: var(--bs-border-color);
        display: flex;
        list-style: none;
        padding-left: 0
    }

    .ccm-ui .page-link {
        background-color: var(--bs-pagination-bg);
        border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
        color: var(--bs-pagination-color);
        display: block;
        font-size: var(--bs-pagination-font-size);
        padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
        position: relative;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .page-link {
            transition: none
        }
    }

    .ccm-ui .page-link:hover {
        background-color: var(--bs-pagination-hover-bg);
        border-color: var(--bs-pagination-hover-border-color);
        color: var(--bs-pagination-hover-color);
        z-index: 2
    }

    .ccm-ui .page-link:focus {
        background-color: var(--bs-pagination-focus-bg);
        box-shadow: var(--bs-pagination-focus-box-shadow);
        color: var(--bs-pagination-focus-color);
        outline: 0;
        z-index: 3
    }

    .active>.ccm-ui .page-link,
    .ccm-ui .page-link.active {
        background-color: var(--bs-pagination-active-bg);
        border-color: var(--bs-pagination-active-border-color);
        color: var(--bs-pagination-active-color);
        z-index: 3
    }

    .ccm-ui .page-link.disabled,
    .disabled>.ccm-ui .page-link {
        background-color: var(--bs-pagination-disabled-bg);
        border-color: var(--bs-pagination-disabled-border-color);
        color: var(--bs-pagination-disabled-color);
        pointer-events: none
    }

    .ccm-ui .page-item:not(:first-child) .page-link {
        margin-left: calc(var(--bs-border-width)*-1)
    }

    .ccm-ui .page-item:first-child .page-link {
        border-bottom-left-radius: var(--bs-pagination-border-radius);
        border-top-left-radius: var(--bs-pagination-border-radius)
    }

    .ccm-ui .page-item:last-child .page-link {
        border-bottom-right-radius: var(--bs-pagination-border-radius);
        border-top-right-radius: var(--bs-pagination-border-radius)
    }

    .ccm-ui .pagination-lg {
        --bs-pagination-padding-x: 1.5rem;
        --bs-pagination-padding-y: 0.75rem;
        --bs-pagination-font-size: 1.25rem;
        --bs-pagination-border-radius: var(--bs-border-radius-lg)
    }

    .ccm-ui .pagination-sm {
        --bs-pagination-padding-x: 0.5rem;
        --bs-pagination-padding-y: 0.25rem;
        --bs-pagination-font-size: 0.875rem;
        --bs-pagination-border-radius: var(--bs-border-radius-sm)
    }

    .ccm-ui .badge {
        --bs-badge-padding-x: 11px;
        --bs-badge-padding-y: 8px;
        --bs-badge-font-size: 0.75em;
        --bs-badge-font-weight: 700;
        --bs-badge-color: #fff;
        --bs-badge-border-radius: 2px;
        border-radius: var(--bs-badge-border-radius);
        color: var(--bs-badge-color);
        display: inline-block;
        font-size: var(--bs-badge-font-size);
        font-weight: var(--bs-badge-font-weight);
        line-height: 1;
        padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
        text-align: center;
        vertical-align: baseline;
        white-space: nowrap
    }

    .ccm-ui .badge:empty {
        display: none
    }

    .ccm-ui .btn .badge {
        position: relative;
        top: -1px
    }

    .ccm-ui .alert {
        --bs-alert-bg: transparent;
        --bs-alert-padding-x: 1rem;
        --bs-alert-padding-y: 1rem;
        --bs-alert-margin-bottom: 1rem;
        --bs-alert-color: inherit;
        --bs-alert-border-color: transparent;
        --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
        --bs-alert-border-radius: var(--bs-border-radius);
        --bs-alert-link-color: inherit;
        background-color: var(--bs-alert-bg);
        border: var(--bs-alert-border);
        border-radius: var(--bs-alert-border-radius);
        color: var(--bs-alert-color);
        margin-bottom: var(--bs-alert-margin-bottom);
        padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
        position: relative
    }

    .ccm-ui .alert-heading {
        color: inherit
    }

    .ccm-ui .alert-link {
        color: var(--bs-alert-link-color);
        font-weight: 700
    }

    .ccm-ui .alert-dismissible {
        padding-right: 3rem
    }

    .ccm-ui .alert-dismissible .btn-close {
        padding: 1.25rem 1rem;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }

    .ccm-ui .alert-primary {
        --bs-alert-color: var(--bs-primary-text-emphasis);
        --bs-alert-bg: var(--bs-primary-bg-subtle);
        --bs-alert-border-color: var(--bs-primary-border-subtle);
        --bs-alert-link-color: var(--bs-primary-text-emphasis)
    }

    .ccm-ui .alert-secondary {
        --bs-alert-color: var(--bs-secondary-text-emphasis);
        --bs-alert-bg: var(--bs-secondary-bg-subtle);
        --bs-alert-border-color: var(--bs-secondary-border-subtle);
        --bs-alert-link-color: var(--bs-secondary-text-emphasis)
    }

    .ccm-ui .alert-success {
        --bs-alert-color: var(--bs-success-text-emphasis);
        --bs-alert-bg: var(--bs-success-bg-subtle);
        --bs-alert-border-color: var(--bs-success-border-subtle);
        --bs-alert-link-color: var(--bs-success-text-emphasis)
    }

    .ccm-ui .alert-info {
        --bs-alert-color: var(--bs-info-text-emphasis);
        --bs-alert-bg: var(--bs-info-bg-subtle);
        --bs-alert-border-color: var(--bs-info-border-subtle);
        --bs-alert-link-color: var(--bs-info-text-emphasis)
    }

    .ccm-ui .alert-warning {
        --bs-alert-color: var(--bs-warning-text-emphasis);
        --bs-alert-bg: var(--bs-warning-bg-subtle);
        --bs-alert-border-color: var(--bs-warning-border-subtle);
        --bs-alert-link-color: var(--bs-warning-text-emphasis)
    }

    .ccm-ui .alert-danger {
        --bs-alert-color: var(--bs-danger-text-emphasis);
        --bs-alert-bg: var(--bs-danger-bg-subtle);
        --bs-alert-border-color: var(--bs-danger-border-subtle);
        --bs-alert-link-color: var(--bs-danger-text-emphasis)
    }

    .ccm-ui .alert-light {
        --bs-alert-color: var(--bs-light-text-emphasis);
        --bs-alert-bg: var(--bs-light-bg-subtle);
        --bs-alert-border-color: var(--bs-light-border-subtle);
        --bs-alert-link-color: var(--bs-light-text-emphasis)
    }

    .ccm-ui .alert-dark {
        --bs-alert-color: var(--bs-dark-text-emphasis);
        --bs-alert-bg: var(--bs-dark-bg-subtle);
        --bs-alert-border-color: var(--bs-dark-border-subtle);
        --bs-alert-link-color: var(--bs-dark-text-emphasis)
    }

    @keyframes progress-bar-stripes {
        0% {
            background-position-x: 1rem
        }
    }

    .ccm-ui .progress,
    .ccm-ui .progress-stacked {
        --bs-progress-height: 1rem;
        --bs-progress-font-size: 0.75rem;
        --bs-progress-bg: var(--bs-secondary-bg);
        --bs-progress-border-radius: var(--bs-border-radius);
        --bs-progress-box-shadow: var(--bs-box-shadow-inset);
        --bs-progress-bar-color: #fff;
        --bs-progress-bar-bg: #4a90e2;
        --bs-progress-bar-transition: width 0.6s ease;
        background-color: var(--bs-progress-bg);
        border-radius: var(--bs-progress-border-radius);
        box-shadow: var(--bs-progress-box-shadow);
        display: flex;
        font-size: var(--bs-progress-font-size);
        height: var(--bs-progress-height);
        overflow: hidden
    }

    .ccm-ui .progress-bar {
        background-color: var(--bs-progress-bar-bg);
        color: var(--bs-progress-bar-color);
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        text-align: center;
        transition: var(--bs-progress-bar-transition);
        white-space: nowrap
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .progress-bar {
            transition: none
        }
    }

    .ccm-ui .progress-bar-striped {
        background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
        background-size: var(--bs-progress-height) var(--bs-progress-height)
    }

    .ccm-ui .progress-stacked>.progress {
        overflow: visible
    }

    .ccm-ui .progress-stacked>.progress>.progress-bar {
        width: 100%
    }

    .ccm-ui .progress-bar-animated {
        animation: progress-bar-stripes 1s linear infinite
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .progress-bar-animated {
            animation: none
        }
    }

    .ccm-ui .list-group {
        --bs-list-group-color: var(--bs-body-color);
        --bs-list-group-bg: var(--bs-body-bg);
        --bs-list-group-border-color: var(--bs-border-color);
        --bs-list-group-border-width: var(--bs-border-width);
        --bs-list-group-border-radius: var(--bs-border-radius);
        --bs-list-group-item-padding-x: 1rem;
        --bs-list-group-item-padding-y: 0.5rem;
        --bs-list-group-action-color: var(--bs-secondary-color);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
        --bs-list-group-action-active-color: var(--bs-body-color);
        --bs-list-group-action-active-bg: var(--bs-secondary-bg);
        --bs-list-group-disabled-color: var(--bs-secondary-color);
        --bs-list-group-disabled-bg: var(--bs-body-bg);
        --bs-list-group-active-color: #fff;
        --bs-list-group-active-bg: #4a90e2;
        --bs-list-group-active-border-color: #4a90e2;
        border-radius: var(--bs-list-group-border-radius);
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        padding-left: 0
    }

    .ccm-ui .list-group-numbered {
        counter-reset: section;
        list-style-type: none
    }

    .ccm-ui .list-group-numbered>.list-group-item:before {
        content: counters(section, ".") ". ";
        counter-increment: section
    }

    .ccm-ui .list-group-item-action {
        color: var(--bs-list-group-action-color);
        text-align: inherit;
        width: 100%
    }

    .ccm-ui .list-group-item-action:focus,
    .ccm-ui .list-group-item-action:hover {
        background-color: var(--bs-list-group-action-hover-bg);
        color: var(--bs-list-group-action-hover-color);
        text-decoration: none;
        z-index: 1
    }

    .ccm-ui .list-group-item-action:active {
        background-color: var(--bs-list-group-action-active-bg);
        color: var(--bs-list-group-action-active-color)
    }

    .ccm-ui .list-group-item {
        background-color: var(--bs-list-group-bg);
        border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
        color: var(--bs-list-group-color);
        display: block;
        padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
        position: relative
    }

    .ccm-ui .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .ccm-ui .list-group-item:last-child {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit
    }

    .ccm-ui .list-group-item.disabled,
    .ccm-ui .list-group-item:disabled {
        background-color: var(--bs-list-group-disabled-bg);
        color: var(--bs-list-group-disabled-color);
        pointer-events: none
    }

    .ccm-ui .list-group-item.active {
        background-color: var(--bs-list-group-active-bg);
        border-color: var(--bs-list-group-active-border-color);
        color: var(--bs-list-group-active-color);
        z-index: 2
    }

    .ccm-ui .list-group-item+.list-group-item {
        border-top-width: 0
    }

    .ccm-ui .list-group-item+.list-group-item.active {
        border-top-width: var(--bs-list-group-border-width);
        margin-top: calc(var(--bs-list-group-border-width)*-1)
    }

    .ccm-ui .list-group-horizontal {
        flex-direction: row
    }

    .ccm-ui .list-group-horizontal>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .ccm-ui .list-group-horizontal>.list-group-item:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-list-group-border-radius)
    }

    .ccm-ui .list-group-horizontal>.list-group-item.active {
        margin-top: 0
    }

    .ccm-ui .list-group-horizontal>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: var(--bs-list-group-border-width)
    }

    .ccm-ui .list-group-horizontal>.list-group-item+.list-group-item.active {
        border-left-width: var(--bs-list-group-border-width);
        margin-left: calc(var(--bs-list-group-border-width)*-1)
    }

    @media(min-width:576px) {
        .ccm-ui .list-group-horizontal-sm {
            flex-direction: row
        }

        .ccm-ui .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .ccm-ui .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
            border-bottom-left-radius: 0;
            border-top-right-radius: var(--bs-list-group-border-radius)
        }

        .ccm-ui .list-group-horizontal-sm>.list-group-item.active {
            margin-top: 0
        }

        .ccm-ui .list-group-horizontal-sm>.list-group-item+.list-group-item {
            border-left-width: 0;
            border-top-width: var(--bs-list-group-border-width)
        }

        .ccm-ui .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
            border-left-width: var(--bs-list-group-border-width);
            margin-left: calc(var(--bs-list-group-border-width)*-1)
        }
    }

    @media(min-width:768px) {
        .ccm-ui .list-group-horizontal-md {
            flex-direction: row
        }

        .ccm-ui .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .ccm-ui .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
            border-bottom-left-radius: 0;
            border-top-right-radius: var(--bs-list-group-border-radius)
        }

        .ccm-ui .list-group-horizontal-md>.list-group-item.active {
            margin-top: 0
        }

        .ccm-ui .list-group-horizontal-md>.list-group-item+.list-group-item {
            border-left-width: 0;
            border-top-width: var(--bs-list-group-border-width)
        }

        .ccm-ui .list-group-horizontal-md>.list-group-item+.list-group-item.active {
            border-left-width: var(--bs-list-group-border-width);
            margin-left: calc(var(--bs-list-group-border-width)*-1)
        }
    }

    @media(min-width:992px) {
        .ccm-ui .list-group-horizontal-lg {
            flex-direction: row
        }

        .ccm-ui .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .ccm-ui .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
            border-bottom-left-radius: 0;
            border-top-right-radius: var(--bs-list-group-border-radius)
        }

        .ccm-ui .list-group-horizontal-lg>.list-group-item.active {
            margin-top: 0
        }

        .ccm-ui .list-group-horizontal-lg>.list-group-item+.list-group-item {
            border-left-width: 0;
            border-top-width: var(--bs-list-group-border-width)
        }

        .ccm-ui .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
            border-left-width: var(--bs-list-group-border-width);
            margin-left: calc(var(--bs-list-group-border-width)*-1)
        }
    }

    @media(min-width:1200px) {
        .ccm-ui .list-group-horizontal-xl {
            flex-direction: row
        }

        .ccm-ui .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .ccm-ui .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
            border-bottom-left-radius: 0;
            border-top-right-radius: var(--bs-list-group-border-radius)
        }

        .ccm-ui .list-group-horizontal-xl>.list-group-item.active {
            margin-top: 0
        }

        .ccm-ui .list-group-horizontal-xl>.list-group-item+.list-group-item {
            border-left-width: 0;
            border-top-width: var(--bs-list-group-border-width)
        }

        .ccm-ui .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
            border-left-width: var(--bs-list-group-border-width);
            margin-left: calc(var(--bs-list-group-border-width)*-1)
        }
    }

    @media(min-width:1400px) {
        .ccm-ui .list-group-horizontal-xxl {
            flex-direction: row
        }

        .ccm-ui .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .ccm-ui .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
            border-bottom-left-radius: 0;
            border-top-right-radius: var(--bs-list-group-border-radius)
        }

        .ccm-ui .list-group-horizontal-xxl>.list-group-item.active {
            margin-top: 0
        }

        .ccm-ui .list-group-horizontal-xxl>.list-group-item+.list-group-item {
            border-left-width: 0;
            border-top-width: var(--bs-list-group-border-width)
        }

        .ccm-ui .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
            border-left-width: var(--bs-list-group-border-width);
            margin-left: calc(var(--bs-list-group-border-width)*-1)
        }
    }

    .ccm-ui .list-group-flush {
        border-radius: 0
    }

    .ccm-ui .list-group-flush>.list-group-item {
        border-width: 0 0 var(--bs-list-group-border-width)
    }

    .ccm-ui .list-group-flush>.list-group-item:last-child {
        border-bottom-width: 0
    }

    .ccm-ui .list-group-item-primary {
        --bs-list-group-color: var(--bs-primary-text-emphasis);
        --bs-list-group-bg: var(--bs-primary-bg-subtle);
        --bs-list-group-border-color: var(--bs-primary-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
        --bs-list-group-active-color: var(--bs-primary-bg-subtle);
        --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
    }

    .ccm-ui .list-group-item-secondary {
        --bs-list-group-color: var(--bs-secondary-text-emphasis);
        --bs-list-group-bg: var(--bs-secondary-bg-subtle);
        --bs-list-group-border-color: var(--bs-secondary-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
        --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
        --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
    }

    .ccm-ui .list-group-item-success {
        --bs-list-group-color: var(--bs-success-text-emphasis);
        --bs-list-group-bg: var(--bs-success-bg-subtle);
        --bs-list-group-border-color: var(--bs-success-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
        --bs-list-group-active-color: var(--bs-success-bg-subtle);
        --bs-list-group-active-bg: var(--bs-success-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
    }

    .ccm-ui .list-group-item-info {
        --bs-list-group-color: var(--bs-info-text-emphasis);
        --bs-list-group-bg: var(--bs-info-bg-subtle);
        --bs-list-group-border-color: var(--bs-info-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
        --bs-list-group-active-color: var(--bs-info-bg-subtle);
        --bs-list-group-active-bg: var(--bs-info-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
    }

    .ccm-ui .list-group-item-warning {
        --bs-list-group-color: var(--bs-warning-text-emphasis);
        --bs-list-group-bg: var(--bs-warning-bg-subtle);
        --bs-list-group-border-color: var(--bs-warning-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
        --bs-list-group-active-color: var(--bs-warning-bg-subtle);
        --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
    }

    .ccm-ui .list-group-item-danger {
        --bs-list-group-color: var(--bs-danger-text-emphasis);
        --bs-list-group-bg: var(--bs-danger-bg-subtle);
        --bs-list-group-border-color: var(--bs-danger-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
        --bs-list-group-active-color: var(--bs-danger-bg-subtle);
        --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
    }

    .ccm-ui .list-group-item-light {
        --bs-list-group-color: var(--bs-light-text-emphasis);
        --bs-list-group-bg: var(--bs-light-bg-subtle);
        --bs-list-group-border-color: var(--bs-light-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
        --bs-list-group-active-color: var(--bs-light-bg-subtle);
        --bs-list-group-active-bg: var(--bs-light-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
    }

    .ccm-ui .list-group-item-dark {
        --bs-list-group-color: var(--bs-dark-text-emphasis);
        --bs-list-group-bg: var(--bs-dark-bg-subtle);
        --bs-list-group-border-color: var(--bs-dark-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
        --bs-list-group-active-color: var(--bs-dark-bg-subtle);
        --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
    }

    .ccm-ui .btn-close {
        --bs-btn-close-color: #000;
        --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
        --bs-btn-close-opacity: 0.5;
        --bs-btn-close-hover-opacity: 0.75;
        --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(74, 144, 226, .25);
        --bs-btn-close-focus-opacity: 1;
        --bs-btn-close-disabled-opacity: 0.25;
        --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
        background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
        border: 0;
        border-radius: 3px;
        box-sizing: content-box;
        color: var(--bs-btn-close-color);
        height: 1em;
        opacity: var(--bs-btn-close-opacity);
        padding: .25em;
        width: 1em
    }

    .ccm-ui .btn-close:hover {
        color: var(--bs-btn-close-color);
        opacity: var(--bs-btn-close-hover-opacity);
        text-decoration: none
    }

    .ccm-ui .btn-close:focus {
        box-shadow: var(--bs-btn-close-focus-shadow);
        opacity: var(--bs-btn-close-focus-opacity);
        outline: 0
    }

    .ccm-ui .btn-close.disabled,
    .ccm-ui .btn-close:disabled {
        opacity: var(--bs-btn-close-disabled-opacity);
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .ccm-ui .btn-close-white,
    .ccm-ui [data-bs-theme=dark] .btn-close {
        filter: var(--bs-btn-close-white-filter)
    }

    .ccm-ui .toast {
        --bs-toast-zindex: 1090;
        --bs-toast-padding-x: 0.75rem;
        --bs-toast-padding-y: 0.5rem;
        --bs-toast-spacing: 1.5rem;
        --bs-toast-max-width: 350px;
        --bs-toast-font-size: 0.875rem;
        --bs-toast-color: ;
        --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
        --bs-toast-border-width: var(--bs-border-width);
        --bs-toast-border-color: var(--bs-border-color-translucent);
        --bs-toast-border-radius: var(--bs-border-radius);
        --bs-toast-box-shadow: var(--bs-box-shadow);
        --bs-toast-header-color: var(--bs-secondary-color);
        --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
        --bs-toast-header-border-color: var(--bs-border-color-translucent);
        background-clip: padding-box;
        background-color: var(--bs-toast-bg);
        border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
        border-radius: var(--bs-toast-border-radius);
        box-shadow: var(--bs-toast-box-shadow);
        color: var(--bs-toast-color);
        font-size: var(--bs-toast-font-size);
        max-width: 100%;
        pointer-events: auto;
        width: var(--bs-toast-max-width)
    }

    .ccm-ui .toast.showing {
        opacity: 0
    }

    .ccm-ui .toast:not(.show) {
        display: none
    }

    .ccm-ui .toast-container {
        --bs-toast-zindex: 1090;
        max-width: 100%;
        pointer-events: none;
        position: absolute;
        width: -moz-max-content;
        width: max-content;
        z-index: var(--bs-toast-zindex)
    }

    .ccm-ui .toast-container>:not(:last-child) {
        margin-bottom: var(--bs-toast-spacing)
    }

    .ccm-ui .toast-header {
        align-items: center;
        background-clip: padding-box;
        background-color: var(--bs-toast-header-bg);
        border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
        border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
        border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
        color: var(--bs-toast-header-color);
        display: flex;
        padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x)
    }

    .ccm-ui .toast-header .btn-close {
        margin-left: var(--bs-toast-padding-x);
        margin-right: calc(var(--bs-toast-padding-x)*-.5)
    }

    .ccm-ui .toast-body {
        word-wrap: break-word;
        padding: var(--bs-toast-padding-x)
    }

    .ccm-ui .modal {
        --bs-modal-zindex: 1055;
        --bs-modal-width: 675px;
        --bs-modal-padding: 1.8rem;
        --bs-modal-margin: 0.5rem;
        --bs-modal-color: ;
        --bs-modal-bg: var(--bs-body-bg);
        --bs-modal-border-color: var(--bs-border-color-translucent);
        --bs-modal-border-width: 0;
        --bs-modal-border-radius: 5px;
        --bs-modal-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .2);
        --bs-modal-inner-border-radius: 5px;
        --bs-modal-header-padding-x: 1.8rem;
        --bs-modal-header-padding-y: 1.25rem;
        --bs-modal-header-padding: 1.25rem 1.8rem;
        --bs-modal-header-border-color: var(--bs-border-color);
        --bs-modal-header-border-width: 0;
        --bs-modal-title-line-height: 1.25em;
        --bs-modal-footer-gap: 0.5rem;
        --bs-modal-footer-bg: ;
        --bs-modal-footer-border-color: var(--bs-border-color);
        --bs-modal-footer-border-width: 0;
        display: none;
        height: 100%;
        left: 0;
        outline: 0;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: var(--bs-modal-zindex)
    }

    .ccm-ui .modal-dialog {
        margin: var(--bs-modal-margin);
        pointer-events: none;
        position: relative;
        width: auto
    }

    .modal.fade .ccm-ui .modal-dialog {
        transform: scale(.8);
        transition: .1s ease-in-out
    }

    @media(prefers-reduced-motion:reduce) {
        .modal.fade .ccm-ui .modal-dialog {
            transition: none
        }
    }

    .modal.show .ccm-ui .modal-dialog {
        transform: none
    }

    .modal.modal-static .ccm-ui .modal-dialog {
        transform: scale(1.02)
    }

    .ccm-ui .modal-dialog-scrollable {
        height: calc(100% - var(--bs-modal-margin)*2)
    }

    .ccm-ui .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden
    }

    .ccm-ui .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

    .ccm-ui .modal-dialog-centered {
        align-items: center;
        display: flex;
        min-height: calc(100% - var(--bs-modal-margin)*2)
    }

    .ccm-ui .modal-content {
        background-clip: padding-box;
        background-color: var(--bs-modal-bg);
        border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
        border-radius: var(--bs-modal-border-radius);
        box-shadow: var(--bs-modal-box-shadow);
        color: var(--bs-modal-color);
        display: flex;
        flex-direction: column;
        outline: 0;
        pointer-events: auto;
        position: relative;
        width: 100%
    }

    .ccm-ui .modal-backdrop {
        --bs-backdrop-zindex: 1050;
        --bs-backdrop-bg: #000;
        --bs-backdrop-opacity: 0.5;
        background-color: var(--bs-backdrop-bg);
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: var(--bs-backdrop-zindex)
    }

    .ccm-ui .modal-backdrop.fade {
        opacity: 0
    }

    .ccm-ui .modal-backdrop.show {
        opacity: var(--bs-backdrop-opacity)
    }

    .ccm-ui .modal-header {
        align-items: center;
        border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
        border-top-left-radius: var(--bs-modal-inner-border-radius);
        border-top-right-radius: var(--bs-modal-inner-border-radius);
        display: flex;
        flex-shrink: 0;
        padding: var(--bs-modal-header-padding)
    }

    .ccm-ui .modal-header .btn-close {
        margin: calc(var(--bs-modal-header-padding-y)*-.5) calc(var(--bs-modal-header-padding-x)*-.5) calc(var(--bs-modal-header-padding-y)*-.5) auto;
        padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5)
    }

    .ccm-ui .modal-title {
        line-height: var(--bs-modal-title-line-height);
        margin-bottom: 0
    }

    .ccm-ui .modal-body {
        flex: 1 1 auto;
        padding: var(--bs-modal-padding);
        position: relative
    }

    .ccm-ui .modal-footer {
        align-items: center;
        background-color: var(--bs-modal-footer-bg);
        border-bottom-left-radius: var(--bs-modal-inner-border-radius);
        border-bottom-right-radius: var(--bs-modal-inner-border-radius);
        border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
        display: flex;
        flex-shrink: 0;
        flex-wrap: wrap;
        justify-content: flex-end;
        padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5)
    }

    .ccm-ui .modal-footer>* {
        margin: calc(var(--bs-modal-footer-gap)*.5)
    }

    @media(min-width:576px) {
        .ccm-ui .modal {
            --bs-modal-margin: 1.75rem;
            --bs-modal-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .2)
        }

        .ccm-ui .modal-dialog {
            margin-left: auto;
            margin-right: auto;
            max-width: var(--bs-modal-width)
        }

        .ccm-ui .modal-sm {
            --bs-modal-width: 420px
        }
    }

    @media(min-width:992px) {

        .ccm-ui .modal-lg,
        .ccm-ui .modal-xl {
            --bs-modal-width: 810px
        }
    }

    @media(min-width:1200px) {
        .ccm-ui .modal-xl {
            --bs-modal-width: 940px
        }
    }

    .ccm-ui .modal-fullscreen {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .ccm-ui .modal-fullscreen .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .ccm-ui .modal-fullscreen .modal-footer,
    .ccm-ui .modal-fullscreen .modal-header {
        border-radius: 0
    }

    .ccm-ui .modal-fullscreen .modal-body {
        overflow-y: auto
    }

    @media(max-width:575.98px) {
        .ccm-ui .modal-fullscreen-sm-down {
            height: 100%;
            margin: 0;
            max-width: none;
            width: 100vw
        }

        .ccm-ui .modal-fullscreen-sm-down .modal-content {
            border: 0;
            border-radius: 0;
            height: 100%
        }

        .ccm-ui .modal-fullscreen-sm-down .modal-footer,
        .ccm-ui .modal-fullscreen-sm-down .modal-header {
            border-radius: 0
        }

        .ccm-ui .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto
        }
    }

    @media(max-width:767.98px) {
        .ccm-ui .modal-fullscreen-md-down {
            height: 100%;
            margin: 0;
            max-width: none;
            width: 100vw
        }

        .ccm-ui .modal-fullscreen-md-down .modal-content {
            border: 0;
            border-radius: 0;
            height: 100%
        }

        .ccm-ui .modal-fullscreen-md-down .modal-footer,
        .ccm-ui .modal-fullscreen-md-down .modal-header {
            border-radius: 0
        }

        .ccm-ui .modal-fullscreen-md-down .modal-body {
            overflow-y: auto
        }
    }

    @media(max-width:991.98px) {
        .ccm-ui .modal-fullscreen-lg-down {
            height: 100%;
            margin: 0;
            max-width: none;
            width: 100vw
        }

        .ccm-ui .modal-fullscreen-lg-down .modal-content {
            border: 0;
            border-radius: 0;
            height: 100%
        }

        .ccm-ui .modal-fullscreen-lg-down .modal-footer,
        .ccm-ui .modal-fullscreen-lg-down .modal-header {
            border-radius: 0
        }

        .ccm-ui .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto
        }
    }

    @media(max-width:1199.98px) {
        .ccm-ui .modal-fullscreen-xl-down {
            height: 100%;
            margin: 0;
            max-width: none;
            width: 100vw
        }

        .ccm-ui .modal-fullscreen-xl-down .modal-content {
            border: 0;
            border-radius: 0;
            height: 100%
        }

        .ccm-ui .modal-fullscreen-xl-down .modal-footer,
        .ccm-ui .modal-fullscreen-xl-down .modal-header {
            border-radius: 0
        }

        .ccm-ui .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto
        }
    }

    @media(max-width:1399.98px) {
        .ccm-ui .modal-fullscreen-xxl-down {
            height: 100%;
            margin: 0;
            max-width: none;
            width: 100vw
        }

        .ccm-ui .modal-fullscreen-xxl-down .modal-content {
            border: 0;
            border-radius: 0;
            height: 100%
        }

        .ccm-ui .modal-fullscreen-xxl-down .modal-footer,
        .ccm-ui .modal-fullscreen-xxl-down .modal-header {
            border-radius: 0
        }

        .ccm-ui .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto
        }
    }

    .ccm-ui .tooltip {
        --bs-tooltip-zindex: 1080;
        --bs-tooltip-max-width: 200px;
        --bs-tooltip-padding-x: 0.5rem;
        --bs-tooltip-padding-y: 0.25rem;
        --bs-tooltip-margin: ;
        --bs-tooltip-font-size: 0.875rem;
        --bs-tooltip-color: var(--bs-body-bg);
        --bs-tooltip-bg: var(--bs-emphasis-color);
        --bs-tooltip-border-radius: var(--bs-border-radius);
        --bs-tooltip-opacity: 0.9;
        --bs-tooltip-arrow-width: 0.8rem;
        --bs-tooltip-arrow-height: 0.4rem;
        word-wrap: break-word;
        display: block;
        font-family: var(--bs-font-sans-serif);
        font-size: var(--bs-tooltip-font-size);
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.5;
        margin: var(--bs-tooltip-margin);
        opacity: 0;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        white-space: normal;
        word-break: normal;
        word-spacing: normal;
        z-index: var(--bs-tooltip-zindex)
    }

    .ccm-ui .tooltip.show {
        opacity: var(--bs-tooltip-opacity)
    }

    .ccm-ui .tooltip .tooltip-arrow {
        display: block;
        height: var(--bs-tooltip-arrow-height);
        width: var(--bs-tooltip-arrow-width)
    }

    .ccm-ui .tooltip .tooltip-arrow:before {
        border-color: transparent;
        border-style: solid;
        content: "";
        position: absolute
    }

    .ccm-ui .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
    .ccm-ui .bs-tooltip-top .tooltip-arrow {
        bottom: calc(var(--bs-tooltip-arrow-height)*-1)
    }

    .ccm-ui .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
    .ccm-ui .bs-tooltip-top .tooltip-arrow:before {
        border-top-color: var(--bs-tooltip-bg);
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
        top: -1px
    }

    .ccm-ui .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
    .ccm-ui .bs-tooltip-end .tooltip-arrow {
        height: var(--bs-tooltip-arrow-width);
        left: calc(var(--bs-tooltip-arrow-height)*-1);
        width: var(--bs-tooltip-arrow-height)
    }

    .ccm-ui .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,
    .ccm-ui .bs-tooltip-end .tooltip-arrow:before {
        border-right-color: var(--bs-tooltip-bg);
        border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
        right: -1px
    }

    .ccm-ui .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
    .ccm-ui .bs-tooltip-bottom .tooltip-arrow {
        top: calc(var(--bs-tooltip-arrow-height)*-1)
    }

    .ccm-ui .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,
    .ccm-ui .bs-tooltip-bottom .tooltip-arrow:before {
        border-bottom-color: var(--bs-tooltip-bg);
        border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
        bottom: -1px
    }

    .ccm-ui .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
    .ccm-ui .bs-tooltip-start .tooltip-arrow {
        height: var(--bs-tooltip-arrow-width);
        right: calc(var(--bs-tooltip-arrow-height)*-1);
        width: var(--bs-tooltip-arrow-height)
    }

    .ccm-ui .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,
    .ccm-ui .bs-tooltip-start .tooltip-arrow:before {
        border-left-color: var(--bs-tooltip-bg);
        border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
        left: -1px
    }

    .ccm-ui .tooltip-inner {
        background-color: var(--bs-tooltip-bg);
        border-radius: var(--bs-tooltip-border-radius);
        color: var(--bs-tooltip-color);
        max-width: var(--bs-tooltip-max-width);
        padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
        text-align: center
    }

    .ccm-ui .popover {
        --bs-popover-zindex: 1070;
        --bs-popover-max-width: 276px;
        --bs-popover-font-size: 0.875rem;
        --bs-popover-bg: var(--bs-body-bg);
        --bs-popover-border-width: var(--bs-border-width);
        --bs-popover-border-color: transparent;
        --bs-popover-border-radius: 5px;
        --bs-popover-inner-border-radius: 5px;
        --bs-popover-box-shadow: 0 1px 1px 0 rgba(65, 69, 73, .3), 0 1px 3px 1px rgba(65, 69, 73, .15);
        --bs-popover-header-padding-x: 1rem;
        --bs-popover-header-padding-y: 0.5rem;
        --bs-popover-header-font-size: 1rem;
        --bs-popover-header-color: inherit;
        --bs-popover-header-bg: var(--bs-secondary-bg);
        --bs-popover-body-padding-x: 1rem;
        --bs-popover-body-padding-y: 1rem;
        --bs-popover-body-color: var(--bs-body-color);
        --bs-popover-arrow-width: 1rem;
        --bs-popover-arrow-height: 0.5rem;
        --bs-popover-arrow-border: var(--bs-popover-border-color);
        word-wrap: break-word;
        background-clip: padding-box;
        background-color: var(--bs-popover-bg);
        border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
        border-radius: var(--bs-popover-border-radius);
        box-shadow: var(--bs-popover-box-shadow);
        display: block;
        font-family: var(--bs-font-sans-serif);
        font-size: var(--bs-popover-font-size);
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.5;
        max-width: var(--bs-popover-max-width);
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        white-space: normal;
        word-break: normal;
        word-spacing: normal;
        z-index: var(--bs-popover-zindex)
    }

    .ccm-ui .popover .popover-arrow {
        display: block;
        height: var(--bs-popover-arrow-height);
        width: var(--bs-popover-arrow-width)
    }

    .ccm-ui .popover .popover-arrow:after,
    .ccm-ui .popover .popover-arrow:before {
        border: 0 solid transparent;
        content: "";
        display: block;
        position: absolute
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
    .ccm-ui .bs-popover-top>.popover-arrow {
        bottom: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
    .ccm-ui .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
    .ccm-ui .bs-popover-top>.popover-arrow:after,
    .ccm-ui .bs-popover-top>.popover-arrow:before {
        border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
    .ccm-ui .bs-popover-top>.popover-arrow:before {
        border-top-color: var(--bs-popover-arrow-border);
        bottom: 0
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
    .ccm-ui .bs-popover-top>.popover-arrow:after {
        border-top-color: var(--bs-popover-bg);
        bottom: var(--bs-popover-border-width)
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
    .ccm-ui .bs-popover-end>.popover-arrow {
        height: var(--bs-popover-arrow-width);
        left: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width));
        width: var(--bs-popover-arrow-height)
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
    .ccm-ui .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
    .ccm-ui .bs-popover-end>.popover-arrow:after,
    .ccm-ui .bs-popover-end>.popover-arrow:before {
        border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
    .ccm-ui .bs-popover-end>.popover-arrow:before {
        border-right-color: var(--bs-popover-arrow-border);
        left: 0
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
    .ccm-ui .bs-popover-end>.popover-arrow:after {
        border-right-color: var(--bs-popover-bg);
        left: var(--bs-popover-border-width)
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
    .ccm-ui .bs-popover-bottom>.popover-arrow {
        top: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
    .ccm-ui .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
    .ccm-ui .bs-popover-bottom>.popover-arrow:after,
    .ccm-ui .bs-popover-bottom>.popover-arrow:before {
        border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
    .ccm-ui .bs-popover-bottom>.popover-arrow:before {
        border-bottom-color: var(--bs-popover-arrow-border);
        top: 0
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
    .ccm-ui .bs-popover-bottom>.popover-arrow:after {
        border-bottom-color: var(--bs-popover-bg);
        top: var(--bs-popover-border-width)
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,
    .ccm-ui .bs-popover-bottom .popover-header:before {
        border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
        content: "";
        display: block;
        left: 50%;
        margin-left: calc(var(--bs-popover-arrow-width)*-.5);
        position: absolute;
        top: 0;
        width: var(--bs-popover-arrow-width)
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
    .ccm-ui .bs-popover-start>.popover-arrow {
        height: var(--bs-popover-arrow-width);
        right: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width));
        width: var(--bs-popover-arrow-height)
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
    .ccm-ui .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
    .ccm-ui .bs-popover-start>.popover-arrow:after,
    .ccm-ui .bs-popover-start>.popover-arrow:before {
        border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
    .ccm-ui .bs-popover-start>.popover-arrow:before {
        border-left-color: var(--bs-popover-arrow-border);
        right: 0
    }

    .ccm-ui .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
    .ccm-ui .bs-popover-start>.popover-arrow:after {
        border-left-color: var(--bs-popover-bg);
        right: var(--bs-popover-border-width)
    }

    .ccm-ui .popover-header {
        background-color: var(--bs-popover-header-bg);
        border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
        border-top-left-radius: var(--bs-popover-inner-border-radius);
        border-top-right-radius: var(--bs-popover-inner-border-radius);
        color: var(--bs-popover-header-color);
        font-size: var(--bs-popover-header-font-size);
        margin-bottom: 0;
        padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x)
    }

    .ccm-ui .popover-header:empty {
        display: none
    }

    .ccm-ui .popover-body {
        color: var(--bs-popover-body-color);
        padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x)
    }

    .ccm-ui .spinner-border,
    .ccm-ui .spinner-grow {
        animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
        border-radius: 50%;
        display: inline-block;
        height: var(--bs-spinner-height);
        vertical-align: var(--bs-spinner-vertical-align);
        width: var(--bs-spinner-width)
    }

    @keyframes spinner-border {
        to {
            transform: rotate(1turn)
        }
    }

    .ccm-ui .spinner-border {
        --bs-spinner-width: 2rem;
        --bs-spinner-height: 2rem;
        --bs-spinner-vertical-align: -0.125em;
        --bs-spinner-border-width: 0.25em;
        --bs-spinner-animation-speed: 0.75s;
        --bs-spinner-animation-name: spinner-border;
        border-right-color: currentcolor;
        border: var(--bs-spinner-border-width) solid;
        border-right: var(--bs-spinner-border-width) solid transparent
    }

    .ccm-ui .spinner-border-sm {
        --bs-spinner-width: 1rem;
        --bs-spinner-height: 1rem;
        --bs-spinner-border-width: 0.2em
    }

    @keyframes spinner-grow {
        0% {
            transform: scale(0)
        }

        50% {
            opacity: 1;
            transform: none
        }
    }

    .ccm-ui .spinner-grow {
        --bs-spinner-width: 2rem;
        --bs-spinner-height: 2rem;
        --bs-spinner-vertical-align: -0.125em;
        --bs-spinner-animation-speed: 0.75s;
        --bs-spinner-animation-name: spinner-grow;
        background-color: currentcolor;
        opacity: 0
    }

    .ccm-ui .spinner-grow-sm {
        --bs-spinner-width: 1rem;
        --bs-spinner-height: 1rem
    }

    @media(prefers-reduced-motion:reduce) {

        .ccm-ui .spinner-border,
        .ccm-ui .spinner-grow {
            --bs-spinner-animation-speed: 1.5s
        }
    }

    .ccm-ui .offcanvas,
    .ccm-ui .offcanvas-lg,
    .ccm-ui .offcanvas-md,
    .ccm-ui .offcanvas-sm,
    .ccm-ui .offcanvas-xl,
    .ccm-ui .offcanvas-xxl {
        --bs-offcanvas-zindex: 1045;
        --bs-offcanvas-width: 400px;
        --bs-offcanvas-height: 30vh;
        --bs-offcanvas-padding-x: 1.8rem;
        --bs-offcanvas-padding-y: 1.8rem;
        --bs-offcanvas-color: var(--bs-body-color);
        --bs-offcanvas-bg: var(--bs-body-bg);
        --bs-offcanvas-border-width: 0;
        --bs-offcanvas-border-color: var(--bs-border-color-translucent);
        --bs-offcanvas-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .2);
        --bs-offcanvas-transition: transform 0.3s ease-in-out;
        --bs-offcanvas-title-line-height: 1.25em
    }

    @media(max-width:575.98px) {
        .ccm-ui .offcanvas-sm {
            background-clip: padding-box;
            background-color: var(--bs-offcanvas-bg);
            bottom: 0;
            box-shadow: var(--bs-offcanvas-box-shadow);
            color: var(--bs-offcanvas-color);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            outline: 0;
            position: fixed;
            transition: var(--bs-offcanvas-transition);
            visibility: hidden;
            z-index: var(--bs-offcanvas-zindex)
        }
    }

    @media(max-width:575.98px)and (prefers-reduced-motion:reduce) {
        .ccm-ui .offcanvas-sm {
            transition: none
        }
    }

    @media(max-width:575.98px) {
        .ccm-ui .offcanvas-sm.offcanvas-start {
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            left: 0;
            top: 0;
            transform: translateX(-100%);
            width: var(--bs-offcanvas-width)
        }

        .ccm-ui .offcanvas-sm.offcanvas-end {
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            right: 0;
            top: 0;
            transform: translateX(100%);
            width: var(--bs-offcanvas-width)
        }

        .ccm-ui .offcanvas-sm.offcanvas-top {
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            height: var(--bs-offcanvas-height);
            left: 0;
            max-height: 100%;
            right: 0;
            top: 0;
            transform: translateY(-100%)
        }

        .ccm-ui .offcanvas-sm.offcanvas-bottom {
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            height: var(--bs-offcanvas-height);
            left: 0;
            max-height: 100%;
            right: 0;
            transform: translateY(100%)
        }

        .ccm-ui .offcanvas-sm.show:not(.hiding),
        .ccm-ui .offcanvas-sm.showing {
            transform: none
        }

        .ccm-ui .offcanvas-sm.hiding,
        .ccm-ui .offcanvas-sm.show,
        .ccm-ui .offcanvas-sm.showing {
            visibility: visible
        }
    }

    @media(min-width:576px) {
        .ccm-ui .offcanvas-sm {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important
        }

        .ccm-ui .offcanvas-sm .offcanvas-header {
            display: none
        }

        .ccm-ui .offcanvas-sm .offcanvas-body {
            background-color: transparent !important;
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0
        }
    }

    @media(max-width:767.98px) {
        .ccm-ui .offcanvas-md {
            background-clip: padding-box;
            background-color: var(--bs-offcanvas-bg);
            bottom: 0;
            box-shadow: var(--bs-offcanvas-box-shadow);
            color: var(--bs-offcanvas-color);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            outline: 0;
            position: fixed;
            transition: var(--bs-offcanvas-transition);
            visibility: hidden;
            z-index: var(--bs-offcanvas-zindex)
        }
    }

    @media(max-width:767.98px)and (prefers-reduced-motion:reduce) {
        .ccm-ui .offcanvas-md {
            transition: none
        }
    }

    @media(max-width:767.98px) {
        .ccm-ui .offcanvas-md.offcanvas-start {
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            left: 0;
            top: 0;
            transform: translateX(-100%);
            width: var(--bs-offcanvas-width)
        }

        .ccm-ui .offcanvas-md.offcanvas-end {
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            right: 0;
            top: 0;
            transform: translateX(100%);
            width: var(--bs-offcanvas-width)
        }

        .ccm-ui .offcanvas-md.offcanvas-top {
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            height: var(--bs-offcanvas-height);
            left: 0;
            max-height: 100%;
            right: 0;
            top: 0;
            transform: translateY(-100%)
        }

        .ccm-ui .offcanvas-md.offcanvas-bottom {
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            height: var(--bs-offcanvas-height);
            left: 0;
            max-height: 100%;
            right: 0;
            transform: translateY(100%)
        }

        .ccm-ui .offcanvas-md.show:not(.hiding),
        .ccm-ui .offcanvas-md.showing {
            transform: none
        }

        .ccm-ui .offcanvas-md.hiding,
        .ccm-ui .offcanvas-md.show,
        .ccm-ui .offcanvas-md.showing {
            visibility: visible
        }
    }

    @media(min-width:768px) {
        .ccm-ui .offcanvas-md {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important
        }

        .ccm-ui .offcanvas-md .offcanvas-header {
            display: none
        }

        .ccm-ui .offcanvas-md .offcanvas-body {
            background-color: transparent !important;
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0
        }
    }

    @media(max-width:991.98px) {
        .ccm-ui .offcanvas-lg {
            background-clip: padding-box;
            background-color: var(--bs-offcanvas-bg);
            bottom: 0;
            box-shadow: var(--bs-offcanvas-box-shadow);
            color: var(--bs-offcanvas-color);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            outline: 0;
            position: fixed;
            transition: var(--bs-offcanvas-transition);
            visibility: hidden;
            z-index: var(--bs-offcanvas-zindex)
        }
    }

    @media(max-width:991.98px)and (prefers-reduced-motion:reduce) {
        .ccm-ui .offcanvas-lg {
            transition: none
        }
    }

    @media(max-width:991.98px) {
        .ccm-ui .offcanvas-lg.offcanvas-start {
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            left: 0;
            top: 0;
            transform: translateX(-100%);
            width: var(--bs-offcanvas-width)
        }

        .ccm-ui .offcanvas-lg.offcanvas-end {
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            right: 0;
            top: 0;
            transform: translateX(100%);
            width: var(--bs-offcanvas-width)
        }

        .ccm-ui .offcanvas-lg.offcanvas-top {
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            height: var(--bs-offcanvas-height);
            left: 0;
            max-height: 100%;
            right: 0;
            top: 0;
            transform: translateY(-100%)
        }

        .ccm-ui .offcanvas-lg.offcanvas-bottom {
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            height: var(--bs-offcanvas-height);
            left: 0;
            max-height: 100%;
            right: 0;
            transform: translateY(100%)
        }

        .ccm-ui .offcanvas-lg.show:not(.hiding),
        .ccm-ui .offcanvas-lg.showing {
            transform: none
        }

        .ccm-ui .offcanvas-lg.hiding,
        .ccm-ui .offcanvas-lg.show,
        .ccm-ui .offcanvas-lg.showing {
            visibility: visible
        }
    }

    @media(min-width:992px) {
        .ccm-ui .offcanvas-lg {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important
        }

        .ccm-ui .offcanvas-lg .offcanvas-header {
            display: none
        }

        .ccm-ui .offcanvas-lg .offcanvas-body {
            background-color: transparent !important;
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0
        }
    }

    @media(max-width:1199.98px) {
        .ccm-ui .offcanvas-xl {
            background-clip: padding-box;
            background-color: var(--bs-offcanvas-bg);
            bottom: 0;
            box-shadow: var(--bs-offcanvas-box-shadow);
            color: var(--bs-offcanvas-color);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            outline: 0;
            position: fixed;
            transition: var(--bs-offcanvas-transition);
            visibility: hidden;
            z-index: var(--bs-offcanvas-zindex)
        }
    }

    @media(max-width:1199.98px)and (prefers-reduced-motion:reduce) {
        .ccm-ui .offcanvas-xl {
            transition: none
        }
    }

    @media(max-width:1199.98px) {
        .ccm-ui .offcanvas-xl.offcanvas-start {
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            left: 0;
            top: 0;
            transform: translateX(-100%);
            width: var(--bs-offcanvas-width)
        }

        .ccm-ui .offcanvas-xl.offcanvas-end {
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            right: 0;
            top: 0;
            transform: translateX(100%);
            width: var(--bs-offcanvas-width)
        }

        .ccm-ui .offcanvas-xl.offcanvas-top {
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            height: var(--bs-offcanvas-height);
            left: 0;
            max-height: 100%;
            right: 0;
            top: 0;
            transform: translateY(-100%)
        }

        .ccm-ui .offcanvas-xl.offcanvas-bottom {
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            height: var(--bs-offcanvas-height);
            left: 0;
            max-height: 100%;
            right: 0;
            transform: translateY(100%)
        }

        .ccm-ui .offcanvas-xl.show:not(.hiding),
        .ccm-ui .offcanvas-xl.showing {
            transform: none
        }

        .ccm-ui .offcanvas-xl.hiding,
        .ccm-ui .offcanvas-xl.show,
        .ccm-ui .offcanvas-xl.showing {
            visibility: visible
        }
    }

    @media(min-width:1200px) {
        .ccm-ui .offcanvas-xl {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important
        }

        .ccm-ui .offcanvas-xl .offcanvas-header {
            display: none
        }

        .ccm-ui .offcanvas-xl .offcanvas-body {
            background-color: transparent !important;
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0
        }
    }

    @media(max-width:1399.98px) {
        .ccm-ui .offcanvas-xxl {
            background-clip: padding-box;
            background-color: var(--bs-offcanvas-bg);
            bottom: 0;
            box-shadow: var(--bs-offcanvas-box-shadow);
            color: var(--bs-offcanvas-color);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            outline: 0;
            position: fixed;
            transition: var(--bs-offcanvas-transition);
            visibility: hidden;
            z-index: var(--bs-offcanvas-zindex)
        }
    }

    @media(max-width:1399.98px)and (prefers-reduced-motion:reduce) {
        .ccm-ui .offcanvas-xxl {
            transition: none
        }
    }

    @media(max-width:1399.98px) {
        .ccm-ui .offcanvas-xxl.offcanvas-start {
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            left: 0;
            top: 0;
            transform: translateX(-100%);
            width: var(--bs-offcanvas-width)
        }

        .ccm-ui .offcanvas-xxl.offcanvas-end {
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            right: 0;
            top: 0;
            transform: translateX(100%);
            width: var(--bs-offcanvas-width)
        }

        .ccm-ui .offcanvas-xxl.offcanvas-top {
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            height: var(--bs-offcanvas-height);
            left: 0;
            max-height: 100%;
            right: 0;
            top: 0;
            transform: translateY(-100%)
        }

        .ccm-ui .offcanvas-xxl.offcanvas-bottom {
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            height: var(--bs-offcanvas-height);
            left: 0;
            max-height: 100%;
            right: 0;
            transform: translateY(100%)
        }

        .ccm-ui .offcanvas-xxl.show:not(.hiding),
        .ccm-ui .offcanvas-xxl.showing {
            transform: none
        }

        .ccm-ui .offcanvas-xxl.hiding,
        .ccm-ui .offcanvas-xxl.show,
        .ccm-ui .offcanvas-xxl.showing {
            visibility: visible
        }
    }

    @media(min-width:1400px) {
        .ccm-ui .offcanvas-xxl {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent !important
        }

        .ccm-ui .offcanvas-xxl .offcanvas-header {
            display: none
        }

        .ccm-ui .offcanvas-xxl .offcanvas-body {
            background-color: transparent !important;
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0
        }
    }

    .ccm-ui .offcanvas {
        background-clip: padding-box;
        background-color: var(--bs-offcanvas-bg);
        bottom: 0;
        box-shadow: var(--bs-offcanvas-box-shadow);
        color: var(--bs-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--bs-offcanvas-transition);
        visibility: hidden;
        z-index: var(--bs-offcanvas-zindex)
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .offcanvas {
            transition: none
        }
    }

    .ccm-ui .offcanvas.offcanvas-start {
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--bs-offcanvas-width)
    }

    .ccm-ui .offcanvas.offcanvas-end {
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--bs-offcanvas-width)
    }

    .ccm-ui .offcanvas.offcanvas-top {
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0;
        top: 0;
        transform: translateY(-100%)
    }

    .ccm-ui .offcanvas.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        height: var(--bs-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0;
        transform: translateY(100%)
    }

    .ccm-ui .offcanvas.show:not(.hiding),
    .ccm-ui .offcanvas.showing {
        transform: none
    }

    .ccm-ui .offcanvas.hiding,
    .ccm-ui .offcanvas.show,
    .ccm-ui .offcanvas.showing {
        visibility: visible
    }

    .ccm-ui .offcanvas-backdrop {
        background-color: #000;
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 1040
    }

    .ccm-ui .offcanvas-backdrop.fade {
        opacity: 0
    }

    .ccm-ui .offcanvas-backdrop.show {
        opacity: .5
    }

    .ccm-ui .offcanvas-header {
        align-items: center;
        display: flex;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
    }

    .ccm-ui .offcanvas-header .btn-close {
        margin: calc(var(--bs-offcanvas-padding-y)*-.5) calc(var(--bs-offcanvas-padding-x)*-.5) calc(var(--bs-offcanvas-padding-y)*-.5) auto;
        padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5)
    }

    .ccm-ui .offcanvas-title {
        line-height: var(--bs-offcanvas-title-line-height);
        margin-bottom: 0
    }

    .ccm-ui .offcanvas-body {
        flex-grow: 1;
        overflow-y: auto;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
    }

    .ccm-ui .clearfix:after {
        clear: both;
        content: "";
        display: block
    }

    .ccm-ui .text-bg-primary {
        background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
        color: #fff !important
    }

    .ccm-ui .text-bg-secondary {
        background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
        color: #fff !important
    }

    .ccm-ui .text-bg-success {
        background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
        color: #fff !important
    }

    .ccm-ui .text-bg-info {
        background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
        color: #fff !important
    }

    .ccm-ui .text-bg-warning {
        background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
        color: #000 !important
    }

    .ccm-ui .text-bg-danger {
        background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
        color: #fff !important
    }

    .ccm-ui .text-bg-light {
        background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
        color: #000 !important
    }

    .ccm-ui .text-bg-dark {
        background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
        color: #fff !important
    }

    .ccm-ui .link-primary {
        color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-primary:focus,
    .ccm-ui .link-primary:hover {
        color: RGBA(59, 115, 181, var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(59, 115, 181, var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-secondary {
        color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-secondary:focus,
    .ccm-ui .link-secondary:hover {
        color: RGBA(99, 102, 109, var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(99, 102, 109, var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-success {
        color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-success:focus,
    .ccm-ui .link-success:hover {
        color: RGBA(32, 134, 55, var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(32, 134, 55, var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-info {
        color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-info:focus,
    .ccm-ui .link-info:hover {
        color: RGBA(2, 96, 118, var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(2, 96, 118, var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-warning {
        color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-warning:focus,
    .ccm-ui .link-warning:hover {
        color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-danger {
        color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-danger:focus,
    .ccm-ui .link-danger:hover {
        color: RGBA(156, 34, 34, var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(156, 34, 34, var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-light {
        color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-light:focus,
    .ccm-ui .link-light:hover {
        color: RGBA(249, 249, 249, var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(249, 249, 249, var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-dark {
        color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-dark:focus,
    .ccm-ui .link-dark:hover {
        color: RGBA(61, 63, 69, var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(61, 63, 69, var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-body-emphasis {
        color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
        text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-body-emphasis:focus,
    .ccm-ui .link-body-emphasis:hover {
        color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
        text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important
    }

    .ccm-ui .focus-ring:focus {
        box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
        outline: 0
    }

    .ccm-ui .icon-link {
        align-items: center;
        backface-visibility: hidden;
        display: inline-flex;
        gap: .375rem;
        text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
        text-underline-offset: .25em
    }

    .ccm-ui .icon-link>.bi {
        fill: currentcolor;
        flex-shrink: 0;
        height: 1em;
        transition: transform .2s ease-in-out;
        width: 1em
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .icon-link>.bi {
            transition: none
        }
    }

    .ccm-ui .icon-link-hover:focus-visible>.bi,
    .ccm-ui .icon-link-hover:hover>.bi {
        transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
    }

    .ccm-ui .ratio {
        position: relative;
        width: 100%
    }

    .ccm-ui .ratio:before {
        content: "";
        display: block;
        padding-top: var(--bs-aspect-ratio)
    }

    .ccm-ui .ratio>* {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .ccm-ui .ratio-1x1 {
        --bs-aspect-ratio: 100%
    }

    .ccm-ui .ratio-4x3 {
        --bs-aspect-ratio: 75%
    }

    .ccm-ui .ratio-16x9 {
        --bs-aspect-ratio: 56.25%
    }

    .ccm-ui .ratio-21x9 {
        --bs-aspect-ratio: 42.8571428571%
    }

    .ccm-ui .fixed-top {
        top: 0
    }

    .ccm-ui .fixed-bottom,
    .ccm-ui .fixed-top {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 1030
    }

    .ccm-ui .fixed-bottom {
        bottom: 0
    }

    .ccm-ui .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .ccm-ui .sticky-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }

    @media(min-width:576px) {
        .ccm-ui .sticky-sm-top {
            position: sticky;
            top: 0;
            z-index: 1020
        }

        .ccm-ui .sticky-sm-bottom {
            bottom: 0;
            position: sticky;
            z-index: 1020
        }
    }

    @media(min-width:768px) {
        .ccm-ui .sticky-md-top {
            position: sticky;
            top: 0;
            z-index: 1020
        }

        .ccm-ui .sticky-md-bottom {
            bottom: 0;
            position: sticky;
            z-index: 1020
        }
    }

    @media(min-width:992px) {
        .ccm-ui .sticky-lg-top {
            position: sticky;
            top: 0;
            z-index: 1020
        }

        .ccm-ui .sticky-lg-bottom {
            bottom: 0;
            position: sticky;
            z-index: 1020
        }
    }

    @media(min-width:1200px) {
        .ccm-ui .sticky-xl-top {
            position: sticky;
            top: 0;
            z-index: 1020
        }

        .ccm-ui .sticky-xl-bottom {
            bottom: 0;
            position: sticky;
            z-index: 1020
        }
    }

    @media(min-width:1400px) {
        .ccm-ui .sticky-xxl-top {
            position: sticky;
            top: 0;
            z-index: 1020
        }

        .ccm-ui .sticky-xxl-bottom {
            bottom: 0;
            position: sticky;
            z-index: 1020
        }
    }

    .ccm-ui .hstack {
        align-items: center;
        align-self: stretch;
        display: flex;
        flex-direction: row
    }

    .ccm-ui .vstack {
        align-self: stretch;
        display: flex;
        flex: 1 1 auto;
        flex-direction: column
    }

    .ccm-ui .visually-hidden,
    .ccm-ui .visually-hidden-focusable:not(:focus):not(:focus-within) {
        clip: rect(0, 0, 0, 0) !important;
        border: 0 !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        white-space: nowrap !important;
        width: 1px !important
    }

    .ccm-ui .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
    .ccm-ui .visually-hidden:not(caption) {
        position: absolute !important
    }

    .ccm-ui .stretched-link:after {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }

    .ccm-ui .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .ccm-ui .vr {
        align-self: stretch;
        background-color: currentcolor;
        display: inline-block;
        min-height: 1em;
        opacity: 1;
        width: var(--bs-border-width)
    }

    .ccm-ui .align-baseline {
        vertical-align: baseline !important
    }

    .ccm-ui .align-top {
        vertical-align: top !important
    }

    .ccm-ui .align-middle {
        vertical-align: middle !important
    }

    .ccm-ui .align-bottom {
        vertical-align: bottom !important
    }

    .ccm-ui .align-text-bottom {
        vertical-align: text-bottom !important
    }

    .ccm-ui .align-text-top {
        vertical-align: text-top !important
    }

    .ccm-ui .float-start {
        float: left !important
    }

    .ccm-ui .float-end {
        float: right !important
    }

    .ccm-ui .float-none {
        float: none !important
    }

    .ccm-ui .object-fit-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }

    .ccm-ui .object-fit-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }

    .ccm-ui .object-fit-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }

    .ccm-ui .object-fit-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }

    .ccm-ui .object-fit-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }

    .ccm-ui .opacity-0 {
        opacity: 0 !important
    }

    .ccm-ui .opacity-25 {
        opacity: .25 !important
    }

    .ccm-ui .opacity-50 {
        opacity: .5 !important
    }

    .ccm-ui .opacity-75 {
        opacity: .75 !important
    }

    .ccm-ui .opacity-100 {
        opacity: 1 !important
    }

    .ccm-ui .overflow-auto {
        overflow: auto !important
    }

    .ccm-ui .overflow-hidden {
        overflow: hidden !important
    }

    .ccm-ui .overflow-visible {
        overflow: visible !important
    }

    .ccm-ui .overflow-scroll {
        overflow: scroll !important
    }

    .ccm-ui .overflow-x-auto {
        overflow-x: auto !important
    }

    .ccm-ui .overflow-x-hidden {
        overflow-x: hidden !important
    }

    .ccm-ui .overflow-x-visible {
        overflow-x: visible !important
    }

    .ccm-ui .overflow-x-scroll {
        overflow-x: scroll !important
    }

    .ccm-ui .overflow-y-auto {
        overflow-y: auto !important
    }

    .ccm-ui .overflow-y-hidden {
        overflow-y: hidden !important
    }

    .ccm-ui .overflow-y-visible {
        overflow-y: visible !important
    }

    .ccm-ui .overflow-y-scroll {
        overflow-y: scroll !important
    }

    .ccm-ui .d-inline {
        display: inline !important
    }

    .ccm-ui .d-inline-block {
        display: inline-block !important
    }

    .ccm-ui .d-block {
        display: block !important
    }

    .ccm-ui .d-grid {
        display: grid !important
    }

    .ccm-ui .d-inline-grid {
        display: inline-grid !important
    }

    .ccm-ui .d-table {
        display: table !important
    }

    .ccm-ui .d-table-row {
        display: table-row !important
    }

    .ccm-ui .d-table-cell {
        display: table-cell !important
    }

    .ccm-ui .d-flex {
        display: flex !important
    }

    .ccm-ui .d-inline-flex {
        display: inline-flex !important
    }

    .ccm-ui .d-none {
        display: none !important
    }

    .ccm-ui .shadow {
        box-shadow: var(--bs-box-shadow) !important
    }

    .ccm-ui .shadow-sm {
        box-shadow: var(--bs-box-shadow-sm) !important
    }

    .ccm-ui .shadow-lg {
        box-shadow: var(--bs-box-shadow-lg) !important
    }

    .ccm-ui .shadow-none {
        box-shadow: none !important
    }

    .ccm-ui .focus-ring-primary {
        --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
    }

    .ccm-ui .focus-ring-secondary {
        --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
    }

    .ccm-ui .focus-ring-success {
        --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
    }

    .ccm-ui .focus-ring-info {
        --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
    }

    .ccm-ui .focus-ring-warning {
        --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
    }

    .ccm-ui .focus-ring-danger {
        --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
    }

    .ccm-ui .focus-ring-light {
        --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
    }

    .ccm-ui .focus-ring-dark {
        --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
    }

    .ccm-ui .position-static {
        position: static !important
    }

    .ccm-ui .position-relative {
        position: relative !important
    }

    .ccm-ui .position-absolute {
        position: absolute !important
    }

    .ccm-ui .position-fixed {
        position: fixed !important
    }

    .ccm-ui .position-sticky {
        position: sticky !important
    }

    .ccm-ui .top-0 {
        top: 0 !important
    }

    .ccm-ui .top-50 {
        top: 50% !important
    }

    .ccm-ui .top-100 {
        top: 100% !important
    }

    .ccm-ui .bottom-0 {
        bottom: 0 !important
    }

    .ccm-ui .bottom-50 {
        bottom: 50% !important
    }

    .ccm-ui .bottom-100 {
        bottom: 100% !important
    }

    .ccm-ui .start-0 {
        left: 0 !important
    }

    .ccm-ui .start-50 {
        left: 50% !important
    }

    .ccm-ui .start-100 {
        left: 100% !important
    }

    .ccm-ui .end-0 {
        right: 0 !important
    }

    .ccm-ui .end-50 {
        right: 50% !important
    }

    .ccm-ui .end-100 {
        right: 100% !important
    }

    .ccm-ui .translate-middle {
        transform: translate(-50%, -50%) !important
    }

    .ccm-ui .translate-middle-x {
        transform: translateX(-50%) !important
    }

    .ccm-ui .translate-middle-y {
        transform: translateY(-50%) !important
    }

    .ccm-ui .border {
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
    }

    .ccm-ui .border-0 {
        border: 0 !important
    }

    .ccm-ui .border-top {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
    }

    .ccm-ui .border-top-0 {
        border-top: 0 !important
    }

    .ccm-ui .border-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
    }

    .ccm-ui .border-end-0 {
        border-right: 0 !important
    }

    .ccm-ui .border-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
    }

    .ccm-ui .border-bottom-0 {
        border-bottom: 0 !important
    }

    .ccm-ui .border-start {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
    }

    .ccm-ui .border-start-0 {
        border-left: 0 !important
    }

    .ccm-ui .border-primary {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
    }

    .ccm-ui .border-secondary {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
    }

    .ccm-ui .border-success {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
    }

    .ccm-ui .border-info {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
    }

    .ccm-ui .border-warning {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
    }

    .ccm-ui .border-danger {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
    }

    .ccm-ui .border-light {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
    }

    .ccm-ui .border-dark {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
    }

    .ccm-ui .border-black {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
    }

    .ccm-ui .border-white {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
    }

    .ccm-ui .border-primary-subtle {
        border-color: var(--bs-primary-border-subtle) !important
    }

    .ccm-ui .border-secondary-subtle {
        border-color: var(--bs-secondary-border-subtle) !important
    }

    .ccm-ui .border-success-subtle {
        border-color: var(--bs-success-border-subtle) !important
    }

    .ccm-ui .border-info-subtle {
        border-color: var(--bs-info-border-subtle) !important
    }

    .ccm-ui .border-warning-subtle {
        border-color: var(--bs-warning-border-subtle) !important
    }

    .ccm-ui .border-danger-subtle {
        border-color: var(--bs-danger-border-subtle) !important
    }

    .ccm-ui .border-light-subtle {
        border-color: var(--bs-light-border-subtle) !important
    }

    .ccm-ui .border-dark-subtle {
        border-color: var(--bs-dark-border-subtle) !important
    }

    .ccm-ui .border-1 {
        border-width: 1px !important
    }

    .ccm-ui .border-2 {
        border-width: 2px !important
    }

    .ccm-ui .border-3 {
        border-width: 3px !important
    }

    .ccm-ui .border-4 {
        border-width: 4px !important
    }

    .ccm-ui .border-5 {
        border-width: 5px !important
    }

    .ccm-ui .border-opacity-10 {
        --bs-border-opacity: 0.1
    }

    .ccm-ui .border-opacity-25 {
        --bs-border-opacity: 0.25
    }

    .ccm-ui .border-opacity-50 {
        --bs-border-opacity: 0.5
    }

    .ccm-ui .border-opacity-75 {
        --bs-border-opacity: 0.75
    }

    .ccm-ui .border-opacity-100 {
        --bs-border-opacity: 1
    }

    .ccm-ui .w-25 {
        width: 25% !important
    }

    .ccm-ui .w-50 {
        width: 50% !important
    }

    .ccm-ui .w-75 {
        width: 75% !important
    }

    .ccm-ui .w-100 {
        width: 100% !important
    }

    .ccm-ui .w-auto {
        width: auto !important
    }

    .ccm-ui .mw-100 {
        max-width: 100% !important
    }

    .ccm-ui .vw-100 {
        width: 100vw !important
    }

    .ccm-ui .min-vw-100 {
        min-width: 100vw !important
    }

    .ccm-ui .h-25 {
        height: 25% !important
    }

    .ccm-ui .h-50 {
        height: 50% !important
    }

    .ccm-ui .h-75 {
        height: 75% !important
    }

    .ccm-ui .h-100 {
        height: 100% !important
    }

    .ccm-ui .h-auto {
        height: auto !important
    }

    .ccm-ui .mh-100 {
        max-height: 100% !important
    }

    .ccm-ui .vh-100 {
        height: 100vh !important
    }

    .ccm-ui .min-vh-100 {
        min-height: 100vh !important
    }

    .ccm-ui .flex-fill {
        flex: 1 1 auto !important
    }

    .ccm-ui .flex-row {
        flex-direction: row !important
    }

    .ccm-ui .flex-column {
        flex-direction: column !important
    }

    .ccm-ui .flex-row-reverse {
        flex-direction: row-reverse !important
    }

    .ccm-ui .flex-column-reverse {
        flex-direction: column-reverse !important
    }

    .ccm-ui .flex-grow-0 {
        flex-grow: 0 !important
    }

    .ccm-ui .flex-grow-1 {
        flex-grow: 1 !important
    }

    .ccm-ui .flex-shrink-0 {
        flex-shrink: 0 !important
    }

    .ccm-ui .flex-shrink-1 {
        flex-shrink: 1 !important
    }

    .ccm-ui .flex-wrap {
        flex-wrap: wrap !important
    }

    .ccm-ui .flex-nowrap {
        flex-wrap: nowrap !important
    }

    .ccm-ui .flex-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .ccm-ui .justify-content-start {
        justify-content: flex-start !important
    }

    .ccm-ui .justify-content-end {
        justify-content: flex-end !important
    }

    .ccm-ui .justify-content-center {
        justify-content: center !important
    }

    .ccm-ui .justify-content-between {
        justify-content: space-between !important
    }

    .ccm-ui .justify-content-around {
        justify-content: space-around !important
    }

    .ccm-ui .justify-content-evenly {
        justify-content: space-evenly !important
    }

    .ccm-ui .align-items-start {
        align-items: flex-start !important
    }

    .ccm-ui .align-items-end {
        align-items: flex-end !important
    }

    .ccm-ui .align-items-center {
        align-items: center !important
    }

    .ccm-ui .align-items-baseline {
        align-items: baseline !important
    }

    .ccm-ui .align-items-stretch {
        align-items: stretch !important
    }

    .ccm-ui .align-content-start {
        align-content: flex-start !important
    }

    .ccm-ui .align-content-end {
        align-content: flex-end !important
    }

    .ccm-ui .align-content-center {
        align-content: center !important
    }

    .ccm-ui .align-content-between {
        align-content: space-between !important
    }

    .ccm-ui .align-content-around {
        align-content: space-around !important
    }

    .ccm-ui .align-content-stretch {
        align-content: stretch !important
    }

    .ccm-ui .align-self-auto {
        align-self: auto !important
    }

    .ccm-ui .align-self-start {
        align-self: flex-start !important
    }

    .ccm-ui .align-self-end {
        align-self: flex-end !important
    }

    .ccm-ui .align-self-center {
        align-self: center !important
    }

    .ccm-ui .align-self-baseline {
        align-self: baseline !important
    }

    .ccm-ui .align-self-stretch {
        align-self: stretch !important
    }

    .ccm-ui .order-first {
        order: -1 !important
    }

    .ccm-ui .order-0 {
        order: 0 !important
    }

    .ccm-ui .order-1 {
        order: 1 !important
    }

    .ccm-ui .order-2 {
        order: 2 !important
    }

    .ccm-ui .order-3 {
        order: 3 !important
    }

    .ccm-ui .order-4 {
        order: 4 !important
    }

    .ccm-ui .order-5 {
        order: 5 !important
    }

    .ccm-ui .order-last {
        order: 6 !important
    }

    .ccm-ui .m-0 {
        margin: 0 !important
    }

    .ccm-ui .m-1 {
        margin: .25rem !important
    }

    .ccm-ui .m-2 {
        margin: .5rem !important
    }

    .ccm-ui .m-3 {
        margin: 1rem !important
    }

    .ccm-ui .m-4 {
        margin: 1.5rem !important
    }

    .ccm-ui .m-5 {
        margin: 3rem !important
    }

    .ccm-ui .m-auto {
        margin: auto !important
    }

    .ccm-ui .mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .ccm-ui .mx-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .ccm-ui .mx-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .ccm-ui .mx-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .ccm-ui .mx-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .ccm-ui .mx-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .ccm-ui .mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .ccm-ui .my-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .ccm-ui .my-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .ccm-ui .my-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .ccm-ui .my-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

    .ccm-ui .my-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .ccm-ui .my-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .ccm-ui .my-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .ccm-ui .mt-0 {
        margin-top: 0 !important
    }

    .ccm-ui .mt-1 {
        margin-top: .25rem !important
    }

    .ccm-ui .mt-2 {
        margin-top: .5rem !important
    }

    .ccm-ui .mt-3 {
        margin-top: 1rem !important
    }

    .ccm-ui .mt-4 {
        margin-top: 1.5rem !important
    }

    .ccm-ui .mt-5 {
        margin-top: 3rem !important
    }

    .ccm-ui .mt-auto {
        margin-top: auto !important
    }

    .ccm-ui .me-0 {
        margin-right: 0 !important
    }

    .ccm-ui .me-1 {
        margin-right: .25rem !important
    }

    .ccm-ui .me-2 {
        margin-right: .5rem !important
    }

    .ccm-ui .me-3 {
        margin-right: 1rem !important
    }

    .ccm-ui .me-4 {
        margin-right: 1.5rem !important
    }

    .ccm-ui .me-5 {
        margin-right: 3rem !important
    }

    .ccm-ui .me-auto {
        margin-right: auto !important
    }

    .ccm-ui .mb-0 {
        margin-bottom: 0 !important
    }

    .ccm-ui .mb-1 {
        margin-bottom: .25rem !important
    }

    .ccm-ui .mb-2 {
        margin-bottom: .5rem !important
    }

    .ccm-ui .mb-3 {
        margin-bottom: 1rem !important
    }

    .ccm-ui .mb-4 {
        margin-bottom: 1.5rem !important
    }

    .ccm-ui .mb-5 {
        margin-bottom: 3rem !important
    }

    .ccm-ui .mb-auto {
        margin-bottom: auto !important
    }

    .ccm-ui .ms-0 {
        margin-left: 0 !important
    }

    .ccm-ui .ms-1 {
        margin-left: .25rem !important
    }

    .ccm-ui .ms-2 {
        margin-left: .5rem !important
    }

    .ccm-ui .ms-3 {
        margin-left: 1rem !important
    }

    .ccm-ui .ms-4 {
        margin-left: 1.5rem !important
    }

    .ccm-ui .ms-5 {
        margin-left: 3rem !important
    }

    .ccm-ui .ms-auto {
        margin-left: auto !important
    }

    .ccm-ui .p-0 {
        padding: 0 !important
    }

    .ccm-ui .p-1 {
        padding: .25rem !important
    }

    .ccm-ui .p-2 {
        padding: .5rem !important
    }

    .ccm-ui .p-3 {
        padding: 1rem !important
    }

    .ccm-ui .p-4 {
        padding: 1.5rem !important
    }

    .ccm-ui .p-5 {
        padding: 3rem !important
    }

    .ccm-ui .px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .ccm-ui .px-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .ccm-ui .px-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .ccm-ui .px-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .ccm-ui .px-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .ccm-ui .px-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .ccm-ui .py-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .ccm-ui .py-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .ccm-ui .py-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .ccm-ui .py-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .ccm-ui .py-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .ccm-ui .py-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .ccm-ui .pt-0 {
        padding-top: 0 !important
    }

    .ccm-ui .pt-1 {
        padding-top: .25rem !important
    }

    .ccm-ui .pt-2 {
        padding-top: .5rem !important
    }

    .ccm-ui .pt-3 {
        padding-top: 1rem !important
    }

    .ccm-ui .pt-4 {
        padding-top: 1.5rem !important
    }

    .ccm-ui .pt-5 {
        padding-top: 3rem !important
    }

    .ccm-ui .pe-0 {
        padding-right: 0 !important
    }

    .ccm-ui .pe-1 {
        padding-right: .25rem !important
    }

    .ccm-ui .pe-2 {
        padding-right: .5rem !important
    }

    .ccm-ui .pe-3 {
        padding-right: 1rem !important
    }

    .ccm-ui .pe-4 {
        padding-right: 1.5rem !important
    }

    .ccm-ui .pe-5 {
        padding-right: 3rem !important
    }

    .ccm-ui .pb-0 {
        padding-bottom: 0 !important
    }

    .ccm-ui .pb-1 {
        padding-bottom: .25rem !important
    }

    .ccm-ui .pb-2 {
        padding-bottom: .5rem !important
    }

    .ccm-ui .pb-3 {
        padding-bottom: 1rem !important
    }

    .ccm-ui .pb-4 {
        padding-bottom: 1.5rem !important
    }

    .ccm-ui .pb-5 {
        padding-bottom: 3rem !important
    }

    .ccm-ui .ps-0 {
        padding-left: 0 !important
    }

    .ccm-ui .ps-1 {
        padding-left: .25rem !important
    }

    .ccm-ui .ps-2 {
        padding-left: .5rem !important
    }

    .ccm-ui .ps-3 {
        padding-left: 1rem !important
    }

    .ccm-ui .ps-4 {
        padding-left: 1.5rem !important
    }

    .ccm-ui .ps-5 {
        padding-left: 3rem !important
    }

    .ccm-ui .gap-0 {
        gap: 0 !important
    }

    .ccm-ui .gap-1 {
        gap: .25rem !important
    }

    .ccm-ui .gap-2 {
        gap: .5rem !important
    }

    .ccm-ui .gap-3 {
        gap: 1rem !important
    }

    .ccm-ui .gap-4 {
        gap: 1.5rem !important
    }

    .ccm-ui .gap-5 {
        gap: 3rem !important
    }

    .ccm-ui .row-gap-0 {
        row-gap: 0 !important
    }

    .ccm-ui .row-gap-1 {
        row-gap: .25rem !important
    }

    .ccm-ui .row-gap-2 {
        row-gap: .5rem !important
    }

    .ccm-ui .row-gap-3 {
        row-gap: 1rem !important
    }

    .ccm-ui .row-gap-4 {
        row-gap: 1.5rem !important
    }

    .ccm-ui .row-gap-5 {
        row-gap: 3rem !important
    }

    .ccm-ui .column-gap-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }

    .ccm-ui .column-gap-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }

    .ccm-ui .column-gap-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }

    .ccm-ui .column-gap-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .ccm-ui .column-gap-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }

    .ccm-ui .column-gap-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }

    .ccm-ui .font-monospace {
        font-family: var(--bs-font-monospace) !important
    }

    .ccm-ui .fs-1 {
        font-size: calc(1.475rem + 2.7vw) !important
    }

    .ccm-ui .fs-2 {
        font-size: calc(1.325rem + .9vw) !important
    }

    .ccm-ui .fs-3 {
        font-size: calc(1.275rem + .3vw) !important
    }

    .ccm-ui .fs-4 {
        font-size: calc(1.2625rem + .15vw) !important
    }

    .ccm-ui .fs-5 {
        font-size: 1.25rem !important
    }

    .ccm-ui .fs-6 {
        font-size: .8rem !important
    }

    .ccm-ui .fst-italic {
        font-style: italic !important
    }

    .ccm-ui .fst-normal {
        font-style: normal !important
    }

    .ccm-ui .fw-lighter {
        font-weight: lighter !important
    }

    .ccm-ui .fw-light {
        font-weight: 300 !important
    }

    .ccm-ui .fw-normal {
        font-weight: 400 !important
    }

    .ccm-ui .fw-medium {
        font-weight: 500 !important
    }

    .ccm-ui .fw-semibold {
        font-weight: 600 !important
    }

    .ccm-ui .fw-bold {
        font-weight: 700 !important
    }

    .ccm-ui .fw-bolder {
        font-weight: bolder !important
    }

    .ccm-ui .lh-1 {
        line-height: 1 !important
    }

    .ccm-ui .lh-sm {
        line-height: 1.25 !important
    }

    .ccm-ui .lh-base {
        line-height: 1.5 !important
    }

    .ccm-ui .lh-lg {
        line-height: 2 !important
    }

    .ccm-ui .text-start {
        text-align: left !important
    }

    .ccm-ui .text-end {
        text-align: right !important
    }

    .ccm-ui .text-center {
        text-align: center !important
    }

    .ccm-ui .text-decoration-none {
        text-decoration: none !important
    }

    .ccm-ui .text-decoration-underline {
        text-decoration: underline !important
    }

    .ccm-ui .text-decoration-line-through {
        text-decoration: line-through !important
    }

    .ccm-ui .text-lowercase {
        text-transform: lowercase !important
    }

    .ccm-ui .text-uppercase {
        text-transform: uppercase !important
    }

    .ccm-ui .text-capitalize {
        text-transform: capitalize !important
    }

    .ccm-ui .text-wrap {
        white-space: normal !important
    }

    .ccm-ui .text-nowrap {
        white-space: nowrap !important
    }

    .ccm-ui .text-break {
        word-wrap: break-word !important;
        word-break: break-word !important
    }

    .ccm-ui .text-primary {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
    }

    .ccm-ui .text-secondary {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
    }

    .ccm-ui .text-success {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
    }

    .ccm-ui .text-info {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
    }

    .ccm-ui .text-warning {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
    }

    .ccm-ui .text-danger {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
    }

    .ccm-ui .text-light {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
    }

    .ccm-ui .text-dark {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
    }

    .ccm-ui .text-black {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
    }

    .ccm-ui .text-white {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
    }

    .ccm-ui .text-body {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
    }

    .ccm-ui .text-muted {
        --bs-text-opacity: 1;
        color: var(--bs-secondary-color) !important
    }

    .ccm-ui .text-black-50 {
        --bs-text-opacity: 1;
        color: rgba(0, 0, 0, .5) !important
    }

    .ccm-ui .text-white-50 {
        --bs-text-opacity: 1;
        color: hsla(0, 0%, 100%, .5) !important
    }

    .ccm-ui .text-body-secondary {
        --bs-text-opacity: 1;
        color: var(--bs-secondary-color) !important
    }

    .ccm-ui .text-body-tertiary {
        --bs-text-opacity: 1;
        color: var(--bs-tertiary-color) !important
    }

    .ccm-ui .text-body-emphasis {
        --bs-text-opacity: 1;
        color: var(--bs-emphasis-color) !important
    }

    .ccm-ui .text-reset {
        --bs-text-opacity: 1;
        color: inherit !important
    }

    .ccm-ui .text-opacity-25 {
        --bs-text-opacity: 0.25
    }

    .ccm-ui .text-opacity-50 {
        --bs-text-opacity: 0.5
    }

    .ccm-ui .text-opacity-75 {
        --bs-text-opacity: 0.75
    }

    .ccm-ui .text-opacity-100 {
        --bs-text-opacity: 1
    }

    .ccm-ui .text-primary-emphasis {
        color: var(--bs-primary-text-emphasis) !important
    }

    .ccm-ui .text-secondary-emphasis {
        color: var(--bs-secondary-text-emphasis) !important
    }

    .ccm-ui .text-success-emphasis {
        color: var(--bs-success-text-emphasis) !important
    }

    .ccm-ui .text-info-emphasis {
        color: var(--bs-info-text-emphasis) !important
    }

    .ccm-ui .text-warning-emphasis {
        color: var(--bs-warning-text-emphasis) !important
    }

    .ccm-ui .text-danger-emphasis {
        color: var(--bs-danger-text-emphasis) !important
    }

    .ccm-ui .text-light-emphasis {
        color: var(--bs-light-text-emphasis) !important
    }

    .ccm-ui .text-dark-emphasis {
        color: var(--bs-dark-text-emphasis) !important
    }

    .ccm-ui .link-opacity-10,
    .ccm-ui .link-opacity-10-hover:hover {
        --bs-link-opacity: 0.1
    }

    .ccm-ui .link-opacity-25,
    .ccm-ui .link-opacity-25-hover:hover {
        --bs-link-opacity: 0.25
    }

    .ccm-ui .link-opacity-50,
    .ccm-ui .link-opacity-50-hover:hover {
        --bs-link-opacity: 0.5
    }

    .ccm-ui .link-opacity-75,
    .ccm-ui .link-opacity-75-hover:hover {
        --bs-link-opacity: 0.75
    }

    .ccm-ui .link-opacity-100,
    .ccm-ui .link-opacity-100-hover:hover {
        --bs-link-opacity: 1
    }

    .ccm-ui .link-offset-1,
    .ccm-ui .link-offset-1-hover:hover {
        text-underline-offset: .125em !important
    }

    .ccm-ui .link-offset-2,
    .ccm-ui .link-offset-2-hover:hover {
        text-underline-offset: .25em !important
    }

    .ccm-ui .link-offset-3,
    .ccm-ui .link-offset-3-hover:hover {
        text-underline-offset: .375em !important
    }

    .ccm-ui .link-underline-primary {
        --bs-link-underline-opacity: 1;
        text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
    }

    .ccm-ui .link-underline-secondary {
        --bs-link-underline-opacity: 1;
        text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
    }

    .ccm-ui .link-underline-success {
        --bs-link-underline-opacity: 1;
        text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
    }

    .ccm-ui .link-underline-info {
        --bs-link-underline-opacity: 1;
        text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
    }

    .ccm-ui .link-underline-warning {
        --bs-link-underline-opacity: 1;
        text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
    }

    .ccm-ui .link-underline-danger {
        --bs-link-underline-opacity: 1;
        text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
    }

    .ccm-ui .link-underline-light {
        --bs-link-underline-opacity: 1;
        text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
    }

    .ccm-ui .link-underline-dark {
        --bs-link-underline-opacity: 1;
        text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
    }

    .ccm-ui .link-underline {
        --bs-link-underline-opacity: 1;
        text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
    }

    .ccm-ui .link-underline-opacity-0,
    .ccm-ui .link-underline-opacity-0-hover:hover {
        --bs-link-underline-opacity: 0
    }

    .ccm-ui .link-underline-opacity-10,
    .ccm-ui .link-underline-opacity-10-hover:hover {
        --bs-link-underline-opacity: 0.1
    }

    .ccm-ui .link-underline-opacity-25,
    .ccm-ui .link-underline-opacity-25-hover:hover {
        --bs-link-underline-opacity: 0.25
    }

    .ccm-ui .link-underline-opacity-50,
    .ccm-ui .link-underline-opacity-50-hover:hover {
        --bs-link-underline-opacity: 0.5
    }

    .ccm-ui .link-underline-opacity-75,
    .ccm-ui .link-underline-opacity-75-hover:hover {
        --bs-link-underline-opacity: 0.75
    }

    .ccm-ui .link-underline-opacity-100,
    .ccm-ui .link-underline-opacity-100-hover:hover {
        --bs-link-underline-opacity: 1
    }

    .ccm-ui .bg-primary {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
    }

    .ccm-ui .bg-secondary {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
    }

    .ccm-ui .bg-success {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
    }

    .ccm-ui .bg-info {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
    }

    .ccm-ui .bg-warning {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
    }

    .ccm-ui .bg-danger {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
    }

    .ccm-ui .bg-light {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
    }

    .ccm-ui .bg-dark {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
    }

    .ccm-ui .bg-black {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
    }

    .ccm-ui .bg-white {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
    }

    .ccm-ui .bg-body {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
    }

    .ccm-ui .bg-transparent {
        --bs-bg-opacity: 1;
        background-color: transparent !important
    }

    .ccm-ui .bg-body-secondary {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
    }

    .ccm-ui .bg-body-tertiary {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
    }

    .ccm-ui .bg-opacity-10 {
        --bs-bg-opacity: 0.1
    }

    .ccm-ui .bg-opacity-25 {
        --bs-bg-opacity: 0.25
    }

    .ccm-ui .bg-opacity-50 {
        --bs-bg-opacity: 0.5
    }

    .ccm-ui .bg-opacity-75 {
        --bs-bg-opacity: 0.75
    }

    .ccm-ui .bg-opacity-100 {
        --bs-bg-opacity: 1
    }

    .ccm-ui .bg-primary-subtle {
        background-color: var(--bs-primary-bg-subtle) !important
    }

    .ccm-ui .bg-secondary-subtle {
        background-color: var(--bs-secondary-bg-subtle) !important
    }

    .ccm-ui .bg-success-subtle {
        background-color: var(--bs-success-bg-subtle) !important
    }

    .ccm-ui .bg-info-subtle {
        background-color: var(--bs-info-bg-subtle) !important
    }

    .ccm-ui .bg-warning-subtle {
        background-color: var(--bs-warning-bg-subtle) !important
    }

    .ccm-ui .bg-danger-subtle {
        background-color: var(--bs-danger-bg-subtle) !important
    }

    .ccm-ui .bg-light-subtle {
        background-color: var(--bs-light-bg-subtle) !important
    }

    .ccm-ui .bg-dark-subtle {
        background-color: var(--bs-dark-bg-subtle) !important
    }

    .ccm-ui .bg-gradient {
        background-image: var(--bs-gradient) !important
    }

    .ccm-ui .user-select-all {
        -webkit-user-select: all !important;
        -moz-user-select: all !important;
        user-select: all !important
    }

    .ccm-ui .user-select-auto {
        -webkit-user-select: auto !important;
        -moz-user-select: auto !important;
        user-select: auto !important
    }

    .ccm-ui .user-select-none {
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        user-select: none !important
    }

    .ccm-ui .pe-none {
        pointer-events: none !important
    }

    .ccm-ui .pe-auto {
        pointer-events: auto !important
    }

    .ccm-ui .rounded {
        border-radius: var(--bs-border-radius) !important
    }

    .ccm-ui .rounded-0 {
        border-radius: 0 !important
    }

    .ccm-ui .rounded-1 {
        border-radius: var(--bs-border-radius-sm) !important
    }

    .ccm-ui .rounded-2 {
        border-radius: var(--bs-border-radius) !important
    }

    .ccm-ui .rounded-3 {
        border-radius: var(--bs-border-radius-lg) !important
    }

    .ccm-ui .rounded-4 {
        border-radius: var(--bs-border-radius-xl) !important
    }

    .ccm-ui .rounded-5 {
        border-radius: var(--bs-border-radius-xxl) !important
    }

    .ccm-ui .rounded-circle {
        border-radius: 50% !important
    }

    .ccm-ui .rounded-pill {
        border-radius: var(--bs-border-radius-pill) !important
    }

    .ccm-ui .rounded-top {
        border-top-left-radius: var(--bs-border-radius) !important;
        border-top-right-radius: var(--bs-border-radius) !important
    }

    .ccm-ui .rounded-top-0 {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .ccm-ui .rounded-top-1 {
        border-top-left-radius: var(--bs-border-radius-sm) !important;
        border-top-right-radius: var(--bs-border-radius-sm) !important
    }

    .ccm-ui .rounded-top-2 {
        border-top-left-radius: var(--bs-border-radius) !important;
        border-top-right-radius: var(--bs-border-radius) !important
    }

    .ccm-ui .rounded-top-3 {
        border-top-left-radius: var(--bs-border-radius-lg) !important;
        border-top-right-radius: var(--bs-border-radius-lg) !important
    }

    .ccm-ui .rounded-top-4 {
        border-top-left-radius: var(--bs-border-radius-xl) !important;
        border-top-right-radius: var(--bs-border-radius-xl) !important
    }

    .ccm-ui .rounded-top-5 {
        border-top-left-radius: var(--bs-border-radius-xxl) !important;
        border-top-right-radius: var(--bs-border-radius-xxl) !important
    }

    .ccm-ui .rounded-top-circle {
        border-top-left-radius: 50% !important;
        border-top-right-radius: 50% !important
    }

    .ccm-ui .rounded-top-pill {
        border-top-left-radius: var(--bs-border-radius-pill) !important;
        border-top-right-radius: var(--bs-border-radius-pill) !important
    }

    .ccm-ui .rounded-end {
        border-bottom-right-radius: var(--bs-border-radius) !important;
        border-top-right-radius: var(--bs-border-radius) !important
    }

    .ccm-ui .rounded-end-0 {
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .ccm-ui .rounded-end-1 {
        border-bottom-right-radius: var(--bs-border-radius-sm) !important;
        border-top-right-radius: var(--bs-border-radius-sm) !important
    }

    .ccm-ui .rounded-end-2 {
        border-bottom-right-radius: var(--bs-border-radius) !important;
        border-top-right-radius: var(--bs-border-radius) !important
    }

    .ccm-ui .rounded-end-3 {
        border-bottom-right-radius: var(--bs-border-radius-lg) !important;
        border-top-right-radius: var(--bs-border-radius-lg) !important
    }

    .ccm-ui .rounded-end-4 {
        border-bottom-right-radius: var(--bs-border-radius-xl) !important;
        border-top-right-radius: var(--bs-border-radius-xl) !important
    }

    .ccm-ui .rounded-end-5 {
        border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
        border-top-right-radius: var(--bs-border-radius-xxl) !important
    }

    .ccm-ui .rounded-end-circle {
        border-bottom-right-radius: 50% !important;
        border-top-right-radius: 50% !important
    }

    .ccm-ui .rounded-end-pill {
        border-bottom-right-radius: var(--bs-border-radius-pill) !important;
        border-top-right-radius: var(--bs-border-radius-pill) !important
    }

    .ccm-ui .rounded-bottom {
        border-bottom-left-radius: var(--bs-border-radius) !important;
        border-bottom-right-radius: var(--bs-border-radius) !important
    }

    .ccm-ui .rounded-bottom-0 {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .ccm-ui .rounded-bottom-1 {
        border-bottom-left-radius: var(--bs-border-radius-sm) !important;
        border-bottom-right-radius: var(--bs-border-radius-sm) !important
    }

    .ccm-ui .rounded-bottom-2 {
        border-bottom-left-radius: var(--bs-border-radius) !important;
        border-bottom-right-radius: var(--bs-border-radius) !important
    }

    .ccm-ui .rounded-bottom-3 {
        border-bottom-left-radius: var(--bs-border-radius-lg) !important;
        border-bottom-right-radius: var(--bs-border-radius-lg) !important
    }

    .ccm-ui .rounded-bottom-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl) !important;
        border-bottom-right-radius: var(--bs-border-radius-xl) !important
    }

    .ccm-ui .rounded-bottom-5 {
        border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
        border-bottom-right-radius: var(--bs-border-radius-xxl) !important
    }

    .ccm-ui .rounded-bottom-circle {
        border-bottom-left-radius: 50% !important;
        border-bottom-right-radius: 50% !important
    }

    .ccm-ui .rounded-bottom-pill {
        border-bottom-left-radius: var(--bs-border-radius-pill) !important;
        border-bottom-right-radius: var(--bs-border-radius-pill) !important
    }

    .ccm-ui .rounded-start {
        border-bottom-left-radius: var(--bs-border-radius) !important;
        border-top-left-radius: var(--bs-border-radius) !important
    }

    .ccm-ui .rounded-start-0 {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important
    }

    .ccm-ui .rounded-start-1 {
        border-bottom-left-radius: var(--bs-border-radius-sm) !important;
        border-top-left-radius: var(--bs-border-radius-sm) !important
    }

    .ccm-ui .rounded-start-2 {
        border-bottom-left-radius: var(--bs-border-radius) !important;
        border-top-left-radius: var(--bs-border-radius) !important
    }

    .ccm-ui .rounded-start-3 {
        border-bottom-left-radius: var(--bs-border-radius-lg) !important;
        border-top-left-radius: var(--bs-border-radius-lg) !important
    }

    .ccm-ui .rounded-start-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl) !important;
        border-top-left-radius: var(--bs-border-radius-xl) !important
    }

    .ccm-ui .rounded-start-5 {
        border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
        border-top-left-radius: var(--bs-border-radius-xxl) !important
    }

    .ccm-ui .rounded-start-circle {
        border-bottom-left-radius: 50% !important;
        border-top-left-radius: 50% !important
    }

    .ccm-ui .rounded-start-pill {
        border-bottom-left-radius: var(--bs-border-radius-pill) !important;
        border-top-left-radius: var(--bs-border-radius-pill) !important
    }

    .ccm-ui .visible {
        visibility: visible !important
    }

    .ccm-ui .invisible {
        visibility: hidden !important
    }

    .ccm-ui .z-n1 {
        z-index: -1 !important
    }

    .ccm-ui .z-0 {
        z-index: 0 !important
    }

    .ccm-ui .z-1 {
        z-index: 1 !important
    }

    .ccm-ui .z-2 {
        z-index: 2 !important
    }

    .ccm-ui .z-3 {
        z-index: 3 !important
    }

    @media(min-width:576px) {
        .ccm-ui .float-sm-start {
            float: left !important
        }

        .ccm-ui .float-sm-end {
            float: right !important
        }

        .ccm-ui .float-sm-none {
            float: none !important
        }

        .ccm-ui .object-fit-sm-contain {
            -o-object-fit: contain !important;
            object-fit: contain !important
        }

        .ccm-ui .object-fit-sm-cover {
            -o-object-fit: cover !important;
            object-fit: cover !important
        }

        .ccm-ui .object-fit-sm-fill {
            -o-object-fit: fill !important;
            object-fit: fill !important
        }

        .ccm-ui .object-fit-sm-scale {
            -o-object-fit: scale-down !important;
            object-fit: scale-down !important
        }

        .ccm-ui .object-fit-sm-none {
            -o-object-fit: none !important;
            object-fit: none !important
        }

        .ccm-ui .d-sm-inline {
            display: inline !important
        }

        .ccm-ui .d-sm-inline-block {
            display: inline-block !important
        }

        .ccm-ui .d-sm-block {
            display: block !important
        }

        .ccm-ui .d-sm-grid {
            display: grid !important
        }

        .ccm-ui .d-sm-inline-grid {
            display: inline-grid !important
        }

        .ccm-ui .d-sm-table {
            display: table !important
        }

        .ccm-ui .d-sm-table-row {
            display: table-row !important
        }

        .ccm-ui .d-sm-table-cell {
            display: table-cell !important
        }

        .ccm-ui .d-sm-flex {
            display: flex !important
        }

        .ccm-ui .d-sm-inline-flex {
            display: inline-flex !important
        }

        .ccm-ui .d-sm-none {
            display: none !important
        }

        .ccm-ui .flex-sm-fill {
            flex: 1 1 auto !important
        }

        .ccm-ui .flex-sm-row {
            flex-direction: row !important
        }

        .ccm-ui .flex-sm-column {
            flex-direction: column !important
        }

        .ccm-ui .flex-sm-row-reverse {
            flex-direction: row-reverse !important
        }

        .ccm-ui .flex-sm-column-reverse {
            flex-direction: column-reverse !important
        }

        .ccm-ui .flex-sm-grow-0 {
            flex-grow: 0 !important
        }

        .ccm-ui .flex-sm-grow-1 {
            flex-grow: 1 !important
        }

        .ccm-ui .flex-sm-shrink-0 {
            flex-shrink: 0 !important
        }

        .ccm-ui .flex-sm-shrink-1 {
            flex-shrink: 1 !important
        }

        .ccm-ui .flex-sm-wrap {
            flex-wrap: wrap !important
        }

        .ccm-ui .flex-sm-nowrap {
            flex-wrap: nowrap !important
        }

        .ccm-ui .flex-sm-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .ccm-ui .justify-content-sm-start {
            justify-content: flex-start !important
        }

        .ccm-ui .justify-content-sm-end {
            justify-content: flex-end !important
        }

        .ccm-ui .justify-content-sm-center {
            justify-content: center !important
        }

        .ccm-ui .justify-content-sm-between {
            justify-content: space-between !important
        }

        .ccm-ui .justify-content-sm-around {
            justify-content: space-around !important
        }

        .ccm-ui .justify-content-sm-evenly {
            justify-content: space-evenly !important
        }

        .ccm-ui .align-items-sm-start {
            align-items: flex-start !important
        }

        .ccm-ui .align-items-sm-end {
            align-items: flex-end !important
        }

        .ccm-ui .align-items-sm-center {
            align-items: center !important
        }

        .ccm-ui .align-items-sm-baseline {
            align-items: baseline !important
        }

        .ccm-ui .align-items-sm-stretch {
            align-items: stretch !important
        }

        .ccm-ui .align-content-sm-start {
            align-content: flex-start !important
        }

        .ccm-ui .align-content-sm-end {
            align-content: flex-end !important
        }

        .ccm-ui .align-content-sm-center {
            align-content: center !important
        }

        .ccm-ui .align-content-sm-between {
            align-content: space-between !important
        }

        .ccm-ui .align-content-sm-around {
            align-content: space-around !important
        }

        .ccm-ui .align-content-sm-stretch {
            align-content: stretch !important
        }

        .ccm-ui .align-self-sm-auto {
            align-self: auto !important
        }

        .ccm-ui .align-self-sm-start {
            align-self: flex-start !important
        }

        .ccm-ui .align-self-sm-end {
            align-self: flex-end !important
        }

        .ccm-ui .align-self-sm-center {
            align-self: center !important
        }

        .ccm-ui .align-self-sm-baseline {
            align-self: baseline !important
        }

        .ccm-ui .align-self-sm-stretch {
            align-self: stretch !important
        }

        .ccm-ui .order-sm-first {
            order: -1 !important
        }

        .ccm-ui .order-sm-0 {
            order: 0 !important
        }

        .ccm-ui .order-sm-1 {
            order: 1 !important
        }

        .ccm-ui .order-sm-2 {
            order: 2 !important
        }

        .ccm-ui .order-sm-3 {
            order: 3 !important
        }

        .ccm-ui .order-sm-4 {
            order: 4 !important
        }

        .ccm-ui .order-sm-5 {
            order: 5 !important
        }

        .ccm-ui .order-sm-last {
            order: 6 !important
        }

        .ccm-ui .m-sm-0 {
            margin: 0 !important
        }

        .ccm-ui .m-sm-1 {
            margin: .25rem !important
        }

        .ccm-ui .m-sm-2 {
            margin: .5rem !important
        }

        .ccm-ui .m-sm-3 {
            margin: 1rem !important
        }

        .ccm-ui .m-sm-4 {
            margin: 1.5rem !important
        }

        .ccm-ui .m-sm-5 {
            margin: 3rem !important
        }

        .ccm-ui .m-sm-auto {
            margin: auto !important
        }

        .ccm-ui .mx-sm-0 {
            margin-left: 0 !important;
            margin-right: 0 !important
        }

        .ccm-ui .mx-sm-1 {
            margin-left: .25rem !important;
            margin-right: .25rem !important
        }

        .ccm-ui .mx-sm-2 {
            margin-left: .5rem !important;
            margin-right: .5rem !important
        }

        .ccm-ui .mx-sm-3 {
            margin-left: 1rem !important;
            margin-right: 1rem !important
        }

        .ccm-ui .mx-sm-4 {
            margin-left: 1.5rem !important;
            margin-right: 1.5rem !important
        }

        .ccm-ui .mx-sm-5 {
            margin-left: 3rem !important;
            margin-right: 3rem !important
        }

        .ccm-ui .mx-sm-auto {
            margin-left: auto !important;
            margin-right: auto !important
        }

        .ccm-ui .my-sm-0 {
            margin-bottom: 0 !important;
            margin-top: 0 !important
        }

        .ccm-ui .my-sm-1 {
            margin-bottom: .25rem !important;
            margin-top: .25rem !important
        }

        .ccm-ui .my-sm-2 {
            margin-bottom: .5rem !important;
            margin-top: .5rem !important
        }

        .ccm-ui .my-sm-3 {
            margin-bottom: 1rem !important;
            margin-top: 1rem !important
        }

        .ccm-ui .my-sm-4 {
            margin-bottom: 1.5rem !important;
            margin-top: 1.5rem !important
        }

        .ccm-ui .my-sm-5 {
            margin-bottom: 3rem !important;
            margin-top: 3rem !important
        }

        .ccm-ui .my-sm-auto {
            margin-bottom: auto !important;
            margin-top: auto !important
        }

        .ccm-ui .mt-sm-0 {
            margin-top: 0 !important
        }

        .ccm-ui .mt-sm-1 {
            margin-top: .25rem !important
        }

        .ccm-ui .mt-sm-2 {
            margin-top: .5rem !important
        }

        .ccm-ui .mt-sm-3 {
            margin-top: 1rem !important
        }

        .ccm-ui .mt-sm-4 {
            margin-top: 1.5rem !important
        }

        .ccm-ui .mt-sm-5 {
            margin-top: 3rem !important
        }

        .ccm-ui .mt-sm-auto {
            margin-top: auto !important
        }

        .ccm-ui .me-sm-0 {
            margin-right: 0 !important
        }

        .ccm-ui .me-sm-1 {
            margin-right: .25rem !important
        }

        .ccm-ui .me-sm-2 {
            margin-right: .5rem !important
        }

        .ccm-ui .me-sm-3 {
            margin-right: 1rem !important
        }

        .ccm-ui .me-sm-4 {
            margin-right: 1.5rem !important
        }

        .ccm-ui .me-sm-5 {
            margin-right: 3rem !important
        }

        .ccm-ui .me-sm-auto {
            margin-right: auto !important
        }

        .ccm-ui .mb-sm-0 {
            margin-bottom: 0 !important
        }

        .ccm-ui .mb-sm-1 {
            margin-bottom: .25rem !important
        }

        .ccm-ui .mb-sm-2 {
            margin-bottom: .5rem !important
        }

        .ccm-ui .mb-sm-3 {
            margin-bottom: 1rem !important
        }

        .ccm-ui .mb-sm-4 {
            margin-bottom: 1.5rem !important
        }

        .ccm-ui .mb-sm-5 {
            margin-bottom: 3rem !important
        }

        .ccm-ui .mb-sm-auto {
            margin-bottom: auto !important
        }

        .ccm-ui .ms-sm-0 {
            margin-left: 0 !important
        }

        .ccm-ui .ms-sm-1 {
            margin-left: .25rem !important
        }

        .ccm-ui .ms-sm-2 {
            margin-left: .5rem !important
        }

        .ccm-ui .ms-sm-3 {
            margin-left: 1rem !important
        }

        .ccm-ui .ms-sm-4 {
            margin-left: 1.5rem !important
        }

        .ccm-ui .ms-sm-5 {
            margin-left: 3rem !important
        }

        .ccm-ui .ms-sm-auto {
            margin-left: auto !important
        }

        .ccm-ui .p-sm-0 {
            padding: 0 !important
        }

        .ccm-ui .p-sm-1 {
            padding: .25rem !important
        }

        .ccm-ui .p-sm-2 {
            padding: .5rem !important
        }

        .ccm-ui .p-sm-3 {
            padding: 1rem !important
        }

        .ccm-ui .p-sm-4 {
            padding: 1.5rem !important
        }

        .ccm-ui .p-sm-5 {
            padding: 3rem !important
        }

        .ccm-ui .px-sm-0 {
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .ccm-ui .px-sm-1 {
            padding-left: .25rem !important;
            padding-right: .25rem !important
        }

        .ccm-ui .px-sm-2 {
            padding-left: .5rem !important;
            padding-right: .5rem !important
        }

        .ccm-ui .px-sm-3 {
            padding-left: 1rem !important;
            padding-right: 1rem !important
        }

        .ccm-ui .px-sm-4 {
            padding-left: 1.5rem !important;
            padding-right: 1.5rem !important
        }

        .ccm-ui .px-sm-5 {
            padding-left: 3rem !important;
            padding-right: 3rem !important
        }

        .ccm-ui .py-sm-0 {
            padding-bottom: 0 !important;
            padding-top: 0 !important
        }

        .ccm-ui .py-sm-1 {
            padding-bottom: .25rem !important;
            padding-top: .25rem !important
        }

        .ccm-ui .py-sm-2 {
            padding-bottom: .5rem !important;
            padding-top: .5rem !important
        }

        .ccm-ui .py-sm-3 {
            padding-bottom: 1rem !important;
            padding-top: 1rem !important
        }

        .ccm-ui .py-sm-4 {
            padding-bottom: 1.5rem !important;
            padding-top: 1.5rem !important
        }

        .ccm-ui .py-sm-5 {
            padding-bottom: 3rem !important;
            padding-top: 3rem !important
        }

        .ccm-ui .pt-sm-0 {
            padding-top: 0 !important
        }

        .ccm-ui .pt-sm-1 {
            padding-top: .25rem !important
        }

        .ccm-ui .pt-sm-2 {
            padding-top: .5rem !important
        }

        .ccm-ui .pt-sm-3 {
            padding-top: 1rem !important
        }

        .ccm-ui .pt-sm-4 {
            padding-top: 1.5rem !important
        }

        .ccm-ui .pt-sm-5 {
            padding-top: 3rem !important
        }

        .ccm-ui .pe-sm-0 {
            padding-right: 0 !important
        }

        .ccm-ui .pe-sm-1 {
            padding-right: .25rem !important
        }

        .ccm-ui .pe-sm-2 {
            padding-right: .5rem !important
        }

        .ccm-ui .pe-sm-3 {
            padding-right: 1rem !important
        }

        .ccm-ui .pe-sm-4 {
            padding-right: 1.5rem !important
        }

        .ccm-ui .pe-sm-5 {
            padding-right: 3rem !important
        }

        .ccm-ui .pb-sm-0 {
            padding-bottom: 0 !important
        }

        .ccm-ui .pb-sm-1 {
            padding-bottom: .25rem !important
        }

        .ccm-ui .pb-sm-2 {
            padding-bottom: .5rem !important
        }

        .ccm-ui .pb-sm-3 {
            padding-bottom: 1rem !important
        }

        .ccm-ui .pb-sm-4 {
            padding-bottom: 1.5rem !important
        }

        .ccm-ui .pb-sm-5 {
            padding-bottom: 3rem !important
        }

        .ccm-ui .ps-sm-0 {
            padding-left: 0 !important
        }

        .ccm-ui .ps-sm-1 {
            padding-left: .25rem !important
        }

        .ccm-ui .ps-sm-2 {
            padding-left: .5rem !important
        }

        .ccm-ui .ps-sm-3 {
            padding-left: 1rem !important
        }

        .ccm-ui .ps-sm-4 {
            padding-left: 1.5rem !important
        }

        .ccm-ui .ps-sm-5 {
            padding-left: 3rem !important
        }

        .ccm-ui .gap-sm-0 {
            gap: 0 !important
        }

        .ccm-ui .gap-sm-1 {
            gap: .25rem !important
        }

        .ccm-ui .gap-sm-2 {
            gap: .5rem !important
        }

        .ccm-ui .gap-sm-3 {
            gap: 1rem !important
        }

        .ccm-ui .gap-sm-4 {
            gap: 1.5rem !important
        }

        .ccm-ui .gap-sm-5 {
            gap: 3rem !important
        }

        .ccm-ui .row-gap-sm-0 {
            row-gap: 0 !important
        }

        .ccm-ui .row-gap-sm-1 {
            row-gap: .25rem !important
        }

        .ccm-ui .row-gap-sm-2 {
            row-gap: .5rem !important
        }

        .ccm-ui .row-gap-sm-3 {
            row-gap: 1rem !important
        }

        .ccm-ui .row-gap-sm-4 {
            row-gap: 1.5rem !important
        }

        .ccm-ui .row-gap-sm-5 {
            row-gap: 3rem !important
        }

        .ccm-ui .column-gap-sm-0 {
            -moz-column-gap: 0 !important;
            column-gap: 0 !important
        }

        .ccm-ui .column-gap-sm-1 {
            -moz-column-gap: .25rem !important;
            column-gap: .25rem !important
        }

        .ccm-ui .column-gap-sm-2 {
            -moz-column-gap: .5rem !important;
            column-gap: .5rem !important
        }

        .ccm-ui .column-gap-sm-3 {
            -moz-column-gap: 1rem !important;
            column-gap: 1rem !important
        }

        .ccm-ui .column-gap-sm-4 {
            -moz-column-gap: 1.5rem !important;
            column-gap: 1.5rem !important
        }

        .ccm-ui .column-gap-sm-5 {
            -moz-column-gap: 3rem !important;
            column-gap: 3rem !important
        }

        .ccm-ui .text-sm-start {
            text-align: left !important
        }

        .ccm-ui .text-sm-end {
            text-align: right !important
        }

        .ccm-ui .text-sm-center {
            text-align: center !important
        }
    }

    @media(min-width:768px) {
        .ccm-ui .float-md-start {
            float: left !important
        }

        .ccm-ui .float-md-end {
            float: right !important
        }

        .ccm-ui .float-md-none {
            float: none !important
        }

        .ccm-ui .object-fit-md-contain {
            -o-object-fit: contain !important;
            object-fit: contain !important
        }

        .ccm-ui .object-fit-md-cover {
            -o-object-fit: cover !important;
            object-fit: cover !important
        }

        .ccm-ui .object-fit-md-fill {
            -o-object-fit: fill !important;
            object-fit: fill !important
        }

        .ccm-ui .object-fit-md-scale {
            -o-object-fit: scale-down !important;
            object-fit: scale-down !important
        }

        .ccm-ui .object-fit-md-none {
            -o-object-fit: none !important;
            object-fit: none !important
        }

        .ccm-ui .d-md-inline {
            display: inline !important
        }

        .ccm-ui .d-md-inline-block {
            display: inline-block !important
        }

        .ccm-ui .d-md-block {
            display: block !important
        }

        .ccm-ui .d-md-grid {
            display: grid !important
        }

        .ccm-ui .d-md-inline-grid {
            display: inline-grid !important
        }

        .ccm-ui .d-md-table {
            display: table !important
        }

        .ccm-ui .d-md-table-row {
            display: table-row !important
        }

        .ccm-ui .d-md-table-cell {
            display: table-cell !important
        }

        .ccm-ui .d-md-flex {
            display: flex !important
        }

        .ccm-ui .d-md-inline-flex {
            display: inline-flex !important
        }

        .ccm-ui .d-md-none {
            display: none !important
        }

        .ccm-ui .flex-md-fill {
            flex: 1 1 auto !important
        }

        .ccm-ui .flex-md-row {
            flex-direction: row !important
        }

        .ccm-ui .flex-md-column {
            flex-direction: column !important
        }

        .ccm-ui .flex-md-row-reverse {
            flex-direction: row-reverse !important
        }

        .ccm-ui .flex-md-column-reverse {
            flex-direction: column-reverse !important
        }

        .ccm-ui .flex-md-grow-0 {
            flex-grow: 0 !important
        }

        .ccm-ui .flex-md-grow-1 {
            flex-grow: 1 !important
        }

        .ccm-ui .flex-md-shrink-0 {
            flex-shrink: 0 !important
        }

        .ccm-ui .flex-md-shrink-1 {
            flex-shrink: 1 !important
        }

        .ccm-ui .flex-md-wrap {
            flex-wrap: wrap !important
        }

        .ccm-ui .flex-md-nowrap {
            flex-wrap: nowrap !important
        }

        .ccm-ui .flex-md-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .ccm-ui .justify-content-md-start {
            justify-content: flex-start !important
        }

        .ccm-ui .justify-content-md-end {
            justify-content: flex-end !important
        }

        .ccm-ui .justify-content-md-center {
            justify-content: center !important
        }

        .ccm-ui .justify-content-md-between {
            justify-content: space-between !important
        }

        .ccm-ui .justify-content-md-around {
            justify-content: space-around !important
        }

        .ccm-ui .justify-content-md-evenly {
            justify-content: space-evenly !important
        }

        .ccm-ui .align-items-md-start {
            align-items: flex-start !important
        }

        .ccm-ui .align-items-md-end {
            align-items: flex-end !important
        }

        .ccm-ui .align-items-md-center {
            align-items: center !important
        }

        .ccm-ui .align-items-md-baseline {
            align-items: baseline !important
        }

        .ccm-ui .align-items-md-stretch {
            align-items: stretch !important
        }

        .ccm-ui .align-content-md-start {
            align-content: flex-start !important
        }

        .ccm-ui .align-content-md-end {
            align-content: flex-end !important
        }

        .ccm-ui .align-content-md-center {
            align-content: center !important
        }

        .ccm-ui .align-content-md-between {
            align-content: space-between !important
        }

        .ccm-ui .align-content-md-around {
            align-content: space-around !important
        }

        .ccm-ui .align-content-md-stretch {
            align-content: stretch !important
        }

        .ccm-ui .align-self-md-auto {
            align-self: auto !important
        }

        .ccm-ui .align-self-md-start {
            align-self: flex-start !important
        }

        .ccm-ui .align-self-md-end {
            align-self: flex-end !important
        }

        .ccm-ui .align-self-md-center {
            align-self: center !important
        }

        .ccm-ui .align-self-md-baseline {
            align-self: baseline !important
        }

        .ccm-ui .align-self-md-stretch {
            align-self: stretch !important
        }

        .ccm-ui .order-md-first {
            order: -1 !important
        }

        .ccm-ui .order-md-0 {
            order: 0 !important
        }

        .ccm-ui .order-md-1 {
            order: 1 !important
        }

        .ccm-ui .order-md-2 {
            order: 2 !important
        }

        .ccm-ui .order-md-3 {
            order: 3 !important
        }

        .ccm-ui .order-md-4 {
            order: 4 !important
        }

        .ccm-ui .order-md-5 {
            order: 5 !important
        }

        .ccm-ui .order-md-last {
            order: 6 !important
        }

        .ccm-ui .m-md-0 {
            margin: 0 !important
        }

        .ccm-ui .m-md-1 {
            margin: .25rem !important
        }

        .ccm-ui .m-md-2 {
            margin: .5rem !important
        }

        .ccm-ui .m-md-3 {
            margin: 1rem !important
        }

        .ccm-ui .m-md-4 {
            margin: 1.5rem !important
        }

        .ccm-ui .m-md-5 {
            margin: 3rem !important
        }

        .ccm-ui .m-md-auto {
            margin: auto !important
        }

        .ccm-ui .mx-md-0 {
            margin-left: 0 !important;
            margin-right: 0 !important
        }

        .ccm-ui .mx-md-1 {
            margin-left: .25rem !important;
            margin-right: .25rem !important
        }

        .ccm-ui .mx-md-2 {
            margin-left: .5rem !important;
            margin-right: .5rem !important
        }

        .ccm-ui .mx-md-3 {
            margin-left: 1rem !important;
            margin-right: 1rem !important
        }

        .ccm-ui .mx-md-4 {
            margin-left: 1.5rem !important;
            margin-right: 1.5rem !important
        }

        .ccm-ui .mx-md-5 {
            margin-left: 3rem !important;
            margin-right: 3rem !important
        }

        .ccm-ui .mx-md-auto {
            margin-left: auto !important;
            margin-right: auto !important
        }

        .ccm-ui .my-md-0 {
            margin-bottom: 0 !important;
            margin-top: 0 !important
        }

        .ccm-ui .my-md-1 {
            margin-bottom: .25rem !important;
            margin-top: .25rem !important
        }

        .ccm-ui .my-md-2 {
            margin-bottom: .5rem !important;
            margin-top: .5rem !important
        }

        .ccm-ui .my-md-3 {
            margin-bottom: 1rem !important;
            margin-top: 1rem !important
        }

        .ccm-ui .my-md-4 {
            margin-bottom: 1.5rem !important;
            margin-top: 1.5rem !important
        }

        .ccm-ui .my-md-5 {
            margin-bottom: 3rem !important;
            margin-top: 3rem !important
        }

        .ccm-ui .my-md-auto {
            margin-bottom: auto !important;
            margin-top: auto !important
        }

        .ccm-ui .mt-md-0 {
            margin-top: 0 !important
        }

        .ccm-ui .mt-md-1 {
            margin-top: .25rem !important
        }

        .ccm-ui .mt-md-2 {
            margin-top: .5rem !important
        }

        .ccm-ui .mt-md-3 {
            margin-top: 1rem !important
        }

        .ccm-ui .mt-md-4 {
            margin-top: 1.5rem !important
        }

        .ccm-ui .mt-md-5 {
            margin-top: 3rem !important
        }

        .ccm-ui .mt-md-auto {
            margin-top: auto !important
        }

        .ccm-ui .me-md-0 {
            margin-right: 0 !important
        }

        .ccm-ui .me-md-1 {
            margin-right: .25rem !important
        }

        .ccm-ui .me-md-2 {
            margin-right: .5rem !important
        }

        .ccm-ui .me-md-3 {
            margin-right: 1rem !important
        }

        .ccm-ui .me-md-4 {
            margin-right: 1.5rem !important
        }

        .ccm-ui .me-md-5 {
            margin-right: 3rem !important
        }

        .ccm-ui .me-md-auto {
            margin-right: auto !important
        }

        .ccm-ui .mb-md-0 {
            margin-bottom: 0 !important
        }

        .ccm-ui .mb-md-1 {
            margin-bottom: .25rem !important
        }

        .ccm-ui .mb-md-2 {
            margin-bottom: .5rem !important
        }

        .ccm-ui .mb-md-3 {
            margin-bottom: 1rem !important
        }

        .ccm-ui .mb-md-4 {
            margin-bottom: 1.5rem !important
        }

        .ccm-ui .mb-md-5 {
            margin-bottom: 3rem !important
        }

        .ccm-ui .mb-md-auto {
            margin-bottom: auto !important
        }

        .ccm-ui .ms-md-0 {
            margin-left: 0 !important
        }

        .ccm-ui .ms-md-1 {
            margin-left: .25rem !important
        }

        .ccm-ui .ms-md-2 {
            margin-left: .5rem !important
        }

        .ccm-ui .ms-md-3 {
            margin-left: 1rem !important
        }

        .ccm-ui .ms-md-4 {
            margin-left: 1.5rem !important
        }

        .ccm-ui .ms-md-5 {
            margin-left: 3rem !important
        }

        .ccm-ui .ms-md-auto {
            margin-left: auto !important
        }

        .ccm-ui .p-md-0 {
            padding: 0 !important
        }

        .ccm-ui .p-md-1 {
            padding: .25rem !important
        }

        .ccm-ui .p-md-2 {
            padding: .5rem !important
        }

        .ccm-ui .p-md-3 {
            padding: 1rem !important
        }

        .ccm-ui .p-md-4 {
            padding: 1.5rem !important
        }

        .ccm-ui .p-md-5 {
            padding: 3rem !important
        }

        .ccm-ui .px-md-0 {
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .ccm-ui .px-md-1 {
            padding-left: .25rem !important;
            padding-right: .25rem !important
        }

        .ccm-ui .px-md-2 {
            padding-left: .5rem !important;
            padding-right: .5rem !important
        }

        .ccm-ui .px-md-3 {
            padding-left: 1rem !important;
            padding-right: 1rem !important
        }

        .ccm-ui .px-md-4 {
            padding-left: 1.5rem !important;
            padding-right: 1.5rem !important
        }

        .ccm-ui .px-md-5 {
            padding-left: 3rem !important;
            padding-right: 3rem !important
        }

        .ccm-ui .py-md-0 {
            padding-bottom: 0 !important;
            padding-top: 0 !important
        }

        .ccm-ui .py-md-1 {
            padding-bottom: .25rem !important;
            padding-top: .25rem !important
        }

        .ccm-ui .py-md-2 {
            padding-bottom: .5rem !important;
            padding-top: .5rem !important
        }

        .ccm-ui .py-md-3 {
            padding-bottom: 1rem !important;
            padding-top: 1rem !important
        }

        .ccm-ui .py-md-4 {
            padding-bottom: 1.5rem !important;
            padding-top: 1.5rem !important
        }

        .ccm-ui .py-md-5 {
            padding-bottom: 3rem !important;
            padding-top: 3rem !important
        }

        .ccm-ui .pt-md-0 {
            padding-top: 0 !important
        }

        .ccm-ui .pt-md-1 {
            padding-top: .25rem !important
        }

        .ccm-ui .pt-md-2 {
            padding-top: .5rem !important
        }

        .ccm-ui .pt-md-3 {
            padding-top: 1rem !important
        }

        .ccm-ui .pt-md-4 {
            padding-top: 1.5rem !important
        }

        .ccm-ui .pt-md-5 {
            padding-top: 3rem !important
        }

        .ccm-ui .pe-md-0 {
            padding-right: 0 !important
        }

        .ccm-ui .pe-md-1 {
            padding-right: .25rem !important
        }

        .ccm-ui .pe-md-2 {
            padding-right: .5rem !important
        }

        .ccm-ui .pe-md-3 {
            padding-right: 1rem !important
        }

        .ccm-ui .pe-md-4 {
            padding-right: 1.5rem !important
        }

        .ccm-ui .pe-md-5 {
            padding-right: 3rem !important
        }

        .ccm-ui .pb-md-0 {
            padding-bottom: 0 !important
        }

        .ccm-ui .pb-md-1 {
            padding-bottom: .25rem !important
        }

        .ccm-ui .pb-md-2 {
            padding-bottom: .5rem !important
        }

        .ccm-ui .pb-md-3 {
            padding-bottom: 1rem !important
        }

        .ccm-ui .pb-md-4 {
            padding-bottom: 1.5rem !important
        }

        .ccm-ui .pb-md-5 {
            padding-bottom: 3rem !important
        }

        .ccm-ui .ps-md-0 {
            padding-left: 0 !important
        }

        .ccm-ui .ps-md-1 {
            padding-left: .25rem !important
        }

        .ccm-ui .ps-md-2 {
            padding-left: .5rem !important
        }

        .ccm-ui .ps-md-3 {
            padding-left: 1rem !important
        }

        .ccm-ui .ps-md-4 {
            padding-left: 1.5rem !important
        }

        .ccm-ui .ps-md-5 {
            padding-left: 3rem !important
        }

        .ccm-ui .gap-md-0 {
            gap: 0 !important
        }

        .ccm-ui .gap-md-1 {
            gap: .25rem !important
        }

        .ccm-ui .gap-md-2 {
            gap: .5rem !important
        }

        .ccm-ui .gap-md-3 {
            gap: 1rem !important
        }

        .ccm-ui .gap-md-4 {
            gap: 1.5rem !important
        }

        .ccm-ui .gap-md-5 {
            gap: 3rem !important
        }

        .ccm-ui .row-gap-md-0 {
            row-gap: 0 !important
        }

        .ccm-ui .row-gap-md-1 {
            row-gap: .25rem !important
        }

        .ccm-ui .row-gap-md-2 {
            row-gap: .5rem !important
        }

        .ccm-ui .row-gap-md-3 {
            row-gap: 1rem !important
        }

        .ccm-ui .row-gap-md-4 {
            row-gap: 1.5rem !important
        }

        .ccm-ui .row-gap-md-5 {
            row-gap: 3rem !important
        }

        .ccm-ui .column-gap-md-0 {
            -moz-column-gap: 0 !important;
            column-gap: 0 !important
        }

        .ccm-ui .column-gap-md-1 {
            -moz-column-gap: .25rem !important;
            column-gap: .25rem !important
        }

        .ccm-ui .column-gap-md-2 {
            -moz-column-gap: .5rem !important;
            column-gap: .5rem !important
        }

        .ccm-ui .column-gap-md-3 {
            -moz-column-gap: 1rem !important;
            column-gap: 1rem !important
        }

        .ccm-ui .column-gap-md-4 {
            -moz-column-gap: 1.5rem !important;
            column-gap: 1.5rem !important
        }

        .ccm-ui .column-gap-md-5 {
            -moz-column-gap: 3rem !important;
            column-gap: 3rem !important
        }

        .ccm-ui .text-md-start {
            text-align: left !important
        }

        .ccm-ui .text-md-end {
            text-align: right !important
        }

        .ccm-ui .text-md-center {
            text-align: center !important
        }
    }

    @media(min-width:992px) {
        .ccm-ui .float-lg-start {
            float: left !important
        }

        .ccm-ui .float-lg-end {
            float: right !important
        }

        .ccm-ui .float-lg-none {
            float: none !important
        }

        .ccm-ui .object-fit-lg-contain {
            -o-object-fit: contain !important;
            object-fit: contain !important
        }

        .ccm-ui .object-fit-lg-cover {
            -o-object-fit: cover !important;
            object-fit: cover !important
        }

        .ccm-ui .object-fit-lg-fill {
            -o-object-fit: fill !important;
            object-fit: fill !important
        }

        .ccm-ui .object-fit-lg-scale {
            -o-object-fit: scale-down !important;
            object-fit: scale-down !important
        }

        .ccm-ui .object-fit-lg-none {
            -o-object-fit: none !important;
            object-fit: none !important
        }

        .ccm-ui .d-lg-inline {
            display: inline !important
        }

        .ccm-ui .d-lg-inline-block {
            display: inline-block !important
        }

        .ccm-ui .d-lg-block {
            display: block !important
        }

        .ccm-ui .d-lg-grid {
            display: grid !important
        }

        .ccm-ui .d-lg-inline-grid {
            display: inline-grid !important
        }

        .ccm-ui .d-lg-table {
            display: table !important
        }

        .ccm-ui .d-lg-table-row {
            display: table-row !important
        }

        .ccm-ui .d-lg-table-cell {
            display: table-cell !important
        }

        .ccm-ui .d-lg-flex {
            display: flex !important
        }

        .ccm-ui .d-lg-inline-flex {
            display: inline-flex !important
        }

        .ccm-ui .d-lg-none {
            display: none !important
        }

        .ccm-ui .flex-lg-fill {
            flex: 1 1 auto !important
        }

        .ccm-ui .flex-lg-row {
            flex-direction: row !important
        }

        .ccm-ui .flex-lg-column {
            flex-direction: column !important
        }

        .ccm-ui .flex-lg-row-reverse {
            flex-direction: row-reverse !important
        }

        .ccm-ui .flex-lg-column-reverse {
            flex-direction: column-reverse !important
        }

        .ccm-ui .flex-lg-grow-0 {
            flex-grow: 0 !important
        }

        .ccm-ui .flex-lg-grow-1 {
            flex-grow: 1 !important
        }

        .ccm-ui .flex-lg-shrink-0 {
            flex-shrink: 0 !important
        }

        .ccm-ui .flex-lg-shrink-1 {
            flex-shrink: 1 !important
        }

        .ccm-ui .flex-lg-wrap {
            flex-wrap: wrap !important
        }

        .ccm-ui .flex-lg-nowrap {
            flex-wrap: nowrap !important
        }

        .ccm-ui .flex-lg-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .ccm-ui .justify-content-lg-start {
            justify-content: flex-start !important
        }

        .ccm-ui .justify-content-lg-end {
            justify-content: flex-end !important
        }

        .ccm-ui .justify-content-lg-center {
            justify-content: center !important
        }

        .ccm-ui .justify-content-lg-between {
            justify-content: space-between !important
        }

        .ccm-ui .justify-content-lg-around {
            justify-content: space-around !important
        }

        .ccm-ui .justify-content-lg-evenly {
            justify-content: space-evenly !important
        }

        .ccm-ui .align-items-lg-start {
            align-items: flex-start !important
        }

        .ccm-ui .align-items-lg-end {
            align-items: flex-end !important
        }

        .ccm-ui .align-items-lg-center {
            align-items: center !important
        }

        .ccm-ui .align-items-lg-baseline {
            align-items: baseline !important
        }

        .ccm-ui .align-items-lg-stretch {
            align-items: stretch !important
        }

        .ccm-ui .align-content-lg-start {
            align-content: flex-start !important
        }

        .ccm-ui .align-content-lg-end {
            align-content: flex-end !important
        }

        .ccm-ui .align-content-lg-center {
            align-content: center !important
        }

        .ccm-ui .align-content-lg-between {
            align-content: space-between !important
        }

        .ccm-ui .align-content-lg-around {
            align-content: space-around !important
        }

        .ccm-ui .align-content-lg-stretch {
            align-content: stretch !important
        }

        .ccm-ui .align-self-lg-auto {
            align-self: auto !important
        }

        .ccm-ui .align-self-lg-start {
            align-self: flex-start !important
        }

        .ccm-ui .align-self-lg-end {
            align-self: flex-end !important
        }

        .ccm-ui .align-self-lg-center {
            align-self: center !important
        }

        .ccm-ui .align-self-lg-baseline {
            align-self: baseline !important
        }

        .ccm-ui .align-self-lg-stretch {
            align-self: stretch !important
        }

        .ccm-ui .order-lg-first {
            order: -1 !important
        }

        .ccm-ui .order-lg-0 {
            order: 0 !important
        }

        .ccm-ui .order-lg-1 {
            order: 1 !important
        }

        .ccm-ui .order-lg-2 {
            order: 2 !important
        }

        .ccm-ui .order-lg-3 {
            order: 3 !important
        }

        .ccm-ui .order-lg-4 {
            order: 4 !important
        }

        .ccm-ui .order-lg-5 {
            order: 5 !important
        }

        .ccm-ui .order-lg-last {
            order: 6 !important
        }

        .ccm-ui .m-lg-0 {
            margin: 0 !important
        }

        .ccm-ui .m-lg-1 {
            margin: .25rem !important
        }

        .ccm-ui .m-lg-2 {
            margin: .5rem !important
        }

        .ccm-ui .m-lg-3 {
            margin: 1rem !important
        }

        .ccm-ui .m-lg-4 {
            margin: 1.5rem !important
        }

        .ccm-ui .m-lg-5 {
            margin: 3rem !important
        }

        .ccm-ui .m-lg-auto {
            margin: auto !important
        }

        .ccm-ui .mx-lg-0 {
            margin-left: 0 !important;
            margin-right: 0 !important
        }

        .ccm-ui .mx-lg-1 {
            margin-left: .25rem !important;
            margin-right: .25rem !important
        }

        .ccm-ui .mx-lg-2 {
            margin-left: .5rem !important;
            margin-right: .5rem !important
        }

        .ccm-ui .mx-lg-3 {
            margin-left: 1rem !important;
            margin-right: 1rem !important
        }

        .ccm-ui .mx-lg-4 {
            margin-left: 1.5rem !important;
            margin-right: 1.5rem !important
        }

        .ccm-ui .mx-lg-5 {
            margin-left: 3rem !important;
            margin-right: 3rem !important
        }

        .ccm-ui .mx-lg-auto {
            margin-left: auto !important;
            margin-right: auto !important
        }

        .ccm-ui .my-lg-0 {
            margin-bottom: 0 !important;
            margin-top: 0 !important
        }

        .ccm-ui .my-lg-1 {
            margin-bottom: .25rem !important;
            margin-top: .25rem !important
        }

        .ccm-ui .my-lg-2 {
            margin-bottom: .5rem !important;
            margin-top: .5rem !important
        }

        .ccm-ui .my-lg-3 {
            margin-bottom: 1rem !important;
            margin-top: 1rem !important
        }

        .ccm-ui .my-lg-4 {
            margin-bottom: 1.5rem !important;
            margin-top: 1.5rem !important
        }

        .ccm-ui .my-lg-5 {
            margin-bottom: 3rem !important;
            margin-top: 3rem !important
        }

        .ccm-ui .my-lg-auto {
            margin-bottom: auto !important;
            margin-top: auto !important
        }

        .ccm-ui .mt-lg-0 {
            margin-top: 0 !important
        }

        .ccm-ui .mt-lg-1 {
            margin-top: .25rem !important
        }

        .ccm-ui .mt-lg-2 {
            margin-top: .5rem !important
        }

        .ccm-ui .mt-lg-3 {
            margin-top: 1rem !important
        }

        .ccm-ui .mt-lg-4 {
            margin-top: 1.5rem !important
        }

        .ccm-ui .mt-lg-5 {
            margin-top: 3rem !important
        }

        .ccm-ui .mt-lg-auto {
            margin-top: auto !important
        }

        .ccm-ui .me-lg-0 {
            margin-right: 0 !important
        }

        .ccm-ui .me-lg-1 {
            margin-right: .25rem !important
        }

        .ccm-ui .me-lg-2 {
            margin-right: .5rem !important
        }

        .ccm-ui .me-lg-3 {
            margin-right: 1rem !important
        }

        .ccm-ui .me-lg-4 {
            margin-right: 1.5rem !important
        }

        .ccm-ui .me-lg-5 {
            margin-right: 3rem !important
        }

        .ccm-ui .me-lg-auto {
            margin-right: auto !important
        }

        .ccm-ui .mb-lg-0 {
            margin-bottom: 0 !important
        }

        .ccm-ui .mb-lg-1 {
            margin-bottom: .25rem !important
        }

        .ccm-ui .mb-lg-2 {
            margin-bottom: .5rem !important
        }

        .ccm-ui .mb-lg-3 {
            margin-bottom: 1rem !important
        }

        .ccm-ui .mb-lg-4 {
            margin-bottom: 1.5rem !important
        }

        .ccm-ui .mb-lg-5 {
            margin-bottom: 3rem !important
        }

        .ccm-ui .mb-lg-auto {
            margin-bottom: auto !important
        }

        .ccm-ui .ms-lg-0 {
            margin-left: 0 !important
        }

        .ccm-ui .ms-lg-1 {
            margin-left: .25rem !important
        }

        .ccm-ui .ms-lg-2 {
            margin-left: .5rem !important
        }

        .ccm-ui .ms-lg-3 {
            margin-left: 1rem !important
        }

        .ccm-ui .ms-lg-4 {
            margin-left: 1.5rem !important
        }

        .ccm-ui .ms-lg-5 {
            margin-left: 3rem !important
        }

        .ccm-ui .ms-lg-auto {
            margin-left: auto !important
        }

        .ccm-ui .p-lg-0 {
            padding: 0 !important
        }

        .ccm-ui .p-lg-1 {
            padding: .25rem !important
        }

        .ccm-ui .p-lg-2 {
            padding: .5rem !important
        }

        .ccm-ui .p-lg-3 {
            padding: 1rem !important
        }

        .ccm-ui .p-lg-4 {
            padding: 1.5rem !important
        }

        .ccm-ui .p-lg-5 {
            padding: 3rem !important
        }

        .ccm-ui .px-lg-0 {
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .ccm-ui .px-lg-1 {
            padding-left: .25rem !important;
            padding-right: .25rem !important
        }

        .ccm-ui .px-lg-2 {
            padding-left: .5rem !important;
            padding-right: .5rem !important
        }

        .ccm-ui .px-lg-3 {
            padding-left: 1rem !important;
            padding-right: 1rem !important
        }

        .ccm-ui .px-lg-4 {
            padding-left: 1.5rem !important;
            padding-right: 1.5rem !important
        }

        .ccm-ui .px-lg-5 {
            padding-left: 3rem !important;
            padding-right: 3rem !important
        }

        .ccm-ui .py-lg-0 {
            padding-bottom: 0 !important;
            padding-top: 0 !important
        }

        .ccm-ui .py-lg-1 {
            padding-bottom: .25rem !important;
            padding-top: .25rem !important
        }

        .ccm-ui .py-lg-2 {
            padding-bottom: .5rem !important;
            padding-top: .5rem !important
        }

        .ccm-ui .py-lg-3 {
            padding-bottom: 1rem !important;
            padding-top: 1rem !important
        }

        .ccm-ui .py-lg-4 {
            padding-bottom: 1.5rem !important;
            padding-top: 1.5rem !important
        }

        .ccm-ui .py-lg-5 {
            padding-bottom: 3rem !important;
            padding-top: 3rem !important
        }

        .ccm-ui .pt-lg-0 {
            padding-top: 0 !important
        }

        .ccm-ui .pt-lg-1 {
            padding-top: .25rem !important
        }

        .ccm-ui .pt-lg-2 {
            padding-top: .5rem !important
        }

        .ccm-ui .pt-lg-3 {
            padding-top: 1rem !important
        }

        .ccm-ui .pt-lg-4 {
            padding-top: 1.5rem !important
        }

        .ccm-ui .pt-lg-5 {
            padding-top: 3rem !important
        }

        .ccm-ui .pe-lg-0 {
            padding-right: 0 !important
        }

        .ccm-ui .pe-lg-1 {
            padding-right: .25rem !important
        }

        .ccm-ui .pe-lg-2 {
            padding-right: .5rem !important
        }

        .ccm-ui .pe-lg-3 {
            padding-right: 1rem !important
        }

        .ccm-ui .pe-lg-4 {
            padding-right: 1.5rem !important
        }

        .ccm-ui .pe-lg-5 {
            padding-right: 3rem !important
        }

        .ccm-ui .pb-lg-0 {
            padding-bottom: 0 !important
        }

        .ccm-ui .pb-lg-1 {
            padding-bottom: .25rem !important
        }

        .ccm-ui .pb-lg-2 {
            padding-bottom: .5rem !important
        }

        .ccm-ui .pb-lg-3 {
            padding-bottom: 1rem !important
        }

        .ccm-ui .pb-lg-4 {
            padding-bottom: 1.5rem !important
        }

        .ccm-ui .pb-lg-5 {
            padding-bottom: 3rem !important
        }

        .ccm-ui .ps-lg-0 {
            padding-left: 0 !important
        }

        .ccm-ui .ps-lg-1 {
            padding-left: .25rem !important
        }

        .ccm-ui .ps-lg-2 {
            padding-left: .5rem !important
        }

        .ccm-ui .ps-lg-3 {
            padding-left: 1rem !important
        }

        .ccm-ui .ps-lg-4 {
            padding-left: 1.5rem !important
        }

        .ccm-ui .ps-lg-5 {
            padding-left: 3rem !important
        }

        .ccm-ui .gap-lg-0 {
            gap: 0 !important
        }

        .ccm-ui .gap-lg-1 {
            gap: .25rem !important
        }

        .ccm-ui .gap-lg-2 {
            gap: .5rem !important
        }

        .ccm-ui .gap-lg-3 {
            gap: 1rem !important
        }

        .ccm-ui .gap-lg-4 {
            gap: 1.5rem !important
        }

        .ccm-ui .gap-lg-5 {
            gap: 3rem !important
        }

        .ccm-ui .row-gap-lg-0 {
            row-gap: 0 !important
        }

        .ccm-ui .row-gap-lg-1 {
            row-gap: .25rem !important
        }

        .ccm-ui .row-gap-lg-2 {
            row-gap: .5rem !important
        }

        .ccm-ui .row-gap-lg-3 {
            row-gap: 1rem !important
        }

        .ccm-ui .row-gap-lg-4 {
            row-gap: 1.5rem !important
        }

        .ccm-ui .row-gap-lg-5 {
            row-gap: 3rem !important
        }

        .ccm-ui .column-gap-lg-0 {
            -moz-column-gap: 0 !important;
            column-gap: 0 !important
        }

        .ccm-ui .column-gap-lg-1 {
            -moz-column-gap: .25rem !important;
            column-gap: .25rem !important
        }

        .ccm-ui .column-gap-lg-2 {
            -moz-column-gap: .5rem !important;
            column-gap: .5rem !important
        }

        .ccm-ui .column-gap-lg-3 {
            -moz-column-gap: 1rem !important;
            column-gap: 1rem !important
        }

        .ccm-ui .column-gap-lg-4 {
            -moz-column-gap: 1.5rem !important;
            column-gap: 1.5rem !important
        }

        .ccm-ui .column-gap-lg-5 {
            -moz-column-gap: 3rem !important;
            column-gap: 3rem !important
        }

        .ccm-ui .text-lg-start {
            text-align: left !important
        }

        .ccm-ui .text-lg-end {
            text-align: right !important
        }

        .ccm-ui .text-lg-center {
            text-align: center !important
        }
    }

    @media(min-width:1200px) {
        .ccm-ui .float-xl-start {
            float: left !important
        }

        .ccm-ui .float-xl-end {
            float: right !important
        }

        .ccm-ui .float-xl-none {
            float: none !important
        }

        .ccm-ui .object-fit-xl-contain {
            -o-object-fit: contain !important;
            object-fit: contain !important
        }

        .ccm-ui .object-fit-xl-cover {
            -o-object-fit: cover !important;
            object-fit: cover !important
        }

        .ccm-ui .object-fit-xl-fill {
            -o-object-fit: fill !important;
            object-fit: fill !important
        }

        .ccm-ui .object-fit-xl-scale {
            -o-object-fit: scale-down !important;
            object-fit: scale-down !important
        }

        .ccm-ui .object-fit-xl-none {
            -o-object-fit: none !important;
            object-fit: none !important
        }

        .ccm-ui .d-xl-inline {
            display: inline !important
        }

        .ccm-ui .d-xl-inline-block {
            display: inline-block !important
        }

        .ccm-ui .d-xl-block {
            display: block !important
        }

        .ccm-ui .d-xl-grid {
            display: grid !important
        }

        .ccm-ui .d-xl-inline-grid {
            display: inline-grid !important
        }

        .ccm-ui .d-xl-table {
            display: table !important
        }

        .ccm-ui .d-xl-table-row {
            display: table-row !important
        }

        .ccm-ui .d-xl-table-cell {
            display: table-cell !important
        }

        .ccm-ui .d-xl-flex {
            display: flex !important
        }

        .ccm-ui .d-xl-inline-flex {
            display: inline-flex !important
        }

        .ccm-ui .d-xl-none {
            display: none !important
        }

        .ccm-ui .flex-xl-fill {
            flex: 1 1 auto !important
        }

        .ccm-ui .flex-xl-row {
            flex-direction: row !important
        }

        .ccm-ui .flex-xl-column {
            flex-direction: column !important
        }

        .ccm-ui .flex-xl-row-reverse {
            flex-direction: row-reverse !important
        }

        .ccm-ui .flex-xl-column-reverse {
            flex-direction: column-reverse !important
        }

        .ccm-ui .flex-xl-grow-0 {
            flex-grow: 0 !important
        }

        .ccm-ui .flex-xl-grow-1 {
            flex-grow: 1 !important
        }

        .ccm-ui .flex-xl-shrink-0 {
            flex-shrink: 0 !important
        }

        .ccm-ui .flex-xl-shrink-1 {
            flex-shrink: 1 !important
        }

        .ccm-ui .flex-xl-wrap {
            flex-wrap: wrap !important
        }

        .ccm-ui .flex-xl-nowrap {
            flex-wrap: nowrap !important
        }

        .ccm-ui .flex-xl-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .ccm-ui .justify-content-xl-start {
            justify-content: flex-start !important
        }

        .ccm-ui .justify-content-xl-end {
            justify-content: flex-end !important
        }

        .ccm-ui .justify-content-xl-center {
            justify-content: center !important
        }

        .ccm-ui .justify-content-xl-between {
            justify-content: space-between !important
        }

        .ccm-ui .justify-content-xl-around {
            justify-content: space-around !important
        }

        .ccm-ui .justify-content-xl-evenly {
            justify-content: space-evenly !important
        }

        .ccm-ui .align-items-xl-start {
            align-items: flex-start !important
        }

        .ccm-ui .align-items-xl-end {
            align-items: flex-end !important
        }

        .ccm-ui .align-items-xl-center {
            align-items: center !important
        }

        .ccm-ui .align-items-xl-baseline {
            align-items: baseline !important
        }

        .ccm-ui .align-items-xl-stretch {
            align-items: stretch !important
        }

        .ccm-ui .align-content-xl-start {
            align-content: flex-start !important
        }

        .ccm-ui .align-content-xl-end {
            align-content: flex-end !important
        }

        .ccm-ui .align-content-xl-center {
            align-content: center !important
        }

        .ccm-ui .align-content-xl-between {
            align-content: space-between !important
        }

        .ccm-ui .align-content-xl-around {
            align-content: space-around !important
        }

        .ccm-ui .align-content-xl-stretch {
            align-content: stretch !important
        }

        .ccm-ui .align-self-xl-auto {
            align-self: auto !important
        }

        .ccm-ui .align-self-xl-start {
            align-self: flex-start !important
        }

        .ccm-ui .align-self-xl-end {
            align-self: flex-end !important
        }

        .ccm-ui .align-self-xl-center {
            align-self: center !important
        }

        .ccm-ui .align-self-xl-baseline {
            align-self: baseline !important
        }

        .ccm-ui .align-self-xl-stretch {
            align-self: stretch !important
        }

        .ccm-ui .order-xl-first {
            order: -1 !important
        }

        .ccm-ui .order-xl-0 {
            order: 0 !important
        }

        .ccm-ui .order-xl-1 {
            order: 1 !important
        }

        .ccm-ui .order-xl-2 {
            order: 2 !important
        }

        .ccm-ui .order-xl-3 {
            order: 3 !important
        }

        .ccm-ui .order-xl-4 {
            order: 4 !important
        }

        .ccm-ui .order-xl-5 {
            order: 5 !important
        }

        .ccm-ui .order-xl-last {
            order: 6 !important
        }

        .ccm-ui .m-xl-0 {
            margin: 0 !important
        }

        .ccm-ui .m-xl-1 {
            margin: .25rem !important
        }

        .ccm-ui .m-xl-2 {
            margin: .5rem !important
        }

        .ccm-ui .m-xl-3 {
            margin: 1rem !important
        }

        .ccm-ui .m-xl-4 {
            margin: 1.5rem !important
        }

        .ccm-ui .m-xl-5 {
            margin: 3rem !important
        }

        .ccm-ui .m-xl-auto {
            margin: auto !important
        }

        .ccm-ui .mx-xl-0 {
            margin-left: 0 !important;
            margin-right: 0 !important
        }

        .ccm-ui .mx-xl-1 {
            margin-left: .25rem !important;
            margin-right: .25rem !important
        }

        .ccm-ui .mx-xl-2 {
            margin-left: .5rem !important;
            margin-right: .5rem !important
        }

        .ccm-ui .mx-xl-3 {
            margin-left: 1rem !important;
            margin-right: 1rem !important
        }

        .ccm-ui .mx-xl-4 {
            margin-left: 1.5rem !important;
            margin-right: 1.5rem !important
        }

        .ccm-ui .mx-xl-5 {
            margin-left: 3rem !important;
            margin-right: 3rem !important
        }

        .ccm-ui .mx-xl-auto {
            margin-left: auto !important;
            margin-right: auto !important
        }

        .ccm-ui .my-xl-0 {
            margin-bottom: 0 !important;
            margin-top: 0 !important
        }

        .ccm-ui .my-xl-1 {
            margin-bottom: .25rem !important;
            margin-top: .25rem !important
        }

        .ccm-ui .my-xl-2 {
            margin-bottom: .5rem !important;
            margin-top: .5rem !important
        }

        .ccm-ui .my-xl-3 {
            margin-bottom: 1rem !important;
            margin-top: 1rem !important
        }

        .ccm-ui .my-xl-4 {
            margin-bottom: 1.5rem !important;
            margin-top: 1.5rem !important
        }

        .ccm-ui .my-xl-5 {
            margin-bottom: 3rem !important;
            margin-top: 3rem !important
        }

        .ccm-ui .my-xl-auto {
            margin-bottom: auto !important;
            margin-top: auto !important
        }

        .ccm-ui .mt-xl-0 {
            margin-top: 0 !important
        }

        .ccm-ui .mt-xl-1 {
            margin-top: .25rem !important
        }

        .ccm-ui .mt-xl-2 {
            margin-top: .5rem !important
        }

        .ccm-ui .mt-xl-3 {
            margin-top: 1rem !important
        }

        .ccm-ui .mt-xl-4 {
            margin-top: 1.5rem !important
        }

        .ccm-ui .mt-xl-5 {
            margin-top: 3rem !important
        }

        .ccm-ui .mt-xl-auto {
            margin-top: auto !important
        }

        .ccm-ui .me-xl-0 {
            margin-right: 0 !important
        }

        .ccm-ui .me-xl-1 {
            margin-right: .25rem !important
        }

        .ccm-ui .me-xl-2 {
            margin-right: .5rem !important
        }

        .ccm-ui .me-xl-3 {
            margin-right: 1rem !important
        }

        .ccm-ui .me-xl-4 {
            margin-right: 1.5rem !important
        }

        .ccm-ui .me-xl-5 {
            margin-right: 3rem !important
        }

        .ccm-ui .me-xl-auto {
            margin-right: auto !important
        }

        .ccm-ui .mb-xl-0 {
            margin-bottom: 0 !important
        }

        .ccm-ui .mb-xl-1 {
            margin-bottom: .25rem !important
        }

        .ccm-ui .mb-xl-2 {
            margin-bottom: .5rem !important
        }

        .ccm-ui .mb-xl-3 {
            margin-bottom: 1rem !important
        }

        .ccm-ui .mb-xl-4 {
            margin-bottom: 1.5rem !important
        }

        .ccm-ui .mb-xl-5 {
            margin-bottom: 3rem !important
        }

        .ccm-ui .mb-xl-auto {
            margin-bottom: auto !important
        }

        .ccm-ui .ms-xl-0 {
            margin-left: 0 !important
        }

        .ccm-ui .ms-xl-1 {
            margin-left: .25rem !important
        }

        .ccm-ui .ms-xl-2 {
            margin-left: .5rem !important
        }

        .ccm-ui .ms-xl-3 {
            margin-left: 1rem !important
        }

        .ccm-ui .ms-xl-4 {
            margin-left: 1.5rem !important
        }

        .ccm-ui .ms-xl-5 {
            margin-left: 3rem !important
        }

        .ccm-ui .ms-xl-auto {
            margin-left: auto !important
        }

        .ccm-ui .p-xl-0 {
            padding: 0 !important
        }

        .ccm-ui .p-xl-1 {
            padding: .25rem !important
        }

        .ccm-ui .p-xl-2 {
            padding: .5rem !important
        }

        .ccm-ui .p-xl-3 {
            padding: 1rem !important
        }

        .ccm-ui .p-xl-4 {
            padding: 1.5rem !important
        }

        .ccm-ui .p-xl-5 {
            padding: 3rem !important
        }

        .ccm-ui .px-xl-0 {
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .ccm-ui .px-xl-1 {
            padding-left: .25rem !important;
            padding-right: .25rem !important
        }

        .ccm-ui .px-xl-2 {
            padding-left: .5rem !important;
            padding-right: .5rem !important
        }

        .ccm-ui .px-xl-3 {
            padding-left: 1rem !important;
            padding-right: 1rem !important
        }

        .ccm-ui .px-xl-4 {
            padding-left: 1.5rem !important;
            padding-right: 1.5rem !important
        }

        .ccm-ui .px-xl-5 {
            padding-left: 3rem !important;
            padding-right: 3rem !important
        }

        .ccm-ui .py-xl-0 {
            padding-bottom: 0 !important;
            padding-top: 0 !important
        }

        .ccm-ui .py-xl-1 {
            padding-bottom: .25rem !important;
            padding-top: .25rem !important
        }

        .ccm-ui .py-xl-2 {
            padding-bottom: .5rem !important;
            padding-top: .5rem !important
        }

        .ccm-ui .py-xl-3 {
            padding-bottom: 1rem !important;
            padding-top: 1rem !important
        }

        .ccm-ui .py-xl-4 {
            padding-bottom: 1.5rem !important;
            padding-top: 1.5rem !important
        }

        .ccm-ui .py-xl-5 {
            padding-bottom: 3rem !important;
            padding-top: 3rem !important
        }

        .ccm-ui .pt-xl-0 {
            padding-top: 0 !important
        }

        .ccm-ui .pt-xl-1 {
            padding-top: .25rem !important
        }

        .ccm-ui .pt-xl-2 {
            padding-top: .5rem !important
        }

        .ccm-ui .pt-xl-3 {
            padding-top: 1rem !important
        }

        .ccm-ui .pt-xl-4 {
            padding-top: 1.5rem !important
        }

        .ccm-ui .pt-xl-5 {
            padding-top: 3rem !important
        }

        .ccm-ui .pe-xl-0 {
            padding-right: 0 !important
        }

        .ccm-ui .pe-xl-1 {
            padding-right: .25rem !important
        }

        .ccm-ui .pe-xl-2 {
            padding-right: .5rem !important
        }

        .ccm-ui .pe-xl-3 {
            padding-right: 1rem !important
        }

        .ccm-ui .pe-xl-4 {
            padding-right: 1.5rem !important
        }

        .ccm-ui .pe-xl-5 {
            padding-right: 3rem !important
        }

        .ccm-ui .pb-xl-0 {
            padding-bottom: 0 !important
        }

        .ccm-ui .pb-xl-1 {
            padding-bottom: .25rem !important
        }

        .ccm-ui .pb-xl-2 {
            padding-bottom: .5rem !important
        }

        .ccm-ui .pb-xl-3 {
            padding-bottom: 1rem !important
        }

        .ccm-ui .pb-xl-4 {
            padding-bottom: 1.5rem !important
        }

        .ccm-ui .pb-xl-5 {
            padding-bottom: 3rem !important
        }

        .ccm-ui .ps-xl-0 {
            padding-left: 0 !important
        }

        .ccm-ui .ps-xl-1 {
            padding-left: .25rem !important
        }

        .ccm-ui .ps-xl-2 {
            padding-left: .5rem !important
        }

        .ccm-ui .ps-xl-3 {
            padding-left: 1rem !important
        }

        .ccm-ui .ps-xl-4 {
            padding-left: 1.5rem !important
        }

        .ccm-ui .ps-xl-5 {
            padding-left: 3rem !important
        }

        .ccm-ui .gap-xl-0 {
            gap: 0 !important
        }

        .ccm-ui .gap-xl-1 {
            gap: .25rem !important
        }

        .ccm-ui .gap-xl-2 {
            gap: .5rem !important
        }

        .ccm-ui .gap-xl-3 {
            gap: 1rem !important
        }

        .ccm-ui .gap-xl-4 {
            gap: 1.5rem !important
        }

        .ccm-ui .gap-xl-5 {
            gap: 3rem !important
        }

        .ccm-ui .row-gap-xl-0 {
            row-gap: 0 !important
        }

        .ccm-ui .row-gap-xl-1 {
            row-gap: .25rem !important
        }

        .ccm-ui .row-gap-xl-2 {
            row-gap: .5rem !important
        }

        .ccm-ui .row-gap-xl-3 {
            row-gap: 1rem !important
        }

        .ccm-ui .row-gap-xl-4 {
            row-gap: 1.5rem !important
        }

        .ccm-ui .row-gap-xl-5 {
            row-gap: 3rem !important
        }

        .ccm-ui .column-gap-xl-0 {
            -moz-column-gap: 0 !important;
            column-gap: 0 !important
        }

        .ccm-ui .column-gap-xl-1 {
            -moz-column-gap: .25rem !important;
            column-gap: .25rem !important
        }

        .ccm-ui .column-gap-xl-2 {
            -moz-column-gap: .5rem !important;
            column-gap: .5rem !important
        }

        .ccm-ui .column-gap-xl-3 {
            -moz-column-gap: 1rem !important;
            column-gap: 1rem !important
        }

        .ccm-ui .column-gap-xl-4 {
            -moz-column-gap: 1.5rem !important;
            column-gap: 1.5rem !important
        }

        .ccm-ui .column-gap-xl-5 {
            -moz-column-gap: 3rem !important;
            column-gap: 3rem !important
        }

        .ccm-ui .text-xl-start {
            text-align: left !important
        }

        .ccm-ui .text-xl-end {
            text-align: right !important
        }

        .ccm-ui .text-xl-center {
            text-align: center !important
        }
    }

    @media(min-width:1400px) {
        .ccm-ui .float-xxl-start {
            float: left !important
        }

        .ccm-ui .float-xxl-end {
            float: right !important
        }

        .ccm-ui .float-xxl-none {
            float: none !important
        }

        .ccm-ui .object-fit-xxl-contain {
            -o-object-fit: contain !important;
            object-fit: contain !important
        }

        .ccm-ui .object-fit-xxl-cover {
            -o-object-fit: cover !important;
            object-fit: cover !important
        }

        .ccm-ui .object-fit-xxl-fill {
            -o-object-fit: fill !important;
            object-fit: fill !important
        }

        .ccm-ui .object-fit-xxl-scale {
            -o-object-fit: scale-down !important;
            object-fit: scale-down !important
        }

        .ccm-ui .object-fit-xxl-none {
            -o-object-fit: none !important;
            object-fit: none !important
        }

        .ccm-ui .d-xxl-inline {
            display: inline !important
        }

        .ccm-ui .d-xxl-inline-block {
            display: inline-block !important
        }

        .ccm-ui .d-xxl-block {
            display: block !important
        }

        .ccm-ui .d-xxl-grid {
            display: grid !important
        }

        .ccm-ui .d-xxl-inline-grid {
            display: inline-grid !important
        }

        .ccm-ui .d-xxl-table {
            display: table !important
        }

        .ccm-ui .d-xxl-table-row {
            display: table-row !important
        }

        .ccm-ui .d-xxl-table-cell {
            display: table-cell !important
        }

        .ccm-ui .d-xxl-flex {
            display: flex !important
        }

        .ccm-ui .d-xxl-inline-flex {
            display: inline-flex !important
        }

        .ccm-ui .d-xxl-none {
            display: none !important
        }

        .ccm-ui .flex-xxl-fill {
            flex: 1 1 auto !important
        }

        .ccm-ui .flex-xxl-row {
            flex-direction: row !important
        }

        .ccm-ui .flex-xxl-column {
            flex-direction: column !important
        }

        .ccm-ui .flex-xxl-row-reverse {
            flex-direction: row-reverse !important
        }

        .ccm-ui .flex-xxl-column-reverse {
            flex-direction: column-reverse !important
        }

        .ccm-ui .flex-xxl-grow-0 {
            flex-grow: 0 !important
        }

        .ccm-ui .flex-xxl-grow-1 {
            flex-grow: 1 !important
        }

        .ccm-ui .flex-xxl-shrink-0 {
            flex-shrink: 0 !important
        }

        .ccm-ui .flex-xxl-shrink-1 {
            flex-shrink: 1 !important
        }

        .ccm-ui .flex-xxl-wrap {
            flex-wrap: wrap !important
        }

        .ccm-ui .flex-xxl-nowrap {
            flex-wrap: nowrap !important
        }

        .ccm-ui .flex-xxl-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .ccm-ui .justify-content-xxl-start {
            justify-content: flex-start !important
        }

        .ccm-ui .justify-content-xxl-end {
            justify-content: flex-end !important
        }

        .ccm-ui .justify-content-xxl-center {
            justify-content: center !important
        }

        .ccm-ui .justify-content-xxl-between {
            justify-content: space-between !important
        }

        .ccm-ui .justify-content-xxl-around {
            justify-content: space-around !important
        }

        .ccm-ui .justify-content-xxl-evenly {
            justify-content: space-evenly !important
        }

        .ccm-ui .align-items-xxl-start {
            align-items: flex-start !important
        }

        .ccm-ui .align-items-xxl-end {
            align-items: flex-end !important
        }

        .ccm-ui .align-items-xxl-center {
            align-items: center !important
        }

        .ccm-ui .align-items-xxl-baseline {
            align-items: baseline !important
        }

        .ccm-ui .align-items-xxl-stretch {
            align-items: stretch !important
        }

        .ccm-ui .align-content-xxl-start {
            align-content: flex-start !important
        }

        .ccm-ui .align-content-xxl-end {
            align-content: flex-end !important
        }

        .ccm-ui .align-content-xxl-center {
            align-content: center !important
        }

        .ccm-ui .align-content-xxl-between {
            align-content: space-between !important
        }

        .ccm-ui .align-content-xxl-around {
            align-content: space-around !important
        }

        .ccm-ui .align-content-xxl-stretch {
            align-content: stretch !important
        }

        .ccm-ui .align-self-xxl-auto {
            align-self: auto !important
        }

        .ccm-ui .align-self-xxl-start {
            align-self: flex-start !important
        }

        .ccm-ui .align-self-xxl-end {
            align-self: flex-end !important
        }

        .ccm-ui .align-self-xxl-center {
            align-self: center !important
        }

        .ccm-ui .align-self-xxl-baseline {
            align-self: baseline !important
        }

        .ccm-ui .align-self-xxl-stretch {
            align-self: stretch !important
        }

        .ccm-ui .order-xxl-first {
            order: -1 !important
        }

        .ccm-ui .order-xxl-0 {
            order: 0 !important
        }

        .ccm-ui .order-xxl-1 {
            order: 1 !important
        }

        .ccm-ui .order-xxl-2 {
            order: 2 !important
        }

        .ccm-ui .order-xxl-3 {
            order: 3 !important
        }

        .ccm-ui .order-xxl-4 {
            order: 4 !important
        }

        .ccm-ui .order-xxl-5 {
            order: 5 !important
        }

        .ccm-ui .order-xxl-last {
            order: 6 !important
        }

        .ccm-ui .m-xxl-0 {
            margin: 0 !important
        }

        .ccm-ui .m-xxl-1 {
            margin: .25rem !important
        }

        .ccm-ui .m-xxl-2 {
            margin: .5rem !important
        }

        .ccm-ui .m-xxl-3 {
            margin: 1rem !important
        }

        .ccm-ui .m-xxl-4 {
            margin: 1.5rem !important
        }

        .ccm-ui .m-xxl-5 {
            margin: 3rem !important
        }

        .ccm-ui .m-xxl-auto {
            margin: auto !important
        }

        .ccm-ui .mx-xxl-0 {
            margin-left: 0 !important;
            margin-right: 0 !important
        }

        .ccm-ui .mx-xxl-1 {
            margin-left: .25rem !important;
            margin-right: .25rem !important
        }

        .ccm-ui .mx-xxl-2 {
            margin-left: .5rem !important;
            margin-right: .5rem !important
        }

        .ccm-ui .mx-xxl-3 {
            margin-left: 1rem !important;
            margin-right: 1rem !important
        }

        .ccm-ui .mx-xxl-4 {
            margin-left: 1.5rem !important;
            margin-right: 1.5rem !important
        }

        .ccm-ui .mx-xxl-5 {
            margin-left: 3rem !important;
            margin-right: 3rem !important
        }

        .ccm-ui .mx-xxl-auto {
            margin-left: auto !important;
            margin-right: auto !important
        }

        .ccm-ui .my-xxl-0 {
            margin-bottom: 0 !important;
            margin-top: 0 !important
        }

        .ccm-ui .my-xxl-1 {
            margin-bottom: .25rem !important;
            margin-top: .25rem !important
        }

        .ccm-ui .my-xxl-2 {
            margin-bottom: .5rem !important;
            margin-top: .5rem !important
        }

        .ccm-ui .my-xxl-3 {
            margin-bottom: 1rem !important;
            margin-top: 1rem !important
        }

        .ccm-ui .my-xxl-4 {
            margin-bottom: 1.5rem !important;
            margin-top: 1.5rem !important
        }

        .ccm-ui .my-xxl-5 {
            margin-bottom: 3rem !important;
            margin-top: 3rem !important
        }

        .ccm-ui .my-xxl-auto {
            margin-bottom: auto !important;
            margin-top: auto !important
        }

        .ccm-ui .mt-xxl-0 {
            margin-top: 0 !important
        }

        .ccm-ui .mt-xxl-1 {
            margin-top: .25rem !important
        }

        .ccm-ui .mt-xxl-2 {
            margin-top: .5rem !important
        }

        .ccm-ui .mt-xxl-3 {
            margin-top: 1rem !important
        }

        .ccm-ui .mt-xxl-4 {
            margin-top: 1.5rem !important
        }

        .ccm-ui .mt-xxl-5 {
            margin-top: 3rem !important
        }

        .ccm-ui .mt-xxl-auto {
            margin-top: auto !important
        }

        .ccm-ui .me-xxl-0 {
            margin-right: 0 !important
        }

        .ccm-ui .me-xxl-1 {
            margin-right: .25rem !important
        }

        .ccm-ui .me-xxl-2 {
            margin-right: .5rem !important
        }

        .ccm-ui .me-xxl-3 {
            margin-right: 1rem !important
        }

        .ccm-ui .me-xxl-4 {
            margin-right: 1.5rem !important
        }

        .ccm-ui .me-xxl-5 {
            margin-right: 3rem !important
        }

        .ccm-ui .me-xxl-auto {
            margin-right: auto !important
        }

        .ccm-ui .mb-xxl-0 {
            margin-bottom: 0 !important
        }

        .ccm-ui .mb-xxl-1 {
            margin-bottom: .25rem !important
        }

        .ccm-ui .mb-xxl-2 {
            margin-bottom: .5rem !important
        }

        .ccm-ui .mb-xxl-3 {
            margin-bottom: 1rem !important
        }

        .ccm-ui .mb-xxl-4 {
            margin-bottom: 1.5rem !important
        }

        .ccm-ui .mb-xxl-5 {
            margin-bottom: 3rem !important
        }

        .ccm-ui .mb-xxl-auto {
            margin-bottom: auto !important
        }

        .ccm-ui .ms-xxl-0 {
            margin-left: 0 !important
        }

        .ccm-ui .ms-xxl-1 {
            margin-left: .25rem !important
        }

        .ccm-ui .ms-xxl-2 {
            margin-left: .5rem !important
        }

        .ccm-ui .ms-xxl-3 {
            margin-left: 1rem !important
        }

        .ccm-ui .ms-xxl-4 {
            margin-left: 1.5rem !important
        }

        .ccm-ui .ms-xxl-5 {
            margin-left: 3rem !important
        }

        .ccm-ui .ms-xxl-auto {
            margin-left: auto !important
        }

        .ccm-ui .p-xxl-0 {
            padding: 0 !important
        }

        .ccm-ui .p-xxl-1 {
            padding: .25rem !important
        }

        .ccm-ui .p-xxl-2 {
            padding: .5rem !important
        }

        .ccm-ui .p-xxl-3 {
            padding: 1rem !important
        }

        .ccm-ui .p-xxl-4 {
            padding: 1.5rem !important
        }

        .ccm-ui .p-xxl-5 {
            padding: 3rem !important
        }

        .ccm-ui .px-xxl-0 {
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .ccm-ui .px-xxl-1 {
            padding-left: .25rem !important;
            padding-right: .25rem !important
        }

        .ccm-ui .px-xxl-2 {
            padding-left: .5rem !important;
            padding-right: .5rem !important
        }

        .ccm-ui .px-xxl-3 {
            padding-left: 1rem !important;
            padding-right: 1rem !important
        }

        .ccm-ui .px-xxl-4 {
            padding-left: 1.5rem !important;
            padding-right: 1.5rem !important
        }

        .ccm-ui .px-xxl-5 {
            padding-left: 3rem !important;
            padding-right: 3rem !important
        }

        .ccm-ui .py-xxl-0 {
            padding-bottom: 0 !important;
            padding-top: 0 !important
        }

        .ccm-ui .py-xxl-1 {
            padding-bottom: .25rem !important;
            padding-top: .25rem !important
        }

        .ccm-ui .py-xxl-2 {
            padding-bottom: .5rem !important;
            padding-top: .5rem !important
        }

        .ccm-ui .py-xxl-3 {
            padding-bottom: 1rem !important;
            padding-top: 1rem !important
        }

        .ccm-ui .py-xxl-4 {
            padding-bottom: 1.5rem !important;
            padding-top: 1.5rem !important
        }

        .ccm-ui .py-xxl-5 {
            padding-bottom: 3rem !important;
            padding-top: 3rem !important
        }

        .ccm-ui .pt-xxl-0 {
            padding-top: 0 !important
        }

        .ccm-ui .pt-xxl-1 {
            padding-top: .25rem !important
        }

        .ccm-ui .pt-xxl-2 {
            padding-top: .5rem !important
        }

        .ccm-ui .pt-xxl-3 {
            padding-top: 1rem !important
        }

        .ccm-ui .pt-xxl-4 {
            padding-top: 1.5rem !important
        }

        .ccm-ui .pt-xxl-5 {
            padding-top: 3rem !important
        }

        .ccm-ui .pe-xxl-0 {
            padding-right: 0 !important
        }

        .ccm-ui .pe-xxl-1 {
            padding-right: .25rem !important
        }

        .ccm-ui .pe-xxl-2 {
            padding-right: .5rem !important
        }

        .ccm-ui .pe-xxl-3 {
            padding-right: 1rem !important
        }

        .ccm-ui .pe-xxl-4 {
            padding-right: 1.5rem !important
        }

        .ccm-ui .pe-xxl-5 {
            padding-right: 3rem !important
        }

        .ccm-ui .pb-xxl-0 {
            padding-bottom: 0 !important
        }

        .ccm-ui .pb-xxl-1 {
            padding-bottom: .25rem !important
        }

        .ccm-ui .pb-xxl-2 {
            padding-bottom: .5rem !important
        }

        .ccm-ui .pb-xxl-3 {
            padding-bottom: 1rem !important
        }

        .ccm-ui .pb-xxl-4 {
            padding-bottom: 1.5rem !important
        }

        .ccm-ui .pb-xxl-5 {
            padding-bottom: 3rem !important
        }

        .ccm-ui .ps-xxl-0 {
            padding-left: 0 !important
        }

        .ccm-ui .ps-xxl-1 {
            padding-left: .25rem !important
        }

        .ccm-ui .ps-xxl-2 {
            padding-left: .5rem !important
        }

        .ccm-ui .ps-xxl-3 {
            padding-left: 1rem !important
        }

        .ccm-ui .ps-xxl-4 {
            padding-left: 1.5rem !important
        }

        .ccm-ui .ps-xxl-5 {
            padding-left: 3rem !important
        }

        .ccm-ui .gap-xxl-0 {
            gap: 0 !important
        }

        .ccm-ui .gap-xxl-1 {
            gap: .25rem !important
        }

        .ccm-ui .gap-xxl-2 {
            gap: .5rem !important
        }

        .ccm-ui .gap-xxl-3 {
            gap: 1rem !important
        }

        .ccm-ui .gap-xxl-4 {
            gap: 1.5rem !important
        }

        .ccm-ui .gap-xxl-5 {
            gap: 3rem !important
        }

        .ccm-ui .row-gap-xxl-0 {
            row-gap: 0 !important
        }

        .ccm-ui .row-gap-xxl-1 {
            row-gap: .25rem !important
        }

        .ccm-ui .row-gap-xxl-2 {
            row-gap: .5rem !important
        }

        .ccm-ui .row-gap-xxl-3 {
            row-gap: 1rem !important
        }

        .ccm-ui .row-gap-xxl-4 {
            row-gap: 1.5rem !important
        }

        .ccm-ui .row-gap-xxl-5 {
            row-gap: 3rem !important
        }

        .ccm-ui .column-gap-xxl-0 {
            -moz-column-gap: 0 !important;
            column-gap: 0 !important
        }

        .ccm-ui .column-gap-xxl-1 {
            -moz-column-gap: .25rem !important;
            column-gap: .25rem !important
        }

        .ccm-ui .column-gap-xxl-2 {
            -moz-column-gap: .5rem !important;
            column-gap: .5rem !important
        }

        .ccm-ui .column-gap-xxl-3 {
            -moz-column-gap: 1rem !important;
            column-gap: 1rem !important
        }

        .ccm-ui .column-gap-xxl-4 {
            -moz-column-gap: 1.5rem !important;
            column-gap: 1.5rem !important
        }

        .ccm-ui .column-gap-xxl-5 {
            -moz-column-gap: 3rem !important;
            column-gap: 3rem !important
        }

        .ccm-ui .text-xxl-start {
            text-align: left !important
        }

        .ccm-ui .text-xxl-end {
            text-align: right !important
        }

        .ccm-ui .text-xxl-center {
            text-align: center !important
        }
    }

    @media(min-width:1200px) {
        .ccm-ui .fs-1 {
            font-size: 3.5rem !important
        }

        .ccm-ui .fs-2 {
            font-size: 2rem !important
        }

        .ccm-ui .fs-3 {
            font-size: 1.5rem !important
        }

        .ccm-ui .fs-4 {
            font-size: 1.375rem !important
        }
    }

    @media print {
        .ccm-ui .d-print-inline {
            display: inline !important
        }

        .ccm-ui .d-print-inline-block {
            display: inline-block !important
        }

        .ccm-ui .d-print-block {
            display: block !important
        }

        .ccm-ui .d-print-grid {
            display: grid !important
        }

        .ccm-ui .d-print-inline-grid {
            display: inline-grid !important
        }

        .ccm-ui .d-print-table {
            display: table !important
        }

        .ccm-ui .d-print-table-row {
            display: table-row !important
        }

        .ccm-ui .d-print-table-cell {
            display: table-cell !important
        }

        .ccm-ui .d-print-flex {
            display: flex !important
        }

        .ccm-ui .d-print-inline-flex {
            display: inline-flex !important
        }

        .ccm-ui .d-print-none {
            display: none !important
        }
    }

    .ccm-ui .modal.fade .modal-dialog {
        transform: scale(.8);
        transition: .1s ease-in-out
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-ui .modal.fade .modal-dialog {
            transition: none
        }
    }

    .ccm-ui .modal.show .modal-dialog {
        transform: none
    }

    .ccm-ui .modal.modal-static .modal-dialog {
        transform: scale(1.02)
    }

    body .ccm-ui .h1,
    body .ccm-ui .h2,
    body .ccm-ui h1,
    body .ccm-ui h2 {
        font-weight: 700
    }

    body .ccm-ui .h1,
    body .ccm-ui .h2,
    body .ccm-ui .h3,
    body .ccm-ui h1,
    body .ccm-ui h2,
    body .ccm-ui h3 {
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }

    body .ccm-ui .h3,
    body .ccm-ui h3 {
        font-weight: 300
    }

    body .ccm-ui .h4,
    body .ccm-ui h4 {
        font-weight: 700
    }

    body .ccm-ui .h4,
    body .ccm-ui .h5,
    body .ccm-ui h4,
    body .ccm-ui h5 {
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }

    body .ccm-ui .h5,
    body .ccm-ui h5 {
        font-weight: 600
    }

    body .ccm-ui .h6,
    body .ccm-ui h6 {
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-weight: 400;
        text-transform: uppercase
    }

    .ccm-ui .btn {
        letter-spacing: .03rem
    }

    .ccm-ui .btn-secondary {
        --bs-btn-color: #000;
        --bs-btn-bg: #fff;
        --bs-btn-border-color: #e9ecef;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #7c8088;
        --bs-btn-hover-border-color: #7c8088;
        --bs-btn-focus-shadow-rgb: 198, 201, 203;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #4c4f56;
        --bs-btn-active-border-color: #4c4f56;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #fff;
        --bs-btn-disabled-border-color: #e9ecef
    }

    .ccm-ui .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #4a90e2;
        --bs-btn-border-color: #4a90e2;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #2276d7;
        --bs-btn-hover-border-color: #2276d7;
        --bs-btn-focus-shadow-rgb: 101, 161, 230;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #3b73b5;
        --bs-btn-active-border-color: #386caa;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #4a90e2;
        --bs-btn-disabled-border-color: #4a90e2
    }

    .ccm-ui .btn-success {
        --bs-btn-color: #fff;
        --bs-btn-bg: #28a745;
        --bs-btn-border-color: #28a745;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #1f8035;
        --bs-btn-hover-border-color: #1f8035;
        --bs-btn-focus-shadow-rgb: 72, 180, 97;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #208637;
        --bs-btn-active-border-color: #1e7d34;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #28a745;
        --bs-btn-disabled-border-color: #28a745
    }

    .ccm-ui .btn-danger {
        --bs-btn-color: #fff;
        --bs-btn-bg: #c32a2a;
        --bs-btn-border-color: #c32a2a;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #972121;
        --bs-btn-hover-border-color: #972121;
        --bs-btn-focus-shadow-rgb: 204, 74, 74;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #9c2222;
        --bs-btn-active-border-color: #922020;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #c32a2a;
        --bs-btn-disabled-border-color: #c32a2a
    }

    .ccm-ui .btn-icon {
        --bs-btn-color: #7c8088;
        --bs-btn-bg: #fff;
        --bs-btn-border-color: #e9ecef;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #7c8088;
        --bs-btn-hover-border-color: #4a90e2;
        --bs-btn-focus-shadow-rgb: 217, 220, 224;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #fff;
        --bs-btn-active-border-color: #ebeef1;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #fff;
        --bs-btn-disabled-border-color: #e9ecef;
        line-height: 0;
        padding: 15px
    }

    .ccm-ui .btn-icon:active {
        fill: #fff
    }

    .ccm-ui div.dropdown.show .btn-icon {
        --bs-btn-color: #fff;
        --bs-btn-bg: #4a90e2;
        --bs-btn-border-color: #fff;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #3f7ac0;
        --bs-btn-hover-border-color: #ccc;
        --bs-btn-focus-shadow-rgb: 255, 255, 255;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #3b73b5;
        --bs-btn-active-border-color: #bfbfbf;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #4a90e2;
        --bs-btn-disabled-border-color: #fff;
        fill: #fff
    }

    div.ccm-ui .ccm-search-results-table {
        background-color: var(--bs-body-bg);
        color: var(--bs-emphasis-color);
        margin-bottom: 1rem;
        width: 100%
    }

    div.ccm-ui .ccm-search-results-table thead th {
        border-bottom-width: 1px;
        font-size: .75rem
    }

    div.ccm-ui .ccm-search-results-table thead th>a {
        color: #4c4f56
    }

    div.ccm-ui .ccm-search-results-table thead th>a:hover {
        color: #000;
        text-decoration: none
    }

    div.ccm-ui .ccm-search-results-table thead th.ccm-results-list-active-sort-asc a,
    div.ccm-ui .ccm-search-results-table thead th.ccm-results-list-active-sort-desc a {
        color: #4a90e2;
        white-space: nowrap
    }

    div.ccm-ui .ccm-search-results-table thead th.ccm-results-list-active-sort-asc a:hover,
    div.ccm-ui .ccm-search-results-table thead th.ccm-results-list-active-sort-desc a:hover {
        color: #000
    }

    div.ccm-ui .ccm-search-results-table thead th.ccm-results-list-active-sort-asc a:after,
    div.ccm-ui .ccm-search-results-table thead th.ccm-results-list-active-sort-desc a:after {
        content: "";
        display: inline-block;
        font-family: Font Awesome\ 5 Free;
        font-size: 9px;
        font-style: normal;
        margin-left: 5px;
        text-decoration: inherit;
        vertical-align: middle
    }

    div.ccm-ui .ccm-search-results-table thead th.ccm-results-list-active-sort-desc a:after {
        content: ""
    }

    div.ccm-ui .ccm-search-results-table thead th.ccm-results-list-active-sort-asc a:after {
        content: ""
    }

    div.ccm-ui .ccm-search-results-table td,
    div.ccm-ui .ccm-search-results-table th {
        border-top: var(--bs-border-width) solid var(--bs-border-color);
        padding: .5rem
    }

    div.ccm-ui .ccm-search-results-table thead th {
        border-bottom: var(--bs-border-width) solid var(--bs-border-color);
        border-top: 0
    }

    div.ccm-ui .ccm-search-results-table tbody td {
        color: #9b9b9b;
        font-size: .875rem;
        transition: all .25s ease-in-out
    }

    div.ccm-ui .ccm-search-results-table tbody td.ccm-search-results-checkbox,
    div.ccm-ui .ccm-search-results-table tbody td.ccm-search-results-icon {
        width: 1px
    }

    div.ccm-ui .ccm-search-results-table tbody td.ccm-search-results-icon i {
        font-size: 41px
    }

    div.ccm-ui .ccm-search-results-table tbody td.ccm-search-results-icon img {
        height: 41px;
        width: 41px
    }

    div.ccm-ui .ccm-search-results-table tbody td.ccm-search-results-favorite-switcher {
        width: 1px
    }

    div.ccm-ui .ccm-search-results-table tbody td.ccm-search-results-favorite-switcher i {
        cursor: pointer
    }

    div.ccm-ui .ccm-search-results-table tbody+tbody {
        border-top: calc(var(--bs-border-width)*2) solid var(--bs-border-color)
    }

    div.ccm-ui .ccm-search-results-table .ccm-search-results-em,
    div.ccm-ui .ccm-search-results-table .ccm-search-results-name {
        color: #4c4f56;
        font-size: 1rem
    }

    div.ccm-ui .ccm-search-results-table .ccm-search-results-em a,
    div.ccm-ui .ccm-search-results-table .ccm-search-results-name a {
        color: #4c4f56;
        text-decoration: none;
        transition: all .25s ease-in-out
    }

    div.ccm-ui .ccm-search-results-table .ccm-search-results-em a:hover,
    div.ccm-ui .ccm-search-results-table .ccm-search-results-name a:hover {
        color: #4a90e2
    }

    div.ccm-ui .ccm-search-results-table .ccm-search-results-menu-launcher {
        transition: all .25s ease-in-out
    }

    div.ccm-ui .ccm-search-results-table .ccm-search-results-menu-launcher button {
        visibility: hidden
    }

    div.ccm-ui .ccm-search-results-table tr.ccm-menu-item-active td,
    div.ccm-ui .ccm-search-results-table tr.ccm-parent-menu-item-active td,
    div.ccm-ui .ccm-search-results-table tr.ccm-parent-menu-item-hover td,
    div.ccm-ui .ccm-search-results-table tr.ccm-search-results-hoverable:hover td,
    div.ccm-ui .ccm-search-results-table tr.ccm-search-select-hover td,
    div.ccm-ui .ccm-search-results-table tr.ccm-search-select-selected td {
        background-color: #e9ecef;
        color: #000;
        cursor: pointer
    }

    div.ccm-ui .ccm-search-results-table tr.ccm-menu-item-active .ccm-search-results-em,
    div.ccm-ui .ccm-search-results-table tr.ccm-menu-item-active .ccm-search-results-name,
    div.ccm-ui .ccm-search-results-table tr.ccm-parent-menu-item-active .ccm-search-results-em,
    div.ccm-ui .ccm-search-results-table tr.ccm-parent-menu-item-active .ccm-search-results-name,
    div.ccm-ui .ccm-search-results-table tr.ccm-parent-menu-item-hover .ccm-search-results-em,
    div.ccm-ui .ccm-search-results-table tr.ccm-parent-menu-item-hover .ccm-search-results-name,
    div.ccm-ui .ccm-search-results-table tr.ccm-search-results-hoverable:hover .ccm-search-results-em,
    div.ccm-ui .ccm-search-results-table tr.ccm-search-results-hoverable:hover .ccm-search-results-name,
    div.ccm-ui .ccm-search-results-table tr.ccm-search-select-hover .ccm-search-results-em,
    div.ccm-ui .ccm-search-results-table tr.ccm-search-select-hover .ccm-search-results-name,
    div.ccm-ui .ccm-search-results-table tr.ccm-search-select-selected .ccm-search-results-em,
    div.ccm-ui .ccm-search-results-table tr.ccm-search-select-selected .ccm-search-results-name {
        color: #343a40
    }

    div.ccm-ui .ccm-search-results-table tr.ccm-menu-item-active .ccm-search-results-menu-launcher button,
    div.ccm-ui .ccm-search-results-table tr.ccm-parent-menu-item-active .ccm-search-results-menu-launcher button,
    div.ccm-ui .ccm-search-results-table tr.ccm-parent-menu-item-hover .ccm-search-results-menu-launcher button,
    div.ccm-ui .ccm-search-results-table tr.ccm-search-results-hoverable:hover .ccm-search-results-menu-launcher button,
    div.ccm-ui .ccm-search-results-table tr.ccm-search-select-hover .ccm-search-results-menu-launcher button,
    div.ccm-ui .ccm-search-results-table tr.ccm-search-select-selected .ccm-search-results-menu-launcher button {
        visibility: visible
    }

    div.ccm-ui .breadcrumb .breadcrumb-item:before {
        font-weight: 400
    }

    div.ccm-ui .breadcrumb .breadcrumb-item.active {
        font-weight: 600
    }

    .ccm-ui .card {
        border-width: 0
    }

    div.ccm-ui .list-group .ui-sortable-placeholder {
        list-style-type: none;
        min-height: 1em
    }

    .animated {
        animation-duration: .5s;
        animation-fill-mode: both
    }

    .animated.hinge {
        animation-duration: .5s
    }

    @keyframes shake {

        0%,
        to {
            transform: translateX(0)
        }

        10%,
        30%,
        50%,
        70%,
        90% {
            transform: translateX(-10px)
        }

        20%,
        40%,
        60%,
        80% {
            transform: translateX(10px)
        }
    }

    .shake {
        animation-name: shake
    }

    @keyframes bounce {

        0%,
        20%,
        50%,
        80%,
        to {
            transform: translateY(0)
        }

        40% {
            transform: translateY(-30px)
        }

        60% {
            transform: translateY(-15px)
        }
    }

    .bounce {
        animation-name: bounce
    }

    .fadeInDown {
        animation-name: fadeInDown
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .fadeIn {
        animation-name: fadeIn
    }

    @keyframes fadeOut {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    .fadeOut {
        animation-name: fadeOut
    }

    @keyframes fadeOutDown {
        0% {
            opacity: 1;
            transform: translateY(0)
        }

        to {
            opacity: 0;
            transform: translateY(20px)
        }
    }

    .fadeOutDown {
        animation-name: fadeOutDown
    }

    @keyframes fadeOutLeft {
        0% {
            opacity: 1;
            transform: translateX(0)
        }

        to {
            opacity: 0;
            transform: translateX(-20px)
        }
    }

    .fadeOutLeft {
        animation-name: fadeOutLeft
    }

    @keyframes fadeOutLeftBig {
        0% {
            opacity: 1;
            transform: translateX(0)
        }

        to {
            opacity: 0;
            transform: translateX(-2000px)
        }
    }

    .fadeOutLeftBig {
        animation-name: fadeOutLeftBig
    }

    @keyframes bounceIn {
        0% {
            opacity: 0;
            transform: scale(.3)
        }

        50% {
            opacity: 1;
            transform: scale(1.05)
        }

        70% {
            transform: scale(.9)
        }

        to {
            transform: scale(1)
        }
    }

    .bounceIn {
        animation-name: bounceIn
    }

    @keyframes bounceOut {
        0% {
            transform: scale(1)
        }

        25% {
            transform: scale(.95)
        }

        50% {
            opacity: 1;
            transform: scale(1.1)
        }

        to {
            opacity: 0;
            transform: scale(.3)
        }
    }

    .bounceOut {
        animation-name: bounceOut
    }

    @keyframes bounceOutUp {
        0% {
            transform: translateY(0)
        }

        20% {
            opacity: 1;
            transform: translateY(20px)
        }

        to {
            opacity: 0;
            transform: translateY(-2000px)
        }
    }

    .bounceOutUp {
        animation-name: bounceOutUp
    }

    @keyframes bounceOutDown {
        0% {
            transform: translateY(0)
        }

        20% {
            opacity: 1;
            transform: translateY(-20px)
        }

        to {
            opacity: 0;
            transform: translateY(2000px)
        }
    }

    .bounceOutDown {
        animation-name: bounceOutDown
    }

    @keyframes bounceOutLeft {
        0% {
            transform: translateX(0)
        }

        20% {
            opacity: 1;
            transform: translateX(20px)
        }

        to {
            opacity: 0;
            transform: translateX(-2000px)
        }
    }

    .bounceOutLeft {
        animation-name: bounceOutLeft
    }

    @keyframes bounceOutRight {
        0% {
            transform: translateX(0)
        }

        20% {
            opacity: 1;
            transform: translateX(-20px)
        }

        to {
            opacity: 0;
            transform: translateX(2000px)
        }
    }

    .bounceOutRight {
        animation-name: bounceOutRight
    }

    @keyframes lightSpeedIn {
        0% {
            opacity: 0;
            transform: translateX(100%) skewX(-30deg)
        }

        60% {
            opacity: 1;
            transform: translateX(-20%) skewX(30deg)
        }

        80% {
            opacity: 1;
            transform: translateX(0) skewX(-15deg)
        }

        to {
            opacity: 1;
            transform: translateX(0) skewX(0deg)
        }
    }

    .lightSpeedIn {
        animation-name: lightSpeedIn;
        animation-timing-function: ease-out
    }

    @keyframes lightSpeedOut {
        0% {
            opacity: 1;
            transform: translateX(0) skewX(0deg)
        }

        to {
            opacity: 0;
            transform: translateX(100%) skewX(-30deg)
        }
    }

    .lightSpeedOut {
        animation-name: lightSpeedOut;
        animation-timing-function: ease-in
    }

    tr.table-row-highlight td {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-name: tableRowHighlight
    }

    @keyframes tableRowHighlight {
        0% {
            background-color: #d2eafa
        }

        90% {
            background-color: #d2eafa
        }
    }

    .concrete-nav-tab-content-switch-enter-active,
    .concrete-nav-tab-content-switch-enter-leave {
        transition: all .25s ease-in-out
    }

    .concrete-nav-tab-content-switch-enter,
    .concrete-nav-tab-content-switch-leave-to {
        opacity: 0
    }

    .concrete-delete-item-enter-active,
    .concrete-delete-item-leave-active {
        transition: opacity .15s ease-out
    }

    .concrete-delete-item-enter,
    .concrete-delete-item-leave-to {
        opacity: 0
    }

    .concrete-fade-enter-active,
    .concrete-fade-leave-active {
        transition: opacity .15s ease-out
    }

    .concrete-fade-enter,
    .concrete-fade-leave-to {
        opacity: 0
    }

    .fade {
        opacity: revert
    }

    /*!
    * jQuery UI CSS Framework 1.13.3
    * https://jqueryui.com
    *
    * Copyright OpenJS Foundation and other contributors
    * Released under the MIT license.
    * https://jquery.org/license
    *
    * https://api.jqueryui.com/category/theming/
    */
    .ui-helper-hidden {
        display: none
    }

    .ui-helper-hidden-accessible {
        clip: rect(0 0 0 0);
        border: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .ui-helper-reset {
        border: 0;
        font-size: 100%;
        line-height: 1.3;
        list-style: none;
        margin: 0;
        outline: 0;
        padding: 0;
        text-decoration: none
    }

    .ui-helper-clearfix:after,
    .ui-helper-clearfix:before {
        border-collapse: collapse;
        content: "";
        display: table
    }

    .ui-helper-clearfix:after {
        clear: both
    }

    .ui-helper-zfix {
        -ms-filter: "alpha(opacity=0)";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .ui-front {
        z-index: 100
    }

    .ui-state-disabled {
        cursor: default !important;
        pointer-events: none
    }

    .ui-icon {
        background-repeat: no-repeat;
        display: inline-block;
        margin-top: -.25em;
        overflow: hidden;
        position: relative;
        text-indent: -99999px;
        vertical-align: middle
    }

    .ui-widget-icon-block {
        display: block;
        left: 50%;
        margin-left: -8px
    }

    .ui-widget-overlay {
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%
    }

    /*!
    * jQuery UI Resizable 1.13.3
    * https://jqueryui.com
    *
    * Copyright OpenJS Foundation and other contributors
    * Released under the MIT license.
    * https://jquery.org/license
    */
    .ui-resizable {
        position: relative
    }

    .ui-resizable-handle {
        display: block;
        font-size: .1px;
        position: absolute;
        touch-action: none
    }

    .ui-resizable-autohide .ui-resizable-handle,
    .ui-resizable-disabled .ui-resizable-handle {
        display: none
    }

    .ui-resizable-n {
        cursor: n-resize;
        height: 7px;
        left: 0;
        top: -5px;
        width: 100%
    }

    .ui-resizable-s {
        bottom: -5px;
        cursor: s-resize;
        height: 7px;
        left: 0;
        width: 100%
    }

    .ui-resizable-e {
        cursor: e-resize;
        height: 100%;
        right: -5px;
        top: 0;
        width: 7px
    }

    .ui-resizable-w {
        cursor: w-resize;
        height: 100%;
        left: -5px;
        top: 0;
        width: 7px
    }

    .ui-resizable-se {
        bottom: 1px;
        cursor: se-resize;
        height: 12px;
        right: 1px;
        width: 12px
    }

    .ui-resizable-sw {
        bottom: -5px;
        cursor: sw-resize;
        height: 9px;
        left: -5px;
        width: 9px
    }

    .ui-resizable-nw {
        cursor: nw-resize;
        height: 9px;
        left: -5px;
        top: -5px;
        width: 9px
    }

    .ui-resizable-ne {
        cursor: ne-resize;
        height: 9px;
        right: -5px;
        top: -5px;
        width: 9px
    }

    /*!
    * jQuery UI Dialog 1.13.3
    * https://jqueryui.com
    *
    * Copyright OpenJS Foundation and other contributors
    * Released under the MIT license.
    * https://jquery.org/license
    *
    * https://api.jqueryui.com/dialog/#theming
    */
    .ui-dialog {
        left: 0;
        outline: 0;
        padding: .2em;
        position: absolute;
        top: 0
    }

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%
    }

    .ui-dialog .ui-dialog-titlebar-close {
        height: 20px;
        margin: -10px 0 0;
        padding: 1px;
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px
    }

    .ui-dialog .ui-dialog-content {
        background: none;
        border: 0;
        overflow: auto;
        padding: .5em 1em;
        position: relative
    }

    .ui-dialog .ui-dialog-buttonpane {
        background-image: none;
        border-width: 1px 0 0;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
        text-align: left
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right
    }

    .ui-dialog .ui-dialog-buttonpane button {
        cursor: pointer;
        margin: .5em .4em .5em 0
    }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0
    }

    .ui-dialog .ui-resizable-e {
        right: 0;
        width: 2px
    }

    .ui-dialog .ui-resizable-s {
        bottom: 0;
        height: 2px
    }

    .ui-dialog .ui-resizable-w {
        left: 0;
        width: 2px
    }

    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw,
    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw {
        height: 7px;
        width: 7px
    }

    .ui-dialog .ui-resizable-se {
        bottom: 0;
        right: 0
    }

    .ui-dialog .ui-resizable-sw {
        bottom: 0;
        left: 0
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0
    }

    .ui-draggable .ui-dialog-titlebar {
        cursor: move
    }

    /*!
    * jQuery UI Datepicker 1.13.3
    * https://jqueryui.com
    *
    * Copyright OpenJS Foundation and other contributors
    * Released under the MIT license.
    * https://jquery.org/license
    *
    * https://api.jqueryui.com/datepicker/#theming
    */
    .ui-datepicker {
        display: none;
        padding: .2em .2em 0;
        width: 17em
    }

    .ui-datepicker .ui-datepicker-header {
        padding: .2em 0;
        position: relative
    }

    .ui-datepicker .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-prev {
        height: 1.8em;
        position: absolute;
        top: 2px;
        width: 1.8em
    }

    .ui-datepicker .ui-datepicker-next-hover,
    .ui-datepicker .ui-datepicker-prev-hover {
        top: 1px
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }

    .ui-datepicker .ui-datepicker-next span,
    .ui-datepicker .ui-datepicker-prev span {
        display: block;
        left: 50%;
        margin-left: -8px;
        margin-top: -8px;
        position: absolute;
        top: 50%
    }

    .ui-datepicker .ui-datepicker-title {
        line-height: 1.8em;
        margin: 0 2.3em;
        text-align: center
    }

    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        border-collapse: collapse;
        font-size: .9em;
        margin: 0 0 .4em;
        width: 100%
    }

    .ui-datepicker th {
        border: 0;
        font-weight: 700;
        padding: .7em .3em;
        text-align: center
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px
    }

    .ui-datepicker td a,
    .ui-datepicker td span {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none
    }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        margin: .7em 0 0;
        padding: 0 .2em
    }

    .ui-datepicker .ui-datepicker-buttonpane button {
        cursor: pointer;
        float: right;
        margin: .5em .2em .4em;
        overflow: visible;
        padding: .2em .6em .3em;
        width: auto
    }

    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left
    }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

    .ui-datepicker-multi .ui-datepicker-group {
        float: left
    }

    .ui-datepicker-multi .ui-datepicker-group table {
        margin: 0 auto .4em;
        width: 95%
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%
    }

    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%
    }

    .ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%
    }

    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0
    }

    .ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left
    }

    .ui-datepicker-row-break {
        clear: both;
        font-size: 0;
        width: 100%
    }

    .ui-datepicker-rtl {
        direction: rtl
    }

    .ui-datepicker-rtl .ui-datepicker-prev {
        left: auto;
        right: 2px
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        left: auto;
        right: 1px
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {
        float: right
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 1px;
        border-right-width: 0
    }

    .ui-datepicker .ui-icon {
        background-repeat: no-repeat;
        display: block;
        left: .5em;
        overflow: hidden;
        text-indent: -99999px;
        top: .3em
    }

    /*!
    * jQuery UI Draggable 1.13.3
    * https://jqueryui.com
    *
    * Copyright OpenJS Foundation and other contributors
    * Released under the MIT license.
    * https://jquery.org/license
    */
    /*!
    * jQuery UI Sortable 1.13.3
    * https://jqueryui.com
    *
    * Copyright OpenJS Foundation and other contributors
    * Released under the MIT license.
    * https://jquery.org/license
    */
    .ui-draggable-handle,
    .ui-sortable-handle {
        touch-action: none
    }

    /*!
    * jQuery UI Slider 1.13.3
    * https://jqueryui.com
    *
    * Copyright OpenJS Foundation and other contributors
    * Released under the MIT license.
    * https://jquery.org/license
    *
    * https://api.jqueryui.com/slider/#theming
    */
    .ui-slider {
        position: relative;
        text-align: left
    }

    .ui-slider .ui-slider-handle {
        cursor: pointer;
        height: 1.2em;
        position: absolute;
        touch-action: none;
        width: 1.2em;
        z-index: 2
    }

    .ui-slider .ui-slider-range {
        background-position: 0 0;
        border: 0;
        display: block;
        font-size: .7em;
        position: absolute;
        z-index: 1
    }

    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit
    }

    .ui-slider-horizontal {
        height: .8em
    }

    .ui-slider-horizontal .ui-slider-handle {
        margin-left: -.6em;
        top: -.3em
    }

    .ui-slider-horizontal .ui-slider-range {
        height: 100%;
        top: 0
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }

    .ui-slider-vertical {
        height: 100px;
        width: .8em
    }

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-bottom: -.6em;
        margin-left: 0
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0
    }

    /*!
    * jQuery UI CSS Framework 1.12.1
    * http://jqueryui.com
    *
    * Copyright jQuery Foundation and other contributors
    * Released under the MIT license.
    * http://jquery.org/license
    *
    * http://api.jqueryui.com/category/theming/
    *
    * To view and modify this theme, visit http://jqueryui.com/themeroller/
    */
    .ui-widget {
        font-family: Arial, Helvetica, sans-serif
    }

    .ui-widget,
    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget button,
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5
    }

    .ui-widget-content {
        background: #fff;
        border: 1px solid #ddd;
        color: #333
    }

    .ui-widget-content a {
        color: #333
    }

    .ui-widget-header {
        background: #e9e9e9;
        border: 1px solid #ddd;
        color: #333;
        font-weight: 700
    }

    .ui-widget-header a {
        color: #333
    }

    .ui-button,
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    html .ui-button.ui-state-disabled:active,
    html .ui-button.ui-state-disabled:hover {
        background: #f6f6f6;
        border: 1px solid #c5c5c5;
        color: #454545;
        font-weight: 400
    }

    .ui-button,
    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button {
        color: #454545;
        text-decoration: none
    }

    .ui-button:focus,
    .ui-button:hover,
    .ui-state-focus,
    .ui-state-hover,
    .ui-widget-content .ui-state-focus,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-focus,
    .ui-widget-header .ui-state-hover {
        background: #ededed;
        border: 1px solid #ccc;
        color: #2b2b2b;
        font-weight: 400
    }

    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited,
    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    a.ui-button:focus,
    a.ui-button:hover {
        color: #2b2b2b;
        text-decoration: none
    }

    .ui-visual-focus {
        box-shadow: 0 0 3px 1px #5e9ed6
    }

    .ui-button.ui-state-active:hover,
    .ui-button:active,
    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active {
        background: #007fff;
        border: 1px solid #003eff;
        color: #fff;
        font-weight: 400
    }

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        background-color: #fff;
        border: #003eff
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #fff;
        text-decoration: none
    }

    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        background: #fffa90;
        border: 1px solid #dad55e;
        color: #777620
    }

    .ui-state-checked {
        background: #fffa90;
        border: 1px solid #dad55e
    }

    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #777620
    }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        background: #fddfdf;
        border: 1px solid #f1a899;
        color: #5f3f3f
    }

    .ui-state-error a,
    .ui-state-error-text,
    .ui-widget-content .ui-state-error a,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error a,
    .ui-widget-header .ui-state-error-text {
        color: #5f3f3f
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: 700
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        filter: Alpha(Opacity=70);
        font-weight: 400;
        opacity: .7
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        background-image: none;
        filter: Alpha(Opacity=35);
        opacity: .35
    }

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35)
    }

    .ui-corner-all,
    .ui-corner-left,
    .ui-corner-tl,
    .ui-corner-top {
        border-top-left-radius: 3px
    }

    .ui-corner-all,
    .ui-corner-right,
    .ui-corner-top,
    .ui-corner-tr {
        border-top-right-radius: 3px
    }

    .ui-corner-all,
    .ui-corner-bl,
    .ui-corner-bottom,
    .ui-corner-left {
        border-bottom-left-radius: 3px
    }

    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-br,
    .ui-corner-right {
        border-bottom-right-radius: 3px
    }

    .ui-widget-shadow {
        box-shadow: 0 0 5px #666 #666
    }

    .ui-icon {
        height: 16px;
        width: 16px
    }

    .ui-icon,
    .ui-widget-content .ui-icon,
    .ui-widget-header .ui-icon {
        background-image: url(../img/ui-icons_444444_256x240.png)
    }

    .ui-button:focus .ui-icon,
    .ui-button:hover .ui-icon,
    .ui-state-focus .ui-icon,
    .ui-state-hover .ui-icon {
        background-image: url(../img/ui-icons_555555_256x240.png)
    }

    .ui-button:active .ui-icon,
    .ui-state-active .ui-icon {
        background-image: url(../img/ui-icons_ffffff_256x240.png)
    }

    .ui-button .ui-state-highlight.ui-icon,
    .ui-state-highlight .ui-icon {
        background-image: url(../img/ui-icons_777620_256x240.png)
    }

    .ui-state-error .ui-icon,
    .ui-state-error-text .ui-icon {
        background-image: url(../img/ui-icons_cc0000_256x240.png)
    }

    .ui-button .ui-icon {
        background-image: url(../img/ui-icons_777777_256x240.png)
    }

    .ui-icon-blank {
        background-position: 16px 16px
    }

    .ui-icon-caret-1-n {
        background-position: 0 0
    }

    .ui-icon-caret-1-ne {
        background-position: -16px 0
    }

    .ui-icon-caret-1-e {
        background-position: -32px 0
    }

    .ui-icon-caret-1-se {
        background-position: -48px 0
    }

    .ui-icon-caret-1-s {
        background-position: -65px 0
    }

    .ui-icon-caret-1-sw {
        background-position: -80px 0
    }

    .ui-icon-caret-1-w {
        background-position: -96px 0
    }

    .ui-icon-caret-1-nw {
        background-position: -112px 0
    }

    .ui-icon-caret-2-n-s {
        background-position: -128px 0
    }

    .ui-icon-caret-2-e-w {
        background-position: -144px 0
    }

    .ui-icon-triangle-1-n {
        background-position: 0 -16px
    }

    .ui-icon-triangle-1-ne {
        background-position: -16px -16px
    }

    .ui-icon-triangle-1-e {
        background-position: -32px -16px
    }

    .ui-icon-triangle-1-se {
        background-position: -48px -16px
    }

    .ui-icon-triangle-1-s {
        background-position: -65px -16px
    }

    .ui-icon-triangle-1-sw {
        background-position: -80px -16px
    }

    .ui-icon-triangle-1-w {
        background-position: -96px -16px
    }

    .ui-icon-triangle-1-nw {
        background-position: -112px -16px
    }

    .ui-icon-triangle-2-n-s {
        background-position: -128px -16px
    }

    .ui-icon-triangle-2-e-w {
        background-position: -144px -16px
    }

    .ui-icon-arrow-1-n {
        background-position: 0 -32px
    }

    .ui-icon-arrow-1-ne {
        background-position: -16px -32px
    }

    .ui-icon-arrow-1-e {
        background-position: -32px -32px
    }

    .ui-icon-arrow-1-se {
        background-position: -48px -32px
    }

    .ui-icon-arrow-1-s {
        background-position: -65px -32px
    }

    .ui-icon-arrow-1-sw {
        background-position: -80px -32px
    }

    .ui-icon-arrow-1-w {
        background-position: -96px -32px
    }

    .ui-icon-arrow-1-nw {
        background-position: -112px -32px
    }

    .ui-icon-arrow-2-n-s {
        background-position: -128px -32px
    }

    .ui-icon-arrow-2-ne-sw {
        background-position: -144px -32px
    }

    .ui-icon-arrow-2-e-w {
        background-position: -160px -32px
    }

    .ui-icon-arrow-2-se-nw {
        background-position: -176px -32px
    }

    .ui-icon-arrowstop-1-n {
        background-position: -192px -32px
    }

    .ui-icon-arrowstop-1-e {
        background-position: -208px -32px
    }

    .ui-icon-arrowstop-1-s {
        background-position: -224px -32px
    }

    .ui-icon-arrowstop-1-w {
        background-position: -240px -32px
    }

    .ui-icon-arrowthick-1-n {
        background-position: 1px -48px
    }

    .ui-icon-arrowthick-1-ne {
        background-position: -16px -48px
    }

    .ui-icon-arrowthick-1-e {
        background-position: -32px -48px
    }

    .ui-icon-arrowthick-1-se {
        background-position: -48px -48px
    }

    .ui-icon-arrowthick-1-s {
        background-position: -64px -48px
    }

    .ui-icon-arrowthick-1-sw {
        background-position: -80px -48px
    }

    .ui-icon-arrowthick-1-w {
        background-position: -96px -48px
    }

    .ui-icon-arrowthick-1-nw {
        background-position: -112px -48px
    }

    .ui-icon-arrowthick-2-n-s {
        background-position: -128px -48px
    }

    .ui-icon-arrowthick-2-ne-sw {
        background-position: -144px -48px
    }

    .ui-icon-arrowthick-2-e-w {
        background-position: -160px -48px
    }

    .ui-icon-arrowthick-2-se-nw {
        background-position: -176px -48px
    }

    .ui-icon-arrowthickstop-1-n {
        background-position: -192px -48px
    }

    .ui-icon-arrowthickstop-1-e {
        background-position: -208px -48px
    }

    .ui-icon-arrowthickstop-1-s {
        background-position: -224px -48px
    }

    .ui-icon-arrowthickstop-1-w {
        background-position: -240px -48px
    }

    .ui-icon-arrowreturnthick-1-w {
        background-position: 0 -64px
    }

    .ui-icon-arrowreturnthick-1-n {
        background-position: -16px -64px
    }

    .ui-icon-arrowreturnthick-1-e {
        background-position: -32px -64px
    }

    .ui-icon-arrowreturnthick-1-s {
        background-position: -48px -64px
    }

    .ui-icon-arrowreturn-1-w {
        background-position: -64px -64px
    }

    .ui-icon-arrowreturn-1-n {
        background-position: -80px -64px
    }

    .ui-icon-arrowreturn-1-e {
        background-position: -96px -64px
    }

    .ui-icon-arrowreturn-1-s {
        background-position: -112px -64px
    }

    .ui-icon-arrowrefresh-1-w {
        background-position: -128px -64px
    }

    .ui-icon-arrowrefresh-1-n {
        background-position: -144px -64px
    }

    .ui-icon-arrowrefresh-1-e {
        background-position: -160px -64px
    }

    .ui-icon-arrowrefresh-1-s {
        background-position: -176px -64px
    }

    .ui-icon-arrow-4 {
        background-position: 0 -80px
    }

    .ui-icon-arrow-4-diag {
        background-position: -16px -80px
    }

    .ui-icon-extlink {
        background-position: -32px -80px
    }

    .ui-icon-newwin {
        background-position: -48px -80px
    }

    .ui-icon-refresh {
        background-position: -64px -80px
    }

    .ui-icon-shuffle {
        background-position: -80px -80px
    }

    .ui-icon-transfer-e-w {
        background-position: -96px -80px
    }

    .ui-icon-transferthick-e-w {
        background-position: -112px -80px
    }

    .ui-icon-folder-collapsed {
        background-position: 0 -96px
    }

    .ui-icon-folder-open {
        background-position: -16px -96px
    }

    .ui-icon-document {
        background-position: -32px -96px
    }

    .ui-icon-document-b {
        background-position: -48px -96px
    }

    .ui-icon-note {
        background-position: -64px -96px
    }

    .ui-icon-mail-closed {
        background-position: -80px -96px
    }

    .ui-icon-mail-open {
        background-position: -96px -96px
    }

    .ui-icon-suitcase {
        background-position: -112px -96px
    }

    .ui-icon-comment {
        background-position: -128px -96px
    }

    .ui-icon-person {
        background-position: -144px -96px
    }

    .ui-icon-print {
        background-position: -160px -96px
    }

    .ui-icon-trash {
        background-position: -176px -96px
    }

    .ui-icon-locked {
        background-position: -192px -96px
    }

    .ui-icon-unlocked {
        background-position: -208px -96px
    }

    .ui-icon-bookmark {
        background-position: -224px -96px
    }

    .ui-icon-tag {
        background-position: -240px -96px
    }

    .ui-icon-home {
        background-position: 0 -112px
    }

    .ui-icon-flag {
        background-position: -16px -112px
    }

    .ui-icon-calendar {
        background-position: -32px -112px
    }

    .ui-icon-cart {
        background-position: -48px -112px
    }

    .ui-icon-pencil {
        background-position: -64px -112px
    }

    .ui-icon-clock {
        background-position: -80px -112px
    }

    .ui-icon-disk {
        background-position: -96px -112px
    }

    .ui-icon-calculator {
        background-position: -112px -112px
    }

    .ui-icon-zoomin {
        background-position: -128px -112px
    }

    .ui-icon-zoomout {
        background-position: -144px -112px
    }

    .ui-icon-search {
        background-position: -160px -112px
    }

    .ui-icon-wrench {
        background-position: -176px -112px
    }

    .ui-icon-gear {
        background-position: -192px -112px
    }

    .ui-icon-heart {
        background-position: -208px -112px
    }

    .ui-icon-star {
        background-position: -224px -112px
    }

    .ui-icon-link {
        background-position: -240px -112px
    }

    .ui-icon-cancel {
        background-position: 0 -128px
    }

    .ui-icon-plus {
        background-position: -16px -128px
    }

    .ui-icon-plusthick {
        background-position: -32px -128px
    }

    .ui-icon-minus {
        background-position: -48px -128px
    }

    .ui-icon-minusthick {
        background-position: -64px -128px
    }

    .ui-icon-close {
        background-position: -80px -128px
    }

    .ui-icon-closethick {
        background-position: -96px -128px
    }

    .ui-icon-key {
        background-position: -112px -128px
    }

    .ui-icon-lightbulb {
        background-position: -128px -128px
    }

    .ui-icon-scissors {
        background-position: -144px -128px
    }

    .ui-icon-clipboard {
        background-position: -160px -128px
    }

    .ui-icon-copy {
        background-position: -176px -128px
    }

    .ui-icon-contact {
        background-position: -192px -128px
    }

    .ui-icon-image {
        background-position: -208px -128px
    }

    .ui-icon-video {
        background-position: -224px -128px
    }

    .ui-icon-script {
        background-position: -240px -128px
    }

    .ui-icon-alert {
        background-position: 0 -144px
    }

    .ui-icon-info {
        background-position: -16px -144px
    }

    .ui-icon-notice {
        background-position: -32px -144px
    }

    .ui-icon-help {
        background-position: -48px -144px
    }

    .ui-icon-check {
        background-position: -64px -144px
    }

    .ui-icon-bullet {
        background-position: -80px -144px
    }

    .ui-icon-radio-on {
        background-position: -96px -144px
    }

    .ui-icon-radio-off {
        background-position: -112px -144px
    }

    .ui-icon-pin-w {
        background-position: -128px -144px
    }

    .ui-icon-pin-s {
        background-position: -144px -144px
    }

    .ui-icon-play {
        background-position: 0 -160px
    }

    .ui-icon-pause {
        background-position: -16px -160px
    }

    .ui-icon-seek-next {
        background-position: -32px -160px
    }

    .ui-icon-seek-prev {
        background-position: -48px -160px
    }

    .ui-icon-seek-end {
        background-position: -64px -160px
    }

    .ui-icon-seek-first,
    .ui-icon-seek-start {
        background-position: -80px -160px
    }

    .ui-icon-stop {
        background-position: -96px -160px
    }

    .ui-icon-eject {
        background-position: -112px -160px
    }

    .ui-icon-volume-off {
        background-position: -128px -160px
    }

    .ui-icon-volume-on {
        background-position: -144px -160px
    }

    .ui-icon-power {
        background-position: 0 -176px
    }

    .ui-icon-signal-diag {
        background-position: -16px -176px
    }

    .ui-icon-signal {
        background-position: -32px -176px
    }

    .ui-icon-battery-0 {
        background-position: -48px -176px
    }

    .ui-icon-battery-1 {
        background-position: -64px -176px
    }

    .ui-icon-battery-2 {
        background-position: -80px -176px
    }

    .ui-icon-battery-3 {
        background-position: -96px -176px
    }

    .ui-icon-circle-plus {
        background-position: 0 -192px
    }

    .ui-icon-circle-minus {
        background-position: -16px -192px
    }

    .ui-icon-circle-close {
        background-position: -32px -192px
    }

    .ui-icon-circle-triangle-e {
        background-position: -48px -192px
    }

    .ui-icon-circle-triangle-s {
        background-position: -64px -192px
    }

    .ui-icon-circle-triangle-w {
        background-position: -80px -192px
    }

    .ui-icon-circle-triangle-n {
        background-position: -96px -192px
    }

    .ui-icon-circle-arrow-e {
        background-position: -112px -192px
    }

    .ui-icon-circle-arrow-s {
        background-position: -128px -192px
    }

    .ui-icon-circle-arrow-w {
        background-position: -144px -192px
    }

    .ui-icon-circle-arrow-n {
        background-position: -160px -192px
    }

    .ui-icon-circle-zoomin {
        background-position: -176px -192px
    }

    .ui-icon-circle-zoomout {
        background-position: -192px -192px
    }

    .ui-icon-circle-check {
        background-position: -208px -192px
    }

    .ui-icon-circlesmall-plus {
        background-position: 0 -208px
    }

    .ui-icon-circlesmall-minus {
        background-position: -16px -208px
    }

    .ui-icon-circlesmall-close {
        background-position: -32px -208px
    }

    .ui-icon-squaresmall-plus {
        background-position: -48px -208px
    }

    .ui-icon-squaresmall-minus {
        background-position: -64px -208px
    }

    .ui-icon-squaresmall-close {
        background-position: -80px -208px
    }

    .ui-icon-grip-dotted-vertical {
        background-position: 0 -224px
    }

    .ui-icon-grip-dotted-horizontal {
        background-position: -16px -224px
    }

    .ui-icon-grip-solid-vertical {
        background-position: -32px -224px
    }

    .ui-icon-grip-solid-horizontal {
        background-position: -48px -224px
    }

    .ui-icon-gripsmall-diagonal-se {
        background-position: -64px -224px
    }

    .ui-icon-grip-diagonal-se {
        background-position: -80px -224px
    }

    html.ccm-toolbar-visible .ui-front {
        z-index: 1500
    }

    html.ccm-toolbar-visible .ui-dialog {
        box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .2);
        max-width: 100vw;
        padding: 0;
        z-index: 2000
    }

    @media only screen and (max-width:768px) {
        html.ccm-toolbar-visible .ui-dialog {
            display: flex;
            flex-direction: column;
            max-height: 100vh
        }
    }

    html.ccm-toolbar-visible .ui-dialog section header {
        display: none
    }

    html.ccm-toolbar-visible .ui-dialog.ui-widget-content {
        border: 0;
        border-radius: 5px
    }

    html.ccm-toolbar-visible .ui-dialog .ui-dialog-content {
        padding: 1.8rem;
        position: static
    }

    html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar {
        align-items: flex-start;
        background-color: #4a90e2;
        color: #fff;
        display: flex;
        padding: 1.25rem 1.8rem
    }

    html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar span {
        font-size: 1.5rem;
        font-weight: 400;
        letter-spacing: inherit;
        line-height: 1.25em
    }

    html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar.ui-widget-header {
        border: 0
    }

    html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar.ui-corner-all {
        border-radius: 0
    }

    html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
        float: none;
        margin: 0
    }

    html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar button.btn-help {
        background: transparent;
        border: 0
    }

    html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar button.btn-help svg {
        fill: #fff;
        height: 20px;
        opacity: .5;
        width: 20px
    }

    html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar button.btn-help:hover svg {
        opacity: .75
    }

    html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar button {
        color: #fff;
        font-size: 1rem;
        height: auto;
        line-height: 1;
        margin-right: .5rem;
        padding: .625rem .9rem;
        transition: color .1s ease-in-out;
        width: auto
    }

    html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar button:not(:disabled):not(.disabled):focus,
    html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar button:not(:disabled):not(.disabled):hover {
        color: #6a6f7b;
        opacity: 1
    }

    html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar button:not(:disabled):not(.disabled):focus svg,
    html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar button:not(:disabled):not(.disabled):hover svg {
        fill: #6a6f7b
    }

    html.ccm-toolbar-visible .ui-widget {
        font-family: var(--bs-body-font-family)
    }

    html.ccm-toolbar-visible .ui-widget-content,
    html.ccm-toolbar-visible .ui-widget-header {
        color: var(--bs-body-color)
    }

    html.ccm-toolbar-visible .ui-widget-overlay {
        opacity: 0;
        transition: opacity .2s linear;
        will-change: opacity
    }

    html.ccm-toolbar-visible .ui-widget-overlay.ui-widget-overlay-active {
        background: #000;
        opacity: .5
    }

    html.ccm-toolbar-visible .ui-dialog-buttonpane {
        align-items: center;
        border-width: 0;
        border-top: 0 solid var(--bs-border-color);
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        margin-top: 0;
        padding: 1.55rem
    }

    html.ccm-toolbar-visible .ui-dialog-buttonpane button {
        margin: .25rem
    }

    div#ccm-toolbar {
        background-color: #f7f7f7;
        border-bottom: 1px solid #e9ecef;
        height: 48px;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000
    }

    @media only screen and (max-width:768px) {
        div#ccm-toolbar {
            width: 100vw
        }
    }

    div#ccm-toolbar .ccm-toolbar-accessibility-title {
        display: none;
        margin-left: 5px
    }

    div#ccm-toolbar.titles .ccm-toolbar-accessibility-title {
        display: inline-block
    }

    div#ccm-toolbar.titles .ccm-toolbar-item-list>li>a {
        padding: 14px 16px;
        width: auto !important
    }

    div#ccm-toolbar.titles .ccm-toolbar-item-list>li>a i,
    div#ccm-toolbar.titles .ccm-toolbar-item-list>li>a img {
        position: static
    }

    div#ccm-toolbar.titles .ccm-toolbar-item-list>.spinner {
        left: 11px
    }

    div#ccm-toolbar.large-font li>a {
        font-size: 1.25rem !important;
        padding: 10px 16px
    }

    div#ccm-toolbar>ul {
        list-style-type: none;
        margin: 0;
        padding-left: 0
    }

    div#ccm-toolbar>ul:after {
        clear: both;
        content: "";
        display: block
    }

    div#ccm-toolbar>ul>li {
        position: relative
    }

    div#ccm-toolbar>ul>li>a {
        align-items: center;
        border-right: 1px solid #e9ecef;
        box-sizing: border-box;
        color: #6a6f7b;
        display: flex;
        height: 47px;
        position: relative;
        text-decoration: none;
        width: 58px
    }

    div#ccm-toolbar>ul>li>a i,
    div#ccm-toolbar>ul>li>a img {
        height: 14px;
        margin: 0 auto
    }

    div#ccm-toolbar>ul>li>a svg {
        fill: #6a6f7b;
        height: 16px;
        margin: 0 auto;
        transition: fill .25s ease-in-out;
        width: 16px
    }

    div#ccm-toolbar>ul>li>a:hover {
        background-color: #e9ecef;
        color: #2c2c2c
    }

    div#ccm-toolbar>ul>li>a.ccm-launch-panel-active,
    div#ccm-toolbar>ul>li>a.ccm-launch-panel-active:hover {
        background-color: #4a90e2;
        color: #fff;
        transition: background-color .25s ease-in-out
    }

    div#ccm-toolbar>ul>li>a.ccm-launch-panel-active i,
    div#ccm-toolbar>ul>li>a.ccm-launch-panel-active:hover i {
        display: inline-block
    }

    div#ccm-toolbar>ul>li>a.ccm-launch-panel-active svg,
    div#ccm-toolbar>ul>li>a.ccm-launch-panel-active:hover svg {
        fill: #fff
    }

    div#ccm-toolbar>ul li.ccm-toolbar-button-with-text>a {
        padding: 0 17px;
        width: auto
    }

    div#ccm-toolbar>ul li.ccm-toolbar-button-with-text>a svg {
        margin-right: 8px
    }

    div#ccm-toolbar>ul li.ccm-toolbar-button-with-text>a span {
        font-size: .8rem;
        font-weight: 700;
        text-transform: uppercase
    }

    div#ccm-toolbar>ul li>div.ccm-menu-item-site-list-container {
        align-items: center;
        border-right: 1px solid #e9ecef;
        box-sizing: border-box;
        color: #6a6f7b;
        display: flex;
        height: 47px;
        padding: 0 17px;
        position: relative;
        text-decoration: none
    }

    div#ccm-toolbar>ul li>div.ccm-menu-item-site-list-container>.ts-wrapper {
        width: 100%
    }

    div#ccm-toolbar>ul li.ccm-logo span {
        border-right: 1px solid #e9ecef;
        display: block;
        height: 47px;
        padding: 9px 18px 0 17px;
        width: 60px
    }

    div#ccm-toolbar>ul li.ccm-logo span img {
        height: 24px
    }

    div#ccm-toolbar>ul li.ccm-toolbar-search {
        background-color: #fff;
        border-left: 1px solid #e9ecef;
        color: #888;
        height: 47px;
        margin-left: -1px;
        padding: 0;
        position: relative;
        white-space: nowrap
    }

    div#ccm-toolbar>ul li.ccm-toolbar-search svg {
        fill: #6a6f7b;
        height: 20px;
        left: 16px;
        position: absolute;
        top: 16px;
        width: 20px
    }

    div#ccm-toolbar>ul li.ccm-toolbar-search input {
        background-color: transparent;
        border-right: 1px solid #e9ecef;
        margin-right: 0;
        padding-right: 10px
    }

    div#ccm-toolbar>ul li.ccm-toolbar-search input[type=search] {
        height: 47px;
        margin: 0 0 0 40px;
        padding: 0;
        width: 210px
    }

    div#ccm-toolbar>ul li.ccm-toolbar-search input[type=search],
    div#ccm-toolbar>ul li.ccm-toolbar-search textarea {
        border: 0;
        border-radius: 0;
        box-shadow: none
    }

    div#ccm-toolbar>ul li.ccm-toolbar-search input[type=search]:focus,
    div#ccm-toolbar>ul li.ccm-toolbar-search textarea:focus {
        -webkit-appearance: none !important;
        outline: none !important
    }

    div#ccm-toolbar>ul li.ccm-toolbar-page-edit-mode-active>a {
        background-color: #28a745;
        color: #fff
    }

    div#ccm-toolbar>ul li.ccm-toolbar-page-edit-mode-active>a svg {
        fill: #fff
    }

    div#ccm-toolbar>ul li.ccm-toolbar-page-edit-mode-pinned a:hover,
    div#ccm-toolbar>ul li.ccm-toolbar-page-edit-mode-pinned>a {
        background-color: #d6e6ee;
        background-image: linear-gradient(180deg, #d6e6ee, #b8dcee);
        color: #136cc0
    }

    div#ccm-toolbar>ul>li#ccm-white-label-message {
        border-right: 0 !important;
        color: #ccc;
        font-size: .875rem;
        height: 30px;
        line-height: 1.25;
        padding: 18px 24px 0
    }

    div#ccm-toolbar>ul>li#ccm-white-label-message>a {
        border: 0;
        color: #e9ecef;
        display: inline;
        padding: 0;
        text-decoration: underline
    }

    div#ccm-toolbar>ul>li#ccm-white-label-message>a:hover {
        background-color: transparent !important;
        background-image: none !important;
        text-decoration: underline
    }

    div#ccm-toolbar .dropdown-menu {
        border-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    div#ccm-toolbar li.ccm-toolbar-last-left-child {
        border-right: 1px solid #e9ecef
    }

    div#ccm-toolbar div.ccm-menu-item-site-list-container {
        padding: 0 17px;
        text-align: left;
        width: 360px
    }

    div#ccm-toolbar div.ccm-menu-item-site-list-container i {
        margin-left: 0;
        margin-right: 8px
    }

    div#ccm-toolbar a.ccm-menu-item-site-list span.ccm-toolbar-accessibility-title {
        color: #333;
        display: inline-block;
        position: absolute
    }

    div#ccm-toolbar li>a.ccm-menu-item-site-list {
        padding: 14px 16px 14px 36px;
        text-align: left;
        width: 240px
    }

    div#ccm-toolbar.titles li>a.ccm-menu-item-site-list {
        width: 240px !important
    }

    div#ccm-toolbar li>a.ccm-menu-item-site-list-inactive {
        cursor: not-allowed
    }

    div#ccm-toolbar-disabled {
        background-color: hsla(0, 0%, 100%, .8);
        height: 49px;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1100
    }

    @media only screen and (max-width:768px) {
        #ccm-dashboard-content {
            margin-right: 0 !important
        }
    }

    ul.ccm-mobile-menu li {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%
    }

    ul.ccm-mobile-menu li a,
    ul.ccm-mobile-menu li i,
    ul.ccm-mobile-menu li li,
    ul.ccm-mobile-menu li ul {
        flex: 1 0 auto;
        max-width: 100%
    }

    ul.ccm-mobile-menu li ul {
        min-width: 100%
    }

    ul.ccm-mobile-menu li ul li a {
        width: 100%
    }

    ul.ccm-mobile-menu li a {
        flex: 1 0 auto;
        height: 50px !important;
        max-width: 258px;
        min-width: 200px
    }

    .ccm-toolbar-mobile-menu-button {
        border-left: 1px solid #e9ecef;
        cursor: pointer;
        height: 47px;
        padding: 14px 18px
    }

    .ccm-toolbar-mobile-menu-button i {
        font-size: 1.25rem
    }

    .ccm-toolbar-mobile-menu-button.ccm-mobile-close,
    .ccm-toolbar-mobile-menu-button:hover {
        color: #7d7d7d
    }

    .ccm-toolbar-mobile-menu-button.ccm-toolbar-mobile-menu-button-active {
        background-color: #b5eeb5;
        background-image: linear-gradient(180deg, #c2ffc2, #b5eeb5)
    }

    .ccm-toolbar-mobile-add-pages-button {
        border-left: 1px solid #e9ecef;
        cursor: pointer;
        height: 47px;
        padding: 14px 18px
    }

    .ccm-toolbar-mobile-add-pages-button svg {
        fill: #6a6f7b;
        height: 16px;
        margin: 0 auto;
        transition: fill .25s ease-in-out;
        vertical-align: baseline;
        width: 16px
    }

    .ccm-mobile-toolbar-menu {
        display: none
    }

    .ccm-mobile-menu-overlay {
        background-color: #fcfcfc;
        border-bottom: 5px solid #4674a1;
        display: none;
        left: 0;
        overflow-y: scroll;
        padding: 15px 0;
        position: fixed;
        top: 48px;
        width: 100%;
        z-index: 1000
    }

    .ccm-mobile-menu-overlay.ccm-mobile-menu-overlay-dashboard .ccm-mobile-menu-entries>li>a {
        width: 228px
    }

    .ccm-mobile-menu-overlay.ccm-mobile-menu-overlay-dashboard .fa-sliders.mobile-leading-icon {
        margin-right: -4px
    }

    .ccm-mobile-menu-overlay li ul {
        display: block
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries {
        -webkit-text-size-adjust: none;
        list-style-type: none;
        margin-left: 12px;
        padding-left: 0
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries li.ccm-toolbar-page-edit-mode-active a,
    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries li.ccm-toolbar-page-edit-mode-active i.fa-pencil {
        color: #0c6
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries li.nav-selected>a {
        text-decoration: underline
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries li ul {
        display: none;
        margin-left: 55px
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries li ul li a {
        background: none;
        color: #4674a1;
        font-weight: 400;
        padding: 12px 5px;
        text-transform: none
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries li ul li ul {
        margin-left: 15px
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries li i.fa-caret-down,
    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries li i.fa-caret-up {
        color: #4674a1;
        cursor: pointer;
        padding: 14px 17px
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries li i.mobile-leading-icon {
        color: #cac9c9;
        display: inline-block !important;
        min-width: 30px;
        text-align: center
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries li a {
        color: #4674a1;
        display: inline-block;
        font-weight: 200;
        height: 100%;
        padding: 8px 5% 8px 15px;
        text-decoration: none;
        vertical-align: middle
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries li a:hover {
        color: #195279;
        text-decoration: none
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries>li>a {
        width: 224px
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries>li>ul>li>a {
        width: 199px
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries>li>ul>li>ul>li>a {
        width: 184px
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries>li>ul>li>ul>li>ul>li>a {
        width: 169px
    }

    .ccm-mobile-menu-overlay .ccm-mobile-menu-entries>li>ul>li>ul>li>ul>li>ul>li>a {
        width: 144px
    }

    html.ccm-toolbar-visible .ccm-page {
        margin-top: 48px
    }

    div#ccm-intelligent-search-results {
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        display: none;
        padding: 0 0 0 40px;
        position: fixed;
        right: 120px;
        text-align: left;
        top: 48px;
        width: 251px;
        z-index: 1200
    }

    div#ccm-intelligent-search-results span {
        display: none
    }

    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module-offsite {
        display: block
    }

    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module-onsite {
        display: none
    }

    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module {
        margin-top: -1px;
        min-height: 60px;
        padding-bottom: 20px;
        padding-top: 20px;
        position: relative
    }

    .ccm-ui div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .h1,
    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .ccm-ui .h1,
    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module h1 {
        border-bottom: 1px solid #e3e4e4;
        color: #09f;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.25;
        margin: 0;
        padding: 0;
        text-align: left
    }

    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module ul {
        font-size: .875rem;
        margin-bottom: 0 !important;
        margin-left: 0;
        margin-top: 3px !important;
        padding: 0
    }

    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module li {
        list-style-type: none;
        margin-left: -15px
    }

    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module.ccm-intelligent-search-results-module-loaded .loader {
        display: none
    }

    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .loader {
        display: block;
        font-size: 1.25rem;
        height: 1em;
        margin: 20px 0;
        position: relative;
        width: 4em
    }

    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .dot {
        animation-duration: .5s;
        animation-iteration-count: infinite;
        animation-timing-function: ease;
        background: #09f;
        border-radius: .25em;
        height: .4em;
        position: absolute;
        width: .4em
    }

    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .dot1,
    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .dot2 {
        left: 0
    }

    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .dot3 {
        left: 1.5em
    }

    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .dot4 {
        left: 3em
    }

    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .dot1 {
        animation-name: loader-reveal
    }

    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .dot2,
    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .dot3 {
        animation-name: loader-slide
    }

    div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module .dot4 {
        animation-direction: reverse;
        animation-name: loader-reveal
    }

    div#ccm-intelligent-search-results ul#ccm-intelligent-search-results-list-marketplace li a img {
        float: left;
        height: 16px;
        margin-right: 8px;
        margin-top: 1px;
        width: 16px
    }

    div#ccm-intelligent-search-results li a {
        border-color: transparent;
        color: #888;
        display: inline-block;
        padding: 1px 15px;
        text-decoration: none;
        white-space: pre-wrap
    }

    div#ccm-intelligent-search-results li a:hover {
        color: #369;
        text-decoration: none
    }

    div#ccm-intelligent-search-results li a.ccm-intelligent-search-result-selected {
        color: #369
    }

    @keyframes loader-reveal {
        0% {
            transform: scale(.001)
        }

        to {
            -webkit-transform: scale(1)
        }
    }

    @keyframes loader-slide {
        to {
            transform: translateX(1.5em)
        }
    }

    div.ccm-ui .modal-header {
        background-color: #4a90e2
    }

    div.ccm-ui .modal-header .modal-title {
        color: #fff;
        font-size: 1.5rem;
        font-weight: 400;
        letter-spacing: inherit
    }

    html.ccm-panel-detail-open>body {
        overflow: hidden
    }

    html.ccm-panel-detail-open .ccm-panel-detail {
        left: 0;
        overflow: auto;
        position: fixed;
        top: 0
    }

    div.ccm-panel {
        background-color: #fafbfc;
        height: 100%;
        position: fixed;
        top: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 320px;
        z-index: 900
    }

    div.ccm-panel div.ccm-panel-close {
        position: absolute;
        right: 17px;
        text-decoration: none;
        top: 7px
    }

    div#ccm-panel-overlay {
        background: transparent;
        display: none;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        transition: background-color .5s cubic-bezier(.19, 1, .22, 1);
        width: 100%;
        z-index: 850
    }

    div#ccm-panel-overlay.ccm-panel-translucent {
        background-color: hsla(0, 0%, 100%, .7)
    }

    html.ccm-panel-ready div.ccm-page {
        transition: transform .5s cubic-bezier(.19, 1, .22, 1)
    }

    html.ccm-panel-ready.ccm-panel-left div.ccm-page {
        transform: translate(320px)
    }

    html.ccm-panel-ready.ccm-panel-right div.ccm-page {
        transform: translate(-320px)
    }

    html.ccm-panel-ready.ccm-panel-transition-none div.ccm-page {
        transition: none
    }

    div.ccm-panel-transition-none.ccm-panel-left {
        display: none
    }

    div.ccm-panel-transition-none.ccm-panel-left.ccm-panel-active {
        display: block
    }

    div.ccm-panel-transition-slide.ccm-panel-left {
        left: -4px;
        transform: translate(-100%);
        transition: transform .5s cubic-bezier(.19, 1, .22, 1)
    }

    div.ccm-panel-transition-none.ccm-panel-right {
        display: none
    }

    div.ccm-panel-transition-none.ccm-panel-right.ccm-panel-active {
        display: block
    }

    div.ccm-panel-transition-slide.ccm-panel-right {
        right: -4px;
        transform: translate(100%);
        transition: transform .5s cubic-bezier(.19, 1, .22, 1)
    }

    div.ccm-panel-left.ccm-panel-transition-slide.ccm-panel-active,
    div.ccm-panel-right.ccm-panel-transition-slide.ccm-panel-active {
        transform: translate(0)
    }

    div.ccm-panel-right,
    div.ccm-panel-right.ccm-panel-active {
        box-shadow: -2px 0 4px rgba(0, 0, 0, .12)
    }

    div.ccm-panel-left {
        box-shadow: 2px 0 4px rgba(0, 0, 0, .12)
    }

    div.ccm-panel-content {
        bottom: 0;
        left: 0;
        margin-top: 48px;
        overflow: auto;
        padding: 0;
        position: absolute;
        top: 0;
        transition: transform .5s cubic-bezier(.19, 1, .22, 1);
        width: 320px
    }

    div.ccm-panel-content button.ccm-delete-clipboard-item,
    div.ccm-panel-content button.ccm-delete-orphaned-block-item {
        color: #a2a3a8
    }

    div.ccm-panel-content button.ccm-delete-clipboard-item:hover,
    div.ccm-panel-content button.ccm-delete-orphaned-block-item:hover {
        color: #7b7c83
    }

    div.ccm-panel-content section {
        padding: 0
    }

    div.ccm-panel-content {
        padding: 20px 15px 0
    }

    div.ccm-panel-content header {
        font-weight: 600;
        padding: 12px 11px 0 24px
    }

    div.ccm-panel-content header aside {
        float: right;
        font-size: .875rem;
        font-weight: lighter;
        margin-top: 4px
    }

    div.ccm-panel-content header aside a {
        text-decoration: none
    }

    div.ccm-panel-content header .dropdown-toggle {
        transition: all .25s ease-in-out
    }

    div.ccm-panel-content header .dropdown-toggle:hover {
        color: #4a90e2;
        cursor: pointer
    }

    div.ccm-panel-content table {
        border-top: 1px solid #e9ecef;
        margin-top: 1em
    }

    div.ccm-panel-content menu,
    div.ccm-panel-content ul.nav {
        border-top: 1px solid #e9ecef;
        font-weight: 400;
        margin-bottom: .9rem;
        margin-top: .9rem;
        padding: .5rem 0 0
    }

    div.ccm-panel-content menu>li,
    div.ccm-panel-content ul.nav>li {
        margin-left: 0;
        margin-top: 0
    }

    div.ccm-panel-content menu li,
    div.ccm-panel-content ul.nav li {
        list-style-type: none
    }

    div.ccm-panel-content menu li.active>a,
    div.ccm-panel-content ul.nav li.active>a {
        background-color: #4a90e2;
        color: #fff !important;
        font-weight: 600
    }

    div.ccm-panel-content menu li.active>a:hover,
    div.ccm-panel-content ul.nav li.active>a:hover {
        background-color: #4a90e2 !important;
        color: #fff !important;
        cursor: default !important
    }

    div.ccm-panel-content menu li a,
    div.ccm-panel-content ul.nav li a {
        color: #6a6f7b;
        display: block;
        line-height: 1.8em;
        padding: 11px 21px 11px 24px;
        text-decoration: none;
        transition: all .1s ease-in
    }

    div.ccm-panel-content menu li a:hover,
    div.ccm-panel-content ul.nav li a:hover {
        background-color: #d2eafa;
        color: #222
    }

    div.ccm-panel-content menu li a.ccm-panel-menu-parent-item-active,
    div.ccm-panel-content ul.nav li a.ccm-panel-menu-parent-item-active {
        color: #222;
        font-weight: 600
    }

    div.ccm-panel-content menu li a.ccm-panel-menu-item-active,
    div.ccm-panel-content ul.nav li a.ccm-panel-menu-item-active {
        background-color: #4a90e2;
        color: #fff;
        font-weight: 600
    }

    div.ccm-panel-content menu li a.ccm-panel-menu-item-active:hover,
    div.ccm-panel-content ul.nav li a.ccm-panel-menu-item-active:hover {
        color: #fff
    }

    div.ccm-panel-content menu li a:hover,
    div.ccm-panel-content ul.nav li a:hover {
        text-decoration: none
    }

    div.ccm-panel-content menu li ul,
    div.ccm-panel-content ul.nav li ul {
        border-top-width: 0;
        margin-top: 0;
        padding-left: 0;
        padding-top: 0
    }

    div.ccm-panel-content menu li ul li,
    div.ccm-panel-content ul.nav li ul li {
        margin-left: 0;
        margin-top: 0;
        padding-left: 10px
    }

    div.ccm-panel-content-inner {
        padding: 20px 40px 40px
    }

    div.ccm-panel-header-accordion {
        padding-bottom: 0 !important;
        position: relative
    }

    div.ccm-panel-header-accordion.ccm-panel-header-accordion-dropdown-visible nav ul {
        max-height: 220px !important
    }

    div.ccm-panel-header-accordion nav ul.ccm-panel-header-accordion-dropdown {
        height: auto;
        margin-bottom: 0;
        margin-left: 0;
        max-height: 0;
        overflow: hidden;
        padding-left: 0;
        transition: max-height .5s cubic-bezier(.19, 1, .22, 1)
    }

    div.ccm-panel-header-accordion nav li {
        list-style-type: none
    }

    div.ccm-panel-header-accordion nav li>a,
    div.ccm-panel-header-accordion nav span {
        cursor: pointer;
        display: block;
        line-height: 15px;
        padding: 18px 15px 18px 40px;
        position: relative;
        text-decoration: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    div.ccm-panel-header-accordion nav span {
        background-color: transparent;
        font-size: 1.5rem;
        font-weight: 600;
        padding-left: 0
    }

    div.ccm-panel-header-accordion nav span:after {
        border-color: #4c4f56 transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        content: "";
        height: 0;
        margin-left: 10px;
        position: absolute;
        top: 24px;
        width: 0
    }

    #ccm-panel-add-blocktypes-list.ccm-no-pointer-events a.ccm-panel-add-block-draggable-block-type-dragger {
        pointer-events: none
    }

    #ccm-panel-add-block .ccm-panel-header-search {
        margin-bottom: 1.5rem;
        position: relative
    }

    #ccm-panel-add-block .ccm-panel-header-search input {
        border-width: 0;
        padding: 10px 35px 10px 10px;
        width: 100%
    }

    #ccm-panel-add-block .ccm-panel-header-search svg {
        fill: #6a6f7b;
        height: 20px;
        position: absolute;
        right: 7px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px
    }

    .ccm-panel-header-list-grid-view-switcher {
        background-color: #4c4f56;
        cursor: pointer;
        height: 24px;
        padding: 4px;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        z-index: 1
    }

    .ccm-panel-header-list-grid-view-switcher>i {
        color: #f7f7f7;
        line-height: 16px;
        position: absolute
    }

    div.ccm-panel-detail {
        background: transparent;
        box-sizing: border-box;
        display: none;
        height: 100%;
        padding-top: 48px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 870
    }

    div.ccm-panel-detail.ccm-panel-detail-static {
        display: block
    }

    div.ccm-panel-detail.ccm-panel-detail-static-left {
        padding-left: 321px
    }

    div.ccm-panel-detail.ccm-panel-detail-static-right {
        padding-right: 321px
    }

    html.ccm-panel-left div.ccm-panel-detail {
        padding-left: 321px
    }

    html.ccm-panel-right div.ccm-panel-detail {
        padding-right: 321px
    }

    div.ccm-panel-detail-content {
        background-color: #fff;
        min-height: 100%;
        min-width: 100%;
        padding: 40px 40px 80px;
        position: relative
    }

    div.ccm-panel-detail-content section {
        padding: 0
    }

    div.ccm-panel-detail-content header {
        margin-bottom: 20px
    }

    iframe.ccm-page-preview-frame {
        background: transparent;
        border: 0;
        box-sizing: border-box;
        height: 100%;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    div.ccm-panel-detail.ccm-panel-detail-transition-fade {
        display: block;
        opacity: 0;
        transition: opacity .5s cubic-bezier(.19, 1, .22, 1)
    }

    div.ccm-panel-detail.ccm-panel-detail-transition-fade-apply {
        opacity: 1
    }

    html.ccm-panel-left div.ccm-page.ccm-panel-detail-transition-swap {
        left: 320px;
        position: relative
    }

    html.ccm-panel-right div.ccm-page.ccm-panel-detail-transition-swap {
        position: relative;
        right: 320px
    }

    html.ccm-panel-ready div.ccm-page.ccm-panel-detail-transition-swap {
        transform: rotateY(0deg);
        transition-duration: .5s;
        transition-timing-function: none
    }

    html.ccm-panel-ready div.ccm-page.ccm-panel-detail-transition-swap.ccm-panel-detail-transition-swap-apply {
        transform: rotateY(180deg);
        transition-duration: .5s;
        transition-timing-function: none
    }

    div.ccm-panel-detail.ccm-panel-detail-transition-none.ccm-panel-detail-transition-none-apply {
        display: block
    }

    html.ccm-panel-ready div.ccm-page.ccm-panel-detail-disable-transition {
        transition: none
    }

    div.ccm-panel-dashboard-footer {
        margin: 20px 0
    }

    div.ccm-panel-slide-left {
        transform: translate(-320px)
    }

    div.ccm-panel-content-appearing,
    div.ccm-panel-slide-right {
        transform: translate(320px)
    }

    div.ccm-panel-content.ccm-panel-content-visible {
        transform: translate(0)
    }

    div.ccm-panel-transitioning {
        overflow: hidden
    }

    div.ccm-panel-transitioning div.ccm-panel-content {
        overflow: auto
    }

    div.ccm-panel-content header a {
        color: #4c4f56;
        text-decoration: none;
        transition: color .1s ease-in-out
    }

    div.ccm-panel-content header a:hover {
        color: #4a90e2
    }

    div.ccm-panel-content header a:hover svg {
        fill: #4a90e2
    }

    div.ccm-panel-content header a.ccm-panel-back {
        display: block;
        margin-bottom: 30px;
        margin-top: -15px
    }

    div.ccm-panel-content header a.ccm-panel-back svg {
        height: 20px;
        transition: fill .1s ease-in-out;
        width: 20px
    }

    div.ccm-panel-detail-form-actions {
        background-color: #f7f7f7;
        border-top: 1px solid #e9ecef;
        bottom: 0;
        left: 0;
        padding: 15px 20px 15px 340px;
        position: fixed;
        width: 100%
    }

    #ccm-panel-help {
        background-color: #e9f6fc
    }

    #ccm-panel-help div.ccm-panel-content {
        padding: 35px 30px
    }

    #ccm-panel-help section {
        margin-bottom: 1.5rem
    }

    #ccm-panel-help .ccm-ui .h1,
    #ccm-panel-help h1,
    .ccm-ui #ccm-panel-help .h1 {
        font-size: calc(1.275rem + .3vw);
        font-weight: 300;
        margin-bottom: 1.5rem
    }

    @media(min-width:1200px) {

        #ccm-panel-help .ccm-ui .h1,
        #ccm-panel-help h1,
        .ccm-ui #ccm-panel-help .h1 {
            font-size: 1.5rem
        }
    }

    #ccm-panel-help .ccm-ui .h3,
    #ccm-panel-help h3,
    #ccm-panel-help hr,
    .ccm-ui #ccm-panel-help .h3 {
        margin-bottom: 1.5rem
    }

    #ccm-panel-help hr {
        margin-top: 2rem
    }

    div.ccm-panel-content-inner #ccm-sitemap-panel-sitemap .ccm-sitemap-wrapper .ccm-sitemap-tree ul.fancytree-container {
        border: "none"
    }

    div#ccm-panel-page_relations ul.item-select-list li {
        border-bottom: 0
    }

    div#ccm-panel-page_relations ul.item-select-list a.ccm-menu-item-active,
    div#ccm-panel-page_relations ul.item-select-list a.ccm-panel-multilingual-menu-hover {
        background-color: #e7e7e7;
        border-radius: 4px;
        color: #4c4f56;
        text-decoration: none;
        transition: background-color .1s linear
    }

    div#ccm-panel-page_relations ul.item-select-list a.ccm-panel-multilingual-section-no-mappings {
        color: #999
    }

    div#ccm-menu-click-proxy.ccm-panel-multilingual-menu-hover,
    div#ccm-popover-menu-container.ccm-panel-multilingual-menu-container,
    div#ccm-popover-menu-container.ccm-panel-multilingual-menu-container div.popover {
        z-index: 5000
    }

    #ccm-menu-page-attributes .ccm-panel-content-inner {
        padding-left: 0;
        padding-right: 0;
        padding-top: .5rem
    }

    #ccm-menu-page-attributes .ccm-panel-header-search {
        margin-bottom: 20px;
        margin-left: -24px;
        margin-right: -11px;
        position: relative;
        width: calc(100% + 35px)
    }

    #ccm-menu-page-attributes .ccm-panel-header-search input {
        border-width: 0;
        padding: 10px 35px 10px 10px;
        width: 100%
    }

    #ccm-menu-page-attributes .ccm-panel-header-search svg {
        fill: #6a6f7b;
        height: 20px;
        position: absolute;
        right: 7px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px
    }

    #ccm-menu-page-attributes .ccm-menu-page-attributes-set {
        border-top: 1px solid #e9ecef;
        margin-bottom: .625rem;
        padding: 1.5625rem 0 0
    }

    #ccm-menu-page-attributes .ccm-menu-page-attributes-set .ccm-ui .h5,
    #ccm-menu-page-attributes .ccm-menu-page-attributes-set h5,
    .ccm-ui #ccm-menu-page-attributes .ccm-menu-page-attributes-set .h5 {
        font-size: 1em;
        padding-left: 25px
    }

    #ccm-menu-page-attributes .ccm-menu-page-attributes-set ul {
        list-style: none;
        margin-top: 1rem;
        padding-left: 0
    }

    #ccm-menu-page-attributes .ccm-menu-page-attributes-set a[data-attribute-key] {
        color: #6a6f7b;
        display: block;
        line-height: 1.8em;
        padding: 10px 21px 12px 50px;
        position: relative;
        text-decoration: none;
        transition: all .1s ease-in
    }

    #ccm-menu-page-attributes .ccm-menu-page-attributes-set a[data-attribute-key] .fa,
    #ccm-menu-page-attributes .ccm-menu-page-attributes-set a[data-attribute-key] .fas {
        font-size: 1.3125em;
        left: 21px;
        opacity: 0;
        position: absolute;
        top: 14px;
        transition: all .1s ease-in
    }

    #ccm-menu-page-attributes .ccm-menu-page-attributes-set a[data-attribute-key].ccm-menu-page-attribute-selected {
        background-color: #4a90e2 !important;
        color: #fff !important;
        font-weight: 600
    }

    #ccm-menu-page-attributes .ccm-menu-page-attributes-set a[data-attribute-key].ccm-menu-page-attribute-selected .fa-minus-circle {
        display: inline
    }

    #ccm-menu-page-attributes .ccm-menu-page-attributes-set a[data-attribute-key]:hover {
        background-color: #d2eafa;
        text-decoration: none
    }

    #ccm-menu-page-attributes .ccm-menu-page-attributes-set a[data-attribute-key]:hover .fa-plus-circle {
        opacity: 1
    }

    #ccm-dialog-attributes-container {
        display: block;
        float: left;
        width: 100%
    }

    @media only screen and (max-width:768px) {
        #ccm-dialog-attributes-container {
            display: flex;
            flex-direction: column-reverse
        }
    }

    #ccm-dialog-attributes-menu {
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 30%
    }

    @media only screen and (max-width:768px) {
        #ccm-dialog-attributes-menu {
            width: auto
        }
    }

    #ccm-dialog-attributes-detail {
        display: block;
        float: left;
        margin: 0 0 0 65px;
        padding: 0;
        width: calc(70% - 65px)
    }

    @media only screen and (max-width:768px) {
        #ccm-dialog-attributes-detail {
            margin: 0;
            width: auto
        }
    }

    #ccm-detail-page-attributes .ccm-ui .h3,
    #ccm-detail-page-attributes h3,
    .ccm-ui #ccm-detail-page-attributes .h3 {
        margin-bottom: 40px;
        margin-left: 0
    }

    #ccm-detail-page-attributes .ccm-detail-page-attributes-id {
        float: right
    }

    #ccm-detail-page-attributes .form-group {
        opacity: 1;
        padding-left: 0;
        padding-right: 0;
        transition: opacity .1s ease-in-out
    }

    #ccm-detail-page-attributes .form-group .col-form-label {
        padding-bottom: 6px;
        padding-top: 0
    }

    #ccm-detail-page-attributes .form-group.ccm-page-attribute-adding,
    #ccm-detail-page-attributes .form-group.ccm-page-attribute-removing {
        opacity: 0
    }

    #ccm-detail-page-attributes .form-group[data-attribute-key-id] {
        background-color: #f9f9f9;
        border: 2px solid #e8e8e8;
        padding: 12px 45px 15px 48px
    }

    #ccm-detail-page-attributes .form-group[data-attribute-key-id] [data-remove-attribute-key] {
        color: inherit;
        font-size: 21px;
        line-height: 1em;
        margin-left: -32px;
        margin-right: 8px;
        vertical-align: middle
    }

    #ccm-panel-detail-page-seo .form-group {
        position: relative
    }

    #ccm-panel-detail-page-seo .form-group .form-text {
        font-size: 90%;
        font-style: italic;
        position: absolute;
        right: 0;
        top: 5px
    }

    #ccm-panel-add-blocktypes-list {
        padding-left: 0;
        padding-right: 0
    }

    #ccm-panel-add-blocktypes-list header {
        padding-bottom: 7px;
        padding-left: 0
    }

    #ccm-panel-add-blocktypes-list header[data-bs-toggle] {
        cursor: pointer
    }

    #ccm-panel-add-blocktypes-list .ccm-panel-add-block-set>header {
        border-top: 2px solid #e7e8eb
    }

    #ccm-panel-add-blocktypes-list .ccm-panel-add-block-set+.ccm-panel-add-block-set>header {
        border-top-width: 1px
    }

    #ccm-panel-add-blocktypes-list ul {
        list-style: none;
        margin-bottom: 0;
        padding: 0
    }

    #ccm-panel-add-blocktypes-list ul.ccm-flex-align-last-row:after {
        content: "";
        width: 75px
    }

    #ccm-panel-add-blocktypes-list ul li {
        float: left;
        margin-bottom: 15px;
        position: relative
    }

    #ccm-panel-add-blocktypes-list ul li:nth-of-type(3n) {
        margin-right: 0
    }

    #ccm-panel-add-blocktypes-list .ccm-marketplace-btn-wrapper {
        margin-top: 28px
    }

    a.ccm-panel-add-block-draggable-block-type,
    a.ccm-panel-add-container-item {
        color: #4c4f56;
        display: block;
        overflow: hidden;
        padding: 4px;
        text-align: center;
        text-decoration: none;
        transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out;
        width: 75px
    }

    a.ccm-panel-add-block-draggable-block-type:not(.ccm-block-edit-drag):active,
    a.ccm-panel-add-block-draggable-block-type:not(.ccm-block-edit-drag):hover,
    a.ccm-panel-add-container-item:not(.ccm-block-edit-drag):active,
    a.ccm-panel-add-container-item:not(.ccm-block-edit-drag):hover {
        background-color: #4a90e2;
        color: #f7f7f7;
        text-decoration: none
    }

    a.ccm-panel-add-block-draggable-block-type p,
    a.ccm-panel-add-container-item p {
        font-size: .75rem;
        line-height: 1.25;
        margin-bottom: 7px
    }

    a.ccm-panel-add-block-draggable-block-type .ccm-block-icon-wrapper,
    a.ccm-panel-add-container-item .ccm-block-icon-wrapper {
        background-color: #e7e8eb;
        display: block;
        height: 67px;
        margin-bottom: 7px
    }

    a.ccm-panel-add-block-draggable-block-type .ccm-block-icon-wrapper>img,
    a.ccm-panel-add-container-item .ccm-block-icon-wrapper>img {
        height: auto;
        max-width: 21px
    }

    a.ccm-panel-add-block-draggable-block-type.ccm-block-edit-drag,
    a.ccm-panel-add-container-item.ccm-block-edit-drag {
        background-color: #6a6f7b;
        color: #f7f7f7;
        text-decoration: none
    }

    a.ccm-panel-add-block-draggable-block-type.ccm-block-edit-drag.ccm-block-edit-dragging .ccm-block-icon-wrapper,
    a.ccm-panel-add-container-item.ccm-block-edit-drag.ccm-block-edit-dragging .ccm-block-icon-wrapper {
        height: 82px
    }

    #ccm-panel-add-blocktypes-list.ccm-stacked-list header {
        padding-bottom: 7px
    }

    #ccm-panel-add-blocktypes-list.ccm-stacked-list .ccm-block-set {
        margin: 10px 0
    }

    #ccm-panel-add-blocktypes-list.ccm-stacked-list ul li {
        display: block;
        float: none;
        margin: 0 0 10px;
        width: 100%
    }

    #ccm-panel-add-blocktypes-list.ccm-stacked-list a,
    a.ccm-panel-add-block-draggable-block-type.ccm-stacked-list {
        align-items: center;
        display: flex;
        padding: 2px;
        text-align: left;
        width: 100%
    }

    #ccm-panel-add-blocktypes-list.ccm-stacked-list a p,
    a.ccm-panel-add-block-draggable-block-type.ccm-stacked-list p {
        font-size: .785rem;
        line-height: 1.25;
        margin-bottom: 0
    }

    #ccm-panel-add-blocktypes-list.ccm-stacked-list a .ccm-block-icon-wrapper,
    a.ccm-panel-add-block-draggable-block-type.ccm-stacked-list .ccm-block-icon-wrapper {
        display: block;
        height: 32px;
        margin: 0 10px 0 0;
        width: 32px
    }

    #ccm-panel-add-blocktypes-list.ccm-stacked-list a .ccm-block-icon-wrapper>img,
    a.ccm-panel-add-block-draggable-block-type.ccm-stacked-list .ccm-block-icon-wrapper>img {
        max-height: 80%;
        max-width: 65%
    }

    #ccm-panel-add-block-stack-list {
        border-bottom: 2px solid #e9ecef;
        border-top: 2px solid #e9ecef
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-item {
        min-height: 49px
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item:not(:last-child),
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-item:not(:last-child) {
        border-bottom: 2px solid #e9ecef
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item .blocks {
        background: #fff;
        padding: 20px 0
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item .blocks .block {
        padding-left: 25px;
        padding-right: 25px
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item .blocks .block:not(:last-child) {
        border-bottom: 1px solid #e9ecef;
        padding-bottom: 20px
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item .blocks .block:not(:first-child) {
        margin-top: 10px
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item .blocks .block-name {
        font-size: .875rem;
        font-weight: 600
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item .blocks .block-content {
        border: 1px solid #e9ecef;
        height: 180px;
        margin-left: 15px;
        margin-top: 10px;
        overflow: hidden;
        padding: 5px
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item .blocks .block-content iframe {
        border: 0;
        height: 400px;
        overflow: hidden;
        transform: scale(.75);
        transform-origin: 0 0;
        width: 270px
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-item {
        border-bottom-width: 0
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item-handle,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-item-handle {
        align-items: center;
        display: inline-flex;
        width: calc(100% - 11px)
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item-handle svg,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-item-handle svg {
        fill: #6a6f7b;
        margin-right: 5px;
        max-height: 24px;
        width: 30px
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item-expanded,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-item-expanded {
        border-color: transparent
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item-expanded .stack-name-inner,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-item-expanded .stack-name-inner {
        font-weight: 600
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item-expanded .ccm-stack-expander i:before,
    #ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item-expanded .ccm-stack-folder-expander i:before,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-item-expanded .ccm-stack-expander i:before,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-item-expanded .ccm-stack-folder-expander i:before {
        content: ""
    }

    #ccm-panel-add-block-stack-list .stack-name-inner {
        margin-right: -15px
    }

    #ccm-panel-add-block-stack-list .ccm-stack-expander,
    #ccm-panel-add-block-stack-list .ccm-stack-folder-expander {
        color: #6a6f7b;
        padding-top: 3px;
        width: 11px
    }

    #ccm-panel-add-block-stack-list .ccm-stack-expander i,
    #ccm-panel-add-block-stack-list .ccm-stack-folder-expander i {
        font-size: 18px
    }

    #ccm-panel-add-block-stack-list .ccm-stack-expander:hover,
    #ccm-panel-add-block-stack-list .ccm-stack-folder-expander:hover {
        text-decoration: none
    }

    #ccm-panel-add-block-stack-list .stack-folder-name,
    #ccm-panel-add-block-stack-list .stack-name {
        align-items: center;
        display: flex;
        padding: 10px 0 10px 25px
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-item .stack-folder-name,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-item .stack-name,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-list .stack-folder-name,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-list .stack-name {
        margin-left: 20px
    }

    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-item .ccm-panel-add-block-stack-item .stack-folder-name,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-item .ccm-panel-add-block-stack-item .stack-name,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-item .ccm-panel-add-folder-stack-item .stack-folder-name,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-item .ccm-panel-add-folder-stack-item .stack-name,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-block-stack-item .stack-folder-name,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-block-stack-item .stack-name,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-item .stack-folder-name,
    #ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-list .ccm-panel-add-folder-stack-item .stack-name {
        margin-left: 40px
    }

    a.ccm-panel-add-block-draggable-block-type .ccm-stack-dragging-wrapper {
        align-items: center;
        background-color: #e7e8eb;
        display: grid;
        height: 82px;
        justify-content: center
    }

    a.ccm-panel-add-block-draggable-block-type .ccm-stack-dragging-wrapper svg {
        max-height: 24px;
        max-width: 24px
    }

    section#ccm-panel-page-versions a.ccm-panel-page-versions-menu-launcher svg {
        height: 4px;
        width: 16px
    }

    section#ccm-panel-page-versions a.ccm-panel-page-versions-menu-launcher.ccm-menu-item-active svg {
        fill: #4a90e2
    }

    section#ccm-panel-page-versions a.ccm-panel-page-versions-version-info svg {
        height: 18px;
        width: 18px
    }

    section#ccm-panel-page-versions table {
        border-collapse: separate;
        border-spacing: 0 10px;
        font-size: .9rem;
        margin-bottom: 90px;
        width: 100%
    }

    section#ccm-panel-page-versions table td,
    section#ccm-panel-page-versions table th {
        background-color: #e7e8eb;
        padding: .5rem;
        vertical-align: top
    }

    section#ccm-panel-page-versions table span.ccm-panel-page-versions-version-id {
        font-weight: 700
    }

    section#ccm-panel-page-versions table td.ccm-panel-page-versions-details {
        position: relative
    }

    section#ccm-panel-page-versions table td.ccm-panel-page-versions-details div.ccm-panel-page-versions-actions {
        position: absolute;
        right: .5rem;
        top: .25rem
    }

    section#ccm-panel-page-versions table td.ccm-panel-page-versions-details div.ccm-panel-page-versions-actions a {
        margin-left: .5rem
    }

    section#ccm-panel-page-versions table tr.ccm-panel-page-version-approved td {
        background-color: #4a90e2;
        color: #fff
    }

    section#ccm-panel-page-versions table tr.ccm-panel-page-version-approved td a svg,
    section#ccm-panel-page-versions table tr.ccm-panel-page-version-approved td a.ccm-hover-icon svg {
        fill: #fff !important
    }

    section#ccm-panel-page-versions table div.ccm-panel-page-versions-status {
        min-height: 2.5rem
    }

    section#ccm-panel-page-versions table div.ccm-panel-page-versions-more-info {
        height: 0;
        overflow: hidden
    }

    section#ccm-panel-page-versions table p {
        margin-bottom: .3333333333rem
    }

    div#ccm-panel-detail-page-versions div.ccm-panel-detail-content {
        height: 100%;
        padding: 0;
        width: 100%
    }

    div#ccm-panel-detail-page-versions div.ccm-panel-detail-content iframe {
        background: transparent;
        box-sizing: border-box;
        height: 100%;
        margin: 0;
        padding: 0;
        top: 0;
        width: 100%
    }

    #ccm-panel-page-design .ccm-ui .h5,
    #ccm-panel-page-design h5,
    .ccm-ui #ccm-panel-page-design .h5 {
        font-size: 1.2rem
    }

    #ccm-panel-page-design .ccm-panel-content-inner {
        border-top: 1px solid #e9ecef;
        margin-top: 16px;
        padding: 0
    }

    #ccm-panel-page-design .ccm-panel-content-inner .ccm-panel-page-design-title {
        color: #4c4f56;
        font-weight: 700
    }

    .ccm-panel-page-design-page-group {
        padding: 25px 10px 10px 34px
    }

    .ccm-panel-page-design-page-group .form-check {
        margin: 22px 0
    }

    .ccm-panel-page-design-page-group .form-check label {
        display: block
    }

    .ccm-panel-page-design-page-group .form-check label img {
        float: right !important;
        height: auto;
        width: 25px
    }

    #ccm-panel-page-design-themes {
        padding: 18px 10px 10px 34px
    }

    #ccm-panel-page-design-themes .ccm-page-design-theme-thumbnail {
        margin: 20px 0
    }

    #ccm-panel-page-design-themes .ccm-page-design-theme-thumbnail span>i>img {
        border: 1px solid #e9ecef;
        height: auto;
        width: 225px
    }

    #ccm-panel-page-design-themes .ccm-page-design-theme-thumbnail.ccm-page-design-theme-thumbnail-selected img {
        border: 1px solid #4a90e2
    }

    .ccm-ui div#ccm-panel-check-in .h5,
    div#ccm-panel-check-in .ccm-ui .h5,
    div#ccm-panel-check-in h5 {
        margin-bottom: 0
    }

    div#ccm-panel-check-in .ccm-panel-content-inner {
        padding-left: 20px;
        padding-right: 20px
    }

    div#ccm-panel-check-in .ccm-panel-check-in-comments {
        padding: 10px 0 25px
    }

    div#ccm-panel-check-in textarea {
        height: 66px;
        width: 100%
    }

    div#ccm-panel-check-in .ccm-panel-check-in-publish {
        margin-bottom: 30px
    }

    #ccm-check-in-schedule-wrapper .form-group {
        margin-top: .75rem;
        padding-left: 0
    }

    #ccm-check-in-schedule-wrapper span.ccm-input-date-wrapper {
        display: block;
        margin-bottom: 8px;
        width: 100%
    }

    #ccm-check-in-schedule-wrapper span.ccm-input-date-wrapper input {
        width: 100%
    }

    #ccm-check-in-schedule-wrapper span.ccm-input-time-wrapper select {
        width: 66px
    }

    #ccm-check-in-schedule-wrapper span.ccm-input-date-wrapper input,
    #ccm-check-in-schedule-wrapper span.ccm-input-time-wrapper select {
        border-radius: 2px;
        font-size: .875rem;
        height: calc(1.5em + .5rem + 4px);
        line-height: 1.5;
        padding: .25rem .5rem
    }

    #ccm-check-in-schedule-wrapper .help-block {
        font-size: .75rem
    }

    div.light-panel-calendar {
        width: 13.4rem
    }

    #ccm-panel-detail-page-composer fieldset {
        border-bottom: 1px solid #e9ecef;
        padding-bottom: 35px
    }

    #ccm-panel-detail-page-composer fieldset:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }

    .ccm-page-panel-locations form {
        margin-left: 20px !important
    }

    .ccm-page-panel-locations table td,
    .ccm-page-panel-locations table th {
        padding: 10px
    }

    .ccm-page-panel-locations table td:first-child,
    .ccm-page-panel-locations table th:first-child {
        padding-left: 0
    }

    .ccm-panel-add-clipboard-block-item,
    .ccm-panel-add-orphaned-block-item {
        border-bottom: 1px solid #e9ecef;
        margin: 5px 0;
        padding-bottom: 5px
    }

    .ccm-panel-add-clipboard-block-item:first-of-type,
    .ccm-panel-add-orphaned-block-item:first-of-type {
        border-top: 1px solid #e9ecef;
        padding-top: 5px
    }

    .ccm-panel-add-clipboard-block-item:last-of-type,
    .ccm-panel-add-orphaned-block-item:last-of-type {
        border-bottom: 0
    }

    .ccm-panel-add-clipboard-block-item .block-content .block,
    .ccm-panel-add-orphaned-block-item .block-content .block {
        clear: both
    }

    .ccm-panel-add-clipboard-block-item .block-content .block-name span.handle,
    .ccm-panel-add-orphaned-block-item .block-content .block-name span.handle {
        font-size: .875rem
    }

    .ccm-panel-add-clipboard-block-item .block-content .ccm-panel-add-block-draggable-block-type,
    .ccm-panel-add-orphaned-block-item .block-content .ccm-panel-add-block-draggable-block-type {
        background-color: #fff;
        border: 1px solid #e9ecef;
        cursor: grab;
        margin: 5px 30px;
        max-height: 120px;
        min-height: 120px;
        overflow: hidden
    }

    .ccm-panel-add-clipboard-block-item .block-content .ccm-panel-add-block-draggable-block-type .block-content-inner,
    .ccm-panel-add-orphaned-block-item .block-content .ccm-panel-add-block-draggable-block-type .block-content-inner {
        margin-right: -280px;
        transform: scale(.45);
        transform-origin: top left
    }

    .ccm-delete-clipboard-item:hover,
    .ccm-delete-orphaned-block-item:hover {
        text-decoration: none !important
    }

    #ccm-panel-detail-mobile-preview>.ccm-panel-detail-content {
        background: hsla(0, 0%, 100%, .4);
        text-align: center
    }

    #ccm-panel-detail-mobile-preview>.ccm-panel-detail-content>.ccm-device-preview {
        display: inline-block
    }

    #ccm-panel-detail-mobile-preview iframe.ccm-display-frame {
        background: #fff;
        border: 0;
        box-shadow: inset 0 0 3px #000
    }

    #ccm-panel-detail-mobile-preview .ccm-device-orientation-portrait .ccm-device-iphone13 {
        background: url(../img/devices/iphone/iphone13.png) no-repeat;
        padding: 75px 38px 62px 39px
    }

    #ccm-panel-detail-mobile-preview .ccm-device-orientation-portrait .ccm-device-iphone6 {
        background: url(../img/devices/iphone/iphone6.png) no-repeat;
        padding: 108px 28px
    }

    #ccm-panel-detail-mobile-preview .ccm-device-orientation-portrait .ccm-device-iphone6-plus {
        background: url(../img/devices/iphone/iphone6plus.png) no-repeat;
        padding: 108px 28px
    }

    #ccm-panel-detail-mobile-preview .ccm-device-orientation-portrait .ccm-device-iphone5 {
        background: url(../img/devices/iphone/iphone5.png) no-repeat;
        padding: 119px 33px
    }

    #ccm-panel-detail-mobile-preview .ccm-device-orientation-portrait .ccm-device-iphone4 {
        background: url(https://tokugawaen.heritage.jp/concre../img/devices/iphone/iphone4.png) no-repeat;
        padding: 256px 56px
    }

    #ccm-panel-detail-mobile-preview .ccm-device-orientation-portrait .ccm-device-galaxys5 {
        background: url(../img/devices/galaxy/s5.png) no-repeat;
        padding: 79px 26px
    }

    #ccm-panel-detail-mobile-preview .ccm-device-orientation-portrait .ccm-device-ipad {
        background: url(../img/devices/ipad/ipad.png) no-repeat;
        padding: 112px 58px
    }

    #ccm-panel-detail-mobile-preview .ccm-device-orientation-landscape .ccm-device-iphone13 {
        background: url(../img/devices/iphone/iphone13-landscape.png) no-repeat;
        padding: 38px 76px 38px 62px
    }

    #ccm-panel-detail-mobile-preview .ccm-device-orientation-landscape .ccm-device-iphone6 {
        background: url(../img/devices/iphone/iphone6-landscape.png) no-repeat;
        padding: 28px 108px
    }

    #ccm-panel-detail-mobile-preview .ccm-device-orientation-landscape .ccm-device-iphone6-plus {
        background: url(../img/devices/iphone/iphone6plus-landscape.png) no-repeat;
        padding: 28px 108px
    }

    #ccm-panel-detail-mobile-preview .ccm-device-orientation-landscape .ccm-device-iphone5 {
        background: url(../img/devices/iphone/iphone5-landscape.png) no-repeat;
        padding: 33px 119px
    }

    #ccm-panel-detail-mobile-preview .ccm-device-orientation-landscape .ccm-device-iphone4 {
        background: url(https://tokugawaen.heritage.jp/concre../img/devices/iphone/iphone4-landscape.png) no-repeat;
        padding: 56px 256px
    }

    #ccm-panel-detail-mobile-preview .ccm-device-orientation-landscape .ccm-device-galaxys5 {
        background: url(../img/devices/galaxy/s5-landscape.png) no-repeat;
        padding: 26px 79px
    }

    #ccm-panel-detail-mobile-preview .ccm-device-orientation-landscape .ccm-device-ipad {
        background: url(../img/devices/ipad/ipad-landscape.png) no-repeat;
        padding: 58px 112px
    }

    #ccm-panel-page-devices .panel-page-devices-title {
        color: #4c4f56;
        font-weight: 700;
        margin-bottom: .25rem
    }

    div.ccm-menu-device-set ul {
        list-style-type: none;
        margin-left: 0;
        padding-left: 0
    }

    div.ccm-menu-device-set ul li {
        margin: 0 0 5px;
        padding: 0
    }

    div.ccm-menu-device-set .ccm-device-select {
        text-align: left
    }

    div.ccm-menu-device-set .ccm-device-select .ccm-panel-device-name {
        font-weight: 700
    }

    div.ccm-menu-device-set .ccm-device-select .ccm-panel-device-name .ccm-panel-device-name-label {
        display: inline-block;
        padding-left: 5px
    }

    div.ccm-menu-device-set .ccm-device-select .ccm-panel-device-name .ccm-panel-device-name-icon {
        display: inline-block;
        width: 5px
    }

    div.ccm-menu-device-set .ccm-device-select .ccm-panel-device-resolution {
        font-size: 12px;
        font-weight: 300
    }

    div.preview-frame-container {
        background: #fff;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
        min-height: 600px;
        position: relative
    }

    div.preview-frame-container iframe {
        background: #fff;
        border: 0
    }

    div#ccm-view-as-user-wrapper span.ccm-input-date-wrapper {
        display: block;
        margin-bottom: 8px
    }

    div#ccm-view-as-user-wrapper input.ccm-input-date {
        width: 100%
    }

    div#ccm-view-as-user-wrapper .ccm-input-time-wrapper {
        flex-flow: nowrap;
        width: 100%
    }

    div#ccm-view-as-user-wrapper .ccm-input-time-wrapper select {
        flex-grow: 1;
        padding: .5rem;
        width: auto
    }

    div#ccm-view-as-user-wrapper .separator {
        margin-right: 0;
        padding-left: 1px;
        padding-right: 5px
    }

    div#ccm-panel-dashboard menu.ccm-panel-dashboard-favorites-menu {
        border-top-width: 0;
        margin-top: 0;
        padding-top: 0
    }

    div#ccm-panel-dashboard .ccm-panel-dashboard-footer {
        border-top: 1px solid #c6cbcf;
        margin: 9px 0 !important;
        padding: 27px 21px 9px 24px
    }

    div#ccm-panel-dashboard .nav li {
        padding-left: 24px
    }

    div.ccm-ui iframe.ccm-summary-templates-preview {
        border: 0;
        height: 0;
        overflow: hidden;
        width: 100%
    }

    div.ccm-workflow-dialog-approve-page-preview {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    div.ccm-workflow-dialog-approve-page-preview>.tab-content,
    div.ccm-workflow-dialog-approve-page-preview>.tab-content>.tab-pane {
        height: 100%
    }

    div.ccm-workflow-dialog-approve-page-preview>.tab-content>.tab-pane>iframe {
        border: 0;
        height: 100%;
        width: 100%
    }

    div.ccm-area {
        border: 2px solid #e6e6e6;
        border-radius: 2px;
        margin-bottom: 50px
    }

    div.ccm-area,
    div.ccm-area .ccm-area-block-list {
        transition: all .5s cubic-bezier(.19, 1, .22, 1)
    }

    div.ccm-area .ccm-area-block-dropzone-active {
        margin-bottom: -8px;
        margin-top: -8px
    }

    div.ccm-area .ccm-area-block-dropzone-active .ccm-area-block-dropzone-inner {
        border: 2px solid transparent;
        height: 10px;
        margin-bottom: 2px;
        margin-top: 2px
    }

    div.ccm-area .ccm-area-block-dropzone-over .ccm-area-block-dropzone-inner {
        border: 2px solid #0c6
    }

    div.ccm-area-footer {
        bottom: -2px;
        left: 0;
        max-width: 100%;
        position: absolute;
        text-align: center;
        transform: translateY(100%);
        transition: all .5s cubic-bezier(.19, 1, .22, 1);
        width: 100%;
        z-index: 2
    }

    div.ccm-area-footer div.ccm-area-footer-handle {
        background-color: #fff;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        box-shadow: 0 1px 1px 0 rgba(65, 69, 73, .3), 0 1px 3px 1px rgba(65, 69, 73, .15);
        color: #888;
        display: inline-flex;
        font-size: 12px;
        font-weight: 700;
        line-height: 12px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding: 8px 12px;
        text-transform: uppercase;
        transition: all .5s cubic-bezier(.19, 1, .22, 1)
    }

    div.ccm-area-footer div.ccm-area-footer-handle i {
        margin-right: 6px
    }

    div.ccm-area-footer div.ccm-area-footer-handle.ccm-menu-item-hover {
        background-color: var(--bs-tertiary-bg);
        color: #28a745
    }

    div.ccm-global-area {
        border-color: rgba(168, 193, 205, .5)
    }

    div.ccm-global-area div.ccm-area-footer div.ccm-area-footer-handle {
        background-color: #e3f2f8
    }

    div.ccm-global-area div.ccm-area-footer div.ccm-area-footer-handle.ccm-menu-item-hover {
        background-color: var(--bs-tertiary-bg);
        color: #4a90e2
    }

    div.ccm-block-edit.ccm-block-edit-layout {
        margin-bottom: 25px;
        outline-color: #eee1d4;
        padding: 25px 0
    }

    div.ccm-layout-area {
        border-color: #eee1d4;
        margin-bottom: 25px
    }

    div.ccm-layout-area div.ccm-area-footer div.ccm-area-footer-handle {
        background-color: #faf2ec
    }

    div.ccm-layout-area div.ccm-area-footer div.ccm-area-footer-handle.ccm-menu-item-hover {
        background-color: #fae8db;
        color: #7f5023
    }

    div.ccm-block-edit.ccm-block-edit-container {
        margin-bottom: 25px;
        outline-color: #e6ceef;
        padding: 25px 0
    }

    div.ccm-container-area {
        border-color: #e6ceef;
        margin-bottom: 25px
    }

    div.ccm-container-area div.ccm-area-footer div.ccm-area-footer-handle {
        background-color: #fcf3ff
    }

    div.ccm-container-area div.ccm-area-footer div.ccm-area-footer-handle.ccm-menu-item-hover {
        background-color: #f6defc;
        color: #725278
    }

    div.ccm-area[data-total-blocks="0"] {
        min-height: 50px
    }

    div.ccm-area[data-total-blocks="0"].ccm-area-drag-block-type-over,
    div.ccm-area[data-total-blocks="0"].ccm-menu-item-hover {
        border-color: #28a745
    }

    div.ccm-area[data-total-blocks="0"].ccm-area-drag-block-type-over div.ccm-area-footer-handle,
    div.ccm-area[data-total-blocks="0"].ccm-menu-item-hover div.ccm-area-footer-handle {
        border-color: #0c6
    }

    div.ccm-area[data-total-blocks="0"].ccm-area-drag-block-type-over div.ccm-area-footer-handle span,
    div.ccm-area[data-total-blocks="0"].ccm-menu-item-hover div.ccm-area-footer-handle span {
        opacity: 1 !important
    }

    div.ccm-area[data-total-blocks="0"].ccm-area-drag-block-type-over.ccm-global-area,
    div.ccm-area[data-total-blocks="0"].ccm-menu-item-hover.ccm-global-area {
        border-color: #4a90e2
    }

    div.ccm-area[data-total-blocks="0"].ccm-area-drag-block-type-over.ccm-layout-area,
    div.ccm-area[data-total-blocks="0"].ccm-menu-item-hover.ccm-layout-area {
        border-color: #f8ae67
    }

    div.ccm-area[data-total-blocks="0"].ccm-area-drag-block-type-over.ccm-container-area,
    div.ccm-area[data-total-blocks="0"].ccm-menu-item-hover.ccm-container-area {
        border-color: #b45fc6
    }

    div.ccm-area.ccm-area-highlight {
        border-color: #28a745
    }

    div.ccm-area.ccm-area-highlight .ccm-area-block-list {
        opacity: .5
    }

    div.ccm-area.ccm-area-highlight>div.ccm-area-footer div.ccm-area-footer-handle {
        background-color: #28a745;
        color: #fff
    }

    div.ccm-area.ccm-global-area.ccm-area-highlight {
        border-color: #4a90e2 !important
    }

    div.ccm-area.ccm-global-area.ccm-area-highlight>div.ccm-area-footer div.ccm-area-footer-handle {
        background-color: #4a90e2 !important;
        color: #fff
    }

    div.ccm-area.ccm-layout-area.ccm-area-highlight {
        border-color: #f8ae67 !important
    }

    div.ccm-area.ccm-layout-area.ccm-area-highlight>div.ccm-area-footer div.ccm-area-footer-handle {
        background-color: #f39b43 !important;
        color: #fff
    }

    div.ccm-area.ccm-container-area.ccm-area-highlight {
        border-color: #b45fc6 !important
    }

    div.ccm-area.ccm-container-area.ccm-area-highlight>div.ccm-area-footer div.ccm-area-footer-handle {
        background-color: #b45fc6 !important;
        color: #fff
    }

    div.ccm-area[data-total-blocks="0"].ccm-area-highlight {
        border-color: #28a745
    }

    div#ccm-menu-highlighter.ccm-area-highlight {
        background-color: #ffff76;
        opacity: .1
    }

    div.ccm-edit-mode-title-notch-wrapper {
        position: relative;
        text-align: center;
        top: -1px
    }

    ul.ccm-edit-mode-title-notch {
        background-color: #fff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        box-shadow: 0 -1px 1px 0 rgba(65, 69, 73, .3), 0 -1px 3px 1px rgba(65, 69, 73, .15);
        color: #888;
        cursor: pointer;
        display: inline-flex;
        font-size: 12px;
        font-weight: 700;
        line-height: 12px;
        list-style-type: none;
        margin: 50px 0 0;
        padding: 8px 12px !important;
        transition: all .5s cubic-bezier(.19, 1, .22, 1);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        z-index: 2
    }

    ul.ccm-edit-mode-title-notch.ccm-edit-mode-title-notch-container {
        background-color: #fcf3ff
    }

    ul.ccm-edit-mode-title-notch.ccm-edit-mode-title-notch-container.ccm-menu-item-hover {
        background-color: #f6defc;
        color: #725278
    }

    ul.ccm-edit-mode-title-notch.ccm-edit-mode-title-notch-container.ccm-edit-mode-title-notch-highlight {
        background-color: #b45fc6 !important;
        color: #fff
    }

    ul.ccm-edit-mode-title-notch.ccm-edit-mode-title-notch-container.ccm-edit-mode-title-notch-highlight img {
        filter: brightness(0) invert(1)
    }

    ul.ccm-edit-mode-title-notch.ccm-edit-mode-title-notch-container.ccm-edit-mode-title-notch-highlight i {
        color: #fff
    }

    ul.ccm-edit-mode-title-notch.ccm-edit-mode-title-notch-layout {
        background-color: #faf2ec
    }

    ul.ccm-edit-mode-title-notch.ccm-edit-mode-title-notch-layout.ccm-menu-item-hover {
        background-color: #fae8db;
        color: #7f5023
    }

    ul.ccm-edit-mode-title-notch.ccm-edit-mode-title-notch-layout.ccm-edit-mode-title-notch-highlight {
        background-color: #f39b43 !important;
        color: #fff
    }

    ul.ccm-edit-mode-title-notch i {
        font-size: 14px
    }

    ul.ccm-edit-mode-title-notch li {
        display: flex;
        line-height: 12px;
        margin-right: 6px
    }

    ul.ccm-edit-mode-title-notch li:last-child {
        margin-right: 0
    }

    ul.ccm-edit-mode-title-notch li img {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        max-height: 12px
    }

    ul.ccm-edit-mode-title-notch li span {
        margin-left: 6px;
        margin-right: 6px;
        text-transform: uppercase
    }

    ul.ccm-edit-mode-title-notch li a {
        color: #666 !important;
        position: relative;
        z-index: 600
    }

    ul.ccm-edit-mode-title-notch li a.ccm-edit-mode-inline-command-move {
        cursor: move
    }

    ul.ccm-edit-mode-title-notch li a:hover {
        color: #4a90e2 !important
    }

    div.ccm-block-edit-container,
    div.ccm-block-edit-layout {
        transition: outline-color .5s cubic-bezier(.19, 1, .22, 1)
    }

    div.ccm-block-edit-container>*,
    div.ccm-block-edit-layout>* {
        transition: opacity .5s cubic-bezier(.19, 1, .22, 1)
    }

    div.ccm-block-edit.ccm-block-edit-container.ccm-block-edit-container-highlight {
        outline-color: #b45fc6 !important
    }

    div.ccm-block-edit.ccm-block-edit-container.ccm-block-edit-container-highlight>* {
        opacity: .4
    }

    div.ccm-block-edit.ccm-block-edit-layout.ccm-block-edit-layout-highlight {
        outline-color: #f8ae67 !important
    }

    div.ccm-block-edit.ccm-block-edit-layout.ccm-block-edit-layout-highlight>* {
        opacity: .4
    }

    div.ccm-form-block-design div.ccm-edit-mode-title-notch-wrapper {
        display: none
    }

    div.ccm-area-footer>.popover,
    div.ccm-edit-mode-title-notch-wrapper>.popover {
        position: absolute
    }

    ul.ccm-edit-mode-inline-commands {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 1px 1px 0 rgba(65, 69, 73, .3), 0 1px 3px 1px rgba(65, 69, 73, .15);
        font-size: 14px;
        left: 50%;
        list-style-type: none;
        margin: auto;
        opacity: 0;
        padding: 0 !important;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 600
    }

    ul.ccm-edit-mode-inline-commands li {
        align-items: center;
        margin: 0 !important;
        padding: 0 !important
    }

    ul.ccm-edit-mode-inline-commands li span {
        color: #888;
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
        line-height: 12px;
        padding-left: 4px;
        padding-right: 4px;
        text-transform: uppercase
    }

    ul.ccm-edit-mode-inline-commands li a {
        display: inline-block;
        font-weight: lighter;
        padding: 3px 6px;
        position: relative;
        text-align: center
    }

    ul.ccm-edit-mode-inline-commands li a i.fas {
        background-color: transparent;
        color: #666 !important;
        font-size: 14px
    }

    ul.ccm-edit-mode-inline-commands li a:hover i.fas {
        color: #4a90e2 !important
    }

    ul.ccm-edit-mode-inline-commands li a.ccm-edit-mode-inline-command-move {
        cursor: move
    }

    ul.ccm-edit-mode-inline-commands li a:hover {
        text-decoration: none !important
    }

    ul.ccm-edit-mode-inline-commands:hover {
        opacity: 1
    }

    div.ccm-block-edit.ccm-block-move-hover>div.ccm-block-cover {
        background-color: gray;
        opacity: .4
    }

    div.ccm-block-edit.ccm-menu-item-hover .ccm-block-cover,
    ul.ccm-edit-mode-inline-commands:hover .ccm-block-cover {
        background-color: gray;
        opacity: .2
    }

    div.ccm-block-edit.ccm-menu-item-hover.ccm-block-highlight .ccm-block-cover,
    ul.ccm-edit-mode-inline-commands:hover.ccm-block-highlight .ccm-block-cover {
        opacity: 0
    }

    div.ccm-block-edit.ccm-menu-item-hover>div.ccm-custom-style-container>ul.ccm-edit-mode-inline-commands,
    div.ccm-block-edit.ccm-menu-item-hover>ul.ccm-edit-mode-inline-commands {
        opacity: 1
    }

    div.ccm-block-edit.ccm-block-highlight>div.ccm-custom-style-container>ul.ccm-edit-mode-inline-commands,
    div.ccm-block-edit.ccm-block-highlight>ul.ccm-edit-mode-inline-commands {
        opacity: 0
    }

    div#ccm-menu-click-proxy {
        background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
        cursor: pointer;
        height: 0;
        opacity: 0;
        position: absolute;
        width: 0;
        z-index: 500
    }

    div#ccm-menu-highlighter {
        background-color: transparent;
        height: 0;
        position: absolute;
        transition: background-color .5s cubic-bezier(.19, 1, .22, 1);
        width: 0;
        z-index: 400
    }

    div.ccm-area,
    div.ccm-area-disabled,
    div.ccm-block-edit {
        opacity: 1;
        position: relative
    }

    div.ccm-area-disabled:after,
    div.ccm-area:after,
    div.ccm-block-edit:after {
        clear: both;
        content: "";
        display: block
    }

    div.ccm-block-type-sorting {
        background-color: hsla(0, 0%, 50%, .1);
        border: 1px solid #4c4f56;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);
        overflow: hidden;
        padding: 10px;
        transform: rotate(5 deg)
    }

    div.ccm-block-edit {
        min-height: 16px;
        opacity: 1;
        outline: 2px solid transparent;
        outline-offset: -1px;
        position: relative;
        transition: outline-color .5s cubic-bezier(.19, 1, .22, 1)
    }

    div.ccm-block-edit:after {
        clear: both;
        content: "";
        display: block
    }

    div.ccm-block-edit.ccm-block-highlight,
    div.ccm-block-edit.ccm-menu-item-hover {
        outline-color: #59ec59
    }

    div.ccm-global-area div.ccm-block-edit.ccm-block-highlight,
    div.ccm-global-area div.ccm-block-edit.ccm-menu-item-hover {
        outline-color: #80d0ec
    }

    div.ccm-area.ccm-area-inline-edit-disabled {
        outline-color: transparent
    }

    div.ccm-area.ccm-area-inline-edit-disabled div.ccm-area-footer {
        display: none
    }

    div.ccm-area.ccm-area-inline-edit-disabled div.ccm-block-edit {
        opacity: .4
    }

    div.ccm-area.ccm-area-inline-edit-disabled div.ccm-block-edit-container,
    div.ccm-area.ccm-area-inline-edit-disabled div.ccm-block-edit-layout {
        opacity: 1
    }

    div.ccm-area.ccm-area-inline-edit-disabled div.ccm-block-edit-inline-active {
        opacity: 1;
        outline: 2px solid #59ec59;
        outline-offset: -1px
    }

    div#ccm-menu-highlighter.ccm-block-highlight {
        background-color: #59ec59;
        opacity: .4
    }

    div#ccm-menu-highlighter.ccm-block-highlight.ccm-global-area-block-highlight {
        background-color: #80d0ec;
        outline: 2px solid #4a90e2
    }

    #ccm-popover-menu-container div.popover .dropdown-menu {
        border: 0;
        box-shadow: none !important;
        display: block;
        float: none !important;
        margin: 0 !important;
        padding: 0;
        position: static
    }

    #ccm-popover-menu-container div.popover .dropdown-menu .dropdown-item:first-child {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

    #ccm-popover-menu-container div.popover .dropdown-menu .dropdown-item:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }

    div.ccm-area-drag-area {
        height: 0;
        line-height: 0 !important;
        transition: none
    }

    div.ccm-area-drag-area span {
        display: none
    }

    div.ccm-area[data-total-blocks="0"] div.ccm-area-drag-area {
        color: #bbb;
        display: block;
        padding: 24px;
        text-align: center !important
    }

    div.ccm-area[data-total-blocks="0"] div.ccm-area-drag-area span {
        display: inline-block
    }

    html.ccm-block-dragging div.ccm-area.ccm-area-accepts-block-drag-payload>div.ccm-area-block-list>div.ccm-area-drag-area {
        background-color: rgba(255, 255, 118, .3);
        height: 24px;
        transition: height 1s cubic-bezier(.19, 1, .22, 1), background-color .2s cubic-bezier(.19, 1, .22, 1), border-color .2s cubic-bezier(.19, 1, .22, 1), box-shadow .4s cubic-bezier(.19, 1, .22, 1)
    }

    html.ccm-block-dragging div.ccm-area.ccm-area-accepts-block-drag-payload>div.ccm-area-block-list>div.ccm-area-drag-area.ccm-area-drag-area-selectable {
        background-color: rgba(89, 236, 89, .4);
        box-shadow: 0 0 30px 0 rgba(74, 144, 226, .7);
        color: #333
    }

    a.ccm-block-edit-drag,
    a.ccm-panel-add-block-draggable-block-type-dragger {
        bottom: 0;
        cursor: grab;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1000000
    }

    a.ccm-block-edit-drag.pep-active,
    a.ccm-panel-add-block-draggable-block-type-dragger.pep-active,
    body>a.ccm-block-edit-drag,
    body>a.ccm-panel-add-block-draggable-block-type-dragger {
        cursor: grabbing
    }

    div.ccm-edit-mode-disabled-item {
        background-color: #f1f1f1;
        border: 1px solid #dadada;
        color: #666;
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 1rem;
        font-weight: 200;
        padding: 10px;
        text-align: center
    }

    div.ccm-block-edit>div.ccm-block-cover {
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: all .2s cubic-bezier(.19, 1, .22, 1);
        width: 100%
    }

    html.ccm-edit-mode {
        scroll-behavior: auto
    }

    #ccm-inline-toolbar-container {
        box-sizing: border-box;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity .3s ease-in;
        width: 100%;
        z-index: 1150
    }

    #ccm-inline-toolbar-container.ccm-inline-toolbar-affixed {
        background-color: rgba(0, 0, 0, .4);
        padding: 10px 0;
        position: fixed;
        top: 0 !important
    }

    .light-tooltip .tooltip-inner {
        background-color: var(--bs-body-bg);
        border-color: #d8d8d8;
        box-shadow: 0 1px 1px 0 rgba(65, 69, 73, .3), 0 1px 3px 1px rgba(65, 69, 73, .15);
        color: #4c4f56;
        font-weight: 700
    }

    .light-tooltip .tooltip-arrow:before {
        border-bottom-color: var(--bs-body-bg);
        border-top-color: var(--bs-body-bg)
    }

    .ccm-ui div.ccm-dropdown-menu,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu {
        background-color: var(--bs-body-bg);
        border: 0 solid transparent;
        border-radius: 5px;
        line-height: 1.5;
        min-width: 265px;
        padding: 20px;
        text-align: left
    }

    .ccm-ui div.ccm-dropdown-menu.ccm-inline-design-dropdown-menu-doubled,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu.ccm-inline-design-dropdown-menu-doubled {
        min-width: 522px
    }

    .ccm-ui div.ccm-dropdown-menu .ui-widget-content,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu .ui-widget-content {
        border: 0 !important
    }

    .ccm-ui div.ccm-dropdown-menu .bootstrap-select .filter-option,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu .bootstrap-select .filter-option {
        max-width: 300px
    }

    .ccm-ui div.ccm-dropdown-menu .form-label,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu .form-label {
        font-size: .875rem;
        font-weight: 700;
        height: 30px;
        line-height: 30px;
        margin: 0
    }

    .ccm-ui div.ccm-dropdown-menu .ccm-inline-style-slider-display-value,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu .ccm-inline-style-slider-display-value {
        display: inline-block;
        margin-left: 5%;
        text-align: left;
        vertical-align: text-bottom;
        width: 25%
    }

    .ccm-ui div.ccm-dropdown-menu .ccm-inline-style-slider-display-value input[type=text],
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu .ccm-inline-style-slider-display-value input[type=text] {
        height: 25.1875px;
        margin-bottom: 0;
        margin-top: 0;
        outline: none;
        padding: 0 10px;
        text-align: center;
        width: 100%
    }

    .ccm-ui div.ccm-dropdown-menu .ccm-inline-style-slider-display-value input[type=text].ccm-slider-value-unit-appended,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu .ccm-inline-style-slider-display-value input[type=text].ccm-slider-value-unit-appended {
        width: 80%
    }

    .ccm-ui div.ccm-dropdown-menu .ccm-inline-style-sliders,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu .ccm-inline-style-sliders {
        display: inline-block;
        vertical-align: middle;
        width: 60%
    }

    .ccm-ui div.ccm-dropdown-menu .ccm-inline-style-sliders.ui-slider-horizontal,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu .ccm-inline-style-sliders.ui-slider-horizontal {
        margin-bottom: 15px
    }

    .ccm-ui div.ccm-dropdown-menu a.ui-slider-handle,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu a.ui-slider-handle {
        background-color: #888 !important;
        border-radius: 7px;
        cursor: pointer
    }

    .ccm-ui div.ccm-dropdown-menu a.ui-slider-handle:focus,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu a.ui-slider-handle:focus {
        background-color: #666;
        outline: none
    }

    .ccm-ui div.ccm-dropdown-menu .ui-slider-horizontal,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu .ui-slider-horizontal {
        background: #eee;
        border-radius: 4px;
        margin-bottom: 5px;
        margin-top: 5px
    }

    .ccm-ui div.ccm-dropdown-menu input[type=text],
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu input[type=text] {
        border-radius: 3px;
        font-size: .875rem;
        margin-bottom: 15px;
        margin-top: 5px;
        padding: 5px 10px
    }

    .ccm-ui div.ccm-dropdown-menu .ccm-inline-select-container,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu .ccm-inline-select-container {
        position: relative
    }

    .ccm-ui div.ccm-dropdown-menu .h3,
    .ccm-ui div.ccm-dropdown-menu h3,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu .h3,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu h3 {
        font-size: 1rem;
        font-weight: 700;
        margin: 0 0 20px
    }

    .ccm-ui div.ccm-dropdown-menu hr,
    .ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu hr {
        border-color: #ccc;
        margin-bottom: 14px;
        margin-top: 14px
    }

    .ccm-inline-toolbar {
        background-color: #f7f7f7;
        border-radius: 2px;
        display: table;
        height: 31px;
        line-height: 0;
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
        position: relative;
        z-index: 1150
    }

    .ccm-inline-toolbar fieldset {
        all: unset;
        margin: 0 !important;
        padding: 0 !important;
        width: 100%
    }

    .ccm-inline-toolbar fieldset legend {
        all: unset !important;
        color: #7f8d90 !important;
        font-weight: 600 !important;
        margin-bottom: 5px !important
    }

    .ccm-inline-toolbar fieldset .clearfix {
        clear: both
    }

    .ccm-inline-toolbar fieldset .form-group {
        margin-bottom: 0;
        padding-left: 0 !important
    }

    .ccm-inline-toolbar fieldset .form-group .ccm-widget-colorpicker {
        float: right
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper {
        clear: both;
        display: block;
        width: 100%
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input-group.input-group-sm {
        display: inline-flex;
        height: 34px;
        margin: 0;
        padding: 0;
        width: 38%
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input-group.input-group-sm input {
        margin: 0
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #d8d8d8;
        background-color: transparent;
        background-image: linear-gradient(#4a90e2, #4a90e2);
        background-repeat: no-repeat;
        background-size: 0 100%;
        height: 1.5rem;
        padding: 0;
        width: 100%
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]:focus {
        outline: 0
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]::-moz-focus-outer {
        border: 0
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        background-color: #4a90e2;
        border: 0;
        border-radius: 1rem;
        box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
        height: 1rem;
        margin-top: -.25rem;
        -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        width: 1rem
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]::-webkit-slider-thumb {
            -webkit-transition: none;
            transition: none
        }
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]::-webkit-slider-thumb:active {
        background-color: #c9def6
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]::-webkit-slider-runnable-track {
        background-color: var(--bs-secondary-bg);
        border-color: transparent;
        border-radius: 1rem;
        box-shadow: var(--bs-box-shadow-inset);
        color: transparent;
        cursor: pointer;
        height: .5rem;
        width: 100%
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]::-moz-range-thumb {
        -moz-appearance: none;
        appearance: none;
        background-color: #4a90e2;
        border: 0;
        border-radius: 1rem;
        box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
        height: 1rem;
        -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        width: 1rem
    }

    @media(prefers-reduced-motion:reduce) {
        .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]::-moz-range-thumb {
            -moz-transition: none;
            transition: none
        }
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]::-moz-range-thumb:active {
        background-color: #c9def6
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]::-moz-range-track {
        background-color: var(--bs-secondary-bg);
        border-color: transparent;
        border-radius: 1rem;
        box-shadow: var(--bs-box-shadow-inset);
        color: transparent;
        cursor: pointer;
        height: .5rem;
        width: 100%
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]:disabled {
        pointer-events: none
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]:disabled::-webkit-slider-thumb {
        background-color: var(--bs-secondary-color)
    }

    .ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type=range]:disabled::-moz-range-thumb {
        background-color: var(--bs-secondary-color)
    }

    .ccm-inline-toolbar>li {
        border-bottom: 1px solid #c4c4c4;
        border-right: 1px solid #e1e1e1;
        border-top: 1px solid #c4c4c4;
        display: table-cell;
        font-size: 1rem !important;
        list-style: none;
        margin: 0;
        outline: none;
        padding: 3px 8px;
        vertical-align: middle
    }

    .ccm-inline-toolbar>li:first-child {
        border-bottom-left-radius: 3px;
        border-left: 1px solid #c4c4c4;
        border-top-left-radius: 3px
    }

    .ccm-inline-toolbar>li:last-child {
        border-bottom-right-radius: 3px;
        border-right: 0;
        border-top-right-radius: 3px
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-icon-cell {
        padding: 0;
        position: relative;
        text-align: center;
        width: 30px
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-icon-cell>a {
        color: #6a6f7b;
        cursor: pointer;
        display: block;
        height: 100%;
        text-decoration: none;
        transition: background-color .25s ease-in-out
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-icon-cell>a i {
        display: inline-block;
        font-size: .875rem;
        line-height: 33px
    }

    .ccm-inline-toolbar li.ccm-inline-toolbar-icon-cell>a:hover {
        background-color: #e9ecef
    }

    .ccm-inline-toolbar li.ccm-inline-toolbar-icon-selected .btn,
    .ccm-inline-toolbar li.ccm-inline-toolbar-icon-selected .btn:hover a:hover,
    .ccm-inline-toolbar li.ccm-inline-toolbar-icon-selected a {
        background-color: #4a90e2
    }

    .ccm-inline-toolbar li.ccm-inline-toolbar-icon-selected .btn i,
    .ccm-inline-toolbar li.ccm-inline-toolbar-icon-selected .btn:hover a:hover i,
    .ccm-inline-toolbar li.ccm-inline-toolbar-icon-selected a i {
        color: #fff
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-button {
        background: transparent;
        padding: 0
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-button .btn {
        background: #f3f3f3;
        border: 0;
        border-radius: 0;
        color: #333;
        display: inline-block;
        font-size: .875rem;
        height: 33px;
        padding: 0 20px;
        text-align: center;
        width: 100%
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-button .btn.btn-primary {
        background: #4a90e2;
        color: #fff
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-select {
        background-image: linear-gradient(180deg, #fff, #f1f1f1);
        padding: 0
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-select .form-group {
        all: unset
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-select .form-group label {
        all: unset;
        color: #333;
        font-size: .875rem;
        font-weight: 700;
        height: 33px;
        line-height: 33px;
        padding: 0 10px
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-select .bootstrap-select {
        background: transparent;
        float: right;
        width: auto !important
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-select .bootstrap-select .btn.dropdown-toggle {
        background: transparent;
        border: 0 !important;
        border-radius: 0;
        box-shadow: none !important;
        color: #333;
        display: inline-block;
        font-size: .875rem;
        font-weight: 400 !important;
        height: 33px;
        line-height: 33px;
        margin: 0;
        outline: none !important;
        padding: 0 20px;
        text-align: center;
        width: 100%
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-select .bootstrap-select .btn.dropdown-toggle:hover,
    .ccm-inline-toolbar>li.ccm-inline-toolbar-select .bootstrap-select .btn.dropdown-toggle[aria-expanded=true] {
        background-image: linear-gradient(180deg, #f3f3f3, #d2d2d2);
        box-shadow: inset 1px 1px 5px -1px rgba(0, 0, 0, .35) !important;
        transition: none
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-button-cancel button {
        background-image: linear-gradient(180deg, #f3f3f3, #eaeaea)
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-button-cancel button:hover {
        background-color: #fff;
        background-image: none
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-button-save {
        border: 1px solid #007cce !important
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-button-save button {
        background-image: linear-gradient(180deg, #09f, #0094f6);
        background: #09f;
        color: #fff
    }

    .ccm-inline-toolbar>li.ccm-inline-toolbar-button-save button:hover {
        background-color: #007cce;
        background-image: none
    }

    .ccm-inline-toolbar li.ccm-inline-toolbar-icon-cell>div.ccm-dropdown-menu,
    .ccm-inline-toolbar toolbar-section-widget,
    .ccm-inline-toolbar toolbar-section-widget>* {
        display: none
    }

    .ccm-inline-toolbar li.ccm-inline-toolbar-icon-cell>div.ccm-dropdown-menu.active {
        box-shadow: 0 1px 1px 0 rgba(65, 69, 73, .3), 0 1px 3px 1px rgba(65, 69, 73, .15);
        display: block;
        margin-top: 2px;
        position: absolute
    }

    #ccm-theme-grid-edit-mode-row-wrapper {
        position: relative
    }

    #ccm-layouts-edit-mode {
        outline: 1px solid #4deb4d;
        outline-offset: 5px
    }

    #ccm-layouts-edit-mode:after {
        clear: both;
        content: "";
        display: block
    }

    #ccm-layouts-edit-mode .ccm-layout-column {
        float: left
    }

    #ccm-layouts-edit-mode .ccm-layout-column-highlight {
        border-collapse: collapse;
        min-height: 80px;
        padding-top: 1px
    }

    #ccm-layouts-edit-mode.ccm-layouts-edit-mode-edit .ccm-layout-column-highlight {
        background-color: #fffff2;
        border: 1px solid #02cc67
    }

    #ccm-layouts-edit-mode.ccm-layouts-edit-mode-add .ccm-layout-column-highlight {
        background-color: #f5fafe;
        border: 1px solid #6fb0db
    }

    div.ccm-area-layout-control-bar-wrapper {
        background: #4deb4d;
        border-radius: 4px 4px 0 0;
        height: 6px;
        line-height: 6px;
        margin: 10px -6px 6px;
        padding-left: 6px;
        padding-right: 6px;
        position: relative;
        z-index: 1150
    }

    div.ccm-area-layout-control-bar {
        background: #4deb4d;
        border: 0;
        border-radius: 0;
        height: 6px;
        line-height: 6px
    }

    div.ccm-area-layout-control-bar .ui-slider-handle {
        background: #b3feb3;
        border: 1px solid #53ba98;
        border-radius: 2px;
        cursor: move;
        height: 12px;
        width: 12px
    }

    div.ccm-menu-item-hover>div.ccm-area-layout-control-bar {
        background: #0c6
    }

    div.ccm-block-edit-layout {
        min-height: 50px
    }

    div.ccm-area-layout-control-bar-add {
        height: 0
    }

    div.ccm-area-layout-control-bar i {
        left: -2px;
        position: absolute;
        top: -2px
    }

    div#ccm-theme-grid-edit-mode-row-wrapper div.row,
    div#ccm-theme-grid-temp div.row {
        position: relative
    }

    div.ccm-theme-customizer div.sp-dd {
        display: none
    }

    div.ccm-theme-customizer div.sp-preview {
        margin-right: 0
    }

    div.ccm-theme-customizer .flyout-menu-form .bootstrap-select {
        width: 100% !important
    }

    div#ccm-toolbar .tour-highlight a,
    div#ccm-toolbar .tour-highlight.ccm-toolbar-search {
        background-color: #d6e6ee;
        background-image: linear-gradient(180deg, #d6e6ee, #b8dcee);
        color: #136cc0
    }

    .ccm-ui .ccm-help-tour {
        background-color: #4c4f56;
        border-color: #4c4f56;
        font-size: 1rem;
        padding: 15px
    }

    .ccm-ui .ccm-help-tour .h3,
    .ccm-ui .ccm-help-tour h3 {
        font-size: 1.05rem;
        margin-bottom: .3rem
    }

    .ccm-ui .ccm-help-tour[data-popper-placement^=top] .popover-arrow:after,
    .ccm-ui .ccm-help-tour[data-popper-placement^=top] .popover-arrow:before {
        border-top-color: #4c4f56
    }

    .ccm-ui .ccm-help-tour[data-popper-placement^=bottom] .popover-arrow:after,
    .ccm-ui .ccm-help-tour[data-popper-placement^=bottom] .popover-arrow:before {
        border-bottom-color: #4c4f56
    }

    .ccm-ui .ccm-help-tour[data-popper-placement^=left] .popover-arrow:after,
    .ccm-ui .ccm-help-tour[data-popper-placement^=left] .popover-arrow:before {
        border-left-color: #4c4f56
    }

    .ccm-ui .ccm-help-tour[data-popper-placement^=right] .popover-arrow:after,
    .ccm-ui .ccm-help-tour[data-popper-placement^=right] .popover-arrow:before {
        border-right-color: #4c4f56
    }

    .ccm-ui .ccm-help-tour .bs-popover-auto[x-placement^=top]>.arrow:after,
    .ccm-ui .ccm-help-tour.bs-popover-auto[data-popper-placement^=top]>.arrow:after,
    .ccm-ui .ccm-help-tour.bs-popover-top>.arrow:after {
        border-top-color: #4c4f56
    }

    .ccm-ui .ccm-help-tour .bs-popover-auto[x-placement^=right]>.arrow:after,
    .ccm-ui .ccm-help-tour.bs-popover-right>.arrow:after {
        border-right-color: #4c4f56
    }

    .ccm-ui .ccm-help-tour .bs-popover-auto[x-placement^=bottom]>.arrow:after,
    .ccm-ui .ccm-help-tour.bs-popover-auto[data-popper-placement^=bottom]>.arrow:after,
    .ccm-ui .ccm-help-tour.bs-popover-bottom>.arrow:after {
        border-bottom-color: #4c4f56
    }

    .ccm-ui .ccm-help-tour .bs-popover-auto[x-placement^=left]>.arrow:after,
    .ccm-ui .ccm-help-tour.bs-popover-left>.arrow:after {
        border-left-color: #4c4f56
    }

    .ccm-ui .ccm-help-tour .ccm-help-tour-close {
        color: #fff;
        font-size: 1rem;
        position: absolute;
        right: 15px;
        top: 15px
    }

    .ccm-ui .ccm-help-tour .ccm-help-tour-close,
    .ccm-ui .ccm-help-tour .ccm-help-tour-close:hover {
        text-decoration: none
    }

    .ccm-ui .ccm-help-tour .popover-body {
        color: #fff;
        max-width: 15rem;
        padding: 0
    }

    .ccm-ui .ccm-help-tour .ccm-help-tour-footer {
        margin-top: 1rem
    }

    .ccm-ui .ccm-help-tour .ccm-help-tour-position {
        color: #fff;
        float: left;
        font-size: 80%;
        margin-top: .3rem
    }

    .ccm-ui .ccm-help-tour .popover-navigation {
        color: #fff;
        float: right;
        font-size: 80%;
        margin: 0;
        padding: 0 !important
    }

    .ccm-ui .ccm-help-tour .popover-navigation .disabled {
        visibility: hidden
    }

    .ccm-ui .ccm-help-tour .popover-navigation a {
        color: #fff !important;
        margin-left: 1rem
    }

    .ccm-ui .ccm-help-tour .popover-navigation a:hover {
        text-decoration: underline
    }

    .ccm-ui .help-block {
        background-color: #ebf5fb;
        color: #4c4f56;
        display: block;
        font-style: italic;
        margin: 10px 0;
        padding: 10px 20px
    }

    .ccm-help-media {
        display: flex;
        margin-top: .5rem
    }

    .ccm-help-media>div {
        margin-right: 1rem
    }

    body>.pnotify.pnotify-positioned {
        position: fixed;
        z-index: 100040
    }

    body>.pnotify.pnotify-modal {
        z-index: 100042
    }

    .pnotify {
        display: none;
        height: auto;
        opacity: 0;
        transition: opacity .1s linear
    }

    .pnotify.pnotify-positioned {
        position: absolute;
        z-index: 1
    }

    .pnotify.pnotify-modal {
        z-index: 3
    }

    .pnotify.pnotify-in {
        display: block;
        opacity: 1
    }

    .pnotify.pnotify-initial {
        display: block
    }

    .pnotify-hidden {
        visibility: hidden
    }

    .pnotify.pnotify-move {
        transition: left .4s ease, top .4s ease, right .4s ease, bottom .4s ease
    }

    .pnotify.pnotify-fade-slow {
        opacity: 0;
        transition: opacity .4s linear
    }

    .pnotify.pnotify-fade-slow.pnotify.pnotify-move {
        transition: opacity .4s linear, left .4s ease, top .4s ease, right .4s ease, bottom .4s ease
    }

    .pnotify.pnotify-fade-normal {
        opacity: 0;
        transition: opacity .25s linear
    }

    .pnotify.pnotify-fade-normal.pnotify.pnotify-move {
        transition: opacity .25s linear, left .4s ease, top .4s ease, right .4s ease, bottom .4s ease
    }

    .pnotify.pnotify-fade-fast {
        opacity: 0;
        transition: opacity .1s linear
    }

    .pnotify.pnotify-fade-fast.pnotify.pnotify-move {
        transition: opacity .1s linear, left .4s ease, top .4s ease, right .4s ease, bottom .4s ease
    }

    .pnotify.pnotify-masking {
        display: block;
        -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent 30px, transparent);
        mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent 30px, transparent)
    }

    .pnotify.pnotify-masking.pnotify-stack-up {
        -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent 30px, transparent);
        mask-image: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent 30px, transparent)
    }

    .pnotify.pnotify-masking.pnotify-stack-left {
        -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, .8), transparent 30px, transparent);
        mask-image: linear-gradient(270deg, rgba(0, 0, 0, .8), transparent 30px, transparent)
    }

    .pnotify.pnotify-masking.pnotify-stack-right {
        -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .8), transparent 30px, transparent);
        mask-image: linear-gradient(90deg, rgba(0, 0, 0, .8), transparent 30px, transparent)
    }

    .pnotify.pnotify-fade-in,
    .pnotify.pnotify-masking-in {
        opacity: 1
    }

    .pnotify .pnotify-shadow {
        box-shadow: 0 6px 28px 0 rgba(0, 0, 0, .1)
    }

    .pnotify-container {
        background-position: 0 0;
        height: 100%;
        margin: 0;
        padding: .8em;
        position: relative
    }

    .pnotify-container:after {
        clear: both;
        content: " ";
        display: block;
        height: 0;
        visibility: hidden
    }

    .pnotify-closer,
    .pnotify-sticker {
        cursor: pointer;
        float: right;
        margin-left: .5em
    }

    [dir=rtl] .pnotify-closer,
    [dir=rtl] .pnotify-sticker {
        float: left;
        margin-left: 0;
        margin-right: .5em
    }

    .pnotify-title {
        display: block;
        margin-bottom: .4em;
        margin-top: 0;
        white-space: pre-line
    }

    .pnotify-text-with-max-height {
        overflow-y: auto;
        overscroll-behavior: contain;
        padding-bottom: .03em
    }

    .pnotify.pnotify-with-icon .pnotify-content {
        margin-left: 24px
    }

    [dir=rtl] .pnotify.pnotify-with-icon .pnotify-content {
        margin-left: 0;
        margin-right: 24px
    }

    .pnotify-pre-line {
        white-space: pre-line
    }

    .pnotify-icon,
    .pnotify-icon span {
        display: block;
        float: left
    }

    [dir=rtl] .pnotify-icon,
    [dir=rtl] .pnotify-icon span {
        float: right
    }

    .pnotify-modal-overlay {
        align-items: flex-end;
        background-color: rgba(0, 0, 0, .6);
        display: flex;
        height: 100%;
        justify-content: center;
        left: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        top: 0;
        transition: opacity .25s linear;
        width: 100%;
        z-index: 2
    }

    .pnotify-modal-overlay-up {
        align-items: flex-start
    }

    .pnotify-modal-overlay-left {
        align-items: center;
        justify-content: flex-start
    }

    .pnotify-modal-overlay-right {
        align-items: center;
        justify-content: flex-end
    }

    .pnotify-modal-overlay.pnotify-modal-overlay-in {
        opacity: 1
    }

    .pnotify-modal-overlay-closes:after {
        color: #fff;
        content: "×";
        font-family: Arial;
        font-size: 3rem;
        text-shadow: 0 0 .4rem #fff
    }

    body>.pnotify-modal-overlay {
        position: fixed;
        z-index: 100041
    }

    [data-pnotify] .pnotify-container {
        position: relative
    }

    [data-pnotify] .pnotify-mobile-animate-left {
        transition: left .1s ease
    }

    [data-pnotify] .pnotify-mobile-animate-top {
        transition: top .1s ease
    }

    @media(max-width:480px) {
        [data-pnotify].pnotify {
            -webkit-font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            -ms-font-smoothing: antialiased;
            font-smoothing: antialiased;
            font-size: 1.2em
        }

        body>[data-pnotify].pnotify {
            position: fixed
        }

        [data-pnotify].pnotify.pnotify-stack-down,
        [data-pnotify].pnotify.pnotify-stack-up {
            width: 100% !important
        }

        [data-pnotify].pnotify.pnotify-stack-left,
        [data-pnotify].pnotify.pnotify-stack-right {
            height: 100% !important
        }

        [data-pnotify].pnotify .pnotify-shadow {
            box-shadow: none
        }

        [data-pnotify].pnotify.pnotify-stack-down .pnotify-shadow {
            border-bottom-width: 5px
        }

        [data-pnotify].pnotify.pnotify-stack-up .pnotify-shadow {
            border-top-width: 5px
        }

        [data-pnotify].pnotify.pnotify-stack-right .pnotify-shadow {
            border-right-width: 5px
        }

        [data-pnotify].pnotify.pnotify-stack-left .pnotify-shadow {
            border-left-width: 5px
        }

        [data-pnotify].pnotify .pnotify-container {
            border-radius: 0
        }

        [data-pnotify].pnotify.pnotify-stack-down .pnotify-container,
        [data-pnotify].pnotify.pnotify-stack-up .pnotify-container {
            width: auto !important
        }

        [data-pnotify].pnotify.pnotify-stack-left .pnotify-container,
        [data-pnotify].pnotify.pnotify-stack-right .pnotify-container {
            height: 100% !important
        }
    }

    .ccm-notification {
        -webkit-font-smoothing: antialiased;
        border-radius: 3px;
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-size: 1rem;
        padding: .8rem 1rem
    }

    .ccm-notification div.ccm-notification-icon {
        align-items: center;
        display: flex;
        font-size: 1.6rem;
        justify-content: center;
        margin-right: .75rem;
        padding-top: .25rem
    }

    .ccm-notification div.ccm-notification-title {
        font-size: 1.3rem;
        margin-bottom: 0;
        padding: 0
    }

    .ccm-notification div.ccm-notification-title+div.ccm-notification-text {
        margin-top: .5rem
    }

    .ccm-notification div.ccm-notification-text {
        margin-top: .2rem
    }

    .ccm-notification div.ccm-notification-inner-buttons {
        margin-top: .5rem
    }

    .ccm-notification div.ccm-notification-inner-buttons a,
    .ccm-notification div.ccm-notification-inner-buttons button {
        border: 0;
        outline: 0
    }

    .ccm-notification div.ccm-notification-inner-buttons a:focus,
    .ccm-notification div.ccm-notification-inner-buttons button:focus {
        box-shadow: none
    }

    .ccm-notification div.ccm-notification-inner-buttons .dropdown-menu>li>a {
        border-radius: 0;
        display: block
    }

    .pnotify.pnotify-with-icon .ccm-notification-content,
    .pnotify.pnotify-with-icon .ccm-notification-ml {
        margin-left: 0
    }

    [dir=rtl] .pnotify.pnotify-with-icon .ccm-notification-content,
    [dir=rtl] .pnotify.pnotify-with-icon .ccm-notification-ml {
        margin-left: 0;
        margin-right: 0
    }

    div.ccm-notification-info {
        background-color: #216fcc;
        color: #fff
    }

    .ccm-ui div.ccm-notification-info .h3,
    div.ccm-notification-info .ccm-notification-icon,
    div.ccm-notification-info .ccm-ui .h3,
    div.ccm-notification-info h3 {
        color: #fff
    }

    div.ccm-notification-success {
        background-color: #1c7430;
        color: #fff
    }

    .ccm-ui div.ccm-notification-success .h3,
    div.ccm-notification-success .ccm-notification-icon,
    div.ccm-notification-success .ccm-ui .h3,
    div.ccm-notification-success h3 {
        color: #fff
    }

    div.ccm-notification-danger {
        background-color: #8f1f1f;
        color: #fff
    }

    .ccm-ui div.ccm-notification-danger .h3,
    div.ccm-notification-danger .ccm-notification-icon,
    div.ccm-notification-danger .ccm-ui .h3,
    div.ccm-notification-danger h3 {
        color: #fff
    }

    div#ccm-popup-alert-message {
        word-wrap: break-word
    }

    .ccm-notifications-box {
        background: #fff;
        bottom: 0;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
        max-width: 100%;
        padding: 10px;
        position: fixed;
        right: 30px;
        width: 380px;
        z-index: 840
    }

    @media only screen and (max-width:768px) {
        .ccm-notifications-box {
            left: 0;
            right: 0;
            width: 100vw
        }
    }

    .ccm-notifications-box-header {
        font-weight: 600;
        height: 25px;
        position: relative;
        text-transform: uppercase
    }

    .ccm-notifications-box-header>div[data-bs-toggle] {
        cursor: pointer
    }

    .ccm-notifications-box-body {
        max-height: 400px;
        overflow-y: hidden
    }

    .ccm-notifications-box-body.show {
        overflow-y: auto
    }

    .ccm-notifications-box-body>.ccm-notification-elem {
        margin-top: 10px;
        position: static
    }

    .ccm-notifications-box-body .pnotify-closer {
        display: none
    }

    .ccm-notifications-box-close {
        height: 24px;
        position: absolute;
        right: 0;
        top: -1px;
        width: 24px
    }

    .ccm-notifications-box-close svg {
        fill: #7c8088;
        height: 24px;
        transition: fill .1s ease-in-out;
        width: 24px
    }

    .ccm-notifications-box-close:hover svg {
        fill: #4a90e2
    }

    #nprogress {
        pointer-events: none
    }

    #nprogress .bar {
        background: #29d;
        height: 2px;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10000
    }

    #nprogress .peg {
        box-shadow: 0 0 10px #29d, 0 0 5px #29d;
        display: block;
        height: 100%;
        opacity: 1;
        position: absolute;
        right: 0;
        transform: rotate(3deg) translateY(-4px);
        width: 100px
    }

    #nprogress .spinner {
        display: none
    }

    .nprogress-custom-parent {
        overflow: hidden;
        position: relative
    }

    .nprogress-custom-parent #nprogress .bar,
    .nprogress-custom-parent #nprogress .spinner {
        position: absolute
    }

    @keyframes nprogress-spinner {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    .ccm-ui #fancytree-drop-marker.fancytree-drop-over {
        display: none !important
    }

    .ccm-ui div.ccm-sitemap-tree-selector-wrapper {
        margin-bottom: 1em
    }

    .ccm-ui div.ccm-sitemap-tree-selector-wrapper div.ccm-sitemap-tree-selector-option img {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle
    }

    .ccm-ui div.ccm-sitemap-tree {
        background-color: transparent;
        border: 0
    }

    .ccm-ui div.ccm-sitemap-tree .ccm-page-home img {
        margin-right: 5px;
        margin-top: 9px
    }

    .ccm-ui ul.ui-fancytree {
        background-color: transparent;
        border: 0;
        display: inline-block;
        font-size: 16px;
        margin: 0;
        padding: 0
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] {
        display: block;
        width: auto
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node {
        margin: 0;
        padding: 0
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drag-source {
        background-color: transparent !important
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-active span.fancytree-title {
        background-color: #4a90e2;
        border-color: transparent;
        color: #fff
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-active span.fancytree-custom-icon.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-active span.fancytree-custom-icon.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-active span.fancytree-expander.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-active span.fancytree-expander.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-active span.fancytree-icon.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-active span.fancytree-icon.icon-folder:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20' xml:space='preserve'%3E%3Cpath style='fill:none' d='M18 6H9.2l-2-2H2v12h16z'/%3E%3Cpath d='M18 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-8L8 2H2C.9 2 0 2.9 0 4v12c0 1.1.9 2 2 2h16zM2 4h5.2l2 2H18v10H2V4z' style='fill:%234a90e2'/%3E%3C/svg%3E")
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-active span.fancytree-custom-icon.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-active span.fancytree-expander.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-active span.fancytree-icon.icon-home:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 26 26' style='enable-background:new 0 0 26 26' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:%234a90e2}%3C/style%3E%3Cg id='Layer_2'%3E%3Cg id='Layer_1-2'%3E%3Cpath class='st0' d='M23.4 10.9 13.3 3c-.2-.1-.4-.1-.5 0L2.6 10.9c-.2.1-.2.4-.1.6.2.2.4.2.6.1l.6-.5v11.6c0 .2.2.4.4.4h6.2v-7.9h5.3v7.9h6.2c.2 0 .4-.2.4-.4V11.1l.6.5c.1.1.2.1.3.1.1 0 .2-.1.3-.2.2-.2.2-.4 0-.6zM20 4.6h-2.6v.5L20 7.2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-active span.fancytree-custom-icon.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-active span.fancytree-expander.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-active span.fancytree-icon.icon-page:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20' xml:space='preserve'%3E%3Cstyle%3E.st1{fill:%234a90e2}%3C/style%3E%3Cg id='Layer_2'%3E%3Cg id='Layer_1-2'%3E%3Cpath d='M16 7h-5V2H4v16h12V7zm-2 9H6v-2h8v2zm0-4H6v-2h8v2z' style='fill:none'/%3E%3Cpath class='st1' d='M16 20c1.1 0 2-.9 2-2V6l-6-6H4C2.9 0 2 .9 2 2v16c0 1.1.9 2 2 2h12zM4 2h7v5h5v11H4V2z'/%3E%3Cpath class='st1' d='M6 14h8v2H6zM6 10h8v2H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-checkbox,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-expander {
        cursor: pointer
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-checkbox,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-custom-icon,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-expander,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-icon {
        display: inline-block;
        height: 30px;
        margin: 0;
        padding: 0;
        position: relative;
        width: 30px
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-checkbox:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-custom-icon:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-expander:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-icon:before {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 70%;
        height: 30px;
        line-height: 30px;
        position: absolute;
        text-align: center;
        width: 30px
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-checkbox.fa-spinner:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-custom-icon.fa-spinner:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-expander.fa-spinner:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-icon.fa-spinner:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46' style='enable-background:new 0 0 46 46' xml:space='preserve'%3E%3Cpath fill='%234C4F56' d='M46 22.9c0-12.7-10.3-23-23-23S0 10.2 0 22.9m3.9 0C3.9 12.4 12.4 3.8 23 3.8s19.1 8.6 19.1 19.1'/%3E%3C/svg%3E");
        content: " "
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-checkbox.fa-angle-right:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-checkbox.fa-caret-right:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-custom-icon.fa-angle-right:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-custom-icon.fa-caret-right:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-expander.fa-angle-right:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-expander.fa-caret-right:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-icon.fa-angle-right:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-icon.fa-caret-right:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:%234c4f56}%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath d='M16 2H2v14h14Zm-2 8h-4v4H8v-4H4V8h4V4h2v4h4Z' style='fill:none'/%3E%3Cpath class='cls-2' d='M16 18a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2ZM2 2h14v14H2Z'/%3E%3Cpath class='cls-2' d='M10 4H8v4H4v2h4v4h2v-4h4V8h-4V4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-size: 45%;
        content: " "
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-checkbox.fa-caret-down:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-custom-icon.fa-caret-down:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-expander.fa-caret-down:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-icon.fa-caret-down:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:%234c4f56}%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath d='M2 16h14V2H2Zm2-8h10v2H4Z' style='fill:none'/%3E%3Cpath class='cls-2' d='M16 0H2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Zm0 16H2V2h14Z'/%3E%3Cpath class='cls-2' d='M4 8h10v2H4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-size: 45%;
        content: " "
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-checkbox.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-custom-icon.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-expander.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-icon.icon-home:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 26 26' style='enable-background:new 0 0 26 26' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:%234c4f56}%3C/style%3E%3Cg id='Layer_2'%3E%3Cg id='Layer_1-2'%3E%3Cpath class='st0' d='M23.4 10.9 13.3 3c-.2-.1-.4-.1-.5 0L2.6 10.9c-.2.1-.2.4-.1.6.2.2.4.2.6.1l.6-.5v11.6c0 .2.2.4.4.4h6.2v-7.9h5.3v7.9h6.2c.2 0 .4-.2.4-.4V11.1l.6.5c.1.1.2.1.3.1.1 0 .2-.1.3-.2.2-.2.2-.4 0-.6zM20 4.6h-2.6v.5L20 7.2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        content: " "
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-checkbox.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-checkbox.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-custom-icon.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-custom-icon.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-expander.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-expander.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-icon.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-icon.icon-folder:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20' xml:space='preserve'%3E%3Cpath style='fill:none' d='M18 6H9.2l-2-2H2v12h16z'/%3E%3Cpath d='M18 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-8L8 2H2C.9 2 0 2.9 0 4v12c0 1.1.9 2 2 2h16zM2 4h5.2l2 2H18v10H2V4z' style='fill:%234c4f56'/%3E%3C/svg%3E");
        content: " "
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-checkbox.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-custom-icon.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-expander.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-icon.icon-page:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20' xml:space='preserve'%3E%3Cstyle%3E.st1{fill:%234c4f56}%3C/style%3E%3Cg id='Layer_2'%3E%3Cg id='Layer_1-2'%3E%3Cpath d='M16 7h-5V2H4v16h12V7zm-2 9H6v-2h8v2zm0-4H6v-2h8v2z' style='fill:none'/%3E%3Cpath class='st1' d='M16 20c1.1 0 2-.9 2-2V6l-6-6H4C2.9 0 2 .9 2 2v16c0 1.1.9 2 2 2h12zM4 2h7v5h5v11H4V2z'/%3E%3Cpath class='st1' d='M6 14h8v2H6zM6 10h8v2H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        content: " "
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover span.fancytree-title,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target span.fancytree-title,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node:not(.fancytree-active) span.fancytree-title:hover {
        background-color: #ebf5fb;
        border-color: transparent;
        color: #4c4f56
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-custom-icon.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-custom-icon.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-expander.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-expander.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-icon.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-icon.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-custom-icon.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-custom-icon.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-expander.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-expander.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-icon.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-icon.icon-folder:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' xml:space='preserve'%3E%3Cpath fill='none' d='M22.5 7.5h-11L9 5H2.5v15h20z'/%3E%3Cpath fill='%234C4F56' d='M22.5 22.5c1.375 0 2.5-1.125 2.5-2.5V7.5C25 6.125 23.875 5 22.5 5h-10L10 2.5H2.5A2.507 2.507 0 0 0 0 5v15c0 1.375 1.125 2.5 2.5 2.5h20zM2.5 5H9l2.5 2.5h11V20h-20V5z'/%3E%3Ccircle fill='%23FFF' cx='4.821' cy='4.699' r='4.705'/%3E%3Ccircle fill='%234A90E2' cx='4.821' cy='4.699' r='3.732'/%3E%3Cpath fill='%23FFF' d='M4.254 5.266H2.443a.236.236 0 0 1-.229-.229v-.676c0-.121.107-.229.229-.229h1.811V2.31c0-.121.107-.216.229-.216h.676c.121 0 .229.095.229.216v1.822h1.821c.121 0 .217.108.217.229v.676c0 .121-.096.229-.217.229H5.388v1.799c0 .119-.108.215-.229.215h-.677c-.121 0-.229-.096-.229-.215V5.266z'/%3E%3C/svg%3E") !important
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-custom-icon.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-expander.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-icon.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-custom-icon.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-expander.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-icon.icon-home:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' xml:space='preserve'%3E%3Cg fill='%234C4F56'%3E%3Cpath d='m22.5 10.481-9.711-7.596c-.192-.096-.385-.096-.481 0L2.5 10.481c-.192.096-.192.384-.096.577.192.192.385.192.577.096l.577-.481v11.154c0 .192.192.384.385.384h5.961v-7.596H15v7.596h5.961a.412.412 0 0 0 .385-.384V10.673l.577.481c.097.096.192.096.288.096.097 0 .193-.096.289-.192.192-.193.192-.385 0-.577zM19.23 4.423h-2.5v.481l2.5 2.019z'/%3E%3C/g%3E%3Ccircle fill='%23FFF' cx='7.821' cy='6.699' r='4.705'/%3E%3Ccircle fill='%234A90E2' cx='7.821' cy='6.699' r='3.732'/%3E%3Cpath fill='%23FFF' d='M7.254 7.266H5.443a.236.236 0 0 1-.229-.229v-.676c0-.121.107-.229.229-.229h1.811V4.31c0-.121.107-.216.229-.216h.676c.121 0 .229.095.229.216v1.822h1.821c.121 0 .217.108.217.229v.676c0 .121-.096.229-.217.229H8.388v1.799c0 .119-.108.215-.229.215h-.677c-.121 0-.229-.096-.229-.215V7.266z'/%3E%3C/svg%3E") !important
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-custom-icon.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-expander.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-icon.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-custom-icon.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-expander.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after):not(.fancytree-active) span.fancytree-icon.icon-page:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' xml:space='preserve'%3E%3Cpath fill='none' d='M20 8.75h-6.25V2.5H5v20h15V8.75zM17.5 20h-10v-2.5h10V20zm0-5h-10v-2.5h10V15z'/%3E%3Cpath fill='%234C4F56' d='M20 25c1.375 0 2.5-1.125 2.5-2.5v-15L15 0H5a2.507 2.507 0 0 0-2.5 2.5v20C2.5 23.875 3.625 25 5 25h15zM5 2.5h8.75v6.25H20V22.5H5v-20z'/%3E%3Cpath fill='%234C4F56' d='M7.5 17.5h10V20h-10zM7.5 12.5h10V15h-10z'/%3E%3Ccircle fill='%23FFF' cx='4.821' cy='4.699' r='4.705'/%3E%3Ccircle fill='%234A90E2' cx='4.821' cy='4.699' r='3.732'/%3E%3Cpath fill='%23FFF' d='M4.254 5.266H2.443a.236.236 0 0 1-.229-.229v-.676c0-.121.107-.229.229-.229h1.811V2.31c0-.121.107-.216.229-.216h.676c.121 0 .229.095.229.216v1.822h1.821c.121 0 .217.108.217.229v.676c0 .121-.096.229-.217.229H5.388v1.799c0 .119-.108.215-.229.215h-.677c-.121 0-.229-.096-.229-.215V5.266z'/%3E%3C/svg%3E") !important
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after).fancytree-active span.fancytree-custom-icon.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after).fancytree-active span.fancytree-custom-icon.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after).fancytree-active span.fancytree-expander.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after).fancytree-active span.fancytree-expander.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after).fancytree-active span.fancytree-icon.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after).fancytree-active span.fancytree-icon.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after).fancytree-active span.fancytree-custom-icon.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after).fancytree-active span.fancytree-custom-icon.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after).fancytree-active span.fancytree-expander.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after).fancytree-active span.fancytree-expander.icon-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after).fancytree-active span.fancytree-icon.fa-folder:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after).fancytree-active span.fancytree-icon.icon-folder:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' xml:space='preserve'%3E%3Cpath fill='none' d='M22.5 7.5h-11L9 5H2.5v15h20z'/%3E%3Cpath fill='%234A90E2' d='M22.5 22.5c1.375 0 2.5-1.125 2.5-2.5V7.5C25 6.125 23.875 5 22.5 5h-10L10 2.5H2.5A2.507 2.507 0 0 0 0 5v15c0 1.375 1.125 2.5 2.5 2.5h20zM2.5 5H9l2.5 2.5h11V20h-20V5z'/%3E%3Ccircle fill='%23FFF' cx='4.821' cy='4.699' r='4.705'/%3E%3Ccircle fill='%234A90E2' cx='4.821' cy='4.699' r='3.732'/%3E%3Cpath fill='%23FFF' d='M4.254 5.266H2.443a.236.236 0 0 1-.229-.229v-.676c0-.121.107-.229.229-.229h1.811V2.31c0-.121.107-.216.229-.216h.676c.121 0 .229.095.229.216v1.822h1.821c.121 0 .217.108.217.229v.676c0 .121-.096.229-.217.229H5.388v1.799c0 .119-.108.215-.229.215h-.677c-.121 0-.229-.096-.229-.215V5.266z'/%3E%3C/svg%3E") !important
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after).fancytree-active span.fancytree-custom-icon.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after).fancytree-active span.fancytree-expander.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after).fancytree-active span.fancytree-icon.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after).fancytree-active span.fancytree-custom-icon.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after).fancytree-active span.fancytree-expander.icon-home:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after).fancytree-active span.fancytree-icon.icon-home:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' xml:space='preserve'%3E%3Cpath fill='%234C4F56' d='m22.5 10.481-9.711-7.596c-.192-.096-.385-.096-.481 0L2.5 10.481c-.192.096-.192.384-.096.577.192.192.385.192.577.096l.577-.481v11.154c0 .192.192.384.385.384h5.961v-7.596H15v7.596h5.961a.412.412 0 0 0 .385-.384V10.673l.577.481c.097.096.192.096.288.096.097 0 .193-.096.289-.192.192-.193.192-.385 0-.577z'/%3E%3Cpath fill='%234A90E2' d='M19.23 4.423h-2.5v.481l2.5 2.019z'/%3E%3Ccircle fill='%23FFF' cx='7.821' cy='6.699' r='4.705'/%3E%3Ccircle fill='%234A90E2' cx='7.821' cy='6.699' r='3.732'/%3E%3Cpath fill='%23FFF' d='M7.254 7.266H5.443a.236.236 0 0 1-.229-.229v-.676c0-.121.107-.229.229-.229h1.811V4.31c0-.121.107-.216.229-.216h.676c.121 0 .229.095.229.216v1.822h1.821c.121 0 .217.108.217.229v.676c0 .121-.096.229-.217.229H8.388v1.799c0 .119-.108.215-.229.215h-.677c-.121 0-.229-.096-.229-.215V7.266z'/%3E%3C/svg%3E") !important
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after).fancytree-active span.fancytree-custom-icon.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after).fancytree-active span.fancytree-expander.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover:not(.fancytree-drop-after).fancytree-active span.fancytree-icon.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after).fancytree-active span.fancytree-custom-icon.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after).fancytree-active span.fancytree-expander.icon-page:before,
    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target:not(.fancytree-drop-after).fancytree-active span.fancytree-icon.icon-page:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' xml:space='preserve'%3E%3Cpath fill='none' d='M20 8.75h-6.25V2.5H5v20h15V8.75zM17.5 20h-10v-2.5h10V20zm0-5h-10v-2.5h10V15z'/%3E%3Cpath fill='%234A90E2' d='M20 25c1.375 0 2.5-1.125 2.5-2.5v-15L15 0H5a2.507 2.507 0 0 0-2.5 2.5v20C2.5 23.875 3.625 25 5 25h15zM5 2.5h8.75v6.25H20V22.5H5v-20z'/%3E%3Cpath fill='%234C4F56' d='M7.5 17.5h10V20h-10zM7.5 12.5h10V15h-10z'/%3E%3Ccircle fill='%23FFF' cx='4.821' cy='4.699' r='4.705'/%3E%3Ccircle fill='%234A90E2' cx='4.821' cy='4.699' r='3.732'/%3E%3Cpath fill='%23FFF' d='M4.254 5.266H2.443a.236.236 0 0 1-.229-.229v-.676c0-.121.107-.229.229-.229h1.811V2.31c0-.121.107-.216.229-.216h.676c.121 0 .229.095.229.216v1.822h1.821c.121 0 .217.108.217.229v.676c0 .121-.096.229-.217.229H5.388v1.799c0 .119-.108.215-.229.215h-.677c-.121 0-.229-.096-.229-.215V5.266z'/%3E%3C/svg%3E") !important
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node span.fancytree-title {
        background-color: transparent;
        border-color: transparent;
        color: #4c4f56;
        height: 30px;
        letter-spacing: 0;
        line-height: 30px;
        margin: 0;
        padding: 0 10px
    }

    .ccm-ui ul.ui-fancytree li[role=treeitem] ul {
        display: inline-block;
        margin-left: 30px;
        padding: 0
    }

    /*!
    * Fancytree "bootstrap" skin.
    *
    * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
    * the LESS templates.
    */
    .fancytree-helper-hidden {
        display: none
    }

    .fancytree-helper-indeterminate-cb {
        color: #777
    }

    .fancytree-helper-disabled {
        color: #333
    }

    .fancytree-helper-spin {
        animation: spin 1s linear infinite
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(359deg)
        }
    }

    ul.fancytree-container {
        background-color: #fff;
        border: 1px dotted gray;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        margin: 0;
        min-height: 0;
        padding: 3px;
        position: relative;
        white-space: nowrap
    }

    ul.fancytree-container ul {
        padding: 0 0 0 16px
    }

    ul.fancytree-container ul>li:before {
        content: none
    }

    ul.fancytree-container li {
        -moz-background-inline-policy: continuous;
        background-attachment: scroll;
        -moz-background-clip: border;
        background-color: transparent;
        background-image: none;
        -moz-background-origin: padding;
        background-position: 0 0;
        background-repeat: repeat-y;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0
    }

    ul.fancytree-container li.fancytree-lastsib {
        background-image: none
    }

    .ui-fancytree-disabled ul.fancytree-container {
        background-color: silver;
        opacity: .5
    }

    ul.fancytree-connectors.fancytree-container li {
        background-image: url(https://tokugawaen.heritage.jp/concrete/skin-bootstrap/vline.gif);
        background-position: 0 0
    }

    ul.fancytree-container li.fancytree-lastsib,
    ul.fancytree-no-connector>li {
        background-image: none
    }

    li.fancytree-animating {
        position: relative
    }

    #fancytree-drop-marker,
    span.fancytree-checkbox,
    span.fancytree-drag-helper-img,
    span.fancytree-empty,
    span.fancytree-expander,
    span.fancytree-icon,
    span.fancytree-vline {
        background-position: 0 0;
        background-repeat: no-repeat;
        display: inline-block;
        height: 1em;
        vertical-align: top;
        width: 1em
    }

    span.fancytree-checkbox,
    span.fancytree-custom-icon,
    span.fancytree-expander,
    span.fancytree-icon {
        margin-top: 2px
    }

    span.fancytree-custom-icon {
        background-position: 0 0;
        display: inline-block;
        height: 1em;
        margin-left: .5em;
        width: 1em
    }

    img.fancytree-icon {
        border-style: none;
        height: 1em;
        margin-left: .5em;
        margin-top: 2px;
        vertical-align: top;
        width: 1em
    }

    span.fancytree-expander {
        cursor: pointer
    }

    .fancytree-exp-n span.fancytree-expander,
    .fancytree-exp-nl span.fancytree-expander {
        background-image: none;
        cursor: default
    }

    .fancytree-connectors .fancytree-exp-n span.fancytree-expander,
    .fancytree-connectors .fancytree-exp-nl span.fancytree-expander {
        margin-top: 0
    }

    .fancytree-fade-expander span.fancytree-expander {
        opacity: 0;
        transition: opacity 1.5s
    }

    .fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,
    .fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,
    .fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,
    .fancytree-fade-expander:hover span.fancytree-expander {
        opacity: 1;
        transition: opacity .6s
    }

    span.fancytree-checkbox {
        margin-left: .5em
    }

    .fancytree-unselectable span.fancytree-checkbox {
        filter: alpha(opacity=40);
        opacity: .4
    }

    .fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
        visibility: hidden
    }

    .fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
    .fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
    .fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,
    .fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
    .fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
    .fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
        visibility: unset
    }

    span.fancytree-icon {
        margin-left: .5em
    }

    .fancytree-loading span.fancytree-expander,
    .fancytree-loading span.fancytree-expander:hover,
    .fancytree-statusnode-loading span.fancytree-icon,
    .fancytree-statusnode-loading span.fancytree-icon:hover,
    span.fancytree-icon.fancytree-icon-loading {
        background-image: none
    }

    span.fancytree-node {
        display: inherit;
        margin-top: 0;
        min-height: 1em;
        width: 100%
    }

    span.fancytree-title {
        border: 1px solid transparent;
        border-radius: 3px;
        color: #333;
        cursor: pointer;
        display: inline-block;
        margin: 0 0 0 .5em;
        min-height: 1em;
        padding: 0 3px;
        vertical-align: top
    }

    span.fancytree-node.fancytree-error span.fancytree-title {
        color: #d9534f
    }

    span.fancytree-childcounter {
        background: #337ab7;
        border: 1px solid gray;
        border-radius: 10px;
        color: #fff;
        padding: 2px;
        text-align: center
    }

    div.fancytree-drag-helper span.fancytree-childcounter,
    div.fancytree-drag-helper span.fancytree-dnd-modifier {
        background: #337ab7;
        border: 1px solid gray;
        border-radius: 10px;
        color: #fff;
        display: inline-block;
        font-size: 9px;
        height: 10px;
        line-height: 1;
        min-width: 10px;
        padding: 2px;
        text-align: center;
        vertical-align: baseline
    }

    div.fancytree-drag-helper span.fancytree-childcounter {
        position: absolute;
        right: -6px;
        top: -6px
    }

    div.fancytree-drag-helper span.fancytree-dnd-modifier {
        background: #5cb85c;
        border: none;
        font-weight: bolder
    }

    #fancytree-drop-marker {
        margin: 0;
        position: absolute;
        width: 2em
    }

    #fancytree-drop-marker.fancytree-drop-after,
    #fancytree-drop-marker.fancytree-drop-before {
        width: 4em
    }

    span.fancytree-drag-source.fancytree-drag-remove {
        opacity: .15
    }

    .fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander,
    .fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander {
        background-image: none
    }

    ul.fancytree-container.fancytree-rtl ul {
        padding: 0 16px 0 0
    }

    ul.fancytree-container.fancytree-rtl.fancytree-connectors li {
        background-image: url(https://tokugawaen.heritage.jp/concrete/skin-bootstrap/vline-rtl.gif);
        background-position: right 0
    }

    ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,
    ul.fancytree-container.fancytree-rtl.fancytree-no-connector>li {
        background-image: none
    }

    table.fancytree-ext-table {
        border-collapse: collapse;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px
    }

    table.fancytree-ext-table span.fancytree-node {
        box-sizing: border-box;
        display: inline-block
    }

    table.fancytree-ext-table td.fancytree-status-merged {
        color: #333;
        font-style: italic;
        text-align: center
    }

    table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
        color: #d9534f
    }

    table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td {
        background-color: #eee
    }

    table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell {
        background-color: #cbe8f6
    }

    table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell {
        background-color: #3875d7
    }

    table.fancytree-ext-columnview tbody tr td {
        border: 1px solid gray;
        overflow: auto;
        position: relative;
        vertical-align: top
    }

    table.fancytree-ext-columnview tbody tr td>ul {
        padding: 0
    }

    table.fancytree-ext-columnview tbody tr td>ul li {
        -moz-background-inline-policy: continuous;
        background-attachment: scroll;
        -moz-background-clip: border;
        background-color: transparent;
        background-image: none;
        -moz-background-origin: padding;
        background-position: 0 0;
        background-repeat: repeat-y;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0
    }

    table.fancytree-ext-columnview span.fancytree-node {
        display: inline-block;
        position: relative
    }

    table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
        background-color: #e0e0e0
    }

    table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
        background-color: #cbe8f6
    }

    table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
        position: absolute;
        right: 3px
    }

    .fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
        color: #333;
        font-weight: lighter
    }

    .fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,
    .fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title {
        color: #000;
        font-weight: 400
    }

    .fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,
    .fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title {
        color: #000;
        font-weight: 700
    }

    .fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,
    .fancytree-ext-filter-hide tr.fancytree-hide {
        display: none
    }

    .fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,
    .fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title {
        color: #333;
        font-weight: lighter
    }

    .fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,
    .fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title {
        color: #000;
        font-weight: 400
    }

    .fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,
    .fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander {
        visibility: hidden
    }

    .fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,
    .fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander {
        visibility: visible
    }

    .fancytree-ext-childcounter span.fancytree-custom-icon,
    .fancytree-ext-childcounter span.fancytree-icon,
    .fancytree-ext-filter span.fancytree-custom-icon,
    .fancytree-ext-filter span.fancytree-icon {
        position: relative
    }

    .fancytree-ext-childcounter span.fancytree-childcounter,
    .fancytree-ext-filter span.fancytree-childcounter {
        background: #777;
        border: 1px solid gray;
        border-radius: 10px;
        color: #fff;
        font-size: 9px;
        height: 10px;
        line-height: 1;
        min-width: 10px;
        padding: 2px;
        position: absolute;
        right: -6px;
        text-align: center;
        top: -6px;
        vertical-align: baseline
    }

    ul.fancytree-ext-wide {
        box-sizing: border-box;
        min-width: 100%
    }

    ul.fancytree-ext-wide,
    ul.fancytree-ext-wide span.fancytree-node>span {
        position: relative;
        z-index: 2
    }

    ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
        box-sizing: border-box;
        left: 0;
        margin-left: 0;
        margin-right: 0;
        min-width: 100%;
        position: absolute;
        z-index: 1
    }

    .fancytree-ext-fixed-wrapper .fancytree-ext-fixed-hidden {
        display: none
    }

    .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-bottom {
        border-bottom: 3px solid rgba(0, 0, 0, .75)
    }

    .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right {
        border-right: 3px solid rgba(0, 0, 0, .75)
    }

    .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl {
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 3
    }

    .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr {
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 2
    }

    .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl {
        left: 0;
        overflow: hidden;
        position: absolute;
        z-index: 2
    }

    .fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br {
        overflow: scroll;
        position: absolute;
        z-index: 1
    }

    ul.fancytree-container ul {
        margin: 0;
        padding: 0 0 0 1.5em
    }

    .fancytree-container:focus {
        outline: none
    }

    .fancytree-container .fancytree-active span.fancytree-title input,
    .fancytree-container.fancytree-colorize-selected .fancytree-selected span.fancytree-title input {
        color: #000
    }

    .fancytree-container span.fancytree-statusnode-error span.fancytree-expander,
    div.fancytree-drag-helper.fancytree-drop-reject,
    div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-title {
        color: #d9534f
    }

    span.fancytree-node.fancytree-drag-source {
        background-color: #5bc0de !important
    }

    span.fancytree-node.fancytree-drop-target.fancytree-drop-reject span.fancytree.title {
        background-color: #d9534f !important
    }

    span.fancytree-expander {
        color: #999
    }

    .fancytree-expanded span.fancytree-expander {
        color: #333
    }

    span.fancytree-node span.fancytree-expander:hover {
        color: cyan
    }

    .fancytree-plain.fancytree-colorize-selected span.fancytree-node.fancytree-selected,
    .fancytree-plain.fancytree-colorize-selected span.fancytree-node.fancytree-selected span.fancytree-title {
        background-color: #80c780;
        border-color: #80c780;
        color: #fff
    }

    .fancytree-plain.fancytree-colorize-selected span.fancytree-node.fancytree-selected:hover span.fancytree-title {
        background-color: #6ec06e
    }

    .fancytree-plain.fancytree-colorize-selected span.fancytree-node.fancytree-active.fancytree-selected span.fancytree-title {
        color: #80c780
    }

    .fancytree-plain.fancytree-colorize-selected.fancytree-treefocus span.fancytree-title:hover {
        background-color: #f5f5f5
    }

    .fancytree-plain.fancytree-colorize-selected.fancytree-treefocus span.fancytree-node.fancytree-selected span.fancytree-title {
        background-color: #5cb85c
    }

    .fancytree-plain.fancytree-colorize-selected.fancytree-treefocus span.fancytree-node.fancytree-selected:hover span.fancytree-title {
        background-color: #4cae4c
    }

    .fancytree-plain.fancytree-colorize-selected.fancytree-treefocus span.fancytree-node.fancytree-active.fancytree-selected span.fancytree-title {
        color: #5cb85c
    }

    .fancytree-plain.fancytree-container span.fancytree-node {
        margin-bottom: 2px;
        margin-top: 2px
    }

    .fancytree-plain.fancytree-container span.fancytree-title {
        outline-radius: 3px;
        border: 1px solid transparent;
        border-radius: 3px
    }

    .fancytree-plain.fancytree-container span.fancytree-title:hover {
        background-color: #f5f5f5
    }

    .fancytree-plain.fancytree-container span.fancytree-node.fancytree-active span.fancytree-title {
        background-color: #5094ce;
        color: #fff
    }

    .fancytree-plain.fancytree-container span.fancytree-node.fancytree-active:hover span.fancytree-title {
        background-color: #3c87c8
    }

    .fancytree-plain.fancytree-container.fancytree-ext-wide span.fancytree-node.fancytree-active {
        color: #fff
    }

    .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused span.fancytree-title {
        border-color: #337ab7
    }

    .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active span.fancytree-title {
        background-color: #337ab7;
        border-color: #337ab7
    }

    .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active:hover span.fancytree-title {
        background-color: #2e6da4
    }

    table.fancytree-ext-table>tbody>tr>td span.fancytree-title {
        border: none
    }

    table.fancytree-ext-table.fancytree-colorize-selected>tbody>tr.fancytree-selected>td {
        background-color: #80c780
    }

    table.fancytree-ext-table.fancytree-colorize-selected>tbody>tr.fancytree-selected>td,
    table.fancytree-ext-table.fancytree-colorize-selected>tbody>tr.fancytree-selected>td span.fancytree-title {
        color: #fff
    }

    table.fancytree-ext-table.fancytree-colorize-selected.fancytree-treefocus>tbody>tr.fancytree-selected>td {
        background-color: #5cb85c
    }

    table.fancytree-ext-table.fancytree-colorize-selected.table-hover>tbody>tr.fancytree-selected:hover>td {
        background-color: #6ec06e
    }

    table.fancytree-ext-table.fancytree-colorize-selected.fancytree-treefocus.table-hover>tbody>tr.fancytree-selected:hover>td {
        background-color: #4cae4c
    }

    table.fancytree-ext-table.fancytree-colorize-selected.fancytree-treefocus.table-hover>tbody>tr.fancytree-selected.fancytree-active:hover>td,
    table.fancytree-ext-table.fancytree-colorize-selected.table-hover>tbody>tr.fancytree-selected.fancytree-active:hover>td {
        background-color: #2e6da4
    }

    table.fancytree-ext-table.fancytree-colorize-selected>tbody>tr.fancytree-active.fancytree-selected {
        outline-color: #80c780;
        outline-offset: -2px;
        outline-style: solid;
        outline-width: 2px
    }

    table.fancytree-ext-table.fancytree-container>tbody>tr.fancytree-active>td {
        background-color: #5094ce
    }

    table.fancytree-ext-table.fancytree-container>tbody>tr.fancytree-active>td,
    table.fancytree-ext-table.fancytree-container>tbody>tr.fancytree-active>td span.fancytree-title {
        color: #fff
    }

    table.fancytree-ext-table.fancytree-treefocus.fancytree-container>tbody>tr.fancytree-focused span.fancytree-title {
        outline: 1px dotted #000
    }

    table.fancytree-ext-table.fancytree-treefocus.fancytree-container>tbody>tr.fancytree-active>td {
        background-color: #337ab7
    }

    table.fancytree-ext-table.fancytree-treefocus.fancytree-container.table-hover>tbody>tr.fancytree-active:hover>td {
        background-color: #2e6da4
    }

    .tour-backdrop {
        background-color: #000;
        bottom: 0;
        box-sizing: content-box;
        -ms-filter: "alpha(opacity=90)";
        filter: alpha(opacity=90);
        left: 0;
        opacity: .8;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1110
    }

    .tour-backdrop-animation {
        transition: all .3s ease-out
    }

    .tour-prevent {
        filter: alpha(opacity=20);
        opacity: .2;
        position: absolute;
        z-index: 1112
    }

    .tour-highlight {
        background-color: #fff;
        background-color: hsla(0, 0%, 100%, .9);
        box-sizing: content-box;
        position: absolute;
        z-index: 1110
    }

    .tour-highlight-animation {
        transition: all .3s ease-out
    }

    .tour-highlight-element {
        position: relative;
        z-index: 1111 !important
    }

    .popover[class*=tour-] {
        z-index: 1113
    }

    .popover[class*=tour-] .popover-navigation {
        overflow: hidden;
        padding: 9px 14px
    }

    .popover[class*=tour-] .popover-navigation [data-role=end] {
        float: right
    }

    .popover[class*=tour-] .popover-navigation [data-role=end],
    .popover[class*=tour-] .popover-navigation [data-role=next],
    .popover[class*=tour-] .popover-navigation [data-role=prev] {
        cursor: pointer
    }

    .popover[class*=tour-] .popover-navigation [data-role=end].disabled,
    .popover[class*=tour-] .popover-navigation [data-role=next].disabled,
    .popover[class*=tour-] .popover-navigation [data-role=prev].disabled {
        cursor: default
    }

    .popover[class*=tour-].orphan {
        margin-top: 0;
        position: fixed
    }

    .popover[class*=tour-].orphan .arrow {
        display: none
    }

    .tour-behind {
        z-index: -1
    }

    .tour-zindexFix {
        z-index: 1029
    }

    .ccm-ui .ccm-image-chooser-popover {
        max-width: 400px
    }

    .ccm-ui .ccm-image-chooser-popover img {
        height: auto;
        margin-bottom: 1rem;
        max-width: 100%
    }

    .ccm-ui table.ccm-image-chooser-list-view img {
        height: 32px;
        width: 32px
    }

    .ccm-ui .ccm-image-cell-grid {
        padding-top: 2em
    }

    .ccm-ui .ccm-image-cell-grid .ccm-image-cell {
        margin-bottom: 2em
    }

    .ccm-ui .ccm-image-cell-grid .ccm-image-cell.active img,
    .ccm-ui .ccm-image-cell-grid .ccm-image-cell:hover img {
        border-color: #4a90e2;
        opacity: 1
    }

    .ccm-ui .ccm-image-cell-grid .ccm-image-cell div.ccm-image-cell-title {
        font-size: .8rem;
        margin-top: .5em;
        overflow: hidden
    }

    .ccm-ui .ccm-image-cell-grid .ccm-image-cell img {
        border: 1px solid #9b9b9b;
        border-radius: 2px;
        box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
        height: 120px;
        opacity: .9;
        padding: .5rem;
        transition: all .25s ease-in-out;
        width: 120px
    }

    div.ccm-image-thumbnail-editor .ccm-image-thumbnail-editor-cropper {
        background: #ddd;
        height: 600px;
        width: 100%
    }

    div.ccm-image-thumbnail-editor .ccm-image-thumbnail-editor-controls {
        left: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    div.ccm-image-thumbnail-editor .ccm-image-thumbnail-editor-controls a {
        align-items: center;
        background-color: rgba(0, 0, 0, .8);
        cursor: pointer;
        display: flex;
        height: 40px;
        margin-bottom: 10px;
        text-align: center;
        width: 40px
    }

    div.ccm-image-thumbnail-editor .ccm-image-thumbnail-editor-controls a:last-child {
        margin-bottom: 0
    }

    div.ccm-image-thumbnail-editor .ccm-image-thumbnail-editor-controls a:hover {
        background-color: #4a90e2
    }

    div.ccm-image-thumbnail-editor .ccm-image-thumbnail-editor-controls a svg {
        margin-left: auto;
        margin-right: auto
    }

    div.ccm-image-thumbnail-editor .ccm-image-thumbnail-editor-save {
        bottom: 20px;
        left: 20px;
        position: absolute;
        right: 20px
    }

    .ccm-file-uploader-container-dropzone {
        position: relative
    }

    .ccm-file-uploader-container-dropzone .ccm-file-uploader-container-dropzone-file-element {
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 9999
    }

    .ccm-file-uploader-container-dropzone .ccm-file-uploader-container-dropzone-file-element.hidden {
        display: none
    }

    .ccm-file-upload-container-wrapper {
        border: 1px solid #989898;
        cursor: pointer;
        display: block;
        font-family: Source Sans Pro, sans-serif;
        font-size: 16px;
        margin: auto;
        position: relative;
        width: 100%
    }

    .ccm-incoming-files-container {
        margin-bottom: 15px;
        max-height: 280px;
        overflow-y: scroll
    }

    .ccm-directory-selector-container {
        margin-top: 15px
    }

    .ccm-directory-selector-container .item i {
        margin-right: 10px
    }

    .ccm-directory-selector-container .option {
        padding-left: 204px
    }

    .ccm-directory-selector-container .option i {
        margin-right: 5px
    }

    .ccm-directory-selector-container .option.level-1 {
        padding-left: 12px
    }

    .ccm-directory-selector-container .option.level-2 {
        padding-left: 36px
    }

    .ccm-directory-selector-container .option.level-3 {
        padding-left: 60px
    }

    .ccm-directory-selector-container .option.level-4 {
        padding-left: 84px
    }

    .ccm-directory-selector-container .option.level-5 {
        padding-left: 108px
    }

    .ccm-directory-selector-container .option.level-6 {
        padding-left: 132px
    }

    .ccm-directory-selector-container .option.level-7 {
        padding-left: 156px
    }

    .ccm-directory-selector-container .option.level-8 {
        padding-left: 180px
    }

    .ccm-file-upload-container {
        display: block;
        height: 280px;
        overflow-y: auto;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 100%
    }

    .ccm-file-upload-container.dz-started .dz-default {
        display: none
    }

    .ccm-file-upload-container .dz-default {
        height: 100%;
        position: relative;
        width: 100%
    }

    .ccm-file-upload-container .dz-default .dz-button {
        background-color: #ebf5fb;
        border: 0;
        cursor: pointer;
        font: inherit;
        font-size: 1.2em;
        height: 100%;
        outline: none;
        position: absolute;
        width: 100%
    }

    .ccm-file-upload-container .dz-default .dz-button img {
        display: block;
        margin: auto auto 15px;
        width: 150px
    }

    .ccm-file-upload-container .dz-default .dz-button span {
        display: block;
        font-size: 1em;
        margin: auto;
        width: 150px
    }

    .ccm-file-upload-wrapper {
        position: relative
    }

    .ccm-file-upload-wrapper .ccm-file-upload-item-wrapper {
        border: 1px solid #d8d8d8;
        box-shadow: 5px 5px 7px -5px rgba(0, 0, 0, .75);
        display: block;
        float: left;
        margin: 20px 20px 50px;
        padding: 10px;
        position: relative;
        width: calc(100% - 42px)
    }

    .ccm-file-upload-wrapper .ccm-file-upload-item-wrapper .ccm-file-upload-label {
        bottom: -30px;
        color: #4c4f56;
        font-size: 1em;
        left: 0;
        overflow: hidden;
        position: absolute;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }

    .ccm-file-upload-wrapper .ccm-file-upload-item-wrapper .ccm-file-upload-item {
        background: #d8d8d8;
        overflow: hidden;
        padding-top: 100%;
        position: relative
    }

    .ccm-file-upload-wrapper .ccm-file-upload-item-wrapper .ccm-file-upload-item .ccm-file-upload-item-inner {
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%
    }

    .ccm-file-upload-wrapper .ccm-file-upload-item-wrapper .ccm-file-upload-item .ccm-file-upload-item-inner .ccm-file-upload-image-wrapper {
        display: block;
        height: 100%;
        position: relative;
        width: 100%
    }

    .ccm-file-upload-wrapper .ccm-file-upload-item-wrapper .ccm-file-upload-item .ccm-file-upload-item-inner img {
        bottom: 0;
        height: auto;
        margin: auto;
        position: absolute;
        top: 0;
        transform: scale(1.2);
        width: 100%
    }

    .ccm-file-upload-wrapper.in-progress .ccm-file-upload-item-wrapper .ccm-file-upload-item .ccm-file-upload-item-inner img {
        filter: blur(5px)
    }

    .ccm-file-upload-wrapper .ccm-file-upload-item .ccm-file-upload-item-inner .ccm-file-upload-progress-text svg {
        color: #4c4f56;
        font-size: 1em;
        font-weight: 700;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .ccm-file-upload-wrapper .ccm-file-upload-item .ccm-file-upload-item-inner .ccm-file-upload-progress {
        display: none;
        height: 100%;
        left: 0;
        padding: 10px;
        position: absolute;
        top: 0;
        width: 100%
    }

    .ccm-file-upload-wrapper .ccm-file-upload-item .ccm-file-upload-item-inner .ccm-file-upload-progress-text {
        display: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .ccm-file-upload-wrapper.in-progress .ccm-file-upload-item-inner .ccm-file-upload-progress,
    .ccm-file-upload-wrapper.in-progress .ccm-file-upload-item-inner .ccm-file-upload-progress-text {
        display: block
    }

    .ccm-file-uploader-new-directory-name-container.hidden-container {
        display: none
    }

    #ccm-file-import-tab-menu {
        margin-bottom: 15px
    }

    div.ccm-ui [v-cloak] {
        display: none
    }

    div.ccm-ui div.ccm-board-slot-designer img.ccm-board-slot-designer-thumbnail {
        max-height: 200px
    }

    div.ccm-ui div.ccm-board-slot-designer input[type=checkbox] {
        margin: 5px 5px 0 0;
        position: absolute !important;
        right: 0;
        top: 0
    }

    div.ccm-ui div.process-progress {
        height: 2px
    }

    div.ccm-ui div.process-card {
        margin-bottom: 1rem;
        padding: .75rem
    }

    div.ccm-ui div.running-process-name {
        display: flex
    }

    div.ccm-ui div.running-process-name span {
        display: inline-block;
        margin-left: auto
    }

    div.ccm-ui div.process-card-expandable {
        cursor: pointer;
        transition: all .25s ease-in-out
    }

    div.ccm-ui div.process-card-expandable:hover {
        border: 1px solid #4a90e2
    }

    div.ccm-ui .process-card-animation {
        backface-visibility: hidden;
        z-index: 1
    }

    div.ccm-ui .process-card-animation-move {
        transition: all .6s ease-in-out 50ms
    }

    div.ccm-ui .process-card-animation-enter-active {
        transition: all .4s ease-out
    }

    div.ccm-ui .process-card-animation-leave-active {
        transition: all .2s ease-in;
        z-index: 0
    }

    div.ccm-ui .process-card-animation-enter,
    div.ccm-ui .process-card-animation-enter div.process-progress-wrapper,
    div.ccm-ui .process-card-animation-leave-to,
    div.ccm-ui .process-card-animation-leave-to div.process-progress-wrapper {
        opacity: 0
    }

    div.ccm-search-results-pagination {
        margin: 20px
    }

    div.ccm-search-results-pagination .pagination {
        justify-content: center
    }

    .ccm-ui fieldset legend {
        color: #7c8088
    }

    .ccm-ui .form-group {
        margin-bottom: 1.5rem
    }

    .form-control::-moz-placeholder {
        font-style: italic
    }

    .form-control::placeholder {
        font-style: italic
    }

    .input-group>.input-group-icon {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .input-group-icon {
        align-items: center;
        background-color: #fff;
        border: 2px solid #ebebeb;
        border-radius: 4px;
        color: #7c8088;
        display: flex;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        margin-bottom: 0;
        padding: .5rem .75rem;
        text-align: center;
        white-space: nowrap
    }

    .input-group-icon.disabled {
        background-color: #e9ecef
    }

    div.ccm-ui .nav-tabs .nav-link {
        border-bottom-width: 2px;
        color: #7c8088;
        padding-top: 0;
        transition: border-color .25s ease-in-out
    }

    div.ccm-ui .nav-tabs .nav-link:hover {
        color: #333538
    }

    div.ccm-ui .nav-tabs .nav-link.active {
        color: #4c4f56;
        font-weight: 700
    }

    .ccm-item-selector-group .btn-group {
        max-width: 100%
    }

    .ccm-item-selector-group .btn {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .ccm-item-selector-group .ccm-item-selector-title {
        font-weight: 400
    }

    .ccm-item-selector-group .ccm-item-selector-reset {
        border-left: 0
    }

    .ccm-item-selector-group .ccm-item-selector-loaded a.btn {
        max-width: 400px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .ccm-item-selector-group .ccm-item-selector-loaded img {
        display: inline-block;
        margin-right: .5rem;
        max-height: 20px;
        max-width: 20px
    }

    .ccm-item-selector-group.is-invalid .btn {
        border-color: #c32a2a
    }

    div.ccm-item-selector {
        background-color: #4a90e2;
        border-radius: 2px;
        color: #fff;
        min-height: 40px;
        padding: 8px 12px 8px 8px;
        text-align: center;
        transition: .3s
    }

    div.ccm-item-selector:after,
    div.ccm-item-selector:before {
        content: "";
        display: table
    }

    div.ccm-item-selector:after {
        clear: both
    }

    div.ccm-item-selector:hover {
        background-color: #2275d7
    }

    div.ccm-item-selector div.ccm-item-selector-item-selected-thumbnail {
        float: left;
        margin-right: 10px
    }

    div.ccm-item-selector div.ccm-item-selector-item-selected-thumbnail img {
        max-height: 60px;
        max-width: 60px
    }

    div.ccm-item-selector a {
        color: #fff !important;
        display: block
    }

    div.ccm-item-selector a:hover {
        color: #fff !important;
        text-decoration: none
    }

    div.ccm-item-selector .ccm-item-selector-item-selected-title {
        text-align: left
    }

    a.ccm-item-selector-clear {
        float: right
    }

    ul.item-select-list {
        list-style-type: none !important;
        margin: 0 0 15px;
        padding: 2px 0 0
    }

    ul.item-select-list>li {
        margin-bottom: 2px;
        padding-bottom: 2px;
        position: relative
    }

    ul.item-select-list>li>a,
    ul.item-select-list>li>span {
        background-repeat: no-repeat;
        border: 1px solid transparent;
        color: #4c4f56;
        display: block;
        padding: 8px;
        text-decoration: none
    }

    ul.item-select-list>li>a:hover,
    ul.item-select-list>li>span:hover {
        background-color: #e7e7e7;
        border-radius: 4px;
        color: #4c4f56;
        text-decoration: none;
        transition: background-color .1s linear
    }

    ul.item-select-list>li>a:focus {
        text-decoration: none
    }

    ul.item-select-list li>span img,
    ul.item-select-list>li>a img {
        display: Inline-block;
        margin-right: 5px;
        max-width: 16px;
        vertical-align: middle
    }

    ul.item-select-list>li>a i {
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        margin-right: 5px;
        text-align: center;
        vertical-align: middle;
        width: 16px
    }

    ul.item-select-list i.ccm-item-select-list-sort {
        font-style: normal;
        margin: 0;
        padding-left: 5px;
        padding-right: 5px;
        position: absolute;
        right: 10px;
        top: 10px
    }

    ul.item-select-list i.ccm-item-select-list-sort:after {
        content: "";
        font-family: Font Awesome\ 5 Free;
        font-weight: 600
    }

    ul.item-select-list i.ccm-item-select-list-sort:hover {
        cursor: move
    }

    ul.item-select-list>li>div.item-select-list-content {
        background-color: #efefef;
        margin-top: 2px;
        overflow: hidden;
        padding: 10px
    }

    [data-section=customize-results] ul.item-select-list li {
        margin-bottom: 2px;
        padding: 8px
    }

    [data-section=customize-results] ul.item-select-list li:hover {
        background-color: #e7e7e7;
        border-radius: 4px;
        transition: background-color s .1 linear
    }

    [data-section=customize-results] ul.item-select-list i.ccm-item-select-list-sort {
        top: 9px
    }

    .ts-control {
        border: 1px solid #ebebeb;
        border-radius: 4px;
        box-shadow: none;
        box-sizing: border-box;
        flex-wrap: wrap;
        overflow: hidden;
        padding: .5rem .75rem;
        position: relative;
        width: 100%;
        z-index: 1
    }

    .ts-wrapper.multi.has-items .ts-control {
        padding: calc(.5rem - 1px) .75rem calc(.5rem - 4px)
    }

    .full .ts-control {
        background-color: var(--bs-body-bg)
    }

    .disabled .ts-control,
    .disabled .ts-control * {
        cursor: default !important
    }

    .focus .ts-control {
        box-shadow: none
    }

    .ts-control>* {
        display: inline-block;
        vertical-align: baseline
    }

    .ts-wrapper.multi .ts-control>div {
        background: #efefef;
        border: 0 solid #d8d8d8;
        color: #343a40;
        cursor: pointer;
        margin: 0 3px 3px 0;
        padding: 1px 5px
    }

    .ts-wrapper.multi .ts-control>div.active {
        background: #4a90e2;
        border: 0 solid transparent;
        color: #fff
    }

    .ts-wrapper.multi.disabled .ts-control>div,
    .ts-wrapper.multi.disabled .ts-control>div.active {
        background: #fff;
        border: 0 solid #fff;
        color: #878787
    }

    .ts-control>input {
        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
        display: inline-block !important;
        flex: 1 1 auto;
        line-height: inherit !important;
        margin: 0 !important;
        max-height: none !important;
        max-width: 100% !important;
        min-height: 0 !important;
        min-width: 7rem;
        padding: 0 !important;
        text-indent: 0 !important;
        -webkit-user-select: auto !important;
        -moz-user-select: auto !important;
        user-select: auto !important
    }

    .ts-control>input::-ms-clear {
        display: none
    }

    .ts-control>input:focus {
        outline: none !important
    }

    .has-items .ts-control>input {
        margin: 0 4px !important
    }

    .ts-control.rtl {
        text-align: right
    }

    .ts-control.rtl.single .ts-control:after {
        left: calc(.75rem + 5px);
        right: auto
    }

    .ts-control.rtl .ts-control>input {
        margin: 0 4px 0 -2px !important
    }

    .disabled .ts-control {
        background-color: var(--bs-secondary-bg);
        opacity: .5
    }

    .input-hidden .ts-control>input {
        left: -10000px;
        opacity: 0;
        position: absolute
    }

    .ts-dropdown {
        background: var(--bs-body-bg);
        border: 1px solid #d0d0d0;
        border-radius: 0 0 4px 4px;
        border-top: 0;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
        box-sizing: border-box;
        left: 0;
        margin: .25rem 0 0;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 10
    }

    .ts-dropdown [data-selectable] {
        cursor: pointer;
        overflow: hidden
    }

    .ts-dropdown [data-selectable] .highlight {
        background: rgba(255, 237, 40, .4);
        border-radius: 1px
    }

    .ts-dropdown .create,
    .ts-dropdown .no-results,
    .ts-dropdown .optgroup-header,
    .ts-dropdown .option {
        padding: 3px .75rem
    }

    .ts-dropdown .option,
    .ts-dropdown [data-disabled],
    .ts-dropdown [data-disabled] [data-selectable].option {
        cursor: inherit;
        opacity: .5
    }

    .ts-dropdown [data-selectable].option {
        cursor: pointer;
        opacity: 1
    }

    .ts-dropdown .optgroup:first-child .optgroup-header {
        border-top: 0
    }

    .ts-dropdown .optgroup-header {
        background: var(--bs-body-bg);
        color: #6a6f7b;
        cursor: default
    }

    .ts-dropdown .active {
        background-color: var(--bs-tertiary-bg)
    }

    .ts-dropdown .active,
    .ts-dropdown .active.create {
        color: var(--bs-body-color)
    }

    .ts-dropdown .create {
        color: rgba(52, 58, 64, .5)
    }

    .ts-dropdown .spinner {
        display: inline-block;
        height: 30px;
        margin: 3px .75rem;
        width: 30px
    }

    .ts-dropdown .spinner:after {
        animation: lds-dual-ring 1.2s linear infinite;
        border-color: #d0d0d0 transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 5px;
        content: " ";
        display: block;
        height: 24px;
        margin: 3px;
        width: 24px
    }

    @keyframes lds-dual-ring {
        0% {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(1turn)
        }
    }

    .ts-dropdown-content {
        max-height: 200px;
        overflow: hidden auto;
        scroll-behavior: smooth
    }

    .ts-wrapper.plugin-drag_drop .ts-dragging {
        color: transparent !important
    }

    .ts-wrapper.plugin-drag_drop .ts-dragging>* {
        visibility: hidden !important
    }

    .plugin-checkbox_options:not(.rtl) .option input {
        margin-right: .5rem
    }

    .plugin-checkbox_options.rtl .option input {
        margin-left: .5rem
    }

    .plugin-clear_button {
        --ts-pr-clear-button: 1em
    }

    .plugin-clear_button .clear-button {
        background: transparent !important;
        cursor: pointer;
        margin-right: 0 !important;
        opacity: 0;
        position: absolute;
        right: calc(.75rem - 5px);
        top: 50%;
        transform: translateY(-50%);
        transition: opacity .5s
    }

    .plugin-clear_button.form-select .clear-button,
    .plugin-clear_button.single .clear-button {
        right: max(var(--ts-pr-caret), .75rem)
    }

    .plugin-clear_button.focus.has-items .clear-button,
    .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
        opacity: 1
    }

    .ts-wrapper .dropdown-header {
        background: color-mix(var(--bs-body-bg), #d0d0d0, 85%);
        border-bottom: 1px solid #d0d0d0;
        border-radius: 4px 4px 0 0;
        padding: 6px .75rem;
        position: relative
    }

    .ts-wrapper .dropdown-header-close {
        color: #343a40;
        font-size: 20px !important;
        line-height: 20px;
        margin-top: -12px;
        opacity: .4;
        position: absolute;
        right: .75rem;
        top: 50%
    }

    .ts-wrapper .dropdown-header-close:hover {
        color: #000
    }

    .plugin-dropdown_input.focus.dropdown-active .ts-control {
        border: 1px solid #ebebeb;
        box-shadow: none;
        box-shadow: inset 0 0
    }

    .plugin-dropdown_input .dropdown-input {
        background: transparent;
        border: solid #d0d0d0;
        border-width: 0 0 1px;
        box-shadow: none;
        display: block;
        padding: .5rem .75rem;
        width: 100%
    }

    .plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
        border-color: #a5c8f1;
        box-shadow: inset 0 0, 0 0;
        outline: 0
    }

    .plugin-dropdown_input .items-placeholder {
        border: 0 !important;
        box-shadow: none !important;
        width: 100%
    }

    .plugin-dropdown_input.dropdown-active .items-placeholder,
    .plugin-dropdown_input.has-items .items-placeholder {
        display: none !important
    }

    .ts-wrapper.plugin-input_autogrow.has-items .ts-control>input {
        min-width: 0
    }

    .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input {
        flex: none;
        min-width: 4px
    }

    .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-moz-placeholder {
        color: transparent
    }

    .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder {
        color: transparent
    }

    .ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
        display: flex
    }

    .ts-dropdown.plugin-optgroup_columns .optgroup {
        border-right: 1px solid #f2f2f2;
        border-top: 0;
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0
    }

    .ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
        border-right: 0
    }

    .ts-dropdown.plugin-optgroup_columns .optgroup:before {
        display: none
    }

    .ts-dropdown.plugin-optgroup_columns .optgroup-header {
        border-top: 0
    }

    .ts-wrapper.plugin-remove_button .item {
        align-items: center;
        display: inline-flex
    }

    .ts-wrapper.plugin-remove_button .item .remove {
        border-radius: 0 2px 2px 0;
        box-sizing: border-box;
        color: inherit;
        display: inline-block;
        padding: 0 5px;
        text-decoration: none;
        vertical-align: middle
    }

    .ts-wrapper.plugin-remove_button .item .remove:hover {
        background: rgba(0, 0, 0, .05)
    }

    .ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
        background: none
    }

    .ts-wrapper.plugin-remove_button .remove-single {
        font-size: 23px;
        position: absolute;
        right: 0;
        top: 0
    }

    .ts-wrapper.plugin-remove_button:not(.rtl) .item {
        padding-right: 0 !important
    }

    .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
        border-left: 1px solid #d8d8d8;
        margin-left: 5px
    }

    .ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
        border-left-color: transparent
    }

    .ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
        border-left-color: #fff
    }

    .ts-wrapper.plugin-remove_button.rtl .item {
        padding-left: 0 !important
    }

    .ts-wrapper.plugin-remove_button.rtl .item .remove {
        border-right: 1px solid #d8d8d8;
        margin-right: 5px
    }

    .ts-wrapper.plugin-remove_button.rtl .item.active .remove {
        border-right-color: transparent
    }

    .ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
        border-right-color: #fff
    }

    :root {
        --ts-pr-clear-button: 0;
        --ts-pr-caret: 0;
        --ts-pr-min: .75rem
    }

    .ts-wrapper.single .ts-control,
    .ts-wrapper.single .ts-control input {
        cursor: pointer
    }

    .ts-control:not(.rtl) {
        padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important
    }

    .ts-control.rtl {
        padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important
    }

    .ts-wrapper {
        position: relative
    }

    .ts-control,
    .ts-control input,
    .ts-dropdown {
        color: #343a40;
        font-family: inherit;
        font-size: inherit;
        line-height: 1.5
    }

    .ts-control,
    .ts-wrapper.single.input-active .ts-control {
        background: var(--bs-body-bg);
        cursor: text
    }

    .ts-hidden-accessible {
        clip: rect(0 0 0 0) !important;
        border: 0 !important;
        clip-path: inset(50%) !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        white-space: nowrap !important;
        width: 1px !important
    }

    .ts-dropdown,
    .ts-dropdown.form-control,
    .ts-dropdown.form-select {
        background: var(--bs-body-bg);
        border: 1px solid transparent;
        border-radius: 3px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        height: auto;
        padding: 0;
        z-index: 1000
    }

    .ts-dropdown .optgroup-header {
        font-size: .875rem;
        line-height: 1.5
    }

    .ts-dropdown .optgroup:first-child:before {
        display: none
    }

    .ts-dropdown .optgroup:before {
        border-top: 1px solid #d8d8d8;
        content: " ";
        display: block;
        height: 0;
        margin: .625rem -.75rem;
        overflow: hidden
    }

    .ts-dropdown .create {
        padding-left: .75rem
    }

    .ts-dropdown-content {
        padding: 5px 0
    }

    .ts-control {
        align-items: center;
        box-shadow: inset 0 0;
        display: flex;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    @media(prefers-reduced-motion:reduce) {
        .ts-control {
            transition: none
        }
    }

    .focus .ts-control {
        border-color: #a5c8f1;
        box-shadow: inset 0 0, 0 0;
        outline: 0
    }

    .ts-control .item {
        align-items: center;
        display: flex
    }

    .ts-wrapper.is-invalid,
    .was-validated .invalid,
    .was-validated :invalid+.ts-wrapper {
        border-color: var(--bs-form-invalid-color)
    }

    .ts-wrapper.is-invalid:not(.single),
    .was-validated .invalid:not(.single),
    .was-validated :invalid+.ts-wrapper:not(.single) {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23c32a2a'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23c32a2a' stroke='none'/%3E%3C/svg%3E");
        background-position: right calc(.375em + .25rem) center;
        background-repeat: no-repeat;
        background-size: calc(.75em + .5rem) calc(.75em + .5rem)
    }

    .ts-wrapper.is-invalid.single,
    .was-validated .invalid.single,
    .was-validated :invalid+.ts-wrapper.single {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23c32a2a'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23c32a2a' stroke='none'/%3E%3C/svg%3E");
        background-position: right .75rem center, center right 2.25rem;
        background-repeat: no-repeat;
        background-size: 16px 12px, calc(.75em + .5rem) calc(.75em + .5rem)
    }

    .ts-wrapper.is-invalid.focus .ts-control,
    .was-validated .invalid.focus .ts-control,
    .was-validated :invalid+.ts-wrapper.focus .ts-control {
        border-color: var(--bs-form-invalid-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-form-invalid-color), .25)
    }

    .ts-wrapper.is-valid,
    .was-validated .valid,
    .was-validated :valid+.ts-wrapper {
        border-color: var(--bs-form-valid-color)
    }

    .ts-wrapper.is-valid:not(.single),
    .was-validated .valid:not(.single),
    .was-validated :valid+.ts-wrapper:not(.single) {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
        background-position: right calc(.375em + .25rem) center;
        background-repeat: no-repeat;
        background-size: calc(.75em + .5rem) calc(.75em + .5rem)
    }

    .ts-wrapper.is-valid.single,
    .was-validated .valid.single,
    .was-validated :valid+.ts-wrapper.single {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
        background-position: right .75rem center, center right 2.25rem;
        background-repeat: no-repeat;
        background-size: 16px 12px, calc(.75em + .5rem) calc(.75em + .5rem)
    }

    .ts-wrapper.is-valid.focus .ts-control,
    .was-validated .valid.focus .ts-control,
    .was-validated :valid+.ts-wrapper.focus .ts-control {
        border-color: var(--bs-form-valid-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-form-valid-color), .25)
    }

    .ts-wrapper {
        display: flex;
        min-height: calc(1.5em + 1rem + var(--bs-border-width)*2)
    }

    .input-group-sm>.ts-wrapper,
    .ts-wrapper.form-control-sm,
    .ts-wrapper.form-select-sm {
        min-height: calc(1.5em + .5rem + var(--bs-border-width)*2)
    }

    .input-group-sm>.ts-wrapper .ts-control,
    .ts-wrapper.form-control-sm .ts-control,
    .ts-wrapper.form-select-sm .ts-control {
        border-radius: var(--bs-border-radius-sm);
        font-size: .875rem
    }

    .input-group-sm>.ts-wrapper.has-items .ts-control,
    .ts-wrapper.form-control-sm.has-items .ts-control,
    .ts-wrapper.form-select-sm.has-items .ts-control {
        font-size: .875rem;
        padding-bottom: 0
    }

    .input-group-sm>.ts-wrapper.multi.has-items .ts-control,
    .ts-wrapper.form-control-sm.multi.has-items .ts-control,
    .ts-wrapper.form-select-sm.multi.has-items .ts-control {
        padding-top: calc(.75em - .40625rem + var(--bs-border-width)*2/2 - (var(--bs-border-width) + 1px)*2/2) !important
    }

    .ts-wrapper.multi.has-items .ts-control {
        --ts-pr-min: calc(0.75rem - 5px);
        padding-left: calc(.75rem - 5px)
    }

    .ts-wrapper.multi .ts-control>div {
        border-radius: 3px
    }

    .input-group-lg>.ts-wrapper,
    .ts-wrapper.form-control-lg,
    .ts-wrapper.form-select-lg {
        min-height: calc(1.5em + 1rem + var(--bs-border-width)*2)
    }

    .input-group-lg>.ts-wrapper .ts-control,
    .ts-wrapper.form-control-lg .ts-control,
    .ts-wrapper.form-select-lg .ts-control {
        border-radius: var(--bs-border-radius-lg);
        font-size: 1.25rem
    }

    .ts-wrapper:not(.form-control, .form-select) {
        background: none;
        border: none;
        box-shadow: none;
        height: auto;
        padding: 0
    }

    .ts-wrapper:not(.form-control, .form-select).single .ts-control {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
        background-position: right .75rem center;
        background-repeat: no-repeat;
        background-size: 16px 12px
    }

    .ts-wrapper.form-select,
    .ts-wrapper.single {
        --ts-pr-caret: 2.25rem
    }

    .ts-wrapper.form-control,
    .ts-wrapper.form-select {
        box-shadow: none;
        display: flex;
        height: auto;
        padding: 0 !important
    }

    .ts-wrapper.form-control .ts-control,
    .ts-wrapper.form-control.single.input-active .ts-control,
    .ts-wrapper.form-select .ts-control,
    .ts-wrapper.form-select.single.input-active .ts-control {
        border: none !important
    }

    .ts-wrapper.form-control:not(.disabled) .ts-control,
    .ts-wrapper.form-control:not(.disabled).single.input-active .ts-control,
    .ts-wrapper.form-select:not(.disabled) .ts-control,
    .ts-wrapper.form-select:not(.disabled).single.input-active .ts-control {
        background: transparent !important
    }

    .input-group>.ts-wrapper {
        flex-grow: 1;
        width: 1%
    }

    .input-group>.ts-wrapper:not(:nth-child(2))>.ts-control {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .input-group>.ts-wrapper:not(:last-child)>.ts-control {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .ccm-ui .ts-dropdown,
    .ccm-ui .ts-dropdown.form-control,
    .ccm-ui .ts-dropdown.form-select {
        box-shadow: 0 1px 1px 0 rgba(65, 69, 73, .3), 0 1px 3px 1px rgba(65, 69, 73, .15)
    }

    table.ccm-permission-grid td.ccm-permission-grid-name {
        text-align: right;
        white-space: nowrap;
        width: auto
    }

    table.ccm-permission-grid td {
        vertical-align: middle;
        width: 100%
    }

    div.ccm-permission-access-line {
        display: inline
    }

    .ccm-permission-grid-cell .ccm-permission-access-line span:hover {
        cursor: copy
    }

    td.ccm-permissions-grid-cell-active {
        background-color: #e4f4f8
    }

    .ccm-ui i.fa.launch-tooltip {
        border-bottom: 0;
        text-decoration: none
    }

    .ccm-ui fieldset legend i.launch-tooltip {
        color: #ccc;
        left: -26px;
        position: absolute;
        top: 4px
    }

    div#ccm-tooltip-holder,
    div#ccm-tooltip-holder .popover,
    div#ccm-tooltip-holder .tooltip {
        z-index: 5000
    }

    div#ccm-tooltip-holder .tooltip-inner {
        white-space: pre-wrap
    }

    div.tooltip-inner {
        font-size: .875rem;
        font-weight: 300;
        line-height: 1.25;
        max-width: 250px;
        padding: 7px 10px
    }

    .sp-container {
        *zoom: 1;
        display: inline-block;
        *display: inline;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 9999994
    }

    .sp-original-input-container {
        display: inline-flex;
        position: relative
    }

    .sp-original-input-container input {
        margin: 0 !important
    }

    .sp-original-input-container .sp-add-on {
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
        width: 40px
    }

    input.spectrum.with-add-on {
        border-bottom-left-radius: 0;
        border-left: 0;
        border-top-left-radius: 0
    }

    .sp-original-input-container .sp-add-on .sp-colorize {
        border-radius: inherit;
        height: 100%;
        width: 100%
    }

    .sp-colorize-container {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23ccc'%3E%3Cpath d='M0 0h6v6H0zM6 6h6v6H6z'/%3E%3C/svg%3E")
    }

    .sp-container.sp-flat {
        position: relative
    }

    .sp-container,
    .sp-container * {
        box-sizing: content-box
    }

    .sp-top {
        display: inline-block;
        position: relative;
        width: 100%
    }

    .sp-top-inner {
        right: 0
    }

    .sp-color,
    .sp-top-inner {
        bottom: 0;
        left: 0;
        position: absolute;
        top: 0
    }

    .sp-color {
        right: 20px !important
    }

    .sp-hue {
        bottom: 0;
        height: 100%;
        left: auto !important;
        position: absolute;
        right: 0;
        top: 0;
        width: 12px
    }

    .sp-clear-enabled .sp-hue {
        height: 85%;
        top: 15%
    }

    .sp-fill {
        padding-top: 80%
    }

    .sp-sat,
    .sp-val {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .sp-alpha-enabled .sp-top {
        margin-bottom: 28px !important
    }

    .sp-alpha-enabled .sp-alpha {
        display: block
    }

    .sp-alpha-handle {
        background: #f9f9f9;
        border-radius: 50%;
        box-shadow: 0 0 2px 0 #3a3a3a;
        cursor: pointer;
        height: 16px;
        left: -2px;
        margin-right: 5px;
        position: absolute;
        right: 0;
        top: -3px;
        width: 16px
    }

    .sp-alpha {
        bottom: -18px;
        display: none;
        height: 10px;
        left: 0;
        position: absolute;
        right: 0
    }

    .sp-alpha-inner {
        border-radius: 4px
    }

    .sp-clear {
        display: none
    }

    .sp-clear.sp-clear-display {
        background-position: 50%
    }

    .sp-clear-enabled .sp-clear {
        bottom: 0;
        cursor: pointer;
        display: block;
        height: 14px;
        left: auto;
        position: absolute;
        right: 0;
        top: 3px;
        width: 14px
    }

    .sp-alpha,
    .sp-alpha-handle,
    .sp-clear,
    .sp-container,
    .sp-container button,
    .sp-container.sp-dragging .sp-input,
    .sp-dragger,
    .sp-preview,
    .sp-replacer,
    .sp-slider {
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -o-user-select: none;
        user-select: none
    }

    .sp-container.sp-buttons-disabled .sp-button-container,
    .sp-container.sp-input-disabled .sp-input-container,
    .sp-container.sp-palette-buttons-disabled .sp-palette-button-container,
    .sp-initial-disabled .sp-initial,
    .sp-palette-disabled .sp-palette-container,
    .sp-palette-only .sp-picker-container {
        display: none
    }

    .sp-sat {
        background-image: linear-gradient(90deg, #fff, hsla(20, 42%, 65%, 0));
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81")
    }

    .sp-val {
        background-image: linear-gradient(0deg, #000, hsla(20, 42%, 65%, 0));
        border-radius: 4px;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000")
    }

    .sp-hue {
        background: linear-gradient(180deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
    }

    .sp-1 {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00");
        height: 17%
    }

    .sp-2 {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00");
        height: 16%
    }

    .sp-3 {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff");
        height: 17%
    }

    .sp-4 {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff");
        height: 17%
    }

    .sp-5 {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff");
        height: 16%
    }

    .sp-6 {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000");
        height: 17%
    }

    .sp-hidden {
        display: none !important
    }

    .sp-cf:after,
    .sp-cf:before {
        content: "";
        display: table
    }

    .sp-cf:after {
        clear: both
    }

    .sp-cf {
        *zoom: 1
    }

    @media(max-device-width:480px) {
        .sp-color {
            right: 40%
        }

        .sp-hue {
            left: 63%
        }

        .sp-fill {
            padding-top: 60%
        }
    }

    .sp-dragger {
        border: 1px solid #fff;
        border-radius: 5px;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2);
        height: 10px;
        left: 0;
        margin-left: 3px;
        margin-top: 3px;
        width: 10px
    }

    .sp-dragger,
    .sp-slider {
        cursor: pointer;
        position: absolute;
        top: 0
    }

    .sp-slider {
        background: #f9f9f9;
        border-radius: 50%;
        box-shadow: 0 0 2px 0 #3a3a3a;
        height: 16px;
        left: -2px;
        margin-top: 8px;
        width: 16px
    }

    .sp-container {
        background-color: #fff;
        border-radius: 0;
        border-radius: 4px;
        box-shadow: 0 0 0 1px rgba(99, 114, 130, .16), 0 8px 16px rgba(27, 39, 51, .08);
        color: #000;
        display: inline-flex;
        padding: 0
    }

    .sp-clear,
    .sp-color,
    .sp-container,
    .sp-container button,
    .sp-container input,
    .sp-hue {
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 12px
    }

    .sp-top {
        margin-bottom: 10px
    }

    .sp-clear,
    .sp-color,
    .sp-hue,
    .sp-sat,
    .sp-val {
        border-radius: 3px
    }

    .sp-input-container {
        margin-top: -5px
    }

    .sp-button-container.sp-cf,
    .sp-initial.sp-thumb.sp-cf,
    .sp-input-container.sp-cf {
        height: 25px
    }

    .sp-picker-container .sp-cf {
        margin-bottom: 10px
    }

    .sp-palette-row-initial>span:first-child {
        cursor: pointer
    }

    .sp-initial-disabled .sp-input-container,
    .sp-input {
        width: 100%
    }

    .sp-input {
        background: transparent;
        border: 1px solid #e0e0e0 !important;
        border-radius: 2px !important;
        box-shadow: none !important;
        color: #3a3a3a;
        font-family: monospace;
        font-size: inherit !important;
        height: 100% !important;
        margin: 0;
        padding: 0 5px !important;
        text-align: center
    }

    .sp-input:focus {
        border: 1px solid orange
    }

    .sp-input.sp-validation-error {
        background: #fdd;
        border: 1px solid red
    }

    .sp-palette-container,
    .sp-picker-container {
        padding: 10px;
        position: relative
    }

    .sp-picker-container {
        padding-bottom: 0;
        width: 200px
    }

    .sp-palette-container {
        border-right: 1px solid #ccc
    }

    .sp-palette-only .sp-palette-container {
        border: 0
    }

    .sp-palette .sp-thumb-el {
        border: 2px solid transparent;
        cursor: pointer;
        display: block;
        float: left;
        height: 15px;
        position: relative;
        width: 24px
    }

    .sp-palette .sp-thumb-el.sp-thumb-active,
    .sp-palette .sp-thumb-el:hover {
        border-color: orange
    }

    .sp-thumb-el {
        position: relative
    }

    .sp-initial {
        float: left
    }

    .sp-initial span {
        border: none;
        display: block;
        float: left;
        height: 25px;
        margin: 0;
        width: 30px
    }

    .sp-initial .spe-thumb-el.sp-thumb-active {
        border-radius: 0 5px 5px 0
    }

    .sp-initial .spe-thumb-el {
        border-radius: 5px 0 0 5px
    }

    .sp-initial .sp-clear-display {
        background-position: 50%
    }

    .sp-button-container {
        float: right
    }

    .sp-palette-button-container {
        margin-top: 10px
    }

    .sp-replacer {
        border: 1px solid #aaa;
        border-radius: 3px;
        color: #666;
        cursor: pointer;
        display: inline-block;
        height: 1.5rem;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
        transition: border-color .3s;
        vertical-align: middle;
        width: 3rem
    }

    .sp-replacer.sp-disabled {
        border-color: silver;
        color: silver;
        cursor: default
    }

    .sp-dd {
        background-color: #fff;
        bottom: 0;
        font-size: 10px;
        line-height: 1.6rem;
        padding: 0 2px;
        position: absolute;
        right: 0;
        top: 0
    }

    .sp-preview {
        float: left;
        height: 100%;
        position: relative;
        width: 100%;
        z-index: 0
    }

    .sp-preview-inner {
        transition: background-color .2s
    }

    .sp-preview-inner.sp-clear-display {
        display: none
    }

    .sp-palette .sp-thumb-el {
        border: none;
        border-radius: 3px;
        height: 16px;
        margin: 3px;
        width: 16px
    }

    .sp-container button {
        background: transparent;
        border: none;
        border-radius: 3px;
        color: #606c72;
        cursor: pointer;
        font-weight: 700;
        height: 25px;
        line-height: 1;
        padding: 0 8px;
        text-align: center;
        text-transform: capitalize;
        vertical-align: middle
    }

    .sp-container button.sp-choose {
        background-color: #3cab3b;
        color: #fff;
        margin-left: 5px
    }

    .sp-container button:hover {
        opacity: .8
    }

    .sp-container button.sp-palette-toggle {
        background-color: #f3f3f3;
        margin: 0;
        width: 100%
    }

    .sp-palette span.sp-thumb-active,
    .sp-palette span:hover {
        border-color: #000
    }

    .sp-alpha,
    .sp-preview,
    .sp-thumb-el {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23ccc'%3E%3Cpath d='M0 0h6v6H0zM6 6h6v6H6z'/%3E%3C/svg%3E");
        position: relative
    }

    .sp-alpha-inner,
    .sp-preview-inner,
    .sp-thumb-inner {
        bottom: 0;
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .sp-palette .sp-thumb-inner {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        border-radius: 3px
    }

    .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=");
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M9 16.172 19.594 5.578 21 6.984l-12 12-5.578-5.578L4.828 12z'/%3E%3C/svg%3E")
    }

    .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=");
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M9 16.172 19.594 5.578 21 6.984l-12 12-5.578-5.578L4.828 12z' fill='%23fff'/%3E%3C/svg%3E")
    }

    .sp-clear-display {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==");
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpath d='M12 20.016q3.281 0 5.648-2.367t2.367-5.648q0-2.672-1.734-4.922L7.078 18.282q2.25 1.734 4.922 1.734zM3.984 12q0 2.672 1.734 4.922L16.921 5.719q-2.25-1.734-4.922-1.734-3.281 0-5.648 2.367T3.984 12zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055T12 21.986t-7.055-2.93-2.93-7.055 2.93-7.055T12 2.016z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat
    }

    div.ccm-ui .ccm-widget-colorpicker {
        border: 1px solid #ebebeb;
        height: unset;
        padding: 5px;
        width: unset
    }

    div.ccm-ui .ccm-widget-colorpicker .sp-preview {
        border: 1px solid #ebebeb;
        border-radius: 2px;
        height: 30px;
        margin-right: 15px;
        width: 35px
    }

    div.ccm-ui .ccm-widget-colorpicker .sp-dd {
        color: #005163;
        font-size: 12px;
        line-height: 2.6rem;
        right: 2px
    }

    div.ccm-ui .ccm-widget-colorpicker.sp-replacer.sp-active,
    div.ccm-ui .ccm-widget-colorpicker.sp-replacer:hover {
        border-color: #a5c8f1
    }

    a.icon-link i {
        color: #6a6f7b !important;
        text-decoration: none
    }

    a.icon-link.launch-tooltip {
        border-bottom: 0
    }

    a.icon-link:hover {
        text-decoration: none
    }

    a.ccm-hover-icon i {
        color: #6a6f7b !important;
        transition: color .25s ease-in-out
    }

    a.ccm-hover-icon svg {
        fill: #6a6f7b !important;
        transition: fill .25s ease-in-out
    }

    a.ccm-hover-icon:hover i {
        color: #4a90e2 !important
    }

    a.ccm-hover-icon:hover svg {
        fill: #4a90e2 !important
    }

    .ccm-input-time-wrapper select {
        margin-right: 4px !important;
        width: auto
    }

    .ccm-input-time-wrapper select:last-child {
        margin-right: 0 !important
    }

    .ccm-input-time-wrapper .separator {
        margin-right: 4px
    }

    .ccm-input-date {
        margin-right: 4px !important;
        width: auto
    }

    div.popover .ccm-input-date-wrapper {
        margin-bottom: 10px
    }

    div.popover .ccm-input-date-wrapper,
    div.popover .ccm-input-time-wrapper {
        display: block
    }

    input.ccm-activate-date-time {
        margin-right: 8px !important
    }

    div.ccm-date-time-duration-wrapper {
        position: relative
    }

    div.ccm-date-time-duration-wrapper a.ccm-date-time-duration-delete {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2000
    }

    .ccm-ui .dropdown-divider {
        margin: .625rem 10px !important
    }

    .ccm-ui .dropdown-item {
        box-sizing: border-box;
        cursor: pointer;
        line-height: 1rem;
        min-width: 100%;
        width: auto !important
    }

    .ccm-ui .dropdown-item .menu-icon {
        align-items: center;
        color: #7c8088;
        display: flex;
        justify-content: center;
        width: 45px
    }

    .ccm-ui svg.ccm-loader-dots {
        fill: #4a90e2;
        height: 24px;
        width: 24px
    }

    div.ccm-ui .w-0 {
        width: 1px !important
    }

    #ccm-popover-menu-container .popover,
    .ccm-edit-mode-block-menu.popover {
        position: absolute;
        z-index: 2001
    }

    #ccm-popover-menu-container .popover .popover-arrow,
    .ccm-edit-mode-block-menu.popover .popover-arrow {
        display: none
    }

    #ccm-popover-menu-container .ccm-ui .popover.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow,
    #ccm-popover-menu-container .ccm-ui .popover.bs-popover-auto[data-popper-placement^=top] .popover-arrow,
    #ccm-popover-menu-container .popover.bs-popover-bottom .popover-arrow,
    #ccm-popover-menu-container .popover.bs-popover-top .popover-arrow,
    .ccm-edit-mode-block-menu.popover.bs-popover-bottom .popover-arrow,
    .ccm-edit-mode-block-menu.popover.bs-popover-top .popover-arrow,
    .ccm-ui #ccm-popover-menu-container .popover.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow,
    .ccm-ui #ccm-popover-menu-container .popover.bs-popover-auto[data-popper-placement^=top] .popover-arrow,
    .ccm-ui .ccm-edit-mode-block-menu.popover.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow,
    .ccm-ui .ccm-edit-mode-block-menu.popover.bs-popover-auto[data-popper-placement^=top] .popover-arrow {
        left: 50%;
        margin-left: -.5rem
    }

    #ccm-popover-menu-container .popover.bs-popover-left .popover-arrow,
    #ccm-popover-menu-container .popover.bs-popover-right .popover-arrow,
    .ccm-edit-mode-block-menu.popover.bs-popover-left .popover-arrow,
    .ccm-edit-mode-block-menu.popover.bs-popover-right .popover-arrow {
        margin-top: -.5rem;
        top: 50%
    }

    #ccm-popover-menu-container .popover .bootstrap-select,
    .ccm-edit-mode-block-menu.popover .bootstrap-select {
        z-index: 2001
    }

    div.ccm-ui .nav a.nav-link {
        color: #9b9b9b;
        transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out
    }

    div.ccm-ui .nav a.nav-link:hover {
        color: #343a40
    }

    div.ccm-ui .nav a.nav-link.active {
        color: #4a90e2;
        font-weight: 700
    }

    div.ccm-ui .nav.nav-sidebar {
        border-radius: var(--bs-border-radius)
    }

    div.ccm-ui .nav.nav-sidebar .nav-item {
        border: var(--bs-border-width) solid var(--bs-border-color)
    }

    div.ccm-ui .nav.nav-sidebar .nav-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    div.ccm-ui .nav.nav-sidebar .nav-item:last-child {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit
    }

    div.ccm-ui .nav.nav-sidebar .nav-item+.nav-item {
        border-top-width: 0
    }

    div.ccm-ui .nav.nav-sidebar .nav-item a:hover {
        background-color: #f7f7f7
    }

    div.ccm-ui .nav.nav-sidebar .nav-item a.active {
        position: relative
    }

    div.ccm-ui .nav.nav-sidebar .nav-item a.active:before {
        background-color: #4a90e2;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: 2px
    }

}