﻿.ABTopMenu {
	width: 100%;
	height: 80px;
	padding: 18px 0px;
	overflow: hidden;
}

@media screen and (max-width: 1440px) {
	.ABTopMenu .PrincipalNameAndDropDownContainer {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		max-width: 110px;
	}
}

.ABTopMenu .AB {
	background-image: url("../../../Css/Imgaes/AB.gif");
	height: 35px;
	width: 49px;
	display: inline-block;
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	float: right;
}

.rtl .ABTopMenu .AB {
	float: left;
}

.ABTopMenu input {
	border-radius: 10px;
	border: 1px solid #ccc;
	padding: 6px;
	height: 28px;
	margin: 0 15px;
}

	.ABTopMenu input:focus {
		outline: none;
		border: 1px solid #F7931D;
	}

.ABTopMenu .Icon {
	display: inline-block;
	margin: 0 15px;
	font-size: 29px;
	/*font-weight: bold;*/
	color: #727376;
	cursor: pointer;
	vertical-align: middle;
}

.ABTopMenu .Options .Icon.ion {
	font-size: 33px;
}

.ABTopMenu .Icon.ion {
	font-size: 42px;
}

.ABTopMenu .Options .Icon {
	font-weight: normal;
}

.ABTopMenu .Icon:hover {
	color: #F7931D;
}

.ABTopMenu .Options .Icon {
	margin: 0 10px;
}

.ABTopMenu .Principal {
	margin: 0 20px;
	display: inline-block;
}

.ABTopMenu .Options > .Principal {
	line-height: 30px;
}

.ABTopMenu .Principal:hover, .ABTopMenu .Options .Principal:hover .Icon {
	color: #F7931D;
}

.ABTopMenu .Principal, .ABTopMenu .Options .Principal .Icon {
	color: #6C6D70;
	cursor: pointer;
}

	.ABTopMenu .Options .Principal .Icon.Down {
		font-size: 16px;
	}

.ABTopMenu .TopSubMenu {
	display: none;
	position: fixed;
	min-width: 200px;
	min-height: 100px;
	opacity: 0.9;
	z-index: 3;
	top: 40px;
	padding-top: 5px;
	text-align: right;
}

.rtl .ABTopMenu .ABlInfoSubMenu .InfoContainer {
	text-align: right;
}

.rtl .ABTopMenu .ABlInfoSubMenu {
	text-align: left !important;
	margin-left: 20px;
}

.ltr .ABTopMenu .ABlInfoSubMenu .InfoContainer {
	text-align: left;
}

.ltr .ABTopMenu .ABlInfoSubMenu
{
	text-align: right !important;
	margin-left:-20px;
}

.ltr .ABTopMenu .TopSubMenu {
	text-align: left;
}

.ltr .TopSubMenu .InfoContainer {
	text-align: left !important;
}

.ABTopMenu .Icon:hover .TopSubMenu, .ABTopMenu .AB:hover .TopSubMenu /*, .ABTopMenu .Principal .PrincipalNameAndDropDownContainer:hover .TopSubMenu*/ {
	display: block;
}

.ABTopMenu .TopSubMenu .Icon, .ABTopMenu .TopSubMenu .Icon:hover, .ABTopMenu .Principal .TopSubMenu .Icon {
	font-size: 26px;
	color: #F7931D;
	vertical-align: bottom;
}

.ABTopMenu .Principal .TopSubMenu > .Icon {
	display: block;
	text-align: center;
}

.ABTopMenu .TopSubMenu ul, .ABTopMenu .TopSubMenu div.InfoContainer {
	border-top: 2px solid #F7931D;
	background-color: #FEFEFE;
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: relative;
	top: -11px;
	box-shadow: 2px 0px 2px #A9A7A8;
	max-height: 400px;
	overflow: auto;
}
.ABTopMenu .PrincipalNameAndDropDownContainer .TopSubMenu ul
{
	max-height: 100%;
}

.ABTopMenu .PrincipalNameAndDropDownContainer .TopSubMenu
{
	overflow-y: scroll;
    max-height: 400px;
}
.ABTopMenu .TopSubMenu div.InfoContainer {
	cursor: default;
	font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
}

.ABTopMenu .Principal .TopSubMenu ul {
	top: -15px;
	max-width: 400px;
}

.ABTopMenu .Principal .PrincipalInfoSubMenu, .ABTopMenu .AB .ABlInfoSubMenu {
	width: 320px !important;
}

.ABTopMenu .TopSubMenu ul li, .ABTopMenu .TopSubMenu div.InfoContainer div.InfoLine {
	font-size: 16px;
	font-weight: normal;
	color: #776D78;
	padding: 10px 15px;
	border-bottom: 1px solid #A7ABB1;
}

.ABTopMenu .TopSubMenu div.InfoContainer div.InfoLine {
	border-bottom: none;
}

.ABTopMenu .TopSubMenu ul li:hover {
	background-color: #F7931D;
	color: #FFF;
}

.ABTopMenu .TopSubMenu ul li.Selected {
	background-color: #E5EAEC;
	color: #776D78;
}

.ABTopMenu .TopSubMenu ul li .ListIcon {
	display: inline-block;
	font-size: 28px;
	vertical-align: middle;
	margin: 0 5px;
}

.ABTopMenu .PrincipalNameAndDropDownContainer {
	display: inline-block;
	/*overflow-x: hidden;*/
}

.ViewDelegate .ABTopMenu div.Btn[data-key="Templates"],
.ViewDelegate .ABTopMenu div.Btn[data-key="Scheduling"],
.ViewDelegate .ABTopMenu div.Options div[data-key="Settings"] {
	display: none;
}


.Statistics .ABTopMenu li.Btn[data-key="ExportToPDF"] 
{
	display: none;
}

.AdvancedDashboard .ABTopMenu .Btn.Edit, .AdvancedDashboard .ABTopMenu .Btn.Export
{
	display: none;
}

.ltr .ABTopMenu .left-inner-addon i {
	right: 5px;
	left: auto;
}

.ABTopMenu .left-inner-addon i {
	position: absolute;
	padding: 10px 12px;
	pointer-events: none;
	left: 5px;
	color: #141414;
}

.ABTopMenu .left-inner-addon {
	margin-top: 10px;
	position: relative;
}

	.ABTopMenu .left-inner-addon input {
		margin: 10px;
		width: 90%;
		display: block;
		border: 1px solid #141414;
		background: none;
		color: #141414;
	}
