/*
 共通設定
*/
body {
	color: #3a3b45;
}
/* ローディング */
#loading {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #000;
	z-index: 9999990;
	opacity: 0.6;
}
/* 右下スクロール用 */
.scroll-to-top {
	transition: 0.5s;
}
.scroll-to-top:hover {
	transform: scale(1.2);
}
/* 中央揃え */
.align-item-center {
	align-items: center;
}
.content-center {
	justify-content: center;
}

/*
 ヘッダー調整
*/
.topbar { height: 3rem; }
.topbar .topbar-divider { height: 1.6rem; }
.topbar .nav-item .nav-link { height: 3rem; }
.nav-margin { margin-top:3rem; }
.headerUserIcon {
	float: right;
	height:50px;
	width: 35px;
	background-image: url("../../img/header_user.png");
	background-repeat: no-repeat;
	background-size:  25px;
	background-position: left center; 
}
.nav-header {
	float: left;
	text-align: right;
	width: 70px;
}
.nav-info {
	margin-right: 70px;
	background-color: transparent !important;
}
#logout {
	background-repeat: no-repeat;
	background-size:  20px;
	background-position: left center; 
	padding-left:30px !important;
	background-image: url("../../img/side_logout.png");
}

/*
 サイドメニュー調整
*/
.navbar-nav .no-radius {
	border-radius: 0 !important;
}
.sidebar .nav-item.active {
	background-color: #eff3f6;
}

/*
 コンテンツ調整
*/
#content-wrapper {
	font-size:0.875em;
}
/* Flash Box */
.flash-box {
	display: flex;
	grid-gap: 0 .7em;
	margin: 0 auto;
	padding: 1em;
}
.flash-box i.fa-exclamation-triangle {
	color: #f06060;
}
.flash-box i.fa-check {
	color: #86d67c;
}
.flash-box p {
	margin: 0;
	padding: 0 0 0 .7em;
	border-left: 1px solid #f06060;
}
/* 見出し */
.heading {
	padding: 0.4em 0.7em;
	border-left: 5px solid #2589d0;
	font-weight: 700;
}
/* プレースホルダー */
.form-control::placeholder {
	color: #c9c9c9;
}
/* パンくずリストリンク */
.breadcrumbLink {
	text-decoration: underline;
}
/* タブフォーカス */
.nav-link.form-control:focus {
	box-shadow: none;
}
/* 一覧用テーブル */
#dataTable_wrapper .bottom .dataTables_info {
	float: left;
	padding-top: 3px;
	margin-left: 40px;
}
#dataTable_wrapper .bottom .dataTables_length {
	float: left;
}
#dataTable {
	min-width:1000px;
}
#dataTable thead th {
	vertical-align:middle;
}
table.table tr, table.table tr:hover {
	color: #3a3b45;
}
table.table tr td {
	padding: 0.2em;
}
/* 編集用テーブル */
.editTable .column {
	border: 1px solid #CCC;
	border-top: none;
}
.editTable .column:first-child {
	border-top: 1px solid #CCC;
}
/* カードヘッダー用ボタン */
.card-header-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 600;
}
.card-collapse {
	transition:background-color 0.3s;
}
.card-collapse:hover {
	background-color: #eee;
}
/* 項目見出しラベル */
.control-label-grid {
	background-color:#EEE;
	padding:6px 0 6px 10px;
	font-weight: bold;
	margin-bottom:0;
	display: flex;
	flex-direction: column;
}
/* 項目内容ボックス */
.control-value-box-text {
	padding:15px 5px 15px 5px;
	border-left: 1px solid #CCC;
	min-height: 60px;
}
input[type="text"].form-control.is-invalid,
input[type="password"].form-control.is-invalid,
.custom-file-label.is-invalid,
textarea.form-control.is-invalid,
select.form-control.is-invalid {
	background-color:#fadbd8;
}
/* tooltip */
.tooltip.show {
	opacity: 1;
}
.tooltip-inner {
	min-width:300px;
}
.tooltip-inner img {
	width: 430px;
}
.tooltip-inner.change-width {
	min-width:450px;
}
/* toast-copy */
.position-toast-copy {
	z-index: 5;
	right: 0;
	bottom: 0;
}
.toast {
	box-shadow: 0 0 10px #a0a0a0;
}
/* datepicker */
.datepicker .datepicker-days table th.dow:first-child, .datepicker .datepicker-days table td:first-child {
	color: #ff0000;
}
.datepicker .datepicker-days table th.dow:last-child, .datepicker .datepicker-days table td:last-child {
	color: #0000ff;
}
/* タグ付きテキストボックス */
.bootstrap-tagsinput input {
	width: 100%;
}
.bootstrap-tagsinput .badge {
	font-size: 1em;
	font-weight: 400;
	margin-right: 5px;
	z-index:1;
}
/* 登録フォーム下部ボタン用 */
.bigbutton {
	box-shadow: 0 0 20px #a0a0a0;
	padding: 12px 30px;
	border-radius: 100px;
	transition: all 0.5s;
}
.bigbutton:hover {
	box-shadow: 0 0 30px #a0a0a0;
}
.bigbutton:active {
	transition: all 0.25s;
	box-shadow: none;
	transform: scale(0.98);
}
/* チェックボックス,ラジオボタンカスタマイズ */
.custom-control.custom-checkbox,
.custom-control.custom-radio {
	padding-left: 0;
	margin-bottom: .4em;
	margin-right: 0;
}
/* カラー入力カスタマイズ */
input[type="color"] {
	width: 100px;
	border: 1px solid #d1d3e2;
	padding: 2px 5px;
	cursor: pointer;
}
input[type="color"]:hover {
	background-color: #f0f0f0;
}
.input_color_label {
	height: 27px;
	margin-top: 8px;
	font-size: 1rem;
}
.custom-control-label {
	padding: .5em 0 .5em 2em;
	border: 1px solid #d1d3e2;
	border-radius: 3px;
	cursor: pointer;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label,
.custom-radio .custom-control-input:checked~.custom-control-label {
	background-color: #2589d026;
	border: 1px solid #2589d0;
}
.custom-checkbox .custom-control-label::before {
	border-radius: .2rem;
}
.custom-control-label::before,
.custom-control-label::after {
	top: .7em;
	left: .4em;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label.is-invalid,
.custom-radio .custom-control-input:checked~.custom-control-label.is-invalid {
	border-color: #e74a3b;
	padding-right: calc(1.5em + .75rem);
	background-color:#fadbd8;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e74a3b' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e74a3b' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}