/* CSS Document */

.wrapper {font-size:.875rem;}

/* list table hover color */
.table-hover tbody tr:hover {
    background-color: #fff8c8;cursor:pointer;
}

.table-reserve-stat tbody td:hover  {
    background-color: #fff8c8;cursor:pointer;font-weight:bold;
}

a.member-initials {display: block;font-size: 1.5em;font-weight: 700;/* height: 45px; */left: 0;line-height: 45px;overflow: hidden;position: absolute;text-align: center;top: 0;width: 100%;color: #4d4d4d;}

/* login footer */
.login-footer {display:flex;left:0;bottom:0;width:100%;border-top:1px solid #dee2e6;background-color:#fff;color:#869099;padding:1rem;text-align:center;}
.login-footer ul {padding-left:20px;text-align:left;}

/* main notice */
ul.notice-list {padding:0 20px;}
ul.notice-list li {position:relative;margin:0 0 5px 0;}
ul.notice-list li span:first-child {display:block;width:80%;}
ul.notice-list li span:last-child {position:absolute;top:0;right:0;}

.fieldset {border: 1px solid #ddd !important;margin: 0;min-width: 0;padding: 10px;position: relative;border-radius:4px;background-color:#f5f5f5;padding-left:10px!important;margin-bottom:1rem;}
.fieldset legend {margin-bottom: 0px; border: 1px solid #ddd;border-radius: 4px; padding: 5px 5px 5px 10px; background-color: #ffffff;font-size:.875rem;font-weight:700;text-align:center;}

/* pagination */
.pagination2 {display:inline-block;padding-left:0;margin:0 0 20px 20px;border-radius:4px;}
.pagination2>a {display:inline;}
.pagination2>a, .pagination2>span {position:relative;float:left;padding:6px 12px;color:#337ab7;background-color:#fff;border:1px solid #ddd;}
.pagination2>a:first-child, .pagination2>span:first-child {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.pagination2>span.active {background-color:#337ab7;color:#fff;border-color:#337ab7;}
.pagination-month .page-link {padding:0.5rem 0.6rem;}

h3.card-title {margin:0.25rem 0;}
div.card-tools {margin:0;}
div.card-tools > button {margin:0.25rem 0.25rem 0.25rem 0;}

/* calendar price style */
.select_cal_opt {width:100%;min-width:80px;}
.calendar-header {position:sticky;top:0;z-index:1;background:#fff;}
#calendar_price {display:flex;flex-direction:row;flex-wrap:wrap;justify-content: space-between;}
.calendar {width:100%;} /* font-size: .75rem; */
.calendar .header {display:flex;justify-content:space-between;align-items: center;margin:10px 0;}
.calendar .year-month {font-size: 25px;}
.calendar .year-month select {font-size:25px;}
.calendar .nav {display: flex;border: 1px solid #333333;border-radius: 5px;}
.calendar .nav-btn {width: 28px;height: 30px;border: none;font-size: 16px;line-height: 34px;background-color: transparent;cursor: pointer;}
.calendar .go-today {width: 75px;border-left: 1px solid #333333;border-right: 1px solid #333333;}
.calendar .days {display: flex;margin:0;background-color:beige;border-top: 1px solid #333333;border-right: 1px solid #333333;}
.calendar .day {width: calc(100% / 7);padding: 5px;text-align: center;border-left: 1px solid #333333;font-weight:bold;}
.calendar .dates {display: flex;flex-flow: row wrap;border-top: 1px solid #333333;border-right: 1px solid #333333;}
.calendar .date {position:relative;width: calc(100% / 7);padding:0;border-bottom: 1px solid #333333;border-left: 1px solid #333333;}
.calendar .cal-date-header {margin:0.25rem 0 0.25rem 0;}
.calendar .cal-date-body {margin-bottom:0.25rem;}
.calendar .chk_date {background-color:#ccffd6;}
.calendar .pre-date {background-color:#efefef;}
.calendar .close-bg {background-color:#efefef;}
.calendar .date:hover {cursor:pointer;}
.calendar .this span {display:inline-block;font-weight:bold;}
.calendar .other span {opacity:0.3;display:inline-block;}
.calendar .date select {font-size:.75rem;}
.calendar .date input[type=text] {text-align:right;font-size:.875rem;}
.calendar .date input[type=text].sup-pr {color:blue;}
.calendar .date input[type=text].sel-pr {color:#F60;}
.calendar .day:nth-child(7n + 1), .calendar .date:nth-child(7n + 1) {color: #D13E3E;}
.calendar .day:nth-child(7n), .calendar .date:nth-child(7n) {color: #396EE2;}
.calendar .today {position: relative;color: #ffffff;}
.calendar .today::before {position: absolute;top: 50%;left: 50%;z-index: -1;display: block;width: 25px;height: 25px;background-color: #FF0000;border-radius: 50%;transform: translate(-50%, -50%);content: '';}
.calendar .btn-log {border:1px solid #999;}
.calendar .change-input {background-color:#fddf86;}

/* mobile calendar */
.m-calendar {width:100%;}
.m-calendar .header {display:flex;justify-content:center;align-items: center;margin:10px 0;}
.m-calendar .year-month {font-size: 25px;}
.m-calendar .dates {display:flex;flex-flow: row wrap;}
.m-calendar .date {position:relative;width:100%;padding:0;margin-bottom:0.5rem;border: 1px solid #dee2e6;}
.m-calendar .cal-date-header {margin:0;padding:0.25rem;background-color: #e9ecef;}
.m-calendar .cal-date-body {margin-bottom:0.25rem;}
.m-calendar .date select {font-size:.75rem;}
.m-calendar .chk_date {background-color:#ccffd6;}
.m-calendar .pre-date {background-color:#efefef;}
.m-calendar .close-bg {background-color:#efefef;}
.m-calendar .date:hover {cursor:pointer;}
.m-calendar .date input[type=text] {text-align:right;font-size:.875rem;}
.m-calendar .date input[type=text].sup-pr {color:blue;}
.m-calendar .date input[type=text].sel-pr {color:#F60;}
.m-calendar .w0 {color: #D13E3E;}
.m-calendar .w6 {color: #396EE2;}
.m-calendar .change-input {background-color:#fddf86;}

/* view calendar */
.view-calendar {width:100%;text-align:center;}
.view-calendar .year-month {font-size: 18px;text-align: center;color: #000;}
.view-calendar table {width: 100%;margin-top: 21px;border-collapse: collapse;table-layout: fixed;border:1px;border:1px solid #c4c4c4;}
.view-calendar caption {overflow: hidden;width: 0;height: 0;font-size: 0;line-height: 0;}
.view-calendar th, .view-calendar td {text-align:center;height:30px;font-size: 15px;border:1px solid #c4c4c4;;padding: 2px 0;}
.view-calendar th {background-color: beige;color: #000;font-weight: normal;}
.view-calendar td {height:50px;}
.view-calendar td .price {font-size:12px;}
.view-calendar td .sup-price {font-size:12px;color:blue;}
.view-calendar td .sel-price {font-size:12px;color:#F60;}
.view-calendar td .disable {color:#c4c4c4;;}

/* confirm modal */
.confirm-box {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;}
.confirm-item {list-style:none;font-size:.875rem;border:1px solid #999;margin:0 5px 10px 5px;padding:5px;}
.confirm-item.wk0 {color: #D13E3E;}
.confirm-item.wk6 {color: #396EE2;}
.confirm-item li:first-child {background-color:#ccffd6;}
span.sup-pr {color:blue;}
span.sel-pr {color:#F60;}

.point-color {color:#fa5b33;}

/* com info */
.com-title {border-bottom:1px solid #999;padding:5px 0;margin:20px 0;font-weight:700;}

/* list */
table.table tfoot td {background-color:yellow;}

/* file input */
.custom-file-input-sm {height:calc(1.8125rem + 2px);padding:0.25rem 0.5rem;font-size:.875rem;line-height:1.5;border-radius:0.2rem;}
.custom-file-label-sm {height:calc(1.8125rem + 2px);padding:0.25rem 0.5rem;font-size:.875rem;}

/* mobile */
ul.mobile-list {margin:0;padding:0;list-style:none;}
ul.mobile-list li {margin:5px 0;}


/* timesale tooltip */
.tooltip_text {display:none;position:absolute;z-index:1;top:20px;left:-100px;width:320px;background-color:#fff;color:#000;text-align:left;padding:10px 10px 0 10px;border-radius:6px;border:1px solid red;line-height:1.5;font-size:0.875rem;font-weight:normal;}
.tooltip_icon:hover .tooltip_text {display:block;cursor:pointer;}