* {
  padding: 0;

  margin: 0;

  box-sizing: border-box;
}

/* ===============================graphs================================== */

.graph-container {
  border-radius: 0.5rem;
  border: 0;
  background-color: white;
  box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04);
  position: relative;
  padding: 0.5rem 1rem;
  width: 100%;
  height: 28vh;
  padding-bottom: 3rem;
}
.card-title {
  position: relative;
}
.card-title:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0.2rem;
  inset-block-start: 0;
  inset-inline-start: -0.75rem;
  /* background: linear-gradient(to bottom, var(--primary05) 50%, rgba(var(--secondary-rgb), 0.5) 50%); */
  background: #0d4689;
  border-radius: 0.5rem;
}
:is(.dark .card-title):before {
  background: white;
}
#top5FlightGraph,
#top5RoutesGraph,
#RevenueGragh {
  width: 100%;
  max-width: 400px;
  height: auto;
}

#offerSubmittedGraph,
#offerForwarededGraph {
  width: 100%;
  height: 100%;
}

.axis text {
  font-weight: normal;
}

.axis path {
  fill: none;
  stroke: rgb(94, 88, 88);
}

:is(.dark .axis path) {
  stroke: #a3adc2;
}

.axis line {
  fill: none;
  stroke: transparent;
}

text {
  font-size: 0.55vw;
  color: #333335;
  fill: #333335;
  font-family: "Montserrat", sans-serif;
  word-wrap: break-word;
}

:is(.dark text) {
  color: #a3adc2;
  fill: #a3adc2;
}
/* ================================================================= */

/* ================================ticker================================= */
.carouselTicker {
  position: relative;
  height: 12vh;
}

.tickerContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  /* padding: 0.5rem 0; */
  overflow: hidden;
  float: none;
  cursor: pointer;
  background-color: white;
  padding: 0.45vw;
  /* width: 47634.4px;
  left: -216.25px; */
  position: relative;
}

.tickers {
  min-width: max-content;
  height: 12vh;
  background-color: white;
  box-shadow: 0 0 2px #333335;
  position: relative;
  border-radius: 10px;
  padding: 0rem 0.5rem;
  color: #333335;
  margin: 0.25rem;
  list-style: none;
  padding: 0.35vw 0.5vw;
}
.ticker-content-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.ticker-title {
  font-weight: 600;
}
.ticker-content {
  /* width: 100%; */
  height: 7vh;
  box-shadow: 0 0 2px #333335;
  border-radius: 3px;
  margin-top: 5px;
  padding: 5px;
}
.ticker-day-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ticker-content-title {
  position: relative;
  margin-bottom: 0;
  margin-left: 0.5rem;
  font-weight: 600;
}
.ticker-content-title::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 60%;
  top: 50%;
  left: -3%;
  transform: translate(-50%, -50%);
  background-color: #0d4689;
  font-size: 10px;
}
.updown-arrow {
  margin: 0 1rem;
}
.updown-arrow i {
  font-size: 20px;
  margin-top: 0.5rem;
}
.day-title {
  font-size: 10px;
}
.current-day {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.4rem;
}
.current-day p {
  margin-bottom: 0;
  line-height: 10px;
}
.day-value {
  font-size: 24px;
  margin-left: 0.5rem;
  font-weight: 700;
  align-self: flex-end;
}
.million-text {
  font-size: 10px;
}

/* ================================================================= */

/* ===============================Reports==================================== */

/* =================================Reports end======================================== */

.menuIcons {
  font-size: 20px;
}

.seat-map {
  text-align: center;
}

.row-label {
  width: 40px;
  height: 30px;
  margin: 5px;
  border: 2px solid #999999;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  border-radius: 5px;
}
.row-label:focus {
  outline: none;
}

.col-label {
  width: 40px;
  height: 30px;
  margin: 5px;
  border: 2px solid #999999;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  border-radius: 5px;
  position: relative;
  right: 1.7%;
}

.swal2-close {
  font-size: 2.5rem !important;
}

.seat {
  width: 40px;

  height: 40px;

  margin: 5px;

  border: 2px solid orange;

  display: inline-block;

  text-align: center;

  line-height: 40px;

  cursor: pointer;

  border-radius: 5px;
}

