/* colours */
:root{
  --primary: #FFE9D1;
  --secondary: #FFE1C3;
  --title: #FF8815;
}

/* layout styles */
nav{
  background: var(--primary);
  border-bottom: 10px solid var(--secondary);
}
nav a{
  text-transform: uppercase;
  color: var(--title);
}
nav a span{
  font-weight: bold;
}
nav .sidenav-trigger{
  margin: 0;
}
#ctsi_table strong{
  font-weight: 600 !important;
}
#ctsi_table .super-strong{
  font-weight: 700 !important;
}
.validate-btn{
  background-color: var(--title);
}
.validate-btn:hover{
  background-color: var(--secondary);
}
.book-btn{
  color: white;
  background-color: var(--title);
}
.book-btn:hover{
  color: white;
  background-color: var(--secondary);
}
.tab_label{
  text-align: right;
}
/* recipe styles */
.recipes{
  margin-top: 20px;
}
.garmin{
  vertical-align: bottom;
}
.feeling{
  vertical-align: bottom;
}
.strava{
  vertical-align: bottom;
}
.badge.conformity{
  border-radius: 7px 7px;
  color: white;
  font-weight: bold;
  float: none;
  margin-left: 0px;
}
.badge.effort{
  border-radius: 15px 15px;
  font-weight: bold;
  float: none;
  margin-left: 0px;
}
.badge.effort.effort-1{
  color: white;
  background-color: #99afd6;
}
.badge.effort.effort-2{
  color: white;
  background-color: #92d650;
}
.badge.effort.effort-3{
  color: white;
  background-color: #92d650;
}
.badge.effort.effort-4{
  color: black;
  background-color: #faff35;
}
.badge.effort.effort-5{
  color: black;
  background-color: #faff35;
}
.badge.effort.effort-6{
  color: white;
  background-color: #f7c31d;
}
.badge.effort.effort-7{
  color: white;
  background-color: #f7c31d;
}
.badge.effort.effort-8{
  color: white;
  background-color: #f40024;
}
.badge.effort.effort-9{
  color: white;
  background-color: #f40024;
}
.badge.effort.effort-10{
  color: white;
  background-color: #c3001e;
}
.bg-disc1-unvalidated  {
  background-color: #cff6ff !important;
  border-color: #cff6ff !important;
}
.bg-disc2-unvalidated  {
  background-color: #ffbcbe !important;
  border-color: #ffbcbe !important;
}
.bg-disc3-unvalidated  {
  background-color: #ffee80 !important;
  border-color: #ffee80 !important;
}
.bg-disc4-unvalidated  {
  background-color: #eeeeee !important;
  border-color: #eeeeee !important;
}
.bg-disc5-unvalidated  {
  background-color: #93e588 !important;
  border-color: #93e588 !important;
}
.bg-disc6-unvalidated  {
  background-color: #ffbcbe !important;
  border-color: #ffbcbe !important;
}
.bg-disc7-unvalidated  {
  background-color: #ffee80 !important;
  border-color: #ffee80 !important;
}
.bg-disc8-unvalidated  {
  background-color: #93e588 !important;
  border-color: #93e588 !important;
}
.bg-disc123-unvalidated  {
  background-color: #f8cb68 !important;
  border-color: #f8cb68 !important;
}
.bg-disc130-unvalidated  {
  background-color: #f8cb68 !important;
  border-color: #f8cb68 !important;
}
.bg-disc131-unvalidated  {
  background-color: #f8cb68 !important;
  border-color: #f8cb68 !important;
}
.bg-disc232-unvalidated  {
  background-color: #f8cb68 !important;
  border-color: #f8cb68 !important;
}
.bg-disc320-unvalidated  {
  background-color: #f8cb68 !important;
  border-color: #f8cb68 !important;
}
.bg-disc323-unvalidated  {
  background-color: #f8cb68 !important;
  border-color: #f8cb68 !important;
}
.bg-disc325-unvalidated  {
  background-color: #f8cb68 !important;
  border-color: #f8cb68 !important;
}
.bg-disc340-unvalidated  {
  background-color: #f8cb68 !important;
  border-color: #f8cb68 !important;
}
.bg-orga-event {
  background-color: #249bff !important;
  border-color: #249bff !important;
}
.bg-disc1-validated  {
  background-color: #9fedff !important;
  border-color: #9fedff !important;
}
.bg-disc2-validated  {
  background-color: #ff787c !important;
  border-color: #ff787c !important;
}
.bg-disc3-validated  {
  background-color: #ffdd00 !important;
  border-color: #ffdd00 !important;
}
.bg-disc4-validated  {
  background-color: #dddddd !important;
  border-color: #dddddd !important;
}
.bg-disc5-validated  {
  background-color: #27ca11 !important;
  border-color: #27ca11 !important;
}
.bg-disc6-validated  {
  background-color: #ff787c !important;
  border-color: #ff787c !important;
}
.bg-disc7-validated  {
  background-color: #ffdd00 !important;
  border-color: #ffdd00 !important;
}
.bg-disc8-validated  {
  background-color: #27ca11 !important;
  border-color: #27ca11 !important;
}
.bg-disc123-validated  {
  background-color: #f7a61f !important;
  border-color: #f7a61f !important;
}
.bg-disc130-validated  {
  background-color: #f7a61f !important;
  border-color: #f7a61f !important;
}
.bg-disc131-validated  {
  background-color: #f7a61f !important;
  border-color: #f7a61f !important;
}
.bg-disc232-validated  {
  background-color: #f7a61f !important;
  border-color: #f7a61f !important;
}
.bg-disc320-validated  {
  background-color: #f7a61f !important;
  border-color: #f7a61f !important;
}
.bg-disc323-validated  {
  background-color: #f7a61f !important;
  border-color: #f7a61f !important;
}
.bg-disc325-validated  {
  background-color: #f7a61f !important;
  border-color: #f7a61f !important;
}
.bg-disc340-validated  {
  background-color: #f7a61f !important;
  border-color: #f7a61f !important;
}
.summary{
  float: right;
}
.card-panel.date{
  /*margin: .1rem 0 .1rem 0 !important;*/
  padding: 10px;
}
.card-panel.recipe{
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0px 1px 3px rgba(90,90,90,0.1);
  display: grid;
  grid-template-columns: 2fr 6fr 1fr;
  grid-template-areas: "image details delete";
  position: relative;
}
.recipe img{
  grid-area: image;
  max-width: 60px;
}
.recipe-details{
  grid-area: details;
  margin-top: 6px;
}
.recipe-more{
  grid-area: delete;
  position: absolute;
  top: 15px;
  right: 0px;
}
.recipe-more i{
  font-size: 18px;
}
.recipe-title{
  font-weight: bold;
}
.recipe-info{
  font-size: 0.8em;
}

/* form-styles */
.add-btn{
  background: var(--title) !important;
}
input{
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.side-form button{
  background: var(--title);
  box-shadow: 1px 1px 3px rgba(90,90,90,0.2);
}
form .input-field{
  margin-top: 30px;
}
input[type="radio"]{
  position: relative !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.no_border_bottom{
  border-bottom: 0px;
}