/*
 * @emas/js-base default theme
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);
/*
 * @emas/js-base default theme
 */
:root {
  --ema-color: #343a40;
  --ema-primary: #007bff;
  --ema-secondary: #6c757d;
  --ema-success: #28a745;
  --ema-info: #17a2b8;
  --ema-warning: #ffc107;
  --ema-danger: #dc3545;
  --ema-light: #f8f9fa;
  --ema-dark: #343a40;
  --ema-background: #fff;
  --ema-background-diap: rgba(29, 29, 29, 0.97);
  --ema-border-color: #c5c9cd;
  --ema-border: 1px solid #c5c9cd;
  --ema-border-radius: 3px 3px 3px 3px;
  --ema-box-shadow: 1px 1px 10px 1px #ccc;
  --ema-margin: 0.25rem;
  --ema-margin-sm: 0.5rem;
  --ema-margin-md: 1rem;
  --ema-margin-lg: 1.5rem;
  --ema-margin-xl: 2rem;
  --ema-padding: 0.25rem;
  --ema-padding-sm: 0.5rem;
  --ema-padding-md: 1rem;
  --ema-padding-lg: 1.5rem;
  --ema-padding-xl: 2rem; }

html, body {
  height: 100%; }

body {
  background: var(--ema-background) !important;
  color: var(--ema-color) !important;
  font-family: "Open Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

*:focus,
a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: none !important; }

ema-app-root header nav {
  background: var(--ema-background-primary, #fff);
  border-bottom: 1px solid #c5c9cd; }

ema-app-root header ion-icon {
  margin-top: -0.33333rem;
  margin-right: 0.5rem; }

ema-app-root main {
  margin-top: 57px; }

ema-app-root *:focus {
  outline: none; }

ema-app-root #loading-spinner {
  margin-top: 5rem; }

ema-app-root .card {
  border: 1px solid #c5c9cd; }

ema-app-root .jumbotron {
  background: var(--ema-background-primary);
  margin-left: -1rem;
  margin-right: -1rem; }

ema-app-root .navbar {
  padding: 0 1rem; }
  ema-app-root .navbar .nav-link {
    padding: 1rem 1rem;
    cursor: pointer; }

ema-app-root .navbar.fixed-top {
  min-height: 57px;
  border-bottom: 1px solid #c5c9cd; }

ema-app-root .navbar.fixed-bottom {
  border-top: 1px solid #c5c9cd;
  align-content: center; }

ema-app-root .navbar.fixed-top, ema-app-root .navbar.fixed-bottom {
  background-color: var(--ema-background, white); }
  ema-app-root .navbar.fixed-top .navbar-brand, ema-app-root .navbar.fixed-bottom .navbar-brand {
    color: inherit;
    margin-top: -3px;
    font-size: 18px;
    font-weight: bold; }
  ema-app-root .navbar.fixed-top #logo, ema-app-root .navbar.fixed-bottom #logo {
    margin-top: 2px; }
  ema-app-root .navbar.fixed-top .nav-item, ema-app-root .navbar.fixed-bottom .nav-item {
    padding: 1rem; }
    ema-app-root .navbar.fixed-top .nav-item a span, ema-app-root .navbar.fixed-bottom .nav-item a span {
      color: #495057; }
    ema-app-root .navbar.fixed-top .nav-item .fas, ema-app-root .navbar.fixed-bottom .nav-item .fas {
      color: #495057;
      margin-right: 0.5rem; }
  ema-app-root .navbar.fixed-top .navbar-toggler, ema-app-root .navbar.fixed-bottom .navbar-toggler {
    border: none;
    font-size: 190%;
    color: #5e5e5e;
    margin-top: 2px;
    margin-left: 0.5rem;
    margin-bottom: -4px;
    z-index: 2000; }
  ema-app-root .navbar.fixed-top .navbar-toggler-icon, ema-app-root .navbar.fixed-bottom .navbar-toggler-icon {
    background-image: url("/assets/icon/icon-hamburger.svg");
    margin-top: -0.25rem;
    position: fixed;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 11000; }
  ema-app-root .navbar.fixed-top .navbar-toggler.collapsed, ema-app-root .navbar.fixed-bottom .navbar-toggler.collapsed {
    color: #808080;
    rotation: 190%; }
  ema-app-root .navbar.fixed-top .navbar-collapse .open, ema-app-root .navbar.fixed-bottom .navbar-collapse .open {
    max-width: 50%; }
  ema-app-root .navbar.fixed-top .nav .open > .nav-link, ema-app-root .navbar.fixed-top .nav .open > .nav-link:hover, ema-app-root .navbar.fixed-top .nav .open > .nav-link:focus, ema-app-root .navbar.fixed-bottom .nav .open > .nav-link, ema-app-root .navbar.fixed-bottom .nav .open > .nav-link:hover, ema-app-root .navbar.fixed-bottom .nav .open > .nav-link:focus {
    border-right: none; }
    ema-app-root .navbar.fixed-top .nav .open > .nav-link li a, ema-app-root .navbar.fixed-top .nav .open > .nav-link:hover li a, ema-app-root .navbar.fixed-top .nav .open > .nav-link:focus li a, ema-app-root .navbar.fixed-bottom .nav .open > .nav-link li a, ema-app-root .navbar.fixed-bottom .nav .open > .nav-link:hover li a, ema-app-root .navbar.fixed-bottom .nav .open > .nav-link:focus li a {
      background-color: var(--ema-background, white); }
  @media screen and (max-width: 767px) {
    ema-app-root .navbar.fixed-top .navbar-header, ema-app-root .navbar.fixed-bottom .navbar-header {
      border-bottom: 1px solid #c5c9cd; }
    ema-app-root .navbar.fixed-top .navbar-collapse, ema-app-root .navbar.fixed-bottom .navbar-collapse {
      background-color: #dee2e6;
      box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.33);
      margin-top: 1.15rem; }
    ema-app-root .navbar.fixed-top .nav-item, ema-app-root .navbar.fixed-bottom .nav-item {
      border-left: 1px solid #c5c9cd;
      border-bottom: 1px solid #c5c9cd;
      border-right: 1px solid #c5c9cd; }
      ema-app-root .navbar.fixed-top .nav-item .icon, ema-app-root .navbar.fixed-bottom .nav-item .icon {
        margin-top: 0.55rem; }
    ema-app-root .navbar.fixed-top .nav-item:first-child, ema-app-root .navbar.fixed-bottom .nav-item:first-child {
      border-top: 1px solid #c5c9cd; }
    ema-app-root .navbar.fixed-top .nav-item:last-child, ema-app-root .navbar.fixed-bottom .nav-item:last-child {
      border-bottom: none; } }

ema-app-root .navbar-inverse {
  background: #000;
  color: #fff; }

ema-app-root .visible {
  display: block; }

ema-app-root .hidden {
  display: none; }
