html, body {
    font-family: 'Open Sans';
    padding: 10px;
}

p {
    font-weight: 400;
}


input, button {
    box-shadow: none !important;
}

.squared {
    border-radius: 0% !important;
    border-left: none;
    border-right: none;
}

.row-header {
    width: 300px;
}

.w--50 {
    width: 50px;
}

.w--100 {
    width: 200px;
}

.w--200 {
    width: 200px;
}

.fs--14 {
    font-size: 14pt;
}

.hidden {
    display: none;
}

.jumbotron-small-padding {
    padding: 15px 0 !important;
}

.jumbotron .progress {
    background-color: #d1ccc0 !important;
}

.list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

.list-group {
    margin-bottom: 25px;
	padding: 10px;
}

@media screen and (min-width: 0px) {
	.list-group {
		width: 100%;
	}
}
@media screen and (min-width: 992px) {
	.list-group {
		width: 50%;
	}
}
@media screen and (min-width: 1200px) {
	.list-group {
		width: 33.3333%;
	}
}

.flex-row {
	flex-direction: row;
	align-items: center;
}

.ml--10 {
	margin-left: 10px;
}

.workout {
    max-width: 600px;
}

.extra-info {
	color: #e74c3c !important;
    text-decoration: none !important;
    background-color: transparent !important;
	cursor: pointer !important;
}

.extra-info:hover {
	color: #c0392b !important;
    text-decoration: underline !important;
}

.sortable th {
	cursor: pointer;
}