.healthspace-logo-login {
      background-color: #23527c;
      }

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

      .btn-default-login {
      color: #23527c;
      }

      .bannerHeaderLogin {
      background: #d9534f;
      }

      .bannerHeaderLogin h2 {
      color:#fff;
      }

      .login-link {
      color: #23527c;
      }

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

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

      h1, .widget h1 {
      color: #d9534f;
      width: 100%;
      }

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

      h2 {
      color: #23527c;
      margin-bottom: 10px;
      }

      h4, .h4 {
      color: #23527c;
      margin-bottom: 5px;
      }

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

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

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

      .btn-primary, button:disabled {
      border-color: #003554;
      color: #fff;
      background: #d9534f;
      background: -moz-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #0d4e73), color-stop(49%, #0d4e73), color-stop(51%, #00446b), color-stop(100%, #00446b));
      background: -webkit-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
      background: -o-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
      background: -ms-linear-gradient(top, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
      background: linear-gradient(to bottom, #0d4e73 1%, #0d4e73 49%, #00446b 51%, #00446b 100%);
      filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0d4e73', endColorstr='#00446b', GradientType=0);
      text-decoration: none;
      }

      legend {
      color: #d9534f;
      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 #23527c;
      }

        
          .footer-content{
          background: #000000;

          }

          .footer-content-soarahead{
          background: #000000;

          }
        

        

          .footer-list {
          color: #FFFFFF;
          }

          .footer-list li a {
          color: #FFFFFF;

          }

          .footer-list li a:hover {
          color: #FFFFFF;
          }

          .footer-list .bold {
          color: #FFFFFF;
          }

          .copyright {
          color: #FFFFFF;
          }

          .copyright a {
          color: #FFFFFF;
          }

          .copyright a:hover, .copyright a:focus, .copyright a:active {
          color: #FFFFFF;
          }

          .footer-list-soarahead {
          color: #FFFFFF;
          }

          .footer-list-soarahead a {
          color: #FFFFFF;
          }
        

      .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: #23527c;
      float: left;
      }*/

      .row-offcanvas .sidebar-offcanvas {
      padding-right: 0;
      padding-left: 0;
      width: 240px;
      background-color: #23527c;
      }

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

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

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

      .right-header {
      border-bottom: 1px solid #acacac;
      color: #23527c;
      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: #d9534f;
      background: -moz-linear-gradient(top, #d9534f 1%, #d9534f 49%, #d9534f 51%, #d9534f 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d9534f), color-stop(49%,#d9534f), color-stop(51%,#d9534f), color-stop(100%,#d9534f));
      background: -webkit-linear-gradient(top, #d9534f 1%,#d9534f 49%,#d9534f 51%,#d9534f 100%);
      background: -o-linear-gradient(top, #d9534f 1%,#d9534f 49%,#d9534f 51%,#d9534f 100%);
      background: -ms-linear-gradient(top, #d9534f 1%,#d9534f 49%,#d9534f 51%,#d9534f 100%);
      background: linear-gradient(to bottom, #d9534f 1%, #d9534f 49%, #d9534f 51%, #d9534f 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9534f', endColorstr='#d9534f',GradientType=0 );
      -webkit-border-radius: 5;
      -moz-border-radius: 5;
      border-radius: 5px;
      text-decoration: none;
      }

      .icon_notify .fa{
      color: #d9534f;
      }

      .menu-content li:hover {
      border-left: 3px solid #d9534f;
      background-color: #193b59;
      }

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

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

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

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

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

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

      .arrow_box {
      background: #d9534f;
      }
      }