/* src/styles.scss */
.pin-wrap {
  position: absolute;
  width: 50px;
  height: 50px;
  margin-top: -60.71068px;
  margin-left: -25px;
  -webkit-transform-origin: 50% 120.71068% 0;
  transform-origin: 50% 120.71068% 0;
}
.pin-wrap {
  animation: bounce 3s infinite;
}
.pin {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: -52%;
  margin-left: -25px;
  transform-origin: 50% 120.71068% 0;
}
.pin::after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  content: "";
  transform: rotateZ(-45deg);
  border: 12px solid #f93c11;
  border-radius: 50% 50% 50% 50%;
}
.pin::before {
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  content: "";
  transform: rotateZ(-45deg);
  border: 10px solid #d22b05;
  border-radius: 50% 50% 50% 0;
}
.shadow {
  position: absolute;
}
.shadow::after {
  position: absolute;
  left: -125px;
  display: block;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  content: "";
  transform: rotateX(55deg);
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.5) 100px 0 20px;
}
.pulse {
  position: absolute;
  margin-top: -50px;
  margin-left: -50px;
  transform: rotateX(55deg);
}
.pulse::after {
  display: block;
  width: 100px;
  height: 100px;
  content: "";
  -webkit-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  border-radius: 50%;
  box-shadow: 0 0 6px 3px #f93c11;
}
@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes pulse {
  0% {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.popupMessage {
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  max-width: 28em;
  width: 100%;
}
.popupMessage .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popupMessage .alert-danger {
  padding: 10px;
  background-color: #171c8f;
  color: white;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
  border-bottom: none;
  border: 0 !important;
  border-radius: 0 !important;
  width: 100%;
}
.popupMessage .close-icon {
  opacity: 1 !important;
  background: none;
  border: none;
  color: white;
  font-size: 1.5em;
  font-weight: bold;
}
.popupMessage .close-icon:focus,
.popupMessage .close-icon:hover {
  color: white !important;
}
.top-bar-container {
  display: flex;
  justify-content: space-between;
  background: #53565a;
  height: 44px;
  width: 100%;
  border-bottom: 1px solid black;
}
.top-bar-container .centralize {
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-bar-container .top-bar-link-label {
  margin-inline-start: 7px;
  color: #fff;
}
.top-bar-container img {
  width: 24px;
  height: 24px;
}
.top-bar-container .top-bar-buttons-container {
  display: flex;
  margin-inline-start: 5px;
}
.top-bar-container .top-bar-buttons-container .active-top-bar-link {
  height: 44px;
  color: #fff;
  background-color: #171c8f;
  border-bottom-color: transparent;
}
.filter-bar-horizontal-container::-webkit-scrollbar {
  height: 6px;
}
.filter-bar-horizontal-container::-webkit-scrollbar-track {
  background: transparent;
}
.filter-bar-horizontal-container::-webkit-scrollbar-thumb {
  background: #7c7d7d;
  border-radius: 1px;
}
.filter-bar-horizontal-container::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.filter-bar-horizontal-container {
  display: flex;
  flex-direction: row;
  height: 44px;
  overflow-y: hidden;
  white-space: nowrap;
  overflow-x: auto;
}
.filter-bar-horizontal-container img {
  width: 24px;
  height: 24px;
}
.filter-bar-horizontal-container .filter-bar-link {
  align-content: center;
  width: 250px !important;
  color: black;
  text-align: center;
}
.filter-bar-horizontal-container .active-filter-bar-link {
  color: black;
  background-color: #f9fafb;
  border-bottom-color: transparent;
  border-radius: 5px;
}
.filter-bar-horizontal-container .filter-bar-link-label {
  margin: 0 10px;
}
.badge {
  border-radius: 16px;
  background-color: #f2f4f7;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 29px;
  height: 24px;
  text-align: center;
  color: #344054;
}
.badge .badge-text {
  position: relative;
  line-height: 20px;
  font-weight: 500;
}
.side-bar-filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  z-index: 1;
  width: 100%;
  max-width: 384px;
  background-color: white;
  padding: 24px;
  color: #344054;
}
.side-bar-area::-webkit-scrollbar {
  width: 12px;
}
.side-bar-area::-webkit-scrollbar-track {
  background: transparent;
}
.side-bar-area::-webkit-scrollbar-thumb {
  background: #7c7d7d;
  border-radius: 4px;
}
.side-bar-area::-webkit-scrollbar-thumb:hover {
  background: gray;
}
.parent {
  position: absolute;
  z-index: 1;
  width: 100%;
  max-width: 384px;
  padding: 8px 24px 0 24px;
  background: white;
  height: 100%;
}
.side-bar-area {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.side-bar-area .main-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  margin-inline-end: 24px;
}
.side-bar-area .main-row .inner-content {
  margin: 0 8px;
}
.side-bar-area .space-between {
  justify-content: space-between;
}
.side-bar-area .checked-layer {
  background: #e8e8f4;
  border-radius: 8px;
}
.left-gap-of-scroller {
  margin-inline-end: 24px;
}
.side-bar-get-direction-area {
  padding: 0;
}
.sidebar-filter-close-icon {
  opacity: 1 !important;
  background: none;
  border: none;
  color: #383838;
}
.sidebar-filter-close-icon:focus,
.sidebar-filter-close-icon:hover {
  color: #171c8f !important;
}
.sidebar-filter-label {
  font-size: 16px !important;
  margin-inline-start: 8px !important;
}
hr {
  margin: 0.3rem 0;
}
.nearest-rta-center .nearest-rta-top-heading {
  display: flex;
  align-content: center;
  height: 56px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.nearest-rta-center .nearest-rta-close-icon {
  opacity: 1 !important;
  background: none;
  border: none;
  color: white;
  font-size: 2em;
  font-weight: bold;
}
.nearest-rta-center .rta-heading {
  background-color: #E8E8F4 !important;
  color: black !important;
  line-height: 24px;
  font-size: 16px;
}
.nearest-rta-center .accordion-button {
  justify-content: space-between;
  padding: 10px;
}
.nearest-rta-center .accordion-button::after {
  order: 2;
  margin-left: 0;
  background-image: url("./media/plus-black-SDKSFSD6.png");
  transform: rotate(-180deg);
}
.nearest-rta-center .accordion-button:not(.collapsed)::after {
  background-image: url("./media/minus-black-LMESRHMZ.png");
  transform: rotate(-180deg);
}
.nearest-rta-center .accordion-button::after {
  margin-inline-end: 10px;
}
.nearest-rta-center .rta-label-timings {
  border: none !important;
}
.nearest-rta-center .rta-label-timings .rta-label-timings-heading {
  display: flex;
  justify-content: start;
  gap: 3px;
  padding: 0;
}
.nearest-rta-center .rta-label-timings .accordion-button:not(.collapsed)::after {
  background-image: url("./media/arrow-down-black-2MC6I3WW.png") !important;
}
.nearest-rta-center .rta-label-timings .accordion-button::after {
  background-image: url("./media/arrow-up-black-HBJIMO5F.png");
}
.nearest-rta-center .getRouteDirectionForNearestLayer {
  background: #171c8f;
  padding: 8px 8px;
  margin: 10px 0 0 10px;
  border-radius: 4px;
  color: white;
  width: 170px;
  display: block;
  cursor: pointer;
}
.nearest-rta-center .getRouteDetailLabel {
  display: inline;
}
.nearest-rta-center .clickable-icon {
  width: 24px;
  cursor: pointer;
}
@font-face {
  font-family: "Dubai";
  src: url("./media/regular-522EFPYJ.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Dubai";
  src: url("./media/bold-QZWSYH4Z.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Dubai";
  src: url("./media/medium-CQ5USJJF.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Dubai";
  src: url("./media/light-E232ASPI.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: "Dubai", serif !important;
  font-size: 16px !important;
}
.tooltip {
  font-family: "Dubai", serif;
}
.gm-style {
  font-family: "Dubai", serif;
}
.m-15 {
  margin: 15px !important;
}
.w135px {
  width: 135px;
}
.p-ie-10 {
  padding-inline-end: 10px;
}
a {
  text-decoration: none !important;
}
a :hover {
  text-decoration: none !important;
}
.currentLocationIcon {
  background-color: rgb(255, 255, 255);
  border: none;
  outline: none;
  width: 28px;
  height: 28px;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px;
  cursor: pointer;
  margin-inline-end: 15px;
  margin-inline-start: 15px;
  padding: 0;
}
.filter-tree .p-tree {
  border-radius: 0;
}
.filter-tree .p-tree .p-tree-container .p-treenode .p-treenode-content {
  padding: 1px !important;
}
.txtbold {
  font-weight: bold;
}
.mis-5 {
  margin-inline-start: 5px !important;
}
.mis-8 {
  margin-inline-start: 8px !important;
}
.mis-15 {
  margin-inline-start: 15px !important;
}
.mis-10 {
  margin-inline-start: 10px !important;
}
.mie-10 {
  margin-inline-end: 10px !important;
}
.mt-3 {
  margin-top: 3px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-7 {
  margin-top: 7px !important;
  padding: 1px;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.me-3 {
  margin-inline-end: 3px !important;
}
.flex {
  display: flex;
}
.flex-centralize {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.flex-vertical-center {
  display: flex;
  align-items: center;
}
.ml-5 {
  margin-left: 5px !important;
}
.m-0 {
  margin: 0 !important;
}
.p-0 {
  padding: 0 !important;
}
.p-10 {
  padding: 10px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
#rta_scrollbar::-webkit-scrollbar {
  width: 10px;
}
#rta_scrollbar::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #e7e7e7;
  border: 1px solid #cacaca;
}
#rta_scrollbar::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: black;
}
.list-group-item.active {
  background: #171c8f;
}
.accordion-button::after {
  order: -1;
  margin-inline-end: 12px;
  margin-inline-start: 0;
  transform: scale(0.5);
}
.accordion-button:not(.collapsed)::after {
  transform: scale(0.5) rotate(180deg);
}
.accordion-button:focus {
  box-shadow: none;
  outline: none;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited {
  background-color: #171c8f !important;
  border: none;
}
.btn-primary:disabled {
  opacity: 0.2;
}
.btn-secondary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited {
  background-color: gray !important;
  border: none;
}
.btn-secondary:disabled {
  opacity: 0.2;
}
.accordion-button:not(.collapsed) {
  color: #052c65 !important;
  background-color: unset;
  box-shadow: none;
}
a[href^="tel:"] {
  color: blue !important;
  text-decoration: underline !important;
}
.form-check-input:checked {
  background-color: #171c8f !important;
  border-color: #171c8f !important;
}
.form-check-input {
  margin-top: 2px !important;
}
.rta-input-container {
  display: flex;
  font-size: 14px;
  color: #989a9c;
  width: 100%;
}
.rta-input-container input {
  height: 56px !important;
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
}
.rta-input-container input:focus,
.rta-input-container input:active {
  border: none;
  outline: none;
  box-shadow: none;
}
.rta-input-container .rta-input {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  border-radius: 8px;
  background-color: #f3f4f9;
}
.rta-input-container .search-icon {
  width: 20px;
  height: 20px;
  position: relative;
  object-fit: cover;
  margin-inline-start: 16px;
  margin-inline-end: 4px;
}
.rta-input-container .rta-input-placeholder {
  margin-inline-start: 16px;
  margin-inline-end: 16px;
}
.rta-input-container .rta-global-search-input-placeholder {
  margin-inline-end: 16px;
}
table td {
  border: none !important;
}

/* angular:styles/global:styles */