/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden,
.c5__input[type="radio"],
.c5__input[type="checkbox"],
.c5__alt-file,
.c5__card-select,
.ccm-panel-left .sp-container input.sp-input[type="radio"],
.ccm-panel-left .sp-container input.sp-input[type="checkbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
}
/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus,
.c5__input[type="radio"].focusable:active,
.c5__input[type="radio"].focusable:focus,
.c5__input[type="checkbox"].focusable:active,
.c5__input[type="checkbox"].focusable:focus,
.c5__alt-file.focusable:active,
.c5__alt-file.focusable:focus,
.c5__card-select.focusable:active,
.c5__card-select.focusable:focus,
.ccm-panel-left .sp-container input.sp-input[type="radio"].focusable:active,
.ccm-panel-left .sp-container input.sp-input[type="radio"].focusable:focus,
.ccm-panel-left .sp-container input.sp-input[type="checkbox"].focusable:active,
.ccm-panel-left .sp-container input.sp-input[type="checkbox"].focusable:focus {
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}
.iconfa,
.c5__button--radio + label::before,
.c5__input[type="radio"] + label::before,
.c5__input[type="checkbox"] + label:before,
.c5__alt-file--info:before,
.c5__card-label::before,
.c5__card .c5__button:before,
.c5__step::before,
.c5__dashboard-panel .nav > li > a:after,
.c5__dashboard-panel .nav > li .c5__dashboard-category__title:after,
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a:before,
.c5__card .ccm-ui .btn:before,
.c5__card .c5__button--radio + label:before,
.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:before,
.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:before,
.ccm-panel-left .sp-container input.sp-input[type="radio"] + label::before,
.ccm-panel-left .sp-container input.sp-input[type="checkbox"] + label:before,
.c5__card .c5__colorpicker .sp-replacer:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  text-align: center;
}
html {
  font-size: 100%;
}
a,
.ccm-ui a {
  color: #6f6d9a;
}
a:hover,
.ccm-ui a:hover,
a:focus,
.ccm-ui a:focus,
a:active,
.ccm-ui a:active {
  color: #20202c;
}
div#ccm-panel-detail-page-properties div.ccm-panel-detail-content div.form-group label.control-label,
div#ccm-panel-detail-page-seo div.ccm-panel-detail-content div.form-group label.control-label,
div#ccm-panel-detail-page-composer div.ccm-panel-detail-content div.form-group label.control-label,
div#ccm-panel-detail-page-versions div.ccm-panel-detail-content div.form-group label.control-label,
div#ccm-panel-detail-page-attributes div.ccm-panel-detail-content div.form-group label.control-label,
div#ccm-panel-detail-page-caching div.ccm-panel-detail-content div.form-group label.control-label,
div#ccm-panel-detail-page-permissions div.ccm-panel-detail-content div.form-group label.control-label,
div#ccm-panel-detail-page-location div.ccm-panel-detail-content div.form-group label.control-label {
  color: #333135;
}
div#ccm-panel-detail-page-properties header,
div#ccm-panel-detail-page-seo header,
div#ccm-panel-detail-page-composer header,
div#ccm-panel-detail-page-versions header,
div#ccm-panel-detail-page-attributes header,
div#ccm-panel-detail-page-caching header,
div#ccm-panel-detail-page-permissions header,
div#ccm-panel-detail-page-location header {
  color: #333135;
}
ul.ccm-header-search-navigation a#ccm-file-manager-upload {
  color: #6f6d9a;
}
.c5__button,
button.c5__button,
a.c5__button,
input.c5__button,
.ccm-panel .btn,
.ccm-ui .btn,
button.ccm-ui .btn,
a.ccm-ui .btn,
input.ccm-ui .btn,
.c5__button--radio + label,
button.c5__button--radio + label,
a.c5__button--radio + label,
input.c5__button--radio + label,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
.c5__colorpicker .sp-replacer,
button.c5__colorpicker .sp-replacer,
a.c5__colorpicker .sp-replacer,
input.c5__colorpicker .sp-replacer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 13px 21px;
  cursor: pointer;
  border-radius: 0.3rem;
  line-height: 1rem;
  text-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background: none;
  color: #6f6d9a;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c5__button > *,
