:root {
  --bs-white: #ffffff;
  --bs-light-grey: #f8f8f8;
  --bs-black: #000;
  --bs-border-radius: 10px;
  --bs-border-color: #eee;
  --primary-text: #1f1f1f;
  --secondary-text: #4c4c4c;
  --md: 17px;
  --md-lnh: 25px;
  --sm: 15px;
  --sm-lnh: 22px;
}

html,
body {
  min-height: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--primary-text);
}

#__next {
  height: 100%;
}

.invalid {
  border-color: #ff142a;
}

.text-secondary {
  color: var(--secondary-text);
}
.text-black {
  color: var(--bs-black);
}
.text-body {
  color: var(--primary-text);
}

.fs-md {
  font-size: var(--md);
  line-height: var(--md-lnh);
}
.fs-sm {
  font-size: var(--sm);
  line-height: var(--sm-lnh);
}

.font-regular,
.fw-400 {
  font-weight: 400 !important;
}
h1,
.font-bold,
.fw-700,
.fw-bold {
  font-weight: 700;
}
.font-semibold,
.fw-600 {
  font-weight: 600;
}
.fw-500,
.font-medium {
  font-weight: 500;
}

.border {
  border: 1px solid var(--bs-border-color);
}
.border-b {
  border-bottom: 1px solid var(--bs-border-color);
}
.border-none {
  border: 0;
}

