.protocol-item {
	border:solid 1px gray;
	border-radius: 10px;
	padding: 15px;
}

.protocol-item:hover {
	color: white;
	background-color: #005792;
}

.protocol-item-name {
	font-weight: bold;
	font-size: 120%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.protocol-item-reference {
	font-size: 80%;
	color: #3366BB;
	text-decoration:underline;
	margin-bottom: 1em;
}

.protocol-reference-border {
	border: 1px solid #dee2e6;
	border-radius: 8px;
	padding: 10px 10px 0px 10px;
	margin-bottom: 10px;
}

.protocol-reference-url {
	word-break: break-all;
}

.period-medical-reha {
	background-color: #EB6100 !important;
}

.period-athletic_reha_1st {
	background-color: #F39800 !important;
}

.period-athletic_reha_2nd {
	background-color: #8FC31F !important;
}

.period-conditioning {
	background-color: #009944 !important;
}

.period-relapse-prevention {
	background-color: #00A0C1 !important;
}

.protocol-navi__period-label {
	padding-left: 0.5rem;
	background-color: rgba(0,0,0,0.1);
	font-size: 50%;
	color: white;
}

.protocol-navi__selected-day:before {
	content: "▶︎";
}

.protocol-navi__menu-last-day {
	border-bottom: 1px solid lightgray !important;
}

.protocol-table {
	empty-cells:show;
	table-layout:fixed;
}

.protocol-table__header-title {
	background-color: #333;
	color: #fff;
	position: sticky;
	position: -webkit-sticky;
	left: 0;
	text-align: center;
	width: 150px !important;
	vertical-align: middle !important;
}

.protocol-table__header-day {
	background-color: #333;
	color: #fff;
	border: solid 1px lightgray;
	width: 50px;
	text-align: center;
	padding: 0.5em !important;
	vertical-align: middle !important;
}

.protocol-table__header-period {
	text-align: center;
	background-color: #333;
	color: #fff;
	border: solid 1px lightgray;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 0;
}

.protocol-table td:first-child {
	position: sticky;
	position: -webkit-sticky;
	left: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 0;
}

.protocol-table td {
	border: solid 1px lightgray;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 0;
}

.protocol-table__body-title {
	background-color: #fff;
	padding-left: 20px !important;
}

.protocol-table__body-menu {
	background-color: lightgoldenrodyellow;
}

.protocol-table__body-menu--not-scheduled {
	background-color: white;
}

.protocol-table__body-menu--not-performed {
	background-color: #ccc;
}

.protocol-table__body-menu--partial {
	background-color: #ee8;
}

.protocol-table__body-menu--completed {
	background-color: #ff7;
}