/*Header*/

.wrapper {

	width: 100%;

	height: 100%;

	position: relative;

}

.sidebar-wrapper {

	width: 260px;

	height: calc(100% - 70px);

	position: fixed;

	top: 70px;

	left: 0;

	bottom: 0;

	z-index: 16;

	background: #fff;

	border-right: 1px solid #e4e4e4;

	box-shadow: none;

	transition: all .2s ease-out;

}

.top-header {
	background: var(--bs-secondary);

	width: auto;

	height: 70px;

	line-height: 70px;

	position: fixed;

	top: 0;

	left: 260px;

	right: 0;

	z-index: 15;

	border-bottom: 1px solid var(--bs-border-color);

}


.toggle-btn, .toggle-btn-mobile{

	margin-right: 10px;

	font-size: 28px;

	color: var(--bs-border-color);

	width: 45px;

	height: 45px;

	line-height: 45px;

	background: transparent;

	text-align: center;

	border-radius: 50%;

	cursor: pointer;

	outline: none;

}

.close-menu-mobile{
	margin-left: 40px;
	width: 45px;
	height: 45px;
	font-size: 28px;
	text-align: center;
	color: var(--bs-border-color);
}

.toggle-btn:hover {

	color: var(--bs-link-hover-color);

}

.toggle-btn:active, .toggle-btn-mobile:active {

	color: var(--bs-link-hover-color);

	background: var(--bs-secondary-bg-subtle);

}


.logo-img{

	width: 150px;
	
	margin-left: 10px;

}

.top-header .navbar {

	padding: 0 1.5rem;

}

.left-topbar {

	width: auto;

	float: left;

}

.right-topbar {

	width: auto;

}

.hidden{
	display:none;
}

.sidebar-header {

	width: 260px;

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	display: flex;

	align-items: center;

	padding: 0px 0px 0px 15px;

	height: 70px;

	z-index: 1;

	transition: all .2s ease-out;
	border-right: 1px solid var(--bs-border-color);
	background: var(--bs-secondary);
	border-bottom: 1px solid var(--bs-border-color);

}

.sidebar-wrapper{
	border-right: 1px solid var(--bs-border-color);
	background: var(--bs-secondary);
}

.right-topbar .navbar-nav .nav-link {

	padding: 0rem 1.4rem;

	height: 70px;

	font-size: 25px;
	color:var(--icon-menu-color);

}

.dropdown-toggle-nocaret:after {
	display: none
}

.user-box {
	line-height: 1.3;
	height: 70px;
	border-left:1px solid var(--bs-border-color);
	padding-left:  20px;
}

.user-info {
	text-align: right;
	margin: 0px 20px;
}

.user-info .user-name {

	font-size: 15px;
	font-family: var(--headings-fonts);
	font-weight: 500;

}

.user-info .designattion {

	font-size: 12px;

	color: var(--icon-menu-color);

}

.user-img {

	width: 52px;
	border: solid 1px var(--bs-primary);
	height: 52px;
	box-shadow: var(--bs-box-shadow-sm);
	border-radius: 50%;
}

.user-img img {
	border-radius: 10%;
}

.msg-count {

	position: absolute;
	left: 36px;
	top: 19px;
	font-size: 11px;
	font-weight: 500;
	min-width: 17px; 
	height: 17px;
	text-align: center;
	border-radius: 50%;
	z-index: 5;
	padding: 0;
	color: #fff;
	background-color: var(--bs-info);
	display: flex;
	justify-content: center;
	align-items: center;

}

.lang i {
	font-size: 15px;
}

.lang span {
	font-size: 15px ;
	padding-left: 6px;
}

.dropdown-menu {
	-webkit-box-shadow: var(--bs-box-shadow-sm);
	box-shadow: var(--bs-box-shadow-sm);
	line-height: initial;
	border: 1px solid var(--bs-border-color);
	margin: 0;
	font-size: 14px;
	border-radius: 15px;
}

.top-header .navbar .dropdown-menu {
	-webkit-animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;
	animation: .6s cubic-bezier(.25, .8, .25, 1) 0s normal forwards 1 animdropdown;
}

.top-header .navbar .dropdown-lg .dropdown-menu::after {
	content: '';
	width: 13px;
	height: 13px;
	background: var(--bs-primary);
	position: absolute;
	top: -6px;
	right: 28px;
	transform: rotate(45deg);
	border-top: 1px solid var(--bs-border-color);
	border-left: 1px solid var(--bs-border-color);
}

