/* 웹폰트 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Sans+JP&family=Noto+Sans+KR&family=Noto+Sans+Thai&display=swap');

/* 다국어 폰트 적용 */
html, body, h1, h2, h3, h4, h5, h6, p, input, button, textarea, .btn {
    font-family: 'Noto Sans', 'Noto Sans Thai', 'Noto Sans JP', 'Noto Sans KR', sans-serif;
}

html {
    position: relative;
    min-height: 100%;
    font-size: 12px;
    overflow-x: hidden;
}

@media (min-width: 768px) {
    html {
        font-size: 14px;
    }
}

body {
    margin-top: 54px;
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link {
    background-color: #F8F9FA;
    border-radius: 0;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #4A6388;
    border-color: #4A6388;
}

.bg-blue {
    background-color: #4a6388;
}
.bg-lightblue {
    background-color: #6493d5;
}
.bg-lightgray {
    background-color: #f0f0ee;
}
.bg-lightgray2 {
    background-color: #FAFAFA;
}
.bg-gray {
    background-color: #F8F9FA;
}
.bg-green {
    background-color: #4DBDA9;
}
.bg-white-50 {
    background-color: rgba(255,255,255,0.5);
}

.border-right-gray-2 {
    border-right: 2px solid #a7a7a7;
}

.fc-gray {
    color: #6C757D;
}

.text-lightblue {
    color: #6493d5;
}
.text-blue {
    color: #4a6388;
}
.text-green {
    color: #4DBDA9;
}
.text-white {
    color: #fff;
}
.text-lightgray {
    color: rgb(147,152,157);
}

.text-alert {
    font-size: 0.9rem;
}

.text-sub {
    font-size: 0.9rem;
}

.text-sm {
    font-size: 0.8rem;
}

.text-xsm {
    font-size: 0.75rem;
}

.pointer {
    cursor: pointer;
}

/* Sticky header and footer styles
-------------------------------------------------- */
.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 54px; /* Vertically center the text there */
}
.main {
    position: absolute;
    top: 54px;
    left: 200px;
    right: 0;
    bottom: 0;
    overflow: auto;
}
.main .content-container {
    width: 100%;
    max-width: 1600px; /* 1800px - 200px(sidebar) */
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

.select-language._layout .form-select {
    color: #ffffff;
    background-color: #4a6388;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    border: 1px solid #ffffff;
}
.select-field._layout .form-select {
    color: #ffffff;
    background-color: #4a6388;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    border: 1px solid #ffffff;
    margin-left:10px;
}

/* Button styles
-------------------------------------------------- */
.btn-green {
    color: #fff;
    background-color: #4DBDA9;
    border-color: #4DBDA9;
}
.btn-green:hover {
    color: #fff;
    background-color: #4DBDA9;
    border-color: #4DBDA9;
}
.btn-check:focus + .btn-green, .btn-green:focus {
    color: #fff;
    background-color: #4DBDA9;
    border-color: #4DBDA9;
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-green:focus, .btn-check:active + .btn-green:focus, .btn-green:active:focus, .btn-green.active:focus, .show > .btn-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-green:disabled, .btn-green.disabled {
    color: #777;
    background-color: #ddd;
    border-color: #ddd;
}

.btn-lightblue {
    color: #fff;
    background-color: #6493d5;
    border-color: #6493d5;
}
.btn-lightblue:hover {
    color: #fff;
    background-color: #6493d5;
    border-color: #6493d5;
}
.btn-check:focus + .btn-lightblue, .btn-lightblue:focus {
    color: #fff;
    background-color: #6493d5;
    border-color: #6493d5;
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-lightblue, .btn-check:active + .btn-lightblue, .btn-lightblue:active, .btn-lightblue.active, .show > .btn-lightblue.dropdown-toggle {
    color: #fff;
    background-color: #6493d5;
    border-color: #6493d5;
}
.btn-check:checked + .btn-lightblue:focus, .btn-check:active + .btn-lightblue:focus, .btn-lightblue:active:focus, .btn-lightblue.active:focus, .show > .btn-lightblue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-lightblue:disabled, .btn-lightblue.disabled {
    color: #777;
    background-color: #ddd;
    border-color: #ddd;
}

.btn-blue {
    color: #fff;
    background-color: #4a6388;
    border-color: #4a6388;
}
.btn-blue:hover {
    color: #fff;
    background-color: #4a6388;
    border-color: #4a6388;
}
.btn-check:focus + .btn-blue, .btn-blue:focus {
    color: #fff;
    background-color: #4a6388;
    border-color: #4a6388;
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-blue, .btn-check:active + .btn-blue, .btn-blue:active, .btn-blue.active, .show > .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #4a6388;
    border-color: #4a6388;
}
.btn-check:checked + .btn-blue:focus, .btn-check:active + .btn-blue:focus, .btn-blue:active:focus, .btn-blue.active:focus, .show > .btn-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-blue:disabled, .btn-blue.disabled {
    color: #777;
    background-color: #ddd;
    border-color: #ddd;
}

.btn-lightgray {
    color: #000;
    background-color: #f0f0ee;
    border-color: #f0f0ee;
}
.btn-lightgray:hover {
    color: #000;
    background-color: #f0f0ee;
    border-color: #f0f0ee;
}
.btn-check:focus + .btn-lightgray, .btn-lightgray:focus {
    color: #000;
    background-color: #f0f0ee;
    border-color: #f0f0ee;
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-lightgray, .btn-check:active + .btn-lightgray, .btn-lightgray:active, .btn-lightgray.active, .show > .btn-lightgray.dropdown-toggle {
    color: #000;
    background-color: #f0f0ee;
    border-color: #f0f0ee;
}
.btn-check:checked + .btn-lightgray:focus, .btn-check:active + .btn-lightgray:focus, .btn-lightgray:active:focus, .btn-lightgray.active:focus, .show > .btn-lightgray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-lightgray:disabled, .btn-lightgray.disabled {
    color: #777;
    background-color: #ddd;
    border-color: #ddd;
}

/*.input-group .btn {
    width: 120px;
}*/

.input-group .form-select-sm {
    height: 38px;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback).last-period {
    margin-left: -1px;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

/* Sign Up & Verification styles
-------------------------------------------------- */
.form-signup {
    align-items: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.slide-wrapper {
    /*position: relative;*/
    width: 100%;
    max-width: 1320px;
    overflow-x: hidden;
}
.slide-wrapper .slide-container {
    position: absolute;
    width: 100%;
    left: 0;
}
.slide-container.animated {
    -webkit-transition: left .5s ease-in;
    transition: left .5s ease-in;
}
.slide-container .slide-item {
    position: absolute;
    width: 100%;
    align-items: center;
    overflow: hidden;
}

img.delete-btn {
    cursor: pointer;
}

/* Sign In styles
-------------------------------------------------- */
.form-signin > div {
    min-width: 320px;
}

/* Sidebar styles
-------------------------------------------------- */
.sidebar {
    position: absolute;
    width: 200px;
    top: 54px;
    bottom: 0;
    left: 0;
    right: 0;
}
.sidebar .nav-brand {
    height: 132px;
}

.btn-toggle {
    background-color: #4a6388;
    color: #ffffff;
    font-weight: normal;
}
.btn-toggle:focus {
    border: none;
    background-color: #4a6388;
    color: #ffffff;
    box-shadow: none;
}
.btn-toggle:hover {
    background-color: #3C5274;
    color: #ffffff;
    font-weight: bold;
    /*box-shadow: inset 0 -1px 0 #f0f0ee;*/
    transition-duration: 0s;
}
.btn-toggle[aria-expanded="true"] {
    background-color: #4a6388;
    color: #ffffff;
    font-weight: bold;
    box-shadow: inset 0 -1px 0 #4a6388;
    transition-duration: 0s;
}
.btn-toggle.selected {
    background-color: #3C5274;
    color: #ffffff;
    font-weight: bold;
    box-shadow: inset 0 -1px 0 #3C5274;
    transition-duration: 0s;
    border-right: 0.25em solid #6493D5;
}
.btn-toggle .icon-svg {
    fill: #AFB9C1;
}
.btn-toggle:hover .icon-svg,
.btn-toggle[aria-expanded="true"] .icon-svg {
    fill: #ffffff;
}
.nav-item.second-level .link-white {
    color: #ffffff;
}
.nav-item.second-level:hover {
    background-color: #6493D5;
}
.nav-item.selected {
    background-color: #6493D5;
    color: #ffffff;
    border-right: 0.25em solid #7FB2FC;
}
.nav-item .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff8'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.nav-item .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff8'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
/* Table styles
-------------------------------------------------- */
table.list tbody > tr:not(.disabled) {
    cursor: pointer;
}
table.list tbody > tr:not(.disabled):hover {
    background-color: #E7F1FF;
}
table.list tbody > tr:disabled,
table.list tbody > tr:disabled > td {
    background-color: #F8F9FA;
    cursor: default;
}
td.hovered {
    background-color: #E7F1FF;
}

/* 
-------------------------------------------------- */
.bd-left {
    border-left: 0.25em solid #6493d5;
}

.page-link {
    position: relative;
    display: block;
    color: #6493d5;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #6493d5;
    border-color: #6493d5;
}

.form-check-input:checked {
    background-color: #6493d5;
    border-color: #6493d5;
}
.form-check-input[type=checkbox]:indeterminate {
    background-color: #6493d5;
    border-color: #6493d5;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

._tiger.form-check-input:checked {
    background-color: #198754;
    border-color: #6493d5;
}

/* image slide
-------------------------------------------------- */
.img-container {
    overflow: hidden;
    position: relative;
    min-width: 480px;
    min-height: 270px;
}
.img-container2 {
    overflow: hidden;
    position: relative;
    min-width: 480px;
    min-height: 270px;
}
.img-container > img {
    width: 480px;
}
.img-container2 > img {
    width: 480px;
}f
.btn-move {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 32px;
    z-index: 1;
}
.btn-move.btn-prev {
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
    background-size: cover;
    background-color: rgba(0,0,0,0.3);
    left: 0;
}
.btn-move.btn-next {
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-size: cover;
    background-color: rgba(0,0,0,0.3);
    right: 0;
}
.btn-move.disabled {
    display: none;
}
.img-container ._currentImg {
    width: 480px;
    height: 270px;
}
.img-container2 ._currentImg {
    width: 480px;
    height: 270px;
}
.img-container .img-number {
    position: absolute;
    right: 15px;
    bottom: 15px;
    background-color: rgba(0,0,0,0.3);
    color: #ffffff;
    font-size: 12px;
}
.img-container2 .img-number {
    position: absolute;
    right: 15px;
    bottom: 15px;
    background-color: rgba(0,0,0,0.3);
    color: #ffffff;
    font-size: 12px;
}

.img-list-item {
    width: 96px;
    height: 54px;
    overflow: hidden;
    position: relative;
}
.img-list-item2 {
    width: 96px;
    height: 54px;
    overflow: hidden;
    position: relative;
}
.img-list-item .badge-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 1.5rem;
    background-color: #198754;
    color: #fff;
    font-size: 0.9rem;
    text-align: center;
    line-height: 1.5rem;
}
    .img-list-item2 .badge-main {
        position: absolute;
        top: 0;
        left: 0;
        width: 46px;
        height: 1.5rem;
        background-color: #198754;
        color: #fff;
        font-size: 0.9rem;
        text-align: center;
        line-height: 1.5rem;
    }
.img-list-item.dimmed::before{
    content: "";
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
}
.img-list-item2.dimmed::before {
    content: "";
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
}
.img-list-item.selected::before {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
}
.img-list-item2.selected::before {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
}
.border-dotted {
    border: dotted #dee2e6;
}

.img-container._edit:hover::before {
    content: "";
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
}
.img-container ._editBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    z-index: 2;
}
.img-container2._edit:hover::before {
    content: "";
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
}

.img-container2 ._editBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    z-index: 2;
}

._imgGrid {
    height: 260px;
    cursor: pointer;
    overflow: hidden;
}
._imgGrid2 {
    height: 260px;
    cursor: pointer;
    overflow: hidden;
}
.icon-svg-big {
    width: 48px;
}
.modal .img-number {
    background-color: rgba(0,0,0,0.3);
    color: #ffffff;
    font-size: 12px;
}

/* hole information
-------------------------------------------------- */
._holelist input[type="number"] {
    width: 80px;
}

/* user information
-------------------------------------------------- */
.usercontrol img {
    margin-bottom: 4px;
    margin-right: 4px;
}
/*.userlist tbody tr {
    cursor: pointer;
}*/
.userlist tbody tr.pointer:hover {
    background-color: #E7F1FF;
}

#manageUserOc {
    width: 450px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #6493d5;
    font-weight: bold;
}
.fs-small {
    font-size: 0.9em;
}

/* DatePicker
-------------------------------------------------- */
.input-group > input[name="calendar"],
.input-group > input[name="end"] {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.datepicker-cell.day.highlighted:not(.disabled):not(.prev):not(.next) {
    color: rgb(220,53,69);
}
.datepicker-cell.day.prev,
.datepicker-cell.day.next {
    color: #adb5bd;
}

/* Tee Time
-------------------------------------------------- */
.teetime-item .icon-teetime {
    min-width: 46px;
    height: 23px;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 10px;
}
.teetime-item .icon-teetime > span {
    font-size: 14px;
    line-height: 23px;
}

.teetime-item .icon-teetime.add {
    border: 1px dashed #ced4da;
}
.teetime-item .icon-teetime.added {
    border: 1px solid #ced4da;
}

#teetimelist :first-child .icon-teetime:not(.add) {
    background-color: #c3c1ff;
}
#teetimelist :nth-child(2) .icon-teetime:not(.add) {
    background-color: #b6ebf7;
}
#teetimelist :nth-child(3) .icon-teetime:not(.add) {
    background-color: #ffe1b5;
}
#teetimelist :nth-child(4) .icon-teetime:not(.add) {
    background-color: #EDBD9B;
}
#teetimelist :nth-child(5) .icon-teetime:not(.add) {
    background-color: #ED9B9B;
}
#teetimelist :nth-child(6) .icon-teetime:not(.add) {
    background-color: #C9ED9B;
}
#teetimelist :nth-child(7) .icon-teetime:not(.add) {
    background-color: #E19BED;
}
#teetimelist :nth-child(8) .icon-teetime:not(.add) {
    background-color: #9BEDC6;
}
#teetimelist :nth-child(9) .icon-teetime:not(.add) {
    background-color: #FFABCE;
}
#teetimelist :nth-child(10) .icon-teetime:not(.add) {
    background-color: #E6ED9B;
}

