.logo-header {
  height: 110px;
}
.logo-center {
  width: 200px;
  height: 150px;
}
.nav-side-menu {
  background: #009cab;
  color: #f0f1f2;
  font-size: 16px;
  font-weight: 400;
}
.nav-side-menu .toggle-btn {
  color: #f0f1f2;
}
.nav-side-menu li:hover {
  background: #565d62;
}
.nav-side-menu a {
  color: #f0f1f2;
  font-weight: 400;
}
.nav-side-menu a:hover,
.nav-side-menu a:focus,
.nav-side-menu a:active {
  color: #f0f1f2;
  font-weight: 700;
  text-decoration: none;
}
.navi-btn a:hover,
.navi-btn a:focus {
  font-weight: 900 !important;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  background-color: #565d62;
}
/*
    Bootstrap col-xs
*/
@media (max-width: 767px) {
  .brand .logo-header {
  background: url('../../img/logo_sm.svg?v=2.0.35.0') no-repeat !important;
  width: 110px;
  height: 40px;
}

}
.extended-account {
  color: #009cab;
  background-color: transparent;
}
.extended-account-inverse {
  background-color: #009cab !important;
}
.info-frame .primary-blue,
.primary-blue span .info-frame {
  color: #f0f1f2;
}
#qrcodeimg div {
  border: 30px solid #f0f1f2;
  border-radius: 3px;
}