@import url("/lib/jquery-ui-1.12.1/jquery-ui.min-a64d862c79053ba01e6aeb9491b68a4e.css");
@import url("/lib/bootstrap-5.0.2-dist/css/bootstrap.min-abe91756d18b7cd60871a2f47c1e8192.css");
@import url("/lib/fontawesome-free-6.1.1-web/css/all.min-6386fb409d4a2abc96eee7be8f6d4cc4.css");

body nav {
	font-size: 13px;
}

.dropup .multiselect-container{
  transform: matrix(1, 0, 0, 1, 0, -30) !important;
}

.multiselect-container{
  max-width: 260px;
}
.multiselect-reset button{
  width: 100%;
}

.multiselect-option .form-check .form-check-label {
  white-space: break-spaces;
}

/* チェックボックス */
input[type=checkbox] {
  display: none;
}

.checkbox {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px 30px;
  position: relative;
  width: auto;
}

.checkbox::before {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  content: '';
  display: block;
  height: 13px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 13px;
}

.checkbox::after {
  border-right: 6px solid #000000;
  border-bottom: 3px solid #000000;
  content: '';
  display: block;
  height: 15px;
  left: 7px;
  margin-top: -13px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg) translate3d(0, 2px, 0) scale3d(.7, .7, 1);
  transition: transform .2s ease-in-out, opacity .2s ease-in-out;
  width: 10px;
}

input[type=checkbox]:checked+.checkbox::before {
  border-color: #666;
}

input[type=checkbox]:checked+.checkbox::after {
  opacity: 1;
  transform: rotate(45deg) scale3d(1, 1, 1);
}

/*ラジオボタン*/
.radio-label {
  display: block;
}

input[type="radio"] {
  display: none;
}

.radio-text:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  padding: 2px;
  background-clip: content-box;
}

input[type="radio"]:not(:checked) + .radio-text:before {
  border-color: #72767b;
}

input[type="radio"]:checked + .radio-text:before {
  border-color: #000000;
  background-color: #000000;
}

/*テキストエリア*/
textarea {
	resize: none;
}
/*ボタン(黒)*/
.simple_square_btn5 {
  display: block;
  position: relative;
  min-width: 60px;
  padding: 0.4em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #000000;
}

.simple_square_btn5:hover {
  opacity: 0.8;
  cursor: pointer;
  text-decoration: none;
}

/*ボタン*/
.btn-border {
  display: inline-block;
  max-width: 180px;
  text-align: left;
  border: 2px solid #808080;
  font-size: 16px;
  color: #808080;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
}

.btn-border:hover {
  background-color: #000000;
  border-color: #808080;
  color: #FFF;
}

/*カレンダー*/
img.ui-datepicker-trigger {
  position: relative;
  width: 16px;
  top: 3px;
}

.dateSetting {
	padding-left: 30px;
}

td.ui-datepicker-week-end:first-child a.ui-state-default {
  background-color: #ffecec;
  color: #f00!important;
}

th.ui-datepicker-week-end:first-child span {
	color: #f00!important;
}

td.ui-datepicker-week-end:last-child a.ui-state-default {
  background-color: #eaeaff;
  color: #00f!important;
}

th.ui-datepicker-week-end:last-child span {
	color: #00f!important;
}

td.ui-datepicker-week-end a.ui-state-hover {
  opacity: 0.8;
}

td.ui-datepicker-week-end a.ui-state-highlight {
  background-color: #fffa90!important;
}

/* カレンダー(時間選択) */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7n + 1),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n + 1) {
  color: #ff3030;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n) {
  color: #8080ff;
}

/* スピナー */
#loading {
	background: rgba(0, 0, 0, .5);
	z-index: 10000;
}