/****************/
/*    GENERAL   */
/****************/
/* Tweak secondary button colors */
.btn-secondary {
	background-color: #474b4e;
	border-color: #45494d;
}

/* Hide search bar for now (until feature is built) */
.search-open.nav-link {
	display: none;
}

/* Give focused inputs lighter BG color for more user feedback */
input.input-material:focus {
	background-color: rgba(255, 255, 255, 0.03);
}

/*************************/
/*    LOGIN / REGISTER   */
/*************************/

/* Remove border radius from inputs */
.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
	border-radius:0rem;
	color: #fff;
}

input.input-material:focus {
	border-color: #ff3f3f;
	border-radius: 0rem !important;
	-webkit-border-radius: 0rem !important;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
}

input.input-material.less-dark {
	background: none;
}

 /* Give login and registration page translucent background */
.login-page .form-holder .info {
	background: rgba(33, 37, 41, 0.35) !important;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000;
}

/* Give login and registration headers white color */
.color-white {
  color: #ffffff;
}

/* Reduce height of login and registration panel */
.login-page .form-holder .info, .login-page .form-holder .form {
	min-height: 0vh;
}

/* Make input text color white with text shadow and increase padding */
input.input-material {
    width: 75%;
	padding: 10px;
	color: #000;
	text-shadow:1px 1px 1px #ddd;
}

input.input-material ~ label {
  color: #fff;
}

/* Increase font size of logina and registartion header */
/*.login-page .form-holder .info h1 {
	font-size: 3.5em;
}*/

.display-3 {
	font-size: 4.5rem !important;
	font-weight: 300 !important;
	line-height: 1.1 !important;
}

/* Increase font size of login and registration header paragraph text */
.login-page .form-holder .info p {
	font-size: 1.3em;
}

/* Color match alert background to styling */
.alert-danger {
	background-color: #f8b4be;
	border-color: #f8b4be;
}

/* Reduce login and registration display text on mobile */
@media only screen and (max-width: 600px)  {
  .display-3 {
    font-size: 2rem !important;
  }
	.display-3-intro-subtext {
		font-size: 1rem !important;
	}
}

/* Reduce login and registration display text at exact break point  */
@media only screen and (max-width: 1200px) and (min-width: 993px)  {
	.display-3 {
		font-size: 3.5rem !important;
	}
}

/*****************************/
/*         DASHBOARD         */
/*****************************/

/* Adjust avatar image */
.img-fluid.rounded-circle {
	margin-top: 9px;
}

/* Customize avatar to show polygon image */
nav#sidebar .avatar {
	min-width: initial;
	max-width: initial;
	min-height: initial;
	max-height: initial;
	border-radius: 0%;
	overflow: auto;
	margin-right: 0px;
	padding: 0px;
	border: none;
}

/* Adjust menu username */
.title {
	margin-left: 15px;
}

/* Adjust height and width of avatar image */
.img-fluid.rounded-circle.avatar {
	height: 50px;
	width: 58px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: auto;
}

/* Adjust workout icon spacing */
nav#sidebar ul a i .fa.fa-plus-square {
	padding-right: 3px;
	/*position: relative;
	left: 2px;*/
}

i.fa.fa-plus-square {
	padding-right: 23px !important;
}

/* Customize dashboard link colors */
.card-link:hover {
	color: #BFC1BB;
}


/* Remove border around pagination */
.page-link {
	border:none !important;
}

/* Adjust card columns depending upon viewport */
/* xs */
@media only screen and (max-width: 767px)  {
  .card-columns {
    column-count: 1;
  }
}
/* sm */
@media only screen and (max-width: 991px) and (min-width: 768px)  {
	.card-columns {
		column-count: 2;
	}
}
/* md */
@media only screen and (max-width: 1199px) and (min-width: 992px)  {
	.card-columns {
		column-count: 3;
	}
}
/* lg */
@media only screen and (min-width: 1200px)  {
	.card-columns {
		column-count: 4;
	}
}

/***************************/
/*         WORKOUT         */
/***************************/

/* Darken background for add exercise form only */
.bg-dark.add-exercise {
	background-color: #1d2023 !important;
}

/* Hides spin buttons on number inputs */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Supports Mozilla */
input[type=number] {
    -moz-appearance:textfield;
}

/* Adjust delete exercise button color */
.fa.fa-remove.delete-exercise {
	color: #ff3f3f;
}
.fa.fa-remove.delete-exercise:hover {
	color: #dc2121;
}

/***************************/
/*      ALL WORKOUTS       */
/***************************/

.all-workouts-table {
	color: black;
}

/**************************/
/*         FOOTER         */
/**************************/

a.sasquatch-footer-link {
	color: #8a8d93;
}

