@charset 'UTF-8';

/*************************
 common style
 *************************/
/* theme color */
.naiagirl_themes {
	background: #ee6e73;
}

/* body - overlay */
body {
	background: #fcfcfc;
}
.overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 10000;
}
.loader {
	position: absolute;
	z-index: 10001;
	top: 40%;
	left: 40%;
}
.loading-text {
	position: absolute;
	top: 50%;
	width: 150px;
	color: #FFF;
	font-size: 16px;
	font-weight: 600;
	animation: 2.1s ease 0s alternate none infinite running blink;
}
@keyframes blink {
	0% { opacity: 0; }
	30% { opacity: 0.2; }
	40% { opacity: 0.4; }
	50% { opacity: 0.6; }
	60% { opacity: 0.8; }
	70% { opacity: 1; }
	100% { opacity: 1; }
}

/* form :input font-size */
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea, textarea.materialize-textarea {
	font-size: 16px;
}

/* header-logo */
.brand-logo {
	font-family: "Nikukyu","Nico Moji","Roboto script=all rev=2";
	font-weight: 900;
/*	font-style: italic;*/
}

/* clearfix */
.cf:after {
	content:"";
	display:block;
	clear:both;
}

/* page-title */
.title-wrap {
	text-align: center;
	margin-bottom: 20px;
}
/*
.page-title {
	font-family: "Nikukyu","Nico Moji","Roboto script=all rev=2";
	font-weight: 900;
	font-style: italic;
	color: grey;
	margin: 20px 0;
	padding: 0 10px;
	text-align: center;
	background: linear-gradient(transparent 55%, #ff99ff 90%);
}
*/
.page-title {
	font-size: 2rem;
	font-weight: 900;
	text-align: center;
	letter-spacing: 2px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.page-title-sub {
	font-size: 0.8rem;
	margin: 5px 0 0 0;
	color: grey;
}
.page-title-sub:before {content: "－";}
.page-title-sub:after {content: "－";}

/* hedding */
.hedding {
	font-size: 1.6rem;
	font-weight: 400;
	margin-top: 25px;
	padding-left: 1rem;
	border-left: 4px solid #ee6e73;
/*	border-left: 4px solid #29b6f6;*/
}

/* footer */
footer {
	margin-top: 20px;
}
.page-footer .footer-copyright {
	background-color: rgba(51,51,51,0.28);
}
/* err */
.err {
	background: #fff8e1;
	color: #e53935;
	margin: 20px 0;
	padding: 10px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

/* ellipsis */
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* form */


/*************************
 Comprnents
 *************************/
/* side-nav subheader c materialize custom */
.side-nav .subheader {
	height: 60px;
	line-height: 24px;
	padding-top: 12px;
}
/* new badge circle c materialize custom */
span.new.badge.circle {
	border-radius: 50%;
	min-width: 1.6rem;
	position: absolute;
	top: 5px;
	left: 0;
}
/* new badge c materialize custom */
.page-footer span.new.badge {
	height: 20px;
	line-height: 20px;
}

/* cart-title c materialize custom */
.card .card-content .card-title {
	font-size: 1.6rem;
}

/* Parsley err style */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
	border-bottom: 1px solid #26a69a;
	box-shadow: 0 1px 0 0 #26a69a;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
	margin-bottom: 4px;
	border-bottom: 1px solid #F44336;
	box-shadow: 0 1px 0 0 #F44336;
}
.parsley-errors-list {
	margin: 0 0 0 3rem;
	padding: 0;
	font-size: 0.8em;
	color: #F00;
	transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}
.parsley-errors-list.filled {
	opacity: 1;
}
select+.parsley-errors-list {
	margin: -15px 0 0 0;
}

.form-error {
	margin: 0 0 2rem 3rem;
	padding: 0;
	font-size: 0.8em;
	color: #F00;
	transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}
.input-field-select+.form-error {
	margin: -1rem 0 1rem 3rem;
}

/*************************
 various page's style
 *************************/
/* top */
.sub-info {
	font-family: "Nico Moji","Roboto script=all rev=2";
	font-size: 1.8em;
	font-weight: 600;
	color: #FFF;
	padding: 20px;
	height: 250px;
	width: 250px;
	opacity: 0.6!important;
}
.sub-info span {
	font-family: "Roboto script=all rev=2";
	font-size: 0.7em;
	font-weight: 300;
}

/* conf */
.password-visibility {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
}

/* message, hotline */
.message-footer {
	padding-bottom: 62px;
}
#timeline {
	background: #e0f2f1;
	width: 100%;
	padding: 20px 5%;
}
#timeline.hotline {
	background: #e1f5fe;
}
.chip {
	/* chip c materialize custom */
	color: rgba(0,0,0,0.6);
	background: #FFF;
	box-shadow:0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}
#timeline.hotline .chip {
}
.staff .time {
	font-size: 12px;
	float:right;
	margin:28px 25% 0 0;
}
.balloon {
	position: relative;
	color: rgba(0,0,0,0.8);
	font-size: 14px;
	background: #FFF;
	border: 0px solid #FFF;
	margin: 10px 25% 20px 0;
	padding: 10px;
	border-radius: 12px;
	box-shadow:0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}
.staff .balloon:before {
	content: "";
	position: absolute;
	top: -20px;
	height: 0;
	width: 0;
}
.staff .balloon:before {
	left: 20px;
	border: 10px solid transparent;
	border-bottom: 10px solid #FFF;
}
.girl .time {
	font-size: 12px;
	margin:0px 0 -10px 25%;
}
.girl .balloon {
	color: #FFF;
	background: #26a69a;
	margin: 10px 10px 20px 25%;
}
.girl .balloon:before {
	content: "";
	position: absolute;
	top: 15px;
	right: -20px;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-left: 15px solid #26a69a;
}
.send_message {
	text-align: center;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 2;
	padding: 10px 10px 10px 10px;
}
#message {
	float: left;
	width: 78%;
	height: 3em;
	margin: 0 2% 0 0;
	padding: 2px 4px;
	background: #FFF;
	border: 3px solid #666;
	border-radius: 8px;
	resize: none;
}
#send {
	font-family: "Rounded Mplus 1c","Roboto script=all rev=2";
	font-weight: 600;
	float: right;
	width: 20%;
	height: 3.4em;
	line-height: 3.0em;
	border: 3px solid #666;
	border-radius: 8px;
	vertical-align: middle;
}
#send.disabled {
	background: #dfdfdf!important;
	color: #9F9F9F!important;
}

/* note salse */
/* -- customer(list) */
.search-wrapper input#search {
	display: block;
	font-size: 16px;
	font-weight: 300;
	width: 100%;
	height: 45px;
	margin: 0;
	padding: 0 45px 0 15px;
	border: 0;
	box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;
}
.search-wrapper .material-icons {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
.tbl-customer td {
	min-width: 50px;
}

/* -- customer detail */
.play_data {
	border-bottom: 1px solid #e0e0e0
}
.play_memo {
	font-size: 12px;
}