@import "bootstrap-glyphicons.css";

body{padding:65px 0 0 0; margin:0; font-family:dotum; font-size:1em; background:#eef1f6}
h1, h2, h3, h4, h5, h6, ul{padding:0; margin:0}
ul{list-style:none}
table{table-layout:fixed}
button{cursor:pointer; padding:0; margin:0; background:transparent; border:none}
.title{font-size:14px; color:#42474b; padding-bottom:7px; letter-spacing:-1px}
.pt{padding-top:30px}
.tax_free{background:#ffeaee; color:#8d2e40}

#header{position:fixed; top:0; left:0; width:100%; height:44px; background:url(../images/header_bg.png) repeat-x 0 0; z-index:9}
#header #h-btn{float:left; font-size:1em; margin-left:18px}
#h-btn button{font-size:0.7em; font-family:dotum; letter-spacing:-1px; color:#464646; margin-right:10px; margin-top:14px}
#h-btn button:hover{color:#397db3}
#header #h-btn button .glyphicon{font-size:1.1em; vertical-align:text-top; margin-right:3px}

#header #hr-btn{float:right; font-size:1em; margin-top:3px; margin-left:18px}
#hr-btn button{font-size:0.7em; font-family:dotum; letter-spacing:-1px; color:#464646; margin-right:10px}
#hr-btn button:hover{color:#397db3}
#header #hr-btn button .glyphicon{font-size:1.1em; vertical-align:text-top; margin-right:3px}

#header-btn{width:280px; margin:6px auto 0 auto}
#header-btn li{float:left}
#header-btn li a{width:70px; height:27px; display:block; background:url(../images/header_btn.png) no-repeat; text-align:center; font-size:12px; font-family:dotum; text-decoration:none; line-height:2.4; letter-spacing:-1px}
#header-btn li a.daily{color:#dfe4ea; background-position:0 -27px}
#header-btn li a.day{color:#dfe4ea; background-position:-70px 0}
#header-btn li a.month{color:#dfe4ea; background-position:-140px 0}

#header-btn li a.daily:hover{color:#fff; background-position:0 -27px}
#header-btn li a.day:hover{color:#fff; background-position:-70px 0}
#header-btn li a.month:hover{color:#fff; background-position:-140px 0}

#header-btn li a.daily-on{color:#5c5f62; background-position:0 0}
#header-btn li a.day-on{color:#5c5f62; background-position:-70px -27px}
#header-btn li a.month-on{color:#5c5f62; background-position:-140px -54px}

#header .myname{float:left; font-size:0.75em; letter-spacing:-1px; color:#fff; margin-top:13px; margin-left:15px}
#header #grp-id{font-size:0.75em; letter-spacing:-1px}
#f_change_grp{float:left; margin-top:8px; margin-left:10px}

/*
#button-category{background:url(../images/icons.png) no-repeat; background-position:-56px 0; width:27px; height:26px; display:block; float:left; margin-top:6px; margin-left:10px}
#button-category:hover{background-position:-56px -26px}
#button-list-hori{background:url(../images/icons.png) no-repeat; width:27px; height:26px; display:block; float:left; margin-top:6px;}
#button-list-hori:hover{background-position:0 -26px}
#button-list-ver{background:url(../images/icons.png) no-repeat; background-position:-28px 0; width:27px; height:26px; display:block; float:left; margin-top:6px;}
#button-list-ver:hover{background-position:-28px -26px}
*/
#datepicker{float:left; width:195px; font-size:.65em; padding-left:20px}

#daily-table{float:left; padding-left:30px; padding-bottom:80px}
#daily-table table{width:670px; background:#f7f8fa; border:1px solid #d5d9e2; border-bottom:1px solid #bfc3cc; border-radius:4px; font-size:12px; color:#5c5f62}
#daily-table table thead th{border-bottom:2px solid #C4CBD3; letter-spacing:-1px; height:30px; border-right:1px dashed #d6dbe1}
#daily-table table thead th:last-child{border-right:none}

#daily-table table tfoot td{height:27px; border-right:1px dashed #d6dbe1; text-align:center; color:#ffa200}
#daily-table table tfoot td:last-child{border-right:none}
#daily-table table tfoot td.c{text-align:right; padding-right:10px}
#daily-table table tfoot td.m{text-align:right; padding-right:10px}

#daily-table table tbody td{height:24px; border-right:1px dashed #d6dbe1; border-bottom:1px dashed #d6dbe1; text-align:center}
#daily-table table tbody td:last-child{border-right:none}
#daily-table table tbody td.c{text-align:right; padding-right:10px}
#daily-table table tbody td.m{text-align:right; padding-right:10px}
.odd{background:#fbfbfc}

a:link.daily_details, a:visited.daily_details, a:active.daily_details{float:right; text-decoration:none; font-size:0.8em; color:#0CADDD; letter-spacing:-2px}
a:hover.daily_details{color:#42474B}

#total-table{float:left; padding-left:25px; padding-bottom:80px}
#total-table table{width:240px; background:#f7f8fa; border:1px solid #d5d9e2; border-bottom:1px solid #bfc3cc; border-radius:4px; font-size:12px; color:#5c5f62}
#total-table table thead th{border-bottom:2px solid #0caddd; letter-spacing:-1px; height:30px; border-right:1px dashed #d6dbe1}
#total-table table thead th:last-child{border-right:none}

#total-table table tfoot td{height:27px; border-right:1px dashed #d6dbe1; text-align:center}
#total-table table tfoot td:last-child{border-right:none}
#total-table table tfoot td.c{text-align:right; padding-right:10px}
#total-table table tfoot td.m{text-align:right; padding-right:10px}
#total-table table tfoot td.t{text-align:right; padding-right:10px; color:#77c4e1; font-weight:bold}

#total-table table tbody td{height:24px; border-right:1px dashed #d6dbe1; border-bottom:1px dashed #d6dbe1; text-align:center}
#total-table table tbody td:last-child{border-right:none}
#total-table table tbody td.c{text-align:right; padding-right:10px}
#total-table table tbody td.m{text-align:right; padding-right:10px}

#total-table #today-minus thead th{border-bottom:2px solid #f07f9c; letter-spacing:-1px; height:30px; border-right:1px dashed #d6dbe1}
#total-table #today-minus th:last-child{border-right:none}
#total-table #today-minus td.t{text-align:right; padding-right:10px; color:#ef6186; font-weight:bold}

#total-table #today-total thead th{border-bottom:2px solid #ffa200; letter-spacing:-1px; height:30px; border-right:1px dashed #d6dbe1}
#total-table #today-total th:last-child{border-right:none}
#total-table #today-total td.t{text-align:right; padding-right:10px; color:#ffa200; font-weight:bold}
#total-table #today-total tfoot td{border-bottom:1px dashed #d6dbe1; background:#fff4e2}
#total-table #today-total tfoot td.c{color:#232425; background:#fff4e2}
#total-table #today-total tfoot tr:last-child td{border-bottom:none}

.c-wrap{float:left; padding-left:20px; padding-bottom:80px}

.month-list{width:610px; background:#f7f8fa; border:1px solid #d5d9e2; border-bottom:1px solid #bfc3cc; border-radius:4px; font-size:12px; color:#5c5f62}
.month-list thead th{border-bottom:2px solid #C4CBD3; letter-spacing:-1px; height:30px; border-right:1px dashed #d6dbe1}
.month-list thead th:last-child{border-right:none}

.month-list tfoot td{height:27px; border-right:1px dashed #d6dbe1; text-align:center; color:#ffa200}
.month-list tfoot td:last-child{border-right:none}
.month-list tfoot td.c{text-align:right; padding-right:10px}
.month-list tfoot td.m{text-align:right; padding-right:10px}

.month-list tbody td{height:24px; border-right:1px dashed #d6dbe1; border-bottom:1px dashed #d6dbe1; text-align:center}
.month-list tbody td:last-child{border-right:none}
.month-list tbody td.c{text-align:right; padding-right:10px}
.month-list tbody td.m{text-align:right; padding-right:10px}

#category-wrap{background:#424449 url(../images/category_wrap_bg.png) repeat-x; position:fixed; top:-300px; width:98%; padding-top:70px; padding-bottom:40px; border-radius:4px; border-bottom:1px solid #2b2c30; margin-left:1%; box-shadow:0 2px 2px rgba(0,0,0,.2)}
#category-wrap ul{float:left; padding-left:120px}
#category-wrap ul li{float:left; margin-right:15px; margin-bottom:2px}
#category-wrap ul li a{text-decoration:none; background:url(../images/category_bg.png) no-repeat top left; padding:0 0 0 22px; display:block; height:27px; color:#a9cbe6; font-size:11px; font-family:dotum; letter-spacing:-1px; line-height:2.3}
#category-wrap ul li a span{background:url(../images/category_bg.png) no-repeat top right; padding-right:20px; display:block; height:100%; margin-right:-10px}

#category-wrap ul li a.off{text-decoration:none; background:url(../images/category_bg.png) no-repeat bottom left; padding:0 0 0 22px; display:block; height:27px; color:#babcbd; font-size:11px; font-family:dotum; letter-spacing:-1px; line-height:2.3}
#category-wrap ul li a.off span{background:url(../images/category_bg.png) no-repeat bottom right; padding-right:20px; display:block; height:100%; margin-right:-10px}

#category-wrap #fn-btn{position:absolute; margin-left:30px}
#category-wrap #fn-btn > a.viewall{text-decoration:none; background:url(../images/category_bg_all.png) no-repeat top left; padding:0 0 0 22px; display:block; height:27px; color:#3d3d3d; font-size:11px; font-family:dotum; letter-spacing:-1px; line-height:2.3; margin-bottom:2px}
#category-wrap #fn-btn > a.viewall span{background:url(../images/category_bg_all.png) no-repeat top right; padding-right:20px; display:block; height:100%; margin-right:-10px}
#category-wrap #fn-btn > a.viewun{text-decoration:none; background:url(../images/category_bg_all.png) no-repeat bottom left; padding:0 0 0 22px; display:block; height:27px; color:#3d3d3d; font-size:11px; font-family:dotum; letter-spacing:-1px; line-height:2.3}
#category-wrap #fn-btn > a.viewun span{background:url(../images/category_bg_all.png) no-repeat bottom right; padding-right:20px; display:block; height:100%; margin-right:-10px}

#today-btn-minus-add{width:15px; height:15px; background:url(../images/btns.png) no-repeat top left; border:none; vertical-align:top; float:right}

.vat{vertical-align:top}
.month-total-list{width:100%; background:#f7f8fa; border:1px solid #d5d9e2; border-bottom:1px solid #bfc3cc; border-radius:4px; font-size:12px; color:#5c5f62}
.month-total-list thead th{border-bottom:2px solid #C4CBD3; letter-spacing:-1px; height:30px; border-right:1px dashed #d6dbe1}
.month-total-list thead th:last-child{border-right:none}

.month-total-list tfoot td{height:27px; border-right:1px dashed #d6dbe1; text-align:center; color:#ffa200}
.month-total-list tfoot td:last-child{border-right:none}
.month-total-list tfoot td.c{text-align:right; padding-right:10px}
.month-total-list tfoot td.m{text-align:right; padding-right:10px}

.month-total-list tbody td{height:24px; border-right:1px dashed #d6dbe1; border-bottom:1px dashed #d6dbe1; text-align:center}
.month-total-list tbody td:last-child{border-right:none}
.month-total-list tbody td.c{text-align:right; padding-right:10px}
.month-total-list tbody td.m{text-align:right; padding-right:10px}

.month-total-list-th{border-radius:4px 0 0 4px !important; border-right:1px solid #C4CBD3 !important; margin-right:1px !important}
.month-total-value{border-left:none !important; border-right:none !important; border-radius:0 !important}
.month-total-value-t{border-radius:0 4px 4px 0 !important}

.c-wrap-month{padding-bottom:80px}
.c-wrap-month h2.title{margin-left:1%}

.end{border-right:none !important}
.endb{border-bottom:none !important}

#select-date-wrap{background:#424449 url(../images/date_wrap_bg.png) repeat-x; position:fixed; top:-300px; width:235px; padding-left:50px; padding-top:70px; padding-bottom:40px; border-radius:4px; border-bottom:1px solid #48494e; margin-left:10px; box-shadow:0 2px 2px rgba(0,0,0,.2)}
#select-date-wrap .txt{font-size:0.8em; color:#babcbd; padding-bottom:8px}
#select-date-wrap select{font-family:dotum, gulim, Verdana; font-size:0.8em; padding:0; margin:0; vertical-align:middle}

#select-date-btn-submit{background:url(../images/s_btn.png) no-repeat; width:52px; height:21px; vertical-align:middle}
#select-date-btn-add{background:url(../images/s_btn.png) no-repeat 0 -21px; width:52px; height:21px; vertical-align:middle}
#select-date-btn-cancel{background:url(../images/s_btn.png) no-repeat 0 -63px; width:52px; height:21px; vertical-align:middle}
#select-date-btn-submit-pink{background:url(../images/s_btn.png) no-repeat 0 -84px; width:52px; height:21px; vertical-align:middle}
#daily-btn-cancel{background:url(../images/s_btn.png) no-repeat 0 -63px; width:52px; height:21px; vertical-align:middle}

#i-category{font-size:1em; vertical-align:middle; margin:20px 0; border:1px solid #B2BDC8; background:#DFE4EA; color:#5C5F62; padding-left:5px}

#sort-table{float:left; padding-left:30px; padding-bottom:80px; width:400px}
.sort-t{border-radius:4px 4px 0 0; border:1px solid #D5D9E2; border-bottom:2px solid #C4CBD3; background:#F7F8FA; font-family:dotum; font-size:0.8em; font-weight:bold; color:#5C5F62; padding:8px; letter-spacing:-1px}
#category-sortable li{font-size:0.8em; color:#5C5F62; border-bottom:1px dashed #d6dbe1; background:#F7F8FA; padding:5px 0 4px 0px; border-left:1px solid #D5D9E2; border-right:1px solid #D5D9E2; clear:both}
/* #category-sortable li:last-child{border-radius:0 0 4px 4px; border-bottom:1px solid #D5D9E2} */
#category-sortable li span.num{width:34px; text-align:center; border-right:1px dashed #d6dbe1; display:block; float:left; margin-right:10px}
.sort-btn-wrap{background:#F7F8FA; text-align:center; padding:10px; border-radius:0 0 4px 4px; border-left:1px solid #D5D9E2; border-right:1px solid #D5D9E2; border-bottom:1px solid #D5D9E2}
#sort-btn-done{background:url(../images/s_btn.png) no-repeat 0 -42px; width:52px; height:21px; vertical-align:middle}
.s-btn{float:right}
.s-btn .on{color:#B2BDC8}
.s-btn .off{color:#DFE4EA}
.s-on{background:url(../images/toggle.png) no-repeat 0 0; width:22px; height:12px; vertical-align:middle; margin-top:1px; margin-right:10px}
.s-off{background:url(../images/toggle.png) no-repeat 0 -12px; width:22px; height:12px; vertical-align:middle; margin-top:1px; margin-right:10px}
.minput{font-size:0.9em; vertical-align:middle; margin:0; border:1px solid #B2BDC8; background:#DFE4EA; color:#5C5F62; padding-left:4px; width:300px; font-family:dotum}

#login-wrap{position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-150px; background:#f7f8fa; width:300px; height:145px; border-radius:4px; border-left:1px solid #D5D9E2; border-top:1px solid #D5D9E2; border-right:1px solid #BFC3CC; border-bottom:1px solid #BFC3CC; text-align:center; padding-top:40px}
#l-btn-submit{cursor:pointer}

/* #edit-wrap{position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-150px; background:#73A5C1; width:300px; height:70px; border-radius:4px; border-left:1px solid #8395AB; border-top:1px solid #8395AB; border-right:1px solid #8395AB; border-bottom:1px solid #8395AB; text-align:center; padding-top:40px} */
#edit-wrap{position:absolute; margin-left:-90px; margin-top:10px; background:#73A5C1; width:235px; height:34px; padding-left:15px; border-radius:4px; border-left:1px solid #8395AB; border-top:1px solid #8395AB; border-right:1px solid #8395AB; border-bottom:1px solid #8395AB; text-align:left; padding-top:14px}
.eminput{font-size:1em; vertical-align:middle; margin:0; padding-left:4px; width:90px; font-family:dotum; border:1px solid #303238}

#minus-wrap{position:absolute; margin-left:0; margin-top:-50px; background:#F07F9C; width:220px; height:60px; border-radius:4px; border-left:1px solid #8395AB; border-top:1px solid #8395AB; border-right:1px solid #8395AB; border-bottom:1px solid #8395AB; text-align:center; padding-top:20px; padding-bottom:25px}
.eminput{font-size:1em; vertical-align:middle; margin:0; padding-left:4px; width:100px; font-family:dotum; border:1px solid #EF6186}
#minus-wrap dl{clear:both; overflow:hidden; margin:0; padding:0; margin-bottom:5px}
#minus-wrap dl dt{float:left; width:60px; margin:0; padding:0; text-align:right; padding-right:10px; color:#fff; padding-top:3px}
#minus-wrap dl dd{float:left; margin:0; padding:0}

.mc_cash{color:#0CADDD; padding-top:7px}
.mc_cash_d{color:#0cc5c7; padding-top:5px}
.mc_card{color:#cb4892; padding-top:5px}
.mc_etc{color:#a9a9a9; padding-top:5px; padding-bottom:7px}
.tt{color:#227fa5; background:#e3faff}