/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.recharts-default-legend {
	display: flex;
}

.recharts-legend-item {
	display: flex !important;
	align-items: center;
	margin-right: 28px !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

body {
	background: #f7f9fa;
}

* {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

pre {
	border: none;
	background-color: #fff;
	font-size: 14px;
	padding: 0px;
	white-space: pre-wrap;
	/* Since CSS 2.1 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since 1999 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	word-wrap: break-word;
	font-family: initial;
	overflow: hidden;
}

.stage-name {
	font-size: 12px;
}

.imgIconFirstTimePoup {
	width: 122px;
	height: 122px;
	margin-bottom: 30px;
}

.modal {
	display: none;
	position: fixed;
	z-index: 999999999999;
	padding-top: 40px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.9);
}

.modal-content {
	margin: auto;
	display: block;
	max-width: 50%;
	max-height: 70%;
	background-color: rgba(0, 0, 0, 0);
	border: none;
	box-shadow: none;
}

.modal-content {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 1.5s;
	animation-name: zoom;
	animation-duration: 1.5s;
}

@-webkit-keyframes zoom {
	from {
		-webkit-transform: scale(0);
	}

	to {
		-webkit-transform: scale(1);
	}
}

@keyframes zoom {
	from {
		transform: scale(0);
	}

	to {
		transform: scale(1);
	}
}

.boldText {
	font-weight: bold;
}

.replyAnswer textarea::placeholder {
	color: rgba(0, 0, 0, 0.3);
	font-size: 14px;
}

.hidden-pc {
	display: none !important;
}

.hiddenPC {
	display: none;
}

.closePicture {
	color: #f1f1f1;
	font-size: 50px;
	font-weight: bold;
	z-index: 111111;
	position: absolute;
	bottom: 30px;
	right: 50px;
}

.linkUrl {
	cursor: pointer;
	text-decoration-line: underline;
}

/* .select_number_chat {
    top: 50%;
    transform: translateY(-50%);
} */
.select_number_chat button {
	padding: 0 !important;
	width: 24 !important;
	height: 24 !important;
	top: 50% !important;
	transform: translateY(-50%);
}

.select_number_chat div:nth-child(2) div div:nth-child(2) {
	text-overflow: unset !important;
}

.closePicture:hover,
.closePicture:focus {
	color: #ef0303;
	text-decoration: none;
	cursor: pointer;
}

.list-pictures .picture-item {
	list-style: none;
	float: left;
	height: 145px;
	overflow: hidden;
	margin-bottom: 8px;
}

.list-pictures {
	overflow: auto;
	max-height: 545px;
	padding-left: 0px;
}

.picture-item {
	width: 22%;
	margin: 0px 10px;
}

.fix-btn {
	clear: left;
	display: block;
	float: right;
	position: absolute;
	bottom: 24px;
	right: 22px;
}

.pictures-wap {
	border-bottom: solid 1px rgba(0, 0, 0, 0.12);
	overflow: auto;
	margin-top: 20px;
}

.btn-chat-close {
	border: none;
	background-color: #ffffff;
	float: right;
}

.drop-picture {
	border: 2px dashed #8abbdd;
	border-radius: 4px;
	height: 350px;
	width: 550px;
	text-align: center;
}

.btn-picture-item {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	color: #fff;
	visibility: hidden;
}

.title-form-send-picture {
	display: inline-block;
	color: rgba(0, 0, 0, 0.87);
}

.picture-item {
	position: relative;
}

.name-picture {
	word-break: break-all;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.54);
}

.chat-form-custom-file {
	text-align: right;
	height: 40px;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 130px;
	color: rgba(0, 0, 0, 0.54);
	font-size: 13px;
}

.chat-form-custom-file-sp {
	text-align: right;
	height: 40px;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 10px;
	color: rgba(0, 0, 0, 0.54);
	font-size: 13px;
}

.chat-form-custom-file-count__data {
	margin-left: 5px;
}

.btn-picture-item {
	position: absolute;
	top: 0;
	right: 0;
}

.chat-form-custom-file-count__notice {
	position: absolute;
	right: 0;
	top: -55px;
	display: block;
	height: 45px;
	width: 100px;
	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);
}

.chat-form-custom-file-count__data.color_notice {
	color: rgb(236, 64, 122);
}

.chat-form-custom-file-count__data {
	height: 45px;
	padding: 0px;
	margin: 3px;
}

.chat-form-custom-file-count__notice::after {
	content: '';
	position: absolute;
	right: 25px;
	bottom: -10px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid rgb(236, 64, 122);
}

.content-picture:hover .btn-picture-item {
	visibility: visible;
}

.picture-error {
	width: 100%;
	height: 90px;
	background-color: deeppink;
	text-align: center;
	z-index: 99;
	margin-bottom: 16px;
}

.text-picture-error {
	color: rgba(255, 255, 255, 1);
	font-family: 'Hiragino Kaku Gothic Pro';
}

.icon-info {
	text-align: center;
	display: block;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 6px;
}

.btn-file {
	background-color: #ffffff;
	border: none;
	margin-top: -5px;
	border-right: 1px solid rgba(0, 0, 0, 0.12);
	height: 24px;
	padding-right: 10px;
}

.chat-form-wrap-picture {
	display: block;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	padding: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.text-drop-picture {
	color: #5e91b5;
	font-size: 15px;
	font-weight: bold;
	padding-top: 130px;
	line-height: 50px;
}

#init-loading {
	display: none !important;
}

textarea.secondary-comment__input {
	height: 70px;
	overflow-y: hidden;
}

.hiddenClass {
	display: none;
}

.timeline__btn {
	padding: 0;
}

a:hover {
	color: #8abbdd;
}

.auth-box {
	min-width: 300px;
	width: auto;
}

.navbar-brand {
	height: auto;
}

.sitelogo__image {
	max-width: 124px;
}

.navbar-brand .sitelogo__image {
	margin: 0 auto;
}

.timeline__main {
	word-break: break-word;
}

hr {
	bottom: -1px !important;
}

.secondary {
	/* height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px; */
	height: 100%;
	position: fixed;
	z-index: 6;
	top: 0;
	left: 0;
	background-color: #f7f9fa;
	transition: 0.5s;
	padding-top: 60px;
}

.sitelogo.navbar-brand {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #fff;
}

.menu-collapse-chat {
	width: calc(100% - 256px);
}

.menu-collapse-chat .btn-tab {
	padding: 23px;
	height: auto;
	display: block;
	line-height: 18px;
}

.menu-collapse {
	width: auto;
}

.menu-collapse .btn-tab {
	padding: 12px 23px;
	margin-top: 18px;
	height: auto;
	display: block;
	line-height: 18px;
}

.secondary-profile {
	margin-top: 0;
}

.global-header__logout {
	width: auto;
}

.fix-top-menu {
	position: fixed;
	z-index: 9999;
	cursor: pointer;
}

.content {
	padding: 100px 10px 48px 10px;
}

.textMessageError {
	text-align: center;
	height: 100px;
	margin-top: 50px;
	font-weight: bold;
	font-size: 20px;
}

.btn-reset-password {
	float: right;
}

.menu-header {
	background: #fff;
	padding: 0 !important;
	border: none !important;
}

.navtab-header .btn-tab {
	height: auto;
	float: left;
	width: 20%;
	padding: 0;
	display: inline-block;
	text-align: center;
}

.navtab-header button {
	padding: 0 !important;
	min-width: auto !important;
}

.navbar-toggle {
	margin: 0 auto;
	padding: 13px 0 6px;
	width: 100%;
}

.navtab-header>button {
	min-width: auto !important;
	width: 25%;
	vertical-align: middle;
	padding: 9px 0 !important;
}

.navtab-header {
	padding: 0;
}

.list_comment {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
}

.list_comment .list__item {
	width: 100%;
}

.layout_chat .chat-box-form {
	z-index: 0;
	height: auto;
}

.primary__inner_template {
	padding: 24px 24px;
}

.noti__reset-pw-success {
	font-weight: normal !important;
}

.chat-form-custom_sp {
	display: none;
}

.send-pictures-sp {
	display: none;
}

.chat-form-main_sp {
	display: none;
}

.show_template_sp {
	display: none;
}

.chat-form-custom-definition__data_sp {
	display: none;
}

.btn-close-tab {
	display: none;
}

.chat-box-customer {
	z-index: 9999;
}

.btn-round {
	height: 24px !important;
	line-height: 24px !important;
	padding: 0 8px !important;
	margin: 0 4px !important;
	border-radius: 23px !important;
	font-size: 13px !important;
	border: solid 1px #8abbdd !important;
	color: #8abbdd !important;
	background: #fff !important;
	min-width: 62px;
}

.secondary-comment-edit__btn {
	padding: 0 !important;
}

.chat-call-history {
	height: 340px !important;
}

.list-check-box-sp {
	display: none;
}

.write_down_sp {
	display: none;
}

.color_default-sp {
	display: none;
}

.chat-memo-history__list_sp {
	display: none;
}

.call-log-sp {
	display: none;
}

.secondary-definition-wrap {
	/*height: calc(100vh - 332px) !important;*/
}

.secondary-definition__title-request {
	padding: 16px 10px 0 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	color: #9e9e9e;
	position: relative;
}

.secondary-definition__select-sort {
	font-size: 11px;
	padding-right: 0;
	cursor: pointer;
	font-weight: 100;
	min-width: 36%;
	text-align: right;
}

.secondary-definition__select-sort .active {
	background-color: #8abbdd;
	color: #fff;
}

/*.secondary-definition__select-sort::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: none;
    border-right: none;
    border-left: solid 2px rgb(157 157 157);
    border-bottom: solid 2px rgb(157 157 157);
    border-radius: 0;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg) translateX(-50%) translateY(50%);
}*/
.secondary-definition__container {
	min-height: 300px;
}

.secondary-definition__select-sort ul {
	position: absolute;
	list-style: none;
	margin-top: 6px;
	padding: 0;
	background-color: #272727;
	z-index: 111;
	right: 0;
}

.secondary-definition__select-sort li {
	line-height: 24px;
	border-top: 1px solid #9e9d9e;
	padding: 8px 28px;
	cursor: pointer;
}

.secondary-definition__select-sort li:first-child {
	border-top: unset;
}

.secondary-definition__select-sort li:hover {
	background-color: #8abbdd;
	color: #fff;
}

.chat-memo__input-sp {
	display: none;
}

.title-list-check-sp {
	display: none;
}

.btn-tab[data-badge]:after {
	top: 6px;
	right: 6px;
}

.dialog-content {
	width: 425px !important;
}

.template-title {
	display: none;
}

.display-mobile {
	display: none;
}

.timeline-write-down-sp {
	display: none;
}

.timeline-form-wrap-sp {
	display: none;
}

.link-to-home-help {
	display: none !important;
}

.link-to-staff-log {
	display: none !important;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.stella-title {
	display: none;
}

.drop-down {
	position: relative;
}

.drop-down__selected {
	height: 32px;
	line-height: 32px;
	padding: 0 8px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	cursor: pointer;
}

.drop-down__list {
	margin: 0;
	padding: 0;
	border: 1px solid #e0e0e0;
	border-top: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	list-style: none;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 99;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-top: -3px;
	max-height: 228px;
	overflow: scroll;
	display: none;
}

.drop-down__item {
	padding: 9px 8px;
	cursor: pointer;
	background: #fff;
}

.drop-down__item:hover {
	background: #11ad9d;
	color: #fff;
}

.template-title label {
	bottom: -50px !important;
}

.reset_pass {
	font-size: 18px;
	color: #8abbdd;
	text-align: center;
	margin-bottom: 24px;
}

.password_announce {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}

.announce {
	margin-top: 240px;
}

.dialogWelcome .slick-slider {
	margin: 0 3px;
}

.dialogWelcome .slick-dots li {
	width: 3px;
}

.dialog__chat-username {
	font-family: 'HiraKakuPro-W6' !important;
	font-size: 20px !important;
	color: #11ad9d !important;
	line-height: 21px;
	padding: 0 !important;
	text-align: center !important;
	font-weight: bold;
	margin-top: 10px;
}

.dialog__chat-subtitle {
	font-family: 'HiraKakuPro-W3' !important;
	font-size: 15px !important;
	color: rgba(33, 33, 33, 1);
	line-height: 21px;
	margin-top: 6px;
}

.dialogWelcome .slick-dots li button:before {
	font-size: 8px;
}

.dialogWelcome .slick-dots {
	margin-top: 10px;
	display: block !important;
	bottom: 9px;
}

.dialogWelcome>div:nth-child(1)>div:nth-child(1) {
	width: 546px !important;
	height: 402px;
}

.dialogWelcome .slick-track>div:nth-child(1) {
	margin-bottom: 42px;
}

@media screen and (min-width: 1025px) {
	.alert-advise-call {
		color: #ed5ca1;
		padding: 0px 16px;
		text-align: center;
		font-size: 12px;
	}

	.dialog-notice {
		left: 716px;
		z-index: 1031;
	}

	.list.blog_list>.list__item {
		width: 50%;
	}
}


.prof-thumbnail-section__left .textfield__input label {
	right: -11px !important;
	bottom: -48px !important;
}

.prof-thumbnail__button i {
	margin-right: 15px !important;
}

.prof-thumbnail {
	margin-top: 10px;
}

.thumbnail-guide {
	margin-top: 21px;
	padding: 16px 24px 24px 24px;
	background-color: rgba(235, 250, 248, 1);
}

.thumbnail-guide__title {
	font-size: 16px;
	color: rgba(17, 173, 157, 1);
	font-weight: bold;
	margin-bottom: 10px;
}

.thumbnail-guide__desc {
	font-size: 15px;
	margin-bottom: 17px;
}

.thumbnail-guide__desc span {
	color: rgba(236, 64, 122, 1);
}

.thumbnail-guide__image img {
	width: 100%;
	margin: 0;
	max-height: 400px;
}

.primary-title .primary-title__subtitle.subtitle_setting {
	margin-left: 16px;
}

.mission-list {
	background: #fff;
	border-radius: 5px;
}

.mission-item {
	padding: 16px;
	/* border-bottom: 1px solid #e0e0e0; */
	list-style-type: none;
	display: flex;
}

.home-mission-list .mission-item:last-child {
	border: none;
}

.home-mission-list .mission-item__left {
	width: 84.75%;
}

.mission-item__left {
	cursor: pointer;
}

.home-mission-list .mission-item__right {
	width: 29.25%;
	padding-left: 16px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.mil__header {
	overflow: hidden;
}

.mil__header>* {
	float: left;
}

.mission-item__level {
	display: block;
	border-radius: 2px;
	width: max-content;
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	margin-right: 8px;
	font-family: HiraginoKakuGothicPro-W6;
}

.mission-item__title {
	display: block;
	color: rgba(0, 0, 0, 0.87);
	font-size: 15px;
	line-height: 21px;
	font-weight: bold;
}

.mission-item__progressBar {
	margin-top: 8px;
	height: 8px;
	position: relative;
	border-radius: 100px;
	background-color: #e8eced;
}

.mission-item__completed {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 3px;
	display: none;
}

.mission-item.started .mission-item__completed {
	display: block;
}

.mil__footer {
	margin-top: 8px;
	overflow: hidden;
}

.mission-item__progress {
	float: left;
	font-size: 10px;
	line-height: 1;
	color: rgba(0, 0, 0, 0.87);
}

.mission-item__point {
	float: right;
	color: rgba(0, 0, 0, 0.87);
	font-size: 12px;
	line-height: 1;
}

.mission-item__point span {
	font-weight: bold;
	text-align: left;
}

.mission-item__btn button {
	width: 100%;
	box-sizing: border-box;
	line-height: 42px;
	margin-top: 9px;
	height: auto;
}

.mission-level-4 .mission-item__level,
.mission-level-4 .mission-item__point span,
.mission-level-4.completed .mission-item__progress,
.mission-level-4 .mission-item__hint,
.mission-level-4 .mission-item__rewardContent .congratulations,
.mission-level-4 .mission-item__rewardContent .point {
	color: #ed5ca1 !important;
}

.mission-level-4 .mission-item__level {
	background-color: #ffe8ea !important;
}

.mission-level-4 .mission-item__completed {
	background-color: #ed5ca1 !important;
}

.mission-item__detail,
.mission-item__reward {
	overflow-x: hidden !important;
}

.mission-level-1 .mission-item__level,
.mission-level-1 .mission-item__point span,
.mission-level-1.completed .mission-item__progress,
.mission-level-1 .mission-item__hint,
.mission-level-1 .mission-item__rewardContent .congratulations,
.mission-level-1 .mission-item__rewardContent .point {
	color: rgba(17, 173, 157, 1);
}

.mission-level-1 .mission-item__level {
	background-color: rgba(17, 173, 157, 0.1);
}

.mission-level-1 .mission-item__completed {
	background-color: rgba(17, 173, 157, 1);
}

.mission-level-5 .mission-item__level,
.mission-level-5 .mission-item__point span,
.mission-level-5.completed .mission-item__progress,
.mission-level-5 .mission-item__hint {
	color: rgb(212, 192, 104);
	width: fit-content;
	padding-left: 5px;
	padding-right: 5px;
}

.mission-level-5 .mission-item__rewardContent .congratulations,
.mission-level-5 .mission-item__rewardContent .point {
	color: rgb(212, 192, 104);
	/* padding-left: 5px;
	padding-right: 5px; */
}

.mission-level-5 .mission-item__level {
	background-color: rgb(255, 249, 223);
}

.mission-level-5 .mission-item__completed {
	background-color: rgb(212, 192, 104);
}

.mission-level-2 .mission-item__level,
.mission-level-2 .mission-item__point span,
.mission-level-2.completed .mission-item__progress,
.mission-level-2 .mission-item__hint,
.mission-level-2 .mission-item__rewardContent .congratulations,
.mission-level-2 .mission-item__rewardContent .point {
	color: rgba(255, 144, 0, 1);
}

.mission-level-2 .mission-item__level {
	background-color: rgba(255, 144, 0, 0.1);
}

.mission-level-2 .mission-item__completed {
	background-color: rgba(255, 144, 0, 1);
}

.mission-level-3 .mission-item__level,
.mission-level-3 .mission-item__point span,
.mission-level-3.completed .mission-item__progress,
.mission-level-3 .mission-item__hint,
.mission-level-3 .mission-item__rewardContent .congratulations,
.mission-level-3 .mission-item__rewardContent .point {
	color: rgba(236, 64, 122, 1);
}

.mission-level-4 .mission-item__level {
	background-color: #fff9df;
	color: #d4c068;
	padding-left: 5px;
	padding-right: 5px;
}

.mission-level-3 .mission-item__level {
	background-color: rgba(236, 64, 122, 0.1);
}

.mission-level-3 .mission-item__completed {
	background-color: rgba(236, 64, 122, 1);
}

.mission-level-startdash .mission-item__level,
.mission-level-startdash .mission-item__point span,
.mission-level-startdash.completed .mission-item__progress,
.mission-level-startdash .mission-item__hint {
	color: rgb(93, 207, 162);
	width: fit-content;
	padding-left: 5px;
	padding-right: 5px;
}

.mission-level-startdash .mission-item__rewardContent .congratulations,
.mission-level-startdash .mission-item__rewardContent .point {
	color: #d4c068;
	/* padding-left: 5px;
	padding-right: 5px; */
}

.mission-level-startdash .mission-item__level {
	background-color: rgb(238, 255, 248);
}

.mission-level-startdash .mission-item__completed {
	background-color: rgba(255, 144, 0, 1);
}

.mission-level-daily .mission-item__level,
.mission-level-daily .mission-item__point span,
.mission-level-daily.completed .mission-item__progress,
.mission-level-daily .mission-item__hint {
	color: rgb(212, 192, 104);
	width: fit-content;
	padding-left: 5px;
	padding-right: 5px;
}

.mission-level-daily .mission-item__rewardContent .congratulations,
.mission-level-daily .mission-item__rewardContent .point {
	color: rgb(212, 192, 104);
}

.mission-level-daily .mission-item__level {
	background-color: rgb(255, 249, 223);
}

.mission-level-daily .mission-item__completed {
	background-color: rgb(212, 192, 104);
}

.mission-level-startdash .mission-item__completed {
	background-color: rgb(138, 221, 188);
}

.mission-level-special .mission-item__completed {
	background-color: rgb(237, 92, 161);
}

.mission-level-special .mission-item__level,
.mission-level-special .mission-item__point span,
.mission-level-special.completed .mission-item__progress,
.mission-level-special .mission-item__hint {
	color: rgb(237, 92, 161);
	width: fit-content;
	padding-left: 5px;
	padding-right: 5px;

}

.mission-level-special .mission-item__rewardContent .congratulations,
.mission-level-special .mission-item__rewardContent .point {
	color: rgb(237, 92, 161);
}

.mission-level-special .mission-item__level {
	background-color: rgb(255, 232, 234);
}

.mission-level-special .mission-item__completed {
	background-color: rgb(237, 92, 161);
}

.block-line {
	width: 100%;
	height: 8px;
}

.mission-item__detail {
	max-height: none !important;
}

.mission-item__detail .mission-item__level,
.mission-item__reward .mission-item__level {
	text-align: center;
	width: 100%;
	margin-bottom: 24px;
	height: 25px;
	line-height: 25px;
}


.mission-item__detail .mission-item__title {
	font-size: 20px;
	margin-left: 0;
	font-weight: normal;
	padding-bottom: 16px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 16px;
}

.mission-item__detail .mission-item__desc-1,
.mission-item__detail .mission-item__desc-2 {
	color: rgba(0, 0, 0, 0.87);
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 20px;
	word-break: break-all;
}

.mission-item__hint {
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

.mission-item__hint span {
	color: rgba(255, 236, 0, 1);
}

.mission-item__start {
	text-align: center;
	margin-bottom: 20px;
}

.mission-item__close {
	text-align: center;
	width: 160px;
	height: 48px;
	background-color: rgb(138, 187, 221);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
}

.mission-item__close-white {
	text-align: center;
	width: 160px;
	height: 48px;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	border-radius: 2px;
}

.popup-item_close {
	margin-top: 16px;
	cursor: pointer;
}

.mission-item__reward .mission-item__level {
	margin-bottom: 0;
}

.mission-item__rewardContent {
	text-align: center;
	position: relative;
}

.mission-item__rewardContent img {
	margin-bottom: 0;
}

.mission-item__rewardContent .congratulations,
.mission-item__rewardContent .point {
	font-size: 20px;
	font-weight: bold;
	position: absolute;
}

.mission-item__rewardContent .congratulations {
	top: 25px;
	width: 100%;
}

.mission-item__rewardContent .point {
	bottom: 41px;
	width: 100%;
}

.mission-item__getReward {
	text-align: center;
	margin: 12px 0 16px 0;
}

.mission-item__getReward button {
	height: 44px;
	padding: 0 30px;
	background-color: #8abbdd;
}

.mission-item__detail a,
.mission-item__reward a {
	cursor: pointer;
}

.setting-mission .mission-item {
	padding: 20px 32px 20px 16px;
}

.setting-mission .mission-item__left {
	width: 66.22%;
	padding-right: 20px;
	/* border-right: 2px solid rgba(0, 0, 0, 0.12); */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.setting-mission .mission-item__right {
	width: 20.25%;
}

.setting-mission .mission-item__right>* {
	float: left;
}

.setting-mission .mission-item__point {
	margin-left: 20px;
	min-width: 120px;
	line-height: 55px;
	font-size: 15px;
	font-weight: bold;
}

.setting-mission .mission-item__btn {
	float: right;
	width: 45.45%;
}

.setting-mission .mission-item__btn button {
	width: 100%;
}

.setting-mission ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.mission-archived-item {
	padding: 10px 16px;
}

.mission-archived-item__left img {
	margin: 0;
}

.mission-archived-item__right {
	width: calc(70%);
	margin-left: 16px;
}

.mission-archived-item .mission-item__header {
	margin: 10px 0;
}

.mission-archived-item .mission-item__header>*,
.mission-archived-item .mission-item__footer>* {
	/* float: left; */
}

.mission-archived-item .mission-item__archivedTime {
	font-size: 12px;
	margin-right: 24px;
	line-height: 1;
}

.mission-archived-item .mission-item__point {
	font-size: 15px;
	line-height: 1;
}

.mission-archived-item .mission-item__point span {
	font-weight: normal;
}

.home-mission-list h2 a {
	margin-left: 8px;
	font-size: 13px;
}

body.lock-scroll {
	overflow: hidden;
	height: 100%;
}

.answer-categories {
	background: #fff;
	height: 60px;
	margin-bottom: 32px;
	border-radius: 3px;
	padding: 3px 0px 3px 0px;
}

.list-answer-select {
	display: -webkit-inline-box;
	list-style-type: none;
	padding-inline-start: 0px;
}

.answer-category-title {
	line-height: 60px;
	float: left;
	margin-left: 24px;
}

.answer-category-item {
	margin-left: 24px;
}

.answer-item {
	background: #fff;
	padding: 12px 36px 12px 24px;
	border-radius: 3px;
	margin-top: 16px;
}

.answer-item-top {
	height: 20px;
	margin-bottom: 8px;
}

.answer-item-category {
	background: rgba(106, 214, 203, 0.5);
	width: 96px;
	text-align: center;
	border-radius: 3px;
	float: left;
	color: #fff;
}

.answer-item-status {
	float: right;
	color: rgba(167, 142, 218, 1);
}

.answer-item-short-content {
	overflow: hidden;
	position: relative;
	line-height: 1.2em;
	max-height: 2.5em;
	text-align: justify;
	padding-right: 1em;
	color: rgba(56, 53, 61, 1);
}

.answer-item-long-content {
	overflow: hidden;
	position: relative;
	line-height: 1.2em;
	max-height: 2.8em;
	text-align: justify;
	padding-right: 1em;
	color: rgba(56, 53, 61, 1);
}

.answer-item-content {
	overflow: hidden;
	position: relative;
	line-height: 1.2em;
	max-height: 2.3em;
	text-align: justify;
	padding-right: 1em;
	color: rgba(56, 53, 61, 1);
	overflow-wrap: break-word;
}

.answer-item-content:before {
	content: '...';
	position: absolute;
	right: 0;
	bottom: 0;
}

.answer-item-content:after {
	content: '';
	position: absolute;
	right: 0;
	width: 1em;
	height: 1em;
	margin-top: 0.2em;
	background: white;
}

.answer-item-bottom {
	margin-top: 8px;
	height: 24px;
}

.answer-item-username {
	float: left;
	line-height: 24px;
	color: rgba(139, 132, 152, 1);
}

.answer-item-status-profile {
	float: left;
	margin-left: 12px;
}

.icon-active {
	color: #11ad9d;
}

.answer-item-status-time {
	float: left;
	margin-left: 12px;
	line-height: 24px;
	color: rgba(174, 169, 185, 1);
}

.answer-item-status-amount-answer {
	line-height: 24px;
	color: rgba(56, 53, 61, 1);
}

.icon-amount-answer {
	color: #11ad9d;
	margin-right: 4px;
}

.answer-item-status-amount-answer {
	float: right;
}

.detail-answer-item-content-box {
	padding: 12px 16px 12px 16px;
}

.detail-answer-item-content {
	font-size: 14px;
}

.detail-answer-item-content-box {
	background: #fff;
	padding: 12px 16px 12px 16px;
	border-radius: 3px;
	margin-top: 16px;
	overflow-wrap: break-word;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.detail-answer-item-top {
	height: 20px;
	margin-bottom: 8px;
}

.detail-answer-item-username {
	margin-left: 12px;
	float: left;
}

.detail-answer-item-category {
	background: #11ad9d;
	width: 96px;
	text-align: center;
	border-radius: 3px;
	float: left;
	color: #fff;
}

.detail-answer-item-time {
	float: left;
	margin-left: 12px;
}

.detail-answer-item-status {
	float: right;
	color: rgba(167, 142, 218, 1);
}

.answer-detail-left {
	width: 76%;
	float: left;
}

.answer-detail-right {
	margin-left: 1%;
	width: 22%;
	background: #fff;
	float: right;
	border: 1px solid #eeeeee;
	margin-bottom: 36px;
}

.answer-user-profile {
	border-bottom: solid 1px rgba(0, 0, 0, 0.12);
	min-height: 420px;
}

.answer-user-profile .chat-karte {
	padding: 8px 24px !important;
}

.answer-other-teller {
	height: 34%;
	padding: 12px;
	border-top: 1px solid #ccc;
}

.list-answer-other {
	list-style-type: none;
	display: initial;
}

.answer-other-item {
	border: 1px solid rgb(218, 218, 218);
	height: 20%;
	margin-top: 8px;
	padding: 8px;
	border-radius: 3px;
	height: 78px;
	overflow: hidden;
}

.answer-other-item-content {
	/* hide text if it more than N lines  */
	overflow: hidden;
	/* for set '...' in absolute position */
	position: relative;
	/* use this value to count block height */
	line-height: 1.2em;
	/* max-height = line-height (1.2) * lines max number (3) */
	max-height: 3.6em;
	/* fix problem when last visible word doesn't adjoin right side  */
	text-align: justify;
	/* place for '...' */
	padding-right: 1em;
	color: rgba(56, 53, 61, 1);
}

.answer-other-item-content:before {
	content: '...';
	position: absolute;
	right: 0;
	bottom: 0;
}

.answer-other-item-content:after {
	content: '';
	position: absolute;
	right: 0;
	width: 1em;
	height: 1em;
	margin-top: 0.2em;
	background: white;
}

.answer-other-teller-top {
	height: 20px;
}

.answer-item-status-amount-answer-other {
	line-height: 20px;
	float: right;
}

.answer-other-teller-title {
	float: left;
	color: #11ad9d;
	font-size: 12px;
	margin-top: 4px;
}

.icon-amount-answer-other {
	font-size: 16px;
	color: #11ad9d;
	margin-right: 4px;
}

.see-all-answer-other {
	color: #11ad9d;
	float: right;
	margin-top: 8px;
	font-size: 12px;
}

.best-answer-item {
	background: #fff;
	padding: 12px 36px 12px 24px;
	border-radius: 3px;
	margin-top: 16px;
	display: flex;
}

.best-answer-item-left {
	width: 80%;
	float: left;
}

.best-answer-item-right {
	margin-left: 10%;
	margin-top: auto;
	margin-bottom: auto;
}

.checkboxDialogWelcome {
	margin-top: 15px;
}

.checkboxDialogWelcome div {
	color: #7d7d7d;
	justify-content: center;
	margin-right: 5px !important;
}

.checkboxDialogWelcome label {
	color: rgba(139, 132, 152, 1) !important;
	font-size: 14px;
	width: unset !important;
	font-weight: unset !important;
}

.checkboxDialogWelcome svg:nth-child(1) {
	fill: #b0b0b0 !important;
}

.answer-detail-form__checkbox div {
	align-items: center;
}

.answer-detail-form__checkbox {
	background-color: rgba(248, 122, 166, 0.1);
	border-radius: 4px;
	margin: 7px auto;
	padding: 5px 7px;
	width: 94% !important;
}

.answer-detail-form__checked {
	background-color: unset;
}

.answer-detail-form__checkbox label {
	color: rgba(0, 0, 0, 0.87) !important;
	font-size: 13px;
	width: unset !important;
	font-weight: unset !important;
	line-height: 30px;
	margin-bottom: unset;
}

.answer-detail-form__checkbox svg:nth-child(1) {
	fill: rgba(118, 118, 118, 1) !important;
}

.answer-detail-form__checkbox svg:nth-child(2) {
	fill: rgba(17, 173, 157, 1) !important;
}

.answer-detail-form {
	padding: 30px 20% !important;
	white-space: unset;
}

.answer-detail-form__title {
	font-size: 14px;
	color: rgba(94, 202, 189, 1);
	letter-spacing: 0.02em;
	margin-bottom: 15px;
	margin-left: 20px;
	font-weight: bold;
}

.answer-detail-form__checked {
	background-color: unset !important;
}

.answer-detail-form__btn-submit {
	width: 100px !important;
	margin: 19px auto;
}

.answer-detail-form__text-footer {
	font-size: 12px;
	color: rgba(77, 75, 81, 1);
	letter-spacing: 0.02em;
	text-align: center;
	margin-top: 30px;
}

.submitWelcome {
	background: #11ad9d;
	float: right;
	width: 80px;
	height: 40px;
	color: #fff;
	margin-top: 28px;
}

.submitMessageOffline {
	height: 36px;
	width: 24%;
	margin-left: 38%;
	margin-top: 24px;
	color: #fff;
	background: #8abbdd;
	outline: none;
	border: none;
}

.getPointBestAnswerActive {
	width: 80px;
	height: 40px;
	border-radius: 3px;
	background: #11ad9d;
	color: #fff;
	outline: none;
}

.getPointBestAnswerInActive {
	width: 80px;
	height: 40px;
	border-radius: 3px;
	background: #eeeeee;
	color: #7d7d7d;
	outline: none;
}

.answer-item-right {
	float: right;
}

.dialog__too-few-character-container {
	width: 50% !important;
}

.dialog__too-few-character-body {
	padding: 67px 21px 25px 25px !important;
}

.dialog__too-few-character__title {
	font-family: 'HiraKakuPro-W6';
	font-weight: bold;
	font-size: 20px;
	color: rgba(77, 75, 81, 1);
	margin-bottom: 11px;
}

.dialog__too-few-character__content {
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 20px;
	color: rgba(0, 0, 0, 0.87);
}

.dialog__too-few-character__subcontent {
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 20px;
	color: rgba(0, 0, 0, 0.87);
	margin-bottom: 42px;
}

.dialog__too-few-character__button-area {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.dialog__too-few-character__button-ok {
	border: none;
	background-color: rgba(17, 173, 157, 1);
	border-radius: 2px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.24),
		0px 0px 2px 0px rgba(0, 0, 0, 0.12);
	padding: 11px 39.5px 10px 39.5px;
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 15px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
}

.dialogReplyConfirm div:nth-child(1) {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}

.dialogBlock div:nth-child(1) {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	white-space: pre-wrap;
	/* Webkit */
	white-space: -moz-pre-wrap;
	/* Firefox */
	white-space: -pre-wrap;
	/* Opera <7 */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	word-wrap: break-word;
	/* IE */
	max-height: 750px !important;
}

.dialogContent {
	width: 400px;
}

.dialog-out-chat div:nth-child(1) {
	width: 510px !important;
	margin-left: auto;
	margin-right: auto;
}

.dialog-out-chat__content1 {
	font-family: 'HiraKakuPro-W3';
	font-size: 17px;
	color: rgba(0, 0, 0, 0.87);
	line-height: 21px;
	margin-bottom: 30px;
}

.dialog-out-chat__content2 {
	font-family: 'HiraKakuPro-W3';
	font-size: 17px;
	color: rgba(236, 64, 122, 1);
	margin-bottom: 10px;
}

.dialog-out-chat__content2 span {
	padding-bottom: 14px;
	display: inline-block;
}

.dialog-out-chat__content3 {
	font-family: 'HiraKakuPro-W3';
	font-size: 15px;
	color: rgba(0, 0, 0, 0.87);
	margin-bottom: 30px;
}

.dialog-out-chat__content3 span {
	font-family: 'HiraKakuPro-W6';
	color: rgba(236, 64, 122, 1);
	font-weight: bold;
}

.btn-cancel-out-chat {
	color: rgba(0, 0, 0, 0.87);
	height: 42px;
    width: 112px;
    padding: 0;
    background-color: #fefefe;
    border: solid 1px #8abbdd;
    color: #5e91b5;
    font-size: 16px;
    font-weight: 600;
}

.btn-accept-out-chat {
	margin-right: 20px;
	width: 256px;
	height: 42px;
	padding: 0;
    font-size: 16px;
    font-weight: 600;
}

.wrap-btn-out-chat {
	display: flex;
	justify-content: center;
}

.dialogReplyConfirm>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1) {
	padding: 48px 24px 24px 24px !important;
}

.buttonsReply {
	float: right;
	margin-top: 32px;
	display: flex;
}

.buttonsReplyBlock {
	margin-left: auto;
	margin-right: auto;
	width: 84%;
}

.buttonsReplyBlock2 {
	margin-left: auto;
	margin-right: auto;
}

.cancelReply {
	background: #eeeeee;
	margin-right: 24px;
	height: 24px;
	width: 80px;
	border-radius: 3px;
	font-size: 14px;
	outline: none;
	border: none;
	color: '#000000';
}

.submitReply {
	background: #11ad9d;
	height: 24px;
	color: #fff;
	width: 80px;
	border-radius: 3px;
	font-size: 14px;
	outline: none;
	border: none;
}

.submitReplyBlock {
	width: 106px;
	background: #8abbdd;
	margin-right: 24px;
	height: 32px;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	outline: none;
	border: none;
	box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.12);
	margin-bottom: 13px;
}

.disableSubmitReplyBlock {
	width: 135px;
	background-color: rgba(0, 0, 0, 0.12);
	margin-right: 24px;
	height: 32px;
	color: rgba(0, 0, 0, 0.26);
	border-radius: 3px;
	font-size: 14px;
	outline: none;
	border: none;
	box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.12);
	margin-bottom: 13px;
}

.cancelReplyBlock {
	width: 135px;
	background: #eeeeee;
	height: 32px;
	border-radius: 3px;
	font-size: 14px;
	outline: none;
	border: none;
	color: rgba(32, 32, 32, 1);
	box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.12);
}

.dialogOtherAnswers>div:nth-child(1)>div:nth-child(1) {
	width: 64% !important;
	max-width: none !important;
	margin-left: 15% !important;
}

.dialogOtherAnswers {
	padding-top: 20px !important;
}

.dialogOtherAnswers>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1) {
	height: calc(100vh - 150px);
	max-height: none !important;
	background: #fff;
	overflow-y: scroll !important;
}

.otherAnwersTop {
	margin-bottom: 24px;
}

.otherAnswerContent {
	overflow-wrap: break-word;
}

.otherAnswerContent img {
	width: 64px;
	height: 64px;
	margin-right: 16px;
}

.otherAnswerContent p {
	margin-top: 32px;
}

.otherAnwersClose {
	color: #11ad9d;
	float: right;
}

.otherAnswerItem {
	padding: 12px;
	border: 1px solid #b0b0b0;
	border-radius: 3px;
	margin-top: 12px;
}

.wrapAnswerPosted {
	margin-top: 48px;
}

.titleAnswerPosted {
	color: rgba(0, 0, 0, 0.87);
	font-size: 18px;
}

.answerPosted {
	background: #f7f3fe;
	padding: 16px;
	border: 1px solid rgba(247, 243, 255, 1);
	border-radius: 3px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	display: flex;
	margin-top: 12px;
	margin-bottom: 32px;
}

.answerPostedTime {
	float: right;
	color: rgba(139, 132, 152, 1);
}

.titleGetPoint {
	text-align: center;
	background-color: rgba(94, 202, 189, 0.1);
	color: rgba(94, 202, 189, 1);
	border-radius: 2px;
}

.congratulationsGetPoint {
	color: rgba(94, 202, 189, 1);
}

.pointBestAnswer {
	color: rgba(94, 202, 189, 1);
}

.popUpBestAnswer {
	background: #fff;
	box-shadow: 0 1px 5px rgb(0 0 0 / 0.2);
	border-radius: 4px;
}

.titlePopUpBestAnswer {
	float: left;
	line-height: 50px;
	margin-left: 12px;
	color: #000;
	margin-top: 6px;
}

.buttonBestAnswer {
	margin-left: 24px;
	background: #11ad9d;
	border-radius: 3px;
	height: 28px;
	margin-top: 14px;
	margin-bottom: 14px;
	color: #fff;
	width: 150px;
	outline: none;
	border-color: transparent;
}

.review__main {
	padding-left: 24px;
	overflow-wrap: break-word;
}

.answerDetailLeft {
	width: 100px;
	margin-right: 32px;
}

.answer-form-main {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.best-answer-item-right button {
	border: none;
}

.answer-other-item-best-answer img {
	width: 32px;
	margin-bottom: 0;
	float: right;
}

.answer-other-item-top {
	display: flex;
	margin-bottom: 4px;
}

.chat-list-delimiter__text {
	/* width: 86px !important; */
}

.replyAnswer>div:nth-child(3) textarea:nth-child(2) {
	margin-top: 10px !important;
	margin-bottom: 36px !important;
}

.replyAnswer>div:nth-child(2) textarea:nth-child(2) {
	margin-top: 10px !important;
	margin-bottom: 12px !important;
}

#js_chat_karte {
	height: 45%;
}

#js_chat_memo_history {
	height: 49%;
	/*overflow: scroll;*/
}

