/* 
	Don't add anything that isn't name spaced to these portlets.
	Any CSS directives are applied to the entire page.  There seems
	to be a miss-conception that directives placed here are somehow
	automatically scoped to only the portet.
	Because of this the following were all removed.  These aren't 
	the proper way to do this (especially the 'control-label' 
	directive as the way to get the label to make a horizontal form
	is to add the 'form-horizontal' class to the form). 
		
control-label {
	min-width: 150px;
	display: inline-block
}


fieldset.borderless {
	border: none;
}

.select-preference {
	min-width: 200px;
} 
*/

.day-checkbox-input {
  display: none;
}

.day-label:before {
  display: none;
}

.day-checkbox-input + label {
  position: relative;
  display: inline-block;
  border: 1px solid black;
  border-radius: 5px;
  display: inline-block;
  padding: 3px 0.1em 0.1em 0.1em;
  width: 36px;
  text-align: center;
  min-height: 55px;
  margin: 0;
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
}

.day-checkbox-input + label.glyphicon {
  font-family: 'Glyphicons Halflings' !important;
}

.day-checkbox-input + label > span {
  font-family: sans-serif;
}

.day-checkbox-input + label {
  background-color: white;
  color: #000;
}

.day-checkbox-input:checked + label {
  background-color: #555;
  color: white;
}

.day-checkbox-input:checked + label:after {
  content: "\e013";
  font-size: 24px;
  position: absolute;
  top: 28px;
  left: 7px;
  color: white;
}

.result-cards-container {
  margin: 1em 0;
}

.result-card {
  background: #fafafa;
  border: 1px solid #e0e0e0;
  padding: 1.5em;
  margin-top: 8px;
  margin-bottom: 8px;
}

.result-card label { padding-right: 0.5em; }

.result-card-img-container { padding-bottom: 1em; }
.result-card-img { border-radius: 5px; }

.result-card-title, .result-card-subtitle { display: flex; justify-content: space-between; }
.result-card-title-name { text-transform: capitalize; padding: 0; margin: 0; font-size: 20px; color: #0067B1; font-weight: 600; }
.result-card-subtitle { border-bottom: 1px solid #e0e0e0; padding: 1em 0 0 0; }
.result-card-route { font-weight: 600; padding: 1em 0 0.25em 0; }

.result-card-checks,
.result-card-days,
.result-card-notes { padding: 0.25em 0 0.25em 0; }

.result-card-round-badge {
  background-color: #4c4c4c;
  padding: 0 0.2em;
  min-width: 24px;
  height: 24px;
  color: white;
  text-align: center;
  border-radius: 1em;
}

.result-card-square-badge {
  background-color: #4c4c4c;
  padding: 0 0.5em;
  height: 20px;
  color: white;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
}

.result-card-demographic { color: #0067B1; font-weight: 400; }
.result-card-mile-count, .result-card-check, .result-card-time { padding: 0 0.2em; display: inline-block; }

.margin-y-1 { margin-top: 1em; margin-bottom: 1em; }
.padding-x-1 { padding-left: 0.5em; padding-right: 0.5em; }
.padding-y-1 { padding-top: 0.5em; padding-bottom: 0.5em; }
.padding-r-1 { padding-right: 0.5em; }

.trip-container-mobile {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  padding: 1.5em;
  max-width: 465px;
}

.trip-tile { border: 1px solid #e0e0e0; background: #fafafa; padding: 1em; }
.trip-tile-label { display: flex; justify-content: space-between; color: #0067B1; font-size: 15px; }
.trip-tile-days { display: inline-block; }
.trip-container-title-name { font-size: 24px; color: #0067B1; font-weight: 400; }

.square-badge {
  background-color: #4c4c4c;
  padding: 0 0.5em;
  height: 20px;
  color: white;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
}

.modern-card {
  padding: 1.5em;
  margin-top: 8px;
  margin-bottom: 8px;
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
}

.result-card label { padding-right: 0.5em; }

.result-card-img-container { padding-bottom: 1em; }
.result-card-img { border-radius: 5px; }

.result-card-title, .result-card-subtitle { display: flex; justify-content: space-between; }
.result-card-title-name { text-transform: capitalize; padding: 0; margin: 0; font-size: 20px; color: #0067B1; font-weight: 600; }
.result-card-subtitle { border-bottom: 1px solid #e0e0e0; padding: 1em 0 0 0; }
.result-card-route { font-weight: 600; padding: 1em 0 0.25em 0; }

.result-card-checks,
.result-card-days,
.result-card-notes { padding: 0.25em 0 0.25em 0; }
.result-card-updated { margin-bottom: 1em; }

.result-card-round-badge {
  background-color: #4c4c4c;
  padding: 0 0.2em;
  min-width: 22px;
  height: 22px;
  color: white;
  text-align: center;
  border-radius: 1em;
}

.result-card-square-badge {
  background-color: #4c4c4c;
  padding: 0 0.5em;
  height: 20px;
  color: white;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
}

.result-card-demographic { color: #0067B1; font-weight: 400; }
.result-card-mile-count, .result-card-check, .result-card-time { padding: 0 0.2em; display: inline-block; }


/* On mouse-over, add a deeper shadow */
.modern-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.blue-member-icon {
  font-size:24px;
  color:#4045e8;
}