.upper-menu-desktop {
    font-size: 14px;
    margin: 0;
    padding: 10px 5px;
	border-bottom: 1px solid var(--grey-15);
}

.upper-menu-desktop .custom-icon {
    font-size: 30px;
    color: var(--primary-green);
}

.upper-menu-desktop .search-icon {
	color: var(--primary-green);
	margin-right: 5px;
	font-size: 22px;
}

/* Logged user section */
.upper-menu-desktop .menu-user-section {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--grey-85);
    max-width: 170px;
}

.menu-user-section .user-name {
    font-size: 12px;
}

.upper-menu-desktop .material-icons {
    color: var(--grey-70);
}

.menu-language {
	cursor: pointer;
}

.menu-language img {
	margin-top: 2px;
	width: 26px;
}

/* Class dropdown - overidde default dropdown behaviour */
.class-dropdown {
	max-width: 170px;
	--dxbl-text-edit-border-color: transparent !important;
	--dxbl-text-edit-focus-border-color: transparent !important;
}

.class-dropdown .dxbl-edit-btn-dropdown {
	border-left: 1px solid var(--grey-70) !important;
}

.class-dropdown input {
    border: none;
    background-color: white;
    font-weight: bold;
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Status section */
.student-status {
	font-size: 12px;
	padding: 3px 8px;
	border-radius: 10px;
}

	.student-status.new {
		background-color: var(--new-background);
		color: var(--new-text);
	}

	.student-status.released {
		background-color: var(--released-background);
		color: var(--released-text);
	}

	.student-status.active {
		background-color: var(--active-background);
		color: var(--active-text);
	}

	.student-status.canceled {
		background-color: var(--canceled-background);
		color: var(--canceled-text);
	}

	.student-status.revoked {
		background-color: var(--revoked-background);
		color: var(--revoked-text);
	}

	.student-status.contract-change {
		background-color: var(--contract-change-background);
		color: var(--contract-change-text);
	}

	.student-status.abs-incomplete {
		background-color: var(--abs-incomplete-background);
		color: var(--abs-incomplete-text);
	}

	.student-status.abs-ihk {
		background-color: var(--abs-ihk-background);
		color: var(--abs-ihk-text);
	}

	.student-status.absolvent {
		background-color: var(--absolvent-background);
		color: var(--absolvent-text);
	}

	.student-status.forced-deregistration {
		background-color: var(--forced-de-registration-background);
		color: var(--forced-de-registration-text);
	}

	.student-status.anl-deregistration {
		background-color: var(--anl-de-registration-background);
		color: var(--anl-de-registration-text);
	}

	.student-status.de-registration {
		background-color: var(--de-registration-background);
		color: var(--de-registration-text);
	}

	.student-status.prolonged-time {
		background-color: var(--prolongedtime-background);
		color: var(--prolongedtime-text);
	}

	.student-status.active-cancellation {
		background-color: var(--active-cancelation-background);
		color: var(--active-cancelation-text);
	}

/* Logout */
.logout-button {
    color: var(--grey-85);
    font-size: 14px;
    width: 100%;
	padding: 10px 16px;
	text-align: left;
}

.logout-form {
	border-top: 1px solid var(--grey-15);
}

.logout-form:hover {
    background-color: var(--grey-menu);
}

.logout-form:hover .logout-button {
	color: var(--primary-green);
}

.user-menu-item {
	font-size: 14px;
	color: var(--grey-85);
	padding: 10px 16px;
}

.user-menu-item:first-child {
	padding-bottom: 0;
}