@charset "utf-8";
/* Use in Connectify portal, displays the user account settings dropdown options. */

.user-setting-wrapper .btn-user-setting-dropdown {
	border: transparent;
	background-color: transparent;
}
.user-setting-wrapper .user-setting-acct-name {
	font-size: 1.39rem;
}
.user-setting-wrapper .dropdown-item {
	font-weight: 600;
}
.user-setting-hover-dropdown {
	position: relative; /* Ensures the dropdown aligns relative to this element */
}
.user-setting-hover-dropdown .dropdown-menu {
	display: none;
	position: absolute;
	top: 100%; /* Position the dropdown right below the button */
	left: 0;
	z-index: 1050; /* Ensures it appears above other elements */
	padding-top: 1rem;
}
.user-setting-hover-dropdown:hover .dropdown-menu {
	display: block;
}
.btn-user-setting-dropdown {
	border: none;
	background: none;
	padding: 0;
	font-size: inherit;
	color: inherit;
}
.btn-user-setting-dropdown:focus {
	box-shadow: none;
}
.btn-user-setting-dropdown::after {
	/*content: '\25BC'; Adds a small down arrow */
	margin-left: 5px;
}

.user-setting-wrapper .dropdown-item.active , 
.user-setting-wrapper .dropdown-item:active  {
	/*background-color: inherit;*/
}
.user-setting-wrapper a.dropdown-item.active , 
.user-setting-wrapper a.dropdown-item:active  {
	color: #ffffff !important;
}
.dropdown-menu {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-in, visibility 0s linear 2.5s;
}
.user-setting-hover-dropdown:hover .dropdown-menu, .user-setting-hover-dropdown .dropdown-menu:hover {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease-in, visibility 0s linear 0s;
}
/* START: master.css override */
.user-setting-wrapper .dropdown .dropdown-menu {
	margin-top: inherit;
	width: inherit;
	max-height: inherit;
	overflow-y: inherit;
}
.user-setting-wrapper .dropdown .dropdown-toggle {
	padding: inherit;
	max-height: inherit;
}
.wisy .user-setting-wrapper ul>li, .wisy .user-setting-wrapper ol>li {
	margin-bottom: inherit;
}
.wisy .user-setting-wrapper ul>li a, .wisy .user-setting-wrapper ol>li a {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* END: master.css override */