@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,800|Raleway:300,400,700');.react-grid-layout {
  position: relative;
  -webkit-transition: height 200ms ease;
  -moz-transition: height 200ms ease;
  transition: height 200ms ease;
}.react-grid-item {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-transition-property: left, top;
  -moz-transition-property: left, top;
  transition-property: left, top;
}.react-grid-item.cssTransforms {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -moz-transition-property: transform, -moz-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -moz-transform;
}.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}.react-grid-item.react-draggable-dragging {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  z-index: 3;
  will-change: transform;
}.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  -webkit-transition-duration: 100ms;
     -moz-transition-duration: 100ms;
          transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  cursor: se-resize;
}.react-grid-item > .react-resizable-handle:after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, .4);
  border-bottom: 2px solid rgba(0, 0, 0, .4);
}.react-resizable {
  position: relative;
}.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  cursor: se-resize;
}/* DayPicker styles */.DayPicker {
  display: inline-block;
}.DayPicker-wrapper {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          -webkit-flex-direction: row;
             -moz-box-orient: horizontal;
             -moz-box-direction: normal;
          flex-direction: row;
}.DayPicker-Months {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
          justify-content: center;
}.DayPicker-Month {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0 16px;
  margin: 0 1rem;
  margin-top: 16px;
  margin-top: 1rem;
}.DayPicker-NavBar {
}.DayPicker-NavButton {
  position: absolute;
  cursor: pointer;
  top: 16px;
  top: 1rem;
  right: 24px;
  right: 1.5rem;
  margin-top: 2px;
  color: #8b9898;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  display: inline-block;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}.DayPicker-NavButton:hover {
  opacity: 0.8;
}.DayPicker-NavButton--prev {
  margin-right: 24px;
  margin-right: 1.5rem;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC');
}.DayPicker-NavButton--next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==');
}.DayPicker-NavButton--interactionDisabled {
  display: none;
}.DayPicker-Caption {
  padding: 0 8px;
  padding: 0 0.5rem;
  display: table-caption;
  text-align: left;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}.DayPicker-Caption > div {
  font-size: 18.4px;
  font-size: 1.15rem;
  font-weight: 500;
}.DayPicker-Weekdays {
  margin-top: 16px;
  margin-top: 1rem;
  display: table-header-group;
}.DayPicker-WeekdaysRow {
  display: table-row;
}.DayPicker-Weekday {
  display: table-cell;
  padding: 8px;
  padding: 0.5rem;
  font-size: 0.875em;
  text-align: center;
  color: #8b9898;
}.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}.DayPicker-Body {
  display: table-row-group;
}.DayPicker-Week {
  display: table-row;
}.DayPicker-Day {
  display: table-cell;
  padding: 8px;
  padding: 0.5rem;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  outline: none;
}.DayPicker-WeekNumber {
  display: table-cell;
  padding: 8px;
  padding: 0.5rem;
  text-align: right;
  vertical-align: middle;
  min-width: 16px;
  min-width: 1rem;
  font-size: 0.75em;
  cursor: pointer;
  color: #8b9898;
  border-right: 1px solid #eaecec;
}.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}.DayPicker-Footer {
  padding-top: 8px;
  padding-top: 0.5rem;
}.DayPicker-TodayButton {
  border: none;
  background-image: none;
  background-color: transparent;
  box-shadow: none;
  cursor: pointer;
  color: #4a90e2;
  font-size: 0.875em;
}/* Default modifiers */.DayPicker-Day--today {
  color: #d0021b;
  font-weight: 700;
}.DayPicker-Day--outside {
  cursor: default;
  color: #8b9898;
}.DayPicker-Day--disabled {
  color: #dce0e0;
  cursor: default;
  /* background-color: #eff1f1; */
}/* Example modifiers */.DayPicker-Day--sunday {
  background-color: #f7f8f8;
}.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #dce0e0;
}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;
  color: #f0f8ff;
  background-color: #4a90e2;
  border-radius: 100%;
}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #51a0fa;
}.DayPicker:not(.DayPicker--interactionDisabled)
  .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #f0f8ff;
  border-radius: 50%;
}/* DayPickerInput */.DayPickerInput {
  display: inline-block;
}.DayPickerInput-OverlayWrapper {
  position: relative;
}.DayPickerInput-Overlay {
  left: 0;
  z-index: 1;
  position: absolute;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}.Table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}.Table.selectable .Table__td,
	.Table.selectable td {
		cursor: pointer;
}.Table .Table__th,
	.Table th {
		color: #999;
		padding: 15px 10px;
		border-bottom: 1px solid #f0f0f0;
		text-align: left;
		font-weight: 600;
		font-family: Montserrat;
		font-size: 8px;
		text-transform: uppercase;
		white-space: nowrap;
}.Table .Table__th.center, .Table th.center {
			text-align: center;
}.Table .Table__th.right, .Table th.right {
			text-align: right;
}.Table__td,
	.Table td {
		border-bottom: 1px solid #f0f0f0;
		padding: 15px 10px;
}.Table__td.primary, .Table__td > .primary, .Table td.primary, .Table td > .primary {
			font-weight: bolder;
			color: #e94043;
			white-space: nowrap;
}.Table__td.important, .Table td.important {
			font-weight: bolder;
			color: #6f6f6f;
			white-space: nowrap;
}.Table__td.secondary, .Table td.secondary {
			color: #8a1920;
}.Table__td.center, .Table td.center {
			text-align: center;
}.Table__td.right, .Table td.right {
			text-align: right;
}.Table__td.wrap, .Table td.wrap {
			white-space: pre;
}.Table tr:hover td {
		background-color: #f5f5f5;
}.Table__icon {
		color: #aaa;
}.Table__icon.off {
			color: #f0f0f0;
}.Table__small {
		font-weight: lighter;
		font-size: 10px;
		color: #aaa;
		font-family: MontSerrat;
		white-space: nowrap;
}.Table tr.selected:hover td,
	.Table tr.selected td,
	.Table tr.selected .primary {
		background-color: #e94043;
		color: #fff !important;
}.Table tr.selected:hover td:first-child, .Table tr.selected td:first-child, .Table tr.selected .primary:first-child {
			border-radius: 4px 0 0 4px;
}.Table tr.selected:hover td:last-child, .Table tr.selected td:last-child, .Table tr.selected .primary:last-child {
			border-radius: 0 4px 4px 0;
}.Table tr.selected:hover td .Table__small, .Table tr.selected td .Table__small, .Table tr.selected .primary .Table__small {
			color: #ffffff;
			color: rgba(255, 255, 255, .7);
}@media (max-width: 640px) {
			.Table:not(.not-responsive) thead {
				border: none;
				clip: rect(0 0 0 0);
				height: 1px;
				margin: -1px;
				overflow: hidden;
				padding: 0;
				position: absolute;
				width: 1px;
	}

			.Table:not(.not-responsive) tr {
				border-bottom: 1px dashed #e94043;
				display: block;
				margin-bottom: .625em;
	}

			.Table:not(.not-responsive) td {
				display: block;
				font-size: .8em;
				text-align: right;
				min-height: 42px;
				width: auto;
	}

				.Table:not(.not-responsive) td.center {
					text-align: right;
	}

			.Table:not(.not-responsive) td:before {
				/*
				* aria-label has no advantage, it won't be read inside a table content: attr(aria-label) */
				content: attr(data-label);
				float: left;
				color: #999;
				text-align: left;
				font-weight: 600;
				font-family: Montserrat;
				font-size: 8px;
				text-transform: uppercase;
				white-space: nowrap;
	}

			.Table:not(.not-responsive) td:last-child {
				border-bottom: 0;
	}
}.CleanButton {
	border: 0;
	outline: 0;
	background-color: transparent;
	font-size: 10px;
	font-weight: 600;
	color: #808080;
	cursor: pointer;
}.CleanButton > i {
		pointer-events: none;
}.CleanButton:hover {
		color: #e94043;
		text-decoration: underline;
}.IconButton {
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
	color: #bbb;
	cursor: pointer;
	text-decoration: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	position: relative;
	display: inline-block;
	font-size: 12px;
	font-family: Montserrat;
}.IconButton i {
		pointer-events: none;
		font-size: 14px;
}.IconButton:hover {
		color: #e94043;
}.Button {
	border-radius: 50px;
	border: 0;
	outline: 0;
	padding: 10px 25px;
	font-size: 8px;
	font-family: Montserrat;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	transition: .3s ease-out;
	cursor: pointer;
	display: inline-block;
	border: 1px solid #bbb;
	color: #7d7d7d;
	background-color: transparent;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	position: relative;
}.Button:hover {
		border: 1px solid #e94043;
		background-color: #fff;
		color: #e94043;
}.Button.primary {
		border: 1px solid #e94043;
		background-color: #e94043;
		color: #fff;
}.Button.primary:hover {
			border: 1px solid #e94043;
			background-color: #fff;
			color: #e94043;
}.Button.alt {
		color: #fff;
		background-color: #333540;
		border: 1px solid #333540;
}.Button.alt:hover {
			color: #333540;
			background-color: #fff;
}.Button[disabled] {
		background-color: #ccc;
		border-color: #ccc;
		color: #999;
		pointer-events: none;
}.Button[data-tooltip]:before, .IconButton[data-tooltip]:before {
		content: attr(data-tooltip);
		position: absolute;
		top: -20px;
		background-color: #e94043;
		color: #fff;
		white-space: nowrap;
		padding: 5px;
		font-size: 10px;
		font-family: Montserrat;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		-webkit-transform: translate(-50%, 5px);
		   -moz-transform: translate(-50%, 5px);
		    -ms-transform: translate(-50%, 5px);
		        transform: translate(-50%, 5px);
		pointer-events: none;
		border-radius: 3px;
		z-index: 1;
		visibility: hidden;
		opacity: 0;
		margin: 0 50%;
}.Button[data-tooltip]:hover:before, .IconButton[data-tooltip]:hover:before {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translate(-50%, -5px);
		   -moz-transform: translate(-50%, -5px);
		    -ms-transform: translate(-50%, -5px);
		        transform: translate(-50%, -5px);
}@media (max-width: 640px) {
		.Button[data-tooltip]:before, .IconButton[data-tooltip]:before {
			content: normal;
			content: initial;
			display: none;
	}
}.Uploader {
	position: fixed;
	bottom: 2vh;
	left: 80px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	z-index: 9999;
}.Uploader__item {
		padding: 10px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
}.Uploader__file {
		font-weight: 300;
		font-size: 12px;
		width: 200px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}.Uploader__bar {
		height: 4px;
		background-color: #aaa;
		position: relative;
		margin-top: 5px;
}.Uploader__bar b {
			-webkit-transition: .3s linear;
			-moz-transition: .3s linear;
			transition: .3s linear;
			background-color: #e94043;
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
}.Uploader__progress {
		margin-left: 20px;
		color: #e94043;
		font-weight: 900;
		font-size: 18px;
}.Uploader__progress:after {
			content: '%';
			color: #212121;
			font-size: .75em;
			font-weight: normal;
}.Uploader__button {
		position: relative;
}.Uploader__button input {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			padding: 0;
			opacity: 0;
			width: 1px;
			height: 1px;
}.Loading {
	text-align: center;
}.Loading__svg {
		width: 32px;
		height: 32px;
}.Loading__cache {
		display: inline-block;
		width: 0;
		-webkit-animation: loading-cache 1s linear infinite;
		   -moz-animation: loading-cache 1s linear infinite;
		        animation: loading-cache 1s linear infinite;
		overflow: hidden;
}.Loading path {
		fill: #e94043;
}@-webkit-keyframes loading-cache {
	to {
		width: 32px;
	}
}@-moz-keyframes loading-cache {
	to {
		width: 32px;
	}
}@keyframes loading-cache {
	to {
		width: 32px;
	}
}.Form {
	margin: 0 auto;
}.Form__line {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 12px;
}@media (max-width: 640px) {.Form__line {
			display: block;
	}
}.Form__line > div {
			-webkit-box-flex: 1;
			-webkit-flex: 1;
			   -moz-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
}.Form__line > div + div {
			margin-left: 24px;
}@media (max-width: 640px) {.Form__line > div + div {
				margin: 12px 0 0 0;
	}
}.Form__section {
		color: #bfbfbf;
		font-family: Montserrat;
		font-size: 10px;
		font-weight: 600;
		text-transform: uppercase;
		margin: 0 0 12px 0;
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		        user-select: none;
}.Form__section:not(:first-child) {
			margin-top: 40px;
}.Form__sections {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		max-width: 1280px;
		width: 100%;
		margin: 0 auto;
}@media (max-width: 640px) {.Form__sections {
			display: block;
	}
}.Form__nav {
		text-align: right;
		position: sticky;
		top: 40px;
		-webkit-align-self: flex-start;
		    -ms-flex-item-align: start;
		        align-self: flex-start;
}@media (max-width: 640px) {.Form__nav {
			position: relative;
			top: 0;
			padding: 0 0 44px 0;
			text-align: center;
	}
}.Form__nav a {
			display: block;
			text-decoration: none;
			color: #898989;
			margin-bottom: 5px;
}.Form__nav a:hover {
				color: #8a1920;
}.Form__form {
		padding-left: 20px;
		margin-left: 20px;
		border-left: 1px solid #d0d0d0;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
}@media (max-width: 640px) {.Form__form {
			padding-left: 0;
			margin-left: 0;
			border: 0;
	}
}.Form__footer {
		padding: 40px 0 0 0;
		text-align: right;
		position: relative;
}.Form__footer button {
			margin-left: 20px;
}.Form__errors {
		background-color: #efdddd;
		border: 1px solid #e94043;
		padding: 20px;
		margin: 0 0 20px 0;
		list-style: none;
		color: #e94043;
		border-radius: 4px;
		box-shadow: 0 1px 2px rgba(255, 0, 0, .2);
}.Form__errors li {
			padding: 5px 0;
}.Form__help {
		font-size: 11px;
		color: #878787;
}.Input {
	position: relative;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}.Input.has-icon input {
		padding-left: 30px;
}input:focus + .Input__icon {
		color: #e94043;
}.Input__icon {
		color: #aaa;
		position: absolute;
		bottom: 10px;
		left: 10px;
}.Input__label {
		font-family: Montserrat;
		font-size: 8px;
		font-weight: 600;
		text-transform: uppercase;
		color: #999;
}.Input__invalid {
		color: #f00;
}.Input__invalid input, .Input__invalid textarea {
			color: #f00;
}.Select {
	position: relative;
	cursor: pointer;
}.Select:hover:before {
		color: #e94043;
}.Select:before {
		content: "\F0140";
		font: normal normal normal 18px/1 "Material Design Icons";
		pointer-events: none;
		position: absolute;
		bottom: 10px;
		right: 10px;
		color: #999;
		background-color: #fff;
}.Select select:invalid,
	.Select__placeholder {
		color: #ccc;
}.Select optgroup {
		color: #242424;
}.Select option {
		color: #424242;
}.DayPickerInput {
	display: block;
}.DayPickerInput-OverlayWrapper {
		z-index: 999;
}.Checkbox {
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	margin: 4px 0;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}.Checkbox:hover .Checkbox__label {
		color: #8a1920;
}.Checkbox:hover .Checkbox__icon {
		border: 1px solid #333540;
}.Checkbox:hover input:checked + .Checkbox__icon,
	input:checked + .Checkbox__icon {
		background-color: #e94043;
		border: 1px solid #e94043;
		color: #fff;
}.Checkbox__label {
		display: inline-block;
		font-size: 12px;
		position: relative;
		top: 4px;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
}.Checkbox__icon {
		border: 1px solid #bbb;
		border-radius: 3px;
		width: 16px;
		height: 16px;
		top: 2px;
		display: inline-block;
		position: relative;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		margin-right: 10px;
}.Checkbox__icon i {
			top: -1px;
			position: absolute;
}.Checkbox input {
		display: none;
		width: auto;
}.Radio {
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	margin: 4px 0;
	display: inline-block;
}.Radio:hover .Radio__label {
		color: #e94043;
}.Radio:hover .Radio__icon {
		border: 1px solid #333540;
}.Radio:hover input:checked + .Radio__icon,
	input:checked + .Radio__icon {
		border: 1px solid #e94043;
		color: #fff;
}input:checked + .Radio__icon:before {
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		        transform: scale(1);
}.Radio__label {
		display: inline-block;
		pointer-events: none;
}.Radio__icon {
		border: 1px solid #bbb;
		border-radius: 16px;
		width: 16px;
		height: 16px;
		top: 2px;
		display: inline-block;
		position: relative;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		margin-right: 10px;
		pointer-events: none;
}.Radio__icon:before {
			content: '';
			background-color: #e94043;
			position: absolute;
			border-radius: 16px;
			top: 2px;
			right: 2px;
			left: 2px;
			bottom: 2px;
			-webkit-transition: .3s ease-in-out;
			-moz-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
			-webkit-transform: scale(0);
			   -moz-transform: scale(0);
			    -ms-transform: scale(0);
			        transform: scale(0);
}.Radio input {
		display: none;
		width: auto;
}.Radio__group {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
}.Radio__group .Radio {
			-webkit-box-flex: 1;
			-webkit-flex: 1;
			   -moz-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
}.Radio__group .Radio__label {
		font-size: 11px;
}.Radio__title {
		font-size: 11px;
		font-weight: bolder;
		font-family: Raleway;
}.Tabs {
	list-style: none;
	margin: 0;
	position: relative;
	padding: 0 0 0 20px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}.Tabs__tab {
		display: inline-block;
		padding: 12px;
		position: relative;
		top: 2px;
		cursor: pointer;
		color: #aaa;
		border-bottom: 4px solid transparent;
		-webkit-transition: .3s ease-out;
		-moz-transition: .3s ease-out;
		transition: .3s ease-out;
		font-family: Montserrat;
		font-size: 10px;
}.Tabs__tab:hover {
			color: #323232;
}.Tabs__tab.selected {
			border-bottom: 3px solid #e94043;
			color: #000;
}.SidePanel .Tabs {
	background-color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	margin: -20px -20px 20px -20px;
	border-bottom: 1px solid #f0f0f0;
}.SidePanel .Tabs__tab {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		padding: 20px 0;
		text-align: center;
}.SidePanel .Tabs__tab:not(:last-child) {
			border-right: 1px solid #f0f0f0;
}.SidePanel .Tabs__tab:hover {
			color: #424242;
}.SidePanel .Tabs__tab.selected {
			color: #e94043;
}.SidePanel {
	position: fixed;
	top: 0;
	left: 64px;
	bottom: 0;
	background-color: #fff;
	z-index: 600;
	width: 400px;
	-webkit-transform: translateX(-100%) translateX(40px);
	   -moz-transform: translateX(-100%) translateX(40px);
	    -ms-transform: translateX(-100%) translateX(40px);
	        transform: translateX(-100%) translateX(40px);
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	transition: .3s ease-out;
}.SidePanel__content {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		padding: 20px 20px 20px 20px;
		overflow: auto;
		border-left: 1px solid #f0f0f0;
		box-shadow: 3px 0 3px rgba(250, 0, 0, 1);
}.SidePanel.right {
		-webkit-transform: translateX(100%) translateX(-40px);
		   -moz-transform: translateX(100%) translateX(-40px);
		    -ms-transform: translateX(100%) translateX(-40px);
		        transform: translateX(100%) translateX(-40px);
		left: auto;
		right: 0;
		box-shadow: -3px 0 3px rgba(0, 0, 0, .2);
}.SidePanel:hover, .SidePanel:focus, .SidePanel.open {
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		        transform: none;
}.SidePanel.right.closing {
		-webkit-transform: translateX(100%) translateX(40px);
		   -moz-transform: translateX(100%) translateX(40px);
		    -ms-transform: translateX(100%) translateX(40px);
		        transform: translateX(100%) translateX(40px);
}.SidePanel__close {
		color: #fff;
		background-color: #000000;
		background-color: rgba(0, 0, 0, .3);
		position: absolute;
		top: 0px;
		left: -40px;
		bottom: 0;
		width: 40px;
		z-index: 601;
		cursor: pointer;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
}.SidePanel__close:hover {
			color: #e94043;
			background-color: #000000;
			background-color: rgba(0, 0, 0, .7);
}.Link {
	color: #aaa;
	text-decoration: none;
	cursor: pointer;
}.Link:hover {
		color: #e94043;
}.ListSelect {
	margin-bottom: 20px;
}.ListSelect ul {
		list-style: none;
		padding: 0;
		margin: 0;
}.ListSelect ul:empty:before {
			content: 'Aucun résultat';
			text-align: center;
			display: block;
			font-size: 10px;
			font-style: italic;
			color: #909090;
}.PeriodPicker {
	display: inline-block;
}.PeriodPicker__line {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		background-color: #fff;
		border: 1px solid #f0f0f0;
		border-radius: 3px;
}.PeriodPicker__month {
		width: 135px;
}.PeriodPicker__year {
		width: 90px;
}.PeriodPicker__prev {
		margin-left: 5px;
}.PeriodPicker__next {
		margin-right: 5px;
}.PeriodPicker select {
		border: 1px solid #fff;
}dl {
	overflow: hidden;
}dt {
	width: 30%;
	font-size: 11px;
	font-family: MontSerrat;
	color: #e94043;
	text-align: right;
	padding-right: 10px;
	float: left;
	margin: 0 0 10px 0;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	white-space: nowrap;
	min-height: 14px;
}dd {
	float: left;
	width: 70%;
	margin: 0 0 10px 0;
	font-size: 11px;
	font-family: MontSerrat;
	color: #6f6f6f;
	min-height: 14px;
}@media (max-width: 640px) {dd {
		text-align: right;
	}
}dd b {
		font-weight: 600;
}.ColorPicker {
	position: relative;
	width: 225px;
}.ColorPicker__sample {
		width: 42px;
		height: 22px;
		border-radius: 5px;
		position: absolute;
		right: 7px;
		bottom: 7px;
		box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 0, 0, .1);
		pointer-events: none;
}.ColorPicker .chrome-picker {
		position: absolute;
		z-index: 1;
		margin-top: 5px;
}.Combo {
	position: relative;
}.Combo ul {
		list-style: none;
		padding: 4px;
		margin: 10px 0 0 0;
		background-color: #fff;
		box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		cursor: pointer;
		border-radius: 3px;
		font-family: Montserrat;
		max-height: 30vh;
		overflow: auto;
}.Combo ul:empty:before {
			content: 'Aucun résultat';
			display: block;
			font-size: 10px;
			color: #909090;
			padding: 10px;
			font-size: 10px;
			border-radius: 3px;
}.Combo li {
		padding: 10px;
		font-size: 10px;
		border-radius: 3px;
		border: 1px solid #fff;
}.Combo li:hover {
			border-color: #e94043;
			background-color: #ffecec;
			color: #e94043;
			font-weight: bold;
}.ListSelect ul {
		padding: 4px;
		border: 1px solid #f0f0f0;
		border-radius: 3px;
		background-color: #fff;
		font-family: Montserrat;
}.ListSelect li {
		padding: 4px;
}.ListSelect__item {
		font-size: 12px;
		font-family: Montserrat;
}.ListSelect__item button {
			margin-right: 5px;
}.ShopPicker__selected {
		padding: 10px;
}.ShopPicker__shop {
		color: #e94043;
		font-weight: bolder;
		font-size: 12px;
		margin-bottom: 5px;
}.ShopPicker__town {
		color: #6f6f6f;
		font-weight: bolder;
		font-size: 12px;
		margin-bottom: 5px;
}.ShopPicker__address {
		color: #909090;
		font-size: 10px;
		margin-bottom: 5px;
}.SpeakerPicker__selected {
		padding: 10px;
		list-style: none;
}.SpeakerPicker__selected button {
			margin-right: 5px;
}.SpeakerPicker__selected li {
			padding: 4px;
}.SpeakerPicker__name {
		color: #e94043;
		font-weight: bolder;
		font-size: 12px;
		margin-right: 5px;
}.SpeakerPicker__town {
		color: #6f6f6f;
		font-size: 12px;
		margin-right: 5px;
}.Modal {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}.Modal__overlay {
		position: absolute;
		background-color: #000000;
		background-color: rgba(0, 0, 0, .5);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
}.Modal__inner {
		position: relative;
		z-index: 1;
}.Modal__classic {
		background-color: #fff;
		border-radius: 4px;
		padding: 20px;
}.InputIban__iban {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		padding: 24px 0;
}@media (max-width: 640px) {.InputIban__iban {
			display: block;
	}
}.InputIban__iban > div {
			margin-right: 20px;
}@media (max-width: 640px) {.InputIban__iban > div {
				margin: 0 0 12px 0;
	}
}.InputIban__iban i {
			display: block;
			font-size: 10px;
			font-family: MontSerrat;
			color: #6f6f6f;
			font-style: normal;
}.InputIban__iban b {
			display: block;
			font-size: 13px;
			font-family: MontSerrat;
			color: #e94043;
}.InputIban__bank {
		color: #e94043;
		font-weight: bold;
		line-height: 20px;
		font-size: 12px;
}.InputIban__town {
		color: #6f6f6f;
		font-weight: bold;
		line-height: 20px;
		font-size: 12px;
}.InputIban__country,
	.InputIban__address {
		color: #999;
		font-size: 10px;
		line-height: 20px;
}.Toggle__button {
		width: 28px;
		height: 28px;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border: 1px solid #e0e0e0;
		background-color: #f0f0f0;
		color: #ddd;
		cursor: pointer;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
}.Toggle__button i {
			text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}.Toggle__button.on {
			margin-right: 4px;
}.Toggle__checkbox {
		display: none;
}.Toggle__checkbox:checked ~ .Toggle__button.on {
		background-color: #7bd2a8;
		border-color: #56a47d;
		color: #fff;
}.Toggle__checkbox:not(:checked) ~ .Toggle__button.off {
		background-color: #ef8585;
		border-color: #d26463;
		color: #fff;
}.Cloud {
	color: #878787;
	text-transform: uppercase;
	position: relative;
	height: 300px;
	font-size: 12px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: 1s ease-in;
	-moz-transition: 1s ease-in;
	transition: 1s ease-in;
	font-family: Montserrat;
	font-weight: bolder;
}.Cloud span {
		display: inline-block;
}.Cloud__w10 {
		font-size: 70px;
		height: 50px;
		line-height: 50px;
}.Cloud__w9 {
		font-size: 60px;
		height: 43px;
		line-height: 40px;
}.Cloud__w8 {
		font-size: 50px;
		height: 37px;
		line-height: 35px;
}.Cloud__w7 {
		font-size: 40px;
		height: 30px;
		line-height: 30px;
}.Cloud__w6 {
		font-size: 35px;
		height: 27px;
		line-height: 25px;
}.Cloud__w5 {
		font-size: 30px;
		height: 24px;
		line-height: 22px;
}.Cloud__w4 {
		font-size: 25px;
		height: 19px;
		line-height: 19px;
}.Cloud__w3 {
		font-size: 20px;
		height: 16px;
		line-height: 16px;
}.Cloud__w2 {
		font-size: 15px;
		height: 14px;
		line-height: 14px;
}.Cloud__w1 {
		font-size: 10px;
		height: 12px;
		line-height: 12px;
}/*&__w10 { color: @base }
	&__w9 { color: @complement1 }
	&__w8 { color: @complement2 }
	&__w7 { color: @lighten1 }
	&__w6 { color: @lighten2 }
	&__w5 { color: #777 }
	&__w4 { color: #888 }
	&__w3 { color: #999 }
	&__w2 { color: #aaa }
	&__w1 { color: #bbb } */.Cloud__w10 {
		color: rgb(233, 64, 67);
}.Cloud__w9 {
		color: rgb(222, 74, 76);
}.Cloud__w8 {
		color: rgb(211, 85, 87);
}.Cloud__w7 {
		color: rgb(200, 95, 97);
}.Cloud__w6 {
		color: rgb(190, 106, 108);
}.Cloud__w5 {
		color: rgb(179, 117, 118);
}.Cloud__w4 {
		color: rgb(168, 128, 128);
}.Cloud__w3 {
		color: rgb(158, 138, 139);
}.Cloud__w2 {
		color: rgb(148, 148, 148);
}.Cloud__w1 {
		color: rgb(148, 148, 148);
}.DayPicker-wrapper:focus {
			outline: 0;
}.DayPicker-NavButton.IconButton {
		position: absolute;
		cursor: pointer;
		top: 12px;
		right: 24px;
		right: 1.5rem;
		margin-top: 2px;
		color: #8b9898;
		width: 20px;
		width: 1.25rem;
		height: 20px;
		height: 1.25rem;
		display: inline-block;
		background-size: 50%;
		background-repeat: no-repeat;
		background-position: center;
}.DayPicker-NavButton.IconButton.prev {
			margin-right: 1.5em;
}.DayPicker-Caption > div {
		font-family: MontSerrat;
		font-size: 14px;
		font-weight: bolder;
		color: #424242;
}.DayPicker-Day:focus {
			outline: 0;
}.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
			background-color: #e94043;
			color: #ffffff;
			color: rgba(255, 255, 255, .76);
}.MultipleDayPicker {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}.MultipleDayPicker__list {
		list-style: none;
}.Notifications {
	position: fixed;
	z-index: 1000;
	right: 40px;
	bottom: 40px;
}.Notifications__item {
		background-color: #fff;
		box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
		border-radius: 60px;
		white-space: nowrap;
		padding: 20px 40px 20px 72px;
		position: relative;
		margin-bottom: 12px;
		-webkit-animation: notification-in .6s;
		   -moz-animation: notification-in .6s;
		        animation: notification-in .6s;
		-webkit-transition: .6s ease-out;
		-moz-transition: .6s ease-out;
		transition: .6s ease-out;
		font-size: 12px;
		color: #848484;
}.Notifications__item.hide {
			opacity: 0;
			-webkit-transform: scale(.7) translateY(20px);
			   -moz-transform: scale(.7) translateY(20px);
			    -ms-transform: scale(.7) translateY(20px);
			        transform: scale(.7) translateY(20px);
}.Notifications .Loading {
		position: absolute;
		left: 24px;
		top: 10px;
}@-webkit-keyframes notification-in {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px) scale(.9);
		        transform: translateY(20px) scale(.9);
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0) scale(1);
		        transform: translateY(0) scale(1);
	}
}@-moz-keyframes notification-in {
	from {
		opacity: 0;
		-moz-transform: translateY(20px) scale(.9);
		     transform: translateY(20px) scale(.9);
	}

	to {
		opacity: 1;
		-moz-transform: translateY(0) scale(1);
		     transform: translateY(0) scale(1);
	}
}@keyframes notification-in {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px) scale(.9);
		   -moz-transform: translateY(20px) scale(.9);
		        transform: translateY(20px) scale(.9);
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0) scale(1);
		   -moz-transform: translateY(0) scale(1);
		        transform: translateY(0) scale(1);
	}
}.file-drop {
	/* relatively position the container bc the contents are absolute */
	position: relative;
	height: 100px;
	width: 200px;
}.file-drop > .file-drop-target {
	/* basic styles */
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: 2px dashed #f0f0f0;
	border-radius: 8px;
	font-size: 10px;
	/* --------------- */

	/* horizontally and vertically center all content */
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-content: center;
	    -ms-flex-line-pack: center;
	        align-content: center;
	text-align: center;
	/* --------------- */
}.file-drop > .file-drop-dragging-over-frame.file-drop-target {
	border: 2px dashed #f00;
}.file-drop > .file-drop-target.file-drop-dragging-over-target {
	background-color: #e94043;
	color: #fff;
	font-weight: bolder;
}.mdi-settings:before {
	content: "\F0493";
}.Clients {
		padding: 40px;
}.Client__entry {
		margin-bottom: 40px;
		background-color: #fff;
		border-radius: 4px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		padding: 12px;
}.Client__header {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 30px;
}.Client__logo {
		width: 64px;
		height: 64px;

		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
}.Client__id {
		color: #aaa;
		font-size: 14px;
		font-weight: normal;
		margin-right: 10px;
}.Client__name {
		font-size: 16px;
		font-weight: bolder;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		margin-left: 40px;
		color: #e94043;
}.Client__name small {
			color: #909090;
}.Client__add button, .Client__add a {
			margin-left: 12px;
}.EditClient__logo {
		width: 128px;
		height: 128px;
		background-image: url('/pics/onde-magnitude-gray.svg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		margin-bottom: 20px;
}.EditClient__name {
		color: #e94043;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
}.EditClient__custom {
		position: relative;
		margin: 40px 0 20px 0;
}.EditClient__custom .Button {
			position: absolute;
			left: 200px;
			top: -12px;
}.EditClient__fields .Form__line {
			margin-bottom: 12px;
}.EditSpeaker__picture {
		width: 128px;
		height: 128px;
		background-image: url('/pics/no-profile.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		margin: 0 auto 20px auto;
}.EditSpeaker__gprd {
		width: 600px;
		max-width: 100%;
		background-color: #fff;
		border-radius: 4px;
		position: relative;
		padding: 44px;
		font-style: italic;
		color: #676767;
		font-size: 12px;
		line-height: 20px;
}.EditSpeaker__container .Tabs {
			text-align: center;
}.Speaker__evaluation.mdi-emoticon-sad-outline {
			color: #e94043;
}.Speaker__evaluation.mdi-emoticon-neutral-outline {
			color: #878787;
}.Speaker__evaluation.mdi-emoticon-happy-outline {
			color: #0a0;
}.Speaker__picture {
		width: 32px;
		height: 32px;
		background-image: url('/pics/no-profile.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 32px;
}.Speaker__icon {
		color: #eee;
}.Speaker__icon.mdi-car.highlight {
			color: #42a5f5;
}.Speaker__icon.mdi-history.highlight {
			color: #ff9800;
}.Speaker__icon.mdi-thumb-down.highlight {
			color: #e94043;
}.Speaker__gender {
		margin-right: 5px;
		color: #ccc;
		font-size: 18px;
		position: relative;
		top: 2px;
}.Speaker__export-button {
		border-radius: 32px;
		padding: 2px;
		width: 22px;
		height: 22px;
}.Speaker__export {
		background-color: #f9f9f9;
}.Speaker__export .Speaker__export-button {
		background-color: #e94043;
		color: #fff;
}.SpeakerFilters .CityPicker {
		-webkit-box-flex: 2;
		-webkit-flex: 2;
		   -moz-box-flex: 2;
		    -ms-flex: 2;
		        flex: 2;
}.SpeakerDetails__picture {
		display: block;
		text-decoration: none;
		margin: 0 auto;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		border-radius: 50%;
		width: 196px;
		height: 196px;
		border: 4px solid #f0f0f0;
}.SpeakerDetails__name {
		padding: 12px 0;
}.SpeakerDetails__name small {
			display: block;
			color: #878787;
}.SpeakerDetails__name small span:not(:first-child):before {
				content: ', ';
}.SpeakerDetails__name b {
			color: #e94043;
}.AddSpeaker .Modal__inner {
		background-color: #fff;
		padding: 12px;
		border-radius: 4px;
		width: 450px;
}.AddSpeaker__selected {
		padding: 20px 0 0 20px;
		min-height: 52px;
}.AddSpeaker__selected .SpeakerPicker__town {
			display: block;
}.DropZone__alt {
		display: block;
		margin-top: 8px;
		font-size: 10px;
		text-align: right;
		cursor: pointer;
}.DropZone__alt:hover {
			color: #e94043;
}.DropZone__files {
		margin-top: 20px;
		width: 200px;
}.DropZone__files h2 {
			text-align: left;
}.DropZone__file {
		padding: 8px;
		max-width: 200px;
}.DropZone__file:not(:first-child) {
			border-top: 1px solid #f0f0f0;
}.DropZone__labels {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}a.DropZone__link {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: block;
		margin: 0;
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
}a.DropZone__link:hover {
			color: #e94043;
}.DropZone__file:hover .DropZone__delete {
		visibility: visible;
}.DropZone__delete {
		visibility: hidden;
		width: 32px;
}.DropZone__progress {
		height: 6px;
		background-color: #f0f0f0;
		position: relative;
		width: 100%;
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		transition: 1s ease-in-out;
		opacity: 1;
}.DropZone__progress.fade {
			opacity: 0;
}.DropZone__bar {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 0;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		background-color: #e94043;
		height: 6px;
}.SimpleEvaluation {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
	padding: 12px;
	width: 300px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}.SimpleEvaluation__bonhomme {
		padding: 12px;
		border: 1px solid #d1d1d1;
		background-color: #f0f0f0;
		-webkit-transition: .15s ease-in;
		-moz-transition: .15s ease-in;
		transition: .15s ease-in;
		border-radius: 4px;
		cursor: pointer;
}.SimpleEvaluation__bonhomme:hover {
			background-color: #fff;
}.SimpleEvaluation__bonhomme.selected {
			border: 1px solid #e94043;
			background-color: #fff;
}.SimpleEvaluation .mdi-emoticon-sad-outline {
		color: #e94043;
}.SimpleEvaluation .mdi-emoticon-neutral-outline {
		color: #878787;
}.SimpleEvaluation .mdi-emoticon-happy-outline {
		color: #0a0;
}.Planning {
	background-color: #fff;
	position: absolute;

	/* header + section title */
	top: 134px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}.Planning__item {
		white-space: nowrap;
}.Planning__scrollable {
		/* overflow-x: auto
		overflow-y: visible */
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: inline-block;
		vertical-align: top;
		width: -webkit-calc(100% - 360px);
		width: -moz-calc(100% - 360px);
		width: calc(100% - 360px);
}.Planning__missions {
		width: 360px;
		position: sticky;
		left: 0;
		z-index: 2;
		display: inline-block;
		vertical-align: top;
}.Planning__corner {
		background-color: #fff;
		border-right: 1px solid #333540;
		border-bottom: 1px solid #e94043;
		height: 84px;
		padding: 10px;
		text-transform: uppercase;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		font-family: MontSerrat;
		font-weight: bolder;
		font-size: 18px;
		color: #898989;
		position: sticky;
		top: 0;
		z-index: 3;
}.Planning__mission {
		background-color: #fff;
		border-right: 1px solid #333540;
		border-bottom: 1px solid #f0f0f0;
		height: 56px;
		font-size: 12px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: relative;
}.Planning__mission-cell {
			padding: 10px;
			-webkit-box-flex: 1;
			-webkit-flex: 1;
			   -moz-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			min-width: 180px;
}.Planning__mission-operation {
			font-weight: bolder;
			color: #e94043;
}.Planning__mission-shop {
			font-weight: bolder;
			color: #6f6f6f;
}.Planning__mission-speaker,
		.Planning__mission-town {
			color: #6f6f6f;
			font-size: 10px;
}.Planning__mission-speaker .IconButton {
			position: relative;
			top: 2px;
			left: 4px;
}.Planning__filteredDay {
		padding: 2px 6px;
		margin: 2px 0;
		font-size: 8px;
		font-weight: bolder;
		font-family: MontSerrat;
		text-transform: uppercase;
		border-radius: 12px;
		height: 15px;
}.Planning__filteredDay.present {
			color: #0a0;
}.Planning__filteredDay.absent {
			color: #e94043;
}.Planning__date.today .Planning__filteredDay.present, .Planning__date.today .Planning__filteredDay.absent, .Planning__date.today .Planning__filteredDay.unassigned {
			background-color: #fff;
}.Planning__days, .Planning__dates {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		vertical-align: top;
}.Planning__dates {
		height: 84px;
}.Planning__days {
		z-index: 65;
		height: 56px;
}.Planning__day, .Planning__date {
		width: 56px;
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		        user-select: none;
		cursor: pointer;
}.Planning__date {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 10px 10px 0 10px;
}.Planning__day {
		white-space: nowrap;
		border-left: 1px solid #f0f0f0;
		border-bottom: 1px solid #f0f0f0;
}.Planning__day.weekend {
			background-color: #f8f8f8;
}.Planning__day.today {
			border-left: 1px solid #e94043;
			border-right: 1px solid #e94043;
			background-color: #ffecec;
			border-bottom: 1px solid #ffc1c2;
}.Planning__day:hover {
			background-color: #f5f5f5;
}.Planning__day.selected {
			background-color: #f5f5f5;
			outline: 1px solid #8a1920;
			z-index: 2;
}.Planning__add {
		font-family: MontSerrat;
		font-weight: bolder;
		font-size: 12px;
		text-align: center;
		border-radius: 3px;
		width: 25px;
		padding: 2px;
		background-color: #e94043;
		color: #fff;
		display: none;
}.Planning__day:hover .Planning__add {
		display: block;
}.Planning__duration {
		font-family: MontSerrat;
		font-weight: bolder;
		font-size: 10px;
		text-align: center;
		color: #fff;
		border-radius: 3px;
		width: 25px;
		padding: 2px;
		background-color: #fff;
}.Planning__duration.workday.present {
			background-color: #0a0;
}.Planning__duration.workday.sunday {
			background-color: #ff9800;
}.Planning__duration.workday.holiday {
			background-color: #a900fd;
}.Planning__duration.workday.absent {
			background-color: #e94043;
}.Planning__duration.training.present {
			box-shadow: 0 0 0 1px #0a0 inset;
			color: #0a0;
}.Planning__duration.training.sunday {
			box-shadow: 0 0 0 1px #ff9800 inset;
			color: #ff9800;
}.Planning__duration.training.holiday {
			box-shadow: 0 0 0 1px #a900fd inset;
			color: #a900fd;
}.Planning__duration.training.absent {
			box-shadow: 0 0 0 1px #e94043 inset;
			color: #e94043;
}.Planning__checkin {
		width: 12px;
		color: #0a0;
		font-size: 12px;
}.Planning__checkout {
		color: #e94043;
		font-size: 12px;
		width: 12px;
}.Planning__break {
		position: absolute;
		left: 5px;
		top: 5px;
		color: #b7aba7;
}.Planning__dates {
		position: sticky;
		top: 0px;
		border-bottom: 1px solid #e94043;
		z-index: 1;
		background-color: #fff;
		padding-top: 10px;
}.Planning__date {
		border-radius: 5px 5px 0 0;
}.Planning__date.weekend small, .Planning__date.weekend b {
				color: #ccc;
}.Planning__date.holiday small, .Planning__date.holiday b {
				color: #a900fd;
}.Planning__date.today {
			background-color: #e94043;
}.Planning__date.today b {
				color: #fff;
}.Planning__date.today small {
				color: #fff;
}.Planning__date small {
			color: #6f6f6f;
			text-transform: uppercase;
			font-size: 9px;
			margin-top: 5px;
}.Planning__date b {
			color: #6f6f6f;
			font-size: 18px;
}.Planning__date b.today {
				color: #e94043;
}.Planning__mission:hover .Planning__export {
		display: block;
}.Planning__export {
		display: none;
		background-color: #f0f0f0;
		position: absolute;
		right: 10px;
		width: 20px;
		height: 20px;
		border-radius: 32px;
		border: 1px solid #f0f0f0;
}.Planning__export:hover {
			border: 1px solid #e94043;
}.Planning__export.export {
			display: block;
			background-color: #e94043;
			border: 1px solid #e94043;
}.Planning__export.export i {
				color: #fff;
}.PlanningPreview {
	position: fixed;
	/* display: flex */
	/* flex-direction: column */
	background-color: #fff;
	box-shadow: -5px 0 5px rgba(0, 0, 0, .1);
	z-index: 100;
	top: 64px;
	right: 0;
	bottom: 0;
	-webkit-animation: planning-preview-in .1s ease-in-out;
	   -moz-animation: planning-preview-in .1s ease-in-out;
	        animation: planning-preview-in .1s ease-in-out;
	overflow: auto;
}.PlanningPreview__user {
		/* background-color: $yellow */
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}.PlanningPreview__avatar {
		width: 96px;
		height: 96px;
		margin: 20px;
		background-color: #000000;
		background-color: rgba(0, 0, 0, .2);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
}.PlanningPreview__userinfo {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		padding: 20px;
		color: #000000;
		color: rgba(0, 0, 0, .7);
		font-family: MontSerrat;
		font-weight: bolder;
		font-size: 12px;
}.PlanningPreview__userinfo i {
			color: #000000;
			color: rgba(0, 0, 0, .5);
			margin-right: 7px;
			font-size: 14px;
}.PlanningPreview__userline {
		font-size: 12px;
		line-height: 20px;
}.PlanningPreview__day {
		padding: 20px;
		color: #212121;
}.PlanningPreview__day .Form__footer {
			padding: 0;
}.PlanningPreview__map {
		width: 450px;
		height: 250px;
}.PlanningPreview__shop {
		padding: 20px;
		/* background-color: $bg */
		color: #333540;
		font-size: 12px;
		line-height: 20px;
}.PlanningPreview__shopname {
		font-weight: bolder;
		font-size: 16px;
		color: #212121;
}.PlanningPreview__shoptown {
		font-size: 16px;
}.PlanningPreview__shopaddress {
		font-weight: 300;
		opacity: .8;
}.PlanningPreview__comment {
		padding: 20px;
		color: #898989;
		font-style: italic;
		background-color: #f0f0f0;
		border-bottom: 1px solid #ccc;
}.PlanningPreview__date {
		font-family: MontSerrat;
		font-weight: 600;
		margin-bottom: 20px;
		text-transform: capitalize;
		color: #e94043;
		font-size: 24px;
		text-align: center;
}.PlanningPreview__check {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		padding: 20px;
}.PlanningPreview__check i {
			margin-right: 10px;
}.PlanningPreview__check i.mdi-map-marker-off {
				color: #bbb;
}.PlanningPreview__checkin, .PlanningPreview__checkout {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		padding: 0 20px;
		font-family: MontSerrat;
		font-weight: 600;
		font-size: 32px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
}.PlanningPreview__checkin {
		color: #0a0;
}.PlanningPreview__checkout {
		color: #e94043;
}.PlanningPreview__delete {
		padding: 20px;
		text-align: right;
}.PlanningPreview__hr {
		width: 50%;
		margin: 20px auto;
		border: 0;
		height: 1px;
		background-color: #ccc;
}.Checkins__checkin {
		color: #0a0;
}.Checkins__checkout {
		color: #e94043;
}.Checkins__time, .Checkins__checkin-time, .Checkins__checkout-time {
		font-weight: bold;
		font-family: MontSerrat;
		font-size: 10px;
}.Checkins__time {
		color: #6f6f6f;
}.Checkins__checkin-time {
		color: #0a0;
}.Checkins__checkout-time {
		color: #e94043;
}.Checkins__id, .Checkins__phone, .Checkins__town {
		font-weight: lighter;
		font-size: 10px;
		color: #aaa;
		font-family: MontSerrat;
		white-space: nowrap;
}.Checkins__comment {
		font-style: italic;
		color: #999;
		white-space: pre-wrap;
}.Checkins__present {
		color: #0a0;
}.Checkins__absent {
		color: #e94043;
}.Checkins__noresults {
		text-align: center;
		padding: 44px 0;
		color: #909090;
		font-style: italic;
}.ImportPlanning__start .Button {
			-webkit-align-self: flex-end;
			    -ms-flex-item-align: end;
			        align-self: flex-end;
			margin-left: 20px;
}.ImportPlanning__footer {
		padding: 20px 0 0 0;
		text-align: right;
}/* viewport height - header - help - footer - padding */.ImportPlanning__recap {
		max-height: -webkit-calc(100vh - 209px);
		max-height: -moz-calc(100vh - 209px);
		max-height: calc(100vh - 209px);
		max-width: 90vw;
		overflow: auto;
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		        user-select: none;
}.ImportPlanning__weekday {
		text-align: center;
		font-weight: normal;
}.ImportPlanning__date {
		color: #e94043;
		text-align: center;
		font-size: 12px;
}.ImportPlanning__day {
		border-right: 1px solid #f0f0f0;
		text-align: center;
}.ImportPlanning__planned {
		color: #424242;
		font-weight: bolder;
}.ImportPlanning__status {
		position: sticky;
		left: 0;
		width: 32px;
		background-color: #f5f5f5;
}.ImportPlanning__shop {
		position: sticky;
		left: 38px;
		background-color: #f5f5f5;
}.ImportPlanning__status-header {
		background-color: #f5f5f5;
		position: sticky;
		top: 0;
		left: 0;
		box-shadow: 0 1px #d0d0d0;
		z-index: 20;
}.ImportPlanning__shop-header {
		background-color: #f5f5f5;
		box-shadow: 0 1px #d0d0d0;

		position: sticky;
		top: 0;
		left: 38px;
		z-index: 20;
}.ImportPlanning__date-header {
		position: sticky;
		top: 0;
		background-color: #fff;
		box-shadow: 0 1px #d0d0d0;
}.AddSpeaker__warning {
		margin: 12px 0;
		padding: 12px;
		border-radius: 4px;
		background-color: #fdf8e5;
		border: 1px solid  #fc0;
		color: #d07a0f;
		font-size: 12px;
}.EditSurvey {
	display: block;
}.EditSurvey__layout {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		   -moz-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
}.EditSurvey__layout .SurveyPage {
			padding-right: 300px;
			-moz-box-sizing: content-box;
			     box-sizing: content-box;
}.EditSurvey__center {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		max-width: 840px;
		margin: 0 auto;
		padding-left: 200px;
		padding-right: 350px;
		-moz-box-sizing: content-box;
		     box-sizing: content-box;
}.EditSurvey__name {
		margin: 0 20px 20px 20px;
}.EditSurvey__name input {
			font-size: 24px;
}.SurveyBlockList {
	background-color: #f5f5f5;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	padding: 12px;
	width: 200px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	/* position: sticky */
	position: fixed;
	top: 160px;
	left: 100px;
	bottom: 24px;

	-webkit-align-self: flex-start;

	    -ms-flex-item-align: start;

	        align-self: flex-start;

	overflow-y: auto;
	overflow-x: hidden;
}.SurveyBlockList__block {
		padding: 10px;
		cursor: pointer;
		border-radius: 3px;
		position: relative;
}.SurveyBlockList__block i {
			margin-right: 10px;
			color: #bbb;
}.SurveyBlockList__block:hover {
			background-color: #f0f0f0;
}.SurveyBlockList__block button {
			position: absolute;
			right: 5px;
			top: 5px;
}.SurveyBlockSettings {
	background-color: #f5f5f5;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	padding: 12px;
	width: 350px;
	/* position: sticky */
	top: 160px;
	position: fixed;
	top: 160px;
	right: 24px;
	bottom: 24px;
	/* align-self: flex-start */
	/* max-height: calc(100vh - 160px) */
	overflow-y: auto;
	overflow-x: hidden;
}.SurveyBlockSettings__delete {
		padding: 20px 0 0 0;
		text-align: right;
}.SurveyBlockSettings__readonly {
		margin: 12px 0;
		padding: 12px;
		border-radius: 4px;
		background-color: #fdf8e5;
		border: 1px solid  #fc0;
		color: #d07a0f;
		font-size: 12px;
}.SurveyPreview {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin: 0 20px;
	background-color: #f0f0f0;
	max-width: 840px;
}.SurveyPreview__footer {
		padding: 12px;
		background-color: #e94043;
		border-radius: 0 0 4px 4px;
		border: 1px solid #000000;
		border: 1px solid rgba(0, 0, 0, .1);
		border-top: 0;
}.SurveyPreview__footer img {
			display: block;
			margin: 0 auto;
			width: 64px;
}.SurveyPreview__logo {
		background-color: #fff;
		padding: 44px 0;
		border: 1px solid #000000;
		border: 1px solid rgba(0, 0, 0, .1);
}.SurveyPreview__logo img {
			display: block;
			margin: 0 auto;
			max-height: 30vh;
			max-width: 100%;
}.SurveyPreview__title {
		text-align: center;
		color: #424242;
}.SurveyPreview__close {
		position: fixed;
		top: 12px;
		right: 12px;
}.SurveyPreview__modal .SurveyPreview {
		margin: 0 auto;
		padding: 44px;
}@media (max-width: 640px) {.SurveyPreview__modal .SurveyPreview {
			padding: 4px;
	}
}.SurveyPreview__modal {
		display: block;
}.SurveyPreview__modal .Modal__inner {
			overflow: auto;
			height: 100%;
			padding: 44px;
			position: relative;
			z-index: 2;
			background-color: #f0f0f0;
}@media (max-width: 640px) {.SurveyPreview__modal .Modal__inner {
				padding: 0;
	}
}.SurveyPreview__modal .Modal__overlay {
			display: none;
}.SurveyDesign {
	position: sticky;
	top: 174px;
}.SurveyBlock {
	background-color: #fff;
	padding: 32px 20px;
	border: 1px solid #000000;
	border: 1px solid rgba(0, 0, 0, .1);
	min-height: 160px;
	position: relative;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-animation: survey-block-in .3s ease-in-out;
	   -moz-animation: survey-block-in .3s ease-in-out;
	        animation: survey-block-in .3s ease-in-out;
	cursor: pointer;
	margin-top: -1px;
}.SurveyBlock.selected {
		z-index: 1;
		border: 1px solid #e94043;
		background-color: #f0f0f0;
}.live .SurveyBlock {
		opacity: .3;
		pointer-events: none;
}.live .SurveyBlock.current {
		opacity: 1;
		pointer-events: auto;
}.editing .SurveyBlock:hover {
		border: 1px solid #e94043;
		z-index: 1;
}.SurveyBlock__empty {
		border: 3px dashed #e94043;
		padding: 100px 0;
		background-color: #fff;
		color: #e94043;
		text-align: center;
		font-weight: bolder;
		text-transform: uppercase;
		font-size: 16px;
}.SurveyBlock__drop {
		position: absolute;
		left: 0;
		right: 0;
		z-index: 2;
}.SurveyBlock__drop.top {
			top: 0;
			bottom: 50%;
}.SurveyBlock__drop.top:hover {
				top: -50px;
}.SurveyBlock__drop.top:hover ~ .SurveyBlock {
				margin-top: 50px;
}.SurveyBlock__drop.bottom {
			bottom: 0;
			top: 50%;
}.SurveyBlock__drop.bottom:hover {
				bottom: -50px;
}.SurveyBlock__drop.bottom:hover ~ .SurveyBlock {
				margin-bottom: 50px;
}.SurveyBlock__outer {
		position: relative;
		background-color: #f0f0f0;
}.SurveyBlock__outer:first-child .up {
		visibility: hidden;
		pointer-events: none;
}.SurveyBlock__outer:last-child .down {
		visibility: hidden;
		pointer-events: none;
}.SurveyBlock__sort {
		position: absolute;
		z-index: 2;
		right: 12px;
		top: 12px;
}.SurveyBlock__required {
		position: absolute;
		top: 8px;
		left: 8px;
		color: #e94043;
}.SurveyBlock__title {
		margin: 0 0 20px 0;
}.SurveyBlock__title small {
			color: #bbb;
			display: inline-block;
			margin-right: 10px;
			width: 20px;
}.SurveyBlock__help {
		margin-left: 30px;
		color: #aaa;
		font-size: 12px;
		margin-bottom: 20px;
		white-space: pre-wrap;
}.SurveyBlock__footer {
		position: relative;
		padding: 12px 0 0 0;
		text-align: right;
		z-index: 1;
}.SurveyBlock__footer .Button {
			margin-left: 20px;
}@media (max-width: 640px) {.SurveyBlock__footer {
			padding: 44px 0 0 0;
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-justify-content: space-around;
			    -ms-flex-pack: distribute;
			        justify-content: space-around;
	}

			.SurveyBlock__footer .Button {
				margin: 0;
	}
}.SurveyBlock__error {
		background-color: #efdddd;
		border: 1px solid #e94043;
		padding: 12px;
		margin: 12px 0 12px 0;
		list-style: none;
		color: #e94043;
		border-radius: 4px;
		box-shadow: 0 1px 2px rgba(255, 0, 0, .2);
}@-webkit-keyframes survey-block-in {
	from {
		opacity: 0;
		background-color: #e94043;
	}
	to {
		opacity: 1;
		background-color: #fff;
	}
}@-moz-keyframes survey-block-in {
	from {
		opacity: 0;
		background-color: #e94043;
	}
	to {
		opacity: 1;
		background-color: #fff;
	}
}@keyframes survey-block-in {
	from {
		opacity: 0;
		background-color: #e94043;
	}
	to {
		opacity: 1;
		background-color: #fff;
	}
}.DraggingBlock {
	position: fixed;
	padding: 10px;
	background-color: #f0f0f0;
	color: #212121;
	border-radius: 3px;
	z-index: 1000;
	margin: 10px 0 0 10px;
	-webkit-transform: rotateZ(-5deg);
	   -moz-transform: rotateZ(-5deg);
	    -ms-transform: rotate(-5deg);
	        transform: rotateZ(-5deg);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}.BlockOpinion__items {
		list-style: none;
		margin: 0;
		padding: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		background-color: #e94043;
		background-color: rgba(233, 64, 67, .05);
		font-family: MontSerrat;
		font-weight: bolder;
		font-size: 16px;
		color: #e94043;
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		        user-select: none;
}@media (max-width: 640px) {.BlockOpinion__items {
			font-size: 10px;
	}
}.BlockOpinion__items li {
			-webkit-box-flex: 1;
			-webkit-flex: 1;
			   -moz-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			padding: 10px;
			border-right: 1px solid #e94043;
			border-top: 1px solid #e94043;
			border-bottom: 1px solid #e94043;
			height: 48px;
			line-height: 28px;
			text-align: center;
}@media (max-width: 640px) {.BlockOpinion__items li {
				padding: 10px 4px;
	}
}.BlockOpinion__items li.selected {
				background-color: #e94043;
				color: #fff;
}.BlockOpinion__items li:hover {
				background-color: #e94043;
				background-color: rgba(233, 64, 67, .3);
}.BlockOpinion__items li:first-child {
				border-left: 1px solid #e94043;
				border-radius: 3px 0 0 3px;
}.BlockOpinion__items li:last-child {
				border-radius: 0 3px 3px 0;
}.BlockOpinion__labels {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}.BlockOpinion__label {
		color: #e94043;
		font-weight: bold;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		padding: 5px;
}.BlockOpinion__label.center {
			text-align: center;
}.BlockOpinion__label.right {
			text-align: right;
}@media (max-width: 640px) {.BlockRating {
		padding: 32px 0;
	}
}.BlockRating__items {
		list-style: none;
		margin: 0;
		padding: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		color: #e94043;
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		        user-select: none;
}.BlockRating__items li {
			-webkit-box-flex: 0;
			-webkit-flex: 0 1 48px;
			   -moz-box-flex: 0;
			    -ms-flex: 0 1 48px;
			        flex: 0 1 48px;
			text-align: center;
}@media (max-width: 640px) {
			.BlockRating__items .mdi-36px.mdi:before {
				font-size: 18px;
	}
}.BlockRating__on {
		display: none;
}.BlockRating__items li.selected .BlockRating__on {
		display: block;
}.BlockRating__items li.selected .BlockRating__off {
		display: none;
}.BlockRating__items:hover .BlockRating__on {
		display: block;
}.BlockRating__items:hover .BlockRating__off {
		display: none;
}.BlockRating__items li:hover ~ li .BlockRating__off {
		display: block;
}.BlockRating__items li:hover ~ li .BlockRating__on {
		display: none;
}.SurveyPage {
	min-height: 70vh;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
}.SurveyPage__image {
		display: block;
		max-width: 100%;
		height: auto;
		margin: 0 auto 40px auto;
		max-height: 30vh;
}.SurveyPage__headline {
		color: #676767;
		text-align: center;
		font-size: 40px;
		margin: 0 0 24px 0;
}.SurveyPage__text {
		color: #676767;
		opacity: .75;
		font-size: 18px;
		font-weight: normal;
		margin: 0 0 40px 0;
		white-space: pre-wrap;
}.SurveyPage__button {
		font-size: 16px;
}.SurveyPageSettings {
	width: 300px;
}.SurveyPageSettings .Uploader__button {
		width: 100%;
		text-align: center;
}.SurveyPageSettings__filename {
		white-space: nowrap;
		padding: 10px 0;
		overflow: hidden;
		text-overflow: ellipsis;
}.BlockSign__container {
		display: block;
		background-color: #fff;
		width: 400px;
		height: 300px;
		margin: 0 auto;
		box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
		position: relative;
		background-image: url('/pics/pen.svg');
		background-repeat: no-repeat;
		background-position: 330px 200px;
		background-size: 44px;
}@media (max-width: 640px) {.BlockSign__container {
			width: auto;
	}
}.BlockSign__label {
		text-transform: uppercase;
		font-size: 10px;
		color: #ccc;
		position: absolute;
		z-index: 0;
		bottom: 24px;
		left: 24px;
		right: 24px;
		border-top: 1px solid #ccc;
		padding: 12px 0 0 0;
}.BlockSign__canvas {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 2;
		cursor: crosshair;
}.BlockSign__clear {
		padding: 24px 0 0 0;
		text-align: center;
}.BlockMulti {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}.BlockMulti__item {
		background-color: #fff;
		padding: 12px 24px;
		margin: 12px;
		border-radius: 4px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
		position: relative;
		top: 0;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
}.BlockMulti__item:hover {
			top: -2px;
			box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}.BlockMulti__label {
		white-space: nowrap;
		font-family: MontSerrat;
		color: #878787;
}.BlockMulti__label i {
			margin-right: 12px;
			color: #aaa;
}.BlockMulti__item.checkbox {
		background-color: #e94043;
		color: #fff;
}.BlockMulti__item.checkbox .BlockMulti__label {
		color: #fff;
}.BlockMulti__item.checkbox .BlockMulti__label i {
		color: #fff;
}.BlockMulti__item.radiobox .BlockMulti__label {
		color: #242424;
		font-weight: bold;
}.BlockMulti__item.radiobox .BlockMulti__label i {
		color: #e94043;
}.BlockMatrix .Table {
		background-color: #fff;
		border-radius: 4px;
}.BlockMatrix .Table th {
			text-align: center;
}.BlockMatrix__title {
		color: #999;
		padding: 15px 10px;
		border-bottom: 1px solid #f0f0f0;
		text-align: left;
		font-weight: 600;
		font-family: Montserrat;
		font-size: 8px;
		text-transform: uppercase;
}@media (max-width: 640px) {.BlockMatrix__title {
			text-align: left !important;
	}
}.BlockMatrix__label {
		white-space: nowrap;
		font-family: MontSerrat;
		color: #878787;
		text-align: center;
}@media (max-width: 640px) {.BlockMatrix__label {
			text-align: left;
	}
}.BlockMatrix__label i {
			margin-right: 12px;
			color: #aaa;
}.BlockMatrix__item.checked .BlockMatrix__label {
		color: #242424;
		font-weight: bold;
}.BlockMatrix__item.checked .BlockMatrix__label i {
		color: #e94043;
}.BlockMatrix__weight {
		color: #e94043;
		text-align: center;
		font-size: 10px;
}.BlockMatrix__choice {
		display: none;
}@media (max-width: 640px) {.BlockMatrix__choice {
			display: inline-block;
			vertical-align:	middle;
			position: relative;
			top: -2px;
	}
}.SettingsPictureChoice__item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}.SettingsPictureChoice__item + .SettingsPictureChoice__item {
		margin-top: 24px;
}.SettingsPictureChoice__list {
		margin: 0;
		padding: 0;
		list-style: none;
}.SettingsPictureChoice__frame {
		position: relative;
		margin-right: 12px;
		border-radius: 3px;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}.SettingsPictureChoice__frame:hover .SettingsPictureChoice__upload {
		display: block;
}.SettingsPictureChoice__picture {
		width: 56px;
		height: 36px;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
}.SettingsPictureChoice__upload {
		cursor: pointer;
		display: none;
		position: absolute;
		background-color: #ffffff;
		background-color: rgba(255, 255, 255, .75);
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		background-image: url('/pics/cloud-upload.svg');
		background-position: center center;
		background-repeat: no-repeat;
		border: 1px dashed #aaa;
}.SettingsPictureChoice__upload.show {
			display: block;
}.SettingsPictureChoice__list .Input {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
}.SettingsPictureChoice__list .Input__label {
		display: none;
}.SettingsPictureChoice__add {
		padding: 24px 0 0 0;
		text-align: right;
}.SettingsPictureChoice__remove {
		margin-left: 12px;
}.BlockPictureChoice__list {
		padding: 0;
		margin: 0;
		list-style: none;
}@media (max-width: 640px) {.BlockPictureChoice__list {
			text-align: center;
	}
}.BlockPictureChoice__item {
		display: inline-block;
		vertical-align: top;
}.BlockPictureChoice__inner {
		background-color: #3c3c3c;
		background-color: rgba(60, 60, 60, .05);
		padding: 12px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		border-radius: 4px;
		cursor: pointer;
		border: 2px solid transparent;
		margin: 8px;
}.BlockPictureChoice__inner.selected {
			border: 2px solid #e94043;
			background-color: #efdddd;
}.BlockPictureChoice__inner:hover {
			background-color: #3c3c3c;
			background-color: rgba(60, 60, 60, .2);
}.BlockPictureChoice__picture {
		width: 150px;
		height: 150px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-bottom: 12px;
}.BlockPictureChoice__img {
		display: block;
		max-width: 150px;
		max-height: 150px;
}.BlockPictureChoice__choice {
		font-family: MontSerrat;
		font-size: 12px;
		text-align: left;
}.BlockPictureChoice__choice small {
			display: inline-block;
			background-color: #e94043;
			color: #fff;
			width: 24px;
			height: 24px;
			line-height: 24px;
			font-family: MontSerrat;
			font-size: 12px;
			text-align: center;
			margin-right: 8px;
			border-radius: 4px;
}.YesNo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
	padding: 36px;
}@media (max-width: 640px) {.YesNo {
		padding: 36px 12px;
	}
}.YesNo__choice {
		display: inline-block;
		padding: 12px 44px;
		border: 1px solid #aaa;
		border-radius: 4px;
		font-size: 18px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background-color: #fff;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
}@media (max-width: 640px) {.YesNo__choice {
			padding: 12px 24px;
	}
}.YesNo__choice i {
			margin-right: 8px;
}.YesNo__choice.yes {
			color: #0a0;
			border-color: #0a0;
}.YesNo__choice.no {
			color: #e94043;
			border-color: #e94043;
}.YesNo__choice.yes.selected {
			background-color: #0a0;
			color: #fff;
}.YesNo__choice.no.selected {
			background-color: #e94043;
			color: #fff;
}.BlockTime {
	text-align: center;
}.BlockStatement i {
		color: #6f6f6f;
}.BlockStatement__statement {
		font-size: 24px;
		color: #ccc;
		font-family: Raleway;
		line-height: 1.8;
		font-weight: 600;
}.BlockNumeric__tips {
		padding: 4px;
		text-align: right;
		font-size: 10px;
		color: #6f6f6f;
}.BlockNumeric__tips b {
			color: #e94043;
}.BlockNumeric__tips.good b {
			color: #0a0;
}.BlockFile {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}@media (max-width: 640px) {.BlockFile {
		display: block;
	}
}.BlockFile__offline {
		background-color: #e94043;
		padding: 12px;
		border-radius: 4px;
		width: 100%;
		color: #fff;
		margin: 0 0 12px 0;
		font-size: 12px;
		text-align: center;
}.BlockFile__after {
		text-align: center;
}.BlockFile__upload {
		border: 2px dashed #ccc;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		width: 144px;
		padding: 44px;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		border-radius: 12px;
}.BlockFile__upload.after {
			position: absolute;
			left: 4px;
			right: 4px;
			bottom: 4px;
			top: 4px;
			margin: 0 auto;
			width: auto;
}.BlockFile__upload.has-image {
			-webkit-transition: .3s;
			-moz-transition: .3s;
			transition: .3s;
			opacity: 0;
			background-color: #fff;
}.BlockFile__upload.has-image:hover {
			opacity: 1;
}.BlockFile__upload:hover {
			border-color: #e94043;
}.BlockFile__upload:hover .mdi-cloud-upload {
			color: #e94043;
}.BlockFile__upload .mdi-cloud-upload {
			font-size: 48px;
			color: #ccc;
}@media (max-width: 640px) {.BlockFile__upload {
			display: block;
			margin: 0 auto 20px auto;
	}
}.BlockFile__upload-inner {
		text-align: center;
}.BlockFile__upload-text {
		font-family: MontSerrat;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bolder;
		color: #ccc;
}.BlockFile__list {
		list-style: none;
		padding: 0;
		margin: 0 0 0 44px;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
}.BlockFile__list li {
			font-size: 12px;
			padding: 8px 0;
			border-bottom: 1px solid #f0f0f0;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
}.BlockFile__list li:first-child {
				border-top: 1px solid #f0f0f0;
}.BlockFile__list li button {
			margin-right: 8px;
			position: relative;
			top: 2px;
}@media (max-width: 640px) {.BlockFile__list {
			margin: 0;
	}
}.BlockFile__video {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
}.BlockFile__video video {
			border-radius: 4px;
			box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
			display: block;
			width: 100%;
			margin: 0 auto;
			background-color: #424242;
}.BlockFile__video .CleanButton {
			padding: 8px 0;
}.BlockFile__images {
		list-style: none;
		padding: 0;
		margin: 0 0 0 44px;
}@media (max-width: 640px) {.BlockFile__images {
			margin: 0;
	}
}.BlockFile__after .BlockFile__image {
		min-width: 176px;
		min-height: 150px;
		display: inline-block;
}.BlockFile__image {
		display: inline-block;
		padding: 12px;
		background-color: #fff;
		margin: 0 12px 12px 12px;
		border: 1px solid #f0f0f0;
		border-radius: 4px;
		position: relative;
}@media (max-width: 640px) {.BlockFile__image {
			margin: 0 auto 12px auto;
			width: 176px;
			display: block;
	}
}.BlockFile__image-inner {
		width: 150px;
		height: 150px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		overflow: hidden;
}.BlockFile__image-inner img {
			display: block;
			max-width: 150px;
			max-height: 150px;
			border-radius: 4px;
}.BlockFile__image-text {
		max-width: 150px;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 12px;
		font-family: MontSerrat;
		white-space: nowrap;
		padding: 12px 0 0 0;
}.BlockFile__image-button {
		position: absolute;
		background-color: #000000;
		background-color: rgba(0, 0, 0, .5);
		color: #fff;
		border: 2px solid #fff;
		border-radius: 32px;
		padding: 5px;
		top: 8px;
		right: 8px;
		width: 34px;
		height: 34px;
}.SurveyGoto {
	margin-top: 24px;
	padding: 12px;
	background-color: #f0f0f0;
	border-radius: 4px;
}.SurveyGoto__goto {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 8px 0;
}.SurveyGoto__goto:not(:last-child) {
			border-bottom: 1px solid #e0e0e0;
}.SurveyGoto__label {
		color: #323232;
		font-family: MontSerrat;
		font-size: 10px;
		font-weight: bold;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
}.Table td.ReportTable__simple {
		color: #808080;
		font-weight: normal;
		font-size: 12px;
		white-space: pre-wrap;
		max-width: 300px;
}.Reporting__prediction {
		background-color: #fff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		border-radius: 4px;
		padding: 12px;
		display: inline-block;
		color: #676767;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin-bottom: 12px;
}.Reporting__prediction div:first-child {
			margin-right: 12px;
}.Reporting__prediction b {
			color: #e94043;
}.Reporting__export {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}.Reporting__export-button {
		border: 0;
		background-color: #fff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		border-radius: 4px;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		max-width: 20%;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		cursor: pointer;
}.Reporting__export-button:hover {
			background-color: #e94043;
}.Reporting__export-button:hover i {
				color: #fff;
}.Reporting__export-button:hover b {
				color: #fff;
}.Reporting__export-button i {
			display: block;
			font-size: 96px;
			color: #ccc;
}.Reporting__export-button b {
			display: block;
			color: #e94043;
			padding: 12px 0;
			font-weight: 100;
			font-size: 18px;
			text-transform: uppercase;
}.Reporting__filters {
		background-color: #f9f9f9;
		border-bottom: 1px solid #e0e0e0;
		padding: 12px;
		position: relative;
		z-index: 4;
}.Reporting__search {
		width: 240px;
}.StatsBlock {
	background-color: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
	border-radius: 4px;
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}.StatsBlock__novalue {
		padding: 40px 0 0 0;
		text-align: center;
		font-style: italic;
		color: #aaa;
}.StatsBlock__title {
		position: relative;
		padding: 12px 0 0 72px;
		font-family: MontSerrat;
		color: #676767;
}.StatsBlock__title i {
			color: #e94043;
			margin-right: 4px;
			background-color: #fff;
			border-radius: 4px;
			padding: 12px;
			box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
			position: absolute;
			top: -8px;
			left: 12px;
			z-index: 1;
}.StatsBlock__footer {
		padding: 12px 0;
		margin: 12px 12px 0 12px;
		border-top: 1px solid #f0f0f0;
		color: #aaa;
}.StatsBlock__inner-title {
		font-family: MontSerrat;
		color: #676767;
		padding: 12px 12px 0 12px;
}.SimpleStats {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	height: 100%;
	width: 100%;
	overflow: hidden;
}.SimpleStats .Cloud {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		width: 100%;
		height: 100%;
}.YesNoStats {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
}.YesNoStats__yes, .YesNoStats__no {
		color: #fff;
		padding: 12px;
		border-radius: 4px;
		font-size: 24px;
		font-weight: 100;
		color: #ffffff;
		color: rgba(255, 255, 255, .8);
}.YesNoStats__yes i, .YesNoStats__no i {
			margin-right: 12px;
			color: #fff;
}.YesNoStats__yes {
		background-color: #0a0;
		box-shadow: 0 4px 12px rgba(0, 170, 0, .2), 0 0 0 1px rgba(0, 170, 0, .2);
}.YesNoStats__no {
		background-color: #e94043;
		box-shadow: 0 4px 12px rgba(233, 64, 67, .2), 0 0 0 1px rgba(233, 64, 67, .2);
}.OpinionStats {
	position: relative;
	padding: 0 12px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}.OpinionStats__chart {
		background-color: #fff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		position: absolute;
		top: -8px;
		bottom: 0;
		right: 12px;
		left: 12px;
		border-radius: 4px;
		padding: 24px 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}.OpinionStats__chart .recharts-wrapper {
			margin: 0 auto;
}.MatrixStats,
.MultiStats {
	position: relative;
	padding: 0 12px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}.MatrixStats__chart, .MultiStats__chart {
		background-color: #fff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		position: absolute;
		top: -8px;
		bottom: 0;
		right: 12px;
		left: 12px;
		border-radius: 4px;
		padding: 24px 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}.MatrixStats__chart .recharts-wrapper, .MultiStats__chart .recharts-wrapper {
			margin: 0 auto;
}th.MatrixStats__title {
		color: #e94043;
		text-align: right;
		border-right: 1px solid #f0f0f0;
		padding: 4px;
}.Table tbody td.MatrixStats__choice {
		color: #323232;
		cursor: pointer;
}.Table tbody td.MatrixStats__choice:hover {
			background-color: #f0f0f0;
}.MatrixStats td {
		padding: 8px 4px;
}table.Table tr td.MatrixStats__selectedRow {
		background-color: #f0f0f0;
		color: #323232;
}.MatrixStats__rowname {
		font-weight: normal;
		color: #909090;
}.DropListStats {
	position: relative;
	padding: 0 12px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}.DropListStats__chart {
		background-color: #fff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		position: absolute;
		top: -8px;
		bottom: 0;
		right: 12px;
		left: 12px;
		border-radius: 4px;
		padding: 24px 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}.DropListStats__chart .recharts-wrapper {
			margin: 0 auto;
}.RatingStats {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}.RatingStats__chart {
		position: absolute;
		top: -8px;
		bottom: 0;
		right: 12px;
		left: 12px;
		border-radius: 4px;
		background-color: #fff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}.RatingStats__container {
		height: 114px;
		position: relative;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
}.RatingStats__container i {
			font-size: 128px;
}.RatingStats__background, .RatingStats__fill {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		white-space: nowrap;
}.RatingStats__background i, .RatingStats__fill i {
			position: absolute;
			bottom: -22px;
			right: 0;
			left: 0;
}.RatingStats__background {
		z-index: 2;
		height: 100%;
		color: #676767;
}.RatingStats__background i {
			color: #fff;
			text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
}.RatingStats__fill {
		overflow: hidden;
		color: #FFBB28;
		z-index: 3;
}.NumericStats {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 30px;
	height: 100%;
	color: #e94043;
	font-weight: 100;
}.NumericStats small {
		color: #aaa;
		font-family: MontSerrat;
		font-size: 12px;
		font-weight: bold;
		display: block;
}.FileStats {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	   -moz-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 48px;
	height: 100%;
	color: #e94043;
	font-weight: 100;
	padding: 0 24px 0 0;
}.VideoStats {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 0 12px;
}.VideoStats__inner {
		padding: 56.25% 0 0 0;
		position: relative;
		top: -8px;
		border-radius: 4px;
		background-color: #000000;
		background-color: rgba(0, 0, 0, .5);
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		overflow: hidden;
}.VideoStats iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}.VideoStats__footer {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}.VideoStats__button {
		outline: 0;
		border: 0;
		cursor: pointer;
		position: absolute;
		z-index: 3;
		background-color: #fff;
		color: #424242;
		margin-right: 4px;
		background-color: #fff;
		border-radius: 4px;
		padding: 12px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		top: 50%;
}.VideoStats__button.prev {
			left: -12px;
}.VideoStats__button.next {
			right: -12px;
}.VideoStats__button:hover {
			color: #e94043;
}.VideoStats__button:disabled {
			display: none;
}.ImageStats {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}.ImageStats__label {
		position: absolute;
		bottom: 4px;
		left: 4px;
		margin: 0 auto;
		display: block;
		background-color: #000000;
		background-color: rgba(0, 0, 0, .5);
		color: #fff;
		font-size: 9px;
		padding: 4px 8px;
		border-radius: 16px;
		text-transform: uppercase;
}.ImageStats__inner {
		position: absolute;
		bottom: 0;
		left: 12px;
		right: 12px;
		top: -8px;
		border-radius: 4px;
		background-color: #fff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		overflow: hidden;
}.ImageStats__image {
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
		background-color: #f0f0f0;
}.ImageStats__image.after {
			border-left: 1px solid #e94043;
}.ImageStats__infos {
		padding: 8px 0 0 0;
		text-align: center;
		color: #878787;
}.ImageStats__infos b {
			color: #424242;
			margin-right: 4px;
			color: #e94043;
}.ImageStats__infos small {
			display: block;
}.PictureChoiceStats {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 0 12px;
}.PictureChoiceStats__inner {
		position: absolute;
		top: -8px;
		bottom: 0;
		left: 12px;
		right: 12px;
		border-radius: 4px;
		background-color: #fff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		overflow: hidden;
}.PictureChoiceStats__image {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
}.ReportItem {
	background-color: #fff;
	padding: 12px;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
	margin-bottom: 24px;
	position: relative;
}.ReportItem.show-details {
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px #e94043;
}.ReportItem__details {
		padding: 12px 0 0 0;
}.ReportItem__container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
}.ReportItem__header {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}.ReportItem__title {
		color: #e94043;
		font-weight: 600;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
}.ReportItem__table {
		height: 40vh;
		border-radius: 4px;
		border: 1px solid #d0d0d0;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		overflow: auto;
}.ReportItem__table .answer span {
			margin-left: 4px;
}.ReportItem__chart {
		height: 40vh;
		min-width: 30vw;
		margin-right: 12px;
}.ReportItem__link {
		text-decoration: none;
		color: inherit;
}.ReportItem__link:hover {
			text-decoration: underline;
}.ReportItem__img {
		display: inline-block;
		padding: 4px;
}.ReportItem__img img {
			border-radius: 4px;
			box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
			height: 48px;
			width: auto;
			display: block;
			position: relative;
			-webkit-transition: .3s ease-in-out;
			-moz-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
			top: 0;
}.ReportItem__img img:hover {
				top: -2px;
				box-shadow:  0 0 0 rgba(0, 0, 0, .1);
}.ReportItem__modal .Modal__inner {
		z-index: 1;
}.ReportItem__modal img {
		border-radius: 4px;
		max-width: 98vw;
		max-height: 98vh;
}.ReportItem__header.show-details td {
		border-bottom: 0;
}.Table tr.ReportItem__details > td {
		background-color: #fff;
		padding: 12px;
}.ReportItem__details .Table,
	.ReportItem__details .Table tr td {
		background-color: #fff;
}.ReportItem__details .Table thead tr th {
		background-color: #fff;
		box-shadow: 0 1px 0 #f0f0f0;
		position: sticky;
		top: 0;
}.Answers {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}.Answers__table {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		padding-right: 847px;
}.Answers__save {
		padding: 0 12px 12px 12px;
		text-align: right;
}.Answers__survey {
		position: fixed;
		top: 176px;
		bottom: 0;
		right: 24px;
		border-radius: 4px 4px 0 0;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		padding: 12px;
		background-color: #fff;
		width: 869px;
		max-width: 50vw;
}.Answers__survey .SurveyPreview {
			margin: 0;
			width: -webkit-calc(100% - 39px);
			width: -moz-calc(100% - 39px);
			width: calc(100% - 39px);
			overflow-y: auto;
			position: absolute;
			top: 56px;
			bottom: 12px;
			border-top: 1px solid rgba(0, 0, 0, .1);
}.Answers__nodata {
		font-family: MontSerrat;
		font-weight: bolder;
		font-size: 36px;
		text-align: center;
		color: #aaa;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}.SurveyPhotos__list {
		margin: 0 -11px;
}.SurveyPhotos__item {
		display: inline-block;
		padding: 12px;
		width: 25%;
}.SurveyPhotos__after .SurveyPhotos__preview {
		display: inline-block;
		vertical-align: bottom;
		width: 50%;
}.SurveyPhotos__after .SurveyPhotos__preview.before {
			border-radius: 4px 0 0 0;
}.SurveyPhotos__after .SurveyPhotos__preview.after {
			border-radius: 0 4px 0 0;
			border-left: 2px solid #e94043;
}.SurveyPhotos__label {
		position: absolute;
		bottom: 4px;
		left: 4px;
		margin: 0 auto;
		display: block;
		background-color: #000000;
		background-color: rgba(0, 0, 0, .5);
		color: #fff;
		font-size: 9px;
		padding: 4px 8px;
		border-radius: 16px;
		text-transform: uppercase;
}.SurveyPhotos__inner {
		border-radius: 4px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		cursor: pointer;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
}.SurveyPhotos__inner:hover {
			box-shadow: 0 0 0 rgba(0, 0, 0, .1), 0 0 1px 1px #e94043;
}.SurveyPhotos__preview {
		display: block;
		position: relative;
		border-radius: 4px 4px 0 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		background-color: #626262;
		padding: 0 0 56.25%;
		overflow: hidden;
}.SurveyPhotos__preview iframe {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			pointer-events: none;
}.SurveyPhotos__footer {
		background-color: #fff;
		border-radius: 0 0 4px 4px;
		padding: 12px;
		text-align: left;
}.SurveyPhotos__shop-name {
		color: #e94043;
		font-weight: bolder;
}.SurveyPhotos__shop-town {
		color: #676767;
		font-size: 12px;
}.SurveyPhotos__shop-date {
		color: #888;
		font-size: 10px;
}.SurveyPhotos__filters {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		padding: 12px;
		background-color: #fff;
		border-radius: 4px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
}.SurveyPhotos__filters .Select {
			margin-right: 12px;
}.Viewer__image {
		height: 90vh;
		width: 90vw;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
}.Viewer__video {
		height: 90vh;
		width: 90vw;
}.Viewer__video iframe {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
}.Viewer__button {
		outline: 0;
		border: 0;
		cursor: pointer;
		position: absolute;
		z-index: 3;
		background-color: #fff;
		color: #424242;
		margin-right: 4px;
		background-color: #fff;
		border-radius: 4px;
		padding: 12px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		top: 50%;
}.Viewer__button.prev {
			left: -32px;
}.Viewer__button.next {
			right: -32px;
}.Viewer__button:hover {
			color: #e94043;
}.Viewer__button:disabled {
			display: none;
}.Viewer__close {
		position: absolute;
		top: -32px;
		right: -32px;
		border-radius: 64px;
}.Viewer__footer {
		background-color: #fff;
		border-radius: 4px;
		position: absolute;
		padding: 12px 24px;
		bottom: -2.5vh;
		left: -2.5vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}.Viewer__infos {
		padding-right: 64px;
}.Viewer__tools {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}.Viewer__tools.loading {
			opacity: .1;
}.Viewer__tools button, .Viewer__tools a {
			margin-left: 12px;
}.recharts-legend-item-text,
.recharts-text {
	font-family: MontSerrat;
	font-size: 10px;
}/*.recharts-cartesian-axis-tick-value */.Ranking__item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 12px;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
}.Ranking__item.down {
			-webkit-transform: translateY(-100%);
			   -moz-transform: translateY(-100%);
			    -ms-transform: translateY(-100%);
			        transform: translateY(-100%);
			-webkit-transition: .5s ease-in-out;
			-moz-transition: .5s ease-in-out;
			transition: .5s ease-in-out;
}.Ranking__item.up {
			-webkit-transform: translateY(100%);
			   -moz-transform: translateY(100%);
			    -ms-transform: translateY(100%);
			        transform: translateY(100%);
			-webkit-transition: .5s ease-in-out;
			-moz-transition: .5s ease-in-out;
			transition: .5s ease-in-out;
}.Ranking__item:not(:last-child) {
			border-bottom: 1px solid #f0f0f0;
}.Ranking__rank {
		color: #e94043;
		font-weight: bolder;
		font-size: 20px;
		font-family: Montserrat;
		width: 20px;
		text-align: center;
}.Ranking__choice {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		padding: 0 12px;
}.Ranking__sort {
		width: 40px;
		text-align: center;
}.SpeakerFilter {
	position: relative;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}.SpeakerFilter__overlay {
		position: fixed;
		background-color: #000000;
		background-color: rgba(0, 0, 0, .2);
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: 1;
}.SpeakerFilter__list {
		position: absolute;
		background-color: #fff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
		border-radius: 4px;
		margin: 8px 0 0 0;
		top: 100%;
		z-index: 2;
}.SpeakerFilter__tools {
		border-bottom: 1px solid #d0d0d0;
		padding: 12px;
		font-size: 12px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}.SpeakerFilter__action {
		color: #a0a0a0;
		cursor: pointer;
		white-space: nowrap;
}.SpeakerFilter__action:first-child {
			margin-right: 24px;
}.SpeakerFilter__action:hover {
			color: #e94043;
}.SpeakerFilter ul {
		list-style: none;
		margin: 0;
		padding: 0;
		max-height: 50vh;
		overflow: auto;
}.SpeakerFilter li {
		padding: 12px 24px 12px 12px;
		white-space: nowrap;
		cursor: pointer;
}.SpeakerFilter li:hover {
			background-color: #f0f0f0;
}.SpeakerFilter li:not(:last-child) {
			border-bottom: 1px solid #f0f0f0;
}.SpeakerFilter i {
		margin-right: 4px;
}.SpeakerFilter .mdi-checkbox-intermediate {
		color: #e94043;
}.SpeakerFilter .mdi-checkbox-blank-outline {
		color: #aaa;
}.SpeakerFilter__fname {
		text-transform: capitalize;
}.SpeakerFilter__name {
		text-transform: uppercase;
}.MissionDetails {
	width: 400px;
}.MissionDetails__fee {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #f0f0f0;
}.MissionDetails__line {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		   -moz-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
}.MissionDetails__title {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		margin-top: 10px;
}.MissionDetails__name {
		font-family: MontSerrat;
		font-size: 12px;
		font-weight: bold;
		color: #6f6f6f;
}.MissionDetails__comment {
		color: #aaa;
		font-size: 11px;
		font-style: italic;
		font-family: MontSerrat;
}.MissionDetails__amount {
		width: 70px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}.MissionDetails__amount small {
			margin-left: 5px;
}.MissionDetails__amount input {
			text-align: right;
			padding: 10px 5px 10px 0;
}.MissionDetails__add-comment {
		display: none;
}.MissionDetails__add-comment.show {
			display: block;
}.MissionDetails__fee:hover .MissionDetails__tools {
		opacity: 1;
}.MissionDetails__tools {
		text-align: right;
		margin: 10px 10px 0 0;
		opacity: 0;
		-webkit-transition: .3s ease-out;
		-moz-transition: .3s ease-out;
		transition: .3s ease-out;
}.MissionDetails__tools .IconButton {
			margin-left: 10px;
}.MissionDetails__total {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		text-align: right;
		color: #aaa;
		font-size: 12px;
}.MissionDetails__total-label {
			-webkit-box-flex: 1;
			-webkit-flex: 1;
			   -moz-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			margin-right: 10px;
}.MissionDetails__total b {
			color: #e94043;
			font-size: 16px;
}.MissionDetails__total small {
			color: #6f6f6f;
}.MissionDetails__files {
		list-style: none;
		padding: 0;
		margin: 10px 0 0 10px;
		font-size: 12px;
}.MissionDetails__files li {
			margin-bottom: 5px;
}.MissionDetails__files a {
			text-decoration: none;
			color: #6f6f6f;
}.MissionDetails__files a:hover {
				color: #e94043;
}.MissionDetails__days {
		list-style: none;
		padding: 0;
		margin: 0;
}.workday .MissionDetails__date {
		color: #e94043;
}.training .MissionDetails__date {
		color: #6995e6;
}.MissionDetails__date {
		text-align: center;
		font-family: MontSerrat;
		font-weight: bold;
		font-size: 20px;
		width: 70px;
}.MissionDetails__date:after {
			content: attr(data-day);
			display: block;
			color: #8b8b8b;
			font-weight: 100;
			font-size: 10px;
}@media (max-width: 640px) {
				td.MissionDetails__date:after {
					display: inline-block;
					margin-left: 4px;
	}
}.MissionDetails__presence.present {
		color: #0a0;
}.MissionDetails__presence.sunday {
		color: #ff9800;
}.MissionDetails__presence.holiday {
		color: #a900fd;
}.MissionDetails__presence.absent {
		color: #e94043;
}.Missions__hours {
		text-align: center;
		font-family: MontSerrat;
		font-weight: bold;
		font-size: 12px;
		color: #6f6f6f;
}.Missions__total {
		text-align: right;
		font-family: MontSerrat;
		font-size: 12px;
		color: #6f6f6f;
}.Missions__export-button {
		border-radius: 32px;
		padding: 2px;
		width: 22px;
		height: 22px;
}.Missions__export {
		background-color: #f9f9f9;
}.Missions__export .Missions__export-button {
		background-color: #e94043;
		color: #fff;
}.Rates {
	width: 325px;
	margin: 0 auto;
}.Rates .Tabs {
		margin-bottom: 20px;
}.Rates .PeriodPicker {
		margin-bottom: 12px;
}.Contracts__nodata {
		text-align: center;
		padding: 24px 0;
		color: #aaa;
		font-style: italic;
}.Contracts__mail {
		color: #eee;
}.Contracts__mail.ok {
			color: #0a0;
}.Shops__list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
}.Shops__token {
		background-color: #fff;
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
		padding: 12px;
		width: 16.5%;
		margin: 10px;
		font-size: 10px;
		font-family: MontSerrat;
		font-weight: bold;
		color: #6f6f6f;
		cursor: pointer;
		text-decoration: none;
		display: block;
}.Shops__token:hover {
			color: #fff;
			background-color: #e94043;
}.Staff .Login {
	background-image: url('/pics/login-bg.jpg');
}@media (max-width: 640px) {
	.Staff .Main {
		left: 0;
	}
}.Staff__hamburger {
		position: fixed;
		background-color: #e94043;
		z-index: 100;
		color: #fff;
		border-radius: 36px;
		padding: 4px;
		left: 10px;
		bottom: 10px;
		width: 47px;
		text-align: center;
}.Staff__hamburger ~ .Nav {
		-webkit-transform: translateX(-300px);
		   -moz-transform: translateX(-300px);
		    -ms-transform: translateX(-300px);
		        transform: translateX(-300px);
}.Staff__hamburger.mobileShowMenu ~ .Nav {
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		        transform: none;
		width: 200px;
}.StaffHeader {
	position: sticky;
	top: 0px;
	z-index: 5;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}/* Dirty chrome bug */@media (max-width: 640px) {
		.StaffHeader .UserWidget {
			right: 10px;
			bottom: 5px;
	}
}.StaffHeader__actions {
		background-color: #fff;
		padding: 12px;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		   -moz-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}.StaffHeader__actions .Button {
			margin-left: 20px;
}.StaffHeader__title {
		background-color: #333540;
		padding: 20px;
		position: relative;
}@media (max-width: 640px) {.StaffHeader__title {
			padding: 10px 10px 30px 10px;
	}
}.offline .StaffHeader__title {
			background-color: #888;
}.offline .StaffHeader__title h1:after {
			content: 'hors-ligne';
			text-transform: lowercase;
			font-size: 10px;
			font-family: Montserrat;
			font-weight: bolder;
			position: absolute;
			right: 40px;
			top: 12px;
			background-color: #e94043;
			padding: 4px 12px;
			border-radius: 4px;
}.StaffHeader__title h1 {
			font-size: 24px;
			font-weight: 100;
			font-family: Montserrat;
			color: #fff;
			text-transform: uppercase;
			display: inline-block;
			border-bottom: 1px solid #e94043;
			margin: 0;
			padding: 0;
}@media (max-width: 640px) {
			.StaffHeader__title h1 {
				font-size: 18px;
				white-space: nowrap;
	}
}.MyDay {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px;
}.MyDay ~ .MyDay {
		border-top: 1px solid #d0d0d0;
		padding-top: 40px;
}@media (max-width: 640px) {.MyDay {
		display: block;
	}
}.MyDay__map {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		overflow: hidden;
		border-radius: 6px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}@media (max-width: 640px) {.MyDay__map {
			width: 100%;
			height: 240px;
	}
}.MyDay__nocheckin {
		padding: 10px 0;
		color: #e94043;
}.MyDay__checkin {
		padding: 10px;
		color: #6f6f6f;
		font-size: 14px;
}.MyDay__checkin b {
			color: #0a0;
}.MyDay__checkin.checkout b {
			color: #e94043;
}.MyDay__training {
		text-align: center;
		color: #999;
}.MySurveys__filters {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		   -moz-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		margin-bottom: 20px;
}.MySurveys__filters .PeriodPicker {
			margin-right: 12px;
}@media (max-width: 640px) {
		.MySurveys__filters {
			display: block;
			text-align: right;
	}

		.MySurveys .Button {
			margin-top: 8px;
			margin-right: 12px;
	}
}.MySurveys__none {
		padding: 24px;
		color: #aaa;
		font-style: italic;
}.MySurveys__date {
		text-transform: capitalize;
}.MySurveys__soon {
		color: #aaa;
		font-size: 10px;
		font-family: Montserrat;
}.MySurveys__completed {
		color: #0a0;
}.VideoList__text {
		background-color: #fff;
		border-radius: 4px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
		max-width: 1420px;
		margin: 0 auto;
		padding: 20px;
		font-size: 16px;
}.VideoList__list {
		max-width: 1420px;
		margin: 20px auto 0 auto;
}.VideoList__item {
		margin: 12px;
		display: inline-block;
		vertical-align: top;
}.VideoList__video {
		width: 320px;
		height: 180px;
		background-color: #333540;
		border-radius: 4px 4px 0 0;
		overflow: hidden;
}.VideoList__video iframe {
			width: 100%;
			height: 100%;
			display: block;
}.VideoList__info {
		padding: 12px;
		background-color: #fff;
		border-radius: 0 0 4px 4px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
		position: relative;
}.VideoList__name {
		color: #e94043;
		font-weight: bold;
		height: 16px;
}.VideoList__contact {
		font-size: 12px;
		color: #878787;
		height: 14px;
}.VideoList__address {
		font-weight: bold;
		color: #424242;
		font-size: 12px;
		margin: 4px 0;
		height: 14px;
}.VideoList__status {
		border-radius: 4px;
		padding: 2px 6px;
		position: absolute;
		text-transform: lowercase;
		top: 12px;
		right: 12px;
		font-size: 10px;
		font-family: MontSerrat;
		font-weight: bold;
		color: #fff;
}.VideoList__status.new {
			background-color: #c0f;
}.VideoList__status.granted {
			background-color: #0a0;
}.VideoList__status.denied {
			background-color: #e94043;
}.VideoList__info:hover .VideoList__tools {
		opacity: 1;
		visibility: visible;
}.VideoList__tools {
		position: absolute;
		bottom: 12px;
		right: 12px;
		padding: 12px;
		background-color: #333540;
		color: #fff;
		border-radius: 32px;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
}.VideoList__tools .IconButton {
			color: #fff;
}.VideoList__tools .IconButton:not(:first-child) {
				margin-left: 12px;
}* {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: auto;
	   -moz-font-feature-settings: auto;
	        font-feature-settings: auto;
	-webkit-font-kerning: auto;
	        font-kerning: auto;
}*, *:after, *:before {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
}body {
	color: #212121;
	font-size: 14px;
	margin: 0;
	font-family: Raleway;
	position: relative;
	overflow: hidden;
}html, body {
	min-height: 100%;
	height: 100%;
}button {
	font-family: Montserrat;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	outline: 0;
}textarea, input, select {
	padding: 10px 20px;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	border: 1px solid #f0f0f0;
	border-radius: 3px;
	background-color: #fff;
	font-family: Montserrat;
	display: block;
	width: 100%;
	margin: 0;
	outline: 0;
}textarea:focus, input:focus, select:focus {
		border-color: #e94043;
}textarea:-moz-read-only, input:-moz-read-only {
		background-color: #f0f0f0;
		border: 1px solid #d0d0d0;
		cursor: no-drop;
}textarea:read-only, input:read-only {
		background-color: #f0f0f0;
		border: 1px solid #d0d0d0;
		cursor: no-drop;
}textarea {
	display: block;
	width: 100%;
	height: 150px;
}select {
	display: block;
	width: 100%;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}::-webkit-scrollbar-thumb {
	background: #d0d0d0;
}::-webkit-scrollbar-thumb:hover {
	background: #e94043;
}::-webkit-scrollbar-thumb:active {
	background: #6f6f6f;
}::-webkit-scrollbar-track {
	background: #f0f0f0;
	border: 0px solid #fff;
	border-left: 1px solid #cecece;
	border-radius: 0px;
}::-webkit-scrollbar-corner {
	background: transparent;
}.Registration {
	background-image: url('/pics/metiers.jpg');
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 44px 0;
	overflow: auto;
}@media (max-width: 640px) {.Registration {
		padding: 0;
	}
}.Registration .EditSpeaker {
		background-color: #ffffff;
		background-color: rgba(255, 255, 255, .9);
		padding: 24px;
}.Registration .Form__nav {
		top: 0;
}.App {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}.Header {
	position: absolute;
	top: 0;
	right: 0;
	height: 64px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 2;
}.Header__corner {
		width: 64px;
		height: 64px;
		background-color: #fff;
		background-image: url('/pics/onde-magnitude-white.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 48px;
		background-color: #e94043;
}.Header__header {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		   -moz-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
}.Nav {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 64px;
	background-color: #fff;
	background-color: #e94043;
	box-shadow: 1px 0 1px rgba(0, 0, 0, .1);
	z-index: 2;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	overflow: hidden;
}.Staff__hamburger.mobileShowMenu ~ .Nav,
	.Nav:hover {
		width: 200px;
}.Staff__hamburger.mobileShowMenu ~ .Nav .Nav__label,
	.Nav:hover .Nav__label {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		-webkit-transition: opacity .3s ease-in-out .15s;
		-moz-transition: opacity .3s ease-in-out .15s;
		transition: opacity .3s ease-in-out .15s;
}.Nav a {
		display: block;
		width: 32px;
		margin: 0 20px 20px 20px;
		color: #ffffff;
		color: rgba(255, 255, 255, .5);
		text-decoration: none;
		white-space: nowrap;
}.Nav a:hover {
			color: #fff;
}.Nav i {
		font-size: 24px;
		vertical-align: middle;
}.Nav__label {
		vertical-align: middle;
		margin-left: 10px;
		pointer-events: none;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		font-size: 12px;
		font-family: Montserrat;
}.Nav__corner {
		width: 64px;
		height: 64px;
		background-color: #fff;
		background-image: url('/pics/onde-magnitude-white.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 48px;
		background-color: #e94043;
		margin-bottom: 40px;
}.Main {
	position: absolute;
	top: 0;
	left: 64px;
	right: 0;
	bottom: 0;
	background-color: #f0f0f0;
	overflow: auto;
	padding-bottom: 100px;
	z-index: 1;
}.Main__layout

	.Main__content {
		padding: 20px;
		background-color: #fff;
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
		overflow-x: auto;
}.Main__layout

	.Main__content.no-bg {
			background-color: transparent;
			box-shadow: 0 0 0;
}.Main__full {
		background-color: #fff;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: auto;
}.Main__body {
		padding: 40px;
		position: relative;
		z-index: 1;
}@media (max-width: 640px) {.Main__body {
			padding: 8px;
	}
}.Main__body.with-filters {
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-box;
			display: -ms-flexbox;
			display: flex;
			padding: 40px 40px 40px 20px;
}.Search {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-left: 40px;
}.Search i {
		margin: 0 0 0 20px;
		color: #bbb;
}.Search input {
		background-color: transparent;
		border: 0;
		height: 32px;
		line-height: 32px;
		color: #898989;
		width: 400px;
		caret-color: #e94043;
}.SectionTitle {
	position: sticky;
	top: 0px;
	z-index: 5;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}/* Dirty chrome bug */.SectionTitle__top {
		background-color: #333540;
		padding: 20px;
		position: relative;
}.SectionTitle__bottom {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background-color: #fff;
}.SectionTitle__action {
		padding: 12px;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		   -moz-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}.SectionTitle__action-left {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
}.SectionTitle__action-right {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		   -moz-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}.SectionTitle .Button {
		margin-left: 20px;
}.SectionTitle h1 {
		font-size: 24px;
		font-weight: 100;
		font-family: Montserrat;
		color: #fff;
		text-transform: uppercase;
		display: inline-block;
		border-bottom: 1px solid #e94043;
		margin: 0;
		padding: 0;
}.UserWidget {
	position: absolute;
	bottom: 12px;
	right: 40px;
	z-index: 1;
	color: #ccc;
	font-family: Montserrat;
	font-size: 12px;
}.UserWidget .IconButton {
		margin-left: 5px;
		position: relative;
		top: 2px;
}.Login {
	background-image: url('/pics/metiers.jpg');
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}.Login__form {
		background-color: #fff;
		padding: 20px;
		border-radius: 2px;
		box-shadow: 0 2px 25px rgba(0, 0, 0, .5);
}.Login__forgot {
		color: #aaa;
		font-size: 10px;
		text-decoration: none;
}.Login__forgot:hover {
			text-decoration: underline;
			color: #e94043;
}.FilterPanel {
	margin-right: 12px;
	padding-right: 12px;
}.FilterPanel + div {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
}.ExportList {
	position: fixed;
	background-color: #fff;
	bottom: 10px;
	right: 10px;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	padding: 12px;
	min-width: 500px;
	z-index: 1000;
}.ExportList.loading {
		min-width: 10px;
		cursor: pointer;
		font-family: Montserrat;
		font-size: 12px;
}.ExportList.loading .Loading {
			width: 32px;
			display: inline-block;
			vertical-align: middle;
			margin-right: 10px;
}.ExportList.minimized {
		min-width: 10px;
		cursor: pointer;
		font-family: Montserrat;
		font-size: 12px;
}.ExportList.minimized:hover {
			background-color: #e94043;
}.ExportList.minimized i {
			vertical-align: middle;
}.ExportList.minimized:hover {
		color: #fff;
}.ExportList.minimized:hover .ExportList__count {
		color: #fff;
}.ExportList.minimized:hover .ExportList__text {
		color: #fff;
}.ExportList__count {
		color: #e94043;
}.ExportList__text {
		color: #6f6f6f;
}.ExportList .Table td {
		padding: 5px 10px;
}