﻿.flag
{
	display: inline-block;
	margin-right: 5px;
	width: 16px;
	height: 11px;
	background: url(../../img/flags_preview_large.png);
}

	.flag.en
	{
		background-position: -284px -173px;
	}


	.flag.ar
	{
		background-position: -200px -145px;
	}

	.flag.fr
	{
		background-position: -228px -173px;
	}

.menu_container
{
	padding:0px 10px;
}

.header-container
{
	padding-left:10px;
	padding-right:30px;
}
.mainNavigation ul.nav li a span
{
	font-size:16px;
    font-weight:bold;
}
.mainNavigation .nav .caret
{
	border-top-color: #ed0000;
border-bottom-color: #ed0000;
}

.nav a:hover .caret
{
	border-top-color: #ed0000;
border-bottom-color: #ed0000;
}

 .navbar-brand {
    margin-left: 0;
    padding-left: 0;
}

	 .navbar-brand > a
	{
		border-right: 1px solid #fff;
        padding-left:0;
	}

	/*language select style*/
	header .langSlct
	{
		width: 100px;
		padding-top: 2px;
		padding-bottom: 2px;
		margin-right: 5px;
		margin-top: 5px;
		float: right;
		text-align: center;
		border-radius: 5px;
	}

.langSlct ul
{
	list-style-type: none;
	text-align: left;
	min-width: 50px;
	width: 100px;
}

	/*.langSlct ul li {
    display: inline;
    float: left;*/
	/*width: 33.33333333%;*/
	/*text-align: center;*/
	/*border-right: 1px dotted #fff;
}*/

	.langSlct ul li:last-child
	{
		border-right: 0 none;
	}

	.langSlct > a
	{
		color: #fff;
	}

	.langSlct ul li a
	{
		padding-left: 10px;
		padding-right: 10px;
	}


/*header .langSlct .chosen-container-single .chosen-single {
    color:#fff;
}*/

/*header .langSlct .chosen-container-single .chosen-single,header .langSlct .chosen-container-active.chosen-with-drop .chosen-single {
    border:0 none;
    /*background:none;
    background-color:transparent;
    box-shadow:none;
}


header .langSlct .chosen-container .chosen-drop {
    border:0 none;
    color: #333333;
}*/

/*header .chosen-container .chosen-results li.highlighted {
    background-image:none;
    background-color:rgba(255, 255, 255, 0.4);
}*/


/*End language select style*/


.headerRight a
{
	color: #fff;
}

.divLog
{
	/*width: max-content;*/
    width:auto;
	border-radius: 5px 5px 5px 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 0;
	padding-right: 10px;
}
.divLogCh{
    padding-right:5px;
}
	.divLog > *
	{
		float: left;
	}

	.divLog > ul.dropdown-menu
	{
		width: 100%;
	}

		.divLog > ul.dropdown-menu img
		{
			width: 15px;
			height: auto;
			margin-right: 5px;
		}


	.divLog .userName
	{
        padding-left: 7px;
        padding-top: 5px;
        text-align: left;
        outline: none;
        text-overflow: ellipsis;
        max-width: 180px;
        white-space: nowrap;
        overflow: hidden;
        padding-right: 7px;
	}

@-moz-document url-prefix()
{
	.divLog .userName

{
	font-size: 12px;
	padding-top: 8px;
}

}


.divLog .userImg
{
	padding-right: 0;
	padding-left: 0;
}

.divLog img
{
	width: 32px;
	height: 32px;
}

.divLog .logDropIcon
{
	text-align: center;
	padding-top: 9px !important;
	padding: 0;
	cursor: pointer;
}

.headerRight .dropdown-menu
{
	width: 100%;
	background-color: rgba(255,255,255,.9);
	border-radius: 0;
}

.dropdown-menu .logOutLink
{
	clear: both;
	color: #333333;
	display: block;
	font-weight: normal;
	line-height: 1.42857;
	padding: 3px 20px;
	white-space: nowrap;
}


.headerRight .dropdown-menu a, .mainNavigation .visible-xs a
{
	color: #777;
}

.headerRight .langSlct
{
	padding-top: 0;
}

.headerRight .regLink
{
	/*padding-left:0;*/
	border-left: 1px solid #fff;
}

.headerRight .logLink, .headerRight .regLink
{
	text-align: center;
    padding-left: 14px;
}

header .dropdown-menu img
{
	width: 12px;
}


header .divLog .dropdown-menu i
{
	margin-right: 5px;
}

.mainNavigation .nav > li > a:focus
{
	background-color: transparent;
}