.answerPostedLike {
	float: right;
	margin-top: 12px;
}

.answerPostedLike span {
	font-size: 16px;
	color: rgba(139, 132, 152, 1);
	margin: 0 4px 0 4px;
}

.answerPostedLike i {
	font-size: 16px;
	color: rgba(236, 64, 122, 1);
}

.answerPostedLikeOther {
	display: flex;
	float: right;
}

.answerPostedLikeOther span {
	font-size: 10px;
	color: rgba(139, 132, 152, 1);
	margin: 0px 0px 0px 4px;
}

.answerPostedLikeOther i {
	font-size: 10px;
	color: rgba(236, 64, 122, 1);
	margin-top: 2px;
}

.answerPostedLikeOtherDialog {
	display: flex;
	float: right;
	margin-top: 6px;
}

.answerPostedLikeOtherDialog span {
	font-size: 12px;
	color: rgba(139, 132, 152, 1);
	margin: 0px 0px 0px 4px;
}

.answerPostedLikeOtherDialog i {
	font-size: 12px;
	color: rgba(236, 64, 122, 1);
	margin-top: 2px;
}

.otherAnswerTop {
	display: flex;
}

.descriptionReview {
	display: flex;
	border: none;
	background-color: transparent;
}

.otherAnswerTop hr {
	margin: 8px 0px 0px 0px;
}

.otherAnswerTime {
	width: 96%;
}

.fa-heart0 {
	color: rgb(175, 171, 171) !important;
}

.reward-daily {
	width: 158%;
	font-size: 13px;
}

.reward-daily td {
	padding: 4px !important;
}

.rowHeader td {
	padding: 8px !important;
}

.rowHeader th {
	padding: 6px !important;
}

.rowHeaderBot th {
	background-color: rgba(0, 0, 0, 0.06);
	padding: 12px !important;
}

.closeMessageOffline {
	position: absolute;
	top: 8px !important;
	right: 8px !important;
	color: rgba(117, 117, 117, 1) !important;
	cursor: pointer;
}

.dialogMessageOffline>div>div {
	width: 360px !important;
}

.dialogMessageOffline>div>div>div>div {
	padding: 24px 0px 24px 32px !important;
}

.dialogMessageOfflineTitle {
	font-family: 'Hiragino Kaku Gothic Pro';
	color: rgba(0, 0, 0, 0.87);
	font-size: 17px;
	margin-top: 8px;
}

/* #ruler { visibility: hidden; white-space: nowrap; } */
.dialogConfirmSendTemplate>div>div {
	width: 428px !important;
	height: 298px !important;
}

.dialogConfirmSendTemplateContent {
	width: 100% !important;
	word-wrap: break-word;
	position: relative;
}

.dialogConfirmSendTemplateTitle,
.dialogConfirmSendTemplateContent {
	font-family: 'Hiragino Kaku Gothic Pro';
	color: rgba(0, 0, 0, 0.87);
	font-size: 17px;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e8eced;
}

.dialogMainContent {
  width: 100%;
  line-height: 1.5;
  max-height: calc(1.5em * 2);
  overflow-y: auto;
  word-break: break-word;
}

.dialogSubContent {
	position: absolute;
	width: 13px;
	height: 25px;
	bottom: 24px;
	right: 0px;
	background-color: #ffffff;
}

.containerButton {
	width: 60%;
	margin: 20px auto;
	height: 36px;
	display: flex;
}

