@import url(../css/solid.min.css);
.loader-hidden {
  display: none; }

.loader-active {
  display: block; }

html,
body {
  font-family: 'Inconsolata', 'Monaco', monospace !important;
  height: 100vh;
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw; }

ul#shortcuts {
  columns: 2; }

header,
.header-contents {
  height: 60px; }

header {
  z-index: 10;
  position: fixed;
  top: 0;
  width: 100vw; }
  header .service-name a {
    color: #085a2b; }

.full-width {
  width: 100% !important; }

.note-card {
  white-space: pre-wrap; }

.content-container {
  width: 100%;
  margin: 0 auto !important;
  overflow-y: auto; }

body.sidebar-hidden .sidebar {
  display: none; }
body.sidebar-hidden .content-wrapper {
  margin: 0;
  width: 100vw; }
body.sidebar-hidden footer {
  margin-left: 0;
  width: 100vw; }

.sidebar {
  position: fixed;
  width: 250px;
  height: calc(100vh - 60px);
  margin-top: 60px;
  overflow-y: scroll;
  color: #d8d9d0;
  background-color: #085a2b; }
  .sidebar .profile-picture {
    width: 45px;
    height: 45px; }
  .sidebar a {
    color: #fff; }
  .sidebar li:hover {
    background-color: #0c8d44;
    border-left: 5px solid #d8d9d0; }
  .sidebar .profile {
    border-bottom: 1x solid #d8d9d0; }
  .sidebar .sidebar-profile-section {
    border-bottom: 1px solid #d8d9d0; }

footer {
  margin-left: 250px;
  position: fixed;
  bottom: 0;
  width: calc(100vw - 250px); }

.content-wrapper {
  position: relative;
  top: 60px;
  width: calc(100vw - 250px);
  max-width: 1460px;
  overflow: hidden;
  overflow-y: auto;
  margin-left: 250px;
  margin-bottom: 80px; }

.menu-icon {
  display: inline-block;
  cursor: pointer;
  color: #085a2b; }
  .menu-icon .bar1,
  .menu-icon .bar2,
  .menu-icon .bar3 {
    width: 25px;
    height: 4px;
    background-color: #085a2b;
    margin: 6px 0;
    transition: 0.4s; }

.open .bar1 {
  -webkit-transform: rotate(-45deg) translate(-8px, 6px);
  transform: rotate(-45deg) translate(-8px, 6px); }

.open .bar2 {
  opacity: 0; }

.open .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -7px);
  transform: rotate(45deg) translate(-8px, -7px); }

.map-container {
  height: 400px; }
  @media screen and (max-width: 40rem) {
    .map-container nav {
      height: 320px; } }

.xs-list-unstyled {
  list-style-type: none; }

.button.button--send {
  border: none !important; }

.table-zebra tbody tr:nth-child(odd) {
  background-color: #f3f3f3; }

tr.tr-zebra:nth-child(odd) {
  background-color: #f3f3f3; }

tr.tr-hover:hover {
  background-color: #f3f3f3; }

.react-view .react-view--messages {
  max-width: 1440px;
  padding: 0;
  width: calc(100vw - 250px); }

body.sidebar-hidden .react-view .react-view--messages {
  width: 100vw; }

.map-container {
  background-color: #f3f3f3; }

@media (max-width: 40rem) {
  .map-container {
    min-height: 35%; } }
@media (min-width: 40rem) {
  .map-container {
    min-height: 75%; } }
.tab--content {
  display: none; }

.tab--content.tab--active {
  display: block; }

.tab--nav {
  background-color: #f3f3f3; }

.tab--nav.tab--active {
  background-color: #fff; }

/*# sourceMappingURL=main.css.map */
