/* skin#1 */
.skin-vanilla {
 background-color: #4A4F56;
}
.skin-vanilla .navbar  {
 background:#E09A00;
}

.skin-vanilla  .sidebar , .skin-vanilla  .sidebar:before {
 background-color:#505050;
 border-right:none;
}



.skin-vanilla  .nav-list > li {
 border-color:#7d7d7d; 
 border-top-width:0;
}
.skin-vanilla .nav-list > li > a  , .skin-vanilla .menu-min .nav-list > li.open > a{
 background-color:#505050;
 color:#c9c9c9;
}
.skin-vanilla .nav-list > li:hover > a {
 background-color:#3c3c3c;
 color:#fff;
}
.skin-vanilla .nav-list > li > a > .arrow  {
  color:#c9c9c9;
}
.skin-vanilla .nav-list > li.open > a > .arrow {
  color:#E09A00;
}


.skin-vanilla .nav-list > li .submenu > li > a {
	border-top-color:#AFBDC9;
}
.skin-vanilla .nav-list > li.active .submenu > li > a {
	border-top-color:#70818E;
}

.skin-vanilla .nav-list  li.active > a:after {
 border-right-color:#FFF;
 border-width:16px 10px;
 top:2px;
}


.skin-vanilla  .nav-list > li.active.open > ul.submenu > li.active > a:after {
 top:1px;
}
.skin-vanilla .nav-list > li.active:after {
 display:none;
}
.skin-vanilla .menu-min .nav-list > li.active > a:after {
 border-width:10px 6px;
 top:8px;
}
.skin-vanilla .menu-min .nav-list > li.active:hover > a:after {
 border-right-color:#242A2B;
}


.skin-vanilla .nav-list > li.open > a , .skin-vanilla .nav-list > li.open > a:hover
{
 color:#E09A00;
 background-color:#505050;
}
.skin-vanilla .nav-list > li.active > a , .skin-vanilla .nav-list > li.active > a:hover,
.skin-vanilla .menu-min .nav-list > li.active > a , .skin-vanilla .menu-min .nav-list > li.active > a:hover
 {
 background-color:#2f2f2f;
 color:#E09A00;
}


.skin-vanilla .nav-list > li > ul.submenu {
 background-color:#5e5e5e;
 border-top-color:#7d7d7d;
}
.skin-vanilla .nav-list > li.active > ul.submenu {
 background-color:#2f2f2f;
 border-top-color:#2F3E44;
}

.skin-vanilla .nav-list > li > .submenu > li > a {
 color:#fff;
 border-bottom-color:#7d7d7d;
}
.skin-vanilla .nav-list > li > .submenu > li:first-child > a {
 border-top-color:transparent;
}
.skin-vanilla .nav-list > li > .submenu > li > a:hover {
 color:#E09A00;
}
.skin-vanilla .nav-list > li > .submenu > li.active > a {
 color:#E09A00;
 border-bottom-color:#2F3E44;
}



.skin-vanilla .nav-list > li > .submenu > li > a > [class*="icon-"]:first-child {
 display:none;
}

.skin-vanilla .menu-min .nav-list > li:hover > a{
 color:#fff;
}
.skin-vanilla .menu-min .nav-list > li > a > .menu-text{
 background-color:#3c3c3c;
}
.skin-vanilla .menu-min .nav-list > li.active > a > .menu-text{
 background-color:#242A2B;
}

.skin-vanilla .menu-min .nav-list > li.active:hover > a,
.skin-vanilla .menu-min .nav-list > li.active > a > .menu-text{
 color:#E09A00;
}
.skin-vanilla .menu-min .nav-list > li > a.active ,
.skin-vanilla .menu-min .nav-list > li.open.active > a
{
 background-color:#2f2f2f;
}

.skin-vanilla .menu-min .nav-list > li > a > .menu-text,
.skin-vanilla .menu-min .nav-list > li > ul.submenu {
 border-color:#7d7d7d;
 margin-top:1px;
 border-left-color:#242A2B;
}

.skin-vanilla .nav-list > li > .submenu > li:before, .skin-vanilla .nav-list > li > .submenu:before {
 border-color:7d7d7d;
}
.skin-vanilla .nav-list > li.active > .submenu > li:before, .skin-vanilla .nav-list > li.active > .submenu:before {
 border-color:#7d7d7d;
}
.skin-vanilla .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
 border-bottom-color:#5A606A;
}


