/* line 29, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
html {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1em;
	line-height: 1.4;
}

/* line 43, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/* line 52, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/* line 67, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/* line 80, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/* line 90, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
textarea {
	resize: vertical;
}

/* line 98, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* line 133, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
.hidden {
	display: none !important;
}

/* line 142, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* line 159, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* line 173, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
.invisible {
	visibility: hidden;
}

/* line 189, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
.clearfix:before,
.clearfix:after {
	content: ' ';
	display: table;
}

/* line 195, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
.clearfix:after {
	clear: both;
}

@media print {

	/* line 222, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
	*,
	*:before,
	*:after,
	*:first-letter {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
	}

	/* line 231, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
	a,
	a:visited {
		text-decoration: underline;
	}

	/* line 236, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
	a[href]:after {
		content: ' (' attr(href) ')';
	}

	/* line 240, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
	abbr[title]:after {
		content: ' (' attr(title) ')';
	}

	/* line 249, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
	a[href^='#']:after,
	a[href^='javascript:']:after {
		content: '';
	}

	/* line 254, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/* line 265, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
	thead {
		display: table-header-group;
	}

	/* line 269, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
	tr,
	img {
		page-break-inside: avoid;
	}

	/* line 274, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
	img {
		max-width: 100% !important;
	}

	/* line 278, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	/* line 285, src/sass/components/material-design-lite-pickup/resets/_h5bp.scss */
	h2,
	h3 {
		page-break-after: avoid;
	}
}

/* line 20, src/sass/components/material-design-lite-pickup/resets/_mobile.scss */
a,
.mdl-accordion,
.mdl-button,
.btn,
.btn-customer,
.btn-raised,
.seal-btn,
.mdl-card,
.mdl-checkbox,
.mdl-dropdown-menu,
.mdl-icon-toggle,
.mdl-item,
.mdl-radio,
.mdl-slider,
.mdl-switch,
.mdl-tabs__tab {
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

/* line 24, src/sass/components/material-design-lite-pickup/resets/_resets.scss */
html {
	width: 100%;
	height: 100%;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

/* line 35, src/sass/components/material-design-lite-pickup/resets/_resets.scss */
body {
	width: 100%;
	min-height: 100%;
	margin: 0;
}

/* line 45, src/sass/components/material-design-lite-pickup/resets/_resets.scss */
main {
	display: block;
}

/* line 53, src/sass/components/material-design-lite-pickup/resets/_resets.scss */
*[hidden] {
	display: none !important;
}

/* line 21, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button,
.btn,
.btn-customer,
.btn-raised,
.seal-btn {
	background: transparent;
	border: none;
	border-radius: 2px;
	color: rgb(0, 0, 0);
	position: relative;
	height: 36px;
	margin: 0;
	min-width: 64px;
	padding: 0 16px;
	display: inline-block;
	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0;
	overflow: hidden;
	will-change: box-shadow;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
		background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
		color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	line-height: 36px;
	vertical-align: middle;
}

/* line 45, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button::-moz-focus-inner,
.btn::-moz-focus-inner,
.btn-customer::-moz-focus-inner,
.btn-raised::-moz-focus-inner,
.seal-btn::-moz-focus-inner {
	border: 0;
}

/* line 49, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button:hover,
.btn:hover,
.btn-customer:hover,
.btn-raised:hover,
.seal-btn:hover {
	background-color: rgba(158, 158, 158, 0.2);
}

/* line 53, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button:focus:not(:active),
.btn:focus:not(:active),
.btn-customer:focus:not(:active),
.btn-raised:focus:not(:active),
.seal-btn:focus:not(:active) {
	background-color: rgba(0, 0, 0, 0.12);
}

/* line 57, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button:active,
.btn:active,
.btn-customer:active,
.btn-raised:active,
.seal-btn:active {
	background-color: rgba(158, 158, 158, 0.4);
}

/* line 61, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button.mdl-button--colored,
.mdl-button--colored.btn,
.mdl-button--colored.btn-customer,
.mdl-button--colored.btn-raised,
.mdl-button--colored.seal-btn {
	color: rgb(17, 173, 157);
}

/* line 64, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button.mdl-button--colored:focus:not(:active),
.mdl-button--colored.btn:focus:not(:active),
.mdl-button--colored.btn-customer:focus:not(:active),
.mdl-button--colored.btn-raised:focus:not(:active),
.mdl-button--colored.seal-btn:focus:not(:active) {
	background-color: rgba(0, 0, 0, 0.12);
}

/* line 70, src/sass/components/material-design-lite-pickup/button/_button.scss */
input.mdl-button[type='submit'],
input[type='submit'].btn,
input[type='submit'].btn-customer,
input[type='submit'].btn-raised,
input[type='submit'].seal-btn {
	-webkit-appearance: none;
}

/* line 75, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--raised,
.btn-raised {
	background: rgba(158, 158, 158, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/* line 79, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--raised:active,
.btn-raised:active {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
		0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
	background-color: rgba(158, 158, 158, 0.4);
}

/* line 84, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--raised:focus:not(:active),
.btn-raised:focus:not(:active) {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
	background-color: rgba(158, 158, 158, 0.4);
}

/* line 89, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--raised.mdl-button--colored,
.mdl-button--colored.btn-raised,
.btn-raised.color_default {
	background: rgb(17, 173, 157);
	color: rgb(73, 73, 88);
}

/* line 93, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--raised.mdl-button--colored:hover,
.mdl-button--colored.btn-raised:hover,
.btn-raised.color_default:hover {
	background-color: rgb(17, 173, 157);
}

/* line 97, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--raised.mdl-button--colored:active,
.mdl-button--colored.btn-raised:active,
.btn-raised.color_default:active {
	background-color: rgb(17, 173, 157);
}

/* line 101, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--raised.mdl-button--colored:focus:not(:active),
.mdl-button--colored.btn-raised:focus:not(:active),
.btn-raised.color_default:focus:not(:active) {
	background-color: rgb(17, 173, 157);
}

/* line 105, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--raised.mdl-button--colored .mdl-ripple,
.mdl-button--colored.btn-raised .mdl-ripple,
.btn-raised.color_default .mdl-ripple {
	background: rgb(73, 73, 88);
}

/* line 113, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--fab {
	border-radius: 50%;
	font-size: 24px;
	height: 56px;
	margin: auto;
	min-width: 56px;
	width: 56px;
	padding: 0;
	overflow: hidden;
	background: rgba(158, 158, 158, 0.2);
	box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12),
		0 1px 1px 0 rgba(0, 0, 0, 0.24);
	position: relative;
	line-height: normal;
}

/* line 127, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--fab .material-icons {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-12px, -12px);
	line-height: 24px;
	width: 24px;
}

/* line 136, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--fab.mdl-button--mini-fab {
	height: 40px;
	min-width: 40px;
	width: 40px;
}

/* line 142, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--fab .mdl-button__ripple-container {
	border-radius: 50%;
	-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

/* line 148, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--fab:active {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
		0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
	background-color: rgba(158, 158, 158, 0.4);
}

/* line 153, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--fab:focus:not(:active) {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
	background-color: rgba(158, 158, 158, 0.4);
}

/* line 158, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--fab.mdl-button--colored {
	background: rgb(236, 64, 122);
	color: rgb(255, 255, 255);
}

/* line 162, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--fab.mdl-button--colored:hover {
	background-color: rgb(236, 64, 122);
}

/* line 166, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--fab.mdl-button--colored:focus:not(:active) {
	background-color: rgb(236, 64, 122);
}

/* line 170, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--fab.mdl-button--colored:active {
	background-color: rgb(236, 64, 122);
}

/* line 174, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--fab.mdl-button--colored .mdl-ripple {
	background: rgb(255, 255, 255);
}

/* line 182, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--icon {
	border-radius: 50%;
	font-size: 24px;
	height: 32px;
	margin-left: 0;
	margin-right: 0;
	min-width: 32px;
	width: 32px;
	padding: 0;
	overflow: hidden;
	color: inherit;
	line-height: normal;
}

/* line 195, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--icon .material-icons {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-12px, -12px);
	line-height: 24px;
	width: 24px;
}

/* line 204, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--icon.mdl-button--mini-icon {
	height: 24px;
	min-width: 24px;
	width: 24px;
}

/* line 209, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--icon.mdl-button--mini-icon .material-icons {
	top: 0px;
	left: 0px;
}

/* line 215, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--icon .mdl-button__ripple-container {
	border-radius: 50%;
	-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

/* line 224, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button__ripple-container {
	display: block;
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 0;
	overflow: hidden;
}

/* line 234, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
[disabled].btn .mdl-button__ripple-container .mdl-ripple,
[disabled].btn-customer .mdl-button__ripple-container .mdl-ripple,
[disabled].btn-raised .mdl-button__ripple-container .mdl-ripple,
[disabled].seal-btn .mdl-button__ripple-container .mdl-ripple,
.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple,
.mdl-button--disabled.btn .mdl-button__ripple-container .mdl-ripple,
.mdl-button--disabled.btn-customer .mdl-button__ripple-container .mdl-ripple,
.mdl-button--disabled.btn-raised .mdl-button__ripple-container .mdl-ripple,
.mdl-button--disabled.seal-btn .mdl-button__ripple-container .mdl-ripple {
	background-color: transparent;
}

/* line 242, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--primary.mdl-button--primary {
	color: rgb(17, 173, 157);
}

/* line 244, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--primary.mdl-button--primary .mdl-ripple {
	background: rgb(73, 73, 88);
}

/* line 247, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--primary.mdl-button--primary.mdl-button--raised,
.mdl-button--primary.mdl-button--primary.btn-raised,
.mdl-button--primary.mdl-button--primary.mdl-button--fab {
	color: rgb(73, 73, 88);
	background-color: rgb(17, 173, 157);
}

/* line 253, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--accent.mdl-button--accent,
.btn-raised.color_accent {
	color: rgb(236, 64, 122);
}

/* line 255, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--accent.mdl-button--accent .mdl-ripple,
.btn-raised.color_accent .mdl-ripple {
	background: rgb(255, 255, 255);
}

/* line 258, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--accent.mdl-button--accent.mdl-button--raised,
.mdl-button--accent.mdl-button--accent.btn-raised,
.btn-raised.color_accent,
.mdl-button--accent.mdl-button--accent.mdl-button--fab,
.mdl-button--fab.btn-raised.color_accent {
	color: rgb(255, 255, 255);
	background-color: rgb(236, 64, 122);
}

/* line 268, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button[disabled][disabled],
[disabled][disabled].btn,
[disabled][disabled].btn-customer,
[disabled][disabled].btn-raised,
[disabled][disabled].seal-btn,
.mdl-button.mdl-button--disabled.mdl-button--disabled,
.mdl-button--disabled.mdl-button--disabled.btn,
.mdl-button--disabled.mdl-button--disabled.btn-customer,
.mdl-button--disabled.mdl-button--disabled.btn-raised,
.mdl-button--disabled.mdl-button--disabled.seal-btn {
	color: rgba(0, 0, 0, 0.26);
	cursor: default;
	background-color: transparent;
}

/* line 277, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--fab[disabled][disabled],
.mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
	background-color: rgba(0, 0, 0, 0.12);
	color: rgba(0, 0, 0, 0.26);
}

/* line 286, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--raised[disabled][disabled],
[disabled][disabled].btn-raised,
.mdl-button--raised.mdl-button--disabled.mdl-button--disabled,
.mdl-button--disabled.mdl-button--disabled.btn-raised {
	background-color: rgba(0, 0, 0, 0.12);
	color: rgba(0, 0, 0, 0.26);
	box-shadow: none;
}

/* line 295, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button--colored[disabled][disabled],
.mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
	color: rgba(0, 0, 0, 0.26);
}

/* line 303, src/sass/components/material-design-lite-pickup/button/_button.scss */
.mdl-button .material-icons,
.btn .material-icons,
.btn-customer .material-icons,
.btn-raised .material-icons,
.seal-btn .material-icons {
	vertical-align: middle;
}

/* line 20, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table,
.table-data,
.table-th-left,
.table-checkout,
.table-th-head {
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-collapse: collapse;
	white-space: nowrap;
	font-size: 13px;
	background-color: rgb(255, 255, 255);
}

/* line 28, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table thead,
.table-data thead,
.table-th-left thead,
.table-checkout thead,
.table-th-head thead {
	padding-bottom: 3px;
}

/* line 31, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table thead .mdl-data-table__select,
.table-data thead .mdl-data-table__select,
.table-th-left thead .mdl-data-table__select,
.table-checkout thead .mdl-data-table__select,
.table-th-head thead .mdl-data-table__select {
	margin-top: 0;
}

/* line 37, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table tbody tr,
.table-data tbody tr,
.table-th-left tbody tr,
.table-checkout tbody tr,
.table-th-head tbody tr {
	position: relative;
	height: 48px;
	transition-duration: 0.28s;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-property: background-color;
}

/* line 43, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table tbody tr.is-selected,
.table-data tbody tr.is-selected,
.table-th-left tbody tr.is-selected,
.table-checkout tbody tr.is-selected,
.table-th-head tbody tr.is-selected {
	background-color: #e0e0e0;
}

/* line 47, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table tbody tr:hover,
.table-data tbody tr:hover,
.table-th-left tbody tr:hover,
.table-checkout tbody tr:hover,
.table-th-head tbody tr:hover {
	background-color: #eee;
}

/* line 53, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table td,
.table-data td,
.table-th-left td,
.table-checkout td,
.table-th-head td,
.mdl-data-table th,
.table-data th,
.table-th-left th,
.table-checkout th,
.table-th-head th {
	padding: 0 18px 12px 18px;
	text-align: right;
}

/* line 57, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table td:first-of-type,
.table-data td:first-of-type,
.table-th-left td:first-of-type,
.table-checkout td:first-of-type,
.table-th-head td:first-of-type,
.mdl-data-table th:first-of-type,
.table-data th:first-of-type,
.table-th-left th:first-of-type,
.table-checkout th:first-of-type,
.table-th-head th:first-of-type {
	padding-left: 24px;
}

/* line 61, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table td:last-of-type,
.table-data td:last-of-type,
.table-th-left td:last-of-type,
.table-checkout td:last-of-type,
.table-th-head td:last-of-type,
.mdl-data-table th:last-of-type,
.table-data th:last-of-type,
.table-th-left th:last-of-type,
.table-checkout th:last-of-type,
.table-th-head th:last-of-type {
	padding-right: 24px;
}

/* line 66, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table td,
.table-data td,
.table-th-left td,
.table-checkout td,
.table-th-head td {
	position: relative;
	vertical-align: middle;
	height: 48px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	padding-top: 12px;
	box-sizing: border-box;
}

/* line 75, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table td .mdl-data-table__select,
.table-data td .mdl-data-table__select,
.table-th-left td .mdl-data-table__select,
.table-checkout td .mdl-data-table__select,
.table-th-head td .mdl-data-table__select {
	vertical-align: middle;
}

/* line 80, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table th,
.table-data th,
.table-th-left th,
.table-checkout th,
.table-th-head th {
	position: relative;
	vertical-align: bottom;
	text-overflow: ellipsis;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0;
	height: 48px;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.54);
	padding-bottom: 8px;
	box-sizing: border-box;
}

/* line 91, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table th.mdl-data-table__header--sorted-ascending,
.table-data th.mdl-data-table__header--sorted-ascending,
.table-th-left th.mdl-data-table__header--sorted-ascending,
.table-checkout th.mdl-data-table__header--sorted-ascending,
.table-th-head th.mdl-data-table__header--sorted-ascending,
.mdl-data-table th.mdl-data-table__header--sorted-descending,
.table-data th.mdl-data-table__header--sorted-descending,
.table-th-left th.mdl-data-table__header--sorted-descending,
.table-checkout th.mdl-data-table__header--sorted-descending,
.table-th-head th.mdl-data-table__header--sorted-descending {
	color: rgba(0, 0, 0, 0.87);
}

/* line 94, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table th.mdl-data-table__header--sorted-ascending:before,
.table-data th.mdl-data-table__header--sorted-ascending:before,
.table-th-left th.mdl-data-table__header--sorted-ascending:before,
.table-checkout th.mdl-data-table__header--sorted-ascending:before,
.table-th-head th.mdl-data-table__header--sorted-ascending:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:before,
.table-data th.mdl-data-table__header--sorted-descending:before,
.table-th-left th.mdl-data-table__header--sorted-descending:before,
.table-checkout th.mdl-data-table__header--sorted-descending:before,
.table-th-head th.mdl-data-table__header--sorted-descending:before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	word-wrap: normal;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	content: '\e5d8';
	margin-right: 5px;
	vertical-align: sub;
}

/* line 101, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover,
.table-data th.mdl-data-table__header--sorted-ascending:hover,
.table-th-left th.mdl-data-table__header--sorted-ascending:hover,
.table-checkout th.mdl-data-table__header--sorted-ascending:hover,
.table-th-head th.mdl-data-table__header--sorted-ascending:hover,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover,
.table-data th.mdl-data-table__header--sorted-descending:hover,
.table-th-left th.mdl-data-table__header--sorted-descending:hover,
.table-checkout th.mdl-data-table__header--sorted-descending:hover,
.table-th-head th.mdl-data-table__header--sorted-descending:hover {
	cursor: pointer;
}

/* line 103, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,
.table-data th.mdl-data-table__header--sorted-ascending:hover:before,
.table-th-left th.mdl-data-table__header--sorted-ascending:hover:before,
.table-checkout th.mdl-data-table__header--sorted-ascending:hover:before,
.table-th-head th.mdl-data-table__header--sorted-ascending:hover:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before,
.table-data th.mdl-data-table__header--sorted-descending:hover:before,
.table-th-left th.mdl-data-table__header--sorted-descending:hover:before,
.table-checkout th.mdl-data-table__header--sorted-descending:hover:before,
.table-th-head th.mdl-data-table__header--sorted-descending:hover:before {
	color: rgba(0, 0, 0, 0.26);
}

/* line 108, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table th.mdl-data-table__header--sorted-descending:before,
.table-data th.mdl-data-table__header--sorted-descending:before,
.table-th-left th.mdl-data-table__header--sorted-descending:before,
.table-checkout th.mdl-data-table__header--sorted-descending:before,
.table-th-head th.mdl-data-table__header--sorted-descending:before {
	content: '\e5db';
}

/* line 114, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table__select {
	width: 16px;
}

/* line 118, src/sass/components/material-design-lite-pickup/data-table/_data-table.scss */
.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
	text-align: left;
}

/* line 20, src/sass/components/material-design-lite-pickup/dialog/_dialog.scss */
.mdl-dialog,
.dialog,
.dialog-notice {
	border: none;
	box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14),
		0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
	width: 280px;
}

