@charset "utf-8";
/*
Theme Name: NARTS
Theme URI: 
Author: NARTS
Author URI: https://www.narts.jp
Description: Bootstrap5テーマ
Version: 1.0.0
*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.form-control::placeholder {
	color: #cccccc;
	opacity: 1;
}

.form-control::-moz-placeholder{        /* Firefox 19+ */
	color: #cccccc;
	opacity: 1;
}

.form-control::-webkit-input-placeholder, /* Chrome, Edge, Safari */
.form-control:-ms-input-placeholder,    /* IE 10+ */
.form-control:-moz-placeholder {        /* Firefox 18- */
	color: #cccccc;
	opacity: 1;
}

.w-10 {
	width: 10% !important;
}

.w-15 {
	width: 10% !important;
}

.w-20 {
	width: 20% !important;
}

.h-90 {
	height: 90% !important;
}

#sales-view dd {
	min-height: 1.5em;
}

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

.check-label input[type="checkbox"] + span::before {
	display: inline-block;
}

.check-label input[type="checkbox"] + span::before {
	content: "\f0c8"; /* fa-square */
}

.check-label input[type="checkbox"]:checked + span::before {
	content: "\f14a"; /* fa-check-square */
}

#ui-datepicker-div {
	z-index: 1060 !important;
}

#sidebar h5 {
	font-size: 1.04rem; !important;
}

table.dataTable.table-bordered th,table.dataTable.table-bordered td {
    border-top-width: thin !important;
}

table.dataTable.table-bordered tr:last-child td {
    border-bottom-width: thin !important;
}

@media (max-width: 575.98px) {
	.fc .fc-toolbar {
		display: block !important;
		text-align: center !important;
	}

	.fc-toolbar-title {
		padding: 10px;
	}

	.table-form table {
		width: 100%!important;
	}

	.table-form th,
	.table-form td {
		display: block!important;
		width: 100%!important;
	}

}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-width: 300px;!important
}

div.dt-container div.dt-paging ul.pagination {
	justify-content: flex-end;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.dt-info {
	margin-bottom: 1em;
	text-align : right;
}

span.select-item {
	font-weight: bold;
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}