@charset "UTF-8";

/* ==========================================================================
   Concrete CMS (cms.css) rem -> px Pure Override File
   rem謖・ｮ壹′蟄伜惠縺吶ｋ螳｣險€陦後・縺ｿ繧・rem=16px縺ｧ豁｣遒ｺ縺ｫpx螟画鋤繝ｻ謚ｽ蜃ｺ縺励◆荳頑嶌縺垢SS
   ========================================================================== */

.ccm-ui {
    --bs-body-font-size: 16px;
    --bs-border-radius-lg: 8px;
    --bs-border-radius-xl: 16px;
    --bs-border-radius-xxl: 32px;
    --bs-border-radius-pill: 800px;
    --bs-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.175);
    --bs-focus-ring-width: 4px;
}

.ccm-ui hr {
    margin: 16px 0;
}

.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 {
    margin-bottom: 8px;
}

.ccm-ui .h1,
.ccm-ui h1 {
    font-size: calc(23.6px + 2.7vw);
}

@media (min-width: 1200px) {
    .ccm-ui .h1,
    .ccm-ui h1 {
        font-size: 56px;
    }
}

.ccm-ui .h2,
.ccm-ui h2 {
    font-size: calc(21.2px + 0.9vw);
}

@media (min-width: 1200px) {
    .ccm-ui .h2,
    .ccm-ui h2 {
        font-size: 32px;
    }
}

.ccm-ui .h3,
.ccm-ui h3 {
    font-size: calc(20.4px + 0.3vw);
}

@media (min-width: 1200px) {
    .ccm-ui .h3,
    .ccm-ui h3 {
        font-size: 24px;
    }
}

.ccm-ui .h4,
.ccm-ui h4 {
    font-size: calc(20.2px + 0.15vw);
}

@media (min-width: 1200px) {
    .ccm-ui .h4,
    .ccm-ui h4 {
        font-size: 22px;
    }
}

.ccm-ui .h5,
.ccm-ui h5 {
    font-size: 20px;
}

.ccm-ui .h6,
.ccm-ui h6 {
    font-size: 12.8px;
}

.ccm-ui p {
    margin-bottom: 16px;
}

.ccm-ui address {
    margin-bottom: 16px;
}

.ccm-ui ol,
.ccm-ui ul {
    padding-left: 32px;
}

.ccm-ui dl,
.ccm-ui ol,
.ccm-ui ul {
    margin-bottom: 16px;
}

.ccm-ui dd {
    margin-bottom: 8px;
}

.ccm-ui blockquote {
    margin: 0 0 16px;
}

.ccm-ui .small,
.ccm-ui small {
    font-size: 14.4px;
}

.ccm-ui pre {
    font-size: 14.4px;
    margin-bottom: 16px;
}

.ccm-ui code {
    font-size: 14.4px;
}

.ccm-ui kbd {
    font-size: 14.4px;
    padding: 3px 6px;
}

.ccm-ui figure {
    margin: 0 0 16px;
}

.ccm-ui caption {
    padding-bottom: 8px;
    padding-top: 8px;
}

.ccm-ui legend {
    font-size: calc(20.4px + 0.3vw);
    margin-bottom: 8px;
}

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

.ccm-ui .lead {
    font-size: 20px;
}

.ccm-ui .display-1 {
    font-size: calc(26px + 4.5vw);
}

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

.ccm-ui .display-2 {
    font-size: calc(25.2px + 3.9vw);
}

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

.ccm-ui .display-3 {
    font-size: calc(24.4px + 3.3vw);
}

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

.ccm-ui .display-4 {
    font-size: calc(23.6px + 2.7vw);
}

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

.ccm-ui .display-5 {
    font-size: calc(22.8px + 2.1vw);
}

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

.ccm-ui .display-6 {
    font-size: calc(22px + 1.5vw);
}

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

.ccm-ui .list-inline-item:not(:last-child) {
    margin-right: 8px;
}

.ccm-ui .initialism {
    font-size: 14.4px;
}

.ccm-ui .blockquote {
    font-size: 20px;
    margin-bottom: 16px;
}

.ccm-ui .blockquote-footer {
    font-size: 14.4px;
    margin-bottom: 16px;
    margin-top: -16px;
}

.ccm-ui .img-thumbnail {
    padding: 4px;
}

.ccm-ui .figure-img {
    margin-bottom: 8px;
}

.ccm-ui .figure-caption {
    font-size: 14.4px;
}

.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: 24px;
}

.ccm-ui .row {
    --bs-gutter-x: 24px;
}

.ccm-ui .g-1,
.ccm-ui .gx-1 {
    --bs-gutter-x: 4px;
}

.ccm-ui .g-1,
.ccm-ui .gy-1 {
    --bs-gutter-y: 4px;
}

.ccm-ui .g-2,
.ccm-ui .gx-2 {
    --bs-gutter-x: 8px;
}

.ccm-ui .g-2,
.ccm-ui .gy-2 {
    --bs-gutter-y: 8px;
}

.ccm-ui .g-3,
.ccm-ui .gx-3 {
    --bs-gutter-x: 16px;
}

.ccm-ui .g-3,
.ccm-ui .gy-3 {
    --bs-gutter-y: 16px;
}

.ccm-ui .g-4,
.ccm-ui .gx-4 {
    --bs-gutter-x: 24px;
}

.ccm-ui .g-4,
.ccm-ui .gy-4 {
    --bs-gutter-y: 24px;
}

.ccm-ui .g-5,
.ccm-ui .gx-5 {
    --bs-gutter-x: 48px;
}

.ccm-ui .g-5,
.ccm-ui .gy-5 {
    --bs-gutter-y: 48px;
}

@media (min-width: 576px) {
    .ccm-ui .g-sm-1,
    .ccm-ui .gx-sm-1 {
        --bs-gutter-x: 4px;
    }
    .ccm-ui .g-sm-1,
    .ccm-ui .gy-sm-1 {
        --bs-gutter-y: 4px;
    }
    .ccm-ui .g-sm-2,
    .ccm-ui .gx-sm-2 {
        --bs-gutter-x: 8px;
    }
    .ccm-ui .g-sm-2,
    .ccm-ui .gy-sm-2 {
        --bs-gutter-y: 8px;
    }
    .ccm-ui .g-sm-3,
    .ccm-ui .gx-sm-3 {
        --bs-gutter-x: 16px;
    }
    .ccm-ui .g-sm-3,
    .ccm-ui .gy-sm-3 {
        --bs-gutter-y: 16px;
    }
    .ccm-ui .g-sm-4,
    .ccm-ui .gx-sm-4 {
        --bs-gutter-x: 24px;
    }
    .ccm-ui .g-sm-4,
    .ccm-ui .gy-sm-4 {
        --bs-gutter-y: 24px;
    }
    .ccm-ui .g-sm-5,
    .ccm-ui .gx-sm-5 {
        --bs-gutter-x: 48px;
    }
    .ccm-ui .g-sm-5,
    .ccm-ui .gy-sm-5 {
        --bs-gutter-y: 48px;
    }
}

@media (min-width: 768px) {
    .ccm-ui .g-md-1,
    .ccm-ui .gx-md-1 {
        --bs-gutter-x: 4px;
    }
    .ccm-ui .g-md-1,
    .ccm-ui .gy-md-1 {
        --bs-gutter-y: 4px;
    }
    .ccm-ui .g-md-2,
    .ccm-ui .gx-md-2 {
        --bs-gutter-x: 8px;
    }
    .ccm-ui .g-md-2,
    .ccm-ui .gy-md-2 {
        --bs-gutter-y: 8px;
    }
    .ccm-ui .g-md-3,
    .ccm-ui .gx-md-3 {
        --bs-gutter-x: 16px;
    }
    .ccm-ui .g-md-3,
    .ccm-ui .gy-md-3 {
        --bs-gutter-y: 16px;
    }
    .ccm-ui .g-md-4,
    .ccm-ui .gx-md-4 {
        --bs-gutter-x: 24px;
    }
    .ccm-ui .g-md-4,
    .ccm-ui .gy-md-4 {
        --bs-gutter-y: 24px;
    }
    .ccm-ui .g-md-5,
    .ccm-ui .gx-md-5 {
        --bs-gutter-x: 48px;
    }
    .ccm-ui .g-md-5,
    .ccm-ui .gy-md-5 {
        --bs-gutter-y: 48px;
    }
}

@media (min-width: 992px) {
    .ccm-ui .g-lg-1,
    .ccm-ui .gx-lg-1 {
        --bs-gutter-x: 4px;
    }
    .ccm-ui .g-lg-1,
    .ccm-ui .gy-lg-1 {
        --bs-gutter-y: 4px;
    }
    .ccm-ui .g-lg-2,
    .ccm-ui .gx-lg-2 {
        --bs-gutter-x: 8px;
    }
    .ccm-ui .g-lg-2,
    .ccm-ui .gy-lg-2 {
        --bs-gutter-y: 8px;
    }
    .ccm-ui .g-lg-3,
    .ccm-ui .gx-lg-3 {
        --bs-gutter-x: 16px;
    }
    .ccm-ui .g-lg-3,
    .ccm-ui .gy-lg-3 {
        --bs-gutter-y: 16px;
    }
    .ccm-ui .g-lg-4,
    .ccm-ui .gx-lg-4 {
        --bs-gutter-x: 24px;
    }
    .ccm-ui .g-lg-4,
    .ccm-ui .gy-lg-4 {
        --bs-gutter-y: 24px;
    }
    .ccm-ui .g-lg-5,
    .ccm-ui .gx-lg-5 {
        --bs-gutter-x: 48px;
    }
    .ccm-ui .g-lg-5,
    .ccm-ui .gy-lg-5 {
        --bs-gutter-y: 48px;
    }
}

@media (min-width: 1200px) {
    .ccm-ui .g-xl-1,
    .ccm-ui .gx-xl-1 {
        --bs-gutter-x: 4px;
    }
    .ccm-ui .g-xl-1,
    .ccm-ui .gy-xl-1 {
        --bs-gutter-y: 4px;
    }
    .ccm-ui .g-xl-2,
    .ccm-ui .gx-xl-2 {
        --bs-gutter-x: 8px;
    }
    .ccm-ui .g-xl-2,
    .ccm-ui .gy-xl-2 {
        --bs-gutter-y: 8px;
    }
    .ccm-ui .g-xl-3,
    .ccm-ui .gx-xl-3 {
        --bs-gutter-x: 16px;
    }
    .ccm-ui .g-xl-3,
    .ccm-ui .gy-xl-3 {
        --bs-gutter-y: 16px;
    }
    .ccm-ui .g-xl-4,
    .ccm-ui .gx-xl-4 {
        --bs-gutter-x: 24px;
    }
    .ccm-ui .g-xl-4,
    .ccm-ui .gy-xl-4 {
        --bs-gutter-y: 24px;
    }
    .ccm-ui .g-xl-5,
    .ccm-ui .gx-xl-5 {
        --bs-gutter-x: 48px;
    }
    .ccm-ui .g-xl-5,
    .ccm-ui .gy-xl-5 {
        --bs-gutter-y: 48px;
    }
}

