/* default app branding

[x] font-family: Mukta
[x] header: #333333
[x] footer: #536269
[x] green: #b0c039
[x] orange: #fcb829
[ ] blue: #14b7c2

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

'Mukta', sans-serif;
Montserrat, Arial, Helvetica, sans-serif
*******************************/

/* custom: html elements *******************************/

body {
	color: #333;
	font-size: 0.85rem;
	font-family: Montserrat, Arial, Helvetica, sans-serif;
}

a {
	color: #14b7c2;
}

a:hover {
	color: #333;
	text-decoration: none;
}

form {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 2rem;
}

/* custom: shared *******************************/

.required {
	color: #fcb829;
}

.hide {
	display: none;
}

.instructions {
	padding: 10px 0 10px 0;
	font-style: italic;
}

img.avatar-thumb {
	height: 30px;
}

#clipboard {
	margin:0;
	padding:0;
	height:0;
	opacity:0;
}

/* custom: a.link *******************************/

.trainer-athlete-icons a.link {
	padding: 5px 5px;
}

@media only screen and (min-width: 992px) {
	.trainer-athlete-icons a.link {
		padding: 5px 10px;
	}
}

a.link, a.link-white {
	padding: 5px 10px;
}

a.link:hover {
	background-color: #f7f7fa;
}

a.link-white:hover {
	background-color: #fff;
}

.link-sm {
	font-size: 0.75rem;
}

/* custom: status *******************************/

.status {
	font-size: 0.8rem;
	font-weight: bold;
}

.status-active {
	color: #155724;
}

.status-inactive {
	color: #721c24;
}

.status-pending {
	color: #999;
}

/* custom: badge *******************************/

.badge-power {
	background-color: #ffc107;
}

.badge-admin {
	color: #fff;
	background-color: #dc3545;
}

.badge-trainer {
	color: #fff;
	background-color: #28a745;
}

.badge-athlete {
	color: #fff;
	background-color: #007bff;
}

/* custom: a.plan *******************************/

a.plan-button {
	display: block;
	padding: 10px 0;
	margin-bottom: 10px;
	background: #fff;
	text-align: center;
}

a.plan-button:hover {
	background: #eee;
}

/* custom: a.link-change-date-plan *******************************/

a.link-change-date-plan {
	padding: .2rem .62rem !important;
}

a.link-change-date-plan > svg {
	fill: #fff;
	color: #fff;
	width: 6px;
}

a.link-change-date-plan-small {
	padding: .2rem .62rem !important;
}

div.super-set-wrapper {
	background-color: #ccc;
	display: grid;
	grid-template-columns: 97% 3%;
	grid-template-rows: [row1-start] 15px auto;
	border-radius: 3px;
}

div.super-set-wrapper.athlete {
	grid-template-columns: 100%;
}

div.super-set-header {
	grid-column: 1;
	display: flex;
	align-items: center;
}

div.super-set-header > span {
	grid-column: 1;
	display: flex;
	align-items: center;
	font-size: 0.8rem;
	color: #666;
	font-weight: bold;
}

#create-superset-button:disabled {
	background-color: #b0c039;
	border-color: #b0c039;
}

#workouts-list .workout.card.on {
	background-color: #ccc;
}

#workouts-list .workout.card.on > .card-header {
	background-color: #f7f7f7;
}

#workouts-list .workout.card,
#workouts-list div.super-set-wrapper {
	margin-top: .5rem !important;
}

#workouts-list div.super-set-wrapper .workout.card {
	grid-column: 1;
	margin-top: .5rem !important;
}

#workouts-list .workout.card:first-child,
#workouts-list div.super-set-wrapper .workout.card:first-child {
	margin-top: 0 !important;
}

#workouts-list div.super-set-wrapper .group-move {
	grid-column: 2;
	grid-row: 1 / 2;
	margin-top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#workouts-list div.super-set-wrapper .group-move a.link:hover {
	background: transparent;
}

a.link-change-date-plan-small > svg {
	fill: #fff;
	color: #fff;
	width: 6px;
}

