@charset "UTF-8";

.clear {
	clear: both
}

.salbos #overlay{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .1;
	z-index: 10000000;
	cursor: progress;
}

.salbos .salbos_time_field {
	background: inherit;
	float: left;
	width: 6.25rem;
	height: 1.875rem;
	margin: 0.125rem;
	border: 0.063rem solid #aaa;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 0.25rem;
}


.salbos .salbos_time_field:hover, .salbos .salbos_time_field_selected {
	background-color: #ddd;
}

.salbos .tab-input {
	position: absolute;
	opacity: 0;
	z-index: -1;
  }

.salbos .tabs {
	overflow: hidden;
}

.salbos .tab {
	width: 100%;
	overflow: hidden;
}

.salbos .tab-label {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    font-weight: bold;
    cursor: pointer;
}

/* Icon */

.salbos .tab-label:hover {
	background: #e6e6e6;
}
.salbos .tab-label::after {
	content: "\276F";
	width: 1em;
	height: 1em;
	text-align: center;
	transition: all .35s;
}
.salbos .tab-content {
	max-height: 0;
	padding: 0 1em;
	background: white;
	transition: all .35s;
	}

.salbos .tab-close {
display: flex;
justify-content: flex-end;
padding: 1em;
font-size: 0.75em;
cursor: pointer;  }

.salbos .tab-close:hover {
	background: #e6e6e6;
}

.salbos .tab-input:checked + .tab-label {
	background: #e6e6e6;}

.salbos .tab-input:checked + .tab-label::after {
	transform: rotate(90deg);
}

.salbos .tab-input:checked ~ .tab-content {
max-height: 50vh;
overflow-y: auto;
padding: 1em;
}