@media (min-width: 1400px) {
    .ccm-ui .g-xxl-1,
    .ccm-ui .gx-xxl-1 {
        --bs-gutter-x: 4px;
    }
    .ccm-ui .g-xxl-1,
    .ccm-ui .gy-xxl-1 {
        --bs-gutter-y: 4px;
    }
    .ccm-ui .g-xxl-2,
    .ccm-ui .gx-xxl-2 {
        --bs-gutter-x: 8px;
    }
    .ccm-ui .g-xxl-2,
    .ccm-ui .gy-xxl-2 {
        --bs-gutter-y: 8px;
    }
    .ccm-ui .g-xxl-3,
    .ccm-ui .gx-xxl-3 {
        --bs-gutter-x: 16px;
    }
    .ccm-ui .g-xxl-3,
    .ccm-ui .gy-xxl-3 {
        --bs-gutter-y: 16px;
    }
    .ccm-ui .g-xxl-4,
    .ccm-ui .gx-xxl-4 {
        --bs-gutter-x: 24px;
    }
    .ccm-ui .g-xxl-4,
    .ccm-ui .gy-xxl-4 {
        --bs-gutter-y: 24px;
    }
    .ccm-ui .g-xxl-5,
    .ccm-ui .gx-xxl-5 {
        --bs-gutter-x: 48px;
    }
    .ccm-ui .g-xxl-5,
    .ccm-ui .gy-xxl-5 {
        --bs-gutter-y: 48px;
    }
}

.ccm-ui .table {
    margin-bottom: 16px;
}

.ccm-ui .table > :not(caption) > * > * {
    padding: 8px;
}

.ccm-ui .table-sm > :not(caption) > * > * {
    padding: 4px;
}

.ccm-ui .form-label {
    margin-bottom: 8px;
}

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

.ccm-ui .col-form-label-lg {
    font-size: 20px;
}

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

.ccm-ui .form-text {
    font-size: 14.4px;
    margin-top: 4px;
}

.ccm-ui .form-control {
    font-size: 16px;
    padding: 8px 12px;
}

.ccm-ui .form-control::file-selector-button {
    margin: -8px -12px;
    margin-inline-end: 12px;
    padding: 8px 12px;
}

.ccm-ui .form-control-plaintext {
    padding: 8px 0;
}

.ccm-ui .form-control-sm {
    font-size: 14px;
    min-height: calc(1.5em + 8px + var(--bs-border-width) * 2);
    padding: 4px 8px;
}

.ccm-ui .form-control-sm::file-selector-button {
    margin: -4px -8px;
    margin-inline-end: 8px;
    padding: 4px 8px;
}

.ccm-ui .form-control-lg {
    font-size: 20px;
    min-height: calc(1.5em + 16px + var(--bs-border-width) * 2);
    padding: 8px 16px;
}

.ccm-ui .form-control-lg::file-selector-button {
    margin: -8px -16px;
    margin-inline-end: 16px;
    padding: 8px 16px;
}

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

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

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

.ccm-ui .form-control-color {
    height: calc(1.5em + 16px + var(--bs-border-width) * 2);
    padding: 8px;
    width: 48px;
}

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

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

.ccm-ui .form-select {
    background-position: right 12px center;
    font-size: 16px;
    padding: 8px 36px 8px 12px;
}

.ccm-ui .form-select:focus {
    box-shadow:
        0 0,
        0 0 0 4px rgba(74, 144, 226, 0.25);
}

.ccm-ui .form-select[multiple],
.ccm-ui .form-select[size]:not([size="1"]) {
    padding-right: 12px;
}

.ccm-ui .form-select-sm {
    font-size: 14px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-top: 4px;
}

.ccm-ui .form-select-lg {
    font-size: 20px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-top: 8px;
}

.ccm-ui .form-check {
    margin-bottom: 2px;
    min-height: 24px;
}

.ccm-ui .form-check-input:focus {
    box-shadow: 0 0 0 4px rgba(74, 144, 226, 0.25);
}

.ccm-ui .form-check-inline {
    margin-right: 16px;
}

.ccm-ui .form-range {
    height: 24px;
}

.ccm-ui .form-range::-webkit-slider-thumb {
    border-radius: 16px;
    box-shadow: 0 1.6px 4px rgba(0, 0, 0, 0.1);
    height: 16px;
    margin-top: -4px;
    width: 16px;
}

.ccm-ui .form-range::-webkit-slider-runnable-track {
    border-radius: 16px;
    height: 8px;
}

.ccm-ui .form-range::-moz-range-thumb {
    border-radius: 16px;
    box-shadow: 0 1.6px 4px rgba(0, 0, 0, 0.1);
    height: 16px;
    width: 16px;
}

.ccm-ui .form-range::-moz-range-track {
    border-radius: 16px;
    height: 8px;
}

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

.ccm-ui .form-floating > label {
    padding: 16px 12px;
}

.ccm-ui .form-floating > .form-control,
.ccm-ui .form-floating > .form-control-plaintext {
    padding: 16px 12px;
}

.ccm-ui .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown),
.ccm-ui .form-floating > .form-control:not(:-moz-placeholder-shown) {
    padding-bottom: 10px;
    padding-top: 26px;
}

.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: 10px;
    padding-top: 26px;
}

.ccm-ui .form-floating > .form-control-plaintext:-webkit-autofill,
.ccm-ui .form-floating > .form-control:-webkit-autofill {
    padding-bottom: 10px;
    padding-top: 26px;
}

.ccm-ui .form-floating > .form-select {
    padding-bottom: 10px;
    padding-top: 26px;
}

.ccm-ui .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    transform: scale(0.85) translateY(-8px) translateX(2.4px);
}

.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 {
    transform: scale(0.85) translateY(-8px) translateX(2.4px);
}

.ccm-ui
    .form-floating
    > .form-control:not(:-moz-placeholder-shown)
    ~ label:after {
    inset: 16px 6px;
}

.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 {
    inset: 16px 6px;
}

.ccm-ui .form-floating > .form-control:-webkit-autofill ~ label {
    transform: scale(0.85) translateY(-8px) translateX(2.4px);
}

.ccm-ui .input-group-text {
    font-size: 16px;
    padding: 8px 12px;
}

.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 {
    font-size: 20px;
    padding: 8px 16px;
}

.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 {
    font-size: 14px;
    padding: 4px 8px;
}

.ccm-ui .input-group-lg > .form-select,
.ccm-ui .input-group-sm > .form-select {
    padding-right: 48px;
}

.ccm-ui .valid-feedback {
    font-size: 14.4px;
    margin-top: 4px;
}

.ccm-ui .valid-tooltip {
    font-size: 14px;
    margin-top: 1.6px;
    padding: 4px 8px;
}

.ccm-ui .form-control.is-valid,
.was-validated .ccm-ui .form-control:valid {
    background-position: right calc(0.375em + 4px) center;
    background-size: calc(0.75em + 8px) calc(0.75em + 8px);
    padding-right: calc(1.5em + 16px);
}

.ccm-ui .form-control.is-valid:focus,
.was-validated .ccm-ui .form-control:valid:focus {
    box-shadow:
        inset 0 0,
        0 0 0 4px rgba(var(--bs-success-rgb), 0.25);
}

.ccm-ui textarea.form-control.is-valid,
.was-validated .ccm-ui textarea.form-control:valid {
    background-position: top calc(0.375em + 4px) right calc(0.375em + 4px);
    padding-right: calc(1.5em + 16px);
}

.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"] {
    background-position:
        right 12px center,
        center right 36px;
    background-size:
        16px 12px,
        calc(0.75em + 8px) calc(0.75em + 8px);
    padding-right: 66px;
}

.ccm-ui .form-select.is-valid:focus,
.was-validated .ccm-ui .form-select:valid:focus {
    box-shadow:
        0 0,
        0 0 0 4px rgba(var(--bs-success-rgb), 0.25);
}

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

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

.ccm-ui .invalid-feedback {
    font-size: 14.4px;
    margin-top: 4px;
}

.ccm-ui .invalid-tooltip {
    font-size: 14px;
    margin-top: 1.6px;
    padding: 4px 8px;
}

.ccm-ui .form-control.is-invalid,
.was-validated .ccm-ui .form-control:invalid {
    background-position: right calc(0.375em + 4px) center;
    background-size: calc(0.75em + 8px) calc(0.75em + 8px);
    padding-right: calc(1.5em + 16px);
}

.ccm-ui .form-control.is-invalid:focus,
.was-validated .ccm-ui .form-control:invalid:focus {
    box-shadow:
        inset 0 0,
        0 0 0 4px rgba(var(--bs-danger-rgb), 0.25);
}

.ccm-ui textarea.form-control.is-invalid,
.was-validated .ccm-ui textarea.form-control:invalid {
    background-position: top calc(0.375em + 4px) right calc(0.375em + 4px);
    padding-right: calc(1.5em + 16px);
}

.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"] {
    background-position:
        right 12px center,
        center right 36px;
    background-size:
        16px 12px,
        calc(0.75em + 8px) calc(0.75em + 8px);
    padding-right: 66px;
}

.ccm-ui .form-select.is-invalid:focus,
.was-validated .ccm-ui .form-select:invalid:focus {
    box-shadow:
        0 0,
        0 0 0 4px rgba(var(--bs-danger-rgb), 0.25);
}

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

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

.ccm-ui .btn {
    --bs-btn-font-size: 14.4px;
    --bs-btn-focus-box-shadow: 0 0 0 4px
        rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}

.ccm-ui .btn-group-lg > .btn,
.ccm-ui .btn-lg {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 20px;
}

.ccm-ui .btn-group-sm > .btn,
.ccm-ui .btn-sm {
    --bs-btn-padding-y: 4px;
    --bs-btn-padding-x: 8px;
    --bs-btn-font-size: 14px;
}

.ccm-ui .dropdown-menu {
    --bs-dropdown-spacer: 2px;
    --bs-dropdown-font-size: 16px;
    --bs-dropdown-divider-margin-y: 10px;
    --bs-dropdown-item-padding-y: 10px;
}

.ccm-ui .dropdown-header {
    font-size: 14px;
}

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

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

.ccm-ui .nav {
    --bs-nav-link-padding-x: 16px;
    --bs-nav-link-padding-y: 8px;
}

.ccm-ui .nav-link:focus-visible {
    box-shadow: 0 0 0 4px rgba(74, 144, 226, 0.25);
}

.ccm-ui .nav-underline {
    --bs-nav-underline-gap: 16px;
    --bs-nav-underline-border-width: 2px;
}

