@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('/assets-v2/fonts/MaterialIcons-Regular.eot'); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('/assets-v2/fonts/MaterialIcons-Regular.woff2') format('woff2'),
    url('/assets-v2/fonts/MaterialIcons-Regular.woff') format('woff'),
    url('/assets-v2/fonts/MaterialIcons-Regular.ttf') format('truetype');
}

.container {
  max-width: 100%;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: inherit;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: middle;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

div[data-title="Icon Teaser"] .t3js-forms-select-single-icons.icon-list,
div[data-title="Benefit Teasers"] .t3js-forms-select-single-icons.icon-list,
div[data-title="Icon-Boxen"] .t3js-forms-select-single-icons.icon-list {
  background-color: hsl(240, 8%, 20%);
}

div[data-title="Icon Teaser"] .t3js-forms-select-single-icons.icon-list .item.active,
div[data-title="Benefit Teasers"] .t3js-forms-select-single-icons.icon-list .item.active,
div[data-title="Icon-Boxen"] .t3js-forms-select-single-icons.icon-list .item.active {
  background-color: hsl(240, 8%, 50%)
}

div[data-title="Icon Teaser"] span.input-group-icon,
div[data-title="Benefit Teasers"] span.input-group-icon,
div[data-title="Icon-Boxen"] span.input-group-icon {
  background-color: hsl(240, 8%, 50%);
}

.icon-list .item img {
	width: 24px;
	height: 24px;
}

.t3-page-ce-body-header {
  display: block;
  padding: 0px 0 5px 0px;
  border-bottom: 1px solid #CACACA;
  margin-bottom: 10px;
}

.t3-page-ce .t3-page-ce-footer {
  padding: 0 5px;
}

.mindshape-backend-preview-inner-content {
  position: relative;
}

.mindshape-backend-preview-iframe-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #f49700;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#wsc_img_banner {
  display: none !important;
}

.cke_combopanel__format {
  width: auto !important;
}
