*,
*:before,
*:after {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

a,
label {
	-webkit-tap-highlight-color: transparent;
}

img {
	max-width: 100%;
}

sup {
	vertical-align: super;
}

h1,
h2,
h3,
h4,
h5,
figure,
p {
	margin: 0;
}

html {
	height: 100%;
	scrollbar-gutter: stable;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'CoFoSans', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  background-color: #ffffff;
  color: #292929;
  -webkit-overflow-scrolling: touch;
}

@font-face {
	font-display: fallback;
	font-family: 'CoFoSans';
	src: url('https://uikit.planoplan.com/static/fonts/CoFoSans-Thin.woff2') format('woff2'),
	url('https://uikit.planoplan.com/static/fonts/CoFoSans-Thin.woff') format('woff');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-display: fallback;
	font-family: 'CoFoSans';
	src: url('https://uikit.planoplan.com/static/fonts/CoFoSans-Light.woff2') format('woff2'),
	url('https://uikit.planoplan.com/static/fonts/CoFoSans-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-display: fallback;
	font-family: 'CoFoSans';
	src: url('https://uikit.planoplan.com/static/fonts/CoFoSans-Regular.woff2') format('woff2'),
	url('https://uikit.planoplan.com/static/fonts/CoFoSans-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-display: fallback;
	font-family: 'CoFoSans';
	src: url('https://uikit.planoplan.com/static/fonts/CoFoSans-Medium.woff2') format('woff2'),
	url('https://uikit.planoplan.com/static/fonts/CoFoSans-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-display: fallback;
	font-family: 'CoFoSans Mono';
	src: url('https://uikit.planoplan.com/static/fonts/CoFoSansSemi-Mono-Regular.woff2') format('woff2'),
	url('https://uikit.planoplan.com/static/fonts/CoFoSansSemi-Mono-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}



.slide-down-opacity {
	transition-property: transform, opacity;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}

.slide-down-opacity-entering {
	visibility: visible;
	transform: translateY(0);
	opacity: 1;
}

.slide-down-opacity-exiting {
	transform: translateY(-10px);
	opacity: 0;
}

.slide-down-opacity-exited {
	visibility: hidden;
	opacity: 0;
	transform: translateY(-10px);
}

.fade-opacity {
	transition-property: opacity;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}

.fade-opacity-entering {
	visibility: visible;
	opacity: 1;
}

.fade-opacity-exiting {
	opacity: 0;
}

.fade-opacity-exited  {
	opacity: 0;
	visibility: hidden;
}

.slide-left {
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}

.slide-left-entering {
	visibility: visible;
	transform: translateX(0);
}

.slide-left-exiting {
	transform: translateX(100%);
}

.slide-left-exited {
	visibility: hidden;
	transform: translateX(100%);
}

.ReactModal__Overlay {
	background-color: transparent;
	transition: background-color 0.3s ease;
}

.ReactModal__Overlay--after-open {
	background-color: rgba(0, 0, 0, 0.5);
	overflow-y: auto;
}

.ReactModal__Overlay--before-close {
	background-color: transparent;
}

.ReactModal__Content {
	transition-property: opacity, transform;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	opacity: 0;
	transform: translate(-50%, -15%);
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100%;
}

.ReactModal__Content--after-open {
	transform: translate(-50%, 0%);
	opacity: 1;
}

.ReactModal__Content--before-close {
	opacity: 0;
	transform: translate(-50%, -15%);
}

#__next {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

main {
	position: relative;
	flex: 1 1 auto;
}

/* usedesk */
.uw__messenger-layout .uw__widget-layout__content {
	background-color: #F9F4F1;
	height: auto !important;
}

.uw__messenger-layout .uw__footer {
	background-color: #F2E9E2;
}

.uw__messenger-layout .uw__chat-message-container {
	align-items: flex-start;
}

.uw__messenger-layout .uw__avatar {
	width: 64px;
	height: 64px;
}

.uw__field textarea.uw__field-textarea {
	height: 100px !important;
}

body > #krpanoSWFObject {
	position: fixed !important;
}