.nav-slide-external {
  background-color: #000;
  opacity: 0.2;
  height: 100%
top: 0; bottom: 0;
}
.currentLogo {
  z-index: -100;
}
.nav-slide {
  background-color: #FFF;
  color: #878b8e;
}
.navmenu-default, .navbar-offcanvas{
  border:0;
  width: 245px;
  overflow-y: hidden;
}
.nav-slide .profile, .nav-slide .profile a {color: #FFF;}

.nav-slide .profile {
  background-color: #4cb9d6;
  font-size: 18px;
}

.profileBox {
  cursor: pointer;
}

.nav-slide .profile .row {
  margin: 10px;
}

.nav-slide .location {
  font-size: 50%;
}

.mail-number {
  border-radius: 2em;
  background: #f8f8f8;
  color: #737A7B;
  line-height: normal;
  min-width: 12px;
  padding: 1px 6px;
}
.mail-number.badge-theme { background-image: url(/app/images/bg.png); }
a:hover .mail-number.badge-theme { background-image: none; }

.navbar-toggle .mail-number {
  position: absolute;
  top: 8px;
  left: 80px;
}

.backbutton-hide {
  display: none;
}

.backbutton > img {
  margin:14px 14px 8px -1px;
  width: 20px;
}

.navbar .nav-button {
  height:50px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 50px;
  color: white;
  float:right;
  margin: 0;
  background-image: url(/app/images/bg.png);
  background-color: transparent;
  box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25) inset;
  -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25) inset;
  -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.25) inset;
  cursor: pointer;
}
@media (max-width: 480px) {
  .navbar .nav-button {
    margin-right: 0px;
  }
  .navbar-logo img {
    margin-right: 5px;
  }
}
.navbar.container-fluid{
  padding-left:0;
  padding-right:0;
}
.navbar-logo img {
  position: absolute;
  right: 0;
  top: 0;
}

i.navbar-button {
  width: 36px;
  font-size: 23px;
  color: white;
  right: 0;
  position: absolute;
  top: 10px;
}

i.navbar-button.edit-mode{
  color: red;
}

.navbar .nav-button:hover{
  color: #555555;
}
.virtual-appointments-icon{
  width: 40px;
  height: 31px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 6px;
}