:root {
  --chinook-brown: #74192E;
}

body {
  font-family: Verdana, sans-serif;
}

a:link,
a:active,
a:visited,
a {
  /* color: var(--chinook-brown);*/
  text-decoration: none;
}

#header {
  background-color: var(--chinook-brown);
  color: white;
}

#header a {
  color: white;
}

#header #block-sitebranding img {
  max-height: 100px;
  width: auto;
}

#content .one-car {
  border: 2px solid var(--chinook-brown);
  width: 250px;
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
}

.one-car .pager .js-pager__items,
.one-car .views-element-container h3,
.one-car .fc-today-button,
.one-car .fc-timeGridDay-button {
  display: none;
}

.fc-scroller {
  height: auto !important;
}

.fc-center h2 {
  font-size: 1rem;
}

.car-name {
  font-size: 1rem;
  font-weight: bold;
  min-height: 2.5rem;
}

#cgs-date-form .form-item,
#views-exposed-form-all-appointments-by-job-and-car-id-page-1 .form-item {
  display: block;
  float: left;
  padding-right: 4rem;
}

#cgs-date-form .form-item-date {
  padding-right: 0.5rem;
}

#cgs-date-form {
  clear: both;
  padding-bottom: 2rem;
}

#cgs-cancel-form  .form-item {
  display: block;
  float: left;
  padding-right: 2rem;
}

#block-schedulermenu {
  background-color: var(--chinook-brown);
  float: right;
}

#block-chinook-site-branding a {
  display: none;
}

#block-chinook-site-branding a:has(img) {
  display: block;
}

#block-schedulermenu ul li, #block-chinook-primary-local-tasks ul li {
  display: inline;
  list-style: none;
  margin: 0 1rem;
}

#block-schedulermenu a {
  color: white;
}

.address1 {
  display: none;
}

.fc-title {
  font-size: 0.8rem;
  line-height: 0.9rem;
}


.fc-title:hover .address1 {
  display: block;
  position: absolute;
  /* padding-left: 50px;*/
}

.back-button {
  color: var(--chinook-brown);
  font-size: 4rem;
  font-weight: bold;
}

.cancel-button, .home-button {
  border: 1px solid var(--chinook-brown);
  padding: 0.5rem;
  font-weight: bold;
}

.confirm-text, .yes-button {
  display: block;
  clear: both;
}

.yes-button {
  padding: 0.2rem;
  margin-top: 1rem;
}

div[data-drupal-messages] {
  background-color: yellow;
  color: black;
  font-weight: bold;
  padding: 0.5rem;
 }

 label {
  font-weight:bold;
 }

 .field-wrapper {
  margin-bottom: 1rem;
  background-color:lightgoldenrodyellow;
  padding: 0.5rem;
 }

 #edit-field-ship-date-0-value-time {
  display: none;
 }

.unconfirmed a {background-color: black; color: white; font-weight: bold; padding: 0.5rem;}
.airdrie a {background-color: #1A5FB4; color: white; font-weight: bold; padding: 0.5rem;}
.sealed_units a {background-color: #7F00FF; color: white; font-weight: bold; padding: 0.5rem;}
.mirrors a {background-color: #5E5C64; color: white; font-weight: bold; padding: 0.5rem;}
.wpd a {background-color: #008800; color: white; font-weight: bold; padding: 0.5rem;}
.commercial a {background-color: #d8910c; color: white; font-weight: bold; padding: 0.5rem;}
.wpdhw a {background-color:  gold; color: white; font-weight: bold; padding: 0.5rem;}
.screens a {background-color:#088F8F; color: white; font-weight: bold; padding: 0.5rem;}
.showers a {background-color: darkblue; color: white; font-weight: bold; padding: 0.5rem;}
.emergency a {background-color: red; color: white; font-weight: bold; padding: 0.5rem;}

.feed-icon {
  display: none;
}

.form-item-field-job-id-value, .form-item-field-car-term-target-id, #edit-field-job-date-end-value-wrapper {
  padding-bottom: 1rem;
}

#edit-field-job-date-end-value-wrapper--2 {
  width: 18rem;
}

table.cols-6 {
  margin-top: 2rem;
}

table.cols-6 th, table.cols-6 td{
  text-align: left;
  width: 15rem;
}

.views-field-field-job-date {
 /* width: 15rem; */
}

.views-field-field-job-type-color {
  text-align: right;
}