body {
    background-color: hsl(0, 0%, 97%);
}

@media (min-width: 1400px) {

    main,
    header,
    #main-navbar {
        padding-left: 240px;
    }
}


@media (max-width: 1700px) {
    .title{
        font-size: 1.0rem !important;
    }
}

/* Styles for this page */
#sidenav-inner {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;


    /* border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem; */
}

@media (min-width: 1000px) {
    .inner-content {
        padding-left: 240px;
    }
}

.card .sidenav-backdrop {
    z-index: 10;
}

.unique-navbar-wrapper {
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px 0;
    background-color: #2d4966;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.unique-navbar-items {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.unique-navbar-link.active {
    background-color: #007bff;
    color: white;
    font-weight: bold; 
  }
  
.unique-submenu-link.active {
color: #ffffff; 
font-weight: bold; 
background-color: #007bff; 
}

.unique-navbar-item {
    display: inline-block;
    margin-right: 15px;
}

.unique-navbar-link {
    text-decoration: none;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
}

.unique-navbar-link:hover {
    background-color: #3b71ca;
    color: rgb(255, 255, 255);
    transform: scale(1.05);
}

.unique-navbar-link:active {
    background-color: #0056b3;
}

.unique-navbar-link.active {
    background-color: #88781f !important;
}

#main-sidenav {
    background-color: #2d4966; 
    color: #ffffff; 
    min-height: 100vh; 
    padding: 1rem 0; 
}

#MDB-logo {
    max-width: 80%; 
}

.hr {
    margin: 1rem 0; 
    border-color: rgba(255, 255, 255, 0.2); 
}

.sidenav-menu {
    list-style-type: none; 
    padding-left: 0; 
}

.sidenav-item {
    margin: 0.5rem 0; 
}

.sidenav-link {
    display: flex; 
    align-items: center; 
    padding: 0.5rem 1rem; 
    text-decoration: none; 
    color: #ffffff; 
    transition: background-color 0.3s ease, color 0.3s ease; 
    border-radius: 4px; 
}

.sidenav-link:hover {
    background-color: #2980b9; 
    color: #ecf0f1; 
}

.sidenav-primary .sidenav-link.active {
    background-color: #88781f !important; 
    color: #ffffff !important;
}
.sidenav-link:active {
    background-color: #3498db !important; 
    color: #ffffff !important; 
}

.sidenav-subheading {
    padding-left: 1rem; 
    font-weight: bold; 
    color: #bdc3c7; 
    font-size: 0.9rem; 
}

.sidenav-item:hover .sidenav-subheading {
    color: #ffffff; 
}

.sidenav-link i {
    min-width: 20px; 
}

.sidenav-item:hover {
    background-color: rgba(255, 255, 255, 0.1); 
    border-radius: 4px; 
}

.sidenav-subheading {
    padding-left: 1rem; 
    font-weight: bold; 
    color: #cea06f !important; 
    font-size: 1rem; 
    margin-top: 1rem; 
    text-transform: uppercase;
}

.sidenav-item:hover .sidenav-subheading {
    color: #ff0000; 
}


/* NAV BAR */


#main-navbar {
    background-color: #2d4966 !important;
}



.navbar-light .navbar-nav .nav-link {
    color: #ffffff !important;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #005899 !important;
    background-color: rgba(0, 123, 255, 0.2);
    border-radius: 5px !important;
}

.navbar-light .dropdown-item {
    color: #343a40;
}

.navbar-light .dropdown-item:hover {
    background-color: #005899 !important;
    color: #ffffff !important;
}

.navbar-light .navbar-nav .nav-link i {
    color: #ffd000 !important;
}

.navbar-light .navbar-nav .nav-link:hover i {
    color: #ffffff !important;
}

.badge-notification {
    background-color: #005899 !important;
}

.dropdown-menu {
    background-color: #ffffff !important;
}


.fa-bars::before, .fa-navicon::before {
    content: "\f0c9";
  
    color: white;
  
  }

  /* Estilo do botão para o sidenav */
.btn[data-mdb-toggle="sidenav"] {
    background-color: rgb(45, 73, 102);
    color: white;
    border: none; 
    border-radius: 5px;
    transition: background-color 0.3s;
   
}

.btn[data-mdb-toggle="sidenav"] i {
    color: rgb(255, 255, 255);
    
}

/* button[data-mdb-toggle="sidenav"][data-target="#sidenav-inner"] {
    margin-left: -1rem !important;
    margin-top: -5rem !important;
    padding-right: 17px !important;
    padding-left: 17px !important;
} */


.btn[data-mdb-toggle="sidenav"]:hover {
    background-color: #0056b3;
}

#sidenav-inner {
    background-color: #2d4966 !important;
}

 
#sidenav-inner .sidenav-link:hover {
    background-color: #3b71ca;
    color: white;
    transform: scale(1.05);
}

.scrollclass {
    height: 40vh;
    overflow-y: auto;
}
.scrollclassnavtres{
    height: 34vh;
    overflow-y: auto; 
}

.scrollclassNav{
    height: 40vh;
    overflow-y: auto; 
}


.unique-submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none; /* Oculto por padrão */
    position: absolute;
    color: #ffffff;
    background: #0e447a;
    left: 22% !important;
    right: 3% !important;
    z-index: 9999;
}




.unique-navbar-item:hover .unique-submenu {
    display: block; /* Mostra quando o item é hover */
}

.unique-submenu-item {
    margin: 0;
}

.unique-submenu-link {
    display: block;
    padding: 8px 12px;
    color: #ffffff;
    text-decoration: none;
}

.unique-submenu-link:hover {
    background-color: #2174c7;
    color: #000000;
}

.unique-navbar-cont {
    padding-left: 240px;
    padding-right: 0px;
}

@media (max-width: 999px) {
    .unique-navbar-cont {
        padding-left: 0px !important;
        padding-right: 0px;
    }
    .unique-navbar-cont-navbar{
        padding-left: 25px !important;
    }
   
    .left-column{
        flex: 0 0 0px !important;
        display: hidden;
    }
    .unique-navbar-item {
        display: inline-block;
        margin-right: 15px;
    }
}

.unique-navbar-cont {
    position: relative; 
  }
  
 
  
  .top-0 {
    top: 15px;
  }
  
  .start-0 {
    left: 10px;
  }
  .position-absolute {
    position: absolute !important;
   
    transform: translate(-25%, +25%);
    width: 33px;
    height: 22px;
  }

.btn-action-style {
    margin-top: auto;
  margin-bottom: auto;
}

.alert-custom {
    display: none;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1050;
    min-width: 250px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 15px;
    border-radius: 5px;
  }
  
  .alert-show-custom {
    display: block;
    animation: fadeInCustom 0.5s ease-in-out;
  }
  
  /* Animação de entrada */
  @keyframes fadeInCustom {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
  }