.ccm-ui .navbar {
    --bs-navbar-padding-y: 8px;
    --bs-navbar-brand-padding-y: 5px;
    --bs-navbar-brand-margin-end: 16px;
    --bs-navbar-brand-font-size: 20px;
    --bs-navbar-nav-link-padding-x: 8px;
    --bs-navbar-toggler-padding-y: 4px;
    --bs-navbar-toggler-padding-x: 12px;
    --bs-navbar-toggler-font-size: 20px;
    --bs-navbar-toggler-focus-width: 4px;
}

.ccm-ui .navbar-nav {
    --bs-nav-link-padding-y: 8px;
}

.ccm-ui .navbar-text {
    padding-bottom: 8px;
    padding-top: 8px;
}

.ccm-ui .card {
    --bs-card-spacer-y: 16px;
    --bs-card-spacer-x: 16px;
    --bs-card-title-spacer-y: 8px;
    --bs-card-cap-padding-y: 8px;
    --bs-card-cap-padding-x: 16px;
    --bs-card-img-overlay-padding: 16px;
    --bs-card-group-margin: 12px;
}

.ccm-ui .accordion {
    --bs-accordion-btn-padding-x: 20px;
    --bs-accordion-btn-padding-y: 16px;
    --bs-accordion-btn-icon-width: 20px;
    --bs-accordion-body-padding-x: 20px;
    --bs-accordion-body-padding-y: 16px;
}

.ccm-ui .accordion-button {
    font-size: 16px;
}

.ccm-ui .breadcrumb {
    --bs-breadcrumb-margin-bottom: 16px;
    --bs-breadcrumb-font-size: 12.8px;
    --bs-breadcrumb-item-padding-x: 8px;
}
.ccm-pagination-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ccm-ui .pagination {
    --bs-pagination-padding-x: 12px;
    --bs-pagination-padding-y: 6px;
    --bs-pagination-font-size: 16px;
    --bs-pagination-focus-box-shadow: 0 0 0 4px rgba(74, 144, 226, 0.25);
}

.ccm-pagination-wrapper .pagination > .disabled > span:hover {
    background-color: #fff;
}
.ccm-ui .pagination-lg {
    --bs-pagination-padding-x: 24px;
    --bs-pagination-padding-y: 12px;
    --bs-pagination-font-size: 20px;
}

.ccm-ui .pagination-sm {
    --bs-pagination-padding-x: 8px;
    --bs-pagination-padding-y: 4px;
    --bs-pagination-font-size: 14px;
}

.ccm-ui .alert {
    --bs-alert-padding-x: 16px;
    --bs-alert-padding-y: 16px;
    --bs-alert-margin-bottom: 16px;
}

.ccm-ui .alert-dismissible {
    padding-right: 48px;
}

.ccm-ui .alert-dismissible .btn-close {
    padding: 20px 16px;
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 16px;
    }
}

.ccm-ui .progress,
.ccm-ui .progress-stacked {
    --bs-progress-height: 16px;
    --bs-progress-font-size: 12px;
}

.ccm-ui .list-group {
    --bs-list-group-item-padding-x: 16px;
    --bs-list-group-item-padding-y: 8px;
}

.ccm-ui .list-group-numbered > .list-group-item:before {
    counter-increment: section;
}

.ccm-ui .btn-close {
    --bs-btn-close-focus-shadow: 0 0 0 4px rgba(74, 144, 226, 0.25);
}

.ccm-ui .toast {
    --bs-toast-padding-x: 12px;
    --bs-toast-padding-y: 8px;
    --bs-toast-spacing: 24px;
    --bs-toast-font-size: 14px;
}

.ccm-ui .modal {
    --bs-modal-padding: 28.8px;
    --bs-modal-margin: 8px;
    --bs-modal-header-padding-x: 28.8px;
    --bs-modal-header-padding-y: 20px;
    --bs-modal-header-padding: 20px 28.8px;
    --bs-modal-footer-gap: 8px;
}

@media (min-width: 576px) {
    .ccm-ui .modal {
        --bs-modal-margin: 28px;
    }
}

.ccm-ui .tooltip {
    --bs-tooltip-padding-x: 8px;
    --bs-tooltip-padding-y: 4px;
    --bs-tooltip-font-size: 14px;
    --bs-tooltip-arrow-width: 12.8px;
    --bs-tooltip-arrow-height: 6.4px;
}

.ccm-ui .popover {
    --bs-popover-font-size: 14px;
    --bs-popover-header-padding-x: 16px;
    --bs-popover-header-padding-y: 8px;
    --bs-popover-header-font-size: 16px;
    --bs-popover-body-padding-x: 16px;
    --bs-popover-body-padding-y: 16px;
    --bs-popover-arrow-width: 16px;
    --bs-popover-arrow-height: 8px;
}

.ccm-ui .spinner-border {
    --bs-spinner-width: 32px;
    --bs-spinner-height: 32px;
}

.ccm-ui .spinner-border-sm {
    --bs-spinner-width: 16px;
    --bs-spinner-height: 16px;
}

.ccm-ui .spinner-grow {
    --bs-spinner-width: 32px;
    --bs-spinner-height: 32px;
}

.ccm-ui .spinner-grow-sm {
    --bs-spinner-width: 16px;
    --bs-spinner-height: 16px;
}

.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-padding-x: 28.8px;
    --bs-offcanvas-padding-y: 28.8px;
}

.ccm-ui .icon-link {
    gap: 6px;
}

.ccm-ui .m-1 {
    margin: 4px !important;
}

.ccm-ui .m-2 {
    margin: 8px !important;
}

.ccm-ui .m-3 {
    margin: 16px !important;
}

.ccm-ui .m-4 {
    margin: 24px !important;
}

.ccm-ui .m-5 {
    margin: 48px !important;
}

.ccm-ui .mx-1 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.ccm-ui .mx-2 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.ccm-ui .mx-3 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.ccm-ui .mx-4 {
    margin-left: 24px !important;
    margin-right: 24px !important;
}

.ccm-ui .mx-5 {
    margin-left: 48px !important;
    margin-right: 48px !important;
}

.ccm-ui .my-1 {
    margin-bottom: 4px !important;
    margin-top: 4px !important;
}

.ccm-ui .my-2 {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
}

.ccm-ui .my-3 {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
}

.ccm-ui .my-4 {
    margin-bottom: 24px !important;
    margin-top: 24px !important;
}

.ccm-ui .my-5 {
    margin-bottom: 48px !important;
    margin-top: 48px !important;
}

.ccm-ui .mt-1 {
    margin-top: 4px !important;
}

.ccm-ui .mt-2 {
    margin-top: 8px !important;
}

.ccm-ui .mt-3 {
    margin-top: 16px !important;
}

.ccm-ui .mt-4 {
    margin-top: 24px !important;
}

.ccm-ui .mt-5 {
    margin-top: 48px !important;
}

.ccm-ui .me-1 {
    margin-right: 4px !important;
}

.ccm-ui .me-2 {
    margin-right: 8px !important;
}

.ccm-ui .me-3 {
    margin-right: 16px !important;
}

.ccm-ui .me-4 {
    margin-right: 24px !important;
}

.ccm-ui .me-5 {
    margin-right: 48px !important;
}

.ccm-ui .mb-1 {
    margin-bottom: 4px !important;
}

.ccm-ui .mb-2 {
    margin-bottom: 8px !important;
}

.ccm-ui .mb-3 {
    margin-bottom: 16px !important;
}

.ccm-ui .mb-4 {
    margin-bottom: 24px !important;
}

.ccm-ui .mb-5 {
    margin-bottom: 48px !important;
}

.ccm-ui .ms-1 {
    margin-left: 4px !important;
}

.ccm-ui .ms-2 {
    margin-left: 8px !important;
}

.ccm-ui .ms-3 {
    margin-left: 16px !important;
}

.ccm-ui .ms-4 {
    margin-left: 24px !important;
}

.ccm-ui .ms-5 {
    margin-left: 48px !important;
}

.ccm-ui .p-1 {
    padding: 4px !important;
}

.ccm-ui .p-2 {
    padding: 8px !important;
}

.ccm-ui .p-3 {
    padding: 16px !important;
}

.ccm-ui .p-4 {
    padding: 24px !important;
}

.ccm-ui .p-5 {
    padding: 48px !important;
}

.ccm-ui .px-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.ccm-ui .px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.ccm-ui .px-3 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.ccm-ui .px-4 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.ccm-ui .px-5 {
    padding-left: 48px !important;
    padding-right: 48px !important;
}

.ccm-ui .py-1 {
    padding-bottom: 4px !important;
    padding-top: 4px !important;
}