/* Tee Time Price
-------------------------------------------------- */
div._startDate, div._endDate {
    min-width: 75px;
}
div._img {
    max-width: 25px;
}
span.delete-btn .icon-svg {
    fill: #dc3545;
    cursor: pointer;
}
._priceGroupGrid.list-group .list-group-item._pgItem,
._pgDetailList .list-group-item._pgItem,
._currentPrice .list-group-item._pgItem {
    cursor: pointer;
}
._pgList {
    height: 200px;
}
._currentPrice, ._pgDetailList {
    height: 300px;
}
._availableday .day-div > div {
    width: 20%;
}

/* Tee Time Open
-------------------------------------------------- */
.btn-week {
    border-radius: 0;
}
.btn-week.prev {
    border-bottom-left-radius: 1rem !important;
    border-top-left-radius: 1rem !important;
}
.btn-week.next {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}

.timelist thead th.item,
.timelist tbody td.item {
    cursor: pointer;
}
.timelist thead th.item:hover,
.timelist tbody td.item:hover {
    background-color: #E7F1FF;
}

.teetime-open .icon-teetime {
    min-width: 32px;
    height: 23px;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 10px;
    border: 1px solid #ced4da;
    font-size: 14px;
    line-height: 23px;
}
.icon-teetime._1 {
    background-color: #c3c1ff;
}
.icon-teetime._2 {
    background-color: #b6ebf7;
}
.icon-teetime._3 {
    background-color: #ffe1b5;
}
.icon-teetime._4 {
    background-color: #EDBD9B;
}
.icon-teetime._5 {
    background-color: #ED9B9B;
}
.icon-teetime._6 {
    background-color: #C9ED9B;
}
.icon-teetime._7 {
    background-color: #E19BED;
}
.icon-teetime._8 {
    background-color: #9BEDC6;
}
.icon-teetime._9 {
    background-color: #FFABCE;
}
.icon-teetime._10 {
    background-color: #E6ED9B;
}