/* spacing */
.mt-0 {
  margin-top: 0;
}
.me-5 {
  margin-right: 5px;
}
.me-15 {
  margin-right: 15px;
}
.me-20 {
  margin-right: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-10 {
  margin-bottom: 10px;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-15 {
  margin-bottom: 15px;
}
.w-77 {
  width: 77%;
}
.max-w-100 {
  max-width: 100%;
}
.radius-10 {
  border-radius: 10px;
}

.row {
  gap: 1.25rem;
}

.bg-white {
  background-color: var(--bs-white);
}
/* spacing */

code {
  font-family: "Inter", sans-serif, -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue";
  padding: 0.1rem 0.4rem;
  font-size: 90%;
  color: #d400ff;
  border-radius: 0.1335rem;
}
code:not([class*="language-"]):before,
code:not([class*="language-"]):after {
  content: "`";
}
code[class*="language-"] {
  padding: 0;
}

.layout-navbar {
  border-bottom: 1px solid var(--bs-border-color);
  background-color: var(--bs-white) !important;
  height: 70px;
  position: sticky !important;
  top: 0;
  z-index: 1030;
}

.nav-header {
  background-color: var(--bs-white);
  border-right: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
  min-height: 70px !important;
}

.nav-items {
  background-color: var(--bs-white);
  border-right: 1px solid var(--bs-border-color);
}
.css-ku0lyd {
  top: 70px !important;
}
.card {
  background-color: var(--bs-white);
  padding: 20px 30px;
  border-radius: 10px;
}

/* modal css start */
.modal-body {
  padding: 20px 30px;
  overflow: auto;
  height: calc(100% - 3.5rem);
}

.css-12tnra4-MuiPaper-root-MuiDialog-paper {
  width: 560px;
}

.css-16awh2u-MuiAutocomplete-root .MuiOutlinedInput-root {
  padding: 1px !important;
}

/* form css start */

.css-19jaox3-MuiButtonBase-root-MuiRadio-root {
  padding-bottom: 4px !important;
  padding-top: 4px !important;
}

.css-2rtyd8-MuiTypography-root {
  font-size: 14px !important;
  line-height: 20px !important;
}

.css-cgbguo-MuiButtonBase-root-MuiCheckbox-root {
  padding: 4px 9px !important;
}

.station-box {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background: var(--bs-border-color);
  margin-right: 10px;
}

.stationbox-width {
  width: 329px;
  height: 80px;
}

.upldimg {
  border-radius: 10px;
  border: 2px solid #00aed6;
  background: var(--bs-white);
  padding: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin-top: 5px;
}
.upldimg input[type="file"] {
  display: none;
}
.upldimg .custom-file-upload {
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: var(--primary-text);
}

.upload-file {
  width: 132px;
  height: 44px;
  flex-direction: row;
}

label {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 5px;
  color: var(--secondary-text);
}

.css-19qpywn-MuiInputBase-input-MuiOutlinedInput-input,
.form-control,
.form-control:hover,
.form-control:active,
.form-control:focus,
.form-control:focus-visible {
  border-radius: 6px;
  border: 1px solid var(--bs-border-color);
  background: var(--bs-white);
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  display: block;
  height: 36px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: var(--primary-text);
  outline: none;
}

.form-search,
.form-search:hover,
.form-search:active,
.form-search:focus {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNlYXJjaCI+CjxwYXRoIGlkPSJTdWJ0cmFjdCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS42MTM0IDE2Ljc5MTRDMTQuMTI2NCAxOC4wMTEgMTIuMjYxOSAxOC42NzY0IDEwLjMzODcgMTguNjczOUM4LjQxNTY1IDE4LjY3NDMgNi41NTE1OSAxOC4wMDk4IDUuMDYyMzcgMTYuNzkzMUMxLjQ5NjgyIDEzLjg3OTkgMC45Njc5MjYgOC42Mjc5MiAzLjg4MTA2IDUuMDYyMzdDNi43OTQxOSAxLjQ5NjgyIDEyLjA0NjIgMC45Njc5MjYgMTUuNjExOCAzLjg4MTA2QzE5LjE3NzMgNi43OTQxOSAxOS43MDYyIDEyLjA0NjIgMTYuNzkzMSAxNS42MTE4TDIxLjc2NiAyMC41ODU1QzIyLjA3OCAyMC45MDg2IDIyLjA3OCAyMS40MjA3IDIxLjc2NiAyMS43NDM4QzIxLjQ0NjEgMjIuMDc1IDIwLjkxODQgMjIuMDg0MiAyMC41ODcyIDIxLjc2NDNMMTUuNjEzNCAxNi43OTE0Wk0xMC4zMzMzIDE2LjE2NTdDMTMuNTU1IDE2LjE2NTcgMTYuMTY2NyAxMy41NTQgMTYuMTY2NyAxMC4zMzI0QzE2LjE2NjcgNy4xMTA2OSAxMy41NTUgNC40OTkwMiAxMC4zMzMzIDQuNDk5MDJDNy4xMTE2NyA0LjQ5OTAyIDQuNSA3LjExMDY5IDQuNSAxMC4zMzI0QzQuNSAxMy41NTQgNy4xMTE2NyAxNi4xNjU3IDEwLjMzMzMgMTYuMTY1N1oiIGZpbGw9IiMxRjFGMUYiLz4KPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: left 7px center;
  background-size: 24px 24px;
  padding-left: 40px;
  width: 200px;
}

.form-select,
.form-select:hover,
.form-select:active,
.form-select:focus {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjgwNCA5LjM1NjQzQzE3LjY5MTEgOS4yNDM0MyAxNy41NTcgOS4xNTM3OSAxNy40MDk0IDkuMDkyNjRDMTcuMjYxOCA5LjAzMTQ4IDE3LjEwMzYgOSAxNi45NDM5IDlDMTYuNzg0MSA5IDE2LjYyNTkgOS4wMzE0OCAxNi40Nzg0IDkuMDkyNjRDMTYuMzMwOCA5LjE1Mzc5IDE2LjE5NjcgOS4yNDM0MyAxNi4wODM4IDkuMzU2NDNMMTIuMzY2MSAxMy4wNzMzQzEyLjI5MDEgMTMuMTQ5MiAxMi4xODcxIDEzLjE5MTkgMTIuMDc5NiAxMy4xOTE5QzExLjk3MjEgMTMuMTkxOSAxMS44NjkgMTMuMTQ5MiAxMS43OTMgMTMuMDczM0w4LjA3NjE4IDkuMzU2NDNDNy44NDgxNyA5LjEyODMxIDcuNTM4ODkgOS4wMDAxMiA3LjIxNjM2IDkuMDAwMDRDNi44OTM4NCA4Ljk5OTk3IDYuNTg0NSA5LjEyODAyIDYuMzU2MzggOS4zNTYwMkM2LjEyODI3IDkuNTg0MDMgNi4wMDAwOCA5Ljg5MzMxIDYgMTAuMjE1OEM1Ljk5OTkyIDEwLjUzODQgNi4xMjc5NyAxMC44NDc3IDYuMzU1OTggMTEuMDc1OEwxMC4wNzM2IDE0Ljc5MzVDMTAuMzM3MSAxNS4wNTcgMTAuNjQ5OSAxNS4yNjYgMTAuOTk0MSAxNS40MDg2QzExLjMzODQgMTUuNTUxMiAxMS43MDc0IDE1LjYyNDYgMTIuMDggMTUuNjI0NkMxMi40NTI2IDE1LjYyNDYgMTIuODIxNiAxNS41NTEyIDEzLjE2NTggMTUuNDA4NkMxMy41MTAxIDE1LjI2NiAxMy44MjI5IDE1LjA1NyAxNC4wODYzIDE0Ljc5MzVMMTcuODA0IDExLjA3NThDMTguMDMxOSAxMC44NDc4IDE4LjE2IDEwLjUzODYgMTguMTYgMTAuMjE2MUMxOC4xNiA5Ljg5MzY5IDE4LjAzMTkgOS41ODQ0NiAxNy44MDQgOS4zNTY0M1oiIGZpbGw9IiMxRjFGMUYiLz4KPC9zdmc+Cg==);
  background-size: auto;
  background-position: right 8px center;
  padding-right: 2.2rem;
  box-shadow: none;
  overflow: hidden;
  overflow: -moz-hidden-unscrollable;
  content: "";
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  background-repeat: no-repeat;
}
/* form css end */

/* nav tabs start */

.css-158s385 {
  padding-left: 0 !important;
}

/* nav tabs end */

/* table css start */
table thead tr {
  background-color: var(--bs-light-grey);
}

.css-12mrtck-MuiTableHead-root .MuiTableCell-head {
  font-size: 14px !important;
  line-height: 20px !important;
}

.css-1vje6pe-MuiTableBody-root
  .MuiTableCell-body:not(.MuiTableCell-sizeSmall):not(.MuiTableCell-paddingCheckbox):not(.MuiTableCell-paddingNone) {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 0;
}

.css-unorz2-MuiTableRow-root {
  border-bottom: 1px solid rgba(58, 53, 65, 0.12);
}

.css-12mrtck-MuiTableHead-root .MuiTableCell-head {
  max-width: 28%;
  width: 28%;
}

.border-station,
.border-station:active,
.border-station:hover,
.border-station:focus {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid var(--bs-border-color);
  border-radius: 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--primary-text);
  height: 28px;
}

/* iPadPRO landscape style here */
@media only screen and (min-device-width: 1000px) and (max-device-width: 1100px) and (orientation: portrait) {
}

@media (max-width: 991.98px) {
}

/* iPad landscape style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 992px) and (orientation: portrait) {
}

/* mobile style here */
@media (max-width: 767.98px) {
  .mb-res {
    margin-bottom: 15px;
  }
  .stationbox-width {
    width: 295px;
  }
  .review-img-res {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
}

/* used in all the listing page tables header */
.custom-table-header {
  font-size: 15px;
  line-height: 30px;
  text-transform: capitalize;
}

/* used in all the listing page tables content */
.custom-table-content {
  font-size: 13px;
}

/* Define custom styles for the date picker input */
.custom-datepicker {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
}