/* changes for upgrading to metro-4 */
.ae-user-emnu {
    margin-left:auto;
}
.ae-user-emnu .d-menu {
    right:0px;
}
.ae-user-emnu .d-menu li {
    white-space: nowrap;
    font-size: .875rem;
    padding: 0 2rem 0 0.2125rem;
}
.ae-user-emnu .d-menu li a {
    padding:0;
/*    padding: 0 2rem 0 0.2125rem; */
}
.ae-user-emnu .d-menu li a:hover {
    background:transparent;
}

.ae-user-emnu .d-menu li.ae-actions a {
    padding:4px;
    display:inline;
}
.ae-user-emnu .d-menu li.ae-actions a:hover {
    background:rgba(29,29,29,0.1);
}
.ae-user-emnu .d-menu li.ae-actions:hover {
    background:transparent !important;
}

/* ae changes for the metro ui css */
.input-control select.datatable-limit {
	width:initial;
	padding-right:0px;
}

.input-control input.datatable-search {
	width:initial;
}

.dataTable tbody td,
.dataTable thead th	 {
	padding: 0.15625rem 0.2125rem;
	white-space: nowrap;
}

.op-dark {
	background-color: rgba(29, 29, 29, 0.7);
}

#deleteDialogDetailsContent #deleteData span.label {
	display:inline-block;
	width:15em;
	font-weight:bold;
}
#deleteDialogDetailsContent #deleteData span.value{
	display:inline-block;
	width:15em;
}

div.frame[id^=food] {
	min-height: calc(100vh - 4.375em - 40px);
}

.additives-row .input-control.text {
	width:50%;
}
.additives-row .input-control.select {
	width:50%;
}

.switch input.select-some ~ .check::before {
	-webkit-transform: translateX(11px);
	transform: translateX(10px);
	transition: all 0.2s linear;
}

.notify-container {
	margin-top: 3.375em;
}
.notify {
	max-width: 450px;
}

div.htmlarea {
    border:3px groove #fff;
    background-color:#ffffff;
    color:#000 !important;
    padding: 0.75rem;
}
div.htmlarea.disabled {
    background-color:#E9E9E9 !important;
}
/*

.tri-state-select-container {
	display:table;
	width:100%;
}
.tri-state-select-state-icon {
	display:table-cell;
}
.tri-state-select-label {
	display:table-cell;
	padding-left:3px;
	height:1.5em;
	line-height:1.5em;
}
*/
/*
#food-additives label {
	white-space: nowrap;
	overflow:hidden;
}
*/

.calendar-content .week {
	width: calc(100%/7);
	text-align: center;
	font-weight: bold;
	background-color:#eeeeee;
}
.calendar-content .day {
	margin:0px;
}
.calendar-content .week-days {
	padding:0px;
}