.collectionSearch,.portlet.collectionSearch,.collectionFilter,.portlet.collectionFilter,.collectionSortOn,.portlet.collectionSortOn{position:relative;background:white}.collectionSearch .edit-link,.portlet.collectionSearch .edit-link,.collectionFilter .edit-link,.portlet.collectionFilter .edit-link,.collectionSortOn .edit-link,.portlet.collectionSortOn .edit-link{position:absolute;right:0;bottom:-0.5em}.collectionSearch .edit-link label,.portlet.collectionSearch .edit-link label,.collectionFilter .edit-link label,.portlet.collectionFilter .edit-link label,.collectionSortOn .edit-link label,.portlet.collectionSortOn .edit-link label{display:none}.horizontal .collectionSearch,.horizontal .portlet.collectionSearch,.horizontal .collectionFilter,.horizontal .portlet.collectionFilter,.horizontal .collectionSortOn,.horizontal .portlet.collectionSortOn{display:flex !important;justify-content:space-between;align-items:center}.horizontal .collectionSearch>header,.horizontal .portlet.collectionSearch>header,.horizontal .collectionFilter>header,.horizontal .portlet.collectionFilter>header,.horizontal .collectionSortOn>header,.horizontal .portlet.collectionSortOn>header{font-weight:bold}.horizontal .collectionSearch .edit-link,.horizontal .portlet.collectionSearch .edit-link,.horizontal .collectionFilter .edit-link,.horizontal .portlet.collectionFilter .edit-link,.horizontal .collectionSortOn .edit-link,.horizontal .portlet.collectionSortOn .edit-link{right:unset;left:0}.collectionSearch .searchContent,.portlet.collectionSearch .searchContent,.collectionFilter .filterContent,.portlet.collectionFilter .filterContent,.collectionSortOn .filterContent,.portlet.collectionSortOn .filterContent{padding:1em}.collectionSearch .searchContent>ul,.portlet.collectionSearch .searchContent>ul,.collectionFilter .filterContent>ul,.portlet.collectionFilter .filterContent>ul,.collectionSortOn .filterContent>ul,.portlet.collectionSortOn .filterContent>ul{padding:0;list-style:none;position:relative}.collectionSearch .searchContent>ul>li,.portlet.collectionSearch .searchContent>ul>li,.collectionFilter .filterContent>ul>li,.portlet.collectionFilter .filterContent>ul>li,.collectionSortOn .filterContent>ul>li,.portlet.collectionSortOn .filterContent>ul>li{list-style-type:none;padding:2px}.collectionSearch .searchContent>ul>li input[type="radio"],.portlet.collectionSearch .searchContent>ul>li input[type="radio"],.collectionFilter .filterContent>ul>li input[type="radio"],.portlet.collectionFilter .filterContent>ul>li input[type="radio"],.collectionSortOn .filterContent>ul>li input[type="radio"],.portlet.collectionSortOn .filterContent>ul>li input[type="radio"],.collectionSearch .searchContent>ul>li input[type="checkbox"],.portlet.collectionSearch .searchContent>ul>li input[type="checkbox"],.collectionFilter .filterContent>ul>li input[type="checkbox"],.portlet.collectionFilter .filterContent>ul>li input[type="checkbox"],.collectionSortOn .filterContent>ul>li input[type="checkbox"],.portlet.collectionSortOn .filterContent>ul>li input[type="checkbox"]{margin:.3em .5em 0 0;line-height:normal;position:absolute}.collectionSearch .searchContent>ul>li label,.portlet.collectionSearch .searchContent>ul>li label,.collectionFilter .filterContent>ul>li label,.portlet.collectionFilter .filterContent>ul>li label,.collectionSortOn .filterContent>ul>li label,.portlet.collectionSortOn .filterContent>ul>li label{display:inline-block}.collectionSearch .searchContent>ul>li label .filterControl,.portlet.collectionSearch .searchContent>ul>li label .filterControl,.collectionFilter .filterContent>ul>li label .filterControl,.portlet.collectionFilter .filterContent>ul>li label .filterControl,.collectionSortOn .filterContent>ul>li label .filterControl,.portlet.collectionSortOn .filterContent>ul>li label .filterControl,.collectionSearch .searchContent>ul>li label .filterLabel,.portlet.collectionSearch .searchContent>ul>li label .filterLabel,.collectionFilter .filterContent>ul>li label .filterLabel,.portlet.collectionFilter .filterContent>ul>li label .filterLabel,.collectionSortOn .filterContent>ul>li label .filterLabel,.portlet.collectionSortOn .filterContent>ul>li label .filterLabel{display:inline-block;vertical-align:top}.collectionSearch .searchContent>ul>li label .filterControl,.portlet.collectionSearch .searchContent>ul>li label .filterControl,.collectionFilter .filterContent>ul>li label .filterControl,.portlet.collectionFilter .filterContent>ul>li label .filterControl,.collectionSortOn .filterContent>ul>li label .filterControl,.portlet.collectionSortOn .filterContent>ul>li label .filterControl{margin-right:.5em}.collectionSearch .searchContent>ul>li label .filterLabel,.portlet.collectionSearch .searchContent>ul>li label .filterLabel,.collectionFilter .filterContent>ul>li label .filterLabel,.portlet.collectionFilter .filterContent>ul>li label .filterLabel,.collectionSortOn .filterContent>ul>li label .filterLabel,.portlet.collectionSortOn .filterContent>ul>li label .filterLabel{-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;padding-left:1.5em}.collectionSearch .searchContent>ul>li>a,.portlet.collectionSearch .searchContent>ul>li>a,.collectionFilter .filterContent>ul>li>a,.portlet.collectionFilter .filterContent>ul>li>a,.collectionSortOn .filterContent>ul>li>a,.portlet.collectionSortOn .filterContent>ul>li>a{padding:0;display:block;border:0;position:relative;z-index:1}.collectionSearch .searchContent>ul>li>a:before,.portlet.collectionSearch .searchContent>ul>li>a:before,.collectionFilter .filterContent>ul>li>a:before,.portlet.collectionFilter .filterContent>ul>li>a:before,.collectionSortOn .filterContent>ul>li>a:before,.portlet.collectionSortOn .filterContent>ul>li>a:before{font-size:1.75em;line-height:.5;top:.15em;left:.15em;content:"•";display:inline;position:absolute}.collectionSearch .searchContent>ul>li>a:hover,.portlet.collectionSearch .searchContent>ul>li>a:hover,.collectionFilter .filterContent>ul>li>a:hover,.portlet.collectionFilter .filterContent>ul>li>a:hover,.collectionSortOn .filterContent>ul>li>a:hover,.portlet.collectionSortOn .filterContent>ul>li>a:hover{text-decoration:none;border-bottom:0}.collectionSearch .searchContent>ul>li>a>span,.portlet.collectionSearch .searchContent>ul>li>a>span,.collectionFilter .filterContent>ul>li>a>span,.portlet.collectionFilter .filterContent>ul>li>a>span,.collectionSortOn .filterContent>ul>li>a>span,.portlet.collectionSortOn .filterContent>ul>li>a>span{padding-left:1.5em;display:inline-block;hyphens:auto}.collectionSearch .searchContent>ul>li:hover,.portlet.collectionSearch .searchContent>ul>li:hover,.collectionFilter .filterContent>ul>li:hover,.portlet.collectionFilter .filterContent>ul>li:hover,.collectionSortOn .filterContent>ul>li:hover,.portlet.collectionSortOn .filterContent>ul>li:hover{background:transparent}.collectionSearch .searchContent>ul li.selected a,.portlet.collectionSearch .searchContent>ul li.selected a,.collectionFilter .filterContent>ul li.selected a,.portlet.collectionFilter .filterContent>ul li.selected a,.collectionSortOn .filterContent>ul li.selected a,.portlet.collectionSortOn .filterContent>ul li.selected a{font-weight:bold}.collectionSearch .searchContent>ul ul,.portlet.collectionSearch .searchContent>ul ul,.collectionFilter .filterContent>ul ul,.portlet.collectionFilter .filterContent>ul ul,.collectionSortOn .filterContent>ul ul,.portlet.collectionSortOn .filterContent>ul ul{padding-left:15px;list-style:none}.collectionSearch .searchContent label,.portlet.collectionSearch .searchContent label,.collectionFilter .filterContent label,.portlet.collectionFilter .filterContent label,.collectionSortOn .filterContent label,.portlet.collectionSortOn .filterContent label{display:block;margin:0}.collectionSearch .searchContent select,.portlet.collectionSearch .searchContent select,.collectionFilter .filterContent select,.portlet.collectionFilter .filterContent select,.collectionSortOn .filterContent select,.portlet.collectionSortOn .filterContent select{padding:0 .5em}/*# sourceMappingURL=collectionfilter-bundle-compiled.css.map */
/*
  Attempted to keep the CSS similar to the Product.DataGridWidget definitioans.

  IE Hacks from that version or left in on the grounds that they might do something,
*/

