@media all {
	p{
		font-size: 1.0rem;
	}
}
@media all and (min-width: 30em) {
	p{
		font-size: 1.1rem;
	}
}
@media all and (min-width: 60em) {
	p{
		font-size: 1.2rem;
	}
}
#footer{
	font-size: 0.8em;
	padding: 0.4vh;
	background-color: white;
}
.nav-link{
	font-size: 1.5em !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .8rem !important;
    padding-left: .8rem !important;
}
.custom-select{
	-moz-appearance: none;
	width: 100%;
}
#timeTable{
	width: 100%;
	table-layout: fixed;
}
#teacherTable{
	table-layout: fixed;
}

#footer_links:hover{
	text-decoration: underline;
}

.btnMargin{
	margin-right: 8px;
}

.dayCell{
	height: 2em;
}
@media all {
	#copyright{
		display: none;
	}
}
@media all and (min-width: 30em) {
	#copyright{
		display: inline-block;
	}
}

@media all {
	.appCell{
		min-width: calc( 100vw - 110px);
	}
}
@media all and (min-width: 30em) {
	.appCell{
		min-width: calc( (100vw - 114px ) * 0.5 );
	}
}
@media all and (min-width: 50em) {
	.appCell{
		min-width: calc( (100vw - 120px ) * ( 1 / 2 ) );
	}
}
.appCell{
	background-color: #ced4da;
	height: 2em;
	border: 2px solid white;
	padding-left: 5px;
}

.timeCell{
	height: 2em;
	border: 2px solid white;
}

.booked{
	background-color: #ffc107;
}
.bookedTeacher{
	background-color: #ffc107;
	cursor: pointer;
}
.bookedUnconfirmed{
	background-color: lightblue;
}
.freeTeacher{
	background-color: #28a745;
}
.free{
	background-color: #28a745;
	cursor: pointer;
}
.break{
	background-color: dodgerBlue;
}

.grecaptcha-badge{
	bottom: 32px !important;
}

.legendNob{
	width: 5px;
	height: 5px;
}
a{
	display: contents;
}

#searchInput{
	float: right;
	width: 300px;
}

@media all {
	#searchInput{
		width: 100%;
	}
}
@media all and (min-width: 30em) {
	#searchInput{
		width: 400px;
	}
}
@media all and (min-width: 50em) {
	#searchInput{
		width: 300px;
	}
}
#siteHolder{
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
}
@media all {
	#siteHolder{
		width: 90%;
	}
}
@media all and (min-width: 40em) {
	#siteHolder{
		width: 80%;
	}
}
@media all and (min-width: 70em) {
	#siteHolder{
		width: 60%;
	}
}

summary{
	background-color: #FF8800;
	color: white;
	box-sizing: border-box;
	padding: 0.3rem;
	border-radius: 0.2rem;
	margin-bottom: 0.4rem;
}

.switch input { 
    display:none;
}
.switch {
    display:inline-block;
    width:50px;
    height:25px;
    margin-right:8px;
	margin-left:8px;
    position:relative;
}

.slider {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius: 8px;
    box-shadow:0 0 0 2px #343a40, 0 0 4px #343a40;
    cursor:pointer;
    border:4px solid transparent;
    overflow:hidden;
     transition:.4s;
}
.slider:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background: #343a40;
    border-radius: 4px;
    transform:translateX(-25px);
    transition:.4s;
}

input:checked + .slider:before {
    transform:translateX(25px);
    background: #28a745;
}
input:checked + .slider {
    box-shadow:0 0 0 2px #28a745,0 0 2px #28a745;
}

#timeTable:hover p.timeTable{
	visibility: visible;
}

p.timeTable{
	margin:0;
	padding:0;
	text-align: center;
	visibility: hidden;
}

.settingsRow{
	margin-bottom: 20px;
}

.settingsTitle{
	margin-bottom: 10px;
}

#breakAdder{ /* NOT Blackadder! */
	font-weight: 700;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
	background-color: var(--secondary);
}

label.required:after{
	content: ' *';
	color: var(--gray);
}