/* specific buttons */
a.btn.btn-back {
	color: black;
	text-shadow: 1px 1px white;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffeaea+0,ffbcbd+100 */
background: rgb(255,234,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,234,234,1) 0%, rgba(255,188,189,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,234,234,1) 0%,rgba(255,188,189,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,234,234,1) 0%,rgba(255,188,189,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaea', endColorstr='#ffbcbd',GradientType=0 ); /* IE6-9 */
}

a.btn.disabled {
	opacity: 0.65;
	cursor: not-allowed;
}

/* 確認ボックス >>> */
.confirm {
	clear: both;
	display: block;
	padding: 0.5em;
}
.confirm::after {
	content: "";
	display: table;
	clear: both;
}
.confirm-danger {
	background: #e4e4e4;
	border: 1px solid #cecece;
}
.confirm .btn-group {
	float: right;
}
.confirm .confirm-msg {
	font-weight: bold;
	color: #fe0000;
}
.confirm .confirm-msg,
.confirm .btn-confirm-no,
.confirm .btn-confirm-yes {
	padding: 2px 5px;
}
.confirm .btn-confirm-no,
.confirm .btn-confirm-yes {
	display: inline-block;
	background-color: #ff2828;
	color: white;
	border: none;
	margin: 0 0 0 1em;
	text-decoration: none;
}
.confirm .btn-confirm-no:hover,
.confirm .btn-confirm-yes:hover {
	background-color: #fe0000;
}
/* <<< */

@keyframes glow {
	0%, 100% {
		box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	}

	50% {
		box-shadow: 0 0 10px rgb(200, 30, 0);
	}
}

.btn.btn-finalize {
	animation: glow 1s infinite;
}


/* one period (multiple workshops) */
.workshop-period-line {
	margin-top: 30px;
}

/* one workshop */
.guests .registrations label.workshop-cell {
	position: relative;
	display: block;
	margin: 10px 0 0 15px;
	padding: 10px;
	border: 1px solid lightgrey;
	border-top-right-radius: 35px;
	border-bottom-right-radius: 35px;
}

.workshops-confirm .workshop-cell {
	margin: 10px 0 0 0;
	padding: 10px;
	border: 1px solid lightgrey;
}

.guests .registrations label.workshop-cell::before {
	position: absolute;

	font-family: "Font Awesome 5 Free";
    font-style: normal;
	font-weight: 400;
/*	content: "\f204";	*/
	content: "\f0c8";

/*	top: 5px;
	right: 5px;	*/
top: 10px;
left: 15px;
	/* color: lightgrey; */
}
.workshop-period-line .workshop-title {
	padding-left: 30px;
}
.workshop-period-line .workshop-person {
	padding-left: 30px;
}
.workshop-period-line .workshop-pricex {
	padding-left: 30px;
}
.workshop-period-line .workshop-room {
	padding-left: 30px;
}

.guests .registrations input[type=radio].workshop-radio {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}
.guests .registrations input[type=radio].workshop-radio:checked + label.workshop-cell {
	border-color: green;
	border-width: 2px;
}
.guests .registrations input[type=radio].workshop-radio:checked + label.workshop-cell::before {
/*	content: "\f205";	*/
	content: "\f14a";
	color: green;
}

.workshop-period {
	font-weight: bold;
}

.workshop-person {
	font-weight: bold;
}

.workshop-price {
	text-align: right;
}

.workshop-room,
.workshop-seats {
	float: left;
	width: 50%;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid lightgrey;
}

/* 注文一覧 */
.workshop-orders h4 {
	margin: 0;
}

.workshop-orders ul {
	padding-left: 1.5em;
	list-style: circle outside;
}

.workshop-orders .order-total {
	float: left;
}

.workshop-orders .order-action {
	clear: both;
}
.workshop-orders .order-action .btn-order-cancel {
	float: left;
}
.workshop-orders .order-action .btn-order-edit {
	float: right;
}
.workshop-orders .order-action p {
	clear: both;
}

.workshop-orders .order-message {
	clear: left;
	color: #8a1728;
	border-left: 2px solid #8a1728;
	padding: 0 0 0 10px;
}

.workshop-orders .order-action .btn {
	display: inline-block;
	margin: 1em 0 1em 0;
	white-space: nowrap;
}

.workshop-orders .order-new {
	padding: 2em 0;
	text-align: right;
}

/* status (front member selection screen) */
.workshop-status {
	font-size: 80%;
}

.workshop-status .workshop-footer {
	margin-top: auto;
	margin-bottom: 0;
}
.workshop-status .workshop-seats {
	float: none;
	width: auto;
	border: none;
	padding: 0;
	text-align: right;
}

.workshop-status .workshop-cell {
	margin-left: 2em;
	padding: 0;
	border: none;
	border-bottom: 1px solid lightgrey;
}
.workshop-status .workshop-cell:nth-child {
	border: none;
}

/** workshop table風 表示 */
.workshops-table {
	display: flex;
}
.workshops-table h4 {
	flex-shrink: 1;
	flex-grow: 0;
	padding-right: 2em;
}
.workshops-table h4 .sep {
	display: block;
}
.workshops-table .workshop-cell {
	flex: 1 25%;
	margin: 0;
	padding: 5px;
	display: flex;
	flex-direction: column;
	border: 1px solid lightgrey;
}

.workshops-table .workshop-cell b {
	color: #8a1728;
}

.workshops-table .workshop-cell .workshop-seats {
	margin-top: auto;
	margin-bottom: 0;
	padding-top: 0.5em;
	/* border-top: 1px solid lightgray; */
}

@media (max-width: 625px) {
	.workshops-table {
		display: block;
	}

	.workshops-table h4 .sep {
		display: inline-block;
		width: 1em;
	}
}