.modal-backdrop:nth-of-type(3) {
    z-index: 1060;
}
.modal._confirm,
.modal._leave,
.modal._delete {
    z-index: 1065;
}

/* Check-in management
-------------------------------------------------- */
table.checkin-list td.col-teetime {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

table.checkin-list span.tiger-mark,
#bookinglist span.tiger-mark {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 20px;
    background: #198754;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
}

table.checkin-list tbody img {
    width: 10px;
    margin: 0 10px;
}

table.checkin-list tr.tiger-rsv {
    background: #1987541b;
}

table.checkin-list input[type="submit"] {
    border: none;
    background-color: transparent;
}

.table.checkin-members > :not(caption) > * > * {
    padding: .3rem .3rem;
}

.table.checkin-members > :not(caption) > * > td:first-child {
    padding: .3rem 0;
}

.table.checkin-members > :not(caption) > * > td:last-child {
    padding: .3rem 0 .3rem .3rem;
}

.table.checkin-members > tbody > tr:last-child > td {
    padding-bottom: 1.3rem;
}

table.checkin-members tfoot tr {
    background-color: rgba(182, 208, 247, 0.35);
}

table.checkin-members tfoot tr td > div > div:first-child {
    position: relative;
}

table.checkin-members tfoot tr td > div > div:first-child::after {
    content: '';
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #c4c4c4;
}

