/*** Bootstrap カスタマイズ ***/
.container-fluid {
	margin-right: 0 !important;
	margin-left:  0 !important;
}
.table thead th { background-image: url("/img/back-th.png"); }
.th-backimg { background-image: url("/img/back-th.png"); }
.table-hover > tbody > tr:hover,
.dropdown-item:hover, .dropdown-item:focus	{
	color: #ffffff !important;
	background-color: #29c896 !important;
}
.page-item.active .page-link {
	font-weight: 600;
	background-color: #29c896 !important;
	border-color: #d8ef5a !important;
}
.alert ul { margin: 0; }
.is-invalid ~ .invalid-tooltip { display: none !important; }
.was-validated .form-control:invalid, .form-control.is-invalid {
	padding-right: calc(0.75rem);
	background-image: none !important; 
}
.breadcrumb {
	background-image: url("/img/back-breadcrumb.png");
	border: 1px solid #d8ef5a;
}
.breadcrumb-item {
	font-size: 1.2rem !important;
}

.breadcrumb-item::before {
	color: #00CC66 !important;
	font-size: 2rem !important;
	font-weight: 800;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.075);
	margin-top: -15px !important;
	margin-bottom: -10px !important;
	padding-left: 0.5rem !important;
	padding-bottom: 0 !important;
}

.breadcrumb-item.active {
	font-weight: 600;
	color: #000000 !important;
}
.breadcrumb-item a {
	font-weight: 600;
}
table.table-white {
	background-color: #FFFFFF !important;
	border: 1px solid #adb5bd !important;
}
label.control-label {
	font-weight: 600;
}
.btn-light {
	background-color: #ffffff;
}

.bg_thema {
	color: #FFFFFF;
	background-color: #d8ef5a !important;
	background-image: none !important; 
}

.modal button.close:hover {
	background-color: #19692c !important;
}
.carousel-control-prev,
.carousel-control-next {
	width:40px !important; 
}
.btn-outline-secondary {
 	background-color: #ffffff !important;
}
.btn-outline-secondary:hover {
	color: #ffffff !important;
 	background-color: #6c757d !important;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
	color: #ffffff !important;
 	background-color: #6c757d !important;
}
.btn-outline-success {
 	background-color: #ffffff !important;
}
.btn-outline-success:hover {
 	background-color: #218838 !important;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
	color: #ffffff !important;
 	background-color: #218838 !important;
}
@media (max-width:567px) {
	.carousel-caption { left: 25% !important; }
}
.page-link:focus,
.form-control:focus,
.form-control-file:hover,
.form-control-file:focus,
.form-control-file button:hover,
.form-control-file button:focus,
.custom-control-input:focus ~ .custom-control-label::before {
	border-color: #218838 !important;
	box-shadow: 0 0 0 0.1rem rgba(40, 167, 69, 0.5) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
	border-color: #218838 !important;
	background-color: #218838 !important;
}
.close {
	color: #ffffff !important;
	opacity: 0.65 !important;
}
.close:hover {
	color: #ffffff !important;
	opacity: 1 !important;
}

/*** システムスタイル ***/
html {
	height: 100%;
}
body {
	height: 100%;
	overflow-y: scroll;
	background-image: url("/img/back.png")
}
main {
	margin-top: 20px;
}

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

.btn_top_space {
	margin-top: 60px;
}
.footer_space {
	margin-top: 60px;
}

.title1 { padding: 25px; }

@media (max-width: 768px) {
	#map {
		top: 70px !important;
	}
}
@media (min-width: 769px) {
	.title1 {
		width: 35%;
		height: 100%;
	}
	.title2 {
		height: 100%;
		width: 65%;
		background-image: url("/img/big-led-lamp-panel.gif");
		background-size: 100%;
		background-repeat: no-repeat;
		background-color: #000000;
		filter: blur(2px);
	}
}
@media (min-width: 1200px) {
	.row-xl {
		max-width: 1140px !important;
	}
}

#main_menu {
	color: #000000;
	padding: 5px 10px; 5px 10px;
}
#main_menu:hover,
#main_menu:focus {
	color: #adb5bd;
}

.badge-require {
	color: #dc3545;
	font-weight: 600;
	background-color: #ffffff;
	border: 1px solid #dc3545;
	margin-left: 5px;
}

.card-backimg {
	color: #FFFFFF !important;
	font-weight: 600 !important;
	font-size: 1.2rem;
	background-image: url("/img/back-card.png") !important;
}

.carousel-space {
	padding: 20px 40px 80px 40px !important;
}

.btn-outline-secondary .oi {
	color: #00CC66;
}
.btn-outline-secondary:hover .oi {
 	color: #ffffff !important;
}
.btn-outline-secondary:focus .oi,
.btn-outline-secondary.focus .oi {
 	color: #ffffff !important;
}
.btn-outline-success:hover .text-dark {
	color: #ffffff !important;
}
.btn-outline-secondary:focus .text-dark,
.btn-outline-secondary.focus .text-dark {
 	color: #ffffff !important;
}
.btn-outline-success:hover .text-dark {
	color: #ffffff !important;
}
.btn-outline-success:focus .text-dark,
.btn-outline-success.focus .text-dark {
 	color: #ffffff !important;
}

.toastsBlock {
	z-index: 10000;
	position: fixed;
	top:  60px;
	left: 20px;
	min-width:  300px;
}

#toasts .toast-footer {
	padding: 5px;
}

.topic-item {
	padding: 10px 20px 10px 20px;
}
#page-top {
	z-index: 0;
	position: fixed;
	bottom: 20px;
	right:  20px;
}

.thum_block {
	max-height: 400px;
	overflow-y: auto;
}
.thum_block img {
	border: 1px solid #ced4da;
	margin-bottom: 5px;
}

.map_form {
	z-index: 500;
}

#map {
	position: absolute;
	left: 0px;
	top: 140px;
	height: 100%;
	width: 100%!important;
	z-index: 1;
}

.nallow1 { letter-spacing: -1px; }
.nallow2 { letter-spacing: -2px; }
.oi-txt  { margin-right: 5px; }

#data_list_table thead tr th,
#data_list_table tbody tr td {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/*** 微調整 ***/
.mgnT-5	{ margin-top:  -5px !important; }
.mgnT-10{ margin-top: -10px !important; }
.mgnT-20{ margin-top: -20px !important; }
.mgnT-50{ margin-top: -50px !important; }

.mgnB-5	{ margin-bottom:  -5px !important; }
.mgnB-10{ margin-bottom: -10px !important; }
.mgnB-20{ margin-bottom: -20px !important; }

.mgnL-5	{ margin-left:  -5px !important; }
.mgnL-10{ margin-left: -10px !important; }
.mgnL-20{ margin-left: -20px !important; }

.mgnL3	{ margin-left:  3px !important; }
.mgnL5	{ margin-left:  5px !important; }
.mgnL10	{ margin-left: 10px !important; }
.mgnL15	{ margin-left: 15px !important; }
.mgnL20	{ margin-left: 20px !important; }
.mgnL30	{ margin-left: 30px !important; }
.mgnL40	{ margin-left: 40px !important; }
.mgnL50	{ margin-left: 50px !important; }

.mgnR5	{ margin-right:  5px !important; }
.mgnR10	{ margin-right: 10px !important; }
.mgnR15	{ margin-right: 15px !important; }
.mgnR20	{ margin-right: 20px !important; }
.mgnR30	{ margin-right: 30px !important; }
.mgnR40	{ margin-right: 40px !important; }
.mgnR50	{ margin-right: 50px !important; }

.mgnT3	{ margin-top:  3px !important; }
.mgnT4	{ margin-top:  4px !important; }
.mgnT5	{ margin-top:  5px !important; }
.mgnT10	{ margin-top: 10px !important; }
.mgnT15	{ margin-top: 15px !important; }
.mgnT20	{ margin-top: 20px !important; }
.mgnT30	{ margin-top: 30px !important; }

.mgnB0	{ margin-bottom:  0px !important; }
.mgnB5	{ margin-bottom:  5px !important; }
.mgnB10	{ margin-bottom: 10px !important; }
.mgnB20	{ margin-bottom: 20px !important; }
.mgnB30	{ margin-bottom: 30px !important; }

.pdgL3	{ padding-left:  3px !important; }
.pdgL5	{ padding-left:  5px !important; }
.pdgL10 { padding-left: 10px !important; }
.pdgL15 { padding-left: 15px !important; }
.pdgL20 { padding-left: 20px !important; }

.pdgR3	{ padding-right:  3px !important; }
.pdgR5	{ padding-right:  5px !important; }
.pdgR10	{ padding-right: 10px !important; }
.pdgR15	{ padding-right: 15px !important; }
.pdgR20	{ padding-right: 20px !important; }

.pdgT3	{ padding-top:  3px !important; }
.pdgT5	{ padding-top:  5px !important; }
.pdgT10	{ padding-top: 10px !important; }
.pdgT15	{ padding-top: 15px !important; }
.pdgT20	{ padding-top: 20px !important; }

.pdgB3	{ padding-bottom:  3px !important; }
.pdgB5	{ padding-bottom:  5px !important; }
.pdgB10	{ padding-bottom: 10px !important; }
.pdgB15	{ padding-bottom: 15px !important; }
.pdgB20	{ padding-bottom: 20px !important; }

/*** jquery-ui カスタマイズ ***/
.ui-datepicker {
	z-index: 10010 !important;
	box-shadow:2px 2px 2px rgba(0,0,0,0.075);
}
.ui-datepicker .ui-datepicker-header {
	background-image: url("/img/back-th.png") !important;
}
.ui-datepicker-calendar tr td .ui-state-default {
	background-color: #ffffff;
}
.ui-datepicker-calendar tr td .ui-state-highlight {
	background-color: #d8ef5a;
}
.ui-datepicker-calendar tr td .ui-state-active {
	color: #ffffff !important;
	background-color: #218838;
}
.ui-datepicker-calendar tr td.ui-datepicker-week-end a{
	color: #ff0000;
	background: none;
	background-color: #ffcccc;
}
.ui-datepicker-calendar tr td:last-child a{
	color: #0000ff;
	background: none;
	background-color: #ccccff;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker-calendar tr td .ui-state-hover {
	color: #ffffff !important;
	background-color: #29c896 !important; 
}
.ui-datepicker-calendar. .ui-datepicker-close;hover {
	color: #ffffff !important;
	background: none;
	background-color: #19692c !important;
}
.ui-datepicker-current:hover,
.ui-datepicker-close:hover {
	color: #ffffff !important;
}