.datagridwidget-table-view {
	width: 100%;
    border: 1px solid #666;
    background: none repeat scroll 0 0 #EEE;
}

.datagridwidget-table-view .header {
    font-weight: bold;
    background: none repeat scroll 0 0 #DDD;
    color: #666;
    padding: 2px;
    font-size: 1.1em;
    text-align: left;
}

.datagridwidget-row {
	vertical-align: top;
}

.datagridwidget-cell input[type="text"] {
    padding: 1px;
}
.datagridwidget-cell input, .datagridwidget-cell select, .datagridwidget-cell textarea {
    border: 1px solid #CCC;
}
.datagridwidget-cell > input:only-child { width: 99%; }

.datagridwidget-cell div.error {
    color:red;
    font-weight:bold;
}

.datagridwidget-empty-row {
	/* Hidden row with default selection widget values */
	display: none;
}

/* Error message is displayed above the field */
.datagridwidget-cell {
	vertical-align: bottom;
	padding: 1px;
}

.datagridwidget-manipulator {
	width: 16px;
	text-align: center;
	padding-bottom: 4px;
	margin: 0;
	vertical-align: bottom;
}

.datagridwidget-manipulator img {
	cursor: pointer;
}

.datagridwidget-hidden-data {
	display: none;
}

/* You cannot delete the auto-append row */
.auto-append  > .datagridwidget-manipulator.delete-row a,
.auto-append  > .datagridwidget-manipulator.move-up a,
.auto-append  > .datagridwidget-manipulator.move-down a,
.auto-append  > .datagridwidget-manipulator.insert-row a {
    display: none;
}