.approveSendTemplate {
	width: 48%;
	margin-right: 5%;
	background-color: #8abbdd;
	border-radius: 2px;
	color: rgba(255, 255, 255, 1);
	font-size: 15px;
	font-family: 'Hiragino Kaku Gothic Pro';
	text-align: center;
	border: none;
}

.rejectSendTemplate {
	width: 48%;
	background-color: rgba(249, 249, 249, 1);
	color: rgba(0, 0, 0, 0.87);
	border-radius: 2px;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.24),
		0px 0px 1px 0px rgba(0, 0, 0, 0.12);
	font-size: 15px;
	font-family: 'Hiragino Kaku Gothic Pro';
	text-align: center;
	border: none;
}

.approveSendTemplate:focus,
.rejectSendTemplate:focus {
	outline: none;
}

.checkboxConfirmSendTemplate {
	margin: auto;
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 15px;
	color: rgba(0, 0, 0, 0.87);
}

.checkboxConfirmSendTemplate label {
	font-weight: normal !important;
}

.checkboxMessage {
	margin-top: 24px;
	width: 78% !important;
	margin-left: auto;
}

.chat-list-label-off {
	display: flex;
}

.chat-list-label__text_off {
	display: inline-block;
	line-height: 1em;
	padding: 4px 8px;
	margin: 0 0 8px;
	color: #fff;
	border-radius: 2px;
	font-size: 13px;
	background-color: rgba(236, 64, 122, 1) !important;
}

.chat-list-label__text_free {
	color: #d4c068;
	border: 1px solid #d4c068;
	border-radius: 10px;
	height: 20px;
	text-align: center;
	width: 48px;
	margin-bottom: 8px;
	margin-top: 6px;
}

.helpMarginTop {
	margin-bottom: 12px;
}

.select {
	width: 540px;
	margin-top: 32px;
}

.title-cus-manage {
	margin-bottom: 12px;
}

.textArea {
	margin-top: 32px;
}

.inputCus {
	border: 1px solid rgba(0, 0, 0, 0.18);
	border-radius: 4px;
	outline: none;
	padding: 16px;
	width: 504px;
	height: 96px;
}

.inputTitleCus {
	border: 1px solid rgba(0, 0, 0, 0.18);
	border-radius: 4px;
	outline: none;
	padding: 10px;
	width: 518px;
}

.inputTitle {
	margin-top: 20px;
}

.dropdown-contact {
	/* width: 668px; */
	/* width: 370px; */
	max-width: 370px;
	margin-left: 24px;
}

.dropdown-contact .Dropdown-control {
	border: 1px solid #c4c4c4 !important;
	border-radius: 10px;
}

.dropdown-contact .Dropdown-menu {
	border-radius: 10px;
}

.dropdown-contact .Dropdown-control:hover {
	border: 2px solid #8abbdd !important;
}

.Dropdown-control.dropdown-placeholder, .Dropdown-control .dropdown-placeholder {
	color: #b2cfd6 !important;
}

.timeSpan1 {
	margin-left: 16px;
	color: rgba(0, 0, 0, 0.27);
	font-size: 20px;
}

.timeSpan2 {
	color: rgba(0, 0, 0, 0.44);
	margin-left: 12px;
}

.react-datepicker__navigation {
	/* height: 0px !important; */
	/* outline: none; */
}

.submitDate {
	position: absolute;
	bottom: 12px;
	right: 6px;
	background: #11ad9d;
	color: #fff;
	justify-content: center;
	border-radius: 2px;
	outline: none;
	border: none;
	width: 32px;
}

.react-datepicker-time__input {
	width: 64px !important;
}

.titleSelectTime {
	margin-bottom: 12px;
	margin-top: 24px;
}

.react-datepicker__input-container input {
	padding: 8px;
}

.submitNoti {
	width: 72px;
	border-radius: 3px;
	background: #11ad9d;
	color: #fff;
	height: 36px;
	outline: none;
	margin-top: 32px;
	margin-bottom: 32px;
	border: none;
}

.errNoti {
	margin-top: 12px;
	color: rgba(236, 64, 122, 1);
}

.countCharacters {
	position: relative;
	bottom: 12px;
	right: 72px;
	color: rgba(0, 0, 0, 0.38);
}

.countTitleCharacters {
	position: relative;
	right: 72px;
	color: rgba(0, 0, 0, 0.38);
}

.createNoti {
	width: 150px;
	background: #11ad9d;
	color: #fff;
	outline: none;
	border: none;
	height: 36px;
	justify-content: center;
	align-content: center;
	border-radius: 3px;
	font-size: 15px;
	margin-top: 24px;
	margin-bottom: 24px;
}

.frame-table-noti th {
	background: rgba(0, 0, 0, 0.06);
}

.frame-table-noti td {
	text-align: center;
}

.editNoti {
	width: 60px;
	background: #ed5ca1;
	color: #fff;
	outline: none;
	border: none;
	height: 32px;
	border-radius: 2px;
	justify-content: center;
	align-content: center;
}

.editNotiPushed {
	width: 36px;
	color: #000;
	outline: none;
	border: none;
	height: 24px;
	border-radius: 3px;
	justify-content: center;
	align-content: center;
	background: transparent;
}

.deleteNotiPushed {
	width: 36px;
	color: #000;
	outline: none;
	border: none;
	height: 24px;
	border-radius: 3px;
	justify-content: center;
	align-content: center;
	background: transparent;
}

.deleteNoti {
	width: 36px;
	background: rgba(236, 64, 122, 1);
	color: #fff;
	outline: none;
	border: none;
	height: 24px;
	border-radius: 3px;
	justify-content: center;
	align-content: center;
}

.iconDateNoti {
	font-size: 24px;
	border-left: 1px solid rgba(0, 0, 0, 0.26);
	right: 28px;
	position: relative;
	width: 48px;
	height: 100%;
	margin-right: 12px;
}

.buttonBlock {
	height: 24px;
	border: none;
	outline: none;
	margin-top: 15px;
}

.button-out-chat {
	height: 28px;
	border-radius: 2px;
	margin-top: 8px;
	margin-right: 10px;
	width: 53px;
	color: #ed5ca1;
	border: solid 1px #ed5ca1;
	background-color: #fefefe;
	font-weight: 600;
}

#buttonBlock {
	/* width: 72px;
	background: rgba(236, 64, 122, 1);
	color: #fff; */
	background: #fefefe;
	color: #5e91b5;
	border: solid 1px #8abbdd;
	font-size: 12px;
	height: 26px;
	font-weight: 600;
	width: 81px;
	border-radius: 2px;
	font-family: HiraginoKakuGothicPro;
}

#buttonUnBlock {
	width: 100px;
	background: rgba(17, 173, 157, 1);
	color: #fff;
}

#buttonCantBlock {
	width: 72px;
	height: 28px;
	border: 1px solid rgba(229, 229, 229, 1);
	background: rgba(229, 229, 229, 1);
	color: rgba(0, 0, 0, 0.38);
	padding-bottom: 1px;
}

.submitUnBlock {
	width: 40%;
	margin-left: 28%;
	outline: none;
	border: none;
	background: #8abbdd;
	margin-top: 12px;
	color: #fff;
	height: 36px;
	border-radius: 3px;
	margin-bottom: 16px;
}

.submitCantBlock {
	width: 48%;
	margin-left: 24%;
	outline: none;
	border: none;
	background: #8abbdd;
	margin-top: 14px;
	color: #fff;
	height: 42px;
	border-radius: 3px;
}

.closeUnBlock {
	position: relative;
	left: 102% !important;
	color: rgb(137, 179, 209) !important;
	top: -28px;
	cursor: pointer;
}

.closeBlock {
	position: relative;
	top: -8px;
	left: 101% !important;
	color: rgb(138, 187, 221) !important;
	cursor: pointer;
}

.closeBlockFirstTime {
	position: absolute;
	top: 10px;
	left: 98% !important;
	color: rgba(0, 0, 0, 0.2) !important;
	cursor: pointer;
}

.table-data-block {
	margin-top: 16px;
}

.table-data-block th {
	background: transparent;
	border: none;
	color: rgba(0, 0, 0, 0.38);
}

.table-data-block td {
	background: transparent;
	border: none;
	font-size: 14px;
	font-weight: 500;
}

.table-data-block tr {
	border-bottom: 1px solid #e8eced;
}

.txtDialogBlock3 {
	font-size: 17px;
	color: rgba(0, 0, 0, 0.87);
	font-family: 'HiraKakuPro-W3';
}

.txtDialogFirstTime2 {
	font-size: 17px;
	color: rgba(0, 0, 0, 0.87);
	font-family: 'Hiragino Kaku Gothic Pro';
}

.txtDialogBlock1 {
	font-family: 'HiraKakuPro-W6';
	font-size: 17px;
	color: #5e91b5;
	line-height: 21px;
	margin-bottom: 33px;
	text-align: center;
	font-weight: 700;
}

.txtDialogBlock2 {
	font-family: 'HiraginoKakuGothicPro-W3';
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 33px;
	color: rgba(0, 0, 0, 0.87);
	font-weight: 500;
	text-align: center;
}

.txtDialogBlock2>span {
	color: #ec407a;
}

.txtDialogFirstTime {
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 17px;
	line-height: 21px;
	margin-bottom: 33px;
	color: rgba(0, 0, 0, 0.87);
}

.txtDialogFirstTime>span {
	font-family: 'HiraKakuPro-W6';
	font-size: 17px;
	line-height: 21px;
	color: rgba(238, 85, 137, 1);
}

.txtBlock {
	color: rgba(0, 0, 0, 0.87);
}

.txtBlock1 {
	color: rgba(0, 0, 0, 0.87);
}

.analysis-table {
	padding: 16px 48px 16px 16px;
	margin-top: 16px;
	margin-left: 8px;
}

.monthAnalysis {
	background: #edf7fe;
}

.timeline__background-pending {
	background-color: #dadada !important;
}

/*
.replyAnswer > div:nth-child(3) textarea:nth-child(1){
    margin-bottom: 0px !important;
} */

/* end PC */

/* .dialogReplyConfirm div:nth-child(1) div:nth-child(1) div:nth-child(1){
    width: 100%;
} */

/* .answer-detail-wrapper{
    background: #fff;
} */

/* Small devices (tablets, 768px and up) TABLET*/
@media (min-width: 768px) {

	/* .contactPrimary p {
		word-break: break-word;
		margin-right: 24px;
		width: 88%;
	} */
	.errMsgContact {
		color: red;
		margin-left: 24px;
	}

	.text-message-contact {
		color: rgba(236, 64, 122, 1);
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 12px;
		line-height: 15px;
		margin-top: 8px;
		margin-left: 24px;
	}

	.btnFile {
		margin-left: 24px;
		margin-top: 12px;
	}

	.imageContact {
		width: 32px;
		height: 32px;
		margin-left: 64px;
		margin-top: 18px;
	}

	.reviewpage_star-filter {
		width: 151px !important;
	}

	.reviewpage_star-filter hr {
		margin: 10px 0 !important;
	}

	.modal-missing__profile {
		position: relative;
		padding: 44px 17px 30px 31px !important;
	}

	.modal-missing__profile-close__icon {
		display: none;
		position: absolute;
		top: 9px;
		right: 10px;
		cursor: pointer;
		color: rgba(117, 117, 117, 1);
	}

	.modal-missing__profile-paper {
		width: 52% !important;
	}

	.modal-menu-premium-paper {
		width: 52% !important;
	}

	.modal-missing__profile-title {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 24px;
		color: rgba(0, 0, 0, 0.87);
		line-height: 21px;
		margin-bottom: 25px;
	}

	.modal-missing__profile-content {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 18px;
		color: rgba(0, 0, 0, 0.54);
		line-height: 21px;
		margin-bottom: 39px;
	}

	.modal-missing__profile-buttons {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
	}

	.modal-missing__profile-button__cancel {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(17, 173, 157, 1);
		background-color: transparent;
		border: none;
		outline: none;
		margin-right: 44px;
	}

	.modal-missing__profile-button__redirect {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(17, 173, 157, 1);
		background-color: transparent;
		border: none;
		outline: none;
		font-weight: bold;
	}

	.help-additional--title {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(33, 33, 33, 1);
		margin-bottom: 8px !important;
	}

	.help-additional__content {
		padding-bottom: 6px !important;
		padding-top: 4px !important;
	}

	.help-additional__content-item {
		font-family: 'HiraKakuPro-W3' !important;
		font-size: 18px !important;
		color: rgba(17, 173, 157, 1);
	}

	.help-additional__content>ul {
		margin-bottom: 0px !important;
		padding-left: 24px !important;
		padding-right: 20px !important;
	}

	.help-additional__content ul li {
		margin-bottom: 23px !important;
	}

	.suspend-request-chat__wrap-icon-bell {
		position: fixed;
		top: 50px;
		right: 270px;
		width: 62px;
		height: 62px;
		z-index: 1000;
	}

	.suspend-request-chat__icon-bell {
		width: 100%;
		height: 100%;
	}

	.dialog__chat-button {
		margin-bottom: 26px !important;
	}

	.dialog__chat-countdown {
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.dialog__chat-username {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 21px;
		color: #11ad9d !important;
		line-height: 21px;
		padding: 0 !important;
		text-align: center !important;
		font-weight: bold;
		margin-top: 10px;
	}

	.dialog__chat-subtitle {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 14px;
		color: rgba(33, 33, 33, 1);
		line-height: 21px;
		margin-top: 6px;
	}

	.dialog__chat-button__acceptchat,
	.dialog__chat-button__suspendchat {
		width: 156px !important;
		font-family: 'Hiragino Kaku Gothic Pro';
		outline: none;
	}

	.dialog__chat-notice {
		font-size: 12px !important;
		font-family: 'HiraKakuPro-W3';
		color: rgba(203, 203, 203, 1);
		line-height: 16px;
	}

	.pc_hide {
		display: none;
	}

	.auth-box {
		width: 630px;
	}

	.sitelogo__image {
		max-width: 255px;
	}

	.secondary-header {
		display: none
	}

	.navbar-fixed-bottom {
		bottom: auto;
		top: 0
	}
}

.template-title {
	height: 72px !important;
}

.template-title input[type='text'] {
	margin-top: 14px !important;
}

.labelfield {
	margin-top: 10px;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.38);
}

.setting-external-url .textfield__textarea {
	height: 40px !important;
}

.textfield__textarea label {
	bottom: -50px !important;
}

.setting-external-url {
	margin-bottom: 40px !important;
}

.answer-other-item-time {
	color: rgba(174, 169, 185, 1);
	font-size: 10px;
	width: 86%;
}

.titleDailyReward {
	display: flex;
	/* align-items: flex-start; */
	align-items: center;
}

.titleDailyReward .primary-title__main {
	/* margin-top: 6px; */
}

.dateTimeReward {
	margin-left: 0px;
	padding: 0px !important;
	display: flex;
}

.dateTimeReward .primary-title__main {
	margin-top: 4px;
	font-weight: normal !important;
	font-size: 16px !important;
	/* margin-top: 8px; */
}

.monthWrap {
	width: 80px;
	height: 24px;
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.26);
	margin-left: 24px;
}

.preMonth {
	width: 49%;
	border-right: 1px solid rgba(0, 0, 0, 0.26);
	height: 100%;
}

.rdh__navigation {
	float: left;
	margin-left: 16px;
	/* border: 1px solid rgba(0, 0, 0, 0.26); */
	border-radius: 3px;
	overflow: hidden;
	background-color: #fff;
}

.rdh__navigation a {
	float: left;
	display: block;
	text-decoration: none;
	width: 40px;
	text-align: center;
}

.rdh__navigation a i {
	height: 28px;
	line-height: 28px;
	color: #8abbdd;
}

.rdh__navigation__prev {
	/* border-right: 1px solid #dedede; */
}

.rdh__navigation__next {
	/* border-left: 1px solid #dedede; */
}

.rdh__navigation a.is-active i {
	color: #8abbdd;
}

.tableReward,
th,
td {
	text-align: center;
	border-right: 1px solid rgba(211, 211, 211, 1);
	border-bottom: 1px solid rgba(211, 211, 211, 1);
	padding-left: 4px;
	padding-right: 4px;
	color: rgba(0, 0, 0, 0.87);
	font-weight: 500;
}

.valueRow:hover {
	background-color: #ddd;
}

.rowHeader {
	background-color: rgba(0, 0, 0, 0.06);
}

.lastCol {
	border-right: #fff solid;
}

.spaceRow {
	height: 12px;
	background-color: rgba(0, 0, 0, 0.06);
	border-bottom: 1px solid rgba(211, 211, 211, 1);
}

.spaceRow>th {
	border-right: none;
}

.spaceRow>td {
	border-right: none;
}

.chat-list-area-wrap-block {
	background: rgba(0, 0, 0, 0.1);
}

.chat-box-form-hidden {
	display: none;
}

.userNameBlock {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.8);
	margin-top: 12px;
	font-weight: bold;
	text-align: center;
}

.txtBlock {
	font-size: 15px;
	margin-top: 8px;
	text-align: center;
}

.avatarBlock {
	margin-top: 8px;
	margin-left: 41%;
}

.txtBlock1 {
	font-size: 15px;
	text-align: center;
	margin-top: -20px;
}

.txtBlockClose {
	text-align: center;
	color: rgba(203, 203, 203, 1);
	font-size: 15px;
}

.picker-access {
	padding: 4px !important;
}

.date-picker-access {
	margin-left: 24px;
	margin-top: 12px;
	display: flex;
}

.access-end {
	margin-left: 12px;
}

.selectTime {
	width: 274px;
}

.iconDateAccess {
	font-size: 24px;
	border-left: 1px solid rgba(0, 0, 0, 0.26);
	right: 28px;
	position: relative;
	width: 48px;
	height: 72%;
	margin-right: 12px;
}

.centerIconAccess {
	margin-left: -82px;
	font-size: 26px;
}

.submitDateAccess {
	height: 30px;
	background: rgba(17, 173, 157, 1);
	color: #fff;
	outline: none;
	border: none;
	border-radius: 3px;
	width: 48px;
	margin-left: -64px;
}

.table-analysis th,
td {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.87);
}

.titleTextBox {
	margin-left: 24px;
	font-weight: bold;
	font-size: 15px;
	margin-top: 43px;
	margin-bottom: 14px;
}

.titleTextField {
	margin-left: 24px;
	font-weight: bold;
	font-size: 15px;
	margin-top: 31px;
	margin-bottom: 14px;
}

.titleValue {
	margin-left: 24px;
	font-size: 15px;
	margin-bottom: 16px;
	font-family: 'HiraKakuPro-W3';
	color: rgba(0, 0, 0, 0.87);
	white-space: pre-wrap;
	word-break: break-word;
	width: 60%;
}

.titleValuePreview {
	margin-left: 24px;
	margin-right: 24px;
	font-size: 15px;
	/* margin-bottom: 16px; */
	font-family: 'HiraKakuPro-W3';
	color: rgba(0, 0, 0, 0.87);
	white-space: pre-wrap;
	word-break: break-word;
}

.inputContact {
	margin-left: 24px;
	/* width: 634px !important; */
	width: 336px !important;
	min-height: 112px !important;
}

.inputContact::placeholder {
	color: rgba(0, 0, 0, 0.38);
}

.inputContactCustom::placeholder {
	color: #b2cfd6 !important;
}

.inputContactCustom {
	font-size: 14px;
}



.inputChooseFile {
	border: 1px solid rgba(0, 0, 0, 0.24) !important;
}