.top-header .navbar .dropdown-menu::after {

	content: '';
	width: 13px;
	height: 13px;
	background:white;
	position: absolute;
	top: -6px;
	right: 28px;
	transform: rotate(45deg);
	border-top: 1px solid var(--bs-border-color);
	border-left: 1px solid var(--bs-border-color);

}

@-webkit-keyframes animdropdown {

	from {
		-webkit-transform: translate3d(0, 6px, 0);
		transform: translate3d(0, 6px, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}

}

@keyframes animdropdown {

	from {
		-webkit-transform: translate3d(0, 6px, 0);
		transform: translate3d(0, 6px, 0);
		opacity: 0
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}

}

.dropdown-lg {
	position: relative;
}

.dropdown-lg .dropdown-menu {

	width: 355px;
	padding: 0px;
	margin: 0;
	border: 1px solid var(--bs-border-color);

}

.dropdown-lg .dropdown-menu .dropdown-item {

	padding: .5rem 1rem;
	border-bottom: 1px solid var(--bs-border-color);

}

.dropdown-lg .user-online {

	position: relative;

}

.dropdown-lg .user-online:after {

	content: '';
	position: absolute;
	bottom: 1px;
	right: 17px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #16e15e;

}

.dropdown-lg .msg-avatar {

	width: 45px;
	height: 45px;
	border-radius: 50%;
	margin-right: 15px;

}

.dropdown-lg .msg-name {

	font-size: 16px;
	margin-bottom: 0;
	color: var(--icon-menu-color);
	font-family: var(--headings-fonts);
	white-space: normal; /* Consente al testo di andare a capo */
    word-wrap: break-word; /* Consente di spezzare le parole lunghe */
    overflow-wrap: break-word; /* Supporto aggiuntivo per spezzare le parole lunghe */

}

.dropdown-lg .msg-info {

	font-size: 11px;
	margin-bottom: 0;
	color: var(--icon-menu-color);

}

.dropdown-lg .msg-time {

	font-size: 12px;
	margin-bottom: 0;
	color: var(--icon-menu-color);

}

.dropdown-lg .msg-header {

	padding: .5rem 1rem;
	color: #fff;
	border-bottom: 0px solid var(--bs-border-color);
	background: var(--bs-primary);
	text-align: center;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;

}

.dropdown-lg .msg-header .msg-header-title {

	font-size: 16px;
	margin-bottom: 0;
	font-family: var(--headings-fonts);

}

.dropdown-lg .msg-header .msg-header-subtitle {

	font-size: 12px;
	margin-bottom: 0;

}

.dropdown-lg .msg-footer {

	padding: .72rem 1.2rem;

	color: var(--bs-primary);

	border-top: 1px solid var(--bs-border-color);

	font-size: 14px;

	font-weight: 500;

	border-bottom-left-radius: .25rem;

	border-bottom-right-radius: .25rem;

}

.dropdown-lg .notify {

	width: 45px;

	height: 45px;

	line-height: 45px;

	font-size: 22px;

	text-align: center;

	border-radius: 50%;

	margin-right: 15px;

}

.dropdown-user-profile .dropdown-menu i {

	vertical-align: middle;

	margin-right: 10px;

}

.dropdown-user-profile .dropdown-menu span {

	vertical-align: middle;

}

.dropdown-language .dropdown-menu i {

	vertical-align: middle;

	margin-right: 10px;

	font-size: 14px;

}

.dropdown-language .dropdown-menu span {

	vertical-align: middle;

	font-size: 14px;

}

.header-notifications-list {

	position: relative;

	height: 370px;

}

.header-message-list {

	position: relative;

	height: 370px;

}

.dashboard-social-list {

	position: relative;

	height: 240px;

}

.dashboard-top-countries {

	position: relative;

	height: 322px;

}

.dropdown-item:focus, .dropdown-item:hover{
	background-color: var(--bs-secondary-bg-subtle);
	color: var(--bs-info);
	border-radius:10px;
}

/*Metismenu*/

.sidebar-wrapper ul {

	padding: 0;

	margin: 0;

	list-style: none;

	background: transparent;

}

.sidebar-wrapper .metismenu {

	background: transparent;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	padding: 10px;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

}

.sidebar-wrapper .metismenu li+li {

	margin-top: 5px;

}

.sidebar-wrapper .metismenu li:first-child {

	margin-top: 5px;

}

.sidebar-wrapper .metismenu li:last-child {

	margin-bottom: 5px;

}

.sidebar-wrapper .metismenu>li {

	/*-webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;*/

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	position: relative;
}

.sidebar-wrapper .metismenu a {

	position: relative;

	display: flex;

	align-items: center;

	justify-content: left;

	padding: 8px 15px;

	font-size: 15px;

	color: var(--icon-menu-color);

	outline-width: 0;

	text-overflow: ellipsis;

	overflow: hidden;

	transition: all .3s ease-out;

}

.sidebar-wrapper .metismenu a .parent-icon {

	font-size: 24px;
	line-height: 1;

}

.sidebar-wrapper .metismenu a .menu-title {

	margin-left: 10px;

}

.sidebar-wrapper .metismenu ul a {

	padding: 6px 15px 6px 15px;

	font-size: 14px;

	border-radius: 8px;

}

.sidebar-wrapper .metismenu ul a i {

	margin-right: 10px;

}

.sidebar-wrapper .metismenu ul ul a {

	padding: 8px 15px 8px 30px;

}

.sidebar-wrapper .metismenu ul ul ul a {

	padding: 8px 15px 8px 45px;
}

.sidebar-wrapper .metismenu a:hover, 

.sidebar-wrapper .metismenu a:active, 

.sidebar-wrapper .metismenu .mm-active>a {

	color: white;
	text-decoration: none;
	background: var(--bs-primary);
	border-radius: 8px;
}

.menu-label {

	padding: 20px 15px 5px 5px;

	color: var(--icon-menu-color);

	text-transform: uppercase;

	font-size: 12px;

	letter-spacing: 1px;

}

.metismenu .has-arrow:after {

	position: absolute;

	content: "";

	width: .50em;

	height: .50em;

	border-style: solid;

	border-width: 1.2px 0 0 1.2px;

	border-color: initial;

	right: 15px;

	transform: rotate(-45deg) translateY(-50%);

	transform-origin: top;

	top: 50%;

	transition: all .3s ease-out;

}

.footer {

	position: fixed;

	bottom: 0;

	left: 0;

	right: 0;

	border-top: 1px solid var(--bs-border-color);

	padding: 8px 15px;

	font-size: 13px;

	text-align: center;

	margin-left: 260px;

	transition: all .3s ease-out;

	z-index: 10;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--bs-body-bg);
}

.footer p{
	color:var(--icon-menu-color);
}

.footer a{
	color:var(--icon-menu-color);
}

.p-tab-name {

	display: none !important;

}

@media screen and (min-width: 576px) {

	.p-tab-name {

		display: block !important;

	}

}

@media screen and (min-width: 1025px) {

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .logo-text {

		display: none;

	}
	
	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .logo-icon-2 {

		margin-left: 0px;

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-btn {

		display: none;

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {

		justify-content: center;

		padding: 10px;

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper {

		width: 80px;

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {

		width: 80px;

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu a {

		justify-content: center;

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .menu-title {

		display: none;

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li ul {

		display: none;

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li.menu-label {

		display: none;

	}

	.wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .has-arrow:after {

		display: none;

	}


	.chat-toggle-btn {

		display: none !important;

	}

	.email-toggle-btn {

		display: none !important;

	}

	.left-topbar {

		display: none !important;

	}

}

/* Navbars */

/* .nav-search input.form-control {

	background-color: rgb(255 255 255 / 20%);

	border: 1px solid rgb(255 255 255 / 45%);

	border-top-left-radius: 30px;

	border-bottom-left-radius: 30px;

}

.nav-search input.form-control::placeholder {

	opacity: 0.5 !important;

	color: #fff !important;

}

.nav-search input.form-control::-ms-input-placeholder {

	color: #fff !important;

}

.nav-search button[type='submit'] {

	background-color: rgb(255 255 255 / 20%);

	border: 1px solid rgb(255 255 255 / 32%);

	color: #fff;

	border-top-right-radius: 30px;

	border-bottom-right-radius: 30px;

}
 */
 .nav-width {

	width: 340px !important;

}

.round-pagination.pagination .page-item:first-child .page-link {

	border-top-left-radius: 30px;

	border-bottom-left-radius: 30px;

}

.round-pagination.pagination .page-item:last-child .page-link {

	border-top-right-radius: 30px;

	border-bottom-right-radius: 30px;

}

.scrollable-content {
    max-height: 300px; /* You can adjust this value as needed */
    overflow-y: auto;
}