.mainNavigation button.navbar-toggle
{
	margin-left: 15px;
    margin-right: 0;
	float: left;
}

	.mainNavigation .navInner
	{
		padding-right: 0;
	}

		.mainNavigation .navInner .dropdown-menu
		{
			width: 100%;
			background-color: rgba(255,255,255,.9);
            border-radius: 0;
		}

		.mainNavigation .navInner > li
		{
			text-align: center;
			padding-left:0;
			padding-right:0;
			
		}

		.mainNavigation .navInner li a
		{
			padding: 10px 0px 10px 0px;
		}

			.mainNavigation .navInner li a > span
			{
				padding-left: 0;
				padding-right: 0;
				border-right: 1px solid #ccc;
				display: block;
			}

		.mainNavigation .navInner li:last-child span
		{
			border-right: none;
		}

		.mainNavigation .navInner > li > a >span> img, .mainNavigation .navInner .dropdown-menu img
		{
			margin-right: 5px;
			width: 15px;
		}

		.mainNavigation .navInner > li.dropdown li
		{
			text-align: left;
		}


.navInner li.hasSubMenu:last-child .dropdown-menu .dropdown-submenu .dropdown-menu
{
	left: -99%;
}

.drpDownTwoLevel
{
	display: block;
	left: 100%;
	top: -8px;
}

/*submenu styles*/
.dropdown-submenu
{
	position: relative;
}

	.dropdown-submenu > .dropdown-menu
	{
		top: 0;
		left: 100%;
		margin-top: -6px;
		margin-left: -1px;
		-webkit-border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px 6px;
		border-radius: 0 6px 6px 6px;
	}

	.dropdown-submenu:hover > .dropdown-menu, .dropdown-submenu:focus > .dropdown-menu
	{
		display: block;
	}

	.dropdown-submenu > a:after
	{
		display: block;
		content: " ";
		float: right;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: #cccccc;
		margin-top: 5px;
		margin-right: -10px;
	}

	.dropdown-submenu:hover > a:after
	{
		border-left-color: #ffffff;
	}

	.dropdown-submenu.pull-left
	{
		float: none;
	}

		.dropdown-submenu.pull-left > .dropdown-menu
		{
			left: -100%;
			margin-left: 10px;
			-webkit-border-radius: 6px 0 6px 6px;
			-moz-border-radius: 6px 0 6px 6px;
			border-radius: 6px 0 6px 6px;
		}
/*End submenu styles*/



footer
{
	color: #333333;
}

	footer .nav.siteLinks
	{
		float: left;
	}

	footer .nav.social
	{
		float: right;
	}

	footer a:hover
	{
		background-color: transparent !important;
		/*color:#fff;*/
	}



	footer .nav.siteLinks a:hover
	{
		border-bottom: 3px solid #ed1b24;
		color: #ed0000;
	}

	footer .nav li ul.nav
	{
		border-top: 1px solid rgba(255,255,255,.3);
	}

		footer .nav li ul.nav > li
		{
			float: left;
			text-align: center;
		}

			footer .nav li ul.nav > li > a
			{
				font-weight: bold;
				/*color:rgba(255,255,255,.8);*/
				padding: 5px !important;
			}

	footer .nav.social i
	{
		font-size: 25px;
	}

	footer .nav.social a:hover
	{
		background-color: #ed0000;
	}

	footer .nav .sub-nav
	{
		list-style: none !important;
		padding-left: 0 !important;
		text-align: center !important;
	}

		footer .nav .sub-nav > li
		{
			cursor: pointer;
			padding: 5px;
		}

		footer .nav .sub-nav li a:hover
		{
			border-bottom: none;
		}

.navbar-brand > h2
{
	margin-top: 0;
    font-size:30px;
    font-weight:normal !important;
}



/*style for small desktop */



@media only screen and (max-width: 1152px)
{



	footer .nav li ul.nav > li > a
	{
		font-weight: normal !important;
		font-family: sans-serif !important;
	}

    .header-container {
        padding-right: 0px;
    }


}

@media only screen and (max-width: 980px) {
    header .navbar-brand > h2 {
        margin-top:15px;
    }
}