.btn-raised__file {
	border: 1px solid rgba(0, 0, 0, 0.24) !important;
	background: none !important;
	color: inherit !important;
	font: inherit !important;
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	box-shadow: none;
	outline: none;
	cursor: pointer;
	/* Hide default file input UI, show custom label */
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.btn-raised__text {
	color: rgba(0, 0, 0, 0.87);
	font-weight: 200;
}

.checkBoxContact {
	display: flex;
	margin-left: 24px;
	width: 25%;
	gap: 20px;
}

.submitContact {
	width: 84px;
	height: 36px;
	background: #8abbdd;
	color: #fff;
	border-radius: 3px;
	outline: none;
	border: none;
	margin-left: 24px;
	margin-top: 24px;
	margin-bottom: 96px;
}

.submitContact[disabled] {
	width: 84px;
	height: 36px;
	background: rgba(144, 140, 154, 1);
	;
	color: #fff;
	border-radius: 3px;
	outline: none;
	border: none;
	margin-left: 24px;
	margin-top: 24px;
	margin-bottom: 96px;
}

.fileContact {
	display: flex;
}

.txtFileContact {
	margin-left: 12px;
	margin-top: 24px;
	color: 'rgba(0, 0, 0, 0.7)';
}



.imageConfirm {
	width: 320px;
	height: auto;
	margin-left: 24px;
	margin-top: 24px;
}

.notMarginTop {
	margin-top: 24px !important;
}

.btnsContact {
	display: flex;
}

.cancelContact {
	width: 84px;
	height: 36px;
	border-radius: 3px;
	outline: none;
	border: none;
	margin-left: 24px;
	margin-top: 24px;
	margin-bottom: 96px;
	background: rgba(229, 229, 229, 1);
	color: rgba(0, 0, 0, 0.38);
}

.contact-table th,
td {
	border: none;
}

.contact-table {
	margin-top: 16px;
}

.contact-table td:first-child {
	text-align: center;
}

.contact-table td:last-child {
	text-align: center;
}

.contact-table td {
	text-align: center;
	font-size: 15px;
	color: rgba(0, 0, 0, 0.87);
}

.contact-table th {
	font-size: 15px;
	color: rgba(0, 0, 0, 0.38);
}

.contact-table__content-unread {
	background-color: #f7f7f7;
}

.take_notice {
	margin: 0px 0 20px;
	font-size: 15px;
}

.contact-table__content-unread td {
	font-weight: bold !important;
}

.support-wrap {
	margin-left: 24px;
	margin-top: 32px;
}

.support-title {
	color: rgba(0, 0, 0, 0.87);
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 12px;
}

.support-question-datetime {
	color: rgba(192, 192, 192, 1);
	font-size: 13px;
	margin-bottom: 11px;
}

.support-question-content {
	white-space: pre-wrap;
	font-size: 17px;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 12px;
	margin-top: 24px;
	word-break: break-word;
	width: 90%;
	padding: 0px 12px 0px 0px;
}

.support-question-content-admin {
	font-size: 17px;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 12px;
	line-height: 22px;
	word-break: break-word;
	white-space: pre-wrap;
}

.link-image {
	color: #8abbdd;
	cursor: pointer;
}

.support-question {
	padding-bottom: 24px;
	width: 60%;
	/* border-bottom: 1px solid rgba(0, 0, 0, 0.24); */
}

.support-detail-area {
	padding-bottom: 10px;
}

.support-subject {
	font-family: 'HiraKakuPro-W3';
	font-size: 15px;
	color: rgba(0, 0, 0, 0.87);
	font-weight: normal;
}

.support-content {
	font-family: 'HiraKakuPro-W3';
	font-size: 17px;
	color: rgba(0, 0, 0, 1);
	line-height: 22px;
}

.support-reply-inner {
	padding: 12px;
	background: #edf7fe;
	margin-top: 12px;
	/* width: 97%; */
}

.support-question-title {
	color: rgba(0, 0, 0, 0.87);
	font-size: 15px;
	font-weight: bold;
}

.support-reply-confirm {
	margin-top: 23px;
}

.support-reply {
	padding-bottom: 32px;
	/* border-bottom: 1px solid rgba(0, 0, 0, 0.24); */
	width: 60%;
}

.support-reply-confirm button {
	width: 88px;
	color: #fff;
	height: 36px;
	outline: none;
	background: #8abbdd;
	margin-left: 12px;
	border: none;
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 15px;
	color: rgba(255, 255, 255, 1);
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}

.support-reply-confirm span {
	font-family: 'HiraKakuPro-W3';
	font-size: 15px;
	color: rgba(0, 0, 0, 0.87);
}

.contact-detail-title {
	color: #b2cfd6;
	font-size: 13px;
	margin-top: -12px;
	margin-bottom: 16px;
}

.dialogShowImage {
	width: 50%;
	padding-top: 80px !important;
	overflow-y: scroll;
}

.closeImageShow {
	font-size: 36px;
	left: 100% !important;
}

.dialogShowImage img {
	width: 70%;
	margin-left: 15%;
	margin-top: 16px;
}

.noContent {
	text-align: center !important;
}

.noImage {
	width: 200px;
	height: 96px;
	background: rgba(216, 216, 216, 1);
	margin-left: 24px;
	margin-top: 24px;
	position: relative;
}

.noImage p {
	text-align: center;
	color: rgba(0, 0, 0, 1);
	font-size: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	margin: 0;
	width: 100px;
}

.textCancelContact {
	display: none;
}

.contentConfirm {
	margin-left: 24px;
	font-size: 17px;
	color: rgba(0, 0, 0, 1);
	font-family: HiraKakuPro-W3;
	width: 60%;
	word-break: break-word;
	white-space: pre-wrap;
}

.free_unofficial {
	color: #d4c068;
	border: 1px solid #d4c068;
	border-radius: 10px;
	height: 19px;
	text-align: center;
	width: 48px;
	margin-left: 8px;
	line-height: 16px;
}

.pay_unofficial {
	color: rgba(236, 64, 122, 1);
	border: 1px solid rgba(236, 64, 122, 1);
	border-radius: 10px;
	height: 19px;
	text-align: center;
	width: 48px;
	margin-left: 8px;
}

/* .tableReward {
    border-collapse: collapse;
    border: 1px solid black;
}

.tableReward th td {
    border: 1px solid black;
} */

/* Medium devices (desktops, 992px and up) DESKTOP*/
@media (min-width: 1200px) {
	.reviewpage_star-filter {
		width: 151px !important;
	}

	.reviewpage_star-filter hr {
		margin: 10px 0 !important;
		width: 92% !important;
	}

	.reviewpage_star-filter_underline {}

	.modal-missing__profile {
		position: relative;
		padding: 24px 16px 26px 24px !important;
	}

	.modal-missing__profile-close__icon {
		display: none;
		position: absolute;
		top: 9px;
		right: 10px;
		cursor: pointer;
		color: rgba(117, 117, 117, 1);
	}

	.modal-missing__profile-paper {
		width: 35% !important;
	}

	.modal-menu-premium-paper {
		width: 25% !important;
	}

	.modal-missing__profile-title {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 20px;
		color: rgba(0, 0, 0, 0.87);
		margin-bottom: 24px;
	}

	.modal-missing__profile-content {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(0, 0, 0, 0.54);
		margin-bottom: 33px;
	}

	.modal-missing__profile-buttons {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
	}

	.modal-missing__profile-button__cancel {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(17, 173, 157, 1);
		background-color: transparent;
		border: none;
		outline: none;
		margin-right: 44px;
	}

	.modal-missing__profile-button__redirect {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(17, 173, 157, 1);
		background-color: transparent;
		border: none;
		outline: none;
		font-weight: bold;
	}

	.help-additional--title {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(33, 33, 33, 1);
		margin-bottom: 8px;
	}

	.help-additional__content {
		padding-bottom: 9px;
		padding-top: 12px;
	}

	.help-additional__content-item {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px !important;
		color: #5e91b5;
	}

	.help-additional__content>ul {
		margin-bottom: 0px;
		padding-left: 24px !important;
		padding-right: 20px !important;
	}

	.help-additional__content ul li {
		margin-bottom: 16px;
	}

	.suspend-request-chat__wrap-icon-bell {
		width: fit-content;
		position: fixed;
		top: 50px;
		right: 270px;
		width: 62px;
		height: 62px;
		z-index: 9999999;
	}

	.navbar-fixed-bottom {
		top: 0;
		bottom: auto;
	}

	.content {
		padding: 100px 32px 48px 288px;
	}
}

.message-dialog>div {
	height: auto !important;
}

.main-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.main-content>div {
	/* float: left; */
	width: calc(50% - 12px);
}

.main-content .home-mission-list {
	/* float: right; */
}

.mission-empty {
	padding: 48px 26px;
	text-align: center;
	color: rgba(0, 0, 0, 0.54);
	font-size: 15px;
	line-height: 20px;
}

.home-mission-list>a {
	cursor: pointer;
}

.mission-item__detail .mission-item__level,
.mission-item__reward .mission-item__level {
	font-size: 15px;
}

.mission-item__start button,
.mission-item__getReward button {
	font-size: 15px;
	font-weight: bold;
}

.mission-item__close a {
	font-size: 15px;
	color: rgba(0, 0, 0, 0.38);
}

.mission-item__close a:hover {
	text-decoration: none;
}

.select-feild>div:nth-child(2)>div:nth-child(1)>div:nth-child(2) {
	width: 100%;
	color: #8abbdd !important;
	line-height: 60px !important;
}

.on-top {
	z-index: 9999 !important;
}

.linkBlog {
	background-color: rgba(102, 102, 114, 1);
	height: 24px;
	position: relative;
	display: block;
	text-decoration: none !important;
	margin-bottom: 16px;
}

.linkBlog:hover {
	text-decoration: none;
}

.linkBlog p {
	text-align: center;
	margin: auto;
	top: 2.5px;
	position: relative;
}

.linkBlog p span {
	font-size: 14px;
	font-weight: bold;
}

.dialogWelcome__btn-next {
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 15px;
	position: relative;
}

.dialogWelcome__icon-clear {
	top: 7%;
	left: unset;
	right: 2%;
	cursor: pointer;
	color: #ccc;
}

.dialogWelcome h3 {
	padding: 24px 24px 0px 20px !important;
	font-family: 'HiraKakuPro-W6';
	font-size: 27px !important;
	font-weight: bold !important;
}

.dialogWelcome__line {
	width: 75%;
}

.dialogWelcome__content {
	padding: 0 8px;
}

.content__icon-welcome-answer {
	margin-left: 7px;
	position: relative;
	top: 4px;
	color: #8abbdd;
	cursor: pointer;
}

.dialogWelcome__step {
	font-size: 20px;
	line-height: 26px;
	color: rgba(0, 0, 0, 0.87);
}

/* Large devices (large desktops, 1200px and up) */
/* @media (min-width: 1200px) {
	.suspend-request-chat__wrap-icon-bell {
	}
} */

/****/
@media (max-width: 767px) {
	.alert-advise-call {
		color: #ed5ca1;
		padding: 0px 16px;
		text-align: center;
		font-size: 12px;
	}

	body {
		min-height: none !important;
	}

	.btn-post-sp {
		margin-top: 24px;
	}

	.btn-tab:hover {
		color: rgba(73, 73, 88, 0.6);
	}

	.btn-tab.is-active:hover {
		color: #8abbdd;
	}

	.showText {
		opacity: 1 !important;
	}

	.content__title {
		display: none;
	}

	.replySP textarea::placeholder {
		color: rgba(0, 0, 0, 0.3);
		font-size: 12px;
	}

	.secondary-header .navbar .navbar-default .navbar-fixed-top {
		height: 44px;
	}

	.navbar-header {
		width: auto !important;
	}

	.secondary-hidden {
		left: -100%;
	}

	.on-top {
		z-index: 9999 !important;
	}

	.secondary-show {
		left: 10;
	}

	.secondary {
		padding-top: 0;
	}

	.secondary-header {
		height: 44px;
		background-color: #fff;
	}

	.header-back {
		height: 44px;
		background-color: #fff;
		position: fixed;
		width: 100%;
	}

	.overlay.secondary-show {
		position: fixed;
		background: #0000006e;
		width: 100%;
		height: 100%;
		z-index: 1200;
	}

	.secondary {
		z-index: 1300;
		width: 80%;
	}

	.navbar-default .navbar-toggle {
		border: none;
	}

	.navbar-header {
		background: transparent !important;
	}

	.subtitle_setting {
		display: inherit;
	}

	.sitelogo.navbar-brand {
		display: none;
	}

	.content {
		padding-top: 65px;
	}

	.contentNoti {
		padding: 16px;
		margin-top: -36px;
		padding-bottom: 150px;
	}

	.container {
		height: 44px;
		padding: 0;
	}

	.navtab-header {
		height: 50px;
	}

	.navtab-header a button div div {
		line-height: 20px;
		font-size: 10px;
		color: rgba(0, 0, 0, 0.54);
	}

	.navtab-header a {
		padding: 0;
	}

	.dialog-notice {
		left: 0;
		min-width: 96%;
		margin-left: 2%;
		margin-top: 5px;
	}

	.dialog-notice>div {
		width: 100%;
	}

	.dialog-notice ul {
		max-height: 332px !important;
	}

	.timeline-form-wrap {
		height: 140px;
	}

	.timeline-form-wrap form {
		height: 80px;
	}

	.timeline-form-main {
		height: calc(100vh - 108px);
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	}

	.timeline-form-actions {
		padding: 12px 16px 12px;
	}

	.timeline-answer-actions {
		white-space: unset;
	}

	.answer-detail-form__checkbox svg:nth-child(2) {
		fill: rgba(17, 173, 157, 1) !important;
	}

	.timeline-form {
		height: 100%;
		margin: 0px 16px 0px 16px;
	}

	.timeline-form div {
		height: 100% !important;
	}

	.timeline-answer {
		/* margin-top: 42px; */
	}

	.timeline-form div div {
		height: 98% !important;
	}

	.timeline-answer div div textarea {
		height: 98% !important;
		padding-top: 52px !important;
		/* width: calc(100% - 100px) !important; */
	}

	.timeline-form-main-answer {
		height: calc(70vh - 178px) !important;
		padding-bottom: 30px;
		min-height: 45vh;
	}

	.answer-detail-form__title {
		margin-left: 11px;
		font-size: 12px;
	}

	.answer-detail-form__text-footer {
		font-size: 10px;
	}

	.answer-detail-form__checkbox div {
		margin-right: 6px !important;
	}

	.answer-detail-form__checkbox label {
		font-size: 11px;
		color: rgba(0, 0, 0, 0.87);
	}

	.answer-detail-form__checkbox {
		width: 96% !important;
	}

	.frame-table {
		overflow-x: hidden;
		overflow: scroll;
	}

	.frame-table::-webkit-scrollbar {
		display: none;
	}

	.checkout-box {
		min-width: 92%;
	}

	.timeline__btn {
		padding: 0;
		margin: 0;
	}

	.timeline-form-actions__file {
		padding: 0;
		min-width: 0px;
	}

	.timeline__btn::after {
		right: 12px !important;
	}

	.timeline__inner .list .list__item {
		width: 50%;
	}

	.seal-name__text {
		overflow: scroll;
		width: 75px;
	}

	.review__main {
		word-break: break-all;
	}

	.primary__inner .btn-wrap {
		display: inline-flex;
		width: 100%;
	}

	.primary__inner .prof-thumbnail__button.btn-wrap {
		flex-direction: column;
	}

	.primary__inner .btn-wrap input {
		font-size: 15px;
		width: 100%;
	}

	.bottom_menu {
		padding-top: 60px;
		padding-bottom: 100px;
		height: 100%;
	}

	.bottom_menu_list {
		list-style: none;
		background-color: #fff;
		padding-top: 10px;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.bottom_menu_list>li {
		border-top: 1px solid #e5e5e5;
	}

	.bottom_menu_list li {
		border-bottom: 1px solid #e5e5e5;
		padding: 13px;
	}

	.bottom_menu_list li span {
		color: grey;
	}

	.bottom_menu_list li a {
		width: 100%;
		display: block;
		box-sizing: border-box;
	}

	.bottom_list_logout {
		padding: 13px;
		margin-top: 10px;
		background-color: #fff;
	}

	.bottom_list_logout span {
		color: grey;
	}

	.lead-nav {
		overflow-x: scroll;
		margin: 0px -10px 8px !important;
	}

	.lead-nav::-webkit-scrollbar {
		display: none;
		/* Safari and Chrome */
	}

	.scroll-menu-list-reward {
		width: max-content;
	}

	.definition__data .list.flex_start .list__item {
		float: left;
		padding: 4px 4px;
	}

	.primary__inner_template {
		padding: 0px;
	}

	.noti__reset-pw-success {
		font-weight: normal !important;
	}

	/* .primary-title{
        display: none;
    } */
	.primary-title__description {
		font-size: 12px;
		font-weight: 600;
	}

	.primary-title__description-template {
		padding-bottom: 15px;
	}

	.template-block__title {
		padding-left: 12px;
		width: 96%;
	}

	.template-block__title>div {
		height: 40px !important;
	}

	.template-block__body {
		padding: 45px 0px 0px 0px;
	}

	.template-block {
		border-bottom: 1px solid #e5e5e5;
		padding-left: 12px;
		padding-right: 12px;
		margin-top: 8px;
		padding-bottom: 4px;
	}

	.template-block__btn {
		margin-top: 60px;
		height: 25px;
		width: 50px;
		position: relative;
	}

	.chat-box-customer {
		right: -256px;
		transition: 0.2s;
	}

	.show_chat-box-customer {
		transition: 0.2s;
		right: 0 !important;
		z-index: 999;
		width: 100%;
		background-color: gray;
		z-index: 9999;
	}

	/* .wrap-chat-box-customer{
        width: 100%;
        height: 100%;
        z-index: 99999;
    } */
	.chat-karte-list-wrap {
		height: 100%;
		width: 85%;
		margin-left: 15%;
		background: white;
	}

	.chat-karte-list .list__item {
		height: 33%;
	}

	.chat-memo-history-hidden {
		display: none;
	}

	.chat-karte-list-wrap-hidden {
		display: none;
	}

	.chat-memo-history__nav-hidden {
		display: none;
	}

	.chat-memo__fullscreen-hidden {
		display: none;
	}

	.content.layout_chat {
		width: 100%;
		height: 90%;
		padding: 0;
	}

	.chat-box-form {
		padding: 0;
		bottom: 0px;
	}

	.chat-form-custom {
		display: none;
	}

	.chat-form-main {
		display: none;
	}

	.chat-form-custom_sp {
		display: block;
		padding-bottom: 20px;
	}

	.send-pictures-sp {
		display: block;
		overflow: auto;
	}

	.list-pictures-sp {
		list-style: none;
		float: left;
	}

	.picture-item-sp {
		width: 14%;
		margin: 0px 10px;
		list-style: none;
		float: left;
		height: 60px;
		overflow: hidden;
	}

	.btn-file-sp {
		background-color: #ffffff;
		border: none;
		height: 24px;
	}

	.btn-picture-item-sp {
		margin-left: -17px;
		margin-top: -7px;
		height: 25px;
		width: 18px;
		color: rgba(255, 255, 255, 1);
		border-radius: 50%;
		border: none;
		background-color: rgba(117, 117, 117, 1);
		position: absolute;
	}

	/* .content-picture:hover .btn-picture-item-sp {
        visibility: visible;
    } */
	.chat-list-delimiter__text {
		z-index: 40;
	}

	.chat-list-delimiter {
		z-index: 0;
	}

	.chat-form-main_sp {
		display: block;
		overflow: hidden;
		padding-bottom: 5px;
	}

	.chat-memo-history {
		top: 0;
		background-color: rgba(0, 0, 0, 0.2);
		z-index: 9999;
	}

	.chat-memo-wrap {
		height: 100%;
		width: 85%;
		margin-left: 15%;
		background: white;
		position: relative;
	}

	.chat-memo {
		height: 95%;
	}

	.chat-memo__input {
		height: 100%;
		border: none;
	}

	.chat-form__input {
		height: 30px;
		padding: 11px 12px 0px 0px;
		width: 100%;
	}

	.chat-form-btn {
		padding: 6px;
		width: 18%;
		margin-left: 6px;
	}

	.chat-form-btn button {
		float: right;
	}

	.chat-form-custom__pay {
		margin-left: 10px;
		float: left;
		padding: 0 6px 0 0;
	}

	.chat-form-custom-definition__title {
		display: none;
	}

	.chat-form-custom__pay:after {
		display: none;
	}

	.chat-form-custom-count {
		top: 40px;
		padding: 8px;
		z-index: -1;
		color: darkgrey;
	}

	.show_template_sp {
		float: left;
		display: block;
	}

	.btn_show_template {
		height: 24px;
		line-height: 24px;
		padding: 0 8px;
		margin: 0 4px;
		border-radius: 23px;
		font-size: 13px;
		border: solid 1px #8abbdd;
		color: #8abbdd;
		background: #fff;
	}

	.dialog-chat div div {
		width: 80%;
		margin-left: 4%;
	}

	.dialog-chat h3 {
		font-size: 20px;
	}

	.dialog-chat div {
		font-size: 13px;
	}

	#lead-nav .list.lead_nav {
		white-space: nowrap;
	}

	.list__item {
		display: inline-block;
		float: none;
	}

	.nav_right_chat {
		display: inline-block;
		float: right;
		padding: 12px 6px 12px 0px;
	}

	.pencil {
		display: none;
	}

	.user {
		display: none;
	}

	.show-pencil {
		display: block;
		background: none;
		float: left;
		border: none;
		outline: none;
		height: 24px;
	}

	.show-user {
		background: none;
		border: none;
		outline: none;
	}

	.message_text {
		/* width: 130px;
        display: inline-lock; */
		float: left;
		margin-top: 16px;
		color: #8abbdd;
	}

	.link-to-home {
		display: none;
	}

	.show-link-to-home {
		float: left;
		margin-left: 5px;
		margin-top: 16px;
	}

	.chat-list-area {
		padding-bottom: 120px;
		height: auto;
		scroll-behavior: smooth;
	}

	.user_name_hidden {
		display: none;
	}

	.user_name_show {
		font-size: 18px;
		color: rgba(0, 0, 0, 0.87);
		font-weight: 500;
		float: left;
		width: 40%;
		text-align: center;
		padding-top: 12px;
		padding-left: 25px;
	}

	.chat-form-custom-definition__data {
		display: none;
	}

	.hiddenClass {
		display: none !important;
	}

	.hiddenNotImportant {
		display: none;
	}

	.chat-form-custom-definition__data_sp {
		display: none;
	}

	.chat-form-custom-definition__data_sp-show {
		display: block;
		height: 200px;
		width: 90%;
		z-index: 9999;
		margin-left: 5%;
		background-color: #fff;
		position: absolute;
		top: -164px;
	}

	.chat-form-custom-definition__data_sp-show ul {
		box-shadow: 0px 4px 4px 8px #f5f5f5;
	}

	.chat-form-custom-definition__data_sp-show ul li {
		width: 50%;
		margin-top: 12px;
	}

	.chat-form-custom-definition__data_sp-show .btn-round {
		height: 16px;
		line-height: 16px;
		border-radius: 23px !important;
		font-size: 13px;
		border: solid 1px #8abbdd !important;
		width: 80%;
		margin-left: 4% !important;
		padding: 0 8px 0 8px !important;
	}

	.chat-form-custom-definition__data_sp .chat-form-custom-definition__data_sp-show {
		display: inline-block;
	}

	.btn_hide_template {
		height: 24px;
		line-height: 24px;
		padding: 0 8px;
		margin: 0 4px;
		border-radius: 23px;
		font-size: 13px;
		border: solid 1px grey;
		color: grey;
		background: #fff;
	}

	.hide_template_sp {
		display: none;
	}

	.hide_template_sp-show {
		display: block;
		float: left;
	}

	.dialog__chat-notice {
		font-size: 12px !important;
		font-family: '';
	}

	.logout-dialog-btn-wrap p {
		font-size: 0.9em;
	}

	/* .dialog__content {
        width: 100% !important;
        text-align: center;
        margin-left: 0 !important;
    }

    .dialog__content div,
    .dialog__content div div {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 6px 0 0;
    }

    .dialog__content::parent {
        width: 90%;
    } */

	.list.column_4 .list__item:last-child {
		width: calc(100% / 4 - 1px);
		border-left: 1px solid grey;
	}

	.btn-close-tab {
		width: 36px;
		height: 36px;
		top: 0;
		position: fixed;
		margin-left: 2%;
		display: initial;
	}

	.btn-close-tab i {
		color: white;
		font-size: 36px;
	}

	.logout-dialog {
		width: 90%;
	}

	.logout-dialog-list .list__item:last-child {
		width: 44%;
	}

	.logout-dialog-list .list__item:last-child hr {
		width: 85% !important;
	}

	.dialog-chat-pc {
		display: none;
	}

	.secondary-comment-edit__btn {
		padding: 0 !important;
	}

	.drag-and-drop__title {
		font-size: 14px;
	}

	.btn-raised {
		margin-right: auto;
	}

	.list-check-box {
		display: none;
	}

	.list-check-box-sp {
		display: initial;
	}

	.write_down_sp {
		display: initial;
		font-weight: normal;
		font-size: 12px;
		color: rgba(0, 0, 0, 0.38);
	}

	.link-setting-pass {
		font-size: 14px;
		color: rgba(17, 173, 157, 1);
	}

	.color_default-sp {
		display: initial;
	}

	.write_down {
		display: none;
	}

	.definition__data p {
		font-size: 14px;
	}

	.primary__inner updateTeller .color_default {
		display: none;
	}

	.primary {
		margin: 0 0 8px;
		padding: 12px;
	}

	.definition__data.margin_bottom {
		margin: 0 0 24px;
	}

	.color_accent {
		width: 100%;
	}

	.prof-thumbnail__button {
		width: auto !important;
	}

	.input2 {
		background: #8abbdd !important;
		color: rgba(255, 255, 255, 1);
	}

	.input1 {
		color: rgba(0, 0, 0, 0.87);
	}

	.data_genres {
		overflow-x: hidden;
		overflow: scroll;
	}

	.data_genres>ul.list.flex_start {
		width: 420%;
	}

	.data_methods {
		overflow-x: hidden;
		overflow: scroll;
	}

	.data_methods>ul.list.flex_start {
		width: 720%;
	}

	.data_styles {
		overflow-x: hidden;
		overflow: scroll;
	}

	.data_styles>ul.list.flex_start {
		width: 360%;
	}

	.primary__inner {
		overflow-x: hidden;
		overflow: scroll;
		padding: 0;
	}

	.chat-memo-history__list_sp {
		display: initial;
	}

	.chat-call-history_display {
		display: initial !important;
	}

	.call-log-sp-show {
		display: initial;
	}

	.chat-call-history {
		background: white !important;
		height: 90% !important;
	}

	.dialog-notice::before {
		left: 95%;
	}

	.dialog-notice::after {
		left: 95%;
	}

	.global-header__timeline button {
		top: -2px !important;
	}

	.global-header__note button {
		top: -2px !important;
	}

	.global-header__checkout button {
		top: -2px;
	}

	.fa-product-hunt {
		font-size: 22px;
		color: rgba(0, 0, 0, 0.54);
		position: relative;
		display: block;
		user-select: none;
		transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
		width: 100%;
		top: -3px;
	}

	.fa-file-alt {
		top: -3px;
		font-size: 20px;
		color: rgba(0, 0, 0, 0.54);
		position: relative;
		display: block;
		user-select: none;
		transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
		width: 100%;
		/* background-color: rgba(0, 0, 0, 1); */
	}

	.secondary-definition-wrap {
		/*height: calc(100vh - 277px) !important;*/
	}

	.left-badge span {
		width: 22px !important;
		height: 22px !important;
		font-size: 12px !important;
	}

	.noti_icon span {
		width: 22px !important;
		height: 22px !important;
		font-size: 12px !important;
	}

	.link-to-staff {
		color: rgba(17, 173, 157, 1);
		margin-bottom: 20px;
		margin-left: 10px;
		display: block;
		text-decoration: none !important;
	}

	.blog_list .list__item:last-child .card {
		margin: 0;
	}

	.blog_list>.list__item {
		width: 50% !important;
		display: flex;
		margin-bottom: 24px;
	}

	.blog_list {
		display: flex;
		flex-wrap: wrap;
		margin-top: 10px;
	}

	.blog_list .list__item .card {
		width: 96%;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: 0 !important;
	}

	/* .bar-line__icons{
        display: none !important;
    } */
	.bar-line__text {
		color: rgba(0, 0, 0, 0.87);
		font-size: 13px;
		margin: 0;
	}

	.active-bottom-item div div {
		color: rgba(17, 173, 157, 1) !important;
		font-weight: bold;
	}

	.chat-memo__input-sp {
		display: initial;
		height: 100%;
		width: 95% !important;
		border: none;
		outline: none;
	}

	.chat-memo__input {
		display: none;
	}

	.content__title.lv_2 {
		font-size: 14px !important;
		color: rgba(0, 0, 0, 0.87) !important;
		font-weight: bold;
		margin: -6px 8px;
	}

	.card-main__figure {
		height: 110px;
	}

	.card__inner .list .list__item {
		width: 100% !important;
		overflow-x: hidden;
		overflow: scroll;
	}

	.hidden-sp {
		display: none;
	}

	#popup-bestanswer__mobile {
		float: unset;
	}

	.title-list-check-sp {
		display: inline-block;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
		margin-bottom: 16px;
	}

	.noScroll {
		white-space: nowrap;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.dialog-content {
		width: 90% !important;
	}

	.dialog-content h3 {
		font-size: 16px !important;
		padding: 8px 24px 0 !important;
	}

	.textfield__textarea {
		height: 60px !important;
	}

	.textfield__textarea label {
		bottom: -50px !important;
	}

	.definition.wide_bottom {
		margin: 0 0 32px;
	}

	.primary-title__subtitle {
		margin-top: 10px;
		font-size: 12px;
		color: rgba(0, 0, 0, 0.38);
	}

	.primary-title__main {
		font-weight: bold;
		font-size: 16px;
	}

	.textfield__textarea-sp div hr {
		bottom: 0px !important;
	}

	.textfield__textarea-sp label {
		bottom: -50px !important;
	}

	.chat-box-form__typing {
		left: 56% !important;
	}

	.avatar-dialog {
		width: 300px !important;
		transform: translate(0px, 48px) !important;
	}

	.avatar-dialog div h3 {
		text-align: center;
		padding: 12px 0px 12px !important;
		font-size: 16px !important;
	}

	.chat-form-custom-count__notice {
		display: none;
	}

	.bar {
		margin: 0 0 8px;
	}

	.dialog-notice__content p {
		text-align: justify;
	}

	.definition__data .textfield__input {
		width: 100% !important;
	}

	.primary-title-template {
		padding: 4px 12px 0 !important;
		border-bottom: 1px solid #e5e5e5;
	}

	#telephone_number {
		font-size: 14px !important;
	}

	#mail_address {
		font-size: 14px !important;
	}

	.btn-dialog {
		margin: 0 !important;
	}

	.btn-bottom-dialog {
		margin-bottom: 23px !important;
	}

	.btn-setting-1,
	.btn-setting-2,
	.btn-setting-3 {
		margin-bottom: 8px !important;
	}

	.prof-dialog-wrap {
		border-bottom: none !important;
		overflow-y: hidden;
		max-height: none !important;
	}

	.prof-dialog__button {
		padding: 1px !important;
	}

	.template-title {
		display: initial;
		color: rgba(0, 0, 0, 0.38);
	}

	.card-main__title {
		font-size: 16px !important;
	}

	.card-main__time {
		font-size: 12px !important;
	}

	.icon-back {
		font-size: 36px !important;
		position: absolute;
		line-height: 50px;
		float: left;
		color: rgba(0, 0, 0, 0.6);
	}

	.component-title {
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
		display: block;
		text-align: center;
		line-height: 48px;
	}

	.timeline-write-down-sp {
		background-color: white;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.38);
		text-align: left;
		padding: 6px;
		display: inherit;
	}

	.timeline-form-wrap-sp {
		display: initial;
	}

	.timeline-write-down-sp span {
		width: 90%;
		display: inline-flex;
	}

	.timeline-write-down-sp img {
		float: right;
	}

	.timeline {
		margin: 0 0 10px !important;
	}

	.timeline-list {
		padding: 12px 0 0;
	}

	.icon-close {
		/* position: relative; */
		font-size: 32px;
	}

	.buttonClose {
		float: right;
		background: none;
		outline: 0px;
		border: 0px;
		margin-right: 20px;
		width: 24px;
		height: 40px;
		position: relative;
	}

	.close-timeline {
		height: 48px;
		background-color: white;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.content-css {
		padding: 0px !important;
	}

	#timelineContent--undefined-18059 {
		height: 90%;
	}

	.help-form-wrap {
		margin: 0px 0 15px;
	}

	.help-content {
		margin: -16px 0 24px;
	}

	.timeline__btn i {
		float: left;
		margin-top: 6px;
	}

	.timeline__main {
		word-wrap: break-word;
	}

	.lead-nav-blog {
		margin: 0 !important;
		overflow-x: scroll;
	}

	.lead-nav-blog ul {
		width: 280%;
	}

	.content__title.lv_2 {
		display: inherit;
	}

	.link-to-staff-log {
		font-size: 12px;
		color: rgba(17, 173, 157, 1);
		margin: 8px 0px 12px;
		display: inherit !important;
	}

	.link-to-home-help {
		font-size: 12px;
		color: rgba(17, 173, 157, 1);
		margin: 8px 0px 12px;
		display: inherit !important;
	}

	.password_title {
		display: initial !important;
		color: rgba(0, 0, 0, 0.38) !important;
		font-weight: 600 !important;
		font-size: 12px !important;
	}

	.service_title {
		display: initial !important;
		font-size: 14px !important;
		color: rgba(0, 0, 0, 0.87) !important;
	}

	.stella-title {
		display: inherit;
		font-size: 16px;
		font-weight: normal;
		color: rgba(0, 0, 0, 0.87);
		margin-bottom: 16px;
	}

	.password_input {
		margin: 0 0 8px !important;
	}

	.password_input div {
		width: 100% !important;
	}

	.review-content {
		padding: 0px !important;
	}

	.review {
		padding: 24px 24px !important;
	}

	#handle_name::-webkit-input-placeholder {
		font-size: 14px;
	}

	/* .chat-form-main{
        position: absolute;
        top: 499px;
        left: 12px;
        height: 30px;
        width: 254px;
        font-family: 'Hiragino Kaku Gothic Pro';
        font-size: 14px;
        color: rgba(0, 0, 0, 0.38);
        text-align: left;
    } */

	.bank-detail .primary>.primary-title,
	.reward .primary>.primary-title {
		display: none;
	}

	.bank-box {
		border: none;
	}

	.bank-box .table-th-left tr,
	.bank-box .table-th-left th,
	.bank-box .table-th-left td {
		height: 30px;
	}

	.bank-box th.table-align-left {
		padding: 0 16px 0 0 !important;
		vertical-align: middle;
		border: none;
	}

	.bank-box td.table-align-left {
		padding: 0 !important;
	}

	.bank-branches-setting .btn-raised,
	.bank-account .btn-raised {
		background: rgba(247, 247, 247, 1) !important;
		color: #000;
	}

	.bank-detail .primary__inner,
	.reward .primary__inner {
		padding: 0;
	}

	.primary-content__body {
		padding: 16px;
	}

	.primary-content__header {
		padding: 16px;
		color: rgba(0, 0, 0, 0.54);
		border-bottom: solid 1px rgba(0, 0, 0, 0.12);
		overflow: hidden;
	}

	.bank-setting .list.japanese_syllabary {
		margin-bottom: 0;
	}

	.hidden-mobile {
		display: none !important;
	}

	.bank-detail .list.flex_start .list__item {
		padding: 7px 0;
		float: left;
		width: 50%;
		min-width: 145px;
	}

	.bank-detail .list.flex_start .list__item a {
		width: auto;
	}

	.bank-detail .primary-title__main {
		margin-bottom: 10px;
	}

	.bank-detail .list.japanese_syllabary .list__item {
		float: left;
	}

	.bank-detail .list.japanese_syllabary .bank-link.width_short {
		width: auto;
	}

	.bank-detail .list.japanese_syllabary {
		width: 100%;
		padding-left: 4px;
		margin-right: -13px;
	}

	.bank-detail .list.japanese_syllabary>.list__item {
		width: 10%;
		padding: 0;
	}

	.display-mobile {
		display: block !important;
	}

	.primary-content__header__left {
		color: rgba(0, 0, 0, 0.87);
		float: left;
		margin-right: 37px;
	}

	.primary-content__header__right {
		float: left;
		color: rgba(0, 0, 0, 0.54);
	}

	.bank-account-setting .bank-account-info {
		border-bottom: solid 1px rgba(0, 0, 0, 0.12);
	}

	.pch__row {
		overflow: hidden;
		margin-bottom: 13px;
	}

	.pch__row:last-child {
		margin: 0;
	}

	.bank-setting #lead-nav,
	.bank-initial #lead-nav,
	.bank-branches-setting #lead-nav,
	.bank-branch-initial-setting #lead-nav,
	.bank-account-setting #lead-nav,
	.bank-confirm #lead-nav {
		display: none;
	}

	.reward-default .checkout-box-wrap {
		padding: 8px 8px 8px 0;
	}

	.reward-default .checkout-box-wrap .checkout_ng {
		display: block;
		width: 70%;
	}

	.reward-default .checkout-box {
		border-radius: 2px;
	}

	.reward-default .checkout-box__text {
		margin-bottom: 20px;
	}

	.reward .lead-nav {
		margin-bottom: 8px !important;
	}

	.reward-default table {
		width: 100%;
		white-space: normal;
	}

	.reward-default table td {
		word-wrap: break-word;
	}

	.reward-default table th {
		padding: 10px !important;
		vertical-align: middle;
		text-align: center !important;
	}

	.reward-default .first-table table th {
		width: 37%;
	}

	.reward-default .second-table table th:first-child {
		width: 40%;
	}

	.reward-daily .primary-content__body {
		padding: 16px 20px 0 0;
	}

	.rdh__date {
		margin-left: 24px;
		height: 28px;
		line-height: 28px;
		float: left;
	}

	.rdh__navigation {
		float: left;
		margin-left: 16px;
		border: 1px solid rgba(0, 0, 0, 0.26);
		border-radius: 3px;
		overflow: hidden;
	}

	.rdh__navigation a {
		float: left;
		display: block;
		text-decoration: none;
		width: 40px;
		text-align: center;
	}

	.rdh__navigation a i {
		height: 28px;
		line-height: 28px;
		color: #8abbdd;
	}

	.rdh__navigation__prev {
		/* border-right: 1px solid #dedede; */
	}

	.rdh__navigation__next {
		/* border-left: 1px solid #dedede; */
	}

	.rdh__navigation a.is-active i {
		color: #8abbdd;
	}

	.reward-daily__header {
		margin-bottom: 8px;
		overflow: hidden;
	}

	.reward-daily .table-th-head {
		width: 100%;
	}

	.reward-daily .table-th-head th,
	.reward-daily .table-th-head td {
		padding: 0 10px;
		height: 36px;
		line-height: 36px;
		border-right: none;
		border-bottom: 1px solid #e0e0e0;
	}

	.reward-daily .table-th-head th {
		background: none;
		color: #b0b0b0;
	}

	.reward-daily .table-th-head th:first-child {
		width: 37%;
	}

	.reward-default .checkout-box__title {
		margin-bottom: 13px;
	}

	.reward .checkout-box-wrap {
		margin-bottom: 0px;
	}

	.reward .checkout-box {
		padding: 16px 16px 24px 16px;
		display: block;
		min-width: auto;
	}

	.reward .checkout-box.checkout_done {
		padding: 40px 30px 20px 30px;
	}

	.reward .checkout-box tr {
		height: auto;
		background-color: #fff !important;
	}

	.reward .checkout-box th,
	.reward .checkout-box td {
		padding: 0 0 10px 0 !important;
		vertical-align: top !important;
		height: auto;
	}

	.reward .checkout-box th {
		text-align: left !important;
	}

	.reward .checkout-box td {
		text-align: right !important;
	}

	.reward .checkout-box tr.table-checkout__result>* {
		padding-top: 14px !important;
	}

	.reward .checkout-box tr.table-checkout__result>*:before {
		margin: 0;
	}

	.reward .table-checkout {
		margin-bottom: 10px;
	}

	.reward-history .primary-title {
		display: none;
	}

	.history-list {
		padding: 0;
		margin: 0;
	}

	.history-item {
		padding: 12px 16px;
		border-bottom: 1px solid #e0e0e0;
	}

	.history-item:last-child {
		border: none;
	}

	.history-item__header {
		overflow: hidden;
		margin-bottom: 12px;
	}

	.hih__left {
		float: left;
	}

	.hih__right {
		float: right;
		font-weight: bold;
	}

	.history-item__body {
		color: rgba(0, 0, 0, 0.54);
		font-size: 12px;
	}

	.warpper-item {
		height: 120px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.12);
		padding: 16px 0px 0px 16px;
	}

	.top-item {
		margin-bottom: 8px;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
	}

	.pay {
		float: right;
		margin-right: 16px;
	}

	.list-info {
		list-style-type: none;
		padding: 0px;
		color: rgba(0, 0, 0, 0.54);
	}

	.contact-tableSP__content-unread {
		font-weight: bold !important;
		background-color: #f7f7f7;
	}

	.contact-tableSP__content-unread .content-noti,
	.contact-tableSP__content-unread .info-user {
		color: #000 !important;
	}

	.take_notice {
		font-size: 14px;
	}

	.reward .checkout-box td,
	.reward .checkout-box th {
		font-size: 14px;
	}

	.reward .checkout-box .text-secondary {
		font-size: 12px;
	}

	.primary-title.lv_2 .primary-title__main {
		font-size: 14px;
	}

	.reward .frame-table td,
	.reward .frame-table th {
		font-size: 13px;
		padding: 0 16px;
		line-height: 1.2;
	}

	.bank-detail.content {
		padding-bottom: 10px;
		margin-bottom: 48px;
	}

	.bank-detail.content>.primary {
		margin-bottom: 0;
	}

	.reward-daily .table-th-head td,
	.reward-daily .table-th-head th {
		font-size: 12px;
	}

	.reward-daily .table-th-head tr {
		height: auto;
	}

	.bank-branch-initial-setting .primary__inner {
		overflow: inherit;
	}

	.bank-branch-initial-setting .drop-down {
		margin-bottom: 24px;
	}

	.title-setting-account {
		margin-left: 4px;
	}

	.card__category {
		width: 100%;
	}

	.picker div div div hr {
		display: none;
	}

	.picker div div input {
		font-size: 13px !important;
	}

	.ts-bar {
		height: 16px;
	}

	.ts-p {
		float: left;
		font-size: 13px;
	}

	.ts-ul1 {
		margin: 0px !important;
	}

	.ts-ul1 * {
		margin: 0px !important;
		padding: 0px !important;
		height: 16px !important;
		float: left;
		display: inline-block;
		color: rgba(0, 0, 0, 0.87);
		font-weight: bold;
	}

	.ts-ul1>li {
		margin-top: -2px !important;
	}

	.ts-ul1>li:nth-child(1) {
		width: 90px !important;
		overflow: hidden;
		height: 20px !important;
		margin-right: 5px !important;
	}

	.ts-ul1>li:nth-child(1) * {
		width: 90px !important;
		height: 20px !important;
	}

	.ts-ul1>li:nth-child(2) {
		width: 48px !important;
		overflow: hidden;
		height: 20px !important;
	}

	.ts-ul1>li:nth-child(2) * {
		width: 70px !important;
		height: 20px !important;
	}

	.ts-div2 {
		margin: 2px 0px 0px 5px !important;
		float: right;
		width: 55%;
	}

	.ts-div2>div:nth-child(1) {
		margin: 0px;
		height: 16px;
		line-height: 16px;
	}

	.ts-div1 {
		float: right;
		padding: 0px;
	}

	.saveDateTime {
		color: rgba(17, 173, 157, 1);
		font-size: 13px;
	}

	.template-title input[type='text'] {
		margin-top: 0 !important;
	}

	.prof-thumbnail-section__left,
	.prof-thumbnail-section__right,
	.prof-thumbnail__right {
		float: none;
	}

	.prof-thumbnail-section__left {
		margin: 0 0 40px 0;
		width: 100%;
	}

	.prof-thumbnail-section__right {
		width: 100%;
		display: none;
	}

	.prof-thumbnail__right {
		display: none;
	}

	.main-content>div {
		float: none !important;
		width: 100% !important;
	}

	.home-mission-list {
		margin-bottom: 20px;
	}

	.home-mission-list h2 a {
		font-size: 11px;
		font-weight: normal;
	}

	.mission-list,
	.mission-empty {
		margin-top: 10px;
	}

	.mission-empty {
		padding: 24px 16px;
		font-size: 14px;
	}

	.mission-item__level {
		font-size: 11px;
		height: 20px;
		line-height: 20px;
	}

	.mission-item__title {
		font-size: 14px;
		line-height: 20px;
	}

	.mission-item__progress,
	.mission-item__point {
		font-size: 11px;
	}

	.mission-item__btn button {
		line-height: 36px;
		padding: 0 9px;
	}

	.home-mission-list>a {
		margin-left: 8px;
	}

	.setting-mission .mission-item__left {
		width: 70.75%;
		padding: 0;
		border: none;
	}

	.setting-mission .mission-item__right {
		width: 29.25%;
		padding-left: 16px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.setting-mission .mission-item {
		padding: 12px 8px;
	}

	.setting-mission .mission-item__btn {
		width: 100%;
	}

	.setting-mission .mission-item__point {
		font-size: 11px;
		line-height: 1;
		margin: 0;
	}

	.mission-item__detail .mission-item__level {
		font-size: 14px;
		margin-bottom: 16px;
	}

	.mission-item__reward .mission-item__level {
		font-size: 14px;
	}

	.mission-item__detail .mission-item__title {
		font-size: 16px;
	}

	.mission-item__detail .mission-item__desc-1,
	.mission-item__detail .mission-item__desc-2 {
		font-size: 14px;
	}

	.mission-item__hint,
	.mission-item__detail a,
	.mission-item__reward a {
		font-size: 14px;
	}

	.mission-item__detail,
	.mission-item__reward {
		padding: 16px 16px 24px 16px !important;
	}

	.mission-item__rewardContent .congratulations,
	.mission-item__rewardContent .point {
		font-size: 16px;
	}

	.mission-item__getReward button {
		height: 36px;
		width: auto;
	}

	.mission-archived-item__left {
		width: 58px;
	}

	.setting-mission .mission-archived-item {
		padding: 8px;
	}

	.mission-archived-item__right {
		margin-left: 12px;
	}

	.mission-archived-item .mission-item__archivedTime {
		font-size: 11px;
	}

	.mission-archived-item .mission-item__point span {
		font-weight: bold;
	}

	.mission-item__rewardContent .point {
		bottom: 35px;
	}

	.password_announce {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
	}

	.password_announce .primary-title__main {
		font-size: 16px !important;
	}

	.password_announce p {
		font-size: 11px;
	}

	.password_announce .btn-wrap a {
		width: 100%;
	}

	.password_announce img {
		width: 180px;
	}

	.img_announce {
		width: 120px;
	}

	.announce {
		margin-top: 120px;
	}

	.answer-categories {
		height: 48px;
		margin-bottom: 10px;
	}

	.answer-category-title {
		line-height: 48px;
		margin-left: 12px !important;
	}

	.answer-category-item {
		margin-left: 8px;
	}

	.answer-category-item .select-feild {
		height: 36px !important;
		width: 80px !important;
	}

	.answer-category-item .select-feild>div:nth-child(2)>div:nth-child(1)>div:nth-child(2) {
		line-height: 48px !important;
		font-size: 11px;
	}

	.answer-category-item .select-feild svg {
		display: none !important;
	}

	.hidden-pc {
		display: initial !important;
	}

	.answer-item-status-time {
		margin-left: 0;
		float: none;
	}

	.answer-detail-left {
		width: 100%;
	}

	.content-title-answer {
		display: initial;
		color: rgba(0, 0, 0, 0.87);
		font-size: 16px;
		margin-left: 12px;
	}

	.detail-answer-item-reply-box {
		margin-top: 16px;
	}

	.answer-write-down-sp {
		background-color: white;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.38);
		text-align: left;
		padding: 12px;
		display: inherit;
		border-radius: 3px;
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
		margin-top: 24px;
		margin-bottom: 72px;
	}

	.answer-write-down-sp span {
		width: 90%;
	}

	.answer-write-down-sp img {
		float: right;
	}

	.answer-form-main {
		height: calc(100vh - 108px);
	}

	.detail-answer-item-username {
		float: none;
		margin-left: 0px;
	}

	.detail-answer-item-time {
		float: none;
	}

	.best-answer-item {
		display: block;
		padding: 12px 24px 12px 24px;
	}

	.best-answer-item-left {
		width: 100%;
	}

	.best-answer-item-right {
		margin-left: 0;
	}

	.best-answer-item-right button {
		width: 70%;
		height: 24px;
		margin-left: 15%;
		margin-top: 16px;
	}

	.dialogGetBestAnswer {
		padding-top: 120px !important;
	}

	.submitWelcome {
		margin-top: 12px;
		height: 32px;
		border-radius: 3px;
		width: 70%;
		margin-right: 12%;
	}

	.dialogWelcome h3 {
		padding: 14px 12px 0px 12px !important;
		font-size: 20px !important;
		font-weight: bold !important;
		text-align: center;
	}

	.dialogWelcome__line {
		width: 100%;
		margin: 10px 0;
	}

	.dialogWelcome__content {
		padding: 0;
		margin: 0 -2px;
	}

	.content__text-welcome-answer {
		font-size: 10px;
		color: rgba(17, 173, 157, 1);
		letter-spacing: 0.02em;
		text-align: center;
		display: block !important;
		margin-bottom: 25px;
		cursor: pointer;
		padding-top: 10px;
	}

	.dialogWelcome__btn-next {
		width: 70%;
	}

	.dialogWelcome__step {
		font-size: 15px;
	}

	.checkboxDialogWelcome {
		margin-top: 12px;
		width: 100% !important;
	}

	.userAnswer {
		float: right;
		line-height: 60px;
		margin-top: -4px;
		margin-right: 8px;
		color: rgba(0, 0, 0, 0.87);
	}

	.userAnswerActive {
		float: right;
		line-height: 60px;
		margin-top: -4px;
		margin-right: 8px;
		color: #11ad9d;
	}

	.show_answer-user-profile-sp {
		display: initial;
	}

	.answer-user-profile-sp {
		position: fixed;
		background: #333;
		width: calc(100vh - 0px) !important;
		height: calc(100vh - 0px) !important;
		z-index: 1200;
		left: 0px;
	}

	.totalAnswerSP {
		float: right;
		margin-top: 12px;
		color: rgba(94, 202, 189, 1);
	}

	.dialogOtherAnswers>div:nth-child(1)>div:nth-child(1) {
		width: 85% !important;
		transform: none !important;
	}

	.dialogOtherAnswers {
		padding-top: 0px !important;
	}

	.dialogOtherAnswers>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1) {
		height: calc(100vh - 0px) !important;
		padding: 0px !important;
		background-color: rgba(230, 230, 230, 1);
	}

	.wrapInfoUser {
		width: 94%;
		float: right;
		background-color: #fff;
		height: 100%;
	}

	.noInfoUser {
		width: 30%;
		margin-left: 10%;
		margin-top: 45%;
	}

	.closeInfo {
		font-size: 36px;
		left: 12px;
		top: 5%;
		color: #fff;
	}

	.otherAnwersClose {
		display: none;
	}

	.closeOtherAnswerSP {
		font-size: 32px;
		left: -32px;
		color: #fff;
		top: 30px;
		display: initial;
	}

	#hidden-popup__best-awswer {
		margin-top: unset;
		margin-bottom: 10px !important;
	}

	.popUpBestAnswer {
		margin-top: 48px;
		margin-bottom: -36px !important;
	}

	.lead-nav-answer {
		/* margin: 0px 0px 12px 0px !important; */
	}

	.dialogWelcome>div:nth-child(1)>div:nth-child(1) {
		width: 90% !important;
		color: rgba(0, 0, 0, 0.87);
	}

	.pager {
		margin: 20px 0 6px !important;
	}

	.pager .btn {
		padding: 0px !important;
	}

	.nav-answer ul {
		margin-left: 12px;
	}

	.itemSelectAnswer>div:nth-child(1)>div:nth-child(1) {
		padding: 0 12px 0 12px !important;
	}

	.answer-item-status-profile i {
		font-size: 20px;
	}

	.icon-amount-answer {
		font-size: 12px;
	}

	.answer-item {
		padding: 12px 24px 12px 12px !important;
	}

	.answer-item-category {
		font-size: 14px;
	}

	.answer-item-status {
		font-size: 12px;
	}

	.answer-item-content {
		font-size: 13px;
	}

	.answer-item-username {
		font-size: 12px;
	}

	.answer-item-status-time {
		font-size: 10px;
	}

	.dialogGetBestAnswer {
		padding-top: 60px !important;
	}

	.dialogGetBestAnswer>div:nth-child(1)>div:nth-child(1) {
		width: 90% !important;
	}

	.detail-answer-item-category {
		font-size: 14px;
		background-color: rgba(106, 214, 203, 0.5);
	}

	.content-title-answer {
		font-size: 18px;
	}

	.totalAnswerSP span {
		font-size: 11px;
	}

	.answerPostedTime {
		font-size: 10px;
	}

	.detail-answer-item-status {
		font-size: 10px;
	}

	.wrapAnswerPosted {
		margin-bottom: 64px;
	}

	.icon-amount-answer-other {
		font-size: 12px;
	}

	.answerDetailLeft {
		width: 50px;
		margin-right: 8px !important;
	}

	.answerDetailLeft img {
		width: 36px;
		height: 36px;
	}

	.answerDetailRight p {
		margin-top: 20px !important;
	}

	.replySP>div:nth-child(2) textarea {
		margin-top: 0px !important;
	}

	.infoSP {
		display: flex !important;
	}

	.total-answer-sp {
		float: right;
		display: flex;
	}

	.total-answer-sp i {
		margin-top: 4px;
	}

	.leftInfoSP {
		width: 92%;
	}

	.detail-answer-item-username-sp {
		color: rgba(139, 132, 152, 1);
		font-size: 14px;
	}

	.detail-answer-item-time-sp {
		font-size: 10px;
		color: rgba(174, 169, 185, 1);
	}

	.user_name_answer {
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
		float: left;
		width: 60%;
		text-align: center;
		padding-top: 16px;
		padding-left: 42px;
	}

	.questionContentSP {
		float: left;
	}

	.answerPostedSP {
		background: #f7f3fe;
		padding: 16px;
		border: 1px solid rgba(247, 243, 255, 1);
		border-radius: 3px;
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
		margin-top: 8px;
		margin-bottom: 32px;
		display: block;
	}

	.icBestAnswerSP {
		width: 48px;
		height: 48px;
	}

	.otherAnswerTime {
		margin-top: 8px;
		font-size: 10px;
	}

	.otherAnswerContent {
		margin-top: 6px;
	}

	.otherAnswerContent p {
		margin-top: 6px !important;
		font-size: 14px;
	}

	.otherAnwersTitle {
		font-size: 14px;
	}

	.dialogOtherAnswers>div:nth-child(2) {
		background-color: #333 !important;
	}

	.answer-nav li {
		width: 33%;
	}

	.answer-nav li a {
		width: 80%;
	}

	.wrapInfoUser .chat-karte-chart__title {
		width: 11% !important;
		font-size: 11px;
	}

	.wrapInfoUser .chat-karte {
		padding: 16px 10px !important;
	}

	.wrapInfoUser .chat-karte-chart__data {
		font-size: 11px;
		width: 35% !important;
	}

	.firstRowMobileDown {
		background-color: rgba(241, 255, 253, 1);
		margin-top: 48px;
	}

	.rewardItem {
		padding: 8px;
		color: rgba(0, 0, 0, 0.87);
		box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
		border-radius: 4px;
		border: 1px solid rgba(224, 224, 224, 0.8);
	}

	.rewardContent {
		padding: 0px !important;
	}

	.firstRowTop {
		display: flex;
		border-bottom: 1px solid rgba(224, 224, 224, 0.8);
		padding-bottom: 8px;
	}

	.rewardItemLeftCol {
		width: 55%;
	}

	.rewardItemRightCol {
		width: 45%;
		display: flex;
		justify-content: flex-end;
	}

	.rewardItemRightCol i {
		line-height: 20px;
	}

	.reward-daily {
		width: 100% !important;
	}

	.rowReward {
		padding: 8px 8px 8px 12px;
	}

	.rewardContent {
		padding: 8px;
	}

	.rowReward {
		display: flex;
	}

	.rowLeftCol {
		width: 55%;
		font-size: 12px;
		color: rgba(0, 0, 0, 0.5);
	}

	.rowRightCol {
		width: 45%;
		padding-right: 8px;
	}

	.rowItem {
		display: flex;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid rgba(224, 224, 224, 0.8);
	}

	.rowLeftCol {
		text-align: center;
		margin-top: auto;
		margin-bottom: auto;
	}

	.titleLeft {
		color: rgba(0, 0, 0, 0.5);
	}

	.titleRight {
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
	}

	.valueRight {
		text-align: right;
		float: right;
		width: 50%;
		margin-right: 10px;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
	}

	.pluralRightCol i {
		width: 50%;
	}

	.singleRow .rowRightCol {
		display: flex;
	}

	.pluralRightCol {
		display: flex;
	}

	.topRightCol {
		border-bottom: 1px solid rgba(224, 224, 224, 0.8);
		color: rgba(0, 0, 0, 0.5);
		padding: 0 0 8px 0;
	}

	.rowRightCol .fab {
		top: 5px !important;
		color: rgba(166, 166, 166, 1);
		font-size: 13px;
	}

	.bottomRightCol {
		padding: 8px 0 0 0;
	}

	.centerRightCol {
		padding: 8px 0 8px 0;
		border-bottom: 1px solid rgba(224, 224, 224, 0.8);
	}

	.rowRightCol .material-icons {
		margin-top: 4px;
		color: rgba(166, 166, 166, 1);
		font-size: 14px;
	}

	.bottomRightCol span {
		color: rgba(166, 166, 166, 1);
	}

	.detailReward i {
		font-size: 12px;
	}

	.pluralRightColSpecial span {
		margin-left: 4px;
		margin-right: 4px;
	}

	.lastRowItem {
		display: flex;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.primaryReward {
		background-color: #f7f7f7;
		box-shadow: none;
	}

	#js_chat_karte {
		height: 100%;
	}

	#js_chat_memo_history {
		height: 100%;
	}

	.chat-list-delimiter {
		margin: 64px 0px 0px 0px !important;
	}

	.answerPostedLike {
		float: right;
		margin-top: 0px !important;
	}

	.answerPostedLike span {
		font-size: 11px;
		color: rgba(139, 132, 152, 1);
		margin: 0px 4px 0px 4px;
	}

	.answerPostedLike i {
		font-size: 11px;
		color: rgba(236, 64, 122, 1);
	}

	.titleAnswerPosted {
		font-size: 15px;
	}

	.answerPostedTop {
		display: block;
	}

	.otherAnwersTop {
		padding: 16px 16px 8px 12px;
		border-bottom: 1px solid rgba(216, 216, 216, 1);
		margin-bottom: 0px !important;
		background-color: #fff;
	}

	.otherAnswerItem {
		border: none;
		background-color: #fff;
	}

	.otherAnswerItemFirst {
		margin-top: 0px !important;
	}

	.answerPostedLikeOtherDialog {
		display: flex;
		float: right;
	}

	.answerPostedLikeOtherDialog span {
		font-size: 10px;
		color: rgba(139, 132, 152, 1);
		margin: 0px 0px 0px 4px;
	}

	.answerPostedLikeOtherDialog i {
		font-size: 10px;
		color: rgba(236, 64, 122, 1);
	}

	.otherAnswerItem {
		padding: 8px 12px 12px 12px;
	}

	.rowBody {
		padding: 4px;
		border-bottom: 1px solid rgba(224, 224, 224, 0.8);
	}

	.rowsSP {
		border: 1px solid rgba(224, 224, 224, 0.8);
		border-radius: 5px;
		margin-top: 16px;
	}

	.dialogMessageOffline>div>div {
		width: 90% !important;
	}

	.dialogConfirmSendTemplate>div>div {
		width: 90% !important;
	}

	.dialogConfirmSendTemplateTitle span {
		font-weight: bold;
	}

	.approveSendTemplate {
		width: 48%;
		margin-right: 11%;
		background-color: rgba(17, 173, 157, 1);
		border-radius: 2px;
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.24),
			0px 0px 1px 0px rgba(0, 0, 0, 0.12);
		color: rgba(255, 255, 255, 1);
		font-size: 15px;
		font-family: 'Hiragino Kaku Gothic Pro';
		text-align: center;
	}

	.rejectSendTemplate {
		width: 48%;
		background-color: rgba(249, 249, 249, 1);
		color: rgba(0, 0, 0, 0.87);
		border-radius: 2px;
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.24),
			0px 0px 1px 0px rgba(0, 0, 0, 0.12);
		font-size: 15px;
		font-family: 'Hiragino Kaku Gothic Pro';
		text-align: center;
	}

	.containerButton {
		width: 100%;
		margin: 20px auto;
		height: 36px;
		display: flex;
	}

	.checkboxConfirmSendTemplate>div>div>div {
		margin-right: 5px !important;
	}

	.checkboxConfirmSendTemplate label {
		font-weight: normal !important;
	}

	.submitMessageOffline {
		width: 36%;
		margin-left: 32%;
		margin-bottom: 8px;
	}

	.dialogMessageOffline>div>div>div>div {
		padding: 24px !important;
	}

	.closeMessageOffline {
		margin-bottom: 8px;
		top: 2px !important;
		right: 4px !important;
		cursor: pointer;
	}

	.createNoti {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.primaryNotification {
		padding-top: 2px;
	}

	.warpper-item-noti {
		border-bottom: 1px solid rgba(0, 0, 0, 0.12);
		padding: 16px 16px 0px 16px;
	}

	.content-noti {
		word-break: break-all;
		margin-bottom: 8px;
		color: rgba(0, 0, 0, 0.87);
	}

	/* .last-row-noti{
        display: flex;
    } */
	.notiRatio {
		float: left;
		width: 50%;
	}

	.noti-btns {
		width: 40%;
		margin-left: 60%;
		position: relative;
		display: flex;
		bottom: 10px;
	}

	.deleteNoti {
		margin-left: 16px;
	}

	.select {
		width: 328px;
	}

	.inputCus {
		width: 310px;
	}

	.inputTitleCus {
		width: 305px;
	}

	.dropdown-contact {
		/* width: 325px; */
		max-width: 325px;
		margin-left: 15px;
		margin-right: 13px;
	}

	.countCharacters {
		bottom: 32px;
		left: 272px;
		font-size: 11px;
	}

	.countTitleCharacters {
		bottom: 32px;
		left: 272px;
		font-size: 11px;
	}

	.react-datepicker-wrapper {
		border: 1px solid rgba(0, 0, 0, 0.12) !important;
		width: 180px;
	}

	.selectTime {
		margin-top: -12px;
	}

	.contentNotiWrap {
		padding: 0px !important;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.submitNotiSP {
		width: 100%;
		height: 54px;
		margin-top: 20%;
	}

	.submitNoti {
		margin-top: 8px;
		float: right;
	}

	.inputCus {
		padding: 8px !important;
	}

	.dropdown-contact {
		/* padding: 8px !important; */
	}

	.react-datepicker__input-container input {
		border: none;
		background: rgba(247, 247, 247, 1);
		width: 72%;
	}

	.submitUnBlock {
		font-size: 14px;
		width: 80%;
		margin-left: 3%;
	}

	.avatarBlock {
		margin-left: 34%;
	}

	.dialogReplyConfirmBlock div:nth-child(1) {
		max-width: 332px !important;
	}

	.dialogReplyConfirmBlock {
		z-index: 10000 !important;
	}

	.dialogBlock {
		margin-left: 0px;
		z-index: 10000 !important;
	}

	.dialogBlock div:nth-child(1) {
		margin-left: 0px;
		margin-right: auto;
	}

	.dialog-out-chat {
		z-index: 10000 !important;
		padding-top: unset !important;
	}

	.dialog-out-chat div:nth-child(1) {
		max-width: 98% !important;
		white-space: normal;
	}

	.wrap-btn-out-chat {
		flex-direction: column;
		align-items: center;
	}

	.out-chat__content {
		transform: translate(0px, 30px) !important;
	}

	.out-chat__body {
		overflow-y: auto !important;
		padding: 18px;
	}

	.btn-accept-out-chat {
		margin: 0 auto;
	}

	.btn-cancel-out-chat {
		margin: 10px auto 0px;
	}

	.dialog-out-chat__content1 {
		margin-bottom: 22px;
	}

	.dialog-out-chat__content2 {
		margin-bottom: 0px;
	}

	.dialog-out-chat__content3 {
		margin-bottom: 20px;
	}

	.txtBlock1 {
		font-size: 14px;
		margin-top: -28px !important;
	}

	.txtBlock {
		font-size: 14px;
	}

	.txtBlockClose {
		font-size: 14px;
	}

	.txtDialogBlock1 {
		font-size: 17px;
		font-family: 'HiraKakuPro-W3';
		color: rgba(0, 0, 0, 0.75);
		margin-bottom: 15px;
	}

	.txtDialogBlock2 {
		font-size: 17px;
		margin-bottom: 15px;
		color: rgba(0, 0, 0, 0.87);
		font-family: 'HiraKakuPro-W3';
	}

	.txtDialogFirstTime {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 17px;
		line-height: 21px;
		color: rgba(0, 0, 0, 0.87);
	}

	.txtDialogBlock3 {
		font-size: 17px;
		color: rgba(0, 0, 0, 0.87);
		font-family: 'HiraKakuPro-W3';
		line-height: 21px;
	}

	.buttonsReplyBlock {
		width: 92%;
		display: flex;
	}

	.buttonsReplyBlock2 {
		display: flex;
	}

	.submitReplyBlock {
		width: auto;
		height: 38px;
		margin-right: 0px;
	}

	.disableSubmitReplyBlock {
		width: auto !important;
		height: 38px;
		margin-right: 0px;
	}

	.cancelReplyBlock {
		width: 50%;
		height: 38px;
		align-self: center;
	}

	.dialogCantBlock {
		z-index: 10000 !important;
	}

	.block-user-name {
		font-size: 14px;
		color: rgba(0, 0, 0, 0.87);
	}

	.block-sp li {
		display: flex;
	}

	.blockSpan1 {
		width: 30%;
	}

	.unBlockSp {
		position: relative;
		width: 36px;
		background: #11ad9d;
		color: #fff;
		outline: none;
		border: none;
		height: 24px;
		border-radius: 3px;
		justify-content: center;
		align-content: center;
		left: 84%;
		bottom: 30px;
	}

	.list-customer {
		width: 112%;
	}

	.lead-nav-analysis {
		border-bottom: solid 1px rgba(0, 0, 0, 0.12);
	}

	.list-nav-analysis li {
		width: 25%;
	}

	.primaryAnalysis {
		background: rgba(247, 247, 247, 1);
	}

	.content__body-analysis {
		padding: 8px;
	}

	.content__body-analysis .rdh__date {
		margin-left: 0px !important;
	}

	.analysisItem .titleLeft {
		color: rgba(0, 0, 0, 0.87);
		font-size: 12px;
	}

	.iconAnalysis {
		width: 12px;
		height: 12px;
		margin-top: 14px;
	}

	.analysisItem .rowLeftCol {
		font-size: 12px;
	}

	.analysisItem .rowRightColImg .valueRight {
		width: 100%;
		margin-top: 10px;
	}

	.analysisItem .rowRightCol .valueRight {
		width: 100%;
	}

	.analysisItem .rowRightCol .material-icons {
		font-size: 13px;
	}

	.singleRowImg {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.lastSingleRow {
		border-bottom: 0px;
	}

	.primaryAnalysis {
		border: none;
	}

	.content__body-analysis .date-picker-access {
		margin-top: 0px;
		margin-left: 0px;
		margin-right: -52px;
	}

	.centerIconAccess {
		margin-left: -32px;
		margin-right: 12px;
	}

	.content__body-analysis .selectTime {
		margin-top: 4px;
		display: flex;
		padding: 0px;
	}

	.picker-access {
		width: 80% !important;
	}

	.content__body-analysis .react-datepicker__input-container {
		width: 80% !important;
	}

	.content__body-analysis .react-datepicker-wrapper {
		width: 100% !important;
	}

	.access-end {
		margin-left: 0px;
	}

	.content__body-analysis .selectTime {
		width: 50%;
	}

	.content__body-analysis .selectTimeRight .react-datepicker {
		left: -96px !important;
	}

	.content__body-analysis .selectTimeRight .react-datepicker__triangle {
		left: 120px;
	}

	.content__body-analysis .submitDateAccess {
		position: relative;
		float: right;
		margin-top: 8px;
		margin-bottom: 24px;
	}

	.access-period-time {
		font-size: 12px;
		color: rgba(0, 0, 0, 0.87);
		margin-top: 64px;
		margin-bottom: -32px;
	}

	.content__body-analysis .iconDateAccess {
		top: 4px;
	}

	.analysis-daily {
		overflow: hidden;
	}

	.slick-slider {
		margin-bottom: -6px !important;
	}

	.list-nav-analysis a {
		margin-left: 22% !important;
	}

	.iconDateNoti {
		right: 32px !important;
		width: 36px;
	}

	.contactPrimary {
		margin-top: -8px !important;
		padding-top: 16px;
		margin-bottom: 35px;
	}

	.titleTextBox {
		margin-left: 15px;
		margin-right: 13px;
		margin-top: 15px;
	}

	.titleTextField {
		margin-left: 15px;
		margin-right: 13px;
		margin-top: 15px;
	}

	.titleValue {
		margin-top: 32px !important;
	}

	.titleValuePreview {
		margin-left: 15px;
		margin-top: 14px !important;
		/* margin-bottom: 26px !important; */
	}

	.checkBoxContact {
		margin-left: 15px;
		width: 55%;
	}

	.checkBoxContactAndroid {
		width: 80% !important;
	}

	.checkBoxContactIOS {
		/* width: 36% !important; */
	}

	.contact-lead-nav li {
		width: 50%;
	}

	.contact-lead-nav a {
		width: 100%;
	}

	.help-content {
		padding: 4px;
	}

	.help-additional--title {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(33, 33, 33, 1);
		margin-bottom: 8px !important;
	}

	.help-additional__content {
		padding-bottom: 0.5px !important;
		padding-top: 4px !important;
	}

	.help-additional__content-item {
		font-family: 'HiraKakuPro-W3' !important;
		font-size: 14px !important;
		color: rgba(17, 173, 157, 1);
	}

	.help-additional__content>ul {
		margin-bottom: 0px !important;
		padding-left: 24px !important;
		padding-right: 20px !important;
	}

	.help-additional__content ul li {
		margin-bottom: 16px !important;
	}

	.help-content .primary-title__main {
		margin-bottom: 12px;
	}

	.submitContact {
		margin-bottom: 32px;
		float: right;
		margin-right: 13px;
		margin-top: 48px;
	}

	.contactContentDetail .lead-nav {
		display: none;
	}

	.support-reply {
		width: 94%;
	}

	.support-question {
		width: 94%;
	}

	.support-wrap {
		margin-top: -8px;
	}

	.support-reply-confirm {
		width: 95%;
		display: flex;
	}

	.support-reply-confirm button {
		float: right;
	}

	.support-reply-confirm span {
		top: 8px;
		position: relative;
		font-size: 13px;
	}

	.contactStatus {
		float: right;
	}

	.warpper-item-contact span {
		font-size: 12px;
		margin-top: 2px;
	}

	.warpper-item-contact .content-noti {
		color: rgba(0, 0, 0, 0.54);
		font-size: 12px;
	}

	.warpper-item-contact .info-user {
		color: rgba(0, 0, 0, 0.54);
		font-size: 12px;
	}

	.btnsContact .submitContact {
		float: right !important;
		margin-top: 24px !important;
		margin-right: 12px !important;
	}

	.btnsContact .cancelContact {
		margin-left: 12px;
	}



	.textCancelContact {
		display: block;
		text-align: center !important;
	}

	.dialogShowImage img {
		width: 90%;
		margin-left: 5%;
		margin-top: 0px;
	}

	.dialogShowImage div:nth-child(1) {
		width: 96% !important;
		margin-left: 2%;
	}

	.inputContact {
		margin-left: 15px;
		width: 87% !important;
	}

	.closeImageShow {
		font-size: 28px;
		left: 102% !important;
	}

	.support-question-content {
		width: 98%;
	}

	.support-reply-inner {
		width: 92%;
	}

	.submitContactBtn {
		width: 100%;
	}

	.submitCantBlockIOS {
		margin-left: 32% !important;
	}

	.imageConfirm {
		width: 320px;
		height: 600px;
	}

	.title-contact-rep {
		color: rgba(0, 0, 0, 0.87);
		font-weight: 500;
		font-size: 15px;
	}
}

@media (max-width: 991px) {}

/* mobile */
@media (min-width: 321px) and (max-width: 767px) {
	.errMsgContact {
		color: red;
		margin-left: 15px;
	}

	.boxBtnPreview {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between
	}

	.text-message-contact {
		color: rgba(236, 64, 122, 1);
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 12px;
		line-height: 15px;
		margin-top: 8px;
		margin-bottom: 30px;
		margin-left: 15px;
		margin-right: 13px;
	}

	.btnFile {
		margin-left: 15px;
		margin-top: 12px;
	}

	.contactPrimary p {
		word-break: break-word;
		padding-top: -5px;
		/* margin-right: 24px; */
	}

	.imageContact {
		width: 34px;
		height: 34px;
		margin-left: 12px;
		margin-top: 13px;
	}

	.closeBlockFirstTime {
		position: relative;
		top: -12px;
		left: 102% !important;
		color: rgba(0, 0, 0, 0.2) !important;
		cursor: pointer;
	}

	.imgIconFirstTimePoup {
		width: 122px;
		height: 122px;
		margin-bottom: 17px;
	}

	.dialogContent {
		width: '90%'
	}

	.reviewpage_star-filter {
		width: 100% !important;
	}

	.reviewpage_star-filter hr {
		margin: 0 !important;
		width: 100% !important;
	}

	.modal-missing__profile {
		position: relative;
		padding: 23px 24px 30px 22px !important;
	}

	.modal-missing__profile-close__icon {
		position: absolute;
		top: 9px;
		right: 10px;
		cursor: pointer;
		color: rgba(117, 117, 117, 1);
	}

	.modal-missing__profile-paper {
		width: 90% !important;
	}

	.modal-menu-premium-paper {
		width: 90% !important;
	}

	.modal-missing__profile-title {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 17px;
		color: rgba(0, 0, 0, 0.87);
		line-height: 21px;
		margin-bottom: 21px;
	}

	.modal-missing__profile-content {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(0, 0, 0, 0.54);
		line-height: 21px;
		margin-bottom: 26px;
	}

	.modal-missing__profile-buttons {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.modal-missing__profile-button__cancel {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(17, 173, 157, 1);
		background-color: transparent;
		border: none;
		outline: none;
		margin-right: 44px;
		display: none
	}

	.modal-missing__profile-button__redirect {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(17, 173, 157, 1);
		background-color: transparent;
		border: none;
		outline: none;
		font-weight: bold;
	}

	.dialog__too-few-character-container {
		width: 86.5% !important;
	}

	.dialog__too-few-character-body {
		padding: 19px 25px 23px 25px !important;
	}

	.dialog__too-few-character__title {
		font-family: 'HiraKakuPro-W6';
		font-weight: bold;
		font-size: 17px;
		color: rgba(77, 75, 81, 1);
		margin-bottom: 8px;
	}

	.dialog__too-few-character__content {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(0, 0, 0, 0.87);
	}

	.dialog__too-few-character__subcontent {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(0, 0, 0, 0.87);
		margin-bottom: 16px;
	}

	.dialog__too-few-character__button-area {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.dialog__too-few-character__button-ok {
		border: none;
		background-color: rgba(17, 173, 157, 1);
		border-radius: 2px;
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.24), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
		padding: 11px 40px;
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 15px;
		color: rgba(255, 255, 255, 1);
		text-align: center;
	}

	.suspend-request-chat__wrap-icon-bell {
		position: fixed;
		top: 50px;
		right: 10px;

		z-index: 1000;
	}

	.suspend-request-chat__icon-bell {
		width: 48px;
		height: 48px;
	}

	.dialog__chat-button {
		margin-bottom: 23px !important;
	}

	.dialog__chat-countdown {
		margin-top: 20px;
		margin-bottom: 17px;
	}

	.dialog__chat-username {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 21px;
		color: #11ad9d !important;
		line-height: 21px;
		padding: 0 !important;
		font-weight: bold;
		margin-top: 16px;
		text-align: center !important;
		margin-top: 10px;
	}

	.dialog__chat-subtitle {
		font-family: 'Hiragino Kaku Gothic Pro';
		font-size: 14px;
		color: rgba(33, 33, 33, 1);
		line-height: 21px;
		margin-top: 6px;
	}

	.dialog__chat-button__acceptchat,
	.dialog__chat-button__suspendchat {
		width: 104px !important;
		font-family: 'Hiragino Kaku Gothic Pro';
		outline: none;
	}

	.dialog__chat-notice {
		font-size: 12px !important;
		font-family: 'Hiragino Kaku Gothic Pro';
		color: rgba(203, 203, 203, 1);
		line-height: 16px;
	}

	.stage-name {
		font-size: 14px;
	}

	.auth-box {
		position: relative;
		max-width: 300px;
		transform: none;
		left: auto;
		right: auto;
		padding-top: 25%;
	}

	.password {
		color: #8abbdd;
		font-size: 12px;
		font-weight: 500;
	}
}

@media (max-width: 375px) {
	.alert-advise-call {
		color: #ed5ca1;
		padding: 0px 16px;
		text-align: center;
		font-size: 12px;
	}

	.stage-name {
		font-size: 14px;
	}

	.mission-archived-item__left {
		position: relative;
	}

	.mission-archived-item__left img {
		position: absolute;
		top: 50%;
		margin-top: -29px;
	}

	.answer-category-title {
		display: none;
	}

	.list-answer-select {
		margin-left: 0px;
	}

	.answer-item-category {
		width: 78px;
	}
}

@media (max-width: 300px) {
	.user_name_show {
		width: 20%;
	}

	.stage-name {
		font-size: 14px;
	}
}

@media (min-width: 768px) and (max-width: 1800px) {
	.alert-advise-call {
		color: #ed5ca1;
		padding: 0px 16px;
		text-align: center;
		font-size: 12px;
	}

	.menu-collapse-chat {
		position: absolute;
		left: 256px;
		width: calc(100% - 510px);
		display: flex;
	}

	.menu-collapse-chat .btn-tab {
		padding: 4px;
	}

	.menu-collapse {
		position: absolute;
		left: 256px;
		width: calc(100% - 265px);
		display: flex;
	}

	.menu-collapse .btn-tab {
		/* padding: 4px; */
	}

	.navbar-nav li {
		padding: 4px;
	}

	.navbar-nav:first-child {
		display: flex;
		width: 85%;
	}
}

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

	.chat-form-custom-definition__data .list__item {
		display: block;
		/* margin-bottom: 10px; */
		/* padding-left: 7px;
        padding-right: 7px; */
		float: left;
	}

	/* .container-template-scroll {
		width: 100%;
	} */

	.template-scroll {
		/* width: calc(100% - 250px); */
		height: 42px;
		overflow-x: auto;
	}

	.list-template-scroll {
		width: max-content;
	}

	.chat-form-custom {
		height: 33px;
	}
}

.textIdleTimer {
	margin-top: 15px;
	color: #ec407a;
	margin-bottom: 20px;
}

.timeline-form .replyAnswer.answer {
	height: auto !important;
}

.text-count-total {
	text-align: right;
	line-height: 22px;
	z-index: 1;
	color: rgb(0, 188, 212);
}

.primary__inner-box {
	padding: 0 20px 0 24px;
}

.list__item_question {
	position: relative;
	padding-left: 16px;
	margin-top: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
}

.list__item_question: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%;
}

.help-content {
	padding-bottom: 24px;
}

.back-link-header-help {
	margin-bottom: 20px;
}

.box-title-null-data {
	padding: 15px 0 0 15px;
}

.content-request-list-offline {
	padding-bottom: 45px;
}

.color-content-secendary-nondata {
	padding: 0 16px 0 16px;
	color: #9e9e9e;
}

/* Dialog First Login */
.dialogFirstLogin div:nth-child(1) {
	max-width: 666px !important;
}

.dialogFirstLogin>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1) {
	padding: 32px 27px 27px 19px !important;
}