/* line 25, src/sass/components/material-design-lite-pickup/dialog/_dialog.scss */
.mdl-dialog__title,
.dialog__title {
	padding: 24px 24px 0;
	margin: 0;
	font-size: 2.5rem;
}

/* line 30, src/sass/components/material-design-lite-pickup/dialog/_dialog.scss */
.mdl-dialog__actions,
.dialog__actions {
	padding: 8px 8px 8px 24px;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
}

/* line 35, src/sass/components/material-design-lite-pickup/dialog/_dialog.scss */
.mdl-dialog__actions>*,
.dialog__actions>* {
	margin-right: 8px;
	height: 36px;
}

/* line 38, src/sass/components/material-design-lite-pickup/dialog/_dialog.scss */
.mdl-dialog__actions>*:first-child,
.dialog__actions>*:first-child {
	margin-right: 0;
}

/* line 42, src/sass/components/material-design-lite-pickup/dialog/_dialog.scss */
.mdl-dialog__actions--full-width {
	padding: 0 0 8px 0;
}

/* line 44, src/sass/components/material-design-lite-pickup/dialog/_dialog.scss */
.mdl-dialog__actions--full-width>* {
	height: 48px;
	flex: 0 0 100%;
	padding-right: 16px;
	margin-right: 0;
	text-align: right;
}

/* line 53, src/sass/components/material-design-lite-pickup/dialog/_dialog.scss */
.mdl-dialog__content,
.dialog__content {
	padding: 20px 24px 24px 24px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 20, src/sass/components/material-design-lite-pickup/tabs/_tabs.scss */
.mdl-tabs {
	display: block;
	width: 100%;
}

/* line 25, src/sass/components/material-design-lite-pickup/tabs/_tabs.scss */
.mdl-tabs__tab-bar {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: space-between;
	align-items: flex-start;
	height: 48px;
	padding: 0 0 0 0;
	margin: 0;
	border-bottom: 1px solid rgb(224, 224, 224);
}

/* line 38, src/sass/components/material-design-lite-pickup/tabs/_tabs.scss */
.mdl-tabs__tab {
	margin: 0;
	border: none;
	padding: 0 24px 0 24px;
	float: left;
	position: relative;
	display: block;
	text-decoration: none;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.54);
	overflow: hidden;
}

/* line 59, src/sass/components/material-design-lite-pickup/tabs/_tabs.scss */
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
	color: rgba(0, 0, 0, 0.87);
}

/* line 63, src/sass/components/material-design-lite-pickup/tabs/_tabs.scss */
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
	height: 2px;
	width: 100%;
	display: block;
	content: ' ';
	bottom: 0px;
	left: 0px;
	position: absolute;
	background: rgb(17, 173, 157);
	animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
	transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

/* line 76, src/sass/components/material-design-lite-pickup/tabs/_tabs.scss */
.mdl-tabs__tab .mdl-tabs__ripple-container {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
	overflow: hidden;
}

/* line 86, src/sass/components/material-design-lite-pickup/tabs/_tabs.scss */
.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
	background: rgb(17, 173, 157);
}

/* line 92, src/sass/components/material-design-lite-pickup/tabs/_tabs.scss */
.mdl-tabs__panel {
	display: block;
}

/* line 95, src/sass/components/material-design-lite-pickup/tabs/_tabs.scss */
.mdl-tabs.is-upgraded .mdl-tabs__panel {
	display: none;
}

/* line 99, src/sass/components/material-design-lite-pickup/tabs/_tabs.scss */
.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
	display: block;
}

@keyframes border-expand {
	0% {
		opacity: 0;
		width: 0;
	}

	100% {
		opacity: 1;
		width: 100%;
	}
}

