* {
  font-size: 12px;
  font-family: Tahoma, Geneva, sans-serif;
}
body,
html {
  background-color: #fdfdfd;
  color: #343e48;
}
.clear {
  clear: both;
}
.ns-page-header {
  background-color: #697d92;
  height: 5px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.ns-left-menu {
  background-color: #a4b1bd;
  color: #eef0f3;
  position: fixed;
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 250px;
  font-size: 16px;
  transition: width 300ms ease, background-color 300ms ease;
}
.ns-left-menu .menu-container {
  width: 250px;
  opacity: 1;
  transition: opacity 300ms ease 300ms;
}
.ns-left-menu .menu-container .ns-menu-me {
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 0 10px;
  background-color: #5191de;
}
.ns-left-menu .menu-container .ns-menu-single-menu {
  margin-top: 10px;
  padding: 0px 10px 0px 5px;
}
.ns-left-menu .menu-container .ns-menu-single-menu .ns-menu-single-menu-item {
  background-color: #8697a8;
  padding: 1px 2px 1px 5px;
  margin: 5px 0;
  border-radius: 0 5px 5px 0;
}
.ns-left-menu.menu-hidden {
  overflow: hidden;
  width: 5px;
  background-color: #697d92;
}
.ns-left-menu.menu-hidden .menu-container {
  opacity: 0;
}
.ns-right-menu {
  background-color: #697d92;
  position: fixed;
  right: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
}
.ns-page-body {
  position: fixed;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 250px;
  transition: left 300ms ease;
}
.ns-page-body.menu-hidden {
  left: 5px;
}
.ns-login-screen {
  position: absolute;
  left: 0;
  top: 40%;
  right: 0;
  bottom: 60%;
  margin: auto;
  width: 300px;
  height: 165px;
  overflow: hidden;
}
.ns-page-footer {
  background-color: #697d92;
  color: #eef0f3;
  height: 5px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}