button.c5__button > *,
a.c5__button > *,
input.c5__button > *,
.ccm-panel .btn > *,
.ccm-ui .btn > *,
button.ccm-ui .btn > *,
a.ccm-ui .btn > *,
input.ccm-ui .btn > *,
.c5__button--radio + label > *,
button.c5__button--radio + label > *,
a.c5__button--radio + label > *,
input.c5__button--radio + label > *,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel > *,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel > *,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel > *,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel > *,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose > *,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose > *,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose > *,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose > *,
.c5__colorpicker .sp-replacer > *,
button.c5__colorpicker .sp-replacer > *,
a.c5__colorpicker .sp-replacer > *,
input.c5__colorpicker .sp-replacer > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.c5__button:hover,
button.c5__button:hover,
a.c5__button:hover,
input.c5__button:hover,
.ccm-panel .btn:hover,
.c5__button:focus,
button.c5__button:focus,
a.c5__button:focus,
input.c5__button:focus,
.ccm-panel .btn:focus,
.c5__button:active,
button.c5__button:active,
a.c5__button:active,
input.c5__button:active,
.ccm-panel .btn:active,
.ccm-ui .btn:hover,
button.ccm-ui .btn:hover,
a.ccm-ui .btn:hover,
input.ccm-ui .btn:hover,
.ccm-ui .btn:focus,
button.ccm-ui .btn:focus,
a.ccm-ui .btn:focus,
input.ccm-ui .btn:focus,
.ccm-ui .btn:active,
button.ccm-ui .btn:active,
a.ccm-ui .btn:active,
input.ccm-ui .btn:active,
.c5__button--radio + label:hover,
button.c5__button--radio + label:hover,
a.c5__button--radio + label:hover,
input.c5__button--radio + label:hover,
.c5__button--radio + label:focus,
button.c5__button--radio + label:focus,
a.c5__button--radio + label:focus,
input.c5__button--radio + label:focus,
.c5__button--radio + label:active,
button.c5__button--radio + label:active,
a.c5__button--radio + label:active,
input.c5__button--radio + label:active,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:hover,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:hover,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:hover,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:hover,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:focus,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:focus,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:focus,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:focus,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:active,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:active,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:active,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:active,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:hover,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:hover,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:hover,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:hover,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:focus,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:focus,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:focus,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:focus,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:active,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:active,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:active,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:active,
.c5__colorpicker .sp-replacer:hover,
button.c5__colorpicker .sp-replacer:hover,
a.c5__colorpicker .sp-replacer:hover,
input.c5__colorpicker .sp-replacer:hover,
.c5__colorpicker .sp-replacer:focus,
button.c5__colorpicker .sp-replacer:focus,
a.c5__colorpicker .sp-replacer:focus,
input.c5__colorpicker .sp-replacer:focus,
.c5__colorpicker .sp-replacer:active,
button.c5__colorpicker .sp-replacer:active,
a.c5__colorpicker .sp-replacer:active,
input.c5__colorpicker .sp-replacer:active {
  text-decoration: none !important;
  -webkit-transition: all .3s;
  transition: all .3s;
  color: #20202c;
}
.c5__button .c5__button-text,
button.c5__button .c5__button-text,
a.c5__button .c5__button-text,
input.c5__button .c5__button-text,
.ccm-panel .btn .c5__button-text,
.ccm-ui .btn .c5__button-text,
button.ccm-ui .btn .c5__button-text,
a.ccm-ui .btn .c5__button-text,
input.ccm-ui .btn .c5__button-text,
.c5__button--radio + label .c5__button-text,
button.c5__button--radio + label .c5__button-text,
a.c5__button--radio + label .c5__button-text,
input.c5__button--radio + label .c5__button-text,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel .c5__button-text,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel .c5__button-text,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel .c5__button-text,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel .c5__button-text,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose .c5__button-text,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose .c5__button-text,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose .c5__button-text,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose .c5__button-text,
.c5__colorpicker .sp-replacer .c5__button-text,
button.c5__colorpicker .sp-replacer .c5__button-text,
a.c5__colorpicker .sp-replacer .c5__button-text,
input.c5__colorpicker .sp-replacer .c5__button-text {
  width: 70%;
}
.c5__button .c5__button-icon,
button.c5__button .c5__button-icon,
a.c5__button .c5__button-icon,
input.c5__button .c5__button-icon,
.ccm-panel .btn .c5__button-icon,
.ccm-ui .btn .c5__button-icon,
button.ccm-ui .btn .c5__button-icon,
a.ccm-ui .btn .c5__button-icon,
input.ccm-ui .btn .c5__button-icon,
.c5__button--radio + label .c5__button-icon,
button.c5__button--radio + label .c5__button-icon,
a.c5__button--radio + label .c5__button-icon,
input.c5__button--radio + label .c5__button-icon,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel .c5__button-icon,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel .c5__button-icon,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel .c5__button-icon,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel .c5__button-icon,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose .c5__button-icon,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose .c5__button-icon,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose .c5__button-icon,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose .c5__button-icon,
.c5__colorpicker .sp-replacer .c5__button-icon,
button.c5__colorpicker .sp-replacer .c5__button-icon,
a.c5__colorpicker .sp-replacer .c5__button-icon,
input.c5__colorpicker .sp-replacer .c5__button-icon {
  width: 30%;
  font-size: 1.5rem;
}
.c5__button--default,
button.c5__button--default,
a.c5__button--default,
input.c5__button--default,
.c5__button--radio + label,
button.c5__button--radio + label,
a.c5__button--radio + label,
input.c5__button--radio + label,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
.c5__colorpicker .sp-replacer,
button.c5__colorpicker .sp-replacer,
a.c5__colorpicker .sp-replacer,
input.c5__colorpicker .sp-replacer,
div.ui-dialog .ui-dialog-buttonpane .btn-default,
buttondiv.ui-dialog .ui-dialog-buttonpane .btn-default,
adiv.ui-dialog .ui-dialog-buttonpane .btn-default,
inputdiv.ui-dialog .ui-dialog-buttonpane .btn-default {
  border: 1px solid #dadadf;
  background-color: transparent;
  color: #7e8890 !important;
}
.c5__button--default:hover,
button.c5__button--default:hover,
a.c5__button--default:hover,
input.c5__button--default:hover,
.c5__button--radio + label:hover,
button.c5__button--radio + label:hover,
a.c5__button--radio + label:hover,
input.c5__button--radio + label:hover,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:hover,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:hover,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:hover,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:hover,
.c5__colorpicker .sp-replacer:hover,
button.c5__colorpicker .sp-replacer:hover,
a.c5__colorpicker .sp-replacer:hover,
input.c5__colorpicker .sp-replacer:hover,
div.ui-dialog .ui-dialog-buttonpane .btn-default:hover,
buttondiv.ui-dialog .ui-dialog-buttonpane .btn-default:hover,
adiv.ui-dialog .ui-dialog-buttonpane .btn-default:hover,
inputdiv.ui-dialog .ui-dialog-buttonpane .btn-default:hover {
  border: 1px solid #6f6d9a;
  background-color: transparent;
  color: #6f6d9a !important;
}
.c5__button--primary,
button.c5__button--primary,
a.c5__button--primary,
input.c5__button--primary,
.ccm-panel .btn-primary,
.ccm-ui .btn,
button.ccm-ui .btn,
a.ccm-ui .btn,
input.ccm-ui .btn,
div.ccm-file-selector,
buttondiv.ccm-file-selector,
adiv.ccm-file-selector,
inputdiv.ccm-file-selector,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
div.ui-dialog .ui-dialog-buttonpane .btn-primary,
buttondiv.ui-dialog .ui-dialog-buttonpane .btn-primary,
adiv.ui-dialog .ui-dialog-buttonpane .btn-primary,
inputdiv.ui-dialog .ui-dialog-buttonpane .btn-primary {
  border: 1px solid #6f6d9a;
  background: #6f6d9a;
  color: white !important;
}
.c5__button--primary:hover,
button.c5__button--primary:hover,
a.c5__button--primary:hover,
input.c5__button--primary:hover,
.ccm-panel .btn-primary:hover,
.c5__button--primary:focus,
button.c5__button--primary:focus,
a.c5__button--primary:focus,
input.c5__button--primary:focus,
.ccm-panel .btn-primary:focus,
.c5__button--primary:active,
button.c5__button--primary:active,
a.c5__button--primary:active,
input.c5__button--primary:active,
.ccm-panel .btn-primary:active,
.ccm-ui .btn:hover,
button.ccm-ui .btn:hover,
a.ccm-ui .btn:hover,
input.ccm-ui .btn:hover,
.ccm-ui .btn:focus,
button.ccm-ui .btn:focus,
a.ccm-ui .btn:focus,
input.ccm-ui .btn:focus,
.ccm-ui .btn:active,
button.ccm-ui .btn:active,
a.ccm-ui .btn:active,
input.ccm-ui .btn:active,
div.ccm-file-selector:hover,
buttondiv.ccm-file-selector:hover,
adiv.ccm-file-selector:hover,
inputdiv.ccm-file-selector:hover,
div.ccm-file-selector:focus,
buttondiv.ccm-file-selector:focus,
adiv.ccm-file-selector:focus,
inputdiv.ccm-file-selector:focus,
div.ccm-file-selector:active,
buttondiv.ccm-file-selector:active,
adiv.ccm-file-selector:active,
inputdiv.ccm-file-selector:active,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:hover,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:hover,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:hover,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:hover,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:focus,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:focus,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:focus,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:focus,
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:active,
button.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:active,
a.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:active,
input.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:active,
div.ui-dialog .ui-dialog-buttonpane .btn-primary:hover,
buttondiv.ui-dialog .ui-dialog-buttonpane .btn-primary:hover,
adiv.ui-dialog .ui-dialog-buttonpane .btn-primary:hover,
inputdiv.ui-dialog .ui-dialog-buttonpane .btn-primary:hover,
div.ui-dialog .ui-dialog-buttonpane .btn-primary:focus,
buttondiv.ui-dialog .ui-dialog-buttonpane .btn-primary:focus,
adiv.ui-dialog .ui-dialog-buttonpane .btn-primary:focus,
inputdiv.ui-dialog .ui-dialog-buttonpane .btn-primary:focus,
div.ui-dialog .ui-dialog-buttonpane .btn-primary:active,
buttondiv.ui-dialog .ui-dialog-buttonpane .btn-primary:active,
adiv.ui-dialog .ui-dialog-buttonpane .btn-primary:active,
inputdiv.ui-dialog .ui-dialog-buttonpane .btn-primary:active {
  border: 1px solid #63618c;
  background: #63618c;
}
.c5__button--outline,
button.c5__button--outline,
a.c5__button--outline,
input.c5__button--outline {
  border: 1px solid #6f6d9a;
  background: transparent;
  color: #6f6d9a !important;
}
.c5__button--outline:hover,
button.c5__button--outline:hover,
a.c5__button--outline:hover,
input.c5__button--outline:hover,
.c5__button--outline:focus,
button.c5__button--outline:focus,
a.c5__button--outline:focus,
input.c5__button--outline:focus,
.c5__button--outline:active,
button.c5__button--outline:active,
a.c5__button--outline:active,
input.c5__button--outline:active {
  border: 1px solid #63618c;
  color: #63618c !important;
}
.__button-fade,
button.__button-fade,
a.__button-fade,
input.__button-fade,
.c5__card .c5__button,
button.c5__card .c5__button,
a.c5__card .c5__button,
input.c5__card .c5__button,
.c5__card .ccm-ui .btn,
button.c5__card .ccm-ui .btn,
a.c5__card .ccm-ui .btn,
input.c5__card .ccm-ui .btn,
.c5__card .c5__button--radio + label,
button.c5__card .c5__button--radio + label,
a.c5__card .c5__button--radio + label,
input.c5__card .c5__button--radio + label,
.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
button.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
a.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
input.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
button.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
a.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
input.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
.c5__card .c5__colorpicker .sp-replacer,
button.c5__card .c5__colorpicker .sp-replacer,
a.c5__card .c5__colorpicker .sp-replacer,
input.c5__card .c5__colorpicker .sp-replacer {
  border: none;
  background-color: rgba(255, 255, 255, 0.5);
  color: #3e3935 !important;
}
.btn .fa {
  line-height: 1rem;
}
.btn-success {
  color: white !important;
}
.c5__page-element-controls__menu__element--edit-area-design,
.c5__page-element-controls__menu__element--edit-permissions {
  display: none !important;
}
.c5__button--radio {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.c5__button--radio + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical  !important;
  -webkit-box-direction: normal  !important;
  -ms-flex-direction: column  !important;
  flex-direction: column  !important;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  font-weight: normal !important;
  border: 1px solid #dadadf;
  position: relative;
}
.c5__button--radio + label::before {
  top: .2rem;
  right: 0;
  position: absolute;
  font-size: 1.5rem;
  color: #7e8890;
  content: "\f1db";
}
.c5__button--radio:checked + label {
  border: 1px solid #6f6d9a;
  background-color: transparent;
  color: #6f6d9a !important;
}
.c5__button--radio:checked + label:before {
  content: "\f058";
}
.c5__button--radio:disabled + label {
  cursor: not-allowed;
  opacity: .8;
}
.c5__button--radio p {
  line-height: auto;
  line-height: .9em;
}
.ccm-panel-sitemap-list .btn {
  display: inline-block;
}
.ccm-header-search-form .btn {
  padding-top: 11px;
  padding-bottom: 11px;
}
div.ui-dialog .ui-dialog-buttonpane .btn-success {
  background-color: #6f6d9a;
}
.c5__form-group {
  margin-bottom: 2rem;
}
.c5__label,
div#ccm-dashboard-content .c5__fieldset legend {
  display: inline-block;
  margin: 0 0 .5rem 0;
  color: #7e8890;
}
.c5__input,
.ccm-panel-left .sp-container input.sp-input {
  border-radius: 0.3rem;
  outline: none;
  border: 1px solid #dadadf;
  background: white;
  display: block;
  padding: 0 1rem;
  width: 100%;
}
.c5__input[type="text"],
.c5__input[type="email"],
.c5__input[type="url"],
.c5__input[type="tel"],
select.c5__input,
.ccm-panel-left .sp-container input.sp-input[type="text"],
.ccm-panel-left .sp-container input.sp-input[type="email"],
.ccm-panel-left .sp-container input.sp-input[type="url"],
.ccm-panel-left .sp-container input.sp-input[type="tel"],
select.ccm-panel-left .sp-container input.sp-input {
  height: 3rem;
  line-height: 3rem;
}
.c5__input:focus,
.ccm-panel-left .sp-container input.sp-input:focus {
  outline: none;
  border: 1px solid #6f6d9a;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.c5__input-group,
.ccm-panel-left .sp-container input.sp-input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  background-color: #dadadf;
  border-radius: 0.3rem;
}
.c5__input-group .c5__input-group-addon,
.ccm-panel-left .sp-container input.sp-input-group .c5__input-group-addon {
  min-width: 3rem;
}
.c5__input-group .c5__input,
.ccm-panel-left .sp-container input.sp-input-group .ccm-panel-left .sp-container input.sp-input {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.c5__input-group-addon,
.ccm-panel-left .sp-container input.sp-input-group-addon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.5rem;
}
.c5__input-help,
.ccm-panel-left .sp-container input.sp-input-help {
  opacity: .8;
  font-size: 80%;
}
.c5__input[type="radio"] + label,
.ccm-panel-left .sp-container input.sp-input[type="radio"] + label {
  border: 1px solid #dadadf;
  position: relative;
}
.c5__input[type="radio"] + label::before,
.ccm-panel-left .sp-container input.sp-input[type="radio"] + label::before {
  top: .2rem;
  right: 0;
  position: absolute;
  font-size: 1.5rem;
  color: #7e8890;
  content: "\f1db";
}
.c5__input[type="radio"]:hover + label:before,
.c5__input[type="radio"]:focus + label:before,
.ccm-panel-left .sp-container input.sp-input[type="radio"]:hover + label:before,
.ccm-panel-left .sp-container input.sp-input[type="radio"]:focus + label:before {
  color: #20202c;
}
.c5__input[type="radio"]:checked + label:before,
.ccm-panel-left .sp-container input.sp-input[type="radio"]:checked + label:before {
  content: "\f192";
}
.c5__input[type="checkbox"] + label:before,
.ccm-panel-left .sp-container input.sp-input[type="checkbox"] + label:before {
  content: "\f096";
}
.c5__input[type="checkbox"]:hover + label:before,
.c5__input[type="checkbox"]:focus + label:before,
.ccm-panel-left .sp-container input.sp-input[type="checkbox"]:hover + label:before,
.ccm-panel-left .sp-container input.sp-input[type="checkbox"]:focus + label:before {
  color: #20202c;
}
.c5__input[type="checkbox"]:checked + label:before,
.ccm-panel-left .sp-container input.sp-input[type="checkbox"]:checked + label:before {
  content: "\f046";
}
.c5__label--has-alt-file {
  width: 100%;
}
.c5__alt-file--info {
  border-radius: 0.3rem;
  height: 3rem;
  line-height: 3rem;
  outline: none;
  border: 1px solid #dadadf;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1rem;
  width: 100%;
  position: relative;
}
.c5__alt-file--info:before {
  content: "\f03e";
}
.c5__alt-file:focus + .c5__alt-file--info {
  outline: none;
  border: 1px solid #6f6d9a;
  -webkit-transition: all .3s;
  transition: all .3s;
}
label.c5__grid-item {
  margin-bottom: 0;
}
div#ccm-dashboard-content .c5__fieldset {
  padding: 0;
  margin: 0;
  line-height: inherit;
}
div#ccm-dashboard-content .c5__fieldset legend {
  color: inherit;
  font-size: inherit;
}
div.ccm-file-selector {
  font-size: 14px;
  position: relative;
  text-align: center;
  color: #6f6d9a !important;
}
div.ccm-file-selector:hover,
div.ccm-file-selector:focus,
div.ccm-file-selector:active {
  color: #63618c !important;
}
div.ccm-file-selector > [class^="ccm-file-selector"] {
  color: white;
}
div.ccm-file-selector > [class^="ccm-file-selector"]:before {
  color: white;
  content: "\f03e";
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-family: FontAwesome;
  margin-bottom: .5rem;
  display: block;
}
div.ccm-file-selector div.ccm-file-selector-file-selected div.ccm-file-selector-file-selected-thumbnail {
  float: none;
  margin-right: 0;
}
div.ccm-file-selector div.ccm-file-selector-choose-new,
div.ccm-file-selector div.ccm-file-selector-file-selected {
  text-align: center;
}
div.controls > div.controlscontainer > div.save {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ccm-ui .form-control:focus {
  border-color: #6f6d9a;
}
.select2 .select2-container--classic .select2-selection--single {
  border-radius: 0.3rem;
  border: none;
  outline: none;
  border: 1px solid #dadadf;
  background: transparent;
  display: block;
  padding: 0 1rem;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  background-image: none;
}
.select2 .select2-container--classic .select2-selection--single:focus {
  outline: none;
  border: 1px solid #6f6d9a;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.select2 .select2-container--classic .select2-selection--single .select2-selection__rendered {
  line-height: 3rem;
}
.select2 .select2-container--classic .select2-selection--single .select2-selection__arrow {
  top: .5rem;
}
.ccm-panel-left .sp-container {
  background-color: white !important;
  border: 1px solid #dadadf !important;
}
.ccm-panel-left .sp-container .sp-picker-container {
  width: 20rem;
}
.ccm-panel-left .sp-container .sp-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ccm-panel-left .sp-container .sp-button-container > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose {
  background: #6f6d9a !important;
  color: white !important;
}
.ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:hover {
  color: white !important;
}
.ccm-panel-left .sp-container .sp-dragger {
  border-radius: 100%;
  height: 2rem;
  width: 2rem;
}
.ccm-panel-left .sp-container .sp-slider {
  border-radius: .3rem;
  height: 1rem;
}
.sp-color,
.sp-hue,
.sp-initial,
.sp-preview {
  border: solid 1px #7e8890 !important;
}
.sp-clear {
  border: none !important;
}
.sp-initial:after {
  content: "";
  display: table;
  clear: both;
}
.c5__colorpicker input {
  display: initial;
  visibility: hidden;
  width: 100%;
}
.c5__colorpicker .sp-replacer {
  width: 5rem;
}
.c5__colorpicker .sp-replacer:hover,
.c5__colorpicker .sp-replacer.sp-active {
  border: 1px solid #6f6d9a;
}
.c5__colorpicker .sp-dd {
  float: right;
}
.c5__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: -0.5rem;
}
.c5__grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(50% - 1rem);
  position: relative;
  min-height: 9rem;
  margin: .5rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .c5__grid-item {
    width: calc(33% - 1rem);
  }
}
@media (min-width: 992px) {
  .c5__grid-item {
    width: calc(25% - 1rem);
  }
}
.c5__grid-item img {
  width: 100%;
  height: auto;
}
.c5__item-list {
  padding-left: 0;
  list-style: none;
}
.c5__item-list--themes {
  display: grid;
  grid: 1fr / 1fr 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
@media screen and (min-width: 768px) {
  .c5__item-list--themes {
    grid: 1fr / 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .c5__action-list > :nth-child(even) {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .c5__action-list {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: 1fr -webkit-min-content;
    grid-template-columns: 1fr min-content;
  }
  .c5__action-list > * {
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #dadadf;
  }
  .c5__action-list > :nth-child(odd) {
    line-height: 2.688em;
  }
  .c5__action-list > :nth-child(1),
  .c5__action-list > :nth-child(2) {
    border-top: 1px solid #dadadf;
  }
}
.c5__action-list small {
  font-weight: normal;
  font-size: .8em;
  color: #7e8890;
}
div#ccm-page-controls-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
div#ccm-page-controls-wrapper > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
body {
  overflow-x: hidden;
}
.c5__row,
.c5__wizard .c5__fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.c5__row > *,
.c5__wizard .c5__fieldset > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.c5__row--2 > *,
.c5__wizard .c5__fieldset--2 > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  margin-right: 2rem;
}
.c5__col,
.c5__wizard .c5__fieldset-footer,
.c5__wizard .c5__fieldset-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: column;
}
.c5__col > *,
.c5__wizard .c5__fieldset-footer > *,
.c5__wizard .c5__fieldset-body > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.c5__col--2 > *,
.c5__wizard .c5__fieldset-footer--2 > *,
.c5__wizard .c5__fieldset-body--2 > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  margin-right: 2rem;
}
div#ccm-toolbar {
  background: none;
  background-color: #dadadf;
  color: #3e3935;
  border-bottom: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: auto;
}
div#ccm-toolbar .ccm-toolbar-item-list {
  overflow: visible;
  height: auto;
}
div#ccm-toolbar > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
div#ccm-toolbar > ul .dropdown,
div#ccm-toolbar > ul .dropdown-toggle {
  height: 47px;
}
div#ccm-toolbar > ul > li + li {
  border-left: 1px solid #cfcfd6;
}
div#ccm-toolbar > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.8em;
  padding-right: 0.8em;
  min-width: calc(4.3em);
  border: none;
  position: static;
  width: auto;
  color: #756c64;
  -webkit-transition: background 0.3s ease-in, color 0.3s ease-out;
  transition: background 0.3s ease-in, color 0.3s ease-out;
}
div#ccm-toolbar > ul > li > a:hover {
  background: #c3c3c3;
  -webkit-transition: background 0.3s ease-in, color 0.3s ease-out;
  transition: background 0.3s ease-in, color 0.3s ease-out;
}
div#ccm-toolbar > ul > li > a .fa {
  margin-right: .5rem;
}
div#ccm-toolbar > ul > li > button {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
div#ccm-toolbar > ul > li.dropdown {
  border-left: 1px solid #d2d2d8;
}
@media (max-width: 991px) {
  div#ccm-toolbar > ul > li.dropdown {
    display: none;
  }
}
div#ccm-toolbar > ul > li.dropdown.open {
  background: #c3c3c3;
}
div#ccm-toolbar > ul > li.dropdown.open .caret {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
div#ccm-toolbar > ul > li .dropdown-toggle {
  border: none;
  background-color: transparent;
  color: #6f6d9a !important;
}
div#ccm-toolbar > ul > li .dropdown-toggle:hover {
  background: #c3c3c3;
  -webkit-transition: background 0.3s ease-in, color 0.3s ease-out;
  transition: background 0.3s ease-in, color 0.3s ease-out;
}
div#ccm-toolbar > ul > li .dropdown-menu {
  padding: 0;
  margin: 0;
  background-color: #dadadf;
  color: #3e3935;
}
div#ccm-toolbar > ul > li .dropdown-menu li {
  display: block;
  width: 100%;
}
div#ccm-toolbar > ul > li .dropdown-menu a {
  padding: 0.7em 1em;
}
div#ccm-toolbar > ul > li .dropdown-menu a:hover {
  background: #c3c3c3;
  -webkit-transition: background 0.3s ease-in, color 0.3s ease-out;
  transition: background 0.3s ease-in, color 0.3s ease-out;
}
div#ccm-toolbar > ul > li.change-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
}
div#ccm-toolbar > ul > li.change-plan a {
  padding-top: 0;
  padding-bottom: 0;
  height: 2.5em;
}
div#ccm-toolbar > ul > li.change-plan .text {
  line-height: 47px;
  margin-right: 1rem;
  color: #756c64;
  font-size: 14px;
}
div#ccm-toolbar > ul > li .shrink-logo {
  position: static;
  width: 40px;
  height: 40px;
}
div#ccm-toolbar > ul > li.ccm-toolbar-page-edit-mode-active > a {
  background: #6f6d9a;
  color: white;
}
div#ccm-toolbar > ul > li.ccm-logo,
div#ccm-toolbar > ul > li[data-guide-toolbar-action="sitemap"],
div#ccm-toolbar > ul > li[data-guide-toolbar-action="intelligent-search"] {
  display: none;
}
div#ccm-toolbar > ul > li .ccm-toolbar-accessibility-title {
  display: none;
}
div#ccm-toolbar .ccm-toolbar-add {
  display: none;
}
.ccm-mobile-menu-overlay {
  padding: 0 !important;
  height: calc(52vh);
  display: none;
  background-color: #dadadf;
  position: fixed;
  border-bottom: 1px solid #7e8890;
  width: 100%;
  z-index: 1001;
  top: 48px;
  left: 0;
}
@media (min-width: 992px) {
  .ccm-mobile-menu-overlay {
    display: none;
  }
}
.ccm-mobile-menu-overlay .ccm-mobile-menu-entries,
.ccm-mobile-menu-overlay .ccm-mobile-menu-main {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}
.ccm-mobile-menu-overlay .ccm-mobile-menu-entries li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: .5rem 2rem;
}
.ccm-mobile-menu-overlay .ccm-mobile-menu-entries li:hover {
  background: #c3c3c3;
  -webkit-transition: background 0.3s ease-in, color 0.3s ease-out;
  transition: background 0.3s ease-in, color 0.3s ease-out;
}
.ccm-mobile-menu-overlay .ccm-mobile-menu-entries li a {
  font-size: 16px;
  height: auto;
  font-weight: normal;
  color: #756c64;
}
.ccm-mobile-menu-overlay .ccm-mobile-menu-entries li ul {
  margin-left: 5rem;
}
div.ccm-panel {
  background: #333135 !important;
}
.ccm-panel {
  background: #20202c !important;
  width: 320px;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 900;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ccm-panel form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.ccm-panel form > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 100%;
  flex: 1 100%;
}
.ccm-panel.ccm-panel-left,
.ccm-panel.ccm-panel-right {
  left: initial !important;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ccm-panel.ccm-panel-transition-slide {
  -webkit-transition: -webkit-transform cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  transition: -webkit-transform cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  transition: transform cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  transition: transform cubic-bezier(0.19, 1, 0.22, 1) 0.5s, -webkit-transform cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
}
.ccm-panel.ccm-panel-active {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.ccm-panel textarea {
  width: 100%;
  border-radius: 0.3rem;
}
.ccm-panel .form-control {
  border-radius: 0.3rem;
}
.ccm-panel .btn {
  border-radius: 0.3rem;
}
.ccm-panel .btn-primary {
  background: #6f6d9a;
  border: 1px solid #6f6d9a;
}
.ccm-panel .list-group .list-group-item,
.ccm-panel .ccm-panel-sitemap-list .list-group-item,
.ccm-panel .list-group .ccm-panel-sitemap-list > li {
  background-color: #171c22;
  color: #7f8d90;
  border: 1px solid #0c1117;
  border-left: 0;
  border-right: 0;
}
.ccm-panel .list-group .list-group-item.list-group-item-header,
.ccm-panel .ccm-panel-sitemap-list .list-group-item.list-group-item-header,
.ccm-panel .list-group .ccm-panel-sitemap-list > li.list-group-item-header {
  background-color: #000;
}
.ccm-panel .list-group .list-group-item.list-group-item-header:hover,
.ccm-panel .ccm-panel-sitemap-list .list-group-item.list-group-item-header:hover,
.ccm-panel .list-group .ccm-panel-sitemap-list > li.list-group-item-header:hover {
  background-color: #000;
}
.ccm-panel .list-group .list-group-item.list-group-item-collapse,
.ccm-panel .ccm-panel-sitemap-list .list-group-item.list-group-item-collapse,
.ccm-panel .list-group .ccm-panel-sitemap-list > li.list-group-item-collapse {
  color: #5b5c5f;
}
.ccm-panel .list-group .list-group-item.list-group-item-collapse span:after,
.ccm-panel .ccm-panel-sitemap-list .list-group-item.list-group-item-collapse span:after,
.ccm-panel .list-group .ccm-panel-sitemap-list > li.list-group-item-collapse span:after {
  border-color: #5b5c5f transparent transparent transparent;
}
.ccm-panel .list-group .list-group-item.list-group-item-active,
.ccm-panel .list-group .list-group-item:hover,
.ccm-panel .ccm-panel-sitemap-list .list-group-item.list-group-item-active,
.ccm-panel .ccm-panel-sitemap-list .list-group-item:hover,
.ccm-panel .list-group .ccm-panel-sitemap-list > li.list-group-item-active,
.ccm-panel .list-group .ccm-panel-sitemap-list > li:hover {
  background-color: #12171d;
}
.ccm-panel .list-group.ccm-panel-list-group-item-expanded a.list-group-item-collapse span:after,
.ccm-panel .ccm-panel-sitemap-list.ccm-panel-list-group-item-expanded a.list-group-item-collapse span:after {
  border-color: transparent transparent #2e2e2e transparent;
}
div#ccm-panel-page header,
div#ccm-panel-compose-page header {
  background-color: #1a181b;
  color: #6f6d9a;
}
div#ccm-panel-overlay.ccm-panel-translucent {
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 850;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  background: transparent;
  -webkit-transition: background-color cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  transition: background-color cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
}
.ccm-panel-content-wrapper {
  padding: 6rem 0 0 0;
}
.ccm-panel-content {
  padding: 3rem;
}
.ccm-panel-check-in-comments,
.ccm-panel-check-in-publish,
.ccm-check-in-preview,
.ccm-check-in-discard {
  padding: 1rem 0;
}
.ccm-check-in-preview,
.ccm-check-in-discard {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.c5__panel-actions {
  background-color: #000000;
  padding: 1rem 2rem;
  text-align: center;
}
.c5__panel-actions a {
  color: white !important;
  display: block;
}
.ccm-page-design-theme-thumbnail.--disabled {
  display: none;
}
div#ccm-panel-page menu li a.ccm-panel-menu-item-active,
div#ccm-panel-compose-page menu li a.ccm-panel-menu-item-active {
  color: #6f6d9a;
}
div#ccm-toolbar > ul > li > a.ccm-launch-panel-active,
div#ccm-toolbar > ul > li > a.ccm-launch-panel-active:hover {
  color: #6f6d9a;
}
div#ccm-panel-detail-page-properties div.ccm-panel-detail-content,
div#ccm-panel-detail-page-seo div.ccm-panel-detail-content,
div#ccm-panel-detail-page-composer div.ccm-panel-detail-content,
div#ccm-panel-detail-page-versions div.ccm-panel-detail-content,
div#ccm-panel-detail-page-attributes div.ccm-panel-detail-content,
div#ccm-panel-detail-page-caching div.ccm-panel-detail-content,
div#ccm-panel-detail-page-permissions div.ccm-panel-detail-content,
div#ccm-panel-detail-page-location div.ccm-panel-detail-content {
  background-color: #ededf2;
}
div#ccm-panel-add-block a.ccm-panel-add-block-draggable-block-type {
  border-radius: 0.5rem;
}
div#ccm-panel-add-block a.ccm-panel-add-block-draggable-block-type p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  width: 100%;
  height: 100%;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
