@charset "utf-8";

/* ych__datepicker */
.ui-datepicker {
    width: calc(30rem - 0em);
    min-width:27rem;
}
.ui-datepicker-title select { background-image:none !important;padding-right: 20px !important; }
.ui-datepicker-inline { width: 100%; }
.ui-datepicker th { font-weight:normal; }
.ui-datepicker .ui-datepicker-title select { font-size: 14px; }
.ui-datepicker table { padding:10px; }
.ui-widget { font-size: 12px;font-weight: 500;font-family: unset; }
.ui-corner-all { border-radius: unset; }
.ui-widget-content { border: 1px solid #CCCCCC;padding: unset; }
.ui-widget-header { color: #FFFFFF;font-size: 16px;border: unset;background: unset;background-color: #1D4FA2;font-weight: unset;height: 40px;display: flex;align-items: center; }
.ui-datepicker th { padding:10px; }
.ui-datepicker td { line-height:28px; }
.ui-datepicker .ui-datepicker-header { padding: unset; }
.ui-datepicker .ui-datepicker-title { margin: 0px 6px; }
.ui-datepicker-title { display: flex;gap: 12px; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 90px; min-width: 80px; background-color: transparent;border: unset;color: #FFFFFF;-webkit-appearance: none;  background-image: url(/ych-hpc/image/ico_date_sel.svg) !important; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-month { width: 85px;background-color: transparent;border: unset;color: #FFFFFF;-webkit-appearance: none;  background-image: url(/ych-hpc/image/ico_date_sel.svg) !important; }

.ui-datepicker-month { width: 60px; }

.ui-datepicker-year option,
.ui-datepicker-month option { color: #111111; }

.ui-datepicker-calendar { color: #333333;font-size: 12px;font-weight: 500; }

.ui-datepicker-calendar th:first-child,
.ui-datepicker-calendar td:first-child { color: #F47D7D; }

.ui-datepicker-calendar th:last-child,
.ui-datepicker-calendar td:last-child { color: #3B82F6; }

.ui-datepicker-calendar .ui-state-default { border: unset;background: unset;color: unset;text-align: center; }

.ui-datepicker-calendar th,
.ui-datepicker-calendar td { height: 35px; }

.ui-datepicker-calendar th *,
.ui-datepicker-calendar td * { display: flex;justify-content: center;align-items: center;height: 100%;font-size:14px; }

.ui-datepicker-calendar a.ui-state-default { background-color: #EBF7FF;font-weight: 500; }

.ui-datepicker-calendar a.ui-state-default.ui-state-active { border: unset;background: unset;color: unset;text-align: center;box-shadow: 0 0 0 2px #E1C7AE inset;background-color: unset; }

.ui-datepicker-calendar .ui-state-disabled { border: unset;background: unset;color: #555555;text-align: center;opacity: unset; }

.ui-datepicker .ui-datepicker-prev { left: unset;right: 30px;top: 4px;cursor: pointer; }

.ui-datepicker .ui-datepicker-prev .ui-icon {
  background-position: unset;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.24455 11.0916L11.6684 15.4379C11.9789 15.7484 12.4446 15.7484 12.755 15.4379C13.0655 15.1275 13.0655 14.6618 12.755 14.3513L8.95202 10.4708L12.755 6.59015C13.0655 6.27971 13.0655 5.81404 12.755 5.50359C12.5998 5.34836 12.4446 5.27075 12.2117 5.27075C11.9789 5.27075 11.8237 5.34836 11.6684 5.50359L7.24455 9.84986C6.93411 10.2379 6.93411 10.7036 7.24455 11.0916C7.24455 11.014 7.24455 11.014 7.24455 11.0916Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 16px;
}

.ui-datepicker .ui-datepicker-prev-hover { border: unset;background: unset;right: 30px; }

.ui-datepicker .ui-datepicker-next {  top: 4px;cursor: pointer; }

.ui-datepicker .ui-datepicker-next .ui-icon {
  background-position: unset;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7421 9.89721L8.33801 5.50091C8.26568 5.42798 8.17962 5.3701 8.0848 5.33059C7.98998 5.29109 7.88828 5.27075 7.78556 5.27075C7.68284 5.27075 7.58114 5.29109 7.48632 5.33059C7.3915 5.3701 7.30544 5.42798 7.2331 5.50091C7.08818 5.6467 7.00684 5.84391 7.00684 6.04948C7.00684 6.25504 7.08818 6.45226 7.2331 6.59804L11.0847 10.4886L7.2331 14.3402C7.08818 14.486 7.00684 14.6832 7.00684 14.8888C7.00684 15.0943 7.08818 15.2915 7.2331 15.4373C7.30517 15.5108 7.3911 15.5693 7.48594 15.6094C7.58077 15.6495 7.68261 15.6703 7.78556 15.6708C7.88851 15.6703 7.99035 15.6495 8.08518 15.6094C8.18001 15.5693 8.26595 15.5108 8.33801 15.4373L12.7421 11.041C12.8211 10.9682 12.8841 10.8797 12.9272 10.7813C12.9703 10.6829 12.9926 10.5766 12.9926 10.4691C12.9926 10.3617 12.9703 10.2554 12.9272 10.1569C12.8841 10.0585 12.8211 9.97007 12.7421 9.89721Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 16px;
}

.ui-datepicker .ui-datepicker-next-hover { border: unset;background: unset;right: 2px; }


@media(max-width:768px){
  .ui-datepicker{
    min-width: 31rem;
    left:50% !important;
    transform: translateX(-50%);
  }
  .cnt_tbl th, .cnt_tbl td, .cnt_view .thtxt, .cnt_view .tdtxt, .cnt_tbl select, .cnt_tbl .sel, .cnt_tbl input[type='text'], .optionList, .cnt_tbl *, .r_box{
    font-size:15px !important;
  }
  .cnt_box_3 .info_box{
    font-size: 15px;
  }

  
}

@media(max-width:428px){
  input[type="text"], input[type="tel"], input[type="password"], input[type="number"], input[type="submit"], input.submit, select{
    height: auto !important;
  }
  .ui-datepicker{
    /*-webkit-transform: translate(-50%, 50%);*/
    width:calc(33rem - 0em) !important;
  }
}

@media(max-width:380px){
  .ui-datepicker{
    /*-webkit-transform: translate(-50%, -20%);*/
    width:calc(31rem - 0em) !important
  }
 
}