.ccm-ui .py-2 {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

.ccm-ui .py-3 {
    padding-bottom: 16px !important;
    padding-top: 16px !important;
}

.ccm-ui .py-4 {
    padding-bottom: 24px !important;
    padding-top: 24px !important;
}

.ccm-ui .py-5 {
    padding-bottom: 48px !important;
    padding-top: 48px !important;
}

.ccm-ui .pt-1 {
    padding-top: 4px !important;
}

.ccm-ui .pt-2 {
    padding-top: 8px !important;
}

.ccm-ui .pt-3 {
    padding-top: 16px !important;
}

.ccm-ui .pt-4 {
    padding-top: 24px !important;
}

.ccm-ui .pt-5 {
    padding-top: 48px !important;
}

.ccm-ui .pe-1 {
    padding-right: 4px !important;
}

.ccm-ui .pe-2 {
    padding-right: 8px !important;
}

.ccm-ui .pe-3 {
    padding-right: 16px !important;
}

.ccm-ui .pe-4 {
    padding-right: 24px !important;
}

.ccm-ui .pe-5 {
    padding-right: 48px !important;
}

.ccm-ui .pb-1 {
    padding-bottom: 4px !important;
}

.ccm-ui .pb-2 {
    padding-bottom: 8px !important;
}

.ccm-ui .pb-3 {
    padding-bottom: 16px !important;
}

.ccm-ui .pb-4 {
    padding-bottom: 24px !important;
}

.ccm-ui .pb-5 {
    padding-bottom: 48px !important;
}

.ccm-ui .ps-1 {
    padding-left: 4px !important;
}

.ccm-ui .ps-2 {
    padding-left: 8px !important;
}

.ccm-ui .ps-3 {
    padding-left: 16px !important;
}

.ccm-ui .ps-4 {
    padding-left: 24px !important;
}

.ccm-ui .ps-5 {
    padding-left: 48px !important;
}

.ccm-ui .gap-1 {
    gap: 4px !important;
}

.ccm-ui .gap-2 {
    gap: 8px !important;
}

.ccm-ui .gap-3 {
    gap: 16px !important;
}

.ccm-ui .gap-4 {
    gap: 24px !important;
}

.ccm-ui .gap-5 {
    gap: 48px !important;
}

.ccm-ui .row-gap-1 {
    row-gap: 4px !important;
}

.ccm-ui .row-gap-2 {
    row-gap: 8px !important;
}

.ccm-ui .row-gap-3 {
    row-gap: 16px !important;
}

.ccm-ui .row-gap-4 {
    row-gap: 24px !important;
}

.ccm-ui .row-gap-5 {
    row-gap: 48px !important;
}

.ccm-ui .column-gap-1 {
    -moz-column-gap: 4px !important;
    column-gap: 4px !important;
}

.ccm-ui .column-gap-2 {
    -moz-column-gap: 8px !important;
    column-gap: 8px !important;
}

.ccm-ui .column-gap-3 {
    -moz-column-gap: 16px !important;
    column-gap: 16px !important;
}

.ccm-ui .column-gap-4 {
    -moz-column-gap: 24px !important;
    column-gap: 24px !important;
}

.ccm-ui .column-gap-5 {
    -moz-column-gap: 48px !important;
    column-gap: 48px !important;
}

.ccm-ui .fs-1 {
    font-size: calc(23.6px + 2.7vw) !important;
}

.ccm-ui .fs-2 {
    font-size: calc(21.2px + 0.9vw) !important;
}

.ccm-ui .fs-3 {
    font-size: calc(20.4px + 0.3vw) !important;
}

.ccm-ui .fs-4 {
    font-size: calc(20.2px + 0.15vw) !important;
}

.ccm-ui .fs-5 {
    font-size: 20px !important;
}

.ccm-ui .fs-6 {
    font-size: 12.8px !important;
}

@media (min-width: 576px) {
    .ccm-ui .m-sm-1 {
        margin: 4px !important;
    }
    .ccm-ui .m-sm-2 {
        margin: 8px !important;
    }
    .ccm-ui .m-sm-3 {
        margin: 16px !important;
    }
    .ccm-ui .m-sm-4 {
        margin: 24px !important;
    }
    .ccm-ui .m-sm-5 {
        margin: 48px !important;
    }
    .ccm-ui .mx-sm-1 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
    .ccm-ui .mx-sm-2 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .ccm-ui .mx-sm-3 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .ccm-ui .mx-sm-4 {
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
    .ccm-ui .mx-sm-5 {
        margin-left: 48px !important;
        margin-right: 48px !important;
    }
    .ccm-ui .my-sm-1 {
        margin-bottom: 4px !important;
        margin-top: 4px !important;
    }
    .ccm-ui .my-sm-2 {
        margin-bottom: 8px !important;
        margin-top: 8px !important;
    }
    .ccm-ui .my-sm-3 {
        margin-bottom: 16px !important;
        margin-top: 16px !important;
    }
    .ccm-ui .my-sm-4 {
        margin-bottom: 24px !important;
        margin-top: 24px !important;
    }
    .ccm-ui .my-sm-5 {
        margin-bottom: 48px !important;
        margin-top: 48px !important;
    }
    .ccm-ui .mt-sm-1 {
        margin-top: 4px !important;
    }
    .ccm-ui .mt-sm-2 {
        margin-top: 8px !important;
    }
    .ccm-ui .mt-sm-3 {
        margin-top: 16px !important;
    }
    .ccm-ui .mt-sm-4 {
        margin-top: 24px !important;
    }
    .ccm-ui .mt-sm-5 {
        margin-top: 48px !important;
    }
    .ccm-ui .me-sm-1 {
        margin-right: 4px !important;
    }
    .ccm-ui .me-sm-2 {
        margin-right: 8px !important;
    }
    .ccm-ui .me-sm-3 {
        margin-right: 16px !important;
    }
    .ccm-ui .me-sm-4 {
        margin-right: 24px !important;
    }
    .ccm-ui .me-sm-5 {
        margin-right: 48px !important;
    }
    .ccm-ui .mb-sm-1 {
        margin-bottom: 4px !important;
    }
    .ccm-ui .mb-sm-2 {
        margin-bottom: 8px !important;
    }
    .ccm-ui .mb-sm-3 {
        margin-bottom: 16px !important;
    }
    .ccm-ui .mb-sm-4 {
        margin-bottom: 24px !important;
    }
    .ccm-ui .mb-sm-5 {
        margin-bottom: 48px !important;
    }
    .ccm-ui .ms-sm-1 {
        margin-left: 4px !important;
    }
    .ccm-ui .ms-sm-2 {
        margin-left: 8px !important;
    }
    .ccm-ui .ms-sm-3 {
        margin-left: 16px !important;
    }
    .ccm-ui .ms-sm-4 {
        margin-left: 24px !important;
    }
    .ccm-ui .ms-sm-5 {
        margin-left: 48px !important;
    }
    .ccm-ui .p-sm-1 {
        padding: 4px !important;
    }
    .ccm-ui .p-sm-2 {
        padding: 8px !important;
    }
    .ccm-ui .p-sm-3 {
        padding: 16px !important;
    }
    .ccm-ui .p-sm-4 {
        padding: 24px !important;
    }
    .ccm-ui .p-sm-5 {
        padding: 48px !important;
    }
    .ccm-ui .px-sm-1 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .ccm-ui .px-sm-2 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .ccm-ui .px-sm-3 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .ccm-ui .px-sm-4 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .ccm-ui .px-sm-5 {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
    .ccm-ui .py-sm-1 {
        padding-bottom: 4px !important;
        padding-top: 4px !important;
    }
    .ccm-ui .py-sm-2 {
        padding-bottom: 8px !important;
        padding-top: 8px !important;
    }
    .ccm-ui .py-sm-3 {
        padding-bottom: 16px !important;
        padding-top: 16px !important;
    }
    .ccm-ui .py-sm-4 {
        padding-bottom: 24px !important;
        padding-top: 24px !important;
    }
    .ccm-ui .py-sm-5 {
        padding-bottom: 48px !important;
        padding-top: 48px !important;
    }
    .ccm-ui .pt-sm-1 {
        padding-top: 4px !important;
    }
    .ccm-ui .pt-sm-2 {
        padding-top: 8px !important;
    }
    .ccm-ui .pt-sm-3 {
        padding-top: 16px !important;
    }
    .ccm-ui .pt-sm-4 {
        padding-top: 24px !important;
    }
    .ccm-ui .pt-sm-5 {
        padding-top: 48px !important;
    }
    .ccm-ui .pe-sm-1 {
        padding-right: 4px !important;
    }
    .ccm-ui .pe-sm-2 {
        padding-right: 8px !important;
    }
    .ccm-ui .pe-sm-3 {
        padding-right: 16px !important;
    }
    .ccm-ui .pe-sm-4 {
        padding-right: 24px !important;
    }
    .ccm-ui .pe-sm-5 {
        padding-right: 48px !important;
    }
    .ccm-ui .pb-sm-1 {
        padding-bottom: 4px !important;
    }
    .ccm-ui .pb-sm-2 {
        padding-bottom: 8px !important;
    }
    .ccm-ui .pb-sm-3 {
        padding-bottom: 16px !important;
    }
    .ccm-ui .pb-sm-4 {
        padding-bottom: 24px !important;
    }
    .ccm-ui .pb-sm-5 {
        padding-bottom: 48px !important;
    }
    .ccm-ui .ps-sm-1 {
        padding-left: 4px !important;
    }
    .ccm-ui .ps-sm-2 {
        padding-left: 8px !important;
    }
    .ccm-ui .ps-sm-3 {
        padding-left: 16px !important;
    }
    .ccm-ui .ps-sm-4 {
        padding-left: 24px !important;
    }
    .ccm-ui .ps-sm-5 {
        padding-left: 48px !important;
    }
    .ccm-ui .gap-sm-1 {
        gap: 4px !important;
    }
    .ccm-ui .gap-sm-2 {
        gap: 8px !important;
    }
    .ccm-ui .gap-sm-3 {
        gap: 16px !important;
    }
    .ccm-ui .gap-sm-4 {
        gap: 24px !important;
    }
    .ccm-ui .gap-sm-5 {
        gap: 48px !important;
    }
    .ccm-ui .row-gap-sm-1 {
        row-gap: 4px !important;
    }
    .ccm-ui .row-gap-sm-2 {
        row-gap: 8px !important;
    }
    .ccm-ui .row-gap-sm-3 {
        row-gap: 16px !important;
    }
    .ccm-ui .row-gap-sm-4 {
        row-gap: 24px !important;
    }
    .ccm-ui .row-gap-sm-5 {
        row-gap: 48px !important;
    }
    .ccm-ui .column-gap-sm-1 {
        -moz-column-gap: 4px !important;
        column-gap: 4px !important;
    }
    .ccm-ui .column-gap-sm-2 {
        -moz-column-gap: 8px !important;
        column-gap: 8px !important;
    }
    .ccm-ui .column-gap-sm-3 {
        -moz-column-gap: 16px !important;
        column-gap: 16px !important;
    }
    .ccm-ui .column-gap-sm-4 {
        -moz-column-gap: 24px !important;
        column-gap: 24px !important;
    }
    .ccm-ui .column-gap-sm-5 {
        -moz-column-gap: 48px !important;
        column-gap: 48px !important;
    }
}

@media (min-width: 768px) {
    .ccm-ui .m-md-1 {
        margin: 4px !important;
    }
    .ccm-ui .m-md-2 {
        margin: 8px !important;
    }
    .ccm-ui .m-md-3 {
        margin: 16px !important;
    }
    .ccm-ui .m-md-4 {
        margin: 24px !important;
    }
    .ccm-ui .m-md-5 {
        margin: 48px !important;
    }
    .ccm-ui .mx-md-1 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
    .ccm-ui .mx-md-2 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .ccm-ui .mx-md-3 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .ccm-ui .mx-md-4 {
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
    .ccm-ui .mx-md-5 {
        margin-left: 48px !important;
        margin-right: 48px !important;
    }
    .ccm-ui .my-md-1 {
        margin-bottom: 4px !important;
        margin-top: 4px !important;
    }
    .ccm-ui .my-md-2 {
        margin-bottom: 8px !important;
        margin-top: 8px !important;
    }
    .ccm-ui .my-md-3 {
        margin-bottom: 16px !important;
        margin-top: 16px !important;
    }
    .ccm-ui .my-md-4 {
        margin-bottom: 24px !important;
        margin-top: 24px !important;
    }
    .ccm-ui .my-md-5 {
        margin-bottom: 48px !important;
        margin-top: 48px !important;
    }
    .ccm-ui .mt-md-1 {
        margin-top: 4px !important;
    }
    .ccm-ui .mt-md-2 {
        margin-top: 8px !important;
    }
    .ccm-ui .mt-md-3 {
        margin-top: 16px !important;
    }
    .ccm-ui .mt-md-4 {
        margin-top: 24px !important;
    }
    .ccm-ui .mt-md-5 {
        margin-top: 48px !important;
    }
    .ccm-ui .me-md-1 {
        margin-right: 4px !important;
    }
    .ccm-ui .me-md-2 {
        margin-right: 8px !important;
    }
    .ccm-ui .me-md-3 {
        margin-right: 16px !important;
    }
    .ccm-ui .me-md-4 {
        margin-right: 24px !important;
    }
    .ccm-ui .me-md-5 {
        margin-right: 48px !important;
    }
    .ccm-ui .mb-md-1 {
        margin-bottom: 4px !important;
    }
    .ccm-ui .mb-md-2 {
        margin-bottom: 8px !important;
    }
    .ccm-ui .mb-md-3 {
        margin-bottom: 16px !important;
    }
    .ccm-ui .mb-md-4 {
        margin-bottom: 24px !important;
    }
    .ccm-ui .mb-md-5 {
        margin-bottom: 48px !important;
    }
    .ccm-ui .ms-md-1 {
        margin-left: 4px !important;
    }
    .ccm-ui .ms-md-2 {
        margin-left: 8px !important;
    }
    .ccm-ui .ms-md-3 {
        margin-left: 16px !important;
    }
    .ccm-ui .ms-md-4 {
        margin-left: 24px !important;
    }
    .ccm-ui .ms-md-5 {
        margin-left: 48px !important;
    }
    .ccm-ui .p-md-1 {
        padding: 4px !important;
    }
    .ccm-ui .p-md-2 {
        padding: 8px !important;
    }
    .ccm-ui .p-md-3 {
        padding: 16px !important;
    }
    .ccm-ui .p-md-4 {
        padding: 24px !important;
    }
    .ccm-ui .p-md-5 {
        padding: 48px !important;
    }
    .ccm-ui .px-md-1 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .ccm-ui .px-md-2 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .ccm-ui .px-md-3 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .ccm-ui .px-md-4 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .ccm-ui .px-md-5 {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
    .ccm-ui .py-md-1 {
        padding-bottom: 4px !important;
        padding-top: 4px !important;
    }
    .ccm-ui .py-md-2 {
        padding-bottom: 8px !important;
        padding-top: 8px !important;
    }
    .ccm-ui .py-md-3 {
        padding-bottom: 16px !important;
        padding-top: 16px !important;
    }
    .ccm-ui .py-md-4 {
        padding-bottom: 24px !important;
        padding-top: 24px !important;
    }
    .ccm-ui .py-md-5 {
        padding-bottom: 48px !important;
        padding-top: 48px !important;
    }
    .ccm-ui .pt-md-1 {
        padding-top: 4px !important;
    }
    .ccm-ui .pt-md-2 {
        padding-top: 8px !important;
    }
    .ccm-ui .pt-md-3 {
        padding-top: 16px !important;
    }
    .ccm-ui .pt-md-4 {
        padding-top: 24px !important;
    }
    .ccm-ui .pt-md-5 {
        padding-top: 48px !important;
    }
    .ccm-ui .pe-md-1 {
        padding-right: 4px !important;
    }
    .ccm-ui .pe-md-2 {
        padding-right: 8px !important;
    }
    .ccm-ui .pe-md-3 {
        padding-right: 16px !important;
    }
    .ccm-ui .pe-md-4 {
        padding-right: 24px !important;
    }
    .ccm-ui .pe-md-5 {
        padding-right: 48px !important;
    }
    .ccm-ui .pb-md-1 {
        padding-bottom: 4px !important;
    }
    .ccm-ui .pb-md-2 {
        padding-bottom: 8px !important;
    }
    .ccm-ui .pb-md-3 {
        padding-bottom: 16px !important;
    }
    .ccm-ui .pb-md-4 {
        padding-bottom: 24px !important;
    }
    .ccm-ui .pb-md-5 {
        padding-bottom: 48px !important;
    }
    .ccm-ui .ps-md-1 {
        padding-left: 4px !important;
    }
    .ccm-ui .ps-md-2 {
        padding-left: 8px !important;
    }
    .ccm-ui .ps-md-3 {
        padding-left: 16px !important;
    }
    .ccm-ui .ps-md-4 {
        padding-left: 24px !important;
    }
    .ccm-ui .ps-md-5 {
        padding-left: 48px !important;
    }
    .ccm-ui .gap-md-1 {
        gap: 4px !important;
    }
    .ccm-ui .gap-md-2 {
        gap: 8px !important;
    }
    .ccm-ui .gap-md-3 {
        gap: 16px !important;
    }
    .ccm-ui .gap-md-4 {
        gap: 24px !important;
    }
    .ccm-ui .gap-md-5 {
        gap: 48px !important;
    }
    .ccm-ui .row-gap-md-1 {
        row-gap: 4px !important;
    }
    .ccm-ui .row-gap-md-2 {
        row-gap: 8px !important;
    }
    .ccm-ui .row-gap-md-3 {
        row-gap: 16px !important;
    }
    .ccm-ui .row-gap-md-4 {
        row-gap: 24px !important;
    }
    .ccm-ui .row-gap-md-5 {
        row-gap: 48px !important;
    }
    .ccm-ui .column-gap-md-1 {
        -moz-column-gap: 4px !important;
        column-gap: 4px !important;
    }
    .ccm-ui .column-gap-md-2 {
        -moz-column-gap: 8px !important;
        column-gap: 8px !important;
    }
    .ccm-ui .column-gap-md-3 {
        -moz-column-gap: 16px !important;
        column-gap: 16px !important;
    }
    .ccm-ui .column-gap-md-4 {
        -moz-column-gap: 24px !important;
        column-gap: 24px !important;
    }
    .ccm-ui .column-gap-md-5 {
        -moz-column-gap: 48px !important;
        column-gap: 48px !important;
    }
}

@media (min-width: 992px) {
    .ccm-ui .m-lg-1 {
        margin: 4px !important;
    }
    .ccm-ui .m-lg-2 {
        margin: 8px !important;
    }
    .ccm-ui .m-lg-3 {
        margin: 16px !important;
    }
    .ccm-ui .m-lg-4 {
        margin: 24px !important;
    }
    .ccm-ui .m-lg-5 {
        margin: 48px !important;
    }
    .ccm-ui .mx-lg-1 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
    .ccm-ui .mx-lg-2 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .ccm-ui .mx-lg-3 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .ccm-ui .mx-lg-4 {
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
    .ccm-ui .mx-lg-5 {
        margin-left: 48px !important;
        margin-right: 48px !important;
    }
    .ccm-ui .my-lg-1 {
        margin-bottom: 4px !important;
        margin-top: 4px !important;
    }
    .ccm-ui .my-lg-2 {
        margin-bottom: 8px !important;
        margin-top: 8px !important;
    }
    .ccm-ui .my-lg-3 {
        margin-bottom: 16px !important;
        margin-top: 16px !important;
    }
    .ccm-ui .my-lg-4 {
        margin-bottom: 24px !important;
        margin-top: 24px !important;
    }
    .ccm-ui .my-lg-5 {
        margin-bottom: 48px !important;
        margin-top: 48px !important;
    }
    .ccm-ui .mt-lg-1 {
        margin-top: 4px !important;
    }
    .ccm-ui .mt-lg-2 {
        margin-top: 8px !important;
    }
    .ccm-ui .mt-lg-3 {
        margin-top: 16px !important;
    }
    .ccm-ui .mt-lg-4 {
        margin-top: 24px !important;
    }
    .ccm-ui .mt-lg-5 {
        margin-top: 48px !important;
    }
    .ccm-ui .me-lg-1 {
        margin-right: 4px !important;
    }
    .ccm-ui .me-lg-2 {
        margin-right: 8px !important;
    }
    .ccm-ui .me-lg-3 {
        margin-right: 16px !important;
    }
    .ccm-ui .me-lg-4 {
        margin-right: 24px !important;
    }
    .ccm-ui .me-lg-5 {
        margin-right: 48px !important;
    }
    .ccm-ui .mb-lg-1 {
        margin-bottom: 4px !important;
    }
    .ccm-ui .mb-lg-2 {
        margin-bottom: 8px !important;
    }
    .ccm-ui .mb-lg-3 {
        margin-bottom: 16px !important;
    }
    .ccm-ui .mb-lg-4 {
        margin-bottom: 24px !important;
    }
    .ccm-ui .mb-lg-5 {
        margin-bottom: 48px !important;
    }
    .ccm-ui .ms-lg-1 {
        margin-left: 4px !important;
    }
    .ccm-ui .ms-lg-2 {
        margin-left: 8px !important;
    }
    .ccm-ui .ms-lg-3 {
        margin-left: 16px !important;
    }
    .ccm-ui .ms-lg-4 {
        margin-left: 24px !important;
    }
    .ccm-ui .ms-lg-5 {
        margin-left: 48px !important;
    }
    .ccm-ui .p-lg-1 {
        padding: 4px !important;
    }
    .ccm-ui .p-lg-2 {
        padding: 8px !important;
    }
    .ccm-ui .p-lg-3 {
        padding: 16px !important;
    }
    .ccm-ui .p-lg-4 {
        padding: 24px !important;
    }
    .ccm-ui .p-lg-5 {
        padding: 48px !important;
    }
    .ccm-ui .px-lg-1 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .ccm-ui .px-lg-2 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .ccm-ui .px-lg-3 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .ccm-ui .px-lg-4 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .ccm-ui .px-lg-5 {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
    .ccm-ui .py-lg-1 {
        padding-bottom: 4px !important;
        padding-top: 4px !important;
    }
    .ccm-ui .py-lg-2 {
        padding-bottom: 8px !important;
        padding-top: 8px !important;
    }
    .ccm-ui .py-lg-3 {
        padding-bottom: 16px !important;
        padding-top: 16px !important;
    }
    .ccm-ui .py-lg-4 {
        padding-bottom: 24px !important;
        padding-top: 24px !important;
    }
    .ccm-ui .py-lg-5 {
        padding-bottom: 48px !important;
        padding-top: 48px !important;
    }
    .ccm-ui .pt-lg-1 {
        padding-top: 4px !important;
    }
    .ccm-ui .pt-lg-2 {
        padding-top: 8px !important;
    }
    .ccm-ui .pt-lg-3 {
        padding-top: 16px !important;
    }
    .ccm-ui .pt-lg-4 {
        padding-top: 24px !important;
    }
    .ccm-ui .pt-lg-5 {
        padding-top: 48px !important;
    }
    .ccm-ui .pe-lg-1 {
        padding-right: 4px !important;
    }
    .ccm-ui .pe-lg-2 {
        padding-right: 8px !important;
    }
    .ccm-ui .pe-lg-3 {
        padding-right: 16px !important;
    }
    .ccm-ui .pe-lg-4 {
        padding-right: 24px !important;
    }
    .ccm-ui .pe-lg-5 {
        padding-right: 48px !important;
    }
    .ccm-ui .pb-lg-1 {
        padding-bottom: 4px !important;
    }
    .ccm-ui .pb-lg-2 {
        padding-bottom: 8px !important;
    }
    .ccm-ui .pb-lg-3 {
        padding-bottom: 16px !important;
    }
    .ccm-ui .pb-lg-4 {
        padding-bottom: 24px !important;
    }
    .ccm-ui .pb-lg-5 {
        padding-bottom: 48px !important;
    }
    .ccm-ui .ps-lg-1 {
        padding-left: 4px !important;
    }
    .ccm-ui .ps-lg-2 {
        padding-left: 8px !important;
    }
    .ccm-ui .ps-lg-3 {
        padding-left: 16px !important;
    }
    .ccm-ui .ps-lg-4 {
        padding-left: 24px !important;
    }
    .ccm-ui .ps-lg-5 {
        padding-left: 48px !important;
    }
    .ccm-ui .gap-lg-1 {
        gap: 4px !important;
    }
    .ccm-ui .gap-lg-2 {
        gap: 8px !important;
    }
    .ccm-ui .gap-lg-3 {
        gap: 16px !important;
    }
    .ccm-ui .gap-lg-4 {
        gap: 24px !important;
    }
    .ccm-ui .gap-lg-5 {
        gap: 48px !important;
    }
    .ccm-ui .row-gap-lg-1 {
        row-gap: 4px !important;
    }
    .ccm-ui .row-gap-lg-2 {
        row-gap: 8px !important;
    }
    .ccm-ui .row-gap-lg-3 {
        row-gap: 16px !important;
    }
    .ccm-ui .row-gap-lg-4 {
        row-gap: 24px !important;
    }
    .ccm-ui .row-gap-lg-5 {
        row-gap: 48px !important;
    }
    .ccm-ui .column-gap-lg-1 {
        -moz-column-gap: 4px !important;
        column-gap: 4px !important;
    }
    .ccm-ui .column-gap-lg-2 {
        -moz-column-gap: 8px !important;
        column-gap: 8px !important;
    }
    .ccm-ui .column-gap-lg-3 {
        -moz-column-gap: 16px !important;
        column-gap: 16px !important;
    }
    .ccm-ui .column-gap-lg-4 {
        -moz-column-gap: 24px !important;
        column-gap: 24px !important;
    }
    .ccm-ui .column-gap-lg-5 {
        -moz-column-gap: 48px !important;
        column-gap: 48px !important;
    }
}

@media (min-width: 1200px) {
    .ccm-ui .m-xl-1 {
        margin: 4px !important;
    }
    .ccm-ui .m-xl-2 {
        margin: 8px !important;
    }
    .ccm-ui .m-xl-3 {
        margin: 16px !important;
    }
    .ccm-ui .m-xl-4 {
        margin: 24px !important;
    }
    .ccm-ui .m-xl-5 {
        margin: 48px !important;
    }
    .ccm-ui .mx-xl-1 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
    .ccm-ui .mx-xl-2 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .ccm-ui .mx-xl-3 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .ccm-ui .mx-xl-4 {
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
    .ccm-ui .mx-xl-5 {
        margin-left: 48px !important;
        margin-right: 48px !important;
    }
    .ccm-ui .my-xl-1 {
        margin-bottom: 4px !important;
        margin-top: 4px !important;
    }
    .ccm-ui .my-xl-2 {
        margin-bottom: 8px !important;
        margin-top: 8px !important;
    }
    .ccm-ui .my-xl-3 {
        margin-bottom: 16px !important;
        margin-top: 16px !important;
    }
    .ccm-ui .my-xl-4 {
        margin-bottom: 24px !important;
        margin-top: 24px !important;
    }
    .ccm-ui .my-xl-5 {
        margin-bottom: 48px !important;
        margin-top: 48px !important;
    }
    .ccm-ui .mt-xl-1 {
        margin-top: 4px !important;
    }
    .ccm-ui .mt-xl-2 {
        margin-top: 8px !important;
    }
    .ccm-ui .mt-xl-3 {
        margin-top: 16px !important;
    }
    .ccm-ui .mt-xl-4 {
        margin-top: 24px !important;
    }
    .ccm-ui .mt-xl-5 {
        margin-top: 48px !important;
    }
    .ccm-ui .me-xl-1 {
        margin-right: 4px !important;
    }
    .ccm-ui .me-xl-2 {
        margin-right: 8px !important;
    }
    .ccm-ui .me-xl-3 {
        margin-right: 16px !important;
    }
    .ccm-ui .me-xl-4 {
        margin-right: 24px !important;
    }
    .ccm-ui .me-xl-5 {
        margin-right: 48px !important;
    }
    .ccm-ui .mb-xl-1 {
        margin-bottom: 4px !important;
    }
    .ccm-ui .mb-xl-2 {
        margin-bottom: 8px !important;
    }
    .ccm-ui .mb-xl-3 {
        margin-bottom: 16px !important;
    }
    .ccm-ui .mb-xl-4 {
        margin-bottom: 24px !important;
    }
    .ccm-ui .mb-xl-5 {
        margin-bottom: 48px !important;
    }
    .ccm-ui .ms-xl-1 {
        margin-left: 4px !important;
    }
    .ccm-ui .ms-xl-2 {
        margin-left: 8px !important;
    }
    .ccm-ui .ms-xl-3 {
        margin-left: 16px !important;
    }
    .ccm-ui .ms-xl-4 {
        margin-left: 24px !important;
    }
    .ccm-ui .ms-xl-5 {
        margin-left: 48px !important;
    }
    .ccm-ui .p-xl-1 {
        padding: 4px !important;
    }
    .ccm-ui .p-xl-2 {
        padding: 8px !important;
    }
    .ccm-ui .p-xl-3 {
        padding: 16px !important;
    }
    .ccm-ui .p-xl-4 {
        padding: 24px !important;
    }
    .ccm-ui .p-xl-5 {
        padding: 48px !important;
    }
    .ccm-ui .px-xl-1 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .ccm-ui .px-xl-2 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .ccm-ui .px-xl-3 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .ccm-ui .px-xl-4 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .ccm-ui .px-xl-5 {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
    .ccm-ui .py-xl-1 {
        padding-bottom: 4px !important;
        padding-top: 4px !important;
    }
    .ccm-ui .py-xl-2 {
        padding-bottom: 8px !important;
        padding-top: 8px !important;
    }
    .ccm-ui .py-xl-3 {
        padding-bottom: 16px !important;
        padding-top: 16px !important;
    }
    .ccm-ui .py-xl-4 {
        padding-bottom: 24px !important;
        padding-top: 24px !important;
    }
    .ccm-ui .py-xl-5 {
        padding-bottom: 48px !important;
        padding-top: 48px !important;
    }
    .ccm-ui .pt-xl-1 {
        padding-top: 4px !important;
    }
    .ccm-ui .pt-xl-2 {
        padding-top: 8px !important;
    }
    .ccm-ui .pt-xl-3 {
        padding-top: 16px !important;
    }
    .ccm-ui .pt-xl-4 {
        padding-top: 24px !important;
    }
    .ccm-ui .pt-xl-5 {
        padding-top: 48px !important;
    }
    .ccm-ui .pe-xl-1 {
        padding-right: 4px !important;
    }
    .ccm-ui .pe-xl-2 {
        padding-right: 8px !important;
    }
    .ccm-ui .pe-xl-3 {
        padding-right: 16px !important;
    }
    .ccm-ui .pe-xl-4 {
        padding-right: 24px !important;
    }
    .ccm-ui .pe-xl-5 {
        padding-right: 48px !important;
    }
    .ccm-ui .pb-xl-1 {
        padding-bottom: 4px !important;
    }
    .ccm-ui .pb-xl-2 {
        padding-bottom: 8px !important;
    }
    .ccm-ui .pb-xl-3 {
        padding-bottom: 16px !important;
    }
    .ccm-ui .pb-xl-4 {
        padding-bottom: 24px !important;
    }
    .ccm-ui .pb-xl-5 {
        padding-bottom: 48px !important;
    }
    .ccm-ui .ps-xl-1 {
        padding-left: 4px !important;
    }
    .ccm-ui .ps-xl-2 {
        padding-left: 8px !important;
    }
    .ccm-ui .ps-xl-3 {
        padding-left: 16px !important;
    }
    .ccm-ui .ps-xl-4 {
        padding-left: 24px !important;
    }
    .ccm-ui .ps-xl-5 {
        padding-left: 48px !important;
    }
    .ccm-ui .gap-xl-1 {
        gap: 4px !important;
    }
    .ccm-ui .gap-xl-2 {
        gap: 8px !important;
    }
    .ccm-ui .gap-xl-3 {
        gap: 16px !important;
    }
    .ccm-ui .gap-xl-4 {
        gap: 24px !important;
    }
    .ccm-ui .gap-xl-5 {
        gap: 48px !important;
    }
    .ccm-ui .row-gap-xl-1 {
        row-gap: 4px !important;
    }
    .ccm-ui .row-gap-xl-2 {
        row-gap: 8px !important;
    }
    .ccm-ui .row-gap-xl-3 {
        row-gap: 16px !important;
    }
    .ccm-ui .row-gap-xl-4 {
        row-gap: 24px !important;
    }
    .ccm-ui .row-gap-xl-5 {
        row-gap: 48px !important;
    }
    .ccm-ui .column-gap-xl-1 {
        -moz-column-gap: 4px !important;
        column-gap: 4px !important;
    }
    .ccm-ui .column-gap-xl-2 {
        -moz-column-gap: 8px !important;
        column-gap: 8px !important;
    }
    .ccm-ui .column-gap-xl-3 {
        -moz-column-gap: 16px !important;
        column-gap: 16px !important;
    }
    .ccm-ui .column-gap-xl-4 {
        -moz-column-gap: 24px !important;
        column-gap: 24px !important;
    }
    .ccm-ui .column-gap-xl-5 {
        -moz-column-gap: 48px !important;
        column-gap: 48px !important;
    }
}

@media (min-width: 1400px) {
    .ccm-ui .m-xxl-1 {
        margin: 4px !important;
    }
    .ccm-ui .m-xxl-2 {
        margin: 8px !important;
    }
    .ccm-ui .m-xxl-3 {
        margin: 16px !important;
    }
    .ccm-ui .m-xxl-4 {
        margin: 24px !important;
    }
    .ccm-ui .m-xxl-5 {
        margin: 48px !important;
    }
    .ccm-ui .mx-xxl-1 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
    .ccm-ui .mx-xxl-2 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .ccm-ui .mx-xxl-3 {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
    .ccm-ui .mx-xxl-4 {
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
    .ccm-ui .mx-xxl-5 {
        margin-left: 48px !important;
        margin-right: 48px !important;
    }
    .ccm-ui .my-xxl-1 {
        margin-bottom: 4px !important;
        margin-top: 4px !important;
    }
    .ccm-ui .my-xxl-2 {
        margin-bottom: 8px !important;
        margin-top: 8px !important;
    }
    .ccm-ui .my-xxl-3 {
        margin-bottom: 16px !important;
        margin-top: 16px !important;
    }
    .ccm-ui .my-xxl-4 {
        margin-bottom: 24px !important;
        margin-top: 24px !important;
    }
    .ccm-ui .my-xxl-5 {
        margin-bottom: 48px !important;
        margin-top: 48px !important;
    }
    .ccm-ui .mt-xxl-1 {
        margin-top: 4px !important;
    }
    .ccm-ui .mt-xxl-2 {
        margin-top: 8px !important;
    }
    .ccm-ui .mt-xxl-3 {
        margin-top: 16px !important;
    }
    .ccm-ui .mt-xxl-4 {
        margin-top: 24px !important;
    }
    .ccm-ui .mt-xxl-5 {
        margin-top: 48px !important;
    }
    .ccm-ui .me-xxl-1 {
        margin-right: 4px !important;
    }
    .ccm-ui .me-xxl-2 {
        margin-right: 8px !important;
    }
    .ccm-ui .me-xxl-3 {
        margin-right: 16px !important;
    }
    .ccm-ui .me-xxl-4 {
        margin-right: 24px !important;
    }
    .ccm-ui .me-xxl-5 {
        margin-right: 48px !important;
    }
    .ccm-ui .mb-xxl-1 {
        margin-bottom: 4px !important;
    }
    .ccm-ui .mb-xxl-2 {
        margin-bottom: 8px !important;
    }
    .ccm-ui .mb-xxl-3 {
        margin-bottom: 16px !important;
    }
    .ccm-ui .mb-xxl-4 {
        margin-bottom: 24px !important;
    }
    .ccm-ui .mb-xxl-5 {
        margin-bottom: 48px !important;
    }
    .ccm-ui .ms-xxl-1 {
        margin-left: 4px !important;
    }
    .ccm-ui .ms-xxl-2 {
        margin-left: 8px !important;
    }
    .ccm-ui .ms-xxl-3 {
        margin-left: 16px !important;
    }
    .ccm-ui .ms-xxl-4 {
        margin-left: 24px !important;
    }
    .ccm-ui .ms-xxl-5 {
        margin-left: 48px !important;
    }
    .ccm-ui .p-xxl-1 {
        padding: 4px !important;
    }
    .ccm-ui .p-xxl-2 {
        padding: 8px !important;
    }
    .ccm-ui .p-xxl-3 {
        padding: 16px !important;
    }
    .ccm-ui .p-xxl-4 {
        padding: 24px !important;
    }
    .ccm-ui .p-xxl-5 {
        padding: 48px !important;
    }
    .ccm-ui .px-xxl-1 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .ccm-ui .px-xxl-2 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .ccm-ui .px-xxl-3 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .ccm-ui .px-xxl-4 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .ccm-ui .px-xxl-5 {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
    .ccm-ui .py-xxl-1 {
        padding-bottom: 4px !important;
        padding-top: 4px !important;
    }
    .ccm-ui .py-xxl-2 {
        padding-bottom: 8px !important;
        padding-top: 8px !important;
    }
    .ccm-ui .py-xxl-3 {
        padding-bottom: 16px !important;
        padding-top: 16px !important;
    }
    .ccm-ui .py-xxl-4 {
        padding-bottom: 24px !important;
        padding-top: 24px !important;
    }
    .ccm-ui .py-xxl-5 {
        padding-bottom: 48px !important;
        padding-top: 48px !important;
    }
    .ccm-ui .pt-xxl-1 {
        padding-top: 4px !important;
    }
    .ccm-ui .pt-xxl-2 {
        padding-top: 8px !important;
    }
    .ccm-ui .pt-xxl-3 {
        padding-top: 16px !important;
    }
    .ccm-ui .pt-xxl-4 {
        padding-top: 24px !important;
    }
    .ccm-ui .pt-xxl-5 {
        padding-top: 48px !important;
    }
    .ccm-ui .pe-xxl-1 {
        padding-right: 4px !important;
    }
    .ccm-ui .pe-xxl-2 {
        padding-right: 8px !important;
    }
    .ccm-ui .pe-xxl-3 {
        padding-right: 16px !important;
    }
    .ccm-ui .pe-xxl-4 {
        padding-right: 24px !important;
    }
    .ccm-ui .pe-xxl-5 {
        padding-right: 48px !important;
    }
    .ccm-ui .pb-xxl-1 {
        padding-bottom: 4px !important;
    }
    .ccm-ui .pb-xxl-2 {
        padding-bottom: 8px !important;
    }
    .ccm-ui .pb-xxl-3 {
        padding-bottom: 16px !important;
    }
    .ccm-ui .pb-xxl-4 {
        padding-bottom: 24px !important;
    }
    .ccm-ui .pb-xxl-5 {
        padding-bottom: 48px !important;
    }
    .ccm-ui .ps-xxl-1 {
        padding-left: 4px !important;
    }
    .ccm-ui .ps-xxl-2 {
        padding-left: 8px !important;
    }
    .ccm-ui .ps-xxl-3 {
        padding-left: 16px !important;
    }
    .ccm-ui .ps-xxl-4 {
        padding-left: 24px !important;
    }
    .ccm-ui .ps-xxl-5 {
        padding-left: 48px !important;
    }
    .ccm-ui .gap-xxl-1 {
        gap: 4px !important;
    }
    .ccm-ui .gap-xxl-2 {
        gap: 8px !important;
    }
    .ccm-ui .gap-xxl-3 {
        gap: 16px !important;
    }
    .ccm-ui .gap-xxl-4 {
        gap: 24px !important;
    }
    .ccm-ui .gap-xxl-5 {
        gap: 48px !important;
    }
    .ccm-ui .row-gap-xxl-1 {
        row-gap: 4px !important;
    }
    .ccm-ui .row-gap-xxl-2 {
        row-gap: 8px !important;
    }
    .ccm-ui .row-gap-xxl-3 {
        row-gap: 16px !important;
    }
    .ccm-ui .row-gap-xxl-4 {
        row-gap: 24px !important;
    }
    .ccm-ui .row-gap-xxl-5 {
        row-gap: 48px !important;
    }
    .ccm-ui .column-gap-xxl-1 {
        -moz-column-gap: 4px !important;
        column-gap: 4px !important;
    }
    .ccm-ui .column-gap-xxl-2 {
        -moz-column-gap: 8px !important;
        column-gap: 8px !important;
    }
    .ccm-ui .column-gap-xxl-3 {
        -moz-column-gap: 16px !important;
        column-gap: 16px !important;
    }
    .ccm-ui .column-gap-xxl-4 {
        -moz-column-gap: 24px !important;
        column-gap: 24px !important;
    }
    .ccm-ui .column-gap-xxl-5 {
        -moz-column-gap: 48px !important;
        column-gap: 48px !important;
    }
}

@media (min-width: 1200px) {
    .ccm-ui .fs-1 {
        font-size: 56px !important;
    }
    .ccm-ui .fs-2 {
        font-size: 32px !important;
    }
    .ccm-ui .fs-3 {
        font-size: 24px !important;
    }
    .ccm-ui .fs-4 {
        font-size: 22px !important;
    }
}

.ccm-ui .btn {
    letter-spacing: 0.48px;
}

div.ccm-ui .ccm-search-results-table {
    margin-bottom: 16px;
}

div.ccm-ui .ccm-search-results-table thead th {
    font-size: 12px;
}

div.ccm-ui .ccm-search-results-table td,
div.ccm-ui .ccm-search-results-table th {
    padding: 8px;
}

div.ccm-ui .ccm-search-results-table tbody td {
    font-size: 14px;
}

div.ccm-ui .ccm-search-results-table .ccm-search-results-em,
div.ccm-ui .ccm-search-results-table .ccm-search-results-name {
    font-size: 16px;
}

html.ccm-toolbar-visible .ui-dialog .ui-dialog-content {
    padding: 28.8px;
}

html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar {
    padding: 20px 28.8px;
}

html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar span {
    font-size: 24px;
}

html.ccm-toolbar-visible .ui-dialog .ui-dialog-titlebar button {
    font-size: 16px;
    margin-right: 8px;
    padding: 10px 14.4px;
}

html.ccm-toolbar-visible .ui-dialog-buttonpane {
    padding: 24.8px;
}

html.ccm-toolbar-visible .ui-dialog-buttonpane button {
    margin: 4px;
}

div#ccm-toolbar.large-font li > a {
    font-size: 20px !important;
}

div#ccm-toolbar > ul li.ccm-toolbar-button-with-text > a span {
    font-size: 12.8px;
}

div#ccm-toolbar > ul > li#ccm-white-label-message {
    font-size: 14px;
}

.ccm-toolbar-mobile-menu-button i {
    font-size: 20px;
}

.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 {
    font-size: 14px;
}

div#ccm-intelligent-search-results
    div.ccm-intelligent-search-results-module
    ul {
    font-size: 14px;
}

div#ccm-intelligent-search-results
    div.ccm-intelligent-search-results-module
    .loader {
    font-size: 20px;
}

div.ccm-ui .modal-header .modal-title {
    font-size: 24px;
}

div.ccm-panel-content header aside {
    font-size: 14px;
}

div.ccm-panel-content menu,
div.ccm-panel-content ul.nav {
    margin-bottom: 14.4px;
    margin-top: 14.4px;
    padding: 8px 0 0;
}

div.ccm-panel-header-accordion nav span {
    font-size: 24px;
}

#ccm-panel-add-block .ccm-panel-header-search {
    margin-bottom: 24px;
}

#ccm-panel-help section {
    margin-bottom: 24px;
}

#ccm-panel-help .ccm-ui .h1,
#ccm-panel-help h1,
.ccm-ui #ccm-panel-help .h1 {
    font-size: calc(20.4px + 0.3vw);
    margin-bottom: 24px;
}

@media (min-width: 1200px) {
    #ccm-panel-help .ccm-ui .h1,
    #ccm-panel-help h1,
    .ccm-ui #ccm-panel-help .h1 {
        font-size: 24px;
    }
}

#ccm-panel-help .ccm-ui .h3,
#ccm-panel-help h3,
#ccm-panel-help hr,
.ccm-ui #ccm-panel-help .h3 {
    margin-bottom: 24px;
}

#ccm-panel-help hr {
    margin-top: 32px;
}

#ccm-menu-page-attributes .ccm-panel-content-inner {
    padding-top: 8px;
}

#ccm-menu-page-attributes .ccm-menu-page-attributes-set {
    margin-bottom: 10px;
    padding: 25px 0 0;
}

#ccm-menu-page-attributes .ccm-menu-page-attributes-set ul {
    margin-top: 16px;
}