._offcanvas_md {
    min-width: 850px;
}
._offcanvas_lg {
    min-width: 1200px;
}

/* Check-in Detail
-------------------------------------------------- */

.radio-filter {
    background: rgba(182, 208, 247, 0.35);
    height: 62px;
    /*width: calc(100vw - 200px);
    margin-left: -21px;
    margin-right: -21px;*/
    align-items: center;
}

#tabContent table tbody tr td:nth-of-type(5) p:last-child,
#tabContent table tbody tr td:nth-of-type(6) p:last-child,
#tabContent table tbody tr td:last-child p:last-child {
    margin: 0;
}

#tabContent table tbody tr td {
    border-top: 1px solid #000;
}

#tabContent table tbody tr td p {
    display: flex;
    align-items: center;
}

#tabContent table tbody tr td p img {
    margin-right: 5px;
}

/* Booking Search
-------------------------------------------------- */

.table.border-top-bottom {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.table.hover-change-color tbody tr:hover {
    background-color: rgba(182, 208, 247, 0.3);
    cursor: pointer;
}

.table.payment-history th {
    padding: 0.6rem 2rem;
}

table.payment-history td {
    padding: 15px 0 5px 20px;
}

    table.payment-history td.fw-bold {
        padding: 5px 0 17px 33px;
    }

.table.tr-height-3 tbody tr {
    height: 3rem;
    line-height: 3rem;
}

.table tr.border-bottom-dark {
    border-bottom: 1px solid #212529;
}

.table.settle-sublist td.greenfee-1 {
    background-color: rgba(232, 243, 238, 1);
}

.table.settle-sublist td.greenfee-2 {
    background-color: rgba(182, 208, 247, 0.35);
}

.table.settle-sublist td.greenfee-0 {
    background-color: rgba(255, 225, 181, 0.63);
}

.bg-blue-10 {
    background-color: rgba(182, 208, 247, 0.3);
}

.historySearchField {
    height: 175px;
    background: #FAFAFA;
}

#detailModal .modal-content .v-mode {
    display: block;
}

#detailModal .modal-content .modal-footer.v-mode {
    display: flex;
}

#detailModal .modal-content.edit-mode .v-mode {
    display: none;
}

#detailModal .modal-content .e-mode {
    display: none;
}

#detailModal .modal-content.edit-mode .e-mode {
    display: block;
}

#detailModal .modal-content.edit-mode .modal-footer.e-mode {
    display: flex;
}


/* search filter css */
.search-kind {
    position: relative;
}

.search-kind.active {
    font-weight: bold;
    color: #0D6EFD;
}
.search-kind.active::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 15px;
    right: 15px;
    height: 3px;
    background-color: #0D6EFD;
}

._searchInput {
    display: none;
}

._searchInput.active {
    display: block;
}

.historySearchField > div {
    animation: fadeIn 0.5s forwards;
}


@keyframes fadeIn {
    0% {
        visibility: hidden;
        opacity: 0;
    }

    20% {
        visibility: hidden;
        opacity: 0;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        visibility: hidden;
        opacity: 0;
    }

    20% {
        visibility: hidden;
        opacity: 0;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

/* SalesOptionList
-------------------------------------------------- */
button.generate-btn {

    height : 34px;
    text-align : center;
}

input[type=number].number-minnights {
    width: 50px;
    text-align: end;
}
input[type=number].number-minnights::-webkit-inner-spin-button,
input[type=number].number-minnights::-webkit-outer-spin-button {
    opacity: 1;
}



/* Option Management
-------------------------------------------------- */

table.option-management tr td:nth-of-type(6) {
    background-color: rgba(25, 135, 84, 0.1);
}

table.option-management tr td:nth-of-type(2) {
    border-left: 1px solid #000;
}

table.option-management tr:nth-of-type(1) td:nth-of-type(2) {
    border-left: 2px solid #000;
}

table.option-list thead tr:nth-of-type(2) th:not(:first-child) {
    width: 7.5%;
}

table.option-list thead tr:nth-of-type(1) th:nth-of-type(4) {
    color: #DC3545;
}

table.option-list thead tr:nth-of-type(1) th:nth-of-type(5) {
    color: #FD7E14;
}

table.option-generate thead tr:nth-of-type(2) th:not(:first-child) {
    width: 7.5%;
}

table.option-generate thead tr:nth-of-type(1) th:nth-of-type(3) {
    color: #DC3545;
}

table.option-generate thead tr:nth-of-type(1) th:nth-of-type(4) {
    color: #FD7E14;
}

/* Option List
-------------------------------------------------- */
table.option-list tr._date:hover {
    background-color: #E7F1FF;
}

/* Option Generate Custom option CSS
-------------------------------------------------- */

.option-select {
    position: relative;
}

.option-select .selected-option {
    height: 33px;
    padding: 5px 0;
}

.option-select .selected-option span img.arrow-down {
    transform: rotate(0);
}

.option-select.active .selected-option span img.arrow-down {
    transform: rotate(180deg);
}

.option-select ul.option-list {
    position: absolute;
    top: 40px;
    left: -8px;
    width: 265px;
    overflow: hidden;
    max-height: 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border-radius: 5px;
    z-index: 100;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.option-select ul.option-list.sub {
    top: 593px;
    left: 258px;
    width: 265px;
    z-index: 99;
    opacity: 0;
    transform-origin: left;
    transform: translateX(-100%);
    transition: 0.3s;
}

.option-select ul.option-list.sub.active {
    opacity: 1;
    transform: translateX(0);
}

.option-select ul.option-list li.option-header {
    background-color: #F0F0EE;
}

.option-select ul.option-list li {
    list-style: none;
    padding: 10px;
    border-bottom: 1px solid #dee2e6;
}

.option-select.active ul.option-list {
    max-height: none;
}

.option-select.active ul.option-list li.option-value:hover {
    color: #fff;
    background-color: #1b6ec2;
}

.option-generate input[type="number"]::-webkit-outer-spin-button,
.option-generate input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}



/* Table CSS - Fixed Header/footer and Scrollable Body
    - table을 감싼 엘리먼트에 tableFixHead 클래스 추가
-------------------------------------------------- */
.tableFixHead {
    position: relative;
    overflow-y: auto;
    height: 71.3vh;
    /*border-bottom: 1px solid #dee2e6;*/
}
.tableFixHead._small {
    height: 45vh;
}

.tableFixHead table {
    margin-bottom: 0;
}

.tableFixHead thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.tableFixHead tfoot {
    position: sticky;
    background: #fff;
    bottom: 0;
}

.tableFixHead tfoot td:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #000;
}

.tableFixHead tfoot td:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #dee2e6;
}

.tableFixHead thead:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #dee2e6;
}

.tableFixHead.thead-tr-1 thead:before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    right: 0;
    height: 38px;
    background-color: #dee2e6;
}

.tableFixHead.thead-tr-2 thead:before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    right: 0;
    height: 75px;
    background-color: #dee2e6;
}

.tableFixHead thead:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #000;
}

.tableFixHead thead th {
    position: relative;
}

.tableFixHead thead th.border-left-dark:before {
    content: '';
    position: absolute;
    width: 1px;
    top: 0;
    left: -1px;
    bottom: 0;
    background-color: #000;
}

.tableFixHead thead tr:nth-of-type(2) th.border-left-dark:before {
    content: '';
    position: absolute;
    width: 1px;
    top: 0;
    left: -1px;
    height: 100%;
    background-color: #000;
}

.tableFixHead table {
    border-collapse: collapse;
    width: 100%;
}

.tableFixHead table thead th {
    background: #fff;
}

.tableFixHead.th-bg-gray table thead th {
    background: #f0f1f2;
}

.tableFixHead.th-bg-primary table thead th {
    background-color: rgba(13,110,253,0.1);
}

.tableFixHead::-webkit-scrollbar {
    width: 10px;
}

.tableFixHead::-webkit-scrollbar-thumb {
    height: 17%;
    background-color: rgba(0,0,0,0.2);
    border-radius: 5px;
}

.tableFixHead::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.06);
}

.bg-success-25 {
    background-color: #c5e1d4 !important;
}

.bg-success-10 {
    background-color: #e8f3ee !important;
}

/* Index - Dashboard
-------------------------------------------------- */

.index-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    background: #F8F9FA;
}

.dashboard {
    position: relative;
}

.dashboard .col:nth-of-type(1),
.dashboard .col:nth-of-type(2) {
    width: 28%;
}

.dashboard .col:nth-of-type(3) {
    width: 44%;
    transition: 0.5s;
}

.dashboard .col:nth-of-type(3) .card {
    background: #edf3fc;
}

.dashboard .col:nth-of-type(3) {
    position: absolute;
    right: 0;
    top: 0;
}

.dashboard .col:nth-of-type(3) .card-body {
    overflow: hidden;
}

.dashboard .col:nth-of-type(3):hover {
    width: 100%;
    z-index: 2;
}

.dashboard .weather img.w-icon {
    width: 70px;
}

.dashboard .weather .weather-today > div:nth-of-type(1){
    max-width: 180px;
}

.dashboard .weather .card-body > div:nth-of-type(1) {
    height: 26px;
    transform-origin: top;
    transform: scaleY(1);
    transition: 0.5s;
}

.dashboard .weather:hover .card-body > div:nth-of-type(1) {
    height: 0;
    transform: scaleY(0);
}