a.link-change-date-plan:focus,
a.link-change-date-plan-small:focus {
	background-color: #b0c039 !important;
}

a.link-change-date-plan:hover,
a.link-change-date-plan-small:hover {
	background-color: #c5d835 !important;
	border-color: #c5d835 !important;
}

a.link-change-date-plan:hover > svg,
a.link-change-date-plan-small:hover > svg {
	fill: #fff;
	color: #fff !important;
}

a.link-change-date-plan-small:hover > svg {
	fill: #fff;
	color: #fff !important;
}

.plans-date-container {
	display: inline;
}

/* custom: search *******************************/

.row-head {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 0.5px solid #ccc;
}

.col-head {
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
}

.search-toggle {
	display: none;
}

.grip {
	cursor: move;
}

.sort {
	width: 10px;
}

.results-summary, .import-options {
	padding: 10px 0px;
}

.sort-options {
	float: left;
}

.col-search {
	padding-top: 30px;
	text-align: center;
}

@media (min-width: 768px) {

	.import-options {
		float: right;
	}

	.sort-options {
		float: right;
	}
}

/* custom: icon *******************************/

img.icon {
	height: 20px;
	opacity: 0.35;
}

img.icon:hover {
	opacity: 0.5;
}

img.icon-sm {
	height: 15px;
}

img.icon-xl {
	height: 30px;
}

img.icon-fill {
	opacity: 1;
}

img.account {
	width: 40px;
	height: 40px;
	margin-right: 10px;
}

/* custom: switch *******************************/

.switch-admin {
	margin-left: 20px;
}

.switch-admin img {
	height: 30px;
}

.switch-trainer {
	margin-left: 20px;
}

.switch-trainer img {
	height: 30px;
}

/* custom: logout *******************************/

.logout {
	margin-left: 20px;
}

.logout img {
	height: 40px;
}

/* layout: login *******************************/

.login {
	height: 100vh;
	flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #eee url("../images/bgs/login.jpg") no-repeat;
	background-size: cover;
}

.login .logo {
	width: 90%;
	max-width: 400px;
	max-height: 90px;
	margin-bottom: 10px;
}

.login h1 {
	margin-bottom: 20px;
	color: #b0c039;
	font-size: 1.1rem;
	font-weight: 600;
	text-transform: uppercase;
}

.login .card {
	max-width: 90%;
	box-shadow: 0 0 10px rgba(0,0,0,.15);
	border-radius: 3px;
}

.login label {
	font-size: .85rem;
	font-weight: 600;
}

.login .subscribe {
	display: block;
	margin: 5px 0 0 0;
	color: #666;
	font-size: 0.85rem;
}

.login .footer {
	color: #aaa;
	font-size: 0.8rem;
}

input[type="checkbox"].form-control {
	display: inline-block;
	height: 12px;
	width: 12px;
}

@media (min-width: 576px) {

	.login .logo {
		max-width: 500px;
	}

	.login .card {
		width: 350px;
	}
}

/* layout: subscribe *******************************/

.subscribe {
	flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url("../images/bgs/login.jpg") no-repeat;
	background-size: cover;
}

.subscribe .logo {
	width: 90%;
	max-width: 400px;
}

.subscribe h1 {
	margin-bottom: 20px;
	color: #b0c039;
	font-size: 1.1rem;
	font-weight: 600;
	text-transform: uppercase;
}

.subscribe .card {
	max-width: 90%;
	box-shadow: 0 0 10px rgba(0,0,0,.15);
	border-radius: 3px;
}

.subscribe .footer {
	color: #aaa;
	font-size: 0.8rem;
}

@media (min-width: 576px) {

	.subscribe .card {
		max-width: 480px;
	}

	.subscribe .logo {
		width: 480px;
	}
}

/* layout: onboard *******************************/

.onboard {
	flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
	background: #eee url("../images/bgs/login.jpg") no-repeat;
	background-size: cover;
}

.onboard .logo {
	width: 90%;
	max-width: 400px;
	max-height: 90px;
	margin-bottom: 10px;
}