.dialog-first-login-content {
	margin-bottom: 16px;
	font-size: 17px;
	line-height: 21px;
	font-family: 'HiraKakuPro-W3';
	color: rgba(0, 0, 0, 0.87);
}

.dialog-first-login-title {
	font-family: 'Hiragino Kaku Gothic Pro';
}

.dialog-first-login-text-note {
	color: rgba(236, 64, 122, 1);
}

.dialog-first-login-text-link {
	text-decoration: underline;
	color: #8abbdd;
	cursor: pointer;
}

.dialog-first-login-area-button {
	text-align: center;
}

.dialog-first-login-button {
	width: 132px;
	margin-left: 0;
	font-family: 'Hiragino Kaku Gothic Pro';
	background: #8abbdd;
}

.dialog-first-login-button-close {
	color: rgba(117, 117, 117, 1) !important;
	top: -15px;
}

/*  */
.Dropdown-option.is-selected {
	background-color: #edf7fe !important;
	color: #1e1e1e !important;
}


.backgroung-contact {
	margin-left: 24px;
	width: 163px;
	height: 88px;
	background-color: rgba(216, 216, 216, 1);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 24px;

}

.content-image-contact {
	width: 70%;
	text-align: center;
	line-height: 17px;
	color: rgba(0, 0, 0, 1);
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 14px
}

/*  */


.checkboxDialogBlock .container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkboxDialogBlock .container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkboxDialogBlock .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: white;
	border: 2px solid gray;
	border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.checkboxDialogBlock .container:hover input~.checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxDialogBlock .container input:checked~.checkmark {
	background-color: #2dad9d;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkboxDialogBlock .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkboxDialogBlock .container input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkboxDialogBlock .container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.imgIconFirstTime {
	width: 20px;
	height: 21px;
	margin-left: 7px;
	margin-bottom: 0px;
	cursor: pointer;
}

#menu-padding {
	padding: 0 15px 0 15px;
}

#margin-top-mission__item {
	margin: auto;
}

#mission-home_right {
	margin-right: 15px;
}

#archived-img-center {
	/* margin: auto; */
}

#archived-hidden-top {
	margin-top: 0px
}

#unset-height-mission {
	min-height: unset;
}

#height-table {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	height: auto !important;
}

.color-pink {
	background-color: rgb(236, 64, 122);
	color: white;
	font-weight: bold;
}

.color-pink:hover {
	color: white;
	background-color: rgb(236, 64, 122, 0.5);
}

#tr-payoff {
	height: auto;
}

.table-payoff {
	min-width: 360px;
	border-collapse: collapse;
	margin-bottom: 22px;
	border: 0;
}

.table-payoff,
th {
	text-align: justify;
	height: auto;
	border: 0;
}

.table-payoff td {
	text-align: end;
	height: auto;
	border: 0;
}

.table-payoff tr:first-child {
	height: 30px;
	border: 0px;
	border-bottom: 2px solid #F3F3F3;
}

.table-payoff tr:first-child>th {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 9px !important;
}

.table-payoff tr:first-child>td {
	font-size: 18px !important;
	font-weight: bold;
	padding-bottom: 9px !important;
}

.table-payoff tr:last-child {
	height: 30px;
	border: 0px;
	/* border-top: 2px solid #F3F3F3; */
}

.table-payoff tr:last-child>th {
	/* padding-top: 16px !important;
	color: #11AD9D;
	font-size: 18px;
	font-weight: bold; */
}

.table-payoff tr:last-child>td {
	/* padding-top: 16px !important;
	color: #11AD9D;
	font-size: 18px !important;
	font-weight: bold; */
}

.table-payoff tr:nth-child(2)>th {
	padding-top: 17px !important;
	padding-bottom: 0 !important;
}

.table-payoff tr:nth-child(2)>td {
	padding-top: 17px !important;
	padding-bottom: 0 !important;
}

.table-payoff tr:nth-child(4)>th {
	padding-bottom: 16px !important;
}

.table-payoff tr:nth-child(4)>td {
	padding-bottom: 16px !important;
}

#payoff-margin__bottom {
	margin-bottom: 11px;
}

#padding-table-payoff {
	width: 410px;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 13px;
	padding-bottom: 12px;
}

@media (max-width: 767px) {
	#padding-table-payoff {
		width: 100%;
		padding-left: 0px;
		padding-right: 16px;
		padding-top: 16px;
		padding-bottom: 20px;
	}
}

#hidden-popup__best-awswer {
	margin-bottom: 10px;
}

.answer-log__bestanswer {
	margin: auto;
	width: 100% !important;
	margin-left: 20px;
}

.answer-log__bestanswer>input {
	color: red !important;
}

.container-answer-teller {
	width: 100%;
	height: 50px;
	background: white;
	display: flex;
	margin: auto;
	border: 1px solid #E2E2E2;
	border-radius: 5px;
}

.tooltip-answer {
	position: relative !important;
	display: inline-block !important;
}

.img-lable__target {
	position: absolute;
	z-index: 1;
	bottom: 25%;
	max-width: 57px;
	right: -120%;
}

#top-answer_item {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	height: auto !important;
}

.flex-answer_info {
	display: flex;
	flex-direction: column;
}

#margin-item_answer {
	margin-left: 0px;
}

#comment-answer-web__item {
	display: flex;
	align-items: end;
}

.checkbox-management {
	width: 100%;
	display: flex;
	align-items: center;
}

.lable-answer_log {
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 10px;
}

.container-answer_checkbox {
	display: block;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	font-size: 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-left: 24px;
	color: rgba(56, 53, 61, 1);
	font-weight: 500;
	margin-top: 5px;
	letter-spacing: 1px;
}

.background-container_answerlog {
	/* background-color: rgba(255, 255, 255, 1); */
	height: 40px;
	border-radius: 3px;
	display: flex;
	align-items: center;
}

.container-answer_checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: white;
	border: 2px solid #8E8E8E;
	border-radius: 3px;
}

.container-answer_checkbox input:checked~.checkmark {
	background-color: #8abbdd;
	border: 2px solid #8abbdd;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.container-answer_checkbox input:checked~.checkmark:after {
	display: block;
}

.container-answer_checkbox .checkmark:after {
	left: 6px;
	top: 0px;
	width: 7px;
	height: 14px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#category-answer_mangement {
	height: 40px;
}

#title-category_web {
	line-height: 40px;
	color: rgba(139, 132, 152, 1);
	font-weight: bold;
	letter-spacing: 0.28px;
	margin-right: 7px;
}

#category-answer_management {
	top: -8px !important;
}

#category-checkbox_management {
	margin-top: 10px;
	margin-left: 37px;
}

.img-icon_commnet {
	max-width: 100%;
	margin-bottom: -2px;
}

.event-click {
	cursor: pointer;
}

.link-appeal__mesage {
	/* color: #ec407a; */
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: 'HiraginoKakuGothicPro-W6';
	margin-top: 8px;
	color: #ed5ca1 !important;
}

.link-appeal__mesage span {
	border-bottom: 1px solid #ec407a;
	cursor: pointer;
}

.link-suggest-upload {
	color: #5e91b5;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: 'HiraginoKakuGothicPro-W6';
	margin-top: -10px;
	white-space: pre-wrap;
	text-decoration: underline;
	margin-right: 2px;
}

.link-suggest-upload span {
	border-bottom: 1px solid #5e91b5;
	cursor: pointer;
	font-family: 'HiraginoKakuGothicPro-W6';
}


#content-appeal__message {
	margin: 20px 40px;
}

.description-appeal__message {
	margin-top: 20px;
	font-weight: bold;
}

.title-description-appeal {
	color: #eb5a99;
	font-size: 17px;
	font-family: "Hiragino Kaku Gothic Pro";
	margin-bottom: 12px;
}

.text-description-appeal {
	color: #333;
	font-size: 18px;
	font-family: "Hiragino Kaku Gothic Pro";
}

.text-description-appeal span {
	color: #eb5898;
}

.modal-appeal__message-btn {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
	margin-top: 20px;
}

.modal-appeal__message-btn-cancel {
	background-color: #8abbdd;
	border-radius: 2px;
	font-size: 15px;
	font-family: "HiraKakuPro-W6";
	color: white;
	padding: 10px 90px;
	border: 0;
}

.cancel-dialog__right span {
	font-size: 18px;
	font-weight: 500;
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	color: rgba(202, 202, 202, 1);
	height: 14px;
	width: 14px;
	cursor: pointer;
}

.image-appeal__item {
	width: 100%;
}

.image-appeal__item:nth-child(1) {
	margin-bottom: 40px;
}

.image-appeal__item:nth-child(2) {
	margin-bottom: 43px;
}

.setting-popup-template {
	top: 0;
	position: absolute !important;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.image-setting-template__item {
	margin-bottom: 20px;
}

.image-setting-template__item:last-child {
	margin-bottom: 0;
}

.setting-popup-overflow {
	overflow: auto !important;
}

#popup-review {
	margin: 0;
	margin-top: 10px;
}

#popup-review .checkmark {
	width: 15px;
	height: 15px;
}

#popup-review .checkmark:after {
	left: 4px;
}

.text-overflow_ellipsis {
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: nowrap;
}

.review-note {
	margin: 24px 8px 0;
	font-size: 12px;
	color: rgba(33, 33, 33, 0.54);
	text-align: center;
}

.text-note-review {
	color: #ec407a;
	font-size: 12px;
}

#scroll-review {
	overflow-y: auto;
}

.dialog-reward-description {
	font-size: 14px;
	color: rgba(94, 202, 189, 1);
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
}

