body {
  font-family: "Poppins" !important;
  height: 100vh;
  background-color: #f9f9f9 !important;
}

a {
  text-decoration: none;
}

a:hover {
  color: unset;
}

.createEvent {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  padding: 12px 28px 13px;
  border-radius: 3px;
  background-color: #FEC115;
  text-decoration: none;
  text-transform: unset;
  font-family: "Poppins", serif;
  margin-right: 13px;
  align-items: center;
  justify-content: center;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.createEvent:hover,
.createEvent:focus,
.saveExit:hover,
.saveExit:focus {
  color: #fff;
  /* background:  linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), var(--Logo-Color, #FEC115); */
  border-color: transparent !important;
}

.formSubmit:hover,
.formSubmit:focus {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), var(--Logo-Color, #FEC115);
  border-color: transparent !important;

}

.formCancel:hover,
.formCancel:focus,
.editEvent:hover,
.editEvent:focus,
.changeThumbnail:hover,
.changeThumbnail:focus {
  background-color: #FEC115 !important;
  border-color: #FEC115 !important;
}

#calenderIcon::placeholder,
#timePicker::placeholder {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #797979;
}

#calenderIcon,
#timePicker {
  cursor: pointer
}

.card {
  box-shadow: none;
}

button,
a {
  text-transform: unset !important;
}

input {
  color: #525252;
}

.select2-container {
  width: 100% !important;
  background-color: #fff !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 15px;
}

.select2-container .select2-selection--single {
  height: 55px;
  border-color: #e5e5e5;
  background: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 51px;
  border-radius: 3px;
  border: none;
  background-color: #fff;
  color: #525252;
  ;
}

.select2-selection__placeholder {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #525252;
}

.selectDropdown {
  margin-top: 2px;
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #43a92f !important;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #f8000e !important;
}

.was-validated .form-control:invalid+.select2-container--default .select2-selection--single,
.was-validated .form-control:invalid+.select2-container--default .select2-selection--multiple {
  border-color: #fa626b !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #FEC115;
}

.select2-results__option[aria-selected] {
  color: #525252;
  font-size: 14px;
}

.select2-container--default .select2-results>.select2-results__options {
  background: #fff;
}

.select2-dropdown,
.ui-timepicker-standard {
  border: none;
  border-radius: 3px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #e5e5e5 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #e5e5e5;
  color: #525252;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #FEC115 !important;
  color: #fff;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #FEC115 !important;
  color: #fff !important;
}

.daterangepicker .drp-buttons .btn.applyBtn {
  background-color: #FEC115;
  box-shadow: none;
  border-color: #FEC115;
}

.daterangepicker .drp-buttons .btn.cancelBtn {
  background-color: #e5e5e5;
  box-shadow: none;
}

.daterangepicker .drp-buttons {
  border-top: none !important;
}

.daterangepicker:before,
.daterangepicker:after {
  display: none !important;
}

.daterangepicker,
.ui-timepicker-standard {
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.16);

}

.ui-timepicker-standard .ui-state-hover {
  background-color: #F5F5F5!important;
  border:1px solid #F5F5F5!important;
  border-left: 2px solid #FEC115!important;
 
}

.ui-timepicker-standard a {
  font-size: 14px;
}

.was-validated .selectCol:has(:invalid) {
  margin-bottom: 2rem !important;
}

.ui-timepicker-standard {
  font-family: "Poppins", serif !important;
}

.profile-user span {
  position: absolute;
  right: 0;
  top: 5px;
}

.invalid-feedback {
  margin-top: -0.75rem !important;
  position: relative!important;
}


.breadcrumb-item+.breadcrumb-item::before {
  content: "" !important;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23000000" viewBox="0 0 256 256"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 8px;
}

.breadcrumb-item.active {
  color: #a6a6a6 !important;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.upload__inputfile {
  width: 0;
  padding: 0;
}

.profile-user span img {
  width: 17px;
}

