      /*Select2 ReadOnly Start*/
      select[readonly].select2-hidden-accessible + .select2-container {
        pointer-events: none;
        touch-action: none;
      }

      select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
        background: #f5f8fa;
        box-shadow: none;
        border: none;
      }

      select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
        display: none;
      }
      /*Select2 ReadOnly End*/

      /*Select2 ReadOnly Start*/
      .form-control[readonly] {
        pointer-events: none;
        touch-action: none;
        background: #9191911a;
        box-shadow: none;
        border: none;
      }
      /*Select2 ReadOnly End*/
      .blink {
        animation: blinker 1.5s linear infinite;
      }
      @keyframes blinker {
        50% {
          opacity: 0;
        }
      }
      #viewDiv {
        /* position:fixed;
        top:0; */
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
      }


      #loadingWrapper {
        background: rgba(0, 0, 0, 0.9);
        height: 100vh;
        width: 100vw;
        top: 0;
        left: 0;
        z-index: 3000;
        position: fixed;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      /* Route loader overlay confined to wrapper (keeps sidebar visible) */
      #kt_wrapper { position: relative; }
      #kt_wrapper #routeLoadingWrapper { display: none; }
      
      /* HTML: <div class="loader"></div> */
      .loader {
        --s: 20px;
        --_d: calc(0.353*var(--s));
        width: calc(var(--s) + var(--_d));
        aspect-ratio: 1;
        display: grid;
      }
      .loader:before,
      .loader:after {
        content: "";
        grid-area: 1/1;
        clip-path: polygon(var(--_d) 0,100% 0,100% calc(100% - var(--_d)),calc(100% - var(--_d)) 100%,0 100%,0 var(--_d));
        background:
          conic-gradient(from -90deg at calc(100% - var(--_d)) var(--_d),
          #38b09d 135deg,#319889 0 270deg,#33a090 0);
        animation: l6 2s infinite;
      }
      .loader:after {
        animation-delay:-1s;
      }
      @keyframes l6{
        0%  {transform:translate(0,0)}
        25% {transform:translate(30px,0)}
        50% {transform:translate(30px,30px)}
        75% {transform:translate(0,30px)}
        100%{transform:translate(0,0)}
      }
      

      .esri-attribution{
        display:none !important;
      }
      .esri-view .esri-view-surface--touch-none canvas{
        border-radius:15px !important;
      }


    .wrap {
        /* width: 30.5vw; */
        min-height: 31vh;
        padding: 0;
        overflow: hidden;
        border-radius: 0.85rem;
    }

    .container-frame {
        /* To position the loading */
        position: relative;
    }

    .z-index-inherit{
      z-index: inherit;
    }
  
    .w-15 {
      width: 15% !important;
    }
    .w-85 {
      width: 85% !important;
    }

    .modal-backdrop {
      z-index: 1 !important;
    }

    .modal-content {
      z-index: 2 !important;
    }

    @media (max-width: 991.98px) {
      .aside {
        width: 350px;
      }
      .aside .aside-primary {
        width: 70px;
      }
      .aside .aside-secondary .aside-workspace {
        width: 280px;
      }
      .aside-secondary-enabled .aside {
        width: 350px;
      }
      .aside-secondary-disabled .aside {
        width: 70px;
      }
    }

    table{
      font-size: unset !important;
    }

.aside-fixed.aside-secondary-enabled[data-kt-sticky-header=on][data-kt-aside-minimize=on] .header.expand {
  left: 250px;
  transition: left 0.3s ease;
}

@media (max-width: 991.98px) {
  .aside-fixed.aside-secondary-enabled[data-kt-sticky-header=on][data-kt-aside-minimize=on] .header.expand {
    left: 0;
  }
}

@media (max-width: 991.98px) {
  [data-bs-theme=dark] .header-tablet-and-mobile-fixed[data-kt-sticky-header=on] .header {
    background-color: #1d1d1d;
  }
}
