@import "status_icons.css";
  @import "buttons.css";
  @import "navbar.css";
  @import "datatables.css";
  @import "jobs_map.css";
  @import "login.css";
  
  /* Set root colors */
  :root {
    --success-green: #198754;
    --failed-red: #dc3545;
    --primary-blue: #0d6efd;
    --warning-orange: #ffc107;
    --light-gray: #a0aeba;
    --neutral-gray: #6c757d;
    --dark-gray: #51565C;
    --dark-gray-background: rgba(81,86, 92, .5);
  }

  /* set margin and padding */
  * {
    margin: 0;
    padding: 0;
  }


  body {
    font-size: 14px;
    background-color: #e3e8ee;
    padding-top: 4.5rem;
  }
  
  /* Form Control */
  .form-control,
  select[disabled] {
    background-color: white !important;
    color: black !important;
  }
  
  /* set cursor pointer for clickable link with javascript */
  .clickable-link {
    cursor: pointer;
  }
  
  /* Overview Chart chart-dates */
  .chart-dates {
    justify-content: center;
    align-items: center;
    max-width: 400px;
  }
  
  .tag-category-container {
    width: 300px !important; 
  }
  

/* Concat SQL Modal */
.input-concatSpan {
  width: 150px !important;
}

.navbarDropdownCompanyContact {
  border: none;
}


.job-detail-card {
    min-height: 150px; /* or any other value that suits your design */
}

.accordion-button:not(.collapsed) {
  background-color: white !important;
}



  
  /* 
   Set Media Queries
  */ 
  
  /* For screens greater than or equal to 920px */
  @media (min-width: 920px) {
    .table-responsive {
      overflow-x: hidden !important;
    }

  }
  
  /* Hide navbar toggler for desktop version  */
  @media (min-width: 768px) {
    .navbar-toggler {
      display: none;
    }
  
    .navbar-collapse {
      display: block !important;
    }
  
    .navbar-nav.me-auto.mb-2 {
      /* Align navbar left */
      justify-content: flex-start;
    }
  }
  
  
  /* General style for queries max 767px */
  @media (max-width: 767px) {
      .navbar-nav.me-auto.mb-2 {
        flex-direction: column;
        align-items: start;
        width: 100%;
        margin-left: 10px;
    }
  
      .nav-item {
        margin-right: 0;
        margin-bottom: 10px;
    }
    
      #searchField {
        margin-bottom: 10px !important;
    
  }
  
}