a.ccm-panel-add-block-draggable-block-type p,
a.ccm-panel-add-container-item p {
    font-size: 12px;
}

#ccm-panel-add-blocktypes-list.ccm-stacked-list a p,
a.ccm-panel-add-block-draggable-block-type.ccm-stacked-list p {
    font-size: 12.56px;
}

#ccm-panel-add-block-stack-list
    .ccm-panel-add-block-stack-item
    .blocks
    .block-name {
    font-size: 14px;
}

section#ccm-panel-page-versions table {
    font-size: 14.4px;
}

section#ccm-panel-page-versions table td,
section#ccm-panel-page-versions table th {
    padding: 8px;
}

section#ccm-panel-page-versions
    table
    td.ccm-panel-page-versions-details
    div.ccm-panel-page-versions-actions {
    right: 8px;
    top: 4px;
}

section#ccm-panel-page-versions
    table
    td.ccm-panel-page-versions-details
    div.ccm-panel-page-versions-actions
    a {
    margin-left: 8px;
}

section#ccm-panel-page-versions table div.ccm-panel-page-versions-status {
    min-height: 40px;
}

section#ccm-panel-page-versions table p {
    margin-bottom: 5.33px;
}

#ccm-panel-page-design .ccm-ui .h5,
#ccm-panel-page-design h5,
.ccm-ui #ccm-panel-page-design .h5 {
    font-size: 19.2px;
}