/*style for mobile & tablet*/
@media only screen and (max-width: 767px)
{



	header
	{
		margin-bottom: 0 !important;
	}

		header .mainWrapper
		{
			width: 100%;
		}

		header .navbar-brand
		{
			padding-top: 0;
			padding-bottom: 0;
            margin-bottom: 10px;
		}

		header .headerRight
		{
			display: none;
		}

        header .navbar-brand > h2 {
            margin-top: 10px;
        }

	.navbar-toggle
	{
		border-color: #ccc;
	}

		.navbar-toggle .icon-bar
		{
			background-color: #ccc;
		}

	.mainWrapper.mainNav
	{
		width: 100%;
	}

	.mainNav
	{
		background-image: none !important;
		background-color: #eeeeee;
		padding-top: 5px !important;
	}

	/*.mainNavigation .visible-xs {
        margin-top:8px;
    }*/

	.mainNavigation .langSlct
	{
		padding-top: 0;
	}


	.mainNavigation .visible-xs a
	{
		font-size: 14px;
	}

	 .visible-xs .logLink
	{
		background-color: transparent;
		border-right: 1px solid rgba(0,0,0,.1);
		color: #777;
        margin-top:9px !important;
	}

	 .visible-xs .regLink
	{
		background-color: transparent;
		color: #777;
        margin-top:9px !important;
        margin-left: 5px;
	}


	 .visible-xs .langSlct
	{
		padding-top: 5px;
	}

	.mainNavigation .navbar-collapse
	{
		max-height: none !important;
        border-top: 1px solid rgba(0,0,0,.1);
	}

    .mainNavigation .navInner {
        margin-top: 0;
        margin-bottom: 0;
    }

	.mainNavigation .navInner > li
	{
		text-align: left;
		border-right: none;
		border-bottom: 1px solid rgba(0,0,0,.1);
		
	}

        .mainNavigation .navInner > li:last-child {
            border-bottom:0 none;
        }

		.mainNavigation .navInner > li > a
		{
			padding-left: 10px;
			padding-right: 10px;
			/*border-right: 1px solid #ccc;*/
		}


	.mainNavigation .navInner .dropdown-submenu > a:hover
	{
		border-bottom: 1px solid rgba(0,0,0,.1);
	}

	.mainNavigation .navInner .dropdown-submenu > ul
	{
		padding-left: 5%;
	}


	.rtl.mainNavigation .navInner > li, .rtl .mainNavigation .navInner > li > a, .rtl .mainNavigation .navInner .dropdown-menu
	{
		text-align: right;
	}

	.showHide
	{
		display: block;
	}


	.userProfMob.visible-xs
	{
		float: right;
        margin-top: 8px;
        margin-right: 5px;
        margin-bottom: 8px;

	}


	.rtl .userProfMob.visible-xs
	{
		float: left;
        margin-top: 8px;
        margin-left: 15px;
        margin-bottom: 8px;
	}

	footer .nav.siteLinks
	{
		display: none;
	}
}




@media only screen and (max-width: 320px)
{
    header .navbar-brand > h2 {
        padding:0;
        padding-left:5px;       
    }

	.mainNavigation .visible-xs
	{
		width: 75% !important;
		padding-left: 1%;
		padding-right: 1%;
	}

		.mainNavigation .visible-xs .regLink
		{
			padding-left: 1% !important;
			padding-right: 1% !important;
		}

		.mainNavigation .visible-xs .langSlct
		{
			padding-left: 1% !important;
			padding-right: 1% !important;
			padding-top: 1.5% !important;
		}
}

.mainNav .nav > li > a:hover, .nav > li > a:focus
{
	background-color: transparent;
}

.mainNav .nav > li:hover, .nav > li:focus
{
	background-color: #908e93;
}

/******************************************ARABIC VERSION***************************************************/
.rtl .btn i {
    margin-right:5px;
}
.rtl header .langSlct, .rtl footer .nav.social
{
	float: left;
}
.rtl header .langSlct> ul li
{
	float: right !important;
}
.rtl header .navbar-brand, .rtl header .navbar-brand > a, .rtl header .navbar-brand > h2, .rtl .mainNavigation .navInner > li, .rtl .divLog > *, .rtl .mainNavigation button.navbar-toggle, .rtl .mainNavigation .visible-xs .logLink, .rtl .mainNavigation .visible-xs .regLink, .rtl footer .nav.siteLinks, .rtl footer .nav li ul.nav > li
{
	float: right;
}

.rtl header .navbar-brand > a
{
	border-right: 0 none;
	border-left: 1px solid #fff;
}

.rtl .headerRight .regLink
{
	border-left: 0 none;
	border-right: 1px solid #fff;
}

.rtl .divLog .dropdown-menu i, .rtl .divLog > ul.dropdown-menu img
{
	margin-right: 0;
	margin-left: 5px;
}

.rtl .divLog > div a
{
	float: right;
}

.rtl .divLog .userName
{
	text-align: left;
}

.rtl .mainNavigation .visible-xs .logLink
{
	border-right: 0 none;
	border-left: 1px solid rgba(0,0,0,.1);
}

.rtl .mainNavigation .visible-xs .regLink, .rtl .btn-group.visible-xs > .btn:last-child:not(:first-child), .rtl .btn-group.visible-xs > .dropdown-toggle:not(:first-child)
{
	border-radius: 4px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.rtl .mainNavigation .visible-xs .logLink, .rtl .btn-group.visible-xs > .btn:first-child:not(:last-child):not(.dropdown-toggle)
{
	border-radius: 4px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.rtl .navInner li.hasSubMenu:first-child .dropdown-menu .dropdown-submenu .dropdown-menu
{
	left: -99%;
}



@media all and (max-width: 767px) and (min-width: 0px)
{

	.mainNavigation .navInner li a > span
	{
		
		border-right:none;
}
}
.dropdown-menu
{
	z-index:9999;
}