/* 사용자 맞춤 스타일 추가 */
/* 1. 비활성 날짜: 매우 흐리게 */
.datetimepicker table tr td.disabled, 
.datetimepicker table tr td span.disabled {
    color: #ececec !important;
}
/* 2. 활성 날짜: 글자 두께 및 배경 강조 */
.datetimepicker table tr td.active, 
.datetimepicker table tr td span.active {
    background-color: #003399 !important; /* 더 짙은 네이비 계열 */
    font-weight: bold !important;
    color: #ffffff !important;
}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
input[type="checkbox"] { width:25px; height:25px;border: 1px solid #d8d8d8; border-radius: 5px; }
input[type="radio"] { width: 20px; height: 20px; border: 1px solid #d8d8d8; }

.btn_xs { display: inline-block; min-width:30px; height:30px; padding: 0 5px; font-size:12px; font-weight:400; color: #fff; border-radius: 5px; opacity: 0.9; line-height: 30px; text-align: center; }
.btn_xs i{ font-size:16px; font-weight:500;  }
.btn_xs:hover { opacity: 1;  color: #fff;}
.tag2 {display:inline-block; padding:2px 8px; margin-right:14px; border:1px solid #db3832; color:#db3832; font-size:12px; vertical-align:middle;}
h3 {font-size:14px;color:#333;}
/* Checkbox style */
.container_check {
  display: block;
  position: relative;
  padding-top: 5px;
  font-size:20px;
  font-size: 1.25rem;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 10px;font-weight:500;
}
.container_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.container_check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border:1px solid #666;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.container_check:hover input ~ .checkmark {
    background-color: #ddd;
 
}

.container_check input:checked ~ .checkmark {
  background-color: #ddd;
  
}

.container_check .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 10px;
  top: 6px;
  width: 5px;
  height: 10px;
  border:2px solid #d84a38;/*체크마크 색*/
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.container_check input:checked ~ .checkmark:after {
  display: block;
}