@media print {
    .pagebreak { page-break-before: always; } /* page-break-after works, as well */
    footer#footer { display: none !important; }
}

trix-toolbar {
  display:none;
  float:right;
  margin-top: -28px;
}

trix-editor:-moz-read-only, textarea:-moz-read-only, input:-moz-read-only{
  border:none !important;
}

trix-editor:read-only, textarea:read-only, input:read-only {
  border:none !important;
}

trix-toolbar .trix-button-group {
	background-color: white !important;
}

.trix-content ul {
    list-style-type: disc !important;
}

body {
	margin: 0;
  /* font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; */
  font-family: chapeauregular,'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.5em 0;
	font-weight: 400;
	line-height: 1.2;
}

h1 {
	font-size: 2em;
}

a {
	color: inherit;
}

code {
	font-family: menlo, inconsolata, monospace;
	font-size: calc(1em - 2px);
	color: #555;
	background-color: #f0f0f0;
	padding: 0.2em 0.4em;
	border-radius: 2px;
}

@media (min-width: 400px) {
	body {
		font-size: 16px;
	}
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input{
	max-width: 80% !important;
}

fieldset {
	border: 1px solid black !important;
	padding: .35em .75em .625em !important;
}

fieldset.disabled {
	border: none !important;
	padding: 0 !important;
}

fieldset.enabled {
	border: none !important;
	padding: 0 !important;
}

input:read-only {
  border: none !important;
  background-color: transparent !important;
}

textarea:read-only {
	border: none !important;
}

a.slot-free {
	opacity: 0.7;
}

a.clearSelected {
	border: 2px solid red !important;
}

/*
  i wish this required CSS was better documented :(
  https://github.com/FezVrasta/popper.js/issues/674
  derived from this CSS on this page: https://popper.js.org/tooltip-examples.html
  */

  .popper,
  .tooltip {
    position: absolute;
    z-index: 9999;
    background: #FFC107;
    color: black;
    /*width: 150px;*/
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 10px;
    text-align: center;
  }
  .style5 .tooltip {
    background: #1E252B;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
  }
  .popper .popper__arrow,
  .tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
  }

  .tooltip .tooltip-arrow,
  .popper .popper__arrow {
    border-color: #FFC107;
  }
  .style5 .tooltip .tooltip-arrow {
    border-color: #1E252B;
  }
  .popper[x-placement^="top"],
  .tooltip[x-placement^="top"] {
    margin-bottom: 5px;
  }
  .popper[x-placement^="top"] .popper__arrow,
  .tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
  }
  .popper[x-placement^="bottom"],
  .tooltip[x-placement^="bottom"] {
    margin-top: 5px;
  }
  .tooltip[x-placement^="bottom"] .tooltip-arrow,
  .popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
  }
  .tooltip[x-placement^="right"],
  .popper[x-placement^="right"] {
    margin-left: 5px;
  }
  .popper[x-placement^="right"] .popper__arrow,
  .tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
  }
  .popper[x-placement^="left"],
  .tooltip[x-placement^="left"] {
    margin-right: 5px;
  }
  .popper[x-placement^="left"] .popper__arrow,
  .tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
  }

  .uppercase {
    text-transform: uppercase
  }

  .epikura {
    color: #115f6c;
    font-weight: bold;
  }

  div.grecaptcha-badge { visibility: hidden !important; }

  div.reverse {
		flex-direction: row-reverse;
  }
  
  .field.is-grouped.reverse > .control:not(:last-child) {
		margin-bottom: 0;
		margin-left: 0.75rem;
  }
  
  .fc-highlight {
    background: yellow !important ;
    opacity: 0.3 !important ;
  }