/* When no AA mode, only one row in the widget */
.minimum-row  > .datagridwidget-manipulator.insert-row a {
    display: block;
}

.datagridwidget-body-non-auto-append[data-many-rows = "true"] .datagridfield-last-filled-row > .datagridwidget-manipulator.move-down a,
.datagridwidget-body-non-auto-append[data-many-rows = "true"] .datagridfield-first-filled-row > .datagridwidget-manipulator.move-up a {
    display: block;
}

/* Cannot move up out of the grid */
.datagridfield-first-filled-row > .datagridwidget-manipulator.move-up a {
    display: none !important;
}

/* Cannot move below auto-append row */
.datagridfield-last-filled-row > .datagridwidget-manipulator.move-down a {
    display: none !important;
}

/*
 	Workaround for IE which cannot propeply handle
 	background images in cloned TR input fields.
 	Plone is shipped with default input background gradient image
 */
.datagridwidget-cell input {
	background: white;
	background-image: none;
}

/**
 * Block edit mode styles
 */

.datagridwidget-table-view-block {
    border-collapse: collapse;
}

.datagridwidget-table-view-block thead {
    display: none;
}

.datagridwidget-table-view-block .datagridwidget-row {
    border-bottom: 1px solid black;
}

.datagridwidget-table-view-block td {
    vertical-align: top;
}

.datagridwidget-block-edit-cell {
    width: auto;
}
.datagridwidget-table-view-block .datagridwidget-manipulator {
    width: 16px;
}

.datagridwidget-block {
    padding: 0.5em;
}

.datagridwidget-block-edit-cell .error {
    background-color: #FFDDCC;
    border: 1px solid red;
    margin: 1em 0;
    padding: 0.5em;
}

.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%;
}