@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

body {
  font-family: 'Lato', sans-serif;
}

/* ==========================================================
  CONTENT SPACING
========================================================== */
  
  .tab-content {
    padding-top: 4px;
  }

/* ==========================================================
  NAVBAR
========================================================== */
  
  .navbar-default {
    background-color: #142C3F;
      border-color: #142C3F;
      border-radius: 0;
    margin-bottom: 0;
    min-height: 60px;
  }

/* ==========================================================
  BRAND / TITLE
========================================================== */
  
  .app-title {
    color: white;
    font-size: 20px;
    font-weight: 700;
  }


.navbar-brand {
  display: flex !important;
  align-items: center !important;
  height: 60px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-right: 20px !important;
}

.navbar-brand span {
  color: white !important;
}

/* ==========================================================
  NAVIGATION TABS
========================================================== */
  
  .navbar-default .navbar-nav > li > a {
    
    display: flex;
    align-items: center;
    
    height: 60px;
    
    color: rgba(255,255,255,0.85) !important;
    
    font-size: 16px;
    
    font-weight: 500;
    
    transition: all 0.15s ease;
  }

/* Hover */
  
  .navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  
  color: white !important;
  
  background-color: rgba(255,255,255,0.12) !important;
}

/* Force active tab styling */
  
  .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  
  color: white !important;
  
  background-color: rgba(255,255,255,0.18) !important;
  
  border-bottom: 4px solid #3498DB !important;
  
  box-shadow: none !important;
}

/* Override Bootstrap 5 nav-underline */
  
  .nav-underline .nav-link.active,
.nav-underline .nav-tabs > li > a.active,
.nav-underline .nav-pills > li > a.active,
.nav-underline ul.nav.navbar-nav > li > a.active {
  
  border-bottom-color: #3498DB !important;
    
    color: white !important;
}



/* ==========================================================
  TITLE CONTAINER
========================================================== */
  
  .app-title-container {
    display: flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
  }

.app-title-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.app-title-right {
  display: flex;
  align-items: center;
  gap: 10px;
  
  margin-left: 20px;
  
  color: white;
  font-size: 14px;
  
  white-space: nowrap;
}

/* ==========================================================
  UPDATE TEXT
========================================================== */
  
  #update_text {
  color: white;
white-space: nowrap;
}

/* ==========================================================
  FLATLY BUTTONS
========================================================== */
  
  .btn-default,
.btn-primary {
  
  background-color: #18BC9C !important;
    
    border-color: #18BC9C !important;
    
    color: white !important;
}

.btn-default:hover,
.btn-primary:hover {
  
  background-color: #13987E !important;
    
    border-color: #13987E !important;
}

/* Secondary */
  
  .btn-secondary-flatly {
    
    background-color: #95A5A6 !important;
      
      border-color: #95A5A6 !important;
      
      color: white !important;
  }

.btn-secondary-flatly:hover {
  
  background-color: #7F9293 !important;
    
    border-color: #7F9293 !important;
}

/* ==========================================================
  NAVBAR RESET BUTTON
========================================================== */
  
  #reset_button {
  
  background-color: transparent !important;

border: 1px solid rgba(255,255,255,0.75) !important;

color: white !important;
}

#reset_button:hover {

background-color: rgba(255,255,255,0.15) !important;

border-color: white !important;
}

#reset_button:active {

background-color: rgba(255,255,255,0.25) !important;
}

/* ==========================================================
  SIDEBAR
========================================================== */
  
  .well {
    
    background-color: #f8f9fa;
      
      border: 1px solid #d9d9d9;
  }

.control-label {
  font-weight: 500;
}

/* ==========================================================
  DATATABLE
========================================================== */
  
  .dataTables_wrapper {
    font-size: 13px;
  }

table.dataTable thead th {
  
  background-color: #f4f4f4;
    
    font-weight: 600;
}

/* Alternate rows */
  
  table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #EEF7FD !important;
}

table.dataTable.stripe tbody tr.even,
table.dataTable.display tbody tr.even {
  background-color: #ffffff !important;
}

table.dataTable tbody tr.selected {
  background-color: #3498DB !important;
    color: white !important;
}

table.dataTable tbody tr:hover {
  background-color: #d9edf7 !important;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

.well {
  margin-bottom: 0;
}