html,
body {
  height: 100%; }

#layout-wrapper {
  display: flex; }
  #layout-wrapper.layout-wrapper-simple {
    flex-direction: column;
    height: 100%; }
  #layout-wrapper.layout-wrapper-with-sidebar-static {
    width: 100%;
    align-items: stretch; }
  #layout-wrapper.layout-wrapper-with-sidebar-fixed {
    width: 100%; }

#expertv-content-wrapper {
  flex: 1 0 auto; }

#expertv-footer-wrapper {
  flex: 0 0 auto; }

#expertv-header {
  overflow: hidden;
  padding: 20px; }
  @media (max-width: 760px) {
    #expertv-header {
      padding: 0;
      text-align: center; } }
  #expertv-header #expertv-header-logo,
  #expertv-header #expertv-header-brand,
  #expertv-header #expertv-header-contact,
  #expertv-header #expertv-header-btn {
    float: left; }
    @media (max-width: 690px) {
      #expertv-header #expertv-header-logo,
      #expertv-header #expertv-header-brand,
      #expertv-header #expertv-header-contact,
      #expertv-header #expertv-header-btn {
        float: none; } }
  #expertv-header #expertv-header-logo {
    margin-right: 20px; }
  #expertv-header #expertv-header-brand {
    width: 600px; }
    @media (max-width: 990px) {
      #expertv-header #expertv-header-brand {
        width: auto; } }
  #expertv-header #expertv-header-btn {
    float: right; }
  #expertv-header p {
    display: table-cell;
    vertical-align: middle;
    height: 131px;
    font-weight: bold;
    text-align: center; }
    @media (max-width: 690px) {
      #expertv-header p {
        height: auto;
        display: block; } }

/* sidebar*/
.layout-wrapper-with-sidebar-static #sidebar {
  min-width: 250px;
  max-width: 250px;
  min-height: 100vh; }

.layout-wrapper-with-sidebar-fixed #sidebar {
  width: 250px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999; }

#sidebar.active {
  margin-left: -250px; }

#sidebar a[data-toggle="collapse"] {
  position: relative; }

#sidebar .dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%); }

@media (max-width: 768px) {
  #sidebar {
    margin-left: -250px; }
    #sidebar.active {
      margin-left: 0; } }

.layout-wrapper-with-sidebar-fixed #expertv-main-container {
  width: calc(100% - 250px);
  position: absolute;
  top: 0;
  right: 0; }

/* styling sidebar*/
#sidebar {
  background: #7386D5;
  color: #fff;
  transition: all 0.3s; }
  #sidebar a {
    color: #fff; }
  #sidebar #sidebar-header {
    padding: 20px;
    background: #6d7fcc;
    text-align: center; }
  #sidebar ul.components {
    padding: 20px 0; }
  #sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block; }
    #sidebar ul li a:hover {
      color: #7386D5;
      background: #fff; }
    #sidebar ul li a.dropdown-toggle {
      width: 20%;
      float: right; }
    #sidebar ul li a.with-toggle {
      width: 80%; }
  #sidebar ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important; }
  #sidebar ul ul ul a {
    padding-left: 60px !important; }

.expert-menu .dropdown-menu > li > a {
  font-size: 14px; }

.expert-menu.nav-tabs.nav-justified a,
.expert-menu.nav-tabs.nav-justified li.active > a {
  border: 1px solid #ddd;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #fff; }

.expert-menu.nav-tabs.nav-justified li.last > a,
.expert-menu.nav-tabs.nav-justified li:last-child > a {
  border-right-color: #fff; }

.expert-menu.nav-tabs.nav-justified .dropdown-menu .dropdown-menu {
  top: 0; }

.expert-menu.btn-group .btn {
  border: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: #fff;
  color: #000; }
  .expert-menu.btn-group .btn:hover {
    background-color: #eee; }
  .expert-menu.btn-group .btn span {
    display: inline-block;
    width: 100%;
    border-right: 1px solid #ddd; }
  .expert-menu.btn-group .btn:last-child span {
    border-right: 0; }

.expert-menu.nav-pills {
  background-color: #fff; }
  .expert-menu.nav-pills li {
    margin-left: 0; }
    .expert-menu.nav-pills li a {
      color: #000;
      padding: 10px 0;
      text-align: center;
      min-width: 228px; }
      .expert-menu.nav-pills li a span {
        display: inline-block;
        width: 100%;
        border-right: 1px solid #ddd;
        padding: 0 10px; }
    .expert-menu.nav-pills li:last-child a span {
      border-right: 0; }

.expert-ico32 {
  display: inline-block;
  width: 32px;
  height: 32px; }

.expert-ico32-statement {
  background-image: url("Images/statement32.png"); }

.expert-ico32-statement-edit {
  background-image: url("Images/statement-edit32.png"); }

.expertv-sticky-top-offset-progress {
  top: 5px !important; }

.expertv-sticky-top-offset-save {
  top: 25px !important; }