@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2");
}

/* line 10, app/assets/stylesheets/components/icon.scss */
icon {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  /* Support for all WebKit browsers. */
  text-rendering: optimizeLegibility;
  /* Support for Safari and Chrome. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for Firefox. */
  font-feature-settings: 'liga';
  /* Support for IE. */
}

/* line 30, app/assets/stylesheets/components/icon.scss */
.icon {
  font-family: 'Material Icons';
  /* to allow ligatures (text content in el) */
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga';
  /* Support for IE; seems to also work in future Chrome (48) */
}
/* line 2, app/assets/stylesheets/components/lists.scss */
#case_tabs a.badge {
  font-size: 1rem;
}
@-moz-keyframes rotating-left {
  100% {
    -moz-transform: rotate(-360deg);
  }
}

@-webkit-keyframes rotating-left {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes rotating-left {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

/* line 5, app/assets/stylesheets/components/loading_spinner.scss */
div#spinner {
  position: fixed;
  top: 10%;
  left: 0;
  right: 0;
  z-index: 1000;
  padding-top: 0.2em;
  width: 100px;
  margin: auto;
  text-align: center;
}

/* line 16, app/assets/stylesheets/components/loading_spinner.scss */
div#spinner.hidden {
  display: none;
}

/* line 18, app/assets/stylesheets/components/loading_spinner.scss */
div#spinner .animate-rotate-left {
  -webkit-animation: rotating-left 2s linear infinite;
  -moz-animation: rotating-left 2s linear infinite;
  -ms-animation: rotating-left 2s linear infinite;
  -o-animation: rotating-left 2s linear infinite;
  animation: rotating-left 2s linear infinite;
}

/* line 27, app/assets/stylesheets/components/loading_spinner.scss */
.opacity-light {
  opacity: 0.6;
}
/* line 1, app/assets/stylesheets/components/menu.scss */
body, html, .row-offcanvas {
  height: 100%;
}

/* line 5, app/assets/stylesheets/components/menu.scss */
#sidebar {
  width: inherit;
  min-width: 280px;
  max-width: 280px;
  float: left;
  height: 100%;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 15, app/assets/stylesheets/components/menu.scss */
#main {
  height: 100%;
  overflow: auto;
}

/* line 19, app/assets/stylesheets/components/menu.scss */
#main button[data-toggle=offcanvas] > icon.active {
  transform: rotate(180deg);
}

/*
 * off Canvas sidebar
 * --------------------------------------------------
 */
@media screen {
  /* line 29, app/assets/stylesheets/components/menu.scss */
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    width: calc(100% + 280px);
  }
  /* line 37, app/assets/stylesheets/components/menu.scss */
  .row-offcanvas-left {
    left: -280px;
  }
  /* line 42, app/assets/stylesheets/components/menu.scss */
  .row-offcanvas-left.active {
    left: 0;
  }
  /* line 46, app/assets/stylesheets/components/menu.scss */
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */