:root {
  --bs-orange-rgb:253, 126, 20;
}
html {
    height: 100%;
  }
  
  body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    /* background: #848484; */
    background: #fff;
    /* font-size: 12px !important; */
    font-family: 'Lato', sans-serif;
  }
  .dom-loader {
    position: relative;
    height: 100vh;
    width: 100vw;
  }
  .dom-loader .dom-loader-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    
  }
  .dom-loader .dom-loader-content img {
    height: 200px;
    width: auto;
  }
  .dom-loader .dom-loader-content .spinner-el {
    margin-top: 35px;
    margin-left: 10px;
  }
  
  @media (max-width: 576px) { 
    .dom-loader .dom-loader-content img {
      width: 70vw;
      height: auto;
    }
  }
  
  a:hover, a:visited, a:link, a:active {
    color: inherit;
  }
  p {
    font-size: inherit !important;
  }
  
  .icon-anim {
    transition: all 350ms ease-in;
    font-size: initial;
  }
  .icon-anim.icon-invert-180 {
    transform:rotate(-180deg);
  }
  
  #app {
    height: 100%;
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  #app>* {
    height: 100%;
  }
  

/* Map */
#map, #map1 {
    height: 100vh;
}

.map_overlay {
    text-align: center;
    color: #fff;
    font-size: 12px;
    opacity: 0.8;
    background: #16a52c;
    border: solid 1px #D1D4D2;
    border-radius: 4px;
    text-shadow: 1px 1px 1px #666;
    padding: 0 4px;
    font-family: 'Oswald', sans-serif;
}

/* Sweet Alert */
.swal2-confirm {
  background-color: #0d6efd !important;
}
.swal2-cancel {
  background-color: #fff !important;
  color: #000 !important;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #c2c2c2 #f5f5f5;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  *::-webkit-scrollbar-track {
    background: transparent;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;
    border-radius: 5px;
    /* border: 1px solid #f5f5f5; */
    border: none;
  }

.pointer-cursor {
    cursor: pointer;
}


.text-warning-1 {
  color: var(--bs-orange);
}
.border-warning-1 {
      border-color: rgba(var(--bs-orange-rgb),var(--bs-border-opacity))!important;
}
.bg-warning-1  {
  background-color: rgba(var(--bs-orange-rgb),var(--bs-bg-opacity))!important
}

.viewer {
  height: 100%;
  width: 100%;
  background: #0000001a;
}


.empty-data {
  height: 100%;
  width: 100%;
  position: relative;
}
.empty-data .empty-data-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.empty-data .empty-data-container .img {
  height: auto;
  width: 250px;
}

.preview-close-btn {
  position: relative;
  top: -6px;
  left: -12px;
  color: white;
  background: red;
  border-radius: 38px;
  width: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  cursor: pointer;
}