.healthspace-logo-login {
      background-color: #08446b;
      }

      .loginMain .legendLogin {
      background: #005D95;
      padding: 15px !important;
      }

      .paddle {
      background-color: #46FF33;
      color: #08446b;
      }

      .paddle i.fa {
      color: #08446b;;
      }

      .btn-default-login {
      color: #08446b;
      }

      .bannerHeaderLogin {
      background: #005D95;
      }

      .bannerHeaderLogin h2 {
      color:#fff;
      }

      .login-link {
      color: #08446b;
      }

      .pageTitle-container {
      background: #636363;
      border: 1px solid #636363;
      }

      .btn-default-login:hover, .btn-default-login:focus, .btn-default-login:active {
      background-color: #08446b;
      border-color: #08446b;
      }

      h1 {
      color: #005D95;
      width: 100%;
      }

      h3 {
      padding: 4px 8px;
      background: #08446b;
      color: #fff;
      margin: 1em 0em;
      text-align: left;
      }

      h2 {
      color: #08446b;
      margin-bottom: 10px;
      }

      h4, .h4 {
      color: #08446b;
      margin-bottom: 5px;
      }

      .h3 {
      font-size: 135%;
      font-family: "Roboto-Medium";
      color: #08446b;
      background: transparent;
      padding: 0;
      margin: 0;
      }

      h5 {
      font-size: 115%;
      font-family: "Roboto-Medium";
      color: #005D95;
      margin-bottom: 5px;
      }

      .sub-head {
      color: #08446b;
      font-size: 125%;
      display: inline-block;
      margin-bottom: 5px;
      font-family: "Roboto-Medium";
      }

      .btn-primary, button:disabled {
      border-color: #003554;
      color: #fff;
      background: #005D95;
      text-decoration: none;
      }

      legend {
      color: #005D95;
      font-size: 18px;
      text-align: left;
      font-family: "Roboto-Medium";
      margin: 0 !important;
      padding: 0 !important;
      }

      .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
      background-color: #ececec;
      border: 1px solid #ececec;
      color: #333333;
      text-decoration: none;
      font-family: "Roboto-Medium", sans-serif;
      border-top: 2px solid #08446b;
      }



      .menu-content ul .sub-menu li.active,
      .menu-content li .sub-menu li.active {
      color: #ffffff;

      }

      .menu-content ul .sub-menu li.active a,
      .menu-content li .sub-menu li.active a {
      color: #ffffff;
      }


      /*.healthspace-logo {
      padding-right: 0 !important;
      padding-left: 0 !important;
      width: 240px !important;
      height: 116px;
      background-color: #08446b;
      float: left;
      }*/

      .row-offcanvas .sidebar-offcanvas {
      padding-right: 0;
      padding-left: 0;
      background-color: #08446b;
      }

      .menu-content > li {
      border-top: 1px solid #005D95;
      }

      .themeV1 .menu-content > li {
      border-top: 0;
      }

      .menu-content > li.collapsed:last-child {
      border-bottom: 1px solid #005D95;
      }

      .menu-content li a {
      color: #ffffff;
      }

      .right-header {
      border-bottom: 1px solid #acacac;
      color: #08446b;
      font-family: "Roboto-Bold";
      padding-bottom: 5px;
      }

      .dynamicview input[type="button"], .dynamicview a[type="button"], .dynamicview button {
      padding: 7px;
      cursor: pointer;
      min-width: 90px;
      text-align: center;
      border-color: #003554;
      color: #fff;
      background: #005D95;
      -webkit-border-radius: 5;
      -moz-border-radius: 5;
      border-radius: 5px;
      text-decoration: none;
      }

      .icon_notify .fa{
      color: #005D95;
      }

      .menu-content li:hover {
      border-left: 3px solid #005D95;
      background-color: #005D95;
      }

      .menu-content ul.active,
      .menu-content li.active {
      background-color: #005D95;
      color: #ffffff;
      }

      .menu-content li.active a {
      color: #ffffff;
      }

      .menu-content ul.active:hover,
      .menu-content li.active:hover{
      background-color: #005D95;
      border-left: 0px solid #005D95;
      }

      .member_rectangle {
      width: 100%;
      height: auto;
      font-size: 16px;
      color: #FFFFFF;
      line-height: 62px;
      text-align: center;
      background: #005D95;
      padding-left: 7px;
      padding-right: 7px;
      }

      .member_circle {
      width: 62px;
      height: 62px;
      border-radius: 50%;
      font-size: 25px;
      color: #FFFFFF;
      line-height: 62px;
      text-align: center;
      background: #005D95;
      }

      @media screen and (max-width: 768px) {

      .topbar .top-menu{
      width: 100%;
      background-color: #08446b;
      margin-top: 0;
      }

      .arrow_box {
      background: #005D95;
      }
      }