/* CSS INSERITO QUA PERCHE' DEVE COINVOLGERE TUTTE LE PAGINE	*/

/* navbar.css */



/* Main navbar styling */

#div_header {

    background-color: #b99e44; /* Gold color */

    color: white;

    padding: 0 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

    box-shadow: 0 4px 8px rgba(0,0,0,0.1);

	height: 80px;

}



#scritta_pagina_login	{

	color: black;

	text-align: center;

	width: 100%;

	font-size: 20pt;

	font-weight: bold;

	

}



/* Styling for the navigation links */

.navbar, .nav-links {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

	align-items: center;

	height: 100%;

}



.nav-links li {

    position: relative; /* For dropdown positioning */

    padding: 0 15px;

	list-style: none;

	height: 100%;

}



.nav-links li a {

    color: white;

    text-decoration: none;

    display: block;

	padding: 0px 18.5px;

    height: 100%;

	height: 100%; /* Ensure the link takes the full height */

	display: flex;

	align-items: center;

	transition: background-color 0.3s ease;	

}



.nav-links li a:hover {

    cursor: pointer;

	background-color: #856e2a; /* Darker gold when hovered */

	color: white;

	height: 100%;

}



/* Dropdown container (hidden by default) */

.dropdown-content {

    display: none;

    position: absolute;

    top: 100%;

    background-color: rgba(75,75,75,0.9); /*#4b4b4b; /* Darker grey */

    min-width: 179px;

    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);

    z-index: 1;

	list-style: none;

	padding: 0;

    text-align: center;

}



.dropdown-content li {

    padding: 0; /* Remove extra padding for dropdown items */

	border-bottom: 1px solid white;

}



.dropdown-content li a {

    padding: 10px 15px;

    color: white;

}



.dropdown-content li a:hover {

    background-color: #333333; /* Even darker grey for hover effect */

}



/* Show the dropdown when hovering over the parent item */

.dropdown:hover .dropdown-content {

    display: block;

}



/* User info and icons */

span#right-aligned-content	{

	margin-left: auto;

	margin: 0;

    padding: 0;

    display: flex;

	align-items: center;

}



div#user-info	{

	display: inline-block;

}



div#div_campanella_promemoria {

	margin-right: 50px;

	cursor: pointer;

	position: relative;

}

img#campanella_promemoria {

	width: 40px;

}

span#num_promemoria	{

	width: 20px;

	height: 20px;

	background-color: red;

	font-size: 8pt;

	border-radius: 8px;

	line-height: 20px;

	position: absolute;

    z-index: 20;

    right: -5px;

	text-align: center;	

}

img#calendar_icon {

	width: 40px;

	margin-right: 50px;

	cursor: pointer;

}

img#icona_profilo	{

	margin-left: auto;

	margin-right: 30px;

	width: 80px;

	cursor: pointer;

}



span#username {

    font-size: 18px;

	font-weight: bold;

    margin-right: 5px;

	display: block;

}



span#ruolo	{

	font-size: 14px;

	margin-right: 5px;

	display: block;

}



#div_header #DB_img	{	margin: 10px; width: 35px; cursor: pointer;	}