*{
padding:0;
margin:0;
}
body {
  font: 1.2rem "Lucida Grande", Helvetica, Arial, sans-serif;
  color:#3c2c11;
  background: #aed581;
}

header,main,footer{
	padding:0 2%;
	width: 96%;
}
h1{
	font-weight: bold;
	font-size: 2rem;
	margin: 15px 0;
}
a {color: #d64260;}

#login div{
	width: 250px;
	padding:20px;
	margin:auto;
	border:1px solid;
	border-radius: 3px;
}
#login span{
	display: block;
	position: relative;
}
#login legend{
font-size:1rem;
width: 100px;
display: inline-block;
} 

#login input{
position: absolute;
right: 0px;
top: 0;
} 
#login .btn{margin: 0 0 10px 0;}

#addCustomer label,#updateCustomer label{display: block;margin: 10px 0;}
#addCustomer #customer_info{display: none;margin-bottom: 30px;}
#addCustomer #addCustomerInfoForm{display: none;}

#updateCustomer #customer_basic{display: none;}
.btn{
	display: inline-block;
	border-radius: 3px;
	border:1px solid;
	padding:2px 5px;
	text-decoration: none;
	vertical-align: top;
	background: #d64260;
	color:white;
	border:none;
	font-size: 0.8rem;
	cursor: pointer;
}
.btn:hover{
	background: #d11f43;	
}

/*header*/
header{
	position: relative;
}
header span{
	position: absolute;
	right: 2%;
	padding: 10px 0;
}
header span a{
	margin-left: 10px;
}
#logo{display: inline-block;vertical-align: middle;}
#search_form{display: inline-block;width: 100%;text-align: center;padding: 10px 0;border-top: 1px solid}
#search_form input[type="text"]{
	width: 80%;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
}
#search_form button{
	display: inline-block;
	vertical-align: middle;
}
/*header 173.180.183.78*/

.pager{
	width: 100%;
	list-style: none;
	display: block;
	text-align: center;
	padding: 10px 0;
}
.pager li{
	display: inline-block;
	margin: 0 10px 10px;
}
.pager li a{
	display: block;
	margin-bottom: 10px;
}

table{
	border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    font-size:0.8rem; 
}

table, caption, tbody, tfoot, thead, tr, th, td {
    border: 1px solid #3c2c11;
    table-layout: fixed;
    
}

th{
	padding:5px;
	background: #3c2c11;
	color: #aed581;
	border: 1px solid #aed581;
}
th:first-child {
     border-left: 1px solid #3c2c11;
}
th:last-child {
     border-right: 1px solid #3c2c11;
}
td{
	text-align: center;
	cursor: pointer;
}
td:hover{
	background: #93c15d;
}
table .branch{
	/*display: none;*/
}

fieldset{
	margin-bottom: 30px;
	border: 1px solid #3c2c11;
	padding: 10px;
	border-radius: 5px;
}
legend{
	font-size: 1.3rem;
}
input{
	border-radius: 3px;
	border:none;
	vertical-align: middle;
}
select{
	vertical-align: middle;	
}

/*  */
#customers,
#customers_downtown,
#customers_richmond{
	margin-bottom: 100px;
}
#customers li,
#customers_downtown li,
#customers_richmond li,
.customers li,
.mocalist li{
	margin: 15px 0;
	border-bottom:1px solid;
	list-style:none;
	position: relative;
}
#customers li:hover,
.customers li:hover,
#customers_downtown li:hover,
#customers_richmond li:hover,
.mocalist li:hover{background: #93c15d}

#customers li div.info,
.customers li div.info{display: inline-block;}

#customers li div.info span,
#customers_downtown li div.info span,
#customers_richmond li div.info span,
.customers li div.info span{display: inline-block;}

.info .file_number{width: 80px;}

.info .name{width: 200px;vertical-align: top;}

.info .phone_number{width: 170px;}

#customers li div.btns,
#customers_downtown li div.btns,
#customers_richmond li div.btns,
.customers li div.btns,
.mocalist li .btn{
	position: absolute;
	right:0;
	top: 0;
}
/* admin */
fieldset#eyelash label,
fieldset#nail label{
display: none;
}

label#color{
	display: none;
}

#color2_select{
	display: none;
	margin:0 62px 20px;
}


/* customer_edit customer_update */
#customer{margin-bottom: 30px;}
#customer_info p{border-bottom: 1px solid}
#customer p span:hover{background: #93c15d;cursor: pointer;}
#customer p span.file_number:hover{background:#aed581;cursor:default;}
#customer .data{overflow:scroll;padding-bottom:30px;
    -webkit-overflow-scrolling: touch}
#customer .data table{width:2500px;}
table .memo{
	width:15%;
	word-wrap: break-word;
	padding: 0 1%;
}

table .amount{
	width:5%;
	padding: 0 1%;
}
table .color{
	width:6%;
}
table .nail_type{
	width:8%;	
}
td.memo{
	text-align:left;
}

td.delete .btn{
	margin-top: 15px;
	margin-bottom: 15px;
}

#add{
	padding: 15px;
	border:none;
	margin-bottom:30px; 
}
/* customer_edit */
#editformBox{
	width:100%;
	background:rgb(60,44,17);
	position:fixed;
	top:0;
	left:0;
	display:none;
}

#editformBox #category{color: #d64260;margin-left: 2%;}

#editformBox form{
	width: 96%;
	margin: auto;
	padding: 10px 0;
}

#editformBox #editValue{
	width:100%;
	margin-bottom: 5px;
	height: 20px;
	padding:5px;
	font-weight: bold;
	font-size: 1.5rem;
	color:#3c2c11;
	line-height: 20px;
}

#editformBox .btn{
	margin: 10px 10px 10px 0;
}
#nail_type2_select{
	display: none;
	margin:0 62px 20px;
}

/* staff */
.staff{width: 90%; margin: auto;position: relative;margin-bottom: 10px;border-bottom: 1px solid;padding: 5px 0;list-style: inside;}
.staff .name{}
.staff button{position: absolute; right: 0;}

/* reservation */
.branchs{margin-bottom:100px;}
.branchs h4{background:#3c2c11;color:#aed581;padding: 0 10px;}
.branchs .reservation_input{
	display: none;
}
li[today]{
	display: none;
}

li[today="on"]{
	display:block;
}

li[today].all{
	display:block;
}

li[netbooking='1'] .delete.btn{
	/*display: none;*/
}
li[err='1'] .delete.btn{
	display: inline-block !important;
}
/* mobile */
@media screen and (max-width:480px) { 
header span.btns{display:none;}
header div.mobile-btns{display:inline-block;}
.fa-bars{position: absolute;right: 2%;cursor:pointer;font-size: 24px !important;top:10%;color:#d64260;}
header div.mobile-btns span{display: none;}
}
@media screen and (min-width:481px) { 
	header div.mobile-btns{display: none;}
}

header div.mobile-btns span a{
	display:block;
	width:80%;
	margin: 30px auto;
	text-align: center;
}

header div.mobile-btns span{
	display:none;
	background: #3c2c11;
	left:0;
	top:44px;
	width: 100%;
	z-index: 10000;
}
.cancel5{
	color: yellow;
}
.cancel15{
	color: orange;
}
.cancel20{
	color: red;
}