.dialog-reward-text__note {
	font-size: 12px;
	color: #4d4b51;
	text-align: center;
	margin-bottom: 25px;
	margin-top: -2px;
}

.text-link {
	text-decoration: underline;
	text-underline-offset: 4px;
	color: #5ecabd;
}

.radio-unchecked .MuiIconButton-label>div {
	color: black !important;
}

.radio-checked .MuiIconButton-label>div {
	color: #00bcd4 !important;
}

#icon-speech-bubble {
	position: relative;
	margin-left: 22px;
}

#icon-speech-bubble:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 22px solid #EBFAF8;
	border-left: 0;
	content: "";
	position: absolute;
	top: 15%;
	left: -22px;
}

@media screen and (max-width: 768px) {
	.review-note {
		margin: 24px 8px;
	}
}


.dialog-newbie-content {}

.dialog-newbie {
	max-width: 500px !important;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	justify-items: center;
	display: grid;
	padding-bottom: 20px;
}

.dialog-newbie-title {
	font-size: 18px;
	color: #212020;
	text-align: center;
	display: flex;
	justify-content: center;
	font-weight: 600;
	align-items: center;
}

.dialog-time-end-newbie {
	color: #ec407a;
	font-size: 13px;
	border: 1px solid #ec407a;
	padding: 7px 25px;
	width: 130px;
	align-self: center;
	margin-block: 15px;
	text-align: center;
}

.dialog-newbie-text-note {
	font-size: 14px;
}

.ranking_event_icon_floating {
	width: 141px;
	height: 141px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
}

.dialog-join-event {
	background-color: white;
}

.dialog-event-btn-close {
	font-size: 14px;
	color: #4d4b51;
	padding-block: 5px 15px;
	outline: none;
	border: none;
	background-color: white;
}

.dialog-event-ranking-button {
	background-color: rgba(17, 173, 157, 1);
	width: 251px;
	outline: none;
	border: none;
	background: #11ad9d;
	margin-top: 5px;
	color: #fff;
	height: 36px;
	border-radius: 3px;
}

.dialog-event-ranking-button[disabled] {
	background-color: rgba(144, 140, 154, 1);
	width: 251px;
	outline: none;
	border: none;
	margin-top: 5px;
	color: #fff;
	height: 36px;
	border-radius: 3px;
}

.dialog-event-view_info {
	position: absolute;
	bottom: 50px;
	display: grid;
	margin-bottom: 20px;
	right: 10%;
	justify-items: center;
}

.dialog-event-time {
	text-shadow: 0 0 8px rgba(236, 64, 122, 1);
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 14px;
	color: rgba(255, 255, 255, 1);
}

.dialog-event-banner-img {
	max-width: 100%;
	margin-bottom: 0 !important;
}

.dialog-event-ranking-info {
	position: absolute;
	top: 40%;
	display: grid;
	justify-items: center;
	left: 25%;
	width: 50%;
}

.dialog-event-ranking-rank {
	font-size: 56px;
	color: rgba(33, 32, 32, 1);
	font-family: 'Hiragino Kaku Gothic Pro';
	font-weight: 600;
}

.dialog-event-ranking-rank span {
	font-size: 36px;
}

.dialog-event-completed {
	position: absolute;
	top: 42%;
	display: grid;
	justify-items: center;
	left: 31%
}

.dialog-event-ranking-text_time_publish {
	font-size: 16px;
	color: #4d4b51;
	width: 128px;
	text-align: center
}

.dialog-event-ranking-time-announced {
	position: absolute;
	bottom: 15%;
	left: 31%
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
	background-color: rgba(241, 255, 253, 1);
}

.primary-title-menu-premium {
	display: flex;
	padding: 4px 12px 12px !important;
	border-bottom: 1px solid #e5e5e5;
	align-items: center;
}

.flex-button-title-menu-premium {
	display: flex;
	justify-content: center;
	align-items: center;
}

.primary-title1-menu-premium {
	font-family: HiraginoSans-W3;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	margin: 10px 0 10px 0;
}

.inline {
	width: 95%;
	margin: 0 auto;
}

.menu-premium-grid {
	display: grid;
	grid-template-columns: 5fr 1fr 1fr;
	margin: 20px 0px 0px 70px;
	gap: 10px;
}

.flex-menu-premium-list {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.setting-create-menu-form {
	margin: 36px 107px 36px 105px;
	padding: 16px 22px 24px;
	border-radius: 4px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
	border: solid 1px #11ad9d;
}

.menu-premium-grid-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
}

.modal-btn-menupremium {
	width: 165px;
	height: 44px;
}

.setting-popup-menu-premium {
	top: 0;
	position: absolute !important;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: none !important;
	width: 60% !important;
}

.p_edit_create_menu-premium {
	font-family: HiraKakuPro-W3;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
}

.color_label {
	color: #9e9e9e;
	font-weight: 100;
	font-size: 12px !important;
}

/* Global Checkbox và Radio Button styles - viền mặc định màu đen, checked màu rgb(0, 188, 212) */
input[type="checkbox"] {
	color: #000;
	border-color: #000;
}

input[type="checkbox"]:checked {
	accent-color: unset !important;
}

input[type="radio"] {
	color: #000;
	border-color: #000;
}

input[type="radio"]:checked {
	accent-color: unset !important;
}

.MuiCheckbox-root {
	color: #000 !important;
}

.MuiCheckbox-root.Mui-checked {
	color: #8abbdd !important;
}

.MuiCheckbox-root .MuiSvgIcon-root {
	fill: #000 !important;
}

.MuiCheckbox-root.Mui-checked .MuiSvgIcon-root {
	fill: #8abbdd !important;
}

.MuiRadio-root {
	color: #000 !important;
}

.MuiRadio-root.Mui-checked {
	color: #8abbdd !important;
}

.MuiFormControlLabel-root .MuiCheckbox-root,
.MuiFormControlLabel-root .MuiRadio-root {
	color: #000 !important;
}

.MuiFormControlLabel-root .MuiCheckbox-root.Mui-checked,
.MuiFormControlLabel-root .MuiRadio-root.Mui-checked {
	color: #8abbdd !important;
}


.empty-start-date .react-datepicker__day--today {
	border-radius: .3rem;
	background-color: #2a87d0;
	color: #fff;
}

.prof-thumbnail-section__left {
	width: 240px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.prof-thumbnail__right {
	flex: 1;
	margin-right: 30px;
}

.prof-thumbnail__figure {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	overflow: hidden;
	margin: auto;
}

.prof-thumbnail__image {
	/* width: 100%;
  height: 100%; */
	background-size: cover;
	background-position: center;
}

.mission-item__archivedStatus {
	color: black;
	font-size: 10px;
}

.mission-complete-startdash {
	font-size: 10px;
	color: rgb(93, 207, 162);
}

.mission-complete-daily {
	font-size: 10px;
	color: rgb(212, 192, 104);
}

.mission-complete-special {
	font-size: 10px;
	color: rgb(237, 92, 161);
}

.payoff-row {
	height: 60px;
	border-bottom: 0.5px solid #e8eced;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 24px;
}

@media (max-width: 767px) {
	.payoff-row {
		margin: 0 24px;
		height: 50px;
	}

	.payoff-row th {
		font-size: 13px;
	}

	.payoff-row td {
		font-size: 16px;
	}
}

.MuiCheckbox-root .MuiSvgIcon-root {
	fill: #b1b9be !important;
}

.agree-text {
	color: #5e91b5;
	font-size: 14px;
}

.agree-text span {
	color: #5e91b5;
}

.agree-link {
	color: #5e91b5;
	text-decoration: underline;
	cursor: pointer;
}

.template-popover {
	padding: 19px 30px 19px 14px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 14px;
	column-gap: 12px;
}

.template-popover .btn-round {
	font-size: 12px !important;
	width: 74px;
	height: 22px !important;
}

.list__item .btn.btn-round:hover,
.template-popover .btn.btn-round:hover {
	background-color: #8abbdd !important;
	color: #fff !important;
}

.chat-title_1 {
	opacity: 0.5;
	font-size: 12px;
	font-weight: 700;
	text-align: left;
	color: #1e1e1e;
	margin-left: 14px;
}

.divider-cs {
	padding: 4px 218px 2px 14px;
	box-shadow: inset 0 -0.5px 0 0 #e8eced;
	background-color: #fefefe;
}

.picker-access_v2::placeholder {
	color: #b2cfd6;
	opacity: 1;
}

.picker-access_v2 {
	width: 122px;
	height: 48px;
	border: solid 1px #e8eced !important;
	background-color: #fefefe !important;
	border-radius: 10px;
	padding-left: 10px !important;
}

.submitDateAccess_v2 {
	width: 120px;
	height: 34px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	background-color: #8abbdd;
	margin-top: 8px;
	margin-left: -97px !important;
}

.centerIconAccess_v2 {
	margin-left: -107px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #000;
}

.title_contact_history {
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: rgba(0, 0, 0, 0.87);
}


.input_contact_v2 {
	width: 549px !important;
	height: 180px;
	margin: 10px 0 3px 24px;
	padding: 13px 18px 123px 12px;
	border-radius: 10px;
	border: solid 1px #8abbdd;
	background-color: #fff;
}
.input_contact_v3 {
	width: 549px !important;
	height: 180px;
	margin: 10px 0 3px 24px;
	border-radius: 10px;
	border: solid 1px #8abbdd;
	background-color: #fff;
}

.input_contact_v2::placeholder, .input_contact_v3::placeholder {
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.47;
	letter-spacing: normal;
	text-align: left;
	color: #b2cfd6;
}

.dropdown-contact .Dropdown-control {
	height: 48px;
	padding: 0 14px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: none;
}

.dropdown-contact .Dropdown-arrow {
	border: none;
	object-fit: contain;
	top: 20px !important;
	right: 10px !important;

}

.dropdown-contact .Dropdown-arrow::after {
	content: '';
	width: 10px;
	height: 10px;
	border-right: 1.5px solid #8abbdd;
	border-bottom: 1.5px solid #8abbdd;
	position: absolute;
	top: -50%;
	right: 20%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.dropdown-contact.is-open .Dropdown-arrow::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.dropdown-placeholder-bug .Dropdown-control,
.dropdown-placeholder-bug .Dropdown-placeholder {
  color: #b2cfd6 !important;
}

.btn-upload-custom {
	width: 255px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.2s ease;
	border-radius: 2px;
	border: solid 1px #8abbdd;
	background-color: #fff;
}

.btn-upload-custom:hover {
	background-color: #f5faff;
}

.btn-upload-custom__text {
	color: #5e91b5;
	font-size: 16px;
	font-weight: normal;
}

.no_choose_img {
	color: #b2cfd6;
	font-size: 15px;
}

.badge-chat-new {
	height: 22px;
	padding-left: 8px;
}

.help-additional__content-item {
	font-size: 14px !important;
	font-weight: normal;
}

.back-link-header-help {
	display: flex;
	align-items: center;
	font-size: 13px;
}

.table-align-center_daily {
	background: transparent !important;
}

.primary-title-v2 h1:nth-child(1) {
	font-weight: normal !important;
}
.primary-title-v2 h1:nth-child(2) {
	font-weight: bold !important;
}
.text_email {
	font-size: 18px !important;
	font-weight: normal !important;
	margin-bottom: 26px !important;
	margin-top: 23.5px !important;
	color: #5e91b5 !important;
}

.textfiled_email {
	border: none;
	box-shadow: inset 0 -0.5px 0 0 #e8eced;
}

.textfiled_email::placeholder {
	color: #b2cfd6;
}

.textfiled_email:focus {
	border: none;
	outline: none;
}

.btn-wrap-v2 {
	display: flex;
	justify-content: center;
}

.btn-wrap-v2 button {
	padding: 12px 80px;
	width: 192px;
	border-radius: 2px;
	background-color: #d3dce1;
	color: #fff !important;
	border-radius: 2px;
	background-color: #d3dce1 !important;
}

.auth-box__text_v2 {
	margin-top: -6px !important;
	margin-bottom: 39px !important;
	font-family: HiraginoKakuGothicPro;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.6;
	color: #1e1e1e;
}

.btn-veriry-password {
	width: 224px !important;
	height: 48px !important;
	margin-bottom: 24px !important;
}

.btn_anounce {
	width: 272px !important;
	height: 48px !important;
}

.noti__reset-pw-success {
	font-family: HiraginoKakuGothicPro;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.6;
	color: #1e1e1e;
	margin-bottom: 23px !important;
}
.title_anounce{
	margin-top: 23.5px;
	width: 100%;
	font-weight: normal;
}
.term-content {
	word-break: break-word;
}
.term-content h1,
.term-content h2,
.term-content h3,
.term-content h4,
.term-content h5,
.term-content h6 {
	font-weight: 600;
}


.btn-wrap-v2 .spread_width {
	width: 192px !important;
}

.icon-align-center {
	margin-bottom: 0px !important;
}

.container_contact_history {
	display: flex;
	flex-direction: column;
}

.primary_contact_history {
	display: flex;
	flex-direction: column;
	flex: 1;
	position: relative;
}

.title_empty_data {
	position: absolute;
	left: 40%;
	top: 45%;
	color: #1e1e1e;
	font-size: 15px;
}

.table-align-center_v2 {
	border: 1px solid red;
}

.table_data_v2 tbody td {
	padding: 16px 8px;
	border-bottom: 1px solid #f0f0f09e;
	font-weight: normal;
	color: #333;
}

.table_data_v2 thead th {
  font-weight: 500;
  padding: 14px 8px;
  border-bottom: 1px solid #f0f0f09e;
}

/* Login Page Mobile Responsive */
@media (max-width: 767px) {
	.content-auth {
		background-color: #ffffff;
		background-image: 
			linear-gradient(#f0f0f020 1px, transparent 1px), 
			linear-gradient(90deg, #f0f0f020 1px, transparent 1px);
		background-size: 14px 14px;
		min-height: 100vh;
		width: 100%;
		display: flex;
        align-items: center;
	}

	.content-auth .auth-box {
		position: relative;
		top: 0;
		left: 0;
		transform: none;
		width: 100vw;
		min-width: unset;
		margin: 0;
		padding: 20px;
		box-sizing: border-box;
		max-width: none;
	}

	.content-auth .auth-box__inner {
		padding: 0;
		box-shadow: none;
		background: transparent;
		border-radius: 0;
	}

	.content-auth .auth-box .sitelogo {
		display: block;
		margin-bottom: 40px;
	}

	.content-auth .auth-box .sitelogo img {
		max-width: 160px;
		margin: 0 auto;
	}

	.content-auth .auth-box .textfield {
		margin-bottom: 10px;
		width: auto;
	}

	.content-auth .auth-box .textfield .MuiInput-root {
		background-color: rgba(255, 255, 255, 0.7);
		border-radius: 4px;
	}

	.content-auth .auth-box .textfield .MuiInput-root::before {
		border-bottom: none !important;
	}

	.content-auth .auth-box .textfield .MuiInput-root::after {
		border-bottom: none !important;
	}

	.content-auth .auth-box .textfield input {
		font-size: 16px;
		height: 24px;
		padding: 12px;
		border-radius: 10px;
		border: 1px solid #e8eced;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
	}

	.content-auth .auth-box .textfield input::placeholder {
		color: #b2cfd6;
	} 

	.content-auth .auth-box .agree-text {
		font-size: 12px;
		color: #5e91b5;
		margin-bottom: 22px;
		margin-top: 25px;
	}

	.content-auth .auth-box .agree-link {
		font-size: 12px;
	}

	.forgot-pass-link {
		position: fixed;
		bottom: 100px;
		left: 50%;
		transform: translateX(-50%);
	}

	.content-auth .auth-box .btn-wrap {
		margin-top: 16px !important;
	}

	.content-auth .auth-box .btn-raised.color_default {
		width: 160px !important;
		height: 48px;
		margin: 0;
		border-radius: 2px;
		font-size: 16px;
		font-weight: 600;
	}

	.content-auth .auth-box__error {
		margin-bottom: 16px;
		font-size: 12px;
	}

	/* Reset Password page title */
	.content-auth .auth-box .reset_pass {
		display: block;
		color: #8abbdd;
		font-size: 16px;
		margin-bottom: 24px;
	}

	/* Reset Password forgot link */
	.content-auth .auth-box .forgot-password-link {
		display: block;
		margin-top: 20px;
	}
}
.course-thumbnail {
	height: 90px;
	width: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 5px;
	background-color: #d9d9d9;
}

.box-course-thumbnail {
	padding: 32px;
}

.box-course-content {
	padding: 18px 28px;
}

.filter-section-approach {
	width: 280px;
}
.footer-approach {
	padding-left: 290px !important;
}

.course__status {
	width: 217px;
}

.mood-message-input, 
.teller-message-input, 
.other-description-input,
.stella-info-input {
	width: 680px
}

.analysis-menu {
	font-size: 15px;
}

.date-range-separator {
	margin-left: 6px;
}

.cs-hidden-label {
	display : flex;
}


@media  (max-width: 1800px) {
	.btn-tab[data-badge]:after {
		top: 2px;
		right: 2px;
    font-size: 10px;
    width: 16px;
    height: 16px;
    padding-bottom: 4px;
	}
}
/* TEMPLATE CHAT */
@media (min-width: 800px) and (max-width: 850px) {
	.template-scroll {
		width: calc(100% - 200px);
	}
	.template-scroll_fee {
		height: 42px;
		overflow-x: auto;
		width: calc(100% - 300px);
	}
}
@media (min-width: 851px) and (max-width: 900px) {
	.template-scroll {
		width: calc(100% - 140px);
	}
	.template-scroll_fee {
		height: 42px;
		overflow-x: auto;
		width: calc(100% - 270px);
	}
}
@media (min-width: 901px) and (max-width: 1000px) {
	.template-scroll {
		width: calc(100% - 80px);
	}
	.template-scroll_fee {
		height: 42px;
		overflow-x: auto;
		width: calc(100% - 220px);
	}
}
@media (min-width: 1001px) and (max-width: 1100px) {
	.template-scroll_fee {
		height: 42px;
		overflow-x: auto;
		width: calc(100% - 130px);
	}
}
@media (min-width: 1200px) and (max-width: 1350px) {
	.template-scroll_fee {
		height: 42px;
		overflow-x: auto;
		width: calc(100% - 130px);
	}
}
/* END TEMPLATE CHAT */

 /* CUSTOMER MANAGEMENT */
@media (min-width: 800px) and (max-width: 1360px) { 
	.customer-management {
		display: block !important;
	}

	.customer-management .input-date {
		width: 93% !important;
	}

	.cs-hidden-label {
		display : none !important
	}

	.date-range-separator {
		margin-left: 45% !important;
	}
}
 /* END CUSTOMER MANAGEMENT */

@media (min-width: 800px) and (max-width: 1279px) {
	/* LEFT MENU */
	.toggle-left-menu {
		position: absolute;
		top: 10%;
		left: 100%;
		width: 14px;
		height: 68px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		background-color: #8abbdd;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		transition: all 0.3s ease;
		z-index: 1000;
	}
	.secondary-hidden {
		left: -256px;
	}
	.content {
		padding: 100px 30px 48px 30px;
	}
	
	.sidebar-overlay {
		position: fixed;
		top: 0;
		left: 256px;
		width: calc(100% - 256px);
		height: 100%;
		background: rgba(0,0,0,0.4);
		z-index: 999;
	}
	/* END LEFT MENU */
	
	/* CHAT DETAIL */
	.content.layout_chat {
		padding: 64px 256px 136px 30px;
	}
	.content > .chat-box-form {
		padding: 0 256px 0 30px;
	}

	/* END CHAT DETAIL */

	.mdl-data-table, .table-data, .table-th-left, .table-checkout, .table-th-head {
		white-space: unset;
	}

	.chat-form-wrap {
		width: 80%;
	}
	.chat-form-btn {
		width: 20%;
	}

	/* COURSE, NOTE */
	.toolbar {
    left: 0 !important;
    width: 100% !important;
		z-index: 0 !important;
	}
	/* END COURSE, NOTE */

	/* COURSE LIST */
	.course-thumbnail {
		height: 90px;
		width: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		border-radius: 5px;
		background-color: #d9d9d9;
	}
	.box-course-thumbnail {
		padding: 12px;
	}
	.box-course-content {
		padding: 18px 12px;
	}
	.course__status {
		width: 101px;
	}
	/* END COURSE LIST */

	/* APPROACH */
	.filter-section-approach {
		width: 220px;
	}
	.footer-approach {
		padding-left: 36px !important;
	}
	/* END APPROACH */

	.dialog-notice {
		z-index: 1034;
	}

	/*  NOTE LIST */
	.tellamy-note__total-count {
		width: 180px !important;
	}

	.tellamy-note__total-count-box {
		width: 150px !important;
	}

	.tellamy-note__thumbnail {
		width: 90px !important;
	}

	.tellamy-note__item {
		padding: 20px !important;
	}

	.tellamy-note__info_parent {
		gap: 20px !important;
	}

	/* END NOTE LIST */

	/* PROFILE */
	.mood-message-input, 
	.teller-message-input, 
	.other-description-input,
	.stella-info-input {
		width: 520px;
	}
	/* END PROFILE */

  .chat-list-area-wrap {
    height: 93%;
  }

	.payoff-left-picker .react-datepicker-popper {
		left: 50px !important;
	}

	/* NOTE SETTING */
	.primary.note { 
		width: 50% !important;
	}
	/* END NOTE SETTING */

	/* ANALYSIS */
	.analysis-menu {
		font-size: 14px;
	}

	.analysis-date-picker .react-datepicker-popper  {
		left: 25px !important;
	}
	/* END ANALYSIS */

	/* MISSION */
	.setting-mission .mission-item__right {
		width: 40.25%;
	}
	/* END MISSION */
}

@media (min-width: 1280px) and (max-width: 1600px) {
	.mdl-data-table, .table-data, .table-th-left, .table-checkout, .table-th-head {
		white-space: unset;
	}
}

@media (min-width: 1280px) and (max-width: 1380px) {
	.chat-form-wrap {
		width: 80%;
	}
	.chat-form-btn {
		width: 20%;
	}
}