html, body{ background-color:#EDF5D9; width:100%;}
body, table, td, form, input, textarea{ font-size:13px; font-family: Arial, Helvetica, sans-serif; }
input, select, textarea { color:#666666; }
select { height: 23px; }
[type="button"]{ height: 23px; }
[type="text"],[type="password"] { border:1px solid #CCC; height: 19px;}
input[type="submit"] { color:#000000;}
.submit_input { background-color: #000; color:white !important;}



.min_input_15 { width:15px; border:1px solid #ccc;}
.min_input_20 { width:20px; border:1px solid #ccc;}
.min_input_30 { width:30px; border:1px solid #ccc;}
.min_input_50 { width:50px; border:1px solid #ccc;}
.min_input_70 { width:70px; border:1px solid #ccc;}
.min_input_125 { width:125px; border:1px solid #ccc; text-indent:3px;}

.min_input { width:100px; border:1px solid #ccc; text-align:center;}
.mid_input { width:180px; border:1px solid #ccc; }
.max_input { width:300px; border:1px solid #ccc; }

[type=button],[type=submit],[type=reset], .btn { cursor:pointer; }

.close_btn, .close_btn_left { 
	background-color: #3F9; 
	border-color:transparent;
}
.close_btn { margin-left:18px; margin-right:5px; }
.close_btn_left { margin-right:18px; }


a { 
  text-decoration:none;
  color:#006699;}
a:hover {
  text-decoration:underline;
  color:#CCCCCC;}
  
a.a1:link { color: blue; }

.bold { font-weight:bold;}
.highlightBg { background-color:#FC9; }/*FFC*/
.align-center { text-align:center !important; }
.align-left { padding-left:3px !important; padding-right:3px !important; text-align:left !important; }
.alignRight, .align-right { padding-left:3px !important; padding-right:3px !important;text-align:right !important;}
.schedule-list  span { margin-right:20px;}
.schedule-list  span.is_off_day { color:blue; font-weight: bold;}
.controller_box { float:left; }

/* 用于网页列表的序号显示 */
.item_num { text-align: center;}
.item_num_special { text-align: left;}


/*断行*/
/*.word_break{ word-wrap: break-word; word-break: normal; }*/
#err { color:red;}
#appt_table .special,.special, appEditTable .special { color:blue; }
#appt_table .special2,.special2 { color:red; }
#appt_table .special3, .special3 { background-color:red; color:white;}
#appt_table .special4,.special4 { background-color:#F60; color:white;}
#appt_table .special5,.special5 { color:green; }
#appt_table .special6,.special6 { background-color:#FF0; color:black; }
.special5 { color:lightgray; }


.refill { border-bottom:#CCCCCC 1px dotted; padding:6px 0;}
#refill { display:none;}


.memo { vertical-align:top; }
.hand { cursor:pointer; }
#appt_table .hidden, .hidden { display:none; }
.show { display:inline; }
.clear { clear:both; }
.def { color:#ccc; }
.white { color:#fff; }
.bg_black { background-color:#000000; color:#FFFFFF; }
#appointment .show-msg { color:red; margin:10px 0px; }
.letter-space-5 { letter-spacing:5px; }



/*所有页面管理栏*/
.manage_in_page { text-align:right !important; padding-right:2px !important; text-align: center !important;}



em { color:#999999;}
img { border:0; vertical-align:middle;}


/*publice or inc file*/
#wrap { position:relative; width:99%; margin-top:30px; margin-bottom:300px; border:0px #999999 solid; }
  
#SearchCondition { 
  position:absolute;
  top:-2px;/*13px*/
  right:424px;}
#StaffOrDate { 
  position:absolute;
  top:-2px;/*13px*/
  right:504px;}
#Years { 
  position:absolute;
  top:-2px;/*13px*/
  right:597px;}
  
#add_tbl { 
  position:absolute;
  top:-3px;/*13px*/
  right:400px;
  width:120px; 
  text-align:center; 
  font-size:14px; 
  font-weight:bold;}
  
#add_tbl input[type="button"] {
  width:80px; height:23px; line-height:15px;}

#top_tbl { 
  position:absolute;
  top:0px;/*16px*/
  right:43px;
  width: 360px; 
  text-align:center; 
  font-size:14px; 
  font-weight:bold;}
  
#FomeFrame {
  width:100%;
  height:100%;}
 

  
  
/*主表格设置*/
.main_tbl { width: 100%; margin:auto; margin-top:31px;}
.main_tbl caption,.main_add_tbl caption { text-align: left; font-size:14px; font-weight:bold; padding-bottom:5px; letter-spacing:0.2em;}
.main_tbl th { height:25px; background-color:#CCCCCC;}
.main_tbl td { height:23px;}
.main_tbl, .main_tbl td, .main_tbl th, .main_add_tbl, .main_add_tbl td { 
  border:1px #999999 solid; 
  text-align:center;
  border-collapse:collapse;}
.main_tbl .alignLeft { text-align:left;}
  
  
.main_add_tbl { width:97%; margin:auto;}


/*页面的标题*/
.pagetitle { color:#FF0000; font-size:14px; display:inline;}

/*翻页信息所在的td*/
#pagetd table, #pagetd td { border:0;}
  
  
/*info_add*/
#info_form { text-align:left; margin: 15px 15px;}
#info_form input[type="text"] { width:40px;}
#info_form #Memo { width:175px;}
#info_form em { margin-left: 50px;}
#info_form span {  margin-right:10px;}
#info_form #fill {  margin-top:28px;}

/*customer_add*/
#customer_form { text-align:left; margin: 15px 15px;}
#customer_form input[type="text"] { width:180px;}
#customer_form #Memo { width:260px; height:60px;}
#customer_form p {  margin:10px auto;}
#add_friend_form { position:absolute; top:310px; left:253px; display:none; }
.add_old_friend {border:1px solid #f00;}
.add_old_tel {border:1px solid #00f;}
.add_massager {border:1px solid #0F0;}
.rebate_input { float:right; margin-right:149px; }
.rebate { cursor:pointer; }

/* customer index*/
.has_new_tel { background-color:#f00; color:#0f0; }
.no_complete_cstm_info { background-color:#690; color:#FFF; }

/*staff_add*/
#staff_form { text-align:left; margin: 15px 15px;}
#staff_form input[type="text"] { width:180px;}
#staff_form #Memo { width:260px; height:60px;}
#staff_form p {  margin:10px auto;}


/*login manage*/
#login_form, #chang_pw_form{ text-align:left; margin: 80px auto; width:300px; text-align:center;}
#login_form input[type="text"], #login_form input[type="password"]  { width:180px;}
#login_form #Memo { width:260px; height:60px;}
#login_form p {  margin:10px auto;}
#login_form legend { font-size:14px; font-weight:bold;}
#login_form input[type="submit"] { letter-spacing:3px; padding-top:3px;}




/*turn_add*/
#turn_form { text-align:left; margin: 15px 15px;}
#turn_form input[type="text"]{ width:180px;}
#turn_form #Memo { width:260px; height:60px;}
#turn_form p {  margin:10px auto;}


/*turns*/
.turn_i_td { width:10px; }
.staff_name_td { width:150px;}
.worked, .nowork, .working, .jumped, .checked { color:#666; cursor:pointer;}
.worked, ._worked {background-color:#0CF;}
.nowork { background-color:#FFFFFF;}
.working, ._working { background-color:#33CC33; color:#fff;}
.delwork, ._delwork {  background-color:#FCF; }/* turn/index */
.jumped { background-color:#9FC;}
._jumped { background-color:#9FC;} /* turn/index */
.checked, ._checked {  background-color:#FF0000; color:#FFFFFF;}/*已结账*/
.turn_detail { width: 1000px; margin:auto; margin-top:31px; display:none;}
.total_time { background-color:#eee !important; font-weight:bold; color:#F00; } /*总工时*/
/*.turnInfo { position:absolute; left:10px; bottom:10px; z-index:1; border:1px #999999 solid; padding:8px; width:200px; background-color:#FFF; }*/
.turnInfo2 { position:absolute; right:50px; top:25px; z-index:1; border:0px #999999 solid; padding:5px; width:800px; background-color:#FFF; text-align:right; }

.close_win_btn, .min_win_btn, .max_win_btn { 
		background-image:url(../../../files/main/images/Window_Icons.jpg);
		background-repeat:no-repeat;  
		background-position: -243px -79px;
		width:20px; height:17px;
		position:absolute;
		right:5px; top:0px;
		cursor:pointer;
		}
		
.max_win_btn { background-position: -215px -79px; 	right:24px; }
.min_win_btn { background-position: -161px -83px; 	right:43px; }


/*.staff_input { width:320px; border:1px solid #ccc; text-align:left;}
.schedule_input { width:350px; border:1px solid #ccc; text-align:left;}
#turnlist, #schedulelist, #stafflist, #manage, #clearturn, #closedetail {
  position:absolute;
  cursor:pointer;
  top:-3px;
  width:50px; height:23px; line-height:12px; }
#schedulelist { right:100px; display:none; }
#manage { right:50px; }
#clearturn { right:100px;}
#turnlist { right:150px;}
#stafflist { right:150px; display:none; }
#closedetail { right:200px; display:none; }*/
#turnDetail { display:none; }
.isAdvanceTime { color:#33CC33; }
.staffName_1 { font-weight:bold; background-color:#CFC; color:#000; }
.staffName_2 { font-weight:bold; background-color:#FFC; color:#000; }

/*statistical*/
.isDate { background-color:#EEEEEE;}
.isSalary { background-color:#99FFCC;}
.isCard, .isTax { background-color:#33FF99;}
.isPrice, .isTotalCard, .isTotal { background-color:#99FF99;}
.isPayable, .isIncome { background-color:#FFCCCC;}


/* appt 的 index 页 */
#appt_table { position:relative; width:100%; z-index:0;  border:1px solid #CCC; border-collapse:collapse; margin:0 auto; background-color:#fff;}
#appt_table td, #appt_table th { border:1px solid #CCC; border-collapse:collapse; padding:3px; text-align:center; }
#appt_table th { background-color:#eee; height:23px; }
#appt_table caption{ text-align: left; font-size:14px; font-weight:bold; padding-bottom:5px; letter-spacing:0.2em;}
#appt_table th .order_icon { padding:0 2px; }
#appt_table .massage { position:absolute; top:0px; right:600px; margin: 0 0 0 150px; letter-spacing:normal; font-size:12px; font-weight:normal; }
#appt_table .ui-datepicker-trigger { float:left; margin-top:3px; margin-right:5px; cursor:pointer;}
/*#appt_table .is_app_status { background-color:#9F9;}*/
#appt_table .is_by_self { background-color:#FCF}
#appt_table .customer { text-align:left; padding-left:3px;}


/* appt 的 lists 页*/
.am { background-color:#3F9 !important;  }
.pm { background-color:#F36 !important; color:#fff;}
#total_appt, #total_no_finish_appt, #total_finish_appt, #total_cancel_appt, #total_no_come_appt, #total_working_appt  { color:#f00; text-decoration:underline;}
#total_appt, #total_no_finish_appt, #total_working_appt { color:#00f; }
#appt_table td { height:20px; padding:0;}
#appt_table td.lists-time { height:80px; font-weight:bold;}
#appt_table td.top-border-dashed { border-top-style:dashed !important;border-bottom-style:dashed !important;}
#appt_table td.bottom-border-dashed { border-bottom-style:dashed !important;}
#appt_timeline { position:absolute; top:53px; left:165px;  width:834px; height:1352px; z-index:2;}
#appt_timeline div { position:absolute; border:1px solid #ccc; line-height: 120%; text-align:center; cursor:pointer; padding:0px;}
#appt_timeline span.add_info { position:absolute; width:16px; top:0; left:-19px; border:0px solid #ccc;}
#appt_list_in_left span.add_info { position:static; display:block; border:0px solid #ccc; text-align:right; }
.has_memo, .has_special_msg, .is_new_cstm, .has_how_make, .is_new_app, .no_cstm_info, .is_laser_cstm   { position:static; border:0; display:inline;}
#appt_timeline .has_memo, .has_special_msg, #appt_timeline .is_new_cstm, #appt_timeline .has_how_make, #appt_timeline .is_new_app, #appt_timeline .no_cstm_info    { position:static; border:0;}

#turn_frame { margin:auto; padding:0; width:1100px; height:650px; border:1px solid #fff; background-color:#fff; overflow-x:hidden; }
#appt_table .summary { float:right; margin-top:3px; white-space:nowrap;}
#appt_timeline div.sel_status_div {border:2px dashed #f00}
#appt_timeline div.no_sel_status_div {border:0}
#appt_timeline .is_show { position:absolute; bottom:-3px; left:-3px;} /*控制是否显示给员工看的checkbox*/
#appt_list_in_left .is_show { display:none; }
.appEditTable .check_voucher_box{ float: right;}

/*垫底div*/
.bg_div { background-color: #fff; position:absolute; top:53px; left:165px;  width:834px; height:1352px; z-index:0;}



#appt_list_in_left { position:fixed; top:10px; left:10px; display:none;}
#appt_list_in_left  .appt_one { border:1px solid #ccc; margin-bottom:5px; width:130px !important; text-align:center; height:auto !important; cursor:pointer;}


#appt_list_in_left  .is_cancel, #appt_list_in_left  .is_no_come, #appt_list_in_left  .is_checked { display:none !important; }


.is_finish { background-color:#6CF !important; color:#666;}
.is_cancel, .is_no_come, .is_checked { background-color:#eee !important; color:#aaa;}
#appt_timeline .is_cancel, #appt_timeline .is_no_come { text-decoration: line-through; }
#appt_timeline .is_no_come:after {   font-weight: bold; color:black; content:'(BL)'; }
#appt_timeline .is_cancel:after {   font-weight: bold; color:black; content:'(QX)'; }
.is_appt { background-color:#3F9 !important; }
.is_appt b { color:#C3C; font-weight:bold; }
.is_working { background-color:#F36 !important; color:#fff;}
.is_working b { color:#FF0; font-weight:bold; }


div.has_massager { background-color:#f60; color:#FF0;}
div.has_massager b.staff{ color:#fff;  text-decoration:underline;}
b.massager { text-decoration:underline; }


/* holiday flag */
.get_add_new_form { position:relative;}
.get_add_new_form  .holiday { position:absolute; top:8px; left:25px;}
.people_total .holiday { float:left; }

/* for lists2 */
/*.appt_one { width:100px; border:1px solid #CCC; padding:3px;}
#appt_table .appt_one { float:left; margin:3px;}
appt_table .appt_one strong { color:#00f; }*/



/* public 公共包含页 */
#main_menu { position:fixed; right:0px; top:15px; margin:0; display:none;  text-align:center;} /*right:-200*/
#main_menu p.group_first{ margin-top:10px !important; margin-bottom:0; }
#main_menu p.group{ margin-top:0px; margin-bottom:0; }
#main_menu input { cursor:pointer; margin-bottom:2px;}
.main_menu_ctrl_btn { background-color: #000; color: #fff; text-align:center; }

.color_list { position:fixed; left:10px; top:50px; width:65px;}
.color_list table, .color_list td { 
  border:1px #ccc solid; 
  text-align:center;
  border-collapse:collapse;}
.color_list td { padding:3px;}
.show_customer { text-align:left !important; padding-left:3px !important;}


/* 单独搜索器 */
#wordkey, #wordkey2 { width:80px; padding-left:3px;}
#and_or, #target_page, #target, #wordkey2 { display:none; }
div.search { position:absolute; top:26px; right:275px; z-index:3 }


/* appt/lists 结账 */
#checkout_form span input { width:20px; }
#checkout_title {font-weight:bold; margin-bottom:7px; margin-top:12px;}
#show_charge_info { margin:5px;}
#show_charge_info div { margin:2px;}
#show_charge_info div span{ display:inline-block; width:45px; border:1px solid #CCC; padding:3px;}
#show_charge_info span.staff, #show_charge_info span.staff_pay{ margin-right:5px; width:100px !important; border:1px solid #CCC; font-weight:bold; color:#00F}
span.staff_pay { cursor:pointer; }
#show_charge_info span.total{ color:#00F}
.one_charge_info {border:0px solid #ccc; padding:1px;}
.voucher_type_name{ color:red; font-weight:bold; margin-left:5px;}
.voucher_num{ text-decoration:underline; margin-right:10px;}
.voucher_no_used, .voucher_no_have, .voucher_more_used{
	font-weight: bold; font-size: 2em;
}
.voucher_no_used{ color: white; background-color: red;}
.voucher_no_have{ color: #0F0; background-color: blue;}
.voucher_more_used{ color: #33FF99; background-color:#000000;}


/* checkout/index 不同的支付方式对应一种颜色 */
.ck_type_1{ background-color:#FCF; } /*creat*/
.ck_type_2 { background-color:#6F9; } /*cash*/
.ck_type_3 { background-color:#9FF; } /*check*/
.ck_type_4 { background-color:#FF9; } /*prepaid*/
.ck_type_5 { background-color:transparent; } /*adv*/
#appt_table .is_show { vertical-align:middle; }
.is_new_app_class { color:red; font-weight:bold;}



/* 收费统计 */
.people_one { color:#F60; font-weight:bold; text-decoration:underline;}
#get_sta_data_div, #check_voucher_used { text-align:center; margin-top:5px; font-weight:bold;}
#appt_table td.laser, #appt_table #total_laser { text-align: left; padding-left: 3px; }


/* log page */
.log_record { width:100px; border:0; padding:5px; cursor:pointer;}


/* 工资管理 */
.paid_class { background-color:#CFC; }



/* used 栏目 */
.used_list_tr { text-align:right; }
.used_list_tr input { margin-right:15px; }
.used_list_tr div.used_list { width:700px; text-align:left; margin:auto; border:#f00 solid 1px; background-color:#9F9; }
.new_used_form { background-color:#F00; color:white;}
.used_form { padding-left:60px;}


/* 预付prepaid */
.paid_voucher { color:blue; }
.paid_voucher_finish { color:green; }
#memo.paid_textarea { height: 40px; }

/* 排工 schedule */
.schedule_form #memo { height: 40px; width:230px; }


/* 意见箱 book */
.reply { width:95%; float:right; border:#CCC dotted 1px; margin:5px; padding:0 5px 5px; }
.reply h3 { margin-top:2px; }






/* sms短信页设置 */
#edit_sms_form, #sms_explain{
	/* position:absolute; */
	float:left;
	width: 470px;
	margin-top: 40px;
	margin-left: 1px;
	margin-bottom: 35px;
	/* border: #000 1px solid; */
}

#edit_sms_form{
	/* position:absolute; */
	float:left;
}
#edit_sms_form textarea[class^="content"] {
	width:100%;
	height:30xp;
	margin-bottom: 5px;
	margin-top: 2px;
}
#edit_sms_form li{
	color: black !important;
	font-size: 1.05rem;
	width: 380px;
}
#edit_sms_form .hide{
	opacity: 0.5;
}
#edit_sms_form .Submit{
	float: right;
}
#edit_sms_form li[class^="sms_"] .btn{
	float: right;
	margin-right: 4px;
}
#edit_sms_form .explain{
	text-align: center;
	margin-bottom: 8px;
	width:100%;
}
#edit_sms_form h2{
	text-align: center;
}
#edit_sms_form .sort{
	width: 90px;
	font-size: 15px;
}
#edit_sms_form .top_sms_sort{
	/* list-style-type: upper-roman; */	
}
#edit_sms_form .top_sms_sort li{
	list-style-type: lower-alpha;	
}
#edit_sms_form .top_sms_sort .top_sort{
	background-color:#EDF5D9; 
	color:black; 
	font-size: 18px;
	border-style: none;
	margin-bottom: 15px;
	width:90px;
}

#sms_explain{
	float: right;
	margin-right: 10px;
}
#sms_explain h2{
	text-indent: 7em;
}
#sms_explain ol li{
	font-size: 14px;
	/* list-style-type: upper-alpha; */
}
#sms_explain ol li ol{
	font-size: 14px;
	list-style-type: lower-alpha;
}
#sms_explain .btn, #edit_sms_form .btn{
	width: 30px;
}








/*编辑表单*/
	
#editForm {
	border:1px solid #CCC;
	background-color:#FFF;
	width:520px;
	position:absolute;
	top:-1000px;
	left:350px;
	padding:0px;
}


#editForm table {
	width:100%;
	margin-bottom:15px;
}

#editForm table td {
	padding-left:8px;
	font-size: 13px;
	font-weight: 300;
}


#editForm caption, #editform caption span {
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.2em;
	text-align:left;
	background-color:#eee;
	height:25px;
	padding:8px 0 0 15px;
	margin-bottom:8px;
}


#editForm caption span {
	float:left;
}

#editForm caption span.close_edit_form {
	font-size:14px;
	font-weight:normal;
	letter-spacing:normal;
	float:right;
	padding-right:8px;
	cursor:pointer;
}

#editForm label {
	font-weight:bold;
	font-size: 13px;
}


#editForm textarea {
	width:350px;
	height:80px;
}

#editForm #err { 
	color:#f00;
}


/*-------编辑表单的特殊设置(包括特殊的表格宽度)-------*/
#editForm .xu72msg { margin-left:25px;}
#editForm.turn_form { width:350px; }
#editForm.turn_form textarea { width:200px; }
#editForm.schedule_form { width:350px; }/* 排工页的表格设置 */
#editForm.staff_form { width:420px; }
#editForm.statistics_form { width:400px; }
#editForm .scd_massager { width:280px !important;}
#editForm .app_textarea { width:300px; height:40px; /* font-size:14px; */}