@import '../node_modules/primeflex/primeflex.css';
@import '../node_modules/primeflex/themes/primeone-light.css';
@import "../node_modules/primeicons/primeicons.css";

.invalid-feedback {
  display: block;
}

.p-datepicker,
.p-inputnumber,
.p-selectbutton,
.p-password,
.p-inputtext{
  width: 100%;
}

.p-select{
  font-size: 1rem;
}

.p-inputtext:disabled,
.p-dropdown.p-disabled,
input.p-inputtext:disabled,
textarea.p-inputtextarea:disabled,
input[disabled],
textarea[disabled] {
  background-color: #f5f5f5 !important;
  color: #888 !important;
  cursor: not-allowed;
  opacity: 1 !important; /* override any theme opacity */
}

.topbar,
.page-wrapper .page-content,
.footer{
  background-color: #ffffff;
}

.startbar .brand,
.startbar .startbar-menu{
  background-color: #f6f6f6;
}

.startbar .startbar-menu .navbar-nav .nav-item .nav-link.active, .startbar .startbar-menu .navbar-nav .nav-item .nav-link:hover,
.startbar .startbar-menu .navbar-nav .menu-label,
.startbar .startbar-menu .menu-icon.brand,
.startbar .startbar-menu .navbar-nav .nav-item .nav-link[data-bs-toggle=collapse][aria-expanded=true] i, .startbar .startbar-menu .navbar-nav .nav-item .nav-link[data-bs-toggle=collapse][aria-expanded=true] span,
.startbar .startbar-menu .navbar-nav .nav-item .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after,
.startbar .startbar-menu .menu-icon{
  color: #16283F;
}

.startbar .startbar-menu .navbar-nav .nav-item .nav-link.active::before, .startbar .startbar-menu .navbar-nav .nav-item .nav-link:hover::before{
  background-color: transparent !important;
  border-color: transparent !important;
}

.startbar .startbar-menu .navbar-nav .nav-item .nav-link[data-bs-toggle=collapse][aria-expanded=true]::before{
  border: 0px !important;
  background-color: transparent !important;
}

.startbar .startbar-menu .navbar-nav .nav-item .nav-link[data-bs-toggle=collapse][aria-expanded=true]{
  background-color: transparent !important;
  border-radius: 0px !important;
}

.p-panel{
  border-color: #f6f6f6 !important;
  border-width: 2px !important;
  color: #16283F;
}

.p-datatable-thead > tr > th,
.p-datatable-tbody > tr > td,
.p-tablist-tab-list,
tbody, td, tfoot, th, thead, tr,
.p-datatable-header{
  border-color: #f6f6f6 !important;
}