.seat input {
  border: none;
  width: 100%;
  height: 100%;
  font-size: 17px;
  text-align: center;
  background-color: #fff7e9;
}

.seat input:focus {
  outline: none;

  border: none;
}

.seat input::placeholder {
  color: #000;

  font-size: 12px;
}

#weight-container,
#piece-container {
  display: none;
}

.fair-family {
  position: relative;
}

.column-space {
  width: 3rem;
}

.fill-button {
  background-color: #f9c6a8;

  color: rgb(75, 75, 75);

  border: none;

  padding: 5px 10px;

  border-radius: 4px;

  cursor: pointer;
}

/* Media query for mobile responsiveness */

/* @media (max-width: 768px) {
  .fill-button {
    display: block;

    margin-top: 10px;

    width: 100%;
  }
} */

.fillInput::placeholder {
  text-align: right;
}

.save-button {
  background-color: #f17126;
  color: white;
  padding: 10px 20px;
  margin: 10px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s;
}

.save-button:hover {
  background-color: rgba(79, 70, 229, 1);
}

.save-button:focus {
  outline: none;
}

.product-id {
  display: none;
}

.fill-form input {
  width: 60px;
  height: 30px;
  text-align: center;
  border: 2px solid #999999;
  border-radius: 5px;
  margin-right: 2px;
}

#economy {
  display: none;
}

#business {
  display: none;
}

#first {
  display: none;
}

.menu-toggle {
  display: inline-grid;
}

.tooltip {
  max-height: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
  display: none;
  position: absolute;
  z-index: 999;
  border-radius: 3px;
  background-color: #999999;
  color: white;
  padding-left: 5px;
  text-align: center;
  padding-right: 2px;
}

.description-para:hover .tooltip {
  display: block;
  cursor: pointer;
}

.description-para {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

#active__defined {
  display: block;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* Mobile-specific styles for the seat matrix */
@media (max-width: 768px) {
  /* Adjust layout for smaller screens */

  /* Full-width layout for the seat matrix */
  .seat-map {
    width: 100%; /* Set to 100% of the screen width */
    margin: 0 auto; /* Center the seat matrix horizontally */
    margin-right: 0; /* Remove any right margin */
  }

  /* Reduce the font size for the entire body content */
  body {
    font-size: 14px; /* Adjust the font size as needed */
  }

  /* Center the text input labels for columns, reduce their size, and set their width */
  .col-label {
    text-align: center;
    font-size: 12px; /* Reduce the font size for column labels */
    width: 25px; /* Set the width of column labels */
    position: relative;
    left: 15px; /* Position the columns to the right */
  }

  /* Center the row label input, reduce its size, and set its width and padding */
  .row-label {
    text-align: center;
    font-size: 12px; /* Reduce the font size for row labels */
    width: 30px; /* Set the width of row labels */
    padding: 2px; /* Adjust padding for better spacing */
  }

  /* Adjust the size and spacing of seat inputs for better mobile usability */
  .seat {
    width: 30px;
    height: 30px;
    margin: 4px;
  }
  .seat input {
    width: 26px; /* Reduce the width of seat inputs */
    height: 26px; /* Reduce the height of seat inputs */
    font-size: 10px; /* Adjust the font size as needed */
    text-align: center;
    background-color: #f9c6a8;
    position: relative;
    top: -8px; /* Move the seat inputs upward by adjusting the top value */
  }

  /* Center the fill form and its input field */
  .fill-form {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }

  /* Center the "Save" button and adjust its font size */
  .save-button {
    text-align: center;
    font-size: 16px;
  }

  /* Add padding and spacing to the seat matrix container */
  #seat-matrix {
    padding: 10px;
  }
}

