@charset 'UTF-8';
/* Some stylesheet reset */
#cssmenu > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
  margin-right: 10px;
}
/* The container */
#cssmenu > ul {
  display: block;
  position: relative;
  width: 100%;
  /* The list elements which contain the links */

}
#cssmenu > ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
   border-bottom: 1px dashed #D8D8D8;
}
/* General link styling */
#cssmenu > ul li a {
  /* Layout */

  display: block;
  position: relative;
  margin: 0;
  padding: 11px 12px;
  /* Typography */
  text-decoration: none;
  /*text-shadow: 0 1px 1px #000;*/
  font-size: 13px;
  font-weight: 300;
  /* Background & effects */

  background: #ffffff;
  transition:all ease-in-out .1s;
	-moz-transition:all ease-in-out .1s;
	-webkit-transition:all ease-in-out .1s;
	-o-transition:all ease-in-out .1s;
	-moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
/* Rounded corners for the first link of the menu/submenus */
#cssmenu > ul li:first-child > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  /*border-top: 0;*/
}
/* Rounded corners for the last link of the menu/submenus */
#cssmenu > ul li:last-child > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  /*border-bottom: 0;*/
}
/* The hover state of the menu/submenu links */
#cssmenu > ul li > a:hover,
#cssmenu > ul li:hover > a {
  color: #ffffff;
  /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);*/
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#00a4db), to(#007acc));
  background-image: -webkit-linear-gradient(top, #00a4db, 0%, #007acc, 100%);
  background-image: -moz-linear-gradient(top, #00a4db 0%, #007acc 100%);
  background-image: linear-gradient(to bottom, #00a4db 0%, #007acc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a4db', endColorstr='#ff007acc', GradientType=0);
  border-color: #007acc #007acc #004c80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #007acc;
  padding-left: 20px;
  
}
/* The arrow indicating a submenu */
#cssmenu > ul .has-sub > a::after {
 
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #d8d8d8;
}
/* The same arrow, but with a darker color, to create the shadow effect */
#cssmenu > ul .has-sub > a::before {
  
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  /*border-left: 4px solid #000;*/
}
/* Changing the color of the arrow on hover */
#cssmenu > ul li > a:hover::after,
#cssmenu > ul li:hover > a::after {
  /*border-left: 4px solid #ffffff;*/
}
#cssmenu > ul li > a:hover::before,
#cssmenu > ul li:hover > a::before {
  /*border-left: 4px solid rgba(0, 0, 0, 0.3);*/
}

#cssmenu i {padding: 0 8px 0 0;}


/* THE SUBMENUS */
#cssmenu > ul ul {
 /* background: none repeat scroll 0 0 #2c3e50;*/
  position: absolute;
  left: 100%;
  top: -9999px;
  padding-left: 0px;
   padding-right: 5px;
  opacity: 1;
  width: 100%;
  z-index: 9999;
  /* The fade effect, created using an opacity transition */

  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
/* Showing the submenu when the user is hovering the parent link */
#cssmenu > ul li:hover > ul {
  top: 0px;
  opacity: 1;
}

#cssmenu > ul li:last-child {
    border-bottom: medium none;
}

.shadow{ margin-top:0px;}

.nav-pills > li > a
{
 color:#2C3E50;
}

.nav-pills > li > a:hover
{
 color:#3598DB;
 background:none;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #3598DB !important;
	background:none;
}
.popover-content .nav-stacked > li {
    float: none;
}
#myTab .icon-home.bigger-130 {
    padding: 0 8px 0 0;
}
/*.nav > li > a {
     padding:20px 10px;
}*/
#myTab .icon-th-large {
    padding: 0 8px 0 0;
}
#cssmenu > ul > li ul {
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#00a4db), to(#007acc));
	background-image: -webkit-linear-gradient(top, #00a4db, 0%, #007acc, 100%);
	background-image: -moz-linear-gradient(top, #00a4db 0%, #007acc 100%);
	background-image: linear-gradient(to bottom, #00a4db 0%, #007acc 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a4db', endColorstr='#ff007acc', GradientType=0);
	border-color: #007acc #007acc #004c80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #007acc;
	opacity: 0;
   transition: opacity 1s ease-out;
   -moz-transition: opacity 1s ease-out;
   -webkit-transition: opacity 1s ease-out;
	}
#cssmenu > ul > li ul:hover { 
	opacity:1;
	
	}
#cssmenu > ul li ul a{
  	background:none;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
	padding: 11px;
    position: relative;
    text-decoration: none;
}
#cssmenu > ul li ul a:hover { background:none; color:#fff; text-shadow:1px 1px 1px #444; }
#cssmenu > ul li ul li{ border:none !important}