p{
    margin: 0;
}

#admin_page {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

.calendar-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 13px;
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
}
.calendar-wrapper p.this-day {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.calendar-wrapper .btn-wrapper {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.calendar-wrapper .btn-wrapper a {
    color: #585858;
    font-size: 17px;
}
.calendar-wrapper .calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}
.calendar-wrapper .calendar .item {
    display: flex;
    display: -webkit-flex;
    height: 38px;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    border-radius: 100%;
    font-weight: bold;
    transition: all .15s linear;
    -webkit-transition: all .15s linear;
    position: relative;
    z-index: 1;
}
.calendar-wrapper .calendar .item.today, .calendar-wrapper .calendar .item:hover, .calendar-wrapper .calendar .item.active {
    cursor: pointer;
    color: #fff;
}
.calendar-wrapper .calendar .item.today:before {
    background-color: #3f51b5;
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    z-index: -1;
    transform: translate(-50%, -50%);
}
.calendar-wrapper .calendar .item:hover:before, .calendar-wrapper .calendar .item.active:before {
    background-color: #ff9800;
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    z-index: -1;
    transform: translate(-50%, -50%);
}
.calendar-wrapper .calendar .item.txt {
    color: #727272;
    pointer-events: none;
}

.calendar-wrapper .calendar .item.blank{
    pointer-events: none;
}

.calendar-wrapper .calendar .item.sunday {
    color: #f44336bd;
}
.calendar-wrapper .calendar .item.saturday {
    color: #3f51b5cf;
}
.calendar-wrapper .calendar .item:hover:not(.item.txt), .calendar-wrapper .calendar .item.active:not(.item.txt) {
    cursor: pointer;
}

.calendar-wrapper .calendar .item a {
    color: #333;
}

form#product_setting_form .form-wrap {
    display: flex;
    column-gap: 10px;
    flex-wrap: wrap;
}

form#product_setting_form .form-wrap .category-list {
    min-width: 100px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0;
}

form#product_setting_form .form-wrap .category-list .category-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 15px;
    background-color: #f3f3f3;
    padding: 10px;
}

form#product_setting_form select {
    padding: 5px;
}

form#product_setting_form .product-wrap{
    padding: 10px;
}

form#product_setting_form .product-wrap ul li {
    display: flex;
    /* align-items: center; */
    margin-bottom: 10px;
    justify-content: space-between;
    column-gap: 15px;
    flex-direction: column;
    row-gap: 10px;
}

form#product_setting_form .submit-wrap {
    display: flex;
    justify-content: center;
    margin: 40px 0 0;
}

form#product_setting_form .settings-wrap {
    display: flex;
    column-gap: 10px;
    margin: 20px 0;
}

form#product_setting_form .settings-wrap .it {
    font-weight: 600;
}

form#product_setting_form #location_input_container button {
    background-color: transparent;
    color: #333;
    padding: 5px 4px;
}

form#product_setting_form .settings-wrap .input-wrap {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
}

#admin_page .result-wrap.empty {
    text-align: center;
    padding: 30px 0;
}

#admin_page .result-wrap.empty h4 {
    font-weight: 600;
    font-size: 24px;
}

form#product_setting_form #location_input_container .input-wrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
    padding: 0;
    border: 0;
}

#location_input_container .input-wrap input {
    max-width: calc(19% + 3px);
    min-width: 226px;
}

form#product_setting_form .settings-wrap .input-wrap .input {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}