@import url("kaihive-forms.css");
@import url("kaihive-selectable.css");
@import url("kaihive-tabs.css");
@import url("kaihive-table.css");

/* Declare the color scheme */
:root {
  --kh-yellow: #ffc54b;
  --kh-blue: #487bb9;
}

.centered-page-container {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.page-container {
  text-align: left;
  margin-top: 40px;
  margin-bottom: 40px;
}

.alert-message {
  font-size: 20px;
  margin: 20px;
}

/* Button stylings */
.update-btn,
.update-btn-blue {
  margin: 10px;
  font-size: 17px;
  font-weight: 500;
  cursor: pointer;
  padding: 10px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 5px;
  border: none;
}

.update-btn {
  background-color: var(--kh-yellow);
  color: black;
}

.update-btn-blue {
  background-color: var(--kh-blue);
  color: white;
}

.update-btn:hover {
  color: white;
  background-color: #487bb9;
}

.white-btn {
  margin: 10px;
  font-size: 17px;
  font-weight: 500;
  background-color: white;
  color: black;
  cursor: pointer;
  border: solid black 1px !important;
  padding: 9px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 5px;
}

.delete-btn {
  margin: 10px;
  font-size: 17px;
  font-weight: 500;
  background-color: red;
  color: black;
  cursor: pointer;
  padding: 10px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 5px;
  border: none;
  color: white;
}

/* Etc. */
#dealership-logo-container {
  /*width:180px;
   height:180px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#dealership-logo-container img {
  max-width: 200px;
  max-height: 200px;
}

.mark-as-sold {
  color: green;
}

.delete-link:hover,
.mark-as-sold:hover {
  cursor: pointer;
}

.disabled-row {
  background-color: #e6e6e6;
}

.disabled-col {
  text-decoration: line-through;
}

.back-container {
  max-width: 1200px;
  margin: auto;
}

/* Flex containers */
.flex_container {
  display: flex;
  justify-content: center;
}

.flex_wrap_container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.half-flex {
  width: 50%;
}

.fill_column {
  flex-grow: 1;
}

.flex_between_container {
  display: flex;
  justify-content: space-between;
}

/* Reserve test drive button */
.reserve-test-drive-btn {
  background-color: #ffc54c;
  color: white;
  font-weight: 600;
  border-radius: 10px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 119px;
  margin-top: 11px;
  margin-bottom: 11px;
  color: black;
}

.reserve-test-drive-btn:hover {
  background-color: var(--kh-blue);
  color: black;
}

.reserve-test-drive-btn p {
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.box-shadow-outline {
  box-shadow: 0px 0px 8px 0px #888888c5;
}

/* Appointment Overview */
.appointment-overview {
  margin: 1rem auto;
}

.date-full-title,
.overview-address {
  font-weight: 400;
}

.extended_hours_input {
  background-color: var(--kh-yellow);
  border-radius: 7px;
}

.fancy-scroll-bar::-webkit-scrollbar-thumb {
  background-color: rgb(173, 173, 173);
  border-radius: 10px;
}

.fancy-scroll-bar::-webkit-scrollbar {
  width: 8px;
  height: 450px;
  padding-top: 20px;
}

.et-menu .menu-item-has-children > a:first-child:after {
  display: none !important;
}