html,
body {
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

.home-container,
.welcome-container {
  height: 100%;
  margin: 0;
  padding: 0;
}
.home-container .row,
.welcome-container .row {
  height: 100%;
  margin: 0;
  padding: 0;
}
.home-container .col,
.welcome-container .col {
  margin: 0;
  padding: 0;
}
.header-bg {
  position: absolute;
  width: 100%;
  height: 39px;
  background: #4994ce;
}
.home-sidebar {
  height: 39px;
  padding: 4px 14px;
  background: #4994ce;
  color: #fff;
  font-size: 20px;
}
.home-link {
  color: #fff;
  text-decoration: none;
}
.home-link:hover {
  color: #fff;
  text-decoration: none;
}
.logout-link {
  position: absolute;
  z-index: 2;
  right: 0;
  padding: 5px 8px;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
}
.logout-link i {
  font-size: 20px;
}
.logout-link:hover {
  color: #fff;
  text-decoration: none;
}

.home .sidebar-scrollable-content {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  height: calc(100% - 39px);
  max-height: calc(100vh - 39px);
}
.home .sidebar-scrollable-content .card {
  border-radius: 0;
  border-top: 0;
  outline: none;
}
.home .sidebar-scrollable-content .card-header {
  font-weight: bold;
  background: rgba(0, 0, 0, 0.05);
}
.home .sidebar-scrollable-content .list-group-item {
  padding: 0;
}
.home .sidebar-scrollable-content .list-group-item a {
  display: block;
  padding: 0.75rem 1.25rem;
  text-decoration: none;
  color: #212529;
  font-size: 0.9em;
}
.home .sidebar-scrollable-content .list-group-item a.active {
  font-weight: bold;
  color: #222;
  background: rgba(0, 0, 0, 0.02);
}
.home .sidebar-scrollable-content .list-group-item a.active::after {
  content: ">";
  float: right;
}
.home .sidebar-scrollable-content .list-group-item a:hover {
  background: rgba(0, 0, 0, 0.03);
}

.card-client.last {
  margin-bottom: 42px !important;
}
.card-admin {
  position: fixed;
  bottom: 0;
  width: 100%;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-admin .card-header {
  padding: 0;
  border: 0;
}
.card-admin .card-header a {
  display: block;
  padding: 0.75rem 1.25rem;
  color: #333;
  text-decoration: none;
}
.card-admin .card-header a:hover {
  color: #4994ce;
  text-decoration: none;
}

#maildev {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
}

.welcome,
.admin {
  overflow-y: auto;
}
.welcome .col,
.admin .col {
  padding: 0 20px;
}
.welcome .header-bg,
.admin .header-bg {
  position: fixed;
}
.welcome .content,
.admin .content {
  margin-top: 60px;
}

.welcome h1,
.admin h1 {
  padding: 8px 0;
  font-size: 20px;
  color: #fff;
}

.welcome .content p,
.welcome .content li {
  font-size: 0.9em;
}


.mentions {
  display: block;
  position: absolute;
  bottom: 0;
  background: #fff;
  width: calc(100% - 56px);
  left: 0;
  padding: 10px 28px;
  font-size: 0.9em;
  font-style: italic;
}
.mentions a {
  color: #4994ce;
}