html, body {
  background: #fff !important;
  color: #252528;
}
@font-face {
  font-family:'BaselGrotesk';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Basel-Grotesk-Regular.otf');
}
@font-face {
  font-family: 'BaselGrotesk-Medium';
  font-style: medium;
  font-weight: 400;
  src: url('../fonts/Basel-Grotesk-Medium.otf');
}
@font-face {
  font-family: 'BaselGrotesk-Bold';
  font-style: bold;
  font-weight: 400;
  src: url('../fonts/Basel-Grotesk-Bold.otf');
}
@font-face {
  font-family: 'BaselGrotesk-Book';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Basel-Grotesk-Book.otf');
}
.font-bold{
  font-family: 'BaselGrotesk-Bold';
}

.font-medium{
  font-family: 'BaselGrotesk-Medium';
}
.font-book{
  font-family: 'BaselGrotesk-Book';
}
.txt-15 {
  font-size: 15px !important;
}
.txt-16 {
  font-size: 16px !important;
}
.txt-17 {
  font-size: 17px !important;
}
.txt-20 {
  font-size: 20px !important;
}
.txt-24 {
  font-size: 24px !important;
}
.txt-11 {
  font-size: 11px !important;
}
.custom-date {
  display: block;
  line-height: 17px;
  padding: 14px 12px;
  border-color: #d3d3d3;
  border-radius: 8px;
  min-width: 51px;
}
.custom-date p {
  width: 100%;
  color: #282828;
  font-family: "BaselGrotesk-Medium";
  line-height: 22px;

}
.custom-date p:first-child {
  color: #88888B;
  font-size: 13px;
  font-family: "BaselGrotesk-Book";
  line-height: normal;
}
.blank-date {
  border-color: transparent;
  background: transparent;
}
.blank-date p:first-child {
  font-size: 11px;
  font-family: "BaselGrotesk-Medium";
}
.blank-date p:last-child {
  color: #A3A3A5;
}
.active-date, .active-time {
  background: #E6F2FF;
}
.double-dot, .single-dot {
  position: relative;
}
.double-dot:after, .single-dot:after {
  content: '..';
  position: absolute;
  bottom: 12px;
  color: #47669F;
  left: 0;
  right: 0;
  font-size: 30px;
}
.single-dot:after {
  content: '.';
}
.custom-time {
  padding: 4px 12px;
  border-color: #d3d3d3;
  border-radius: 8px;
  color: #252528 !important;
  font-size: 18px;
  font-family: "BaselGrotesk-Medium";
}
.custom-time span{
  color: #88888B;
  font-size: 15px;
}
.blue-badge {
  background: #E6F2FF;
  border-radius: 32px;
  font-size: 10px;
  padding: 3px 10px;
  font-family: 'BaselGrotesk-Book';
}
.custom-combobox .slds-combobox__input {
  border: 0 !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-family: 'BaselGrotesk-Book';
  color: #252528 !important;
  padding: 0 !important;
  line-height: 22px !important;
}
.custom-combobox .slds-input-has-icon .slds-input__icon svg {
  visibility: hidden;
}
.custom-combobox .slds-input-has-icon .slds-input__icon:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 7px;
  top: 0px;
  left: 12px;
  background: no-repeat url("../images/arrow-down.png");
}
.main-container {
  font-family: "BaselGrotesk"; 
  background: #fafafa;
  letter-spacing: .25px;
  padding-bottom: 60px;
  min-height: 100vh;
  box-sizing: border-box;
}
.inner-container {
  max-width: 95%;
  margin: 0px auto;
  padding: 0px 16px;
  padding-bottom: 2rem
}
.txt-light {
  color: #6f6f71 !important;
}
.txt-gray {
  color: #565659 !important;
}
.main-container textarea, .custom-modal textarea {
  min-height: 100px;
  font-size: 15px;
  color: #8C8888;
  letter-spacing: .5px;
  border-radius: 8px;
  border-color: #BFBEBE;

}
/*
.main-footer {
  padding: 16px;
  background: #fff;
  text-align: right;
  margin-top: 200px;
  border-top: 1px solid #e3e3e3;
}
*/
.main-footer{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  padding: 10px;
  z-index: 1000;
  background: #fff;
  border-top: 1px solid #e3e3e3;
}
.primary-btn {
  background: #512F3E !important; 
  border-color: #512F3E !important; 
  color: #fff !important; 
  border-radius: 8px; 
  height: 40px;
  font-size: 15px;
  font-family: "BaselGrotesk-Medium"; 
  letter-spacing: .25px;
}
.primary-btn:hover { 
  opacity: .9;
}
.primary-btn[disabled] {
  background: #E0DEDE !important; 
  border-color: #E0DEDE !important; 
  color: #595555 !important; 
}
.tertiary-btn, .back-btn {
  border-color: #D3D3D3 !important; 
  color: #252528 !important; 
  border-radius: 8px; 
  height: 40px;
  font-size: 15px;
  font-family: "BaselGrotesk-Medium"; 
  letter-spacing: .25px;
  padding: 0px 16px;
}
.back-btn {
  padding-left: 22px;
}
.sched-btn {
  border-radius: 8px;
  height: 40px;
  font-size: 15px;
  font-family: "BaselGrotesk-Medium";
  letter-spacing: .25px;
}
/*
.mtb-5 {
  margin: 5px 0px;
}
*/
.pt-20 {
  padding-top: 20px !important;
}
/*
.pt-40 {
  padding-top: 40px !important;
}
*/
.mt-28 {
  margin-top: 28px !important;
}
/*
.mt-56 {
  margin-top: 56px !important;
}
*/
.secondary-btn {
  color: #502D3C !important; 
  border: 2px solid #502D3C; 
  border-radius:0; 
  line-height: 28px; 
  padding: 0 12px;
  font-size: 15px;
  font-family: "BaselGrotesk-Bold"; 
}
.date-range-txt {
  font-family: "BaselGrotesk-Bold";
  font-size: 11px;
  text-transform: uppercase; 
  color: #595555; 
  letter-spacing: 1.5px;
}
.custom-box {
  background: #fff; 
  border-radius: 8px; 
  border-color: #d3d3d3; 
}
.custom-form .slds-form-element__label {
  font-family: "BaselGrotesk-Medium"; 
  color: #595555;
}
.slds-form-element__label {
  font-size: 15px;
  color: #6f6f71;
  line-height: 22px;
  padding: 0;
  margin-bottom: 4px;
  font-weight: normal !important;
}