#ccm-check-in-schedule-wrapper .form-group {
    margin-top: 12px;
}

#ccm-check-in-schedule-wrapper span.ccm-input-date-wrapper input,
#ccm-check-in-schedule-wrapper span.ccm-input-time-wrapper select {
    font-size: 14px;
    height: calc(1.5em + 8px + 4px);
    padding: 4px 8px;
}

#ccm-check-in-schedule-wrapper .help-block {
    font-size: 12px;
}

div.light-panel-calendar {
    width: 214.4px;
}

.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: 14px;
}

#ccm-panel-page-devices .panel-page-devices-title {
    margin-bottom: 4px;
}

div.preview-frame-container {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

div#ccm-view-as-user-wrapper .ccm-input-time-wrapper select {
    padding: 8px;
}

div.ccm-edit-mode-disabled-item {
    font-size: 16px;
}

.ccm-ui div.ccm-dropdown-menu .form-label,
.ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu .form-label {
    font-size: 14px;
}

.ccm-ui div.ccm-dropdown-menu input[type="text"],
.ccm-ui div.dropdown-menu.ccm-inline-design-dropdown-menu input[type="text"] {
    font-size: 14px;
}

.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: 16px;
}

.ccm-inline-toolbar .ccm-inline-style-slider-wrapper .input[type="range"] {
    height: 24px;
}