.onboard h1 {
	margin-bottom: 20px;
	color: #b0c039;
	font-size: 1.1rem;
	font-weight: 600;
	text-transform: uppercase;
}

.onboard .card {
	max-width: 90%;
	box-shadow: 0 0 10px rgba(0,0,0,.15);
	border-radius: 3px;
}

.onboard .footer {
	color: #aaa;
	font-size: 0.8rem;
}

@media (min-width: 576px) {

	.onboard .card {
		max-width: 480px;
	}
}

/* layout: trainers *******************************/

.trainers {
	background-color: #536269;
}

.trainers .main {
	background-color: #f7f7fa;
	padding-bottom: 40px;
}

/* layout: athletes *******************************/

.athletes {
	background-color: #536269;
}

.athletes .main {
	background-color: #f7f7fa;
	padding-bottom: 40px;
}

/* layout: footer *******************************/

.footer {
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	font-size: .8rem;
}

.footer .about {
	text-align: center;
	padding-bottom: 10px;
}

.footer .about a.tf {
	color: #fff;
	font-weight: 600;
	font-size: 1rem;
	text-decoration: none;
}

.footer .links {
	font-size: 0.55rem;
	text-align: center;
}

.footer .links a {
	color: #fff;
	text-decoration: none;
}

.footer .links a:hover {
	opacity: 0.9;
	text-decoration: underline;
}

.footer .links .divider {
	display: inline-block;
	width: 1px;
	height: 1.2rem;
	margin: 0 10px;
	background-color: #fff;
	opacity: 0.5;
}

.footer .social {
	padding: 20px 0;
	text-align: center;
}

.footer .social img {
	margin-left: 10px;
	max-width: 40px;
	opacity: 0.75;
}

.footer .social img:hover {
	opacity: 1;
}

@media (min-width: 992px) {

	.footer {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px 40px;
	}

	.footer .about {
		width: 30%;
		text-align: left;
		padding-bottom: 0;
	}

	.footer .links {
		width: 40%;
		font-size: 0.8rem;
	}

	.footer .social {
		width: 30%;
		text-align: right;
		padding: 0;
	}
}

/* wrapper: admin/users *******************************/

#user {
}

#user .back {
	float: right;
	padding: 30px 50px 0 0;
}

#user-name {
	font-size: 1.5rem;
}

#user .bg {
	margin-left: 10px;
	padding-top: 15px;
	width: 90%;
	height: 90px;
	background: linear-gradient(to right, rgba(247,247,250,1), rgba(247,247,250,.8) 60%, rgba(247,247,250,1)), url("../images/bgs/user.jpg") no-repeat right center;
	background-size: cover;
}

#user .bg .avatar {
	margin-right: 20px;
	width: 60px;
	height: 60px;
}

#user .bg .summary {
	padding-top: 12px;
	width: 60px;
	height: 60px;
}

#user .bg a.back {
	opacity: 0.3;
}

#user .bg a.back:hover {
	opacity: 1;
}

#user .bg a.back img {
	height: 60px;
}

#user .wrapper {
	padding: 0 10px;
}

#user {
	display: none;
}

#user .nav-user {
	margin-bottom: 20px;
	padding: 10px 20px;
	background-color: #536269;
	box-shadow: 0 0 8px rgba(0,0,0,.15) !important;
	text-align: center;
	border-radius: 3px;
}

#user .nav-user a {
	color: #fff;
	opacity: 0.6;
	margin: 0 20px;
}

#user .nav-user a:hover, #user .nav-user .selected {
	opacity: 1;
}

#user .nav-user img {
	height: 20px;
}

@media (min-width: 768px) {

	#user .bg {
		margin-left: 40px;
	}

	#user .wrapper {
		padding: 0 40px;
	}

	#user .nav-user {
		text-align: left;
	}

	#user .nav-user a {
		margin: 0 12px 0 0;
	}
}

/* wrapper: trainer/athlete *******************************/

#athlete {
}

#athlete .back {
	float: right;
	padding: 15px 10px 0 0;
}