.custom-form .slds-input, .custom-form .slds-select {
  font-size: 15px;
  color: #252528;
  padding: 10px 16px;
  border-color: #d3d3d3;
  height: 40px;
  line-height: 20px;
  border-radius: 8px;
}
.custom-form .slds-select { 
  padding-right: 32px;
}
.custom-form .required-field label.slds-form-element__label:after
, label.required-field:after
, .custom-form .required-field legend:after
, .custom-form .required-field span.slds-form-element__label:after {
  content: '*';
  color: #C3402C;
  margin-left: 3px;
}
.custom-form .required-field legend {
  width: 100%;
  margin-bottom: 0;
}

.custom-form abbr.slds-required {
  display: none;
}
.custom-form .slds-select_container:before {
  display: none;
}
.custom-form .slds-select_container:after {
  border: 0;
  width: 16px;
  height: 9px;
  top: 16px;
  right: 16px;
  background: no-repeat url(../images/arrow-down-01.png);
}
.txt-normal {
  font-size: 15px;
  color: #595555;
  letter-spacing: .5px;  
}
.link-grey, .link-grey:hover, .link-grey:focus {
  color: #595555; 
  text-decoration: underline;
}
.link-grey:hover {
  text-decoration: none;
}
.custom-checkbox-group .slds-checkbox {
  border: 1px solid #bfbebe;
  border-radius: 8px;
  padding: 10px 11px 5px;
  margin-top: 8px;
  background: #fff;
}
.custom-checkbox-group .slds-checkbox .slds-form-element__label {
  margin-bottom: 0;
  font-size: 15px;
  color: #000;
  font-family: 'BaselGrotesk-Medium';
}
.custom-checkbox-group .slds-checkbox .slds-checkbox_faux {
  border-color: #A3A3A5;
  border-width: 2px;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  margin-right: 11px !important;
}
.custom-checkbox-group .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux {
  background-color: #502D3C;
  border-color: #502D3C;
}
.custom-checkbox-group .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after {
  height: .35rem;
  width: .6rem;
  top: 48%;
  border-color: #fff;
}
.custom-modal .slds-modal__header {
  border: 0;
}
.custom-modal .slds-modal__content {
  padding-top: 16px;
}
.slds-dropdown--fluid, .slds-dropdown_fluid {
  min-width: auto;
}
.custom-modal .slds-combobox__input .slds-truncate {
  white-space: normal;
}
.custom-modal .slds-modal__footer {
  border-color: #E0DEDE;
  border-width: 1px;
  background: #fff;
}
.custom-modal .slds-modal__footer .slds-button+.slds-button {
  margin-left: .75rem;
}
.custom-modal .slds-modal__close {
  bottom: -62px;
  z-index: 99;
  right: 23px;
}
.custom-modal .slds-modal__close svg path {
  fill: #000;
}
.custom-modal .slds-modal__container {
  padding: 0 0 2rem 0;
}

.error-message {
  color: red;
  font-weight: bold;
  margin-top: 10px;
}

.dateContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.dateCell {
  width: 5rem;
}

.timeContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}

.timeCell {
  width: 7rem;
}
.timeCellWide {
  width: 12rem;
}

.lightGrayBorder,
.lightGrayInputBorder lightning-input input.slds-input {
  border: 1px solid lightgray;
}

.card-borderless {
  border: 0;
  box-shadow: none;
}