.dashboard .weather .weather-today {
    width: 100%;
    opacity: 1;
    height: 150px;
    padding: 15px 0 30px;
    transition: 0.5s;
}

.dashboard .weather .weather-week {
    width: 0;
    height: 180px;
    opacity: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: 0.5s;
}

.dashboard .weather:hover .weather-today {
    width: 0;
    opacity: 0;
}

.dashboard .weather:hover .weather-week {
    width: 100%;
    opacity: 1;
    transform: scaleX(1);
}

.dashboard .weather .weather-week ul {
    width: 100%;
}

.dashboard .weather .weather-week ul li > span:not(:last-child) {
    font-size: 16px;
}

.dashboard .weather .weather-week ul li > span:first-child {
    font-weight: 600;
}

.dashboard .weather .weather-week ul li > span:last-child {
    font-size: 12px;
}

.dashboard .weather .weather-week ul li > span.today {
    font-weight: 700;
    color: #0D6EFD;
}

.dashboard .card h5 {
    font-size: 16px;
}

.dashboard .card a {
    font-size: 13px;
    text-decoration: none;
    text-align: end;
}

.dashboard .col .card {
    box-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    border: none;
    border-radius: 6px;
    height: 192px;
}

.dashboard .col-8 .card,
.dashboard .col-4 .card {
    box-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    border: none;
    border-radius: 6px;
    height: 545px;
}

.dashboard .col-12 .card {
    box-shadow: 0px 4px 10px rgb(0 0 0 / 15%);
    border: none;
    border-radius: 6px;
    height: 460px;
    overflow: hidden;
}

.dashboard .card .card-body .card-detail div:nth-of-type(1) span:nth-of-type(1) {
    font-weight: 600;
    font-size: 28px;
}

.dashboard .card .card-body .card-detail div:nth-of-type(1) span:nth-of-type(2) {
    width: 58px;
    height: 26px;
    background: #E5EAEE;
    border-radius: 5px;
    font-size: 13px;
    color: #80808F;
}

.dashboard .card .card-body .card-detail div:nth-of-type(2) {
    font-size: 13px;
    color: #ADB5BD;
}

.dashboard .today-teams .card-body > div:nth-of-type(2) {
    height: 120px;
    background: rgba(182, 208, 247, 0.15);
    border-radius: 4px;
    padding: 18px 0;
}

.dashboard .today-teams .card-body > div:nth-of-type(2) div {
    font-weight: 500;
    font-size: 28px;
    color: #ADB5BD;
}

/*.dashboard .today-teams .card-body > div:nth-of-type(2) div span {
    font-weight: 500;
    font-size: 28px;
    color: #ADB5BD;
}*/

.dashboard .today-teams .card-body > div:nth-of-type(2) p {
    font-weight: 400;
    font-size: 12px;
    margin: 7px 0 0;
    color: #212529;
}

.dashboard .today-teams .card-body > div:nth-of-type(2) div span:nth-of-type(1) {
    color: #198754;
}

.dashboard .today-teams .card-body > div:nth-of-type(2) > div:nth-of-type(1) {
    position: relative;
}

.dashboard .today-teams .card-body > div:nth-of-type(2) > div:nth-of-type(1):after {
    content: '';
    position: absolute;
    width: 1px;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #21252925;
}

.bottom-info {
    border-top: 1px solid rgba(33, 37, 41, 0.25);
}

.dashboard .statistics .card-title + div span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #0D6EFD;
    border-radius: 4px;
}

/* chart css*/
.chart {
    padding-right: 10px;
}

/**/
.modal-backdrop:nth-of-type(3) {
    z-index: 1050;
}

/* Spinner css
-------------------------------------------------- */
.spinner-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.3);
    z-index: 1055;
}