.menuProfileUser span {
  color: var(--Font_primary, #292D32) !important;
  width: 13.698px !important;
  height: 12.564px !important;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  padding-right: 0 !important;
}

.menuProfileUser {
  display: flex;
  width: 36px;
  height: 36px;
  padding: 11px;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 18px;
  border: 1px solid var(--Line, #CCC);
  background: var(--Table_bg, #FAFAFA);
  justify-content: center;
  align-items: center;
}

.user-profile .dropdown-item {
  cursor: pointer;
  background-color: transparent !important;
}


/* Customize success toast icon with SVG */
#toast-container>.toast-success {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M22 11.0799V11.9999C21.9988 14.1563 21.3005 16.2545 20.0093 17.9817C18.7182 19.7088 16.9033 20.9723 14.8354 21.5838C12.7674 22.1952 10.5573 22.1218 8.53447 21.3744C6.51168 20.6271 4.78465 19.246 3.61096 17.4369C2.43727 15.6279 1.87979 13.4879 2.02168 11.3362C2.16356 9.18443 2.99721 7.13619 4.39828 5.49694C5.79935 3.85768 7.69279 2.71525 9.79619 2.24001C11.8996 1.76477 14.1003 1.9822 16.07 2.85986M22 3.99986L12 14.0099L9.00001 11.0099" stroke="%23069F6C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
  margin-right: 8px;
  vertical-align: middle;
}


#toast-container>.toast-error {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M18 6L6 18M6 6L18 18" stroke="%23D92D20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
  background-repeat: no-repeat;
  background-position: 12px center;
  padding-left: 44px;
}

#toast-container>.toast-warning {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 9V13M12 17H12.01M10.29 3.85995L1.81995 18C1.65112 18.2899 1.56212 18.6216 1.5625 18.9591C1.56288 19.2966 1.6526 19.6279 1.82213 19.9175C1.99165 20.207 2.23489 20.4458 2.52605 20.6103C2.81721 20.7749 3.14568 20.8591 3.47995 20.854H20.52C20.8543 20.8591 21.1828 20.7749 21.4739 20.6103C21.7651 20.4458 22.0083 20.207 22.1779 19.9175C22.3474 19.6279 22.4371 19.2966 22.4375 18.9591C22.4379 18.6216 22.3489 18.2899 22.18 18L13.71 3.85995C13.5393 3.57922 13.296 3.34078 13.0089 3.1664C12.7219 2.99201 12.4018 2.88692 12.07 2.85995C11.7382 2.88692 11.4181 2.99201 11.131 3.1664C10.844 3.34078 10.6007 3.57922 10.43 3.85995H10.29Z" stroke="%23DC6803" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
  background-repeat: no-repeat;
  background-position: 12px center;
  padding-left: 44px;
}

#toast-container>.toast-info {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 17V11M12 7H12.01M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke="%230475C9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
  background-repeat: no-repeat;
  background-position: 12px center;
  padding-left: 44px;
}

#toast-container .toast .toast-close-button {
  color: #000;
  font-weight: normal;
  margin-top: 10px;
}

.toast {
  display: block;
  background-color: #fff !important;
  opacity: 1 !important;
  border-radius: var(--Corner-Full, 1000px) !important;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25) !important;
  color: #000 !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-color: #fff !important;
}
#autocompleteResults {
  box-sizing: content-box;
  width: calc(100% - 22px);
  background-color: #fff !important;
  color: #000 !important;
  z-index: 1000;
  position: absolute;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 4px;
  padding: 0;
  left: 0px;
  right: 0px;
  margin: 0px auto;
display: none; 
}
.address-suggestion {
  padding: 10px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.3;
}
.address-suggestion:hover {
  color: #FEC115;
}

.autocomplete-item {
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

/* Hover effect */
.autocomplete-item:hover {
  background-color: #e6ac10;
}

/* Active state (e.g. arrow key selection) */
.autocomplete-item.active {
  background-color: #d9990f;
}

.toast-message{
  position: relative;
  top:2px;
}



 


@media(max-width:991.98px) {
  .createEvent {
    font-size: 18px;
    padding: 12px;
  }
}

@media(max-width:991.98px) {

  .calendar-icon,
  .timer-icon {
    top: 20px;
    width: 20px;
  }

  .createEvent {
    padding: 10px;
    font-size: 14px;
    height: 40px;
  }
}

@media(max-width:576.98px) {

  .breadcrumb-item a,
  .breadcrumb-item.active {
    font-size: 13px;
  }
}