.skin-vanilla .sidebar-collapse {
 background-color:#2f2f2f;
 border-color:#7d7d7d; 
 border-top-width:1px;
}
.skin-vanilla .sidebar-collapse:before {
 border-color:#7d7d7d;
}
.skin-vanilla .sidebar-collapse > [class*="icon-"] {
 background-color:#505050;
}


.skin-vanilla .sidebar-shortcuts , .skin-vanilla .sidebar-shortcuts-mini {
 background-color:#2f2f2f;
 border-color:#7d7d7d;
}
.skin-vanilla .sidebar > .nav-search {
 background-color:#2f2f2f;
 border-color:#7d7d7d;
}

.skin-vanilla  .menu-min .sidebar-shortcuts-large {
 background-color:#2f2f2f;
 box-shadow:none;
 border:none;
 top:0;
}

.skin-vanilla .breadcrumbs {
 border:none;
 background-color:#F0F0F0;
}



@media only screen and (max-width: 991px) {
.skin-vanilla  .sidebar {
 border:none;
 box-shadow:none;
}
.skin-vanilla .nav-list li.active > a:after {
 display:none;
}
.skin-vanilla .menu-min .nav-list > li.active.open > a:after {
 display:none;
}
.skin-vanilla .menu-min .nav-list > li.active:hover > a:after {
 display:block;
}
}


/* 3rd & 4th level menu */
.skin-vanilla .nav-list > li  > .submenu > li > .submenu  a {
	border-top-color:#7B858C;
}
.skin-vanilla .nav-list > li.active  > .submenu > li > .submenu  a {
	border-top-color:#545B60;
}

.skin-vanilla .nav-list > li .submenu li > .submenu > li a {
 color: #fff;
 font-size: 13px;
}
.skin-vanilla .nav-list > li .submenu li > .submenu > li a > [class*="icon-"]:first-child {
 color: inherit;
}
.skin-vanilla .nav-list > li .submenu li > .submenu > li a:hover {
  color: #E09A00;
  text-decoration:none;
}
.skin-vanilla .nav-list > li .submenu li > .submenu > li a:hover > [class*="icon-"]:first-child  {
  color: #E09A00;
}


.skin-vanilla .nav-list > li .submenu li.open > a  ,
.skin-vanilla .nav-list > li .submenu li > .submenu > li.open > a
{
 color: #E09A00;
}
.skin-vanilla .nav-list > li .submenu li.open > a > [class*="icon-"]:first-child ,
.skin-vanilla .nav-list > li .submenu li > .submenu > li.open > a > [class*="icon-"]:first-child
{
 color: inherit;
}


.skin-vanilla .nav-list > li .submenu li > .submenu li.active > a {
  color: #61A8DD;
}
.skin-vanilla .nav-list > li .submenu li > .submenu li.active > a > [class*="icon-"]:first-child{
  color: inherit;
}
.skin-vanilla .nav-list > li .submenu li > .submenu li.active > a:hover {
  color: #E09A00;
}


.skin-vanilla .nav-list > li .submenu li > a > .arrow {
  color: #BBB;
}
.skin-vanilla .nav-list > li > .submenu > li.open > a > .arrow,
.skin-vanilla .nav-list > li > .submenu > li > a:hover > .arrow,
.skin-vanilla .nav-list > li > .submenu > li > .submenu > li.open > a > .arrow,
.skin-vanilla .nav-list > li > .submenu > li > .submenu > li > a:hover > .arrow
{
	color:inherit;
}



/* Added by lukeforde@mweb.co.za 11/2013 */

.navbar {
	height: 73px;
}
.navbar-brand {
	width: 400px; height: 73px;
	background: url(/static/vanilla/mainlogo400.png) no-repeat;
	margin: 0px; padding: 0;
}
.navbar-brand small {
	display: none;
}

.page-header h1 {
	font-weight: bold;
}

.navbar .form-inline { position: relative; top: 30px; }

.form-input {
	height: 26px;
}

#forgot { margin: 0; height: 32px; line-height: 10px; }