/*터치패드*/
#checkin_id,#checkin_pw,#checkin_pw_none{border-radius:20px !important;}
.num-box{float:left;width:160px;height:160px;border:1px solid #DFDFDF;text-align:center;background:#EFEFEF;cursor:pointer;}
.focus-on{border:4px solid #28BCA5 !important;}
.focus-on::placeholder {
  color: #FFF;
  font-style: italic;
}

.focus-on::-webkit-input-placeholder{
  color: #FFF;
  font-style: italic;
}
.focus-on:-moz-placeholder {
  color: #FFF;
  font-style: italic;
}

/*체크인패드*/
.client-box{
	float:left;
    cursor: pointer;
    width: 90px;
    height: 90px; 
    font-size: 2.5em;
    color: #00af94;
    background-color: #FFF;
    border-radius: 10px;
    margin: 7px;
    font-weight: bold;
	line-height:90px;
	text-align:center;
}

.dummy-box{
	float:left;
    cursor: pointer;
    width: 90px;
    height: 90px; 
    font-size: 2.5em;
    color: #00af94;
    background-color: #c9c9c9;
    border-radius: 10px;
    margin: 7px;
    font-weight: bold;
	line-height:90px;
	text-align:center;
}


.client-box-hover {
    background-color: #00af94 !important;
    border: solid 3px #4df2d8;
	color:#FFF;
}

.disable-client{background:#AAA;color:#DDD;cursor:auto;}
.standby-client{cursor:auto;}
.using-client{/*background:#444;color:#FFF;*/cursor:auto;}
.already-using-client{background:#AAA;cursor:auto;color:#DDD;}
.appoint-client{background:#AAA;cursor:auto;color:#DDD;}
.standy-full{background:#AAA;cursor:auto;color:#DDD;}
/*인덱스 검수전 로그인 감춤*/
/*로그인*/
#shop-login{display:none;}
#contentsWrap {
  display:table;
  width:100%;height:100%;
}
#cell {
  display:table-cell;
  vertical-align: middle;
  text-align:center;
}

/*다이얼로그*/
.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    padding: 0.5em 1em;
    position: relative;
    font-size: 1.3em;
}
.ui-dialog { z-index: 1000 !important ;}

/*로딩 스피너*/
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;

}
.loader {
  color: #FFF;
  font-size: 10px;
  margin: 0px auto;
  position: absolute;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  left:50%;
  top:10px;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.loader-wrap{
position:absolute;width:100%;height:100%;background:#000;z-index:999;top:0px;opacity:0.3;display:none;
}

/*예약뱃지*/
.circle-mini{

width:30px;
height:20px;
border-radius:5px;
background:#000;
font-size:0.5em;
text-align:center;
line-height:20px;
font-weight:bold;
color:#FFF !important;
margin-left:5px;
margin-top:5px;

}

/*클라이언트리스트*/
.remain-time{font-size:0.8em;;padding:0px;margin:0px;height:50px;line-height:50px;}
.client-list{position:absolute;height:100%;top:0px;right:0px;z-index:990;box-sizing: border-box;padding-top:100px !important;}


.checkout{font-size:1.6em;float:right;margin:10px;cursor:pointer;}
.reloadico{font-size:1.6em;float:right;margin:10px;cursor:pointer;}

.lock-icon{float:left;padding:10px 10px 10px 5px;}
.txt-box{position:absolute;font-size:14px;margin-top:30px;width:90px;text-align:center;}



.btn-text{padding:10px ;margin:10px !important;}
.end-setting{background:#BFBFBF !important;}