@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
body {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-style: normal;
}

textarea, input, button, .form-control {
  font-family: "Rubik", sans-serif;
}

.multi-select-dropdown {
  padding-left: 0;
  padding-right: 0;
}
.multiselect .main-list input[type="checkbox"]:not(:checked):focus, .mapView-cnt .details-box-list input[type="checkbox"]:not(:checked):focus {
  border: 3px solid #009BD2;
}
.multi-select-dropdown .form-select:focus {
  border-color: #009BD1 !important;
}
.multi-select-dropdown .dropdown-main {
  /*  width: 100% !important; */
}
.multi-select-dropdown .dropdown-label-text {
  border: 1px solid #52D5E9;
  background-color: #ffffff;
  border-radius: 8px;
  height: 44px;
  width: 100%;
/*  min-width: 222px;*/
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  color: #BBBBBB;
  font-size: 16px;
/*  font-family: 'Assistant', sans-serif;*/
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 6px;
}
.multi-select-dropdown .dropdown-label-text .dropdown {
  width: 100%;
  height: 100%;
  padding: 10px 10px 10px 2px;
}
.multi-select-dropdown .dropdown-label-text .dropdown div {
  display: flex;
  flex-flow: row;
  column-gap: 6px;
}
/*.multi-select-dropdown .dropdown-label-text .count-selected*/

.multi-select-dropdown .dropdown-label-text .close {
  margin: 0;
  width: 21px;
  height: 21px;
  text-align: center;
  border-radius: 100%;
  background-color: transparent;
  color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.multi-select-dropdown .dropdown-label-text .close, .multi-select-dropdown .dropdown-label-text .arrow {
  margin-left: 10px;
  cursor: pointer;
}
.multi-select-dropdown .dropdown-label-text .dropdown .count-selected {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #006473;
  border-radius: 100%;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  background-image: none;
  position: absolute;
  left: 2px;
}
.multi-select-dropdown .multiselect ul.main-list {
  position: absolute;
  top: 8px !important;
  
  z-index: 2;
  left: auto !important;    
  right: 0 !important;
  width: auto !important;
  background-color: #ffffff;
  border: 1px solid #BBBBBB !important;
  border-radius: 8px !important;
/*  width: 100% !important;*/
/*  min-width: 222px;*/
  max-height: 225px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  list-style: none !important;
}
.multi-select-dropdown .multiselect.open-right-side ul.main-list {
  left: 0 !important;    
  right: auto !important;
}
.multi-select-dropdown .multiselect ul.main-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.multi-select-dropdown .multiselect ul.main-list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  transition: all .4s ease-in-out;
}
.multi-select-dropdown .multiselect ul.main-list li .option-main {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  column-gap: 8px;
  row-gap: 10px;
  padding: 4px 18px;
}
.multi-select-dropdown .multiselect ul.main-list li .option-main.no-sub {
  padding-right: calc(18px + 21px);
}
.multi-select-dropdown .multiselect ul.main-list li .option-main:is(:hover, :focus), .multi-select-dropdown .multiselect ul.main-list li .option-main.selected {
  background-color: rgba(184, 227, 242, 1);
  color: #303030;
}
.multi-select-dropdown .multiselect ul.main-list li .option-main .sub-arrow {
    min-width: 13px;
    text-align: center;
    cursor: pointer;
}
.multiselect .option-main svg.arrow {
    width: 8px;
    height: auto;
    transition: all .4s ease-in-out;
}
.multiselect .have-subList.active .option-main svg.arrow {
    transform: rotate(-90deg);
}
.multi-select-dropdown .multiselect ul.main-list label {
/*  font-family: 'Assistant', sans-serif;*/
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #303030;
  letter-spacing: 0em;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiselect .have-subList .sub-list {
    display: none;
    position: relative !important;
    top: unset !important;
    left: unset !important;
    border: 0 !important;
    max-height: 100% !important;
    padding: 1px 35px 3px 0px  !important;
    width: 100% !important;
    list-style: none !important;
    overflow: visible !important;
    transition: all .4s ease-in-out;
    -webkit-animation-name: slideDownSubMenu;
    animation-name: slideDownSubMenu;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
.multiselect .have-subList.active .sub-list {
    display: block !important;
}
input[type="checkbox"] {
  min-width: 16px;
  width: 16px;
  height: 16px;
  border: 1px solid #008397;
  background-color: #ffffff;
  border-radius: 3px;
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  cursor: pointer;
}
input[type="checkbox"]:checked {
  background-color: #008397;
}
input[type="checkbox"]:checked::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 9px;
  border: 2px solid #ffffff;
  border-top: 0;
  border-left: 0;
  left: 4.5px;
  top: 1.5px;
  transform: rotate(45deg);
}
input[type="radio"] {
    min-width: 16px;
    width: 16px;
    height: 16px;
    border: 1px solid #008397;
    background-color: #ffffff;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}
.multi-select-dropdown.shadow-none .dropdown-label-text {
    box-shadow: none;
    height: 38px;
}
.multi-select-dropdown.shadow-none .dropdown-label-text .dropdown {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
    display: flex;
    align-items: center;
}
.font-19 {
  font-size: 19px;
}
.font-24 {
  font-size: 24px;
}
.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.d-grid {
  display: grid;
}
.max-w-200 {
  max-width: 200px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.mr-1 {
  margin-right: 0.5rem !important;
}
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: #009bd2;
  border-radius: 10px;
  border: 0px none transparent;
}