#athlete .bg {
	margin-left: 10px;
	padding-top: 15px;
	width: 90%;
	height: 70px;
	background: linear-gradient(to right, rgba(247,247,250,1), rgba(247,247,250,.8) 60%, rgba(247,247,250,1)), url("../images/bgs/athlete.jpg") no-repeat right center;
	background-size: cover;
}

#athlete .bg .avatar {
	margin-right: 10px;
	width: 30px;
	height: 30px;
}

#athlete .bg .summary {
	width: 30px;
	height: 30px;
}

#athlete .bg a.back {
	opacity: 0.3;
}

#athlete .bg a.back:hover {
	opacity: 1;
}

#athlete .bg a.back img {
	height: 30px;
}

#athlete .wrapper {
	padding: 0 10px;
}

#athlete {
	display: none;
}

#athlete .nav-athlete {
	margin-bottom: 20px;
	padding: 10px 20px;
	background-color: #536269;
	box-shadow: 0 0 8px rgba(0,0,0,.15) !important;
	text-align: center;
	border-radius: 3px;
}

#athlete .nav-athlete a {
	color: #fff;
	opacity: 0.6;
	margin: 0 10px;
}

#athlete .nav-athlete a:hover, #athlete .nav-athlete .selected {
	opacity: 1;
}

#athlete .nav-athlete img {
	height: 20px;
}

#athlete-name {
	font-size: 1.4rem;
}

@media (min-width: 768px) {

	#athlete .bg {
		margin-left: 40px;
		height: 90px;
	}

	#athlete .bg .avatar {
		margin-right: 20px;
		width: 60px;
		height: 60px;
	}

	#athlete .bg .summary {
		padding-top: 12px;
		width: 60px;
		height: 60px;
	}

	#athlete .back {
		padding: 30px 50px 0 0;
	}

	#athlete .bg a.back img {
		height: 60px;
	}

	#athlete .wrapper {
		padding: 0 40px;
	}

	#athlete .nav-athlete {
		text-align: left;
	}

	#athlete .nav-athlete a {
		margin: 0 12px 0 0;
	}

	#athlete-name {
		font-size: 1.5rem;
	}
}

/* wrapper: schedule *******************************/

.schedule {
}

.schedule a.arrow {
	padding: 0 10px;
}

.schedule a.arrow img {
	height: 30px;
	opacity: 0.3;
}

.schedule .today {
	box-shadow: inset 0 0 0 .2rem rgba(0,123,255,.25);
}

.schedule .check-in-day {
	background-color: #f8d7da !important;
}

.schedule a.arrow img:hover {
	opacity: 1;
}

.schedule .col-cal-7 .item {
	display: block;
	border-radius: 2px;
	margin-bottom: 2px;
	padding: 1px;
	color: #fff;
	font-size: 0.7rem;
	text-align: center;
	opacity: 0.85;
	order: 5;
}

.schedule .col-cal-7 .item:hover {
	opacity: 1;
}

.schedule .col-cal-7 .item-workout {
	background-color: #b0c039;
}

.schedule .col-cal-7 .item-workout.is-cardio {
	background-color: #39b54a;
}

.schedule .col-cal-7 .item-meal {
	background-color: #14b7c2;
}

.schedule .col-cal-7 .item-schedules {
	background-color: #14b7c2;
}
.schedule .col-cal-7 .item-book-schedules {
	background-color: #9914c2;
}
.schedule .col-cal-7 .item-book-reschedules {
	background-color: #ff6d0d;
	;
}

.schedule .col-cal-7 .item-supplement {
	background-color: #fcb829;
}

.schedule .col-cal-7 .item img {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 90%;
	max-width: 12px;
}

.schedule .col-cal-7 .item img.grip {
	margin-top: 0;
	margin-bottom: 0;
	width: 90%;
	max-width: 12px;
	height: 15px;
}

.schedule .month-active {
	background: #fff;
}

.schedule .has-check-in {
	background-color: #f8d7da !important;
}

.schedule .month-inactive {
	background: #f6f6f9;
}

.schedule .col-cal-7 {
	width: 0.142857143%;
	min-height: 150px;
	border: 0.25px solid #ccc;
	display: flex;
	flex-direction: column;
	justify-content: start;
}