div#ccm-panel-add-block a.ccm-panel-add-block-draggable-block-type img {
  -webkit-filter: hue-rotate(48deg);
  filter: hue-rotate(48deg);
}
div#ccm-panel-add-block a.ccm-panel-add-block-draggable-block-type span {
  position: initial;
  padding: 0.5em;
  background-color: #202226;
}
div#ccm-panel-add-block a.ccm-panel-add-block-draggable-block-type:hover {
  border: 1px solid #6f6d9a;
}
div#ccm-panel-add-block a.ccm-panel-add-block-draggable-block-type:hover span {
  color: #6f6d9a;
}
.ccm-ui .popover {
  padding: 1rem;
  border: none;
  border-radius: 0.3rem;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
div.ui-dialog {
  background-color: white;
  overflow: initial;
  position: fixed;
}
div.ui-dialog h2 {
  font-size: 2rem;
}
div.ui-dialog .ui-dialog-titlebar {
  background-color: white;
  border-radius: 0;
  padding: 1rem;
}
div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  right: 1rem;
  top: 1rem;
}
div.ui-dialog .ui-dialog-content {
  padding: 1rem;
}
div.ui-dialog .ui-dialog-buttonpane {
  background-color: white;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
div.ui-dialog .ui-dialog-buttonpane:before,
div.ui-dialog .ui-dialog-buttonpane:after {
  display: none !important;
}
div.ui-dialog .ui-dialog-buttonpane > div {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 20%;
  flex: 1 1 20%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap-reverse;
  flex-flow: row wrap-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
div.ui-dialog .ui-dialog-buttonpane > div > * {
  width: auto;
  border-radius: 0;
}
div.ui-dialog .c5__tab-list {
  margin-bottom: 2rem;
}
.c5__card {
  font-size: .8rem;
  font-weight: normal;
  text-align: center;
}
.c5__card-label {
  border-radius: 0.3rem;
  border: 1px solid #dadadf;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.c5__card-label::before {
  top: .2rem;
  right: 0;
  position: absolute;
  font-size: 1.5rem;
  color: white;
  content: "\f1db";
}
.c5__card-body {
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 9rem;
  flex: 1 1 9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c5__card-body .ccm-icon-theme {
  width: 100%;
  height: auto;
}
.c5__card-footer {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .5rem .3rem;
}
.c5__card .c5__available-soon {
  font-size: 70%;
}
.c5__card .c5__button,
.c5__card .ccm-ui .btn,
.c5__card .c5__button--radio + label,
.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
.c5__card .c5__colorpicker .sp-replacer {
  display: none;
}
.c5__card:hover-label,
.c5__card:focus-label {
  border: 1px solid #6f6d9a;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}
.c5__card:hover .c5__button,
.c5__card:focus .c5__button,
.c5__card:hover .ccm-ui .btn,
.c5__card:focus .ccm-ui .btn,
.c5__card:hover .c5__button--radio + label,
.c5__card:focus .c5__button--radio + label,
.c5__card:hover .ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
.c5__card:focus .ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
.c5__card:hover .ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
.c5__card:focus .ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
.c5__card:hover .c5__colorpicker .sp-replacer,
.c5__card:focus .c5__colorpicker .sp-replacer {
  display: block;
}
.c5__card-select:checked + .c5__card-label {
  border: 1px solid #6f6d9a;
}
.c5__card-select:checked + .c5__card-label::before {
  content: "\f058";
}
.c5__card-select[disabled] + .c5__card-label {
  opacity: .5;
  cursor: not-allowed !important;
}
.c5__card .c5__button,
.c5__card .ccm-ui .btn,
.c5__card .c5__button--radio + label,
.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
.c5__card .c5__colorpicker .sp-replacer {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  display: none;
}
.c5__card .c5__button:before,
.c5__card .ccm-ui .btn:before,
.c5__card .c5__button--radio + label:before,
.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel:before,
.c5__card .ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose:before,
.c5__card .c5__colorpicker .sp-replacer:before {
  content: "\f00e";
}
.c5__step {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.c5__step-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .c5__step-list {
    display: none;
  }
}
.c5__step__text {
  margin-top: auto;
}
.c5__step::before {
  counter-increment: progress;
  content: counter(progress);
  font-size: 1rem !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #dadadf;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  border: .5rem solid white;
  border-radius: 3rem;
  margin-bottom: 1rem;
}
.c5__step::after {
  content: '';
  position: absolute;
  width: 100%;
  height: .5rem;
  background: #dadadf;
  top: 1.28rem;
  left: 50%;
  z-index: -1;
}
.c5__step:last-of-type::after {
  display: none;
}
.c5__step.--visited::before {
  background: #6f6d9a;
  color: white;
  content: "\f00c";
  font-family: FontAwesome;
}
.c5__step.--visited::after {
  background: #6f6d9a !important;
}
.c5__step.--active::before {
  background: #6f6d9a;
  color: white;
  border: 0.5rem solid #6f6d9a;
  font-weight: bold;
}
.c5__tab {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
  text-align: center;
  text-decoration: none;
  line-height: 1rem;
  border: 1px solid #dadadf;
  cursor: pointer;
}
.c5__tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #3e3935;
}
@media screen and (max-width: 767px) {
  .c5__tab-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.c5__tab:hover {
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #6f6d9a;
}
.c5__tab.--active {
  background: #dadadf;
}
.c5__tab a {
  padding: 1rem;
  display: block;
}
.c5__tab__content-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .c5__tab__content-list {
    display: none;
  }
}
.c5__tab__content {
  display: none;
  width: 100%;
}
.c5__tab__content.--active {
  display: block;
}
div.ccm-ui ul.nav-tabs > li.active > a,
div.ccm-ui ul.nav-tabs > li.active > a:hover,
div.ccm-ui ul.nav-tabs > li.active > a:focus,
div.ccm-ui ul.nav-tabs > li.active::after {
  color: #6f6d9a;
}
.c5__tag {
  font-size: 75%;
  display: inline-block;
  padding: .2em .6em .3em;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.c5__tag--default {
  background-color: #dadadf;
  color: #000000;
}
.c5__tag-sm {
  font-size: .8em;
}
 + .c5__tag {
  margin-left: .3em;
}
.c5__wizard {
  position: relative;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid: "steps" auto "header" 10rem "help" auto "main" auto "sidebar" auto / auto;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  /*
    &--sitetype{}
    &--layout{}
    &--import{}
    &--about{}
    &--contact{}
    &--services{}
    &--social{}
    */
}
@media screen and (min-width: 768px) {
  .c5__wizard {
    grid: "steps steps" auto "header header" 10rem "main help" auto "main sidebar" 1fr / minmax(60%, 1fr) minmax(30%, 450px);
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }
}
.c5__wizard-header {
  grid-area: steps;
  width: 100%;
  counter-reset: progress;
}
.c5__wizard-body {
  width: 100%;
  color: #3e3935;
  grid-area: main;
}
.c5__wizard-help {
  grid-area: help;
}
.c5__wizard-heading {
  grid-area: header;
  padding: 2.5rem 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: column;
}
.c5__wizard-heading > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.c5__wizard-heading--2 > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  margin-right: 2rem;
}
.c5__wizard-heading__icon {
  font-size: 2rem;
  vertical-align: middle;
  line-height: 2rem;
}
.c5__wizard-heading__text {
  font-size: 2rem;
  line-height: 2rem;
}
.c5__wizard-content {
  color: #3e3935;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.c5__wizard-content > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.c5__wizard-content--2 > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  margin-right: 2rem;
}
@media (min-width: 768px) {
  .c5__wizard-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .c5__wizard-content > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .c5__wizard-content--2 > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin-right: 2rem;
  }
}
.c5__wizard-aside {
  grid-area: sidebar;
}
.c5__wizard-aside .c5__button,
.c5__wizard-aside .ccm-ui .btn,
.c5__wizard-aside .c5__button--radio + label,
.c5__wizard-aside .ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
.c5__wizard-aside .ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
.c5__wizard-aside .c5__colorpicker .sp-replacer {
  max-width: 14rem;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.c5__wizard-aside .c5__button + .c5__button,
.c5__wizard-aside .ccm-ui .btn + .ccm-ui .btn,
.c5__wizard-aside .c5__button--radio + label + .c5__button--radio + label,
.c5__wizard-aside .ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel + .ccm-panel-left .sp-container .sp-picker-container .sp-button-container a.sp-cancel,
.c5__wizard-aside .ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose + .ccm-panel-left .sp-container .sp-picker-container .sp-button-container button.sp-choose,
.c5__wizard-aside .c5__colorpicker .sp-replacer + .c5__colorpicker .sp-replacer {
  margin-left: 1rem;
}
.c5__wizard-aside .c5__row,
.c5__wizard-aside .c5__wizard .c5__fieldset {
  margin-bottom: 2rem;
}
.c5__wizard-aside .img-responsive {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .c5__wizard--sitetype {
    grid: "steps steps" auto "header header" 10rem "main help" auto "main sidebar" 1fr / minmax(50%, 1fr) minmax(25%, 350px);
  }
}
.c5__wizard .c5__fieldset.c5__input-group-addon + .form-group {
  margin-left: 1.5rem;
}
.c5__wizard .c5__fieldset-body {
  width: 65%;
}
.c5__wizard-theme-type-choice-list {
  display: grid;
  grid: repeat(2, auto) / 1fr;
  grid-gap: .5rem 1rem;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .c5__wizard-theme-type-choice-list {
    grid: repeat(2, auto) / repeat(3, 1fr);
  }
  .c5__wizard-theme-type-choice-list label {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}
@media (max-width: 991px) {
  .c5__wizard .c5__fieldset {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .c5__wizard .c5__fieldset-footer,
  .c5__wizard .c5__fieldset-body {
    width: 100%;
  }
}
.c5__wizard .c5__button--radio + label + .c5__tip {
  opacity: .8;
}
.--loading {
  opacity: .5;
}
@media (min-width: 768px) {
  .c5__step--social .c5__input-group-addon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15rem;
    flex: 0 0 15rem;
    padding: 0 1rem;
    background: #dadadf;
    border-radius: 0.3rem 0 0 0.3rem;
  }
  .c5__step--social .c5__input-group .c5__input,
  .c5__step--social .c5__input-group .ccm-panel-left .sp-container input.sp-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (max-width: 767px) {
  .c5__step--social .c5__input-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.c5__available-soon {
  font-size: 80%;
  color: #a3a3b0;
}
.c5__theme--not-allowed-for-type .c5__theme-type,
.c5__plan__message--warning {
  color: rgba(255, 0, 0, 0.8);
}
.c5__info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c5__info-wrapper img {
  width: 50%;
  margin-bottom: 2em;
}
.c5__tip {
  padding: 2em;
  margin-bottom: 2em;
  border: 1px solid #b2b2c7;
  border-radius: .3em;
  position: relative;
  color: #a3a3b0;
}
.c5__tip:before {
  content: "\f0eb";
  font-family: FontAwesome;
  position: absolute;
  top: .2rem;
  right: .6rem;
  color: #a3a3b0;
}
div#ccm-dashboard-content {
  margin-top: 48px;
  padding-left: 50px;
  padding-bottom: 0;
}
div#ccm-dashboard-content header + div#ccm-dashboard-content-inner div.ccm-dashboard-content-full:first-child {
  margin-top: 0;
}
div#ccm-dashboard-content div.ccm-dashboard-content-full {
  margin-left: 0;
  margin-right: 0;
}
div#ccm-dashboard-content > header {
  background-color: transparent;
}
div#ccm-dashboard-content > header h1 {
  color: #6f6d9a;
}
a.ccm-panel-add-block-draggable-block-type {
  background-color: #6f6d9a;
}
a.ccm-panel-add-block-draggable-block-type span {
  background-color: #2f2f41;
}
#ccm-account-menu-container {
  display: none;
}
div.ui-dialog div.ccm-header-search-form {
  background: white;
}
.ccm-dashboard-page-header-bookmark {
  display: none;
}
.ccm-dashboard-page-header.c5__dashboard-header--customizer {
  display: none;
}
.ccm-header-search-form .ccm-ui [type="submit"] {
  height: 40px;
}
.c5__dashboard-panel .nav {
  display: grid;
  grid-gap: 1rem;
  grid-auto-rows: minmax(10vh, -webkit-max-content);
  grid-auto-rows: minmax(10vh, max-content);
  grid-template-columns: 1fr;
  margin-bottom: 2rem;
}
@media screen and (min-width: 560px) {
  .c5__dashboard-panel .nav {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 900px) {
  .c5__dashboard-panel .nav {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: minmax(10vh, 25vh);
  }
}
.c5__dashboard-panel .nav:before,
.c5__dashboard-panel .nav:after {
  display: none;
}
.c5__dashboard-panel .nav > li {
  background: #e8e8eb;
  border: 1px solid #e2e2e6;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.c5__dashboard-panel .nav > li > a,
.c5__dashboard-panel .nav > li .c5__dashboard-category__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.66666667rem 1rem;
  background: #6f6d9a;
  border: 1px solid #6f6d9a;
  border-radius: 5px 5px 0 0;
  color: white;
}
.c5__dashboard-panel .nav > li > a:hover,
.c5__dashboard-panel .nav > li .c5__dashboard-category__title:hover,
.c5__dashboard-panel .nav > li > a:active,
.c5__dashboard-panel .nav > li .c5__dashboard-category__title:active,
.c5__dashboard-panel .nav > li > a:focus,
.c5__dashboard-panel .nav > li .c5__dashboard-category__title:focus {
  color: #6f6d9a;
  background: #e6e6ed;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.c5__dashboard-panel .nav > li > a:after,
.c5__dashboard-panel .nav > li .c5__dashboard-category__title:after {
  font-size: 150%;
}
.c5__dashboard-panel .nav > li > ul {
  list-style: none;
  height: 100%;
  overflow: auto;
  padding-left: 0;
}
.c5__dashboard-panel .nav > li > ul li a {
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c5__dashboard-panel .nav > li > ul li a:hover,
.c5__dashboard-panel .nav > li > ul li a:active,
.c5__dashboard-panel .nav > li > ul li a:focus {
  text-decoration: underline;
  color: #43425f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.c5__dashboard-panel .nav > li > ul ul {
  padding-left: 2rem;
}
.c5__dashboard-panel .nav > li > ul ul li a {
  padding: 0.5rem 0.5rem;
}
.c5__dashboard-panel .nav > .system {
  grid-row: 1 / span 3;
}
.c5__dashboard-panel .nav > .system > a:after {
  content: "\f085";
}
.c5__dashboard-panel .nav > .blog,
.c5__dashboard-panel .nav > .store {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.c5__dashboard-panel .nav > .welcome > a:after {
  content: "\f0a1";
}
.c5__dashboard-panel .nav > .sitemap > a:after {
  content: "\f0e8";
}
.c5__dashboard-panel .nav > .files > a:after {
  content: "\f187";
}
.c5__dashboard-panel .nav > .users > a:after {
  content: "\f0c0";
}
.c5__dashboard-panel .nav > .express > a:after {
  content: "\f0d0";
}
.c5__dashboard-panel .nav > .reports > a:after {
  content: "\f0ea";
}
.c5__dashboard-panel .nav > .pages > a:after {
  content: "\f0c5";
}
.c5__dashboard-panel .nav > .conversations > a:after {
  content: "\f086";
}
.c5__dashboard-panel .nav > .blocks > a:after {
  content: "\f1b3";
}
.c5__dashboard-panel .nav > .extend > a:after {
  content: "\f12e";
}
.c5__dashboard-panel .nav > .reiniciar-sitio > a:after {
  content: "\f0e2";
}
.c5__dashboard-panel .nav > .store > a:after,
.c5__dashboard-panel .nav > .store .c5__dashboard-category__title:after {
  content: "\f07a";
}
.c5__dashboard-panel .nav > .blog > a:after,
.c5__dashboard-panel .nav > .blog .c5__dashboard-category__title:after {
  content: "\f09e";
}
.c5__dashboard-panel .nav .c5__dashboard-category--not-allowed .c5__dashboard-category__title {
  background: #7e8890;
  border-color: #7e8890;
  color: white;
}
.c5__dashboard-panel .nav .c5__dashboard-category--not-allowed .c5__dashboard-category__title:hover {
  background: #7e8890;
  border-color: #7e8890;
  color: white;
}
.c5__dashboard-panel .nav .c5__dashboard-category--not-allowed .c5__dashboard-category__content {
  color: #7e8890;
}
.c5__dashboard-panel .nav .c5__dashboard-category__content {
  padding: 1em;
  height: 100%;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
table.ccm-search-results-table tbody td {
  padding: 10px 0px 10px 15px;
}
table.ccm-search-results-table tbody td:first-child {
  padding-left: 82px;
}
table.ccm-file-manager-list img.ccm-file-manager-list-thumbnail,
table.ccm-file-manager-list img.ccm-generic-thumbnail {
  width: 40px;
  height: 40px;
}
.ccm-panel-sitemap-list {
  content: "edited";
}
div.ccm-notification-help-launcher {
  display: none;
}
div.ui-dialog .ui-dialog-content div.form-group {
  padding-left: 0;
  padding-left: 5px;
  margin-left: 0;
  margin-right: 0;
}
#ccm-dashboard-page {
  padding-bottom: 5rem;
}
.c5__customizer__section--favicon .c5__step-body {
  overflow: auto;
  max-height: 50vh;
  margin-bottom: 3rem;
}
.c5__customizer__section .c5__grid {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.ccm-edit-mode div#ccm-menu-click-proxy,
.ccm-edit-mode div.ccm-block-edit > div.ccm-block-cover {
  display: none;
}
.ccm-edit-mode [data-area-handle="Menu"] [data-menu-action="delete_block"],
.ccm-edit-mode [data-area-handle="Logotipo"] [data-menu-action="delete_block"] {
  display: none !important;
}
.ccm-edit-mode div.ccm-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  background: transparent;
  padding: 0 !important;
}
.ccm-edit-mode div.ccm-area-footer {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding-top: 0;
  padding-left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: initial !important;
}
.ccm-edit-mode div.ccm-area-footer-handle {
  padding: .5rem .7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: none;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: .3rem;
  margin-left: 1rem;
  height: initial !important;
  width: 100%;
  color: #6f6d9a;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ccm-edit-mode div.ccm-area-footer-handle:hover {
  background: rgba(255, 255, 255, 0.3);
}
.ccm-edit-mode .c5__page-element-controls {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background: rgba(255, 255, 255, 0.2);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ccm-edit-mode .c5__page-element-controls > * {
  background-color: transparent;
}
.ccm-edit-mode .c5__page-element-controls__title {
  width: auto;
  font-size: 14px;
}
.ccm-edit-mode .c5__page-element-controls__menu {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-right: .2rem;
}
.ccm-edit-mode .c5__page-element-controls__menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ccm-edit-mode .c5__page-element-controls .c5__page-element-controls__menu__element {
  padding: .5rem .7rem;
}
.ccm-edit-mode .ccm-area-block-list {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.ccm-edit-mode .ccm-area-block-list ul.ccm-edit-mode-inline-commands {
  opacity: 1;
  background-color: transparent;
}
.ccm-edit-mode .ccm-area-block-list ul.ccm-edit-mode-inline-commands li {
  width: auto !important;
  height: auto !important;
  line-height: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ccm-edit-mode .ccm-area-block-list ul.ccm-edit-mode-inline-commands li a {
  color: orange;
  padding: .5rem .7rem;
  margin: .5rem;
  border-radius: .3rem;
  color: #6f6d9a !important;
  background-color: white;
  border: 1px solid #dadadf;
  top: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  line-height: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ccm-edit-mode .ccm-area-block-list ul.ccm-edit-mode-inline-commands li a i {
  position: initial;
}
.ccm-edit-mode .ccm-block-edit {
  z-index: 10;
}
.ccm-edit-mode .ccm-block-edit.ccm-menu-item-hover,
.ccm-edit-mode .ccm-block-edit.ccm-block-highlight {
  outline: 1px solid #6f6d9a;
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu {
  position: relative;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu,
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .popover-inner,
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: static;
  opacity: 1;
  width: auto;
  padding: 0;
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .arrow {
  display: none;
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu.popover {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: .3rem;
  background: rgba(255, 255, 255, 0.4);
  min-width: auto;
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a {
  font-size: 0;
  position: relative;
  padding: .5rem .7rem;
  margin: .5rem;
  border-radius: .3rem;
  color: #6f6d9a !important;
  background-color: white;
  border: 1px solid #dadadf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*
                    &:hover,
                    &:focus {
                      &:after {
                        content: attr(title);
                        font-size: 1.5rem;
                        position: absolute;
                        z-index: 15;
                        top: 1.25rem;
                        padding: .25rem .75rem;
                        background: @color-primary;
                        color: white;
                      }
                    }
                    */
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a:before {
  font-size: 1.5rem;
  color: #6f6d9a;
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a[data-menu-action="block_dialog"]:before,
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a[data-menu-action="edit_inline"]:before {
  content: '\f040';
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a[data-menu-action="block_scrapbook"] {
  display: none;
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a[data-menu-action="block_scrapbook"]:before {
  content: '\f0ea';
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a[data-menu-action="delete_block"]:before {
  content: '\f1f8';
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a[data-menu-action="block_design"] {
  display: none;
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a[data-menu-action="block_design"]:before {
  content: '\f1fc';
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a[data-menu-href*="cache"] {
  display: none;
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a[data-menu-href*="cache"]:before {
  content: '\f013';
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a[data-menu-href*="permissions"] {
  display: none;
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a[data-menu-href*="permissions"]:before {
  content: '\f0c0';
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a[data-menu-href*="guest_access"] {
  display: none;
}
.ccm-edit-mode .ccm-block-edit .ccm-edit-mode-block-menu .dropdown-menu a[data-menu-href*="guest_access"]:before {
  content: '\f073';
}
.ccm-edit-mode .ccm-block-edit .ccm-ui {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  border-radius: .3rem;
}
.ccm-edit-mode .ccm-block-edit > * {
  background-color: transparent;
}
.ccm-edit-mode .ccm-block-edit .dropdown-menu {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ccm-edit-mode .cw__mobile .ccm-area,
.ccm-edit-mode .cw__tablet .ccm-area {
  outline: 0.1rem dashed rgba(255, 165, 0, 0.8) !important;
  margin: .1rem 0;
}
.ccm-edit-mode .cw__mobile .ccm-area .ccm-area-footer,
.ccm-edit-mode .cw__tablet .ccm-area .ccm-area-footer {
  height: 3rem !important;
  opacity: 1;
}
.ccm-edit-mode .cw__mobile .ccm-block-edit,
.ccm-edit-mode .cw__tablet .ccm-block-edit {
  outline: 0.1rem dashed rgba(255, 165, 0, 0.8) !important;
  margin: .1rem 0;
}
.ccm-edit-mode .cw__mobile .ccm-block-edit .ccm-ui,
.ccm-edit-mode .cw__tablet .ccm-block-edit .ccm-ui {
  height: 3rem !important;
  opacity: 1;
}
.ccm-edit-mode .cw__desktop .ccm-area {
  outline: 0.1rem dashed rgba(255, 165, 0, 0) !important;
  outline-offset: 0;
  margin: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccm-edit-mode .cw__desktop .ccm-area .ccm-area-footer {
  overflow: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccm-edit-mode .cw__desktop .ccm-area:hover {
  outline: 0.1rem dashed rgba(255, 165, 0, 0.8) !important;
  margin: .1rem 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccm-edit-mode .cw__desktop .ccm-area:hover .ccm-area-footer {
  height: 3rem !important;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccm-edit-mode .cw__desktop .ccm-block-edit {
  outline: 0.1rem dashed rgba(255, 165, 0, 0) !important;
  outline-offset: 0;
  margin: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccm-edit-mode .cw__desktop .ccm-block-edit .ccm-ui {
  overflow: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccm-edit-mode .cw__desktop .ccm-block-edit:hover {
  outline: 0.1rem dashed rgba(255, 165, 0, 0.8) !important;
  margin: .1rem 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccm-edit-mode .cw__desktop .ccm-block-edit:hover .ccm-ui {
  height: 3rem !important;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ccm-edit-mode div.ccm-area-drag-area {
  height: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1), outline-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1), outline-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  z-index: 100;
  outline-color: #f68642;
  outline-offset: 0;
  background: rgba(246, 134, 66, 0.2);
}
.ccm-edit-mode.ccm-block-dragging div.ccm-area-drag-area {
  height: 3rem;
}
.ccm-edit-mode.ccm-block-dragging .ccm-block-edit {
  -webkit-transition: none;
  transition: none;
}
.ccm-edit-mode.ccm-block-dragging .ccm-block-edit:hover .ccm-ui {
  height: 0!important;
  opacity: 0;
  margin: 0;
  -webkit-transition: none;
  transition: none;
}
.ccm-edit-mode.ccm-block-dragging .ccm-area {
  -webkit-transition: none;
  transition: none;
}
.ccm-edit-mode.ccm-block-dragging .ccm-area:hover {
  -webkit-transition: none;
  transition: none;
}
.ccm-edit-mode.ccm-block-dragging .ccm-area:hover .ccm-area-footer {
  margin: 0;
  display: none!important;
  -webkit-transition: none;
  transition: none;
}
div#ccm-panel-add-block div.ccm-panel-add-block-set header {
  color: #6f6d9a;
}
div#ccm-panel-add-block a.ccm-panel-add-block-draggable-block-type {
  background-color: #202226;
  text-decoration: none;
}
div#ccm-panel-add-block a.ccm-panel-add-block-draggable-block-type span {
  background-color: transparent !important;
  opacity: .8;
}
div#ccm-panel-add-block a.ccm-panel-add-block-draggable-block-type span:hover {
  border: none;
}
table.ccm-file-manager-list img.ccm-file-manager-list-thumbnail,
table.ccm-file-manager-list img.ccm-generic-thumbnail {
  border-radius: 0.2rem;
}
