/* Variables for Light and Dark Modes */
:root {
  --theme-clr: #004e89;
  --gray-txt-clr: #616161;
  --success-clr: #018786;
  --error-clr: #b00020;
  --hover-blue: #004e89;
}

html[theme="light"] {
  --bg-clr: #ebf5fc;
  --bg-sec-clr: #fff;
  --bg-ter-clr: #f0f0f0;
  --txt-clr: #222831;
  --box-shadow: 5px 5px 10px #c8d0d6, -5px -5px 10px #fff;
}

html[theme="dark"] {
  --bg-clr: #292929;
  --bg-sec-clr: #121212;
  --bg-ter-clr: #1e1e1e;
  --txt-clr: #ebf5fc;
  --box-shadow: 5px 5px 10px #232323, -5px -5px 10px #2f2f2f;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
}

/* End Variable Declaration */
/* Horizontal Rule for Dividing */
.hr {
  height: 1px;
  width: 100%;
  background-color: gray;
  border-radius: 2px;
  margin: 1.2em 0 2em;
}

/* End Horizontal Rule for Dividing */
body {
  background-color: var(--bg-clr);
}

/* Header */
.header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--theme-clr);
  color: #fff;
  padding: 0 20px;
  height: 9vh;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header .navbar {
  width: 100%;
}

.header .navbar .logo {
  height: 30px;
}

.header .navbar .navItem {
  text-align: center;
}

.header .navbar .navItem a {
  color: #fff;
}

/* End Header */
/* Footer Menu*/
.footerMenu {
  position: fixed;
  bottom: 0;
  left: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr);
  text-align: center;
  width: 100vw;
  background-color: var(--bg-sec-clr);
  padding: 15px 0;
  z-index: 10000;
}

.footerMenu .menuGroup {
  position: relative;
}

.footerMenu .menuGroup i {
  font-size: 1.2em;
  color: var(--txt-clr);
  cursor: pointer;
}

.footerMenu .menuGroup span {
  position: absolute;
  font-size: 0.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -1.3em;
  text-align: center;
  white-space: nowrap;
  color: var(--txt-clr);
  cursor: pointer;
}

.footerMenu .menuGroup:hover {
  color: var(--hover-blue);
}

.footerMenu .menuGroup:hover i {
  color: var(--hover-blue);
}

.footerMenu .menuGroup:hover span {
  color: var(--theme-clr);
}

/* End Footer Menu */
/* Popup Menus */
.popupMenus {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999;
  opacity: 0;
  -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;
}

.popupMenus > div {
  position: relative;
  display: none;
  background-color: var(--bg-sec-clr);
  padding: 0 0 15px;
  border-radius: 10px;
  width: 90vw;
}

.popupMenus > div .closePopup {
  position: absolute;
  color: #fff;
  background-color: var(--theme-clr);
  height: 30px;
  width: 30px;
  border-radius: 50%;
  padding: 15px;
  top: -15px;
  right: -15px;
  border: 3px solid #fff;
  text-align: center;
  cursor: pointer;
}

.popupMenus > div .closePopup i {
  -webkit-transform: translate(-50%, -75%);
          transform: translate(-50%, -75%);
}

.popupMenus > div .closePopupAlternate,
.popupMenus > div .togglePopupAlternate {
  cursor: pointer;
}

.popupMenus > div .popupHeading {
  background-color: var(--theme-clr);
  color: #fff;
  padding: 10px;
  width: 100%;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.popupMenus > div .popupBody {
  margin: 0 15px;
  padding: 15px 0 0;
  color: var(--txt-clr);
}

.popupMenus .searchPopup,
.popupMenus .bidDetailPopup,
.popupMenus .tripDetailPopup,
.popupMenus .routePreferencesPopup,
.popupMenus .routeDetailPopup {
  overflow: auto;
}

.popupMenus .searchPopup {
  background-color: var(--bg-sec-clr);
  padding: 15px;
  border-radius: 0;
  height: 100vh;
  width: 100vw;
}

.popupMenus .searchPopup .popupTitle {
  color: var(--txt-clr);
}

.popupMenus .searchPopup .popupTitle h4 {
  margin-left: 2em;
}

.popupMenus .searchPopup .popupBody {
  width: 100%;
  margin: 0;
}

.popupMenus .searchPopup .popupBody .searchFields .origin {
  margin-right: 1em;
}

.popupMenus .searchPopup .popupBody .searchFields i {
  color: var(--txt-clr);
}

.popupMenus .searchPopup .popupBody .searchFields .destination {
  margin-left: 1em;
}

.popupMenus .searchPopup .popupBody .searchFields .instruction {
  font-size: 0.75em;
  color: var(--gray-txt-clr);
}

.popupMenus.popupVisible {
  opacity: 1;
  pointer-events: all;
}

/* End Popup Menus */
/* WhatsApp Overlay */
.whatsapp {
  position: fixed;
  bottom: 2.5em;
  right: 0.15em;
  cursor: pointer;
  z-index: 99999;
}

.whatsapp img {
  height: 80px;
  width: 80px;
}

/* End WhatsApp Overlay */
/* Login Popup */
.otpSection {
  display: none;
}

.otpSection.active {
  display: block;
}

/* End Login Popup */
/* Application Essentials */
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-grid {
  display: -ms-grid;
  display: grid;
}

.jc-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.jc-c {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ai-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.badge {
  padding: 3px 12px;
  font-size: 0.8em;
  background-color: var(--success-clr);
  color: #fff;
  border-radius: 3px;
}

/* End Application Essentials */
/* Loader */
.loader {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 10000000;
  background-color: #fff;
  pointer-events: all;
  opacity: 1;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.loader .logoCont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.loader .logoCont .logo {
  height: 100px;
  margin: auto;
  -webkit-animation: zoom 1s infinite alternate;
          animation: zoom 1s infinite alternate;
}

.loader.hide {
  opacity: 0;
  pointer-events: none;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes zoom {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

/* End Loader */
/* Responsive Mode for Desktop */
@media only screen and (min-width: 992px) {
  /* Header */
  .header {
    padding: 20px 17vw;
  }
  .header .navbar {
    font-size: 1.1em;
  }
  /* End Header */
  /* Footer Menu */
  .footerMenu {
    padding: 15px 17vw;
  }
  /* End Footer Menu */
  /* Popup Menus */
  .popupMenus > div {
    width: 40vw;
  }
  .popupMenus .searchPopup .popupBody {
    margin: auto;
    width: 75%;
  }
  .popupMenus .searchPopup .popupBody .searchFields .origin {
    width: 100%;
    margin-right: 2em;
  }
  .popupMenus .searchPopup .popupBody .searchFields .destination {
    width: 100%;
    margin-left: 2em;
  }
  /* End Popup Menus */
  /* WhatsApp Overlay */
  .whatsapp {
    bottom: 0.15em;
  }
  /* End WhatsApp Overlay */
}

/* End Responsive Mode */
/*# sourceMappingURL=common.css.map */