/**
 * Abox menu
 * Extends navbar
 */
.navbar-abox .navbar-inner {
	background: #fff;
	color: #24A9DF;
}

.navbar-abox .nav > li > a,
.navbar-abox .nav > li > a:hover {
	color: #24A9DF;
}

.navbar-abox .nav .active > a,
.navbar-abox .nav .active > a:hover,
.navbar-abox .nav li.dropdown.active > .dropdown-toggle,
.navbar-abox .nav li.dropdown.open > .dropdown-toggle,
.navbar-abox .nav li.dropdown.active > .dropdown-toggle,
.navbar-abox .nav li.dropdown.open.active > .dropdown-toggle,
.navbar-abox .nav > li > a:hover {
	color: #24A9DF;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,#f5f5f5 0,#f8f8f8 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#f8f8f8));
	background: -webkit-linear-gradient(top,#f5f5f5 0,#f8f8f8 100%);
	background: -o-linear-gradient(top,#f5f5f5 0,#f8f8f8 100%);
	background: -ms-linear-gradient(top,#f5f5f5 0,#f8f8f8 100%);
	background: linear-gradient(to bottom,#f5f5f5 0,#f8f8f8 100%);
}

.navbar-abox .nav li.dropdown .dropdown-toggle .caret,
.navbar-abox .nav li.dropdown.open .caret,
.navbar-abox .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-abox .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-abox .nav li.dropdown.open.active > .dropdown-toggle .caret {
	border-bottom-color: #24A9DF !important;
	border-top-color: #24A9DF !important;
}

/**
 * For the main abox submenu (main menu for the application)
 */
.navbar-main .navbar-inner {
	padding-left: 1%;
	padding-right: 10px;
}

/**
 * Breadcrumbs for main navigation menu
 */
.breadcrumb-main {
	margin: 0;
	padding: 8px 20px 8px 25px;
}

/**
 * Misc styles and helpers
*/
.spacer { margin: 20px; }
.spacer-top { margin-top: 20px; }
.spacer-bottom { margin-bottom: 20px; }
.spacer-left { margin-left: 20px; }
.spacer-right { margin-right: 20px; }
.spacer-small { margin: 10px; }
.spacer-top-small { margin-top: 10px; }
.spacer-bottom-small { margin-bottom: 10px; }
.spacer-left-small { margin-left: 10px; }
.spacer-right-small { margin-right: 10px; }

.padding { padding: 20px; }
.padding-top { padding-top: 20px; }
.padding-bottom { padding-bottom: 20px; }
.padding-left { padding-left: 20px; }
.padding-right { padding-right: 20px; }
.padding-small { padding: 10px; }
.padding-top-small { padding-top: 10px; }
.padding-bottom-small { padding-bottom: 10px; }
.padding-left-small { padding-left: 10px; }
.padding-right-small { padding-right: 10px; }

.padding-medium { padding: 20px; }

/**
 * Abox bar
 * ========
 */
/*body*/.abox-bar-shown {
	padding-top: 41px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
}

.abox-bar-shown .sidebar {
	position: fixed;
	top: 84px;
	bottom: 0;
	overflow: hidden;
}

.abox-bar-shown .sidebar_switch {
	position: fixed;
	top: 86px;
}

.abox-bar-shown .sb-gebo-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 42px;
	background: #fff;
}

.abox-bar-shown .navbar {
	position: fixed;
	width: 100%;
	left: 0;
	top: 42px;
	z-index: 10;
}

.abox-bar-shown .navbar-inner {
	border-radius: 0;
}

.sb-gebo-footer {
	margin: 20px auto 0;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

/**
 * Mega menu
 */
.mega-menu--container {
	max-width: 1680px;
	margin: 0 auto;
}

.navbar .nav--mega-menu {
	position: static;
}

.nav--mega-menu > li {
	margin-right: 8px;
}

.nav--mega-menu.pull-right > li {
	margin-right: 0;
}

.nav--mega-menu.pull-right > .divider-vertical {
	margin-right: 9px;
}

.nav--mega-menu > li:last-child {
	margin-right: 0;
}

.dropdown--mega-menu {
	position: static;
}

.dropdown--mega-menu.open {
	background: rgba(0, 0, 0, 0.10);
}

.dropdown-menu--mega-menu {
	margin: 0;
	left: 0;
	right: 0;
	top: 100%;
	height: auto;
	border-radius: 0;
	border-top: none;
	border-left: 5px solid #0a7faa;
	background: #fff;
}

.navbar .nav > li > .dropdown-menu--mega-menu::before,
.navbar .nav > li > .dropdown-menu--mega-menu::after {
	display: none;
}

.navbar .nav li.dropdown--mega-menu.open .dropdown-toggle .caret {
	border-color: transparent !important;
	position: relative;
}

.dropdown--mega-menu.open .caret:after {
	content: '';
	background-image: url("../img/icons-custom/x.png");
	background-position: 0 0 !important;
	/*border: none !important;*/
	height: 12px;
	width: 13px;
	display: inline-block;
	top: -9px;
	position: absolute;
	margin-left: 0;
	left: -7px;
}

.mega-menu--group {
	margin: 5px 20px 10px;
	display: inline-block;
	vertical-align: top;
}

.mega-menu--title,
.mega-menu--title a {
	font-size: 14px;
	color: #666;
}

.mega-menu--title {
	padding: 0;
	border-bottom: 1px dotted #d8d8d8;
}

.mega-menu--title a {
	padding: 3px 7px;
	line-height: 100%;
	margin-left: -3px;
	display: inline-block;
	margin-bottom: 1px;
	border-radius: 4px;
}

.mega-menu--title a:hover {
	text-decoration: none;
	color: #fff;
}

.mega-menu--list {
	list-style: none;
	margin: 7px 0 0 -7px;
}

.mega-menu--list > li {
	display: block;
	float: left !important;
	clear: both;
	margin-bottom: 1px;
}
.mega-menu--list a {
	transition: all .05s ease-in-out;
	/*transition-delay: .3s;*/
}

.mega-menu--list .dropdown.pull-left > .dropdown-menu {
	right: 100%;
	left: auto;
}

.navbar .nav--mega-menu.pull-right>li>.dropdown-menu {
	left: 0;
	right: 0;
	top: 100%;
}

.navbar .nav--mega-menu.pull-right>li>.dropdown-menu .dropdown-menu {
	left: 100%;
	right: auto;
}

.mega-menu--list .caret-right,
.mega-menu--list .sub-dropdown > a:hover .caret-right,
.mega-menu--list .sub-dropdown.active > a .caret-right,
.mega-menu--list .sub-dropdown.active > a:hover .caret-right {
	top: 7px;
	right: 5px;
}

.nav--mega-menu .dropdown-menu {
	min-width: 80px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.nav--mega-menu .dropdown-menu li a {
	padding: 0px 14px 0px 8px;
}

.mega-menu--has-logout {
	padding-bottom: 30px;
}

.mega-menu--logout {
	position: absolute;
	bottom: 1px;
	right: 0;
	padding: 5px 13px 5px 10px;
	border-radius: 5px 0 0 0;
}

.mega-menu--logout i {
	position: relative;
	top: 2px;
}

.ssw_trigger {
	z-index: 900;
}


/*######################################
		sb Popover controls plugin
(	documentation/components/Ajax Popover	)
 ######################################*/
	.popover_controls_content_wrapper	{
		position:absolute; width:auto; height:auto; background-color:#FFF; border:1px solid #ccc; display:block; z-index: 1010;
		border: 1px solid #ccc; 		border: 1px solid rgba(0, 0, 0, 0.2);
		-webkit-border-radius: 6px;		-moz-border-radius: 6px;		border-radius: 6px;
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);		-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		-webkit-background-clip: padding-box;		-moz-background-clip: padding;		background-clip: padding-box;

	}

	.popover_controls_title {
		padding: 8px 14px;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		background-color: #f7f7f7;
		border-bottom: 1px solid #ebebeb;
		-webkit-border-radius: 5px 5px 0 0; 		-moz-border-radius: 5px 5px 0 0; 		border-radius: 5px 5px 0 0;
	}
	.popover_controls_content { float:left; padding: 9px 14px; }



.popover_controls_content_wrapper .arrow,
.popover_controls_content_wrapper .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover_controls_content_wrapper .arrow {
  border-width: 11px;
}

.popover_controls_content_wrapper .arrow:after {
  border-width: 10px;
  content: "";
}

.popover_controls_content_wrapper .arrow_bottom, .popover_controls_content_wrapper .arrow_bottom-left, .popover_controls_content_wrapper .arrow_bottom-right {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover_controls_content_wrapper .arrow_bottom-left { left: 0;  margin-left: 11px; }
.popover_controls_content_wrapper .arrow_bottom-right {left:100%;   margin-left: -33px; }

.popover_controls_content_wrapper .arrow_bottom:after , .popover_controls_content_wrapper .arrow_bottom-left:after, .popover_controls_content_wrapper .arrow_bottom-right:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}


.popover_controls_content_wrapper .arrow_left, .popover_controls_content_wrapper .arrow_left-bottom, .popover_controls_content_wrapper .arrow_left-top {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover_controls_content_wrapper .arrow_left-top {top:0;   margin-top: 33px;}
.popover_controls_content_wrapper .arrow_left-bottom {top:100%;   margin-top: -33px;}

.popover_controls_content_wrapper .arrow_left:after, .popover_controls_content_wrapper .arrow_left-bottom:after, .popover_controls_content_wrapper .arrow_left-top:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}

.popover_controls_content_wrapper .arrow_top, .popover_controls_content_wrapper .arrow_top-left, .popover_controls_content_wrapper .arrow_top-right {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}
.popover_controls_content_wrapper .arrow_top-left { left: 0;  margin-left: 11px; }
.popover_controls_content_wrapper .arrow_top-right {left:100%;   margin-left: -33px; }

.popover_controls_content_wrapper .arrow_top:after ,.popover_controls_content_wrapper .arrow_top-right:after, .popover_controls_content_wrapper .arrow_top-left:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #f7f7f7;
  border-top-width: 0;
}

.popover_controls_content_wrapper .arrow_right , .popover_controls_content_wrapper .arrow_right-top, .popover_controls_content_wrapper .arrow_right-bottom {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}
.popover_controls_content_wrapper .arrow_right-top {top:0;   margin-top: 33px;}
.popover_controls_content_wrapper .arrow_right-bottom {top:100%;   margin-top: -33px;}

.popover_controls_content_wrapper .arrow_right:after , .popover_controls_content_wrapper .arrow_right-top:after, .popover_controls_content_wrapper .arrow_right-bottom:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}