@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	/* FONT */
	--font-family-base: 'Montserrat', sans-serif;

	/* COLORS */
	--color-primary: #2D2D2D;
	--color-secondary: #6CC3C0;
	--color-yellow: #EEF551;
	--color-bg: #F2F2F6;
	
	/* SIDEBAR */
	--sidebar-bg: var(--color-primary);
	--sidebar-menu-active-item-color: var(--color-yellow);
	--sidebar-menu-active-item-bg: var(--color-primary);
	--sidebar-menu-icon-color: var(--white);
	--sidebar-menu-color: var(--white);
	--sidebar-menu-submenu-color: var(--white);

	/* LINKS */
	--link-color: #575757;
	--link-hover-color: var(--color-primary);

	/* FORMS */
	--form-type-check-input-checked-bg: var(--color-primary);
	--form-switch-checked-bg: var(--color-primary);

	/* NAVBAR */
	--user-name-color: var(--color-yellow);
	--content-search-input-bg: var(--color-secondary);
	--content-search-icon-color: var(--white);
	--content-search-reset-button-bg: var(--color-primary);
	--content-search-reset-button-color: var(--white);
	--responsive-header-bg: var(--color-primary);
	--user-avatar-icon-color: var(--color-primary);
	--user-avatar-icon-bg: var(--color-secondary);

	/* SECURITY */
	--page-login-bg: var(--color-bg);
	--page-login-form-bg: var(--color-bg);
	--page-login-form-control-border-color: var(--color-secondary);
}

.content-top .content-search .content-search-reset {
	border-radius: 40px;
}

#navigation-toggler {
	color: var(--color-secondary);
	filter: opacity(100%) !important;
}

.content-top {
	margin: 30px;
	background: var(--white);
	box-shadow: none;
	padding: 0px;
}

.content-top .content-search {
	background: var(--color-secondary);
	border-radius: 40px;
	padding-left: 10px;
}

.content-search-label input::placeholder {
	color: var(--white);
}

.user-menu-wrapper {
	background: var(--color-primary);
	border-radius: 40px;
	margin-left: 20px;
}

.user-menu-wrapper .user-details .user-name {
	margin-left: 0px;
}

.user-menu-wrapper a.user-details {
	padding: 15px;
    height: 30px;
    border-radius: 20px;
}

a {
	font-weight: bold;
}

#main-menu .menu .menu-icon {
	font-size: var(--font-size-base);
}

#main-menu .menu .menu-item-contents, #main-menu .menu .menu-item-label {
	font-weight: bold;
}

#main-menu .menu .menu-item.active .menu-item-label {
	font-weight: bold;
}

#main-menu .menu .menu-item {
	margin-top: 5px;
	margin-bottom: 5px;
}

#main-menu .menu .menu-header {
	margin-top: 40px;
}

#main-menu .menu {
    padding-left: 20px;
}

.bg-azzurro {
	background-color: var(--color-secondary) !important;
}

.text-azzurro {
	color: var(--color-secondary) !important;
}

.text-yellow {
	color: var(--color-yellow) !important;
}

.bg-body {
	background-color: var(--color-bg) !important;
}

.btn:disabled {
	background-color: var(--color-primary);
    color: #ccc;
    opacity: var(--bs-btn-disabled-opacity);
    pointer-events: none;
}

.user-menu-wrapper .user-avatar {
	display: none;
}

.tooltip-inner {
	min-width: 450px;
	text-align: left;
}

.nav-tabs-custom .nav-tabs .nav-link:not(.active) {
	color: black;
}

.nav-tabs-custom .nav-tabs .nav-link.active {
	border-bottom: 1px solid var(--link-color);
}

.ts-wrapper.multi .ts-control>div {
	background-color: var(--color-secondary);
	color: white;
}

.ts-wrapper.plugin-remove_button .item .remove:hover {
	color: black;
}

.ts-dropdown .active, .ts-dropdown .create:hover, .ts-dropdown .option:hover {
	background-color: var(--color-secondary);
	color: black;
}

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

.ts-wrapper.plugin-clear_button.multi .clear-button {
	right: 30px !important;
}