.ccm-inline-toolbar
    .ccm-inline-style-slider-wrapper
    .input[type="range"]::-webkit-slider-thumb {
    border-radius: 16px;
    box-shadow: 0 1.6px 4px rgba(0, 0, 0, 0.1);
    height: 16px;
    margin-top: -4px;
    width: 16px;
}

.ccm-inline-toolbar
    .ccm-inline-style-slider-wrapper
    .input[type="range"]::-webkit-slider-runnable-track {
    border-radius: 16px;
    height: 8px;
}

.ccm-inline-toolbar
    .ccm-inline-style-slider-wrapper
    .input[type="range"]::-moz-range-thumb {
    border-radius: 16px;
    box-shadow: 0 1.6px 4px rgba(0, 0, 0, 0.1);
    height: 16px;
    width: 16px;
}

.ccm-inline-toolbar
    .ccm-inline-style-slider-wrapper
    .input[type="range"]::-moz-range-track {
    border-radius: 16px;
    height: 8px;
}

.ccm-inline-toolbar > li {
    font-size: 16px !important;
}

.ccm-inline-toolbar > li.ccm-inline-toolbar-icon-cell > a i {
    font-size: 14px;
}

.ccm-inline-toolbar > li.ccm-inline-toolbar-button .btn {
    font-size: 14px;
}

