#map {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; /* Ensure the map is behind other content */
}

/* Center the select container horizontally at the top */
#selectContainer {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000; /* Ensure the select container is above the map */
  padding: 25px;
  border-radius: 5px; /* Optional: Rounded corners */
}

/* Adjust position of dropdown text */
#geoId {
  width: 300px; /* Allow dropdown width to adjust based on content */
  padding: 8px 12px; /* Adjust padding for better appearance */
  line-height: 1.6; /* Adjust line-height for vertical centering */
}

option.selected {
  background-color: blue;
  color: white;
}





#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: white;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid purple;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.icon-spacing {
  margin-right: 15px;
}





.card-custom {
  width: 90%;
  border-radius: 35px;
  margin: 0 auto; /* Center card horizontally */
}

.card img {
  max-width: 100%;
  height: auto;
}

.modal-dialog-custom {
  max-width: 500px;
}






 /* Timezone */
.row-striped:nth-child(even) {
  background-color: #f0f0f0; /* Light grey background for even rows */
}


/*exhange rate*/


.myBtn {
  width: 70px;
}

.footer {
  position: fixed;
  bottom: 0;
}




/* Custom CSS to override Bootstrap table striping */
.table tbody tr:nth-of-type(odd) {
  background-color: #f8f9fa; /* Adjust as needed */
}