.schedule .col-cal-7 .weekday {
	text-align: center;
	font-weight: bold;
	order: 1;
	flex: 0;
}

.schedule .col-cal-7 .day {
	font-size: 0.7rem;
	text-align: center;
	order: 2;
	flex: 0;
}

.schedule .col-cal-7 > label {
	order: 99;
	flex: 0;
}

.schedule .col-cal-7 .item.notify-yes {
	border-top: 5px solid #090;
}

.schedule .col-cal-7 .item.notify-no {
	border-top: 5px solid #c00;
}

.schedule .col-cal-7 .item.notify-na {
	border-top: 5px solid #999;
}

.notify-block {
	display: inline-block;
	height: 10px;
	width: 10px;
	border-radius: 2px;
}

.notify-block-yes {
	background-color: #090;
}

.notify-block-no {
	background-color: #c00;
}

.notify-block-na {
	background-color: #999;
}

@media (min-width: 576px) {

	.schedule .col-cal-7 .item {
		padding: 1px 5px;
	}

	.schedule .col-cal-7 .item.notify-yes {
		border-top: 0px;
		border-left: 5px solid #090;
	}

	.schedule .col-cal-7 .item.notify-no {
		border-top: 0px;
		border-left: 5px solid #c00;
	}

	.schedule .col-cal-7 .item.notify-na {
		border-top: 0px;
		border-left: 5px solid #999;
	}
}

/* wrapper: workouts/feedback *******************************/

.feedback {
	padding-top: 5px;
}

.feedback .comment {
	font-style: italic;
}

.feedback img {
	height: 12px;
	opacity: 0.5;
}

.feedback img:hover {
	opacity: 1;
}

/* wrapper: meals/macros *******************************/

.macros {
	float: right;
	margin-bottom: 20px;
	width: 100%;
	min-width: 300px;
	background-color: #fff;
	font-size: 0.8rem;
	border-radius: 3px;
}

.macros .container {
	padding: 10px 30px 5px 10px;
}

.macros label {
	margin: 0;
}

.macros .progress {
	border-radius: 2px !important;
}

.macros .progress-bar {
	background-color: #14b7c2;
}

.macros .progress-bar-complete {
	background-color: #c00 !important;
}

.macros .calories {
	padding: 2px 0;
	border-top: 0.25px solid #ccc;
	text-align: center;
}

/* wrapper: meals/diet *******************************/

.diet {
	display: inline-block;
	margin-right: 2px;
	padding: 1px 5px;
	color: #eee;
	border-radius: 2px;
	border: 1px solid #eee;
	font-size: 0.6rem;
	font-weight: 600;
}

.diet.keto {
	color: #f69679;
	border-color: #f69679;
}

.diet.vegetarian {
	color: #7accc8;
	border-color: #7accc8;
}

.diet.vegan {
	color: #c4df9b;
	border-color: #c4df9b;
}

/* wrapper: meals/alts *******************************/

.alt {
	background-color: #ffe;
}

.alt .card-header {
	background-color: #f7f7e8;
}

.alt .instructions {
	padding: 15px 0 0 15px;
}

/* wrapper: messages *******************************/

#messages .avatar {
	margin-top: 10px;
	width: 100%;
}

#messages .message {
	margin-bottom: 20px;
}

#messages .sent {
}

#messages .received {
}

#messages .timestamp {
	font-size: 0.75rem;
}

#messages .timestamp img {
	height: 12px;
	margin-left: 10px;
	opacity: 0.5;
}

#messages .timestamp img:hover {
	opacity: 1;
}

#messages .body {
	padding: 20px;
	border-radius: 5px;
}

#messages .sent .body {
	background-color: #c4edf0;
}

#messages .received .body {
	background-color: #f7f7e8;
}

/* wrapper: assessments *******************************/

#assessments-list .assessment {
	padding-bottom: 20px;
}

/* wrapper: photos *******************************/

.photo {
}

