body {
	font-family: 'Oswald';
}
body {
	background:rgb(80,80,80);
	color:white;
}
.colletter {
	max-width:50px;
	width:50px;
}
a.navbar-brand {
	color:white;
}
.colmiddle {
	text-align: center;
}
.card-body {
	background-color: #9e9e9e;
}
.list-group-item {
	color: blue;
	background-color:#cecece;
}

button.btntimer {
	margin-left:0.5em;
}
.badgeletter {
	/*width:1.5em;
	height:1.5em;
	line-height:1.1em;*/
	font-size:1.1em;
	min-width:1.9em;
	margin-right:0.5em;

}
a:visited {
	color:white;
	text-decoration:none;
}
#floatingtimer {
	justify-content: center;
}

#floatingtimer .timer, #floatingtimer button {
	color:#000000;
}
.closecont {
	min-height:50px;
	display: flex;
}
.closecontrol {
	justify-content: right;
	color:white;
	margin: auto;
	max-width:400px;
	text-align:right;
	padding-bottom:15px;
	padding-top:25px;
}

.nav-tabs {
	width: 100%;
	padding:0px 8px;
}

#myworkout table th {
	font-weight:bold;
	color:white;
}

#allworkouts {
	padding:20px;
}
.closecontrol i.fa {
	float:right;
}
.timer {
	float:clear;
	min-height: 300px;
	width: 90vw;
	margin: auto;
	background-color: white;
	box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.6);
	display: flex;
}

	span {
		font-size: 8em;
	}

	.clock {
		margin: auto;
	}

	.indicators {
		font-size: 1.2em;
		text-align: center;
		font-weight: 100;
	}

	.stBtn {
		text-align: center;
		font-size: 1.5em;
		width: 150px;
		height: 70px;
		line-height: 70px;
		background-color: aquamarine;
		margin-top: 2em;
		margin-bottom: 0.5em;
		margin-right: 0.5em;
		border-radius: 12px;
		cursor: pointer;
		color:#000000;
	}

	.refresh {
		text-align: center;
		font-size: 1.5em;
		width: 150px;
		height: 70px;
		line-height: 70px;
		background-color: aquamarine;
		margin-top: 2em;
		margin-bottom: 0.5em;
		border-radius: 12px;
		cursor: pointer;
		color:#000000;
	}

	.controls {
		display: flex;
		justify-content: center;
		}

	.red {
		background-color: red;
	}

	#ado {
		display: none;
	}

	#timeroverlay {
		background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.85)),	rgba(0,0,0,0.85);
		background-size: cover;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		width: 100%;
		height: 100%;
		position:fixed;
		top: 0;
		left: 0;
		z-index: 5000;
		/*border-radius: */
        overflow: hidden;
		  overflow: auto;
		  display: none;
	}


	@media only screen and (min-width: 420px) {
	.timer, .closecontrol {
		width: 400px;
	}
	}

	@media only screen and (max-width: 419px) {
		.timer, .closecontrol {
			width: 100%;
		}
	}


	
input[type=checkbox].checkbox2 {
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}
	
.checkbox-lg .custom-control-label::before, 
.checkbox-lg .custom-control-label::after {
  top: .8rem;
  width: 1.55rem;
  height: 1.55rem;
}

.checkbox-lg .custom-control-label {
  padding-top: 13px;
  padding-left: 6px;
}


.checkbox-xl .custom-control-label::before, 
.checkbox-xl .custom-control-label::after {
  top: 1.2rem;
  width: 1.85rem;
  height: 1.85rem;
}

.checkbox-xl .custom-control-label {
  padding-top: 23px;
  padding-left: 10px;
}

a.nav-link.active:hover {
	color:#7a7a7a;
}