/* 
 * Enghouse Custom Skin 
 *
 * This file shows an example of a custom skin.  It targets any menu that has the Skin set to "None"
 *
 * Copy this to custom/custom.css to apply this custom skin
 */
/* UberMenu - Copyright 2011-2014, SevenSpark */


/* =Ubermenu Enghouse
-------------------------------------------------------------- */

.enghousemenu-bss { color:#14aca1 !important; font-weight:bold; border-bottom:4px solid #14aca1 !important; } 
.enghousemenu-oss { color:#07529e !important; font-weight:bold; border-bottom:4px solid #07529e !important; } 
.enghousemenu-vas { color:#664183 !important; font-weight:bold; border-bottom:4px solid #664183 !important; } 
.enghousemenu-tbs { color:#664183 !important; font-weight:bold; border-bottom:4px solid #664183 !important; } 
.customermenu-interaction { color:#f9a038!important; font-weight:bold; border-bottom:4px solid #f9a038!important; }  }

//.ubermenu-submenu-type-stack a { font-weight:bold; }

.ubermenu-submenu-id-60 { background:#ecfffe !important; } 
.ubermenu-submenu-id-61 { background:#fef3e8 !important; } 
.ubermenu-submenu-id-62 { background:#f7ecff !important; } 
.ubermenu-submenu-id-63 { background:#f7ecff !important; }

.ubermenu-submenu-id-60 a { color:#14aca1 !important; } 
.ubermenu-submenu-id-61 a { color:#fa9226 !important; } 
.ubermenu-submenu-id-62 a { color:#664183 !important; } 
.ubermenu-submenu-id-63 a { color:#664183 !important; }  

.ubermenu-skin-none {
  font-size: 16px;
  color: #888888;
}
.ubermenu-skin-none .ubermenu-target {
  color: #555555;
}
.ubermenu-skin-none .ubermenu-target-description {
  color: #aaaaaa;
}
.ubermenu-skin-none.ubermenu-responsive-toggle {
  background: #222222;
  color: #eeeeee;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.ubermenu-skin-none.ubermenu-responsive-toggle:hover {
  background: #07529e;
  color: #ffffff;
}
.ubermenu-skin-none {
  border: none;
  background: #8f9ba9;
}
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
  color: #ffffff;
  background: #07529e;
}
.ubermenu-skin-none .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight {
  color: #07529e;
  background: transparent;
}
.ubermenu-skin-none.ubermenu-vertical .ubermenu-item-level-0 > .ubermenu-target {
  background: #222222;
}
.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target {
  font-weight: bold;
  color: #eeeeee;
  border-left: none;
}
.ubermenu-skin-none.ubermenu-horizontal .ubermenu-item-level-0:first-child > .ubermenu-target {
  box-shadow: none;
}
.ubermenu-skin-none .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
  background: #000000;
  color: #ffffff;
}
.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target {
  color: #d9d9d9;
}
.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target:hover {
  color: #ffffff;
}
.ubermenu-skin-none .ubermenu-submenu.ubermenu-submenu-drop {
  /*background: #f9f9f9;*/
  background: rgba(255, 255, 255, 0.9);
  border: 0px;
}
.ubermenu-skin-none.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
  border-top: none;
}
.ubermenu-skin-none .ubermenu-tab-content-panel {
  background: #f9f9f9;
  font-size:13px;
}
.ubermenu-skin-none .ubermenu-submenu,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target {
  color: #07529e;
  font-size:14px;
  font-weight: bold;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-highlight {
  color: #4d90fe;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target:hover,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-active > .ubermenu-target {
  color: #111111;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target > .ubermenu-target-description {
  color: #aaaaaa;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-active > .ubermenu-target > .ubermenu-target-description {
  color: #666666;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
  font-weight: bold;
  color: #555555;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
  border-bottom: 1px solid #fff;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {
  color: #222222;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
  color: #222222;
  background: transparent;
}
.ubermenu-nojs.ubermenu-skin-none .ubermenu-submenu .ubermenu-tabs .ubermenu-tab:hover > .ubermenu-target,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target {
  background: #eeeeee;
  color: #111111;
}
.ubermenu-skin-none .ubermenu-tabs-group,
.ubermenu-skin-none .ubermenu-tab > .ubermenu-target,
.ubermenu-skin-none .ubermenu-tab-content-panel {
  border-color: #eeeeee;
}
.ubermenu-skin-none .ubermenu-submenu-drop {
  border-bottom-width: 3px;
}

/*
	BSS links
	BSS section ID 5971
*/
.ubermenu #menu-item-5971 li.ubermenu-item span {
	font-weight: normal;
}

/*
	Temp solution for VAS consolidation
*/
.ubermenu #menu-item-7384 .ubermenu-submenu li {
	width: 50%;
	float: left;
	padding-left: 15px;
}

.ubermenu #menu-item-7384 > .ubermenu-submenu > li > a > span {
	font-weight: bold;
	font-style: italic;
}

/* Search menu */

@media only screen and (max-width : 768px){
	.ubermenu-item-9927 .ubermenu-target.ubermenu-target-with-icon {
		display: none;
	}
	.ubermenu-item-9637 .ubermenu-search .ubermenu-searchform {
		width: 100%;
		margin: auto;
	}
	.ubermenu-item-9929 .ubermenu-search .ubermenu-searchform {
		width: 100%;
		margin: auto;
	}		
}

@media only screen and (min-width : 768px){
	.ubermenu-item-9637 .ubermenu-search .ubermenu-searchform {
		display: none;
	}
	.ubermenu-item-9929 .ubermenu-search .ubermenu-searchform {
		display: none;
	}	
}

/*
	Jan 17, 2018
	Fix for the mobile menu
	This will lower the padding for the buttons so the buttons will not spawn to two rows
*/
@media only screen and (min-width : 768px) and (max-width : 1200px) {
	.ubermenu .ubermenu-item-layout-default {
		padding: 1.5rem 1rem;
		font-size: 1.2rem;
	}
}

@media only screen and (min-width : 768px) and (max-width: 991px) {

	/*
		Product menu id-60
		menu-item-4973
	*/
	#menu-item-4973 .ubermenu-has-submenu-drop > a > .ubermenu-target-title {
		min-height: 100px;
		display: flex;
		align-items: center;
	}
}

@media only screen and (min-width : 991px) {

	#menu-item-4973 .ubermenu-has-submenu-drop > a > .ubermenu-target-title {
		min-height: 60px;
		display: flex;
		align-items: center;
	}
}

.ubermenu .lang-item a {
	padding: 1.5rem 0.5rem;
}
.ubermenu .lang-item a:last-child {
    /*margin-right: 1rem;*/
}

.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle