@lidorsystems/integralui-web/quickstart/src/app/integralui/themes/office365/integralui.menu.office365.css

IntegralUI Web - Advanced UI Components for Angular

.iui-menu
{
	background-color: #e6f2fb;
    color: #000000;
}
.iui-menu-block
{
	border-radius: 0;
	padding: 0;
}
.iui-menu > ul
{
	background-color: #e6f2fb;
	border-radius: 0;
}
.iui-menuitem-root, .iui-menuitem-root-vertical
{
	background: none;
	border: solid thin #e6f2fb;
	color: #000000;
	padding: 5px 6px 5px 4px;
}
.iui-menuitem-root-hovered, .iui-menuitem-root-selected
{
    animation-name: none;
	background-color: #d7eaf9;
	border: solid thin #d7eaf9;
	border-radius: 0;
	color: #000000;
}
.iui-menuitem-root .iui-menuitem-root-content
{
	margin: 0 10px;
}
.iui-menuitem-root-vertical
{
    border-bottom: thin solid #ffffff !important;
}
.iui-menuitem-root-hovered a
{
	color: black;
}
.iui-menu-disabled > ul
{
	background: #808080;
}
.iui-menuitem-root-disabled, .iui-menuitem-disabled
{
	border: solid thin transparent;
	color: #858585;
	opacity: 0.5;
}
.iui-menuitem
{
	background-color: #ffffff;
	border: solid thin #ffffff;
	border-radius: 0;
	color: #484848;
	padding: 4px 4px 5px 4px;
}
.iui-menuitem-hovered, .iui-menuitem-selected
{
    animation-name: none;
	background-color: #e6f2fb !important;
	border: solid thin #e6f2fb !important;
	color: #242424;
}
.iui-menuitem-selected a
{
	color: black;
}
.iui-menuitem-separator
{
    background-color: #eaeaea;
}
.iui-menu li > ul
{
	background-color: #ffffff;
	border: solid thin #c8c8c8;
	border-radius: 0;
	padding: 0;
}
.iui-menu-expand-box
{
	width: 16px;
	height: 16px;
}
.iui-menu-marker-expand-down::before
{
	border: 5px solid #094ab2;
	border-color: #094ab2 transparent transparent transparent;
	top: 14px;
	right: 5px;
}
.iui-menu-marker-expand-down::after
{
	border: 5px solid #e6f2fb;
	border-color: #e6f2fb transparent transparent transparent;
	top: 12px;
	right: 5px;
}
.iui-menu-marker-expand-down:hover::after
{
	border: 5px solid #d7eaf9;
	border-color: #d7eaf9 transparent transparent transparent;
	top: 12px;
	right: 5px;
}
.iui-menu-marker-expand-down-rtl::before
{
	border: 5px solid #094ab2;
	border-color: #094ab2 transparent transparent transparent;
	top: 14px;
	left: 5px;
}
.iui-menu-marker-expand-down-rtl::after
{
	border: 5px solid #e6f2fb;
	border-color: #e6f2fb transparent transparent transparent;
	top: 12px;
	left: 5px;
}
.iui-menu-marker-expand-down-rtl:hover::after
{
	border: 5px solid #d7eaf9;
	border-color: #d7eaf9 transparent transparent transparent;
	top: 12px;
	left: 5px;
}
.iui-menu-marker-expand-right::before
{
	border: 5px solid #323232;
	border-color: transparent transparent transparent #323232;
	top: 30%;
	left: auto;
	right: 2px;
}
.iui-menu-marker-expand-right::after
{
	border: 5px solid #ffffff;
	border-color: transparent transparent transparent #ffffff;
	top: 30%;
	left: auto;
	right: 4px;
}
.iui-menu-marker-expand-right:hover::after
{
	border: 5px solid #e6f2fb;
	border-color: transparent transparent transparent #e6f2fb;
	top: 30%;
	left: auto;
	right: 4px;
}
.iui-menu-marker-expand-left::before
{
	border: 5px solid #323232;
	border-color: transparent #323232 transparent transparent;
	top: 30%;
	left: 2px;
	right: auto;
}
.iui-menu-marker-expand-left::after
{
	border: 5px solid #ffffff;
	border-color: transparent #ffffff transparent transparent;
	top: 30%;
	left: 4px;
	right: auto;
}
.iui-menu-marker-expand-left:hover::after
{
	border: 5px solid #e6f2fb;
	border-color: transparent #e6f2fb transparent transparent;
	top: 30%;
	left: 4px;
	right: auto;
}
.iui-menu-marker-top::before
{
	border: 6px solid #ffffff;
	border-color: transparent transparent #c8c8c8 transparent;
	top: -13px;
	left: 10px;
}
.iui-menu-marker-top::after
{
	border: 6px solid #ffffff;
	border-color: transparent transparent #fefefe transparent;
	top: -12px;
	left: 10px;
}
.iui-menu-marker-top-rtl::before
{
	border: 6px solid #ffffff;
	border-color: transparent transparent #c8c8c8 transparent;
	top: -13px;
	right: 10px;
}
.iui-menu-marker-top-rtl::after
{
	border: 6px solid #ffffff;
	border-color: transparent transparent #ffffff transparent;
	top: -12px;
	right: 10px;
}
.iui-menu-marker-left::before
{
	border: 8px solid #ffffff;
	border-color: transparent #c8c8c8 transparent transparent;
	top: 9px;
	left: -16px;
}
.iui-menu-marker-left::after
{
	border: 8px solid #ffffff;
	border-color: transparent #ffffff transparent transparent;
	top: 9px;
	left: -15px;
}
.iui-menu-marker-right::before
{
	border: 8px solid #ffffff;
	border-color: transparent transparent transparent #c8c8c8;
	top: 9px;
	right: -16px;
}
.iui-menu-marker-right::after
{
	border: 8px solid #ffffff;
	border-color: transparent transparent transparent #ffffff;
	top: 9px;
	right: -15px;
}


.iui-menuitem-root-separator, .iui-menuitem-separator
{
	background: #ffffff;
}