a.sasquatch-footer-link:hover {
	background-color: #ff3f3f;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: rgba(255, 255, 255, 0.85);
	/*color: white;*/
	/*font-weight: bolder;*/
	text-decoration: none;
}

a.sasquatch-footer-link:focus, a.sasquatch-footer-link:active {
	color: #ff3f3f;
	/*font-weight: bolder;*/
	background-color: #2d3035;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}



/*AK*/
/*change grey to white*/

.page-header {
  background: #fff;
  color: #ff6633;
  border-bottom: 1px solid #34373d;
}

.block {
  background: #fff;
  border-top: 1px solid #34373d;
}

nav#sidebar {
  background: #fff;
  color: #787878;
}

nav#sidebar ul a:hover {
  background: #c8c8c8;
}

nav.navbar .sidebar-toggle {
  background: #fff;
  border: 2px solid #00000;
}

.user-block .item i {
  color: #fff;
}


.statistic-block {
  color: #c8c8c8;
}

.page-content {
  background: #c8c8c8;
}

.bg-dark {
  background-color: #787878 !important;
}

.text-muted {
  color: #000000 !important;
  margin-bottom: 0.5rem !important;
}

.fa {
  color: #000
}

.form-control::-webkit-input-placeholder {
  color: ##fff;
}

.text-secondary {
  color: #fff !important;
}

.card-body {
  background-color: #969696;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #28a075;
  border-color: #ddd;
}

.mt-5 {
  font-size: 25px;
  text-shadow: 1px 1px 1px #282828;
}

.block {
  border-bottom: 1px solid #34373d;
  border-left: 1px solid #34373d;
  border-right: 1px solid #34373d;
}

/*change red to coral and blue to green*/

.btn:focus, .btn.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 3px rgba(255, 127, 80, 0.25);
  box-shadow: 0 0 0 3px rgba(255, 127, 80, 0.25);
}

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

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

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  border-color: #ff6633;
}

.btn-primary:focus, .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 3px rgba(255, 127, 80, 0.5);
  box-shadow: 0 0 0 3px rgba(255, 127, 80, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #ff7f50;
  border-color: #ff7f50;
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #ff6633;
  background-image: none;
  border-color: #ff6633;
}

a {
  color: #ff7f50;
  text-decoration: none;
}

a:focus, a:hover {
  color: #ff6633;
  text-decoration: underline;
}

nav.navbar {
  background: #fff;
  color: #000000;
}

nav#sidebar .sidebar-header h1 {
  color: #000000;
}

.text-primary {
  color: #ff6633 !important;
}

a.text-primary:focus, a.text-primary:hover {
  color: #ff6633 !important;
}

nav#sidebar span.heading {
  color: #ff6633;
}

nav#sidebar ul a:hover i {
  color: #ff7f50;
}

nav#sidebar li.active::before {
  background: #ff7f50;
}

nav#sidebar li.active a {
  background: #969696;
  color: #000;
}

nav#sidebar li.active i {
  color: #ff7f50;
}

input.input-material:focus {
  border-color: #ff7f50;
}

::placeholder{
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}

h2{
  color: #000;
  text-shadow: 1px 1px 1px #fff;
}

.btn-outline-info {
  color: #28a075;
  border-color: #28a075;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #28a075;
  border-color: #28a075;
}

.btn-success {
  color: #fff;
  background-color: #28a075;
  border-color: #28a075;
}

.btn-success:hover {
  color: #fff;
  background-color: #148c61;
  border-color: #148c61;
}

.icon-home {
  color: #000;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #969696;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #969696;
}

.table-striped tbody tr:nth-of-type(odd):hover {
  background-color: #969696;
}

.table td, .table th{
  border-bottom: 1px solid #494d53;
}

.table-striped tbody tr:nth-of-type(even) {
  color: #000;
}

.view-link {
	color: #28a075;
}

.view-link:hover {
	color: #fff;
	text-decoration: none;
}

/*change login page*/

.login-page .form-holder .form{
  background: #c8c8c8;
}

.login-page .form-holder .form small {
  color: #282828;
}

.login-page .form-holder .form a.forgot-pass, .login-page .form-holder .form a.signup {
  font-size: 0.9rem;
  color: #ff7f50;
}

.login-page .form-holder .form .terms-conditions label {
  color: #282828;
}

.checkbox-template:checked::before, .radio-template:checked::before {
  background: #ff7f50;
}

/*satisfaction and Energy*/

input[type=checkbox], input[type=radio] {
  margin-right: 5px;
  margin-left: 20px;
}

input[type=checkbox], input[type=radio]:checked {
  accent-color: #28a075 !important;
}
.display-5 {
  line-height: 0.75;
  font-size: 1.25rem;
  margin-top: 1rem;
  margin-bottom: 0rem !important;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}

.mt-4 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.display-6 {
  line-height: 0.75;
  font-size: 1.25rem;
}

/*AK*/