/* line 1, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button-wrap,
.btn-wrap {
	position: relative;
	display: block;
}

/* line 4, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button-wrap.margin_bottom,
.margin_bottom.btn-wrap {
	margin-bottom: 8px;
}

/* line 9, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button:hover,
.btn:hover,
.btn-customer:hover,
.btn-raised:hover,
.seal-btn:hover {
	text-decoration: none;
}

/* line 12, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button.spread_width,
.spread_width.btn,
.spread_width.btn-customer,
.spread_width.btn-raised,
.spread_width.seal-btn {
	display: block;
	width: 100%;
	padding: 0;
}

/* line 18, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button.arrow_down:after,
.arrow_down.btn:after,
.arrow_down.btn-customer:after,
.arrow_down.btn-raised:after,
.arrow_down.seal-btn:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	margin: 0 0 0 4px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
}

/* line 31, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button--raised,
.btn-raised {
	color: rgba(0, 0, 0, 0.54);
	background-color: #f9f9f9;
}

/* line 34, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button--raised.mdl-button--colored,
.mdl-button--colored.btn-raised,
.btn-raised.color_default {
	color: #fff;
}

/* line 37, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button--raised.mdl-button--white,
.mdl-button--white.btn-raised,
.btn-raised.color_white {
	background: #fff;
}

/* line 40, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button--raised.mdl-button--white-colored,
.mdl-button--white-colored.btn-raised,
.btn-raised.color_white-default {
	background: #fff;
	line-height: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 2px rgb(17, 173, 157);
}

/* line 49, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button--raised.mdl-button--white-colored.arrow_down:after,
.mdl-button--white-colored.arrow_down.btn-raised:after,
.arrow_down.btn-raised.color_white-default:after {
	border-top: 5px solid rgb(17, 173, 157);
}

/* line 54, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button--raised.mdl-button--white-accent,
.mdl-button--white-accent.btn-raised {
	background: #fff;
	line-height: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 2px rgb(236, 64, 122);
}

/* line 63, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button--raised.mdl-button--white-accent.arrow_down:after,
.mdl-button--white-accent.arrow_down.btn-raised:after {
	border-top: 5px solid rgb(236, 64, 122);
}

/* line 68, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button--raised.margin_right,
.margin_right.btn-raised {
	margin-right: 16px;
}

/* line 71, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button--raised.margin_bottom,
.margin_bottom.btn-raised {
	margin-bottom: 16px;
}

/* line 75, src/sass/components/material-design-lite-custom/_mdl-button.scss */
.mdl-button__icons,
.btn__icons,
.seal-btn .seal-btn__icons {
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 61, src/sass/common.scss */
.mdl-dialog__title,
.dialog__title {
	font-size: 20px;
}

@keyframes blink {
	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes blink {
	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/* line 84, src/sass/common.scss */
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
}

/* line 89, src/sass/common.scss */
body {
	background: #494958;
}

/* line 92, src/sass/common.scss */
.hide {
	display: none !important;
}

/* line 95, src/sass/common.scss */
a {
	text-decoration: none;
	color: rgb(17, 173, 157);
}

/* line 98, src/sass/common.scss */
a:hover {
	text-decoration: underline;
}

/* line 102, src/sass/common.scss */
img {
	max-width: 100%;
	margin-bottom: 16px;
}

/* line 1, src/sass/components/_auth-box.scss */
.auth-box {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 416px;
	margin: 0 auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

/* line 11, src/sass/components/_auth-box.scss */
.auth-box .textfield {
	width: 100%;
	float: none;
	margin: 0 0 32px;
	text-align: left;
}

/* line 17, src/sass/components/_auth-box.scss */
.auth-box button {
	height: 48px;
	margin-bottom: 32px;
}

/* line 22, src/sass/components/_auth-box.scss */
.auth-box__inner {
	display: block;
	padding: 40px 32px;
	margin: 0;
	overflow: hidden;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
}

/* line 31, src/sass/components/_auth-box.scss */
.auth-box__title {
	display: block;
	padding: 0;
	margin: 0 0 40px;
	text-align: center;
	color: rgb(17, 173, 157);
	font-size: 20px;
}

/* line 39, src/sass/components/_auth-box.scss */
.auth-box__text {
	font-size: 15px;
	display: block;
	padding: 12px 0 0;
	margin: 0 0 64px;
}

/* line 45, src/sass/components/_auth-box.scss */
.auth-box__error {
	display: block;
	padding: 4px 8px;
	margin: 0 0 32px;
	background: #fcf0f5;
	border-radius: 2px;
	color: #d78aa4;
	text-align: left;
}

/* line 1, src/sass/components/_bar.scss */
.bar {
	display: block;
	padding: 16px;
	margin: 0 0 24px;
	background: #fff;
	color: #000;
	border-radius: 2px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
}

/* line 9, src/sass/components/_bar.scss */
.bar.take_notice {
	background: rgb(236, 64, 122);
	color: #fff;
}

/* line 14, src/sass/components/_bar.scss */
.bar__icons {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}

/* line 21, src/sass/components/_bar.scss */
.bar-line__icons {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	margin-right: 12px;
}

/* line 28, src/sass/components/_bar.scss */
.bar-line__text {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	margin-right: 24px;
}

/* line 35, src/sass/components/_bar.scss */
.bar-line-list-wrap {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 16px 0 0;
	list-style: none;
}

/* line 42, src/sass/components/_bar.scss */
.bar-line-list {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 16px 0 0;
	list-style: none;
}

/* line 49, src/sass/components/_bar.scss */
.bar-line-list__item {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 4px 0 0;
}

/* line 54, src/sass/components/_bar.scss */
.bar-line-list__item .textfield {
	width: auto;
	padding: 0;
	margin: 0;
}

/* line 60, src/sass/components/_bar.scss */
.bar-line-list__item .textfield__label:after {
	bottom: 0;
}

/* line 65, src/sass/components/_bar.scss */
.bar-line__btn {
	display: inline-block;
	vertical-align: middle;
	padding: 4px;
	margin: 0;
}

/* line 1, src/sass/components/_breadcrumb.scss */
.breadcrumb {
	display: block;
	padding: 0;
	margin: 0 0 16px;
}

/* line 5, src/sass/components/_breadcrumb.scss */
.breadcrumb:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

/* line 9, src/sass/components/_breadcrumb.scss */
.breadcrumb__item {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	font-size: 13px;
}

/* line 15, src/sass/components/_breadcrumb.scss */
.breadcrumb__item a {
	display: inline-block;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}

/* line 20, src/sass/components/_breadcrumb.scss */
.breadcrumb__item a:after {
	content: '>';
	display: inline-block;
	vertical-align: bottom;
	margin: 0 8px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 28, src/sass/components/_breadcrumb.scss */
.breadcrumb__item p {
	display: inline-block;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}

/* line 3, src/sass/components/_btn.scss */
.btn-wrap.margin_bottom {
	margin-bottom: 24px;
}

/* line 9, src/sass/components/_btn.scss */
.btn.color_white {
	color: #a1a1a1;
}

/* line 12, src/sass/components/_btn.scss */
.btn.border_white {
	border: solid 1px #bfbfbf;
	color: #a1a1a1;
}

/* line 15, src/sass/components/_btn.scss */
.btn.border_white .btn__icons {
	color: #cfcfcf;
}

/* line 20, src/sass/components/_btn.scss */
.btn__icons {
	padding: 0;
	margin: 0;
	min-width: 0;
}

/* line 1, src/sass/components/_btn-customer.scss */
.btn-customer {
	display: block;
	width: 100%;
	height: auto;
	padding: 16px;
	text-align: left;
	border-radius: 0;
	line-height: 1.8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}

/* line 14, src/sass/components/_btn-customer.scss */
.btn-customer:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

/* line 19, src/sass/components/_btn-customer.scss */
.btn-customer__call {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	padding: 4px;
	margin: 0 0 0 4px;
	font-size: 13px;
	background: rgb(17, 173, 157);
	border-radius: 2px;
}

/* line 29, src/sass/components/_btn-customer.scss */
.btn-customer__item {
	position: relative;
	z-index: 80;
	display: block;
	padding: 0;
	margin: 0;
}

/* line 35, src/sass/components/_btn-customer.scss */
.btn-customer__item.is_name {
	float: left;
	color: #fff;
	font-weight: normal;
	font-size: 15px;
	overflow: hidden;
    text-overflow: ellipsis;
	text-wrap: nowrap;
	
}

/* line 41, src/sass/components/_btn-customer.scss */
.btn-customer__item.is_time {
	float: right;
	color: #9e9e9e;
	font-size: 13px;
}

/* line 46, src/sass/components/_btn-customer.scss */
.btn-customer__item.is_comment {
	margin: 0 32px 0 0;
	clear: both;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #9e9e9e;
	font-size: 13px;
}

/* line 55, src/sass/components/_btn-customer.scss */
.btn-customer__item.is_count {
	position: absolute;
	top: 50%;
	right: 16px;
	height: 16px;
	line-height: 16px;
	margin: -8px 0 0 0;
	color: #fff;
	font-size: 15px;
}

/* line 67, src/sass/components/_btn-customer.scss */
.btn-customer[data-badge]:before {
	content: attr(data-badge);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: absolute;
	bottom: 16px;
	right: 16px;
	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
	font-weight: 600;
	font-size: 12px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgb(236, 64, 122);
	color: #fff;
}

/* line 90, src/sass/components/_btn-customer.scss */
.btn-customer.customer_default .btn-customer__item.is_name {
	font-weight: normal;
	text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
	text-wrap: nowrap;
}

/* line 95, src/sass/components/_btn-customer.scss */
.btn-customer.customer_noread .btn-customer__item.is_name {
	font-weight: bold;
}

/* line 99, src/sass/components/_btn-customer.scss */
.btn-customer.customer_choose {
	background: rgb(17, 173, 157);
}

/* line 101, src/sass/components/_btn-customer.scss */
.btn-customer.customer_choose .btn-customer__item {
	color: #fff;
}

/* line 103, src/sass/components/_btn-customer.scss */
.btn-customer.customer_choose .btn-customer__item.is_name {
	font-weight: bold;
	overflow: hidden;
    text-overflow: ellipsis;
	text-wrap: nowrap;
}

/* line 109, src/sass/components/_btn-customer.scss */
.btn-customer.customer_chat:before {
	content: '';
	position: absolute;
	z-index: 40;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgb(236, 64, 122);
	animation: blink 0.3s ease-in -2s infinite alternate;
	-webkit-animation: blink 0.3s ease-in -2s infinite alternate;
}

/* line 123, src/sass/components/_btn-customer.scss */
.btn-customer.customer_chat .btn-customer__item {
	color: #fff;
}

/* line 125, src/sass/components/_btn-customer.scss */
.btn-customer.customer_chat .btn-customer__item.is_name {
	font-weight: bold;
}

/* line 130, src/sass/components/_btn-customer.scss */
.btn-customer.customer_chat-choose {
	background: rgb(236, 64, 122);
}

/* line 132, src/sass/components/_btn-customer.scss */
.btn-customer.customer_chat-choose .btn-customer__item {
	color: #fff;
}

/* line 134, src/sass/components/_btn-customer.scss */
.btn-customer.customer_chat-choose .btn-customer__item.is_name {
	font-weight: bold;
}

/* line 140, src/sass/components/_btn-customer.scss */
.btn-customer.customer_request:before {
	content: '';
	position: absolute;
	z-index: 40;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgb(17, 173, 157);
	animation: blink 0.3s ease-in -2s infinite alternate;
	-webkit-animation: blink 0.3s ease-in -2s infinite alternate;
}

/* line 154, src/sass/components/_btn-customer.scss */
.btn-customer.customer_request .btn-customer__item {
	color: #fff;
}

/* line 156, src/sass/components/_btn-customer.scss */
.btn-customer.customer_request .btn-customer__item.is_name {
	font-weight: bold;
}

/* line 161, src/sass/components/_btn-customer.scss */
.btn-customer.customer_request-choose {
	background: rgb(17, 173, 157);
}

/* line 163, src/sass/components/_btn-customer.scss */
.btn-customer.customer_request-choose .btn-customer__item {
	color: #fff;
}

/* line 165, src/sass/components/_btn-customer.scss */
.btn-customer.customer_request-choose .btn-customer__item.is_name {
	font-weight: bold;
	overflow: hidden;
    text-overflow: ellipsis;
	text-wrap: nowrap;
}

/* line 1, src/sass/components/_btn-raised.scss */
.btn-raised {
	cursor: pointer;
}

/* line 5, src/sass/components/_btn-raised.scss */
.btn-raised input {
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
	color: inherit;
	border: none;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
}

/* line 21, src/sass/components/_btn-raised.scss */
.btn-raised.color_accent:hover {
	background-color: rgb(236, 64, 122);
}

/* line 24, src/sass/components/_btn-raised.scss */
.btn-raised.color_accent:active {
	background-color: rgb(236, 64, 122);
}

/* line 27, src/sass/components/_btn-raised.scss */
.btn-raised.color_accent:focus:not(:active) {
	background-color: rgb(236, 64, 122);
}

/* line 41, src/sass/components/_btn-raised.scss */
.btn-raised__file {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* line 50, src/sass/components/_btn-raised.scss */
.btn-raised__text {
	display: inline-block;
	vertical-align: middle;
	color: inherit;
	font-weight: bold;
	font-size: 14px;
}

/* line 1, src/sass/components/_btn-round.scss */
.btn-round {
	height: 24px;
	line-height: 24px;
	padding: 0 8px;
	margin: 0 4px;
	border-radius: 23px;
	font-size: 13px;
	border: solid 1px rgb(17, 173, 157);
	color: rgb(17, 173, 157);
	background: #fff;
}

/* line 1, src/sass/components/_btn-tab.scss */
.btn-tab {
	margin: 0;
	border: none;
	padding: 0 24px 0 24px;
	float: left;
	position: relative;
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	text-decoration: none;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	color: rgba(73, 73, 88, 0.6);
	overflow: hidden;
	cursor: pointer;
}

@media screen and (max-width: 1024px) {

	/* line 1, src/sass/components/_btn-tab.scss */
	.btn-tab {
		padding: 0 12px 0 12px;
	}
}

/* line 30, src/sass/components/_btn-tab.scss */
.btn-tab:hover {
	text-decoration: none;
	color: rgb(17, 173, 157);
}
.header_tab {
	color: rgb(17, 173, 157);
	border-bottom: 2px solid rgb(17, 173, 157);
}

/* line 34, src/sass/components/_btn-tab.scss */
.btn-tab.is-active {
	color: rgb(17, 173, 157);
}

/* line 36, src/sass/components/_btn-tab.scss */
.btn-tab.is-active:before {
	height: 2px;
	width: 100%;
	display: block;
	content: ' ';
	bottom: 0;
	left: 0;
	position: absolute;
	background: rgb(17, 173, 157);
	-webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
	animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
	transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

/* line 50, src/sass/components/_btn-tab.scss */
.btn-tab[data-badge]:after {
	content: attr(data-badge);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
	font-weight: 600;
	font-size: 12px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgb(236, 64, 122);
	color: #fff;
}

/* line 70, src/sass/components/_btn-tab.scss */
.btn-tab[data-badge='0']:after {
	display: none;
}

/* line 1, src/sass/components/_card.scss */
.card-wrap {
	display: block;
}

/* line 4, src/sass/components/_card.scss */
.card {
	display: block;
	padding: 0;
	margin: 0 0 24px;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
	overflow: hidden;
}

/* line 13, src/sass/components/_card.scss */
.card__inner {
	display: block;
	padding: 0 16px 20px;
}

/* line 17, src/sass/components/_card.scss */
.card-main {
	display: block;
}

/* line 19, src/sass/components/_card.scss */
.card-main:hover {
	text-decoration: none;
}

/* line 21, src/sass/components/_card.scss */
.card-main:hover .card-main__title {
	text-decoration: underline;
}

/* line 26, src/sass/components/_card.scss */
.card-main__inner {
	display: block;
	padding: 16px;
}

/* line 30, src/sass/components/_card.scss */
.card-main__figure {
	display: block;
	padding: 0;
	margin: 0;
	height: 172px;
}

/* line 35, src/sass/components/_card.scss */
.card-main__figure img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* line 45, src/sass/components/_card.scss */
.card-main__title {
	display: block;
	line-height: 1.2em;
	padding: 0;
	margin: 0 0 16px;
	font-size: 17px;
	font-weight: bold;
	color: #000;
}

/* line 54, src/sass/components/_card.scss */
.card-main__time {
	display: inline-block;
	vertical-align: bottom;
	padding: 0;
	margin: 0 8px 0 0;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 62, src/sass/components/_card.scss */
.card-main__access {
	display: inline-block;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 70, src/sass/components/_card.scss */
.card__category {
	display: block;
	padding: 4px 8px;
	background-color: rgba(0, 0, 0, 0.08);
	border-radius: 2px;
	color: rgba(0, 0, 0, 0.54);
	font-size: 13px;
	white-space: nowrap;
}

/* line 78, src/sass/components/_card.scss */
.card__category:hover {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.2);
}

/* line 85, src/sass/components/_card.scss */
.card.view_detail {
	max-width: 700px;
	margin: 0 auto 32px;
}

/* line 88, src/sass/components/_card.scss */
.card.view_detail .card-main__title {
	font-size: 24px;
}

/* line 91, src/sass/components/_card.scss */
.card.view_detail .card-main__time {
	margin: 0 16px 8px 0;
	font-size: 15px;
}

/* line 95, src/sass/components/_card.scss */
.card.view_detail .card-main__access {
	margin: 0 16px 8px 0;
	font-size: 15px;
}

/* line 99, src/sass/components/_card.scss */
.card.view_detail .card-main__figure {
	height: auto;
	margin-bottom: 24px;
}

/* line 103, src/sass/components/_card.scss */
.card.view_detail .list {
	margin-bottom: 24px;
}

/* line 106, src/sass/components/_card.scss */
.card.view_detail .card-main__content {
	display: block;
	font-size: 15px;
}

/* line 1, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 62px;
	height: 24px;
	padding: 0 0 0 28px;
	margin: 0;
	z-index: 1;
	vertical-align: middle;
	overflow: visible;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* line 19, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle.is-checked .checkbox-toggle__track {
	padding: 0 16px 0 8px;
	background: rgb(17, 173, 157);
}

/* line 22, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle.is-checked .checkbox-toggle__track:before {
	display: none;
}

/* line 25, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle.is-checked .checkbox-toggle__track:after {
	display: block;
}

/* line 29, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle.is-checked .checkbox-toggle__thumb {
	left: 40px;
	background: #fff;
}

/* line 33, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle.is-checked .checkbox-toggle__helper {
	left: 26px;
}

/* line 38, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle__input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
}

/* line 55, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle__input:checked+.checkbox-toggle-text .checkbox-toggle-text__track {
	padding: 0 16px 0 8px;
	background: rgb(17, 173, 157);
}

/* line 65, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle__input:checked+.checkbox-toggle-text .checkbox-toggle-text__off {
	display: none;
}

/* line 68, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle__input:checked+.checkbox-toggle-text .checkbox-toggle-text__on {
	display: block;
}

/* line 71, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle__input:checked+.checkbox-toggle-text .checkbox-toggle-text__thumb {
	left: 40px;
	background: #fff;
}

/* line 75, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle__input:checked+.checkbox-toggle-text .checkbox-toggle-text__helper {
	left: 26px;
}

/* line 81, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle-text__track {
	position: absolute;
	left: 0;
	top: 0;
	height: 24px;
	width: 36px;
	border-radius: 14px;
	cursor: pointer;
	top: 0;
	height: 24px;
	padding: 0 0 0 24px;
	background: #fff;
	border: solid 1px rgba(0, 0, 0, 0.12);
}

/* line 109, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle-text__off {
	height: 24px;
	line-height: 24px;
	font-size: 13px;
}

/* line 114, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle-text__on {
	display: none;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	color: #fff;
}

/* line 121, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle-text__thumb {
	background: #fafafa;
	position: absolute;
	left: 0;
	top: 2px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	transition-duration: 0.28s;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-property: left;
}

/* line 135, src/sass/components/_checkbox-toggle.scss */
.checkbox-toggle-text__helper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-4px, -4px);
	display: inline-block;
	box-sizing: border-box;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: transparent;
}

/* line 1, src/sass/components/_content.scss */
.content {
	display: block;
	min-height: -moz-calc(100vh - 162px);
	min-height: -o-calc(100vh - 162px);
	min-height: -webkit-calc(100vh - 162px);
	min-height: calc(100vh - 162px);
	height: auto;
	padding: 114px 32px 48px 288px;
	background: #f7f7f7;
}

/* line 8, src/sass/components/_content.scss */
.content__title {
	display: block;
	padding: 0;
	margin: 0 0 24px;
	font-size: 24px;
	color: rgba(0, 0, 0, 0.87);
	text-align: left;
	line-height: 24px;
	font-weight: normal;
}

.title_color {
	color: #ec407a !important;
}

.title_setting_contract {
	font-size: 20px !important;
}

.title_decoration {
	text-decoration: underline;
	font-size: 18px !important;
}

/* line 17, src/sass/components/_content.scss */
.content__title.lv_2 {
	font-size: 18px;
	margin: 0 0 16px;
}

/* line 23, src/sass/components/_content.scss */
.content__inner.layout_timeline,
.content__inner.layout_help,
.content__inner.layout_settings-age {
	display: block;
	margin: 0 auto;
	max-width: 784px;
}

/* line 31, src/sass/components/_content.scss */
.content__inner.layout_settings-age {
	max-width: 720px;
}

/* line 46, src/sass/components/_content.scss */
.content.layout_chat {
	min-height: -moz-calc(100vh - 200px);
	min-height: -o-calc(100vh - 200px);
	min-height: -webkit-calc(100vh - 200px);
	min-height: calc(100vh - 200px);
	height: -moz-calc(100vh - 200px);
	height: -o-calc(100vh - 200px);
	height: -webkit-calc(100vh - 200px);
	height: calc(100vh - 200px);
	padding: 64px 256px 136px 256px;
	background: #fff;
}

/* line 2, src/sass/components/_content-auth.scss */
.content-auth {
	position: relative;
	display: block;
	min-height: -moz-calc(100vh);
	min-height: -o-calc(100vh);
	min-height: -webkit-calc(100vh);
	min-height: calc(100vh);
	height: auto;
	background: #f7f7f7;
}

/* line 1, src/sass/components/_dialog.scss */
.dialog-wrap,
.dialog-notice-wrap {
	position: fixed;
	z-index: 640;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

/* line 10, src/sass/components/_dialog.scss */
.dialog-bg,
.dialog-notice-bg {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.5);
}

/* line 18, src/sass/components/_dialog.scss */
.dialog,
.dialog-notice {
	z-index: 720;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	min-width: 280px;
	max-width: 508px;
	max-height: 80%;
	background: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #000;
	overflow: auto;
}

/* line 39, src/sass/components/_dialog.scss */
.dialog__content .mdl-button-wrap,
.dialog__content .btn-wrap {
	text-align: center;
}

/* line 42, src/sass/components/_dialog.scss */
.dialog__content .mdl-button-wrap.margin_bottom,
.dialog__content .margin_bottom.btn-wrap {
	margin-bottom: 16px;
}

/* line 45, src/sass/components/_dialog.scss */
.dialog__content .mdl-button,
.dialog__content .btn,
.dialog__content .btn-customer,
.dialog__content .btn-raised,
.dialog__content .seal-btn {
	width: 180px;
}

/* line 48, src/sass/components/_dialog.scss */
.dialog__content .dailog__logout-list {
	width: 200px;
	margin: 0 auto;
}

/* line 51, src/sass/components/_dialog.scss */
.dialog__content .dailog__logout-list li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 4px;
}

/* line 58, src/sass/components/_dialog.scss */
.dialog__content img {
	display: block;
	max-width: 100%;
}

/* line 65, src/sass/components/_dialog.scss */
.dialog__actions a {
	height: 36px;
	padding: 0 24px;
	line-height: 36px;
	margin-right: 8px;
}

/* line 72, src/sass/components/_dialog.scss */
.dialog__count {
	display: block;
	text-align: center;
	font-size: 18px;
	color: rgb(236, 64, 122);
}

/* line 78, src/sass/components/_dialog.scss */
.dialog__close {
	position: absolute;
	top: 16px;
	right: 16px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 5, src/sass/components/_dialog-notice.scss */
.dialog-notice-bg {
	background: none;
}

/* line 9, src/sass/components/_dialog-notice.scss */
.dialog-notice {
	position: fixed;
	overflow: visible;
	top: 54px;
	left: 756px;
	width: 268px;
	min-width: 268px;
	background: #fff;
	-webkit-transform: none;
	transform: none;
	color: #000;
	border: solid 1px rgba(0, 0, 0, 0.12);
	border-radius: 4px;
}

/* line 25, src/sass/components/_dialog-notice.scss */
.dialog-notice:before {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -6px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid rgba(0, 0, 0, 0.12);
}

/* line 37, src/sass/components/_dialog-notice.scss */
.dialog-notice:after {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #fff;
}

/* line 50, src/sass/components/_dialog-notice.scss */
.dialog-notice__content {
	display: block;
	padding: 8px 24px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.12);
	font-size: 15px;
}

/* line 55, src/sass/components/_dialog-notice.scss */
.dialog-notice__content p {
	margin-bottom: 4px;
}

/* line 59, src/sass/components/_dialog-notice.scss */
.dialog-notice__nocontent {
	display: block;
	padding: 72px 0;
	font-size: 15px;
	text-align: center;
	color: rgba(0, 0, 0, 0.54);
}

/* line 66, src/sass/components/_dialog-notice.scss */
.dialog-notice__time {
	color: rgba(0, 0, 0, 0.54);
}

/* line 69, src/sass/components/_dialog-notice.scss */
.dialog-notice__anchor {
	display: block;
	padding: 16px 0;
	text-align: center;
	cursor: pointer;
}

@media screen and (min-width: 0px) {

	/* line 77, src/sass/components/_dialog-notice.scss */
	.dialog-notice {
		left: 600px;
	}
}

@media screen and (min-width: 1025px) {

	/* line 82, src/sass/components/_dialog-notice.scss */
	.dialog-notice {
		left: 756px;
	}
}

/* line 2, src/sass/components/_definition.scss */
.definition {
	display: block;
	clear: both;
	padding: 0;
	margin: 0 0;
}

/* line 7, src/sass/components/_definition.scss */
.definition.wide_bottom {
	margin: 0 0 56px;
}
.text_note{
	margin-top: -5px !important;
	color: #EC407A;
	margin-bottom: 30px;
}

/* line 10, src/sass/components/_definition.scss */
.definition.margin_bottom {
	margin: 0 0 16px;
}

/* line 13, src/sass/components/_definition.scss */
.definition:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

/* line 17, src/sass/components/_definition.scss */
.definition.title_column .definition__title,
.definition.title_colon .definition__title {
	position: relative;
	display: block;
	clear: none;
	padding: 0;
	margin: 0;
	float: left;
	padding-right: 4px;
	font-weight: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: rgba(0, 0, 0, 0.38);
}

/* line 32, src/sass/components/_definition.scss */
.definition.title_column .definition__data,
.definition.title_colon .definition__data {
	display: block;
	clear: none;
	padding: 0;
	margin: 0;
	float: left;
	font-weight: normal;
	padding-left: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px;
}

/* line 45, src/sass/components/_definition.scss */
.definition.title_column .definition__data.color_accent,
.definition.title_colon .definition__data.color_accent {
	color: rgb(236, 64, 122);
}

/* line 52, src/sass/components/_definition.scss */
.definition.title_colon .definition__title {
	color: #000;
}

/* line 54, src/sass/components/_definition.scss */
.definition.title_colon .definition__title:after {
	content: ':';
	position: absolute;
	top: 0;
	right: 0;
}

/* line 63, src/sass/components/_definition.scss */
.definition__title {
	display: block;
	clear: both;
	padding: 0;
	margin: 0 0 4px;
	font-size: 15px;
	font-weight: bold;
}

/* line 70, src/sass/components/_definition.scss */
.definition__title.write_down {
	font-weight: normal;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 76, src/sass/components/_definition.scss */
.definition__description {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 0 0 16px;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.54);
	font-weight: normal;
}

/* line 84, src/sass/components/_definition.scss */
.definition__description.is_emphasis {
	display: block;
	margin: 0;
	line-height: 24px;
	font-size: 16px;
}

/* line 91, src/sass/components/_definition.scss */
.definition__data {
	display: block;
	clear: both;
	padding: 0;
	margin: 0 0 0;
}

/* line 96, src/sass/components/_definition.scss */
.definition__data.margin_bottom {
	margin: 0 0 32px;
}

/* line 1, src/sass/components/_global-header.scss */
.global-header {
	position: fixed;
	z-index: 160;
	top: 0;
	left: 0;
	height: 64px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
}

/* line 12, src/sass/components/_global-header.scss */
.global-header-sitelogo {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 256px;
	height: 100%;
	background-color: #2a2a3b;
}

/* line 22, src/sass/components/_global-header.scss */
.global-header-nav {
	position: absolute;
	top: 0;
	left: 256px;
	display: block;
	margin-right: 90px;
	height: 100%;
	overflow: hidden;
}

/* line 35, src/sass/components/_global-header.scss */
.global-header-nav__icon {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	padding: 16px 24px;
}

/* line 41, src/sass/components/_global-header.scss */
.global-header-nav__icon .material-icons {
	color: rgba(0, 0, 0, 0.54);
}

/* line 44, src/sass/components/_global-header.scss */
.global-header-nav__icon .btn-icons {
	display: block;
	padding: 0;
	margin: 0;
	min-width: 0;
	width: 32px;
}

/* line 52, src/sass/components/_global-header.scss */
.global-header-nav__name {
	display: inline-block;
	vertical-align: middle;
}

/* line 55, src/sass/components/_global-header.scss */
.global-header-nav__name p {
	padding: 0;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
}

/* line 62, src/sass/components/_global-header.scss */
.global-header__logout {
	position: absolute;
	right: 24px;
	top: 16px;
	display: block;
	width: 70px;
	height: 48px;
	padding: 0;
	margin: 0 0 0 0;
	right: 0;
	top: 0;
	padding: 16px 24px 0 16px;
	background: #fff;
}

/* line 1, src/sass/components/_lead-nav.scss */
.lead-nav {
	display: block;
	height: 48px;
	margin: 0 0 32px;
	overflow: hidden;
	border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}

/* line 1, src/sass/components/_list.scss */
.list {
	display: block;
	padding: 0;
	margin: 0;
}

/* line 5, src/sass/components/_list.scss */
.list:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

/* line 8, src/sass/components/_list.scss */
.list.global_header {
	padding: 0;
	margin: 16px;
}

/* line 11, src/sass/components/_list.scss */
.list.global_header>.list__item {
	margin-bottom: 32px;
}

/* line 19, src/sass/components/_list.scss */
.list.column_1>.list__item {
	width: 100%;
	float: none;
}

/* line 25, src/sass/components/_list.scss */
.list.column_2>.list__item {
	width: 50%;
	width: calc(100% / 2);
}

/* line 31, src/sass/components/_list.scss */
.list.column_3>.list__item {
	width: 33.33%;
	width: calc(100% / 3);
}

/* line 37, src/sass/components/_list.scss */
.list.column_4>.list__item {
	width: 25%;
	width: calc(100% / 4);
}

/* line 43, src/sass/components/_list.scss */
.list.column_5>.list__item {
	width: 20%;
	width: calc(100% / 5);
}

/* line 49, src/sass/components/_list.scss */
.list.column_6>.list__item {
	width: 16.66%;
	width: calc(100% / 6);
}

/* line 54, src/sass/components/_list.scss */
.list.has_dotto {
	list-style-type: disc;
}

/* line 56, src/sass/components/_list.scss */
.list.has_dotto>.list__item {
	position: relative;
	padding-left: 16px;
	margin-bottom: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 63, src/sass/components/_list.scss */
.list.has_dotto>.list__item:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
	display: block;
	height: 5px;
	width: 5px;
	background-color: rgba(0, 0, 0, 0.38);
	border-radius: 49%;
}

/* line 77, src/sass/components/_list.scss */
.list.layout_table {
	display: table;
}

/* line 79, src/sass/components/_list.scss */
.list.layout_table .list__item {
	display: table-cell;
}

/* line 83, src/sass/components/_list.scss */
.list.flex_start,
.list.japanese_syllabary {
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-content: space-around;
	align-content: space-around;
	-webkit-align-content: space-between;
	align-content: space-between;
}

/* line 102, src/sass/components/_list.scss */
.list.flex_start .list__item,
.list.japanese_syllabary .list__item {
	white-space: nowrap;
	min-width: 160px;
	padding: 12px 12px;
	font-size: 15px;
}

/* line 109, src/sass/components/_list.scss */
.list.flex_column {
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-content: space-around;
	align-content: space-around;
	-webkit-align-content: space-between;
	align-content: space-between;
}

/* line 126, src/sass/components/_list.scss */
.list.japanese_syllabary {
	width: 400px;
	text-align: center;
}

/* line 132, src/sass/components/_list.scss */
.list.japanese_syllabary>.list__item {
	min-width: 0;
	padding: 12px 0px;
}

/* line 137, src/sass/components/_list.scss */
.list.margin_bottom {
	margin-bottom: 32px;
}

/* line 141, src/sass/components/_list.scss */
.list.blog_list>.list__item {
	width: 100%;
}

/* line 146, src/sass/components/_list.scss */
.list__item {
	display: block;
	float: left;
}

.container_gender {
	margin-top: 48px;
	margin-bottom: 48px;
}

.gender {
	color: black !important;
	font-family: 'Hiragino Kaku Gothic Pro' !important;
	font-size: 15 !important;
	font-weight: bold !important;
	margin-bottom: 20px !important;

}

.list_gender {
	flex-direction: row !important;
	display: block;
}

.gender_check {
	margin-right: 10px !important;
	color: #00bcd4 !important;
}

.gender_uncheck {
	margin-right: 10px !important;
	color: #252525 !important;
}

.css-ahj2mt-MuiTypography-root {
	margin-right: 50px !important;
	margin-left: 5px !important;
	font-size: 15 !important;
	font-weight: 700 !important;
	font-family: 'Hiragino Kaku Gothic Pro' !important;
}

.css-9l3uo3 {
	margin-right: 50px !important;
	margin-left: 5px !important;
	font-size: 15 !important;
	font-weight: 700 !important;
	font-family: 'Hiragino Kaku Gothic Pro' !important;
}

@media screen and (min-width: 0px) {

	/* line 152, src/sass/components/_list.scss */
	.list.blog_list>.list__item {
		width: 100%;
	}
}

@media screen and (min-width: 800px) and (max-width: 1024px) {

	/* line 159, src/sass/components/_list.scss */
	.list.blog_list>.list__item {
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* line 164, src/sass/components/_list.scss */
	.list.blog_list>.list__item:nth-child(odd) {
		padding-right: 12px;
	}

	/* line 167, src/sass/components/_list.scss */
	.list.blog_list>.list__item:nth-child(even) {
		padding-left: 12px;
	}
}

@media screen and (min-width: 1025px) {

	/* line 175, src/sass/components/_list.scss */
	.list.blog_list>.list__item {
		width: 33.33%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 24px;
	}
}

/* line 1, src/sass/components/_logout-dialog.scss */
.logout-dialog-list {
	display: block;
	text-align: center;
	white-space: nowrap;
}

/* line 5, src/sass/components/_logout-dialog.scss */
.logout-dialog-list .list__item {
	display: inline-block;
	float: none;
	vertical-align: middle;
}

/* line 11, src/sass/components/_logout-dialog.scss */
.logout-dialog-btn-wrap {
	display: block;
	padding: 24px 0 0 0;
}

/* line 15, src/sass/components/_logout-dialog.scss */
.logout-dialog__text {
	display: block;
	font-size: 15px;
}

/* line 1, src/sass/components/_pager.scss */
.pager {
	display: block;
}

/* line 3, src/sass/components/_pager.scss */
.pager .list {
	text-align: center;
	white-space: nowrap;
}

/* line 7, src/sass/components/_pager.scss */
.pager .list__item {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

/* line 12, src/sass/components/_pager.scss */
.pager .mdl-button,
.pager .btn,
.pager .btn-customer,
.pager .btn-raised,
.pager .seal-btn {
	min-width: 28px;
	height: 28px;
	line-height: 28px;
	padding: 0 6px;
	margin: 0 4px;
}

/* line 18, src/sass/components/_pager.scss */
.pager .mdl-button.is-active,
.pager .is-active.btn,
.pager .is-active.btn-customer,
.pager .is-active.btn-raised,
.pager .is-active.seal-btn {
	background: rgb(17, 173, 157);
	color: #fff;
}

/* line 21, src/sass/components/_pager.scss */
.pager .mdl-button.is-active:hover,
.pager .is-active.btn:hover,
.pager .is-active.btn-customer:hover,
.pager .is-active.btn-raised:hover,
.pager .is-active.seal-btn:hover {
	background: rgb(17, 173, 157);
	color: #fff;
}

/* line 26, src/sass/components/_pager.scss */
.pager .mdl-button:hover,
.pager .btn:hover,
.pager .btn-customer:hover,
.pager .btn-raised:hover,
.pager .seal-btn:hover {
	background: none;
	color: rgb(17, 173, 157);
}

/* line 31, src/sass/components/_pager.scss */
.pager .mdl-button[disabled]:hover,
.pager [disabled].btn:hover,
.pager [disabled].btn-customer:hover,
.pager [disabled].btn-raised:hover,
.pager [disabled].seal-btn:hover {
	color: rgba(0, 0, 0, 0.26);
	cursor: default;
	background-color: transparent;
}

/* line 1, src/sass/components/_primary.scss */
.primary {
	min-height: 200px;
	display: block;
	padding: 0;
	margin: 0 0 16px;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
}

/* line 8, src/sass/components/_primary.scss */
.primary.margin_bottom {
	margin-bottom: 32px;
}

/* line 11, src/sass/components/_primary.scss */
.primary:after {
	content: '';
	display: block;
	clear: both;
	width: 100%;
}

/* line 18, src/sass/components/_primary.scss */
.primary-title {
	display: block;
	padding: 24px 24px 0;
	margin: 0 0 15px 0;
	text-align: left;
	font-weight: normal;
}

/* line 24, src/sass/components/_primary.scss */
.primary-title.lv_2 {
	padding: 8px 0;
}

/* line 26, src/sass/components/_primary.scss */
.primary-title.lv_2 .primary-title__main {
	font-size: 15px;
	font-weight: bold;
}

/* line 31, src/sass/components/_primary.scss */
.primary-title.layout_settings-result {
	text-align: center;
	font-weight: bold;
	padding: 64px 24px 0;
}

/* line 35, src/sass/components/_primary.scss */
.primary-title.layout_settings-result .primary-title__main {
	font-weight: bold;
	font-size: 24px;
}

.primary__setting_rung {
	margin-bottom: 15px;
}

/* line 41, src/sass/components/_primary.scss */
.primary-title__main {
	display: inline-block;
	vertical-align: bottom;
	padding: 0;
	margin: 0 0;
	font-size: 20px;
	font-weight: normal;
}

/* line 49, src/sass/components/_primary.scss */
.primary-title__subtitle {
	display: inline-block;
	vertical-align: bottom;
	padding: 0;
	margin: 0 0;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 57, src/sass/components/_primary.scss */
.primary-title__description {
	display: block;
	clear: both;
	padding: 0;
	margin: 16px 0 0;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 65, src/sass/components/_primary.scss */
.primary__inner {
	display: block;
	padding: 24px 24px;
}

/* line 68, src/sass/components/_primary.scss */
.primary__inner.layout_settings-result {
	padding: 24px 24px 64px;
	text-align: center;
}

/* line 71, src/sass/components/_primary.scss */
.primary__inner.layout_settings-result p {
	margin-bottom: 32px;
}

/* line 1, src/sass/components/_seal.scss */
.seal {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	padding: 0 48px 0 56px;
	margin: 0;
	background-color: #fff;
}

/* line 11, src/sass/components/_seal.scss */
.seal-figure {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	background-color: #d8d8d8;
}

/* line 22, src/sass/components/_seal.scss */
.seal-figure__image {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

/* line 31, src/sass/components/_seal.scss */
.seal-name {
	display: block;
	overflow: hidden;
	height: 40px;
	max-width: 400px;
	padding: 0;
	margin: 0;
}

/* line 38, src/sass/components/_seal.scss */
.seal-name:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	margin-left: -0.025em;
}

/* line 46, src/sass/components/_seal.scss */
.seal-name__text {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	word-wrap: break-word;
}

/* line 54, src/sass/components/_seal.scss */
.seal-btn {
	position: absolute;
	top: 50%;
	right: 0;
	width: 40px;
	height: 40px;
	min-width: 40px;
	margin: -20px 0 0;
	padding: 0;
	color: #494958;
	border-radius: 2px;
}

/* line 66, src/sass/components/_seal.scss */
.seal-btn .seal-btn__icons {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	border-radius: 0 2px 2px 0;
}

/* line 1, src/sass/components/_secondary.scss */
.secondary {
	position: fixed;
	z-index: 120;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 256px;
	background-color: #2a2a3b;
}

/* line 12, src/sass/components/_secondary.scss */
.secondary-profile {
	display: block;
	padding: 16px;
	margin: 64px 0 0 0;
	background-color: #494958;
}

/* line 18, src/sass/components/_secondary.scss */
.secondary-profile__anchor {
	position: relative;
	display: block;
	padding: 0 0 0 56px;
	margin: 0 0 16px;
	text-decoration: none;
}

/* line 24, src/sass/components/_secondary.scss */
.secondary-profile__anchor:hover {
	text-decoration: none;
}

/* line 28, src/sass/components/_secondary.scss */
.secondary-profile__figure {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding: 0;
	margin: 0;
}

/* line 35, src/sass/components/_secondary.scss */
.secondary-profile__figure img {
	display: block;
	height: 40px;
	width: 40px;
	margin: 0;
	background-position: center;
	background-size: cover;
	border-radius: 51%;
}

/* line 44, src/sass/components/_secondary.scss */
.secondary-profile__figure[data-badge]:after {
	content: attr(data-badge);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: absolute;
	top: -8px;
	right: -8px;
	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
	font-weight: 600;
	font-size: 12px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgb(236, 64, 122);
	color: #fff;
}

/* line 64, src/sass/components/_secondary.scss */
.secondary-profile__figure[data-badge='0']:after {
	display: none;
}

/* line 68, src/sass/components/_secondary.scss */
.secondary-profile__name {
	display: block;
	line-height: 20px;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 15px;
	color: #fff;
}

/* line 77, src/sass/components/_secondary.scss */
.secondary-profile__reward {
	display: block;
	line-height: 20px;
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
}

/* line 87, src/sass/components/_secondary.scss */
.secondary-nav {
	display: block;
	text-align: center;
}

/* line 94, src/sass/components/_secondary.scss */
.secondary-customer .list.column_3 {
	width: 100%;
}

/* line 97, src/sass/components/_secondary.scss */
.secondary-customer .tab {
	float: none;
}

/* line 99, src/sass/components/_secondary.scss */
.secondary-customer .tab .material-icons {
	color: #9e9e9e;
}

/* line 103, src/sass/components/_secondary.scss */
.secondary-customer .tab.is-active .material-icons {
	color: #fff;
}

/* line 107, src/sass/components/_secondary.scss */
.secondary-customer .tab[data-badge]:after {
	z-index: 2;
	top: 8px;
	right: 12px;
}

/* line 115, src/sass/components/_secondary.scss */
.secondary-definition-wrap {
	display: block;
	height: calc(100vh - 286px);
	overflow: auto;
	background: #494958;
}

/* line 124, src/sass/components/_secondary.scss */
.secondary-definition {
	display: block;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: #494958;
}

/* line 131, src/sass/components/_secondary.scss */
.secondary-definition__title {
	display: block;
	padding: 16px;
	margin: 0;
	color: rgba(0, 0, 0, 0.54);
	color: #9e9e9e;
}

/* line 138, src/sass/components/_secondary.scss */
.secondary-definition__data {
	display: block;
	padding: 0;
	margin: 0;
}

/* line 143, src/sass/components/_secondary.scss */
.secondary-definition__nodata {
	display: block;
	padding: 0 16px 16px;
	margin: 0 0 16px;
	text-align: left;
	color: #9e9e9e;
}

/* line 1, src/sass/components/_secondary-comment.scss */
.secondary-comment {
	position: relative;
	font-size: 16px;
	display: inline-block;
	box-sizing: border-box;
	width: 300px;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

/* line 21, src/sass/components/_secondary-comment.scss */
.secondary-comment__input {
	width: 100%;
	height: 64px;
	padding: 8px 42px 8px 8px;
	background: rgba(255, 255, 255, 0.16);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	resize: none;
	color: #fff;
	font-size: 13px;
}

/* line 10, src/sass/settings/mixin/_placeholder.scss */
.secondary-comment__input:placeholder-shown {
	color: rgba(255, 255, 255, 0.5);
	font-size: 13px;
	line-height: 1;
}

/* line 13, src/sass/settings/mixin/_placeholder.scss */
.secondary-comment__input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
	font-size: 13px;
	line-height: 1;
}

/* line 16, src/sass/settings/mixin/_placeholder.scss */
.secondary-comment__input:-moz-placeholder {
	opacity: 1;
	color: rgba(255, 255, 255, 0.5);
	font-size: 13px;
	line-height: 1;
}

/* line 20, src/sass/settings/mixin/_placeholder.scss */
.secondary-comment__input::-moz-placeholder {
	opacity: 1;
	color: rgba(255, 255, 255, 0.5);
	font-size: 13px;
	line-height: 1;
}

/* line 24, src/sass/settings/mixin/_placeholder.scss */
.secondary-comment__input:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
	font-size: 13px;
	line-height: 1;
}

/* line 39, src/sass/components/_secondary-comment.scss */
.secondary-comment__label {
	z-index: 1600;
	top: 0;
	padding: 8px 4px 4px 8px;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: rgba(255, 255, 255, 0.5);
}

/* line 48, src/sass/components/_secondary-comment.scss */
.secondary-comment__label:after {
	bottom: 0;
}

/* line 52, src/sass/components/_secondary-comment.scss */
.icon.secondary-comment__icons {
	position: absolute;
	z-index: 80;
	top: 50%;
	right: 8px;
	color: #fff;
	height: 16px;
	margin: -8px 0 0 0;
	font-size: 16px;
}

/* line 63, src/sass/components/_secondary-comment.scss */
.secondary-comment-tooltip {
	position: absolute;
	top: 50%;
	left: 236px;
	text-align: left;
	max-width: 100%;
	height: 156px;
	padding: 16px;
	margin-top: -94px;
	background: #fff;
	color: #000;
	white-space: nowrap;
	border-radius: 4px;
	box-shadow: 0px 19px 38px 0px rgba(0, 0, 0, 0.3),
		0px 15px 12px 0px rgba(0, 0, 0, 0.22);
}

/* line 79, src/sass/components/_secondary-comment.scss */
.secondary-comment-tooltip:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -10px;
	margin-top: -8px;
	display: block;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-right: 10px solid #fff;
	border-bottom: 8px solid transparent;
}

/* line 92, src/sass/components/_secondary-comment.scss */
.secondary-comment-tooltip.hide {
	display: none;
}

/* line 96, src/sass/components/_secondary-comment.scss */
.secondary-comment-definition {
	display: block;
	font-size: 14px;
	line-height: 18px;
}

/* line 103, src/sass/components/_secondary-comment.scss */
.secondary-comment-definition__title {
	display: block;
	padding: 0;
	margin: 0;
}

/* line 108, src/sass/components/_secondary-comment.scss */
.secondary-comment-definition__data {
	display: block;
	padding: 0;
	margin: 0;
}

/* line 112, src/sass/components/_secondary-comment.scss */
.secondary-comment-definition__data ul {
	display: block;
	list-style-type: disc;
	padding: 0 0 0 1em;
}

/* line 120, src/sass/components/_secondary-comment.scss */
.secondary-comment-edit {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	padding: 8px;
	text-align: center;
	white-space: nowrap;
}

/* line 133, src/sass/components/_secondary-comment.scss */
.secondary-comment-edit__btn {
	position: static;
	width: 32px;
	min-width: 0;
	height: 28px;
	line-height: 28px;
	padding: 0;
	margin: 0 0 4px;
	font-size: 12px;
	color: #fff;
	background-color: rgb(17, 173, 157);
}

/* line 145, src/sass/components/_secondary-comment.scss */
.secondary-comment-edit__count {
	display: block;
	text-align: center;
	color: rgba(255, 255, 255, 0.7);
	font-size: 11px;
}

/* line 1, src/sass/components/_secondary-workstart.scss */
.secondary-workstart-wrap {
	display: block;
}

/* line 3, src/sass/components/_secondary-workstart.scss */
.secondary-workstart-wrap.hide {
	display: none;
}

/* line 7, src/sass/components/_secondary-workstart.scss */
.secondary-workstart-wrap__bg {
	position: fixed;
	z-index: 640;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

/* line 16, src/sass/components/_secondary-workstart.scss */
.secondary-workstart {
	position: absolute;
	z-index: 720;
	top: 38px;
	left: 0;
	display: block;
	width: 100%;
	padding: 16px 0;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0px 19px 38px 0px rgba(0, 0, 0, 0.3),
		0px 15px 12px 0px rgba(0, 0, 0, 0.22);
}

/* line 30, src/sass/components/_secondary-workstart.scss */
.secondary-workstart.hide {
	display: none;
}

/* line 34, src/sass/components/_secondary-workstart.scss */
.secondary-workstart-btn {
	padding: 0 16px 16px;
	margin: 0 0;
	border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}

/* line 39, src/sass/components/_secondary-workstart.scss */
.secondary-workstart-btn__text {
	display: block;
	line-height: 20px;
	text-align: center;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.54);
	white-space: nowrap;
}

/* line 49, src/sass/components/_secondary-workstart.scss */
.secondary-workstart-toggle {
	display: block;
	margin: 0 0;
	padding: 16px 16px;
	font-size: 15px;
}

/* line 1, src/sass/components/_tab.scss */
.tab {
	margin: 0;
	border: none;
	padding: 0 24px 0 24px;
	float: left;
	position: relative;
	display: block;
	text-decoration: none;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.54);
	overflow: hidden;
	cursor: pointer;
}

/* line 24, src/sass/components/_tab.scss */
.tab:hover {
	text-decoration: none;
}

/* line 28, src/sass/components/_tab.scss */
.tab.is-active:before {
	height: 2px;
	width: 100%;
	display: block;
	content: ' ';
	bottom: 0;
	left: 0;
	position: absolute;
	background: rgb(17, 173, 157);
	-webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
	animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
	transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

/* line 42, src/sass/components/_tab.scss */
.tab[data-badge]:after {
	content: attr(data-badge);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
	font-weight: 600;
	font-size: 12px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgb(236, 64, 122);
	color: #fff;
}

/* line 62, src/sass/components/_tab.scss */
.tab[data-badge='0']:after {
	display: none;
}

/* line 66, src/sass/components/_tab.scss */
.tab__icons {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	font-size: 24px;
}

/* line 1, src/sass/components/_table.scss */
.table-data {
	max-width: 100%;
	width: 100%;
	border: none;
	text-align: center;
}

/* line 8, src/sass/components/_table.scss */
.table-data th {
	font-weight: normal;
}

/* line 11, src/sass/components/_table.scss */
.table-data.margin_bottom {
	margin-bottom: 32px;
}

/* line 14, src/sass/components/_table.scss */
.table-data .table-align-center {
	text-align: center;
}

/* line 17, src/sass/components/_table.scss */
.table-data .table-align-left {
	text-align: left;
}

/* line 20, src/sass/components/_table.scss */
.table-data .table-align-right {
	text-align: right;
}

/* line 24, src/sass/components/_table.scss */
.table-th-left,
.table-checkout {
	border: none;
}

/* line 27, src/sass/components/_table.scss */
.table-th-left th,
.table-checkout th {
	color: #000;
	background-color: rgba(0, 0, 0, 0.06);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 15px;
	font-weight: normal;
}

/* line 35, src/sass/components/_table.scss */
.table-th-left td,
.table-checkout td {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 15px;
}

/* line 40, src/sass/components/_table.scss */
.table-th-left.margin_bottom,
.margin_bottom.table-checkout {
	margin-bottom: 32px;
}

/* line 43, src/sass/components/_table.scss */
.table-th-left .table-align-center,
.table-checkout .table-align-center {
	text-align: center;
}

/* line 46, src/sass/components/_table.scss */
.table-th-left .table-align-left,
.table-checkout .table-align-left {
	text-align: left;
}

.note-invoice {
	text-align: left;
	margin-top: 12px;
	font-size: 12px;
}
.note-invoice a {
	color: #ec407a;
	text-decoration: underline;
}

/* line 49, src/sass/components/_table.scss */
.table-th-left .table-align-right,
.table-checkout .table-align-right {
	text-align: right;
}

/* line 53, src/sass/components/_table.scss */
.table-th-head {
	border: none;
}

/* line 56, src/sass/components/_table.scss */
.table-th-head th {
	color: #000;
	background-color: rgba(0, 0, 0, 0.06);
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 15px;
	font-weight: normal;
}

/* line 64, src/sass/components/_table.scss */
.table-th-head td {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 15px;
}

/* line 69, src/sass/components/_table.scss */
.table-th-head .mdl-data-table__cell--non-numeric {
	text-align: center;
}

/* line 72, src/sass/components/_table.scss */
.table-th-head.margin_bottom {
	margin-bottom: 32px;
}

/* line 75, src/sass/components/_table.scss */
.table-th-head .table-align-center {
	text-align: center;
}

/* line 78, src/sass/components/_table.scss */
.table-th-head .table-align-left {
	text-align: left;
}

/* line 81, src/sass/components/_table.scss */
.table-th-head .table-align-right {
	text-align: right;
}

/* line 85, src/sass/components/_table.scss */
.table-checkout {
	width: 100%;
	margin: 0 auto 32px;
}

/* line 89, src/sass/components/_table.scss */
.table-checkout th {
	padding-top: 8px;
	padding-bottom: 8px;
	background: none;
	text-align: lefgt;
	vertical-align: top;
}

/* line 96, src/sass/components/_table.scss */
.table-checkout td.mdl-data-table__cell--non-numeric {
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: right;
	vertical-align: top;
}

/* line 103, src/sass/components/_table.scss */
.table-checkout .table-checkout__result th {
	position: relative;
	padding-top: 12px;
	padding-bottom: 12px;
	border-top: solid 1px rgba(0, 0, 0, 0.12);
	font-size: 18px;
	font-weight: bold;
}

/* line 110, src/sass/components/_table.scss */
.table-checkout .table-checkout__result th:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	height: 1px;
	margin: 0 0 0 24px;
	background: rgba(0, 0, 0, 0.12);
}

/* line 123, src/sass/components/_table.scss */
.table-checkout .table-checkout__result td {
	position: relative;
	padding-top: 12px;
	padding-bottom: 12px;
	border-top: solid 1px rgba(0, 0, 0, 0.12);
	font-size: 18px;
	font-weight: bold;
}

/* line 130, src/sass/components/_table.scss */
.table-checkout .table-checkout__result td:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	height: 1px;
	margin: 0 24px 0 0;
	background: rgba(0, 0, 0, 0.12);
}

/* line 144, src/sass/components/_table.scss */
.table-checkout .table-align-center {
	text-align: center;
}

/* line 147, src/sass/components/_table.scss */
.table-checkout .table-align-left {
	text-align: left;
}

/* line 150, src/sass/components/_table.scss */
.table-checkout .table-align-right {
	text-align: right;
}

/* line 1, src/sass/components/_text.scss */
.text-secondary {
	color: rgba(0, 0, 0, 0.54);
}

/* line 4, src/sass/components/_text.scss */
.text-disabled {
	color: rgba(0, 0, 0, 0.38);
	font-size: 15px;
}

/* line 7, src/sass/components/_text.scss */
.text-disabled.margin_bottom {
	margin-bottom: 24px;
}

/* line 11, src/sass/components/_text.scss */
.text-accent {
	color: rgb(236, 64, 122);
}

/* line 14, src/sass/components/_text.scss */
.text-annotation {
	color: rgba(0, 0, 0, 0.38);
	font-size: 15px;
}

/* line 17, src/sass/components/_text.scss */
.text-annotation:before {
	content: '※';
	color: rgb(236, 64, 122);
}

/* line 21, src/sass/components/_text.scss */
.text-annotation.margin_bottom {
	margin-bottom: 16px;
}

/* line 21, src/sass/components/_textfield.scss */
.textfield__count {
	position: absolute;
	right: 0;
	bottom: 0px;
	display: block;
	height: 12px;
	line-height: 1;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.38);
	text-align: right;
}

/* line 32, src/sass/components/_textfield.scss */
.textfield__textarea {
	resize: none;
}

/* line 35, src/sass/components/_textfield.scss */
.textfield__value {
	display: block;
	padding: 0;
	margin: 0;
}

/* line 40, src/sass/components/_textfield.scss */
.textfield-note {
	display: block;
	float: left;
	color: rgba(0, 0, 0, 0.54);
}

/* line 1, src/sass/pages/chat/_chat-box.scss */
.chat-box-form {
	position: fixed;
	z-index: 60;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 136px;
	padding: 0 256px;
	background: #fff;
	box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 18, src/sass/pages/chat/_chat-box.scss */
.chat-box-form__typing {
	position: absolute;
	top: -20px;
	left: 272px;
	font-size: 13px;
	display: block;
	height: 14px;
	line-height: 14px;
	white-space: nowrap;
	text-align: left;
	color: rgba(0, 0, 0, 0.54);
}

/* line 30, src/sass/pages/chat/_chat-box.scss */
.chat-box-customer {
	position: fixed;
	z-index: 180;
	right: 0;
	top: 0;
	display: block;
	width: 256px;
	height: 100%;
	background: #fff;
	overflow: hidden;
	border-left: solid 1px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
}

/* line 3, src/sass/pages/chat/_chat-call-history.scss */
.chat-call-history {
	height: 330px;
	padding: 8px 0 7px;
	overflow: auto;
	font-size: 14px;
}

/* line 9, src/sass/pages/chat/_chat-call-history.scss */
.chat-call-history__summary {
	display: block;
	padding: 8px 24px;
	font-size: 14px;
}

/* line 14, src/sass/pages/chat/_chat-call-history.scss */
.chat-call-history__date {
	display: block;
	line-height: 1;
	padding: 0;
	margin: 0 0 4px;
	font-size: 14px;
	color: #000;
}

/* line 22, src/sass/pages/chat/_chat-call-history.scss */
.chat-call-history__time {
	display: block;
	line-height: 1;
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 1, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom {
	position: relative;
	display: block;
	height: 29px;
	padding: 8px 136px 8px 16px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.12);
	white-space: nowrap;
}

/* line 9, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

/* line 13, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom__pay {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0 16px 0 0;
}

/* line 18, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom__pay:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	widows: 1px;
	height: 100%;
	border-right: solid 1px rgba(0, 0, 0, 0.12);
}

/* line 29, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom-definition {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

/* line 38, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom-definition__title {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 4px 8px;
	font-weight: normal;
	font-size: 14px;
}

/* line 46, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom-definition__data {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 13px;
}

/* line 53, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom-definition__data>.list {
	white-space: nowrap;
}

/* line 56, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom-definition__data .list__item {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

/* line 63, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom-count {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 45px;
	padding: 0 16px;
	margin: 0;
	font-size: 13px;
	background: #fff;
}

/* line 73, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom-count:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

/* line 80, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom-count__title {
	position: relative;
	display: block;
	float: left;
	height: 45px;
	line-height: 45px;
	padding: 0px 10px 0 0;
	margin: 0;
}

/* line 91, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom-count__title:after {
	content: ':';
	position: absolute;
	bottom: 0;
	right: 4px;
	display: block;
}

/* line 99, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom-count__data {
	display: block;
	float: left;
	height: 45px;
	line-height: 45px;
	padding: 0;
	margin: 0;
}

/* line 109, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom-count__data.color_notice {
	color: rgb(236, 64, 122);
}

/* line 113, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom-count__notice {
	position: absolute;
	right: 0;
	top: -52px;
	display: block;
	height: 45px;
	line-height: 45px;
	padding: 0 16px;
	margin: 0;
	background-color: rgb(236, 64, 122);
	color: #fff;
	font-size: 13px;
	border-radius: 4px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
}

/* line 127, src/sass/pages/chat/_chat-form.scss */
.chat-form-custom-count__notice:after {
	content: '';
	position: absolute;
	right: 20px;
	bottom: -8px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid rgb(236, 64, 122);
}

/* line 139, src/sass/pages/chat/_chat-form.scss */
.chat-form-main {
	display: block;
	padding: 0;
}

/* line 142, src/sass/pages/chat/_chat-form.scss */
.chat-form-main:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

/* line 146, src/sass/pages/chat/_chat-form.scss */
.chat-form-wrap {
	display: block;
	width: 80%;
	float: left;
	padding: 0;
	margin: 0;
	padding: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 157, src/sass/pages/chat/_chat-form.scss */
.chat-form {
	position: relative;
	font-size: 16px;
	display: inline-block;
	box-sizing: border-box;
	max-width: 100%;
	margin: 0;
	padding: 20px 0;
	display: block;
	width: auto;
	padding: 0;
	margin: 0;
}

/* line 173, src/sass/pages/chat/_chat-form.scss */
.chat-form__input {
	display: block;
	width: 100%;
	height: 74px;
	padding: 8px 8px 8px 8px;
	margin: 0;
	background: rgba(255, 255, 255, 0.16);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	resize: none;
	color: #000;
	font-size: 13px;
	border: none;
	text-align: left;
}

/* line 189, src/sass/pages/chat/_chat-form.scss */
.chat-form__label {
	bottom: 0;
	color: rgba(0, 0, 0, 0.26);
	font-size: 16px;
	left: 0;
	right: 0;
	pointer-events: none;
	position: absolute;
	display: block;
	top: 24px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
	z-index: 1600;
	top: 0;
	padding: 8px 4px 4px 8px;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 211, src/sass/pages/chat/_chat-form.scss */
.chat-form__label:after {
	bottom: 0;
}

/* line 215, src/sass/pages/chat/_chat-form.scss */
.chat-form-btn__checkbox {
	margin-bottom: 8px;
}

/* line 217, src/sass/pages/chat/_chat-form.scss */
.chat-form-btn__checkbox label {
	font-size: 13px;
}

/* line 221, src/sass/pages/chat/_chat-form.scss */
.chat-form-btn {
	width: 20%;
	float: left;
	padding: 12px 16px 12px 0;
	margin: 0;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 230, src/sass/pages/chat/_chat-form.scss */
.chat-form-btn .mdl-checkbox__label {
	font-size: 13px;
}

/* line 1, src/sass/pages/chat/_chat-karte.scss */
.chat-karte-list-wrap {
	display: block;
	height: 50vh;
	overflow: auto;
}

/* line 6, src/sass/pages/chat/_chat-karte.scss */
.chat-karte-list {
	display: block;
}

/* line 9, src/sass/pages/chat/_chat-karte.scss */
.chat-karte {
	display: block;
	padding: 16px 24px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}

/* line 14, src/sass/pages/chat/_chat-karte.scss */
.chat-karte-title {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 13px;
}

/* line 21, src/sass/pages/chat/_chat-karte.scss */
.chat-karte-title__icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px 0 0;
	color: rgb(17, 173, 157);
}

/* line 27, src/sass/pages/chat/_chat-karte.scss */
.chat-karte-title__text {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 33, src/sass/pages/chat/_chat-karte.scss */
.chat-karte-name {
	display: block;
	margin: 0 0 4px;
}

/* line 37, src/sass/pages/chat/_chat-karte.scss */
.chat-karte-name__main {
	display: inline-block;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

/* line 45, src/sass/pages/chat/_chat-karte.scss */
.chat-karte-name__sex {
	display: inline-block;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

/* line 52, src/sass/pages/chat/_chat-karte.scss */
.chat-karte-name__phonetic {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 59, src/sass/pages/chat/_chat-karte.scss */
.chat-karte-chart {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 13px;
}

/* line 64, src/sass/pages/chat/_chat-karte.scss */
.chat-karte-chart:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

/* line 68, src/sass/pages/chat/_chat-karte.scss */
.chat-karte-chart__title {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	width: 30%;
	padding-right: 4px;
	font-weight: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 80, src/sass/pages/chat/_chat-karte.scss */
.chat-karte-chart__title:after {
	content: ':';
	position: absolute;
	top: 0;
	right: 0;
}

/* line 87, src/sass/pages/chat/_chat-karte.scss */
.chat-karte-chart__data {
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	width: 70%;
	font-weight: normal;
	padding-left: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 1, src/sass/pages/chat/_chat-list.scss */
.chat-list-area-wrap {
	height: 100%;
	margin: 0;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	display: flex;
	flex-direction: column;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	-webkit-align-items: inherit;
	align-items: inherit;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	display: -moz-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

/* line 27, src/sass/pages/chat/_chat-list.scss */
.chat-list-area-wrap.user_typing {
	height: -moz-calc(100% - 28px);
	height: -o-calc(100% - 28px);
	height: -webkit-calc(100% - 28px);
	height: calc(100% - 28px);
}

/* line 38, src/sass/pages/chat/_chat-list.scss */
.chat-list-area {
	position: relative;
	word-wrap: break-word;
	margin: 0;
	overflow-y: auto;
	padding: 0;
	flex-grow: 1;
	order: 1;
}

/* line 60, src/sass/pages/chat/_chat-list.scss */
.chat-list-area__typing {
	position: relative;
	display: block;
	height: 24px;
	line-height: 24px;
	margin: 16px 0 0;
	padding: 0 16px;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.54);
}

@keyframes protrude {
	0% {
		bottom: -48px;
	}

	40% {
		bottom: 16px;
	}

	60% {
		bottom: 0;
	}

	100% {
		bottom: 0;
	}
}

@-webkit-keyframes protrude {
	0% {
		bottom: -48px;
	}

	40% {
		bottom: 16px;
	}

	60% {
		bottom: 0;
	}

	100% {
		bottom: 0;
	}
}

/* line 103, src/sass/pages/chat/_chat-list.scss */
.chat-list {
	position: relative;
	display: block;
	padding: 10px 24px 10px 72px;
}

/* line 108, src/sass/pages/chat/_chat-list.scss */
.chat-list-figure {
	position: absolute;
	top: 10px;
	left: 24px;
	display: block;
	height: 40px;
	width: 40px;
	padding: 0;
	margin: 0;
}

/* line 118, src/sass/pages/chat/_chat-list.scss */
.chat-list-figure__image {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 51%;
}

/* line 129, src/sass/pages/chat/_chat-list.scss */
.chat-list-status {
	display: block;
	clear: both;
	font-size: 13px;
}

/* line 134, src/sass/pages/chat/_chat-list.scss */
.chat-list-status__name {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 8px 0 0;
	font-weight: bold;
}

/* line 141, src/sass/pages/chat/_chat-list.scss */
.chat-list-status__time {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 8px 0 0;
	color: rgba(0, 0, 0, 0.54);
}

/* line 148, src/sass/pages/chat/_chat-list.scss */
.chat-list-status__read {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	color: rgba(0, 0, 0, 0.54);
}

/* line 156, src/sass/pages/chat/_chat-list.scss */
.chat-list-label {
	display: block;
	clear: both;
}

/* line 160, src/sass/pages/chat/_chat-list.scss */
.chat-list-label__text {
	display: inline-block;
	line-height: 1em;
	padding: 4px 8px;
	margin: 0 0 8px;
	color: #fff;
	background: rgb(17, 173, 157);
	border-radius: 2px;
	font-size: 13px;
}

/* line 171, src/sass/pages/chat/_chat-list.scss */
.chat-list-message {
	display: block;
	overflow: hidden;
	font-size: 15px;
}

/* line 175, src/sass/pages/chat/_chat-list.scss */
.chat-list-message p {
	display: blocl;
	font-size: inherit;
}

/* line 179, src/sass/pages/chat/_chat-list.scss */
.chat-list-message img {
	display: blocl;
	max-width: 100%;
}

/* line 183, src/sass/pages/chat/_chat-list.scss */
.chat-list-message i {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
	height: 15px;
	width: 15px;
	margin: 0 4px 0 0;
	font-size: 15px;
	color: rgb(17, 173, 157);
}

/* line 195, src/sass/pages/chat/_chat-list.scss */
.chat-list-delimiter {
	position: relative;
	display: block;
	margin: 16px 0;
	clear: both;
	text-align: center;
}

/* line 201, src/sass/pages/chat/_chat-list.scss */
.chat-list-delimiter:before {
	content: '';
	position: absolute;
	z-index: 40;
	top: 50%;
	left: 0;
	height: 1px;
	width: 100%;
	margin-top: -1px;
	background: rgba(0, 0, 0, 0.12);
}

/* line 213, src/sass/pages/chat/_chat-list.scss */
.chat-list-delimiter__text {
	position: relative;
	z-index: 80;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	width: 58px;
	padding: 0;
	margin: 0;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 10px;
	background: #fff;
}

/* line 4, src/sass/pages/chat/_chat-memo.scss */
.chat-memo-wrap {
	display: block;
	padding: 8px 8px 0;
}

/* line 8, src/sass/pages/chat/_chat-memo.scss */
.chat-memo-hide-text {
	display: none;
}

/* line 11, src/sass/pages/chat/_chat-memo.scss */
.chat-memo {
	position: relative;
	font-size: 16px;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0 0 42px;
}

/* line 21, src/sass/pages/chat/_chat-memo.scss */
.chat-memo__input {
	display: block;
	width: 100%;
	height: 290px;
	padding: 8px 32px 8px 8px;
	margin: 0;
	background: rgba(255, 255, 255, 0.16);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	resize: none;
	color: #000;
	font-size: 13px;
	border: solid 1px rgba(0, 0, 0, 0.12);
	text-align: left;
}

/* line 37, src/sass/pages/chat/_chat-memo.scss */
.chat-memo__label {
	bottom: 0;
	color: rgba(0, 0, 0, 0.26);
	font-size: 16px;
	left: 0;
	right: 0;
	pointer-events: none;
	position: absolute;
	display: block;
	top: 24px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
	z-index: 1600;
	top: 0;
	padding: 8px 4px 4px 8px;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 60, src/sass/pages/chat/_chat-memo.scss */
.chat-memo__label:after {
	bottom: 48px;
}

/* line 64, src/sass/pages/chat/_chat-memo.scss */
.chat-memo__fullscreen,
.chat-memo__scale-down {
	position: absolute;
	top: 4px;
	right: 4px;
	height: 24px;
	width: 24px;
	background-color: rgba(0, 0, 0, 0.12);
	border-radius: 2px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 74, src/sass/pages/chat/_chat-memo.scss */
.chat-memo__text {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	height: 42px;
	line-height: 42px;
	margin: 0;
	padding: 0 0;
	color: rgba(0, 0, 0, 0.54);
	font-size: 13px;
}

/* line 86, src/sass/pages/chat/_chat-memo.scss */
.chat-memo__icon,
.material-icons.chat-memo__icon {
	vertical-align: middle;
	margin-right: 4px;
	color: rgba(0, 0, 0, 0.54);
	font-size: 13px;
}

/* line 93, src/sass/pages/chat/_chat-memo.scss */
.chat-memo-hide-text {
	display: block;
	height: 295px;
	padding: 40px 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: rgba(0, 0, 0, 0.54);
	font-size: 14px;
}

/* line 128, src/sass/pages/chat/_chat-memo.scss */
.chat-memo-dialog .chat-memo__input {
	border: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* line 137, src/sass/pages/chat/_chat-memo.scss */
.chat-memo__scale-down {
	display: block;
}

/* line 3, src/sass/pages/chat/_chat-memo-history.scss */
.chat-memo-history {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	border-top: solid 1px rgba(0, 0, 0, 0.12);
	background: #fff;
}

/* line 12, src/sass/pages/chat/_chat-memo-history.scss */
.chat-memo-history__nav {
	display: block;
	padding: 0 8px;
}

/* line 16, src/sass/pages/chat/_chat-memo-history.scss */
.chat-memo-history__list {
	width: 100%;
}

/* line 19, src/sass/pages/chat/_chat-memo-history.scss */
.chat-memo-history__tab {
	float: none;
	font-size: 13px;
}

/* line 22, src/sass/pages/chat/_chat-memo-history.scss */
.chat-memo-history__tab.is-active,
.mdl-tabs.is-upgraded .chat-memo-history__tab.is-active {
	color: rgb(17, 173, 157);
}

/* line 24, src/sass/pages/chat/_chat-memo-history.scss */
.chat-memo-history__tab.is-active:after,
.mdl-tabs.is-upgraded .chat-memo-history__tab.is-active:after {
	content: '';
	height: 2px;
	width: 100%;
	display: block;
	bottom: 0px;
	left: 0px;
	position: absolute;
	background: rgb(17, 173, 157);
	animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
	transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

/* line 1, src/sass/pages/settings/_age-box.scss */
.age-box {
	display: block;
	margin: 24px 0 16px;
	background-color: rgba(0, 191, 165, 0.08);
}

/* line 6, src/sass/pages/settings/_age-box.scss */
.age-box__figure {
	display: block;
	padding: 0;
	overflow: hidden;
}

/* line 10, src/sass/pages/settings/_age-box.scss */
.age-box__figure img {
	display: block;
	max-width: 100%;
}

/* line 15, src/sass/pages/settings/_age-box.scss */
.age-box__inner {
	display: block;
	padding: 46px 0 24px;
	background: #fff;
}

/* line 20, src/sass/pages/settings/_age-box.scss */
.age-box__title {
	display: block;
	padding: 0;
	margin: 0 auto 32px;
	font-size: 18px;
	text-align: center;
	color: rgb(17, 173, 157);
}

@media screen and (min-width: 0px) {

	/* line 29, src/sass/pages/settings/_age-box.scss */
	.age-box {
		padding: 24px 8px;
	}
}

@media screen and (min-width: 760px) {

	/* line 34, src/sass/pages/settings/_age-box.scss */
	.age-box {
		padding: 40px 24px 24px;
	}
}

/* line 1, src/sass/pages/settings/_bank.scss */
.bank-box {
	display: block;
	border: solid 1px rgba(0, 0, 0, 0.12);
}

/* line 4, src/sass/pages/settings/_bank.scss */
.bank-box.margin_bottom {
	margin-bottom: 24px;
}

/* line 9, src/sass/pages/settings/_bank.scss */
.bank-box table tr:hover {
	background: none;
}

/* line 13, src/sass/pages/settings/_bank.scss */
.bank-box table th {
	background: none;
	padding: 12px 24px;
	line-height: 1;
}

/* line 18, src/sass/pages/settings/_bank.scss */
.bank-box table td {
	color: rgba(0, 0, 0, 0.54);
	padding: 12px 24px;
	line-height: 1;
}

/* line 25, src/sass/pages/settings/_bank.scss */
.bank-link {
	display: block;
	padding: 4px 12px;
	margin: 0;
	font-size: 15px;
}

/* line 31, src/sass/pages/settings/_bank.scss */
.bank-link.width_long {
	width: 180px;
	padding: 4px 0;
}

/* line 35, src/sass/pages/settings/_bank.scss */
.bank-link.width_short {
	width: 40px;
	padding: 4px 0;
}

/* line 39, src/sass/pages/settings/_bank.scss */
.bank-link.color_disabled {
	color: rgba(0, 0, 0, 0.38);
}

/* line 1, src/sass/pages/settings/_drag-and-drop.scss */
.drag-and-drop {
	display: block;
	max-width: 400px;
	margin: 0 auto 8px;
	padding: 58px 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 10, src/sass/pages/settings/_drag-and-drop.scss */
.drag-and-drop.color_identification {
	border: dashed 4px rgb(17, 173, 157);
	color: rgb(17, 173, 157);
}

/* line 14, src/sass/pages/settings/_drag-and-drop.scss */
.drag-and-drop.color_driver {
	margin: 0 auto 16px;
	border: dashed 4px #fdb949;
	color: #fdb949;
}

/* line 20, src/sass/pages/settings/_drag-and-drop.scss */
.drag-and-drop__title {
	display: block;
	margin: 0 0 24px;
	color: inherit;
	font-size: 18px;
}

/* line 26, src/sass/pages/settings/_drag-and-drop.scss */
.btn-wrap.width_drag-and-drop {
	max-width: 400px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 32, src/sass/pages/settings/_drag-and-drop.scss */
.btn-wrap.width_drag-and-drop .btn-raised {
	height: 48px;
	line-height: 48px;
	font-size: 20px;
}

/* line 1, src/sass/pages/settings/_prof.scss */
.prof-checkbox {
	line-height: 1em;
	margin: 12px 16px 12px 0;
}

/* line 6, src/sass/pages/settings/_prof.scss */
.prof-textfield {
	display: block;
	float: left;
	position: relative;
	padding-top: 0;
	margin-right: 24px;
}

/* line 12, src/sass/pages/settings/_prof.scss */
.prof-textfield.spread_width {
	display: block;
	width: 100%;
}

/* line 17, src/sass/pages/settings/_prof.scss */
.prof-textfield__label {
	top: 0;
}

/* line 20, src/sass/pages/settings/_prof.scss */
.prof-textfield__count {
	position: absolute;
	right: 0;
	bottom: 0px;
	display: block;
	height: 12px;
	line-height: 1;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.38);
	text-align: right;
}

/* line 31, src/sass/pages/settings/_prof.scss */
.prof-textfield__textarea {
	resize: none;
}

/* line 34, src/sass/pages/settings/_prof.scss */
.prof-textfield__value {
	display: block;
	padding: 0;
	margin: 0;
}

/* line 39, src/sass/pages/settings/_prof.scss */
.prof-textfield-note {
	display: block;
	float: left;
	color: rgba(0, 0, 0, 0.54);
}

/* line 44, src/sass/pages/settings/_prof.scss */
.prof-thumbnail {
	display: block;
}

.prof-avatar {
	align-items: center;
	display: grid;
	justify-items: center;
}
/* line 46, src/sass/pages/settings/_prof.scss */
.prof-thumbnail:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

/* line 51, src/sass/pages/settings/_prof.scss */
.prof-thumbnail__button {
	display: inline-block;
	vertical-align: middle;
}

/* line 55, src/sass/pages/settings/_prof.scss */
.prof-thumbnail__figure {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 20px 0 0;
	text-align: center;
}

/* line 63, src/sass/pages/settings/_prof.scss */
.prof-thumbnail__figcaption {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 94px;
	height: 24px;
	line-height: 24px;
	margin-left: -47px;
	background-color: #ec407a;
	border-radius: 12px;
	color: #fff;
}

/* line 75, src/sass/pages/settings/_prof.scss */
.prof-thumbnail__image {
	display: block;
	max-width: 100%;
	width: 120px;
	height: 120px;
	margin: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 51%;
}

/* line 87, src/sass/pages/settings/_prof.scss */
.prof-dialog-wrap {
	display: block;
	padding: 0 !important;
}

/* line 91, src/sass/pages/settings/_prof.scss */
.prof-dialog-wrap__subtitle {
	display: block;
	padding: 8px 24px;
	background: #fff;
	color: rgb(236, 64, 122);
	font-size: 14px;
	text-align: left;
}

/* line 99, src/sass/pages/settings/_prof.scss */
.prof-dialog {
	display: block;
	background: #000000;
}

/* line 103, src/sass/pages/settings/_prof.scss */
.prof-dialog__text {
	color: #a7a7a7;
	text-align: center;
}

/* line 106, src/sass/pages/settings/_prof.scss */
.prof-dialog__text p {
	color: inherit;
}

/* line 110, src/sass/pages/settings/_prof.scss */
.prof-dialog__button {
	display: block;
	padding: 0 0 8px;
	text-align: center;
}

/* line 115, src/sass/pages/settings/_prof.scss */
.prof-dialog__mask {
	position: relative;
	display: block;
	text-align: center;
}

/* line 1, src/sass/pages/settings/_template-block.scss */
.template-block {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
}

/* line 7, src/sass/pages/settings/_template-block.scss */
.template-block__default,
.template-block__title,
.template-block__body,
.template-block__btn {
	display: block;
	height: 88px;
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 16, src/sass/pages/settings/_template-block.scss */
.template-block__title {
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
}

/* line 24, src/sass/pages/settings/_template-block.scss */
.template-block__body {
	padding: 0 112px 0 144px;
}

/* line 28, src/sass/pages/settings/_template-block.scss */
.template-block__btn {
	position: absolute;
	height: 40px;
	bottom: 22px;
	right: 0;
	width: 88px;
}

/* line 1, src/sass/pages/timeline/_timeline.scss */
.timeline {
	position: relative;
	display: block;
	padding: 0;
	margin: 0 0 32px;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
}

/* line 9, src/sass/pages/timeline/_timeline.scss */
.timeline:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

/* line 13, src/sass/pages/timeline/_timeline.scss */
.timeline__inner {
	display: block;
	padding: 24px;
	margin: 0 0;
}

/* line 17, src/sass/pages/timeline/_timeline.scss */
.timeline__inner.border_top {
	border-top: solid 1px rgba(0, 0, 0, 0.12);
}

/* line 21, src/sass/pages/timeline/_timeline.scss */
.timeline__time {
	display: block;
	padding: 0;
	margin: 0 0 24px;
	color: rgba(0, 0, 0, 0.54);
	font-size: 13px;
}

/* line 28, src/sass/pages/timeline/_timeline.scss */
.timeline__main {
	display: block;
	padding: 0;
	margin: 0 0 24px;
	color: #000;
	font-size: 15px;
}

/* line 34, src/sass/pages/timeline/_timeline.scss */
.timeline__main img {
	display: block;
	max-width: 100%;
}

/* line 39, src/sass/pages/timeline/_timeline.scss */
.timeline__btn-clear {
	position: absolute;
	top: 14px;
	right: 10px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 45, src/sass/pages/timeline/_timeline.scss */
.timeline__btn-more {
	display: block;
	margin: 0 0 24px;
	padding: 0 0 8px;
	color: rgb(17, 173, 157);
}

/* line 51, src/sass/pages/timeline/_timeline.scss */
.timeline__btn {
	display: block;
	margin: 0 32px 0 0;
	padding: 0 0 24px;
	color: #000;
}

/* line 56, src/sass/pages/timeline/_timeline.scss */
.timeline__btn.arrow_down {
	padding-right: 28px;
}

/* line 58, src/sass/pages/timeline/_timeline.scss */
.timeline__btn.arrow_down:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 4px;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -6px;
	border-top: none;
	border-right: none;
	border-left: solid 2px rgba(0, 0, 0, 0.54);
	border-bottom: solid 2px rgba(0, 0, 0, 0.54);
	border-radius: 0;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

/* line 78, src/sass/pages/timeline/_timeline.scss */
.timeline__btn.arrow_up {
	padding-right: 28px;
}

/* line 80, src/sass/pages/timeline/_timeline.scss */
.timeline__btn.arrow_up:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 4px;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: none;
	border-right: none;
	border-left: solid 2px rgba(0, 0, 0, 0.54);
	border-bottom: solid 2px rgba(0, 0, 0, 0.54);
	border-radius: 0;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}

/* line 100, src/sass/pages/timeline/_timeline.scss */
.timeline__btn i {
	margin-right: 8px;
}

/* line 1, src/sass/pages/timeline/_timeline-comment.scss */
.timeline-comment {
	position: relative;
	display: block;
	padding: 0;
	margin: 0 0 24px;
}

/* line 6, src/sass/pages/timeline/_timeline-comment.scss */
.timeline-comment.comment_host {
	padding: 0 0 0 80px;
}

/* line 10, src/sass/pages/timeline/_timeline-comment.scss */
.timeline-comment__name {
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
	padding: 0;
	margin: 0 8px 0 0;
	font-size: 15px;
	color: #000;
}

/* line 19, src/sass/pages/timeline/_timeline-comment.scss */
.timeline-comment__time {
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
	padding: 0;
	margin: 0;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 28, src/sass/pages/timeline/_timeline-comment.scss */
.timeline-comment__main {
	display: block;
	padding: 12px 0 0;
}

/* line 32, src/sass/pages/timeline/_timeline-comment.scss */
.timeline-comment__btn-clear {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 0;
	color: rgba(0, 0, 0, 0.54);
}

/* line 39, src/sass/pages/timeline/_timeline-comment.scss */
.timeline-comment__btn-more {
	display: block;
	margin: 0 0 0;
	padding: 0 0 8px;
	color: rgb(17, 173, 157);
}

/* line 45, src/sass/pages/timeline/_timeline-comment.scss */
.timeline-comment__textfield {
	width: 100%;
}

/* line 48, src/sass/pages/timeline/_timeline-comment.scss */
.timeline-comment__buttons {
	text-align: right;
}

/* line 52, src/sass/pages/timeline/_timeline-comment.scss */
.list__item.not_approved {
	/* transition: filter 250ms; */
	/* filter: blur(8px); */
	background-color: rgba(0, 0, 0, 0.12);
	flex: 1;
}

/* line 3, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form-wrap {
	position: relative;
	display: block;
	padding: 0;
	margin: 0 0 32px;
	background-color: #f5f5f5;
	border-radius: 2px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
}

/* line 11, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form-wrap:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

/* line 15, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form-main {
	display: block;
	padding: 0;
	margin: 0;
	background: #fff;
	border-radius: 2px 2px 0 0;
}

.timeline-placeholder ::placeholder {
	color: #00000061;
}

/* line 22, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form {
	display: block;
	width: auto;
	padding: 0;
	margin: 8px 8px 0;
}

/* line 28, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form__textarea {
	padding: 16px;
	background: rgba(255, 255, 255, 0.16);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	resize: none;
	color: #000;
	font-size: 13px;
	border: none;
}

/* line 39, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form__label {
	z-index: 1600;
	top: 0;
	padding: 16px;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 47, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form__label:after {
	bottom: 0;
}

/* line 51, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form-btn__checkbox {
	margin-bottom: 8px;
}

/* line 56, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form-actions {
	padding: 12px 16px 12px 0;
	margin: 0;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 65, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form-actions .mdl-checkbox__label {
	font-size: 13px;
}

/* line 68, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form-actions:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

/* line 72, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form-actions__file {
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	color: rgba(0, 0, 0, 0.54);
}

/* line 79, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form-actions__seal {
	display: block;
	float: left;
}

/* line 83, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form-actions__submit {
	display: block;
	float: right;
}

/* line 89, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form-cover {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
}

/* line 99, src/sass/pages/timeline/_timeline-form.scss */
.timeline-form-cover__inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

/* line 1, src/sass/pages/timeline/_timeline-list.scss */
.timeline-list {
	display: block;
	padding: 32px 0 0;
	margin: 0;
	list-style: none;
	border-top: solid 1px rgba(0, 0, 0, 0.12);
}

/* line 1, src/sass/pages/timeline/_timeline-nodata.scss */
.timeline-nodata {
	display: block;
	text-align: center;
	padding: 56px 0 0 0;
	border-top: solid 1px rgba(0, 0, 0, 0.12);
}

/* line 7, src/sass/pages/timeline/_timeline-nodata.scss */
.timeline-nodata__text {
	color: rgba(0, 0, 0, 0.54);
}

/* line 1, src/sass/pages/checkout/_checkout-box.scss */
.checkout-box-wrap {
	display: block;
	margin: 0 0 32px;
	text-align: center;
}

/* line 6, src/sass/pages/checkout/_checkout-box.scss */
.checkout-box {
	display: inline-block;
	min-width: 400px;
	padding: 24px 8px 32px;
	margin: 0 auto;
	border: solid 1px rgb(17, 173, 157);
}

/* line 12, src/sass/pages/checkout/_checkout-box.scss */
.checkout-box.checkout_ok {
	border: solid 1px rgb(17, 173, 157);
}

/* line 15, src/sass/pages/checkout/_checkout-box.scss */
.checkout-box.checkout_ng {
	border: solid 1px rgb(236, 64, 122);
}

/* line 18, src/sass/pages/checkout/_checkout-box.scss */
.checkout-box.checkout_done {
	padding: 106px 8px 90px;
}

/* line 22, src/sass/pages/checkout/_checkout-box.scss */
.checkout-box__emphasis {
	display: inline;
	color: rgb(236, 64, 122);
	font-weight: normal;
}

/* line 27, src/sass/pages/checkout/_checkout-box.scss */
.checkout-box__title {
	color: rgb(17, 173, 157);
	font-weight: bold;
	font-size: 18px;
}

/* line 1, src/sass/pages/review/_review.scss */
.review {
	display: block;
	padding: 24px 0;
	margin: 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.12);
	font-size: 15px;
}

/* line 9, src/sass/pages/review/_review.scss */
.list__item:last-child .review {
	border-bottom: none;
}

/* line 13, src/sass/pages/review/_review.scss */
.review__name {
	display: block;
	padding: 0;
	margin: 0 0 4px;
	font-size: 15px;
	font-weight: bold;
}

/* line 20, src/sass/pages/review/_review.scss */
.review__stars,
.review__time,
.review__status {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 16px 12px 0;
	font-size: 20px;
}

/* line 28, src/sass/pages/review/_review.scss */
.review__stars.star_1 .review__icons:first-of-type,
.star_1.review__time .review__icons:first-of-type,
.star_1.review__status .review__icons:first-of-type {
	color: #f8e71c;
}

/* line 35, src/sass/pages/review/_review.scss */
.review__stars.star_2 .review__icons:first-of-type,
.star_2.review__time .review__icons:first-of-type,
.star_2.review__status .review__icons:first-of-type {
	color: #f8e71c;
}

/* line 38, src/sass/pages/review/_review.scss */
.review__stars.star_2 .review__icons:nth-of-type(2),
.star_2.review__time .review__icons:nth-of-type(2),
.star_2.review__status .review__icons:nth-of-type(2) {
	color: #f8e71c;
}

/* line 45, src/sass/pages/review/_review.scss */
.review__stars.star_3 .review__icons:first-of-type,
.star_3.review__time .review__icons:first-of-type,
.star_3.review__status .review__icons:first-of-type {
	color: #f8e71c;
}

/* line 48, src/sass/pages/review/_review.scss */
.review__stars.star_3 .review__icons:nth-of-type(2),
.star_3.review__time .review__icons:nth-of-type(2),
.star_3.review__status .review__icons:nth-of-type(2) {
	color: #f8e71c;
}

/* line 51, src/sass/pages/review/_review.scss */
.review__stars.star_3 .review__icons:nth-of-type(3),
.star_3.review__time .review__icons:nth-of-type(3),
.star_3.review__status .review__icons:nth-of-type(3) {
	color: #f8e71c;
}

/* line 58, src/sass/pages/review/_review.scss */
.review__stars.star_4 .review__icons:first-of-type,
.star_4.review__time .review__icons:first-of-type,
.star_4.review__status .review__icons:first-of-type {
	color: #f8e71c;
}

/* line 61, src/sass/pages/review/_review.scss */
.review__stars.star_4 .review__icons:nth-of-type(2),
.star_4.review__time .review__icons:nth-of-type(2),
.star_4.review__status .review__icons:nth-of-type(2) {
	color: #f8e71c;
}

/* line 64, src/sass/pages/review/_review.scss */
.review__stars.star_4 .review__icons:nth-of-type(3),
.star_4.review__time .review__icons:nth-of-type(3),
.star_4.review__status .review__icons:nth-of-type(3) {
	color: #f8e71c;
}

/* line 67, src/sass/pages/review/_review.scss */
.review__stars.star_4 .review__icons:nth-of-type(4),
.star_4.review__time .review__icons:nth-of-type(4),
.star_4.review__status .review__icons:nth-of-type(4) {
	color: #f8e71c;
}

/* line 74, src/sass/pages/review/_review.scss */
.review__stars.star_5 .review__icons:first-of-type,
.star_5.review__time .review__icons:first-of-type,
.star_5.review__status .review__icons:first-of-type {
	color: #f8e71c;
}

/* line 77, src/sass/pages/review/_review.scss */
.review__stars.star_5 .review__icons:nth-of-type(2),
.star_5.review__time .review__icons:nth-of-type(2),
.star_5.review__status .review__icons:nth-of-type(2) {
	color: #f8e71c;
}

/* line 80, src/sass/pages/review/_review.scss */
.review__stars.star_5 .review__icons:nth-of-type(3),
.star_5.review__time .review__icons:nth-of-type(3),
.star_5.review__status .review__icons:nth-of-type(3) {
	color: #f8e71c;
}

/* line 83, src/sass/pages/review/_review.scss */
.review__stars.star_5 .review__icons:nth-of-type(4),
.star_5.review__time .review__icons:nth-of-type(4),
.star_5.review__status .review__icons:nth-of-type(4) {
	color: #f8e71c;
}

/* line 86, src/sass/pages/review/_review.scss */
.review__stars.star_5 .review__icons:nth-of-type(5),
.star_5.review__time .review__icons:nth-of-type(5),
.star_5.review__status .review__icons:nth-of-type(5) {
	color: #f8e71c;
}

/* line 92, src/sass/pages/review/_review.scss */
.review__icons {
	font-size: 20px;
	color: rgba(0, 0, 0, 0.12);
}

/* line 96, src/sass/pages/review/_review.scss */
.review__time {
	font-size: 15px;
}

/* line 100, src/sass/pages/review/_review.scss */
.review__status {
	color: rgba(0, 0, 0, 0.54);
	font-size: 15px;
}

/* line 104, src/sass/pages/review/_review.scss */
.review__status.is_ok {
	color: rgb(236, 64, 122);
}

/* line 108, src/sass/pages/review/_review.scss */
.review__main {
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
}

/* line 2, src/sass/pages/help/_help-form.scss */
.help-form-wrap {
	position: relative;
	display: block;
	margin: 0 0 32px;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
}

/* line 9, src/sass/pages/help/_help-form.scss */
.help-form-wrap:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

/* line 13, src/sass/pages/help/_help-form.scss */
.help-form-main {
	background: #fff;
}

/* line 15, src/sass/pages/help/_help-form.scss */
.help-form-main .material-icons {
	position: absolute;
	top: 50%;
	left: 12px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	font-size: 24px;
	color: rgba(0, 0, 0, 0.38);
}

/* line 25, src/sass/pages/help/_help-form.scss */
.help-form-main .textfield {
	width: auto;
	height: 48px;
	padding: 0;
	margin: 0;
	float: none;
}

/* line 32, src/sass/pages/help/_help-form.scss */
.help-form-main .textfield__input {
	border: none;
	width: 100%;
	height: 100%;
	padding: 0 70px 0 58px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* line 41, src/sass/pages/help/_help-form.scss */
.help-form-main .textfield__label {
	width: auto;
	line-height: 48px;
	padding: 0 70px 0 58px;
}

/* line 45, src/sass/pages/help/_help-form.scss */
.help-form-main .textfield__label:after {
	display: none;
}

/* line 50, src/sass/pages/help/_help-form.scss */
.help-form-actions {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

/* line 56, src/sass/pages/help/_help-form.scss */
.help-form-actions__submit {
	height: 100%;
}

/* line 58, src/sass/pages/help/_help-form.scss */
.help-form-actions__submit button {
	height: 100%;
	border-radius: 0 2px 2px 0;
}

.box-shadow {
	display: block;
	padding: 0;
	margin: 0 0 16px;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
}