/* Ofertas */
:root {
  --primary-color: #3498db;
  --secondary-color: #2ecc71;
  --dark-color: #2c3e50;
  --light-color: #f8f9fa;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  max-height: 600px;
}

.btn-primary{
  background-color: var(--primary-color);
}

.bg-primary-color{
  background-color: var(--primary-color);
}

/* Scrollbars */
/* WebKit: Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: var(--light-color); /* Track background */
}

::-webkit-scrollbar-thumb {
  background-color: var(--primary-color); /* ✅ Use your CSS variable */
  border-radius: 6px;
  border: 3px solid var(--light-color); /* Creates padding around the thumb */
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--primary-color); /* Same or a darker shade if you like */
}

/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--primary-color) var(--light-color); /* thumb, track */
}



/* URL Home footer */
.urlhome{
  color: whitesmoke;
  text-decoration: none;
}

/* LOGOUT */
#btnTerminarSessao, #btnApplication{
    text-align: center;
    width: 100%;
    display: block;
    margin: 10px 0;
    background-color: var(--primary-color);
}

/* LOGIN */
.form-signin {
    max-width: 500px;
    padding: 15px;
  }
  
  .form-signin .form-floating:focus-within {
    z-index: 2;
  }
  
  .form-signin input{
       border-radius: 0; 
  }
  .form-signin #floatingLogin {
    margin-bottom: -1px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
  }
  
  .form-signin p{
    text-align: left;
  }
  .form-signin #floatingPassword {
    margin-bottom: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  
  #btnRegistar{
      margin-top: 40px;
  }

/**
AVATAR
**/
#avatar{
  max-height: 40px;
  background-color: white;
  border-radius: 50%;
}

/**
LOGO
**/
#logo{
  max-height: 40px;
  margin-right: 25px;
}

/**
DASHBOARD - ajuste vertical com footer fixo
**/
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav{
  padding-top: 0;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav{
  height: auto;
}
#layoutSidenav_content{
  height: 100px;
  overflow-y: scroll;
  padding-bottom: 2em;
}

footer{
  bottom: 0;
  position: fixed;
  right: 0;
  width: 100%;
  padding: 5px;
  z-index: 1024;
}