/**
 * The css property used for elevation. In most cases this should not be changed. It is exposed
 * as a variable for abstraction / easy use when needing to reference the property directly, for
 * example in a `will-change` rule.
 */
/**
 * The default duration value for elevation transitions.
 */
/**
 * The default easing value for elevation transitions.
 */
/**
 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value.
 * The $z-value must be between 0 and 24.
 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use
 * $opacity-boost.
 */
/**
 * Returns a string that can be used as the value for a `transition` property for elevation.
 * Calling this function directly is useful in situations where a component needs to transition
 * more than one property.
 *
 * ```scss
 * .foo {
 *   transition: mdc-elevation-transition-value(), opacity 100ms ease;
 *   will-change: $mdc-elevation-property, opacity;
 * }
 * ```
 */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: local("Exo Regular"), local("Exo-Regular"), url("fonts/exo-regular-webfont.woff2") format("woff2"), url("fonts/exo-regular-webfont.woff") format("woff"), url("fonts/exo-regular-webfont.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap; }

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 500;
  src: local("Exo Medium"), local("Exo-Medium"), url(https://fonts.gstatic.com/s/exo/v6/4UaDrEtFpBIagF229xLj.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap; }

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 600;
  src: local("Exo SemiBold"), local("Exo-SemiBold"), url("fonts/exo-semibold-webfont.woff2") format("woff2"), url("fonts/exo-semibold-webfont.woff") format("woff"), url("fonts/exo-semibold-webfont.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap; }

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 700;
  src: local("Exo Bold"), local("Exo-Bold"), url("fonts/exo-bold-webfont.woff2") format("woff2"), url("fonts/exo-bold-webfont.woff") format("woff"), url("fonts/exo-bold-webfont.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap; }

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 800;
  src: local("Exo ExtraBold"), local("Exo-ExtraBold"), url(https://fonts.gstatic.com/s/exo/v6/4UaDrEtFpBIa1Fi29xLj.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap; }

html {
  height: 100%; }
  html {
    font-size: 0.75rem; }
    @media screen and (min-width: 20rem) {
      html {
        font-size: calc(0.75rem + 0.37 * ((100vw - 20rem) / 55)); } }
    @media screen and (min-width: 75rem) {
      html {
        font-size: 1.12rem; } }

h1 {
  font-size: 1.5552rem; }
  @media screen and (min-width: 20rem) {
    h1 {
      font-size: calc(1.5552rem + 2.24167 * ((100vw - 20rem) / 55)); } }
  @media screen and (min-width: 75rem) {
    h1 {
      font-size: 3.79688rem; } }

h2 {
  font-size: 1.296rem; }
  @media screen and (min-width: 20rem) {
    h2 {
      font-size: calc(1.296rem + 1.23525 * ((100vw - 20rem) / 55)); } }
  @media screen and (min-width: 75rem) {
    h2 {
      font-size: 2.53125rem; } }

h3 {
  font-size: 1.08rem; }
  @media screen and (min-width: 20rem) {
    h3 {
      font-size: calc(1.08rem + 0.6075 * ((100vw - 20rem) / 55)); } }
  @media screen and (min-width: 75rem) {
    h3 {
      font-size: 1.6875rem; } }

h4 {
  font-size: 0.9rem; }
  @media screen and (min-width: 20rem) {
    h4 {
      font-size: calc(0.9rem + 0.7875 * ((100vw - 20rem) / 55)); } }
  @media screen and (min-width: 75rem) {
    h4 {
      font-size: 1.6875rem; } }

svg {
  fill: currentColor; }

.btn-icon {
  border-radius: 50%;
  padding: 0.3rem;
  display: inline-flex;
  border: 0; }
  .btn-icon svg {
    width: 1.4rem;
    height: 1.4rem; }

body {
  display: flex;
  flex-direction: column;
  height: 100%; }
  body > header, body > .footer {
    flex: 0 0 auto; }
  body > main {
    flex: 1 0 auto; }

.navbar {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
  .navbar-brand {
    padding: 0;
    font-size: 1.55rem;
    line-height: 1; }
    .navbar-brand small {
      /*font-size: 75%;*/
      font-weight: 500;
      margin-left: .25em;
      font-variant: small-caps; }
  .navbar .navbar-nav {
    font-weight: 500; }

.page-title {
  font-weight: 700;
  text-align: center;
  margin-top: 0.5rem; }

.card-directory {
  margin-bottom: 1rem;
  height: calc(100% - 1rem);
  border: 0;
  flex-direction: row;
  color: #000;
  align-items: center;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
  .card-directory[href]:hover, .card-directory[href]:focus {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    text-decoration: none; }
  .card-directory .card-title {
    margin-bottom: 0; }
  .card-directory > .card-header {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 50%;
    background: grey;
    padding: .7rem;
    margin: 0.5rem 1vw;
    font-size: 1.5rem; }
    .card-directory > .card-header .fa, .card-directory > .card-header .fas, .card-directory > .card-header .fab, .card-directory > .card-header .far {
      /*width: $icon-size - 1.4;
        height: $icon-size - 1.4;*/
      color: white; }
  .card-directory .card-text {
    margin-bottom: 0; }
  .card-directory .card-body {
    padding: 0.5rem 1vw;
    padding-left: 0; }
  .card-directory .buttons {
    bottom: .2rem;
    right: .2rem;
    position: absolute; }

a.card-directory:not([href]) {
  color: #6c757d !important;
  /*&:hover, &:focus {
        @include mdc-elevation(2);
        text-decoration: none;
        color: $black;
    }*/ }

.apps-umax {
  /*.card-title {
        color: $color;//saturate($color,30%);
    }*/
  /*.btn-icon.btn-card {
        background: transparent;
        color: $color;

        &:hover {
            background: transparentize($color, .88);
        }

        &:focus {
            background: transparentize($color, .60);
            box-shadow: none;
            box-shadow: inset 0px 2px 3px 0px transparentize($color, .80);
        }
    }*/ }
  .apps-umax .section-title {
    color: #094574; }
  .apps-umax .card-header {
    background: #094574; }
  .apps-umax .card-body a, .apps-umax a:focus, .apps-umax a:hover {
    color: #094574; }
  .apps-umax a.card-directory[href]:focus, .apps-umax a.card-directory[href]:hover {
    color: #094574; }
    .apps-umax a.card-directory[href]:focus .card-title, .apps-umax a.card-directory[href]:focus .card-text, .apps-umax a.card-directory[href]:hover .card-title, .apps-umax a.card-directory[href]:hover .card-text {
      color: #020d15; }
  .apps-umax .btn-icon.btn-card {
    color: #094574;
    border-color: #094574; }
    .apps-umax .btn-icon.btn-card:hover {
      color: #fff;
      background-color: #094574;
      border-color: #094574; }
    .apps-umax .btn-icon.btn-card:focus, .apps-umax .btn-icon.btn-card.focus {
      box-shadow: 0 0 0 0.2rem rgba(9, 69, 116, 0.5); }
    .apps-umax .btn-icon.btn-card.disabled, .apps-umax .btn-icon.btn-card:disabled {
      color: #094574;
      background-color: transparent; }
    .apps-umax .btn-icon.btn-card:not(:disabled):not(.disabled):active, .apps-umax .btn-icon.btn-card:not(:disabled):not(.disabled).active,
    .show > .apps-umax .btn-icon.btn-card.dropdown-toggle {
      color: #fff;
      background-color: #094574;
      border-color: #094574; }
      .apps-umax .btn-icon.btn-card:not(:disabled):not(.disabled):active:focus, .apps-umax .btn-icon.btn-card:not(:disabled):not(.disabled).active:focus,
      .show > .apps-umax .btn-icon.btn-card.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(9, 69, 116, 0.5); }

.apps-batch {
  /*.card-title {
        color: $color;//saturate($color,30%);
    }*/
  /*.btn-icon.btn-card {
        background: transparent;
        color: $color;

        &:hover {
            background: transparentize($color, .88);
        }

        &:focus {
            background: transparentize($color, .60);
            box-shadow: none;
            box-shadow: inset 0px 2px 3px 0px transparentize($color, .80);
        }
    }*/ }
  .apps-batch .section-title {
    color: #11609F; }
  .apps-batch .card-header {
    background: #11609F; }
  .apps-batch .card-body a, .apps-batch a:focus, .apps-batch a:hover {
    color: #11609F; }
  .apps-batch a.card-directory[href]:focus, .apps-batch a.card-directory[href]:hover {
    color: #11609F; }
    .apps-batch a.card-directory[href]:focus .card-title, .apps-batch a.card-directory[href]:focus .card-text, .apps-batch a.card-directory[href]:hover .card-title, .apps-batch a.card-directory[href]:hover .card-text {
      color: #072843; }
  .apps-batch .btn-icon.btn-card {
    color: #11609F;
    border-color: #11609F; }
    .apps-batch .btn-icon.btn-card:hover {
      color: #fff;
      background-color: #11609F;
      border-color: #11609F; }
    .apps-batch .btn-icon.btn-card:focus, .apps-batch .btn-icon.btn-card.focus {
      box-shadow: 0 0 0 0.2rem rgba(17, 96, 159, 0.5); }
    .apps-batch .btn-icon.btn-card.disabled, .apps-batch .btn-icon.btn-card:disabled {
      color: #11609F;
      background-color: transparent; }
    .apps-batch .btn-icon.btn-card:not(:disabled):not(.disabled):active, .apps-batch .btn-icon.btn-card:not(:disabled):not(.disabled).active,
    .show > .apps-batch .btn-icon.btn-card.dropdown-toggle {
      color: #fff;
      background-color: #11609F;
      border-color: #11609F; }
      .apps-batch .btn-icon.btn-card:not(:disabled):not(.disabled):active:focus, .apps-batch .btn-icon.btn-card:not(:disabled):not(.disabled).active:focus,
      .show > .apps-batch .btn-icon.btn-card.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(17, 96, 159, 0.5); }

.apps-more {
  /*.card-title {
        color: $color;//saturate($color,30%);
    }*/
  /*.btn-icon.btn-card {
        background: transparent;
        color: $color;

        &:hover {
            background: transparentize($color, .88);
        }

        &:focus {
            background: transparentize($color, .60);
            box-shadow: none;
            box-shadow: inset 0px 2px 3px 0px transparentize($color, .80);
        }
    }*/ }
  .apps-more .section-title {
    color: #197BC9; }
  .apps-more .card-header {
    background: #197BC9; }
  .apps-more .card-body a, .apps-more a:focus, .apps-more a:hover {
    color: #197BC9; }
  .apps-more a.card-directory[href]:focus, .apps-more a.card-directory[href]:hover {
    color: #197BC9; }
    .apps-more a.card-directory[href]:focus .card-title, .apps-more a.card-directory[href]:focus .card-text, .apps-more a.card-directory[href]:hover .card-title, .apps-more a.card-directory[href]:hover .card-text {
      color: #0e436e; }
  .apps-more .btn-icon.btn-card {
    color: #197BC9;
    border-color: #197BC9; }
    .apps-more .btn-icon.btn-card:hover {
      color: #fff;
      background-color: #197BC9;
      border-color: #197BC9; }
    .apps-more .btn-icon.btn-card:focus, .apps-more .btn-icon.btn-card.focus {
      box-shadow: 0 0 0 0.2rem rgba(25, 123, 201, 0.5); }
    .apps-more .btn-icon.btn-card.disabled, .apps-more .btn-icon.btn-card:disabled {
      color: #197BC9;
      background-color: transparent; }
    .apps-more .btn-icon.btn-card:not(:disabled):not(.disabled):active, .apps-more .btn-icon.btn-card:not(:disabled):not(.disabled).active,
    .show > .apps-more .btn-icon.btn-card.dropdown-toggle {
      color: #fff;
      background-color: #197BC9;
      border-color: #197BC9; }
      .apps-more .btn-icon.btn-card:not(:disabled):not(.disabled):active:focus, .apps-more .btn-icon.btn-card:not(:disabled):not(.disabled).active:focus,
      .show > .apps-more .btn-icon.btn-card.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(25, 123, 201, 0.5); }

.modal-content {
  padding: 1rem;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }

.popover {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  white-space: pre-wrap; }

.popover-header {
  padding-bottom: 0.45rem;
  font-size: 1.3rem;
  line-height: 1; }

.popover-body {
  padding-top: 0.45rem; }

.popover-close {
  color: #fff;
  background: transparent; }

/*@import "embedded";*/