/*
 * primaryボタン装飾
 * 
 */

.btn-primary {
	color: #343a40;
	background-color: #fff;
	border-color: #343a40;
}

.btn-primary:hover {
	color: #fff;
	background-color: #23272b;
	border-color: #1d2124;

}

.btn-primary:focus, .btn-primary.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);

}

.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #1d2124;
	border-color: #171a1d;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

a {
	color: #343a40;
	text-decoration: none;
	background-color: transparent;
}

.submenu-item.active {
	color: #4968bb !important;
}

.table a {
	/*	color: #343a40 !important;
	border-bottom: solid 1px;*/
	color: #4968bb !important;
}


.btn-outline-primary {
	color: #343a40;
	border-color: #343a40;
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	color: #343a40;
	background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

input[type="checkbox"] {
	accent-color: #343a40;
}


input[type="radio"] {
	accent-color: #343a40;
}

.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #343a40;
	background-color: #343a40;
}

.custom-switch {
	padding-left: 2.25rem;
}



.form-control::-ms-expand {
	background-color: transparent;
	border: 0;
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #384b60;
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.1rem #747a80(0, 123, 255, 0.25);
	box-shadow: 0 0 0 0.1rem #747a80;
}


.table .thead-dark th {
	color: #fff;
	background-color: #4d4d4d;
	border-color: #454d55;
}

.table .thead-dark th {

	border-color: #dee2e6;
}


.btn-outline-primary-opened {
	color: #007bff;
	border-color: #007bff;
}

.btn-outline-primary-opened:hover {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.btn-outline-primary-opened:focus, .btn-outline-primary-opened.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary-opened.disabled, .btn-outline-primary-opened:disabled {
	color: #007bff;
	background-color: transparent;
}

.btn-outline-primary-opened:not(:disabled):not(.disabled):active, .btn-outline-primary-opened:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary-opened.dropdown-toggle {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

	.btn-outline-primary-opened:not(:disabled):not(.disabled):active:focus, .btn-outline-primary-opened:not(:disabled):not(.disabled).active:focus,
	.show > .btn-outline-primary-opened.dropdown-toggle:focus {
		-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
		box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
	}


.paymentInfoTable {
	border-collapse: collapse;
	border-spacing: 5px;
}


.paymentInfoTable td {
	padding: 7px 0;
}


.notification-box {
	height: 0;
	position: absolute;
}



	.notification-box span {
		position: relative;
		vertical-align: middle;
		left: -120px;
		font-size: 9pt;
		background-color: #f00;
		color: #fff;
		border-radius: 3px;
		padding: 8px;
		font-weight: bold;
	}