:root {
  --reddishColor: #f17126;
  --blueishColor: #0d4689;
  --tickerTitleBG: #1d1d1d;
  --backgroundColor: #dcdcdc;
  --borderColor: #a9a9a9;
  --smallFontColor: rgb(172, 169, 169);
  --fontColor: #000;
}
/* Select2 CSS */
.select2-selection--single {
  background-color: var(--backgroundColor) !important;
  border: 3px solid var(--reddishColor) !important;
  max-width: 100%;
}
.select2-dropdown--below {
  background-color: var(--backgroundColor) !important;
  color: var(--fontColor);
  border: 3px solid var(--reddishColor) !important;
  border-radius: 10px !important;
  margin-top: 5px;
}
.add-post
  form
  .form-group
  .col-form-label
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered
  li {
  margin-top: 6px !important;
}
.add-post .dropzone {
  margin-bottom: 30px;
}
.select2-drpdwn .select2-selection {
  border-radius: 0 !important;
  border-color: #e8ebf2 !important;
  height: 40px !important;
  padding: 5px;
}
.select2-drpdwn .form-control {
  border-radius: 5px;
}
.select2-drpdwn .form-control-primary {
  border-color: #655af3;
  color: #655af3;
}
.select2-drpdwn .form-control-secondary {
  border-color: #148df6;
  color: #148df6;
}
.select2-drpdwn .form-control-success {
  border-color: #51bb25;
  color: #51bb25;
}
.select2-drpdwn .form-control-info {
  border-color: #7a15f7;
  color: #7a15f7;
}
.select2-drpdwn .form-control-warning {
  border-color: #ff5f24;
  color: #ff5f24;
}
.select2-drpdwn .form-control-danger {
  border-color: #fd2e64;
  color: #fd2e64;
}
.select2-drpdwn .form-control-inverse {
  border-color: #2c323f;
  color: #2c323f;
}
.select2-drpdwn .form-control-primary-fill {
  background-color: #655af3;
  color: #fff;
}
.select2-drpdwn .form-control-secondary-fill {
  background-color: #148df6;
  color: #fff;
}
.select2-drpdwn .form-control-success-fill {
  background-color: #51bb25;
  color: #fff;
}
.select2-drpdwn .form-control-info-fill {
  background-color: #7a15f7;
  color: #fff;
}
.select2-drpdwn .form-control-warning-fill {
  background-color: #ff5f24;
  color: #fff;
}
.select2-drpdwn .form-control-danger-fill {
  background-color: #fd2e64;
  color: #fff;
}
.select2-drpdwn .form-control-inverse-fill {
  background-color: #2c323f;
  color: #fff;
}
.selection .select2-selection {
  font-family: Montserrat, sans-serif;
  border-radius: 10px !important;
}
.selection .select2-selection .select2-search__field {
  margin-top: 0;
  padding: 3px;
  font-size: 14px !important;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__choice__remove {
  color: var(--reddishColor) !important;
  float: right;
  margin-left: 0.5rem;
}
.select2-results {
  border-radius: 8px;
}
.select2-container--classic
  .select2-results__option--highlighted[aria-selected] {
  background-color: #e0e0e0 !important;
  color: #424242 !important;
}
.select2-container--classic
  .select2-results__options
  .select2-results__option[aria-selected="true"] {
  background-color: #655af3 !important;
  color: #fff !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 7px !important;
  right: 10px !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow::after {
  content: "\f04b";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--reddishColor);
  font-size: 16px;
  transform: rotate(90deg);
  right: 5%;
  top: 8px;
  transition: 0.6s;
  display: none;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
  display: none;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__choice {
  padding: 2px 15px !important;
  background-color: var(--borderColor) !important;
  border-color: var(--backgroundColor) !important;
  color: var(--fontColor);
  margin: 5px !important;
  border-radius: 8px !important;
  font-size: 12px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__choice__remove {
  color: var(--reddishColor) !important;
  float: right;
  margin-left: 0.5rem;
  margin-right: -10px !important;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: var(--borderColor) !important;
  color: var(--fontColor) !important;
}
.select2-container--default
  .select2-results__options
  .select2-results__option[aria-selected="true"] {
  background-color: var(--reddishColor) !important;
  color: white;
}
.select2-results__option {
  font-size: 14px;
}
.select2-selection--single::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 15%;
  top: 43%;
  right: -16px;
  background-color: var(--reddishColor);
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  transform: rotate(90deg);
  transition: 0.6s;
}
.select2-selection--single::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 15%;
  top: 43%;
  left: -16px;
  background-color: var(--reddishColor);
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  transform: rotate(270deg);
  transition: 0.6s;
}
.select2-container:focus-within .select2-selection--single::before {
  width: 32px;
  height: 25%;
  top: 40%;
  right: -20px;
}
.select2-container:focus-within .select2-selection--single::after {
  width: 32px;
  height: 25%;
  top: 40%;
  left: -20px;
}
.select2-container:focus-within .select2-selection__arrow::after {
  transform: rotate(180deg);
}
.select2-selection__rendered {
  padding: 5px !important;
  display: flex !important;
}

.select2-container .select2-selection--single {
  height: 50px !important;
}
.select2-container--default .select2-selection--single {
  display: flex !important;
  align-items: center;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: var(--smallFontColor) !important;
  font-size: 14px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  font-size: 14px !important;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: white !important;
  float: right;
  margin-left: 0.5rem;
  margin-right: -14px !important;
}

#select_unselect {
  background-color: #f17126;
}
.seat-option-main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
.seat-option-container {
  margin-top: 1rem;
  border: 2px solid orange;
  border-radius: 10px;
  padding: 1rem;
  background: #fff7e9;
}