.photo .img {
	position: relative;
	height: 100px;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.photo .img .edit {
	position: absolute;
	z-index: 2;
	bottom: 5px;
	right: 5px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	opacity: 0.35;
}

.photo .img .edit:hover {
	opacity: 0.85;
}

.photo .opts {
	font-size: 0.85rem !important;
}

.photo .select {
	font-size: 0.85rem !important;
}

.photo .selected {
	display: none;
	background-color: #fff;
	border-color: #b0c039;
	color: #b0c039;
	font-size: 0.85rem !important;
}

.photo .compare {
	display: none;
	font-size: 0.85rem !important;
}

/* wrapper: invoice *******************************/

.invoice {
}

.invoice .description {
	font-size: 0.8rem;
}

.invoice .description .line {
	padding-bottom: 5px;
}

.invoice .description .dates {
	padding-left: 20px;
	font-style: italic;
}

/* wrapper: notifications *******************************/

.notifications {
	position: relative;
	color: #333;
}

.notifications .dropdown-toggle img {
	height: 30px;
}

.notifications .badge {
	position: absolute;
	top: 0;
	right: 0;
}

.notifications .dropdown-menu {
	padding: 0;
}

.notifications .dropdown-divider {
	margin: 0;
}

.notifications a.dropdown-item,
.notifications .dropdown-item-text {
	opacity: 1;
	color: #333;
	font-size: 0.8rem;
}

.notifications a.dropdown-item:hover {
	color: #fff;
	background-color: #14b7c2;
}

.notifications .dropdown-item img {
	height: 12px;
	margin-right: 3px;
	opacity: 0.5;
}

.notifications .list {
	max-height: 50vh;
	overflow: hidden;
	overflow-y: scroll;
	padding: 5px 0 0 5px;
}

.notifications .list::-webkit-scrollbar {
	width: 5px;
}

.notifications .list::-webkit-scrollbar-track {
	background: #fff;
}

.notifications .list::-webkit-scrollbar-thumb {
	background: #ccc;
}

.notifications .list::-webkit-scrollbar-thumb:hover {
	background: #aaa;
}

/* wrapper: loading *******************************/

#loading {
	position: absolute;
	top: 0;
	left: -40px;
	z-index: 100;
	width: calc(100% + 80px);
	height: 100%;
}

#loading .wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

#loading .mask {
	height: 100%;
	width: 100%;
}

#loading .mask-fade {
	background-color: rgb(247,247,255);
	opacity: 0.5;
}

#loading span {
	position: absolute;
	top: 50%;
	left: 50%;
}

/* enhance: bootstrap *******************************/

.modal-body .window-head {
	padding: 0 30px 0 10px;
}

.modal-body .window {
	height: 100px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-bottom: 0;
	padding: 10px;
	border: 0.5px solid #ccc;
}

.modal-title img.icon {
	margin-right: 5px;
}

.card-body.hr {
	border-bottom: 0.5px solid #ccc;
}

/* mods: bootstrap *******************************/

.navbar, .bg-primary, .navbar-dark {
	background-color: #333 !important;
}

.navbar-brand img {
	height: 40px;
}

.navbar-expand .nav-link img {
	height: 18px;
}

.navbar-collapse .nav-link img {
	height: 12px;
}

.navbar-expand .nav-link,
.navbar-collapse .nav-link {
	color: #fff !important;
	opacity: 0.5;
}

.navbar-expand .nav-link:hover,
.navbar-collapse .nav-link:hover {
	opacity: 0.75;
}

.navbar-expand .nav-link.active,
.navbar-collapse .nav-link.active {
	opacity: 1;
}

.nav-item a.active {
	border-bottom: 1px solid #fcb829;
}

.navbar-text a {
	opacity: 0.5;
	text-decoration: none;
}

.navbar-text a:hover {
	opacity: 0.75;
}

.btn {
	font-size: 0.85rem;
	border-radius: 3px;
}

.btn:active, .btn:focus {
	background-color: #fff !important;
	border-color: #b0c039 !important;
	color: #b0c039 !important;
	box-shadow: 0 0 10px rgba(0,0,0,.15) !important;
}

