@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: #E95420; /*#142C3F;*/
      border-color: #E95420; /*#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 #F4D19B !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: #F4D19B !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 {
    
    background-color: #95A5A6 !important;
      
      border-color: #95A5A6 !important;
      
      color: white !important;
  }

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

.btn-ubuntu {
  background-color: #E95420 !important;
  
  border-color: #E95420 !important;
  
  color: #FFFFFF !important;

  
}

.btn-ubuntu:hover,
.btn-ubuntu:focus,
.btn-ubuntu:active {
  
  background-color: #D94819 !important;
  
  border-color: #D94819 !important;
  
  color: #FFFFFF !important;
}

/* ==========================================================
   LINKS
========================================================== */

a {
  color: #E95420;
}

a:hover,
a:focus {
  color: #D94819;
  text-decoration: underline;
}

/* ==========================================================
  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;
}

/* Bootstrap 5 striped rows */
table.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: #FFF5F0 !important;
}

table.table-striped > tbody > tr:nth-of-type(even) > * {
  background-color: #FFFFFF !important;
}

/* Hover */
table.table-hover > tbody > tr:hover > * {
  background-color: #FFE8DB !important;
}

/* Selected row */
table.dataTable tbody tr.selected > * {
  background-color: #E95420 !important;
  color: white !important;
}

/* Row and column borders */
table.dataTable tbody td {
  border-bottom: 1px solid #D0D7DE !important;
}

table.dataTable.row-border tbody td,
table.dataTable.display tbody td {
  border-top: 1px solid #D0D7DE !important;
}

/* ============================================
   Fix for removing x scroll
============================================ */
.row {
  margin-left: 0;
  margin-right: 0;
}

.well {
  margin-bottom: 0;
}