.lotusForm {
	background: #fefefe !important;
}

.bcSelect {  /* used for comboboxes to override lotusForm styles */
	margin: 0 0 1rem !important;
	padding: 0.5rem !important;
	padding-right: 1.5rem !important;
	border: 1px solid #cacaca !important;
}

.bcTextArea {  /* used for comboboxes to override lotusForm styles */
	margin: 0 0 1rem !important;
	padding: 0.5rem !important;
	border: 1px solid #cacaca !important;
}


/**** Custom Bootstrap4 navbar coloring override ****/
/* change the background color */
.navbar-custom2 {
	background-color:rgb(25,34,109) !important;
}
/* change the brand and text color */
.navbar-custom2 .navbar-brand,
.navbar-custom2 .navbar-text {
    color: rgba(255,255,255,1.0);
}
/* change the link color */
.navbar-custom2 .navbar-nav .nav-link {
    color: rgba(255,255,255,1.0);
}
/* change the color of active or hovered links */
.navbar-custom2 .nav-item.active .nav-link,
.navbar-custom2 .nav-item:focus .nav-link,
.navbar-custom2 .nav-item:hover .nav-link {
    color: rgba(255,255,255,0.8);
}

/* custom button colors 1 - ssYellow */
.btn-custom1 {
  color: #000;
  background-color: rgb(238,192,65);
  border-color: rgb(238,192,65);
}
.btn-custom1:hover {
  color: #000;
  background-color: rgba(238,192,65,0.8);
  border-color: rgba(238,192,65,0.8);
}


/* custom button colors 2 - ssCoral */
.btn-custom2 {
  color: #fff;
  background-color: rgb(221,72,84);
  border-color: rgb(221,72,84);
}
.btn-custom2:hover {
  color: #fff;
  background-color: rgba(221,72,84,0.8);
  border-color: rgba(221,72,84,0.8);
}
/* custom button colors 3 - ssGreen */
.btn-custom3 {
  color: #fff;
  background-color: rgb(129,185,32);
  border-color: rgb(129,185,32);
}
.btn-custom3:hover {
  color: #fff;
  background-color: rgba(129,185,32,0.8);
  border-color: rgba(129,185,32,0.8);
}

/* hide the drop-down carets in the navbar */
/*.dropdown-toggle::after {
    display:none;
}*/

/* calendar css to make calendar responsive */
.calendar-embed { }
.calendar-embed--mobile { display: none; }
.calendar-embed iframe { display:block; width:100%; border:0; }
/* Bootstrap-ish breakpoint */
@media (max-width: 767.98px) {
  .calendar-embed--desktop { display: none; }
  .calendar-embed--mobile { display: block; }
}


/* BS4 -> BS5 Accordion */
/* The below is to mimic Bootstrap 5 accordion style in Bootstrap 4, since it's way better but didn't want to convert entire site to BS5 */
/* Container look (optional) */
.accordion .accordion-item {
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  overflow: hidden;
  background-color: #fff;
  margin-bottom: .5rem;
}

/* Header button mimicking BS5 .accordion-button */
.accordion-button {
  display: flex;
  width: 100%;
  align-items: center;
  padding: .75rem 1rem;
  font-size: 1rem;
  color: #212529;
  background-color: #f8f9fa;
  border: 0;
  border-radius: 0;
  text-align: left;
  box-shadow: none;
  position: relative;
}

.accordion-button:hover {
  background-color: #f1f3f5;
}

.accordion-button:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.25); /* BS-like focus ring */
}

/* Chevron (down by default) using inline SVG like BS5 */
.accordion-button::after {
  content: "";
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  background-repeat: no-repeat;
  background-size: 1rem;
  transition: transform .2s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}

/* Rotate chevron when OPEN (not collapsed) to point up */
.accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}

/* Body wrapper like BS5 */
.accordion-collapse.collapse {
  border-top: 1px solid rgba(0,0,0,.125);
}

.accordion-body {
  padding: 1rem;
}

/* Remove old card header padding if present */
.card-header.accordion-header {
  padding: 0;
  background: transparent;
  /* border-bottom: none; */
}

/* Keep bottom border of card */
.accordion > .card:not(:last-of-type) {
  border-bottom: 1px solid rgba(0,0,0,.125);
}

/* End of BS4 -> BS5 Accordion */