.clear-pnr-dep-date {
  width: 0%;
  height: 0%;
  background-color: red;
  color: whitesmoke;
  margin-left: -1.275%;
  border-radius: 0% 25% 25% 0%;
  text-align: center;
}

/* --------Pagination CSS ----------- */

#pagination-container {
  margin-top: 0.5rem;
  cursor: pointer;
}
.simple-pagination ul {
  margin: 0 0 0.5rem;
  padding: 0;
  list-style: none;
  text-align: center;
}

.simple-pagination li {
  display: inline-block;
  margin-right: 5px;
}

.simple-pagination li a,
.simple-pagination li span {
  color: #666;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #eee;
  border-radius: 5px;
  background-color: #fff;
  /* box-shadow: 0px 0px 10px 0px #eee; */
}

.simple-pagination .current {
  color: #fff;
  background-color: #f17126;
  border-color: #f17126;
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
  background: #ffcbad;
  border-color: #ffcbad;
}
/* --------Pagination CSS ----------- */

@media (max-width: 320px) {
  .btn.add_product {
    display: block;
    width: 20px;
    font-size: 12px;
    padding: 7px 5px;
  }
}

.simple-pagination .current {
  color: #fff;
  background-color: #00437f;
  border-color: #004887;
}
.simple-pagination .prev.current,
.simple-pagination .next.current {
  background: #80c3ff;
  border-color: #add8ff;
}

/* Loading Animation CSS */

#center-loading {
  display: none;
  position: absolute;
  z-index: 1005;
  top: 0;
  left: 0%;
  height: 100vh;
  width: 100%;
  backdrop-filter: blur(8px);
}

.loader {
  display: none;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #fefefe;
}

.bar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.wave {
  background-color: #0d4689;
  display: inline-block;
  margin-right: 4px;
  height: 1.5vh;
  width: 0.15vw;
  animation: loading 1s ease-in-out infinite;
}

:is(.dark .wave) {
  background-color: #e2d9d9;
}

@keyframes loading {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1, 3);
  }

  100% {
    transform: scale(1);
  }
}

.wave:nth-child(2) {
  animation-delay: -0.2s;
}

.wave:nth-child(3) {
  animation-delay: -0.4s;
}

.wave:nth-child(4) {
  animation-delay: -0.6s;
}

.wave:nth-child(5) {
  animation-delay: -0.8s;
}

/* Scrollbar CSS */
::-webkit-scrollbar {
  width: 5px;
  height: 0px;
}
/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #0d4689;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #0d4689;
}

.disable-btn{
  pointer-events: none;
  background-color: #caced3 !important;
}

.find-pnr-pop-input {
  background-color: whitesmoke;
  width: 80%;
  margin: 1vh;
  padding: 1vh;
  border-radius: 5px;
  outline-style: none;
}
.find-pnr-pop-input:focus {
  background-color: rgba(0,0,0,0.1);
}
.download-button{
  cursor: pointer;
}