.ccm-inline-toolbar > li.ccm-inline-toolbar-select .form-group label {
    font-size: 14px;
}

.ccm-inline-toolbar
    > li.ccm-inline-toolbar-select
    .bootstrap-select
    .btn.dropdown-toggle {
    font-size: 14px;
}

.ccm-ui .ccm-help-tour {
    font-size: 16px;
}

.ccm-ui .ccm-help-tour .h3,
.ccm-ui .ccm-help-tour h3 {
    font-size: 16.8px;
    margin-bottom: 4.8px;
}

.ccm-ui .ccm-help-tour .ccm-help-tour-close {
    font-size: 16px;
}

.ccm-ui .ccm-help-tour .popover-body {
    max-width: 240px;
}

.ccm-ui .ccm-help-tour .ccm-help-tour-footer {
    margin-top: 16px;
}

.ccm-ui .ccm-help-tour .ccm-help-tour-position {
    margin-top: 4.8px;
}

.ccm-ui .ccm-help-tour .popover-navigation a {
    margin-left: 16px;
}

.ccm-help-media {
    margin-top: 8px;
}

.ccm-help-media > div {
    margin-right: 16px;
}

.pnotify-modal-overlay-closes:after {
    font-size: 48px;
    text-shadow: 0 0 6.4px #fff;
}

.ccm-notification {
    font-size: 16px;
    padding: 12.8px 16px;
}

.ccm-notification div.ccm-notification-icon {
    font-size: 25.6px;
    margin-right: 12px;
    padding-top: 4px;
}

.ccm-notification div.ccm-notification-title {
    font-size: 20.8px;
}

.ccm-notification div.ccm-notification-title + div.ccm-notification-text {
    margin-top: 8px;
}

.ccm-notification div.ccm-notification-text {
    margin-top: 3.2px;
}

.ccm-notification div.ccm-notification-inner-buttons {
    margin-top: 8px;
}

.ccm-notifications-box {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
}

.ccm-ui .ccm-image-chooser-popover img {
    margin-bottom: 16px;
}

.ccm-ui .ccm-image-cell-grid .ccm-image-cell div.ccm-image-cell-title {
    font-size: 12.8px;
}

.ccm-ui .ccm-image-cell-grid .ccm-image-cell img {
    padding: 8px;
}

div.ccm-ui div.process-card {
    margin-bottom: 16px;
    padding: 12px;
}

.ccm-ui .form-group {
    margin-bottom: 24px;
}

.input-group-icon {
    font-size: 16px;
    padding: 8px 12px;
}

.ccm-item-selector-group .btn {
    padding-left: 16px;
    padding-right: 16px;
}

.ccm-item-selector-group .ccm-item-selector-loaded img {
    margin-right: 8px;
}

.ts-control {
    padding: 8px 12px;
}

.ts-wrapper.multi.has-items .ts-control {
    padding: calc(8px - 1px) 12px calc(8px - 4px);
}

.ts-control > input {
    min-width: 112px;
}

.ts-control.rtl.single .ts-control:after {
    left: calc(12px + 5px);
}

.ts-dropdown {
    margin: 4px 0 0;
}

.ts-dropdown .create,
.ts-dropdown .no-results,
.ts-dropdown .optgroup-header,
.ts-dropdown .option {
    padding: 3px 12px;
}

.ts-dropdown .spinner {
    margin: 3px 12px;
}

.plugin-checkbox_options:not(.rtl) .option input {
    margin-right: 8px;
}

.plugin-checkbox_options.rtl .option input {
    margin-left: 8px;
}

.plugin-clear_button .clear-button {
    right: calc(12px - 5px);
}

.plugin-clear_button.form-select .clear-button,
.plugin-clear_button.single .clear-button {
    right: max(var(--ts-pr-caret), 12px);
}

.ts-wrapper .dropdown-header {
    padding: 6px 12px;
}

.ts-wrapper .dropdown-header-close {
    right: 12px;
}

.plugin-dropdown_input .dropdown-input {
    padding: 8px 12px;
}

:root {
    --ts-pr-min: 12px;
}

.ts-dropdown .optgroup-header {
    font-size: 14px;
}

.ts-dropdown .optgroup:before {
    margin: 10px -12px;
}

.ts-dropdown .create {
    padding-left: 12px;
}

.ts-wrapper.is-invalid:not(.single),
.was-validated .invalid:not(.single),
.was-validated :invalid + .ts-wrapper:not(.single) {
    background-position: right calc(0.375em + 4px) center;
    background-size: calc(0.75em + 8px) calc(0.75em + 8px);
}

.ts-wrapper.is-invalid.single,
.was-validated .invalid.single,
.was-validated :invalid + .ts-wrapper.single {
    background-position:
        right 12px center,
        center right 36px;
    background-size:
        16px 12px,
        calc(0.75em + 8px) calc(0.75em + 8px);
}

.ts-wrapper.is-invalid.focus .ts-control,
.was-validated .invalid.focus .ts-control,
.was-validated :invalid + .ts-wrapper.focus .ts-control {
    box-shadow: 0 0 0 4px rgba(var(--bs-form-invalid-color), 0.25);
}

.ts-wrapper.is-valid:not(.single),
.was-validated .valid:not(.single),
.was-validated :valid + .ts-wrapper:not(.single) {
    background-position: right calc(0.375em + 4px) center;
    background-size: calc(0.75em + 8px) calc(0.75em + 8px);
}

.ts-wrapper.is-valid.single,
.was-validated .valid.single,
.was-validated :valid + .ts-wrapper.single {
    background-position:
        right 12px center,
        center right 36px;
    background-size:
        16px 12px,
        calc(0.75em + 8px) calc(0.75em + 8px);
}

.ts-wrapper.is-valid.focus .ts-control,
.was-validated .valid.focus .ts-control,
.was-validated :valid + .ts-wrapper.focus .ts-control {
    box-shadow: 0 0 0 4px rgba(var(--bs-form-valid-color), 0.25);
}

.ts-wrapper {
    min-height: calc(1.5em + 16px + 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 + 8px + 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 {
    font-size: 14px;
}

.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: 14px;
}

.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(
        0.75em - 6.5px + 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(12px - 5px);
    padding-left: calc(12px - 5px);
}

.input-group-lg > .ts-wrapper,
.ts-wrapper.form-control-lg,
.ts-wrapper.form-select-lg {
    min-height: calc(1.5em + 16px + 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 {
    font-size: 20px;
}

.ts-wrapper:not(.form-control, .form-select).single .ts-control {
    background-position: right 12px center;
}

.ts-wrapper.form-select,
.ts-wrapper.single {
    --ts-pr-caret: 36px;
}

div.tooltip-inner {
    font-size: 14px;
}

.sp-replacer {
    height: 24px;
    width: 48px;
}

.sp-dd {
    line-height: 25.6px;
}

div.ccm-ui .ccm-widget-colorpicker .sp-dd {
    line-height: 41.6px;
}

.ccm-ui .dropdown-divider {
    margin: 10px 10px !important;
}

.ccm-ui .dropdown-item {
    line-height: 16px;
}

#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 {
    margin-left: -8px;
}

#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: -8px;
}

.form-select {
    background-color: #f1f1f1;
    border: none;
    border-radius: 0.5rem;
    box-shadow: none;
    min-height: 4.7rem;
    font-size: 1.6rem;
    padding: 6px 12px;
}
.form-select.error {
    background-color: #ffeded;
}