@import url(fontello/css/fontello.css);
@import url(fontello-015/css/fontello.css);



@font-face {
	font-family: "RO Sans";
	src: url("fonts/ROsanswebtextregular.eot") format("embedded-opentype"), url("fonts/ROsanswebtextregular.woff") format("opentype");
	font-style: normal;
	font-weight: normal
}

@font-face {
	font-family: "RO Sans";
	src: url("fonts/ROsanswebtextitalic.eot") format("embedded-opentype"), url("fonts/ROsanswebtextitalic.woff") format("opentype");
	font-style: italic;
	font-weight: normal
}

@font-face {
	font-family: "RO Sans";
	src: url("fonts/ROsanswebtextbold.eot") format("embedded-opentype"), url("fonts/ROsanswebtextbold.woff") format("opentype");
	font-weight: bold;
	font-style: normal
}

@font-face {
	font-family: "RO Serif";
	src: url("fonts/ROserifwebregular.eot") format("embedded-opentype"), url("fonts/ROserifwebregular.woff") format("opentype");
	font-style: normal;
	font-weight: normal
}

@font-face {
	font-family: "RO Serif";
	src: url("fonts/ROserifwebitalic.eot") format("embedded-opentype"), url("fonts/ROserifwebitalic.woff") format("opentype");
	font-style: italic;
	font-weight: normal
}

.ro-sans {
	display: inline-block;
	font-family: "RO Sans";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.ro-serif {
	display: inline-block;
	font-family: "RO Serif";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

:root {
	--select-box-height: 44px
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ul,
ol,
li,
table,
tr,
th,
td,
form,
fieldset,
legend,
button,
div,
object,
figure,
table img {
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
	text-align: left
}

input,
select,
textarea,
button {
	padding: 0;
	background-color: #FFF
}
/* Start istandaarden tabs */
#tabs
    margin: auto;

#tabs .home{
    position:absolute;
    padding: 4px;
    margin-left: 0px
}

#tabs .first{
    position:absolute;
    padding: 3px;
    margin-left: 110px
}

#tabs .second{
    position:absolute;
    padding: 3px;
    margin-left: 210px;
}

#tabs .third{
    position:absolute;
    padding: 3px;
    margin-left: 300px;
}

#tabs .fourth{
    position:absolute;
    padding: 3px;
    margin-left: 410px;
}

#tabs .fifth{
    position:absolute;
    padding: 3px;
    margin-left: 520px;
}

#tabs a {
    display:block;
    position: absolute;
    border-bottom: 5px solid #E8E8E8;
    color: #000000;
    text-decoration: none;

#tabs a, a:visited {
          color: inherit;
      }

}
#tabs .iwmo {
    color: #003A6B;
    border-bottom: 5px solid #003A6B;
}

#tabs .ijw {
    color: #6B1A6A;
    border-bottom: 5px solid #6B1A6A;
}

#tabs .iwlz {
  color: #6B1A6A;
  border-bottom: 5px solid #A3C644;
}

#tabs .ipgb {
  color: #6B1A6A;
  border-bottom: 5px solid #FFC20E;
}

#tabs .ieb {
  color: #0072C6;
  border-bottom: 5px solid #0072C6;
}
/* Einde istandaarden tabs */


/* Start istandaarden tags */
#tags div {
    display:block;
    position: relative;
    border-left: 5px solid #E8E8E8;
    color: #E8E8E8;
    margin-top: -20px;
    margin-left: 50px;
}

#tags .first{
    position:absolute;
    padding: 7px;
    margin-left: 20px
}

#tags .second{
    position:absolute;
    padding: 7px;
    margin-left: 100px;
}

#tags .third{
    position:absolute;
    padding: 7px;
    margin-left: 180px;
}

#tags .fourth{
    position:absolute;
    padding: 7px;
    margin-left: 260px;
}

#tags .fifth{
    position:absolute;
    padding: 7px;
    margin-left: 340px;
}

#tags .iwmo {
    color: black;
    border-left: 5px solid #003A6B
}

#tags .ijw {
    color: black;
    border-left: 5px solid #6B1A6A;
}

#tags .iwlz {
  color: black;
  border-left: 5px solid #A3C644;
}

#tags .ipgb {
 color: black;
  border-left: 5px solid #FFC20E;
}

#tags .ieb {
 color: black;
  border-left: 5px solid #0072C6;
}

/* End iStandaarden tags */
/* Start iStandaarden Sidemenu*/

#sidemenu div {
    display: block;
    position: absolute;
    color: #000000;
    margin-left: 0.5em;

}
#sidemenu .list {
    position:absolute;
    top: 300px;
}
#sidemenu .link-list {
    position:relative;
}

#sidemenu .link-list .iwmo {
    color: black;
    border-left: 5px solid #003A6B
}

#sidemenu .link-list  .ijw {
    color: black;
    border-left: 5px solid #6B1A6A;
}

#sidemenu .link-list  .iwlz {
  color: black;
  border-left: 5px solid #A3C644;
}

#sidemenu .link-list  .ipgb {
 color: black;
  border-left: 5px solid #FFC20E;
}

#sidemenu .link-list  .ieb {
 color: black;
  border-left: 5px solid #0072C6;
}



/* End iStandaarden Sidemenu*/


.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes bounce {

	0%,
	20%,
	53%,
	80%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce {

	0%,
	20%,
	53%,
	80%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		-ms-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		-ms-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		-ms-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {

	0%,
	50%,
	100% {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {

	0%,
	50%,
	100% {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		-ms-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		-ms-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		-ms-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		-ms-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		-ms-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes shake {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shake {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		-ms-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		-ms-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		-ms-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		-ms-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		-ms-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		-ms-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		-ms-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		-ms-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		-ms-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		-ms-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		-ms-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		-ms-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		-ms-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		-ms-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		-ms-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		-ms-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		-ms-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		-ms-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		-ms-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		-ms-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		-ms-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		-ms-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		-ms-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		-ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		-ms-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		-ms-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		-ms-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		-ms-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		-ms-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		-ms-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		-ms-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		-ms-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		-ms-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes rollOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	100% {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	100% {
		opacity: 0
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform: scale(0.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		-ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform: scale(0.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		transform: scale(0.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		-ms-transform: scale(0.1) translate3d(2000px, 0, 0);
		transform: scale(0.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

@keyframes bounceInCentred {

	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale3d(0.3, 0.3, 0.3)
	}

	20% {
		transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1.1)
	}

	40% {
		transform: translate(-50%, -50%) scale3d(0.9, 0.9, 0.9)
	}

	60% {
		opacity: 1;
		transform: translate(-50%, -50%) scale3d(1.03, 1.03, 1.03)
	}

	80% {
		transform: translate(-50%, -50%) scale3d(0.97, 0.97, 0.97)
	}

	100% {
		opacity: 1;
		transform: translate(-50%, -50%) scale3d(1, 1, 1)
	}
}

.animate-spin {
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	display: inline-block
}

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

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

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

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

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

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@-ms-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

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

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

:root {
	--colour-accent: #e17000
}

:root {
	--select-box-arrow-width: 35px;
	--select-box-padding-top-bottom: .2em;
	--select-box-padding-right-left: 0.5em;
	--select-box-box-shadow: 0 0 0 1px dimgray;
	--select-box-background-color: #fff;
	--select-box-arrow-background-colour: rgba(0, 0, 0, 0.1);
	--select-box-arrow-text-colour: inherit
}

@media only screen and (max-width: 769px) {
	body {
		--pat-form-pane-padding: 20px
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	body {
		--pat-form-pane-padding: 30px
	}
}

@media only screen and (min-width: 1280px) {
	body {
		--pat-form-pane-padding: 40px
	}
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ul,
ol,
li,
table,
tr,
th,
td,
form,
fieldset,
legend,
button,
div,
object,
figure,
table,
img,
abbr {
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	text-decoration: none
}

body[dir=rtl] body,
body[dir=rtl] h1,
body[dir=rtl] h2,
body[dir=rtl] h3,
body[dir=rtl] h4,
body[dir=rtl] h5,
body[dir=rtl] h6,
body[dir=rtl] p,
body[dir=rtl] blockquote,
body[dir=rtl] ul,
body[dir=rtl] ol,
body[dir=rtl] li,
body[dir=rtl] table,
body[dir=rtl] tr,
body[dir=rtl] th,
body[dir=rtl] td,
body[dir=rtl] form,
body[dir=rtl] fieldset,
body[dir=rtl] legend,
body[dir=rtl] button,
body[dir=rtl] div,
body[dir=rtl] object,
body[dir=rtl] figure,
body[dir=rtl] table,
body[dir=rtl] img,
body[dir=rtl] abbr {
	text-align: right
}

input,
select,
textarea,
button {
	padding: 0;
	background-color: #FFF;
	font-size: 1em
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes bounce {

	0%,
	20%,
	53%,
	80%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce {

	0%,
	20%,
	53%,
	80%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		-ms-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		-ms-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		-ms-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {

	0%,
	50%,
	100% {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {

	0%,
	50%,
	100% {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		-ms-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1)
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		-ms-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		-ms-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1)
	}

	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		-ms-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		-ms-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes shake {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shake {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		-ms-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		-ms-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		-ms-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		-ms-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		-ms-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		-ms-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		-ms-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		-ms-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		-ms-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		-ms-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		-ms-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		-ms-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		-ms-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		-ms-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		-ms-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		-ms-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		-ms-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		-ms-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		-ms-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		-ms-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		-ms-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		-ms-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		-ms-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		-ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		-ms-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		-ms-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		-ms-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		-ms-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		-ms-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		-ms-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		-ms-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		-ms-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		-ms-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes rollOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	100% {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	100% {
		opacity: 0
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform: scale(0.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		-ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform: scale(0.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		transform: scale(0.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		-ms-transform: scale(0.1) translate3d(2000px, 0, 0);
		transform: scale(0.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

.attachment-list {
	display: block
}

.attachment-list .meta {
	top: 0.3em
}

.attachment-list:before {
	display: none
}

.attachment-list .attached-file {
	width: 100%;
	margin-bottom: 0;
	position: relative;
	display: grid;
	grid-template-columns: auto 90px;
	grid-template-areas: "title functions""description description"
}

.attachment-list .attached-file .preview-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	z-index: 0;
	display: block
}

.attachment-list .attached-file.mode-edit .preview-link {
	display: none
}

.attachment-list .attached-file.mode-edit .icon.icon-rename:before,
.attachment-list .attached-file.mode-edit .icon.icon-rename:hover:before {
	color: #e17000
}

.attachment-list .attached-file.mode-edit .flex-field:before {
	color: transparent
}

.attachment-list .attached-file.mode-view .title-group .name:before {
	color: #01689b
}

.attachment-list .attached-file.mode-view .title-group:hover .name:before {
	text-decoration: underline
}

.attachment-list .attached-file.mode-view .flex-field:before,
.attachment-list .attached-file.mode-view .flex-field textarea {
	background-color: transparent;
	padding: 0;
	white-space: normal
}

.attachment-list .attached-file.mode-view .flex-field textarea {
	display: none
}

.attachment-list .attached-file.mode-view .flex-field:before {
	color: inherit
}

.attachment-list .attached-file .title-group {
	color: #000;
	grid-area: title;
	position: relative;
	margin-bottom: 15px
}

.attachment-list .attached-file .title-group .title {
	margin: 0
}

.attachment-list .attached-file .title-group .title .name {
	display: block
}

.attachment-list .attached-file .title-group .title .time-stamp {
	color: rgba(0, 0, 0, 0.4);
	font-size: 0.8em;
	clear: both;
	display: block;
	line-height: 1.3;
	margin-bottom: 7px
}

.attachment-list .attached-file .description {
	display: block;
	color: black;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.25;
	grid-area: description;
	-webkit-user-select: all;
	user-select: all;
	margin-bottom: 15px;
	margin-top: -15px
}

.attachment-list .attached-file .flex-field {
	position: relative
}

.attachment-list .attached-file .flex-field .field-name {
	position: absolute;
	opacity: 0
}

.attachment-list .attached-file .flex-field:before {
	content: attr(data-value);
	padding-bottom: 5px;
	display: block;
	min-height: calc(1em + 10px)
}

.attachment-list .attached-file .flex-field:before,
.attachment-list .attached-file .flex-field textarea {
	white-space: pre-wrap
}

.attachment-list .attached-file .flex-field textarea {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: black;
	margin: 0;
	resize: none;
	overflow: hidden
}

.attachment-list .attached-file .functions {
	grid-area: functions;
	z-index: 1;
	font-size: 0;
	text-align: right
}

.attachment-list .attached-file .functions[data-value="on"] {
	display: none
}

.attachment-list .attached-file .functions[data-value="on"]+.title-group,
.attachment-list .attached-file .functions[data-value="on"]~.description {
	display: none
}

.attachment-list .attached-file .functions .icon {
	width: 30px;
	height: 30px;
	line-height: 30px;
	cursor: default;
	overflow: hidden;
	display: inline-block;
	color: transparent;
	background-color: transparent;
	padding: 0;
	vertical-align: middle
}

.attachment-list .attached-file .functions .icon input {
	position: absolute;
	opacity: 0
}

.attachment-list .attached-file .functions .icon::before {
	color: rgba(0, 0, 0, 0.5);
	text-align: center;
	display: block;
	width: 30px;
	line-height: 30px;
	margin: 0;
	font-size: 20px
}

.attachment-list .attached-file .functions .icon:hover:before {
	color: black;
	text-decoration: none
}

.attachment-list .upload-area {
	padding: 0.2em;
	display: block
}

.attachment-list .upload-area fieldset {
	margin: 0
}

.attachment-list .upload-area .upload-area .upload-queue .previews,
.attachment-list .upload-area .upload-area .dz-message p {
	margin-bottom: 0 !important
}

.pat-avatar {
	display: inline-block;
	overflow: hidden;
	border-radius: 50%;
	border: 0.055556em solid rgba(0, 0, 0, 0.2);
	aspect-ratio: 1 / 1;
	width: 2em;
	height: 2em
}

.pat-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-clip-path: circle(50%);
	clip-path: circle(50%);
	display: block
}

.pat-auto-scale {
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	opacity: 0;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s
}

.pat-auto-scale.scaled {
	opacity: 1
}

.select2-hidden-accessible {
	opacity: 0;
	position: absolute;
	-webkit-pointer-events: none;
	pointer-events: none;
	bottom: 0
}

.select2-container {
	margin: 0;
	position: relative;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	width: 100%;
	font-weight: normal;
	padding: 0 0 8px 0
}

@media print {
	.select2-container {
		display: inline
	}
}

.lt-ie10 .select2-container {
	width: 100% !important;
	height: auto !important
}

.select2-container,
.select2-drop {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.select2-search {
	border-radius: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.select2-search input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
	margin-right: 42px
}

.select2-container .select2-choice {
	text-decoration: none
}

.select2-container .select2-choice abbr.select2-search-choice-close {
	width: 16px;
	height: 16px;
	background: none;
	cursor: default;
	right: 34px;
	display: none;
	position: absolute;
	top: 8px;
	font-size: 1px;
	text-decoration: none;
	border: 0;
	outline: 0
}

.select2-container .select2-choice abbr.select2-search-choice-close:before {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "";
	font-family: fontello;
	position: absolute;
	top: 0;
	left: 0;
	color: #666;
	font-size: 16px;
	cursor: default
}

.select2-container .select2-choice abbr.select2-search-choice-close:hover:before {
	color: black
}

.select2-container .select2-choice>.select2-chosen {
	margin-right: 26px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.select2-container.select2-allowclear .select2-choice abbr {
	display: inline-block
}

.select2-drop-mask {
	border: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 9998;
	background-color: #fff;
	filter: alpha(opacity=0)
}

.select2-drop {
	width: 100%;
	margin-top: -1px;
	position: absolute;
	z-index: 9999;
	top: 100%;
	background: #fff;
	color: #000;
	border: 1px solid silver;
	border-top: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-drop .select2-search input {
	padding: .2em 5px;
	border: none;
	box-shadow: 0 0 0 1px dimgray;
	outline: none;
	outline-offset: 2px;
	color: inherit
}

.select2-drop-auto-width {
	width: auto
}

.select2-drop-auto-width .select2-search {
	padding-top: 4px
}

.select2-drop.select2-drop-above {
	margin-top: 1px;
	border-bottom: 0;
	-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
	border-bottom-top-radius: 0;
	border-bottom-top-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-drop-active {
	border-top: none
}

.select2-container .select2-choice .select2-arrow {
	display: inline-block;
	width: 18px;
	height: 100%;
	position: absolute;
	right: 13px;
	top: 0;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYWFnXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNC42IDguOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQuNiA4Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDM2ODlCO3N0cm9rZS13aWR0aDozO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+Cjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjEuNSwxLjUgNy4zLDcuMyAxMy4xLDEuNSAiLz4KPC9zdmc+);
	background-size: auto 10px;
	background-position: center;
	background-repeat: no-repeat
}

.select2-container .select2-choice .select2-arrow b {
	display: block;
	width: 100%;
	height: 100%
}

.select2-search {
	display: inline-block;
	width: 100%;
	min-height: 26px;
	margin: 0;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 9px;
	position: relative;
	z-index: 10000;
	white-space: nowrap
}

.select2-search input {
	width: 100%;
	height: auto !important;
	min-height: 26px;
	padding: 4px 20px 4px 5px;
	margin: 0;
	outline: 0;
	font-family: sans-serif;
	font-size: 1em;
	border: none;
	background: #fff;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.select2-search input:focus {
	border: none
}

.select2-drop.select2-drop-above .select2-search input {
	margin-top: 0.5em
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
	background-color: rgba(0, 0, 0, 0.09);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.select2-dropdown-open .select2-choice,
.select2-dropdown-open .select2-choices {
	border-bottom-color: transparent;
	box-shadow: 0 1px 0 #fff inset;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: #eee
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
	border-top-color: transparent;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important
}

.select2-results {
	max-height: 20em;
	padding: 0 0 0 0.5em;
	margin: 0.5em 0.5em 0.5em 0;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-tap-highlight-color: transparent
}

.select2-results ul.select2-result-sub {
	margin: 0;
	padding-left: 0
}

.select2-results ul.select2-result-sub>li .select2-result-label {
	padding-left: 20px
}

.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
	padding-left: 40px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
	padding-left: 60px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
	padding-left: 80px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
	padding-left: 100px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
	padding-left: 110px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
	padding-left: 120px
}

.select2-results li {
	list-style: none;
	display: list-item;
	background-image: none
}

.select2-results li.select2-result-with-children>.select2-result-label {
	font-weight: bold
}

.select2-results .select2-result-label {
	padding: 3px 7px 4px;
	margin: 0;
	cursor: pointer;
	min-height: 1em;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.select2-results .select2-highlighted {
	background: #e17000;
	color: #fff;
	border-radius: 0
}

.select2-results li em {
	background: #feffde;
	font-style: normal
}

.select2-results .select2-highlighted em {
	background: transparent
}

.select2-results .select2-highlighted ul {
	background: #fff;
	color: #000
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
	color: gray
}

.select2-results .select2-disabled {
	background: #f4f4f4;
	display: list-item;
	cursor: default
}

.select2-results .select2-disabled.select2-highlighted {
	color: #666;
	background: #f4f4f4;
	display: list-item;
	cursor: default
}

.select2-results .select2-selected {
	display: none
}

.select2-more-results {
	background: #f4f4f4;
	display: list-item
}

.select2-container.select2-container-disabled .select2-choice {
	background-image: none;
	cursor: default
}

.select2-container.select2-container-disabled .select2-choice abbr {
	display: none
}

.select2-container .select2-choices,
.select2-container .select2-choice {
	height: auto !important;
	margin: 0;
	padding: 0.05em;
	position: relative;
	cursor: text;
	overflow: hidden;
	width: 100%
}

.select2-locked {
	padding: 3px 5px 3px 5px !important
}

.select2-container-multi.select2-container-disabled .select2-choices {
	overflow: visible
}

.select2-container-multi.select2-container-disabled .select2-choices:after {
	content: ' ';
	display: table;
	clear: both
}

.select2-container-multi.select2-container-active .select2-choices {
	outline: 2px dotted #000
}

.select2-container-multi .select2-choices li {
	float: left;
	list-style: none
}

.select2-container-multi .select2-choices .select2-search-field {
	margin: 0;
	padding: 0 0.5em 0 0;
	white-space: nowrap;
	height: 1.6em
}

.select2-container-multi .select2-choices .select2-search-field input {
	padding: 0;
	margin: 0;
	font-size: 100%;
	outline: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	clear: none;
	display: inline;
	width: 20px;
	background-color: transparent;
	color: rgba(0, 0, 0, 0.35)
}

.select2-container-multi .select2-choices .select2-search-field input.has-value {
	color: inherit
}

.select2-default {
	color: gray
}

.select2-container-multi .select2-choices .select2-search-choice {
	padding: 0 0.6em 0 1.5em;
	margin: 0.1em 0.5em 0.1em 0;
	position: relative;
	line-height: 1.7em;
	height: 1.6em;
	color: white;
	cursor: default;
	border-radius: 0;
	background-clip: padding-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #01689b;
	font-size: 0.9em;
	max-width: calc(95% - 1em)
}

.select2-container-multi .select2-choices .select2-search-choice div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select2-container-multi .select2-choices .select2-search-choice.confirmed {
	background-color: #5bb75b
}

.select2-container-multi .select2-choices .select2-search-choice.declined {
	background-color: red
}

.select2-container-multi .select2-choices .select2-search-choice.tentative {
	background-color: #ff9300
}

.select2-container-multi .select2-choices .select2-search-choice.group {
	background-color: gray
}

.select2-container-multi .select2-choices .select2-search-choice.disabled {
	background-color: silver;
	color: black;
	opacity: 0.7;
	pointer-events: none;
	padding: 0 0.6em
}

.select2-container-multi .select2-choices .select2-search-choice.disabled .select2-search-choice-close {
	display: none
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
	cursor: default
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e17000
}

.select2-choices .select2-search-choice-close {
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	right: 0.3em;
	top: 0em;
	font-size: 1em;
	text-decoration: none;
	opacity: 0.8;
	outline: none;
	cursor: default
}

.select2-choices .select2-search-choice-close:hover {
	text-decoration: none;
	opacity: 1
}

.select2-choices .select2-search-choice-close:before {
	content: "";
	color: white;
	font: 1em fontello
}

.select2-container-multi .select2-search-choice-close {
	left: 0.4em;
	top: 0em
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover,
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
	background-position: right -11px
}

.select2-container-multi.select2-container-disabled .select2-choices {
	background-color: transparent;
	box-shadow: none;
	background-image: none;
	border: none;
	cursor: default;
	padding: 0
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
	margin-left: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 5px
}

.select2-container.users .select2-choices .select2-search-choice div:before,
.select2-container.user-groups .select2-choices .select2-search-choice.user div:before,
.select2-container .select2-choices .select2-search-choice.user div:before {
	content: "";
	display: inline-block;
	margin-right: 3px;
	font: 0.8em / 2.1em fontello;
	margin-left: 5px;
	float: left
}

.select2-container.user-groups .select2-choices .select2-search-choice div:before,
.select2-container.users .select2-choices .select2-search-choice.user-group div:before,
.select2-container .select2-choices .select2-search-choice.user-group div:before {
	content: "";
	display: inline-block;
	margin-right: 3px;
	font: 0.8em / 2.1em fontello;
	margin-left: 5px;
	float: left
}

.select2-container.documents .select2-choices .select2-search-choice div:before {
	content: "\e811";
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	font-family: fontello;
	margin-bottom: -1px
}

.select2-container.tags .select2-choices .select2-search-choice div:before {
	content: "\e70c";
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	font-family: fontello;
	margin-bottom: -2px
}

.select2-container.skills .select2-choices .select2-search-choice div:before {
	content: "\1f44d";
	display: inline-block;
	margin-right: 4px;
	margin-left: 7px;
	top: -1px;
	position: relative;
	font-family: fontello
}

.select2-container.users .select2-choices .select2-search-choice.group div:before {
	content: "$glyph-icon-users";
	display: inline-block;
	margin-right: 3px;
	font: 0.8em / 2.1em fontello;
	margin-left: 5px;
	float: left
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
	display: none;
	background: none
}

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
	text-decoration: underline
}

.select2-offscreen {
	clip: rect(0 0 0 0) !important;
	width: 1px !important;
	height: 1px !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	position: absolute !important;
	outline: 0 !important;
	left: 0px !important;
	top: 0px !important;
	min-width: 0px !important
}

.select2-offscreen:focus {
	clip: rect(0 0 0 0) !important;
	width: 1px !important;
	height: 1px !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	position: absolute !important;
	outline: 0 !important;
	left: 0px !important;
	top: 0px !important
}

.select2-display-none {
	display: none
}

.select2-measure-scrollbar {
	position: absolute;
	top: -10000px;
	left: -10000px;
	width: 100px;
	height: 100px;
	overflow: scroll
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {

	.select2-search input,
	.select2-search-choice-close {
		background-repeat: no-repeat !important;
		background-size: 60px 40px !important
	}

	.select2-search input {
		background-position: 100% -21px !important
	}
}

.pat-back-button {
	display: inline-block;
	line-height: 35px;
	height: 44px;
	color: #01689a;
	font-size: 18px;
	padding: 0 1.5em 0 2em;
	position: relative;
	margin-left: 0;
	font-weight: bold;
	max-width: 100%;
	white-space: nowrap !important;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	text-decoration: none !important
}

.pat-toolbar .pat-back-button {
	line-height: 44px
}

.pat-back-button .overflow-protector {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block
}

@media only screen and (max-width: 769px) {
	#app-space .pat-back-button {
		display: none
	}
}

.pat-back-button:before {
	content: ' ';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 19.92px 15px 19.92px 0;
	border-color: transparent #f2f2f2 transparent transparent;
	position: absolute;
	left: 0;
	top: 2.4px
}

.pat-back-button:after {
	content: ' ';
	background: #f2f2f2;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 13px;
	clip-path: inset(0 0 0 2px);
	display: block;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	z-index: -1
}

.pat-back-button.dp:before {
	border-color: transparent rgba(255, 255, 255, 0.5) transparent transparent
}

.pat-back-button.dp:after {
	background: rgba(255, 255, 255, 0.5)
}

.pat-back-button:hover {
	color: black;
	text-decoration: none
}

@media only screen and (max-width: 769px) {
	.pat-breadcrumbs .button.shift {
		display: none
	}

	.pat-breadcrumbs .pat-breadcrumbs-content {
		width: auto !important;
		margin: 0 !important
	}

	.pat-breadcrumbs a {
		color: black;
		font-weight: normal
	}

	.pat-breadcrumbs a[href] {
		color: #01689b
	}

	.pat-breadcrumbs a[href]:after {
		content: ' > ';
		color: gray
	}
}

@media only screen and (min-width: 770px) {
	.pat-breadcrumbs {
		position: relative;
		overflow: hidden
	}

	.pat-breadcrumbs:after {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		width: 2em;
		height: 2em;
		content: " ";
		background-image: -webkit-linear-gradient(left, #e8e8e8 0%, rgba(240, 240, 240, 0) 100%);
		background-image: -o-linear-gradient(left, #e8e8e8 0%, rgba(240, 240, 240, 0) 100%);
		background-image: linear-gradient(to left, #e8e8e8 0%, rgba(240, 240, 240, 0) 100%)
	}

	.pat-breadcrumbs .button.shift {
		display: none;
		position: absolute;
		left: 0;
		width: 1em;
		height: 1.2em;
		background-color: #e8e8e8;
		border-right: 1px solid silver;
		overflow: hidden;
		line-height: 1em;
		-moz-user-select: none;
		-webkit-user-select: none;
		user-select: none
	}

	.pat-breadcrumbs .button.shift:before {
		font-family: fontello;
		content: "\e4a1";
		font-size: 0.5em;
		width: 2em;
		height: 2em;
		display: inline-block;
		color: gray;
		font-weight: normal
	}

	.pat-breadcrumbs .button.shift.shift-left:before {
		content: "\e4a2";
		font-weight: normal
	}

	.pat-breadcrumbs .button.shift.shift-right,
	.pat-breadcrumbs .button.shift.shift-left {
		display: inline-block
	}

	.pat-breadcrumbs.shifting .pat-breadcrumbs-content {
		padding: 0 1.5em
	}

	.pat-breadcrumbs a {
		color: black;
		text-decoration: none
	}

	.pat-breadcrumbs a:hover {
		text-decoration: none
	}

	.pat-breadcrumbs a:before {
		display: inline-block;
		content: "";
		padding: 0 0.5em;
		font-family: fontello;
		font-weight: normal
	}

	.pat-breadcrumbs a[href] {
		color: #01689b;
		font-weight: normal
	}

	.pat-breadcrumbs a[href]:hover {
		text-align: underline
	}

	.pat-breadcrumbs a:first-child:before {
		display: none
	}
}

.pat-button {
	font-family: "RO Sans";
	margin: 0 0.5em 0 0;
	border: none;
	cursor: default;
	border-radius: 0;
	background-image: none;
	text-decoration: none;
	line-height: 44px;
	white-space: nowrap;
	display: inline-block;
	padding: 0 1em;
	font-size: 1em;
	vertical-align: text-bottom;
	font-weight: normal;
	box-shadow: none;
	color: #01689a;
	background-color: #f2f2f2;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pat-button:not([disabled]):hover {
	color: #01689a;
	background-color: #ededed
}

.pat-button.default {
	color: #fff;
	background-color: #01689b;
	box-shadow: none
}

.pat-button.default:not([disabled]):hover {
	background-color: #014668;
	color: #fff
}

.pat-button[disabled],
.pat-button.disabled,
.pat-button.default[disabled],
.pat-button.default.disabled {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

.pat-button[disabled]:hover,
.pat-button.disabled:hover,
.pat-button.default[disabled]:hover,
.pat-button.default.disabled:hover {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

@media print {
	.pat-button {
		display: none
	}
}

.pat-button:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover {
	text-decoration: none;
	color: #01689a
}

.pat-button.small {
	font-size: 18px;
	padding: 0 0.8em;
	height: 29px;
	line-height: 29px;
	vertical-align: baseline;
	box-shadow: none;
	font-weight: normal
}

.pat-button:focus {
	outline: none;
	box-shadow: none
}

.pat-button:not[disabled]:active {
	box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4)
}

.pat-button.iconified {
	width: 30px;
	padding: 0
}

.pat-button.iconified:before {
	width: 100%;
	text-align: center;
	line-height: 44px
}

.pat-button.link {
	padding: 0;
	display: inline;
	background: none;
	color: #01689b;
	line-height: inherit;
	text-decoration: underline;
	vertical-align: baseline;
	cursor: pointer
}

.pat-button.link:hover {
	background: none;
	text-decoration: underline !important;
	color: #000203
}

.pat-button.no-label {
	padding-left: 0;
	padding-right: 0;
	width: 1.7em;
	text-overflow: clip
}

.pat-button.no-label:before {
	width: 100%;
	text-align: center;
	margin: 0 1em 0 0
}

.button-bar .pat-button {
	margin-bottom: 5px
}

.pat-button-cluster {
	display: inline-block;
	border-radius: 0;
	background: #f2f2f2;
	box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15)
}

.pat-button-cluster.pat-tabs {
	position: relative;
	height: 44px;
	line-height: 44px;
	border-radius: 0;
	overflow: visible;
	float: none;
	white-space: nowrap;
	max-width: 100%;
	font-size: 0;
	vertical-align: top;
	border-radius: 0;
	background: rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12);
	padding: 0 calc(2 * 3px);
	display: inline-block
}

@media only screen and (max-width: 769px) {
	.pat-button-cluster.pat-tabs {
		display: block
	}
}

.pat-button-cluster.pat-tabs button,
.pat-button-cluster.pat-tabs a.button,
.pat-button-cluster.pat-tabs .pat-button,
.pat-button-cluster.pat-tabs label,
.pat-button-cluster.pat-tabs>a {
	margin: 0;
	border-radius: 0;
	border-left-style: none;
	float: left;
	border: none;
	background: transparent;
	padding: 0 12px;
	color: #01689b;
	cursor: default;
	line-height: 44px;
	height: 44px;
	box-shadow: none;
	font-size: 18px;
	font-weight: normal;
	position: relative
}

body[dir=rtl] .pat-button-cluster.pat-tabs button,
body[dir=rtl] .pat-button-cluster.pat-tabs a.button,
body[dir=rtl] .pat-button-cluster.pat-tabs .pat-button,
body[dir=rtl] .pat-button-cluster.pat-tabs label,
body[dir=rtl] .pat-button-cluster.pat-tabs>a {
	float: right
}

.pat-button-cluster.pat-tabs button.icon,
.pat-button-cluster.pat-tabs a.button.icon,
.pat-button-cluster.pat-tabs .pat-button.icon,
.pat-button-cluster.pat-tabs label.icon,
.pat-button-cluster.pat-tabs>a.icon {
	padding: 0 5px
}

.pat-button-cluster.pat-tabs button input,
.pat-button-cluster.pat-tabs a.button input,
.pat-button-cluster.pat-tabs .pat-button input,
.pat-button-cluster.pat-tabs label input,
.pat-button-cluster.pat-tabs>a input {
	position: absolute;
	opacity: 0
}

.pat-button-cluster.pat-tabs button:not(.active):not(.current):not(.checked):hover,
.pat-button-cluster.pat-tabs a.button:not(.active):not(.current):not(.checked):hover,
.pat-button-cluster.pat-tabs .pat-button:not(.active):not(.current):not(.checked):hover,
.pat-button-cluster.pat-tabs label:not(.active):not(.current):not(.checked):hover,
.pat-button-cluster.pat-tabs>a:not(.active):not(.current):not(.checked):hover {
	text-decoration: none;
	color: black
}

.pat-button-cluster.pat-tabs button[href]:not(.current):hover,
.pat-button-cluster.pat-tabs button.unchecked:hover,
.pat-button-cluster.pat-tabs a.button[href]:not(.current):hover,
.pat-button-cluster.pat-tabs a.button.unchecked:hover,
.pat-button-cluster.pat-tabs .pat-button[href]:not(.current):hover,
.pat-button-cluster.pat-tabs .pat-button.unchecked:hover,
.pat-button-cluster.pat-tabs label[href]:not(.current):hover,
.pat-button-cluster.pat-tabs label.unchecked:hover,
.pat-button-cluster.pat-tabs>a[href]:not(.current):hover,
.pat-button-cluster.pat-tabs>a.unchecked:hover {
	color: #014668;
	text-decoration: underline !important;
	text-underline-offset: 3px;
	cursor: pointer;
	background-color: transparent
}

.pat-button-cluster.pat-tabs button:before,
.pat-button-cluster.pat-tabs a.button:before,
.pat-button-cluster.pat-tabs .pat-button:before,
.pat-button-cluster.pat-tabs label:before,
.pat-button-cluster.pat-tabs>a:before {
	margin-right: 5px;
	margin-left: 0;
	color: #01689b
}

.pat-button-cluster.pat-tabs button:after,
.pat-button-cluster.pat-tabs a.button:after,
.pat-button-cluster.pat-tabs .pat-button:after,
.pat-button-cluster.pat-tabs label:after,
.pat-button-cluster.pat-tabs>a:after {
	background: #275937;
	position: absolute;
	top: 3px;
	right: calc(-1 * 3px);
	bottom: 3px;
	left: calc(-1 * 3px);
	z-index: -1;
	display: block;
	content: ' ';
	border-radius: 0;
	opacity: 0;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15)
}

.pat-button-cluster.pat-tabs button.checked,
.pat-button-cluster.pat-tabs button.active,
.pat-button-cluster.pat-tabs button.current,
.pat-button-cluster.pat-tabs a.button.checked,
.pat-button-cluster.pat-tabs a.button.active,
.pat-button-cluster.pat-tabs a.button.current,
.pat-button-cluster.pat-tabs .pat-button.checked,
.pat-button-cluster.pat-tabs .pat-button.active,
.pat-button-cluster.pat-tabs .pat-button.current,
.pat-button-cluster.pat-tabs label.checked,
.pat-button-cluster.pat-tabs label.active,
.pat-button-cluster.pat-tabs label.current,
.pat-button-cluster.pat-tabs>a.checked,
.pat-button-cluster.pat-tabs>a.active,
.pat-button-cluster.pat-tabs>a.current {
	background-color: transparent;
	color: white;
	text-decoration: none;
	box-shadow: none
}

.pat-button-cluster.pat-tabs button.checked:after,
.pat-button-cluster.pat-tabs button.active:after,
.pat-button-cluster.pat-tabs button.current:after,
.pat-button-cluster.pat-tabs a.button.checked:after,
.pat-button-cluster.pat-tabs a.button.active:after,
.pat-button-cluster.pat-tabs a.button.current:after,
.pat-button-cluster.pat-tabs .pat-button.checked:after,
.pat-button-cluster.pat-tabs .pat-button.active:after,
.pat-button-cluster.pat-tabs .pat-button.current:after,
.pat-button-cluster.pat-tabs label.checked:after,
.pat-button-cluster.pat-tabs label.active:after,
.pat-button-cluster.pat-tabs label.current:after,
.pat-button-cluster.pat-tabs>a.checked:after,
.pat-button-cluster.pat-tabs>a.active:after,
.pat-button-cluster.pat-tabs>a.current:after {
	opacity: 1
}

.pat-button-cluster.pat-tabs button.checked:before,
.pat-button-cluster.pat-tabs button.active:before,
.pat-button-cluster.pat-tabs button.current:before,
.pat-button-cluster.pat-tabs a.button.checked:before,
.pat-button-cluster.pat-tabs a.button.active:before,
.pat-button-cluster.pat-tabs a.button.current:before,
.pat-button-cluster.pat-tabs .pat-button.checked:before,
.pat-button-cluster.pat-tabs .pat-button.active:before,
.pat-button-cluster.pat-tabs .pat-button.current:before,
.pat-button-cluster.pat-tabs label.checked:before,
.pat-button-cluster.pat-tabs label.active:before,
.pat-button-cluster.pat-tabs label.current:before,
.pat-button-cluster.pat-tabs>a.checked:before,
.pat-button-cluster.pat-tabs>a.active:before,
.pat-button-cluster.pat-tabs>a.current:before {
	color: white
}

.pat-button-cluster.pat-tabs button.checked .counter,
.pat-button-cluster.pat-tabs button.active .counter,
.pat-button-cluster.pat-tabs button.current .counter,
.pat-button-cluster.pat-tabs a.button.checked .counter,
.pat-button-cluster.pat-tabs a.button.active .counter,
.pat-button-cluster.pat-tabs a.button.current .counter,
.pat-button-cluster.pat-tabs .pat-button.checked .counter,
.pat-button-cluster.pat-tabs .pat-button.active .counter,
.pat-button-cluster.pat-tabs .pat-button.current .counter,
.pat-button-cluster.pat-tabs label.checked .counter,
.pat-button-cluster.pat-tabs label.active .counter,
.pat-button-cluster.pat-tabs label.current .counter,
.pat-button-cluster.pat-tabs>a.checked .counter,
.pat-button-cluster.pat-tabs>a.active .counter,
.pat-button-cluster.pat-tabs>a.current .counter {
	background: red
}

.pat-button-cluster.pat-tabs button:first-child,
.pat-button-cluster.pat-tabs a.button:first-child,
.pat-button-cluster.pat-tabs .pat-button:first-child,
.pat-button-cluster.pat-tabs label:first-child,
.pat-button-cluster.pat-tabs>a:first-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.pat-button-cluster.pat-tabs button:last-child,
.pat-button-cluster.pat-tabs a.button:last-child,
.pat-button-cluster.pat-tabs .pat-button:last-child,
.pat-button-cluster.pat-tabs label:last-child,
.pat-button-cluster.pat-tabs>a:last-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.pat-button-cluster.pat-tabs button .counter,
.pat-button-cluster.pat-tabs a.button .counter,
.pat-button-cluster.pat-tabs .pat-button .counter,
.pat-button-cluster.pat-tabs label .counter,
.pat-button-cluster.pat-tabs>a .counter {
	display: inline-block;
	margin: -0.9em 0em 0 0.5em;
	background-color: red;
	color: white;
	border-radius: 1em;
	border: 1px solid #fff;
	height: 1.8em;
	min-width: 1.8em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0.5em;
	transition: opacity 0.5s;
	animation: zoomIn 0.6s;
	float: right;
	vertical-align: baseline;
	line-height: 1.7em;
	font-size: 0.6em;
	text-align: center;
	font-weight: normal;
	position: relative;
	top: 50%
}

.pat-button-cluster.pat-tabs button .counter.disabled,
.pat-button-cluster.pat-tabs a.button .counter.disabled,
.pat-button-cluster.pat-tabs .pat-button .counter.disabled,
.pat-button-cluster.pat-tabs label .counter.disabled,
.pat-button-cluster.pat-tabs>a .counter.disabled {
	opacity: 0.2;
	animation: none;
	background-color: gray
}

.pat-button-cluster.pat-tabs button .counter.injecting,
.pat-button-cluster.pat-tabs a.button .counter.injecting,
.pat-button-cluster.pat-tabs .pat-button .counter.injecting,
.pat-button-cluster.pat-tabs label .counter.injecting,
.pat-button-cluster.pat-tabs>a .counter.injecting {
	opacity: 0
}

.pat-button-cluster.pat-tabs button .counter.injecting:before,
.pat-button-cluster.pat-tabs a.button .counter.injecting:before,
.pat-button-cluster.pat-tabs .pat-button .counter.injecting:before,
.pat-button-cluster.pat-tabs label .counter.injecting:before,
.pat-button-cluster.pat-tabs>a .counter.injecting:before {
	display: none
}

.pat-button-cluster.pat-tabs.align-centre {
	position: absolute
}

.js .pat-button-cluster.pat-tabs {
	opacity: 0;
	transition: opacity 1s
}

.js .pat-button-cluster.pat-tabs.tabs-ready {
	opacity: 1
}

.pat-button-cluster.pat-tabs.tabs-wrapped {
	padding-right: 60px
}

body[dir=rtl] .pat-button-cluster.pat-tabs.tabs-wrapped {
	padding-left: 60px;
	padding-right: 0
}

.pat-button-cluster.pat-tabs a {
	float: none;
	display: inline-block;
	font-size: 18px;
	vertical-align: top
}

.pat-button-cluster.pat-tabs a.icon {
	width: 14px;
	padding: 0 20px;
	color: transparent
}

.pat-button-cluster.pat-tabs a.icon:before {
	margin-right: 20px
}

.pat-button-cluster.pat-tabs.open span.extra-tabs {
	overflow: visible;
	height: auto;
	width: 300px;
	padding-bottom: 15px;
	padding-top: 69px
}

.pat-button-cluster.pat-tabs.open span.extra-tabs:before {
	color: black;
	background-color: rgba(255, 255, 255, 0.4)
}

.pat-button-cluster.pat-tabs.open span.extra-tabs:after {
	border-color: silver
}

.pat-button-cluster.pat-tabs.open span.extra-tabs a {
	animation: fadeIn 0.5s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards
}

.pat-button-cluster.pat-tabs span.extra-tabs {
	font-size: 20px;
	width: 300px;
	padding-top: 54px;
	display: inline-block;
	float: right;
	height: 0;
	width: 64px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background: transparent !important;
	box-shadow: none !important;
	box-sizing: border-box;
	-webkit-transition: all 0.1s
}

body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs {
	right: auto;
	left: 0;
	float: left
}

.pat-button-cluster.pat-tabs span.extra-tabs:before {
	font-family: fontello;
	content: "";
	display: block;
	height: 44px;
	lie-height: 45px;
	width: 64px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs:before {
	content: "";
	right: auto;
	left: 0
}

.pat-button-cluster.pat-tabs span.extra-tabs:after {
	content: ' ';
	display: block;
	position: absolute;
	top: 54px;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid transparent;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: white;
	transition: border 0.2s
}

body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs:after {
	right: auto;
	left: 0
}

.pat-button-cluster.pat-tabs span.extra-tabs:hover:before {
	color: black
}

.pat-button-cluster.pat-tabs span.extra-tabs a {
	display: block;
	float: none;
	padding: 0.4em 0.7em;
	line-height: 1.5;
	text-align: left;
	color: black;
	position: relative;
	z-index: 1;
	border: none !important;
	opacity: 0;
	border-radius: 0 !important
}

body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs a {
	text-align: right
}

.pat-button-cluster.pat-tabs span.extra-tabs a:hover {
	background-color: rgba(0, 0, 0, 0.05);
	text-decoration: none
}

.pat-button-cluster.pat-tabs span.extra-tabs a.current {
	background: var(--colour-accent);
	color: white
}

.pat-button-cluster.abecedary {
	box-shadow: none;
	background-color: transparent;
	z-index: 1
}

.pat-button-cluster.abecedary:after {
	content: ' ';
	position: absolute;
	z-index: -2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #f2f2f2
}

.pat-button-cluster.abecedary>a {
	width: 32px;
	box-sizing: border-box;
	text-align: center;
	padding: 0
}

.pat-button-cluster.abecedary>a:after {
	box-shadow: none
}

.pat-button-cluster button,
.pat-button-cluster a.button,
.pat-button-cluster .pat-button,
.pat-button-cluster label,
.pat-button-cluster>a {
	margin: 0;
	border-radius: 0;
	border-left-style: none;
	float: left;
	border: none;
	background: transparent;
	padding: 0 1.2em;
	color: rgba(0, 0, 0, 0.7);
	cursor: default;
	line-height: 44px;
	height: 44px;
	box-shadow: none;
	font-size: 20px;
	font-weight: normal
}

body[dir=rtl] .pat-button-cluster button,
body[dir=rtl] .pat-button-cluster a.button,
body[dir=rtl] .pat-button-cluster .pat-button,
body[dir=rtl] .pat-button-cluster label,
body[dir=rtl] .pat-button-cluster>a {
	float: right
}

.pat-button-cluster button.select-all[disabled],
.pat-button-cluster button.deselect-all[disabled],
.pat-button-cluster a.button.select-all[disabled],
.pat-button-cluster a.button.deselect-all[disabled],
.pat-button-cluster .pat-button.select-all[disabled],
.pat-button-cluster .pat-button.deselect-all[disabled],
.pat-button-cluster label.select-all[disabled],
.pat-button-cluster label.deselect-all[disabled],
.pat-button-cluster>a.select-all[disabled],
.pat-button-cluster>a.deselect-all[disabled] {
	background-color: var(--colour-accent);
	color: white;
	opacity: 1
}

.pat-button-cluster button.select-all[disabled]:hover,
.pat-button-cluster button.deselect-all[disabled]:hover,
.pat-button-cluster a.button.select-all[disabled]:hover,
.pat-button-cluster a.button.deselect-all[disabled]:hover,
.pat-button-cluster .pat-button.select-all[disabled]:hover,
.pat-button-cluster .pat-button.deselect-all[disabled]:hover,
.pat-button-cluster label.select-all[disabled]:hover,
.pat-button-cluster label.deselect-all[disabled]:hover,
.pat-button-cluster>a.select-all[disabled]:hover,
.pat-button-cluster>a.deselect-all[disabled]:hover {
	background-color: var(--colour-accent);
	color: white
}

.pat-button-cluster button.icon,
.pat-button-cluster a.button.icon,
.pat-button-cluster .pat-button.icon,
.pat-button-cluster label.icon,
.pat-button-cluster>a.icon {
	padding: 0 5px
}

.pat-button-cluster button input,
.pat-button-cluster a.button input,
.pat-button-cluster .pat-button input,
.pat-button-cluster label input,
.pat-button-cluster>a input {
	position: absolute;
	opacity: 0
}

.pat-button-cluster button[href]:not(.current):not(.active):not(.current):hover,
.pat-button-cluster a.button[href]:not(.current):not(.active):not(.current):hover,
.pat-button-cluster .pat-button[href]:not(.current):not(.active):not(.current):hover,
.pat-button-cluster label[href]:not(.current):not(.active):not(.current):hover,
.pat-button-cluster>a[href]:not(.current):not(.active):not(.current):hover {
	color: black
}

.pat-button-cluster button:not(.active):not(.current):not(.checked):not([disabled]):hover,
.pat-button-cluster a.button:not(.active):not(.current):not(.checked):not([disabled]):hover,
.pat-button-cluster .pat-button:not(.active):not(.current):not(.checked):not([disabled]):hover,
.pat-button-cluster label:not(.active):not(.current):not(.checked):not([disabled]):hover,
.pat-button-cluster>a:not(.active):not(.current):not(.checked):not([disabled]):hover {
	text-decoration: none;
	color: black
}

.pat-button-cluster button:before,
.pat-button-cluster a.button:before,
.pat-button-cluster .pat-button:before,
.pat-button-cluster label:before,
.pat-button-cluster>a:before {
	margin-right: 0;
	margin-left: 0;
	color: rgba(0, 0, 0, 0.7)
}

.pat-button-cluster button.checked,
.pat-button-cluster button.active,
.pat-button-cluster button.current,
.pat-button-cluster a.button.checked,
.pat-button-cluster a.button.active,
.pat-button-cluster a.button.current,
.pat-button-cluster .pat-button.checked,
.pat-button-cluster .pat-button.active,
.pat-button-cluster .pat-button.current,
.pat-button-cluster label.checked,
.pat-button-cluster label.active,
.pat-button-cluster label.current,
.pat-button-cluster>a.checked,
.pat-button-cluster>a.active,
.pat-button-cluster>a.current {
	background: var(--colour-accent);
	color: white;
	text-decoration: none;
	box-shadow: none
}

.pat-button-cluster button.checked:before,
.pat-button-cluster button.active:before,
.pat-button-cluster button.current:before,
.pat-button-cluster a.button.checked:before,
.pat-button-cluster a.button.active:before,
.pat-button-cluster a.button.current:before,
.pat-button-cluster .pat-button.checked:before,
.pat-button-cluster .pat-button.active:before,
.pat-button-cluster .pat-button.current:before,
.pat-button-cluster label.checked:before,
.pat-button-cluster label.active:before,
.pat-button-cluster label.current:before,
.pat-button-cluster>a.checked:before,
.pat-button-cluster>a.active:before,
.pat-button-cluster>a.current:before {
	color: white
}

.pat-button-cluster button.checked .counter,
.pat-button-cluster button.active .counter,
.pat-button-cluster button.current .counter,
.pat-button-cluster a.button.checked .counter,
.pat-button-cluster a.button.active .counter,
.pat-button-cluster a.button.current .counter,
.pat-button-cluster .pat-button.checked .counter,
.pat-button-cluster .pat-button.active .counter,
.pat-button-cluster .pat-button.current .counter,
.pat-button-cluster label.checked .counter,
.pat-button-cluster label.active .counter,
.pat-button-cluster label.current .counter,
.pat-button-cluster>a.checked .counter,
.pat-button-cluster>a.active .counter,
.pat-button-cluster>a.current .counter {
	background: red
}

.pat-button-cluster button:first-child,
.pat-button-cluster a.button:first-child,
.pat-button-cluster .pat-button:first-child,
.pat-button-cluster label:first-child,
.pat-button-cluster>a:first-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.pat-button-cluster button:last-child,
.pat-button-cluster a.button:last-child,
.pat-button-cluster .pat-button:last-child,
.pat-button-cluster label:last-child,
.pat-button-cluster>a:last-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.pat-button-cluster button .counter,
.pat-button-cluster a.button .counter,
.pat-button-cluster .pat-button .counter,
.pat-button-cluster label .counter,
.pat-button-cluster>a .counter {
	display: inline-block;
	margin: 0.8em 0em 0.5em 0.5em;
	background-color: red;
	color: white;
	border-radius: 1em;
	border: 1px solid #fff;
	height: 1.8em;
	min-width: 1.8em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0.5em;
	transition: opacity 0.5s;
	animation: zoomIn 0.6s;
	float: right;
	vertical-align: baseline;
	line-height: 1.7em;
	font-size: 0.6em;
	text-align: center;
	font-weight: normal
}

body[dir=rtl] .pat-button-cluster button .counter,
body[dir=rtl] .pat-button-cluster a.button .counter,
body[dir=rtl] .pat-button-cluster .pat-button .counter,
body[dir=rtl] .pat-button-cluster label .counter,
body[dir=rtl] .pat-button-cluster>a .counter {
	float: left
}

.pat-button-cluster button .counter.disabled,
.pat-button-cluster a.button .counter.disabled,
.pat-button-cluster .pat-button .counter.disabled,
.pat-button-cluster label .counter.disabled,
.pat-button-cluster>a .counter.disabled {
	opacity: 0.2;
	animation: none;
	background-color: gray
}

.pat-button-cluster button .counter.injecting,
.pat-button-cluster a.button .counter.injecting,
.pat-button-cluster .pat-button .counter.injecting,
.pat-button-cluster label .counter.injecting,
.pat-button-cluster>a .counter.injecting {
	opacity: 0
}

.pat-button-cluster button .counter.injecting:before,
.pat-button-cluster a.button .counter.injecting:before,
.pat-button-cluster .pat-button .counter.injecting:before,
.pat-button-cluster label .counter.injecting:before,
.pat-button-cluster>a .counter.injecting:before {
	display: none
}

.pat-context-menu {
	position: relative
}

.pat-context-menu .close-menu {
	color: transparent;
	text-align: right;
	cursor: default;
	height: 0;
	margin: 0;
	opacity: 0
}

.pat-context-menu .close-menu:after {
	font-family: fontello;
	content: "";
	color: gray;
	font-size: 1.2em
}

.pat-context-menu .close-menu:hover:after {
	color: black
}

.pat-context-menu .context-menu-label {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-weight: normal;
	cursor: default;
	display: inline-block
}

.pat-context-menu .context-menu-label.collapsible-closed,
.pat-context-menu .context-menu-label.collapsible-open {
	padding: 0 30px 0 0;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.6);
	cursor: default
}

.pat-context-menu .context-menu-label.collapsible-closed:hover,
.pat-context-menu .context-menu-label.collapsible-closed:active,
.pat-context-menu .context-menu-label.collapsible-open:hover,
.pat-context-menu .context-menu-label.collapsible-open:active {
	color: #000
}

.pat-context-menu .context-menu-label.collapsible-closed {
	text-decoration: none
}

.canvas-subnav .pat-context-menu .context-menu-label.collapsible-closed {
	cursor: pointer
}

.pat-context-menu .context-menu-label.collapsible-open:before {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: ' '
}

.pat-context-menu .context-menu-label:not(.iconified):after,
.pat-context-menu .context-menu-label.iconified.pat-button:after {
	content: ' ';
	padding-right: 1em;
	box-shadow: none !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: absolute;
	top: 2%;
	right: 12px;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYWFnXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNC42IDguOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQuNiA4Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDM2ODlCO3N0cm9rZS13aWR0aDozO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+Cjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjEuNSwxLjUgNy4zLDcuMyAxMy4xLDEuNSAiLz4KPC9zdmc+);
	background-size: auto 10px
}

.pat-context-menu .context-menu-label.iconified {
	text-indent: -1000px;
	overflow: hidden;
	width: 2.2em
}

.pat-context-menu .context-menu-label.iconified.pat-button {
	width: 2.4em;
	position: relative
}

.pat-context-menu .context-menu-label.iconified.pat-button:after {
	position: absolute;
	right: 0.3em;
	width: 100%;
	height: 1em;
	top: 0.2em
}

.pat-context-menu .context-menu-label.iconified.pat-button:before {
	width: 1.7em;
	line-height: 1.75em;
	display: block
}

.pat-context-menu .context-menu-label.iconified.pat-button.collapsible-open:after,
.pat-context-menu .context-menu-label.iconified.pat-button.collapsible-open:before {
	color: #e17000
}

.pat-context-menu .context-menu-label.iconified:before {
	position: absolute;
	font-family: fontello;
	content: "";
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: 0;
	text-align: center
}

.pat-context-menu.no-label:before {
	width: 100%;
	height: 100%;
	line-height: 44px;
	position: absolute;
	margin: 0
}

.pat-context-menu.no-label:hover:before {
	color: #000
}

.pat-context-menu.no-label.open:before,
.pat-context-menu.no-label.in-progress.closed:before {
	background: #e17000;
	color: white;
	border-radius: 0
}

.pat-context-menu.no-label .context-menu-label {
	opacity: 0;
	width: 44px;
	padding: 0
}

.pat-context-menu.no-label .panel-content {
	top: 45px
}

.pat-context-menu.open .label {
	color: black
}

.pat-context-menu.open .label.pat-button {
	box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.3)
}

.pat-context-menu.open.iconified .label {
	color: #e17000
}

.pat-context-menu.open .panel-content {
	display: block
}

.pat-context-menu .panel-content {
	position: absolute;
	top: 1.8em;
	left: 0;
	display: none;
	background-color: white;
	padding: 15px !important;
	width: 250px;
	z-index: 10;
	border-radius: 0;
	font-size: 20px;
	height: auto !important;
	border: 1px solid silver;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2)
}

.pat-context-menu .panel-content *:last-child {
	margin-bottom: 0
}

.batch-functions .pat-context-menu .panel-content {
	width: 85%;
	right: 0;
	left: inherit
}

@media only screen and (min-width: 770px) {
	.pat-context-menu.align-right .panel-content {
		right: 0;
		left: inherit
	}
}

label.pat-checklist {
	padding-left: 1.5em;
	position: relative;
	padding-left: 1.1em;
	padding-right: 0.5em
}

body[dir=rtl] label.pat-checklist {
	padding-right: 1.5em;
	padding-left: 0
}

label.pat-checklist.checked:before,
label.pat-checklist.unchecked:before {
	font-family: fontello;
	content: "";
	float: left;
	position: absolute;
	left: 0;
	top: .6em;
	transform: translateY(-50%);
	line-height: 0.8em;
	font-size: 1em;
	font-weight: normal;
	background-color: white;
	height: 0.75em;
	width: 0.75em;
	border-radius: 7%
}

fieldset.fancy label.pat-checklist.checked:before,
fieldset.fancy label.pat-checklist.unchecked:before {
	top: 0.7em
}

body[dir=rtl] label.pat-checklist.checked:before,
body[dir=rtl] label.pat-checklist.unchecked:before {
	left: auto;
	right: 0
}

label.pat-checklist.disabled,
label.pat-checklist.disabled .label-fragment-description {
	color: rgba(0, 0, 0, 0.3)
}

label.pat-checklist .label-fragment-title {
	margin: 0
}

label.pat-checklist .label-fragment-description {
	margin: 0 0 0.5em 0;
	color: rgba(0, 0, 0, 0.7);
	font-size: 0.9em;
	line-height: 1.4
}

label.pat-checklist .label-fragment-description>* {
	color: black
}

label.pat-checklist.checked:before {
	content: ""
}

label.pat-checklist input[type="checkbox"],
label.pat-checklist input[type="radio"] {
	opacity: 0;
	position: absolute;
	left: 0;
	width: 0;
	margin-top: 0.6px
}

label.pat-checklist.checked:before,
label.pat-checklist.unchecked:before {
	top: 50%;
	transform: translateY(-50%)
}

.pat-checklist:not(.free-form) {
	line-height: 1.2em;
	min-height: 0.7em
}

form.vertical .pat-checklist:not(.free-form)>legend,
form fieldset.vertical .pat-checklist:not(.free-form)>legend,
form.vertical .pat-checklist:not(.free-form)>.legend,
form fieldset.vertical .pat-checklist:not(.free-form)>.legend {
	margin-bottom: .4em
}

.pat-checklist:not(.free-form) .pat-checklist-sub {
	padding-left: 1em;
	padding-bottom: 1em
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label,
.pat-checklist:not(.free-form) .pat-checklist-sub .label,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label {
	display: block;
	position: relative;
	padding-left: 1.5em;
	position: relative;
	margin-top: .2em;
	margin-bottom: .2em;
	white-space: normal
}

body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub>label,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub .label,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub>li>label {
	padding-right: 1.5em;
	padding-left: 0
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label.checked:before,
.pat-checklist:not(.free-form) .pat-checklist-sub>label.unchecked:before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label.unchecked:before,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label.checked:before,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label.unchecked:before {
	font-family: fontello;
	content: "";
	float: left;
	position: absolute;
	left: 0;
	top: .6em;
	transform: translateY(-50%);
	line-height: 0.8em;
	font-size: 1em;
	font-weight: normal;
	background-color: white;
	height: 0.75em;
	width: 0.75em;
	border-radius: 7%
}

fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub>label.checked:before,
fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub>label.unchecked:before,
fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before,
fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub .label.unchecked:before,
fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub>li>label.checked:before,
fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub>li>label.unchecked:before {
	top: 0.7em
}

body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub>label.checked:before,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub>label.unchecked:before,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub .label.unchecked:before,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub>li>label.checked:before,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub>li>label.unchecked:before {
	left: auto;
	right: 0
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label.disabled,
.pat-checklist:not(.free-form) .pat-checklist-sub>label.disabled .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub .label.disabled,
.pat-checklist:not(.free-form) .pat-checklist-sub .label.disabled .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label.disabled,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label.disabled .label-fragment-description {
	color: rgba(0, 0, 0, 0.3)
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label .label-fragment-title,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-title,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label .label-fragment-title {
	margin: 0
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label .label-fragment-description {
	margin: 0 0 0.5em 0;
	color: rgba(0, 0, 0, 0.7);
	font-size: 0.9em;
	line-height: 1.4
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label .label-fragment-description>*,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-description>*,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label .label-fragment-description>* {
	color: black
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label.checked:before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label.checked:before {
	content: ""
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label input[type="checkbox"],
.pat-checklist:not(.free-form) .pat-checklist-sub>label input[type="radio"],
.pat-checklist:not(.free-form) .pat-checklist-sub .label input[type="checkbox"],
.pat-checklist:not(.free-form) .pat-checklist-sub .label input[type="radio"],
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label input[type="checkbox"],
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label input[type="radio"] {
	opacity: 0;
	position: absolute;
	left: 0;
	width: 0;
	margin-top: 0.6px
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label:after,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:after,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label:after {
	content: " ";
	display: table;
	clear: both
}

.pat-checklist:not(.free-form)>br {
	display: none
}

.pat-checklist:not(.free-form):not(.free-form)>label,
.pat-checklist:not(.free-form):not(.free-form) .label,
.pat-checklist:not(.free-form):not(.free-form) li>label {
	display: block;
	position: relative;
	padding-left: 1.5em;
	position: relative;
	margin-top: .2em;
	margin-bottom: .2em;
	white-space: normal;
	font-weight: normal
}

body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form)>label,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) .label,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) li>label {
	padding-right: 1.5em;
	padding-left: 0
}

.pat-checklist:not(.free-form):not(.free-form)>label.checked:before,
.pat-checklist:not(.free-form):not(.free-form)>label.unchecked:before,
.pat-checklist:not(.free-form):not(.free-form) .label.checked:before,
.pat-checklist:not(.free-form):not(.free-form) .label.unchecked:before,
.pat-checklist:not(.free-form):not(.free-form) li>label.checked:before,
.pat-checklist:not(.free-form):not(.free-form) li>label.unchecked:before {
	font-family: fontello;
	content: "";
	float: left;
	position: absolute;
	left: 0;
	top: .6em;
	transform: translateY(-50%);
	line-height: 0.8em;
	font-size: 1em;
	font-weight: normal;
	background-color: white;
	height: 0.75em;
	width: 0.75em;
	border-radius: 7%
}

fieldset.fancy .pat-checklist:not(.free-form):not(.free-form)>label.checked:before,
fieldset.fancy .pat-checklist:not(.free-form):not(.free-form)>label.unchecked:before,
fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) .label.checked:before,
fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) .label.unchecked:before,
fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) li>label.checked:before,
fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) li>label.unchecked:before {
	top: 0.7em
}

body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form)>label.checked:before,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form)>label.unchecked:before,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) .label.checked:before,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) .label.unchecked:before,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) li>label.checked:before,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) li>label.unchecked:before {
	left: auto;
	right: 0
}

.pat-checklist:not(.free-form):not(.free-form)>label.disabled,
.pat-checklist:not(.free-form):not(.free-form)>label.disabled .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) .label.disabled,
.pat-checklist:not(.free-form):not(.free-form) .label.disabled .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) li>label.disabled,
.pat-checklist:not(.free-form):not(.free-form) li>label.disabled .label-fragment-description {
	color: rgba(0, 0, 0, 0.3)
}

.pat-checklist:not(.free-form):not(.free-form)>label .label-fragment-title,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-title,
.pat-checklist:not(.free-form):not(.free-form) li>label .label-fragment-title {
	margin: 0
}

.pat-checklist:not(.free-form):not(.free-form)>label .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) li>label .label-fragment-description {
	margin: 0 0 0.5em 0;
	color: rgba(0, 0, 0, 0.7);
	font-size: 0.9em;
	line-height: 1.4
}

.pat-checklist:not(.free-form):not(.free-form)>label .label-fragment-description>*,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-description>*,
.pat-checklist:not(.free-form):not(.free-form) li>label .label-fragment-description>* {
	color: black
}

.pat-checklist:not(.free-form):not(.free-form)>label.checked:before,
.pat-checklist:not(.free-form):not(.free-form) .label.checked:before,
.pat-checklist:not(.free-form):not(.free-form) li>label.checked:before {
	content: ""
}

.pat-checklist:not(.free-form):not(.free-form)>label input[type="checkbox"],
.pat-checklist:not(.free-form):not(.free-form)>label input[type="radio"],
.pat-checklist:not(.free-form):not(.free-form) .label input[type="checkbox"],
.pat-checklist:not(.free-form):not(.free-form) .label input[type="radio"],
.pat-checklist:not(.free-form):not(.free-form) li>label input[type="checkbox"],
.pat-checklist:not(.free-form):not(.free-form) li>label input[type="radio"] {
	opacity: 0;
	position: absolute;
	left: 0;
	width: 0;
	margin-top: 0.6px
}

.pat-checklist:not(.free-form):not(.free-form)>label:first-of-type,
.pat-checklist:not(.free-form):not(.free-form) .label:first-of-type,
.pat-checklist:not(.free-form):not(.free-form) li>label:first-of-type {
	margin-top: 0
}

.pat-checklist:not(.free-form).cloud label {
	display: inline-block;
	margin-right: 1em
}

.pat-checklist:not(.free-form).radio label.unchecked:before,
.pat-checklist:not(.free-form).radio-bars label.unchecked:before {
	content: "";
	border-radius: 50%;
	font-size: 1em
}

.pat-checklist:not(.free-form).radio label.checked:before,
.pat-checklist:not(.free-form).radio-bars label.checked:before {
	content: "";
	border-radius: 50%;
	font-size: 1em
}

.pat-checklist:not(.free-form).radio-bars:not(.free-form) {
	border-radius: 0;
	box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15);
	padding: 5px 5px 0 5px;
	background: #f2f2f2
}

.pat-checklist:not(.free-form).radio-bars:not(.free-form) label {
	border-radius: 0;
	padding: 0.6em 0.6em 0.6em 40px;
	margin-bottom: 5px
}

.pat-checklist:not(.free-form).radio-bars:not(.free-form) label:before,
.pat-checklist:not(.free-form).radio-bars:not(.free-form) label:after {
	left: 12px !important;
	top: 50%;
	margin-top: 0
}

.pat-checklist:not(.free-form).radio-bars:not(.free-form) label:hover {
	background: rgba(0, 0, 0, 0.05)
}

.pat-checklist:not(.free-form).radio-bars:not(.free-form) label.checked {
	background: #e17000;
	color: white
}

.pat-checklist:not(.free-form).radio-bars:not(.free-form) label.checked:before {
	color: black
}

.pat-checklist:not(.free-form) fieldset.composed {
	padding-left: 0;
	margin-bottom: 0;
	position: relative
}

.pat-checklist:not(.free-form) .additional-meta-data {
	position: relative;
	float: right;
	width: 70%;
	right: -100%;
	top: 0;
	opacity: 0;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
	height: 0
}

.sidebar-large .pat-checklist:not(.free-form) .additional-meta-data {
	right: 0%;
	opacity: 1;
	height: auto
}

.pat-checklist:not(.free-form) .meta-column {
	width: 0%;
	overflow: hidden;
	-moz-transition: width 1s;
	-webkit-transition: width 1s;
	transition: width 1s;
	float: right;
	padding: 0 0.5em;
	margin: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.item-selector .pat-checklist:not(.free-form) .meta-column {
	padding: 1.2em 0.5em 1em
}

.pat-checklist:not(.free-form) .meta-column.tag-cloud {
	width: 40%
}

.sidebar-large .pat-checklist:not(.free-form) .meta-column {
	width: 30%
}

.sidebar-large .pat-checklist:not(.free-form) .meta-column.tag-cloud {
	width: 40%
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir="rtl"] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.pat-carousel {
	margin-top: 2em;
	margin-bottom: 2em
}

.pat-carousel:hover .slick-dots {
	opacity: 1
}

.pat-carousel[data-pat-carousel*="height: fixed"] .slick-slide img {
	height: 500px;
	object-fit: cover
}

@media only screen and (max-width: 769px) {
	.pat-carousel[data-pat-carousel*="height: fixed"] .slick-slide img {
		height: 200px
	}
}

.pat-carousel .slick-slide {
	position: relative
}

.pat-carousel .slick-slide div li {
	display: block !important
}

.pat-carousel .slick-slide img {
	width: 100%;
	background-color: #f2f2f2
}

.pat-carousel .slick-slide .icon-zoom-in {
	opacity: 0;
	transition: opacity 0.4s;
	transition-delay: 0.5s;
	right: 110px
}

@media only screen and (max-width: 769px) {
	.pat-carousel .slick-slide .icon-zoom-in {
		display: none
	}
}

.pat-carousel .slick-slide.slick-current figcaption {
	opacity: 1
}

.pat-carousel .slick-slide.slick-current .icon-zoom-in {
	opacity: 0.5
}

.pat-carousel .slick-slide figcaption {
	color: rgba(0, 0, 0, 0.5);
	font-size: 0.8em;
	padding-top: 0.5em;
	line-height: 1.5;
	opacity: 0;
	transition: opacity 0.5s;
	transition-delay: 0.5s
}

.pat-carousel .icon,
.pat-carousel .slick-prev,
.pat-carousel .slick-next {
	position: absolute;
	opacity: 0.5;
	top: 10px;
	right: 10px;
	background: rgba(0, 0, 0, 0.6);
	color: transparent;
	height: 40px;
	width: 40px;
	border-radius: 0;
	transition: opacity 0.4s;
	overflow: hidden;
	z-index: 1;
	cursor: default;
	box-sizing: border-box;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7)
}

.pat-carousel .icon:hover,
.pat-carousel .slick-prev:hover,
.pat-carousel .slick-next:hover {
	background: rgba(0, 0, 0, 0.8);
	text-decoration: none
}

.pat-carousel .icon:before,
.pat-carousel .slick-prev:before,
.pat-carousel .slick-next:before {
	width: 100%;
	height: 100%;
	text-align: center;
	color: white;
	display: block;
	line-height: 40px;
	margin: 0;
	font-family: fontello
}

.pat-carousel .slick-prev.slick-disabled,
.pat-carousel .slick-next.slick-disabled {
	opacity: .2;
	-webkit-pointer-events: none;
	pointer-events: none
}

.pat-carousel .slick-prev {
	right: 60px
}

.pat-carousel [dir='rtl'] .slick-prev {
	left: 60px;
	right: auto
}

.pat-carousel .slick-prev:before {
	content: "";
	font-size: 15px
}

.pat-carousel [dir='rtl'] .slick-prev:before {
	content: ""
}

.pat-carousel .slick-next {
	right: 10px
}

.pat-carousel [dir='rtl'] .slick-next {
	right: auto;
	left: 10px
}

.pat-carousel .slick-next:before {
	content: "";
	font-size: 15px
}

.pat-carousel [dir='rtl'] .slick-next:before {
	content: ""
}

.pat-carousel .slick-dotted.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	list-style: none;
	text-align: left;
	position: absolute;
	line-height: 15px;
	left: 14px;
	top: 10px;
	right: 160px;
	opacity: 0;
	transition: opacity 0.5s
}

@media only screen and (max-width: 769px) {
	.slick-dots {
		display: none !important
	}
}

.slick-dots li {
	padding: 10px 8px;
	margin: 0;
	position: relative;
	width: 20px;
	height: 15px;
	margin: 0 5px;
	display: inline-block
}

.slick-dots li:hover button {
	background-color: rgba(0, 0, 0, 0.8)
}

.slick-dots li button {
	border-radius: 50%;
	border: 2px white solid;
	background-color: rgba(0, 0, 0, 0.4);
	width: 15px;
	height: 15px;
	color: transparent
}

.slick-dots li button:before {
	display: none
}

.slick-dots li.slick-active button {
	background-color: #f73558;
	border: 2px solid white
}

.pat-collapsible .js {
	display: none
}

.patterns-loaded .pat-collapsible .js {
	display: inherit
}

#content:not(.spotlight-on) .pat-collapsible:not(.pat-modal-pop-over) {
	animation: fadeIn 1s
}

.pat-container {
	display: block;
	margin: 0 auto;
	max-width: 1280px;
	padding: 0 40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (max-width: 769px) {
	.pat-container {
		padding: 0 15px
	}
}

.tooltip-container .pat-container {
	padding: 0
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
	z-index: 9999;
	display: block;
	position: relative;
	color: gray;
	background: #fff;
	border: 1px solid silver;
	border-radius: 0
}

.pika-single.is-hidden {
	display: none
}

.pika-single.is-bound {
	position: absolute;
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5)
}

.pika-single {
	*zoom: 1
}

.pika-single:before,
.pika-single:after {
	content: " ";
	display: table
}

.pika-single:after {
	clear: both
}

.pika-lendar {
	float: left;
	width: 18em;
	margin: 0.6em
}

.pika-title {
	position: relative;
	text-align: center;
	color: black
}

.pika-title select {
	cursor: pointer;
	position: absolute;
	z-index: 9998;
	margin: 0;
	left: 0;
	top: 5px;
	filter: alpha(opacity=0);
	opacity: 0
}

.pika-label {
	display: inline-block;
	*display: inline;
	position: relative;
	z-index: 9999;
	overflow: hidden;
	margin: 0;
	padding: 0.3em 0.2em;
	font-size: 1.2em;
	line-height: 150%;
	font-weight: bold;
	background-color: #fff
}

.pika-prev,
.pika-next {
	display: block;
	cursor: pointer;
	position: relative;
	outline: none;
	border: 0;
	padding: 0;
	width: 1.6em;
	height: 2.7em;
	text-indent: 2em;
	white-space: nowrap;
	overflow: hidden;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 75% 75%;
	opacity: .5;
	*position: absolute;
	*top: 0
}

.pika-prev:hover,
.pika-next:hover {
	opacity: 1
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
	cursor: default;
	opacity: .2
}

.pika-prev,
.is-rtl .pika-next {
	float: left;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
	*left: 0
}

.pika-next,
.is-rtl .pika-prev {
	float: right;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
	*right: 0
}

.pika-select {
	display: inline-block;
	*display: inline
}

.pika-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0
}

.pika-table th,
.pika-table td {
	width: 14.285714285714286%;
	padding: 0.2em
}

.pika-table th {
	color: #999;
	font-size: 1em;
	line-height: 150%;
	font-weight: bold;
	text-align: center
}

.pika-table abbr {
	border-bottom: none;
	cursor: help
}

.pika-button {
	cursor: pointer;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	border: 0;
	margin: 0;
	width: 100%;
	padding: 5px;
	color: #666;
	font-size: 1em;
	line-height: 15px;
	text-align: right;
	background: #f5f5f5
}

.is-today .pika-button {
	color: #e17000;
	font-weight: bold
}

.is-selected .pika-button {
	color: #fff;
	font-weight: bold;
	background: #e17000;
	box-shadow: inset 0 1px 3px #178fe5;
	border-radius: 0
}

.is-disabled .pika-button {
	pointer-events: none;
	cursor: default;
	color: #999;
	opacity: .3
}

.pika-button:hover {
	color: #fff;
	background: #ff8000;
	box-shadow: none;
	border-radius: 0
}

.pika-week {
	font-size: 0.9em;
	color: #999
}

@media print {

	#editor-toolbar,
	.editor-toolbar,
	.canvas-toolbar.editor-toolbar {
		display: none
	}
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external {
	border: none;
	overflow: hidden
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button {
	postition: relative;
	text-align: center;
	outline: none;
	box-shadow: none;
	border: none;
	text-decoration: none;
	cursor: default;
	zoom: 1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 44px;
	width: 44px;
	line-height: 44px;
	padding: 0;
	color: transparent;
	float: left;
	margin: 0;
	background: transparent;
	border-radius: 0
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover {
	outline: none;
	background-color: transparent;
	cursor: default
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover:before {
	color: black
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active {
	background-color: #e17000 !important
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active:before {
	color: white
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:before {
	font-family: fontello;
	color: rgba(0, 0, 0, 0.6);
	position: absolute;
	font-weight: normal;
	font-style: normal;
	width: 100%;
	display: block
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video:before {
	content: "\e841"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist:before,
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists:before {
	content: "\e85b"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before {
	content: "\e602"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline:before {
	content: "\e603"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection:before {
	content: "\e604"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor:before {
	content: "\e605"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table:before {
	content: "\e864"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before {
	content: "\e607"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote:before {
	content: "\e608"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent:before {
	content: "\e609"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist:before {
	content: "\e60a"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link:before {
	content: "\e83b"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-line:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-line:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-line:before {
	content: "—"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic:before {
	content: "\e863"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent:before {
	content: "\e60e"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image:before {
	content: ""
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen:before {
	content: "\e744"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen:before {
	content: "\e611"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format:before {
	content: "\e861"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize:before {
	content: "\e613"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily:before {
	content: "\e614"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted:before {
	content: "\e85d"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-html:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-html:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-html:before {
	content: "<>"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips:before {
	content: "\e617"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold:before {
	content: "\e862"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor:before {
	content: "\e619"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file:before {
	content: "\e61a"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright:before {
	content: "\e859"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment:before,
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft:before {
	content: "\e857"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify:before {
	content: "\e85a"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter:before {
	content: "\e858"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before {
	content: "\e867"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before {
	content: "\e866"
}

#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-romanlisting:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-romanlisting:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-romanlisting:before {
	content: "I./II."
}

#editor-toolbar .icon,
.editor-toolbar .icon,
.canvas-toolbar.editor-toolbar .icon {
	margin: 0
}

@media only screen and (max-width: 769px) {

	#editor-toolbar,
	.editor-toolbar,
	.canvas-toolbar.editor-toolbar {
		display: none
	}
}

.pat-expandable.twisties {
	list-style-type: none
}

.pat-expandable.twisties .current {
	font-weight: bold;
	display: inline-block;
	color: red
}

.pat-expandable.twisties li li {
	display: block;
	padding-left: 30px
}

.pat-expandable.twisties li span.toggle {
	width: 1.2em;
	height: 1.2em;
	float: left;
	font-size: 1em;
	line-height: 1.2em
}

.pat-expandable.twisties li ul {
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 0;
	padding: 0;
	display: none
}

.pat-expandable.twisties li.open>ul,
.pat-expandable.twisties li a {
	display: block
}

.pat-expandable.twisties span.toggle:before {
	content: "▶"
}

.pat-expandable.twisties .open>span.toggle:before {
	content: "▼";
	display: inline-block
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 1500;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	outline: none
}

.pswp * {
	box-sizing: border-box
}

.pswp img {
	max-width: none
}

.pswp--animate_opacity {
	opacity: 0.001;
	will-change: opacity;
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--open {
	display: block
}

.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab
}

.pswp--dragging .pswp__img {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing
}

.pswp__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	will-change: opacity
}

.pswp__scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.pswp__container,
.pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.pswp__zoom-wrap {
	position: absolute;
	width: 100%;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp__bg {
	will-change: opacity;
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
	-webkit-transition: none;
	transition: none
}

.pswp__container,
.pswp__zoom-wrap {
	-webkit-backface-visibility: hidden
}

.pswp__item {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden
}

.pswp__img {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0
}

.pswp__img--placeholder {
	-webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
	background: #222
}

.pswp--ie .pswp__img {
	width: 100% !important;
	height: auto !important;
	left: 0;
	top: 0
}

.pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #CCC
}

.pswp__error-msg a {
	color: #CCC;
	text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
	width: 44px;
	height: 44px;
	position: relative;
	background: none;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: 0.75;
	transition: opacity 0.2s;
	box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
	opacity: 1
}

.pswp__button:active {
	outline: none;
	opacity: 0.9
}

.pswp__button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.pswp__ui--over-close .pswp__button--close {
	opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	background: url(photoswipe/default-skin.png) 0 0 no-repeat;
	background-size: 264px 88px;
	width: 44px;
	height: 44px
}

@media (-webkit-min-device-pixel-ratio: 1.1),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {

	.pswp--svg .pswp__button,
	.pswp--svg .pswp__button--arrow--left:before,
	.pswp--svg .pswp__button--arrow--right:before {
		background-image: url(photoswipe/default-skin.svg)
	}

	.pswp--svg .pswp__button--arrow--left,
	.pswp--svg .pswp__button--arrow--right {
		background: none
	}
}

.pswp__button--close {
	background-position: 0 -44px
}

.pswp__button--share {
	background-position: -44px -44px
}

.pswp__button--fs {
	display: none
}

.pswp--supports-fs .pswp__button--fs {
	display: block
}

.pswp--fs .pswp__button--fs {
	background-position: -44px 0
}

.pswp__button--zoom {
	display: none;
	background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
	display: block
}

.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
	visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
	background: none;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: absolute
}

.pswp__button--arrow--left {
	left: 0
}

.pswp__button--arrow--right {
	right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	content: '';
	top: 35px;
	background-color: rgba(0, 0, 0, 0.3);
	height: 30px;
	width: 32px;
	position: absolute
}

.pswp__button--arrow--left:before {
	left: 6px;
	background-position: -138px -44px
}

.pswp__button--arrow--right:before {
	right: 6px;
	background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.pswp__share-modal {
	display: block;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1600;
	opacity: 0;
	transition: opacity 0.25s ease-out;
	-webkit-backface-visibility: hidden;
	will-change: opacity
}

.pswp__share-modal--hidden {
	display: none
}

.pswp__share-tooltip {
	z-index: 1620;
	position: absolute;
	background: #FFF;
	top: 56px;
	border-radius: 2px;
	display: block;
	width: auto;
	right: 44px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	transform: translateY(6px);
	transition: transform 0.25s;
	-webkit-backface-visibility: hidden;
	will-change: transform
}

.pswp__share-tooltip a {
	display: block;
	padding: 8px 12px;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px
}

.pswp__share-tooltip a:hover {
	text-decoration: none;
	color: #000
}

.pswp__share-tooltip a:first-child {
	border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
	border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
	opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
	transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
	padding: 16px 12px
}

a.pswp__share--facebook:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -12px;
	right: 15px;
	border: 6px solid transparent;
	border-bottom-color: #FFF;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none
}

a.pswp__share--facebook:hover {
	background: #3E5C9A;
	color: #FFF
}

a.pswp__share--facebook:hover:before {
	border-bottom-color: #3E5C9A
}

a.pswp__share--twitter:hover {
	background: #55ACEE;
	color: #FFF
}

a.pswp__share--pinterest:hover {
	background: #CCC;
	color: #CE272D
}

a.pswp__share--download:hover {
	background: #DDD
}

.pswp__counter {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	color: #FFF;
	opacity: 0.75;
	padding: 0 10px
}

.pswp__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 44px
}

.pswp__caption small {
	font-size: 11px;
	color: #BBB
}

.pswp__caption__center {
	text-align: left;
	max-width: 420px;
	margin: 0 auto;
	font-size: 13px;
	padding: 10px;
	line-height: 20px;
	color: #CCC
}

body[dir=rtl] .pswp__caption__center {
	text-align: right
}

.pswp__caption--empty {
	display: none
}

.pswp__caption--fake {
	visibility: hidden
}

.pswp__preloader {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	transition: opacity 0.25s ease-out;
	will-change: opacity;
	direction: ltr
}

.pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px
}

.pswp__preloader--active {
	opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
	background: url(photoswipe/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
	opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
	animation: clockwise 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
	animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
	background: none;
	opacity: 0.75;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 15px;
	top: 15px;
	margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
	position: relative;
	width: 7px;
	height: 14px;
	overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 2px solid #FFF;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	margin: 0
}

@media screen and (max-width: 1024px) {
	.pswp__preloader {
		position: relative;
		left: auto;
		top: auto;
		margin: 0;
		float: right
	}
}

@keyframes clockwise {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes donut-rotate {
	0% {
		transform: rotate(0)
	}

	50% {
		transform: rotate(-140deg)
	}

	100% {
		transform: rotate(0)
	}
}

.pswp__ui {
	-webkit-font-smoothing: auto;
	visibility: visible;
	opacity: 1;
	z-index: 1550
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible
}

.pswp__top-bar,
.pswp__caption {
	background-color: rgba(0, 0, 0, 0.5)
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
	background-color: rgba(0, 0, 0, 0.3)
}

.pswp__ui--idle .pswp__top-bar {
	opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
	opacity: 0
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
	opacity: 0.001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
	display: none
}

.pswp__element--disabled {
	display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
	background: none
}

.pswp {
	z-index: 9999
}

.pswp img[src*=".svg"] {
	background: white
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	width: 40px;
	height: 40px;
	line-height: 40px;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7);
	background: rgba(0, 0, 0, 0.3) !important;
	border-radius: 0;
	color: white;
	text-align: center;
	font-size: 15px;
	font-family: fontello
}

.pswp__button--arrow--left:before:hover,
.pswp__button--arrow--right:before:hover {
	background: rgba(0, 0, 0, 0.6) !important
}

.pswp__button--arrow--left:before {
	content: ""
}

.pswp__button--arrow--right:before {
	content: ""
}

.pswp__bg {
	background-color: rgba(255, 255, 255, 0.95)
}

.backdropfilter .pswp__bg {
	background-color: rgba(255, 255, 255, 0.15);
	-webkit-backdrop-filter: blur(100px) saturate(4) brightness(1.2);
	backdrop-filter: blur(100px) saturate(4) brightness(1.2)
}

.pswp__counter {
	color: black
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
	background: none
}

.pswp__ui--fit .pswp__top-bar .pswp__caption__center,
.pswp__ui--fit .pswp__caption .pswp__caption__center {
	text-align: center;
	color: black
}

.row,
.columns {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.row {
	margin: 0 -15px
}

.row .row {
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0 -15px
}

.row.collapse .column,
.row.collapse .columns {
	padding: 0
}

.row .row {
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0 -15px
}

.row .row.collapse {
	margin: 0
}

.column,
.columns {
	float: left;
	min-height: 1px;
	padding: 0 15px;
	position: relative
}

.column>.panel,
.columns>.panel {
	height: 100%;
	box-sizing: border-box
}

.column.centered,
.columns.centered {
	float: none;
	margin: 0 auto
}

[class*="column"]+[class*="column"]:last-child {
	float: right
}

[class*="column"]+[class*="column"].end {
	float: left
}

.one,
.row .one {
	width: 8.33333%
}

.two,
.row .two {
	width: 16.66667%
}

.three,
.row .three {
	width: 25%
}

.four,
.row .four {
	width: 33.33333%
}

.five,
.row .five {
	width: 41.66667%
}

.six,
.row .six {
	width: 50%
}

.seven,
.row .seven {
	width: 58.33333%
}

.eight,
.row .eight {
	width: 66.66667%
}

.nine,
.row .nine {
	width: 75%
}

.ten,
.row .ten {
	width: 83.33333%
}

.eleven,
.row .eleven {
	width: 91.66667%
}

.twelve {
	width: 100%
}

.row .twelve {
	width: 100%
}

.row .offset-by-one {
	margin-left: 8.33333%
}

.row .offset-by-two {
	margin-left: 16.66667%
}

.row .offset-by-three {
	margin-left: 25%
}

.row .offset-by-four {
	margin-left: 33.33333%
}

.row .offset-by-five {
	margin-left: 41.66667%
}

.row .offset-by-six {
	margin-left: 50%
}

.row .offset-by-seven {
	margin-left: 58.33333%
}

.row .offset-by-eight {
	margin-left: 66.66667%
}

.row .offset-by-nine {
	margin-left: 75%
}

.row .offset-by-ten {
	margin-left: 83.33333%
}

.push-two {
	left: 16.66667%
}

.pull-two {
	right: 16.66667%
}

.push-three {
	left: 25%
}

.pull-three {
	right: 25%
}

.push-four {
	left: 33.33333%
}

.pull-four {
	right: 33.33333%
}

.push-five {
	left: 41.66667%
}

.pull-five {
	right: 41.66667%
}

.push-six {
	left: 50%
}

.pull-six {
	right: 50%
}

.push-seven {
	left: 58.33333%
}

.pull-seven {
	right: 58.33333%
}

.push-eight {
	left: 66.66667%
}

.pull-eight {
	right: 66.66667%
}

.push-nine {
	left: 75%
}

.pull-nine {
	right: 75%
}

.push-ten {
	left: 83.33333%
}

.pull-ten {
	right: 83.33333%
}

.row {
	*zoom: 1
}

.row:before {
	content: " ";
	display: table
}

.row:after {
	content: " ";
	display: table;
	clear: both
}

@media only screen and (max-width: 767px) {
	body {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		min-width: 0;
		margin-left: 0;
		margin-right: 0
	}

	.row,
	.row .row {
		width: auto;
		margin: 0;
		min-width: 0
	}

	.column,
	.columns {
		width: auto !important;
		float: none;
		padding: 0
	}

	.column:last-child,
	.columns:last-child,
	[class*="column"]+[class*="column"]:last-child {
		float: none
	}

	.column:before,
	.columns:before,
	.column:after,
	.columns:after {
		content: "";
		display: table
	}

	.column:after,
	.columns:after {
		clear: both
	}

	.offset-by-one,
	.offset-by-two,
	.offset-by-three,
	.offset-by-four,
	.offset-by-five,
	.offset-by-six,
	.offset-by-seven,
	.offset-by-eight,
	.offset-by-nine,
	.offset-by-ten {
		margin-left: 0 !important
	}

	.push-two,
	.push-three,
	.push-four,
	.push-five,
	.push-six,
	.push-seven,
	.push-eight,
	.push-nine,
	.push-ten {
		left: auto
	}

	.pull-two,
	.pull-three,
	.pull-four,
	.pull-five,
	.pull-six,
	.pull-seven,
	.pull-eight,
	.pull-nine,
	.pull-ten {
		right: auto
	}
}

.pat-grid-list {
	margin-bottom: 2em;
	margin-top: 0;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.pat-grid-list.hd {
	font-size: 0.8em
}

.pat-grid-list.hd dt,
.pat-grid-list.hd dd {
	padding-top: 0.1em;
	padding-bottom: 0.1em
}

@media only screen and (min-width: 770px) {
	.pat-grid-list {
		display: grid;
		grid-column-gap: 0;
		grid-template-columns: 40% 60%
	}
}

@media print {
	.pat-grid-list {
		display: grid;
		grid-column-gap: 0;
		grid-template-columns: 40% 60%
	}
}

.pat-grid-list dt {
	font-weight: bold;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	padding-top: 0.5em
}

@media only screen and (min-width: 770px) {
	.pat-grid-list dt {
		padding-right: 2%;
		padding-bottom: 0.5em
	}
}

@media only screen and (max-width: 769px) {
	.pat-grid-list dt {
		width: 100%;
		float: none;
		display: block;
		margin: 0;
		overflow: hidden;
		clear: left
	}
}

@media print {
	.pat-grid-list dt {
		display: block;
		width: 100%;
		border: none
	}
}

.pat-grid-list dd {
	margin-bottom: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-left: 0
}

@media print {
	.pat-grid-list dd {
		display: block;
		border: none;
		clear: both;
		width: 100%
	}
}

.pat-grid-list dd>*:last-child {
	margin-bottom: 0
}

@media only screen and (min-width: 770px) {
	.pat-grid-list dd {
		border-top: 1px solid rgba(0, 0, 0, 0.15)
	}
}

@media only screen and (max-width: 769px) {
	.pat-grid-list dd {
		width: 100%;
		float: none;
		display: block;
		border: none;
		overflow: hidden
	}

	#user-data-view .pat-grid-list dd {
		padding-left: 30px;
		box-sizing: border-box
	}
}

label.pat-checklist {
	padding-left: 1.5em;
	position: relative;
	padding-left: 1.1em;
	padding-right: 0.5em
}

body[dir=rtl] label.pat-checklist {
	padding-right: 1.5em;
	padding-left: 0
}

label.pat-checklist.checked:before,
label.pat-checklist.unchecked:before {
	font-family: fontello;
	content: "";
	float: left;
	position: absolute;
	left: 0;
	top: .6em;
	transform: translateY(-50%);
	line-height: 0.8em;
	font-size: 1em;
	font-weight: normal;
	background-color: white;
	height: 0.75em;
	width: 0.75em;
	border-radius: 7%
}

fieldset.fancy label.pat-checklist.checked:before,
fieldset.fancy label.pat-checklist.unchecked:before {
	top: 0.7em
}

body[dir=rtl] label.pat-checklist.checked:before,
body[dir=rtl] label.pat-checklist.unchecked:before {
	left: auto;
	right: 0
}

label.pat-checklist.disabled,
label.pat-checklist.disabled .label-fragment-description {
	color: rgba(0, 0, 0, 0.3)
}

label.pat-checklist .label-fragment-title {
	margin: 0
}

label.pat-checklist .label-fragment-description {
	margin: 0 0 0.5em 0;
	color: rgba(0, 0, 0, 0.7);
	font-size: 0.9em;
	line-height: 1.4
}

label.pat-checklist .label-fragment-description>* {
	color: black
}

label.pat-checklist.checked:before {
	content: ""
}

label.pat-checklist input[type="checkbox"],
label.pat-checklist input[type="radio"] {
	opacity: 0;
	position: absolute;
	left: 0;
	width: 0;
	margin-top: 0.6px
}

label.pat-checklist.checked:before,
label.pat-checklist.unchecked:before {
	top: 50%;
	transform: translateY(-50%)
}

.pat-checklist:not(.free-form) {
	line-height: 1.2em;
	min-height: 0.7em
}

form.vertical .pat-checklist:not(.free-form)>legend,
form fieldset.vertical .pat-checklist:not(.free-form)>legend,
form.vertical .pat-checklist:not(.free-form)>.legend,
form fieldset.vertical .pat-checklist:not(.free-form)>.legend {
	margin-bottom: .4em
}

.pat-checklist:not(.free-form) .pat-checklist-sub {
	padding-left: 1em;
	padding-bottom: 1em
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label,
.pat-checklist:not(.free-form) .pat-checklist-sub .label,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label {
	display: block;
	position: relative;
	padding-left: 1.5em;
	position: relative;
	margin-top: .2em;
	margin-bottom: .2em;
	white-space: normal
}

body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub>label,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub .label,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub>li>label {
	padding-right: 1.5em;
	padding-left: 0
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label.checked:before,
.pat-checklist:not(.free-form) .pat-checklist-sub>label.unchecked:before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label.unchecked:before,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label.checked:before,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label.unchecked:before {
	font-family: fontello;
	content: "";
	float: left;
	position: absolute;
	left: 0;
	top: .6em;
	transform: translateY(-50%);
	line-height: 0.8em;
	font-size: 1em;
	font-weight: normal;
	background-color: white;
	height: 0.75em;
	width: 0.75em;
	border-radius: 7%
}

fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub>label.checked:before,
fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub>label.unchecked:before,
fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before,
fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub .label.unchecked:before,
fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub>li>label.checked:before,
fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub>li>label.unchecked:before {
	top: 0.7em
}

body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub>label.checked:before,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub>label.unchecked:before,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub .label.unchecked:before,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub>li>label.checked:before,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub>li>label.unchecked:before {
	left: auto;
	right: 0
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label.disabled,
.pat-checklist:not(.free-form) .pat-checklist-sub>label.disabled .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub .label.disabled,
.pat-checklist:not(.free-form) .pat-checklist-sub .label.disabled .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label.disabled,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label.disabled .label-fragment-description {
	color: rgba(0, 0, 0, 0.3)
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label .label-fragment-title,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-title,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label .label-fragment-title {
	margin: 0
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label .label-fragment-description {
	margin: 0 0 0.5em 0;
	color: rgba(0, 0, 0, 0.7);
	font-size: 0.9em;
	line-height: 1.4
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label .label-fragment-description>*,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-description>*,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label .label-fragment-description>* {
	color: black
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label.checked:before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label.checked:before {
	content: ""
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label input[type="checkbox"],
.pat-checklist:not(.free-form) .pat-checklist-sub>label input[type="radio"],
.pat-checklist:not(.free-form) .pat-checklist-sub .label input[type="checkbox"],
.pat-checklist:not(.free-form) .pat-checklist-sub .label input[type="radio"],
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label input[type="checkbox"],
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label input[type="radio"] {
	opacity: 0;
	position: absolute;
	left: 0;
	width: 0;
	margin-top: 0.6px
}

.pat-checklist:not(.free-form) .pat-checklist-sub>label:after,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:after,
.pat-checklist:not(.free-form) .pat-checklist-sub>li>label:after {
	content: " ";
	display: table;
	clear: both
}

.pat-checklist:not(.free-form)>br {
	display: none
}

.pat-checklist:not(.free-form):not(.free-form)>label,
.pat-checklist:not(.free-form):not(.free-form) .label,
.pat-checklist:not(.free-form):not(.free-form) li>label {
	display: block;
	position: relative;
	padding-left: 1.5em;
	position: relative;
	margin-top: .2em;
	margin-bottom: .2em;
	white-space: normal;
	font-weight: normal
}

body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form)>label,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) .label,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) li>label {
	padding-right: 1.5em;
	padding-left: 0
}

.pat-checklist:not(.free-form):not(.free-form)>label.checked:before,
.pat-checklist:not(.free-form):not(.free-form)>label.unchecked:before,
.pat-checklist:not(.free-form):not(.free-form) .label.checked:before,
.pat-checklist:not(.free-form):not(.free-form) .label.unchecked:before,
.pat-checklist:not(.free-form):not(.free-form) li>label.checked:before,
.pat-checklist:not(.free-form):not(.free-form) li>label.unchecked:before {
	font-family: fontello;
	content: "";
	float: left;
	position: absolute;
	left: 0;
	top: .6em;
	transform: translateY(-50%);
	line-height: 0.8em;
	font-size: 1em;
	font-weight: normal;
	background-color: white;
	height: 0.75em;
	width: 0.75em;
	border-radius: 7%
}

fieldset.fancy .pat-checklist:not(.free-form):not(.free-form)>label.checked:before,
fieldset.fancy .pat-checklist:not(.free-form):not(.free-form)>label.unchecked:before,
fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) .label.checked:before,
fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) .label.unchecked:before,
fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) li>label.checked:before,
fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) li>label.unchecked:before {
	top: 0.7em
}

body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form)>label.checked:before,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form)>label.unchecked:before,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) .label.checked:before,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) .label.unchecked:before,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) li>label.checked:before,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) li>label.unchecked:before {
	left: auto;
	right: 0
}

.pat-checklist:not(.free-form):not(.free-form)>label.disabled,
.pat-checklist:not(.free-form):not(.free-form)>label.disabled .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) .label.disabled,
.pat-checklist:not(.free-form):not(.free-form) .label.disabled .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) li>label.disabled,
.pat-checklist:not(.free-form):not(.free-form) li>label.disabled .label-fragment-description {
	color: rgba(0, 0, 0, 0.3)
}

.pat-checklist:not(.free-form):not(.free-form)>label .label-fragment-title,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-title,
.pat-checklist:not(.free-form):not(.free-form) li>label .label-fragment-title {
	margin: 0
}

.pat-checklist:not(.free-form):not(.free-form)>label .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) li>label .label-fragment-description {
	margin: 0 0 0.5em 0;
	color: rgba(0, 0, 0, 0.7);
	font-size: 0.9em;
	line-height: 1.4
}

.pat-checklist:not(.free-form):not(.free-form)>label .label-fragment-description>*,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-description>*,
.pat-checklist:not(.free-form):not(.free-form) li>label .label-fragment-description>* {
	color: black
}

.pat-checklist:not(.free-form):not(.free-form)>label.checked:before,
.pat-checklist:not(.free-form):not(.free-form) .label.checked:before,
.pat-checklist:not(.free-form):not(.free-form) li>label.checked:before {
	content: ""
}

.pat-checklist:not(.free-form):not(.free-form)>label input[type="checkbox"],
.pat-checklist:not(.free-form):not(.free-form)>label input[type="radio"],
.pat-checklist:not(.free-form):not(.free-form) .label input[type="checkbox"],
.pat-checklist:not(.free-form):not(.free-form) .label input[type="radio"],
.pat-checklist:not(.free-form):not(.free-form) li>label input[type="checkbox"],
.pat-checklist:not(.free-form):not(.free-form) li>label input[type="radio"] {
	opacity: 0;
	position: absolute;
	left: 0;
	width: 0;
	margin-top: 0.6px
}

.pat-checklist:not(.free-form):not(.free-form)>label:first-of-type,
.pat-checklist:not(.free-form):not(.free-form) .label:first-of-type,
.pat-checklist:not(.free-form):not(.free-form) li>label:first-of-type {
	margin-top: 0
}

.pat-checklist:not(.free-form).cloud label {
	display: inline-block;
	margin-right: 1em
}

.pat-checklist:not(.free-form).radio label.unchecked:before,
.pat-checklist:not(.free-form).radio-bars label.unchecked:before {
	content: "";
	border-radius: 50%;
	font-size: 1em
}

.pat-checklist:not(.free-form).radio label.checked:before,
.pat-checklist:not(.free-form).radio-bars label.checked:before {
	content: "";
	border-radius: 50%;
	font-size: 1em
}

.pat-checklist:not(.free-form).radio-bars:not(.free-form) {
	border-radius: 0;
	box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15);
	padding: 5px 5px 0 5px;
	background: #f2f2f2
}

.pat-checklist:not(.free-form).radio-bars:not(.free-form) label {
	border-radius: 0;
	padding: 0.6em 0.6em 0.6em 40px;
	margin-bottom: 5px
}

.pat-checklist:not(.free-form).radio-bars:not(.free-form) label:before,
.pat-checklist:not(.free-form).radio-bars:not(.free-form) label:after {
	left: 12px !important;
	top: 50%;
	margin-top: 0
}

.pat-checklist:not(.free-form).radio-bars:not(.free-form) label:hover {
	background: rgba(0, 0, 0, 0.05)
}

.pat-checklist:not(.free-form).radio-bars:not(.free-form) label.checked {
	background: #e17000;
	color: white
}

.pat-checklist:not(.free-form).radio-bars:not(.free-form) label.checked:before {
	color: black
}

.pat-checklist:not(.free-form) fieldset.composed {
	padding-left: 0;
	margin-bottom: 0;
	position: relative
}

.pat-checklist:not(.free-form) .additional-meta-data {
	position: relative;
	float: right;
	width: 70%;
	right: -100%;
	top: 0;
	opacity: 0;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
	height: 0
}

.sidebar-large .pat-checklist:not(.free-form) .additional-meta-data {
	right: 0%;
	opacity: 1;
	height: auto
}

.pat-checklist:not(.free-form) .meta-column {
	width: 0%;
	overflow: hidden;
	-moz-transition: width 1s;
	-webkit-transition: width 1s;
	transition: width 1s;
	float: right;
	padding: 0 0.5em;
	margin: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.item-selector .pat-checklist:not(.free-form) .meta-column {
	padding: 1.2em 0.5em 1em
}

.pat-checklist:not(.free-form) .meta-column.tag-cloud {
	width: 40%
}

.sidebar-large .pat-checklist:not(.free-form) .meta-column {
	width: 30%
}

.sidebar-large .pat-checklist:not(.free-form) .meta-column.tag-cloud {
	width: 40%
}

.file-upload-button {
	font-family: "RO Sans";
	margin: 0 0.5em 0 0;
	border: none;
	cursor: default;
	border-radius: 0;
	background-image: none;
	text-decoration: none;
	line-height: 44px;
	white-space: nowrap;
	display: inline-block;
	padding: 0 1em;
	font-size: 1em;
	vertical-align: text-bottom;
	font-weight: normal;
	box-shadow: none;
	color: #01689a;
	background-color: #f2f2f2;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal !important;
	position: relative;
	overflow: hidden;
	width: auto;
	display: inline-block
}

.file-upload-button:not([disabled]):hover {
	color: #01689a;
	background-color: #ededed
}

.file-upload-button.default {
	color: #fff;
	background-color: #01689b;
	box-shadow: none
}

.file-upload-button.default:not([disabled]):hover {
	background-color: #014668;
	color: #fff
}

.file-upload-button[disabled],
.file-upload-button.disabled,
.file-upload-button.default[disabled],
.file-upload-button.default.disabled {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

.file-upload-button[disabled]:hover,
.file-upload-button.disabled:hover,
.file-upload-button.default[disabled]:hover,
.file-upload-button.default.disabled:hover {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

@media print {
	.file-upload-button {
		display: none
	}
}

.file-upload-button:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover {
	text-decoration: none;
	color: #01689a
}

.file-upload-button.small {
	font-size: 18px;
	padding: 0 0.8em;
	height: 29px;
	line-height: 29px;
	vertical-align: baseline;
	box-shadow: none;
	font-weight: normal
}

.file-upload-button:focus {
	outline: none;
	box-shadow: none
}

.file-upload-button:not[disabled]:active {
	box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4)
}

.file-upload-button.iconified {
	width: 30px;
	padding: 0
}

.file-upload-button.iconified:before {
	width: 100%;
	text-align: center;
	line-height: 44px
}

.file-upload-button.link {
	padding: 0;
	display: inline;
	background: none;
	color: #01689b;
	line-height: inherit;
	text-decoration: underline;
	vertical-align: baseline;
	cursor: pointer
}

.file-upload-button.link:hover {
	background: none;
	text-decoration: underline !important;
	color: #000203
}

.file-upload-button.no-label {
	padding-left: 0;
	padding-right: 0;
	width: 1.7em;
	text-overflow: clip
}

.file-upload-button.no-label:before {
	width: 100%;
	text-align: center;
	margin: 0 1em 0 0
}

form fieldset.vertical .group .file-upload-button {
	width: auto;
	display: inline-block
}

.file-upload-button input {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
	opacity: 0
}

.pat-form {
	--pat-form-horizontal-label-width: 27%;
	--pat-form-horizontal-extra-width: 26px;
	--pat-form-horizontal-column-gap: 25px
}

@media only screen and (max-width: 769px) {
	.pat-form {
		--pat-form-pane-padding: 20px
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.pat-form {
		--pat-form-pane-padding: 30px
	}
}

@media only screen and (min-width: 1280px) {
	.pat-form {
		--pat-form-pane-padding: 40px
	}
}

.pat-form section.help .panel-content {
	padding-bottom: 2em
}

.pat-form p.instruction .pat-message {
	margin: 1em 0 0
}

.pat-form .form-separation-title,
.pat-form .form-separation-header,
.pat-form .form-panel-title {
	margin: 2rem 0 1rem;
	font-size: 28px;
	font-weight: normal
}

.pat-form.panel-style .form-panel {
	padding: var(--pat-form-pane-padding);
	box-sizing: border-box;
	box-shadow: none;
	border-radius: 0;
	background-color: #f3f3f3;
	margin-bottom: 25px
}

.pat-form.panel-style .form-panel .panel-content>*:last-child {
	margin-bottom: 0
}

.pat-form.panel-style .form-panel .panel-content>.button-bar:last-child {
	margin-bottom: -10px
}

.pat-form.panel-style .form-panel .form-separation-header,
.pat-form.panel-style .form-panel .form-panel-title {
	margin-top: 0;
	transition: padding 0.4s
}

.pat-form.panel-style .form-panel.pat-collapsible {
	transition: padding 0.4s;
	padding: 0
}

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group {
	position: relative
}

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons {
	position: absolute;
	right: calc(var(--pat-form-pane-padding) + 31px + 15px);
	top: 50%;
	transform: translateY(-50%)
}

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons .icon {
	overflow: hidden;
	width: 31px;
	height: 31px;
	cursor: default;
	background-color: #f2f2f2;
	color: transparent;
	position: relative;
	float: right;
	margin-left: 15px;
	border-radius: 0
}

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons .icon:after {
	font-family: fontello;
	font-size: 1em;
	z-index: 1;
	width: 31px;
	height: 31px;
	text-align: center;
	line-height: 31px;
	display: block;
	position: absolute;
	color: #01689a;
	top: 0;
	left: 0
}

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons .icon:hover {
	background-color: #ededed
}

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons .icon:hover:after {
	color: #01689a
}

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.tooltip-active-click {
	background-color: #e17000
}

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.tooltip-active-click:after {
	color: #fff
}

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.help:after {
	content: ""
}

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.download:after {
	content: ""
}

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.settings:after {
	content: ""
}

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.more:after {
	content: "";
	line-height: calc(31px + 3px)
}

.pat-form.panel-style .form-panel.pat-collapsible .form-separation-header,
.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title {
	padding-right: 50px;
	padding-left: var(--pat-form-pane-padding);
	position: relative;
	margin: 0
}

body[dir=rtl] .pat-form.panel-style .form-panel.pat-collapsible .form-separation-header,
body[dir=rtl] .pat-form.panel-style .form-panel.pat-collapsible .form-panel-title {
	padding-left: 50px;
	padding-right: var(--pat-form-pane-padding)
}

.pat-form.panel-style .form-panel.pat-collapsible .form-separation-header:after,
.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title:after {
	font-family: fontello;
	content: "";
	font-size: 0.65em;
	background-color: #f2f2f2;
	color: #01689a;
	position: absolute;
	right: var(--pat-form-pane-padding);
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	width: 31px;
	height: 31px;
	text-align: center;
	line-height: 31px;
	border-radius: 0;
	display: inline-block
}

.pat-form.panel-style .form-panel.pat-collapsible .form-separation-header:hover:after,
.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title:hover:after {
	background-color: #ededed;
	color: #01689a
}

.pat-form.panel-style .form-panel.pat-collapsible.open,
.pat-form.panel-style .form-panel.pat-collapsible.closed.in-progress {
	transition: box-shadow 2s
}

.pat-form.panel-style .form-panel.pat-collapsible.open .form-separation-header,
.pat-form.panel-style .form-panel.pat-collapsible.open .form-panel-title,
.pat-form.panel-style .form-panel.pat-collapsible.closed.in-progress .form-separation-header,
.pat-form.panel-style .form-panel.pat-collapsible.closed.in-progress .form-panel-title {
	padding-top: var(--pat-form-pane-padding);
	padding-bottom: var(--pat-form-pane-padding)
}

.pat-form.panel-style .form-panel.pat-collapsible.closed:hover {
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5)
}

.pat-form.panel-style .form-panel.pat-collapsible.closed .form-separation-header,
.pat-form.panel-style .form-panel.pat-collapsible.closed .form-panel-title,
.pat-form.panel-style .form-panel.pat-collapsible.open.in-progress .form-separation-header,
.pat-form.panel-style .form-panel.pat-collapsible.open.in-progress .form-panel-title {
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 0
}

.pat-form.panel-style .form-panel.pat-collapsible.closed .form-separation-header:after,
.pat-form.panel-style .form-panel.pat-collapsible.closed .form-panel-title:after,
.pat-form.panel-style .form-panel.pat-collapsible.open.in-progress .form-separation-header:after,
.pat-form.panel-style .form-panel.pat-collapsible.open.in-progress .form-panel-title:after {
	content: ""
}

.pat-form.panel-style .form-panel.pat-collapsible .panel-content {
	padding: 0 var(--pat-form-pane-padding) var(--pat-form-pane-padding);
	box-sizing: border-box
}

.pat-form .pat-message,
.pat-form .message {
	color: black;
	padding: 0.8em;
	margin-bottom: 1em;
	background-color: #efefef;
	border-radius: 0;
	line-height: 1.3;
	font-family: "RO Sans";
	box-shadow: 0 0 0 2px #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 2em;
	display: block;
	clear: both;
	margin-top: 0.5em;
	font-style: normal;
	font-weight: normal
}

.pat-form .pat-message[class*=icon-],
.pat-form .message[class*=icon-] {
	display: flex;
	align-items: center;
	padding-right: 40px
}

.pat-form .pat-message[class*=icon-]:before,
.pat-form .message[class*=icon-]:before {
	font-family: fontello;
	width: 80px;
	font-size: 30px;
	margin-right: 0.4em;
	text-align: center
}

.pat-form .pat-message>p,
.pat-form .pat-message .message-title,
.pat-form .message>p,
.pat-form .message .message-title {
	margin-bottom: 0.5em
}

.pat-form .pat-message>*:last-child,
.pat-form .message>*:last-child {
	margin-bottom: 0
}

.pat-form .pat-message.success,
.pat-form .message.success {
	background-color: #e1eddb
}

.pat-form .pat-message.success:before,
.pat-form .message.success:before {
	color: #e1eddb
}

.pat-form .pat-message.notice,
.pat-form .message.notice {
	background-color: #fdf6bb
}

.pat-form .pat-message.notice:before,
.pat-form .message.notice:before {
	color: #84710a
}

.pat-form .pat-message.info,
.pat-form .message.info {
	background-color: #d9edf7
}

.pat-form .pat-message.error,
.pat-form .message.error {
	background-color: #FFC8C8;
	color: red
}

.pat-form .pat-message.warning,
.pat-form .message.warning {
	background-color: #fbead9;
	color: black
}

.pat-form .pat-message.warning:before,
.pat-form .message.warning:before {
	color: #e17000
}

.pat-form .pat-message.warning a:not(.pat-button),
.pat-form .message.warning a:not(.pat-button) {
	color: rgba(0, 0, 0, 0.6);
	text-decoration: underline
}

.pat-form h2 {
	margin-bottom: 1em
}

.pat-form .form-section-header {
	margin-bottom: 1em;
	margin-top: 1.5em;
	font-size: 1.1em
}

body[dir=rtl] .pat-form .form-section-header {
	text-align: right
}

.pat-form .form-section-header:first-child {
	margin-top: 0
}

.pat-form .field-cluster,
.pat-form .field-list {
	margin: -.1em 0;
	max-width: 100%;
	line-height: inherit
}

.pat-form input,
.pat-form textarea,
.pat-form .textarea.group,
.pat-form select,
.pat-form .select2-container .select2-choice,
.pat-form .select2-container .select2-choices,
.pat-form .md-editor .md-render,
.pat-form .pat-rich-editor,
.pat-form .output-field {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "RO Sans";
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: .2em 5px;
	margin: -.2em 0;
	border: none;
	box-shadow: 0 0 0 1px dimgray;
	outline: none;
	outline-offset: 2px;
	color: inherit;
	font-size: 100%;
	border-radius: 0;
	max-width: 100%;
	background-color: #fff;
	border-radius: 0;
	line-height: inherit
}

.pat-form input:focus,
.pat-form textarea:focus,
.pat-form .textarea.group:focus,
.pat-form select:focus,
.pat-form .select2-container .select2-choice:focus,
.pat-form .select2-container .select2-choices:focus,
.pat-form .md-editor .md-render:focus,
.pat-form .pat-rich-editor:focus,
.pat-form .output-field:focus {
	outline: 2px dotted #000;
	border: none;
	box-shadow: 0 0 1px 1px dimgray
}

.pat-form input:disabled,
.pat-form input.disabled,
.pat-form textarea:disabled,
.pat-form textarea.disabled,
.pat-form .textarea.group:disabled,
.pat-form .textarea.group.disabled,
.pat-form select:disabled,
.pat-form select.disabled,
.pat-form .select2-container .select2-choice:disabled,
.pat-form .select2-container .select2-choice.disabled,
.pat-form .select2-container .select2-choices:disabled,
.pat-form .select2-container .select2-choices.disabled,
.pat-form .md-editor .md-render:disabled,
.pat-form .md-editor .md-render.disabled,
.pat-form .pat-rich-editor:disabled,
.pat-form .pat-rich-editor.disabled,
.pat-form .output-field:disabled,
.pat-form .output-field.disabled {
	border: transparent;
	outline: none;
	opacity: 1;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #efefef;
	box-shadow: 0 0 0 1px #efefef;
	color: rgba(0, 0, 0, 0.5)
}

@media print {

	.pat-form input,
	.pat-form textarea,
	.pat-form .textarea.group,
	.pat-form select,
	.pat-form .select2-container .select2-choice,
	.pat-form .select2-container .select2-choices,
	.pat-form .md-editor .md-render,
	.pat-form .pat-rich-editor,
	.pat-form .output-field {
		border: transparent;
		opacity: 1;
		padding: 0;
		background-color: transparent
	}
}

.pat-form .select2-container-active .select2-choice,
.pat-form .select2-container-active .select2-choices {
	outline: 2px dotted #000;
	border: none;
	box-shadow: 0 0 1px 1px dimgray
}

.pat-form .field-list>label {
	position: relative;
	color: transparent;
	display: block;
	margin-bottom: 24px
}

.pat-form .field-list>label:last-child {
	margin-bottom: 0
}

.pat-form .field-list>label>input,
.pat-form .field-list>label>.output-field {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.pat-form .field-cluster:not(.layout-inline) {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
	grid-column-gap: 10px
}

.pat-form .field-cluster:not(.layout-inline) label {
	position: relative;
	color: transparent
}

.pat-form .field-cluster:not(.layout-inline) label input,
.pat-form .field-cluster:not(.layout-inline) label .output-field,
.pat-form .field-cluster:not(.layout-inline) label select {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: initial
}

.pat-form .field-cluster:not(.layout-inline).layout-amount-per-timespan {
	grid-template-columns: 100px 200px;
	justify-self: start
}

.pat-form .field-cluster:not(.layout-inline).layout-title-names {
	grid-template-columns: 50px auto auto
}

.pat-form .field-cluster:not(.layout-inline).layout-date-time {
	grid-template-columns: auto 100px
}

.pat-form .field-cluster:not(.layout-inline).layout-date {
	grid-template-columns: 100px 150px 100px
}

.pat-form .field-cluster:not(.layout-inline).layout-address-line-nl {
	grid-template-columns: auto 100px 60px
}

.pat-form .field-cluster:not(.layout-inline).layout-postal-code-place-line-nl {
	grid-template-columns: 100px auto
}

.pat-form .pat-rich-editor .ProseMirror {
	overflow: hidden
}

.pat-form input[type=time] {
	padding-top: 0;
	padding-bottom: 0
}

.pat-form ::-webkit-datetime-edit {
	padding-top: .2em;
	padding-bottom: .2em;
	margin-bottom: -.3em;
	line-height: inherit;
	font-size: inherit
}

.pat-form ::-webkit-datetime-edit>* {
	padding-top: 0;
	padding-bottom: 0
}

.pat-form ::-webkit-datetime-edit-minute-field,
.pat-form ::-webkit-datetime-edit-hour-field,
.pat-form ::-webkit-datetime-edit-text {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0
}

.pat-form ::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.35)
}

.pat-form ::placeholder,
.pat-form .select2-container .select2-choice.select2-default {
	color: rgba(0, 0, 0, 0.35)
}

.pat-form .output-field {
	position: relative;
	padding-right: 27px
}

.pat-form .output-field span.placeholder {
	color: rgba(0, 0, 0, 0.35)
}

.pat-form .output-field:after {
	content: ' ';
	display: inline-block
}

.pat-form .output-field:hover {
	box-shadow: inset 0 0 1px 1px #e17000
}

.pat-form .output-field .cancel-button,
.pat-form .output-field .select2-search-choice-close {
	position: absolute;
	top: 50%;
	right: 13px;
	transform: translateY(-50%)
}

.pat-form .output-field .cancel-button:before,
.pat-form .output-field .select2-search-choice-close:before {
	font-family: fontello;
	text-align: center;
	display: block;
	content: "";
	color: rgba(0, 0, 0, 0.5)
}

.pat-form .output-field .cancel-button:hover:before,
.pat-form .output-field .select2-search-choice-close:hover:before {
	color: rgba(0, 0, 0, 0.7)
}

.pat-form .file-upload-button,
.pat-form fieldset.horizontal fieldset.group .file-upload-button {
	margin: -.2em 0 0;
	display: inline-block !important;
	justify-self: start
}

.pat-form .attachment-list+.file-upload-button {
	margin-top: 2px
}

.pat-form .schedules {
	overflow: hidden
}

.pat-form .group.layout-date label {
	display: inline-block
}

.pat-form .group.layout-date label.day {
	width: 80px
}

.pat-form .group.layout-date label.year {
	width: 83px
}

.pat-form .select2-container {
	margin: -.1em 0
}

.pat-form .select2-container .select2-choice,
.pat-form .select2-container .select2-choices {
	padding-top: .2em;
	padding-bottom: .2em;
	margin: 0 0 -8px 0
}

@media print {
	.pat-form textarea {
		display: block;
		height: auto
	}
}

.pat-form input[type=search] {
	appearance: search;
	-webkit-appearance: search
}

.pat-form input[type=search]::-webkit-search-decoration {
	display: none
}

.pat-form input[type="file"] {
	align-items: center;
	column-gap: 15px;
	display: inline-flex !important
}

.pat-form input[type="file"]::file-selector-button {
	font-family: "RO Sans";
	margin: 0 0.5em 0 0;
	border: none;
	cursor: default;
	border-radius: 0;
	background-image: none;
	text-decoration: none;
	line-height: 44px;
	white-space: nowrap;
	display: inline-block;
	padding: 0 1em;
	font-size: 1em;
	vertical-align: text-bottom;
	font-weight: normal;
	box-shadow: none;
	color: #01689a;
	background-color: #f2f2f2;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	padding: 0 0.8em;
	height: 22px;
	line-height: 21px;
	box-shadow: none;
	font-weight: 600;
	vertical-align: middle;
	margin: 3px 0 2px 0;
	display: inline-block
}

.pat-form input[type="file"]::file-selector-button:not([disabled]):hover {
	color: #01689a;
	background-color: #ededed
}

.pat-form input[type="file"]::file-selector-button.default {
	color: #fff;
	background-color: #01689b;
	box-shadow: none
}

.pat-form input[type="file"]::file-selector-button.default:not([disabled]):hover {
	background-color: #014668;
	color: #fff
}

.pat-form input[type="file"]::file-selector-button[disabled],
.pat-form input[type="file"]::file-selector-button.disabled,
.pat-form input[type="file"]::file-selector-button.default[disabled],
.pat-form input[type="file"]::file-selector-button.default.disabled {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

.pat-form input[type="file"]::file-selector-button[disabled]:hover,
.pat-form input[type="file"]::file-selector-button.disabled:hover,
.pat-form input[type="file"]::file-selector-button.default[disabled]:hover,
.pat-form input[type="file"]::file-selector-button.default.disabled:hover {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

@media print {
	.pat-form input[type="file"]::file-selector-button {
		display: none
	}
}

.pat-form input[type="file"]::file-selector-button:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover {
	text-decoration: none;
	color: #01689a
}

.pat-form input[type="file"]::file-selector-button.small {
	font-size: 18px;
	padding: 0 0.8em;
	height: 29px;
	line-height: 29px;
	vertical-align: baseline;
	box-shadow: none;
	font-weight: normal
}

.pat-form input[type="file"]::file-selector-button:focus {
	outline: none;
	box-shadow: none
}

.pat-form input[type="file"]::file-selector-button:not[disabled]:active {
	box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4)
}

.pat-form input[type="file"]::file-selector-button.iconified {
	width: 30px;
	padding: 0
}

.pat-form input[type="file"]::file-selector-button.iconified:before {
	width: 100%;
	text-align: center;
	line-height: 44px
}

.pat-form input[type="file"]::file-selector-button.link {
	padding: 0;
	display: inline;
	background: none;
	color: #01689b;
	line-height: inherit;
	text-decoration: underline;
	vertical-align: baseline;
	cursor: pointer
}

.pat-form input[type="file"]::file-selector-button.link:hover {
	background: none;
	text-decoration: underline !important;
	color: #000203
}

.pat-form input[type="file"]::file-selector-button.no-label {
	padding-left: 0;
	padding-right: 0;
	width: 1.7em;
	text-overflow: clip
}

.pat-form input[type="file"]::file-selector-button.no-label:before {
	width: 100%;
	text-align: center;
	margin: 0 1em 0 0
}

.pat-form input[type=range] {
	-webkit-appearance: none;
	appearance: none;
	padding: 0.2em 0;
	background: transparent;
	border-radius: 1em
}

.pat-form input[type=range]:focus {
	outline: none;
	border: 1px solid white;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.pat-form input[type=range]::-webkit-slider-runnable-track {
	height: 0.5em;
	background: rgba(0, 0, 0, 0.3);
	border: none;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
	border-radius: 1em
}

.pat-form input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 1.4em;
	width: 1.4em;
	border-radius: 50%;
	background: #e17000;
	margin-top: -0.45em
}

.pat-form input[type=range]::-moz-range-track {
	height: 0.5em;
	background: rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
	border: none;
	border-radius: 1em
}

.pat-form input[type=range]::-moz-range-thumb {
	border: none;
	height: 1.4em;
	width: 1.4em;
	border-radius: 50%;
	background: #e17000
}

.pat-form input[type=range]:-moz-focusring {
	outline: 1px solid white;
	outline-offset: -1px
}

.pat-form input[type=range]::-ms-track {
	height: 0.5em;
	background: #f2f2f2;
	border-color: transparent;
	border-width: 0.5em 0;
	color: transparent
}

.pat-form input[type=range]::-ms-thumb {
	border: none;
	height: 1.4em;
	width: 1.4em;
	border-radius: 50%;
	background: #e17000
}

.pat-form input[type=range]:focus::-ms-fill-lower {
	background: #888
}

.pat-form input[type=range]:focus::-ms-fill-upper {
	background: #ccc
}

.pat-form .colour-chooser-launcher {
	margin: 0
}

.pat-form .colour-chooser-launcher .pat-button {
	display: inline-block;
	text-align: center;
	margin-right: 0;
	color: white
}

.pat-form .colour-chooser-launcher .pat-button#portal-header-colour-chooser-trigger {
	background-color: #e17000
}

.pat-form .slider-labels {
	width: 100%;
	overflow: hidden;
	font-size: 0.8em
}

.pat-form .slider-labels .label {
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0.5em 0 1.2em 0em
}

.pat-form .slider-labels .label .iconified {
	display: block;
	line-height: 12px;
	clear: both;
	font-size: 10px;
	margin-top: 1px;
	width: auto;
	text-align: center
}

.pat-form .slider-labels .label .iconified:before {
	margin-right: 2px
}

.pat-form .slider-labels .label.disabled {
	opacity: 0.5
}

.pat-form .slider-labels .label:first-child {
	text-align: left
}

body[dir=rtl] .pat-form .slider-labels .label:first-child {
	text-align: right
}

.pat-form .slider-labels .label:first-child .iconified {
	text-align: left
}

body[dir=rtl] .pat-form .slider-labels .label:first-child .iconified {
	text-align: right
}

.pat-form .slider-labels .label:last-child {
	text-align: right
}

.pat-form .slider-labels .label:last-child .iconified {
	text-align: right
}

.pat-form .slider-labels.two .label {
	width: 50%
}

.pat-form .slider-labels.three .label {
	width: 33.3333332%
}

.pat-form .slider-labels.four .label {
	width: 33.333333332%
}

.pat-form .slider-labels.four .label:first-child,
.pat-form .slider-labels.four .label:last-child {
	width: 16.666666667%
}

.pat-form .slider-labels.five .label {
	width: 24%
}

.pat-form .slider-labels.five .label:first-child,
.pat-form .slider-labels.five .label:last-child {
	width: 14%
}

.pat-form .currency-field {
	display: inline-block;
	position: relative
}

.pat-form .currency-field:after {
	content: " ";
	display: block;
	height: 1px;
	width: 1px
}

.pat-form .currency-field .currency {
	position: absolute;
	left: 0.5em;
	top: 50%;
	transform: translateY(-50%)
}

.pat-form .currency-field input,
.pat-form .currency-field output {
	padding-left: 1.5em;
	display: inline-block
}

.pat-form .percentage-field {
	display: inline-block
}

.pat-form .percentage-field input {
	display: inline-block
}

.pat-form .button-field {
	position: relative
}

.pat-form .button-field input,
.pat-form .button-field select {
	width: calc(100% - 40px) !important;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px
}

.pat-form .button-field>.follow {
	border-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	width: 40px;
	overflow: hidden;
	color: transparent;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	color: transparent;
	background-color: var(--colour-accent);
	cursor: default
}

.pat-form .button-field>.follow[href]:before {
	opacity: 1
}

.pat-form .button-field>.follow[href]:hover {
	filter: brightness(1.1)
}

.pat-form .button-field>.follow:before {
	opacity: 0.5;
	content: ' ';
	font-family: fontello;
	width: 100%;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	position: absolute;
	color: white;
	text-align: center
}

.pat-form .button-field.type-url>.follow:before {
	content: ""
}

.pat-form select {
	text-indent: 0.01px;
	text-overflow: '';
	padding-right: 35px;
	background-repeat: no-repeat;
	background-position: calc(100% - 13px) center;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYWFnXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNC42IDguOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQuNiA4Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDM2ODlCO3N0cm9rZS13aWR0aDozO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+Cjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjEuNSwxLjUgNy4zLDcuMyAxMy4xLDEuNSAiLz4KPC9zdmc+);
	background-size: auto 10px
}

body[dir=rtl] .pat-form select {
	background-position: 13px center
}

.pat-form select::-ms-expand {
	display: none
}

.pat-form fieldset {
	border-style: none;
	margin: 0 0 1em;
	padding: 0;
	min-width: inherit
}

.pat-form fieldset.section {
	margin: 0 0 2em
}

.pat-form fieldset .help-icon {
	color: transparent;
	content: "";
	font-family: fontello;
	position: relative;
	margin: -.2em 0;
	line-height: inherit;
	height: 37px;
	width: 26px;
	overflow: hidden
}

.pat-form fieldset .help-icon:hover:before,
.pat-form fieldset .help-icon.tooltip-active-click:before {
	background-color: #014668
}

.pat-form fieldset .help-icon:before {
	content: "";
	border-radius: 0;
	background-color: #01689b;
	transform: none;
	margin: 0;
	font-family: fontello;
	color: white;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	line-height: 37px;
	height: 37px;
	width: 100%;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	font-size: 0.8em;
	transition: opacity 0.8s;
	transition-delay: 0.3s;
	overflow: hidden
}

@media only screen and (min-width: 770px) {

	.pat-form fieldset.horizontal>br,
	.pat-form fieldset.horizontal>.panel-content>br {
		display: none
	}

	.pat-form fieldset.horizontal sup.required,
	.pat-form fieldset.horizontal>.panel-content sup.required {
		float: none;
		position: static;
		margin-top: 0;
		vertical-align: baseline;
		filter: none;
		margin: 0
	}

	.pat-form fieldset.horizontal>label,
	.pat-form fieldset.horizontal>.panel-content>label {
		position: relative;
		display: block;
		display: grid;
		grid-template-columns: var(--pat-form-horizontal-label-width) auto 0 var(--pat-form-horizontal-extra-width);
		grid-template-areas: "label field   . extra""label message . extra";
		grid-auto-rows: auto;
		align-items: flex-start;
		column-gap: var(--pat-form-horizontal-column-gap);
		clear: left;
		border-style: none;
		margin: 0 0 26px 0
	}

	.pat-form fieldset.horizontal>label>*,
	.pat-form fieldset.horizontal>.panel-content>label>* {
		grid-area: field;
		min-width: 0
	}

	.pat-form fieldset.horizontal>label>*[size],
	.pat-form fieldset.horizontal>.panel-content>label>*[size] {
		overflow: hidden
	}

	.pat-form fieldset.horizontal>label>.help-icon,
	.pat-form fieldset.horizontal>.panel-content>label>.help-icon {
		grid-area: extra;
		grid-row: 1 / last
	}

	.pat-form fieldset.horizontal>label>.message,
	.pat-form fieldset.horizontal>label>.pat-message,
	.pat-form fieldset.horizontal>.panel-content>label>.message,
	.pat-form fieldset.horizontal>.panel-content>label>.pat-message {
		grid-area: message
	}

	.pat-form fieldset.horizontal>label>.colour-chooser-launcher,
	.pat-form fieldset.horizontal>.panel-content>label>.colour-chooser-launcher {
		height: 0.6em
	}

	.pat-form fieldset.horizontal label .iconified,
	.pat-form fieldset.horizontal>.panel-content label .iconified {
		float: none;
		position: static;
		line-height: 10px;
		margin-top: 0;
		vertical-align: baseline;
		filter: none
	}

	.pat-form fieldset.horizontal label textarea,
	.pat-form fieldset.horizontal>.panel-content label textarea {
		resize: vertical
	}

	.pat-form fieldset.horizontal fieldset.group,
	.pat-form fieldset.horizontal div.group,
	.pat-form fieldset.horizontal>.pat-checklist,
	.pat-form fieldset.horizontal>.panel-content fieldset.group,
	.pat-form fieldset.horizontal>.panel-content div.group,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist {
		margin: 0 0 26px 0;
		display: grid;
		grid-template-areas: "label field . extra";
		grid-auto-flow: column;
		column-gap: 25px;
		grid-auto-columns: var(--pat-form-horizontal-label-width) auto 0 var(--pat-form-horizontal-extra-width)
	}

	.pat-form fieldset.horizontal fieldset.group.image-selection,
	.pat-form fieldset.horizontal fieldset.group.object-upload,
	.pat-form fieldset.horizontal fieldset.group.image-upload,
	.pat-form fieldset.horizontal fieldset.group.video-upload,
	.pat-form fieldset.horizontal div.group.image-selection,
	.pat-form fieldset.horizontal div.group.object-upload,
	.pat-form fieldset.horizontal div.group.image-upload,
	.pat-form fieldset.horizontal div.group.video-upload,
	.pat-form fieldset.horizontal>.pat-checklist.image-selection,
	.pat-form fieldset.horizontal>.pat-checklist.object-upload,
	.pat-form fieldset.horizontal>.pat-checklist.image-upload,
	.pat-form fieldset.horizontal>.pat-checklist.video-upload,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-selection,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.object-upload,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-upload,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.video-upload,
	.pat-form fieldset.horizontal>.panel-content div.group.image-selection,
	.pat-form fieldset.horizontal>.panel-content div.group.object-upload,
	.pat-form fieldset.horizontal>.panel-content div.group.image-upload,
	.pat-form fieldset.horizontal>.panel-content div.group.video-upload,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-selection,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.object-upload,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-upload,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.video-upload {
		justify-items: start
	}

	.pat-form fieldset.horizontal fieldset.group.image-selection .pat-button,
	.pat-form fieldset.horizontal fieldset.group.object-upload .pat-button,
	.pat-form fieldset.horizontal fieldset.group.image-upload .pat-button,
	.pat-form fieldset.horizontal fieldset.group.video-upload .pat-button,
	.pat-form fieldset.horizontal div.group.image-selection .pat-button,
	.pat-form fieldset.horizontal div.group.object-upload .pat-button,
	.pat-form fieldset.horizontal div.group.image-upload .pat-button,
	.pat-form fieldset.horizontal div.group.video-upload .pat-button,
	.pat-form fieldset.horizontal>.pat-checklist.image-selection .pat-button,
	.pat-form fieldset.horizontal>.pat-checklist.object-upload .pat-button,
	.pat-form fieldset.horizontal>.pat-checklist.image-upload .pat-button,
	.pat-form fieldset.horizontal>.pat-checklist.video-upload .pat-button,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-selection .pat-button,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.object-upload .pat-button,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-upload .pat-button,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.video-upload .pat-button,
	.pat-form fieldset.horizontal>.panel-content div.group.image-selection .pat-button,
	.pat-form fieldset.horizontal>.panel-content div.group.object-upload .pat-button,
	.pat-form fieldset.horizontal>.panel-content div.group.image-upload .pat-button,
	.pat-form fieldset.horizontal>.panel-content div.group.video-upload .pat-button,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-selection .pat-button,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.object-upload .pat-button,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-upload .pat-button,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.video-upload .pat-button {
		margin: 0 0 -9px 0
	}

	.pat-form fieldset.horizontal fieldset.group.image-selection input,
	.pat-form fieldset.horizontal fieldset.group.image-selection .pat-screenshot,
	.pat-form fieldset.horizontal fieldset.group.image-selection video,
	.pat-form fieldset.horizontal fieldset.group.image-selection img,
	.pat-form fieldset.horizontal fieldset.group.object-upload input,
	.pat-form fieldset.horizontal fieldset.group.object-upload .pat-screenshot,
	.pat-form fieldset.horizontal fieldset.group.object-upload video,
	.pat-form fieldset.horizontal fieldset.group.object-upload img,
	.pat-form fieldset.horizontal fieldset.group.image-upload input,
	.pat-form fieldset.horizontal fieldset.group.image-upload .pat-screenshot,
	.pat-form fieldset.horizontal fieldset.group.image-upload video,
	.pat-form fieldset.horizontal fieldset.group.image-upload img,
	.pat-form fieldset.horizontal fieldset.group.video-upload input,
	.pat-form fieldset.horizontal fieldset.group.video-upload .pat-screenshot,
	.pat-form fieldset.horizontal fieldset.group.video-upload video,
	.pat-form fieldset.horizontal fieldset.group.video-upload img,
	.pat-form fieldset.horizontal div.group.image-selection input,
	.pat-form fieldset.horizontal div.group.image-selection .pat-screenshot,
	.pat-form fieldset.horizontal div.group.image-selection video,
	.pat-form fieldset.horizontal div.group.image-selection img,
	.pat-form fieldset.horizontal div.group.object-upload input,
	.pat-form fieldset.horizontal div.group.object-upload .pat-screenshot,
	.pat-form fieldset.horizontal div.group.object-upload video,
	.pat-form fieldset.horizontal div.group.object-upload img,
	.pat-form fieldset.horizontal div.group.image-upload input,
	.pat-form fieldset.horizontal div.group.image-upload .pat-screenshot,
	.pat-form fieldset.horizontal div.group.image-upload video,
	.pat-form fieldset.horizontal div.group.image-upload img,
	.pat-form fieldset.horizontal div.group.video-upload input,
	.pat-form fieldset.horizontal div.group.video-upload .pat-screenshot,
	.pat-form fieldset.horizontal div.group.video-upload video,
	.pat-form fieldset.horizontal div.group.video-upload img,
	.pat-form fieldset.horizontal>.pat-checklist.image-selection input,
	.pat-form fieldset.horizontal>.pat-checklist.image-selection .pat-screenshot,
	.pat-form fieldset.horizontal>.pat-checklist.image-selection video,
	.pat-form fieldset.horizontal>.pat-checklist.image-selection img,
	.pat-form fieldset.horizontal>.pat-checklist.object-upload input,
	.pat-form fieldset.horizontal>.pat-checklist.object-upload .pat-screenshot,
	.pat-form fieldset.horizontal>.pat-checklist.object-upload video,
	.pat-form fieldset.horizontal>.pat-checklist.object-upload img,
	.pat-form fieldset.horizontal>.pat-checklist.image-upload input,
	.pat-form fieldset.horizontal>.pat-checklist.image-upload .pat-screenshot,
	.pat-form fieldset.horizontal>.pat-checklist.image-upload video,
	.pat-form fieldset.horizontal>.pat-checklist.image-upload img,
	.pat-form fieldset.horizontal>.pat-checklist.video-upload input,
	.pat-form fieldset.horizontal>.pat-checklist.video-upload .pat-screenshot,
	.pat-form fieldset.horizontal>.pat-checklist.video-upload video,
	.pat-form fieldset.horizontal>.pat-checklist.video-upload img,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-selection input,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-selection .pat-screenshot,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-selection video,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-selection img,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.object-upload input,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.object-upload .pat-screenshot,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.object-upload video,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.object-upload img,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-upload input,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-upload .pat-screenshot,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-upload video,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-upload img,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.video-upload input,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.video-upload .pat-screenshot,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.video-upload video,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.video-upload img,
	.pat-form fieldset.horizontal>.panel-content div.group.image-selection input,
	.pat-form fieldset.horizontal>.panel-content div.group.image-selection .pat-screenshot,
	.pat-form fieldset.horizontal>.panel-content div.group.image-selection video,
	.pat-form fieldset.horizontal>.panel-content div.group.image-selection img,
	.pat-form fieldset.horizontal>.panel-content div.group.object-upload input,
	.pat-form fieldset.horizontal>.panel-content div.group.object-upload .pat-screenshot,
	.pat-form fieldset.horizontal>.panel-content div.group.object-upload video,
	.pat-form fieldset.horizontal>.panel-content div.group.object-upload img,
	.pat-form fieldset.horizontal>.panel-content div.group.image-upload input,
	.pat-form fieldset.horizontal>.panel-content div.group.image-upload .pat-screenshot,
	.pat-form fieldset.horizontal>.panel-content div.group.image-upload video,
	.pat-form fieldset.horizontal>.panel-content div.group.image-upload img,
	.pat-form fieldset.horizontal>.panel-content div.group.video-upload input,
	.pat-form fieldset.horizontal>.panel-content div.group.video-upload .pat-screenshot,
	.pat-form fieldset.horizontal>.panel-content div.group.video-upload video,
	.pat-form fieldset.horizontal>.panel-content div.group.video-upload img,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-selection input,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-selection .pat-screenshot,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-selection video,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-selection img,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.object-upload input,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.object-upload .pat-screenshot,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.object-upload video,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.object-upload img,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-upload input,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-upload .pat-screenshot,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-upload video,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-upload img,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.video-upload input,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.video-upload .pat-screenshot,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.video-upload video,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.video-upload img {
		width: 100%
	}

	.pat-form fieldset.horizontal fieldset.group.image-selection input,
	.pat-form fieldset.horizontal fieldset.group.image-selection video,
	.pat-form fieldset.horizontal fieldset.group.image-selection img,
	.pat-form fieldset.horizontal fieldset.group.object-upload input,
	.pat-form fieldset.horizontal fieldset.group.object-upload video,
	.pat-form fieldset.horizontal fieldset.group.object-upload img,
	.pat-form fieldset.horizontal fieldset.group.image-upload input,
	.pat-form fieldset.horizontal fieldset.group.image-upload video,
	.pat-form fieldset.horizontal fieldset.group.image-upload img,
	.pat-form fieldset.horizontal fieldset.group.video-upload input,
	.pat-form fieldset.horizontal fieldset.group.video-upload video,
	.pat-form fieldset.horizontal fieldset.group.video-upload img,
	.pat-form fieldset.horizontal div.group.image-selection input,
	.pat-form fieldset.horizontal div.group.image-selection video,
	.pat-form fieldset.horizontal div.group.image-selection img,
	.pat-form fieldset.horizontal div.group.object-upload input,
	.pat-form fieldset.horizontal div.group.object-upload video,
	.pat-form fieldset.horizontal div.group.object-upload img,
	.pat-form fieldset.horizontal div.group.image-upload input,
	.pat-form fieldset.horizontal div.group.image-upload video,
	.pat-form fieldset.horizontal div.group.image-upload img,
	.pat-form fieldset.horizontal div.group.video-upload input,
	.pat-form fieldset.horizontal div.group.video-upload video,
	.pat-form fieldset.horizontal div.group.video-upload img,
	.pat-form fieldset.horizontal>.pat-checklist.image-selection input,
	.pat-form fieldset.horizontal>.pat-checklist.image-selection video,
	.pat-form fieldset.horizontal>.pat-checklist.image-selection img,
	.pat-form fieldset.horizontal>.pat-checklist.object-upload input,
	.pat-form fieldset.horizontal>.pat-checklist.object-upload video,
	.pat-form fieldset.horizontal>.pat-checklist.object-upload img,
	.pat-form fieldset.horizontal>.pat-checklist.image-upload input,
	.pat-form fieldset.horizontal>.pat-checklist.image-upload video,
	.pat-form fieldset.horizontal>.pat-checklist.image-upload img,
	.pat-form fieldset.horizontal>.pat-checklist.video-upload input,
	.pat-form fieldset.horizontal>.pat-checklist.video-upload video,
	.pat-form fieldset.horizontal>.pat-checklist.video-upload img,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-selection input,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-selection video,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-selection img,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.object-upload input,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.object-upload video,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.object-upload img,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-upload input,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-upload video,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.image-upload img,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.video-upload input,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.video-upload video,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.video-upload img,
	.pat-form fieldset.horizontal>.panel-content div.group.image-selection input,
	.pat-form fieldset.horizontal>.panel-content div.group.image-selection video,
	.pat-form fieldset.horizontal>.panel-content div.group.image-selection img,
	.pat-form fieldset.horizontal>.panel-content div.group.object-upload input,
	.pat-form fieldset.horizontal>.panel-content div.group.object-upload video,
	.pat-form fieldset.horizontal>.panel-content div.group.object-upload img,
	.pat-form fieldset.horizontal>.panel-content div.group.image-upload input,
	.pat-form fieldset.horizontal>.panel-content div.group.image-upload video,
	.pat-form fieldset.horizontal>.panel-content div.group.image-upload img,
	.pat-form fieldset.horizontal>.panel-content div.group.video-upload input,
	.pat-form fieldset.horizontal>.panel-content div.group.video-upload video,
	.pat-form fieldset.horizontal>.panel-content div.group.video-upload img,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-selection input,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-selection video,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-selection img,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.object-upload input,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.object-upload video,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.object-upload img,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-upload input,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-upload video,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.image-upload img,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.video-upload input,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.video-upload video,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.video-upload img {
		margin-bottom: 5px
	}

	.pat-form fieldset.horizontal fieldset.group>*,
	.pat-form fieldset.horizontal div.group>*,
	.pat-form fieldset.horizontal>.pat-checklist>*,
	.pat-form fieldset.horizontal>.panel-content fieldset.group>*,
	.pat-form fieldset.horizontal>.panel-content div.group>*,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist>* {
		grid-column-start: 2
	}

	.pat-form fieldset.horizontal fieldset.group .help-icon,
	.pat-form fieldset.horizontal div.group .help-icon,
	.pat-form fieldset.horizontal>.pat-checklist .help-icon,
	.pat-form fieldset.horizontal>.panel-content fieldset.group .help-icon,
	.pat-form fieldset.horizontal>.panel-content div.group .help-icon,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist .help-icon {
		grid-area: extra;
		grid-row: 1 / last
	}

	.pat-form fieldset.horizontal fieldset.group>.legend,
	.pat-form fieldset.horizontal fieldset.group legend,
	.pat-form fieldset.horizontal div.group>.legend,
	.pat-form fieldset.horizontal div.group legend,
	.pat-form fieldset.horizontal>.pat-checklist>.legend,
	.pat-form fieldset.horizontal>.pat-checklist legend,
	.pat-form fieldset.horizontal>.panel-content fieldset.group>.legend,
	.pat-form fieldset.horizontal>.panel-content fieldset.group legend,
	.pat-form fieldset.horizontal>.panel-content div.group>.legend,
	.pat-form fieldset.horizontal>.panel-content div.group legend,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist>.legend,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist legend {
		display: inline;
		text-align: left;
		padding: 0;
		box-sizing: border-box;
		position: relative;
		display: block;
		font-weight: normal;
		font-style: normal;
		text-transform: none;
		letter-spacing: 0;
		grid-column-start: 1;
		grid-row: 1 / last
	}

	body[dir=rtl] .pat-form fieldset.horizontal fieldset.group>.legend,
	body[dir=rtl] .pat-form fieldset.horizontal fieldset.group legend,
	body[dir=rtl] .pat-form fieldset.horizontal div.group>.legend,
	body[dir=rtl] .pat-form fieldset.horizontal div.group legend,
	body[dir=rtl] .pat-form fieldset.horizontal>.pat-checklist>.legend,
	body[dir=rtl] .pat-form fieldset.horizontal>.pat-checklist legend,
	body[dir=rtl] .pat-form fieldset.horizontal>.panel-content fieldset.group>.legend,
	body[dir=rtl] .pat-form fieldset.horizontal>.panel-content fieldset.group legend,
	body[dir=rtl] .pat-form fieldset.horizontal>.panel-content div.group>.legend,
	body[dir=rtl] .pat-form fieldset.horizontal>.panel-content div.group legend,
	body[dir=rtl] .pat-form fieldset.horizontal>.panel-content>.pat-checklist>.legend,
	body[dir=rtl] .pat-form fieldset.horizontal>.panel-content>.pat-checklist legend {
		text-align: right
	}

	.pat-form fieldset.horizontal fieldset.group.button-bar,
	.pat-form fieldset.horizontal div.group.button-bar,
	.pat-form fieldset.horizontal>.pat-checklist.button-bar,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.button-bar,
	.pat-form fieldset.horizontal>.panel-content div.group.button-bar,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.button-bar {
		display: block;
		padding-left: calc(var(--pat-form-horizontal-label-width) + var(--pat-form-horizontal-column-gap))
	}

	.pat-form fieldset.horizontal fieldset.group.layout-inline label,
	.pat-form fieldset.horizontal div.group.layout-inline label,
	.pat-form fieldset.horizontal>.pat-checklist.layout-inline label,
	.pat-form fieldset.horizontal>.panel-content fieldset.group.layout-inline label,
	.pat-form fieldset.horizontal>.panel-content div.group.layout-inline label,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist.layout-inline label {
		display: inline-block
	}

	.pat-form fieldset.horizontal fieldset.group label,
	.pat-form fieldset.horizontal div.group label,
	.pat-form fieldset.horizontal>.pat-checklist label,
	.pat-form fieldset.horizontal>.panel-content fieldset.group label,
	.pat-form fieldset.horizontal>.panel-content div.group label,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist label {
		font-weight: normal;
		font-style: normal;
		position: relative;
		border-style: none
	}

	.pat-form fieldset.horizontal fieldset.group label+.pat-checklist,
	.pat-form fieldset.horizontal div.group label+.pat-checklist,
	.pat-form fieldset.horizontal>.pat-checklist label+.pat-checklist,
	.pat-form fieldset.horizontal>.panel-content fieldset.group label+.pat-checklist,
	.pat-form fieldset.horizontal>.panel-content div.group label+.pat-checklist,
	.pat-form fieldset.horizontal>.panel-content>.pat-checklist label+.pat-checklist {
		margin-top: 0.5em;
		display: block
	}

	.pat-form fieldset.horizontal dfn.help,
	.pat-form fieldset.horizontal>.panel-content dfn.help {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		width: calc(30% * 100% / (100% - 30%));
		width: 80%
	}
}

.pat-form fieldset .row {
	margin: 0 -5px 0.8em
}

.pat-form fieldset .row .column,
.pat-form fieldset .row .columns {
	margin-bottom: 0;
	padding: 0 5px
}

.pat-form fieldset .row .column>*,
.pat-form fieldset .row .columns>* {
	margin-bottom: 0
}

.pat-form fieldset .row:last-child {
	margin-bottom: 0
}

@media only screen and (max-width: 769px) {

	.pat-form fieldset.horizontal>br,
	.pat-form fieldset.horizontal .group>br {
		display: none
	}

	.pat-form fieldset.horizontal label {
		position: relative;
		display: block
	}

	.pat-form fieldset.horizontal label.columns,
	.pat-form fieldset.horizontal label.column {
		display: inline-block
	}

	.pat-form fieldset.horizontal label img {
		max-width: 100%
	}

	.pat-form fieldset.horizontal .group.pat-checklist legend,
	.pat-form fieldset.horizontal .group.pat-checklist .legend {
		margin-bottom: 0.2em
	}

	.pat-form fieldset.horizontal label>input,
	.pat-form fieldset.horizontal label>textarea,
	.pat-form fieldset.horizontal label>select,
	.pat-form fieldset.horizontal label>.sortable-items-list,
	.pat-form fieldset.horizontal label>.select2-container,
	.pat-form fieldset.horizontal label>.button-field,
	.pat-form fieldset.horizontal label>.group.textarea,
	.pat-form fieldset.horizontal label>.field-value,
	.pat-form fieldset.horizontal label>.group.md-editor,
	.pat-form fieldset.horizontal label>.colour-chooser-launcher,
	.pat-form fieldset.horizontal label>.read-only-field,
	.pat-form fieldset.horizontal label>.pat-rich-editor,
	.pat-form fieldset.horizontal label>.pat-miller-columns,
	.pat-form fieldset.horizontal label>.output-field,
	.pat-form fieldset.horizontal label>.composed,
	.pat-form fieldset.horizontal label>.field-cluster,
	.pat-form fieldset.horizontal label>.pat-checklist,
	.pat-form fieldset.horizontal .group>input,
	.pat-form fieldset.horizontal .group>textarea,
	.pat-form fieldset.horizontal .group>select,
	.pat-form fieldset.horizontal .group>.sortable-items-list,
	.pat-form fieldset.horizontal .group>.select2-container,
	.pat-form fieldset.horizontal .group>.button-field,
	.pat-form fieldset.horizontal .group>.group.textarea,
	.pat-form fieldset.horizontal .group>.field-value,
	.pat-form fieldset.horizontal .group>.group.md-editor,
	.pat-form fieldset.horizontal .group>.colour-chooser-launcher,
	.pat-form fieldset.horizontal .group>.read-only-field,
	.pat-form fieldset.horizontal .group>.pat-rich-editor,
	.pat-form fieldset.horizontal .group>.pat-miller-columns,
	.pat-form fieldset.horizontal .group>.output-field,
	.pat-form fieldset.horizontal .group>.composed,
	.pat-form fieldset.horizontal .group>.field-cluster,
	.pat-form fieldset.horizontal .group>.pat-checklist {
		display: block;
		margin-top: 0.2em;
		width: 100%;
		font-weight: normal
	}

	.pat-form fieldset.horizontal label>.composed input,
	.pat-form fieldset.horizontal .group>.composed input {
		width: 100%
	}

	.pat-form fieldset.horizontal textarea.pat-content-mirror,
	.pat-form fieldset.horizontal .group.md-editor .md-render {
		margin-top: 0
	}

	.pat-form fieldset.horizontal .legend,
	.pat-form fieldset.horizontal>label,
	.pat-form fieldset.horizontal .group:not(.pat-checklist)>label {
		font-weight: bold;
		display: block;
		margin-bottom: 1em
	}

	.pat-form fieldset.horizontal .legend {
		margin-bottom: 0em;
		margin-top: 8px
	}
}

.pat-form fieldset.vertical>br,
.pat-form fieldset.vertical .group>br {
	display: none
}

.pat-form fieldset.vertical label {
	position: relative;
	display: block
}

.pat-form fieldset.vertical label.columns,
.pat-form fieldset.vertical label.column {
	display: inline-block
}

.pat-form fieldset.vertical label img {
	max-width: 100%
}

.pat-form fieldset.vertical .group.pat-checklist legend,
.pat-form fieldset.vertical .group.pat-checklist .legend {
	margin-bottom: 0.2em
}

.pat-form fieldset.vertical label>input,
.pat-form fieldset.vertical label>textarea,
.pat-form fieldset.vertical label>select,
.pat-form fieldset.vertical label>.sortable-items-list,
.pat-form fieldset.vertical label>.select2-container,
.pat-form fieldset.vertical label>.button-field,
.pat-form fieldset.vertical label>.group.textarea,
.pat-form fieldset.vertical label>.field-value,
.pat-form fieldset.vertical label>.group.md-editor,
.pat-form fieldset.vertical label>.colour-chooser-launcher,
.pat-form fieldset.vertical label>.read-only-field,
.pat-form fieldset.vertical label>.pat-rich-editor,
.pat-form fieldset.vertical label>.pat-miller-columns,
.pat-form fieldset.vertical label>.output-field,
.pat-form fieldset.vertical label>.composed,
.pat-form fieldset.vertical label>.field-cluster,
.pat-form fieldset.vertical label>.pat-checklist,
.pat-form fieldset.vertical .group>input,
.pat-form fieldset.vertical .group>textarea,
.pat-form fieldset.vertical .group>select,
.pat-form fieldset.vertical .group>.sortable-items-list,
.pat-form fieldset.vertical .group>.select2-container,
.pat-form fieldset.vertical .group>.button-field,
.pat-form fieldset.vertical .group>.group.textarea,
.pat-form fieldset.vertical .group>.field-value,
.pat-form fieldset.vertical .group>.group.md-editor,
.pat-form fieldset.vertical .group>.colour-chooser-launcher,
.pat-form fieldset.vertical .group>.read-only-field,
.pat-form fieldset.vertical .group>.pat-rich-editor,
.pat-form fieldset.vertical .group>.pat-miller-columns,
.pat-form fieldset.vertical .group>.output-field,
.pat-form fieldset.vertical .group>.composed,
.pat-form fieldset.vertical .group>.field-cluster,
.pat-form fieldset.vertical .group>.pat-checklist {
	display: block;
	margin-top: 0.2em;
	width: 100%;
	font-weight: normal
}

.pat-form fieldset.vertical label>.composed input,
.pat-form fieldset.vertical .group>.composed input {
	width: 100%
}

.pat-form fieldset.vertical textarea.pat-content-mirror,
.pat-form fieldset.vertical .group.md-editor .md-render {
	margin-top: 0
}

.pat-form fieldset.vertical .legend,
.pat-form fieldset.vertical>label,
.pat-form fieldset.vertical .group:not(.pat-checklist)>label {
	font-weight: bold;
	display: block;
	margin-bottom: 1em
}

.pat-form fieldset.vertical .legend {
	margin-bottom: 0em;
	margin-top: 8px
}

.zavat-chalav-ve-devach,
.zavat-chalav-ve-devach input {
	opacity: 0;
	position: absolute !important;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
	speak: none
}

.pat-icon {
	font-family: fontello;
	text-indent: -1000em;
	width: 44px;
	height: 44px;
	position: relative;
	color: rgba(0, 0, 0, 0.6);
	cursor: default;
	line-height: 44px;
	border-radius: 0;
	display: inline-block;
	text-align: left
}

body[dir=rtl] .pat-icon {
	text-align: right
}

.pat-icon:before {
	font-family: fontello;
	text-indent: 0;
	line-height: 45px;
	text-align: center;
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	border-radius: 0;
	box-sizing: border-box
}

.pat-icon:hover {
	color: black;
	text-decoration: none
}

.pat-icon.active {
	color: #e17000;
	box-shadow: none
}

.pat-icon.active:before {
	color: #e17000
}

.pat-inject[action].executing [type="submit"],
.pat-inject[formaction].executing [type="submit"],
.pat-inject.pat-subform.executing [type="submit"] {
	-ms-pointer-events: none;
	-moz-pointer-events: none;
	-webkit-pointer-events: none;
	pointer-events: none;
	opacity: 0.5
}

.pat-inject[href].executing {
	-ms-pointer-events: none;
	-moz-pointer-events: none;
	-webkit-pointer-events: none;
	pointer-events: none;
	opacity: 0.5
}

.pat-message {
	color: black;
	padding: 0.8em;
	margin-bottom: 1em;
	background-color: #efefef;
	border-radius: 0;
	line-height: 1.3;
	font-family: "RO Sans";
	box-shadow: 0 0 0 2px #fff
}

.pat-message[class*=icon-] {
	display: flex;
	align-items: center;
	padding-right: 40px
}

.pat-message[class*=icon-]:before {
	font-family: fontello;
	width: 80px;
	font-size: 30px;
	margin-right: 0.4em;
	text-align: center
}

.pat-message>p,
.pat-message .message-title {
	margin-bottom: 0.5em
}

.pat-message>*:last-child {
	margin-bottom: 0
}

.pat-message.success {
	background-color: #e1eddb
}

.pat-message.success:before {
	color: #e1eddb
}

.pat-message.notice {
	background-color: #fdf6bb
}

.pat-message.notice:before {
	color: #84710a
}

.pat-message.info {
	background-color: #d9edf7
}

.pat-message.error {
	background-color: #FFC8C8;
	color: red
}

.pat-message.warning {
	background-color: #fbead9;
	color: black
}

.pat-message.warning:before {
	color: #e17000
}

.pat-message.warning a:not(.pat-button) {
	color: rgba(0, 0, 0, 0.6);
	text-decoration: underline
}

.pat-modal-panel {
	position: fixed;
	z-index: 9998;
	max-width: 95%;
	width: 840px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: fadeIn 0.2s;
	padding: 0;
	margin: 0;
	z-index: 9998;
	border: none
}

.pat-modal-panel.small {
	width: 640px
}

.pat-modal-panel.small .modal-panel-body {
	width: 640px
}

.pat-modal-panel:after {
	position: fixed;
	top: -2000px;
	right: -2000px;
	bottom: -2000px;
	left: -2000px;
	content: ' ';
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.15);
	-webkit-backdrop-filter: blur(3px) saturate(0.5);
	backdrop-filter: blur(3px) saturate(0.5);
	animation: fadeIn 1s
}

.pat-modal-panel .modal-panel-contents {
	position: relative;
	background-color: white;
	border-radius: 0;
	box-shadow: 0 2px 50px rgba(0, 0, 0, 0.7)
}

.pat-modal-panel .modal-panel-contents:after {
	content: ' ';
	display: table;
	clear: both
}

.pat-modal-panel .modal-panel-header {
	margin: 0;
	padding: 20px 30px
}

.pat-modal-panel .modal-panel-header .modal-panel-title {
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	font-size: 22px
}

.pat-modal-panel .pat-toolbar {
	margin-bottom: 10px
}

.pat-modal-panel .modal-panel-body {
	width: 840px;
	overflow: auto;
	max-height: calc(100vh - 270px);
	padding: 20px 30px 0;
	box-sizing: border-box
}

.pat-modal-panel .modal-panel-body>.form-fields {
	padding-bottom: 20px
}

.pat-modal-panel .modal-panel-body>.modal-panel-main-button-bar {
	position: -webkit-sticky !important;
	position: sticky !important;
	bottom: 0;
	margin-bottom: 1px;
	background: white;
	padding-bottom: 10px;
	padding-top: 25px;
	border-top: 1px solid white;
	z-index: 10
}

.pat-modal-panel .modal-panel-body>.modal-panel-main-button-bar.bumped-bottom {
	border-top: 1px solid silver
}

.pat-modal-panel .sliding-sheets {
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 100%;
	scroll-behavior: smooth;
	margin-bottom: 77px;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.pat-modal-panel .sliding-sheets::-webkit-scrollbar {
	display: none
}

.pat-modal-panel .sliding-sheets .modal-panel-footer {
	display: none
}

.pat-modal-panel .sliding-sheets .modal-panel-footer,
.pat-modal-panel .sliding-sheets+.modal-panel-footer {
	position: absolute;
	bottom: 0;
	right: 30px;
	left: 30px;
	margin: 0;
	padding-top: 20px;
	border-top: 1px silver solid;
	background-color: white
}

.pat-modal-panel .sliding-sheets .modal-panel-body {
	scroll-snap-align: center
}

.pat-modal-panel .sliding-sheets .modal-panel-body:target .modal-panel-footer,
.pat-modal-panel .sliding-sheets .modal-panel-body:first-child .modal-panel-footer {
	display: block
}

.pat-modal-panel.large {
	width: 1100px
}

.pat-modal-panel.large .modal-panel-body {
	width: 1100px
}

@media print {
	body.modal-active>*:not(.pat-modal) {
		display: none
	}
}

@keyframes show-sheet {
	0% {
		opacity: 0;
		transform: translate(-50%, 100%)
	}

	100% {
		opacity: 1;
		transform: translate(-50%, 0)
	}
}

@media screen {
	div.pat-modal.sheet {
		position: absolute;
		left: 50%;
		max-width: 840px;
		width: 90%;
		bottom: 0;
		top: 80px !important;
		z-index: 10000;
		animation: show-sheet 0.4s;
		box-sizing: border-box;
		transform: translate(-50%, 0);
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards
	}
}

@media print {
	div.pat-modal.sheet {
		transform: translate(0, 0) !important
	}
}

div.pat-modal.sheet .close-panel {
	position: absolute;
	top: 25px;
	right: 25px;
	z-index: 1;
	color: transparent
}

div.pat-modal.sheet .close-panel:hover:before {
	background-color: rgba(0, 0, 0, 0.4)
}

div.pat-modal.sheet .close-panel:before {
	font-family: fontello;
	content: "";
	color: white;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.3);
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: block;
	font-size: 31px
}

@media print {
	div.pat-modal.sheet .close-panel {
		display: none !important
	}
}

@media screen {
	div.pat-modal.sheet .panel-content {
		overflow: auto;
		padding: 80px;
		background-color: white;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		box-sizing: border-box;
		box-shadow: 0 0 70px rgba(0, 0, 0, 0.5)
	}
}

@media print {
	div.pat-modal.sheet .panel-content {
		overflow: visible
	}
}

@media screen {
	div.pat-modal.sheet:before {
		position: absolute;
		top: -2000px;
		right: -2000px;
		bottom: -2000px;
		left: -2000px;
		content: ' ';
		z-index: -1;
		background-color: rgba(0, 0, 0, 0.15);
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(3px);
		animation: fadeIn 1s
	}
}

div.pat-modal.panel {
	position: fixed;
	z-index: 9998;
	max-width: 95%;
	width: 550px !important;
	height: auto !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
	animation: fadeIn 0.2s;
	background-color: transparent;
	border-radius: 0
}

div.pat-modal.panel.carousel .panel-content .panel-body {
	overflow-y: visible;
	max-height: auto;
	padding-bottom: 0
}

div.pat-modal.panel.carousel .panel-content .panel-body * {
	-webkit-user-select: none;
	user-select: none
}

div.pat-modal.panel.carousel .panel-content .panel-body.has-button-bar {
	padding-bottom: 20px
}

div.pat-modal.panel.carousel .panel-content .panel-body .pat-toolbar {
	margin-bottom: 30px;
	margin-top: -10px
}

div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel {
	margin-left: -30px;
	margin-right: -30px;
	margin-top: 0;
	margin-bottom: 0
}

div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list {
	position: static
}

div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track {
	position: static;
	transform: none !important
}

div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track .slick-slide {
	padding: 0 30px;
	max-height: calc(100vh - 390px);
	overflow-y: auto;
	position: static
}

div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track .slick-slide .sheet-content.has-button-bar {
	padding-bottom: 80px
}

div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track .slick-slide .sheet-content .modal-panel-main-button-bar {
	position: absolute;
	bottom: 0;
	right: 30px;
	left: 30px;
	margin: 0;
	padding-top: 20px;
	border-top: 1px silver solid;
	background-color: white;
	display: none
}

div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track .slick-slide.slick-current .sheet-content .modal-panel-main-button-bar {
	display: block
}

div.pat-modal.panel.carousel .panel-content .panel-body .container>.button-bar:last-child,
div.pat-modal.panel.carousel .panel-content .panel-body .container .main.button-bar {
	position: relative !important;
	bottom: 0;
	border-top: 1px solid silver
}

div.pat-modal.panel.carousel .panel-content .panel-body .slick-slide:not(.slick-active) .sheet-content>.button-bar:last-child {
	opacity: 0
}

div.pat-modal.panel.small {
	animation: bounceInCentred 0.5s
}

div.pat-modal.panel.medium {
	width: 900px !important
}

div.pat-modal.panel.large {
	width: 1200px !important
}

div.pat-modal.panel.large.object {
	height: calc(100vh - 80px) !important;
	height: 100%;
	box-sizing: border-box
}

div.pat-modal.panel.large.object object {
	height: 100%;
	width: 100%
}

div.pat-modal.panel.large.object .panel-content {
	box-sizing: border-box;
	height: 100%
}

div.pat-modal.panel.full {
	width: 95% !important
}

div.pat-modal.panel>.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

div.pat-modal.panel>.header h1 {
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 20px;
	text-overflow: ellipsis;
	overflow: hidden
}

div.pat-modal.panel>.header .button-fullscreen,
div.pat-modal.panel>.header .close-panel {
	display: none;
	position: absolute;
	top: 15px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	background-color: #01689b;
	color: transparent
}

div.pat-modal.panel>.header .button-fullscreen:hover,
div.pat-modal.panel>.header .close-panel:hover {
	background-color: #014668
}

div.pat-modal.panel>.header .button-fullscreen:before,
div.pat-modal.panel>.header .close-panel:before {
	font-family: fontello;
	content: "";
	color: #fff;
	font-size: 24px;
	width: 100%;
	display: block;
	text-align: center
}

div.pat-modal.panel>.header .button-fullscreen {
	right: 65px
}

div.pat-modal.panel>.header .button-fullscreen:before {
	content: ""
}

div.pat-modal.panel>.header .close-panel {
	right: 15px
}

div.pat-modal.panel>.header .close-panel:before {
	content: ""
}

div.pat-modal.panel.object>.header .close-panel,
div.pat-modal.panel.object>.header .button-fullscreen {
	display: block
}

div.pat-modal.panel.object:-webkit-full-screen {
	width: 100%;
	height: 100%;
	background-color: black;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

div.pat-modal.panel.object:-ms-fullscreen {
	width: 100%;
	height: 100%;
	background-color: black;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

div.pat-modal.panel.object:fullscreen {
	width: 100%;
	height: 100%;
	background-color: black;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

div.pat-modal.panel .panel-content {
	background: white;
	box-shadow: 0 2px 50px rgba(0, 0, 0, 0.7);
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding-top: 68px;
	border-radius: 0
}

div.pat-modal.panel .panel-content .panel-body {
	max-height: calc(100vh - 250px);
	overflow-y: auto;
	padding-top: 7px
}

div.pat-modal.panel .panel-content .panel-body>.button-bar:last-child,
div.pat-modal.panel .panel-content .panel-body .container>.button-bar:last-child,
div.pat-modal.panel .panel-content .panel-body .container>form>.button-bar:last-child,
div.pat-modal.panel .panel-content .panel-body .container>.panel-sheets>.sheet-content>form>.button-bar:last-child {
	position: -webkit-sticky !important;
	position: sticky !important;
	bottom: -21px;
	margin-bottom: -20px;
	background: white;
	padding-bottom: 10px;
	padding-top: 20px;
	border-top: 1px solid white;
	z-index: 10
}

div.pat-modal.panel .panel-content .panel-body>.button-bar:last-child.bumped,
div.pat-modal.panel .panel-content .panel-body .container>.button-bar:last-child.bumped,
div.pat-modal.panel .panel-content .panel-body .container>form>.button-bar:last-child.bumped,
div.pat-modal.panel .panel-content .panel-body .container>.panel-sheets>.sheet-content>form>.button-bar:last-child.bumped {
	border-top: 1px solid silver
}

div.pat-modal.panel .panel-content>.button-bar,
div.pat-modal.panel .panel-content .container>.button-bar {
	margin: 0;
	padding-bottom: 5px
}

div.pat-modal.panel:after {
	position: fixed;
	top: -2000px;
	right: -2000px;
	bottom: -2000px;
	left: -2000px;
	content: ' ';
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.15);
	-webkit-backdrop-filter: blur(3px) saturate(0.5);
	backdrop-filter: blur(3px) saturate(0.5);
	animation: fadeIn 1s
}

div.pat-modal.panel .panel-body {
	padding-bottom: 20px
}

div.pat-modal.panel .panel-footer {
	padding-bottom: 10px
}

div.pat-modal.panel .panel-footer .container:before {
	content: ' ';
	height: 1px;
	display: block;
	margin-bottom: 20px;
	background: silver
}

div.pat-modal.panel .panel-footer .container .pat-button {
	margin: 0 10px 10px 0
}

div.pat-modal.panel .panel-footer .container .float-after {
	margin-right: 0;
	float: right
}

div.pat-modal.panel .container {
	padding: 0 30px
}

div.pat-modal:not(.panel):not(.sheet),
div.pat-modal.document-content:not(.panel):not(.sheet) {
	background-color: rgba(255, 255, 255, 0.95);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	z-index: 9998;
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;
	left: 0 !important
}

.backdropfilter div.pat-modal:not(.panel):not(.sheet),
.backdropfilter div.pat-modal.document-content:not(.panel):not(.sheet) {
	background-color: rgba(255, 255, 255, 0.15);
	-webkit-backdrop-filter: blur(100px) saturate(4) brightness(1.2);
	backdrop-filter: blur(100px) saturate(4) brightness(1.2)
}

div.pat-modal:not(.panel):not(.sheet) .filter-bar,
div.pat-modal.document-content:not(.panel):not(.sheet) .filter-bar {
	margin-bottom: 2em
}

div.pat-modal:not(.panel):not(.sheet) .filter-bar input[type=search],
div.pat-modal.document-content:not(.panel):not(.sheet) .filter-bar input[type=search] {
	float: right;
	width: 14em
}

div.pat-modal:not(.panel):not(.sheet) .header,
div.pat-modal.document-content:not(.panel):not(.sheet) .header {
	color: gray;
	padding: 0;
	position: relative;
	z-index: 2;
	background-color: transparent;
	height: 0
}

div.pat-modal:not(.panel):not(.sheet) .header *,
div.pat-modal.document-content:not(.panel):not(.sheet) .header * {
	display: none
}

div.pat-modal:not(.panel):not(.sheet) .header .close-panel,
div.pat-modal.document-content:not(.panel):not(.sheet) .header .close-panel {
	position: absolute;
	top: 1.5em;
	right: 1.5em;
	width: 3em;
	height: 3em;
	color: transparent !important;
	filter: none;
	border: none;
	background: none;
	outline: none;
	display: block;
	overflow: visible;
	padding: 0;
	margin: 0;
	opacity: 0.4;
	transition: transform 0.2s ease-out;
	z-index: 2;
	font-size: 10px;
	font-size: 20px;
	background: none
}

div.pat-modal:not(.panel):not(.sheet) .header .close-panel:active,
div.pat-modal.document-content:not(.panel):not(.sheet) .header .close-panel:active {
	box-shadow: inherit;
	transform: scale(0.6);
	box-shadow: none
}

div.pat-modal:not(.panel):not(.sheet) .header .close-panel:hover,
div.pat-modal.document-content:not(.panel):not(.sheet) .header .close-panel:hover {
	opacity: 1
}

div.pat-modal:not(.panel):not(.sheet) .header .close-panel:before,
div.pat-modal.document-content:not(.panel):not(.sheet) .header .close-panel:before {
	font-family: fontello;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 2.5em;
	color: black;
	text-indent: 0
}

div.pat-modal:not(.panel):not(.sheet).small .panel-content .container,
div.pat-modal:not(.panel):not(.sheet)>.panel-content .panel-class-small .container,
div.pat-modal.document-content:not(.panel):not(.sheet).small .panel-content .container,
div.pat-modal.document-content:not(.panel):not(.sheet)>.panel-content .panel-class-small .container {
	max-width: 640px
}

div.pat-modal:not(.panel):not(.sheet).small>.panel-content>h1,
div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small,
div.pat-modal.document-content:not(.panel):not(.sheet).small>.panel-content>h1,
div.pat-modal.document-content:not(.panel):not(.sheet) h1.panel-class-small {
	max-width: 530px
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {

	div.pat-modal:not(.panel):not(.sheet).small>.panel-content>h1,
	div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small,
	div.pat-modal.document-content:not(.panel):not(.sheet).small>.panel-content>h1,
	div.pat-modal.document-content:not(.panel):not(.sheet) h1.panel-class-small {
		max-width: 580px;
		padding: 0 2.25em
	}
}

div.pat-modal:not(.panel):not(.sheet).medium .panel-content .container,
div.pat-modal:not(.panel):not(.sheet)>.panel-content .panel-class-small .container,
div.pat-modal.document-content:not(.panel):not(.sheet).medium .panel-content .container,
div.pat-modal.document-content:not(.panel):not(.sheet)>.panel-content .panel-class-small .container {
	max-width: 840px
}

div.pat-modal:not(.panel):not(.sheet).medium>.panel-content>h1,
div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small,
div.pat-modal.document-content:not(.panel):not(.sheet).medium>.panel-content>h1,
div.pat-modal.document-content:not(.panel):not(.sheet) h1.panel-class-small {
	max-width: 730px
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {

	div.pat-modal:not(.panel):not(.sheet).medium>.panel-content>h1,
	div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small,
	div.pat-modal.document-content:not(.panel):not(.sheet).medium>.panel-content>h1,
	div.pat-modal.document-content:not(.panel):not(.sheet) h1.panel-class-small {
		max-width: 780px;
		padding: 0 2.25em
	}
}

div.pat-modal:not(.panel):not(.sheet)>.panel-content,
div.pat-modal.document-content:not(.panel):not(.sheet)>.panel-content {
	background-color: transparent;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	max-height: 100%;
	display: block;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	opacity: 0;
	padding: 5em 3em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transform: scale(1.5) translate(-50%, -50%);
	-webkit-transform: scale(1.5) translate(-50%, -50%);
	transform: scale(1.5) translate(-50%, -50%);
	transform-origin: 0;
	-moz-transition: 0.2s all;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch
}

div.pat-modal:not(.panel):not(.sheet)>.panel-content>*,
div.pat-modal.document-content:not(.panel):not(.sheet)>.panel-content>* {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto
}

div.pat-modal:not(.panel):not(.sheet)>.panel-content>h1,
div.pat-modal.document-content:not(.panel):not(.sheet)>.panel-content>h1 {
	max-width: 1280px;
	font-weight: 200;
	font-size: 2em;
	line-height: 1.3;
	margin-bottom: 0.7em;
	padding: 0 3em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (max-width: 769px) {

	div.pat-modal:not(.panel):not(.sheet)>.panel-content>h1,
	div.pat-modal.document-content:not(.panel):not(.sheet)>.panel-content>h1 {
		display: none
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {

	div.pat-modal:not(.panel):not(.sheet)>.panel-content>h1,
	div.pat-modal.document-content:not(.panel):not(.sheet)>.panel-content>h1 {
		padding: 0 2.25em
	}
}

@media only screen and (min-width: 1280px) {

	div.pat-modal:not(.panel):not(.sheet)>.panel-content>h1,
	div.pat-modal.document-content:not(.panel):not(.sheet)>.panel-content>h1 {
		padding: 0 6.7rem
	}
}

@media only screen and (max-width: 769px) {

	div.pat-modal:not(.panel):not(.sheet)>.panel-content,
	div.pat-modal.document-content:not(.panel):not(.sheet)>.panel-content {
		padding: 5em 1.5rem
	}
}

.modal-active div.pat-modal:not(.panel):not(.sheet)>.panel-content,
.modal-active div.pat-modal.document-content:not(.panel):not(.sheet)>.panel-content {
	-moz-transform: scale(1) translate(-50%, -50%);
	-webkit-transform: scale(1) translate(-50%, -50%);
	transform: scale(1) translate(-50%, -50%);
	opacity: 1
}

div.pat-modal:not(.panel):not(.sheet).max-height>.panel-content,
div.pat-modal.document-content:not(.panel):not(.sheet).max-height>.panel-content {
	height: 100%
}

div.pat-modal:not(.panel):not(.sheet) img,
div.pat-modal.document-content:not(.panel):not(.sheet) img {
	max-width: 100%
}

div.pat-modal:not(.panel):not(.sheet) .wizard-box,
div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box {
	padding: 0
}

div.pat-modal:not(.panel):not(.sheet) .wizard-box .panel-body,
div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box .panel-body {
	padding: 0 3em 0;
	margin-bottom: 0;
	margin-top: 0
}

@media only screen and (max-width: 769px) {

	div.pat-modal:not(.panel):not(.sheet) .wizard-box .panel-body,
	div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box .panel-body {
		padding: 5em 1em 0
	}
}

div.pat-modal:not(.panel):not(.sheet) .wizard-box .panel-footer,
div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box .panel-footer {
	margin: 0;
	height: 1.6em;
	padding: 0.8em 3em
}

@media only screen and (max-width: 769px) {

	div.pat-modal:not(.panel):not(.sheet) .wizard-box .panel-footer,
	div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box .panel-footer {
		padding: 0.8em 1em
	}
}

div.pat-modal:not(.panel):not(.sheet).max-height .wizard-box,
div.pat-modal.document-content:not(.panel):not(.sheet).max-height .wizard-box {
	overflow: hidden
}

div.pat-modal:not(.panel):not(.sheet).max-height .wizard-box .panel-body,
div.pat-modal.document-content:not(.panel):not(.sheet).max-height .wizard-box .panel-body {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 5em 3em;
	overflow: auto
}

div.pat-modal:not(.panel):not(.sheet).max-height .wizard-box .panel-footer,
div.pat-modal.document-content:not(.panel):not(.sheet).max-height .wizard-box .panel-footer {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	border-top: 1px solid #dedede;
	background: rgba(255, 255, 255, 0.9);
	z-index: 10000
}

@media only screen and (max-width: 769px) {

	div.pat-modal:not(.panel):not(.sheet),
	div.pat-modal.document-content:not(.panel):not(.sheet) {
		width: 100% !important;
		height: 100% !important;
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		max-width: inherit !important;
		max-height: inherit !important;
		margin: 0 !important;
		border: none !important
	}

	div.pat-modal:not(.panel):not(.sheet)>.panel-content,
	div.pat-modal.document-content:not(.panel):not(.sheet)>.panel-content {
		height: 100%;
		padding-top: 4em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	div.pat-modal:not(.panel):not(.sheet) .wizard-box,
	div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box {
		overflow: hidden
	}

	div.pat-modal:not(.panel):not(.sheet) .header,
	div.pat-modal.document-content:not(.panel):not(.sheet) .header {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 2
	}

	div.pat-modal:not(.panel):not(.sheet) .panel-body,
	div.pat-modal.document-content:not(.panel):not(.sheet) .panel-body {
		position: absolute;
		top: 2em;
		bottom: 57px;
		right: 0;
		left: 0
	}

	div.pat-modal:not(.panel):not(.sheet) .panel-footer,
	div.pat-modal.document-content:not(.panel):not(.sheet) .panel-footer {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0
	}
}

.pat-notification-panel {
	width: 380px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	padding: 13px;
	margin-bottom: 1em;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
	display: block;
	border-radius: 0;
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(0, 0, 0, 0.8);
	border: 1px solid white;
	-webkit-backdrop-filter: blur(3px) saturate(0.5);
	backdrop-filter: blur(3px) saturate(0.5)
}

.pat-notification-panel button {
	font-family: "RO Sans";
	margin: 0 0.5em 0 0;
	border: none;
	cursor: default;
	border-radius: 0;
	background-image: none;
	text-decoration: none;
	line-height: 44px;
	white-space: nowrap;
	display: inline-block;
	padding: 0 1em;
	font-size: 1em;
	vertical-align: text-bottom;
	font-weight: normal;
	box-shadow: none;
	color: #01689a;
	background-color: #f2f2f2;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	padding: 0 0.8em;
	line-height: 29px;
	vertical-align: baseline
}

.pat-notification-panel button:not([disabled]):hover {
	color: #01689a;
	background-color: #ededed
}

.pat-notification-panel button.default {
	color: #fff;
	background-color: #01689b;
	box-shadow: none
}

.pat-notification-panel button.default:not([disabled]):hover {
	background-color: #014668;
	color: #fff
}

.pat-notification-panel button[disabled],
.pat-notification-panel button.disabled,
.pat-notification-panel button.default[disabled],
.pat-notification-panel button.default.disabled {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

.pat-notification-panel button[disabled]:hover,
.pat-notification-panel button.disabled:hover,
.pat-notification-panel button.default[disabled]:hover,
.pat-notification-panel button.default.disabled:hover {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

@media print {
	.pat-notification-panel button {
		display: none
	}
}

.pat-notification-panel button:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover {
	text-decoration: none;
	color: #01689a
}

.pat-notification-panel button.small {
	font-size: 18px;
	padding: 0 0.8em;
	height: 29px;
	line-height: 29px;
	vertical-align: baseline;
	box-shadow: none;
	font-weight: normal
}

.pat-notification-panel button:focus {
	outline: none;
	box-shadow: none
}

.pat-notification-panel button:not[disabled]:active {
	box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4)
}

.pat-notification-panel button.iconified {
	width: 30px;
	padding: 0
}

.pat-notification-panel button.iconified:before {
	width: 100%;
	text-align: center;
	line-height: 44px
}

.pat-notification-panel button.link {
	padding: 0;
	display: inline;
	background: none;
	color: #01689b;
	line-height: inherit;
	text-decoration: underline;
	vertical-align: baseline;
	cursor: pointer
}

.pat-notification-panel button.link:hover {
	background: none;
	text-decoration: underline !important;
	color: #000203
}

.pat-notification-panel button.no-label {
	padding-left: 0;
	padding-right: 0;
	width: 1.7em;
	text-overflow: clip
}

.pat-notification-panel button.no-label:before {
	width: 100%;
	text-align: center;
	margin: 0 1em 0 0
}

@media only screen and (max-width: 769px) {
	.pat-notification-panel {
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}

.pat-notification-panel a {
	text-decoration: underline
}

.pat-notification-panel.notice {
	background-color: #fdf6bb
}

.pat-notification-panel.success {
	background-color: #e1eddb;
	color: #598643
}

.pat-notification-panel.success * {
	color: #598643 !important
}

.pat-notification-panel.warning {
	background-color: #fbead9
}

.pat-notification-panel.warning * {
	color: #150a00 !important
}

.pat-notification-panel.error {
	background-color: #FFC8C8
}

.pat-notification-panel.error * {
	color: #900 !important
}

.pat-notification-panel.info {
	background-color: #d9edf7;
	color: #247fad
}

.pat-notification-panel p:last-of-type {
	margin-bottom: 0
}

#pat-notification-banners {
	position: fixed;
	top: 0;
	right: 0;
	padding: 15px 0;
	overflow: auto;
	z-index: 2147483647;
	max-height: calc(100vh - 0)
}

@media only screen and (max-width: 769px) {
	#pat-notification-banners {
		left: 0
	}
}

#pat-notification-banners .pat-notification-panel {
	padding-right: 55px;
	position: relative;
	margin-left: 15px;
	margin-right: 15px
}

#pat-notification-banners .close-panel {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	color: transparent !important;
	position: absolute;
	top: 1.5em;
	right: 1.5em;
	width: 3em;
	height: 3em;
	color: transparent !important;
	filter: none;
	border: none;
	background: none;
	outline: none;
	display: block;
	overflow: visible;
	padding: 0;
	margin: 0;
	opacity: 0.4;
	transition: transform 0.2s ease-out;
	z-index: 2;
	font-size: 10px
}

#pat-notification-banners .close-panel:active {
	box-shadow: inherit;
	transform: scale(0.6);
	box-shadow: none
}

#pat-notification-banners .close-panel:hover {
	opacity: 1
}

#pat-notification-banners .close-panel:before {
	font-family: fontello;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 2.5em;
	color: black;
	text-indent: 0
}

div.ProseMirror {
	outline: none !important
}

body div.ProseMirror {
	-webkit-user-select: text;
	user-select: text
}

.pat-rich-editor {
	width: 100%;
	position: relative
}

.pat-form .pat-rich-editor:not(.toolbar-detached) {
	padding-top: calc(44px + 15px)
}

.pat-rich-editor .tiptap-menubar {
	display: none
}

.pat-rich-editor .canvas-toolbar.inline,
.pat-rich-editor .pat-toolbar.inline {
	background-color: rgba(0, 0, 0, 0.06);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding: 4px 5px;
	font-size: 18px
}

.pat-rich-editor .canvas-toolbar.inline .canvas-toolbar-section.editor,
.pat-rich-editor .pat-toolbar.inline .canvas-toolbar-section.editor {
	font-size: 0.8em
}

.pat-rich-editor .canvas-toolbar.inline .pat-toolbar-section.editor,
.pat-rich-editor .pat-toolbar.inline .pat-toolbar-section.editor {
	font-size: 0.8em
}

.pat-screenshot {
	margin: -10px -10px 2em;
	overflow: hidden;
	position: relative;
	padding: 11px
}

.pat-screenshot:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: ' ';
	z-index: 1
}

.pat-screenshot.allow-interaction:before {
	display: none
}

.pat-screenshot.allow-interaction object {
	-webkit-user-select: auto;
	user-select: auto;
	pointer-events: auto
}

.pat-screenshot figcaption {
	position: relative;
	z-index: 2
}

.pat-screenshot figcaption .icon {
	height: 1em;
	margin-right: 0.2em;
	vertical-align: middle
}

.pat-screenshot object {
	width: 1280px;
	height: 800px;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
	margin: 0;
	background-color: white
}

.pat-screenshot .passe-partout {
	margin-top: 1px;
	width: 1280px;
	height: 800px;
	overflow: hidden;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

.pat-screenshot .passe-partout.cutout object {
	transform: scale(2)
}

.pat-screenshot .passe-partout.cut-tl object {
	transform-origin: top left
}

.pat-screenshot .passe-partout.cut-tr object {
	transform-origin: top right
}

.pat-screenshot .passe-partout.cut-br object {
	transform-origin: bottom right
}

.pat-screenshot .passe-partout.cut-bl object {
	transform-origin: bottom left
}

.pat-screenshot.type-app-icon {
	margin-bottom: 0;
	margin-top: 20px
}

.pat-screenshot.type-app-icon .auto-scale-wrapper {
	margin-bottom: -10px
}

.pat-screenshot.type-app-icon .passe-partout,
.pat-screenshot.type-app-icon object {
	height: 480px;
	box-shadow: none
}

.pat-screenshot.browser-window {
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 3px 16px rgba(0, 0, 0, 0.2);
	position: relative;
	overflow: hidden;
	border: 1px solid silver;
	padding: 0
}

.pat-screenshot.browser-window .auto-scale-wrapper,
.pat-screenshot.browser-window img {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow: hidden;
	border-top: 35px solid rgba(192, 192, 192, 0.8)
}

@media only screen and (max-width: 769px) {

	.pat-screenshot.browser-window .auto-scale-wrapper,
	.pat-screenshot.browser-window img {
		border-top: 25px solid rgba(192, 192, 192, 0.8)
	}
}

.pat-screenshot.browser-window object {
	box-shadow: none;
	background-color: white
}

.pat-screenshot.browser-window img {
	display: block;
	width: 100%
}

.pat-screenshot.browser-window:before,
.pat-screenshot.browser-window:after {
	line-height: 24px;
	height: 24px;
	text-align: center;
	display: inline-block;
	position: absolute;
	top: 4px;
	border-radius: 6px;
	border: rgba(0, 0, 0, 0.25) 1px solid
}

.pat-screenshot.browser-window:before {
	content: "";
	font-family: fontello;
	width: 48px;
	left: 14px;
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(0, 0, 0, 0.5);
	font-size: 29px
}

@media only screen and (max-width: 769px) {
	.pat-screenshot.browser-window:before {
		transform: scale(0.65);
		transform-origin: top left
	}
}

.pat-screenshot.browser-window:after {
	content: attr(data-url);
	background-color: white;
	left: 120px;
	right: 120px;
	font-size: 15px;
	padding: 0 25px;
	overflow: hidden;
	white-space: nowrap
}

.data-table-top {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 0.3em;
	overflow: hidden
}

.data-table-top:after {
	content: ' ';
	display: table;
	clear: both
}

.data-table-top .dataTables_info {
	float: left
}

.data-table-top .dataTables_filter {
	float: right;
	color: transparent
}

.data-table-top .dataTables_filter input {
	background-color: rgba(0, 0, 0, 0.09);
	padding: 0 0.2em;
	font-size: 18px;
	border: none;
	outline: none;
	line-height: 30px;
	border-radius: 0;
	margin-right: 0;
	color: black
}

.data-table-bottom {
	font-size: 20px;
	line-height: 30px;
	margin-top: 0.3em;
	margin-bottom: 1em;
	line-height: 44px
}

.data-table-bottom:after {
	content: ' ';
	display: table;
	clear: both
}

.data-table-bottom .dataTables_paginate {
	float: left
}

.data-table-bottom .dataTables_paginate .paginate_button {
	display: inline-block;
	padding: 0;
	cursor: pointer;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	border-radius: 0
}

.data-table-bottom .dataTables_paginate .paginate_button:hover {
	background-color: rgba(0, 0, 0, 0.09)
}

.data-table-bottom .dataTables_paginate .paginate_button.current {
	background-color: #e17000;
	color: white
}

.data-table-bottom .dataTables_length {
	float: right
}

.data-table-bottom .dataTables_length select {
	font-size: 18px
}

.pat-sortable-table thead th {
	cursor: default
}

.pat-sortable-table thead th.sorting,
.pat-sortable-table thead th.sorting_asc,
.pat-sortable-table thead th.sorting-asc,
.pat-sortable-table thead th.sorting_desc,
.pat-sortable-table thead th.sorting-desc {
	position: relative;
	padding-right: 30px;
	top: 0
}

.pat-sortable-table thead th.sorting:focus,
.pat-sortable-table thead th.sorting_asc:focus,
.pat-sortable-table thead th.sorting-asc:focus,
.pat-sortable-table thead th.sorting_desc:focus,
.pat-sortable-table thead th.sorting-desc:focus {
	outline: none;
	cursor: default
}

.pat-sortable-table thead th.sorting:after,
.pat-sortable-table thead th.sorting_asc:after,
.pat-sortable-table thead th.sorting-asc:after,
.pat-sortable-table thead th.sorting_desc:after,
.pat-sortable-table thead th.sorting-desc:after {
	font-family: fontello;
	position: absolute;
	top: 50%;
	right: 0.5em;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	transform: translateY(-50%)
}

.pat-sortable-table thead th.sorting_asc:after,
.pat-sortable-table thead th.sorting-asc:after {
	content: ""
}

.pat-sortable-table thead th.sorting_desc:after,
.pat-sortable-table thead th.sorting-desc:after {
	content: ""
}

pre.pat-syntax-highlight {
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.75);
	color: white;
	padding: 10px 15px;
	overflow: auto;
	font-size: 18px;
	border-radius: 0
}

.pat-syntax-highlight {
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-user-select: auto;
	user-select: auto
}

.pat-syntax-highlight .str,
.pat-syntax-highlight .str {
	color: #65b042
}

.pat-syntax-highlight .kwd,
.pat-syntax-highlight .kwd {
	color: #e28964
}

.pat-syntax-highlight .com,
.pat-syntax-highlight .com {
	color: lightblue;
	font-style: italic
}

.pat-syntax-highlight .typ,
.pat-syntax-highlight .typ {
	color: #89bdff
}

.pat-syntax-highlight .lit,
.pat-syntax-highlight .lit {
	color: #3387cc
}

.pat-syntax-highlight .pun,
.pat-syntax-highlight .pun {
	color: #fff
}

.pat-syntax-highlight .pln,
.pat-syntax-highlight .pln {
	color: #fff
}

.pat-syntax-highlight .tag,
.pat-syntax-highlight .tag {
	color: #89bdff
}

.pat-syntax-highlight .atn,
.pat-syntax-highlight .atn {
	color: #bdb76b
}

.pat-syntax-highlight .atv,
.pat-syntax-highlight .atv {
	color: #65b042
}

.pat-syntax-highlight .dec,
.pat-syntax-highlight .dec {
	color: #3387cc
}

.pat-syntax-highlight pre.prettyprint,
.pat-syntax-highlight code.prettyprint {
	background-color: rgba(0, 0, 0, 0.2);
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	-khtml-border-radius: 0.3em;
	border-radius: 0.3em
}

.pat-syntax-highlight pre.prettyprint.light-bg,
.pat-syntax-highlight code.prettyprint.light-bg {
	background-color: rgba(0, 0, 0, 0.9)
}

.pat-syntax-highlight pre.prettyprint {
	display: block;
	margin: 0 0 2em 0;
	padding: 1em;
	white-space: pre-wrap
}

.pat-syntax-highlight ol.linenums {
	margin-top: 0;
	margin-bottom: 0;
	color: #aeaeae
}

.pat-syntax-highlight li.L0,
.pat-syntax-highlight li.L1,
.pat-syntax-highlight li.L2,
.pat-syntax-highlight li.L3,
.pat-syntax-highlight li.L5,
.pat-syntax-highlight li.L6,
.pat-syntax-highlight li.L7,
.pat-syntax-highlight li.L8 {
	list-style-type: none
}

@media print {

	.pat-syntax-highlight .str,
	.pat-syntax-highlight .str {
		color: #060
	}

	.pat-syntax-highlight .kwd,
	.pat-syntax-highlight .kwd {
		color: #006;
		font-weight: bold
	}

	.pat-syntax-highlight .com,
	.pat-syntax-highlight .com {
		color: #600;
		font-style: italic
	}

	.pat-syntax-highlight .typ,
	.pat-syntax-highlight .typ {
		color: #404;
		font-weight: bold
	}

	.pat-syntax-highlight .lit,
	.pat-syntax-highlight .lit {
		color: #044
	}

	.pat-syntax-highlight .pun,
	.pat-syntax-highlight .pun {
		color: #440
	}

	.pat-syntax-highlight .pln,
	.pat-syntax-highlight .pln {
		color: #000
	}

	.pat-syntax-highlight .tag,
	.pat-syntax-highlight .tag {
		color: #006;
		font-weight: bold
	}

	.pat-syntax-highlight .atn,
	.pat-syntax-highlight .atn {
		color: #404
	}

	.pat-syntax-highlight .atv,
	.pat-syntax-highlight .atv {
		color: #060
	}
}

.js select.pat-select,
.js label.pat-select select {
	padding: 0 75px 0 12px;
	display: inline-block;
	height: var(--select-box-height);
	line-height: var(--select-box-height);
	padding-top: var(--select-box-padding-top-bottom);
	padding-bottom: var(--select-box-padding-top-bottom);
	padding-left: var(--select-box-padding-right-left);
	padding-right: calc((var(--select-box-arrow-width) + var(--select-box-padding-right-left) / 2));
	position: relative;
	font-weight: normal !important;
	font-size: 0;
	position: relative;
	box-sizing: border-box;
	border: none;
	box-shadow: var(--select-box-box-shadow);
	outline: none;
	outline-offset: 2px;
	color: var(--select-box-arrow-text-colour);
	font-size: 100%;
	border-radius: 0;
	max-width: 100%;
	background-color: var(--select-box-background-color);
	border-radius: 0
}

.js select.pat-select[data-value="draft"],
.js label.pat-select select[data-value="draft"] {
	background-color: #fbead9
}

.js select.pat-select[data-value="draft"]:after,
.js label.pat-select select[data-value="draft"]:after {
	background-color: #f6d4b2
}

.js select.pat-select[data-value="draft"]:before,
.js select.pat-select[data-value="draft"]:after,
.js label.pat-select select[data-value="draft"]:before,
.js label.pat-select select[data-value="draft"]:after {
	color: #7b3d00
}

.js select.pat-select[data-value="draft"]:hover,
.js label.pat-select select[data-value="draft"]:hover {
	background-color: #f9ddc2
}

.js select.pat-select[data-value="draft"]:hover:after,
.js label.pat-select select[data-value="draft"]:hover:after {
	background-color: #f3c79b
}

.js select.pat-select[data-value="for-review"],
.js label.pat-select select[data-value="for-review"] {
	background-color: #f2d9e7
}

.js select.pat-select[data-value="for-review"]:after,
.js label.pat-select select[data-value="for-review"]:after {
	background-color: #e5b3d0
}

.js select.pat-select[data-value="for-review"]:before,
.js select.pat-select[data-value="for-review"]:after,
.js label.pat-select select[data-value="for-review"]:before,
.js label.pat-select select[data-value="for-review"]:after {
	color: #5d0035
}

.js select.pat-select[data-value="for-review"]:hover,
.js label.pat-select select[data-value="for-review"]:hover {
	background-color: #ecc6db
}

.js select.pat-select[data-value="for-review"]:hover:after,
.js label.pat-select select[data-value="for-review"]:hover:after {
	background-color: #dfa0c4
}

.js select.pat-select[data-value="published"],
.js select.pat-select.success,
.js label.pat-select select[data-value="published"],
.js label.pat-select select.success {
	background-color: #e1eddb;
	color: #1b4106
}

.js select.pat-select[data-value="published"]:after,
.js select.pat-select.success:after,
.js label.pat-select select[data-value="published"]:after,
.js label.pat-select select.success:after {
	background-color: #c4dbb6
}

.js select.pat-select[data-value="published"]:before,
.js select.pat-select[data-value="published"]:after,
.js select.pat-select.success:before,
.js select.pat-select.success:after,
.js label.pat-select select[data-value="published"]:before,
.js label.pat-select select[data-value="published"]:after,
.js label.pat-select select.success:before,
.js label.pat-select select.success:after {
	color: #1b4106
}

.js select.pat-select[data-value="published"]:hover,
.js select.pat-select[data-value="published"].tooltip-active-click,
.js select.pat-select.success:hover,
.js select.pat-select.success.tooltip-active-click,
.js label.pat-select select[data-value="published"]:hover,
.js label.pat-select select[data-value="published"].tooltip-active-click,
.js label.pat-select select.success:hover,
.js label.pat-select select.success.tooltip-active-click {
	background-color: #d3e5ca
}

.js select.pat-select[data-value="published"]:hover:after,
.js select.pat-select[data-value="published"].tooltip-active-click:after,
.js select.pat-select.success:hover:after,
.js select.pat-select.success.tooltip-active-click:after,
.js label.pat-select select[data-value="published"]:hover:after,
.js label.pat-select select[data-value="published"].tooltip-active-click:after,
.js label.pat-select select.success:hover:after,
.js label.pat-select select.success.tooltip-active-click:after {
	background-color: #b6d3a5
}

.js select.pat-select.locked:before,
.js label.pat-select select.locked:before {
	font-family: fontello;
	content: "";
	display: inline-block;
	margin-right: 5px;
	float: left;
	font-size: inherit
}

.js select.pat-select:hover,
.js label.pat-select select:hover {
	background-color: #ededed
}

.js select.pat-select:before,
.js label.pat-select select:before {
	font-size: 20px;
	content: attr(data-option);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block
}

.js select.pat-select select,
.js label.pat-select select select {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100% !important;
	width: 100% !important;
	opacity: 0;
	margin: 0;
	z-index: 1
}

.js select.pat-select select option,
.js label.pat-select select select option {
	font-size: initial;
	color: black
}

.js select.pat-select:after,
.js label.pat-select select:after {
	font-family: fontello;
	content: "";
	width: var(--select-box-arrow-width);
	background-color: var(--select-box-arrow-background-colour);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 18px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.js select.pat-select option:disabled,
.js label.pat-select select option:disabled {
	color: silver
}

.js label.pat-select.bare,
.js a.pat-select.bare {
	position: relative;
	cursor: default;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 35px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%
}

.js label.pat-select.bare:hover,
.js label.pat-select.bare.focus,
.js a.pat-select.bare:hover,
.js a.pat-select.bare.focus {
	text-decoration: none
}

@media print {

	.js label.pat-select.bare,
	.js a.pat-select.bare {
		background-image: none;
		padding-right: 0
	}
}

.js label.pat-select.bare:after,
.js a.pat-select.bare:after {
	content: ' ';
	padding-right: 35px;
	box-shadow: none !important;
	position: absolute;
	top: 2%;
	right: 0;
	bottom: 0;
	pointer-events: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-repeat: no-repeat;
	background-position: calc(100% - 13px) center;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYWFnXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNC42IDguOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQuNiA4Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDM2ODlCO3N0cm9rZS13aWR0aDozO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+Cjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjEuNSwxLjUgNy4zLDcuMyAxMy4xLDEuNSAiLz4KPC9zdmc+);
	background-size: auto 10px
}

.js label.pat-select.bare:before,
.js a.pat-select.bare:before {
	display: inline-block;
	content: attr(data-option);
	float: left;
	max-height: 100%;
	max-width: 100%;
	font-weight: normal;
	box-shadow: none !important;
	overflow: hidden;
	text-overflow: ellipsis
}

.js label.pat-select.bare select,
.js a.pat-select.bare select {
	opacity: 0;
	line-height: 1.5em;
	font-size: 1em;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	max-width: 100%;
	width: 100%;
	border-right: none
}

.pat-toolbar {
	color: rgba(0, 0, 0, 0.6);
	position: relative;
	z-index: 2;
	padding: 10px;
	border-radius: 0;
	font-size: 18px
}

@media only screen and (max-width: 769px) {
	.pat-toolbar {
		--toolbar-auto-hide-offset: -15px;
		--pat-toolbar-element-separation: 0;
		margin: -10px -10px 0
	}
}

@media only screen and (min-width: 770px) {
	.pat-toolbar {
		--toolbar-auto-hide-offset: -40px;
		--pat-toolbar-element-separation: 15px;
		height: 44px;
		margin: 0 -10px 40px
	}
}

.pat-toolbar:after {
	content: " ";
	display: table;
	clear: both
}

.pat-toolbar .toolbar-title {
	font-size: 26.4px;
	line-height: 44px;
	margin: 0;
	font-weight: bold;
	white-space: nowrap !important;
	max-width: 100%;
	box-sizing: border-box;
	text-overflow: ellipsis;
	text-decoration: none;
	display: inline-block;
	padding: 0 10px;
	color: black
}

.pat-toolbar .toolbar-title.auto-hide {
	opacity: 0;
	transition: all 1s
}

.pat-toolbar .toolbar-title.select {
	overflow: hidden;
	color: rgba(0, 0, 0, 0.8);
	cursor: default;
	padding-right: 1.5em;
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYWFnXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNC42IDguOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQuNiA4Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDM2ODlCO3N0cm9rZS13aWR0aDozO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+Cjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjEuNSwxLjUgNy4zLDcuMyAxMy4xLDEuNSAiLz4KPC9zdmc+);
	background-size: auto 10px
}

@media print {
	.pat-toolbar .toolbar-title.select {
		background-image: none
	}
}

.pat-toolbar .toolbar-title.select:hover {
	text-decoration: none;
	color: black
}

.pat-toolbar .toolbar-title .icon {
	height: 26.4px;
	width: auto;
	vertical-align: middle
}

.pat-toolbar .text-button {
	line-height: 44px;
	display: inline-block;
	cursor: default;
	border-radius: 0;
	padding: 0 1em;
	margin: 0 -15px
}

.pat-toolbar .text-button:before {
	margin-left: 0
}

.pat-toolbar .text-button:hover {
	color: black
}

.pat-toolbar .text-button.tooltip-active-click {
	background-color: #e17000;
	color: white
}

.pat-toolbar:focus {
	outline: none
}

.pat-modal .pat-toolbar {
	margin-bottom: 15px
}

.pat-toolbar.inline {
	margin: 0;
	padding: 0
}

.pat-toolbar.pat-bumper {
	-webkit-position: sticky;
	position: sticky;
	padding-top: 100px;
	margin-top: -100px;
	top: -1px;
	transition: top .4s
}

.scrolling-down .pat-toolbar.pat-bumper,
.scroll-down .pat-toolbar.pat-bumper {
	top: -55px;
	padding-top: 100px
}

.pat-toolbar.pat-bumper:before {
	position: absolute;
	left: -5px;
	right: -5px;
	top: 85px;
	bottom: -4px;
	border-radius: 0;
	transition: all 1s;
	box-shadow: 0 0 3px transparent;
	content: ' ';
	display: block;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: -1
}

.backdropfilter .pat-toolbar.pat-bumper:before {
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-backdrop-filter: blur(10px) saturate(4) brightness(1.2);
	backdrop-filter: blur(10px) saturate(4) brightness(1.2)
}

.pat-toolbar.pat-bumper.bumped:before,
.pat-toolbar.pat-bumper.tiptap-focus:before {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15)
}

.pat-toolbar.pat-bumper.bumped .toolbar-title.auto-hide,
.pat-toolbar.pat-bumper.tiptap-focus .toolbar-title.auto-hide {
	opacity: 1
}

.pat-toolbar.sticky {
	-webkit-position: sticky;
	position: sticky;
	transition: box-shadow 1s;
	transition: all 1s;
	top: var(--toolbar-auto-hide-offset)
}

.pat-toolbar.sticky.auto-hide {
	top: -150px;
	transition: all 0.4s
}

.pat-toolbar.sticky.auto-hide.tiptap-focus {
	top: var(--toolbar-auto-hide-offset)
}

@media screen and (min-height: 601px) {
	.scroll-up .pat-toolbar.sticky.auto-hide {
		top: var(--toolbar-auto-hide-offset)
	}
}

.pat-scroll-box:not(.scroll-position-top) .pat-toolbar.sticky,
.pat-toolbar.sticky.tiptap-focus {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
	background-color: rgba(255, 255, 255, 0.9)
}

.backdropfilter .pat-scroll-box:not(.scroll-position-top) .pat-toolbar.sticky,
.backdropfilter .pat-toolbar.sticky.tiptap-focus {
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-backdrop-filter: blur(10px) saturate(4) brightness(1.2);
	backdrop-filter: blur(10px) saturate(4) brightness(1.2)
}

.pat-toolbar .editor-toolbar {
	opacity: 0;
	transition: opacity 0.4s;
	pointer-events: none;
	position: relative;
	z-index: 1
}

.pat-toolbar .editor-toolbar.tiptap-focus {
	opacity: 1;
	pointer-events: initial
}

.pat-toolbar.tiptap-focus .editor-toolbar,
.pat-toolbar.inline .editor-toolbar {
	opacity: 1;
	pointer-events: all
}

.pat-toolbar .toolbar-navigation-area,
.pat-toolbar .toolbar-functions-area {
	display: grid;
	grid-template-columns: 1fr 4fr 1fr;
	grid-template-areas: "left middle right"
}

.pat-toolbar.type-document .toolbar-navigation-area,
.pat-toolbar.type-document .toolbar-functions-area {
	grid-template-columns: 1fr 0fr 4fr;
	grid-template-areas: "left middle right"
}

@media only screen and (max-width: 769px) {
	.pat-toolbar .toolbar-functions-area {
		grid-template-columns: auto 0 auto
	}
}

@media only screen and (min-width: 770px) {
	.pat-toolbar .toolbar-navigation-area {
		height: 0
	}
}

@media only screen and (max-width: 769px) {
	.pat-toolbar .toolbar-navigation-area {
		margin-bottom: 20px;
		grid-template-columns: 0 auto 0
	}
}

.pat-toolbar .toolbar-section {
	vertical-align: top;
	box-sizing: border-box
}

.pat-toolbar .toolbar-section * {
	white-space: normal
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls {
	box-shadow: none
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-month:before,
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-week:before,
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-day:before,
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listDay:before,
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listMonth:before {
	font-family: fontello;
	display: inline-block;
	margin-right: 5px
}

@media only screen and (max-width: 1279px) {

	.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-month,
	.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-week,
	.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-day,
	.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listDay,
	.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listMonth {
		width: 40px;
		overflow: hidden;
		padding: 0;
		color: transparent
	}

	.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-month:before,
	.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-week:before,
	.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-day:before,
	.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listDay:before,
	.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listMonth:before {
		width: 100%;
		text-align: center
	}
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-month:before {
	content: ""
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-day:before {
	content: ""
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-week:before {
	content: ""
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listDay:before,
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listMonth:before {
	content: "";
	margin-right: 4px
}

@media only screen and (max-width: 769px) {
	.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-today {
		width: 0.6em;
		color: transparent;
		line-height: 1.4
	}

	.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-today:before {
		font-family: fontello;
		content: "";
		text-align: center;
		color: black;
		font-size: 0.6em
	}
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-prev,
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-next {
	padding-left: 0;
	padding-right: 0;
	color: transparent;
	font-size: 0;
	width: 32px;
	text-align: center
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-prev:before,
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-next:before {
	content: '';
	font-family: fontello;
	font-size: 15px;
	display: block;
	margin: 0;
	text-align: center
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-prev {
	text-align: left
}

body[dir=rtl] .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-prev {
	text-align: right
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-prev:before {
	content: ""
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-next {
	text-align: right
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-next:before {
	content: ""
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-today {
	position: relative;
	width: 32px;
	padding-left: 0;
	padding-right: 0;
	color: transparent !important
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-today:before {
	content: ' ';
	display: block;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	background-color: black;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-today:after {
	left: 0;
	right: 0
}

.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-today.active:before {
	background-color: white
}

.pat-toolbar .toolbar-section.view-options {
	grid-area: left;
	min-width: 0
}

.pat-toolbar .toolbar-section.view-options .pat-button-cluster,
.pat-toolbar .toolbar-section.view-options .pat-buttton,
.pat-toolbar .toolbar-section.view-options>.icon {
	margin-right: var(--pat-toolbar-element-separation)
}

@media only screen and (max-width: 769px) {
	.pat-toolbar .toolbar-section.view-options {
		float: left;
		width: auto;
		margin-bottom: 15px
	}
}

.pat-toolbar .toolbar-section.quick-functions {
	text-align: right;
	grid-area: right
}

.pat-toolbar .toolbar-section.quick-functions>.icon,
.pat-toolbar .toolbar-section.quick-functions>.pat-subform .icon,
.pat-toolbar .toolbar-section.quick-functions>.pat-button,
.pat-toolbar .toolbar-section.quick-functions>.context-menu>.pat-button {
	margin-left: var(--pat-toolbar-element-separation);
	margin-right: 0;
	position: relative
}

.pat-toolbar .toolbar-section.navigation {
	grid-area: middle
}

@media only screen and (max-width: 769px) {
	.pat-toolbar .toolbar-section.navigation .pat-tabs {
		z-index: 2
	}
}

@media only screen and (min-width: 770px) {
	.pat-toolbar .toolbar-section.navigation {
		text-align: center
	}
}

.pat-toolbar .toolbar-section.navigation .pat-select {
	margin: 0;
	box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15)
}

@media print {
	.pat-toolbar {
		display: none
	}
}

.pat-toolbar .toolbar-section>label.pat-checklist {
	margin-left: 1em
}

.pat-toolbar .toolbar-section>label.pat-checklist:before {
	top: 22px
}

.pat-toolbar .toolbar-section>label.pat-checklist:hover {
	color: black
}

.pat-toolbar .pat-context-menu {
	display: inline-block
}

.pat-toolbar .pat-context-menu.no-label:before {
	background-color: #f2f2f2;
	color: #01689b
}

.pat-toolbar .pat-context-menu:hover.no-label:before {
	color: #01689b;
	text-decoration: none;
	background-color: #ededed
}

.pat-toolbar>.pat-select,
.pat-toolbar .toolbar-section>.pat-select,
.pat-toolbar .pat-context-menu>.context-menu-label,
.pat-toolbar>input[type="search"],
.pat-toolbar .toolbar-section label.pat-checklist {
	display: inline-block;
	vertical-align: top;
	height: 44px;
	line-height: 44px
}

.pat-toolbar>.pat-select.bare:before,
.pat-toolbar .toolbar-section>.pat-select.bare:before,
.pat-toolbar .pat-context-menu>.context-menu-label.bare:before,
.pat-toolbar>input[type="search"].bare:before,
.pat-toolbar .toolbar-section label.pat-checklist.bare:before {
	height: 44px;
	line-height: 44px
}

.pat-toolbar>.pat-select select,
.pat-toolbar .toolbar-section>.pat-select select,
.pat-toolbar .pat-context-menu>.context-menu-label select,
.pat-toolbar>input[type="search"] select,
.pat-toolbar .toolbar-section label.pat-checklist select {
	line-height: 44px;
	height: 44px;
	padding-top: 0;
	padding-bottom: 0
}

.pat-toolbar>.pat-select:not(.bare),
.pat-toolbar .toolbar-section>.pat-select:not(.bare) {
	--select-box-padding-top-bottom: 0;
	--select-box-box-shadow: none;
	--select-box-background-color: #f2f2f2;
	--select-box-arrow-text-colour: #01689b;
	--select-box-height: $pat-toolbar-button-line-height;
	--select-box-padding-right-left: 20px;
	padding: 0 75px 0 12px;
	display: inline-block;
	height: var(--select-box-height);
	line-height: var(--select-box-height);
	padding-top: var(--select-box-padding-top-bottom);
	padding-bottom: var(--select-box-padding-top-bottom);
	padding-left: var(--select-box-padding-right-left);
	padding-right: calc((var(--select-box-arrow-width) + var(--select-box-padding-right-left) / 2));
	position: relative;
	font-weight: normal !important;
	font-size: 0;
	position: relative;
	box-sizing: border-box;
	border: none;
	box-shadow: var(--select-box-box-shadow);
	outline: none;
	outline-offset: 2px;
	color: var(--select-box-arrow-text-colour);
	font-size: 100%;
	border-radius: 0;
	max-width: 100%;
	background-color: var(--select-box-background-color);
	border-radius: 0;
	line-height: 44px;
	white-space: nowrap;
	overflow: hidden;
	height: 44px
}

.pat-toolbar>.pat-select:not(.bare)[data-value="draft"],
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="draft"] {
	background-color: #fbead9
}

.pat-toolbar>.pat-select:not(.bare)[data-value="draft"]:after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="draft"]:after {
	background-color: #f6d4b2
}

.pat-toolbar>.pat-select:not(.bare)[data-value="draft"]:before,
.pat-toolbar>.pat-select:not(.bare)[data-value="draft"]:after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="draft"]:before,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="draft"]:after {
	color: #7b3d00
}

.pat-toolbar>.pat-select:not(.bare)[data-value="draft"]:hover,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="draft"]:hover {
	background-color: #f9ddc2
}

.pat-toolbar>.pat-select:not(.bare)[data-value="draft"]:hover:after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="draft"]:hover:after {
	background-color: #f3c79b
}

.pat-toolbar>.pat-select:not(.bare)[data-value="for-review"],
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="for-review"] {
	background-color: #f2d9e7
}

.pat-toolbar>.pat-select:not(.bare)[data-value="for-review"]:after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="for-review"]:after {
	background-color: #e5b3d0
}

.pat-toolbar>.pat-select:not(.bare)[data-value="for-review"]:before,
.pat-toolbar>.pat-select:not(.bare)[data-value="for-review"]:after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="for-review"]:before,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="for-review"]:after {
	color: #5d0035
}

.pat-toolbar>.pat-select:not(.bare)[data-value="for-review"]:hover,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="for-review"]:hover {
	background-color: #ecc6db
}

.pat-toolbar>.pat-select:not(.bare)[data-value="for-review"]:hover:after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="for-review"]:hover:after {
	background-color: #dfa0c4
}

.pat-toolbar>.pat-select:not(.bare)[data-value="published"],
.pat-toolbar>.pat-select:not(.bare).success,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="published"],
.pat-toolbar .toolbar-section>.pat-select:not(.bare).success {
	background-color: #e1eddb;
	color: #1b4106
}

.pat-toolbar>.pat-select:not(.bare)[data-value="published"]:after,
.pat-toolbar>.pat-select:not(.bare).success:after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="published"]:after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare).success:after {
	background-color: #c4dbb6
}

.pat-toolbar>.pat-select:not(.bare)[data-value="published"]:before,
.pat-toolbar>.pat-select:not(.bare)[data-value="published"]:after,
.pat-toolbar>.pat-select:not(.bare).success:before,
.pat-toolbar>.pat-select:not(.bare).success:after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="published"]:before,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="published"]:after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare).success:before,
.pat-toolbar .toolbar-section>.pat-select:not(.bare).success:after {
	color: #1b4106
}

.pat-toolbar>.pat-select:not(.bare)[data-value="published"]:hover,
.pat-toolbar>.pat-select:not(.bare)[data-value="published"].tooltip-active-click,
.pat-toolbar>.pat-select:not(.bare).success:hover,
.pat-toolbar>.pat-select:not(.bare).success.tooltip-active-click,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="published"]:hover,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="published"].tooltip-active-click,
.pat-toolbar .toolbar-section>.pat-select:not(.bare).success:hover,
.pat-toolbar .toolbar-section>.pat-select:not(.bare).success.tooltip-active-click {
	background-color: #d3e5ca
}

.pat-toolbar>.pat-select:not(.bare)[data-value="published"]:hover:after,
.pat-toolbar>.pat-select:not(.bare)[data-value="published"].tooltip-active-click:after,
.pat-toolbar>.pat-select:not(.bare).success:hover:after,
.pat-toolbar>.pat-select:not(.bare).success.tooltip-active-click:after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="published"]:hover:after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare)[data-value="published"].tooltip-active-click:after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare).success:hover:after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare).success.tooltip-active-click:after {
	background-color: #b6d3a5
}

.pat-toolbar>.pat-select:not(.bare).locked:before,
.pat-toolbar .toolbar-section>.pat-select:not(.bare).locked:before {
	font-family: fontello;
	content: "";
	display: inline-block;
	margin-right: 5px;
	float: left;
	font-size: inherit
}

.pat-toolbar>.pat-select:not(.bare):hover,
.pat-toolbar .toolbar-section>.pat-select:not(.bare):hover {
	background-color: #ededed
}

.pat-toolbar>.pat-select:not(.bare):before,
.pat-toolbar .toolbar-section>.pat-select:not(.bare):before {
	font-size: 20px;
	content: attr(data-option);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block
}

.pat-toolbar>.pat-select:not(.bare) select,
.pat-toolbar .toolbar-section>.pat-select:not(.bare) select {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100% !important;
	width: 100% !important;
	opacity: 0;
	margin: 0;
	z-index: 1
}

.pat-toolbar>.pat-select:not(.bare) select option,
.pat-toolbar .toolbar-section>.pat-select:not(.bare) select option {
	font-size: initial;
	color: black
}

.pat-toolbar>.pat-select:not(.bare):after,
.pat-toolbar .toolbar-section>.pat-select:not(.bare):after {
	font-family: fontello;
	content: "";
	width: var(--select-box-arrow-width);
	background-color: var(--select-box-arrow-background-colour);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 18px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.pat-toolbar>.pat-select:not(.bare) option:disabled,
.pat-toolbar .toolbar-section>.pat-select:not(.bare) option:disabled {
	color: silver
}

.pat-toolbar .pat-button,
.pat-toolbar .icon {
	display: inline-block;
	vertical-align: top;
	line-height: 44px;
	border: none;
	float: none;
	white-space: nowrap;
	font-size: 18px
}

.pat-toolbar .pat-button.meta-data-toggle,
.pat-toolbar .icon.meta-data-toggle {
	transition: transform 0.3s
}

.more-metadata .pat-toolbar .pat-button.meta-data-toggle,
.more-metadata .pat-toolbar .icon.meta-data-toggle {
	transform: scaleY(-1)
}

@media only screen and (max-width: 769px) {

	.pat-toolbar .pat-button,
	.pat-toolbar .icon {
		margin: 0 var(--pat-toolbar-element-separation) 0 0
	}
}

.pat-toolbar .pat-button:active,
.pat-toolbar .icon:active {
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15)
}

.pat-toolbar .pat-button:not(.active):not([disabled]):not(.default):hover,
.pat-toolbar .icon:not(.active):not([disabled]):not(.default):hover {
	color: #000
}

.pat-toolbar .pat-button.locked {
	position: relative;
	padding-right: 3em
}

.pat-toolbar .pat-button.locked:after {
	display: block;
	font-family: fontello;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 2em;
	text-align: center;
	background: #e17000;
	color: white;
	line-height: 44px
}

.pat-toolbar .pat-button.locked.active:after {
	content: ""
}

.pat-toolbar>.pat-button,
.pat-toolbar>.pat-icon,
.pat-toolbar>.pat-back-button,
.pat-toolbar>.pat-select,
.pat-toolbar>.pat-context-menu,
.pat-toolbar .toolbar-section>.pat-button,
.pat-toolbar .toolbar-section>.pat-icon,
.pat-toolbar .toolbar-section>.pat-back-button,
.pat-toolbar .toolbar-section>.pat-select,
.pat-toolbar .toolbar-section>.pat-context-menu,
.pat-toolbar .pat-toolbar-section>.pat-button,
.pat-toolbar .pat-toolbar-section>.pat-icon,
.pat-toolbar .pat-toolbar-section>.pat-back-button,
.pat-toolbar .pat-toolbar-section>.pat-select,
.pat-toolbar .pat-toolbar-section>.pat-context-menu {
	margin-right: var(--pat-toolbar-element-separation)
}

.pat-toolbar .pat-progress-bar {
	margin-top: 9px;
	width: 540px;
	float: left
}

.pat-toolbar .icon {
	font-family: fontello;
	text-indent: -1000em;
	width: 44px;
	height: 44px;
	position: relative;
	color: rgba(0, 0, 0, 0.6);
	cursor: default;
	line-height: 44px;
	border-radius: 0;
	display: inline-block;
	text-align: left;
	background-color: #f2f2f2;
	color: #01689b
}

body[dir=rtl] .pat-toolbar .icon {
	text-align: right
}

.pat-toolbar .icon.progress .pie-graph {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.pat-toolbar .icon.progress.pat-tooltip.tooltip-active-click {
	background-color: var(--colour-accent)
}

.pat-toolbar .icon.progress.pat-tooltip.tooltip-active-click .pie-graph {
	border-color: white
}

.pat-toolbar .icon:before {
	font-family: fontello;
	text-indent: 0;
	line-height: 45px;
	text-align: center;
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	border-radius: 0;
	box-sizing: border-box
}

.pat-toolbar .icon:hover {
	color: #01689b;
	text-decoration: none;
	background-color: #ededed
}

.pat-toolbar .icon:hover:before {
	color: #01689b
}

.pat-toolbar .icon.active {
	color: var(--colour-accent);
	box-shadow: none
}

.pat-toolbar .icon.active:before {
	color: var(--colour-accent)
}

.pat-toolbar .icon.warning {
	color: #e17000;
	box-shadow: none
}

.pat-toolbar .icon.warning:before {
	color: #e17000
}

.pat-toolbar .icon.pat-tooltip.tooltip-active-click:before {
	background-color: var(--colour-accent);
	color: white
}

.pat-toolbar .icon.create:before,
.pat-toolbar .icon.new:before {
	content: ""
}

.pat-toolbar .icon.back:before {
	content: ""
}

.pat-toolbar .icon.back+.toolbar-title {
	padding-left: 0
}

.pat-toolbar .icon.expand-all-sections:before,
.pat-toolbar .icon.collapse-all-sections:before {
	font-family: fontello;
	content: "";
	transform: rotate(90deg)
}

.pat-toolbar .icon.collapse-all-sections:before {
	transform: rotate(-90deg)
}

.pat-toolbar .icon.level-up:before {
	content: "";
	transform: scaleX(-100%)
}

.pat-toolbar .icon.level-up+.toolbar-title {
	padding-left: 0
}

.pat-toolbar .icon.edit:before {
	content: ""
}

.pat-toolbar .icon.preview:before {
	content: ""
}

.pat-toolbar .icon.settings:before {
	content: ""
}

.pat-toolbar .icon.modify:before {
	content: ""
}

.pat-toolbar .icon.more:before {
	content: ""
}

.pat-toolbar .icon.upload:before {
	content: ""
}

.pat-toolbar .icon.download:before {
	content: ""
}

.pat-toolbar .icon.card-view:before {
	content: ""
}

.pat-toolbar .icon.list-view:before {
	content: ""
}

.pat-toolbar .icon.language:before {
	content: ""
}

.pat-toolbar .icon.menu:before {
	content: ""
}

.pat-toolbar .pat-toolbar-local-search-box {
	width: 44px;
	margin-right: var(--pat-toolbar-element-separation);
	display: inline-block;
	padding: 0
}

.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel {
	overflow: hidden;
	width: 44px;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	float: right;
	margin: -54px -25px;
	transition: all 0.5s;
	box-shadow: 0 0 10px transparent
}

.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel .instance-counter {
	margin-top: -44px;
	transition: all 0.5s;
	opacity: 0
}

.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel .instance-counter a:hover {
	text-decoration: underline
}

@media only screen and (min-width: 770px) {
	.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel .instance-counter {
		width: 350px
	}
}

@media only screen and (max-width: 769px) {
	.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel .instance-counter {
		width: calc(100vw - 40px)
	}
}

.pat-toolbar .pat-toolbar-local-search-box.focus .instance-counter,
.pat-toolbar .pat-toolbar-local-search-box.has-value .instance-counter,
.pat-toolbar .pat-toolbar-local-search-box.fixed .instance-counter {
	margin-top: 0;
	opacity: 1
}

.pat-toolbar .pat-toolbar-local-search-box.focus .spotlight-sentinel,
.pat-toolbar .pat-toolbar-local-search-box.has-value .spotlight-sentinel,
.pat-toolbar .pat-toolbar-local-search-box.fixed .spotlight-sentinel {
	background-color: white;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

@media only screen and (min-width: 770px) {

	.pat-toolbar .pat-toolbar-local-search-box.focus .spotlight-sentinel,
	.pat-toolbar .pat-toolbar-local-search-box.has-value .spotlight-sentinel,
	.pat-toolbar .pat-toolbar-local-search-box.fixed .spotlight-sentinel {
		width: 350px
	}
}

@media only screen and (max-width: 769px) {

	.pat-toolbar .pat-toolbar-local-search-box.focus .spotlight-sentinel,
	.pat-toolbar .pat-toolbar-local-search-box.has-value .spotlight-sentinel,
	.pat-toolbar .pat-toolbar-local-search-box.fixed .spotlight-sentinel {
		width: calc(100vw - 40px)
	}
}

.pat-toolbar .pat-toolbar-search-field {
	width: 44px;
	height: 44px;
	position: relative;
	display: inline-block;
	z-index: 10;
	margin-left: var(--pat-toolbar-element-separation);
	vertical-align: top;
	font-size: 20px;
	background-color: #f2f2f2
}

.pat-toolbar .pat-toolbar-search-field:after {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 44px;
	width: 44px;
	text-align: center;
	font-family: fontello;
	content: "";
	font-size: 22px;
	transition: left 0.5s, padding-left 0.5s, transform 1s;
	color: #01689b
}

.pat-toolbar .pat-toolbar-search-field:hover {
	background-color: #ededed
}

.pat-toolbar .pat-toolbar-search-field:hover:after {
	color: #01689b
}

.pat-toolbar .pat-toolbar-search-field input {
	width: 44px;
	height: 44px;
	border-radius: 0;
	background: white;
	border: 1px silver solid;
	max-width: 1000px;
	position: absolute;
	top: 0;
	right: 0;
	transition: all 0.5s;
	opacity: 0;
	padding-left: 34px;
	margin: 0
}

.pat-toolbar .pat-toolbar-search-field input:focus {
	outline: none;
	box-shadow: none
}

.pat-toolbar .pat-toolbar-search-field.focus input,
.pat-toolbar .pat-toolbar-search-field.has-value input,
.pat-toolbar .pat-toolbar-search-field.fixed input {
	opacity: 1
}

@media only screen and (min-width: 770px) {

	.pat-toolbar .pat-toolbar-search-field.focus input,
	.pat-toolbar .pat-toolbar-search-field.has-value input,
	.pat-toolbar .pat-toolbar-search-field.fixed input {
		width: 350px
	}
}

@media only screen and (max-width: 769px) {

	.pat-toolbar .pat-toolbar-search-field.focus input,
	.pat-toolbar .pat-toolbar-search-field.has-value input,
	.pat-toolbar .pat-toolbar-search-field.fixed input {
		width: calc(100vw - 40px)
	}
}

.pat-toolbar .pat-toolbar-search-field.focus:after,
.pat-toolbar .pat-toolbar-search-field.has-value:after,
.pat-toolbar .pat-toolbar-search-field.fixed:after {
	color: gray;
	transform: scale(0.8)
}

@media only screen and (min-width: 770px) {

	.pat-toolbar .pat-toolbar-search-field.focus:after,
	.pat-toolbar .pat-toolbar-search-field.has-value:after,
	.pat-toolbar .pat-toolbar-search-field.fixed:after {
		left: -345px;
		padding-left: 40px
	}
}

@media only screen and (max-width: 769px) {

	.pat-toolbar .pat-toolbar-search-field.focus:after,
	.pat-toolbar .pat-toolbar-search-field.has-value:after,
	.pat-toolbar .pat-toolbar-search-field.fixed:after {
		left: calc(-1 * (100vw - 40px));
		padding-left: 40px
	}
}

.pat-toolbar .pat-toolbar-search-field.fixed {
	width: 258px
}

.pat-toolbar .pat-toolbar-search-field.fixed:after {
	left: -123px
}

textarea.pat-tiptap {
	opacity: 0
}

.ProseMirror-gapcursor {
	position: relative;
	display: block !important
}

.ProseMirror-gapcursor:after {
	content: " ";
	display: block;
	position: absolute;
	top: -2px;
	width: 20px;
	border-top: 1px solid black
}

.tiptap-container {
	animation: fadeIn 0.4s
}

.tiptap-container .ProseMirror {
	outline: none;
	cursor: text
}

.tiptap-container .ProseMirror>p:first-child[data-placeholder]:before {
	content: attr(data-placeholder);
	color: rgba(0, 0, 0, 0.4);
	float: right;
	width: 100%
}

.tiptap-container .ProseMirror-separator+.ProseMirror-trailingBreak,
.tiptap-container .ProseMirror-separator {
	display: none !important
}

.tiptap-container .collaboration-cursor__caret {
	border-left: 1px solid #0d0d0d;
	border-left-color: #0d0d0d;
	border-right: 1px solid #0d0d0d;
	border-right-color: #0d0d0d;
	margin-left: -1px;
	margin-right: -1px;
	pointer-events: none;
	position: relative;
	word-break: normal
}

.tiptap-container .collaboration-cursor__label {
	border-radius: 3px 3px 3px 0;
	color: #0d0d0d;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	left: -1px;
	line-height: normal;
	padding: .1rem .3rem;
	position: absolute;
	top: -1.4em;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	white-space: nowrap
}

.tippy-box[data-animation='fade'][data-state='hidden'] {
	opacity: 0
}

[data-tippy-root] {
	max-width: calc(100vw - 10px)
}

.tippy-box {
	position: relative;
	background-color: #333;
	color: white;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.4;
	outline: 0;
	transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^='top']>.tippy-arrow {
	bottom: 0
}

.tippy-box[data-placement^='top']>.tippy-arrow::before {
	bottom: -7px;
	left: 0;
	border-width: 8px 8px 0;
	border-top-color: initial;
	transform-origin: center top
}

.tippy-box[data-placement^='bottom']>.tippy-arrow {
	top: 0
}

.tippy-box[data-placement^='bottom']>.tippy-arrow::before {
	top: -7px;
	left: 0;
	border-width: 0 8px 8px;
	border-bottom-color: initial;
	transform-origin: center bottom
}

.tippy-box[data-placement^='left']>.tippy-arrow {
	right: 0
}

.tippy-box[data-placement^='left']>.tippy-arrow::before {
	border-width: 8px 0 8px 8px;
	border-left-color: initial;
	right: -7px;
	transform-origin: center left
}

.tippy-box[data-placement^='right']>.tippy-arrow {
	left: 0
}

.tippy-box[data-placement^='right']>.tippy-arrow::before {
	left: -7px;
	border-width: 8px 8px 8px 0;
	border-right-color: initial;
	transform-origin: center right
}

.tippy-box[data-inertia][data-state='visible'] {
	transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11)
}

.tippy-arrow {
	width: 16px;
	height: 16px;
	color: #333
}

.tippy-arrow::before {
	content: '';
	position: absolute;
	border-color: transparent;
	border-style: solid
}

.tippy-content {
	position: relative;
	padding: 5px 9px;
	z-index: 1
}

.tippy-box {
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 8, 16, 0.15);
	color: black;
	box-shadow: 0 4px 14px -2px rgba(0, 8, 16, 0.08);
	color: #000;
	font-size: 20px;
	border-radius: 0
}

.tippy-box>.tippy-backdrop {
	background-color: #fff
}

.tippy-box>.tippy-arrow::after,
.tippy-box>.tippy-svg-arrow::after {
	content: '';
	position: absolute;
	z-index: -1
}

.tippy-box .tippy-content {
	padding: 18px;
	max-height: calc(100vh - 100px);
	overflow: auto
}

.tippy-box .tippy-arrow {
	width: 22px;
	height: 22px
}

.tippy-box>.tippy-arrow::after {
	border-color: transparent;
	border-style: solid
}

.tippy-box[data-placement^='top']>.tippy-arrow::before {
	border-top-color: #fff
}

.tippy-box[data-placement^='top']>.tippy-arrow::after {
	border-top-color: rgba(0, 8, 16, 0.2);
	border-width: 8px 8px 0;
	top: 22px;
	left: 0
}

.tippy-box[data-placement^='top']>.tippy-svg-arrow>svg {
	top: 8px
}

.tippy-box[data-placement^='top']>.tippy-svg-arrow::after {
	top: 9px
}

.tippy-box[data-placement^='bottom']>.tippy-arrow::before {
	border-bottom-color: #fff;
	bottom: 22px;
	left: 3px;
	border-width: 0 8px 8px
}

.tippy-box[data-placement^='bottom']>.tippy-arrow::after {
	border-bottom-color: rgba(0, 8, 16, 0.2);
	border-width: 0 8px 8px;
	bottom: 23px;
	left: 3px
}

.tippy-box[data-placement^='bottom']>.tippy-svg-arrow>svg {
	bottom: 22px
}

.tippy-box[data-placement^='bottom']>.tippy-svg-arrow::after {
	bottom: 23px
}

.tippy-box[data-placement^='left']>.tippy-arrow::before {
	border-left-color: #fff
}

.tippy-box[data-placement^='left']>.tippy-arrow::after {
	border-left-color: rgba(0, 8, 16, 0.2);
	border-width: 8px 0 8px 8px;
	left: 22px;
	top: 0
}

.tippy-box[data-placement^='left']>.tippy-svg-arrow>svg {
	left: 11px
}

.tippy-box[data-placement^='left']>.tippy-svg-arrow::after {
	left: 12px
}

.tippy-box[data-placement^='right']>.tippy-arrow::before {
	border-right-color: #fff;
	right: 22px;
	top: 3px
}

.tippy-box[data-placement^='right']>.tippy-arrow::after {
	border-width: 8px 8px 8px 0;
	right: 23px;
	top: 3px;
	border-right-color: rgba(0, 8, 16, 0.2)
}

.tippy-box[data-placement^='right']>.tippy-svg-arrow>svg {
	right: 11px
}

.tippy-box[data-placement^='right']>.tippy-svg-arrow::after {
	right: 12px
}

.tippy-box>.tippy-svg-arrow {
	fill: white
}

.tippy-box>.tippy-svg-arrow::after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiIC8+PC9zdmc+);
	background-size: 8px 6px;
	width: 8px;
	height: 6px
}

.tooltip-container {
	overflow: visible;
	font-size: 1rem;
	padding: 0
}

@media print {
	.tooltip-container {
		display: none !important
	}
}

.tooltip-container .tippy-content {
	min-width: 250px;
	border-radius: 0
}

.tooltip-container .tippy-content>*:last-child {
	margin-bottom: 0
}

.tooltip-container ul.menu {
	list-style-type: none
}

.tooltip-container ul.menu li {
	line-height: 1.5em
}

.tooltip-container ul.menu li>button,
.tooltip-container ul.menu li>form>button,
.tooltip-container ul.menu li>fieldset.pat-checklist label,
.tooltip-container ul.menu li>a {
	background: none;
	display: block;
	color: #666;
	cursor: default;
	box-shadow: none;
	font-size: 1em;
	font-family: "RO Sans";
	padding-left: 22px
}

body[dir=rtl] .tooltip-container ul.menu li>button,
body[dir=rtl] .tooltip-container ul.menu li>form>button,
body[dir=rtl] .tooltip-container ul.menu li>fieldset.pat-checklist label,
body[dir=rtl] .tooltip-container ul.menu li>a {
	padding-left: 0;
	padding-right: 22px;
	text-align: right
}

.tooltip-container ul.menu li>button:hover,
.tooltip-container ul.menu li>form>button:hover,
.tooltip-container ul.menu li>fieldset.pat-checklist label:hover,
.tooltip-container ul.menu li>a:hover {
	text-decoration: none;
	color: black
}

.tooltip-container ul.menu li>button:active,
.tooltip-container ul.menu li>button.active,
.tooltip-container ul.menu li>form>button:active,
.tooltip-container ul.menu li>form>button.active,
.tooltip-container ul.menu li>fieldset.pat-checklist label:active,
.tooltip-container ul.menu li>fieldset.pat-checklist label.active,
.tooltip-container ul.menu li>a:active,
.tooltip-container ul.menu li>a.active {
	box-shadow: none
}

.tooltip-container ul.menu li>*.disabled,
.tooltip-container ul.menu li>*[disabled],
.tooltip-container ul.menu li>form>*.disabled,
.tooltip-container ul.menu li>form>*[disabled],
.tooltip-container ul.menu li>form>label>*.disabled,
.tooltip-container ul.menu li>form>label>*[disabled] {
	color: rgba(0, 0, 0, 0.2);
	cursor: default;
	-webkit-pointer-events: none;
	pointer-events: none
}

.tooltip-container ul.menu li>*.disabled:hover,
.tooltip-container ul.menu li>*.disabled:active,
.tooltip-container ul.menu li>*[disabled]:hover,
.tooltip-container ul.menu li>*[disabled]:active,
.tooltip-container ul.menu li>form>*.disabled:hover,
.tooltip-container ul.menu li>form>*.disabled:active,
.tooltip-container ul.menu li>form>*[disabled]:hover,
.tooltip-container ul.menu li>form>*[disabled]:active,
.tooltip-container ul.menu li>form>label>*.disabled:hover,
.tooltip-container ul.menu li>form>label>*.disabled:active,
.tooltip-container ul.menu li>form>label>*[disabled]:hover,
.tooltip-container ul.menu li>form>label>*[disabled]:active {
	color: rgba(0, 0, 0, 0.2) !important
}

.tooltip-container ul.menu li a:before,
.tooltip-container ul.menu li button:before {
	margin-left: -22px;
	float: left
}

body[dir=rtl] .tooltip-container ul.menu li a:before,
body[dir=rtl] .tooltip-container ul.menu li button:before {
	float: right;
	margin-right: -22px;
	margin-left: 0
}

.tooltip-container ul.menu li.current {
	color: white;
	background-color: #e17000;
	margin: 0 -10px;
	padding: 0 10px;
	border-radius: 0
}

.tooltip-container ul.menu li.current a {
	color: white
}

.tooltip-container ul.menu li:hover {
	text-decoration: none;
	color: black
}

.tooltip-container ul.menu li.file-upload {
	position: relative;
	text-indent: 20px;
	height: 25px;
	overflow: hidden
}

.tooltip-container ul.menu li.file-upload:before {
	content: "\e808";
	font-family: fontello;
	position: absolute;
	left: -13px
}

.tooltip-container ul.menu li.file-upload form {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.tooltip-container ul.menu li.file-upload form label {
	position: absolute;
	margin-left: 0;
	left: 0;
	overflow: hidden;
	display: block;
	right: 0;
	cursor: pointer;
	padding-left: 2px
}

.tooltip-container ul.menu li.file-upload form input {
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 0
}

.tooltip-container.label .tippy-content {
	text-align: center;
	min-width: 0;
	padding: 6px 10px
}

.tooltip-container .tippy-content {
	background-color: #fff
}

.tooltip-container [data-placement^='bottom'] .tippy-arrow {
	border-bottom-color: #fff
}

.tooltip-container [data-placement^='bottom'] .tippy-arrow::before {
	border-bottom-color: #fff
}

.tooltip-container [data-placement^='left'] .tippy-arrow {
	border-left-color: #fff
}

.tooltip-container [data-placement^='left'] .tippy-arrow::before {
	border-left-color: #fff
}

.tooltip-container [data-placement^='right'] .tippy-arrow {
	border-right-color: #fff
}

.tooltip-container [data-placement^='right'] .tippy-arrow::before {
	border-right-color: #fff
}

.tooltip-container [data-placement^='top'] .tippy-arrow {
	border-top-color: #fff
}

.tooltip-container [data-placement^='top'] .tippy-arrow::before {
	border-top-color: #fff
}

.tooltip-container.info .tippy-content {
	background-color: #fdf6bb;
	-webkit-hyphens: auto;
	hyphens: auto
}

.tooltip-container.info .tippy-content .pat-button.read-more {
	clear: both;
	margin-top: 14px;
	margin-bottom: -5px
}

.tooltip-container.info [data-placement^='bottom'] .tippy-arrow {
	border-bottom-color: #fdf6bb
}

.tooltip-container.info [data-placement^='bottom'] .tippy-arrow::before {
	border-bottom-color: #fdf6bb
}

.tooltip-container.info [data-placement^='left'] .tippy-arrow {
	border-left-color: #fdf6bb
}

.tooltip-container.info [data-placement^='left'] .tippy-arrow::before {
	border-left-color: #fdf6bb
}

.tooltip-container.info [data-placement^='right'] .tippy-arrow {
	border-right-color: #fdf6bb
}

.tooltip-container.info [data-placement^='right'] .tippy-arrow::before {
	border-right-color: #fdf6bb
}

.tooltip-container.info [data-placement^='top'] .tippy-arrow {
	border-top-color: #fdf6bb
}

.tooltip-container.info [data-placement^='top'] .tippy-arrow::before {
	border-top-color: #fdf6bb
}

.tooltip-container.rich .tippy-content:after {
	content: ' ';
	display: table;
	clear: both
}

.tooltip-container.rich .tippy-content h1,
.tooltip-container.rich .tippy-content h2,
.tooltip-container.rich .tippy-content p,
.tooltip-container.rich .tippy-content ul,
.tooltip-container.rich .tippy-content ol,
.tooltip-container.rich .tippy-content table,
.tooltip-container.rich .tippy-content dl,
.tooltip-container.rich .tippy-content pre {
	margin-bottom: 1em
}

.tooltip-container.rich .tippy-content a {
	text-decoration: underline
}

.tooltip-container.rich .tippy-content ul,
.tooltip-container.rich .tippy-content ol {
	counter-reset: oli
}

.tooltip-container.rich .tippy-content ul li,
.tooltip-container.rich .tippy-content ol li {
	margin-left: 0;
	padding-left: 1.5em
}

.tooltip-container.rich .tippy-content ul li:before,
.tooltip-container.rich .tippy-content ol li:before {
	content: "•";
	float: left;
	margin-left: -1.4em
}

.tooltip-container.rich .tippy-content ul li[class^="icon-"]:before,
.tooltip-container.rich .tippy-content ul li[class*=" icon-"]:before,
.tooltip-container.rich .tippy-content ol li[class^="icon-"]:before,
.tooltip-container.rich .tippy-content ol li[class*=" icon-"]:before {
	line-height: inherit;
	margin-left: -1.5em
}

.tooltip-container.rich .tippy-content ol li {
	counter-increment: oli
}

.tooltip-container.rich .tippy-content ol li:before {
	content: counter(oli) "."
}

.tooltip-container.rich .tippy-content h1 {
	font-weight: 600;
	font-size: 2em;
	line-height: 130%;
	margin-bottom: 0.7em;
	letter-spacing: 0.05em
}

.tooltip-container.rich .tippy-content h2 {
	font-size: 1.5em;
	line-height: 130%;
	letter-spacing: 0.05em;
	font-weight: 400;
	margin-bottom: 0.7em;
	letter-spacing: 0.05em
}

.tooltip-container.rich .tippy-content h3 {
	font-size: 1em;
	letter-spacing: 0.05em;
	font-weight: bold;
	margin-bottom: 1em
}

.tooltip-container.rich .tippy-content img,
.tooltip-container.rich .tippy-content video {
	max-width: 100%;
	margin: 0 auto;
	display: block
}

.tooltip-container.rich .tippy-content img.float-before,
.tooltip-container.rich .tippy-content video.float-before {
	margin-right: 1em;
	float: left;
	top: 0.2em;
	position: relative
}

.tooltip-container.rich .tippy-content img.float-after,
.tooltip-container.rich .tippy-content video.float-after {
	margin-left: 1em;
	float: right;
	top: 0.2em;
	position: relative
}

@media only screen and (min-width: 1280px) {

	.tooltip-container.rich .tippy-content img.medium,
	.tooltip-container.rich .tippy-content video.medium {
		width: 33%
	}
}

.tooltip-container.rich .tippy-content figure {
	margin-bottom: 2em
}

.tooltip-container.rich .tippy-content figure figcaption {
	font-style: italic;
	font-size: 0.7em;
	line-height: 1.3em;
	color: rgba(0, 0, 0, 0.3);
	border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
	padding: 0.4em 0.7em 0.4em
}

.tooltip-container.rich .tippy-content p,
.tooltip-container.rich .tippy-content h1,
.tooltip-container.rich .tippy-content h2,
.tooltip-container.rich .tippy-content h3,
.tooltip-container.rich .tippy-content ul,
.tooltip-container.rich .tippy-content ol,
.tooltip-container.rich .tippy-content table {
	margin-bottom: 0.5em
}

.tooltip-container.rich .tippy-content>*:not(.footer):last-child {
	margin-bottom: 0
}

.tooltip-container .item-selector {
	position: static
}

.tooltip-container .button-bar.bottom {
	position: absolute;
	bottom: 0;
	left: 0
}

.pat-upload {
	margin: 0
}

.pat-upload .row {
	margin-left: 0;
	margin-right: 0
}

.pat-upload h2.title,
.pat-upload p.help,
.pat-upload #fakeUploadFile,
.pat-upload .btn.btn-primary.browse,
.pat-upload .controls .progress {
	display: none
}

.pat-upload.upload .accessibility-options {
	position: absolute;
	opacity: 0;
	-webkit-pointer-events: none;
	pointer-events: none
}

.pat-upload .upload-area .dz-message p {
	display: block;
	padding: 3em 1em;
	margin-bottom: 1em !important;
	border: 0.2em rgba(0, 0, 0, 0.2) dashed;
	border-radius: 0;
	text-align: center;
	color: gray;
	cursor: default
}

.pat-upload .upload-area .dz-message p:before {
	content: "";
	font-family: fontello;
	display: inline-block;
	margin-right: 0.3em
}

.pat-upload .upload-area .dz-message p:active {
	background-color: #f2f2f2
}

.pat-upload .upload-area.dz-drag-hover .dz-message p {
	background-color: #f2f2f2
}

.pat-upload .upload-area .upload-queue .previews {
	margin-bottom: 1em
}

.pat-upload .upload-area .upload-queue .previews .dz-filename {
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block
}

.pat-upload .upload-area .upload-queue .previews .row {
	overflow: hidden;
	position: relative;
	color: #A31E39;
	-webkit-user-select: none;
	user-select: none;
	padding: 0.5em 2em 0.5em 3.6em;
	margin: 0 0 10px 0;
	position: relative;
	border-radius: 0;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15)
}

.pat-upload .upload-area .upload-queue .previews .row .info:before {
	content: '\e811';
	font-family: fontello;
	font-size: 1.4em;
	position: absolute;
	left: 0.8em;
	top: 50%;
	margin-top: -0.5em;
	font-weight: normal;
	-webkit-transition: 0.4s left;
	transition: 0.4s left
}

.pat-upload .upload-area .upload-queue .previews .row .info .dz-size {
	font-style: italic
}

.pat-upload .upload-area .upload-queue .previews .row .info .dz-size strong {
	font-weight: normal
}

.pat-upload .upload-area .upload-queue .previews .row .info img {
	height: 3em;
	max-width: 3em;
	position: absolute;
	left: 0.3em;
	top: 50%;
	margin-top: -1.5em;
	background-color: white
}

.pat-upload .upload-area .upload-queue .previews .row .btn {
	border: none;
	background: none;
	position: absolute;
	padding: 0 0.35em;
	top: 50%;
	border-radius: 50%;
	transform: translateY(-50%);
	color: black;
	right: 0;
	z-index: 1
}

.pat-upload .upload-area .upload-queue .previews .row .btn:active {
	box-shadow: none
}

.pat-upload .upload-area .upload-queue .previews .row .btn:active:before {
	color: black
}

.pat-upload .upload-area .upload-queue .previews .row .btn:before {
	font-family: fontello;
	content: ""
}

.pat-upload .upload-area .upload-queue .previews .row .dz-progress {
	height: 3em;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.3
}

.pat-upload .upload-area .upload-queue .previews .row .dz-progress .dz-upload {
	background: #e1eddb;
	display: block;
	height: 4em
}

.pat-upload .upload-area .upload-queue .previews .row.dz-error .dz-progress .dz-upload {
	background-color: red
}

.pat-upload .upload-area .upload-queue .previews .row .dz-success-mark,
.pat-upload .upload-area .upload-queue .previews .row .dz-error-mark {
	float: right;
	top: 50%;
	margin-top: -0.5em;
	right: 0.6em;
	position: absolute;
	display: none
}

.pat-upload .upload-area .upload-queue .previews .row.dz-success .dz-success-mark,
.pat-upload .upload-area .upload-queue .previews .row.dz-error .dz-error-mark {
	display: inline-block
}

.pat-upload .upload-area .upload-queue .previews .row .dz-error-mark {
	color: red
}

form .pat-verification-code,
form.pat-form .pat-verification-code {
	width: 352px;
	height: 80px;
	background: url("code-digits-6.svg") no-repeat;
	background-size: 352px 100%;
	background-position: 0 0;
	position: relative;
	margin: 40px 0;
	display: block;
	padding: 0 0 0 0;
	clip-path: inset(0 0 0 0);
	font-size: 0;
	color: transparent
}

form .pat-verification-code input[type=text]::-ms-clear,
form.pat-form .pat-verification-code input[type=text]::-ms-clear {
	display: none
}

form .pat-verification-code input.code,
form.pat-form .pat-verification-code input.code {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background-color: transparent;
	font-family: "Courier", monospace;
	padding: 0;
	text-indent: 12px;
	font-size: 50px;
	text-align: justify;
	letter-spacing: 30px;
	line-height: 60px;
	font-weight: bold;
	height: 100%;
	width: 140%;
	max-width: 140%;
	box-sizing: border-box;
	color: black;
	margin: 0;
	display: inline-block;
	resize: none;
	white-space: nowrap;
	overflow: hidden;
	caret-shape: underscore
}

@media only screen and (max-width: 769px) {

	form .pat-verification-code input.code,
	form.pat-form .pat-verification-code input.code {
		caret-color: #000
	}
}

form .pat-verification-code input.code::selection,
form.pat-form .pat-verification-code input.code::selection {
	background: transparent
}

.pat-well {
	padding: 40px;
	box-sizing: border-box;
	box-shadow: none;
	border-radius: 0;
	background-color: #f3f3f3;
	margin-bottom: 25px
}

.pat-well .well-title-group {
	position: relative
}

.pat-well .well-title-group .buttons {
	position: absolute;
	right: calc(var(--pat-form-pane-padding) + 31px + 15px);
	top: 50%;
	transform: translateY(-50%)
}

.pat-well .well-title-group .buttons .icon {
	overflow: hidden;
	width: 31px;
	height: 31px;
	cursor: default;
	background-color: #f2f2f2;
	color: transparent;
	position: relative;
	float: right;
	margin-left: 15px;
	border-radius: 0
}

.pat-well .well-title-group .buttons .icon:after {
	font-family: fontello;
	font-size: 1em;
	z-index: 1;
	width: 31px;
	height: 31px;
	text-align: center;
	line-height: 31px;
	display: block;
	position: absolute;
	color: #01689a;
	top: 0;
	left: 0
}

.pat-well .well-title-group .buttons .icon:hover {
	background-color: #ededed
}

.pat-well .well-title-group .buttons .icon:hover:after {
	color: #01689a
}

.pat-well .well-title-group .buttons .icon.tooltip-active-click {
	background-color: #e17000
}

.pat-well .well-title-group .buttons .icon.tooltip-active-click:after {
	color: #fff
}

.pat-well .well-title-group .buttons .icon.help:after {
	content: ""
}

.pat-well .well-title-group .buttons .icon.download:after {
	content: ""
}

.pat-well .well-title-group .buttons .icon.settings:after {
	content: ""
}

.pat-well .well-title-group .buttons .icon.more:after {
	content: "";
	line-height: calc(31px + 3px)
}

.pat-well .well-header {
	margin-bottom: 40px;
	line-height: 1.3;
	font-size: 28px;
	font-weight: normal;
	color: black
}

.pat-well .well-header .pat-avatar {
	float: left;
	width: 36px;
	height: 36px;
	margin-right: 10px;
	font-size: 0.7em
}

.pat-well .well-separation-header {
	margin-bottom: 1em;
	margin-top: 1.5em;
	font-size: 24px;
	font-weight: bold
}

.pat-well .well-separation-header:first-child {
	margin-top: 0
}

.pat-well.pat-collapsible {
	transition: padding 0.4s;
	padding: 0
}

.pat-well.pat-collapsible>.well-header,
.pat-well.pat-collapsible>.well-title-group>.well-header {
	padding-right: 50px;
	padding-left: 40px;
	position: relative;
	margin: 0;
	transition: padding 0.4s
}

.pat-well.pat-collapsible>.well-header:after,
.pat-well.pat-collapsible>.well-title-group>.well-header:after {
	font-family: fontello;
	content: "";
	font-size: 0.65em;
	background-color: #f2f2f2;
	color: #01689a;
	position: absolute;
	right: var(--pat-form-pane-padding);
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	width: 31px;
	height: 31px;
	text-align: center;
	line-height: 31px;
	border-radius: 0;
	display: inline-block
}

.pat-well.pat-collapsible>.well-header:hover:after,
.pat-well.pat-collapsible>.well-title-group>.well-header:hover:after {
	background-color: #ededed;
	color: #01689a
}

.pat-well.pat-collapsible.open,
.pat-well.pat-collapsible.closed.in-progress {
	transition: box-shadow 2s
}

.pat-well.pat-collapsible.open>.well-header,
.pat-well.pat-collapsible.open>.well-title-group>.well-header,
.pat-well.pat-collapsible.closed.in-progress>.well-header,
.pat-well.pat-collapsible.closed.in-progress>.well-title-group>.well-header {
	padding-top: 40px;
	padding-bottom: 40px
}

.pat-well.pat-collapsible.closed:hover {
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5)
}

.pat-well.pat-collapsible.closed>.well-header,
.pat-well.pat-collapsible.closed>.well-title-group>.well-header,
.pat-well.pat-collapsible.open.in-progress>.well-header,
.pat-well.pat-collapsible.open.in-progress>.well-title-group>.well-header {
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 0
}

.pat-well.pat-collapsible.closed>.well-header:after,
.pat-well.pat-collapsible.closed>.well-title-group>.well-header:after,
.pat-well.pat-collapsible.open.in-progress>.well-header:after,
.pat-well.pat-collapsible.open.in-progress>.well-title-group>.well-header:after {
	content: ""
}

.pat-well.pat-collapsible>.panel-content {
	padding: 0 40px 40px;
	box-sizing: border-box
}

.pat-well form>fieldset:last-child,
.pat-well form>fieldset:last-child>.button-bar:last-child {
	margin-bottom: 0
}

.pat-well>*:last-child {
	margin-bottom: 0
}

@media only screen and (max-width: 769px) {
	.pat-well {
		padding: 20px
	}
}

.pat-well.success {
	background-color: #e1eddb
}

.pat-well.success input {
	color: #000
}

.pat-well.notice {
	background-color: #fdf6bb
}

.pat-well.warning {
	background-color: #fbead9
}

.pat-well.warning input {
	color: #000
}

.pat-well.success input,
.pat-well.success textarea,
.pat-well.success select,
.pat-well.warning input,
.pat-well.warning textarea,
.pat-well.warning select {
	background-color: rgba(0, 0, 0, 0.3);
	outline: white 1px solid
}

.pat-well.success select,
.pat-well.warning select {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgLTEuNDk2IDEyIDEwIiBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIC0xLjQ5NiAxMiAxMCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCwwIDQuMjA1LDcuMDA5IDguNDEsMCAiLz4NCjwvc3ZnPg0K)
}

body {
	font-family: "RO Sans";
	font-weight: normal;
	line-height: 1.625;
	font-size: 20px
}

@media screen {
	body {
		background-color: white
	}
}

body *:before {
	-webkit-font-smoothing: antialiased;
	smoothing: antialiased;
	text-rendering: optimizeLegibility
}

body>section.content-block,
body>p.directory-more,
body>.result-item,
body>.pagination {
	display: none
}

@media only screen and (min-width: 770px) {
	body {
		padding-top: 125px
	}
}

@media only screen and (min-width: 1280px) {
	body {
		font-size: 112.5%
	}
}

@media all and (display-mode: standalone) {
	body {
		padding-top: 70px
	}
}

body[data-error-message]:after {
	content: "De pagina die u probeert te openen is op dit moment niet beschikbaar. Probeert u het later nog eens of neem contact op met Het Zorginstituut via de link naar het contactformulier onderaan elke pagina. \A \A Klik of raak aan om dit bericht te sluiten.";
	text-align: center;
	white-space: pre-wrap;
	font-size: 1.5em;
	line-height: 1.5;
	display: block;
	color: black;
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 6%;
	opacity: 0;
	animation: fadeIn 1s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	z-index: 10001;
	transform: translate(-50%, -50%);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1000px;
	pointer-events: none
}

body[data-error-message]:before {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: white;
	z-index: 10000;
	width: 100%;
	height: 100%;
	content: ' ';
	animation: fadeIn 1.5s;
	pointer-events: none
}

body[data-error-message] #site-header {
	z-index: 10000;
	display: block;
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	right: 0
}

body[data-error-message] #site-header .homepage:after {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10002;
	width: 100%;
	height: 100%;
	content: ' ';
	display: block
}

body.injecting>* {
	opacity: 0.19
}

body.injecting.injecting-after *,
body.injecting.injecting-content-after * {
	opacity: inherit
}

body.injecting:before {
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 1000;
	font: 50px/50px fontello;
	text-shadow: white 0 0 2px;
	text-align: center;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	opacity: 0;
	animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards
}

body.injecting:not(.discrete-injection) {
	background-color: white
}

body.injecting:not(.discrete-injection) #global-nav,
body.injecting:not(.discrete-injection) #site-header,
body.injecting:not(.discrete-injection) #footer {
	opacity: 1
}

body.injecting:not(.discrete-injection) #main {
	-ms-filter: blur(100px) saturate(250%);
	-moz-filter: blur(100px) saturate(250%);
	-webkit-filter: blur(100px) saturate(250%);
	filter: blur(100px) saturate(250%);
	opacity: 0
}

body.injecting:not(.discrete-injection):before {
	position: fixed
}

@media print {
	body {
		font-size: 14px;
		line-height: 22px
	}

	body * {
		font-family: arial !important
	}

	body #main {
		padding: 0 8% !important
	}
}

body a {
	text-decoration: none;
	color: #01689b;
	text-underline-offset: 0.1em
}

body .float-after {
	float: right
}

body .float-before {
	float: left
}

body [hidden] {
	display: none
}

body .assistive {
	position: absolute !important;
	display: inline-block !important;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	margin: -1px;
	padding: 0;
	width: 1px;
	height: 1px;
	border: 0
}

body .ui-helper-hidden-accessible,
body .select2-hidden-accessible {
	position: absolute;
	left: -9999px;
	opacity: 0;
	pointer-events: none
}

.bar-graph {
	width: 100%;
	overflow: hidden
}

.bar-graph:after {
	content: " ";
	display: table;
	clear: both
}

.bar-graph .segment {
	float: left;
	overflow: hidden;
	color: transparent;
	height: 1em;
	background-color: #39870c;
	cursor: default
}

.bar-graph .segment:nth-child(even) {
	background-color: #f6d4b2
}

fieldset.pat-bar-toggles .legend,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) .legend,
div.pat-bar-toggles .legend,
div.pat-checklist.pat-bar-toggles:not(.free-form) .legend {
	margin-bottom: 0.5em;
	font-weight: bold
}

fieldset.pat-bar-toggles.multi-line label,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).multi-line label,
div.pat-bar-toggles.multi-line label,
div.pat-checklist.pat-bar-toggles:not(.free-form).multi-line label {
	white-space: inherit;
	padding-top: 0.2em;
	padding-bottom: 0.2em
}

fieldset.pat-bar-toggles.multi-line label.hidden,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).multi-line label.hidden,
div.pat-bar-toggles.multi-line label.hidden,
div.pat-checklist.pat-bar-toggles:not(.free-form).multi-line label.hidden {
	padding-top: 0;
	padding-bottom: 0
}

fieldset.pat-bar-toggles.multi-line label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).multi-line label:before,
div.pat-bar-toggles.multi-line label:before,
div.pat-checklist.pat-bar-toggles:not(.free-form).multi-line label:before {
	top: 50%;
	transform: translateY(-50%)
}

fieldset.pat-bar-toggles:not(.radio) label.checked,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form):not(.radio) label.checked,
div.pat-bar-toggles:not(.radio) label.checked,
div.pat-checklist.pat-bar-toggles:not(.free-form):not(.radio) label.checked {
	padding-right: 2em
}

fieldset.pat-bar-toggles:not(.radio) label.checked:after,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form):not(.radio) label.checked:after,
div.pat-bar-toggles:not(.radio) label.checked:after,
div.pat-checklist.pat-bar-toggles:not(.free-form):not(.radio) label.checked:after {
	position: absolute;
	right: 0.2em;
	top: 0.2em;
	content: '\2796';
	font-family: fontello;
	font-size: 1em;
	width: 1.2em;
	height: 1.2em;
	text-align: center;
	line-height: 1.25em;
	opacity: 0.8
}

fieldset.pat-bar-toggles label,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label,
div.pat-bar-toggles label,
div.pat-checklist.pat-bar-toggles:not(.free-form) label {
	padding: 0 0.5em 0 1.7em;
	border-left: none;
	border-right: none;
	margin-bottom: 0;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	position: relative;
	background: #fff
}

fieldset.pat-bar-toggles label:first-of-type,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:first-of-type,
div.pat-bar-toggles label:first-of-type,
div.pat-checklist.pat-bar-toggles:not(.free-form) label:first-of-type {
	border-top: none
}

fieldset.pat-bar-toggles label:last-child,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:last-child,
div.pat-bar-toggles label:last-child,
div.pat-checklist.pat-bar-toggles:not(.free-form) label:last-child {
	border-bottom: none
}

fieldset.pat-bar-toggles label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:before,
div.pat-bar-toggles label:before,
div.pat-checklist.pat-bar-toggles:not(.free-form) label:before {
	position: absolute;
	left: 0
}

fieldset.pat-bar-toggles label input,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label input,
div.pat-bar-toggles label input,
div.pat-checklist.pat-bar-toggles:not(.free-form) label input {
	position: absolute;
	opacity: 0
}

.js fieldset.pat-bar-toggles label input,
.js fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label input,
.js div.pat-bar-toggles label input,
.js div.pat-checklist.pat-bar-toggles:not(.free-form) label input {
	opacity: 0
}

.no-js fieldset.pat-bar-toggles label input,
.no-js fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label input,
.no-js div.pat-bar-toggles label input,
.no-js div.pat-checklist.pat-bar-toggles:not(.free-form) label input {
	opacity: 1
}

fieldset.pat-bar-toggles label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:before,
div.pat-bar-toggles label:before,
div.pat-checklist.pat-bar-toggles:not(.free-form) label:before {
	padding-left: 0.5em;
	font-family: fontello;
	display: none
}

fieldset.pat-bar-toggles label:after,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:after,
div.pat-bar-toggles label:after,
div.pat-checklist.pat-bar-toggles:not(.free-form) label:after {
	display: none
}

fieldset.pat-bar-toggles label:hover,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:hover,
div.pat-bar-toggles label:hover,
div.pat-checklist.pat-bar-toggles:not(.free-form) label:hover {
	background: white
}

.js fieldset.pat-bar-toggles label:hover:before,
.js fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:hover:before,
.js div.pat-bar-toggles label:hover:before,
.js div.pat-checklist.pat-bar-toggles:not(.free-form) label:hover:before {
	display: inline-block;
	opacity: 0.1;
	content: ""
}

fieldset.pat-bar-toggles label:hover.checked:after,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:hover.checked:after,
div.pat-bar-toggles label:hover.checked:after,
div.pat-checklist.pat-bar-toggles:not(.free-form) label:hover.checked:after {
	opacity: 1
}

fieldset.pat-bar-toggles label.checked,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.checked,
div.pat-bar-toggles label.checked,
div.pat-checklist.pat-bar-toggles:not(.free-form) label.checked {
	background-color: #275937;
	color: white
}

fieldset.pat-bar-toggles label.checked:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.checked:before,
div.pat-bar-toggles label.checked:before,
div.pat-checklist.pat-bar-toggles:not(.free-form) label.checked:before {
	display: inline-block;
	content: "";
	opacity: 1
}

.js fieldset.pat-bar-toggles label.checked:before,
.js fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.checked:before,
.js div.pat-bar-toggles label.checked:before,
.js div.pat-checklist.pat-bar-toggles:not(.free-form) label.checked:before {
	opacity: 1
}

.bar-buttons {
	margin: 5em auto;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 15px
}

.bar-buttons .item {
	font-family: "RO Sans";
	margin: 0 0.5em 0 0;
	border: none;
	cursor: default;
	border-radius: 0;
	background-image: none;
	text-decoration: none;
	line-height: 44px;
	white-space: nowrap;
	display: inline-block;
	padding: 0 1em;
	font-size: 1em;
	vertical-align: text-bottom;
	font-weight: normal;
	box-shadow: none;
	color: #01689a;
	background-color: #f2f2f2;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	padding: 15px 10px;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	width: 100%;
	display: block;
	cursor: pointer;
	white-space: nowrap;
	margin: 0;
	box-sizing: border-box
}

.bar-buttons .item:not([disabled]):hover {
	color: #01689a;
	background-color: #ededed
}

.bar-buttons .item.default {
	color: #fff;
	background-color: #01689b;
	box-shadow: none
}

.bar-buttons .item.default:not([disabled]):hover {
	background-color: #014668;
	color: #fff
}

.bar-buttons .item[disabled],
.bar-buttons .item.disabled,
.bar-buttons .item.default[disabled],
.bar-buttons .item.default.disabled {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

.bar-buttons .item[disabled]:hover,
.bar-buttons .item.disabled:hover,
.bar-buttons .item.default[disabled]:hover,
.bar-buttons .item.default.disabled:hover {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

@media print {
	.bar-buttons .item {
		display: none
	}
}

.bar-buttons .item:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover {
	text-decoration: none;
	color: #01689a
}

.bar-buttons .item.small {
	font-size: 18px;
	padding: 0 0.8em;
	height: 29px;
	line-height: 29px;
	vertical-align: baseline;
	box-shadow: none;
	font-weight: normal
}

.bar-buttons .item:focus {
	outline: none;
	box-shadow: none
}

.bar-buttons .item:not[disabled]:active {
	box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4)
}

.bar-buttons .item.iconified {
	width: 30px;
	padding: 0
}

.bar-buttons .item.iconified:before {
	width: 100%;
	text-align: center;
	line-height: 44px
}

.bar-buttons .item.link {
	padding: 0;
	display: inline;
	background: none;
	color: #01689b;
	line-height: inherit;
	text-decoration: underline;
	vertical-align: baseline;
	cursor: pointer
}

.bar-buttons .item.link:hover {
	background: none;
	text-decoration: underline !important;
	color: #000203
}

.bar-buttons .item.no-label {
	padding-left: 0;
	padding-right: 0;
	width: 1.7em;
	text-overflow: clip
}

.bar-buttons .item.no-label:before {
	width: 100%;
	text-align: center;
	margin: 0 1em 0 0
}

.bar-buttons.col-1 {
	max-width: 550px
}

.bar-buttons.col-2 {
	grid-template-columns: 1fr 1fr
}

.form-panel .button-bar:last-child .pat-button {
	margin-bottom: 0
}

.pat-button,
#document-alert-bar .context-menu,
.status-inactive .content-mirror .placeholder {
	display: inline-block;
	margin: 0 20px 0 0
}

.pat-button.float-after,
#document-alert-bar .context-menu.float-after,
.status-inactive .content-mirror .placeholder.float-after {
	margin-right: 0;
	margin-left: 20px
}

@keyframes make-ok {
	0% {
		content: "";
		transform: scale(1)
	}

	50% {
		transform: scale(1.5);
		content: ""
	}

	100% {
		content: "";
		transform: scale(1);
		color: green
	}
}

.pat-button.validate:active:before,
#document-alert-bar .context-menu.validate:active:before,
.status-inactive .content-mirror .placeholder.validate:active:before {
	animation: make-ok 0.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.pat-button.link,
#document-alert-bar .context-menu.link,
.status-inactive .content-mirror .placeholder.link {
	padding: 0;
	display: inline;
	background: none;
	color: #01689b;
	line-height: inherit;
	text-decoration: underline
}

.pat-button.link:hover,
#document-alert-bar .context-menu.link:hover,
.status-inactive .content-mirror .placeholder.link:hover {
	text-decoration: underline
}

.pat-button:hover,
#document-alert-bar .context-menu:hover,
.status-inactive .content-mirror .placeholder:hover {
	text-decoration: none
}

.pat-button.warning,
#document-alert-bar .context-menu.warning,
.status-inactive .content-mirror .placeholder.warning {
	background: #e17000
}

.pat-button.warning:hover,
#document-alert-bar .context-menu.warning:hover,
.status-inactive .content-mirror .placeholder.warning:hover {
	background: #ae5700
}

.pat-button:before,
#document-alert-bar .context-menu:before,
.status-inactive .content-mirror .placeholder:before {
	margin-left: 0
}

.pat-button-bar {
	margin-bottom: 26px
}

.pat-button-bar:after {
	content: " ";
	display: table;
	clear: both
}

.pat-button-bar#button-bar-organise-sections {
	margin: 40px 0
}

#browse-bar {
	background-color: #f2f2f2;
	position: relative;
	padding-top: 70px;
	margin-top: -70px
}

#browse-bar:after {
	content: ' ';
	display: table;
	clear: both
}

#browse-bar .collapse-expand-toggle {
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background-color: #f2f2f2;
	margin: 0 0 -15px -15px;
	color: transparent;
	transform: rotate(-90deg);
	transition: all 0.5s
}

#browse-bar .collapse-expand-toggle:focus {
	outline: none;
	box-shadow: 0 0 5px 5px lightblue
}

#browse-bar .collapse-expand-toggle:before {
	font-family: fontello;
	content: "";
	color: black;
	font-size: 20px;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 30px;
	display: block
}

#browse-bar .container {
	padding-top: 50px;
	padding-bottom: 150px;
	position: relative;
	transition: all 1s
}

#browse-bar .container .button-bar {
	position: absolute;
	left: 0;
	right: 15px;
	bottom: 50px
}

#browse-bar .button-bar {
	margin-top: 1em;
	margin-bottom: 0;
	opacity: 1;
	transition: all 0.5s
}

#browse-bar .button-bar .pat-button:not(.default) {
	box-shadow: inset 0 0 0 1px #01689b
}

#browse-bar .pat-bar-toggles label {
	overflow: hidden;
	box-sizing: border-box;
	height: 38px;
	line-height: 32px;
	transition: height 1s, padding 1s
}

#browse-bar .pat-bar-toggles label.pat-depends {
	height: 0;
	display: block !important
}

#browse-bar .pat-bar-toggles label.visible {
	height: 38px
}

#browse-bar .select2-container {
	margin-top: 1px
}

#browse-bar.state-collapsed .collapse-expand-toggle {
	transform: rotate(90deg)
}

#browse-bar.state-collapsed .container {
	padding-top: 20px;
	padding-bottom: 20px
}

#browse-bar.state-collapsed .container .button-bar {
	margin-top: 1em;
	margin-bottom: 0;
	opacity: 0;
	pointer-events: none
}

#browse-bar.state-collapsed .container .pat-bar-toggles .unchecked {
	height: 0;
	padding-top: 0;
	padding-bottom: 0
}

#global-nav.bumped~#main .canvas-toolbar.sticky {
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3)
}

.canvas-toolbar {
	line-height: 44px;
	color: #01689a;
	z-index: 1;
	position: relative;
	-webkit-user-select: none;
	user-select: none;
	margin-bottom: 26px;
	padding-bottom: 26px
}

.canvas-toolbar:after {
	content: " ";
	display: table;
	clear: both
}

.canvas-toolbar .pat-select:not(.bare) {
	--select-box-padding-top-bottom: 0;
	--select-box-box-shadow: none;
	--select-box-background-color: #f2f2f2;
	--select-box-arrow-text-colour: #01689b;
	padding: 0 75px 0 12px;
	display: inline-block;
	height: var(--select-box-height);
	line-height: var(--select-box-height);
	padding-top: var(--select-box-padding-top-bottom);
	padding-bottom: var(--select-box-padding-top-bottom);
	padding-left: var(--select-box-padding-right-left);
	padding-right: calc((var(--select-box-arrow-width) + var(--select-box-padding-right-left) / 2));
	position: relative;
	font-weight: normal !important;
	font-size: 0;
	position: relative;
	box-sizing: border-box;
	border: none;
	box-shadow: var(--select-box-box-shadow);
	outline: none;
	outline-offset: 2px;
	color: var(--select-box-arrow-text-colour);
	font-size: 100%;
	border-radius: 0;
	max-width: 100%;
	background-color: var(--select-box-background-color);
	border-radius: 0;
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden
}

.canvas-toolbar .pat-select:not(.bare)[data-value="draft"] {
	background-color: #fbead9
}

.canvas-toolbar .pat-select:not(.bare)[data-value="draft"]:after {
	background-color: #f6d4b2
}

.canvas-toolbar .pat-select:not(.bare)[data-value="draft"]:before,
.canvas-toolbar .pat-select:not(.bare)[data-value="draft"]:after {
	color: #7b3d00
}

.canvas-toolbar .pat-select:not(.bare)[data-value="draft"]:hover {
	background-color: #f9ddc2
}

.canvas-toolbar .pat-select:not(.bare)[data-value="draft"]:hover:after {
	background-color: #f3c79b
}

.canvas-toolbar .pat-select:not(.bare)[data-value="for-review"] {
	background-color: #f2d9e7
}

.canvas-toolbar .pat-select:not(.bare)[data-value="for-review"]:after {
	background-color: #e5b3d0
}

.canvas-toolbar .pat-select:not(.bare)[data-value="for-review"]:before,
.canvas-toolbar .pat-select:not(.bare)[data-value="for-review"]:after {
	color: #5d0035
}

.canvas-toolbar .pat-select:not(.bare)[data-value="for-review"]:hover {
	background-color: #ecc6db
}

.canvas-toolbar .pat-select:not(.bare)[data-value="for-review"]:hover:after {
	background-color: #dfa0c4
}

.canvas-toolbar .pat-select:not(.bare)[data-value="published"],
.canvas-toolbar .pat-select:not(.bare).success {
	background-color: #e1eddb;
	color: #1b4106
}

.canvas-toolbar .pat-select:not(.bare)[data-value="published"]:after,
.canvas-toolbar .pat-select:not(.bare).success:after {
	background-color: #c4dbb6
}

.canvas-toolbar .pat-select:not(.bare)[data-value="published"]:before,
.canvas-toolbar .pat-select:not(.bare)[data-value="published"]:after,
.canvas-toolbar .pat-select:not(.bare).success:before,
.canvas-toolbar .pat-select:not(.bare).success:after {
	color: #1b4106
}

.canvas-toolbar .pat-select:not(.bare)[data-value="published"]:hover,
.canvas-toolbar .pat-select:not(.bare)[data-value="published"].tooltip-active-click,
.canvas-toolbar .pat-select:not(.bare).success:hover,
.canvas-toolbar .pat-select:not(.bare).success.tooltip-active-click {
	background-color: #d3e5ca
}

.canvas-toolbar .pat-select:not(.bare)[data-value="published"]:hover:after,
.canvas-toolbar .pat-select:not(.bare)[data-value="published"].tooltip-active-click:after,
.canvas-toolbar .pat-select:not(.bare).success:hover:after,
.canvas-toolbar .pat-select:not(.bare).success.tooltip-active-click:after {
	background-color: #b6d3a5
}

.canvas-toolbar .pat-select:not(.bare).locked:before {
	font-family: fontello;
	content: "";
	display: inline-block;
	margin-right: 5px;
	float: left;
	font-size: inherit
}

.canvas-toolbar .pat-select:not(.bare):hover {
	background-color: #ededed
}

.canvas-toolbar .pat-select:not(.bare):before {
	font-size: 20px;
	content: attr(data-option);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block
}

.canvas-toolbar .pat-select:not(.bare) select {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100% !important;
	width: 100% !important;
	opacity: 0;
	margin: 0;
	z-index: 1
}

.canvas-toolbar .pat-select:not(.bare) select option {
	font-size: initial;
	color: black
}

.canvas-toolbar .pat-select:not(.bare):after {
	font-family: fontello;
	content: "";
	width: var(--select-box-arrow-width);
	background-color: var(--select-box-arrow-background-colour);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 18px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.canvas-toolbar .pat-select:not(.bare) option:disabled {
	color: silver
}

.canvas-toolbar .pat-select:not(.bare):before {
	max-width: 350px
}

.canvas-toolbar.sticky {
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0 1px 5px transparent;
	transition: box-shadow 1s;
	padding: 15px;
	position: sticky;
	top: 85px;
	border-radius: 10px;
	margin-top: -15px;
	margin-right: -15px;
	margin-left: -15px;
	z-index: 10
}

.backdropfilter .canvas-toolbar.sticky {
	background-color: rgba(255, 255, 255, 0.12);
	-webkit-backdrop-filter: blur(100px) saturate(4) brightness(1.2);
	backdrop-filter: blur(50px) saturate(4) brightness(1.2)
}

.canvas-toolbar.inline {
	margin: 0;
	padding: 0
}

.no-js .canvas-toolbar#toolbar-medicine,
.no-js .canvas-toolbar#toolbar-indication,
.no-js .canvas-toolbar#toolbar-medicine-group {
	display: none
}

@media only screen and (max-width: 769px) {
	.canvas-toolbar#toolbar-news-overview {
		display: none
	}
}

.canvas-toolbar+.pat-rich>.pat-message {
	margin-top: -27px
}

@media only screen and (min-width: 770px) {
	.canvas-toolbar {
		height: 44px
	}
}

@media only screen and (max-width: 769px) {
	.canvas-toolbar {
		padding: 0
	}
}

.canvas-toolbar .control-group {
	float: left;
	animation: fadeIn 0.6s
}

.mode-select .canvas-toolbar .control-group.view-options {
	display: none
}

.mode-follow .canvas-toolbar .control-group.batch-operations {
	display: none
}

@media only screen and (min-width: 1280px) {
	.canvas-toolbar.indented {
		padding-left: 28%
	}
}

@media only screen and (min-width: 1280px) {
	.canvas-toolbar.indented {
		padding-left: 28%
	}
}

.canvas-toolbar .float-after {
	margin-left: 2em;
	padding-right: 0
}

.canvas-toolbar #dynamic-options {
	margin: 0
}

.no-js .canvas-toolbar #dynamic-options {
	display: none
}

.canvas-toolbar #dynamic-options .pat-select,
.canvas-toolbar #dynamic-options input[type="search"] {
	opacity: 0;
	animation: fadeIn 1s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	float: left
}

.canvas-toolbar #dynamic-options #trigger-advanced-search.collapsible-open {
	background-color: #e17000;
	color: white
}

@media print {
	.canvas-toolbar {
		display: none
	}
}

.canvas-toolbar .bar-title {
	margin: 0 1em 0 0;
	float: left
}

.canvas-toolbar label.pat-checklist:hover {
	color: #01689a
}

@media only screen and (max-width: 769px) {
	.canvas-toolbar#dashboard-toolbar {
		display: none
	}
}

.canvas-toolbar .pat-select:not(.bare) select {
	background-color: #e7e7e7;
	border-radius: 0;
	padding: 0 25px;
	display: inline-block;
	cursor: default;
	color: #01689a;
	white-space: nowrap;
	font-size: 18px;
	height: 35px
}

.canvas-toolbar .pat-select:not(.bare) select:hover {
	color: #01689a
}

.canvas-toolbar .pat-select,
.canvas-toolbar .pat-select.bare,
.canvas-toolbar .context-menu {
	display: inline-block;
	float: none;
	width: auto;
	vertical-align: top;
	color: black
}

.canvas-toolbar .pat-select:hover,
.canvas-toolbar .pat-select.bare:hover,
.canvas-toolbar .context-menu:hover {
	text-decoration: none
}

@media only screen and (min-width: 770px) {

	.canvas-toolbar .pat-select,
	.canvas-toolbar .pat-select.bare,
	.canvas-toolbar .context-menu {
		margin-right: 18px
	}
}

@media only screen and (max-width: 769px) {

	.canvas-toolbar .pat-select,
	.canvas-toolbar .pat-select.bare,
	.canvas-toolbar .context-menu {
		margin-right: 0.6em;
		margin-bottom: 0.5em
	}
}

.canvas-toolbar input[type="search"] {
	float: right;
	border-radius: 1em;
	background: white
}

@media only screen and (max-width: 769px) {
	.canvas-toolbar input[type="search"] {
		width: 100%;
		margin-bottom: 1.5em;
		margin-top: 0.5em
	}
}

.canvas-toolbar .icons,
.canvas-toolbar .functions {
	float: right
}

@media only screen and (max-width: 769px) {

	.canvas-toolbar .icons,
	.canvas-toolbar .functions {
		display: none
	}
}

.canvas-toolbar .button {
	font-family: "RO Sans";
	margin: 0 0.5em 0 0;
	border: none;
	cursor: default;
	border-radius: 0;
	background-image: none;
	text-decoration: none;
	line-height: 44px;
	white-space: nowrap;
	display: inline-block;
	padding: 0 1em;
	font-size: 1em;
	vertical-align: text-bottom;
	font-weight: normal;
	box-shadow: none;
	color: #01689a;
	background-color: #f2f2f2;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 44px
}

.canvas-toolbar .button:not([disabled]):hover {
	color: #01689a;
	background-color: #ededed
}

.canvas-toolbar .button.default {
	color: #fff;
	background-color: #01689b;
	box-shadow: none
}

.canvas-toolbar .button.default:not([disabled]):hover {
	background-color: #014668;
	color: #fff
}

.canvas-toolbar .button[disabled],
.canvas-toolbar .button.disabled,
.canvas-toolbar .button.default[disabled],
.canvas-toolbar .button.default.disabled {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

.canvas-toolbar .button[disabled]:hover,
.canvas-toolbar .button.disabled:hover,
.canvas-toolbar .button.default[disabled]:hover,
.canvas-toolbar .button.default.disabled:hover {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

@media print {
	.canvas-toolbar .button {
		display: none
	}
}

.canvas-toolbar .button:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover {
	text-decoration: none;
	color: #01689a
}

.canvas-toolbar .button.small {
	font-size: 18px;
	padding: 0 0.8em;
	height: 29px;
	line-height: 29px;
	vertical-align: baseline;
	box-shadow: none;
	font-weight: normal
}

.canvas-toolbar .button:focus {
	outline: none;
	box-shadow: none
}

.canvas-toolbar .button:not[disabled]:active {
	box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4)
}

.canvas-toolbar .button.iconified {
	width: 30px;
	padding: 0
}

.canvas-toolbar .button.iconified:before {
	width: 100%;
	text-align: center;
	line-height: 44px
}

.canvas-toolbar .button.link {
	padding: 0;
	display: inline;
	background: none;
	color: #01689b;
	line-height: inherit;
	text-decoration: underline;
	vertical-align: baseline;
	cursor: pointer
}

.canvas-toolbar .button.link:hover {
	background: none;
	text-decoration: underline !important;
	color: #000203
}

.canvas-toolbar .button.no-label {
	padding-left: 0;
	padding-right: 0;
	width: 1.7em;
	text-overflow: clip
}

.canvas-toolbar .button.no-label:before {
	width: 100%;
	text-align: center;
	margin: 0 1em 0 0
}

.canvas-toolbar .button.no-label {
	width: 44px
}

.canvas-toolbar .button.context-menu {
	overflow: visible
}

.canvas-toolbar .button.context-menu .panel-content {
	color: black
}

.canvas-toolbar .button:hover {
	text-decoration: none
}

.canvas-toolbar .button .counter {
	display: inline-block;
	margin: 1.1em 0em 0.5em 0.5em;
	background-color: #d52b1e;
	color: white;
	border-radius: 1em;
	border: 1px solid #fff;
	height: 1.8em;
	min-width: 1.8em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0.5em;
	transition: opacity 0.5s;
	animation: zoomIn 0.6s;
	float: right;
	vertical-align: baseline;
	line-height: 1.7em;
	font-size: 0.6em;
	text-align: center;
	font-weight: normal
}

.canvas-toolbar .button .counter.disabled {
	opacity: 0.2;
	animation: none;
	background-color: gray
}

.canvas-toolbar .button .counter.injecting {
	opacity: 0
}

.canvas-toolbar .button .counter.injecting:before {
	display: none
}

.canvas-toolbar .button.checked,
.canvas-toolbar .button.current {
	background: #01689b;
	color: white
}

.canvas-toolbar .button.checked .counter,
.canvas-toolbar .button.current .counter {
	background: #d52b1e
}

.mode-select .canvas-toolbar .button.selection-mode-toggle {
	background: #e17000 !important;
	color: white !important;
	border-color: transparent !important
}

.canvas-toolbar .button:not([disabled]):not(.current):hover,
.canvas-toolbar .button[href]:not(.current):hover {
	color: #01689a;
	background-color: #ededed
}

.canvas-toolbar .button:not([disabled]):not(.current):active,
.canvas-toolbar .button[href]:not(.current):active {
	box-shadow: none
}

.canvas-toolbar .button.icon-envelope-open:before {
	transform: scale(0.8)
}

.canvas-toolbar .button.icon-plus:before {
	transform: scale(1.4)
}

.canvas-toolbar .button.locked {
	position: relative;
	padding-right: 3em;
	color: #e17000
}

.canvas-toolbar .button.locked:after {
	display: block;
	font-family: fontello;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 2em;
	text-align: center;
	background: #e17000;
	color: white;
	line-height: 44px
}

.canvas-toolbar .button.locked.active:after {
	content: ""
}

.canvas-toolbar a.button:not([href]) {
	opacity: 0.4
}

.canvas-toolbar .button-cluster {
	display: inline-block;
	margin: 0 1em 1em 0;
	vertical-align: top;
	border-radius: 0;
	background-color: #f2f2f2;
	overflow: hidden;
	height: 44px;
	max-width: 769px
}

.canvas-toolbar .button-cluster.align-centre {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.5s;
	transition-delay: 0.5s
}

.canvas-toolbar .button-cluster .button {
	margin-right: 0;
	border-radius: 0;
	margin: 0;
	background-color: transparent
}

.canvas-toolbar .button-cluster .button input {
	position: absolute;
	opacity: 0
}

.canvas-toolbar .button-cluster .button[disabled] {
	opacity: 0.5;
	color: gray
}

.canvas-toolbar .button-cluster .button.current,
.canvas-toolbar .button-cluster .button.current:hover,
.canvas-toolbar .button-cluster .button.checked,
.canvas-toolbar .button-cluster .button.checked:hover {
	background-color: #01689b;
	color: white
}

.canvas-toolbar .button-cluster .button:first-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.canvas-toolbar .button-cluster .button:last-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.canvas-toolbar .button,
.canvas-toolbar .icon {
	margin: 0 1em 1em 0;
	display: inline-block;
	vertical-align: top;
	line-height: 44px;
	border: none;
	background-color: #f2f2f2
}

.canvas-toolbar .button:active,
.canvas-toolbar .icon:active {
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15)
}

.canvas-toolbar .functions {
	margin-left: 18px
}

.canvas-toolbar .functions .button,
.canvas-toolbar .functions .icon {
	margin: 0 0 0 1em
}

.canvas-toolbar .icon {
	font-family: fontello;
	text-indent: -1000em;
	width: 44px;
	height: 44px;
	position: relative;
	color: #666;
	cursor: default;
	margin: 0 0 1em 1em;
	line-height: 44px
}

.canvas-toolbar .icon.level-up {
	float: left;
	margin-left: 0;
	transform: scale(-1, 1);
	overflow: hidden
}

.canvas-toolbar .icon.level-up:before {
	content: ""
}

.canvas-toolbar .icon:before {
	font-family: fontello;
	text-indent: 0;
	line-height: 44px;
	text-align: center;
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	background: #f2f2f2;
	border-radius: 0;
	color: #01689a;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.canvas-toolbar .icon:hover {
	color: #01689a
}

.canvas-toolbar .icon:hover:before {
	background-color: #ededed
}

.canvas-toolbar .icon.tooltip-active-click:before {
	background-color: #e17000;
	color: white
}

.canvas-toolbar .icon.open-all-sections:before {
	content: "";
	transform: rotate(90deg);
	font-size: 21px;
	line-height: 44px
}

.canvas-toolbar .icon.create:before,
.canvas-toolbar .icon.new:before {
	content: ""
}

.canvas-toolbar .icon.edit:before {
	content: ""
}

.canvas-toolbar .icon.download:before {
	content: ""
}

.canvas-toolbar .icon.more:before {
	content: ""
}

.canvas-toolbar .canvas-toolbar-search-field {
	width: 44px;
	height: 44px;
	position: relative;
	display: inline-block;
	z-index: 1;
	margin-left: 18px;
	color: #01689a;
	background-color: #f2f2f2
}

.canvas-toolbar .canvas-toolbar-search-field:not([disabled]):not(.focus):not(.has-value):hover {
	color: #01689a;
	background-color: #ededed
}

.canvas-toolbar .canvas-toolbar-search-field:after {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 44px;
	width: 44px;
	text-align: center;
	font-family: fontello;
	content: "";
	font-size: 22px;
	transition: left 0.5s, padding-left 0.5s, transform 1s
}

.canvas-toolbar .canvas-toolbar-search-field:hover {
	color: black
}

.canvas-toolbar .canvas-toolbar-search-field input {
	width: 44px;
	height: 44px;
	border-radius: 0;
	background: white;
	border: 1px silver solid;
	max-width: 1000px;
	position: absolute;
	top: 0;
	right: 0;
	transition: all 0.5s;
	opacity: 0;
	padding-left: 34px;
	margin: 0
}

.canvas-toolbar .canvas-toolbar-search-field input:focus {
	outline: none;
	box-shadow: none
}

.canvas-toolbar .canvas-toolbar-search-field.focus input,
.canvas-toolbar .canvas-toolbar-search-field.has-value input {
	width: 270px;
	opacity: 1
}

@media only screen and (min-width: 770px) {

	.canvas-toolbar .canvas-toolbar-search-field.focus input,
	.canvas-toolbar .canvas-toolbar-search-field.has-value input {
		width: 350px
	}
}

.canvas-toolbar .canvas-toolbar-search-field.focus:after,
.canvas-toolbar .canvas-toolbar-search-field.has-value:after {
	color: gray;
	left: -270px
}

@media only screen and (min-width: 770px) {

	.canvas-toolbar .canvas-toolbar-search-field.focus:after,
	.canvas-toolbar .canvas-toolbar-search-field.has-value:after {
		left: -350px;
		padding-left: 40px
	}
}

.classification-tag {
	border-radius: 20px;
	font-size: 10px;
	height: 12px;
	line-height: 12px;
	padding: 0 6px;
	vertical-align: middle;
	display: inline;
	background: silver;
	color: black;
	margin-top: -2px;
	margin-left: 3px
}

.classification-tag.mutated {
	width: 10px;
	height: 10px;
	color: transparent !important;
	overflow: hidden;
	border: 2px solid white;
	padding: 0;
	border-radius: 50%;
	background-color: #007bc7;
	background: linear-gradient(to bottom, #8fcae7 0%, #007bc7 100%);
	display: inline-block;
	margin-top: 0
}

.classification-tag.wegiz {
	background: #d52b1e;
	color: white
}

.classification-tag.biosimilar {
	background: #d6d7b2;
	color: #39870c
}

.classification-tag.generic {
	background: #666;
	color: #efefef
}

.classification-tag.sluice {
	background: #fbead9;
	color: #e17000
}

.classification-tag.indication {
	background: #c6b8cf;
	color: #42145f
}

.classification-tag.meerjarenagenda {
	background: #e17000;
	color: white
}

.classification-tag.has-mutations {
	background: #e17000;
	color: white;
	text-transform: uppercase
}

.classification-tag.new {
	background: #39870c;
	color: white;
	text-transform: uppercase
}

.cms-page-module {
	border: 2px solid transparent;
	padding: 0 15px;
	margin: 0 -15px 0;
	transition: margin 0.3s, box-shadow 0.3s
}

.cms-page-module:after {
	content: " ";
	display: table;
	clear: both
}

.cms-page-module .panel-content>.pat-rich {
	padding: 0 20px
}

.cms-page-module .panel-content>.pat-rich .ProseMirror>*:first-child {
	margin-top: 0
}

.cms-page-module .panel-content>.pat-rich+.form-panel {
	margin-top: 40px
}

.cms-page-module .section-destroyer {
	position: absolute;
	opacity: 0;
	z-index: -1
}

.cms-page-module .section-destroyer.checked~.page-module-title {
	background: white !important;
	box-shadow: 0 0 0 5px white
}

.cms-page-module .section-destroyer.checked~.page-module-title .title-segment {
	text-decoration: line-through
}

.cms-page-module .section-destroyer.checked~.page-module-title .buttons-segment {
	display: none
}

.cms-page-module .section-destroyer.checked~.page-module-title:before {
	content: "" !important
}

.cms-page-module .section-destroyer.checked~.panel-content {
	display: none !important
}

.cms-page-module .page-module-title {
	margin: 0 0 20px 0;
	font-size: 22px;
	line-height: 1.625;
	padding-top: 10px
}

.cms-page-module .page-module-title.assistive {
	position: absolute !important
}

.cms-page-module .form-panel.horizontal {
	width: auto
}

.cms-page-module .form-panel:first-child {
	margin-top: -29px
}

.cms-page-module .form-panel:last-child {
	margin-bottom: -30px
}

.cms-page-module .form-panel+.pat-rich {
	margin-top: 50px
}

.cms-page-module.type-downloads.pat-collapsible .panel-content {
	padding: 15px
}

.cms-page-module.type-object .pat-screenshot {
	margin-bottom: -2px
}

.cms-page-module .grid-editor .link-list {
	margin-bottom: 0
}

.cms-page-module .grid-editor .link-list li:last-child {
	margin-bottom: 15px
}

.cms-page-module.type-definition .input-list {
	margin-bottom: 0
}

.cms-page-module.type-definition .input-list li:last-child {
	margin-bottom: 15px
}

.cms-page-module.type-metadata {
	margin-bottom: 60px
}

.cms-page-module.type-metadata.pat-collapsible .page-module-title {
	background-color: #e5f0f9
}

.cms-page-module.type-object figcaption .enlarge-link {
	color: gray;
	text-decoration: none;
	float: right;
	cursor: pointer
}

.cms-page-module.type-object figcaption .icon-right-dir:before {
	transform: scale(1.4)
}

.cms-page-module.type-object .enlarge-button {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	left: 10px;
	z-index: 1;
	color: transparent;
	overflow: hidden
}

.cms-page-module.type-object .enlarge-button:before {
	position: absolute;
	font-family: fontello;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: rgba(0, 0, 0, 0.4);
	font-size: 50px;
	display: block;
	text-align: center;
	padding: 0;
	margin: -10px 0 0 0
}

.cms-page-module.has-differences .page-module-title {
	background: rgba(255, 100, 0, 0.1)
}

.cms-page-module.has-mutations .page-module-title {
	position: relative;
	padding-right: 25px
}

.cms-page-module.has-mutations .page-module-title:after {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	content: ' ';
	width: 10px;
	height: 10px;
	color: transparent !important;
	overflow: hidden;
	border: 2px solid white;
	padding: 0;
	border-radius: 50%;
	background-color: #007bc7;
	background: linear-gradient(to bottom, #8fcae7 0%, #007bc7 100%);
	display: inline-block;
	margin-top: 0
}

.cms-page-module.pat-collapsible+.page-module.pat-collapsible {
	margin-top: -130px
}

.cms-page-module.pat-collapsible .page-module-title {
	min-height: 60px;
	font-weight: 600;
	color: #01689b;
	background-color: white;
	padding: 10px 15px 10px 39px;
	margin: 0 -15px;
	position: relative;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
	box-sizing: border-box;
	display: flex;
	align-items: stretch;
	justify-content: space-between
}

.cms-page-module.pat-collapsible .page-module-title .title-segment {
	padding: 12px 20px 12px 39px;
	margin: -10px 0 -10px -39px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	font-size: 30px;
	line-height: 35px
}

.cms-page-module.pat-collapsible .page-module-title .title-segment:after {
	font-family: fontello;
	font-size: 16px;
	display: inline-block;
	margin-left: 15px;
	margin-top: 0px;
	color: #42145f;
	transition: all 0.2s
}

.cms-page-module.pat-collapsible .page-module-title .title-segment .fraction-id {
	border-radius: 4px;
	font-size: 16px;
	line-height: 33px;
	position: relative;
	top: 5px;
	height: 32px;
	margin-right: 10px;
	background: #e5f0f9;
	filter: brightness(0.92);
	font-weight: normal;
	font-family: monospace;
	color: rgba(0, 0, 0, 0.6);
	padding: 0 15px;
	display: inline-block
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment {
	white-space: nowrap
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select {
	--select-box-height: 39px;
	vertical-align: middle;
	padding: 0 75px 0 12px;
	display: inline-block;
	height: var(--select-box-height);
	line-height: var(--select-box-height);
	padding-top: var(--select-box-padding-top-bottom);
	padding-bottom: var(--select-box-padding-top-bottom);
	padding-left: var(--select-box-padding-right-left);
	padding-right: calc((var(--select-box-arrow-width) + var(--select-box-padding-right-left) / 2));
	position: relative;
	font-weight: normal !important;
	font-size: 0;
	position: relative;
	box-sizing: border-box;
	border: none;
	box-shadow: var(--select-box-box-shadow);
	outline: none;
	outline-offset: 2px;
	color: var(--select-box-arrow-text-colour);
	font-size: 100%;
	border-radius: 0;
	max-width: 100%;
	background-color: var(--select-box-background-color);
	border-radius: 0
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="draft"] {
	background-color: #fbead9
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="draft"]:after {
	background-color: #f6d4b2
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="draft"]:before,
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="draft"]:after {
	color: #7b3d00
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="draft"]:hover {
	background-color: #f9ddc2
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="draft"]:hover:after {
	background-color: #f3c79b
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="for-review"] {
	background-color: #f2d9e7
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="for-review"]:after {
	background-color: #e5b3d0
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="for-review"]:before,
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="for-review"]:after {
	color: #5d0035
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="for-review"]:hover {
	background-color: #ecc6db
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="for-review"]:hover:after {
	background-color: #dfa0c4
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"],
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success {
	background-color: #e1eddb;
	color: #1b4106
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"]:after,
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success:after {
	background-color: #c4dbb6
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"]:before,
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"]:after,
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success:before,
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success:after {
	color: #1b4106
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"]:hover,
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"].tooltip-active-click,
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success:hover,
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success.tooltip-active-click {
	background-color: #d3e5ca
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"]:hover:after,
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"].tooltip-active-click:after,
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success:hover:after,
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success.tooltip-active-click:after {
	background-color: #b6d3a5
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.locked:before {
	font-family: fontello;
	content: "";
	display: inline-block;
	margin-right: 5px;
	float: left;
	font-size: inherit
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select:hover {
	background-color: #ededed
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select:before {
	font-size: 20px;
	content: attr(data-option);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select select {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100% !important;
	width: 100% !important;
	opacity: 0;
	margin: 0;
	z-index: 1
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select select option {
	font-size: initial;
	color: black
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select:after {
	font-family: fontello;
	content: "";
	width: var(--select-box-arrow-width);
	background-color: var(--select-box-arrow-background-colour);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 18px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select option:disabled {
	color: silver
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.injecting {
	opacity: 0.3
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-option-value="draft"] {
	background-color: #e17000
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-option-value="draft"]:before {
	color: white
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-option-value="for-review"] {
	background-color: #a90061
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-option-value="for-review"]:before {
	color: white
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-option-value="published"] {
	background-color: #d6d7b2
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-option-value="published"]:before {
	color: #39870c
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .icon {
	color: transparent;
	width: 39px;
	height: 39px;
	line-height: 39px;
	position: relative;
	background: transparent;
	display: inline-block;
	margin-left: 5px;
	cursor: default;
	vertical-align: middle
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .icon:hover {
	text-decoration: none;
	background: #ededed
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .icon.tooltip-active-click {
	background: #e17000
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .icon.tooltip-active-click:before {
	color: white
}

.cms-page-module.pat-collapsible .page-module-title .buttons-segment .icon:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	color: #01689b;
	line-height: 39px;
	font-size: 20px;
	width: 100%;
	margin: 0
}

.cms-page-module.pat-collapsible .page-module-title:focus {
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	outline: 2px solid #007bc7;
	z-index: 2
}

.cms-page-module.pat-collapsible .page-module-title:before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-family: fontello;
	content: "";
	display: inline-block;
	width: 40px;
	text-align: center;
	font-weight: normal;
	font-size: 20px;
	pointer-events: none
}

.cms-page-module.pat-collapsible.closed:hover,
.cms-page-module.pat-collapsible.closed.in-progress:hover {
	border: 2px dotted #8fcae7
}

.cms-page-module.pat-collapsible.closed,
.cms-page-module.pat-collapsible.open.in-progress {
	margin-top: 0;
	margin-bottom: 0
}

.cms-page-module.pat-collapsible.open,
.cms-page-module.pat-collapsible.closed.in-progress {
	box-shadow: 0 0 0 6px white, 0 0 0 7px silver;
	margin-top: 50px;
	margin-bottom: 50px
}

.cms-page-module.pat-collapsible.open .page-module-title,
.cms-page-module.pat-collapsible.closed.in-progress .page-module-title {
	background: #e5f0f9
}

.cms-page-module.pat-collapsible.open .page-module-title .title-segment:after,
.cms-page-module.pat-collapsible.closed.in-progress .page-module-title .title-segment:after {
	opacity: 1
}

.cms-page-module.pat-collapsible.open .page-module-title .buttons-segment .icon,
.cms-page-module.pat-collapsible.closed.in-progress .page-module-title .buttons-segment .icon {
	background-color: #01689b
}

.cms-page-module.pat-collapsible.open .page-module-title .buttons-segment .icon:before,
.cms-page-module.pat-collapsible.closed.in-progress .page-module-title .buttons-segment .icon:before {
	color: white
}

.cms-page-module.pat-collapsible.open .page-module-title .buttons-segment .icon:hover,
.cms-page-module.pat-collapsible.closed.in-progress .page-module-title .buttons-segment .icon:hover {
	background-color: #014668
}

.cms-page-module.pat-collapsible.open .page-module-title .buttons-segment .icon.tooltip-active-click,
.cms-page-module.pat-collapsible.closed.in-progress .page-module-title .buttons-segment .icon.tooltip-active-click {
	background-color: #e17000
}

.cms-page-module.pat-collapsible.open .page-module-title:before {
	content: ""
}

.cms-page-module.pat-collapsible.has-differences .page-module-title {
	background: rgba(255, 100, 0, 0.1)
}

.cms-page-module.pat-collapsible.has-differences .page-module-title.collapsible-open,
.cms-page-module.pat-collapsible.has-differences .page-module-title.collapsible-closed.collapsible-in-progress {
	background: rgba(255, 100, 0, 0.2)
}

.cms-page-module.pat-collapsible>.panel-content {
	padding: 30px 0;
	margin: 0 -15px
}

.cms-page-module h2,
.cms-page-module .page-module-title {
	transition: background-color 0.2s
}

.cms-page-module h2 a,
.cms-page-module .page-module-title a {
	text-decoration: none;
	color: black
}

.cms-page-module h2 a[href]:not(.follow):not(.icon):after,
.cms-page-module .page-module-title a[href]:not(.follow):not(.icon):after {
	font-family: fontello;
	content: "";
	margin-left: 0.5em;
	font-size: 1em;
	text-decoration: none !important;
	position: absolute
}

.cms-page-module h2 a[href]:hover,
.cms-page-module .page-module-title a[href]:hover {
	text-decoration: underline
}

.cms-page-module h2 a[href]:hover:after,
.cms-page-module .page-module-title a[href]:hover:after {
	text-decoration: none !important
}

.cms-page-module h2 a.follow,
.cms-page-module .page-module-title a.follow {
	font-size: 1.7rem;
	color: #01689b;
	text-decoration: underline;
	opacity: 0.6
}

.cms-page-module h2 a.follow:hover,
.cms-page-module .page-module-title a.follow:hover {
	opacity: 1
}

.cms-page-module h2 a.follow:before,
.cms-page-module .page-module-title a.follow:before {
	content: '('
}

.cms-page-module h2 a.follow:after,
.cms-page-module .page-module-title a.follow:after {
	content: ')'
}

.cms-page-module.frame {
	padding: 8px 20px;
	margin-top: 0;
	background: #e5f0f9
}

.cms-page-module.type-links h3+.link-list {
	margin-bottom: 20px
}

.no-js .cms-page-module#section-group-information .link-list {
	display: none
}

.no-js .cms-page-module[id$="compare"] {
	display: none
}

.cms-page-module#section-cost table.cost-table {
	clear: none;
	animation: fadeIn 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.cms-page-module#section-cost #cost-overview .pat-inject {
	position: relative;
	display: block;
	opacity: 1
}

.js .cms-page-module#section-cost #cost-overview .pat-inject {
	color: black;
	text-decoration: none;
	padding-left: 1.9em
}

.js .cms-page-module#section-cost #cost-overview .pat-inject:before {
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 1000;
	font: 50px/50px fontello;
	text-shadow: white 0 0 2px;
	text-align: center;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	left: 0.5em;
	font-size: 27px;
	color: rgba(0, 0, 0, 0.6)
}

.cms-page-module .stacks-toggle a {
	display: inline-block
}

.cms-page-module .stacks-toggle a.current {
	display: none
}

.comments {
	background-color: transparent;
	margin: 0;
	position: relative
}

table .comments {
	margin-top: -210px;
	margin-right: -15px;
	margin-bottom: -10px;
	margin-left: -15px;
	padding-top: 210px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	pointer-events: none
}

table .comments textarea {
	min-height: 33px
}

table .comments>* {
	pointer-events: auto
}

table .comments:not(.no-comments) {
	margin-bottom: 0
}

.comments .comment-trail {
	font-size: 0.9em
}

.comments .comment-trail.injecting.injecting-element>* {
	opacity: 1
}

.comments .comment-trail.injecting.injecting-element:before {
	display: none
}

.group .comments .comment-trail {
	width: 80%
}

.pat-grid-list dd .comments {
	margin: -0.4em 0
}

.pat-grid-list dd .comments .comment-trail {
	padding: 0.4em 0
}

.comments .comment:first-child {
	padding-top: 0
}

.comments .comment:first-child .pat-avatar {
	top: 0.35em
}

.comments .comment:last-child {
	margin-bottom: 1em
}

.comments .older-comments {
	position: relative;
	padding: 0 0 0.8em 0;
	margin: 0
}

.comments .older-comments a {
	color: gray;
	font-size: 0.9em
}

.comments .older-comments a:hover {
	text-decoration: underline
}

.comments .older-comments a:before {
	content: " ";
	font-family: fontello
}

.comments .older-comments .counter {
	float: right;
	opacity: 0.5
}

.comments .comment {
	position: relative;
	padding: 0.5em 1em 0.5em 42px;
	min-height: 2em
}

.comments .comment .pat-avatar {
	position: absolute;
	left: 0;
	top: 0.8em
}

.comments .comment .comment-content,
.comments .comment .comment-header {
	font-size: 0.9em;
	line-height: 1.4em
}

.comments .comment .comment-content p,
.comments .comment .comment-content ul,
.comments .comment .comment-content ol,
.comments .comment .comment-content table,
.comments .comment .comment-content dl,
.comments .comment .comment-header p,
.comments .comment .comment-header ul,
.comments .comment .comment-header ol,
.comments .comment .comment-header table,
.comments .comment .comment-header dl {
	margin-bottom: 1em
}

.comments .comment .comment-content p {
	white-space: pre-line;
	margin-bottom: 0
}

.comments .comment .date {
	font-style: italic;
	color: gray
}

.comments .comment .preview img {
	max-width: 100%;
	margin: 0 auto;
	display: block
}

.comments .comment .edited-toggle {
	transition: opacity 1s;
	opacity: 1;
	cursor: pointer
}

.comments .comment .edited-toggle:hover {
	text-decoration: underline
}

.comments .comment .edited-toggle.collapsible-open {
	opacity: 0;
	cursor: default;
	pointer-events: none
}

.comments .comment .original-text {
	opacity: 0.5;
	font-size: 0.8em
}

.comments .comment .comment-header .name {
	display: inline-block;
	padding-right: 0.15em
}

.comments .comment .comment-header .name:after {
	content: " —"
}

.comments .comment .comment-header .icon-cog {
	position: absolute;
	right: 0;
	color: rgba(0, 0, 0, 0.3);
	font-size: 0.9em;
	right: 0em;
	top: 0.8em
}

.comments .comment .comment-header .icon-cog:hover,
.comments .comment .comment-header .icon-cog.active {
	color: black
}

.comments .comment-trail+.message-box {
	margin-left: 42px !important;
	margin-top: 20px !important
}

.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) {
	clear: both;
	float: right;
	width: 100%;
	display: block
}

.no-js .pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) {
	position: relative
}

.no-touchevents .pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help):not(.borderless) .collapsible-closed:hover {
	background-color: rgba(0, 0, 0, 0.03)
}

@media screen {

	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help).borderless .collapsible-closed,
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help).borderless .collapsible-open {
		padding: 0 0 0 1.8rem
	}

	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help).borderless .collapsible-closed:before,
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help).borderless .collapsible-open:before {
		left: 0
	}

	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help).borderless .panel-content {
		padding-left: 1.8rem
	}
}

.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help).warning {
	color: #e17000
}

.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help).warning .collapsible-closed,
.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help).warning .collapsible-open {
	color: #e17000
}

.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help).explanation {
	color: #01689b
}

.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help).explanation .collapsible-closed,
.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help).explanation .collapsible-open {
	color: #01689b
}

.no-js .pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-loading-message {
	padding: 0;
	position: absolute;
	bottom: 1px;
	left: 0;
	right: 0;
	height: 67px
}

.no-js .pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-loading-message a {
	display: block;
	height: 100%;
	width: 100%;
	color: transparent !important
}

.no-js .pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-loading-message a:hover {
	background-color: rgba(0, 0, 0, 0.03)
}

.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .panel-content .summary {
	margin: -8px 0 15px 0
}

.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .panel-content .collapsible-loading-message {
	height: 40px;
	text-align: center;
	position: relative;
	opacity: 0;
	animation: fadeIn 1s;
	animation-delay: 0.4s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	animation-iteration-count: 1
}

.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .panel-content .collapsible-loading-message a {
	opacity: 0
}

.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .panel-content .collapsible-loading-message:before {
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 1000;
	font: 50px/50px fontello;
	text-shadow: white 0 0 2px;
	text-align: center;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	color: gray
}

.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-closed,
.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-open,
.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .block-title {
	font-weight: bold;
	color: #01689b;
	position: relative;
	cursor: pointer;
	display: block;
	-webkit-user-select: none;
	user-select: none;
	margin: 0;
	text-decoration: none
}

@media screen {

	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-closed,
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-open,
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .block-title {
		padding: 0.8em 0 0.8em 2.8rem
	}

	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-closed.borderless,
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-open.borderless,
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .block-title.borderless {
		padding: 0
	}
}

@media screen and (min-width: 0\0) {

	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-closed,
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-open,
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .block-title {
		text-decoration: none !important
	}
}

@media print {

	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-closed,
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-open,
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .block-title {
		color: black;
		font-weight: bold;
		text-decoration: none
	}
}

.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-closed:before,
.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-open:before,
.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .block-title:before {
	font-family: fontello;
	content: "";
	content: "";
	text-indent: 0;
	font-size: 1em;
	width: 1em;
	height: 1em;
	line-height: 1.1em;
	transition: transform 0.4s;
	text-decoration: none;
	display: inline-block;
	white-space: pre-wrap;
	border-radius: 2em;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0.9rem;
	transform: translateY(-50%) rotate(-45deg);
	margin-top: -0.04em;
	font-weight: normal
}

@media print {

	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-closed:before,
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-open:before,
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .block-title:before {
		display: none
	}
}

@media screen {
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-closed {
		text-decoration: none
	}
}

.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-closed:hover {
	text-decoration: underline
}

.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-open {
	text-decoration: none
}

@media screen {

	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-open:before,
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .collapsible-closed.collapsible-in-progress:before {
		transform: translateY(-50%) rotate(0deg)
	}
}

.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .panel-content {
	padding: 0 0 2em 0
}

@media screen {
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .panel-content {
		padding-left: 2.8rem
	}
}

@media print {
	.pat-collapsible:not(.content):not(.form-panel):not(.page-module):not(.free-form):not(.cms-page-module):not(.context-menu):not(.pat-context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.filters):not(.help) .panel-content {
		display: block !important
	}
}

.container {
	display: block;
	padding: 0 15px;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.container:before {
	display: table;
	content: " "
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.container {
		max-width: 960px
	}
}

@media only screen and (min-width: 1280px) {
	.container {
		max-width: 1200px
	}

	.pat-modal.medium .container {
		max-width: 960px
	}

	.pat-modal.small .container {
		max-width: 640px
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.container {
		padding: 0 15px
	}
}

.container:after {
	content: " ";
	display: table;
	clear: both
}

#content,
#search-content {
	min-height: calc(100vh - 70px);
	box-sizing: border-box
}

@media only screen and (min-width: 770px) {

	#content,
	#search-content {
		padding-top: 60px;
		padding-bottom: 70px
	}
}

@media only screen and (max-width: 769px) {

	#content,
	#search-content {
		padding-top: 20px;
		padding-bottom: 20px
	}
}

#content.grid-on,
#search-content.grid-on {
	background-image: -moz-linear-gradient(top, transparent 95%, rgba(0, 0, 0, 0.3) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(95%, transparent), color-stop(100%, rgba(0, 0, 0, 0.3)));
	background-image: -webkit-linear-gradient(top, transparent 95%, rgba(0, 0, 0, 0.3) 100%);
	background-image: -o-linear-gradient(top, transparent 95%, rgba(0, 0, 0, 0.3) 100%);
	background-image: -ms-linear-gradient(top, transparent 95%, rgba(0, 0, 0, 0.3) 100%);
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.3) 95%, rgba(0, 0, 0, 0.3) 100%);
	-webkit-background-size: 100% 26px;
	-o-background-size: 100% 26px;
	background-size: 100% 26px
}

.variation-compare~#main #content:not(.compare-count-0),
.variation-compare~#main #search-content:not(.compare-count-0),
.variation-medicine-compare~#main #content:not(.compare-count-0),
.variation-medicine-compare~#main #search-content:not(.compare-count-0),
.variation-indication-compare~#main #content:not(.compare-count-0),
.variation-indication-compare~#main #search-content:not(.compare-count-0),
.variation-medicine-group-compare~#main #content .variation-medicine-group-compare~#main #search-content:not(.compare-count-0) {
	background: white;
	padding-top: 0
}

.variation-compare~#main #content:not(.compare-count-0)>.container,
.variation-compare~#main #search-content:not(.compare-count-0)>.container,
.variation-medicine-compare~#main #content:not(.compare-count-0)>.container,
.variation-medicine-compare~#main #search-content:not(.compare-count-0)>.container,
.variation-indication-compare~#main #content:not(.compare-count-0)>.container,
.variation-indication-compare~#main #search-content:not(.compare-count-0)>.container,
.variation-medicine-group-compare~#main #content .variation-medicine-group-compare~#main #search-content:not(.compare-count-0)>.container {
	max-width: inherit
}

@media only screen and (max-width: 769px) {

	.variation-compare~#main #content:not(.compare-count-0)>.container,
	.variation-compare~#main #search-content:not(.compare-count-0)>.container,
	.variation-medicine-compare~#main #content:not(.compare-count-0)>.container,
	.variation-medicine-compare~#main #search-content:not(.compare-count-0)>.container,
	.variation-indication-compare~#main #content:not(.compare-count-0)>.container,
	.variation-indication-compare~#main #search-content:not(.compare-count-0)>.container,
	.variation-medicine-group-compare~#main #content .variation-medicine-group-compare~#main #search-content:not(.compare-count-0)>.container {
		padding: 0
	}
}

.context-menu.pat-collapsible {
	position: relative;
	display: inline-block
}

.context-menu.pat-collapsible legend {
	line-height: 1.4
}

.context-menu.pat-collapsible select {
	width: 100%
}

.context-menu.pat-collapsible .close-menu {
	color: transparent;
	text-align: right;
	cursor: default;
	height: 0;
	margin: 0;
	opacity: 0
}

.context-menu.pat-collapsible .close-menu:after {
	font-family: fontello;
	content: "";
	color: gray;
	font-size: 1.2em
}

.context-menu.pat-collapsible .close-menu:hover:after {
	color: black
}

.context-menu.pat-collapsible.open.in-progress .panel-content {
	display: none !important
}

.context-menu.pat-collapsible .context-menu-label {
	user-select: none;
	font-weight: normal;
	cursor: default;
	display: inline-block;
	margin: 0
}

.context-menu.pat-collapsible .context-menu-label.collapsible-closed,
.context-menu.pat-collapsible .context-menu-label.collapsible-open {
	padding: 0 30px 0 0;
	text-decoration: none;
	cursor: default
}

.context-menu.pat-collapsible .context-menu-label.collapsible-closed:hover,
.context-menu.pat-collapsible .context-menu-label.collapsible-closed:active,
.context-menu.pat-collapsible .context-menu-label.collapsible-open:hover,
.context-menu.pat-collapsible .context-menu-label.collapsible-open:active {
	color: black
}

.context-menu.pat-collapsible .context-menu-label.collapsible-closed {
	text-decoration: none
}

.canvas-subnav .context-menu.pat-collapsible .context-menu-label.collapsible-closed {
	cursor: pointer
}

.context-menu.pat-collapsible .context-menu-label.collapsible-open:before {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: ' '
}

.context-menu.pat-collapsible .context-menu-label:not(.iconified):after,
.context-menu.pat-collapsible .context-menu-label.iconified.pat-button:after {
	content: ' ';
	padding-right: 1em;
	box-shadow: none !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: absolute;
	top: 2%;
	right: 12px;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYWFnXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNC42IDguOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQuNiA4Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDM2ODlCO3N0cm9rZS13aWR0aDozO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+Cjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjEuNSwxLjUgNy4zLDcuMyAxMy4xLDEuNSAiLz4KPC9zdmc+);
	background-size: auto 10px
}

.context-menu.pat-collapsible .context-menu-label.iconified {
	text-indent: -1000px;
	overflow: hidden;
	width: 2.2em
}

.context-menu.pat-collapsible .context-menu-label.iconified.pat-button {
	width: 2.4em;
	position: relative
}

.context-menu.pat-collapsible .context-menu-label.iconified.pat-button:after {
	position: absolute;
	right: 0.3em;
	width: 100%;
	height: 1em;
	top: 0.2em
}

.context-menu.pat-collapsible .context-menu-label.iconified.pat-button:before {
	width: 1.7em;
	line-height: 1.75em;
	display: block
}

.context-menu.pat-collapsible .context-menu-label.iconified.pat-button.collapsible-open:after,
.context-menu.pat-collapsible .context-menu-label.iconified.pat-button.collapsible-open:before {
	color: #e17000
}

.context-menu.pat-collapsible .context-menu-label.iconified:before {
	position: absolute;
	font-family: fontello;
	content: "";
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: 0;
	text-align: center
}

.context-menu.pat-collapsible.no-label:before {
	width: 100%;
	height: 100%;
	line-height: 44px;
	position: absolute;
	margin: 0
}

.context-menu.pat-collapsible.no-label.open:before,
.context-menu.pat-collapsible.no-label.in-progress.closed:before {
	background: #e17000;
	color: white;
	border-radius: 0
}

.context-menu.pat-collapsible.no-label .context-menu-label {
	opacity: 0;
	width: 44px;
	padding: 0
}

.context-menu.pat-collapsible.no-label .panel-content {
	top: 45px
}

.context-menu.pat-collapsible.open .context-menu-label {
	color: black
}

.context-menu.pat-collapsible.open .context-menu-label.pat-button {
	box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.3)
}

.context-menu.pat-collapsible.open.iconified .context-menu-label {
	color: #e17000
}

.context-menu.pat-collapsible.open .panel-content {
	display: block
}

.context-menu.pat-collapsible .panel-content {
	position: absolute;
	top: 1.8em;
	left: 0;
	display: none;
	background-color: white;
	padding: 1em !important;
	width: 450px;
	z-index: 10;
	border-radius: 0;
	font-size: 1em;
	height: auto !important;
	line-height: 1.625;
	border: 1px solid silver;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2)
}

.context-menu.pat-collapsible .panel-content *:last-child {
	margin-bottom: 0
}

.context-menu.pat-collapsible .panel-content li button,
.context-menu.pat-collapsible .panel-content li .button {
	margin: 0
}

.batch-functions .context-menu.pat-collapsible .panel-content {
	width: 85%;
	right: 0;
	left: inherit
}

@media only screen and (min-width: 770px) {
	.context-menu.pat-collapsible.align-right .panel-content {
		right: 0;
		left: inherit
	}
}

.cookiewarning {
	display: none;
	padding: 2% 6%;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.9);
	font-size: 1em;
	border-top: 1px solid #cbcbcb;
	-moz-backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	z-index: 1000
}

.cookiewarning .cookiewarning_yes {
	padding: 0
}

.cookiewarning .close-button {
	position: absolute;
	top: 1.5em;
	right: 1.5em;
	width: 3em;
	height: 3em;
	color: transparent !important;
	filter: none;
	border: none;
	background: none;
	outline: none;
	display: block;
	overflow: visible;
	padding: 0;
	margin: 0;
	opacity: 0.4;
	transition: transform 0.2s ease-out;
	z-index: 2;
	font-size: 10px;
	right: 2%;
	top: 50%;
	transform: translateY(-50%);
	color: transparent;
	background: #01689b;
	opacity: 1;
	width: 50px;
	height: 50px
}

.cookiewarning .close-button:active {
	box-shadow: inherit;
	transform: scale(0.6);
	box-shadow: none
}

.cookiewarning .close-button:hover {
	opacity: 1
}

.cookiewarning .close-button:before {
	font-family: fontello;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 2.5em;
	color: black;
	text-indent: 0
}

@media only screen and (max-width: 769px) {
	.cookiewarning .close-button {
		top: auto;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 0.6em
	}
}

.cookiewarning .close-button:before {
	color: white;
	font-size: 30px;
	text-align: center;
	display: block;
	width: 50px;
	line-height: 50px
}

.cookiewarning .close-button:hover:before {
	color: white;
	background: #014668
}

.cookie-ok .cookiewarning {
	display: none
}

_::-webkit-:not(:root:root) .cookiewarning {
	background-color: rgba(255, 255, 255, 0.3)
}

.pat-checklist label .label-fragment-title {
	font-weight: bold
}

.pat-checklist label .label-fragment-description {
	opacity: 0.8;
	display: block;
	font-size: 0.9em;
	padding-bottom: 0.5em
}

#dashboard {
	position: relative;
	overflow: hidden;
	margin: 0 -15px
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	#dashboard {
		margin: 0 -10.5px
	}
}

.pat-message+#dashboard {
	margin-top: 30px
}

#dashboard .js:before {
	position: fixed !important;
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 1000;
	font: 50px/50px fontello;
	text-shadow: white 0 0 2px;
	text-align: center;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear
}

@media only screen and (max-width: 769px) {
	#dashboard {
		margin: 0
	}
}

#dashboard.masonry-ready:before {
	display: none
}

@media only screen and (max-width: 769px) {
	#dashboard .grid-sizer {
		width: 100%
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	#dashboard .grid-sizer {
		width: 50%
	}
}

@media only screen and (min-width: 1280px) {
	#dashboard .grid-sizer {
		width: 33.333332%
	}
}

#dashboard .portlet {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	#dashboard .portlet {
		padding: 0 10.5px
	}
}

@media only screen and (max-width: 769px) {
	#dashboard .portlet {
		padding: 0
	}
}

.js #dashboard .portlet {
	opacity: 0;
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s
}

@media only screen and (min-width: 1280px) {
	.js #dashboard .portlet.span-1 {
		width: 33.333332%
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.js #dashboard .portlet.span-1 {
		width: 50%
	}
}

@media only screen and (min-width: 1280px) {
	.js #dashboard .portlet.span-2 {
		width: 66.66666%
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.js #dashboard .portlet.span-2 {
		width: 50%
	}
}

.js #dashboard .portlet.span-3,
.js #dashboard .portlet.span-full {
	width: 100%
}

@media only screen and (max-width: 769px) {
	.js #dashboard .portlet.stamp {
		position: static !important
	}
}

@media only screen and (min-width: 770px) {
	.js #dashboard .portlet.stamp {
		position: absolute;
		top: 0
	}

	.js #dashboard .portlet.stamp.right {
		right: 0
	}

	.js #dashboard .portlet.stamp.left {
		left: 0
	}
}

.js #dashboard.masonry-ready .portlet {
	opacity: 1
}

.directory.injecting:before {
	position: absolute
}

.directory h2 {
	text-transform: uppercase;
	margin: 0 0 20px 0;
	font-size: 1.625rem;
	padding-top: 10px
}

.directory .link-list {
	margin-bottom: 20px
}

.directory .block {
	margin-top: -96px !important;
	padding-top: 95px;
	margin-bottom: 0 !important;
	pointer-events: none;
	border-top: none !important
}

.directory .block>* {
	pointer-events: auto
}

.directory .block .block-title {
	border-top: solid 1px #dfdfdf
}

.no-js .directory .block .block-title {
	padding: 1em 0 1em 1rem
}

.directory .loading {
	color: gray;
	display: block;
	padding-top: 6.5em;
	text-align: center;
	cursor: default;
	opacity: 1 !important
}

.directory .loading:hover {
	text-decoration: none
}

.editorial-list {
	gap: 32px
}

@media only screen and (min-width: 770px) {
	.editorial-list {
		display: grid
	}
}

@media only screen and (min-width: 1280px) {
	.editorial-list.col-2 {
		grid-template-columns: 1fr 1fr
	}

	.editorial-list.col-3 {
		grid-template-columns: 1fr 1fr 1fr
	}

	.editorial-list.col-4 {
		grid-template-columns: 1fr 1fr 1fr 1fr
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.editorial-list.col-2 {
		grid-template-columns: 1fr 1fr
	}

	.editorial-list.col-3 {
		grid-template-columns: 1fr 1fr 1fr
	}

	.editorial-list.col-4 {
		grid-template-columns: 1fr 1fr 1fr
	}
}

.editorial-list li.state-draft a {
	color: #e17000
}

.editorial-list li a:hover {
	text-decoration: none
}

.editorial-list li a:hover .item-title {
	text-decoration: underline
}

@media only screen and (max-width: 769px) {
	.editorial-list li a {
		padding: 15px 40px 15px 20px;
		display: block;
		background-color: #f3f3f3;
		position: relative;
		margin-bottom: 2px
	}

	.editorial-list li a:after {
		position: absolute;
		top: 50%;
		height: auto;
		transform: translateY(-50%);
		right: 20px;
		font-family: fontello;
		content: "";
		font-size: 25px;
		color: gray
	}
}

.editorial-list li a .item-title {
	font-size: 1.6018066406rem;
	line-height: 1.2485901539;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.5rem;
	text-underline-offset: 0.18em
}

@media only screen and (max-width: 769px) {
	.editorial-list li a .item-title {
		font-size: 1.3125em;
		font-weight: bold;
		line-height: 1.2381;
		margin: 0
	}
}

.editorial-list li a .byline {
	color: black;
	line-height: 1.375em;
	-webkit-hyphens: auto;
	hyphens: auto;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden
}

@media only screen and (max-width: 769px) {
	.editorial-list li a .byline {
		padding-top: 2px;
		font-size: 16px;
		display: none
	}
}

.file-download {
	display: block;
	background: #f3f3f3;
	margin: 0 0 1rem 0;
	padding: 1rem;
	position: relative
}

.sortable-item .file-download {
	transition: all 0.2s;
	margin: 0.5rem 0;
	padding: 1rem 1rem 1rem 60px;
	box-sizing: border-box;
	clear: both;
	overflow: hidden
}

.sortable-item .file-download[data-value="on"] {
	height: 0;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0
}

.file-download[href]:hover {
	text-decoration: none
}

.file-download[href]:hover .title {
	color: #01496d
}

.file-download:before {
	display: none
}

.file-download .title {
	font-size: 1.6018066406rem;
	line-height: 1.2485901539;
	position: relative;
	width: 100%;
	margin: 0rem 0rem 0.5rem 0rem;
	color: #01689b
}

.file-download .meta {
	font-size: 1.125rem;
	line-height: 1.3333333333;
	font-weight: normal;
	margin: 0;
	color: #535353;
	width: 100%
}

.file-download .meta:last-child {
	margin: 0
}

@media only screen and (max-width: 769px) {
	.file-download .meta {
		display: inline
	}
}

@media only screen and (min-width: 770px) {
	.file-download .meta .meta-item {
		border-left: 1px solid #535353;
		padding: 0 0.2em;
		display: inline-block
	}

	.file-download .meta .meta-item:before {
		content: '  ';
		display: inline
	}

	.file-download .meta .meta-item:first-child {
		padding-left: 0;
		border-left: none
	}

	.file-download .meta .meta-item:first-child:before {
		display: none
	}
}

@media only screen and (max-width: 769px) {
	.file-download .meta .meta-item:after {
		content: ', '
	}
}

@media only screen and (max-width: 769px) {
	.file-download .meta:last-child .meta-item:last-child:after {
		content: '.'
	}
}

#footer {
	background: #39870c;
	position: relative;
	clear: both
}

@media print {
	#footer {
		display: none
	}
}

@media all and (display-mode: standalone) {
	#footer {
		display: none
	}
}

#footer .container {
	padding: 50px 0
}

@media only screen and (max-width: 769px) {
	#footer .container {
		padding-top: 30px;
		padding-bottom: 30px
	}
}

#footer .payoff,
#footer .column {
	float: left;
	padding: 0 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (min-width: 1280px) {
	#footer .column {
		width: 16.66667%
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	#footer .column {
		width: 25%
	}
}

@media only screen and (max-width: 769px) {
	#footer .column {
		width: 50% !important;
		font-size: 16px
	}
}

#footer .payoff {
	font-family: "RO Serif";
	color: white;
	position: relative;
	font-size: 1.75em;
	line-height: 1.4;
	font-style: italic
}

@media only screen and (min-width: 1280px) {
	#footer .payoff {
		width: 58.33333%;
		padding-right: 8%
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	#footer .payoff {
		width: 50%;
		padding-right: 8%
	}
}

@media only screen and (max-width: 769px) {
	#footer .payoff {
		font-size: 1.5em;
		padding-bottom: 25px;
		width: 100% !important
	}

	#footer .payoff br {
		display: none
	}
}

#footer li {
	font-family: "RO Sans", sans-serif;
	list-style: none;
	margin: 0
}

#footer li a {
	text-decoration: none;
	color: white;
	padding: 2px 0 2px 0;
	display: block
}

@media only screen and (max-width: 769px) {
	#footer li a {
		padding: 0
	}
}

#footer li a:hover {
	text-decoration: underline
}

#footer h2 {
	font-family: "RO Sans", sans-serif;
	font-size: 1.5em;
	margin-bottom: 5px;
	margin: 8px 0 5px 0;
	padding-top: 0;
	color: #fff;
	font-weight: normal;
	border: 0
}

@media only screen and (max-width: 769px) {
	#footer h2 {
		font-size: 1.25em
	}
}

.pat-form {
	counter-reset: form-panel
}

.pat-form.two-factor-authentication .form-panel {
	padding-left: 0
}

.pat-form.two-factor-authentication .form-panel .pat-verification-code {
	margin: 70px auto 10px
}

.pat-form.two-factor-authentication .form-panel .button-bar,
.pat-form.two-factor-authentication .form-panel .pat-checklist {
	width: 352px;
	padding: 0;
	margin: 0 auto
}

.pat-form.two-factor-authentication .form-panel .pat-checklist {
	margin-bottom: 50px
}

.pat-form#search-form {
	padding-top: 80px;
	margin-top: -80px
}

.pat-form .e-form-text .meta {
	text-align: right;
	font-size: .8125em;
	line-height: 1.5;
	color: #666
}

.pat-form h2 {
	font-size: 1.536em;
	font-weight: normal;
	line-height: 1.1429
}

.pat-form h2.req {
	margin: .67em 0 0 0
}

.pat-form label.slider.type-euro {
	padding-bottom: 1.5em
}

.pat-form label.slider.type-euro:after {
	content: attr(data-value)
}

.pat-form label.slider.type-euro input {
	position: absolute
}

.pat-form .has-changes {
	position: absolute;
	left: -20px;
	top: -13px;
	bottom: -12px;
	right: 0;
	background: rgba(255, 100, 0, 0.1);
	border-left: 8px solid rgba(255, 100, 0, 0.2);
	z-index: 0;
	color: transparent;
	display: block;
	animation: fadeIn 1s;
	grid-area: label !important;
	grid-row: 1 / last
}

.pat-form input,
.pat-form textarea,
.pat-form .textarea.group,
.pat-form select,
.pat-form .select2-container .select2-choice,
.pat-form .select2-container .select2-choices,
.pat-form .md-editor .md-render,
.pat-form .pat-rich-editor,
.pat-form .output-field {
	font-family: "RO Sans"
}

.pat-form input[size="4"],
.pat-form textarea[size="4"],
.pat-form .textarea.group[size="4"],
.pat-form select[size="4"],
.pat-form .select2-container .select2-choice[size="4"],
.pat-form .select2-container .select2-choices[size="4"],
.pat-form .md-editor .md-render[size="4"],
.pat-form .pat-rich-editor[size="4"],
.pat-form .output-field[size="4"] {
	width: 6em
}

.pat-form input:invalid,
.pat-form textarea:invalid,
.pat-form .textarea.group:invalid,
.pat-form select:invalid,
.pat-form .select2-container .select2-choice:invalid,
.pat-form .select2-container .select2-choices:invalid,
.pat-form .md-editor .md-render:invalid,
.pat-form .pat-rich-editor:invalid,
.pat-form .output-field:invalid {
	border-color: #e17000
}

.pat-form input:required:valid,
.pat-form textarea:required:valid,
.pat-form .textarea.group:required:valid,
.pat-form select:required:valid,
.pat-form .select2-container .select2-choice:required:valid,
.pat-form .select2-container .select2-choices:required:valid,
.pat-form .md-editor .md-render:required:valid,
.pat-form .pat-rich-editor:required:valid,
.pat-form .output-field:required:valid {
	transition-delay: 0s;
	border-color: #01689b
}

.pat-form .form-callout {
	margin: 0 -20px 20px;
	padding: 20px;
	outline: 1px solid silver
}

.pat-form .form-callout .functions {
	padding-right: 5px;
	text-align: right
}

.pat-form .form-callout .functions .icon {
	display: inline-block;
	width: 30px;
	line-height: 30px;
	height: 30px;
	margin: 0 0 0 10px;
	overflow: hidden;
	color: transparent
}

.pat-form .form-callout .functions .icon:before {
	display: block;
	color: #01689b;
	line-height: 30px;
	width: 30px;
	text-align: center
}

.pat-form .form-callout .functions .icon:hover:before {
	color: black
}

.pat-form fieldset.form-panel {
	padding: 26px 0 0 20px;
	background: #f3f3f3;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pat-form fieldset.form-panel .form-separation-header {
	margin-top: 0
}

.pat-form fieldset.form-panel h3 {
	counter-increment: form-panel
}

.pat-form fieldset.form-panel h3:before {
	content: counter(form-panel) ". "
}

div.pat-modal .pat-form fieldset.form-panel {
	padding: 0;
	background-color: transparent
}

.page-type-login .pat-form fieldset.form-panel {
	margin-bottom: 35px
}

.pat-form fieldset.form-panel:after {
	content: " ";
	display: table;
	clear: both
}

.pat-form fieldset.form-panel>.button-bar {
	width: 100%;
	margin: 0
}

.pat-form fieldset.form-panel>.button-bar .pat-button {
	float: left
}

.pat-form fieldset.form-panel>.button-bar .filter-toggle {
	background: transparent;
	text-decoration: underline !important;
	color: #01689b;
	padding: .4em 0;
	cursor: pointer;
	vertical-align: text-bottom;
	line-height: 1.6;
	float: left;
	font-size: 1em
}

.pat-form fieldset.form-panel>.button-bar .filter-toggle:active {
	box-shadow: none
}

.pat-form fieldset.horizontal .help {
	padding: 0;
	margin-top: 1px;
	margin-bottom: -3px;
	clear: both
}

.pat-form fieldset.horizontal .help .help-content {
	padding: 20px 0;
	display: block;
	line-height: 1.3
}

.pat-form fieldset.horizontal .help .help-label,
.pat-form fieldset.horizontal .help .help-label.collapsible-open.collapsible-in-progress {
	position: absolute;
	top: -33px;
	right: -25%;
	z-index: 2;
	width: 26px;
	height: 35px;
	overflow: hidden;
	background-color: #01689b;
	color: transparent;
	padding: 0;
	content: "";
	font-family: fontello;
	transition: translate 0.25s;
	transform: translateY(0%)
}

.pat-form fieldset.horizontal .help .help-label:hover,
.pat-form fieldset.horizontal .help .help-label.collapsible-open.collapsible-in-progress:hover {
	color: transparent
}

.pat-form fieldset.horizontal .help .help-label.collapsible-open.collapsible-in-progress,
.pat-form fieldset.horizontal .help .help-label.collapsible-open.collapsible-in-progress.collapsible-open.collapsible-in-progress {
	transform: translateY(0%)
}

.pat-form fieldset.horizontal .help .help-label.collapsible-open,
.pat-form fieldset.horizontal .help .help-label.collapsible-closed.collapsible-in-progress,
.pat-form fieldset.horizontal .help .help-label.collapsible-open.collapsible-in-progress.collapsible-open,
.pat-form fieldset.horizontal .help .help-label.collapsible-open.collapsible-in-progress.collapsible-closed.collapsible-in-progress {
	transform: translateY(100%)
}

.pat-form fieldset.horizontal .help .help-label.collapsible-open:before,
.pat-form fieldset.horizontal .help .help-label.collapsible-closed.collapsible-in-progress:before,
.pat-form fieldset.horizontal .help .help-label.collapsible-open.collapsible-in-progress.collapsible-open:before,
.pat-form fieldset.horizontal .help .help-label.collapsible-open.collapsible-in-progress.collapsible-closed.collapsible-in-progress:before {
	opacity: 0
}

.pat-form fieldset.horizontal .help .help-label.collapsible-open:after,
.pat-form fieldset.horizontal .help .help-label.collapsible-closed.collapsible-in-progress:after,
.pat-form fieldset.horizontal .help .help-label.collapsible-open.collapsible-in-progress.collapsible-open:after,
.pat-form fieldset.horizontal .help .help-label.collapsible-open.collapsible-in-progress.collapsible-closed.collapsible-in-progress:after {
	opacity: 1
}

.pat-form fieldset.horizontal .help .help-label:before,
.pat-form fieldset.horizontal .help .help-label.collapsible-open.collapsible-in-progress:before {
	content: "";
	background-color: transparent;
	transform: none;
	margin: 0;
	font-family: fontello;
	color: white;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	line-height: 35px;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	font-size: 0.8em;
	transition: opacity 0.8s;
	transition-delay: 0.3s
}

.pat-form fieldset.horizontal .help .help-label:after,
.pat-form fieldset.horizontal .help .help-label.collapsible-open.collapsible-in-progress:after {
	content: "";
	font-size: 0.8em;
	font-family: fontello;
	color: white;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 35px;
	text-align: center;
	background: #01689b;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.8s;
	transition-delay: 0.3s
}

.pat-form fieldset.horizontal .pat-collapsible>.panel-content {
	padding: 0.5 0 1.5em 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pat-form fieldset.horizontal>label {
	clear: both;
	z-index: 1
}

.pat-form fieldset.horizontal fieldset.group,
.pat-form fieldset.horizontal div.group,
.pat-form fieldset.horizontal .help,
.pat-form fieldset.horizontal .instruction {
	position: relative
}

@media only screen and (min-width: 1280px) {
	#gen-data.has-parent {
		padding-left: 80px
	}
}

@media only screen and (min-width: 1280px) {
	#gen-data {
		position: relative
	}

	#gen-data .canvas-toolbar {
		position: absolute;
		top: -3px;
		left: 15px;
		width: 50px
	}

	#gen-data .canvas-toolbar .icon {
		margin-left: 0
	}
}

#global-nav {
	border: none;
	background-color: #39870c;
	clear: both;
	position: relative;
	z-index: 11;
	position: -moz-sticky !important;
	position: -webkit-sticky !important;
	position: sticky !important;
	top: -0.05px !important;
	transition: top .4s
}

/* added iWmo color to global navbar */
#global-nav.nav-iwmo, #footer.nav-iwmo {
background-color: #003A6B !important;
}

/* added iJw color to global navbar */
#global-nav.nav-ijw, #footer.nav-ijw {
background-color: #6B1A6A !important;
}

/* added iWmo color to global navbar */
#global-nav.nav-iwlz, #footer.nav-iwlz {
background-color: #A3C644 !important;
}

/* added iPgb color to global navbar */
#global-nav.nav-ipgb, #footer.nav-ipgb {
background-color: #FFC20E !important;
}

/* added g color to global navbar */
#global-nav.nav-tabs {
background-color: #e8e8e8 !important;
}

#global-nav .icons {
	position: absolute;
	right: 70px
}

@media only screen and (min-width: 770px) {
	#global-nav .icons {
		top: 11px
	}
}

@media only screen and (max-width: 769px) {
	#global-nav .icons {
		top: 12px
	}
}

#global-nav .icons .icon {
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	margin: 0;
	color: transparent;
	font-size: 18px;
	position: relative;
	float: left;
	margin: 0 0 0 7px
}

#global-nav .icons .icon:hover {
	background-color: rgba(0, 0, 0, 0.2)
}

#global-nav .icons .icon.tooltip-active-click,
#global-nav .icons .icon.current {
	background-color: black
}

#global-nav .icons .icon:before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	color: white;
	font-family: fontello;
	font-family: fontello;
	text-align: center;
	line-height: 48px;
	font-size: 22px
}

#global-nav .icons .icon#dashboard-trigger:before {
	content: "";
	font-size: 20px
}

#global-nav .icons .icon#user-menu-trigger {
	cursor: default;
	overflow: hidden
}

#global-nav .icons .icon#user-menu-trigger:before {
	content: ""
}

@keyframes background-glow {

	0%,
	100% {
		background-color: #39870c
	}

	50% {
		background-color: DeepPink
	}
}

.css-extern #global-nav {
	animation: background-glow 2s 1s 3
}

@media only screen and (min-width: 770px) {
	#global-nav {
		min-height: 70px
	}
}

@media only screen and (max-width: 769px) {
	#global-nav {
		min-height: 70px;
		margin-top: 70px
	}
}

@media all and (display-mode: standalone) {
	#global-nav {
		margin-top: 0;
		position: fixed;
		top: 0;
		right: 0;
		left: 0
	}
}

@media print {
	#global-nav {
		display: none
	}
}

.scrolling-down #global-nav,
.scroll-down #global-nav {
	top: -70px !important
}

#global-nav .container {
	position: relative;
	padding: 0 185px 0 15px
}

#global-nav .container #breadcrumbs {
	line-height: 1.6em;
	font-size: 1.25rem;
	letter-spacing: .03rem;
	float: left;
	line-height: 70px
}

@media only screen and (max-width: 769px) {
	#global-nav .container #breadcrumbs {
		padding-top: 0;
		padding-bottom: 0;
		width: 100%
	}
}

#global-nav .container #breadcrumbs a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	max-width: 100%;
	white-space: nowrap;
	height: 70px;
	float: left
}

#global-nav .container #breadcrumbs a.homepage {
	font-weight: normal
}

@media only screen and (min-width: 770px) {
	#global-nav .container #breadcrumbs a {
		font-size: 1.625rem
	}
}

@media only screen and (max-width: 769px) {
	#global-nav .container #breadcrumbs a {
		display: none;
		padding: 0 0.2em 0
	}

	#global-nav .container #breadcrumbs a[href]:last-of-type {
		display: inline-block
	}
}

#global-nav .container #breadcrumbs a[href] {
	font-weight: normal
}

.no-touchevents #global-nav .container #breadcrumbs a[href]:hover {
	text-decoration: underline
}

@media only screen and (min-width: 770px) {
	#global-nav .container #breadcrumbs a[href]:after {
		content: "";
		display: inline-block;
		font-weight: normal;
		font-family: "fontello";
		vertical-align: middle;
		speak: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		padding: 0 6px 0 10px;
		display: inline-block;
		font-size: 22px;
		line-height: 1em;
		margin: -3px 0 0 0;
		text-decoration: none;
		width: 21px;
		text-align: center
	}
}

@media only screen and (max-width: 769px) {
	#global-nav .container #breadcrumbs a[href].homepage {
		width: 30px;
		overflow: hidden;
		height: 70px
	}

	#global-nav .container #breadcrumbs a[href]:before {
		font-family: fontello;
		content: "";
		display: inline-block;
		padding-right: 0.3em;
		font-size: 46px;
		float: left
	}

	#global-nav .container #breadcrumbs a[href]:after {
		display: none
	}
}

#global-nav .container #quick-search-form {
	position: absolute;
	right: 15px
}

#global-nav .container #quick-search-form.injecting {
	opacity: 1
}

#global-nav .container #quick-search-form.injecting:before {
	display: none
}

@media only screen and (min-width: 770px) {
	#global-nav .container #quick-search-form {
		padding-top: 11px
	}
}

@media only screen and (max-width: 769px) {
	#global-nav .container #quick-search-form {
		clear: both;
		font-size: 1.25em;
		padding-bottom: 12px;
		padding-top: 12px;
		overflow: hidden
	}
}

#global-nav .container #quick-search-form label {
	position: absolute;
	top: 0;
	right: -11px;
	height: 70px;
	width: 60px;
	color: transparent;
	overflow: hidden
}

#global-nav .container #quick-search-form label:before {
	content: ' ';
	display: block;
	position: absolute;
	top: 11px;
	right: 11px;
	height: 48px;
	width: 48px;
	background-color: black;
	opacity: 0
}

.no-touchevents #global-nav .container #quick-search-form:hover label:before {
	opacity: 0.2
}

#global-nav .container #quick-search-form .clear-field {
	position: absolute;
	width: 22px;
	line-height: 16px;
	top: 28px;
	right: 57px;
	color: transparent;
	overflow: hidden;
	transition: opacity 1s;
	z-index: 10;
	opacity: 0;
	cursor: default;
	-webkit-pointer-events: none;
	pointer-events: none
}

@media only screen and (max-width: 769px) {
	#global-nav .container #quick-search-form .clear-field {
		top: 29px
	}
}

#global-nav .container #quick-search-form .clear-field:before {
	font-family: "fontello";
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	color: black
}

#global-nav .container #quick-search-form .has-value~.clear-field {
	opacity: 1;
	cursor: pointer;
	-webkit-pointer-events: auto;
	pointer-events: auto
}

#global-nav .container #quick-search-form input,
#global-nav .container #quick-search-form input:focus {
	float: right;
	background-color: white;
	border: 0;
	outline: 0;
	height: 48px;
	margin: 0;
	z-index: 10;
	padding: 0 80px 0 10px;
	text-align: left;
	max-width: 1000px;
	transition: all 0.4s;
	position: absolute;
	right: 0;
	z-index: 1;
	box-shadow: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#global-nav .container #quick-search-form input::-ms-clear,
#global-nav .container #quick-search-form input:focus::-ms-clear {
	display: none
}

@media only screen and (min-width: 770px) {

	#global-nav .container #quick-search-form input,
	#global-nav .container #quick-search-form input:focus {
		position: absolute;
		width: 390px;
		font-size: 1.025em;
		top: 11px
	}
}

@media only screen and (max-width: 769px) {

	#global-nav .container #quick-search-form input,
	#global-nav .container #quick-search-form input:focus {
		position: relative;
		width: 100%;
		font-size: 16px;
		top: 0
	}
}

#global-nav .container #quick-search-form button {
	width: 48px;
	height: 48px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	border: 0;
	margin: 0;
	background: black;
	border-radius: 0;
	color: transparent;
	transition: all 0.3s;
	z-index: 2;
	font-size: 18px
}

@media only screen and (min-width: 770px) {
	#global-nav .container #quick-search-form button {
		top: 11px
	}
}

@media only screen and (max-width: 769px) {
	#global-nav .container #quick-search-form button {
		top: 12px
	}
}

#global-nav .container #quick-search-form button:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 97%;
	color: white;
	content: "";
	font-family: fontello;
	text-align: center;
	line-height: 47px;
	font-size: 27px
}

#global-nav.variation-compare,
#global-nav.variation-medicine-compare,
#global-nav.variation-medicine-group-compare,
#global-nav.variation-indication-compare,
#global-nav.variation-medicine-compare-versions,
#global-nav.variation-indicator-set-compare-locations {
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	z-index: 12
}

.no-csspositionsticky #global-nav.variation-compare,
.no-csspositionsticky #global-nav.variation-medicine-compare,
.no-csspositionsticky #global-nav.variation-medicine-group-compare,
.no-csspositionsticky #global-nav.variation-indication-compare,
.no-csspositionsticky #global-nav.variation-medicine-compare-versions,
.no-csspositionsticky #global-nav.variation-indicator-set-compare-locations {
	top: 122px !important;
	position:  !important
}

#global-nav.variation-compare~#site-header,
#global-nav.variation-medicine-compare~#site-header,
#global-nav.variation-medicine-group-compare~#site-header,
#global-nav.variation-indication-compare~#site-header,
#global-nav.variation-medicine-compare-versions~#site-header,
#global-nav.variation-indicator-set-compare-locations~#site-header {
	display: none
}

#global-nav.variation-compare~#footer,
#global-nav.variation-medicine-compare~#footer,
#global-nav.variation-medicine-group-compare~#footer,
#global-nav.variation-indication-compare~#footer,
#global-nav.variation-medicine-compare-versions~#footer,
#global-nav.variation-indicator-set-compare-locations~#footer {
	display: none
}

#global-nav.variation-homepage .container #breadcrumbs a.homepage,
#global-nav.variation-search-results .container #breadcrumbs a.homepage,
#global-nav.variation-news-overview .container #breadcrumbs a.homepage,
#global-nav.variation-landing-tiles .container #breadcrumbs a.homepage,
#global-nav.variation-landing .container #breadcrumbs a.homepage {
	display: inline-block
}

#global-nav:not(.variation-homepage):not(.variation-search-results) .container #quick-search-form input,
.logged-in #global-nav .container #quick-search-form input,
#global-nav.logged-in .container #quick-search-form input {
	width: 48px;
	padding-left: 0;
	padding-right: 0;
	opacity: 0;
	cursor: default;
	-webkit-pointer-events: auto;
	pointer-events: auto
}

#global-nav:not(.variation-homepage):not(.variation-search-results) .container #quick-search-form input:focus,
#global-nav:not(.variation-homepage):not(.variation-search-results) .container #quick-search-form input.has-value,
.logged-in #global-nav .container #quick-search-form input:focus,
.logged-in #global-nav .container #quick-search-form input.has-value,
#global-nav.logged-in .container #quick-search-form input:focus,
#global-nav.logged-in .container #quick-search-form input.has-value {
	opacity: 1;
	padding: 0 80px 0 10px;
	cursor: text
}

@media only screen and (min-width: 770px) {

	#global-nav:not(.variation-homepage):not(.variation-search-results) .container #quick-search-form input:focus,
	#global-nav:not(.variation-homepage):not(.variation-search-results) .container #quick-search-form input.has-value,
	.logged-in #global-nav .container #quick-search-form input:focus,
	.logged-in #global-nav .container #quick-search-form input.has-value,
	#global-nav.logged-in .container #quick-search-form input:focus,
	#global-nav.logged-in .container #quick-search-form input.has-value {
		width: 390px
	}
}

@media only screen and (max-width: 769px) {

	#global-nav:not(.variation-homepage):not(.variation-search-results) .container #quick-search-form input:focus,
	#global-nav:not(.variation-homepage):not(.variation-search-results) .container #quick-search-form input.has-value,
	.logged-in #global-nav .container #quick-search-form input:focus,
	.logged-in #global-nav .container #quick-search-form input.has-value,
	#global-nav.logged-in .container #quick-search-form input:focus,
	#global-nav.logged-in .container #quick-search-form input.has-value {
		width: 100%
	}
}

#global-nav:not(.variation-homepage):not(.variation-search-results) .container #quick-search-form button,
.logged-in #global-nav .container #quick-search-form button,
#global-nav.logged-in .container #quick-search-form button {
	background-color: transparent;
	z-index: 0
}

#global-nav:not(.variation-homepage):not(.variation-search-results) .container #quick-search-form input:focus+button,
#global-nav:not(.variation-homepage):not(.variation-search-results) .container #quick-search-form input.has-value+button,
.logged-in #global-nav .container #quick-search-form input:focus+button,
.logged-in #global-nav .container #quick-search-form input.has-value+button,
#global-nav.logged-in .container #quick-search-form input:focus+button,
#global-nav.logged-in .container #quick-search-form input.has-value+button {
	background-color: #000;
	z-index: 2;
	-webkit-pointer-events: all;
	pointer-events: all
}

@media only screen and (max-width: 769px) {
	#global-nav .container #quick-search-form {
		float: right;
		left: 15px;
		position: absolute;
		pointer-events: none
	}

	#global-nav .container #quick-search-form input {
		width: 48px;
		padding-left: 0;
		padding-right: 0;
		opacity: 0;
		cursor: default;
		-webkit-pointer-events: auto;
		pointer-events: auto
	}

	#global-nav .container #quick-search-form input:focus,
	#global-nav .container #quick-search-form input.has-value {
		opacity: 1;
		padding: 0 80px 0 10px;
		cursor: text
	}
}

@media only screen and (max-width: 769px) and (min-width: 770px) {

	#global-nav .container #quick-search-form input:focus,
	#global-nav .container #quick-search-form input.has-value {
		width: 390px
	}
}

@media only screen and (max-width: 769px) and (max-width: 769px) {

	#global-nav .container #quick-search-form input:focus,
	#global-nav .container #quick-search-form input.has-value {
		width: 100%
	}
}

@media only screen and (max-width: 769px) {
	#global-nav .container #quick-search-form button {
		background-color: transparent;
		z-index: 0
	}

	#global-nav .container #quick-search-form input:focus+button,
	#global-nav .container #quick-search-form input.has-value+button {
		background-color: #000;
		z-index: 2;
		-webkit-pointer-events: all;
		pointer-events: all
	}
}

.glossary {
	margin-top: 80px
}

.glossary .glossary-section {
	display: grid;
	grid-column-gap: 10px;
	grid-template-columns: 30% 70%;
	margin-bottom: 20px;
	padding-top: 180px;
	margin-top: -180px
}

.glossary .glossary-section .glossary-section-title {
	background-color: #c4dbb6;
	text-align: center;
	padding: 20px 30px;
	font-weight: 100;
	font-size: 210px;
	line-height: 245px;
	color: white
}

.glossary .glossary-section .terms-list {
	padding: 0 30px;
	margin: 0
}

.glossary .glossary-section .terms-list dt,
.glossary .glossary-section .terms-list dd {
	padding: 0
}

.glossary .glossary-section .terms-list dt {
	font-weight: bold;
	float: left;
	clear: both;
	margin-top: 0
}

.glossary .glossary-section .terms-list dt:after {
	content: '•';
	display: inline-block;
	padding: 0 7px
}

.glossary .glossary-section .terms-list dd {
	padding: 0 0 20px;
	padding-top: 180px;
	margin-left: 0;
	margin-top: -180px;
	pointer-events: none
}

.glossary .glossary-section .terms-list dd>* {
	pointer-events: auto
}

.glossary .glossary-section .terms-list dd a {
	text-decoration: underline
}

.glossary .glossary-section .terms-list dd a:hover {
	color: #014668
}

.glossary .glossary-section .terms-list dd:last-child {
	padding-bottom: 0
}

.pat-grid-list:after {
	content: " ";
	display: table;
	clear: both
}

.pat-grid-list .medicine-active-substance,
.pat-grid-list .medicine-method,
.pat-grid-list .medicine-strength,
.pat-grid-list .medicine-manufacturer {
	text-transform: lowercase
}

.pat-grid-list .medicine-active-substance::first-letter,
.pat-grid-list .medicine-method::first-letter,
.pat-grid-list .medicine-strength::first-letter,
.pat-grid-list .medicine-manufacturer::first-letter {
	text-transform: capitalize
}

.pat-grid-list dd p {
	margin-bottom: 0.3em
}

.pat-grid-list dd p:last-child {
	margin-bottom: 0
}

.pat-grid-list dd .info-button {
	float: right;
	margin: 0 0 0 15px
}

.pat-grid-list dd>*:last-child {
	margin-bottom: 0
}

.pat-grid-list dt.mutated,
.pat-grid-list dd.mutated {
	background: rgba(255, 100, 0, 0.1)
}

.pat-grid-list dt .pat-select,
.pat-grid-list dd .pat-select {
	color: #01689b;
	float: left
}

.pat-grid-list dt>div *:last-child,
.pat-grid-list dd>div *:last-child {
	margin-bottom: 0 !important
}

.pat-grid-list dt .link-list,
.pat-grid-list dd .link-list {
	line-height: inherit
}

.pat-grid-list dt .link-list.alternatives li a .facets,
.pat-grid-list dt .link-list.variants li a .facets,
.pat-grid-list dd .link-list.alternatives li a .facets,
.pat-grid-list dd .link-list.variants li a .facets {
	text-transform: lowercase
}

.pat-grid-list dt .link-list.alternatives li a .facets .facet:first-child:before,
.pat-grid-list dt .link-list.variants li a .facets .facet:first-child:before,
.pat-grid-list dd .link-list.alternatives li a .facets .facet:first-child:before,
.pat-grid-list dd .link-list.variants li a .facets .facet:first-child:before {
	content: '('
}

.pat-grid-list dt .link-list.alternatives li a .facets .facet:last-child:after,
.pat-grid-list dt .link-list.variants li a .facets .facet:last-child:after,
.pat-grid-list dd .link-list.alternatives li a .facets .facet:last-child:after,
.pat-grid-list dd .link-list.variants li a .facets .facet:last-child:after {
	content: ')'
}

.pat-grid-list dt .link-list.alternatives li a .facets .facet:not(:last-child):after,
.pat-grid-list dt .link-list.variants li a .facets .facet:not(:last-child):after,
.pat-grid-list dd .link-list.alternatives li a .facets .facet:not(:last-child):after,
.pat-grid-list dd .link-list.variants li a .facets .facet:not(:last-child):after {
	content: ", "
}

.pat-grid-list dt .link-list li,
.pat-grid-list dd .link-list li {
	line-height: inherit
}

.pat-grid-list dt .link-list li:last-child,
.pat-grid-list dd .link-list li:last-child {
	border: none
}

.pat-grid-list dt .link-list li a,
.pat-grid-list dd .link-list li a {
	line-height: inherit;
	font-weight: normal
}

.pat-grid-list dt .link-list li a:before,
.pat-grid-list dd .link-list li a:before {
	line-height: inherit
}

.pat-grid-list dt.mutated {
	border-left: 8px solid rgba(255, 100, 0, 0.2);
	padding-left: 0.5em
}

.pat-grid-list dt .pat-select {
	color: #01689b;
	float: left
}

.pat-grid-list dt .pat-select:before {
	font-weight: bold !important
}

#hero {
	margin-top: -60px;
	width: 100%;
	margin-bottom: 40px;
	height: 250px;
	overflow: hidden;
	position: relative
}

#hero img {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	-webkit-scroll-behavior: smooth;
	scroll-behavior: smooth
}

.iconified {
	overflow: hidden;
	text-decoration: none;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	line-height: 10px;
	border-style: none;
	background-image: none;
	filter: none !important;
	outline: none !important;
	width: 0.9em;
	height: 0.9em
}

.iconified:active {
	box-shadow: none
}

.iconified:hover {
	text-decoration: none
}

.iconified:before {
	text-indent: 0;
	display: inline-block;
	margin: 0 10px 0 0
}

.icon-tile-navigation {
	display: grid;
	grid-gap: 30px
}

@media only screen and (min-width: 1280px) {
	.icon-tile-navigation.col-3 {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px
	}

	.icon-tile-navigation.col-3 .icon-tile-navigation-follow {
		padding: 6% 7%;
		padding-left: 90px
	}

	.icon-tile-navigation.col-3 .icon-tile-navigation-follow .title {
		font-size: 1.5em;
		line-height: 1.2;
		margin-bottom: 5px
	}

	.icon-tile-navigation.col-3 .icon-tile-navigation-follow .byline {
		margin-bottom: 0
	}

	.icon-tile-navigation.col-3 .icon-tile-navigation-follow:before {
		width: 90px;
		background-size: auto 60% !important
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.icon-tile-navigation.col-3 {
		grid-template-columns: 1fr 1fr
	}
}

@media only screen and (min-width: 770px) {

	.icon-tile-navigation.col-1,
	.icon-tile-navigation.col-2 {
		grid-template-columns: 1fr 1fr
	}
}

@media only screen and (max-width: 1279px) {
	.icon-tile-navigation {
		grid-template-columns: 1fr
	}
}

.icon-tile-navigation .icon-tile-navigation-follow {
	background: #f3f3f3;
	display: block;
	padding: 7% 10%;
	position: relative;
	-webkit-hyphens: auto;
	hyphens: auto
}

@media only screen and (min-width: 1280px) {
	.icon-tile-navigation .icon-tile-navigation-follow {
		padding-left: 170px
	}
}

.icon-tile-navigation .icon-tile-navigation-follow:before {
	padding: 0;
	margin: 0;
	font-size: 80px;
	width: 170px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	transition: transform 0.2s;
	color: #39870c
}

@media only screen and (max-width: 1279px) {
	.icon-tile-navigation .icon-tile-navigation-follow:before {
		display: none
	}
}

.icon-tile-navigation .icon-tile-navigation-follow.icon-quality-thumb:before,
.icon-tile-navigation .icon-tile-navigation-follow.icon-privacy-ok:before,
.icon-tile-navigation .icon-tile-navigation-follow.icon-analytics:before {
	color: transparent;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%
}

.icon-tile-navigation .icon-tile-navigation-follow.icon-quality-thumb:before {
	background-image: url(icon-kwaliteitsinstrumenten.svg)
}

.icon-tile-navigation .icon-tile-navigation-follow.icon-privacy-ok:before {
	background-image: url(icon-kwaliteitsregistraties.svg)
}

.icon-tile-navigation .icon-tile-navigation-follow.icon-analytics:before {
	background-image: url(icon-openbare-data.svg)
}

.icon-tile-navigation .icon-tile-navigation-follow.icon-swiss-army-knife:before {
	font-size: 100px
}

.icon-tile-navigation .icon-tile-navigation-follow:hover {
	text-decoration: none
}

.no-touchevents .icon-tile-navigation .icon-tile-navigation-follow:hover .title {
	text-decoration: underline
}

.no-touchevents .icon-tile-navigation .icon-tile-navigation-follow:hover:before {
	transform: scale(1.1) translateY(-50%)
}

.icon-tile-navigation .icon-tile-navigation-follow .title {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 13px;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.4444;
	color: #01689b;
	text-underline-offset: 0.18em
}

.icon-tile-navigation .icon-tile-navigation-follow .byline {
	margin-bottom: 10px;
	color: black
}

.image-selector {
	--image-selector-gap: 15px;
	display: grid;
	grid-template-columns: repeat(var(--image-selector-columns), 1fr);
	grid-template-rows: auto;
	gap: var(--image-selector-gap)
}

.image-selector .photo-skimmer {
	overflow: hidden;
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	position: relative;
	z-index: 1
}

.image-selector .photo-skimmer .image {
	width: 100%
}

.image-selector .photo-skimmer .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	float: left;
	border-radius: 0;
	opacity: 0;
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0
}

.image-selector .photo-skimmer .image:hover img {
	opacity: 1
}

.image-selector .photo-skimmer .image:first-child img {
	opacity: 1
}

@media only screen and (min-width: 1280px) {
	.image-selector {
		--image-selector-columns: 4
	}

	.image-selector .infinite-scrolling-trigger {
		grid-column: span 4
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.image-selector {
		--image-selector-columns: 3
	}

	.image-selector .infinite-scrolling-trigger {
		grid-column: span 3
	}
}

@media only screen and (max-width: 769px) {
	.image-selector {
		--image-selector-columns: 2
	}

	.image-selector .infinite-scrolling-trigger {
		grid-column: span 2
	}
}

@media only screen and (min-width: 1280px) {
	.image-selector.col-6 {
		--image-selector-columns: 6
	}

	.image-selector.col-6 .infinite-scrolling-trigger {
		grid-column: span 6
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.image-selector.col-6 {
		--image-selector-columns: 4
	}

	.image-selector.col-6 .infinite-scrolling-trigger {
		grid-column: span 4
	}
}

@media only screen and (max-width: 769px) {
	.image-selector.col-6 {
		--image-selector-columns: 2
	}

	.image-selector.col-6 .infinite-scrolling-trigger {
		grid-column: span 2
	}
}

.image-selector.cropping-cover .item.image img {
	object-fit: cover
}

.image-selector.cropping-contain .item {
	padding: 5px
}

.image-selector .item {
	display: inline-block;
	width: 100%;
	aspect-ratio: 1 / 1;
	position: relative;
	padding: 0;
	box-sizing: border-box;
	perspective: 100px;
	perspective-origin: bottom
}

.image-selector .item.no-image:before {
	font-family: fontello;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	height: 50px;
	line-height: 50px;
	font-size: 50px;
	margin-top: -25px;
	width: 100%;
	text-align: center;
	text-indent: 2%;
	color: gray
}

.image-selector .item[href] {
	cursor: pointer
}

.image-selector .item[data-title]:after,
.image-selector .item figcaption {
	position: absolute;
	padding: 4px 10px;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 20px;
	transition: all 0.4s
}

.image-selector .item.collection.empty figure:before {
	content: "";
	font-family: fontello;
	font-size: 50px;
	color: rgba(0, 0, 0, 0.4);
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	transform: translateY(-50%)
}

.image-selector .item.collection figure {
	border-radius: 0;
	background-color: rgba(0, 0, 0, 0.1);
	border: 4px solid rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 29px;
	right: 29px;
	bottom: 29px;
	left: 29px
}

.image-selector .item.collection figure .photo-skimmer {
	width: 100%;
	height: 100%;
	border-radius: 0
}

.image-selector .item.collection figure figcaption {
	color: black;
	left: -39px;
	right: -39px;
	bottom: -33px
}

.image-selector .item:hover figure {
	background-color: rgba(0, 0, 0, 0.05)
}

.image-selector .item[data-title]:after {
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	content: attr(data-title);
	text-shadow: 0 0 4px black;
	color: white;
	opacity: 0;
	transform: translateY(100%);
	transform-origin: center bottom;
	transition: all 0.2s;
	left: 0;
	right: 0;
	bottom: 0
}

.image-selector .item input {
	display: none
}

.image-selector .item.image {
	box-shadow: none;
	background-color: #f2f2f2;
	overflow: hidden
}

.image-selector .item.image img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	transition: object-fit 0.4s
}

.image-selector .item.image.state-draft:after,
.image-selector .item.image.state-archived:after {
	position: absolute;
	z-index: 1;
	font-family: fontello;
	display: block;
	bottom: 0;
	right: 0;
	font-size: 20px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: white;
	border-left: 3px white solid;
	border-top: 3px white solid;
	padding: 5px 0 0 5px
}

.image-selector .item.image.state-draft {
	border: 6px #e17000 solid
}

.image-selector .item.image.state-draft img {
	filter: sepia(100%) hue-rotate(-30deg) saturate(300%) contrast(150%);
	border: solid white 3px;
	box-sizing: border-box
}

.image-selector .item.image.state-draft:after {
	content: "";
	background-color: #e17000
}

.image-selector .item.image.state-archived {
	border: 6px black solid
}

.image-selector .item.image.state-archived img {
	filter: grayscale(100%);
	border: solid white 3px;
	box-sizing: border-box
}

.image-selector .item.image.state-archived:after {
	content: "";
	background: black
}

.image-selector .item.image.checked,
.image-selector .item.image:active {
	box-shadow: inset 0 0 0 5px var(--colour-accent)
}

.image-selector .item.image.checked[data-title]:after {
	background-color: var(--colour-accent);
	text-shadow: none
}

.image-selector .item:before {
	display: none
}

.image-selector .item.image:hover:after,
.image-selector .item.checked:after {
	opacity: 1;
	transform: rotate3d(1, 0, 0, 0deg)
}

.image-selector.titles-visible .item.image:after {
	opacity: 1;
	transform: translateY(0)
}

.image-uploader {
	position: relative;
	overflow: hidden;
	min-height: 238px;
	display: block;
	background-color: #e8e8e8
}

.image-uploader:before {
	top: 0.2em;
	bottom: 0;
	display: block;
	content: ' ';
	background-color: #f2f2f2;
	position: absolute;
	z-index: 0
}

.image-uploader:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1em 0 0 -1em;
	width: 2em;
	height: 2em;
	text-align: center;
	line-height: 2em;
	display: block;
	content: "";
	font-family: fontello;
	z-index: 0;
	font-size: 2em;
	color: rgba(0, 0, 0, 0.5)
}

.image-uploader.columns:before {
	left: 15px;
	right: 15px
}

.image-uploader .image-upload-remove-button {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	overflow: hidden;
	color: transparent;
	z-index: 2;
	background: none
}

.image-uploader .image-upload-remove-button:before {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	color: white;
	margin: 0;
	font-size: 18px
}

.image-uploader .image-upload-remove-button:hover:before {
	background-color: rgba(0, 0, 0, 0.5)
}

.image-uploader .upload-button {
	position: absolute;
	z-index: 3;
	left: 13%;
	right: 13%;
	bottom: 20px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.5;
	font-size: 0.9em;
	height: auto;
	margin: 0
}

.image-uploader .upload-button:hover {
	background: #014668 !important;
	color: white !important
}

.image-uploader input[type="file"] {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	z-index: 1
}

.image-uploader img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 1
}

.image-uploader img+.upload-button {
	color: white;
	background: rgba(0, 0, 0, 0.4);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(2px);
	border: none;
	padding: 0;
	border-radius: 20px;
	bottom: 15px
}

.image-uploader img+.upload-button:hover {
	background: rgba(0, 0, 0, 0.5)
}

.infinite-scrolling-trigger {
	display: block;
	color: rgba(0, 0, 0, 0.5);
	text-align: center;
	position: relative;
	color: rgba(0, 0, 0, 0.6);
	padding-top: 585px;
	margin-top: -450px;
	height: 675px;
	box-sizing: border-box;
	clear: both;
	text-decoration: none !important;
	cursor: default;
	-webkit-pointer-events: none;
	pointer-events: none
}

.infinite-scrolling-trigger:before {
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 1000;
	font: 50px/50px fontello;
	text-shadow: white 0 0 2px;
	text-align: center;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	top: 550px;
	color: rgba(0, 0, 0, 0.5)
}

.iconed-list li {
	padding: 0 0 0 22px
}

.iconed-list li.icon-ok-circle:before {
	color: #39870c
}

.iconed-list li:before {
	grid-area: label;
	font-family: fontello;
	margin-left: -22px;
	font-weight: normal;
	float: left;
	text-decoration: none;
	width: 22px;
	text-align: left;
	speak: none;
	display: inline-block;
	line-height: inherit;
	position: absolute
}

#sub-nav .iconed-list li:before {
	margin-left: -30px
}

.info-button {
	cursor: pointer;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	height: 29px;
	width: 29px
}

.info-button:before {
	content: "";
	font-family: fontello;
	text-transform: none;
	line-height: 29px;
	font-size: 30px;
	height: 100%;
	width: 100%;
	color: #01689b
}

.info-button:hover:before {
	color: #014668
}

.input-list {
	line-height: 1.625rem;
	margin-bottom: 1em
}

.input-list:empty {
	display: none
}

.input-list li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex
}

.input-list li.deleted {
	display: none
}

.input-list li input[type="text"] {
	width: 100%;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;
	height: 29px
}

.input-list li .functions {
	grid-area: functions;
	text-align: right
}

.input-list li .functions .button {
	font-family: "RO Sans";
	margin: 0 0.5em 0 0;
	border: none;
	cursor: default;
	border-radius: 0;
	background-image: none;
	text-decoration: none;
	line-height: 44px;
	white-space: nowrap;
	display: inline-block;
	padding: 0 1em;
	font-size: 1em;
	vertical-align: text-bottom;
	font-weight: normal;
	box-shadow: none;
	color: #01689a;
	background-color: #f2f2f2;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	padding: 0 0.8em;
	height: 29px;
	line-height: 29px;
	vertical-align: baseline;
	font-weight: normal;
	margin: 0 0 -4px 5px
}

.input-list li .functions .button:not([disabled]):hover {
	color: #01689a;
	background-color: #ededed
}

.input-list li .functions .button.default {
	color: #fff;
	background-color: #01689b;
	box-shadow: none
}

.input-list li .functions .button.default:not([disabled]):hover {
	background-color: #014668;
	color: #fff
}

.input-list li .functions .button[disabled],
.input-list li .functions .button.disabled,
.input-list li .functions .button.default[disabled],
.input-list li .functions .button.default.disabled {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

.input-list li .functions .button[disabled]:hover,
.input-list li .functions .button.disabled:hover,
.input-list li .functions .button.default[disabled]:hover,
.input-list li .functions .button.default.disabled:hover {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

@media print {
	.input-list li .functions .button {
		display: none
	}
}

.input-list li .functions .button:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover {
	text-decoration: none;
	color: #01689a
}

.input-list li .functions .button.small {
	font-size: 18px;
	padding: 0 0.8em;
	height: 29px;
	line-height: 29px;
	vertical-align: baseline;
	box-shadow: none;
	font-weight: normal
}

.input-list li .functions .button:focus {
	outline: none;
	box-shadow: none
}

.input-list li .functions .button:not[disabled]:active {
	box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4)
}

.input-list li .functions .button.iconified {
	width: 30px;
	padding: 0
}

.input-list li .functions .button.iconified:before {
	width: 100%;
	text-align: center;
	line-height: 44px
}

.input-list li .functions .button.link {
	padding: 0;
	display: inline;
	background: none;
	color: #01689b;
	line-height: inherit;
	text-decoration: underline;
	vertical-align: baseline;
	cursor: pointer
}

.input-list li .functions .button.link:hover {
	background: none;
	text-decoration: underline !important;
	color: #000203
}

.input-list li .functions .button.no-label {
	padding-left: 0;
	padding-right: 0;
	width: 1.7em;
	text-overflow: clip
}

.input-list li .functions .button.no-label:before {
	width: 100%;
	text-align: center;
	margin: 0 1em 0 0
}

.form-panel .input-list li .functions .button {
	box-shadow: 0 0 0 1px #01689b
}

.input-list li .functions .button input {
	position: absolute;
	opacity: 0
}

#language-switch {
	padding: 35px 15px;
	position: relative;
	z-index: 10;
	background: white;
	clear: both
}

#language-switch .languages-list {
	text-align: center
}

#language-switch .languages-list li {
	display: inline-block;
	float: none;
	width: auto
}

#language-switch .languages-list li.active {
	display: none
}

#language-switch .languages-list li a {
	padding: 0 10px;
	background: none;
	border: 1px solid #b2d7ee;
	color: #007bc7;
	margin: 0 10px 0;
	font-size: 17px;
	text-decoration: none;
	display: inline-block;
	height: 38px;
	line-height: 39px
}

.link-list {
	line-height: 1.625rem;
	margin-bottom: 1em
}

.link-list:empty,
.link-list:blank,
.link-list:-moz-only-whitespace,
.link-list:-webkit-only-whitespace,
.link-list:only-whitespace {
	display: none
}

@media only screen and (min-width: 1280px) {
	.link-list.col-2 {
		column-count: 2;
		overflow: hidden
	}

	.link-list.col-3 {
		column-count: 3;
		overflow: hidden
	}

	.link-list.col-4 {
		column-count: 4;
		overflow: hidden
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.link-list.col-2 {
		column-count: 2;
		overflow: hidden
	}

	.link-list.col-3 {
		column-count: 3;
		overflow: hidden
	}

	.portlet.span-2 .link-list.col-3 {
		column-count: 2
	}

	.link-list.col-4 {
		column-count: 3;
		overflow: hidden
	}
}
.aside-block {
position: absolute;
}
.aside-block .link-list {
	margin-bottom: 1em;
	margin-left: 25px
}

@media only screen and (min-width: 770px) {
	.aside-block .link-list {
		font-size: 0.8em
	}
}

.link-list.compact li {
	margin: 0;
	padding-bottom: 0.4em
}

.link-list.compact li ul {
	padding: 0 0 5px 0
}

.link-list.expanded>li {
	padding-bottom: 0.4em
}

.page-module-group-title+.link-list {
	margin-top: 20px
}

.link-list.no-spread li {
	overflow: hidden
}

.link-list li {
	margin: 0;
	border-bottom: 0.3em solid transparent;
	padding: 0 0 0 22px;
	list-style: none;
	display: grid;
	grid-template-areas: "label functions""children children";
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid
}

.link-list li .functions {
	grid-area: functions;
	text-align: right
}

.link-list li .functions .button {
	font-family: "RO Sans";
	margin: 0 0.5em 0 0;
	border: none;
	cursor: default;
	border-radius: 0;
	background-image: none;
	text-decoration: none;
	line-height: 44px;
	white-space: nowrap;
	display: inline-block;
	padding: 0 1em;
	font-size: 1em;
	vertical-align: text-bottom;
	font-weight: normal;
	box-shadow: none;
	color: #01689a;
	background-color: #f2f2f2;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	padding: 0 0.8em;
	height: 29px;
	line-height: 29px;
	vertical-align: baseline;
	font-weight: normal;
	margin: -2px 0 -4px 5px
}

.link-list li .functions .button:not([disabled]):hover {
	color: #01689a;
	background-color: #ededed
}

.link-list li .functions .button.default {
	color: #fff;
	background-color: #01689b;
	box-shadow: none
}

.link-list li .functions .button.default:not([disabled]):hover {
	background-color: #014668;
	color: #fff
}

.link-list li .functions .button[disabled],
.link-list li .functions .button.disabled,
.link-list li .functions .button.default[disabled],
.link-list li .functions .button.default.disabled {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

.link-list li .functions .button[disabled]:hover,
.link-list li .functions .button.disabled:hover,
.link-list li .functions .button.default[disabled]:hover,
.link-list li .functions .button.default.disabled:hover {
	color: rgba(0, 0, 0, 0.3);
	background-color: #f2f2f2
}

@media print {
	.link-list li .functions .button {
		display: none
	}
}

.link-list li .functions .button:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover {
	text-decoration: none;
	color: #01689a
}

.link-list li .functions .button.small {
	font-size: 18px;
	padding: 0 0.8em;
	height: 29px;
	line-height: 29px;
	vertical-align: baseline;
	box-shadow: none;
	font-weight: normal
}

.link-list li .functions .button:focus {
	outline: none;
	box-shadow: none
}

.link-list li .functions .button:not[disabled]:active {
	box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4)
}

.link-list li .functions .button.iconified {
	width: 30px;
	padding: 0
}

.link-list li .functions .button.iconified:before {
	width: 100%;
	text-align: center;
	line-height: 44px
}

.link-list li .functions .button.link {
	padding: 0;
	display: inline;
	background: none;
	color: #01689b;
	line-height: inherit;
	text-decoration: underline;
	vertical-align: baseline;
	cursor: pointer
}

.link-list li .functions .button.link:hover {
	background: none;
	text-decoration: underline !important;
	color: #000203
}

.link-list li .functions .button.no-label {
	padding-left: 0;
	padding-right: 0;
	width: 1.7em;
	text-overflow: clip
}

.link-list li .functions .button.no-label:before {
	width: 100%;
	text-align: center;
	margin: 0 1em 0 0
}

.form-panel .link-list li .functions .button {
	box-shadow: 0 0 0 1px #01689b
}

.link-list li .functions .button input {
	position: absolute;
	opacity: 0
}

.link-list li.deleted {
	display: none
}

.pat-rich .link-list li {
	list-style: none
}

#sub-nav .link-list li {
	padding-left: 30px
}

.link-list li>* {
	-moz-pointer-events: auto;
	-webkit-pointer-events: auto;
	pointer-events: auto
}

.link-list li.state-archived .link-title {
	text-decoration: line-through;
	opacity: 0.5
}

.link-list li.state-draft a[href],
.link-list li.state-new a[href] {
	color: #e17000
}

.link-list li.state-draft a[href]:hover,
.link-list li.state-new a[href]:hover {
	color: #ae5700
}

.link-list li.processed a {
	text-decoration: line-through
}

.link-list li.warning a:not([class*="icon-"])::before {
	font-family: fontello;
	content: "";
	color: #e17000;
	font-size: 0.7em
}

.link-list li.type-reference {
	display: list-item
}

.link-list li.type-reference a:before {
	display: none !important
}

.link-list li.type-reference .reference-badge {
	float: left;
	margin-left: -22px;
	font-size: 0.7em;
	margin-top: 2px;
	position: relative;
	line-height: 19px
}

.link-list li.type-reference .reference-badge:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	background: #01689b;
	color: white;
	font-family: fontello;
	content: "";
	display: none;
	width: 100%;
	text-align: center;
	margin: 0;
	border-radius: 0.8em
}

.link-list li.type-reference .reference-badge:hover:before {
	display: block !important
}

.link-list li>a,
.link-list li>.group-title,
.link-list li>.link-title {
	display: block;
	padding: 0 !important;
	font-weight: normal;
	margin-left: 0;
	position: relative;
	grid-area: label;
	font-size: 1em;
	line-height: 24px
}

.link-list li>a .link-title,
.link-list li>.group-title .link-title,
.link-list li>.link-title .link-title {
	font-weight: normal;
	font-size: inherit;
	font-size: inherit;
	line-height: inherit
}

.link-list li>a .link-byline,
.link-list li>.group-title .link-byline,
.link-list li>.link-title .link-byline {
	font-size: 0.8888888889rem;
	line-height: 1.6875;
	font-weight: normal;
	color: #535353;
	margin: 0;
	text-decoration: none !important
}

.-ms- .link-list li>a,
.-ms- .link-list li>.group-title,
.-ms- .link-list li>.link-title {
	text-decoration: none
}

.link-list li>a:before,
.link-list li>.group-title:before,
.link-list li>.link-title:before {
	grid-area: label;
	font-family: fontello;
	margin-left: -22px;
	font-weight: normal;
	float: left;
	text-decoration: none;
	width: 22px;
	text-align: left;
	speak: none;
	display: inline-block;
	line-height: inherit;
	position: absolute
}

#sub-nav .link-list li>a:before,
#sub-nav .link-list li>.group-title:before,
#sub-nav .link-list li>.link-title:before {
	margin-left: -30px
}

.link-list li>a:not([class*="icon-"]):before,
.link-list li>.group-title:not([class*="icon-"]):before,
.link-list li>.link-title:not([class*="icon-"]):before {
	content: ""
}

.link-list li>a.type-link-external:before,
.link-list li>.group-title.type-link-external:before,
.link-list li>.link-title.type-link-external:before {
	content: "";
	font-size: .595rem
}

.link-list li>a.type-link-internal:before,
.link-list li>.group-title.type-link-internal:before,
.link-list li>.link-title.type-link-internal:before {
	content: ""
}

.link-list li>a.type-tag:before,
.link-list li>.group-title.type-tag:before,
.link-list li>.link-title.type-tag:before {
	content: "";
	font-size: .9em
}

.link-list li>a.medicine:before,
.link-list li>a.type-medicine:before,
.link-list li>.group-title.medicine:before,
.link-list li>.group-title.type-medicine:before,
.link-list li>.link-title.medicine:before,
.link-list li>.link-title.type-medicine:before {
	content: ""
}

.link-list li>a.medicine-group:before,
.link-list li>a.type-medicine-group:before,
.link-list li>.group-title.medicine-group:before,
.link-list li>.group-title.type-medicine-group:before,
.link-list li>.link-title.medicine-group:before,
.link-list li>.link-title.type-medicine-group:before {
	content: ""
}

.link-list li>a.indication:before,
.link-list li>a.super-indication:before,
.link-list li>a.type-indication:before,
.link-list li>a.type-super-indication:before,
.link-list li>.group-title.indication:before,
.link-list li>.group-title.super-indication:before,
.link-list li>.group-title.type-indication:before,
.link-list li>.group-title.type-super-indication:before,
.link-list li>.link-title.indication:before,
.link-list li>.link-title.super-indication:before,
.link-list li>.link-title.type-indication:before,
.link-list li>.link-title.type-super-indication:before {
	content: ""
}

.link-list li>a.type-is:before,
.link-list li>.group-title.type-is:before,
.link-list li>.link-title.type-is:before {
	content: "";
	font-size: 0.8em
}

.link-list li>a.type-rs:before,
.link-list li>.group-title.type-rs:before,
.link-list li>.link-title.type-rs:before {
	content: "";
	font-size: 0.8em
}

.link-list li>a.type-qs:before,
.link-list li>.group-title.type-qs:before,
.link-list li>.link-title.type-qs:before {
	content: ""
}

.link-list li>a.type-mi:before,
.link-list li>.group-title.type-mi:before,
.link-list li>.link-title.type-mi:before {
	content: "";
	margin-top: 0.15em;
	font-size: 0.8em
}

.link-list li.medicine a:before {
	content: ""
}

.link-list li .group-title {
	color: black
}

.link-list li a {
	color: black
}

.link-list li a[href] {
	color: #01689b
}

.link-list li a[href]:hover {
	text-decoration: underline;
	color: #014668
}

.link-list li a[href]:hover .classification-tags .classification-tag {
	text-decoration: none
}

.link-list li a[href]:hover:has(.link-title) {
	text-decoration: none
}

.link-list li a[href]:hover .link-byline {
	text-decoration: none !important
}

.link-list li a[href]:hover:hover .link-title {
	text-decoration: underline
}

.link-list li ul {
	font-size: 0.8em;
	margin: 0.5em 0 0;
	line-height: 1.2;
	grid-area: children
}

.link-list li ul li {
	margin: 0;
	padding: 0;
	border-bottom: none;
	left: 0
}

.link-list li ul li a {
	padding: 0 0 0 17px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transform: translateZ(0)
}

.link-list li ul li a .classification-tags {
	position: absolute;
	right: 0;
	top: 0;
	background: white;
	box-shadow: 0 0 10px 10px white
}

.portlet .link-list li ul li a .classification-tags {
	background: #f3f3f3;
	box-shadow: 0 0 10px 10px #f3f3f3
}

.editors-well .link-list li ul li a .classification-tags,
#portlet-drafts .link-list li ul li a .classification-tags {
	background: #fbead9;
	box-shadow: 0 0 10px 10px #fbead9
}

.link-list li ul li a:before {
	margin-left: -17px;
	margin-top: 0;
	font-weight: normal;
	float: left;
	content: "";
	font-family: fontello;
	line-height: inherit
}

.link-list li:before {
	display: none
}

.link-tiles-photos .link-tiles-photos-follow {
	margin-bottom: 25px;
	display: block;
	background-color: #f2f2f2
}

.link-tiles-photos .link-tiles-photos-follow:hover {
	background-color: #ededed
}

.link-tiles-photos .link-tiles-photos-follow:hover figcaption .link-tiles-photos-tile-title {
	color: #01689a
}

.link-tiles-photos .link-tiles-photos-follow .link-tiles-photos-tile {
	display: grid;
	grid-template-columns: 30% 70%
}

.link-tiles-photos .link-tiles-photos-follow .link-tiles-photos-tile picture {
	position: relative;
	width: 100%
}

.link-tiles-photos .link-tiles-photos-follow .link-tiles-photos-tile picture img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.link-tiles-photos .link-tiles-photos-follow .link-tiles-photos-tile picture .link-tiles-photos-copyright {
	position: absolute;
	z-index: 10;
	bottom: 0.5rem;
	left: 0.5rem;
	margin: 0;
	color: #fff;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), -1px 0px 1px rgba(0, 0, 0, 0.5), 1px 0px 1px rgba(0, 0, 0, 0.5), 0px -1px 1px rgba(0, 0, 0, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.5), 2px 2px 6px rgba(0, 0, 0, 0.5);
	font-size: 0.8888888889rem;
	line-height: 1.125;
	display: block;
	opacity: 0.7;
	font-size: 0.5em
}

.link-tiles-photos .link-tiles-photos-follow .link-tiles-photos-tile picture .link-tiles-photos-copyright:before {
	font-family: fontello
}

.link-tiles-photos .link-tiles-photos-follow .link-tiles-photos-tile picture .link-tiles-photos-copyright.type-copyright:before {
	content: " "
}

.link-tiles-photos .link-tiles-photos-follow .link-tiles-photos-tile picture .link-tiles-photos-copyright.type-creative-commons:before {
	content: " "
}

.link-tiles-photos .link-tiles-photos-follow .link-tiles-photos-tile figcaption {
	padding: 10px 20px
}

.link-tiles-photos .link-tiles-photos-follow .link-tiles-photos-tile figcaption .link-tiles-photos-tile-title {
	font-size: 1.423828125rem;
	line-height: 1.4046639232;
	display: block;
	font-weight: bold;
	margin: 0rem 0rem 0.5rem 0rem;
	display: block;
	color: #01689a;
	margin: 0
}

.link-tiles-photos .link-tiles-photos-follow .link-tiles-photos-tile figcaption .link-tiles-photos-tile-byline {
	font-size: 1rem;
	line-height: 1.6875;
	font-weight: normal;
	color: #535353;
	margin: 0;
	text-decoration: none !important
}

.logo-cloud {
	padding: 0;
	text-align: center
}

.logo-cloud:after {
	content: " ";
	display: table;
	clear: both
}

.logo-cloud .logo {
	width: 19%;
	padding: 0 1em;
	margin: 0 0;
	display: inline-block;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center
}

.logo-cloud .logo:after {
	content: " ";
	display: table;
	clear: both
}

@media only screen and (max-width: 769px) {
	.logo-cloud .logo {
		width: 46%
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.logo-cloud .logo {
		width: 32%
	}
}

.logo-cloud .logo img {
	max-width: 100%;
	position: relative;
	top: 50%;
	display: inline-block
}

.message-box {
	position: relative;
	transition: all 1s;
	margin: 0 !important
}

table .message-box {
	margin-bottom: 0;
	line-height: 1.5
}

.message-box .content-mirror {
	content: attr(data-value);
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	padding-bottom: 26px;
	padding-right: 10px;
	color: black;
	font-family: inherit;
	cursor: default;
	text-align: start;
	white-space: pre-wrap;
	vertical-align: text-bottom;
	overflow: visible;
	width: 100%;
	box-sizing: border-box;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	background-color: white
}

.message-box .content-mirror .placeholder {
	display: none
}

.message-box .placeholder {
	color: #01689b;
	-webkit-text-fill-color: #01689b;
	text-fill-color: #01689b;
	text-decoration: underline;
	font-weight: normal
}

.message-box.status-active .button-bar {
	height: 1.8em;
	padding-top: 2em;
	padding-bottom: 0.7em
}

@media print {
	.message-box {
		display: none
	}
}

.message-box textarea {
	min-height: 36px
}

.message-box textarea,
.message-box .content-mirror {
	padding-right: 2em;
	padding-left: 0.5em;
	font-size: 1em;
	font-family: "RO Sans";
	float: left;
	border: none;
	overflow: hidden;
	resize: none;
	width: 100%
}

.message-box textarea {
	padding-right: 10px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	height: 100%
}

.message-box.status-inactive .button-bar {
	opacity: 0
}

.message-box .button-bar {
	background-color: blacken(#f2f2f2, 10);
	height: 0;
	padding: 0 0.5em;
	overflow: hidden;
	margin: 0;
	transition: all 0.4s;
	z-index: 2;
	position: relative
}

.message-box .button-bar .pat-button {
	margin-right: 8px;
	line-height: 19px;
	float: left;
	padding: .4em 10px
}

.message-box .button-bar br {
	display: none
}

ul.menu,
.menu-list {
	margin: 0 0 1em 0;
	list-style-type: none
}

ul.menu li,
.menu-list li {
	line-height: 2em;
	padding-left: 0;
	position: relative
}

ul.menu li:before,
.menu-list li:before {
	display: none
}

ul.menu li.current,
.menu-list li.current {
	background-color: white
}

ul.menu li a,
ul.menu li>label,
ul.menu li>form>label,
ul.menu li button,
.menu-list li a,
.menu-list li>label,
.menu-list li>form>label,
.menu-list li button {
	display: block;
	padding: 0.3em 0 0.3em 22px;
	color: #666;
	line-height: 1.3em;
	cursor: default;
	overflow: hidden;
	border: none;
	width: 100%;
	background: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 20px
}

ul.menu li a .pat-message,
ul.menu li>label .pat-message,
ul.menu li>form>label .pat-message,
ul.menu li button .pat-message,
.menu-list li a .pat-message,
.menu-list li>label .pat-message,
.menu-list li>form>label .pat-message,
.menu-list li button .pat-message {
	display: block;
	margin-top: 0.4em;
	margin-bottom: 0.5em;
	padding: 0.3em 0.5em
}

ul.menu li a.pat-checklist:before,
ul.menu li>label.pat-checklist:before,
ul.menu li>form>label.pat-checklist:before,
ul.menu li button.pat-checklist:before,
.menu-list li a.pat-checklist:before,
.menu-list li>label.pat-checklist:before,
.menu-list li>form>label.pat-checklist:before,
.menu-list li button.pat-checklist:before {
	position: relative;
	left: 0;
	margin-left: -1.5em;
	margin-top: 0;
	top: 0.1em
}

ul.menu li a input[type="file"],
ul.menu li>label input[type="file"],
ul.menu li>form>label input[type="file"],
ul.menu li button input[type="file"],
.menu-list li a input[type="file"],
.menu-list li>label input[type="file"],
.menu-list li>form>label input[type="file"],
.menu-list li button input[type="file"] {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 1.8em;
	width: 100%
}

ul.menu li a:before,
ul.menu li>label:before,
ul.menu li>form>label:before,
ul.menu li button:before,
.menu-list li a:before,
.menu-list li>label:before,
.menu-list li>form>label:before,
.menu-list li button:before {
	margin-left: calc(-1 * 22px);
	float: left;
	line-height: 1.3
}

ul.menu li a:not([class*=icon-]):before,
ul.menu li>label:not([class*=icon-]):before,
ul.menu li>form>label:not([class*=icon-]):before,
ul.menu li button:not([class*=icon-]):before,
.menu-list li a:not([class*=icon-]):before,
.menu-list li>label:not([class*=icon-]):before,
.menu-list li>form>label:not([class*=icon-]):before,
.menu-list li button:not([class*=icon-]):before {
	font-family: fontello;
	content: ""
}

ul.menu li a:hover,
ul.menu li>label:hover,
ul.menu li>form>label:hover,
ul.menu li button:hover,
.menu-list li a:hover,
.menu-list li>label:hover,
.menu-list li>form>label:hover,
.menu-list li button:hover {
	text-decoration: none;
	color: black
}

ul.menu li a:hover:before,
ul.menu li>label:hover:before,
ul.menu li>form>label:hover:before,
ul.menu li button:hover:before,
.menu-list li a:hover:before,
.menu-list li>label:hover:before,
.menu-list li>form>label:hover:before,
.menu-list li button:hover:before {
	text-decoration: none
}

ul.menu li a:active,
ul.menu li>label:active,
ul.menu li>form>label:active,
ul.menu li button:active,
.menu-list li a:active,
.menu-list li>label:active,
.menu-list li>form>label:active,
.menu-list li button:active {
	box-shadow: none
}

#main {
	background: white;
	transition: all 0.5s;
	padding-top: 70px;
	margin-top: -70px
}

.page-type-homepage #main.injecting * {
	opacity: 1
}

.page-type-homepage #main.injecting:before {
	display: none
}

.page-type-homepage #main.injecting .search-button-main,
.page-type-homepage #main.injecting .search-field button {
	transition: none;
	text-indent: -1000px
}

.page-type-homepage #main.injecting .search-button-main:before,
.page-type-homepage #main.injecting .search-field button:before {
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 1000;
	font: 50px/50px fontello;
	text-shadow: white 0 0 2px;
	text-align: center;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	text-indent: 0;
	font-size: 1.3em !important
}

.variation-medicine-compare-versions~#main {
	padding-top: 125px;
	margin-top: -125px
}

.variation-medicine-compare-versions~#main #content {
	padding-top: 0
}

.variation-compare~#main,
.variation-medicine-compare~#main,
.variation-indication-compare~#main,
.variation-medicine-group-compare~#main {
	position: relative;
	z-index: 11;
	min-width: 100%
}

.no-csspositionsticky .variation-compare~#main,
.no-csspositionsticky .variation-medicine-compare~#main,
.no-csspositionsticky .variation-indication-compare~#main,
.no-csspositionsticky .variation-medicine-group-compare~#main {
	margin-top: -5px
}

@keyframes intro-shake {

	0%,
	15%,
	50% {
		left: 50%
	}

	20%,
	30%,
	40% {
		left: 45%
	}

	25%,
	35%,
	45% {
		left: 55%
	}

	5%,
	80% {
		opacity: 1
	}

	0%,
	100% {
		opacity: 0
	}
}

@media only screen and (max-width: 769px) {

	.variation-compare~#main,
	.variation-medicine-compare~#main,
	.variation-indication-compare~#main,
	.variation-medicine-group-compare~#main {
		margin-top: 138px
	}

	.variation-compare~#main:before,
	.variation-medicine-compare~#main:before,
	.variation-indication-compare~#main:before,
	.variation-medicine-group-compare~#main:before {
		position: fixed;
		display: block;
		text-align: center;
		left: 50%;
		top: 50%;
		width: 80%;
		transform: translate(-50%, -50%);
		content: "Schuif de pagina van rechts naar links om te vergelijken";
		padding: 2rem 1rem 2rem 1rem;
		z-index: 100;
		font-size: 1.3em;
		line-height: 1.3;
		color: black;
		background-color: white;
		font-weight: bold;
		opacity: 0;
		animation: intro-shake 5s;
		animation-direction: forwards;
		animation-delay: 2s;
		pointer-events: none;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
	}
}

@media all and (display-mode: standalone) {

	.variation-compare~#main,
	.variation-medicine-compare~#main,
	.variation-indication-compare~#main,
	.variation-medicine-group-compare~#main {
		margin-top: 0;
		border-top: none
	}
}

#main-content:not(.content-group) {
	max-width: 1080px;
	margin: 0px 300px;
	counter-reset: tab fig;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#main-content:not(.content-group).cms-edit-form .body-text .ProseMirror {
	min-height: 0;
	margin: -15px;
	padding: 15px 15px 100px 15px
}

#main-content:not(.content-group):before {
	background: black;
	opacity: 0.5;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	content: ' ';
	display: block;
	opacity: 0;
	pointer-events: none
}

.spotlight-on #main-content:not(.content-group):before {
	opacity: 0.5
}

#main-content:not(.content-group):after {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	content: ' ';
	display: none
}

.spotlight-on #main-content:not(.content-group):after {
	display: block
}

@media only screen and (min-width: 770px) {
	.variation-medicine-compare-versions~#main #main-content:not(.content-group) {
		margin: 0;
		padding: 0
	}
}

.variation-overview~#main #main-content:not(.content-group),
.variation-themes~#main #main-content:not(.content-group),
.variation-landing-indicator-sets~#main #main-content:not(.content-group),
.variation-landing-topics~#main #main-content:not(.content-group) {
	margin-left: 0;
	padding: 0
}

#main-content:not(.content-group).page-type-landing,
#main-content:not(.content-group).page-type-landing-topics,
#main-content:not(.content-group).page-type-overview,
#main-content:not(.content-group).page-type-themes {
	margin-left: 0;
	padding: 0
}

@media only screen and (max-width: 769px) {
	#main-content:not(.content-group) {
		width: 100%;
		margin: 0
	}
}

.pat-message {
	padding: 10px 15px 10px 15px;
	line-height: 1.4
}

.pat-message a {
	text-decoration: underline
}

.pat-message.processing {
	padding: 30px 30px 30px 140px;
	position: relative
}

.pat-message.processing:before {
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 1000;
	font: 50px/50px fontello;
	text-shadow: white 0 0 2px;
	text-align: center;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	position: absolute;
	top: 50%;
	left: 70px;
	transform: translateY(-50%, -50%);
	z-index: 1
}

@media only screen and (max-width: 769px) {
	.pat-message.processing {
		padding: 140px 30px 30px 30px
	}

	.pat-message.processing:before {
		left: 50%;
		top: 80px;
		transform: translateY(-50%, -50%)
	}
}

.pat-message.info {
	background-color: #e5f0f9
}

.pat-message.error,
.pat-message.warning {
	padding-top: 30px;
	position: relative
}

.pat-message.error:before,
.pat-message.warning:before {
	position: absolute;
	top: 0;
	left: 15px;
	width: 22px;
	height: 22px;
	color: white;
	content: '!';
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	display: block
}

.pat-message.error:before,
.pat-message.error .panel-content:before {
	background-color: #ca005d
}

.pat-message.warning:before,
.pat-message.warning .panel-content:before {
	background-color: #e17000;
	color: #fbead9
}

.pat-message.error {
	background-color: #f7d2dd;
	color: black;
	position: relative
}

.pat-message.pat-collapsible {
	padding: 0
}

.pat-message.pat-collapsible.closed {
	margin: 0 !important
}

.pat-message.pat-collapsible:before {
	display: none
}

.pat-message.pat-collapsible .panel-content {
	padding: 10px 15px 10px 15px
}

.pat-message.pat-collapsible.error .panel-content,
.pat-message.pat-collapsible.warning .panel-content {
	padding-top: 30px
}

.pat-message.pat-collapsible.error .panel-content:before,
.pat-message.pat-collapsible.warning .panel-content:before {
	position: absolute;
	top: 0;
	left: 15px;
	width: 22px;
	height: 22px;
	color: white;
	content: '!';
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	display: block
}

@media only screen and (max-width: 769px) {
	.nav-tiles {
		margin: 0
	}
}

@media only screen and (min-width: 770px) {
	.nav-tiles {
		margin: 0 -15px 26px
	}

	.nav-tiles.count-1 .item {
		width: 100%
	}

	.nav-tiles.count-2 .item,
	.nav-tiles.count-4 .item {
		width: 50%
	}

	.nav-tiles.count-2 .item:nth-child(odd),
	.nav-tiles.count-4 .item:nth-child(odd) {
		clear: both
	}
}

.nav-tiles .item {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (min-width: 770px) {
	.nav-tiles .item {
		width: 33.333332%;
		float: left;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media only screen and (max-width: 769px) {
	.nav-tiles .item {
		height: auto !important;
		padding: 0;
		border-top: 2px solid white
	}
}

.nav-tiles .item a {
	padding-left: 40px;
	/*padding-bottom: 2rem; */
	padding-bottom: 0rem;
	display: block;
	position: relative;
	height: 100%;
	text-decoration: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.no-touchevents .nav-tiles .item a:hover .item-title {
	text-decoration: underline
}

.nav-tiles .item a:before {
	position: absolute;
	left: 0;
	top: 2px;
	width: 25px;
	height: 5px;
	font-size: 25px;
	color: #39870c
}

@media only screen and (max-width: 769px) {
	.nav-tiles .item a:before {
		left: 15px;
		top: 23px;
		height: auto;
		margin: 0
	}
}

@media only screen and (max-width: 769px) {
	.nav-tiles .item a {
		padding: 20px 40px 20px 49px
	}

	.nav-tiles .item a:after {
		position: absolute;
		top: 50%;
		height: auto;
		transform: translateY(-50%);
		right: 20px;
		font-family: fontello;
		content: "";
		font-size: 25px
	}
}

.nav-tiles .item a .item-title {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #01689b;
	font-weight: normal
}

@media only screen and (min-width: 770px) {
	.nav-tiles .item a .item-title {
		font-size: 1.60181rem;
		line-height: 1.24859;
		margin: 0rem 0rem 0 0rem
	}
}

@media only screen and (max-width: 769px) {
	.nav-tiles .item a .item-title {
		font-size: 1.3125em;
		line-height: 1.2381
	}
}

.nav-tiles .item a .byline {
	font-size: 1.125rem;
	line-height: 1.33333;
	color: black;
	margin-top: 2px
}

@media only screen and (min-width: 770px) {
	.nav-tiles .item a .byline {
		marign-top: 0.5rem
	}
}

@media only screen and (max-width: 769px) {
	.nav-tiles .item a .byline {
		padding-top: 2px;
		font-size: 16px
	}
}

.news-feed {
	margin: 0 -15px 26px;
	display: flex;
	flex-wrap: wrap
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.news-feed {
		grid-template-columns: 1fr 1fr
	}
}

@media only screen and (max-width: 769px) {
	.news-feed {
		grid-template-columns: 1fr
	}
}

.news-feed .item.pinned a .item-title {
	margin-top: 0;
	padding-top: 0;
	padding-left: 28px;
	position: relative;
	overflow: hidden
}

.news-feed .item.pinned a .item-title:before {
	content: "";
	font-family: fontello;
	color: white;
	background-color: rgba(0, 0, 0, 0.4);
	background-color: #01689b;
	position: absolute;
	width: 20px;
	text-align: center;
	top: 50%;
	left: 0;
	height: 500px;
	line-height: 500px;
	transform: translateY(-50%);
	font-size: 15px
}

@media only screen and (min-width: 770px) {
	.news-feed.image-flow .item {
		width: 50%
	}
}

.news-feed.image-flow .item .illustration {
	display: none
}

@media only screen and (min-width: 770px) {
	.news-feed.image-flow .item:nth-child(1) {
		width: 50%
	}

	.news-feed.image-flow .item:nth-child(1) .illustration {
		display: block
	}
}

@media only screen and (max-width: 769px) {
	.news-feed.image-flow .item:nth-child(1) .illustration {
		display: block
	}
}

@media only screen and (min-width: 770px) {
	.news-feed.image-flow .item:nth-child(2) {
		width: 50%
	}

	.news-feed.image-flow .item:nth-child(2) .illustration {
		display: block
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.news-feed.image-flow .item:nth-child(3) {
		width: 50%;
		margin-bottom: 30px
	}

	.news-feed.image-flow .item:nth-child(3) .illustration {
		display: block
	}
}

@media only screen and (min-width: 1280px) {
	.news-feed.image-flow .item:nth-child(3) {
		width: 33.3332%;
		margin-bottom: 30px
	}

	.news-feed.image-flow .item:nth-child(3) .illustration {
		display: block
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.news-feed.image-flow .item:nth-child(4) {
		width: 50%;
		margin-bottom: 30px
	}

	.news-feed.image-flow .item:nth-child(4) .illustration {
		display: block
	}
}

@media only screen and (min-width: 1280px) {
	.news-feed.image-flow .item:nth-child(4) {
		width: 33.3332%;
		margin-bottom: 30px
	}

	.news-feed.image-flow .item:nth-child(4) .illustration {
		display: block
	}
}

@media only screen and (min-width: 1280px) {
	.news-feed.image-flow .item:nth-child(5) {
		width: 33.3332%;
		margin-bottom: 30px
	}

	.news-feed.image-flow .item:nth-child(5) .illustration {
		display: block
	}
}

@media only screen and (min-width: 770px) {

	.news-feed.image-flow .item:nth-child(1).pinned a .item-title,
	.news-feed.image-flow .item:nth-child(2).pinned a .item-title,
	.news-feed.image-flow .item:nth-child(3).pinned a .item-title,
	.news-feed.image-flow .item:nth-child(4).pinned a .item-title,
	.news-feed.has-images .item:nth-child(1).pinned a .item-title,
	.news-feed.has-images .item:nth-child(2).pinned a .item-title,
	.news-feed.has-images .item:nth-child(3).pinned a .item-title,
	.news-feed.has-images .item:nth-child(4).pinned a .item-title {
		padding-left: 0
	}

	.news-feed.image-flow .item:nth-child(1).pinned a .item-title:before,
	.news-feed.image-flow .item:nth-child(2).pinned a .item-title:before,
	.news-feed.image-flow .item:nth-child(3).pinned a .item-title:before,
	.news-feed.image-flow .item:nth-child(4).pinned a .item-title:before,
	.news-feed.has-images .item:nth-child(1).pinned a .item-title:before,
	.news-feed.has-images .item:nth-child(2).pinned a .item-title:before,
	.news-feed.has-images .item:nth-child(3).pinned a .item-title:before,
	.news-feed.has-images .item:nth-child(4).pinned a .item-title:before {
		display: none
	}

	.news-feed.image-flow .item:nth-child(1).pinned a:after,
	.news-feed.image-flow .item:nth-child(2).pinned a:after,
	.news-feed.image-flow .item:nth-child(3).pinned a:after,
	.news-feed.image-flow .item:nth-child(4).pinned a:after,
	.news-feed.has-images .item:nth-child(1).pinned a:after,
	.news-feed.has-images .item:nth-child(2).pinned a:after,
	.news-feed.has-images .item:nth-child(3).pinned a:after,
	.news-feed.has-images .item:nth-child(4).pinned a:after {
		z-index: 1;
		content: "";
		font-family: fontello;
		position: absolute;
		top: 0;
		right: 0;
		left: auto;
		color: white;
		display: block;
		width: 29px;
		line-height: 33px;
		text-align: center
	}

	.news-feed.image-flow .item:nth-child(1).pinned a:before,
	.news-feed.image-flow .item:nth-child(2).pinned a:before,
	.news-feed.image-flow .item:nth-child(3).pinned a:before,
	.news-feed.image-flow .item:nth-child(4).pinned a:before,
	.news-feed.has-images .item:nth-child(1).pinned a:before,
	.news-feed.has-images .item:nth-child(2).pinned a:before,
	.news-feed.has-images .item:nth-child(3).pinned a:before,
	.news-feed.has-images .item:nth-child(4).pinned a:before {
		z-index: 1;
		position: absolute;
		top: 0;
		right: 15px;
		left: auto;
		display: block;
		content: ' ';
		width: 0;
		height: 0;
		border-top: 35px solid transparent;
		border-bottom: 35px solid transparent;
		border-left: 35px solid #01689b;
		transform-origin: 0 0;
		transform: rotate(-45deg);
		outline: solid white 1px
	}
}

@media only screen and (min-width: 1280px) {

	.news-feed.image-flow .item:nth-child(5).pinned a .item-title,
	.news-feed.has-images .item:nth-child(5).pinned a .item-title {
		padding-left: 0
	}

	.news-feed.image-flow .item:nth-child(5).pinned a .item-title:before,
	.news-feed.has-images .item:nth-child(5).pinned a .item-title:before {
		display: none
	}

	.news-feed.image-flow .item:nth-child(5).pinned a:after,
	.news-feed.has-images .item:nth-child(5).pinned a:after {
		z-index: 1;
		content: "";
		font-family: fontello;
		position: absolute;
		top: 0;
		right: 0;
		left: auto;
		color: white;
		display: block;
		width: 29px;
		line-height: 33px;
		text-align: center
	}

	.news-feed.image-flow .item:nth-child(5).pinned a:before,
	.news-feed.has-images .item:nth-child(5).pinned a:before {
		z-index: 1;
		position: absolute;
		top: 0;
		right: 15px;
		left: auto;
		display: block;
		content: ' ';
		width: 0;
		height: 0;
		border-top: 35px solid transparent;
		border-bottom: 35px solid transparent;
		border-left: 35px solid #01689b;
		transform-origin: 0 0;
		transform: rotate(-45deg);
		outline: solid white 1px
	}
}

.news-feed .item {
	padding-left: 15px;
	padding-right: 15px;
	width: 33.33332%;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.portlet .news-feed .item {
	width: 100%;
	padding-bottom: 25px
}

@media only screen and (min-width: 770px) {
	.news-feed .item {
		padding-bottom: 52px
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.news-feed .item {
		width: 50%
	}

	.portlet .news-feed .item {
		width: 100%
	}
}

@media only screen and (max-width: 769px) {
	.news-feed .item {
		width: 100%;
		padding-bottom: 26px
	}
}

.news-feed .item.warning .item-title {
	color: #e17000
}

.news-feed .item a {
	text-decoration: none;
	color: black;
	display: block;
	position: relative
}

.news-feed .item a:hover .item-title {
	text-decoration: underline
}

.news-feed .item a:before {
	position: absolute;
	left: 0;
	top: 2px;
	width: 25px;
	height: 100%;
	font-size: 25px
}

.news-feed .item a .illustration {
	margin-bottom: 10px
}

.news-feed .item a .illustration img {
	width: 100%;
	border: none;
	background-size: cover;
	background-position: center;
	background-color: #e1eddb
}

.news-feed .item a .item-title {
	font-size: 1.5102rem;
	line-height: 1.15879;
	margin-bottom: 0.5rem;
	font-weight: normal;
	color: #01689b;
	width: auto;
	text-underline-offset: 0.18em
}

.news-feed .item a p {
	font-size: 1.125rem;
	line-height: 1.33333;
	margin-bottom: .5em
}

.news-feed .item a .byline {
	color: #000;
	font-size: 0;
	margin: 0;
	display: flex
}

.news-feed .item a .byline .byline-item {
	border-left: 1px solid #535353;
	padding: 0 0.5em;
	display: inline;
	font-size: 1.125rem;
	margin-bottom: 7px
}

.news-feed .item a .byline .byline-item:first-child {
	padding-left: 0;
	border-left: none
}

.news-feed .item a .byline .byline-item.tags .tag {
	hyphens: auto
}

.news-feed .item a .byline .byline-item.tags .tag:after {
	content: ', '
}

.news-feed .item a .byline .byline-item.tags .tag:last-child:after {
	display: none
}

.news-feed .item a .byline time {
	font-weight: bold;
	white-space: nowrap
}

.news-feed .item a p.source {
	font-size: 1em;
	font-style: italic;
	color: rgba(0, 0, 0, 0.5);
	margin: .5rem 0 0 0
}

.object-history {
	position: relative;
	margin-bottom: 40px
}

.object-history:before {
	content: ' ';
	display: block;
	position: absolute;
	width: 15px;
	top: 2em;
	bottom: 2em;
	left: 16px;
	background: #39870c;
	z-index: 1
}

.object-history .object {
	margin-bottom: 1em;
	padding-left: 4.2em;
	position: relative
}

.object-history .object:after {
	content: ' ';
	display: table;
	clear: both
}

.object-history .object:last-child {
	height: 4em
}

.object-history .object form a {
	text-decoration: underline
}

.object-history .object form a:hover {
	background: none;
	text-decoration: underline !important;
	color: #000203
}

.object-history .object .meta[href]:hover .user-name {
	text-decoration: underline
}

.object-history .object .user-name {
	padding-top: 0.15em;
	display: block
}

.object-history .object.user-inactive .meta {
	color: gray
}

.object-history .object.user-inactive .meta .pat-avatar {
	filter: grayscale(100%) brightness(200%) contrast(40%)
}

.object-history .object .byline {
	padding-bottom: 6px;
	margin-bottom: 0;
	font-size: 16px
}

.object-history .object .byline a {
	text-decoration: underline
}

.object-history .object .byline * {
	font-style: normal
}

.object-history .object .save-message {
	font-style: normal;
	background-color: #fdf6bb;
	padding: 12px 14px;
	margin: 0 0 7px 0;
	font-size: 16px;
	line-height: 1.4;
	color: black
}

.object-history .object .save-message p.generated-message {
	margin-bottom: 0.5em
}

.object-history .object .pat-avatar {
	position: absolute;
	left: 0;
	top: 7px;
	border: black 0.2em solid;
	width: 2.2em;
	height: 2.2em;
	z-index: 1;
	background-color: #efefef;
	background-size: cover
}

.object-history.action-centric:before {
	display: none
}

.object-history.action-centric .object {
	background-color: rgba(0, 0, 0, 0.08);
	margin-bottom: 0.25em;
	padding-left: 3.2em;
	padding-right: 1em
}

.object-history.action-centric .object .title:before {
	font-family: fontello;
	content: '';
	display: block;
	margin: 0;
	position: absolute;
	left: 0.96em;
	top: 0.96em;
	color: rgba(0, 0, 0, 0.5);
	line-height: 1.9em;
	width: 1.6em;
	height: 1.85em;
	font-size: 1em;
	z-index: 1;
	text-align: center
}

.object-history.action-centric .object .title.action-edited:before {
	content: '\270e'
}

.object-history.action-centric .object .title.action-deleted:before {
	content: '\e729'
}

.object-history.action-centric .object .title.action-created:before {
	content: '\e831';
	line-height: 2em
}

.object-history.action-centric .object .title.action-state:before {
	content: '\e852'
}

.page-module {
	display: block;
	margin-top: -100px;
	padding-top: 100px;
	-moz-pointer-events: none;
	-webkit-pointer-events: none;
	pointer-events: none
}

.page-module:after {
	content: " ";
	display: table;
	clear: both
}

.page-module>* {
	-moz-pointer-events: auto;
	-webkit-pointer-events: auto;
	pointer-events: auto
}

.page-module .page-module-title {
	margin: 0rem 0rem 1rem 0rem;
	font-size: 1.80203rem;
	line-height: 1.38732;
	-webkit-margin-after: 0.75rem;
	margin-block-end: 0.75rem;
	-webkit-margin-before: 3rem;
	margin-block-start: 3rem;
	margin-block-start: 1.75rem
}

.page-module .page-module-title.assistive {
	position: absolute !important
}

.page-module .page-module-group-title {
	font-size: 1.423828125rem;
	line-height: 1.4046639232;
	display: block;
	font-weight: bold;
	margin: 0rem 0rem 0.5rem 0rem
}

.page-module .page-module-footer a {
	font-weight: bold
}

.page-module .page-module-footer a:hover {
	text-decoration: underline
}

.page-module .page-module-footer a:before {
	display: inline-block;
	width: 1em;
	font-family: fontello;
	content: ""
}

.page-module.type-composition .compare-to-other {
	margin-top: 60px;
	clear: both
}

.page-module.type-cost .cost-table {
	margin-bottom: 20px
}

.page-module.type-icon-tile-navigation {
	padding-bottom: 1rem
}

.page-module.type-object figcaption .enlarge-link {
	color: gray;
	text-decoration: none;
	float: right;
	cursor: pointer
}

.page-module.type-object figcaption .icon-right-dir:before {
	transform: scale(1.4)
}

.page-module.type-object .enlarge-button {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	left: 10px;
	z-index: 1;
	color: transparent;
	overflow: hidden
}

.page-module.type-object .enlarge-button:before {
	position: absolute;
	font-family: fontello;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: rgba(0, 0, 0, 0.4);
	font-size: 50px;
	display: block;
	text-align: center;
	padding: 0;
	margin: -10px 0 0 0
}


.page-module.pat-rich .pat-collapsible .panel-content>*:last-child {
	margin-bottom: 0
}

.no-js .page-module.pat-rich .pat-collapsible .panel-content #close-excipients-warning {
	display: none
}

.page-module.has-differences .page-module-title {
	background: rgba(255, 100, 0, 0.1)
}

.page-module.has-mutations .page-module-title {
	position: relative;
	padding-right: 25px
}

.page-module.has-mutations .page-module-title:after {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	content: ' ';
	width: 10px;
	height: 10px;
	color: transparent !important;
	overflow: hidden;
	border: 2px solid white;
	padding: 0;
	border-radius: 50%;
	background-color: #007bc7;
	background: linear-gradient(to bottom, #8fcae7 0%, #007bc7 100%);
	display: inline-block;
	margin-top: 0
}

.page-module.pat-collapsible+.page-module.pat-collapsible {
	margin-top: -100px
}

.page-module.pat-collapsible .page-module-title {
	min-height: 60px;
	font-weight: normal;
	color: #01689b;
	padding: 10px 40px 10px 39px;
	margin: -1px 0 0;
	position: relative;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
	box-sizing: border-box;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	border-top: 1px solid #cce0f1;
	border-bottom: 1px solid #cce0f1
}

.page-module.pat-collapsible .page-module-title:hover {
	background-color: #e5f0f9;
	color: #01689b
}

.product-fk .page-module.pat-collapsible .page-module-title {
	border-top: 1px solid #c4dbb6;
	border-bottom: 1px solid #c4dbb6
}

.product-fk .page-module.pat-collapsible .page-module-title:hover {
	background-color: #e1eddb;
	color: #275937
}

.page-module.pat-collapsible .page-module-title .title-segment {
	padding: 10px 20px 10px 39px;
	margin: -10px 0 -10px -39px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	font-size: 26px;
	line-height: 34px
}

.page-module.pat-collapsible .page-module-title .title-segment .fraction-name {
	padding: 4px 0
}

.page-module.pat-collapsible .page-module-title .title-segment .fraction-id {
	border-radius: 4px;
	font-size: 16px;
	line-height: 33px;
	position: relative;
	top: 5px;
	height: 32px;
	margin-right: 10px;
	background: #e5f0f9;
	filter: brightness(0.92);
	font-weight: normal;
	font-family: monospace;
	color: rgba(0, 0, 0, 0.6);
	padding: 0 15px;
	display: inline-block
}

.page-module.pat-collapsible .page-module-title .buttons-segment {
	white-space: nowrap
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select {
	--select-box-height: 39px;
	--select-box-padding-top-bottom: 0;
	--select-box-box-shadow: none;
	padding: 0 75px 0 12px;
	display: inline-block;
	height: var(--select-box-height);
	line-height: var(--select-box-height);
	padding-top: var(--select-box-padding-top-bottom);
	padding-bottom: var(--select-box-padding-top-bottom);
	padding-left: var(--select-box-padding-right-left);
	padding-right: calc((var(--select-box-arrow-width) + var(--select-box-padding-right-left) / 2));
	position: relative;
	font-weight: normal !important;
	font-size: 0;
	position: relative;
	box-sizing: border-box;
	border: none;
	box-shadow: var(--select-box-box-shadow);
	outline: none;
	outline-offset: 2px;
	color: var(--select-box-arrow-text-colour);
	font-size: 100%;
	border-radius: 0;
	max-width: 100%;
	background-color: var(--select-box-background-color);
	border-radius: 0;
	vertical-align: middle
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="draft"] {
	background-color: #fbead9
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="draft"]:after {
	background-color: #f6d4b2
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="draft"]:before,
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="draft"]:after {
	color: #7b3d00
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="draft"]:hover {
	background-color: #f9ddc2
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="draft"]:hover:after {
	background-color: #f3c79b
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="for-review"] {
	background-color: #f2d9e7
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="for-review"]:after {
	background-color: #e5b3d0
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="for-review"]:before,
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="for-review"]:after {
	color: #5d0035
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="for-review"]:hover {
	background-color: #ecc6db
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="for-review"]:hover:after {
	background-color: #dfa0c4
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"],
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success {
	background-color: #e1eddb;
	color: #1b4106
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"]:after,
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success:after {
	background-color: #c4dbb6
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"]:before,
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"]:after,
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success:before,
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success:after {
	color: #1b4106
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"]:hover,
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"].tooltip-active-click,
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success:hover,
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success.tooltip-active-click {
	background-color: #d3e5ca
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"]:hover:after,
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value="published"].tooltip-active-click:after,
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success:hover:after,
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.success.tooltip-active-click:after {
	background-color: #b6d3a5
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.locked:before {
	font-family: fontello;
	content: "";
	display: inline-block;
	margin-right: 5px;
	float: left;
	font-size: inherit
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select:hover {
	background-color: #ededed
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select:before {
	font-size: 20px;
	content: attr(data-option);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select select {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100% !important;
	width: 100% !important;
	opacity: 0;
	margin: 0;
	z-index: 1
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select select option {
	font-size: initial;
	color: black
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select:after {
	font-family: fontello;
	content: "";
	width: var(--select-box-arrow-width);
	background-color: var(--select-box-arrow-background-colour);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 18px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select option:disabled {
	color: silver
}

.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.injecting {
	opacity: 0.3
}

.page-module.pat-collapsible .page-module-title .buttons-segment .icon {
	color: transparent;
	width: 39px;
	height: 39px;
	line-height: 39px;
	position: relative;
	background: #01689b;
	display: inline-block;
	margin-left: 5px;
	cursor: default;
	vertical-align: middle
}

.page-module.pat-collapsible .page-module-title .buttons-segment .icon:hover {
	text-decoration: none;
	background: #014668
}

.page-module.pat-collapsible .page-module-title .buttons-segment .icon:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	color: white;
	line-height: 39px;
	font-size: 20px;
	width: 100%;
	margin: 0
}

.product-fk .page-module.pat-collapsible .page-module-title {
	color: #39870c;
	background: white;
	font-weight: normal
}

.page-module.pat-collapsible .page-module-title:focus {
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	outline: 2px solid #007bc7;
	z-index: 2
}

.page-module.pat-collapsible .page-module-title:before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-family: fontello;
	content: "";
	display: inline-block;
	width: 40px;
	text-align: center;
	font-weight: normal;
	font-size: 20px;
	pointer-events: none
}

.page-module.pat-collapsible .page-module-title.collapsible-open,
.page-module.pat-collapsible .page-module-title.collapsible-closed.collapsible-in-progress {
	border-bottom: none;
	background-color: #e5f0f9
}

.product-fk .page-module.pat-collapsible .page-module-title.collapsible-open,
.product-fk .page-module.pat-collapsible .page-module-title.collapsible-closed.collapsible-in-progress {
	background: #e1eddb;
	color: #275937
}

.page-module.pat-collapsible .page-module-title.collapsible-open:before,
.page-module.pat-collapsible .page-module-title.collapsible-closed.collapsible-in-progress:before {
	content: ""
}

.page-module.pat-collapsible.open .page-module-title:before {
	content: ""
}

.page-module.pat-collapsible.has-differences .page-module-title {
	background: rgba(255, 100, 0, 0.1)
}

.page-module.pat-collapsible.has-differences .page-module-title.collapsible-open,
.page-module.pat-collapsible.has-differences .page-module-title.collapsible-closed.collapsible-in-progress {
	background: rgba(255, 100, 0, 0.2)
}

.page-module.pat-collapsible>.panel-content {
	padding: 20px 15px 40px
}

.page-module h4 {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 1em
}

.page-module h2 a,
.page-module .page-module-title a,
.page-module h3 a {
	text-decoration: none;
	color: black
}

.page-module h2 a[href]:not(.follow):not(.icon):after,
.page-module .page-module-title a[href]:not(.follow):not(.icon):after,
.page-module h3 a[href]:not(.follow):not(.icon):after {
	font-family: fontello;
	content: "";
	margin-left: 0.5em;
	font-size: 1em;
	text-decoration: none !important;
	position: absolute
}

.page-module h2 a[href]:hover,
.page-module .page-module-title a[href]:hover,
.page-module h3 a[href]:hover {
	text-decoration: underline
}

.page-module h2 a[href]:hover:after,
.page-module .page-module-title a[href]:hover:after,
.page-module h3 a[href]:hover:after {
	text-decoration: none !important
}

.page-module h2 a.follow,
.page-module .page-module-title a.follow,
.page-module h3 a.follow {
	font-size: 1.7rem;
	color: #01689b;
	text-decoration: underline;
	opacity: 0.6
}

.page-module h2 a.follow:hover,
.page-module .page-module-title a.follow:hover,
.page-module h3 a.follow:hover {
	opacity: 1
}

.page-module h2 a.follow:before,
.page-module .page-module-title a.follow:before,
.page-module h3 a.follow:before {
	content: '('
}

.page-module h2 a.follow:after,
.page-module .page-module-title a.follow:after,
.page-module h3 a.follow:after {
	content: ')'
}

.page-module.frame {
	padding: 8px 20px;
	margin-top: 0;
	background: #e5f0f9
}

.page-module.type-news .page-module-title {
	margin-bottom: 1.5rem;
	padding-top: 0.5rem;
	border-top: 1px solid #e1e1e1
}

.page-module.type-listing .page-module-title {
	margin-bottom: 1.5rem;
	padding-top: 0.5rem;
	border-top: 1px solid #e1e1e1
}

.page-module.type-listing .page-module-title+.link-list,
.page-module.type-listing .page-module-summary+.link-list {
	margin-top: 20px
}

.page-module.type-table .page-module-title+table,
.page-module.type-table .page-module-summary+table {
	margin-top: 20px
}

.page-module.type-table table {
	margin-bottom: 30px
}

.page-module.type-treatment-plan .pat-collapsible {
	float: none !important;
	margin: 0;
	clear: both
}

.page-module.type-treatment-plan .pat-collapsible .title {
	font-size: 1em
}

.page-module.pat-collapsible+.page-module.type-links .page-module-title,
.page-module.pat-collapsible+.page-module.type-attributions .page-module-title {
	padding-top: 0.5rem;
	border-top: none;
	margin-top: 80px
}

.page-module.pat-collapsible+.page-module.type-attributions+.page-module.type-links .page-module-title {
	border-top: none
}

.page-module.type-applicability .pat-collapsible {
	margin-bottom: 30px
}

.page-module.type-topics .page-module-title {
	margin-bottom: 1.5rem;
	padding-top: 0.5rem;
	border-top: 1px solid #e1e1e1
}

.page-module.type-topics .page-module-title+.link-list,
.page-module.type-topics .page-module-summary+.link-list {
	margin-top: 20px
}

.page-module.type-topics .page-module-summary {
	margin-top: -5px;
	margin-bottom: 25px
}

.page-module.type-links .page-module-title,
.page-module.type-attributions .page-module-title {
	margin-bottom: 1.5rem;
	padding-top: 0.5rem;
	border-top: 1px solid #e1e1e1
}

.page-module.type-links h3+.link-list,
.page-module.type-attributions h3+.link-list {
	margin-bottom: 20px
}

.page-module.type-links h2+.link-list,
.page-module.type-attributions h2+.link-list {
	margin-top: 30px;
	font-size: 1.27rem
}

.page-module.type-links h2+.link-list li,
.page-module.type-attributions h2+.link-list li {
	margin-bottom: 8px
}

.page-module.type-attributions .link-list li {
	pointer-events: none;
	padding-top: 180px;
	margin-top: -180px
}

.page-module.type-attributions .link-list li>* {
	pointer-events: all
}

.page-module.type-sample-card {
	margin-bottom: 20px
}

.page-module.type-sample-card:focus {
	outline: 2px solid #007bc7;
	outline-offset: 15px
}

.page-module.type-body-text-segment.pat-collapsible {
	margin-top: calc(-100px + 3rem)
}

.page-module.type-body-text-segment.pat-collapsible:first-child {
	margin-top: -100px
}

.page-module.type-body-text-segment .section-introduction {
	font-weight: bold
}

.page-module.type-body-text-segment>* {
	-moz-pointer-events: all;
	-webkit-pointer-events: all;
	pointer-events: all
}

@media only screen and (min-width: 770px) {
	.page-module.type-body-text .main-illustration {
		float: left;
		width: 50%;
		margin: 0 20px 20px 0
	}

	.page-module.type-body-text .main-illustration img {
		float: left
	}
}

@media only screen and (max-width: 769px) {
	.page-module.type-body-text .main-illustration {
		width: 100%;
		margin-bottom: 20px
	}
}

.no-js .page-module#section-group-information .link-list {
	display: none
}

.no-js .page-module[id$="compare"] {
	display: none
}

.page-module#section-cost table.cost-table {
	clear: none;
	animation: fadeIn 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.page-module#section-cost #cost-overview .pat-inject {
	position: relative;
	display: block;
	opacity: 1
}

.js .page-module#section-cost #cost-overview .pat-inject {
	color: black;
	text-decoration: none;
	padding-left: 1.9em
}

.js .page-module#section-cost #cost-overview .pat-inject:before {
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 1000;
	font: 50px/50px fontello;
	text-shadow: white 0 0 2px;
	text-align: center;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	left: 0.5em;
	font-size: 27px;
	color: rgba(0, 0, 0, 0.6)
}

.page-module .stacks-toggle a {
	display: inline-block
}

.page-module .stacks-toggle a.current {
	display: none
}

.photo-tiles {
	display: grid;
	grid-gap: 30px
}

@media only screen and (min-width: 1280px) {
	.photo-tiles {
		grid-template-columns: 1fr 1fr 1fr
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.photo-tiles {
		grid-template-columns: 1fr 1fr
	}
}

@media only screen and (max-width: 769px) {
	.photo-tiles {
		grid-template-columns: 1fr
	}
}

.photo-tiles .photo-tiles-tile img {
	width: 100%;
	aspect-ratio: 21/9;
	object-fit: cover;
	display: block
}

.photo-tiles .photo-tiles-tile picture {
	position: relative;
	display: block
}

.photo-tiles .photo-tiles-tile .photo-tiles-copyright {
	position: absolute;
	z-index: 10;
	bottom: 0.5rem;
	left: 0.5rem;
	margin: 0;
	color: #fff;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), -1px 0px 1px rgba(0, 0, 0, 0.5), 1px 0px 1px rgba(0, 0, 0, 0.5), 0px -1px 1px rgba(0, 0, 0, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.5), 2px 2px 6px rgba(0, 0, 0, 0.5);
	font-size: 0.8888888889rem;
	line-height: 1.125;
	display: block;
	opacity: 0.7
}

.photo-tiles .photo-tiles-tile .photo-tiles-copyright:before {
	font-family: fontello
}

.photo-tiles .photo-tiles-tile .photo-tiles-copyright.type-copyright:before {
	content: " "
}

.photo-tiles .photo-tiles-tile .photo-tiles-copyright.type-creative-commons:before {
	content: " "
}

.photo-tiles .photo-tiles-tile figcaption {
	font-size: 1.5101977836rem;
	line-height: 1.1587886163;
	margin: 0.5rem 0rem 1rem 0rem;
	font-weight: normal
}

.picture {
	position: relative;
	display: block
}

.picture .copyright-mention {
	position: absolute;
	z-index: 10;
	bottom: 0.5rem;
	left: 0.5rem;
	margin: 0;
	color: #fff;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), -1px 0px 1px rgba(0, 0, 0, 0.5), 1px 0px 1px rgba(0, 0, 0, 0.5), 0px -1px 1px rgba(0, 0, 0, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.5), 2px 2px 6px rgba(0, 0, 0, 0.5);
	font-size: 0.8888888889rem;
	line-height: 1.125;
	display: block;
	opacity: 0.7
}

.picture .copyright-mention:before {
	font-family: fontello
}

.picture .copyright-mention.type-copyright:before {
	content: " "
}

.picture .copyright-mention.type-creative-commons:before {
	content: " "
}

.portlet {
	margin-bottom: 2rem
}

@media only screen and (min-width: 1280px) {
	.portlet.height-full {
		min-height: 100%
	}
}

.portlet.span-2 .link-list {
	column-count: 3
}

.portlet.span-full .link-list,
.portlet.span-3 .link-list {
	column-count: 5
}

.portlet .pat-rich {
	font-size: 1em;
	line-height: 1.3
}

.portlet .content {
	position: relative;
	background: #f3f3f3
}

.portlet .content.pat-collapsible.closed .portlet-intro {
	padding: 25px
}

.portlet .content .portlet-intro {
	display: flex;
	transition: padding 0.3s;
	padding: 25px 25px 12.5px
}

.portlet .content .portlet-intro .portlet-title-group {
	display: flex;
	width: 100%;
	justify-content: space-between
}

.portlet .content .portlet-intro .portlet-title-group .buttons .button {
	float: right;
	margin-left: 15px;
	color: transparent;
	background: rgba(0, 0, 0, 0.1);
	width: 32px;
	height: 32px;
	line-height: 32px;
	overflow: hidden
}

.portlet .content .portlet-intro .portlet-title-group .buttons .button:hover {
	background: rgba(0, 0, 0, 0.15)
}

.portlet .content .portlet-intro .portlet-title-group .buttons .button:before {
	font-family: fontello;
	width: 100%;
	line-height: 32px;
	display: block;
	color: black;
	font-size: 22px;
	text-align: center
}

.portlet .content .portlet-intro .portlet-title-group .buttons .button.info-button:before {
	content: "";
	background-color: #01689b;
	color: white;
	font-size: 18px
}

.portlet .content .portlet-intro .portlet-title-group .buttons .button.info-button:hover:before {
	background-color: #014668
}

.portlet .content .portlet-intro .portlet-title-group .buttons .button.collapse-button:before {
	content: "";
	transition: transform 0.2s
}

.portlet .content .portlet-intro .portlet-title-group .buttons .button.collapse-button.collapsible-open:before {
	transform: scaleY(-100%)
}

.portlet .content .portlet-intro .portlet-title-group h1 {
	margin-bottom: 0px;
	font-size: bold
}

.portlet .content .portlet-intro .portlet-title-group .byline {
	margin-top: -30px;
	margin-bottom: 30px
}

.portlet .content .portlet-body {
	padding: 0 25px 25px;
	overflow: auto
}

.portlet .content .portlet-body>*:last-child {
	margin-bottom: 0
}

.portlet .content .portlet-body .message-no-content {
	margin-bottom: 1.5rem;
	font-size: 1em
}

.portlet .content .portlet-body .portlet-separation-title {
	font-size: 1em;
	margin-bottom: 0.5em
}

.portlet .content .portlet-body .portlet-separation-title a {
	text-decoration: none;
	color: black
}

.portlet .content .portlet-body .portlet-separation-title a[href]:not(.follow):after {
	font-family: fontello;
	content: "";
	margin-left: 0.5em;
	font-size: 1em;
	text-decoration: none !important;
	position: absolute
}

.portlet .content .portlet-body .portlet-separation-title a[href]:hover {
	text-decoration: underline
}

.portlet .content .portlet-body .portlet-separation-title a[href]:hover:after {
	text-decoration: none !important
}

.portlet .content .portlet-body .portlet-separation-title a[href]:hover:before {
	text-decoration: none !important
}

.portlet .content .portlet-body .portlet-toolbar {
	margin-bottom: 1em
}

.portlet .content .portlet-body .portlet-toolbar:after {
	content: ' ';
	display: table;
	clear: both
}

.portlet .content .portlet-body .portlet-toolbar .pat-select {
	float: left
}

.portlet .content .portlet-body .training {
	padding-top: 1em
}

.portlet .content .portlet-body .training .auto-scale-wrapper {
	overflow: hidden
}

.portlet .content .portlet-body .training .training-title {
	margin-bottom: 0.5em
}

.portlet .content .portlet-body .training .certificate {
	margin-bottom: 1em;
	float: left
}

.portlet .content .portlet-body .certificates .auto-scale-wrapper {
	overflow: hidden;
	margin-bottom: 1em
}

.portlet .content .portlet-body .certificates a.certificate {
	float: left
}

@media only screen and (max-width: 769px) {
	.portlet .content {
		padding: 0;
		border: none;
		background-color: transparent
	}
}

@media only screen and (max-width: 769px) {
	.portlet {
		width: 100%
	}
}

.portlet .portlet-title {
	margin: 0 0 0 0;
	padding-right: 20px;
	font-size: 28px;
	line-height: 1.2;
	font-weight: normal
}

.portlet .portlet-title:before,
.portlet .portlet-title a:before {
	font-family: fontello;
	font-size: 22px;
	line-height: 28px;
	display: inline-block;
	margin-right: 5px;
	color: #39870c;
	font-weight: normal;
	position: relative;
	top: -2px
}

.portlet .portlet-title a {
	text-decoration: none;
	color: black
}

.portlet .portlet-title a[href]:not(.follow):after {
	font-family: fontello;
	content: "";
	margin-left: 0.5em;
	font-size: 1em;
	text-decoration: none !important;
	position: absolute
}

.portlet .portlet-title a[href]:hover {
	text-decoration: underline
}

.portlet .portlet-title a[href]:hover:after {
	text-decoration: none !important
}

.portlet .portlet-title a[href]:hover:before {
	text-decoration: none !important
}

.portlet .portlet-title sup {
	font-size: 0.6em;
	color: gray
}

.portlet#portlet-drafts .content {
	background-color: #fbead9
}

.portlet#portlet-portfolio .content {
	background-color: white;
	border: #e3e3e3 1px solid
}

.portlet#portlet-portfolio .content h3 {
	font-size: 1em;
	margin: 1em 0
}

.portlet#portlet-ready .content,
.portlet#portlet-workflow .content {
	background-color: #f2d9e7
}

.portlet#portlet-ready .content .link-list a,
.portlet#portlet-workflow .content .link-list a {
	color: #a90061
}

.portlet .link:hover {
	text-decoration: none
}

.portlet .portlet-footer {
	font-size: 0.8em
}

.portlet .title {
	margin: 0;
	font-size: 1em;
	font-weight: normal
}

.portlet .byline {
	color: #666;
	font-size: 0.8em;
	line-height: 1.3em;
	font-style: italic;
	margin: 0
}

.portlet table td.date-finished {
	width: 20%
}

.portlet .pat-rich table a {
	text-decoration: none
}

.portlet .pat-rich table a:hover {
	text-decoration: underline
}

.rating[class*="stars"] {
	position: relative;
	color: transparent;
	height: 1em;
	line-height: 1em;
	font-size: 1.5em;
	top: 0.2em;
	letter-spacing: 6px;
	display: inline-block;
	overflow: hidden
}

.rating[class*="stars"]:before,
.rating[class*="stars"]:after {
	font-family: fontello;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 30px;
	overflow: hidden
}

.rating[class*="stars"]:before {
	content: "";
	color: #e17000;
	z-index: 1;
	width: 0
}

.rating[class*="stars"]:after {
	content: "";
	color: gray;
	width: 100%
}

.rating[class*="stars"].stars-3 {
	width: 90px
}

.rating[class*="stars"].stars-5 {
	width: 150px
}

.rating[class*="stars"].score-1:before {
	width: 30px
}

.rating[class*="stars"].score-2:before {
	width: 60px
}

.rating[class*="stars"].score-3:before {
	width: 90px
}

.rating[class*="stars"].score-4:before {
	width: 120px
}

.rating[class*="stars"].score-5:before {
	width: 150px
}

.reference-badge {
	height: 19px;
	line-height: 19px;
	min-width: 19px;
	text-align: center;
	box-sizing: border-box;
	padding: 0 0.1em;
	border-radius: 0.8em;
	background: #cce0f1;
	color: #01689b !important;
	display: inline-block;
	font-size: 18px;
	text-decoration: none !important
}

.reference-badge:before {
	line-height: 19px
}

.reference-badge.active,
.reference-badge.tooltip-active-hover {
	box-shadow: 0 0 1px 1px #01689b
}

.reference-badge.tooltip-active-hover {
	background: #014668;
	color: white !important
}

.pat-rich {
	font-size: 1.26562rem;
	line-height: 1.38272;
	overflow-wrap: break-word;
	word-wrap: break-word
}

.pat-rich blockquote {
	display: block;
	font-style: italic;
	clear: both;
	width: 100%;
	margin: 2rem 0 2rem 0;
	padding: 1rem 1rem 1rem 1rem;
	color: #000;
	border-left: 0.5rem solid dimgray;
	background: #f3f3f3;
	box-sizing: border-box
}

.pat-rich blockquote:before {
	display: block;
	margin-top: 0.75rem;
	margin-bottom: 0rem;
	content: "“";
	color: dimgray;
	font-size: 6rem;
	line-height: .1em
}

.pat-rich .inline-reference {
	padding: 200px 0 0 0;
	margin: calc(-1 * 200px) 0 0 0;
	-moz-pointer-events: none;
	-webkit-pointer-events: none;
	pointer-events: none;
	transition: all 1s
}

.pat-rich .inline-reference:target {
	text-shadow: 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow, 0 0 12px yellow
}

.pat-rich .inline-reference:target .reference-badge {
	box-shadow: 0 0 0 4px yellow;
	text-shadow: none
}

.pat-rich .inline-reference>* {
	-moz-pointer-events: auto;
	-webkit-pointer-events: auto;
	pointer-events: auto
}

.pat-rich *:not(img):not(br):not(a):empty:not(textarea):not(td):not(th) {
	display: none
}

.pat-rich *:blank {
	display: none
}

.pat-rich .message-no-info {
	margin: 0.5em 0;
	color: #666
}

@media only screen and (max-width: 769px) {
	.pat-rich {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto
	}
}

.group-3 .pat-rich #extended-view-toggle {
	display: none
}

.pat-rich .attention {
	color: #e17000
}

.pat-rich.group-1 {
	display: none;
	animation: fadeIn 1s
}

.group-1 .pat-rich.group-1 {
	display: block
}

.pat-rich .table-group .scroll-table {
	margin-bottom: 26px
}

.pat-rich .table-group .scroll-table:last-child {
	margin-bottom: 0
}

.pat-rich table+.button-bar,
.pat-rich figure+.button-bar,
.pat-rich .scroll-table+.button-bar,
.pat-rich .table-group+.button-bar {
	margin-top: "-0.5 * 26px";
	font-size: 80%;
	text-align: right
}

.pat-rich table+.button-bar a,
.pat-rich figure+.button-bar a,
.pat-rich .scroll-table+.button-bar a,
.pat-rich .table-group+.button-bar a {
	text-decoration: none;
	color: gray
}

.pat-rich table+.button-bar a:hover,
.pat-rich figure+.button-bar a:hover,
.pat-rich .scroll-table+.button-bar a:hover,
.pat-rich .table-group+.button-bar a:hover {
	text-decoration: underline;
	color: black
}

.pat-rich table+.button-bar a:hover:before,
.pat-rich figure+.button-bar a:hover:before,
.pat-rich .scroll-table+.button-bar a:hover:before,
.pat-rich .table-group+.button-bar a:hover:before {
	text-decoration: none
}

.pat-rich.group-2 {
	display: none;
	animation: fadeIn 1s
}

.group-2 .pat-rich.group-2 {
	display: block
}

.pat-rich.group-3 {
	display: none;
	animation: fadeIn 1s
}

.group-3 .pat-rich.group-3 {
	display: block
}

.pat-rich section {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (max-width: 769px) {
	.pat-rich section {
		margin: 0
	}
}


@media screen {
	.pat-rich section:after {
		content: " ";
		display: table;
		clear: both
	}
}

.pat-rich section.content-block {
	margin-top: -96px;
	pointer-events: none
}

.pat-rich section.content-block>* {
	pointer-events: auto
}

.pat-rich section.content-block section:not(.pat-collapsible):not(.action-plan):not(.pat-well):not(.recipe):not(.discrete) {
	margin-bottom: 0
}

.pat-rich section.content-block .pat-collapsible {
	margin-bottom: 26px
}

.pat-rich section.content-block .pat-collapsible .panel-content>*:last-child {
	margin-bottom: 0
}

.no-js .pat-rich section.content-block .pat-collapsible .panel-content #close-excipients-warning {
	display: none
}

.pat-rich section.content-block .pat-well.collapsibles .pat-collapsible {
	margin-bottom: 0
}

.pat-rich section.content-block .pat-well.collapsibles .pat-collapsible .panel-content>*:last-child {
	margin-bottom: 26px
}

.pat-rich section.theme {
	padding-bottom: 30px;
	margin-left: 0;
	margin-right: 0;
	border-bottom: 2px solid #f3f3f3;
	position: relative h3;
	position-margin: 15px 15px 10px 0;
	position-line-height: 1.4444;
	position-font-weight: bold;
	position-font-weight: 1.25
}

.pat-rich section.block {
	margin-bottom: 20px
}

.pat-rich section.block h2 {
	padding: .4333em 0 0;
	font-size: 1.125em;
	line-height: 1.4444
}

.pat-rich section.block h2:before {
	border-top: 1px solid #01689b;
	display: block;
	content: " ";
	height: .4333em
}

.pat-rich .summary h1 {
	font-weight: bold;
	font-size: 2.0272865295rem;
	line-height: 1.2331754607
}

.pat-rich .summary h2 {
	margin: 0 0 30px;
	color: #767676;
	font-size: 1.3125em;
	font-weight: normal;
	line-height: 1.5238;
	vertical-align: baseline
}

@media only screen and (max-width: 769px) {
	.pat-rich .summary h2 {
		padding-top: 0
	}
}

@media only screen and (max-width: 1279px) {
	.variation-search-results~#main .pat-rich .summary h2 {
		margin-top: -80px
	}
}

.pat-rich .summary h2 strong {
	font-size: 1.3333em;
	line-height: 1.1429em;
	font-weight: normal;
	color: black;
	display: inline-block;
	vertical-align: baseline
}

.pat-rich .introduction#page-intro {
	font-size: 1.60181rem;
	line-height: 1.40466;
	-webkit-hyphens: auto;
	hyphens: auto;
	margin-top: 2rem;
	margin-bottom: 1.5rem
}

@media only screen and (max-width: 769px) {
	.pat-rich .introduction#page-intro {
		line-height: "1.3 * 26px"
	}
}

.pat-rich .subject>.introduction {
	color: #39870c;
	margin: 0
}

.pat-rich h1:not(.collapsible-open):not(.collapsible-closed):not([class^="icon-"]):first-letter,
.pat-rich h2:not(.collapsible-open):not(.collapsible-closed):not([class^="icon-"]):first-letter,
.pat-rich h3:not(.collapsible-open):not(.collapsible-closed):not([class^="icon-"]):first-letter,
.pat-rich h4:not(.collapsible-open):not(.collapsible-closed):not([class^="icon-"]):first-letter,
.pat-rich h5:not(.collapsible-open):not(.collapsible-closed):not([class^="icon-"]):first-letter,
.pat-rich h6:not(.collapsible-open):not(.collapsible-closed):not([class^="icon-"]):first-letter {
	text-transform: capitalize
}

.pat-rich h1 .brand-name,
.pat-rich h1 .adm-r,
.pat-rich h1 .adm-m,
.pat-rich h2 .brand-name,
.pat-rich h2 .adm-r,
.pat-rich h2 .adm-m,
.pat-rich h3 .brand-name,
.pat-rich h3 .adm-r,
.pat-rich h3 .adm-m,
.pat-rich h4 .brand-name,
.pat-rich h4 .adm-r,
.pat-rich h4 .adm-m,
.pat-rich h5 .brand-name,
.pat-rich h5 .adm-r,
.pat-rich h5 .adm-m,
.pat-rich h6 .brand-name,
.pat-rich h6 .adm-r,
.pat-rich h6 .adm-m {
	text-transform: lowercase
}

.pat-rich h1 a,
.pat-rich h2 a,
.pat-rich h3 a,
.pat-rich h4 a,
.pat-rich h5 a,
.pat-rich h6 a {
	text-decoration: none
}

.pat-rich h1 a.follow,
.pat-rich h2 a.follow,
.pat-rich h3 a.follow,
.pat-rich h4 a.follow,
.pat-rich h5 a.follow,
.pat-rich h6 a.follow {
	font-size: 1.7rem;
	color: #01689b;
	text-decoration: underline;
	opacity: 0.6
}

.pat-rich h1 a.follow:hover,
.pat-rich h2 a.follow:hover,
.pat-rich h3 a.follow:hover,
.pat-rich h4 a.follow:hover,
.pat-rich h5 a.follow:hover,
.pat-rich h6 a.follow:hover {
	opacity: 1
}

.pat-rich h1 a.follow:before,
.pat-rich h2 a.follow:before,
.pat-rich h3 a.follow:before,
.pat-rich h4 a.follow:before,
.pat-rich h5 a.follow:before,
.pat-rich h6 a.follow:before {
	content: '('
}

.pat-rich h1 a.follow:after,
.pat-rich h2 a.follow:after,
.pat-rich h3 a.follow:after,
.pat-rich h4 a.follow:after,
.pat-rich h5 a.follow:after,
.pat-rich h6 a.follow:after {
	content: ')'
}

.pat-rich h2 a[href],
.pat-rich h3 a[href],
.pat-rich h4 a[href],
.pat-rich h5 a[href],
.pat-rich h6 a[href] {
	text-decoration: none
}

.pat-rich h2 a[href]:not(.follow):after,
.pat-rich h3 a[href]:not(.follow):after,
.pat-rich h4 a[href]:not(.follow):after,
.pat-rich h5 a[href]:not(.follow):after,
.pat-rich h6 a[href]:not(.follow):after {
	font-family: fontello;
	content: "";
	margin-left: 0.5em;
	font-size: 1em;
	text-decoration: none !important;
	position: absolute
}

.pat-rich h2 a[href]:hover,
.pat-rich h3 a[href]:hover,
.pat-rich h4 a[href]:hover,
.pat-rich h5 a[href]:hover,
.pat-rich h6 a[href]:hover {
	text-decoration: underline
}

.pat-rich h2 a[href]:hover:after,
.pat-rich h3 a[href]:hover:after,
.pat-rich h4 a[href]:hover:after,
.pat-rich h5 a[href]:hover:after,
.pat-rich h6 a[href]:hover:after {
	text-decoration: none !important
}

.pat-rich h1 {
	margin-bottom: 32px
}

.pat-rich h1 .logo {
	float: right;
	height: 55px;
	margin-top: -8px;
	margin-left: 15px
}

.pat-rich h1:first-letter {
	text-transform: capitalize
}

@media only screen and (max-width: 769px) {
	.pat-rich h1 {
		margin-bottom: .7692em;
		padding-bottom: 1px;
		font-weight: bold;
		font-size: 1.625em;
		line-height: 1.1538em
	}
}

.pat-rich h1+.byline {
	margin-bottom: 1.8em;
	color: #535353;
	font-style: normal;
	line-height: 1.3;
	font-size: 0.9em
}

.pat-rich h1+.byline .byline-item {
	border-left: 1px solid #535353;
	padding: 0 0.5em;
	display: inline-block
}

.pat-rich h1+.byline .byline-item:first-child {
	padding-left: 0;
	border-left: none
}

@media only screen and (min-width: 770px) {
	.pat-rich h1+.byline {
		margin: -28px 0 32px
	}
}

@media only screen and (max-width: 769px) {
	.pat-rich h1+.byline {
		margin: -12px 0 20px
	}
}

.pat-rich h1[class^="icon-"] {
	padding-left: 1.6em;
	position: relative
}

.pat-rich h1[class^="icon-"]:before {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	transform: translateY(-50%)
}

.pat-rich h1,
.pat-rich #title-block .pat-content-mirror {
	font-weight: bold;
	font-size: 2.0272865295rem;
	line-height: 1.2331754607;
	color: black;
	box-shadow: none
}

.pat-rich #title-block .pat-content-mirror {
	margin: 0
}

.pat-rich .introduction+h2 {
	margin-top: 3rem
}

.pat-rich h2 {
	margin: 0rem 0rem 1rem 0rem;
	font-size: 1.80203rem;
	line-height: 1.38732;
	-webkit-margin-after: 0.75rem;
	margin-block-end: 0.75rem;
	-webkit-margin-before: 3rem;
	margin-block-start: 3rem;
	color: black
}

.pat-rich h2 a {
	color: black
}

.pat-rich#main-content h2 {
	margin: 3rem 0 calc(.75rem - 200px);
	padding-top: 120px;
	position: relative;
	top: -120px;
	-moz-pointer-events: none;
	-webkit-pointer-events: none;
	pointer-events: none
}

.pat-rich .main-illustration+h2 {
	margin-top: 0
}

.pat-rich h3 {
	font-size: 1.423828125rem;
	line-height: 1.4046639232;
	display: block;
	font-weight: bold;
	margin: 0rem 0rem 0.5rem 0rem
}

.pat-rich h3:before {
	width: 1.25em;
	text-align: left;
	padding: 0;
	margin: 0
}

.pat-rich h3 .pat-button {
	font-size: 0.7em;
	float: right;
	line-height: 1.3em;
	border: none;
	background: #cce0f1;
	color: #01689b;
	cursor: pointer;
	padding: 0.3em 0.5em
}

.pat-rich h3 .pat-button:hover {
	background: #e5f0f9
}

.pat-rich h3 .pat-button:after {
	display: none
}

.pat-rich h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0
}

.pat-rich h4+ul,
.pat-rich h4+ol {
	margin-top: 10px
}

.pat-rich h5 {
	font-size: 1em;
	font-weight: bold;
	margin: 0
}

.pat-rich h6 {
	font-size: 1em;
	font-weight: bold;
	margin: 0
}

.pat-rich em {
	font-style: italic
}

.pat-rich i {
	font-style: italic
}

.pat-rich strong {
	font-weight: bold
}

.pat-rich strong.warning {
	color: #d52b1e;
	font-weight: normal
}

.pat-rich .page-title {
	position: relative
}

.six.columns .pat-rich .page-title {
	padding-top: 18px;
	padding-bottom: 9px;
	margin-bottom: "0.5 * 26px"
}

.pat-rich .page-title h1 {
	font-size: 2.0272865295rem;
	line-height: 1.2331754607
}

.pat-rich .page-title .icons {
	position: absolute;
	top: 0.9em;
	right: 0
}

@media only screen and (max-device-width: 667px) and (orientation: portrait) {
	.pat-rich .page-title .icons {
		right: 0
	}
}

.pat-rich .page-title .icons .icon-close-thin,
.pat-rich .page-title .icons .icon-close,
.pat-rich .page-title .icons .icon-3909-kruis {
	width: 1em;
	height: 1em;
	font-size: 30px;
	color: transparent;
	cursor: default
}

.pat-rich .page-title .icons .icon-close-thin:hover:before,
.pat-rich .page-title .icons .icon-close:hover:before,
.pat-rich .page-title .icons .icon-3909-kruis:hover:before {
	color: black
}

.pat-rich .page-title .icons .icon-close-thin:before,
.pat-rich .page-title .icons .icon-close:before,
.pat-rich .page-title .icons .icon-3909-kruis:before {
	color: rgba(0, 0, 0, 0.6);
	text-decoration: none
}

.pat-rich .page-title:before {
	font-family: fontello;
	float: left;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	font-size: 1.6em;
	color: #01689b
}

@media only screen and (max-device-width: 667px) and (orientation: portrait) {
	.pat-rich .page-title:before {
		left: 0;
		margin-left: -15px;
		margin-top: 5px
	}
}

.pat-rich .page-title.medicine:before {
	content: ""
}

.pat-rich .page-title.medicine-group:before {
	content: ""
}

.pat-rich .page-title.indication:before {
	content: ""
}

.pat-rich .page-title h1 {
	font-size: 2.0272865295rem;
	line-height: 1.2331754607;
	color: #39870c;
	line-height: 1.2;
	margin: 0 0 0.3em 0;
	padding-left: 1.45em;
	padding-right: 1.45em
}

.pat-rich .page-title h1:first-letter {
	text-transform: capitalize
}

@media only screen and (max-device-width: 667px) and (orientation: portrait) {
	.pat-rich .page-title h1 {
		font-size: 1.6em
	}
}

.pat-rich .page-title h1+.byline {
	margin-bottom: 0.7em;
	padding-left: 2.6rem;
	padding-right: 2.6rem
}

@media only screen and (min-width: 770px) {
	.pat-rich .page-title h1+.byline {
		margin-top: -0.5em
	}
}

@media only screen and (max-width: 769px) {
	.pat-rich .page-title h1+.byline {
		margin-top: 0
	}
}

@media only screen and (max-device-width: 667px) and (orientation: portrait) {
	.pat-rich .page-title h1+.byline {
		margin-bottom: 0
	}
}

.pat-rich .discrete {
	color: rgba(0, 0, 0, 0.7);
	font-size: 0.8em;
	padding-left: 1.2em;
	border-left: 3px solid rgba(0, 0, 0, 0.2);
	line-height: "0.8 * 26px"
}

.pat-rich .discrete p,
.pat-rich .discrete ul,
.pat-rich .discrete ol,
.pat-rich .discrete h3 {
	margin: 0 0 1.25rem 0
}

.pat-rich .discrete *:last-child {
	margin-bottom: 0
}

.pat-rich .captioned {
	color: rgba(0, 0, 0, 0.8);
	font-size: 0.8em;
	padding: 1.5em;
	line-height: "0.8 * 26px";
	background: #e5f0f9
}

.pat-rich .captioned p,
.pat-rich .captioned ul,
.pat-rich .captioned ol,
.pat-rich .captioned table,
.pat-rich .captioned h3 {
	margin: 0 0 1.25rem 0
}

.pat-rich .captioned *:last-child {
	margin-bottom: 0
}

.pat-rich .logo-cloud img {
	margin: 1.5em 5%;
	display: inline-block
}

.pat-rich img,
.pat-rich iframe {
	cursor: default
}

.pat-rich img:focus,
.pat-rich img.ProseMirror-selectednode,
.pat-rich iframe:focus,
.pat-rich iframe.ProseMirror-selectednode {
	outline: 3px solid #e17000;
	outline-offset: 4px
}

.pat-rich figure {
	width: 100%;
	margin-bottom: 26px
}

.pat-rich figure.banner img,
.pat-rich figure.banner svg {
	width: auto;
	max-width: 100%
}

.pat-rich figure img,
.pat-rich figure svg {
	width: 100%;
	overflow: hidden;
	margin: 0 auto
}

.pat-rich figure img *,
.pat-rich figure svg * {
	font-family: 'RO Sans' !important
}

.pat-rich figure table {
	margin-bottom: 0
}

@media all and (-ms-high-contrast: none) {
	.pat-rich figure svg {
		height: 350px
	}
}

.pat-rich figure a img {
	border: none
}

.pat-rich figure figcaption {
	color: rgba(0, 0, 0, 0.5);
	font-size: 0.8em;
	padding: 10px 0 0 0
}

.pat-rich figure figcaption .icon-zoom-in {
	color: #01689b;
	text-decoration: none;
	float: right;
	cursor: pointer
}

.no-js .pat-rich figure figcaption .icon-zoom-in {
	display: none
}

@media only screen and (max-width: 769px) {
	.pat-rich figure figcaption .icon-zoom-in {
		display: none
	}
}

.pat-rich figure figcaption .icon-zoom-in:hover {
	color: black;
	text-decoration: underline
}

.pat-rich figure figcaption .icon-zoom-in:before {
	text-decoration: none
}

.pat-rich figure svg+figcaption:before,
.pat-rich figure img+figcaption:before,
.pat-rich figure a+figcaption:before,
.pat-rich figure .illustration-group+figcaption:before {
	content: "Fig. " counter(fig) ": ";
	counter-increment: fig
}

.pat-rich figure table+figcaption:before,
.pat-rich figure .scroll-table+figcaption:before,
.pat-rich figure .table-group+figcaption:before,
.pat-rich figure .tables+figcaption:before {
	content: "Tabel " counter(tab) ": ";
	counter-increment: tab
}

.pat-rich table {
	padding: 0;
	margin: 2rem auto;
	overflow: hidden;
	width: 100%;
	max-width: 100%
}

.pat-rich table tbody tr th {
	position: static
}

.pat-rich img {
	max-width: 100%;
	margin: 2rem auto;
	display: block
}

.pat-rich p,
.pat-rich ul,
.pat-rich ol,
.pat-rich dl {
	-webkit-margin-before: 0;
	margin-block-start: 0;
	-webkit-margin-after: 1.25rem;
	margin-block-end: 1.25rem
}

.pat-rich p:not(:last-child):not(.byline),
.pat-rich ul:not(:last-child):not(.byline),
.pat-rich ol:not(:last-child):not(.byline),
.pat-rich dl:not(:last-child):not(.byline) {
	margin-bottom: 1rem
}

.no-js .pat-rich p.compare-to-other,
.no-js .pat-rich ul.compare-to-other,
.no-js .pat-rich ol.compare-to-other,
.no-js .pat-rich dl.compare-to-other {
	display: none
}

@media print {

	.pat-rich p.compare-to-other,
	.pat-rich ul.compare-to-other,
	.pat-rich ol.compare-to-other,
	.pat-rich dl.compare-to-other {
		display: none
	}
}

@media screen and (min-width: 0\0) {
	.pat-rich a[class^="icon-"] {
		text-decoration: none
	}

	.pat-rich a[class^="icon-"]:hover {
		text-decoration: none
	}

	.pat-rich a[class^="icon-"]:hover .link-label {
		text-decoration: underline
	}
}

.pat-rich a[href] {
	text-decoration: underline
}

.pat-rich a[href]:hover {
	color: #014668
}

.pat-rich a[href][href$=".pdf"]:after {
	content: " (pdf)"
}


/* commented out to not show arrow-box
body.product-ist .pat-rich a:not([href~=".istandaarden.nl"]):not([href^="/"]):not([href^="tel"]):not([href^="mailto"]):not([href^="/"]):not([href^="#"]):not([class~=type-link-external]):not([class~=reference-badge]) {
	position: relative;
	padding-left: 1rem
}

body.product-ist .pat-rich a:not([href~=".istandaarden.nl"]):not([href^="/"]):not([href^="tel"]):not([href^="mailto"]):not([href^="/"]):not([href^="#"]):not([class~=type-link-external]):not([class~=reference-badge]):before {
	display: inline-flex;
	content: "";
	font-family: fontello;
	font-size: .7rem;
	font-weight: normal;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	left: 1px;
	top: -2px;
	align-items: center;
	height: 28px;
	text-decoration: none !important;
	position: absolute
}

*/
body.environment-prototype .pat-rich a:not([href^="/"]):not([href^="#"]):not([href^="tel"]):not([href^="mailto"]):not([class~=type-link-external]):not([class~=reference-badge]) {
	position: relative;
	padding-left: 1rem
}

body.environment-prototype .pat-rich a:not([href^="/"]):not([href^="#"]):not([href^="tel"]):not([href^="mailto"]):not([class~=type-link-external]):not([class~=reference-badge]):before {
	display: inline-flex;
	content: "";
	font-family: fontello;
	font-size: .7rem;
	font-weight: normal;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	left: 1px;
	top: -2px;
	align-items: center;
	height: 28px;
	text-decoration: none !important;
	position: absolute
}

.pat-rich a:not([href]) {
	text-decoration: none;
	color: inherit
}

.pat-rich a.reference:not([href]):after {
	content: " (" attr(title) ")";
	text-decoration: none;
	color: rgba(0, 0, 0, 0.6);
	font-style: italic
}

.pat-rich ul {
	margin-left: 0;
	padding: 0
}

.pat-rich ul li {
	list-style-type: square;
	list-style-position: outside;
	display: list-item;
	position: relative;
	left: 22px;
	padding-right: 22px;
	display: list-item;
	text-align: match-parent
}

.pat-rich ul,
.pat-rich ol {
	-webkit-margin-before: 0;
	margin-block-start: 0;
	-webkit-margin-after: 1.25rem;
	margin-block-end: 1.25rem
}

.pat-rich ul.footnotes .footnote:before,
.pat-rich ol.footnotes .footnote:before {
	vertical-align: super;
	font-size: 0.6em;
	color: #666;
	text-align: right;
	padding-right: 0.5em;
	box-sizing: border-box;
	top: -0.4em;
	position: relative
}

.pat-rich ul li,
.pat-rich ol li {
	margin: 0 0 0.5rem 0;
	-webkit-padding-start: 0.25rem;
	padding-inline-start: 0.25rem;
	list-style-position: outside;
	display: list-item;
	position: relative;
	left: 22px;
	padding-right: 22px
}

.pat-rich ul li>*:last-child,
.pat-rich ol li>*:last-child {
	margin-bottom: 0
}

.pat-rich ol {
	list-style-type: decimal;
	-webkit-margin-before: 0;
	margin-block-start: 0;
	-webkit-margin-after: 1.25rem;
	margin-block-end: 1.25rem;
	-webkit-padding-start: 1.5rem;
	padding-inline-start: 1.5rem
}

.pat-rich ol>li {
	list-style: decimal
}

.pat-rich ol p:last-child {
	margin-bottom: 0
}

.pat-rich ol.roman {
	list-style: upper-roman
}

.pat-rich ul.link-list li a[href] {
	text-decoration: none
}

.pat-rich ul.link-list li a[href]:hover {
	text-decoration: underline
}

.pat-rich ul.link-list.medicines li a {
	display: inline-block;
	padding: 0
}

.pat-rich ul.link-list.medicines li a.icon-medicine {
	max-width: calc(100% - 100px)
}

.pat-rich ul.link-list.medicines li:before {
	font-family: fontello;
	content: ""
}

.pat-rich ul.link-list.medicines .button-compare {
	float: right;
	border: none;
	background-color: #f6d4b2;
	font-size: 0.9em;
	color: #fff;
	float: right;
	margin: 0 0 0 0.2em;
	cursor: pointer;
	padding: 0 1em !important;
	line-height: 1.5em;
	text-decoration: none;
	cursor: default
}

@media print {
	.pat-rich ul.link-list.medicines .button-compare {
		display: none
	}
}

.pat-rich ul.link-list.medicines .button-compare[href] {
	background-color: #e17000;
	cursor: pointer
}

.pat-rich ul.link-list.medicines .button-compare[href]:hover {
	opacity: 0.8
}

.pat-rich ol {
	counter-reset: list
}

.pat-rich ol li>*:last-child {
	margin-bottom: 0
}

.pat-rich ol.link-list li a[href] {
	text-decoration: none
}

.pat-rich ol.link-list li a[href]:hover {
	text-decoration: underline
}

.pat-rich.indented {
	padding-bottom: "96px - 26px";
	font-size: 1em;
	line-height: 1.4
}

.pat-rich.indented .content-block#extra-info .link-list {
	padding-left: 22px
}

.pat-rich.indented .content-block#extra-info .link-list li {
	position: static
}

.pat-rich.indented .content-block#extra-info .link-list li .reference-badge {
	top: 0
}

.pat-rich.indented .metro-line {
	padding-left: 0
}

.pat-rich.indented .metro-line li {
	margin-bottom: 0;
	margin-left: 0
}

@media only screen and (min-width: 1280px) {
	.pat-rich.indented {
		padding-left: 28%
	}

	.pat-rich.indented h2 {
		width: 36%;
		float: left;
		margin-left: -39%;
		margin-top: -0.3em;
		color: #42145f;
		background-color: #e3dce7;
		padding: 0.3em 0.8em;
		font-size: 1em;
		position: -webkit-sticky;
		position: -ms-sticky;
		position: -o-sticky;
		position: sticky;
		top: 90px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		transition: all 0.4s
	}

	body.scroll-down .pat-rich.indented h2 {
		top: 20px
	}

	@-moz-document url-prefix() {}

	.pat-rich.indented h2+.pat-message {
		margin-top: -5.5px
	}

	.pat-rich.indented h2+.pat-message+.recipe {
		margin-top: 22px;
		transition: margin 0.5s
	}

	.pat-rich.indented h2+.pat-message.closed+.recipe {
		margin-top: 0
	}
}

@media print {
	.pat-rich.indented h2 {
		position: static !important;
		width: auto !important
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.pat-rich.indented h2 {
		position: static !important
	}
}

@media only screen and (max-width: 769px) {
	.pat-rich.indented h2 {
		position: static !important
	}
}

.pat-select.versions:not([data-option-value*="versie"]):after {
	color: #e17000;
	font-weight: bold
}

#site-header {
	line-height: 16px;
	border: none;
	border-bottom: none;
	background-color: #fff;
	position: absolute;
	top: 0;
	width: 100%
}

@media only screen and (max-width: 769px) {
	#site-header {
		min-height: 72px
	}
}

@media only screen and (min-width: 770px) {
	#site-header {
		min-height: 125px
	}
}

@media all and (display-mode: standalone) {
	#site-header {
		display: none
	}
}

#site-header #global-functions {
	position: absolute;
	top: 13px
}

@media only screen and (min-width: 770px) {
	#site-header #global-functions {
		right: 15px
	}
}

@media only screen and (max-width: 769px) {
	#site-header #global-functions {
		left: 15px;
		max-width: calc(50% - 40px);
		font-size: 14px
	}
}

#site-header #global-functions a {
	color: #666;
	display: inline-block
}

@media only screen and (min-width: 770px) {
	#site-header #global-functions a {
		margin-left: 15px;
		padding-left: 15px;
		border-left: 1px silver solid;
		float: left
	}

	#site-header #global-functions a:first-child {
		border-left: none
	}
}

@media only screen and (max-width: 769px) {
	#site-header #global-functions a {
		display: block;
		margin-bottom: 10px
	}
}

#site-header #global-functions a.active {
	color: black;
	text-decoration: none;
	cursor: default
}

#site-header>#login {
	position: absolute;
	top: 13px;
	color: #666
}

@media only screen and (min-width: 770px) {
	#site-header>#login {
		right: 15px
	}
}

@media only screen and (max-width: 769px) {
	#site-header>#login {
		left: 15px;
		max-width: calc(50% - 40px);
		font-size: 14px
	}
}

#site-header>#login.active {
	color: black;
	text-decoration: none;
	cursor: default
}

#site-header .date-modified {
	font-size: 12px;
	position: absolute;
	top: 12px;
	left: 18px;
	color: silver;
	cursor: default;
	max-width: 40%
}

@media only screen and (max-width: 769px) {
	#site-header .date-modified {
		display: none
	}
}

#site-header a.homepage {
	width: 50px;
	display: block;
	margin: 0 auto;
	text-decoration: none
}

@media only screen and (max-width: 769px) {
	#site-header a.homepage {
		width: 40px
	}
}

#site-header a.homepage .logo {
	display: none
}

@keyframes beaker {

	0%,
	64%,
	66% {
		transform: rotate(0deg);
		opacity: 1
	}

	4%,
	15%,
	28%,
	47% {
		transform: rotate(-20deg);
		opacity: 1
	}

	9%,
	22%,
	37% {
		transform: rotate(20deg);
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.css-externN #site-header a.homepage:after {
	text-align: center;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	font-family: fontello;
	line-height: 50px;
	background-color: #154273;
	display: block;
	position: absolute;
	top: 27px;
	left: 50%;
	margin-left: -25px;
	content: "";
	color: white;
	font-size: 1.6em;
	animation: beaker 4s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	animation-delay: 2s
}

#site-header a.homepage:before {
	display: inline-block;
	background-color: #154273;
	color: white;
	font-family: fontello;
	content: "";
	text-align: center
}

@media only screen and (min-width: 770px) {
	#site-header a.homepage:before {
		width: 50px;
		height: 100px;
		line-height: 135px;
		font-size: 36px
	}
}

@media only screen and (max-width: 769px) {
	#site-header a.homepage:before {
		width: 40px;
		height: 60px;
		line-height: 67px;
		font-size: 30px
	}
}

@media print {
	#site-header a.homepage:before {
		content: "";
		background-color: white;
		color: #154273;
		font-size: 74px;
		line-height: 74px
	}
}

@media only screen and (max-width: 769px) {
	#site-header a.homepage:after {
		position: absolute;
		top: 90px;
		right: 10px;
		content: "";
		line-height: 2em;
		text-align: center;
		font-family: fontello;
		display: block;
		color: white;
		width: 2em;
		height: 2em;
		z-index: 2
	}

	.page-type-homepage #site-header a.homepage:after {
		display: none
	}
}

#site-header .dept {
	font-size: 15px;
	position: absolute;
	top: 51px;
	margin-left: 12px;
	color: black
}

@media only screen and (max-width: 769px) {
	#site-header .dept {
		display: none
	}
}

@media print {
	#site-header .dept {
		font-family: "Times New Roman", Georgia, Serif !important
	}
}

@media (max-width: 767px) {
	#site-header .header .dept {
		width: 50px;
		top: 20px
	}
}

@media only screen and (max-device-width: 667px) and (orientation: portrait) {

	.page-type-medicine-compare #site-header:before,
	.page-type-medicine-group-compare #site-header:before,
	.page-type-indication-compare #site-header:before {
		position: absolute;
		display: block;
		text-align: center;
		min-height: 92px;
		left: 0;
		right: 0;
		top: 13rem;
		content: "Schuif de pagina van rechts naar links om te vergelijken";
		padding: 2rem 2rem 1rem 2rem;
		padding-right: calc(100% + 2rem);
		-moz-animation: fadeOutUp;
		-webkit-animation: fadeOutUp;
		animation: fadeOutUp;
		z-index: 1;
		font-size: 1.3em;
		line-height: 1.2;
		color: #e17000;
		background-color: #e1eddb;
		font-weight: bold;
		-webkit-animation: shake 2s;
		-webkit-animation-iteration-count: 5;
		-webkit-animation-delay: 4s;
		animation: shake 3s;
		animation-iteration-count: 3;
		animation-delay: 4s;
		pointer-events: none
	}
}

.show-more-snippet {
	display: inline;
	letter-spacing: -1em
}

.show-more-snippet.collapsed {
	cursor: pointer;
	overflow: hidden;
	color: transparent
}

.show-more-snippet.collapsed:before {
	content: '…';
	letter-spacing: 0;
	color: black;
	display: inline
}

.show-more-snippet.collapsed:after {
	color: #01689b;
	content: attr(title);
	letter-spacing: 0;
	display: block;
	clear: both
}

.show-more-snippet.collapsed:hover:after {
	text-decoration: underline
}

.show-more-snippet.expanded {
	font-size: inherit;
	color: inherit;
	letter-spacing: 0
}

.search-box.closed #close-trigger,
.search-box.open #open-trigger {
	display: none
}

.search-box:after {
	content: " ";
	display: table;
	clear: both
}

.search-box fieldset.horizontal {
	margin: 0
}

.search-box .filters {
	margin: 0
}

.search-box .filters.panel-content {
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
	margin: 0
}

.search-box .filters.panel-content:after {
	content: " ";
	display: table;
	clear: both
}

.search-box .filters .filter-toggle {
	display: none
}

.search-box .filters .form-panel.panel-content {
	padding: 0 0 1.5em 0
}

.search-box .filters.closed~.button-bar #close-trigger,
.search-box .filters.open~.button-bar #open-trigger {
	display: none
}

.search-box .sorting {
	margin: 20px 0
}

.product-med .search-box .sorting {
	margin: 1.8em 0
}

.search-box .sorting a,
.search-box .sorting .link {
	color: #767676;
	margin: 0
}

.search-box .sorting a:hover,
.search-box .sorting .link:hover {
	color: black;
	text-decoration: underline !important
}

.search-results {
	line-height: 1.3;
	position: relative;
	clear: both
}

.search-results.injecting:before {
	top: 1em
}

@media only screen and (min-width: 1280px) {
	.search-results {
		font-size: 1.1em
	}
}

.search-results .result-item {
	position: relative;
	display: block;
	padding-left: 20px;
	font-weight: normal;
	color: black;
	font-size: 1.125rem;
	line-height: 1.625rem;
	margin-bottom: 29px;
	animation: fadeIn 1s;
	text-decoration: none
}

.search-results .result-item:hover .result-title {
	text-decoration: underline
}

.search-results .result-item:hover .description,
.search-results .result-item:hover .meta .facet {
	text-decoration: none
}

.search-results .result-item .description .facet {
	display: inline-block
}

.search-results .result-item .description .facet:after {
	content: ", "
}

.search-results .result-item .description .facet:last-child:after {
	display: none
}

.search-results .result-item.medicine .result-title {
	text-transform: lowercase
}

.search-results .result-item.medicine .result-title:first-letter {
	text-transform: uppercase
}

.search-results .result-item.medicine .description {
	text-transform: lowercase
}

.search-results .result-item.medicine .description .facet:first-letter {
	text-transform: uppercase
}

.search-results .result-item.state-draft:before {
	color: #e17000
}

.search-results .result-item.state-draft .result-title,
.search-results .result-item.state-draft .meta {
	color: #e17000
}

.search-results .result-item .result-title {
	line-height: 1.444em;
	font-size: 1.125em;
	padding-bottom: .3em;
	font-style: bold;
	color: #01689b
}

.search-results .result-item .meta {
	display: block;
	color: #666;
	font-size: .875rem;
	font-weight: normal
}

.search-results .result-item .meta .facet.price:before {
	font-family: fontello;
	display: inline-block;
	margin-right: 5px
}

.search-results .result-item .meta .facet.price.not-reimbursed {
	color: #d52b1e
}

.search-results .result-item .meta .facet.price.not-reimbursed:before {
	content: ""
}

.search-results .result-item .meta .facet.price.reimbursed {
	color: #39870c
}

.search-results .result-item .meta .facet.price.reimbursed:before {
	content: ""
}

.search-results .result-item .meta .facet.price.possibly-reimbursed {
	color: #e17000
}

.search-results .result-item .meta .facet.price.possibly-reimbursed:before {
	content: ""
}

.search-results .result-item .meta .facet.price.partially-reimbursed {
	color: #e17000
}

.search-results .result-item .meta .facet.price.partially-reimbursed:before {
	content: ""
}

.search-results .result-item .meta .facet.reimbursement:before {
	content: '('
}

.search-results .result-item .meta .facet.reimbursement:after {
	content: ')'
}

.search-results .result-item .meta .facet.reimbursement.not-reimbursed {
	color: #d52b1e
}

.search-results .result-item .meta .facet.reimbursement.reimbursed {
	color: #39870c
}

.search-results .result-item .meta .facet.reimbursement.possibly-reimbursed {
	color: #e17000
}

.search-results .result-item .meta .facet.reimbursement.partially-reimbursed {
	color: #e17000
}

.search-results .result-item:before {
	font-family: fontello;
	position: absolute;
	top: 2px;
	font-size: 0.8em;
	left: 0;
	display: inline-block;
	color: #01689b;
	font-style: normal
}

.search-results .result-item.generic:before {
	content: "";
	font-size: 0.6em
}

.search-results .result-item.news-item:before {
	content: ""
}

.search-results .result-item.medicine:before {
	content: ""
}

.search-results .result-item.group:before {
	content: ""
}

.search-results .result-item.indication:before {
	content: ""
}

.search-results .result-item.info:before {
	content: ""
}

.search-results .result-item.type-qs:before {
	content: ""
}

.search-results .result-item.type-is:before {
	content: ""
}

.search-results .result-item.type-mi:before {
	content: "";
	font-size: 0.8em
}

.search-results .result-item.type-dt:before {
	content: "";
	font-size: 0.8em
}

.search-results .result-more {
	display: block;
	margin-bottom: 15px
}

.search-results .result-more:before {
	content: "\f055";
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 16px;
	margin-right: 7px;
	color: #337ab7;
	position: relative;
	top: 2px
}

.spotlight {
	transition: box-shadow 0.5s, background 0.5s, padding 0.5s, margin 0.5s, border-radius 0.5s;
	padding: 0 0.35em;
	margin: 0 -0.35em;
	border-radius: 8px;
	position: relative;
	z-index: 9
}

.spotlight-on .spotlight {
	box-shadow: 0 0 0 0.15em white, 0 0 10px black;
	background: white
}

#sub-nav {
	background: #f3f3f3;
	margin: 0
}

#sub-nav #hero {
	margin: 0
}

#sub-nav .container {
	padding: 40px 15px 28px
}

#sub-nav .container .link-list {
	margin-bottom: -12px
}

@media only screen and (min-width: 770px) {
	#sub-nav .container .link-list {
		column-count: 3
	}

	#sub-nav .container .link-list li {
		padding-bottom: 12px;
		margin-bottom: 0;
		border-bottom: none;
		font-size: 20px;
		line-height: 28px
	}

	#sub-nav .container .link-list li a:hover {
		text-decoration: underline
	}
}

#page-intro {
	position: relative
}

#page-intro .validation.message {
	font-size: 1rem
}

#page-intro .placeholder {
	font-style: normal;
	color: silver
}

#page-intro:hover textarea {
	outline: 2px dotted #8fcae7;
	outline-offset: 13px
}

#page-intro textarea:focus {
	outline: 2px dotted black;
	outline-offset: 13px
}

#page-intro .pat-content-mirror {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: 0;
	resize: none;
	width: 100%;
	height: 100%;
	background: transparent;
	box-shadow: none
}

#page-intro .pat-content-mirror.has-value {
	-moz-text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	background-color: transparent
}

.swim-lane {
	background: white
}

.swim-lane .container {
	padding-top: 50px;
	padding-bottom: 50px
}

@media only screen and (max-width: 769px) {
	.swim-lane .container {
		padding-top: 30px;
		padding-bottom: 30px
	}
}

.swim-lane .lane-title {
	margin: 0 0 20px 0;
	font-size: 1.625rem
}

@media only screen and (min-width: 770px) {
	.swim-lane .lane-title {
		padding-top: 10px;
		border-top: 1px solid #e1e1e1
	}
}

.swim-lane .lane-footer {
	clear: both
}

.swim-lane .lane-footer a {
	font-weight: bold
}

.swim-lane .lane-footer a:hover {
	text-decoration: underline
}

.swim-lane .lane-footer a:before {
	display: inline-block;
	width: 1em;
	font-family: fontello;
	content: ""
}

.swim-lane#swim-lane-sectors+#swim-lane-browser-warning .container,
.swim-lane#swim-lane-sectors+#partners .container,
.swim-lane#swim-lane-sectors+#news .container,
.swim-lane#swim-lane-sectors+#swim-lane-reports .container,
.swim-lane#swim-lane-sectors+#site-summary .container,
.swim-lane#swim-lane-sectors+#swim-lane-quote .container,
.swim-lane#swim-lane-sectors+#swim-lane-secondary-tasks .container,
.swim-lane#swim-lane-sectors+#swim-lane-sectors .container {
	padding-top: 0
}

.swim-lane#swim-lane-sectors .lane-title {
	margin-top: 0;
	border-top: none
}

.swim-lane#swim-lane-reports+#swim-lane-browser-warning .container,
.swim-lane#swim-lane-reports+#partners .container,
.swim-lane#swim-lane-reports+#news .container,
.swim-lane#swim-lane-reports+#swim-lane-reports .container,
.swim-lane#swim-lane-reports+#site-summary .container,
.swim-lane#swim-lane-reports+#swim-lane-quote .container,
.swim-lane#swim-lane-reports+#swim-lane-secondary-tasks .container,
.swim-lane#swim-lane-reports+#swim-lane-sectors .container {
	padding-top: 0
}

.swim-lane#swim-lane-reports .lane-title {
	margin-top: 0;
	border-top: none
}

.swim-lane#swim-lane-secondary-tasks .intro {
	font-size: 1.60181rem;
	line-height: 1.5;
	font-weight: normal;
	margin: 0 0 40px 0
}

.swim-lane#swim-lane-secondary-tasks+#swim-lane-browser-warning .container,
.swim-lane#swim-lane-secondary-tasks+#partners .container,
.swim-lane#swim-lane-secondary-tasks+#news .container,
.swim-lane#swim-lane-secondary-tasks+#swim-lane-reports .container,
.swim-lane#swim-lane-secondary-tasks+#site-summary .container,
.swim-lane#swim-lane-secondary-tasks+#swim-lane-quote .container,
.swim-lane#swim-lane-secondary-tasks+#swim-lane-secondary-tasks .container,
.swim-lane#swim-lane-secondary-tasks+#swim-lane-sectors .container {
	padding-top: 0
}

.swim-lane#swim-lane-site-navigation-illustrated+#swim-lane-secondary-tasks .lane-title {
	margin-top: 0;
	border-top: none
}

@media only screen and (min-width: 770px) {
	.swim-lane#swim-lane-site-navigation-illustrated {
		background: #f2f2f2
	}
}

.swim-lane#swim-lane-site-navigation-illustrated .container {
	padding-top: 4rem;
	padding-bottom: 3.5rem;
	margin: 0 auto
}

@media only screen and (min-width: 770px) {
	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated {
		display: grid;
		grid-auto-flow: column;
		gap: 0
	}

	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated.count-2 {
		grid-template-columns: 1fr 1fr;
		padding: 0 8%
	}

	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated.count-3 {
		grid-template-columns: 1fr 1fr 1fr
	}

	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated.count-3 li a {
		padding: 0 5%
	}
}

.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a {
	display: block;
	position: relative;
	height: 100%;
	text-decoration: none;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: black;
	padding: 0 10%
}

.no-touchevents .swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a:hover .item-title {
	text-decoration: underline
}

.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a:before {
	display: block;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	transition: transform 0.2s;
	color: #39870c
}

@media only screen and (min-width: 770px) {
	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a:before {
		height: 200px;
		line-height: 200px;
		margin-bottom: 30px;
		font-size: 120px
	}
}

@media only screen and (max-width: 769px) {
	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a:before {
		height: 130px;
		line-height: 130px;
		font-size: 90px
	}
}

.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-quality-thumb,
.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-privacy-ok,
.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-analytics {
	position: relative
}

.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-quality-thumb:before,
.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-privacy-ok:before,
.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-analytics:before {
	color: transparent;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 70%
}

.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-quality-thumb:after,
.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-privacy-ok:after,
.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-analytics:after {
	position: absolute;
	content: ' '
}

@media only screen and (min-width: 770px) {
	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-quality-thumb:before {
		background-image: url(icon-kwaliteitsinstrumenten-bg.svg)
	}
}

@media only screen and (max-width: 769px) {
	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-quality-thumb:before {
		background-image: url(icon-kwaliteitsinstrumenten.svg)
	}
}

@keyframes thumb {
	0% {
		transform: rotate(8deg) scale(1)
	}

	20% {
		transform: rotate(-8deg) scale(1)
	}

	40% {
		transform: rotate(8deg) scale(1)
	}

	60% {
		transform: rotate(-8deg) scale(0.8) translate(9%)
	}

	80% {
		transform: rotate(8deg) scale(1.4) translate(-13%)
	}

	100% {
		transform: rotate(0deg) scale(1) translate(0%)
	}
}

@media only screen and (min-width: 770px) {
	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-quality-thumb:after {
		background-image: url(icon-kwaliteitsinstrumenten-fg.svg);
		width: 110px;
		height: 110px;
		background-size: contain;
		margin-left: -55px;
		top: 44px;
		left: 50%;
		transform-origin: left middle
	}

	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-quality-thumb:hover:after {
		animation: thumb 0.8s;
		animation-fill-mode: forwards;
		transform-origin: 0 50%
	}
}

.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-privacy-ok:before {
	background-image: url(icon-kwaliteitsregistraties.svg)
}

@media only screen and (min-width: 770px) {
	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-analytics:before {
		background-image: url(icon-openbare-data-bg.svg);
		background-size: 150px auto
	}
}

@media only screen and (max-width: 769px) {
	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-analytics:before {
		background-image: url(icon-openbare-data.svg)
	}
}

@media only screen and (min-width: 770px) {
	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-analytics:after {
		background-image: url(icon-openbare-data-fg.svg);
		top: 10px;
		left: 15%;
		right: 15%;
		height: 100px;
		background-size: 150px auto;
		background-repeat: no-repeat;
		background-position: calc(50% - 0.2px);
		transform-origin: center 79px
	}

	@keyframes bars {
		0% {
			transform: scaleY(1)
		}

		40% {
			transform: scaleY(1.1)
		}

		60% {
			transform: scaleY(0.2)
		}

		80% {
			transform: scaleY(1.4)
		}

		100% {
			transform: scaleY(1)
		}
	}

	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-analytics:hover:after {
		animation: bars 0.8s;
		animation-fill-mode: forwards
	}
}

.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a.icon-swiss-army-knife:before {
	font-size: 100px
}

.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a .item-title {
	hyphens: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	text-underline-offset: 0.18em;
	color: #01689b
}

@media only screen and (min-width: 770px) {
	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a .item-title {
		font-size: 1.45em;
		line-height: 1.2em;
		margin-bottom: 15px
	}
}

@media only screen and (max-width: 769px) {
	.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a .item-title {
		font-size: 1.3125em;
		font-weight: bold;
		line-height: 1.2381;
		margin-bottom: 15px
	}
}

.swim-lane#swim-lane-site-navigation-illustrated .container .nav-tiles-illustrated li a .byline {
	line-height: 1.375em;
	text-align: center;
	color: black
}

@media only screen and (max-width: 769px) {
	.swim-lane#swim-lane-site-navigation-illustrated .container {
		padding: 0
	}
}

.swim-lane#swim-lane-browser-warning {
	color: white;
	color: #e17000;
	font-size: 26px;
	margin: 2px 0;
	line-height: 44px
}

.swim-lane#swim-lane-browser-warning+#swim-lane-browser-warning .container,
.swim-lane#swim-lane-browser-warning+#partners .container,
.swim-lane#swim-lane-browser-warning+#news .container,
.swim-lane#swim-lane-browser-warning+#swim-lane-reports .container,
.swim-lane#swim-lane-browser-warning+#site-summary .container,
.swim-lane#swim-lane-browser-warning+#swim-lane-quote .container,
.swim-lane#swim-lane-browser-warning+#swim-lane-secondary-tasks .container,
.swim-lane#swim-lane-browser-warning+#swim-lane-sectors .container {
	padding-top: 0
}

.swim-lane#swim-lane-browser-warning .message {
	margin-bottom: 25px
}

.no-js .swim-lane#swim-lane-browser-warning .message.with-js {
	display: none
}

.js .swim-lane#swim-lane-browser-warning .message.without-js {
	display: none
}

.swim-lane#swim-lane-browser-warning .browser-options a {
	color: white;
	display: inline-block;
	margin-right: 20px;
	text-decoration: none;
	padding: 0 20px 0 15px;
	background-color: #01689b;
	line-height: 50px
}

.swim-lane#swim-lane-browser-warning .browser-options a:hover {
	filter: brightness(1.1)
}

.swim-lane#swim-lane-browser-warning .browser-options a:before {
	text-decoration: none;
	font-weight: normal
}

.swim-lane#site-navigation {
	background: #f2f2f2
}

.swim-lane#site-navigation .container {
	padding-top: 4rem;
	padding-bottom: 2rem
}

.swim-lane#site-navigation .container .intro {
	font-size: 1.60181rem;
	line-height: 1.5;
	font-weight: normal;
	margin: 0 0 40px 0
}

@media only screen and (max-width: 769px) {
	.swim-lane#site-navigation .container {
		padding: 0
	}

	.swim-lane#site-navigation .container .intro {
		margin-bottom: 20px;
		margin-top: 20px;
		padding: 0 15px
	}
}

@media only screen and (min-width: 770px) {
	.swim-lane#swim-lane-editorial {
		background-color: #f3f3f3
	}
}

@media only screen and (max-width: 769px) {
	.swim-lane#swim-lane-editorial .container {
		padding: 0
	}
}

.swim-lane#swim-lane-search {
	will-change: transform;
	position: relative;
	z-index: 1
}

@media screen {
	.swim-lane#swim-lane-search {
		background-color: #e1eddb
	}
}

.swim-lane#swim-lane-search .container {
	position: relative
}

.swim-lane#swim-lane-search .medicine-group::first-letter {
	text-transform: capitalize
}

.swim-lane#swim-lane-search .medicine-group :not([href]) {
	text-decoration: none;
	color: inherit
}

@media screen and (min-width: 950px) {
	.swim-lane#swim-lane-search {
		background-image: url(pills-5.jpg);
		background-size: 100% auto;
		background-position: center;
		background-repeat: no-repeat
	}
}

.swim-lane#swim-lane-search.warning {
	color: #e17000;
	border-bottom: solid 5px #e17000
}

.swim-lane#swim-lane-search.warning h1 {
	color: #e17000
}

.swim-lane#swim-lane-search.warning h1:before {
	content: "";
	margin-top: 0.5em
}

.swim-lane#swim-lane-search .tabs {
	clear: left;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	float: left;
	width: 100%;
	white-space: no-wrap
}

.swim-lane#swim-lane-search .tabs:after {
	content: " ";
	display: table;
	clear: both
}

.swim-lane#swim-lane-search .tabs.injecting:before {
	display: none
}

.swim-lane#swim-lane-search .tabs.injecting>* {
	opacity: 1
}

.swim-lane#swim-lane-search .tabs.injecting>* .counter {
	opacity: 0
}

.swim-lane#swim-lane-search .tabs a,
.swim-lane#swim-lane-search .tabs label {
	float: left;
	border-top: 0;
	margin: 0 10px 0 0;
	font-weight: normal;
	color: #2b6709;
	cursor: pointer;
	text-decoration: none;
	font-size: 1em;
	margin: 0;
	color: #01689b;
	float: left;
	padding: 0.5em 1em;
	transition: padding .4s
}

.swim-lane#swim-lane-search .tabs a:first-child,
.swim-lane#swim-lane-search .tabs label:first-child {
	padding-left: 2.2em
}

.swim-lane#swim-lane-search .tabs a input,
.swim-lane#swim-lane-search .tabs a:before,
.swim-lane#swim-lane-search .tabs label input,
.swim-lane#swim-lane-search .tabs label:before {
	display: none
}

.swim-lane#swim-lane-search .tabs a:hover,
.swim-lane#swim-lane-search .tabs label:hover {
	text-decoration: underline
}

.swim-lane#swim-lane-search .tabs a.active,
.swim-lane#swim-lane-search .tabs a.current,
.swim-lane#swim-lane-search .tabs a.checked,
.swim-lane#swim-lane-search .tabs label.active,
.swim-lane#swim-lane-search .tabs label.current,
.swim-lane#swim-lane-search .tabs label.checked {
	background: white;
	color: black;
	text-decoration: none;
	background: #01689b;
	cursor: default;
	color: #fff;
	padding: 0.5em 2.2em
}

.swim-lane#swim-lane-search .tabs a .counter,
.swim-lane#swim-lane-search .tabs label .counter {
	display: inline-block;
	margin: 0 -0.3em 0 0.5em;
	background-color: #01689b;
	color: white;
	border-radius: 1em;
	height: 1.7em;
	min-width: 1.7em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0.5em;
	transition: opacity 0.5s;
	animation: zoomIn 0.6s;
	vertical-align: baseline;
	line-height: 1.8em;
	font-size: 0.6em;
	text-align: center;
	top: -0.8em
}

.swim-lane#swim-lane-search .tabs a .counter.disabled,
.swim-lane#swim-lane-search .tabs label .counter.disabled {
	background-color: #c4dbb6;
	animation: none
}

.swim-lane#swim-lane-search .tabs a .counter.injecting,
.swim-lane#swim-lane-search .tabs label .counter.injecting {
	opacity: 0
}

.swim-lane#swim-lane-search .tabs a .counter.injecting:before,
.swim-lane#swim-lane-search .tabs label .counter.injecting:before {
	display: none
}

.touch .swim-lane#swim-lane-search .tabs {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	margin: 0 -15px;
	width: calc(100% + 15px + 15px);
	white-space: nowrap
}

.touch .swim-lane#swim-lane-search .tabs .extra-tabs {
	padding-right: 15px;
	display: inline-block
}

.touch .swim-lane#swim-lane-search .tabs a,
.touch .swim-lane#swim-lane-search .tabs label {
	float: none;
	display: inline-block;
	margin: 0
}

.no-touch .swim-lane#swim-lane-search .tabs span.extra-tabs {
	border: 2px transparent solid;
	padding-top: 2.3em;
	display: inline-block;
	height: 0;
	width: 2.4em;
	overflow: hidden;
	position: absolute;
	top: -6px;
	z-index: 1;
	transition: all 0.3s
}

@media only screen and (max-width: 769px) {
	.no-touch .swim-lane#swim-lane-search .tabs span.extra-tabs {
		right: 0
	}
}

.no-touch .swim-lane#swim-lane-search .tabs span.extra-tabs:before {
	font-family: fontello;
	content: "";
	background: #39870c;
	line-height: 1.8em;
	text-align: center;
	position: absolute;
	right: 0.3em;
	top: 0.3em;
	height: 1.8em;
	width: 1.8em;
	color: #e1eddb;
	border-radius: 50%;
	transition: all 0.5s
}

.no-touch .swim-lane#swim-lane-search .tabs span.extra-tabs:hover {
	border: 2px white solid;
	padding-bottom: 0.5em;
	margin-left: -17em;
	background-color: #e1eddb;
	height: auto;
	width: 22em
}

@media only screen and (max-width: 769px) {
	.no-touch .swim-lane#swim-lane-search .tabs span.extra-tabs:hover {
		width: 100%
	}
}

.no-touch .swim-lane#swim-lane-search .tabs span.extra-tabs:hover:before {
	color: black;
	background-color: #c4dbb6;
	transform: rotate(90deg)
}

.no-touch .swim-lane#swim-lane-search .tabs span.extra-tabs a,
.no-touch .swim-lane#swim-lane-search .tabs span.extra-tabs label {
	display: block;
	float: none;
	padding: 0.3em 0.7em;
	margin: 0;
	text-align: left;
	color: black;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.swim-lane#swim-lane-search .options {
	float: right;
	position: absolute;
	right: 15px;
	bottom: 0;
	color: #01689b;
	text-shadow: 0 0 10px #e1eddb, 0 0 10px #e1eddb, 0 0 10px #e1eddb, 0 0 10px #e1eddb, 0 0 10px #e1eddb, 0 0 10px #e1eddb, 0 0 10px #e1eddb
}

.swim-lane#swim-lane-search #breadcrumb {
	margin-bottom: .3384em;
	font-size: .8125em;
	padding-top: 10px;
	margin-top: 0
}

@media only screen and (max-width: 769px) {
	.swim-lane#swim-lane-search #breadcrumb {
		display: none
	}
}

.swim-lane#site-summary {
	background-color: white
}

.swim-lane#site-summary+#swim-lane-browser-warning .container,
.swim-lane#site-summary+#partners .container,
.swim-lane#site-summary+#news .container,
.swim-lane#site-summary+#swim-lane-reports .container,
.swim-lane#site-summary+#site-summary .container,
.swim-lane#site-summary+#swim-lane-quote .container,
.swim-lane#site-summary+#swim-lane-secondary-tasks .container,
.swim-lane#site-summary+#swim-lane-sectors .container {
	padding-top: 0
}

@media only screen and (min-width: 1280px) {
	.swim-lane#site-summary .container .summary {
		width: 66.66667%
	}
}

.swim-lane#site-summary .container .summary p {
	font-size: 1.3125em;
	line-height: 1.5238
}

.swim-lane#swim-lane-quote {
	background-color: white
}

.swim-lane#swim-lane-quote+#swim-lane-browser-warning .container,
.swim-lane#swim-lane-quote+#partners .container,
.swim-lane#swim-lane-quote+#news .container,
.swim-lane#swim-lane-quote+#swim-lane-reports .container,
.swim-lane#swim-lane-quote+#site-summary .container,
.swim-lane#swim-lane-quote+#swim-lane-quote .container,
.swim-lane#swim-lane-quote+#swim-lane-secondary-tasks .container,
.swim-lane#swim-lane-quote+#swim-lane-sectors .container {
	padding-top: 0
}

.swim-lane#swim-lane-quote .container .quote {
	font-size: 40px;
	line-height: 1.4;
	word-wrap: break-word;
	margin: 1.5em 0;
	position: relative;
	border: none;
	color: rgba(0, 0, 0, 0.5);
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: italic
}

.swim-lane#swim-lane-quote .container .quote *:last-child {
	margin: 0
}

@media only screen and (min-width: 770px) {
	.swim-lane#swim-lane-quote .container .quote {
		padding: 0 2.5em
	}

	.swim-lane#swim-lane-quote .container .quote:before {
		content: '“';
		font-size: 4em;
		font-weight: bold;
		font-style: normal;
		position: absolute;
		top: 0;
		left: 0;
		line-height: 0.85em;
		color: rgba(0, 0, 0, 0.2)
	}
}

.swim-lane#swim-lane-quote .container .quote .author {
	color: black;
	margin-top: 0.7em;
	font-size: 0.7em;
	font-style: normal
}

.swim-lane#editorial-navigation {
	background: #01689b
}

.swim-lane#editorial-navigation * {
	color: white
}

.swim-lane#editorial-navigation .container {
	padding-top: 50px;
	padding-bottom: 15px
}

.swim-lane#partners+#swim-lane-browser-warning .container,
.swim-lane#partners+#partners .container,
.swim-lane#partners+#news .container,
.swim-lane#partners+#swim-lane-reports .container,
.swim-lane#partners+#site-summary .container,
.swim-lane#partners+#swim-lane-quote .container,
.swim-lane#partners+#swim-lane-secondary-tasks .container,
.swim-lane#partners+#swim-lane-sectors .container {
	padding-top: 0
}

.swim-lane#news+#swim-lane-browser-warning .container,
.swim-lane#news+#partners .container,
.swim-lane#news+#news .container,
.swim-lane#news+#swim-lane-reports .container,
.swim-lane#news+#site-summary .container,
.swim-lane#news+#swim-lane-quote .container,
.swim-lane#news+#swim-lane-secondary-tasks .container,
.swim-lane#news+#swim-lane-sectors .container {
	padding-top: 0
}

.swim-lane#news .container .news-feed {
	margin-bottom: -30px
}

@keyframes bounce-memo {
	0% {
		background-position: right 0px
	}

	50% {
		background-position: right 20px
	}

	0% {
		background-position: right 0px
	}
}

.swim-lane#home-hero {
	background-color: #e1eddb;
	background-image: url(hands-envelope-1-brandmark.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative
}

.swim-lane#home-hero:before {
	content: "";
	position: absolute;
	z-index: 10;
	bottom: 0.5rem;
	left: 0.5rem;
	margin: 0;
	color: #fff;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), -1px 0px 1px rgba(0, 0, 0, 0.5), 1px 0px 1px rgba(0, 0, 0, 0.5), 0px -1px 1px rgba(0, 0, 0, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.5), 2px 2px 6px rgba(0, 0, 0, 0.5);
	font-size: 0.8888888889rem;
	line-height: 1.125;
	display: block;
	opacity: 0.7
}

.swim-lane#home-hero:before:before {
	font-family: fontello
}

.swim-lane#home-hero:before.type-copyright:before {
	content: " "
}

.swim-lane#home-hero:before.type-creative-commons:before {
	content: " "
}

@media only screen and (max-width: 769px) {
	.swim-lane#home-hero {
		min-height: 2px
	}
}

.swim-lane#home-hero .promo-block {
	font-size: 32px;
	opacity: 0;
	padding: 25px 20% 25px 25px;
	animation: fadeInDown 0.2s;
	animation-delay: 0.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	overflow: hidden;
	background: white
}

@media only screen and (min-width: 770px) {
	.swim-lane#home-hero .promo-block {
		background: #fff url(checklist.jpg) no-repeat;
		background-size: 33% auto;
		background-position: center right;
		padding: 25px 20% 25px 25px
	}
}

@media only screen and (max-width: 769px) {
	.swim-lane#home-hero .promo-block {
		padding: 25px
	}
}

.swim-lane#home-hero .promo-block .button-bar {
	margin-bottom: 0;
	margin-top: 30px
}

.swim-lane#home-hero .promo-block .button-bar .pat-button {
	margin: 0;
	float: left;
	padding: 5px 30px
}

.swim-lane#home-hero.has-top-promo:not(.has-top-task-push) .button-bar {
	margin-top: 15px
}

.swim-lane#home-hero .container:before {
	display: none !important
}

.swim-lane#home-hero.has-top-task-push .container:after,
.swim-lane#home-hero.has-promo .container:after {
	display: none !important
}

.swim-lane#home-hero.has-top-task-push .promo-block {
	background: white;
	padding-right: 25px;
	font-size: 24px
}

.swim-lane#home-hero.has-top-task-push .promo-block .button-bar .pat-button {
	padding: 0 25px
}

.swim-lane#home-hero .container {
	padding-top: 25px;
	position: relative
}

@media only screen and (min-width: 770px) {
	.swim-lane#home-hero .container {
		display: flex;
		justify-content: space-between;
		align-items: flex-start
	}
}

.swim-lane#home-hero .container:after {
	display: none
}

@media only screen and (min-width: 770px) {
	.swim-lane#home-hero .container {
		opacity: 0;
		animation: fadeIn 1s;
		animation-delay: 0.5s;
		animation-fill-mode: forwards;
		min-height: 200px
	}
}

@media only screen and (max-width: 769px) {
	.swim-lane#home-hero .container {
		padding: 20px 15px 25px
	}
}

.swim-lane#home-hero .nav-tiles * {
	color: white
}

.swim-lane#home-hero .top-task-push {
	padding: 25px;
	background-color: #275937;
	color: white;
	box-sizing: border-box;
	color: white
}

.swim-lane#home-hero .top-task-push h2 {
	margin-top: 0;
	color: white;
	line-height: 1.2
}

.swim-lane#home-hero .top-task-push .button-bar {
	margin: 0 0 -10px 0
}

.swim-lane#home-hero .top-task-push .button-bar .pat-button {
	text-decoration: none
}

@media only screen and (min-width: 770px) {
	.swim-lane#home-hero .top-task-push {
		width: 390px;
		min-width: 390px;
		float: right;
		opacity: 0;
		animation: fadeInDown 0.2s;
		animation-delay: 1s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		margin-left: 25px
	}
}

@media only screen and (max-width: 769px) {
	.swim-lane#home-hero .top-task-push {
		margin-top: 1px;
		margin-bottom: 15px
	}
}

.swim-lane#home-hero .top-task-push .pat-rich a {
	color: white
}

.swim-lane#home-hero .top-task-navigation {
	background: white;
	padding: 25px;
	margin-bottom: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (min-width: 770px) {
	.swim-lane#home-hero .top-task-navigation {
		margin-left: -25px;
		width: 33.33332%;
		min-width: 33.33332%;
		opacity: 0;
		animation: fadeInDown 0.2s;
		animation-delay: 1.5s;
		animation-fill-mode: forwards;
		margin-right: 25px
	}
}

@media only screen and (max-width: 769px) {
	.swim-lane#home-hero .top-task-navigation {
		margin-bottom: 15px
	}
}

.swim-lane#home-hero .top-task-navigation h2 {
	margin-bottom: .755em;
	line-height: 1.55rem;
	font-size: 1.625rem;
	font-weight: normal
}

.swim-lane#home-hero .top-task-navigation .link-list {
	margin: 0
}

.swim-lane#home-hero .top-task-navigation .link-list li {
	margin-bottom: 5px
}

.swim-lane#home-hero .top-task-navigation .link-list li a {
	font-weight: normal;
	font-size: 1.125rem;
	line-height: 1.625rem;
	word-wrap: break-word;
	text-decoration: none
}

.swim-lane#home-hero .top-task-navigation .link-list li a:hover {
	text-decoration: underline
}

.sortable-blocks {
	position: relative;
	margin-bottom: 0.5rem
}

.sortable-blocks .sortable-item {
	padding: 0;
	position: relative
}

.sortable-blocks .sortable-item:after {
	content: ' ';
	display: table;
	clear: both
}

.sortable-blocks .sortable-item.dragged {
	opacity: 0.5
}

.sortable-blocks .sortable-item:not(.dragged) {
	animation: fadeIn 1s
}

.sortable-blocks .sortable-item:not(.drop-target-above):not(.drop-target-below) {
	overflow: hidden
}

.sortable-blocks .sortable-item:before {
	display: block;
	width: 100%;
	opacity: 0;
	height: 2px;
	content: ' ';
	background: #01689b;
	position: absolute;
	left: 0
}

.sortable-blocks .sortable-item.drop-target-above:before,
.sortable-blocks .sortable-item.drop-target-below:before {
	opacity: 1
}

.sortable-blocks .sortable-item.drop-target-above .sortable-handle,
.sortable-blocks .sortable-item.drop-target-below .sortable-handle {
	margin-top: -24px
}

.sortable-blocks .sortable-item.drop-target-above:before {
	top: -8px
}

.sortable-blocks .sortable-item.drop-target-below:before {
	bottom: -2px
}

.sortable-blocks .sortable-item .label {
	background: #e4f2f8;
	line-height: 1.3em
}

.sortable-blocks .sortable-item .sortable-handle {
	margin-top: -20px;
	cursor: grab;
	z-index: 1
}

.sortable-blocks .sortable-item .sortable-handle:before {
	content: ""
}

.sortable-blocks .sortable-item .sortable-handle:active,
.sortable-blocks .sortable-item .sortable-handle:focus {
	cursor: grabbing
}

.sortable-blocks .sortable-item .delete-button {
	margin-top: 20px
}

.sortable-blocks .sortable-item .delete-button:before {
	content: ""
}

.sortable-blocks .sortable-item .sortable-handle,
.sortable-blocks .sortable-item .delete-button {
	text-align: center;
	color: white;
	display: block;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: rgba(0, 0, 0, 0.1);
	overflow: hidden
}

.sortable-blocks .sortable-item .sortable-handle:hover,
.sortable-blocks .sortable-item .delete-button:hover {
	background: rgba(0, 0, 0, 0.15)
}

.sortable-blocks .sortable-item .sortable-handle:before,
.sortable-blocks .sortable-item .delete-button:before {
	display: block;
	font-family: fontello;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 30px;
	text-align: center;
	font-size: 0.8em;
	color: #01689b
}

@media print {

	.sortable-blocks .sortable-item .sortable-handle,
	.sortable-blocks .sortable-item .delete-button {
		display: none
	}
}

.sortable-blocks .sortable-item .button-cluster {
	display: none
}

.sortable-list {
	counter-reset: count;
	-webkit-user-select: none;
	user-select: none
}

.sortable-list .sortable-item {
	counter-increment: count;
	padding: 4px 0;
	position: relative;
	margin: 0 0 0 30px
}

.sortable-list .sortable-item.dragged {
	opacity: 0.5
}

.sortable-list .sortable-item:not(.dragged) {
	animation: fadeIn 1s
}

.sortable-list .sortable-item:after {
	display: block;
	opacity: 0;
	height: 2px;
	content: ' ';
	background: #01689b;
	position: absolute;
	left: -15px;
	right: 15px
}

.sortable-list .sortable-item.drop-target-above:after,
.sortable-list .sortable-item.drop-target-below:after {
	opacity: 1
}

.sortable-list .sortable-item.drop-target-above .sortable-handle,
.sortable-list .sortable-item.drop-target-below .sortable-handle {
	margin-top: -24px
}

.sortable-list .sortable-item.drop-target-above:after {
	top: -1px
}

.sortable-list .sortable-item.drop-target-below:after {
	bottom: -1px
}

.sortable-list .sortable-item input,
.sortable-list .sortable-item .label {
	margin: 0;
	box-sizing: inherit;
	padding: 0.2em 0.5em;
	cursor: default;
	box-sizing: border-box;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px
}

.sortable-list .sortable-item .label {
	background: #e5f0f9;
	line-height: 1.3em
}

.sortable-list .sortable-item:before,
.sortable-list .sortable-item .sortable-handle {
	content: counter(count);
	line-height: 1.7em;
	text-align: center;
	color: white;
	display: block;
	position: absolute;
	left: -30px;
	top: 4px;
	width: 1.8em;
	height: 1.6765em;
	background: #e17000;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	overflow: hidden
}

@media print {

	.sortable-list .sortable-item:before,
	.sortable-list .sortable-item .sortable-handle {
		background: transparent;
		width: 1em;
		text-align: left;
		color: black
	}
}

.sortable-list .sortable-item .button-cluster {
	display: none
}

.sortable-list .sortable-item .sortable-handle {
	opacity: 0;
	line-height: 1.9em;
	text-indent: -10em;
	background: #e17000;
	cursor: grab
}

.sortable-list .sortable-item .sortable-handle:hover {
	background: #ae5700
}

.sortable-list .sortable-item .sortable-handle:active,
.sortable-list .sortable-item .sortable-handle:focus {
	cursor: grabbing
}

.sortable-list .sortable-item .sortable-handle:before {
	content: "";
	display: block;
	font-family: fontello;
	text-indent: 0.1em;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 2.28em;
	text-align: center;
	font-size: 0.8em
}

.sortable-list .sortable-item:hover .sortable-handle {
	opacity: 1
}

.sortable-list .sortable-item:hover .sortable-handle:hover {
	text-decoration: none
}

.sortable-list .sortable-item:active .sortable-handle,
.sortable-list .sortable-item:focus .sortable-handle {
	cursor: grabbing
}

.scroll-table,
.tableWrapper {
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	clear: both
}

.scroll-table.scroll-vertical,
.tableWrapper.scroll-vertical {
	overflow-x: auto;
	overflow-y: auto;
	max-height: calc(100vh - 130px)
}

.scroll-table.scroll-vertical thead.sticky,
.scroll-table.scroll-vertical tfoot.sticky,
.tableWrapper.scroll-vertical thead.sticky,
.tableWrapper.scroll-vertical tfoot.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 10
}

table {
	border-bottom: 2px solid #fff;
	padding: 5px 10px 5px 10px;
	border-collapse: collapse;
	vertical-align: top;
	width: 100%;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto
}

table .tableWrapper {
	display: none !important
}

table ins {
	background-color: palegreen;
	text-decoration: none
}

table del {
	background-color: pink
}

table abbr {
	text-decoration: none
}

table caption {
	padding-left: 0;
	margin: 1em 0;
	color: black;
	line-height: 1.5;
	text-align: left;
	font-weight: bold
}

table .status-marker {
	font-weight: normal
}

table .status-marker.warning {
	color: #e17000
}

table.data-table {
	width: auto;
	table-layout: fixed
}

.variation-medicine-compare-versions~#main table.data-table {
	width: auto
}

table.data-table th,
table.data-table td {
	border: none;
	position: relative;
	animation: fadeIn 1s;
	padding-bottom: 12px
}

table.data-table th a:hover,
table.data-table td a:hover {
	text-decoration: underline
}

table.data-table th a:hover:before,
table.data-table td a:hover:before {
	text-decoration: none
}

table.data-table th.injecting:before,
table.data-table td.injecting:before {
	z-index: 1
}

table.data-table th:not(:last-child):after,
table.data-table td:not(:last-child):after {
	display: block;
	content: ' ';
	width: 2px;
	height: 100%;
	background: white;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0
}

table.data-table th:before,
table.data-table td:before {
	display: block;
	content: ' ';
	height: 2px;
	width: 100%;
	background: white;
	position: absolute;
	left: 0;
	bottom: 0
}

table.data-table tr#title-header th {
	background: white;
	left: 15px;
	position: -webkit-sticky;
	position: sticky;
	height: 100px;
	padding-left: 0;
	z-index: 10
}

table.data-table tr#title-header td {
	background: transparent
}

table.data-table thead.sticky,
table.data-table tfoot.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 10
}

table.data-table tfoot.sticky {
	bottom: -1px;
	margin-bottom: 0;
	border-bottom: 0
}

table.data-table tr#version-headers th {
	background: rgba(255, 255, 255, 0.7);
	-webkit-backdrop-filter: blur(6px) saturate(3);
	backdrop-filter: blur(6px) saturate(3);
	position: sticky;
	top: 70px;
	text-align: center
}

table.data-table tr#version-headers th.version-header {
	z-index: 9
}

table.data-table tr#version-headers th.fieldname-header {
	color: transparent;
	background: white;
	left: 0;
	z-index: 10;
	min-width: 280px
}

table.data-table tr#version-headers th .version-details {
	min-width: 360px;
	padding-left: 56px;
	position: relative
}

table.data-table tr#version-headers th .version-details .pat-avatar {
	position: absolute;
	left: 0;
	top: 3px;
	width: 45px;
	height: 45px;
	z-index: 1;
	background-color: #efefef;
	background-size: cover
}

table.data-table tr#version-headers th .version-details .meta[href]:hover .user-name {
	text-decoration: underline
}

table.data-table tr#version-headers th .version-details .save-message {
	font-size: 16px;
	color: gray;
	line-height: 1.4;
	font-weight: normal;
	margin-bottom: 5px
}

table.data-table tr#version-headers th .version-details .user-name {
	padding-top: 0;
	display: block
}

table.data-table tr#version-headers th .version-details.user-inactive .meta {
	color: gray
}

table.data-table tr#version-headers th .version-details.user-inactive .meta .pat-avatar {
	filter: grayscale(100%) brightness(200%) contrast(40%)
}

table.data-table tr#version-headers th .version-details .byline {
	padding-bottom: 6px;
	margin-bottom: 0;
	font-weight: normal
}

table.data-table tr#version-headers th .version-details .byline a.date {
	color: black !important;
	text-decoration: none !important;
	cursor: default !important
}

table.data-table tr#version-headers th .version-details .byline .byline-item {
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	border-left: 1px solid #535353;
	padding: 0 0.5em
}

table.data-table tr#version-headers th .version-details .byline .byline-item:first-child {
	padding-left: 0;
	border-left: none
}

table.data-table tr#version-headers th .version-details .byline a,
table.data-table tr#version-headers th .version-details .byline button.link {
	cursor: pointer;
	text-decoration: none
}

table.data-table tr#version-headers th .version-details .byline a:hover,
table.data-table tr#version-headers th .version-details .byline button.link:hover {
	text-decoration: underline;
	color: #01689b
}

table.data-table tr#version-headers th .version-details .byline * {
	font-style: normal
}

table.data-table tr#location-headers th {
	background: rgba(255, 255, 255, 0.7);
	-webkit-backdrop-filter: blur(6px) saturate(3);
	backdrop-filter: blur(6px) saturate(3);
	position: sticky;
	top: 70px;
	text-align: center;
	z-index: 10
}

table.data-table tr#location-headers th.version-header {
	z-index: 9
}

table.data-table tr#location-headers th.fieldname-header {
	color: transparent;
	background: white;
	left: 0;
	z-index: 10;
	min-width: 280px
}

table.data-table tr#location-headers th .location-details {
	min-width: 360px;
	padding-left: 0;
	position: relative;
	font-size: 25px;
	font-weight: normal
}

table.data-table tr#location-headers th .load-extra-column-trigger {
	position: absolute;
	opacity: 0;
	z-index: -1000
}

table.data-table tfoot th {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 9
}

table.data-table tbody th {
	width: 310px;
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 9;
	background: #e6e6e6
}

table.data-table tbody th.section-header {
	background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 500%);
	text-shadow: 0 0 20px white;
	padding-left: 0;
	left: 15px;
	z-index: 8
}

table.data-table tbody th.section-header h2 {
	margin: 20px 0 0 0
}

table.data-table tbody th.section-header .byline {
	font-weight: normal
}

table tr {
	width: 100%
}

table tr.content-type-prozin-landing-toc .item-name a,
table tr.folder .item-name a {
	padding-left: 22px;
	position: relative
}

table tr.content-type-prozin-landing-toc .item-name a:before,
table tr.folder .item-name a:before {
	position: absolute;
	left: 0;
	display: inline-block;
	margin-right: 5px;
	font-family: fontello;
	content: ""
}

table tr.state-draft th,
table tr.state-draft th a {
	color: #e17000
}

table tr.state-archived th a {
	text-decoration: line-through;
	opacity: 0.5
}

table tr.mutated th,
table tr.has-differences th {
	background: rgba(255, 100, 0, 0.2)
}

table tr.mutated td,
table tr.has-differences td {
	background: rgba(255, 100, 0, 0.1)
}

table tr.has-mutations td:last-child {
	position: relative;
	padding-right: 25px
}

table tr.has-mutations td:last-child:after {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	content: ' ';
	width: 10px;
	height: 10px;
	color: transparent !important;
	overflow: hidden;
	border: 2px solid white;
	padding: 0;
	border-radius: 50%;
	background-color: #007bc7;
	background: linear-gradient(to bottom, #8fcae7 0%, #007bc7 100%);
	display: inline-block;
	margin-top: 0
}

table tr td,
table tr th {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-collapse: collapse;
	vertical-align: top;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background-color: #f3f3f3
}

table tr td a:hover,
table tr th a:hover {
	text-decoration: underline
}

table tr td.workflow-change,
table tr th.workflow-change {
	width: 50px;
	max-width: 50px;
	font-size: 0;
	background-color: white;
	background-color: #d9edf7 !important
}

table tr td.workflow-change:before,
table tr th.workflow-change:before {
	display: none
}

table tr td.workflow-change .workflow-change-title,
table tr th.workflow-change .workflow-change-title {
	position: absolute;
	top: -7px;
	left: -15px;
	transform: rotate(90deg);
	transform-origin: bottom left;
	font-size: 40px;
	width: calc(100vh - 140px);
	text-align: left;
	line-height: 78px;
	height: 78px;
	color: rgba(0, 0, 0, 0.5);
	display: block;
	background: #d9edf7;
	padding-left: 15px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

table tr td>*:last-child,
table tr th>*:last-child {
	margin-bottom: 0
}

@media only screen and (max-width: 769px) {

	table tr td,
	table tr th {
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
		padding: 5px 10px 5px 10px
	}
}

table tr td.injecting>p,
table tr th.injecting>p {
	opacity: 0.5
}

table tr td.injecting .suggested-content>*,
table tr th.injecting .suggested-content>* {
	opacity: 0.5
}

table tr td.injecting .suggested-content:before,
table tr th.injecting .suggested-content:before {
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 1000;
	font: 50px/50px fontello;
	text-shadow: white 0 0 2px;
	text-align: center;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	opacity: 0;
	animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards
}

table tr td .suggested-content,
table tr th .suggested-content {
	margin-bottom: 5px;
	margin-top: 10px;
	background-color: #d9edf7;
	position: relative
}

table tr td .suggested-content p.buttons,
table tr th .suggested-content p.buttons {
	margin-top: 5px
}

table tr td .suggested-content p.buttons button,
table tr th .suggested-content p.buttons button {
	margin-right: 5px
}

table tr td p.contribution,
table tr th p.contribution {
	font-variant: italic;
	font-size: 0.8em;
	line-height: 1.4;
	color: #e17000;
	font-weight: bold;
	margin-bottom: 0
}

table tr td .pat-button,
table tr th .pat-button {
	padding: 0 0.5em;
	line-height: 1.2em
}

table tr td.symbol,
table tr th.symbol {
	text-align: center
}

table tr td.indicator-inid,
table tr th.indicator-inid {
	width: 90px
}

table tr td.date-compact,
table tr th.date-compact {
	width: 100px
}

table tr td.item-date,
table tr td.date,
table tr th.item-date,
table tr th.date {
	white-space: nowrap
}

table tr td.indicator-order,
table tr td.indicator-number,
table tr th.indicator-order,
table tr th.indicator-number {
	width: 50px
}

table tr td.dataSpiegel,
table tr th.dataSpiegel {
	color: red
}

table tr td.totaal,
table tr th.totaal {
	font-weight: bold;
	background-color: #e5f0f9
}

table tr td.l,
table tr th.l {
	text-align: left
}

table tr td.r,
table tr th.r {
	text-align: right
}

table tr td .tekstBold,
table tr th .tekstBold {
	font-weight: bold
}

table tr td.kop,
table tr th.kop {
	font-weight: bold;
	background-color: #e6e6e6
}

table tr td.large,
table tr th.large {
	width: 6em;
	min-width: 6em;
	max-width: 6em
}

table tr td.medium,
table tr th.medium {
	width: 5.5em;
	min-width: 5.5em;
	max-width: 5.5em
}

table tr td.small,
table tr th.small {
	width: 4em;
	min-width: 4em;
	max-width: 4em
}

table tr td.remarks,
table tr th.remarks {
	background-color: transparent;
	padding-bottom: 13px;
	font-size: 0.9em
}

table tr td.remarks:after,
table tr th.remarks:after {
	display: none
}

table tr td.active-substance,
table tr td.active-ingredient,
table tr th.active-substance,
table tr th.active-ingredient {
	width: 25%
}

table tr td.medicine,
table tr th.medicine {
	width: 25%
}

table tr td.medicine-group,
table tr th.medicine-group {
	width: 25%
}

table tr td.application,
table tr th.application {
	width: 25%
}

table tr td.strength,
table tr th.strength {
	width: 25%
}

table tr td.icon,
table tr th.icon {
	width: 1em;
	padding-left: 0.2em;
	padding-right: 0
}

table tr td.icon .iconified.pat-tooltip,
table tr th.icon .iconified.pat-tooltip {
	color: #01689b;
	cursor: pointer;
	margin-bottom: -2px
}

table tr td.price,
table tr th.price {
	white-space: nowrap;
	width: 5em
}

table tr td.cost,
table tr th.cost {
	white-space: nowrap;
	width: 2em
}

table tr td.k-label,
table tr th.k-label {
	font-weight: bold;
	width: 25%
}

table tr th.item-name a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: -10px;
	margin-bottom: -10px
}

table tr td.no-width {
	width: auto;
	min-width: auto;
	max-width: none
}

table tr td.functions {
	width: 1px;
	padding: 0 !important;
	vertical-align: middle;
	white-space: nowrap
}

table tr td.functions a {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0;
	display: inline-block
}

table tr td.functions a.icon {
	margin: 0;
	padding: 0;
	float: left;
	width: 47px;
	height: 47px;
	overflow: hidden;
	color: transparent;
	cursor: default;
	text-decoration: none
}

table tr td.functions a.icon:hover {
	background-color: #ededed
}

table tr td.functions a.icon:before {
	display: block;
	line-height: 47px;
	width: 100%;
	text-align: center;
	color: #01689b;
	margin: 0
}

table tr td.functions a.icon.tooltip-active-click {
	background-color: #e17000;
	border-radius: 0
}

table tr td.functions a.icon.tooltip-active-click:before {
	color: white
}

table tr td.functions a.icon:first-child {
	margin: 0
}

@media only screen and (min-width: 770px) {

	table tbody td:not(.separation-cell),
	table tbody th:not(.separation-cell) {
		vertical-align: top
	}
}

table tbody td:not(.separation-cell) .table-body-title,
table tbody th:not(.separation-cell) .table-body-title {
	display: block;
	padding-top: 1.5em;
	font-weight: bold;
	font-size: 1.125em;
	line-height: 1.4444
}

table tbody th {
	width: 10%;
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 9;
	background: #e6e6e6
}

table tbody tr.header-row th,
table tbody tr.header-row td {
	background: transparent
}

table tbody tr.header-row th:after,
table tbody tr.header-row td:after {
	display: none
}

table tbody tr.header-row th .table-body-title,
table tbody tr.header-row td .table-body-title {
	padding-top: 1.5em
}

table tbody tr.header-row th .table-body-title a,
table tbody tr.header-row td .table-body-title a {
	text-overflow: ellipsis;
	overflow: hidden
}

table tbody tr.header-row:first-child .header-cell .table-body-title {
	padding-top: 13px
}

table tbody .separation-cell {
	vertical-align: bottom;
	padding-top: 1.5em;
	background-color: transparent
}

table tbody tr.header-row+.separation-row .separation-cell {
	padding-top: 0
}

table thead th {
	vertical-align: bottom;
	text-align: center;
	hyphens: none
}

table thead th.spacer-cell {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 9
}

table thead th a.sorting,
table thead th a.sorting_asc,
table thead th a.sorting-asc,
table thead th a.sorting_desc,
table thead th a.sorting-desc {
	position: relative;
	padding-right: 30px;
	top: 0
}

table thead th a.sorting:focus,
table thead th a.sorting_asc:focus,
table thead th a.sorting-asc:focus,
table thead th a.sorting_desc:focus,
table thead th a.sorting-desc:focus {
	outline: none;
	cursor: default
}

table thead th a.sorting:after,
table thead th a.sorting_asc:after,
table thead th a.sorting-asc:after,
table thead th a.sorting_desc:after,
table thead th a.sorting-desc:after {
	font-family: fontello;
	position: absolute;
	top: 50%;
	right: 0.5em;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	transform: translateY(-50%)
}

table thead th a.sorting_asc:after,
table thead th a.sorting-asc:after {
	content: ""
}

table thead th a.sorting_desc:after,
table thead th a.sorting-desc:after {
	content: ""
}

table thead th a.sorting {
	display: block;
	color: black;
	cursor: default;
	padding: 5px 20px 5px 10px;
	margin: -5px -10px
}

@media only screen and (min-width: 770px) {
	table {
		padding: 10px 15px 10px 15px;
		line-height: 1.5
	}
}

table.table,
table.scroll-table {
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	display: block;
	padding: 0
}

table.side-effects-table th:first-letter,
table.side-effects-table td:first-letter,
table.side-effects-table .table-body-title:first-letter {
	text-transform: capitalize
}

table.side-effects-table tbody:first-of-type tr.header-row:first-child .header-cell .table-body-title {
	padding-top: 0
}

table.side-effects-table tbody tr.separation-row th.separation-cell {
	padding: 20px 0 0 0;
	font-weight: bold
}

#bijwerkingen table.side-effects-table tbody tr.frequency-0 td,
#bijwerkingen table.side-effects-table tbody tr.frequency-0 th {
	background: transparent
}

#bijwerkingen table.side-effects-table tbody tr.frequency-0 th.side-effect-name {
	padding: 0 0 0 22px
}

#bijwerkingen table.side-effects-table tbody tr.frequency-0 th.side-effect-name:before {
	content: "•";
	margin-left: -22px;
	font-size: 1em;
	width: 22px;
	float: left
}

table.side-effects-table .side-effect-name {
	font-style: normal;
	font-weight: normal
}

table.side-effects-table .frequency {
	text-align: center;
	vertical-align: middle;
	width: 100px
}

table.side-effects-table .frequency-2 .frequency {
	background-color: #e4c2bf
}

table.side-effects-table .frequency-3 .frequency {
	background-color: #de8a83
}

table.side-effects-table .frequency-4 .frequency {
	background-color: #d95247;
	color: white
}

table.side-effects-table .frequency-5 .frequency {
	background-color: #d52b1e;
	color: white
}

table.side-effects-table .bars .frequency {
	background-color: #f3f3f3;
	color: transparent;
	width: 95px
}

table.side-effects-table .bars .frequency .frequency-indicator {
	width: 100%;
	height: 12px;
	margin-top: 8px;
	display: block;
	background: linear-gradient(to right, #f9e11e 0%, #d52b1e 100%);
	position: relative
}

table.side-effects-table .bars .frequency .frequency-indicator:before {
	content: ' ';
	display: block;
	width: 19px;
	height: 19px;
	position: absolute;
	top: 0;
	left: 0;
	margin: -6px 0 0 -2px;
	border: white 2px solid;
	background-color: #f9e11e;
	box-shadow: 0 0px 4px rgba(0, 0, 0, 0.6)
}

table.side-effects-table .bars.frequency-2 .frequency-indicator:before {
	left: 20%;
	background-color: #f3c61e
}

table.side-effects-table .bars.frequency-3 .frequency-indicator:before {
	left: 40%;
	background-color: #ec9d1e
}

table.side-effects-table .bars.frequency-4 .frequency-indicator:before {
	left: 60%;
	background-color: #e2701e
}

table.side-effects-table .bars.frequency-5 .frequency-indicator:before {
	left: 80%;
	background-color: #d52b1e
}

table.cost-table {
	clear: both
}

@media only screen and (max-width: 769px) {
	table.cost-table {
		display: block;
		padding: 0
	}

	table.cost-table td {
		background-color: transparent
	}
}

table.cost-table .injecting:before {
	display: none
}

table.cost-table caption {
	padding: 0;
	margin: 0;
	display: block;
	text-transform: lowercase
}

.pat-modal table.cost-table caption {
	margin-top: 1em;
	margin-bottom: 13px;
	font-size: 1.5em;
	padding: 0;
	font-weight: bold;
	line-height: 26px;
	color: #e17000
}

.pat-modal table.cost-table caption label.pat-select.bare {
	color: #e17000
}

@media only screen and (max-width: 769px) {
	table.cost-table caption {
		font-size: 1.4em;
		line-height: 33.8px;
		display: block
	}
}

table.cost-table caption label.pat-select.bare {
	text-transform: None;
	color: black;
	float: left
}

table.cost-table caption a {
	color: #e17000
}

table.cost-table caption:first-letter {
	text-transform: capitalize
}

table.cost-table .table-body-title {
	text-transform: lowercase;
	font-size: 1.2em
}

table.cost-table .table-body-title:first-letter {
	text-transform: capitalize
}

@media only screen and (max-width: 769px) {

	table.cost-table thead tr,
	table.cost-table tbody tr {
		display: block
	}
}

@media only screen and (max-width: 769px) {

	table.cost-table thead tr.separation-row,
	table.cost-table tbody tr.separation-row {
		text-align: center;
		border-bottom: 1px solid silver;
		margin-bottom: 1.5em
	}
}

table.cost-table thead tr.separation-row th,
table.cost-table tbody tr.separation-row th {
	background: transparent
}

@media only screen and (max-width: 769px) {

	table.cost-table thead tr.separation-row th,
	table.cost-table tbody tr.separation-row th {
		display: none
	}

	table.cost-table thead tr.separation-row th.price,
	table.cost-table tbody tr.separation-row th.price {
		display: inline-block;
		background: white;
		width: auto;
		padding: 0 0.8em;
		margin-bottom: -1.03em;
		font-size: 0.8em;
		color: gray
	}
}

table.cost-table thead tr.separation-row .separation-cell,
table.cost-table tbody tr.separation-row .separation-cell {
	padding-top: 1em
}

table.cost-table thead tr.separation-row:first-child .separation-cell,
table.cost-table tbody tr.separation-row:first-child .separation-cell {
	padding-top: 0
}

table.cost-table thead th,
table.cost-table thead td,
table.cost-table tbody th,
table.cost-table tbody td {
	border-right: none
}

table.cost-table thead th.header-cell,
table.cost-table thead td.header-cell,
table.cost-table tbody th.header-cell,
table.cost-table tbody td.header-cell {
	padding: 0
}

@media only screen and (min-width: 770px) {

	.product-fk .content-block table.cost-table thead th,
	.product-fk .content-block table.cost-table thead td,
	.product-fk .content-block table.cost-table tbody th,
	.product-fk .content-block table.cost-table tbody td {
		font-size: 0.8em;
		line-height: 19.5px
	}
}

@media only screen and (max-width: 769px) {

	table.cost-table thead th,
	table.cost-table thead td,
	table.cost-table tbody th,
	table.cost-table tbody td {
		display: block;
		padding: 0
	}

	table.cost-table thead th:after,
	table.cost-table thead td:after,
	table.cost-table tbody th:after,
	table.cost-table tbody td:after {
		display: none
	}
}

@media only screen and (max-width: 769px) {
	table.cost-table tbody {
		border: silver 1px solid;
		background: white;
		padding: 0.8em;
		display: block
	}
}

table.cost-table .active-ingredient {
	text-transform: lowercase;
	width: auto
}

table.cost-table caption strong {
	text-transform: lowercase
}

table.cost-table p.variations {
	display: inline
}

table.cost-table p.variations .strengths .strength {
	text-transform: lowercase;
	text-transform: lowercase;
	display: inline-block
}

table.cost-table p.variations .strengths .strength:before {
	content: ' • '
}

table.cost-table p.variations .strengths .strength:first-child:before {
	content: '('
}

table.cost-table p.variations .strengths .strength:last-child:after {
	content: ')'
}

table.cost-table th {
	width: auto
}

table.cost-table td.description {
	width: 60%
}

table.cost-table td.description .unit {
	text-transform: lowercase;
	display: inline-block;
	margin-right: 0.2em
}

table.cost-table td.description .article-code {
	text-transform: lowercase;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.1);
	padding: 0 0.5em;
	border-radius: 0.2em;
	color: gray
}

table.cost-table td.brand-name {
	text-transform: lowercase;
	width: auto
}

table.cost-table td.brand-name strong {
	display: inline-block
}

table.cost-table td.brand-name strong::first-letter {
	text-transform: uppercase
}

table.cost-table td.brand-name .strength {
	font-style: normal
}

table.cost-table td.brand-name .strength:before {
	content: '('
}

table.cost-table td.brand-name .strength:after {
	content: ')'
}

@media only screen and (max-width: 769px) {
	table.cost-table td.brand-name {
		display: inline
	}
}

table.cost-table td.unit,
table.cost-table th.unit {
	width: auto;
	text-transform: lowercase
}

table.cost-table td.unit .volume .entity,
table.cost-table th.unit .volume .entity {
	font-style: normal
}

table.cost-table td.unit::first-letter,
table.cost-table th.unit::first-letter {
	text-transform: uppercase
}

@media only screen and (min-width: 770px) {
	table.cost-table td.ddd {
		white-space: nowrap;
		width: 100px
	}

	#kosten table.cost-table td.ddd {
		width: 60px
	}
}

@media only screen and (max-width: 769px) {
	table.cost-table td.ddd {
		display: inline
	}

	table.cost-table td.ddd:before {
		content: "DDD: "
	}
}

@media only screen and (min-width: 770px) {
	table.cost-table td.price {
		width: 3em
	}
}

@media only screen and (max-width: 769px) {
	table.cost-table td.price {
		float: right;
		font-weight: bold;
		padding: 0;
		width: auto
	}
}

table.cost-table th.price {
	width: auto
}

table.cost-table td.variations,
table.cost-table th.variations {
	width: auto
}

table.cost-table td.graph {
	font-size: 1em;
	line-height: 26px;
	padding-top: 0.2em;
	padding-bottom: 0.2em
}

@media only screen and (min-width: 770px) {
	table.cost-table td.graph {
		width: 180px
	}

	.pat-modal table.cost-table td.graph {
		width: 420px
	}
}

@media only screen and (max-width: 769px) {
	table.cost-table td.graph {
		padding: 0.5em 0;
		clear: both
	}
}

table.cost-table td.graph .graph-cluster {
	position: relative;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	min-height: 1em;
	transition: all 0.4s;
	width: 100%;
	box-sizing: border-box;
	cursor: default
}

@media only screen and (min-width: 770px) {
	table.cost-table td.graph .graph-cluster {
		padding: 0
	}
}

@media only screen and (max-width: 769px) {
	table.cost-table td.graph .graph-cluster {
		padding: 0 1.5em
	}

	table.cost-table td.graph .graph-cluster:after {
		content: ' ';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4)
	}
}

table.cost-table td.graph .graph-cluster.pat-toggle:before {
	font-family: fontello;
	content: "";
	background-color: #e5f0f9;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	width: 1em;
	height: 1em;
	line-height: 1.111em;
	text-align: center;
	padding: 0;
	font-size: 1em;
	color: #01689b;
	transition: all 0.4s;
	z-index: 1;
	cursor: pointer
}

.-moz- table.cost-table td.graph .graph-cluster.pat-toggle:before {
	content: '';
	background-image: url(icon-close-circled-blue.svg);
	background-size: 100% 100%
}

table.cost-table td.graph .graph-cluster:hover:before {
	color: black
}

table.cost-table td.graph .graph-cluster>.bar-graph {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: 0
}

@media only screen and (min-width: 770px) {
	table.cost-table td.graph .graph-cluster>.bar-graph {
		right: 2px
	}
}

table.cost-table td.graph .graph-cluster>.bar-graph>.segment {
	height: 100%
}

table.cost-table td.graph .graph-cluster.collapsed .detail {
	margin: 0 0 -1em 0;
	opacity: 0;
	z-index: -1
}

table.cost-table td.graph .graph-cluster.expanded {
	overflow: hidden;
	padding: 0.2em 0 0.2em 1.5em;
	margin-top: 0;
	margin-bottom: 0.1em
}

@media only screen and (max-width: 769px) {
	table.cost-table td.graph .graph-cluster.expanded {
		padding: 0.2em 1.5em 0.2em 1.5em
	}
}

table.cost-table td.graph .graph-cluster.expanded:before {
	transform: rotate(45deg);
	top: 0.25em
}

table.cost-table td.graph .graph-cluster.expanded>.bar-graph {
	top: -0.1em;
	bottom: -0.1em
}

table.cost-table td.graph .graph-cluster.expanded>.bar-graph .segment {
	background-color: rgba(0, 0, 0, 0.07);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 2s
}

table.cost-table td.graph .graph-cluster.expanded>.bar-graph .segment:last-child {
	border-right: 2px dotted #e17000;
	margin-right: -2px
}

table.cost-table td.graph .graph-cluster .detail {
	position: relative;
	margin: 0.05em 0 0.05em 0;
	float: left;
	width: 100%;
	clear: both;
	transition: all 0.8s;
	z-index: 1;
	cursor: pointer
}

table.cost-table td.graph .graph-cluster .detail .bar-graph {
	margin: 0;
	height: 1em;
	transition: all 0.5s
}

table.cost-table td.graph .graph-cluster .detail .bar-graph .segment {
	transition: all 0.4s;
	cursor: pointer
}

table.cost-table td.graph .graph-cluster:hover>.detail-label .label {
	display: block
}

table.cost-table td.graph .graph-cluster .detail-label {
	position: absolute;
	top: 0;
	right: 0;
	left: 0.4em;
	display: block;
	z-index: 1;
	color: white;
	text-shadow: 0 0 2px #39870c, 0 0 2px #39870c, 0 0 2px #39870c, 0 0 2px #39870c, 0 0 2px #39870c;
	font-size: 0.6em;
	line-height: 1.8em
}

table.cost-table td.graph .graph-cluster .detail-label .quantity {
	text-transform: lowercase;
	font-style: normal;
	background-color: transparent
}

table.cost-table td.graph .graph-cluster .detail-label .label {
	display: none;
	font-style: normal;
	background-color: transparent
}

table.cost-table td.graph .graph-cluster .detail-label:hover .quantity {
	display: none
}

table.cost-table td.graph .graph-cluster .detail-label:hover .label {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

table.hd thead,
table.hd tbody,
table.hd tfoot {
	font-size: 0.8em
}

table.hd thead th,
table.hd thead td,
table.hd tbody th,
table.hd tbody td,
table.hd tfoot th,
table.hd tfoot td {
	padding: 5px 10px 5px 10px
}

table.hd tbody td.functions a {
	width: 31px;
	height: 31px
}

table.hd tbody td.functions a:before {
	line-height: 32px
}

table.diagonal-headers {
	overflow-x: visible;
	-webkit-hyphens: none
}

table.diagonal-headers thead th {
	height: 120px;
	position: relative;
	background: transparent
}

table.diagonal-headers thead th>*:first-child {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transform-origin: 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	bottom: 0;
	width: 160px;
	cursor: default;
	transition: width 1s
}

table.diagonal-headers thead th:last-child {
	min-width: 120px
}

table.diagonal-headers thead:hover th>*:first-child {
	width: auto
}

@media only screen and (max-width: 769px) {
	table {
		font-size: 0.9em
	}
}

.task-list {
	gap: 32px;
	margin-bottom: 1em
}

@media only screen and (min-width: 770px) {
	.task-list {
		display: grid
	}
}

@media only screen and (min-width: 1280px) {
	.task-list.count-2 {
		grid-template-columns: 1fr 1fr
	}

	.task-list.count-3 {
		grid-template-columns: 1fr 1fr 1fr
	}

	.task-list.count-4 {
		grid-template-columns: 1fr 1fr 1fr 1fr
	}
}

@media only screen and (min-width: 770px) and (max-width: 1279px) {
	.task-list.count-2 {
		grid-template-columns: 1fr 1fr
	}

	.task-list.count-3 {
		grid-template-columns: 1fr 1fr 1fr
	}

	.task-list.count-4 {
		grid-template-columns: 1fr 1fr 1fr
	}
}

.task-list li.state-draft a {
	color: #e17000
}

.task-list li a:hover {
	text-decoration: none
}

.task-list li a:hover .item-title {
	text-decoration: underline
}

@media only screen and (max-width: 769px) {
	.task-list li a {
		padding: 15px 40px 15px 20px;
		display: block;
		background-color: #f3f3f3;
		position: relative;
		margin-bottom: 2px
	}

	.task-list li a:after {
		position: absolute;
		top: 50%;
		height: auto;
		transform: translateY(-50%);
		right: 20px;
		font-family: fontello;
		content: "";
		font-size: 25px;
		color: gray
	}
}

.task-list li a .item-title {
	font-size: 1.6018066406rem;
	line-height: 1.2485901539;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.5rem;
	text-underline-offset: 0.18em
}

@media only screen and (max-width: 769px) {
	.task-list li a .item-title {
		font-size: 1.3125em;
		font-weight: bold;
		line-height: 1.2381;
		margin: 0
	}
}

.task-list li a .byline {
	color: black;
	line-height: 1.375em;
	-webkit-hyphens: auto;
	hyphens: auto;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden
}

@media only screen and (max-width: 769px) {
	.task-list li a .byline {
		padding-top: 2px;
		font-size: 16px;
		display: none
	}
}

#title-block {
	position: relative
}

#title-block .validation.message {
	font-size: 1rem
}

#title-block .placeholder {
	font-style: normal;
	color: silver
}

#title-block:hover textarea {
	outline: 2px dotted #8fcae7;
	outline-offset: 13px
}

#title-block textarea:focus {
	outline: 2px dotted black;
	outline-offset: 13px
}

#title-block .pat-content-mirror {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: 0;
	resize: none;
	width: 100%;
	height: 100%;
	background: transparent
}

#title-block .pat-content-mirror.has-value {
	-moz-text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	background-color: transparent
}

.pat-toolbar {
	z-index: 10
}

.pat-modal .pat-toolbar {
	margin-top: -7px;
	margin-bottom: 10px;
	padding-top: 0
}

.pat-toolbar#landing-browse-toolbar>* {
	grid-template-columns: 1fr 0 1fr
}

.pat-toolbar#landing-browse-toolbar .toolbar-section.view-options {
	grid-area: right;
	text-align: right
}

.pat-toolbar#landing-browse-toolbar .toolbar-section.view-options>* {
	margin-right: 0
}

.pat-toolbar#landing-browse-toolbar .toolbar-section.navigation {
	grid-area: left;
	text-align: left
}

@media only screen and (max-width: 769px) {
	.pat-toolbar#landing-browse-toolbar #grouping-options {
		display: none
	}
}

.pat-toolbar#organisations-toolbar>* {
	grid-template-columns: auto 0 250px
}

.pat-toolbar#organisations-toolbar .toolbar-section.navigation {
	grid-area: left;
	text-align: left
}

.pat-toolbar#glossary-toolbar>* {
	grid-template-columns: auto 0 130px
}

.pat-toolbar#glossary-toolbar .toolbar-section.navigation {
	grid-area: left;
	text-align: left
}

.pat-toolbar#cms-page-toolbar .toolbar-functions-area,
.pat-toolbar#cms-page-toolbar .toolbar-navigation-area {
	grid-template-columns: 4fr 1fr
}

.pat-toolbar#cms-settings-toolbar .toolbar-functions-area,
.pat-toolbar#cms-settings-toolbar .toolbar-navigation-area {
	grid-template-columns: 1fr 2fr 1fr
}

.pat-toolbar#folder-toolbar .toolbar-functions-area,
.pat-toolbar#folder-toolbar .toolbar-navigation-area {
	grid-template-columns: 1fr 0fr 1fr
}

.pat-toolbar#cms-page-toolbar-edit .toolbar-functions-area {
	grid-template-columns: 3fr 1fr
}

.pat-toolbar#image-bank-toolbar .toolbar-functions-area,
.pat-toolbar#image-bank-toolbar .toolbar-navigation-area {
	grid-template-columns: 4fr 1fr
}

.pat-toolbar#transparency-calendar-toolbar .toolbar-functions-area,
.pat-toolbar#transparency-calendar-toolbar .toolbar-navigation-area {
	grid-template-columns: 4fr 1fr
}

.pat-toolbar#image-edit-toolbar .toolbar-functions-area,
.pat-toolbar#image-edit-toolbar .toolbar-navigation-area {
	grid-template-columns: 1fr 4fr
}

.tooltip-container.medicine-cost-details {
	width: 450px
}

.tooltip-container>div>section.pat-rich:last-child>*:last-child {
	margin-bottom: 0
}

.tooltip-container>div .label {
	display: inline-block;
	border-radius: 0.3em;
	background-color: gray;
	color: white;
	padding: 0 0.6em
}

.tooltip-container>div .label.reimbursed {
	background-color: #39870c
}

.tooltip-container>div .label.contribution {
	background-color: #c4dbb6;
	color: #39870c
}

.tooltip-container .content-type-switch {
	display: block;
	padding: 5px 0;
	font-size: 1em;
	margin-bottom: 0;
	text-align: left;
	font-size: normal
}

.tooltip-container .content-type-switch a {
	margin: 0;
	padding: 10px 0;
	text-align: center
}

.tooltip-container .content-type-switch:before {
	display: none
}

.tooltip-container .content-type-switch .counter {
	display: inline-block;
	margin: 0.8em 0em 0.5em 0.5em;
	background-color: #d52b1e;
	color: white;
	border-radius: 1em;
	border: 1px solid #fff;
	height: 1.8em;
	min-width: 1.8em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0.5em;
	transition: opacity 0.5s;
	animation: zoomIn 0.6s;
	vertical-align: baseline;
	line-height: 1.7em;
	font-size: 0.6em;
	text-align: center;
	font-weight: normal;
	position: relative;
	top: -0.2em
}

.tooltip-container .content-type-switch .counter.disabled {
	opacity: 0.2;
	animation: none;
	background-color: gray
}

.tooltip-container .content-type-switch .counter.injecting {
	opacity: 0
}

.tooltip-container .content-type-switch .counter.injecting:before {
	display: none
}

.tooltip-container.medicine-cost-details {
	width: 450px
}

.tooltip-container>div>section.pat-rich:last-child>*:last-child {
	margin-bottom: 0
}

.tooltip-container>div .label {
	display: inline-block;
	border-radius: 0.3em;
	background-color: gray;
	color: white;
	padding: 0 0.6em
}

.tooltip-container>div .label.reimbursed {
	background-color: #39870c
}

.tooltip-container>div .label.contribution {
	background-color: #c4dbb6;
	color: #39870c
}

.topic-list {
	margin: 3rem auto 1.5rem auto
}

.topic-list .topic-list-section .topic-list-section-title {
	margin-bottom: 1.5rem;
	font-size: 1.60181rem;
	line-height: 1.24859;
	font-weight: bold
}

.topic-list .topic-list-section+.topic-list-section .topic-list-section-title {
	padding-top: 2rem;
	border-top: 1px solid #e1e1e1
}

.topic-list .topic-list-section .link-list {
	margin-bottom: 2rem
}

.user-info .user-image {
	width: 100%
}

.video-player video {
	width: 100%;
	display: block;
	margin: 0 0 2px 0
}

.video-player .video-player-extras .video-player-extra {
	background: #f3f3f3;
	margin-bottom: 1px
}

.video-player .video-player-extras .video-player-extra .panel-content {
	padding-bottom: 20px
}

.no-js .video-player .video-player-extras .video-player-extra .video-player-extra-title {
	padding: 0 0 12px 0;
	display: block
}

.js .video-player .video-player-extras .video-player-extra .video-player-extra-title {
	padding: 0.75rem 40px 0.75rem 0.75rem;
	color: #01689b;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1;
	font-weight: normal;
	position: relative;
	display: block
}

.js .video-player .video-player-extras .video-player-extra .video-player-extra-title:after {
	content: "";
	font-family: fontello;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.4s
}

.js .video-player .video-player-extras .video-player-extra .video-player-extra-title.collapsible-open:after {
	transform: translateY(-50%) scaleY(-1)
}

.video-player .video-player-extras .video-player-extra .pat-rich {
	padding: 1rem
}

.video-player .video-player-extras .video-player-extra .file-download {
	padding: 0.5rem 1rem;
	text-decoration: none;
	margin: 0;
	font-size: 1.265625rem;
	line-height: 1.5802469136
}

.video-player .video-player-extras .video-player-extra .file-download .title {
	font-size: 1.265625rem;
	line-height: 1.5802469136;
	font-weight: normal;
	margin: 0
}

.video-player .video-player-extras .video-player-extra .file-download:hover {
	text-decoration: none;
	background: #e6e6e6
}

.video-player .video-player-extras .video-player-extra .file-download:hover .title {
	text-decoration: none
}

.video-player .video-player-extras .video-player-extra .file-download:before,
.video-player .video-player-extras .video-player-extra .file-download:after {
	left: 0;
	margin: 0
}

.pat-well {
	text-decoration: none;
	padding: 20px;
	margin-bottom: 26px;
	background: #e5f0f9
}

.pat-well.applied-filters .button-cancel {
	float: right;
	margin-top: -7px;
	margin-right: 0;
	margin-left: 1em
}

@media print {
	.pat-well {
		background: white;
		border: 3px solid #e5f0f9
	}
}

.content-block h2+.pat-well {
	margin-top: -0.3em
}

.pat-well.tickets {
	background: transparent;
	overflow: hidden;
	padding: 0
}

.pat-well.tickets .intro-bar {
	margin-bottom: 1em
}

.pat-well.tickets .intro-bar:after {
	content: ' ';
	display: table;
	clear: both
}

@media only screen and (min-width: 770px) {
	.pat-well.tickets .intro-bar .intro-bar-functions {
		float: right;
		margin-bottom: 0
	}

	.pat-well.tickets .intro-bar .intro-bar-functions a {
		text-decoration: none;
		color: #01689b
	}

	.pat-well.tickets .intro-bar .intro-bar-functions a:hover {
		text-decoration: underline;
		color: black
	}

	.pat-well.tickets .intro-bar .intro-bar-functions a:hover:before {
		text-decoration: none
	}
}

.pat-well.tickets * {
	color: black
}

.pat-well.collapsibles {
	background: transparent;
	overflow: hidden;
	padding: 0
}

.pat-well.collapsibles .pat-collapsible:not(.page-module):not(.context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.place-on-homescreen):not(.borderless) {
	margin-bottom: 2px;
	margin-top: 0 !important;
	background-color: #f3f3f3;
	border: none
}

.no-js .pat-well.collapsibles .pat-collapsible:not(.page-module):not(.context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.place-on-homescreen):not(.borderless) {
	padding: 1em;
	box-sizing: border-box
}

.pat-well.collapsibles .pat-collapsible:not(.page-module):not(.context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.place-on-homescreen):not(.borderless):last-child {
	margin-bottom: 0
}

.pat-well.collapsibles .pat-collapsible:not(.page-module):not(.context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.place-on-homescreen):not(.borderless) .panel-content {
	box-sizing: border-box;
	padding-right: 1em
}

.pat-well.collapsibles .pat-collapsible:not(.page-module):not(.context-menu):not(.place-on-homescreen):not(.search-box):not(.help):not(.pat-message):not(.place-on-homescreen):not(.borderless) .panel-content>*:last-child {
	margin-bottom: 0
}

.pat-well.collapsibles .pat-collapsible>h3 {
	font-weight: bold
}

.pat-well.collapsibles .pat-collapsible>h3.collapsible-closed,
.pat-well.collapsibles .pat-collapsible>h3.collapsible-open {
	padding-right: 1em
}

.pat-well h2,
.pat-well h3,
.pat-well h4 {
	color: black
}

.pat-well>.title {
	margin: 0 0 0 0;
	font-size: 1em;
	line-height: 1.4
}

.pat-well>.title:before {
	font-family: fontello;
	content: ""
}

.pat-well .publication-date {
	font-size: 0.8em;
	font-style: italic
}

.pat-well .read-more {
	margin: 0;
	padding: 0;
	text-decoration: underline;
	font-weight: bold
}

.pat-well p {
	margin-bottom: 26px
}

.pat-well>p:last-child {
	margin-bottom: 0
}

.pat-well .buttons:after {
	content: " ";
	display: table;
	clear: both
}

.pat-well.editors-well {
	padding: 10px 20px 20px;
	background-color: #fbead9
}

.pat-well.editors-well h2 {
	border: none
}

.pat-well.editors-well h2:before {
	display: none
}

.pat-well.editors-well h2 a {
	color: #673327
}

.pat-well.editors-well ul {
	margin-bottom: 10px
}

.pat-well .function-header {
	height: 2.2em;
	margin-top: -26px;
	margin-right: -26px;
	margin-left: -26px;
	overflow: hidden;
	transition: all 0.4s;
	background: rgba(0, 0, 0, 0.05);
	display: none
}

@media print {
	.pat-well .function-header {
		display: none
	}
}

.pat-well .function-header a.pat-switch {
	text-decoration: none;
	cursor: pointer
}

.pat-well .function-header .function {
	padding: 0.35em 1em
}

.pat-well .function-header #dose-close-all:before {
	transform: rotate(45deg)
}

.pat-well div.no-title {
	padding: 13px 0;
	margin-bottom: 26px;
	clear: both
}

@media screen {
	.pat-well div.no-title {
		border-top: 2px dotted rgba(0, 0, 0, 0.2);
		border-bottom: 2px dotted rgba(0, 0, 0, 0.2)
	}
}

.pat-well div.no-title>*:last-child {
	margin-bottom: 0
}

.pat-well.all-open .dose-open-all {
	display: none
}

.pat-well.all-closed .dose-close-all {
	display: none
}

.swim-lane#site-summary {
	padding: 90px 0
}

.swim-lane#site-summary+#swim-lane-browser-warning .container,
.swim-lane#site-summary+#partners .container,
.swim-lane#site-summary+#news .container,
.swim-lane#site-summary+#swim-lane-reports .container,
.swim-lane#site-summary+#site-summary .container,
.swim-lane#site-summary+#swim-lane-quote .container,
.swim-lane#site-summary+#swim-lane-secondary-tasks .container,
.swim-lane#site-summary+#swim-lane-sectors .container {
	padding-top: 0
}

.swim-lane#site-summary .container {
	position: relative;
	background-color: #ffb612;
	border-radius: 10px
}

@media only screen and (min-width: 1280px) {
	.swim-lane#site-summary .container {
		overflow: hidden;
		overflow-x: visible
	}

	.swim-lane#site-summary .container:after {
		content: "";
		left: 8%;
		top: 50%;
		transform: translateY(-50%);
		font-size: 200px;
		position: absolute;
		color: #ffdd92;
		font-family: fontello;
		text-shadow: 0 0 30px rgba(0, 0, 0, 0.2)
	}
}

.swim-lane#site-summary .container .summary {
	position: relative
}

@media only screen and (min-width: 1280px) {
	.swim-lane#site-summary .container .summary {
		width: 66.66667%;
		float: right;
		padding-right: 30px;
		box-sizing: border-box
	}
}

.swim-lane#site-summary .container .summary p {
	font-size: 1.3125em;
	line-height: 1.5238
}

.swim-lane#site-summary .container .summary p a {
	font-weight: bold;
	color: black;
	text-decoration: underline
}