.btn-primary {
	background-color: #b0c039;
	border-color: #b0c039;
	color: #fff;
}

.btn-primary:hover {
	background-color: #fff;
	border-color: #b0c039;
	color: #b0c039;
}

.btn-secondary {
	background-color: #aaa;
	border-color: #999;
	color: #fff;
}

.btn-secondary:hover {
	background-color: #fff;
	border-color: #999;
	color: #999;
}

.modal-content  {
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	margin: 0;
	padding: 0;
}

.alert ul {
	margin: 0;
	padding: 0 0 0 10px;
}

.form-control {
	border-radius: 3px;
}

#plan-create-from-repository input[type="text"].form-control,
#plan-create-from-repository select.form-control,
#plan-create-from-repository textarea.form-control {
	font-size: 0.85rem;
}

#plan-add-to-repository input[type="text"].form-control,
#plan-add-to-repository select.form-control,
#plan-add-to-repository textarea.form-control {
	font-size: 0.85rem;
}

.btn-group {
	font-size: 1.5rem;
}

.list-group {
	border-radius: 3px;
	box-shadow: 0 0 8px rgba(0,0,0,.15) !important;
}

.list-group-item:last-child, .list-group-item:first-child {
	border-radius: 3px;
}

.list-group-item.active {
	background-color: #14b7c2;
	border-color: #14b7c2;
}

.card {
	border-radius: 3px;
	box-shadow: 0 0 rgba(0,0,0,.15) #ddd;
}

.card-header {
	border-radius: 3px;
}

a.dropdown-toggle {
	color: #fcb829;
}

/* meal plan repositories */
#modal-plan-create-from-repository #clipboard,
#plan-add-to-repository #clipboard {
	display: none !important;
}

.repositories-search-results {
	border: 1px solid #ced4da;
	overflow-y: auto;
	padding: 0 5px;
	max-height: 200px;
}

.repositories-search-results #clipboard {
	display: none !important;
}

.repositories-search-result {
	display: flex;
	flex-direction: row;
	padding: 10px 5px;
	border-top: 1px solid #ced4da;
}

.repositories-search-result:first-child {
	border-top: 0;
}

.repositories-search-result .search-result-info {
	flex-grow: 1;
}

.repositories-search-result .search-result-info > label {
	line-height: 1;
	margin-bottom: 0;
}

/* mods: stripe *******************************/

.StripeElement {
	border-radius: 3px;
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .575rem .75rem !important;
	font-size: 0.85rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: #333;
	font-size: 1rem;
	font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.StripeElement--focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.StripeElement--invalid {
	border-color: #80bdff;
}

.StripeElement--webkit-autofill {
	background-color: #fff !important;
}

/* bug! overflow hidden on dropdowns after ajax refresh *******************************/

#athlete-cat {
	overflow: visible !important;
}

#plan {
	overflow: visible !important;
}

.refresh {
	overflow: visible !important;
}

/* bug! h5 text wrapping in ie *******************************/

h5 {
	white-space: nowrap;
}

/* print *******************************/

@media print {

	.col-print-1 { flex: 0 0 8% !important; display: inline-block !important; }
	.col-print-2 { flex: 0 0 16% !important; display: inline-block !important; }
	.col-print-3 { flex: 0 0 25% !important; display: inline-block !important; }
	.col-print-4 { flex: 0 0 33% !important; display: inline-block !important; }
	.col-print-5 { flex: 0 0 42% !important; display: inline-block !important; }
	.col-print-6 { flex: 0 0 50% !important; display: inline-block !important; }
	.col-print-7 { flex: 0 0 58% !important; display: inline-block !important; }
	.col-print-8 { flex: 0 0 66% !important; display: inline-block !important; }
	.col-print-9 { flex: 0 0 75% !important; display: inline-block !important; }
	.col-print-10{ flex: 0 0 83% !important; display: inline-block !important; }
	.col-print-11{ flex: 0 0 92% !important; display: inline-block !important; }
	.col-print-12{ flex: 0 0 100% !important; display: inline-block !important; }
}