/*
 * 共通CSS
 */

/* 色 */
:root {
	--tblr-primary: #f5ac26;
	--tblr-primary-rgb: 245, 172, 38;
	--tblr-primary-darken: #eda623;
	--tblr-body-bg: #fffbf7;
	--tblr-active-bg: #fffaf4;
}
.pagination {
	--tblr-pagination-focus-bg: #fffaf4;
	--tblr-pagination-focus-box-shadow: 0 0 0 0.25rem rgb(245 172 38 / 25%);
}
.input-group-flat:focus-within .form-control, .input-group-flat:focus-within .input-group-text {
	border-color: #ffce9f!important;
}
.border-top-wide {
	border-top: 2px var(--tblr-border-style) #f5ac26!important;
}
.form-check-input:focus,
.form-select:focus,
.form-control:focus,
.was-validated .form-check-input:focus,
.was-validated .form-select:valid:focus,
.was-validated .form-select:valid:focus:not([multiple]):not([size]),
.was-validated .form-control:valid:focus,
.select2-container--bootstrap-5 .select2-dropdown,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus,
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
	border-color: #ffd888;
}
.tagify {
	--tags-focus-border-color: #ffd888;
}
.form-check-input:focus,
.form-select:focus,
.form-control:focus,
.was-validated .form-check-input:valid:focus,
.was-validated .form-select:valid:focus,
.was-validated .form-control:valid:focus,
.form-colorinput-input:focus~.form-colorinput-color,
.form-selectgroup-input:focus+.form-selectgroup-label,
.input-group-flat:focus-within,
.modal-header .btn-close:focus,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus,
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection,
.tagify.tagify--focus {
	box-shadow: 0 0 0 0.25rem rgb(245 172 38 / 25%);
}
.was-validated .form-select:valid,
.was-validated .form-control:valid {
	border-color: var(--tblr-border-color);
	background-image: initial;
	padding-right: 0.75rem;
}
.was-validated .form-select:valid:not([multiple]):not([size]) {
	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='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	padding-right: 2.25rem;
}
.was-validated .form-check-input:valid,
.was-validated .form-select:valid:not([multiple]):not([size]) {
	border-color: var(--tblr-border-color);
}
.was-validated .form-check-input:valid:checked {
	background-color: var(--tblr-primary);
}
.was-validated .form-check-input:valid~.form-check-label {
	color: var(--tblr-modal-color);
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
	background-color: #e4e4e4;
}

/* 画面サイズ */
@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1600px;
	}
}

/* SweetAlert */
.sweet-alert .confirm:disabled {
	opacity: 0.5;
	pointer-events: none;
}

/* DatePicker */
.datepicker_wrap {
	width: 170px;
}
.datepicker {
	cursor: default;
}

/* sumoselect */
.sumo_select .placeholder:not(.btn):not([class*=bg-]) {
	background-color: initial!important;
	color: inherit;
	opacity: initial;
}
.SumoSelect {
	width: 100%;
}
.SumoSelect .CaptionCont {
	cursor: initial;
	border: 1px solid var(--tblr-border-color);
	border-radius: var(--tblr-border-radius);
	padding: 7px 8px 7px 12px;
	box-shadow: initial;
}
.SumoSelect:hover>.CaptionCont {
	border-color: var(--tblr-border-color);
	box-shadow: initial;
}
.SumoSelect.open>.CaptionCont,
.SumoSelect:focus>.CaptionCont,
.SumoSelect:focus:hover>.CaptionCont,
.SumoSelect.open:hover>.CaptionCont {
	box-shadow: 0 0 0 0.25rem rgb(245 172 38 / 25%);
	border-color: #ffd888;
}
.SumoSelect .select-all.partial>span i,
.SumoSelect .select-all.selected>span i,
.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {
	background-color: var(--tblr-primary);
}
.CaptionCont.sumo_select label {
	display: none;
}

/* tagify */
tags.tagify {
	display: flex;
	align-items: center;
}
.tagify__tag:focus div::before,
.tagify__tag:hover:not([readonly]) div::before {
	--tag-bg-inset: 0px;
}

/* ヘッダー */
header.navbar .navbar-nav {
	align-items: center;
	gap: 14px;
}
.user_icon .icon {
	width: 2.2rem;
	height: 2.2rem;
}
.navbar-collapse .nav-link-icon {
	margin-bottom: 2px;
}

/* モーダル */
.col-form-label {
	font-weight: var(--tblr-font-weight-bold);
}

/* テーブル */
.table td {
	vertical-align: middle;
}

/* ユーザーパスワード変更モーダル */
.modal-title_password {
	font-size: 1rem;
	font-weight: var(--tblr-font-weight-medium);
	line-height: 1.4285714286;
	margin-bottom: 0;
}