@charset "utf-8";

/* Reset
-------------------------------------------------------------- */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,span,em,strong,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,a,select{margin:0;padding:0;font-size:12px;font-family:'Noto Sans KR', sans-serif;font-weight: 400;color:#000;vertical-align:top;letter-spacing:0;box-sizing:border-box;}
html,body{width:100%;height:100%;line-height:100%;min-height:100%;}
body{width:100%;min-width:320px;background:#fff;word-wrap:break-word;word-break:break-all;box-sizing: border-box;}
body,input,select,textarea,button{border:none;}
ul,ol,li{list-style:none;}
table{border-spacing:0;border-collapse:collapse;word-break:break-all;}
img,fieldset{border:0;}
img{}
address,caption,cite,code,em{font-style:normal;}
img,input,select,textarea,button{vertical-align:middle;}
strong{font-weight:500;}
label{vertical-align:middle;}
caption,legend{line-height:0;font-size:1px;overflow:hidden;}
em{font-style:normal;}
header,section,nav,hgroup,footer,aside,article,figure{display:block;}
a{color:#424242;text-decoration:none;}
a:link,a:hover,a:active{text-decoration:none;}
iframe{margin:0;padding:0;border:none;}
input[type="button"], button{cursor:pointer;}
hr{display:block;margin:15px 0;border:1px solid #2460ac;}
pre{white-space:pre-wrap;word-break:break-all;}

/* common 
-------------------------------------------------------------- */
.blind, .hidden{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.soundOnly{display:block !important;position:absolute !important;top:-9999px !important;left:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.tac{text-align:center !important;}
.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.db{display:block !important;}
.dib{display:inline-block !important;}

/* padding 
-------------------------------------------------------------- */
.pdt0{padding-top:0px !important;}
.pdt5{padding-top:5px !important;}
.pdt10{padding-top:10px !important;}
.pdt15{padding-top:15px !important;}
.pdt20{padding-top:20px !important;}
.pdb0{padding-bottom:0px !important;}
.pdb5{padding-bottom:5px !important;}
.pdb10{padding-bottom:10px !important;}
.pdb15{padding-bottom:15px !important;}
.pdb20{padding-bottom:20px !important;}

/* margin
-------------------------------------------------------------- */
.mgt0{margin-top:0px !important;}
.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt25{margin-top:25px !important;}
.mgt30{margin-top:30px !important;}
.mgt35{margin-top:35px !important;}
.mgt40{margin-top:40px !important;}
.mgt45{margin-top:45px !important;}
.mgt50{margin-top:50px !important;}
.mgb0{margin-bottom:0px !important;}
.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb15{margin-bottom:15px !important;}
.mgb20{margin-bottom:20px !important;}
.mgl0{margin-left:0px !important;}
.mgl5{margin-left:5px !important;}
.mgl10{margin-left:10px !important;}
.mgl15{margin-left:15px !important;}
.mgl20{margin-left:20px !important;}
.mgr0{margin-right:0px !important;}
.mgr5{margin-right:5px !important;}
.mgr10{margin-right:10px !important;}
.mgr15{margin-right:15px !important;}
.mgr20{margin-right:20px !important;}

/* Form  
-------------------------------------------------------------- */
input[type='submit']{
width: 100%;
height: 52px;
background: #00B2FE 0% 0% no-repeat padding-box;
opacity: 1;
font-size:16px;
color:#FFFFFF;
font-weight:500;
}

input[type='text'], 
input[type='number'],
input[type='tel'],
input[type='password']{width:100%;max-width:100%;height:52px;line-height:39px;font-size:15px;color:#000000;padding:15px;border:1px solid #D7DBE6;border-radius:0;box-sizing:border-box;background:#fff;box-shadow:none;-webkit-appearance: none;-moz-appearance: none;appearance:none;}
input.act,
input:focus,
textarea:focus,
select:focus{outline:0;}

select{height:36px;line-height:18px;font-size:12px;color:#000;padding:0px;border:1px solid #D7DbE6;vertical-align:top;background:#fff;border-radius:0;
-webkit-appearance: none;-moz-appearance: none;appearance:none;cursor:pointer;}
select.pop {
  width: 204px;
  height: 48px;
  padding: 12px 0 12px 16.5px;
  font-size: 16px;
  color: #000000;
  line-height: 18px;
  border: 1px solid #d7dbe6;
  border-radius: 0px;
  background: url("/assets/img/ico-sel-arrow.svg") no-repeat 90% 55%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {display: none;/* 화살표 없애기 for IE10, 11*/}
input[type='text']:disabled,
input[type='number']:disabled,
input[type='password']:disabled,
textarea:disabled{color:#000 !important;}
input[type='text']:read-only,
input[type='number']:read-only,
input[type='password']:read-only,
textarea:read-only{color:#000 !important;}
input[type='text']:-moz-read-only,
input[type='number']:-moz-read-only,
input[type='password']:-moz-read-only{color:#000 !important;}
input[type="text"]:disabled, input[type="text"].disabled {-webkit-opacity:1;}
::-webkit-input-placeholder{color:#AEAEAE;}
:-moz-placeholder{color:#AEAEAE;}
::-moz-placeholder{color:#AEAEAE;}
:-ms-input-placeholder{color:#AEAEAE !important;}
/* textarea*/
textarea{width:100%;min-height:100px;margin:0;padding:10px;font-size:12px;color:#242424;border:1px solid #e2e2e2;background:#fff;line-height:normal !important;resize:none;border-radius:0;box-sizing:border-box;box-shadow:none;-webkit-appearance: none;-moz-appearance: none;appearance:none;}

/*checkbox*/
.chk_grp .chk_item{margin-left:13px;}
.chk_grp .chk_item:first-child{margin-left:0;}
input[type="checkbox"] {overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;opacity:0;text-indent:-9999px;}
input[type="checkbox"] + label{position:relative;padding-left:32px;font-size:14px;height:16px;line-height:16px;vertical-align:middle;cursor:pointer;color:#000;}
input[type="checkbox"] + label:after{position:absolute;top:0;left:0;content:"";display:inline-block;width:16px;height:16px;background:url(/assets/img/check_off.png) left 0 no-repeat;cursor:pointer;background-size:16px;}
input[type="checkbox"]:checked + label:after{background:url(/assets/img/check_on.png) left 0 no-repeat;background-size:16px;}

/*radio*/
.rdo_grp .rdo_item{margin-left:20px;}
.rdo_grp .rdo_item:first-child{margin-left:0;}
input[type="radio"]{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;opacity:0;text-indent:-9999px;}
input[type="radio"] + label{position:relative;padding-left:28px;font-size:14px;height:22px;line-height:22px;vertical-align:middle;cursor:pointer;color:#000;}
input[type="radio"] + label:after{position:absolute;top:0;left:0;content:"";display:inline-block;width:22px;height:22px;background:url(/assets/img/check_off.png) left 0 no-repeat;cursor:pointer;background-size:22px;}
input[type="radio"]:checked + label:after{background:url(/assets/img/check_on.png) left 0 no-repeat;background-size:22px;}

/* Btn
-------------------------------------------------------------- */
.btn_grp.fixed{position:fixed;bottom:30px;left:0;width:100%;text-align:center;margin-top:0px;}
.btn_grp.fixed.btm{bottom:0;}
.btn_grp.fixed.oil{bottom:15;}
.btn_grp.oil{margin-top: 0;margin-bottom:15px;}
.btn_grp{position:relative;margin-top:15px;text-align:center;}
.btn_grp:after{content:"";display:block;clear:both;}
.btn_grp .btn{margin-left:7px;}
.btn_grp.type2 .btn{margin-left:20px;}
.btn_grp .btn:first-child{margin-left:0 !important;}
.btn_grp .btn_fl{float:left;}
.btn_grp .btn_fr{float:right;}

.btn.sdw{
    box-shadow:0 2px 3px rgba(0, 0, 0, 0.25);
}
.btn{
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    overflow:visible;
    background:none;
    min-width:170px;
    height:44px;
    line-height:44px;
    border-radius:22px;
    background:#DEDEDE;
}
.btn input, .btn span, .btn button{
    display:block;
    overflow:visible;
    cursor:pointer;
    color:#F4F5F6;
    font-size:16px;
    width:100%;
    height:100%;
    padding:0 10px;
    box-sizing:border-box;
	font-weight:400;
}
/*color*/
.btn.act{background:#FE1D05;}
.btn.act input{color:#fff;}
.btn.orange{background:#FF7600;}
.btn.orange input{color:#fff;}

.btn em{display:inline-block;margin-right:5px;}
.btn em.add{margin-top:13px;width:20px;height:20px;background:url(/assets/img/ico/ico_menu_coupon_add.png) no-repeat 0 0;background-size:20px 20px;}

/*size*/
.btn.small{min-width:70px;height:36px;line-height:34px;background:#fff;border:1px solid #D0D0D0;}
.btn.small span{font-size:13px;color:#AAA;}


/* tab
-------------------------------------------------------------- */
.tab_grp{margin:0 0 35px;}
.tab_grp .tab_menu{}
.tab_grp .tab_menu:after{display:block;content:""; clear:both}
.tab_grp .tab_menu>li{position:relative;float:left;width:50%;text-align:center;}
.tab_grp .tab_menu>li > a{display:inline-block;width:100%;height:40px;line-height:38px;font-size:14px;color:#666666;background:#F3F2F1;border-bottom:1px solid #FE1D05;}
.tab_grp .tab_menu>li.on > a{position:relative;color:#FE1D05;background:#fff;line-height:37px;border:1px solid #FE1D05;border-bottom:none;}
.tab_grp .tab_view_wrap .tab_view{display:none;width:100%;}
.tab_grp .tab_view_wrap .tab_view>.t_inr{padding:0 18px 0;}
.tab_grp .tab_view_wrap .tab_view.on{display:block;}

/* table Layout
-------------------------------------------------------------- */
table{width:100%;table-layout:fixed;}

/* paging
-------------------------------------------------------------- */
.paging{margin-top:20px;}
.paging ul{text-align:center;font-size:0;}
.paging ul li{display:inline-block;vertical-align:middle;margin-left:8px;}
.paging ul li:nth-child(2){margin-left:0;}
.paging ul li a{display:block;width:38px;height:36px;line-height:36px;border:1px solid #e2e2e2;text-align:center;font-size:15px;color:#31333f;}
.paging ul li strong{display:block;width:40px;height:38px;line-height:36px;border:0;background:#31333f;text-align:center;font-size:15px;color:#fff;font-weight:700;}
.paging ul li.arw a{display:block;height:40px;line-height:40px;border-radius:4px;}
.paging ul li.arw.prev{margin-right:34px;margin-left:0;}
.paging ul li.arw.prev a{background:#e2e2e2 url(../../images/mobile/icon/paging_prev.png) 50% 50% no-repeat;}
.paging ul li.arw.next{margin-left:34px;}
.paging ul li.arw.next a{background:#31333f url(../../images/mobile/icon/paging_next.png) 50% 50% no-repeat;}


/* popup
-------------------------------------------------------------- */
.PopupLayer{position:fixed;z-index:100 !important;}
#lay_mask{display:none;position:fixed;background:#000;background:#000;opacity:.6;filter:alpha(opacity=6);z-index:20;top:0px;}
.pop_layer{/*display:none;*/visibility:hidden;position:absolute;width:220px;overflow:hidden;top:-9999px;box-sizing:border-box;}
.pop_layer.alert .ct_area{display:table;width:100%;}
.pop_layer.alert .ct_area .p_text{display:table-cell;vertical-align:middle;}
.pop_layer.full{width:100%;}
.pop_layer.full .pop_wrap{margin:0 33px;}
.pop_wrap{position:relative;height:auto;box-sizing:border-box;text-align:center;}
.pop_container{padding-top:20px;border-radius:20px;background:#fff;}
.pop_container .ct_area{min-height:40px;padding:0 16px 0;}
.pop_container .ct_area .p_tit{margin-bottom:16px;font-size:16px;color:#000;line-height:20px;font-weight:500;}
.pop_container .ct_area .p_text{font-size:14px;color:#666;line-height:20px;}
.pop_container .ct_area .p_text .point{font-size:14px;color:#FE1D05;}
.pop_container .b_area{margin-top:21px;border-top:1px solid #EAEAEA;}
.pop_container .b_area:after{content:"";display:block;clear:both;}
.pop_container .b_area.two .btn{float:left;width:50%;border-left:1px solid #EAEAEA;}
.pop_container .b_area.two .btn:first-child{border-left:none;}
.pop_container .b_area .btn{background:none;border-radius:0;min-width:inherit;width:100%;height:45px;line-height:45px;}
.pop_container .b_area .btn span{font-size:15px;line-height:45px;color:#666;font-weight:500;}
.pop_container .b_area .btn.act span{color:#FE1D05;}

/* Layout
-------------------------------------------------------------- */
#wrap{width:100%;height:100%;box-sizing:border-box;}
#main_content{height:100%;}
/*gnb*/
.dim{width:100%;display:none;position:fixed;top:0;left:0;height:100%;background:#000;opacity:0.5;z-index:4999;}
#gnb{position:fixed;top:0px;left:-100%;bottom:0px;width:60%;min-width:240px;z-index:5000;
transition-property:all;
transition-duration:0.5s;
transition-timing-function:ease-out;
transform:translateX(0) translateY(0px);
box-sizing:border-box;
z-index:99999999;
}
#gnb .inner{position:relative;width:100%;min-height:116px;height:100%;background:#F3F2F1;}
#gnb .logout{position:absolute;bottom:0;left:0;display:block;width:100%;height:55px;line-height:55px;padding-left:42px;font-size:13px;color:#666;background:#F3F2F1 url(/assets/img/ico/ico_menu_logout.png) no-repeat 16px 18px;background-size:20px;}
#gnb .mb{background:#00B2FE; height:79px;}
#gnb .mb a{display:block;padding-left:41px;height:50px;line-height:50px;font-size:14px;color:#fff;background:url(/assets/img/ico/ico_nav_id.png) no-repeat 16px 15px;background-size:20px 20px;}
#gnb .mb a.login_mb{padding:17px 60px 0 16px;height:79px;line-height:130%;
background:url();
}
#gnb .mb a.login_mb.biz{height:50px;line-height:50px;padding-top:0px;}
#gnb .mb a.login_mb.biz .name{line-height:79px;}
#gnb .mb a.login_mb p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#gnb .mb a.login_mb .name{font-size:17px;line-height:25px;color:#fff;letter-spacing:0;}
#gnb .mb a.login_mb .car{margin-top:2px;font-size:12px;line-height:19px;color:#FFBB00;letter-spacing:0px;font-weight:500;}
#gnb .my_menu {background:#0090E2; height:45px;}
#gnb .my_menu li{margin:0;padding:0;border:0;float:left;width:49%; height:45px;}
#gnb .my_menu li:first-child{border-right:1px solid #00B2FE;} 
#gnb .my_menu li a{display:block;padding-left:48px;height:45px;line-height:45px;font-size:14px;color:#FFF;background:##0090E2;background-repeat:no-repeat; font-weight:400;}
#gnb .my_menu li.m1 a{background-image:url(/assets/img/ico/outline-people-24px@2x.png);background-position:16px 13px;background-size:24px 24px;}
#gnb .my_menu li.m2 a{background-image:url(/assets/img/ico/baseline-live_help-24px@2x.png);background-position:13px 13px;background-size:24px 24px;}
#gnb .menu{padding-bottom:60px;}
#gnb .menu li{margin-bottom:1px;}
#gnb .menu li.m1 a{background-image:url(/assets/img/ico/ico_menu_event.png);background-position:16px 13px;background-size:28px 28px;}
#gnb .menu li.m2 a{background-image:url(/assets/img/ico/ico_menu_notice.png);background-position:18px 13px;background-size:26px 26px;}
#gnb .menu li.m3 a{background-image:url(/assets/img/ico/ico_menu_info.png);background-position:16px 13px;background-size:28px 28px;}
#gnb .menu li.m4 a{background-image:url(/assets/img/ico/ico_menu_cs.png);background-position:16px 13px;background-size:28px 28px;}
#gnb .menu li.m5 a{background-image:url(/assets/img/ico/ico_menu_self.png);background-position:16px 13px;background-size:28px 28px;}
#gnb .menu li.m6 a{background-image:url(/assets/img/ico/ico_menu_history.png);background-position:16px 13px;background-size:28px 28px;}
#gnb .menu li.m7 a{background-image:url(/assets/img/ico/ico_menu_card.png);background-position:16px 13px;background-size:28px 28px;}
#gnb .menu li a{display:block;padding-left:24px;height:55px;line-height:55px;font-size:15px;color:#000;background:#fff;background-repeat:no-repeat;}
#gnb .coupon a{position:relative;float:left;width:50%;padding-left:48px;line-height:45px;background:#FF7600;font-size:14px;color:#FFF;}
#gnb .coupon a strong{display:inline-block;margin-left:2px;font-size:12px;color:#fff;font-weight:400;}
#gnb .coupon a:after{position:absolute;top:13px;left:22px;content:"";display:block;width:20px;height:20px;}
#gnb .coupon a.b_box:after{background:url(/assets/img/ico/ico_menu_coupon.png) no-repeat 0 0;background-size:20px;}
#gnb .coupon a.b_add:after{background:url(/assets/img/ico/ico_menu_coupon_add.png) no-repeat 0 0;background-size:20px;}
#gnb .coupon a:first-child{border-right:1px solid #FE1D05;}
#gnb .coupon:after{content:"";display:block;clear:both;}

/*header*/
#header{width:100%;height:50px;text-align:center;background:#fff;border-bottom:1px solid #EAEAEA;}
#header{}
#header .logo,
#header .logo a{display:inline-block;}
#header .logo a{margin-top:14px;}
#header .logo img{width:124;height:24px;}
#header .b_menu{position:absolute;top:0;left:0;width:50px;height:50px;color:transparent;font-size:0px;background:url(/assets/img/btn_top_menu.png) no-repeat 50% 50%;background-size:30px auto;}
#header .b_menu.new {background:url(/assets/img/btn_top_menu_new.png) no-repeat 50% 50%;background-size:30px auto;}
#header .title{
line-height:49px;color:#000;font-size:18px;font-weight:700;
}
#header .back{display:block;position:absolute;top:0;left:0;width:50px;height:0;padding-top:50px;font-size:0px;color:transparent;background:url(/assets/img/btn_top_back.png) no-repeat 50% 50%;background-size:30px;}
#header .txt{display:block;position:absolute;top:0;right:10px;min-width:40px;height:50px;line-height:49px;font-size:14px;color:#000;}

/*content*/
#content.mb{margin-bottom:100px;}
#content.pd_cont{padding:16px;}

/*main*/
.main #header{position:fixed;top:0;left:0;background:rgba(255,255,255,0.5);z-index:100;border-bottom:none;}
.main .search_area{position:fixed;top:50px;left:0;background:none;background-image:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0));z-index:100;}


/* subpage */
.wrap-container {
  width: 100%;
  margin: 0 auto;
}
.container {
  margin-left:10px;
  margin-right:10px;
  display: flex;
  flex-direction: row;
}
.content-container {
  padding-top: 40px;
  width:100%;
}

.content-header-box {
  display: flex;
  justify-content: space-between;
  padding: 0px;
  margin:0px;
  padding-bottom: 8px;
  height:36px;
}

.content-header-box h3{
	font-size:22px;
	font-weight:700;
}
.content-header-box.center {
  justify-content: center;
}

.content-header-box.center .input-box {
  justify-content: space-between;
}


.sel-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.sel-box .filter_order{width:88px; padding:8px;}
.sel-box .filter_round{width:194px; padding:8px;}

button.header-full {
  border-radius: 8px;
  width: 100px;
  border: 2px solid #00b2fe;
  background-color: #FFFFFF;
  height:36px;
  margin-top:-10px;
}

.header-full span{
	color:#00b2fe;
}

.content-sub-header-box {
  display: flex;
  padding: 0px;
  margin-bottom: 18px;
  height:18px;
  font-size:12px;
}

.real_count{
	color:#00B2FE;
	font-weight:700;
	padding-left:2px;
	padding-right:2px;
}
.misu{
	color:#FE0000;
	font-weight:700;
	padding-left:2px;
	padding-right:2px;
}

/* popup
-------------------------------------------------------------- */

textarea.pop {
  width: 204px;
  height: 96px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 1px solid #d7dbe6;
  background-color: #ffffff;
}

input[type="text"].pop_cal {
  width: 204px;
  background: url(/assets/img/ico-cal.svg) no-repeat 90% 50%;
  background-size: 16px;
  background-color: #fff;
}
input[type="text"].pop-input-text,
input[type="number"].pop-input-text
{
  width: 204px;
}

input[type="text"].pop-input-text.v2 {
  width: 280px;
}

.PopupLayer {
  position: fixed;
  z-index: 100 !important;
}

#lay_mask {
  display: none;
  position: fixed;
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=6);
  z-index: 20;
}

.pop_layer {
  /*display:none;*/
  visibility: hidden;
  position: absolute;
  width: 320px;
  overflow: hidden;
  top: -9999px;
  box-sizing: border-box;
}

.pop_layer.v2 {
  width: 396px;
}

.pop_layer .pop_title {
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 40px;
  color: #000;
}

.pop_layer.alert .ct_area {
  display: table;
  width: 100%;
}

.pop_layer.alert .ct_area .p_text {
  display: table-cell;
  vertical-align: middle;
}

.pop_layer.full {
  width: 100%;
}

.pop_layer.full .pop_wrap {
  margin: 0 33px;
}

.pop_wrap {
  position: relative;
  height: auto;
  box-sizing: border-box;
  text-align: center;
}

.pop_container {
  position: relative;
  padding: 20px 24px 32px 24px;
  background: #fff;
  border: 1px solid #d7dbe6;
}

.pop-row {
  display: flex;
  align-items: center;
  flex-direction: row;
  min-height: 48px;
  padding-bottom: 8px;
}

.pop-row.last {
  padding-bottom: 21px;
}

.pop-row.center {
  justify-content: center;
}

.pop-row.center.b-140 {
  padding-bottom: 130px;
}

.pop-row .pop-sub-title {
  width: 68px;
  font-size: 14px;
  text-align: left;
}

.pop-row.bottom-date {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  min-height: 24px;
  text-align: center;
  font-size: 12px;
  color: #bbc0cd;
}

.pop-close {
  width: 22.63;
  height: 22.63;
  position: absolute;
  top: 10px;
  right: 10.37px;
}

.pop-row input.cal {
  width: 204px;
}

.pop-text {
  font-size: 16px;
  padding: 16px 0;
}

.dataTables_length, .dataTables_paginate,#reservation_detail_table_info{
display:none;
} 
#reservation_detail_table_filter{
text-align:right;
}
.reservation_show{background-color:#C3E999 !important;}

td.details-control {
    background: url('//datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.details td.details-control {
    background: url('//datatables.net/examples/resources/details_close.png') no-repeat center center;
}

td.check-control {
    font-size:0px !important;
    background: url('/assets/img/ico-checkbox.svg') no-repeat center center;
    background-size:16px;
    cursor: pointer;
}
td.check-mod-control{
font-size:0px !important;
}
tr.reservation_show td.check-control {
background: url('/assets/img/ico-checkbox-chk.svg') no-repeat center center;
background-size:16px;
}
td.check-mod-control {
background: url('/assets/img/ico-mod.svg') no-repeat center center;
background-size:16px;
    cursor: pointer;
}
td{
overflow:hidden;
white-space : nowrap;
text-overflow: ellipsis;
}
td:hover{
overflow:unset;
white-space : unset;
text-overflow: unset;
}

.content-header-box .sub_content
{
    flex: auto;
    place-self: flex-end;
    margin-left: 24px;
    margin-bottom: 10px;
}
.real_count{
	color:#00B2FE;
	font-weight:700;
	padding-left:2px;
	padding-right:2px;
}
.misu{
	color:#FE0000;
	font-weight:700;
	padding-left:2px;
	padding-right:2px;
}
.none_white-space{
overflow:unset;
white-space:unset;
text-overflow:unset;
}
.payment_card{
}
.patment_cash{
}
@media (orientation: landscape) {
	#reservation_detail_table_wrapper table, #reservation_detail_table_wrapper td {
	    font-size: 10px;
	}
}
.loader_overlay{
    position: absolute;
    z-index: 50;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: gray;
    opacity: 0.8;
}
.cssload_colordots .loader .cssload-dots {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    outline: 1px solid red;
}

.cssload_colordots .loader .cssload-dot {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.cssload_colordots .loader .cssload-dot:before {
    content: "";
    width: 34px;
    height: 34px;
    border-radius: 49px;
    background: rgb(251,211,1);
    position: absolute;
    left: 50%;
    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    margin-left: -17.5px;
    margin-top: -17.5px;
}



.cssload_colordots .loader .cssload-dot:nth-child(5):before {
    z-index: 100;
    width: 44.5px;
    height: 44.5px;
    margin-left: -21.75px;
    margin-top: -21.75px;
    animation: cssload-dot-colors 4.6s ease infinite;
    -o-animation: cssload-dot-colors 4.6s ease infinite;
    -ms-animation: cssload-dot-colors 4.6s ease infinite;
    -webkit-animation: cssload-dot-colors 4.6s ease infinite;
    -moz-animation: cssload-dot-colors 4.6s ease infinite;
}


.cssload_colordots .loader .cssload-dot:nth-child(1) {
    animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -o-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -ms-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -webkit-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -moz-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
}
.cssload_colordots .loader .cssload-dot:nth-child(1):before {
    background-color: rgb(255,50,112);
    animation: cssload-dot-move 4.6s 0s ease infinite;
    -o-animation: cssload-dot-move 4.6s 0s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 0s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 0s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 0s ease infinite;
}

.cssload_colordots .loader .cssload-dot:nth-child(2) {
    animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -o-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -ms-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -webkit-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -moz-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
}
.cssload_colordots .loader .cssload-dot:nth-child(2):before {
    background-color: rgb(32,139,241);
    animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -o-animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 1.15s ease infinite;
}

.cssload_colordots .loader .cssload-dot:nth-child(3) {
    animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -o-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -ms-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -webkit-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -moz-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
}
.cssload_colordots .loader .cssload-dot:nth-child(3):before {
    background-color: rgb(175,225,2);
    animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -o-animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 2.3s ease infinite;
}

.cssload_colordots .loader .cssload-dot:nth-child(4) {
    animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -o-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -ms-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -webkit-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -moz-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
}
.cssload_colordots .loader .cssload-dot:nth-child(4):before {
    background-color: rgb(251,211,1);
    animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -o-animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 3.45s ease infinite;
}

@keyframes cssload-dot-move {
    0% {
        transform: translateY(0);
    }
    18%, 22% {
        transform: translateY(-68px);
    }
    40%, 100% {
        transform: translateY(0);
    }
}

@-o-keyframes cssload-dot-move {
    0% {
        -o-transform: translateY(0);
    }
    18%, 22% {
        -o-transform: translateY(-68px);
    }
    40%, 100% {
        -o-transform: translateY(0);
    }
}

@-ms-keyframes cssload-dot-move {
    0% {
        -ms-transform: translateY(0);
    }
    18%, 22% {
        -ms-transform: translateY(-68px);
    }
    40%, 100% {
        -ms-transform: translateY(0);
    }
}

@-webkit-keyframes cssload-dot-move {
    0% {
        -webkit-transform: translateY(0);
    }
    18%, 22% {
        -webkit-transform: translateY(-68px);
    }
    40%, 100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes cssload-dot-move {
    0% {
        -moz-transform: translateY(0);
    }
    18%, 22% {
        -moz-transform: translateY(-68px);
    }
    40%, 100% {
        -moz-transform: translateY(0);
    }
}

@keyframes cssload-dot-colors {
    0% {
        background-color: rgb(251,211,1);
    }
    25% {
        background-color: rgb(255,50,112);
    }
    50% {
        background-color: rgb(32,139,241);
    }
    75% {
        background-color: rgb(175,225,2);
    }
    100% {
        background-color: rgb(251,211,1);
    }
}

@-o-keyframes cssload-dot-colors {
    0% {
        background-color: rgb(251,211,1);
    }
    25% {
        background-color: rgb(255,50,112);
    }
    50% {
        background-color: rgb(32,139,241);
    }
    75% {
        background-color: rgb(175,225,2);
    }
    100% {
        background-color: rgb(251,211,1);
    }
}

@-ms-keyframes cssload-dot-colors {
    0% {
        background-color: rgb(251,211,1);
    }
    25% {
        background-color: rgb(255,50,112);
    }
    50% {
        background-color: rgb(32,139,241);
    }
    75% {
        background-color: rgb(175,225,2);
    }
    100% {
        background-color: rgb(251,211,1);
    }
}

@-webkit-keyframes cssload-dot-colors {
    0% {
        background-color: rgb(251,211,1);
    }
    25% {
        background-color: rgb(255,50,112);
    }
    50% {
        background-color: rgb(32,139,241);
    }
    75% {
        background-color: rgb(175,225,2);
    }
    100% {
        background-color: rgb(251,211,1);
    }
}

@-moz-keyframes cssload-dot-colors {
    0% {
        background-color: rgb(251,211,1);
    }
    25% {
        background-color: rgb(255,50,112);
    }
    50% {
        background-color: rgb(32,139,241);
    }
    75% {
        background-color: rgb(175,225,2);
    }
    100% {
        background-color: rgb(251,211,1);
    }
}

@keyframes cssload-dot-rotate-1 {
    0% {
        transform: rotate(-105deg);
    }
    100% {
        transform: rotate(270deg);
    }
}

@-o-keyframes cssload-dot-rotate-1 {
    0% {
        -o-transform: rotate(-105deg);
    }
    100% {
        -o-transform: rotate(270deg);
    }
}

@-ms-keyframes cssload-dot-rotate-1 {
    0% {
        -ms-transform: rotate(-105deg);
    }
    100% {
        -ms-transform: rotate(270deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-1 {
    0% {
        -webkit-transform: rotate(-105deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
    }
}

@-moz-keyframes cssload-dot-rotate-1 {
    0% {
        -moz-transform: rotate(-105deg);
    }
    100% {
        -moz-transform: rotate(270deg);
    }
}

@keyframes cssload-dot-rotate-2 {
    0% {
        transform: rotate(165deg);
    }
    100% {
        transform: rotate(540deg);
    }
}

@-o-keyframes cssload-dot-rotate-2 {
    0% {
        -o-transform: rotate(165deg);
    }
    100% {
        -o-transform: rotate(540deg);
    }
}

@-ms-keyframes cssload-dot-rotate-2 {
    0% {
        -ms-transform: rotate(165deg);
    }
    100% {
        -ms-transform: rotate(540deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-2 {
    0% {
        -webkit-transform: rotate(165deg);
    }
    100% {
        -webkit-transform: rotate(540deg);
    }
}

@-moz-keyframes cssload-dot-rotate-2 {
    0% {
        -moz-transform: rotate(165deg);
    }
    100% {
        -moz-transform: rotate(540deg);
    }
}

@keyframes cssload-dot-rotate-3 {
    0% {
        transform: rotate(435deg);
    }
    100% {
        transform: rotate(810deg);
    }
}

@-o-keyframes cssload-dot-rotate-3 {
    0% {
        -o-transform: rotate(435deg);
    }
    100% {
        -o-transform: rotate(810deg);
    }
}

@-ms-keyframes cssload-dot-rotate-3 {
    0% {
        -ms-transform: rotate(435deg);
    }
    100% {
        -ms-transform: rotate(810deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-3 {
    0% {
        -webkit-transform: rotate(435deg);
    }
    100% {
        -webkit-transform: rotate(810deg);
    }
}

@-moz-keyframes cssload-dot-rotate-3 {
    0% {
        -moz-transform: rotate(435deg);
    }
    100% {
        -moz-transform: rotate(810deg);
    }
}

@keyframes cssload-dot-rotate-4 {
    0% {
        transform: rotate(705deg);
    }
    100% {
        transform: rotate(1080deg);
    }
}

@-o-keyframes cssload-dot-rotate-4 {
    0% {
        -o-transform: rotate(705deg);
    }
    100% {
        -o-transform: rotate(1080deg);
    }
}

@-ms-keyframes cssload-dot-rotate-4 {
    0% {
        -ms-transform: rotate(705deg);
    }
    100% {
        -ms-transform: rotate(1080deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-4 {
    0% {
        -webkit-transform: rotate(705deg);
    }
    100% {
        -webkit-transform: rotate(1080deg);
    }
}

@-moz-keyframes cssload-dot-rotate-4 {
    0% {
        -moz-transform: rotate(705deg);
    }
    100% {
        -moz-transform: rotate(1080deg);
    }
}


table {
min-width:700px;
}