.password-show{
    top:50px;
}
.btn-default {
    background-color: #C70039 !important;
    color: #fff;
}
.brand-color{
    color: #C70039 !important;
}

.border-brand{
    border-color: #C70039 !important;
}

.input-setting{
    margin-top: 15px;
}


    .modal {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.5);
      justify-content: center;
      align-items: center;
      z-index: 200000;
    }

    .modal-content {
      background: white;
      padding: 2rem;
      border-radius: 8px;
      width: 90%;
      max-width: 500px;
    }

    .modal-header {
      font-size: 1.2rem;
      margin-bottom: 1rem;
      color: var(--primary);
    }

    input {
      width: 100%;
      padding: 0.8rem;
      margin-bottom: 1rem;
      border: 1px solid #ccc;
      border-radius: 6px;
    }

    .close {
      float: right;
      font-size: 1.2rem;
      cursor: pointer;
      color: #aaa;
    }

    .close:hover {
      color: var(--primary);
    }

[x-show] { 
   .inset-0{
    background-color: rgba(0, 0, 0, 0.5) !important;

   }
}
 /* Custom styles from main.css */
 
        #map { height: 400px; width: 100%; }
        .metric-card { min-height: 120px; }