.fieldPreview {
    background: #eee;
    padding: 1em 1em 1px 1em;
    margin: 0.5em 0;
    -moz-border-radius: 0.5em;
    position: relative;
    border: solid 2px #ccc;
}

.fieldFromBehavior {
    border: dashed 2px #ccc;
}

.fieldFromBehavior .disabled-field-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background: #fff;
    opacity: 0.6;
}

.fieldLabel {
    background: #ddd;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    -moz-border-radius-bottomright: 0.5em;
    margin: -1em -1em 0.5em -1em;
    padding: 0.5em;
    position: relative;
    z-index: 3;
}

.fieldFromBehavior .fieldLabel {
    outline-width-top: 0;
    outline-left: none;
}

.fieldControls {
    position: absolute;
    top: 0;
    right: 1em;
    z-index: 10;
}

#content #form fieldset {
    width: 100%;
    border-top: none;
}

#content #form legend {
    display: none;
}

.contenttype-easyform.contenttype-easyform::before {
    font-family: 'Glyphicons Halflings';
    content: '\e028';
    top: 2px;
}

.icon-easyform-view.toolbar-menu-icon::before {
    content: '\e807';
}
@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}.mosaic-grid-row:before,
.mosaic-grid-row:after,
body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row:before,
body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row:after,
body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row:before,
body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row:after {
  content: " ";display: table;
}
.mosaic-grid-row:after,
body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row:after,
body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row:after {
  clear: both;
}
/* Grid classes, these can also be nested */
.mosaic-grid-row {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
body.template-layout.no-portlet-columns .outer-wrapper > .container,
body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container {
  width: auto;
}
body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row,
body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row,
  body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 750px;
  }
}
@media (min-width: 992px) {
  body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row,
  body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 990px;
  }
}
@media (min-width: 1200px) {
  body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row,
  body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 1170px;
  }
}
@media (min-width: 1600px) {
  body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row,
  body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 1570px;
  }
}
body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row,
body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row {
  width: auto;
  margin-left: -15px;
  margin-right: -15px;
}
body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row.mosaic-grid-row-fluid,
body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row.mosaic-grid-row-fluid {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  width: auto;
  max-width: none;
}
@media (min-width: 828px) {
  body.plone-toolbar-left-default.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 690px;
  }
}
@media (min-width: 1052px) {
  body.plone-toolbar-left-default.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 930px;
  }
}
@media (min-width: 1260px) {
  body.plone-toolbar-left-default.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 1110px;
  }
}
@media (min-width: 1660px) {
  body.plone-toolbar-left-default.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 1510px;
  }
}
@media (min-width: 888px) {
  body.plone-toolbar-left-expanded.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 630px;
  }
}
@media (min-width: 1112px) {
  body.plone-toolbar-left-expanded.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 870px;
  }
}
@media (min-width: 1320px) {
  body.plone-toolbar-left-expanded.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 1050px;
  }
}
@media (min-width: 1720px) {
  body.plone-toolbar-left-expanded.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 1450px;
  }
}
/* Widths, these are abstracted out so that pixel-based layouts or other
   similar approaches can be retrofitted without changing the markup,
   or if you want to apply rules like the Golden Ratio to your layouts */
.mosaic-width-full {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.mosaic-width-half {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .mosaic-width-half {
    float: left;
    width: 50%;
  }
}
.mosaic-width-quarter {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .mosaic-width-quarter {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .mosaic-width-quarter {
    float: left;
    width: 25%;
  }
}
.mosaic-width-three-quarters {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .mosaic-width-three-quarters {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .mosaic-width-three-quarters {
    float: left;
    width: 75%;
  }
}
.mosaic-width-third {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .mosaic-width-third {
    float: left;
    width: 33.33333333%;
  }
}
.mosaic-width-two-thirds {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .mosaic-width-two-thirds {
    float: left;
    width: 66.66666667%;
  }
}
.mosaic-enabled {
  /* Widths, these are abstracted out so that pixel-based layouts or other
     similar approaches can be retrofitted without changing the markup,
     or if you want to apply rules like the Golden Ratio to your layouts */
}
.mosaic-enabled .mosaic-width-full {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.mosaic-enabled .mosaic-width-half {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.mosaic-enabled .mosaic-width-quarter {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.mosaic-enabled .mosaic-width-three-quarters {
  position: relative;
  float: left;
  width: 75%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.mosaic-enabled .mosaic-width-third {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.mosaic-enabled .mosaic-width-two-thirds {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

/* Images will never be bigger then a tile */
.mosaic-tile img {
  max-width: 100%;
  height: auto;
}
/*
  prevent margin-top for first heading element's,
  to have the grid-cells starting at the same horizontal level
*/
.mosaic-tile-content h1:first-child,
.mosaic-tile-content h2:first-child,
.mosaic-tile-content h3:first-child,
.mosaic-tile-content h4:first-child,
.mosaic-tile-content h5:first-child,
.mosaic-tile-content h6:first-child {
  margin-top: 0;
}
.mosaic-tile-align-center {
  text-align: center;
}
.mosaic-tile-align-left {
  float: left;
  z-index: 200;
}
.mosaic-tile-align-right {
  float: right;
  z-index: 200;
}
.mosaic-tile-padding-right {
  padding-right: 1em;
}
.mosaic-tile-padding-bottom {
  padding-bottom: 1ex;
}
.mosaic-grid-row-dark {
  background: #ccc;
  padding: 1ex 1em;
  color: #2c2c2c;
}
.mosaic-grid-row-dark + .mosaic-grid-row {
  padding-top: 1ex;
}
.mosaic-grid-row-dark + .mosaic-grid-row-dark {
  padding-top: 0;
}
.mosaic-tile #commenting {
  font-size: 100%;
}
.mosaic-tile .comment {
  font-size: 100%;
}
#content .mosaic-tile .discussion div.documentByLine {
  font-size: 100%;
}