.p-panel-content{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.p-tabpanels{
  padding: 0px !important;
}

.p-togglebutton.p-togglebutton-checked{
  background-color: #70B595 !important;
}

.e-tooltip-wrap.e-schedule-event-tooltip .airline-flex-row {
  display: flex;
  padding: 0 5px;
  line-height: 20px;
}

.e-tooltip-wrap.e-schedule-event-tooltip .airline-flex-col {
  flex: 0 0 50%;
}

.e-tooltip-wrap.e-schedule-event-tooltip .text-right {
  text-align: right;
}

.e-tooltip-wrap.e-schedule-event-tooltip .margin-right {
  margin-left: -21px;
}

.e-tooltip-wrap.e-schedule-event-tooltip .text-size {
  font-size: 14px;
}

.e-tooltip-wrap.e-schedule-event-tooltip .border-right {
  border-right: 1px solid #fff;
}

.e-tooltip-wrap.e-schedule-event-tooltip .airline-fare {
  padding-left: 8px;
}

.schedule-resources.e-schedule .e-appointment .template-wrapper {
  color: black;
  width: 100%;
}

.fluent-dark .schedule-resources.e-schedule .e-appointment .template-wrapper,
.bootstrap5-dark .schedule-resources.e-schedule .e-appointment .template-wrapper,
.bootstrap5\.3-dark .schedule-resources.e-schedule .e-appointment .template-wrapper,
.tailwind-dark .schedule-resources.e-schedule .e-appointment .template-wrapper,
.tailwind3-dark .schedule-resources.e-schedule .e-appointment .template-wrapper,
.bootstrap-dark .schedule-resources.e-schedule .e-appointment .template-wrapper,
.fabric-dark .schedule-resources.e-schedule .e-appointment .template-wrapper,
.material-dark .schedule-resources.e-schedule .e-appointment .template-wrapper,
.highcontrast .schedule-resources.e-schedule .e-appointment .template-wrapper,
.material3-dark .schedule-resources.e-schedule .e-appointment .template-wrapper,
.fluent2-dark .schedule-resources.e-schedule .e-appointment .template-wrapper,
.fluent2-highcontrast .schedule-resources.e-schedule .e-appointment .template-wrapper {
  color: #fff;
}

.schedule-resources.e-schedule .e-work-cells.best-price {
  background-color: #FFFBDF;
}

.schedule-resources.e-schedule .best-price:not(.e-work-cells) {
  color: #1A961A;
  float: right;
  margin-top: -22px;
  margin-right: 3px;
  width: auto;
  font-size: 12px;
}

.fluent-dark .schedule-resources.e-schedule .best-price:not(.e-work-cells),
.bootstrap5-dark .schedule-resources.e-schedule .best-price:not(.e-work-cells),
.bootstrap5\.3-dark .schedule-resources.e-schedule .best-price:not(.e-work-cells),
.tailwind-dark .schedule-resources.e-schedule .best-price:not(.e-work-cells),
.tailwind3-dark .schedule-resources.e-schedule .best-price:not(.e-work-cells),
.bootstrap-dark .schedule-resources.e-schedule .best-price:not(.e-work-cells),
.fabric-dark .schedule-resources.e-schedule .best-price:not(.e-work-cells),
.material-dark .schedule-resources.e-schedule .best-price:not(.e-work-cells),
.highcontrast .schedule-resources.e-schedule .best-price:not(.e-work-cells),
.material3-dark .schedule-resources.e-schedule .best-price:not(.e-work-cells),
.fluent2-dark .schedule-resources.e-schedule .best-price:not(.e-work-cells),
.fluent2-highcontrast .schedule-resources.e-schedule .best-price:not(.e-work-cells) {
  color: #33DB33;
}

.fluent-dark .schedule-resources.e-schedule .e-work-cells.best-price,
.bootstrap5-dark .schedule-resources.e-schedule .e-work-cells.best-price,
.bootstrap5\.3-dark .schedule-resources.e-schedule .e-work-cells.best-price,
.tailwind-dark .schedule-resources.e-schedule .e-work-cells.best-price,
.tailwind3-dark .schedule-resources.e-schedule .e-work-cells.best-price,
.bootstrap-dark .schedule-resources.e-schedule .e-work-cells.best-price,
.fabric-dark .schedule-resources.e-schedule .e-work-cells.best-price,
.material-dark .schedule-resources.e-schedule .e-work-cells.best-price,
.highcontrast .schedule-resources.e-schedule .e-work-cells.best-price,
.material3-dark .schedule-resources.e-schedule .e-work-cells.best-price,
.fluent2-dark .schedule-resources.e-schedule .e-work-cells.best-price,
.fluent2-highcontrast .schedule-resources.e-schedule .e-work-cells.best-price {
  background-color: #393939;
}

.schedule-resources.e-schedule.e-device .best-price:not(.e-work-cells) {
  display: none;
}

.e-tooltip-wrap.e-schedule-event-tooltip .event-tooltip {
  width: 217px;
}

.e-tooltip-wrap.e-schedule-event-tooltip .airline {
  width: 40%;
}

.e-tooltip-wrap.e-schedule-event-tooltip .event-tooltip .airline-header {
  display: flex;
  padding: 8px 0px 8px 0px;
}

.e-tooltip-wrap.e-schedule-event-tooltip .event-tooltip .airline-details {
  display: flex;
  padding: 8px 5px 8px 5px;
}

.e-tooltip-wrap.e-schedule-event-tooltip .event-tooltip .airline-timings,
.e-tooltip-wrap.e-schedule-event-tooltip .event-tooltip .airline-timings-title {
  display: flex;
  padding: 5px;
}

.e-schedule-event-tooltip .event-tooltip .airline-header {
  border-bottom: 1px solid #e0e0e0;
}

.e-schedule-event-tooltip .event-tooltip .airline-logo,
.schedule-resources.e-schedule .template-wrapper .airline-logo {
  background-size: cover;
  margin-top: -3px;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
}

.e-schedule-event-tooltip .event-tooltip .airline-logo.airways-1,
.schedule-resources.e-schedule .template-wrapper .airline-logo.airways-1 {
  background-image: url('/assets/schedule/images/airways-1.svg');
}

.e-schedule-event-tooltip .event-tooltip .airline-logo.airways-2,
.schedule-resources.e-schedule .template-wrapper .airline-logo.airways-2 {
  background-image: url('/assets/schedule/images/airways-2.svg');
}

.e-schedule-event-tooltip .event-tooltip .airline-logo.airways-3,
.schedule-resources.e-schedule .template-wrapper .airline-logo.airways-3 {
  background-image: url('/assets/schedule/images/airways-3.svg');
}

.schedule-resources.e-schedule .fare-detail {
  color: #00837B;
  font-size: 16px;
  font-weight: 500;
  height: 25px;
  padding-left: 5px;
}

.highcontrast .schedule-resources.e-schedule .fare-detail {
  color: #1B96BB;
}

.schedule-resources.e-schedule.e-device .fare-detail {
  font-size: 11px;
}

.schedule-resources.e-schedule .e-toolbar-item.e-date-range {
  margin-left: 8px;
  pointer-events: none;
}

.schedule-resources.e-schedule .airway-name {
  font-size: 12px;
  overflow: hidden;
  padding-left: 5px;
  text-overflow: ellipsis;
}

.schedule-resources.e-schedule.e-device .airway-name {
  display: none;
}

.schedule-resources.e-schedule .e-month-view .e-appointment {
  height: 45px;
  background: none;
  border-width: 0;
  top: 10px !important;
}

.schedule-resources.e-schedule.e-device .e-month-view .e-appointment {
  height: 45px;
}

.e-bigger .schedule-resources.e-schedule .e-month-view .e-appointment {
  height: 40px;
}

.schedule-resources.e-schedule .e-month-view .e-appointment .e-appointment-details {
  height: inherit;
}

.schedule-resources.e-schedule .e-month-view .e-more-indicator {
  display: none
}

.schedule-resources.e-schedule .e-month-view .e-appointment.e-appointment-border,
.schedule-resources.e-schedule .e-month-view .e-appointment:focus {
  border-width: 0;
}

.e-tooltip-wrap.e-popup.e-schedule-event-tooltip {
  opacity: 1;
}

.highcontrast .e-tooltip-wrap.e-popup.e-schedule-event-tooltip {
  border-color: #e0e0e0;
  background-color: #fff;
}

.highcontrast .e-tooltip-wrap.e-popup.e-schedule-event-tooltip .e-tip-content {
  color: #000;
}

.e-tooltip-wrap.e-popup.e-schedule-event-tooltip .event-tooltip .airline-name {
  font-weight: 500;
  font-size: 16px;
  padding-left: 10px;
  padding-top: 3px;
}

.e-tooltip-wrap.e-popup.e-schedule-event-tooltip .event-tooltip .airline-title {
  font-weight: 500;
  font-size: 14px;
}

.e-tooltip-wrap.e-popup.e-schedule-event-tooltip .event-tooltip .airline-logo {
  margin-left: 5px;
  background-size: 25px;
  height: 25px;
  width: 25px;
  margin-top: 0px;
}

.schedule-demo-heading {
  font-size: 16px;
  padding-bottom: 15px;
  text-align: center;
  font-weight: 500
}

.property-panel-content .e-checkbox-wrapper.e-resource.e-airways-1 .e-frame {
  background-color: #FF745F;
  border-color: transparent;
}

.property-panel-content .e-checkbox-wrapper.e-resource.e-airways-2 .e-frame {
  background-color: #FFCC5D;
  border-color: transparent;
}

.property-panel-content .e-checkbox-wrapper.e-resource.e-airways-3 .e-frame {
  background-color: #006657;
  border-color: transparent;
}

@media (max-width: 550px) {
  .schedule-demo-heading {
    font-size: 14px;
  }
}

.small-table .p-datatable-thead > tr > th,
.small-table .p-datatable-tbody > tr > td {
  padding: .6rem .5rem; /* smaller padding */
  font-size: 0.85rem;       /* smaller font */
}

.small-table .p-paginator {
  font-size: 0.85rem;       /* smaller paginator */
}

.small-btn .p-button {
  font-size: 0.75rem;   /* smaller text */
  padding: 0.25rem 0.1rem; /* smaller padding */
}

.hover-table .p-datatable-tbody > tr:hover {
  background-color: #e6f7ff; /* light cyan */
  transition: background-color 0.2s ease-in-out;
}

.icon-input { position: relative; display: inline-block; width: 100%; }
.icon-input input { width: 100%; box-sizing: border-box; padding-right: 2.25rem; }
.icon-input .icon { position: absolute; right: .6rem; top: 50%; transform: translateY(-50%); pointer-events: none; }

.p-dropdown {
   height: 2.6rem;
   border-radius: 0.375rem;
  display: flex;
  align-items: center;
 }


.p-input-icon-right > i {
  right: 0.75rem;           /* adjust horizontal spacing */
  color: #6b7280;           /* tailwind gray-500 for subtle look */
  top: 50%;
  transform: translateY(-50%); /* vertically center */
}

.menu-card {
  transition: transform .2s ease, box-shadow .2s ease, background-color .3s ease;
  background-color: #fff;
}

.menu-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 24px rgba(0,0,0,.15);
  background-color: #f0f9ff !important; /* test with important */
}

.custom-input .p-inputtext {
  width: 100% !important;
  height: 2.6rem !important; /* match input height */
}

.custom-input {
  width: 100% !important;
}

.p-card-footer {
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
}