/* navbar */
.navbar-default {
     background-color: #333333;
     border-width: 0 0 0px;
}
.navbar-default .navbar-header {
     background-color: #333333;
}

/* Logo stuff */
.navbar-brand {
     padding: 0px;
     background-color: #333333;
}

.navbar-default h3.navbar-text {
     color: #ffffff;
     line-height: 20px;
}
.navbar-brand>img {
     height: 100%;
     padding: 10px;
     width: auto;
}

/* title */
.navbar-default .navbar-brand {
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {

     background-color: #565656;
}
/* link */
.navbar-default .navbar-nav > li > a {
     color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
     color: #FFFFFF;
     background-color: #565656;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
     color: #FFFFFF;
     background-color: #565656;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
     color: #FFFFFF;
     background-color: #565656;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
     border-top-color: #777;
     border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
     border-top-color: #333;
     border-bottom-color: #333;
}
/*
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
     border-top-color: #555;
     border-bottom-color: #555;
}
/* mobile version */
/*.navbar-default .navbar-toggle {
     border-color: #FFFFFF;
}*/


/* Burger button styling. */
#custom-bootstrap-menu > div > div.navbar-header > button
{
     background-color: #333333;
     /* border-color: #FE982A; */
     border-color: #ffffff;
}
/* Burger lines color */
.navbar-default .navbar-toggle .icon-bar {
     /* background-color: #FE982A; */
     background-color: #ffffff;
}

/* Navbar mobile version.
Tried to make this larger, no success yet */
@media (max-width: 767px) {
     .navbar-default {
          background-color: #F8F8F8;
          border-color: #E7E7E7;
          color: #777;
     }

     .navbar-default .navbar-nav > li > a {
          color: #777;
     }

     .navbar-default .navbar-nav > li > a:hover,
     .navbar-default .navbar-nav > li > a:focus {
          color: #333333;
          background-color: #F8F8F8;
     }
     .navbar-default .navbar-nav > .active > a,
     .navbar-default .navbar-nav > .active > a:hover,
     .navbar-default .navbar-nav > .active > a:focus {
          color: #333333;
          background-color: #F8F8F8;
     }
     .navbar-default .navbar-nav > .open > a,
     .navbar-default .navbar-nav > .open > a:hover,
     .navbar-default .navbar-nav > .open > a:focus {
          color: #333333;
          background-color: #F8F8F8;
     }
}

.navbar {
     margin-bottom: 0px;
}

/* Make icon only nav icons fit the whole height */
.fa-search {
     line-height: 20px;
}
.fa-bell {
     line-height: 20px;
}
.fa-bell-slash {
     line-height: 20px;
}

.dropdown-header {
     text-transform: uppercase;
     font-weight: bold;
     background: #f1f1f1;
}

/* Search button related stuff */
/* Heavily influenced by: */
/* http://bootsnipp.com/snippets/featured/toggle-navbar */

.navbar-brand { position: relative; z-index: 2; }
.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; }
.navbar-nav.navbar-right { position: relative; z-index: 2;  }

.navbar .navbar-collapse { position: relative; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 300px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #333333; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; line-height: 20px; }
.nav-collapse>li { float: right; }

/* Remove default margins otherwise menu is enlarged */
.navbar-form {
     margin-top : 3px;
     margin-bottom : 3px;
}

/* Responsive display of search box */
@media screen and (max-width: 767px) {
     .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
     .navbar .nav-collapse .navbar-form { margin: 0; }
     .nav-collapse>li { float: none; }
}

/* Style for the new QueuConsole for Call Center */
.cc-logo {
    height: 50px;
    padding: 10px;
    width: auto;
}
.btn-secondary {
    background-color: #dddddd;
}
.content .btn, .content .btn:hover, .content .tab a, .content .tab a:hover {
    color: #333 !important;
}
.content .btn, .content .btn:hover, .content .tab a, .content .tab a:hover {
    color: #333 !important;
}
.content .btn.active, .content .tab.active {
    font-weight:bold;
}

/* Changes to Portal to harmonise with console */
.nav .active, .btn.active {
    font-weight:bold;
}

.vcenter {
     display: inline-block;
     vertical-align: middle;
     float: none;
}