* {
  font-family: Inter;
}

.map-box {
  width: 100%;
  /* height: calc(100vh - 20px); */
  height: 400px;
  border: 1px solid #ccc;
  /* border-radius: 5px; */
  overflow: hidden;
}
.bg-primary {
  background-color: #eeeeee !important;
}
.bg-greyColor {
  background-color: #363a3e;
}
.bg-leftMenu {
  background-color: #292d32 !important;
}
.bg-tableHeader {
  background-color: #fff2e3 !important;
}
.text-lightBlack {
  color: #1e1e1e !important;
}
.text-lightOrange {
  color: #ff9d2a !important;
}
.text-id {
  color: #4b4b4b !important;
}
.text-green {
  color: #25b800;
}
.text-lightGrey {
  color: #4d4d4d;
}
.text-secondary {
  color: #5f5f5f;
}
.text-redTrashColor {
  color: #ff0000;
}
.bg-redTrash {
  background-color: #ffe7e5;
}

.bg-lightOrange {
  background-color: #ff9d2a !important;
}
.bg-lightRed {
  background-color: #ffebd4 !important;
}
.bg-leftCar {
  background-color: #414449 !important;
}
.bg-input {
  background-color: #fbf9f9 !important;
}
.carBorder {
  border: 1.333px solid rgba(0, 0, 0, 0.12);
}
.imagebackground {
  background: rgba(255, 157, 42, 0.1);
}

.border-orange {
  border: 1px solid #ff9d2a;
}
.border-darkblack {
  border: 1px solid black;
}

.border-deepGrey {
  border: 1px solid #b7b7b7;
}

.clickedTrip {
  color: #ff9d2a;
  background-color: #fff2e3 !important;
}
.unclikedTrip {
  color: #1e1e1e;
  border-width: 1px;
}

.clickBtn {
  color: #ff9d2a;
  border: 1px solid #ff9d2a;
}
.unclickedBtn {
  color: #1e1e1e;
  border: 1px solid #e0e0e0;
  background-color: white;
}

.lightBlack-border {
  border: 1px solid #1e1e1e;
}

/* span[data-te-validation-feedback] {
  display: none !important;
}

[data-te-validation-ruleset="isRequired"] {
  margin: 0 !important;
} */
.is-invalid {
  border-color: #dc3545 !important;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

input {
  padding-left: 10px !important;
  color: rgba(0, 0, 0, 0.5) !important;
  /* Change the color */
  /* font-size: 12px !important; */
  /* Change the font size */
}

.selectBgOrange {
  background-color: #ff9d2a !important;
  color: white !important;
}

.selectedBgWhite {
  background-color: white !important;
  color: #1e1e1e !important;
}

.errorSolidRed{
  border:1px solid rgb(220 38 38)!important;
}

.overlay {
  top: 0;
  width: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  height: 100vh;
  transition: .3s;
  opacity: 0;
  z-index: -1;
}

.showover {
  z-index: 1;
  opacity: 1;
}

.form {
  width: 60%;
  background-color: white;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  display: none;
  transition: .6s;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100vh;
  /* overflow-y: auto;  */
}

.showform {
  display: block;
  position: absolute;
  z-index: 2;
}

#overlay {
            position: fixed;
            top: 0;
            z-index: 100;
            width: 100%;
            height: 100%;
            display: none;
            background: rgba(0, 0, 0, 0.6);
        }

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

        .spinner {
            width: 40px;
            height: 40px;
            border: 4px #ddd solid;
            border-top: 4px #375ed3 solid;
            border-radius: 50%;
            animation: sp-anime 0.8s infinite linear;
        }

        @keyframes sp-anime {
            100% {
                transform: rotate(360deg);
            }
        }

.borderError{
  border: 1px solid red;
}