/**
 * 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-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-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-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-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; }

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:hover, .card-directory: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-text {
    margin-top: .5rem;
    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-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; }
  a.card-directory:not([href]):hover, a.card-directory:not([href]):focus {
    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);
    text-decoration: none;
    color: #000; }

.apps-1 {
  /*.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-1 .section-title {
    color: #572050; }
  .apps-1 .card-header {
    background: #572050; }
  .apps-1 .card-body a, .apps-1 a:focus, .apps-1 a:hover {
    color: #572050; }
  .apps-1 a.card-directory[href]:focus, .apps-1 a.card-directory[href]:hover {
    color: #572050; }
    .apps-1 a.card-directory[href]:focus .card-title, .apps-1 a.card-directory[href]:hover .card-title {
      color: #0c050b; }
  .apps-1 .btn-icon.btn-card {
    color: #572050;
    border-color: #572050; }
    .apps-1 .btn-icon.btn-card:hover {
      color: #fff;
      background-color: #572050;
      border-color: #572050; }
    .apps-1 .btn-icon.btn-card:focus, .apps-1 .btn-icon.btn-card.focus {
      box-shadow: 0 0 0 0.2rem rgba(87, 32, 80, 0.5); }
    .apps-1 .btn-icon.btn-card.disabled, .apps-1 .btn-icon.btn-card:disabled {
      color: #572050;
      background-color: transparent; }
    .apps-1 .btn-icon.btn-card:not(:disabled):not(.disabled):active, .apps-1 .btn-icon.btn-card:not(:disabled):not(.disabled).active,
    .show > .apps-1 .btn-icon.btn-card.dropdown-toggle {
      color: #fff;
      background-color: #572050;
      border-color: #572050; }
      .apps-1 .btn-icon.btn-card:not(:disabled):not(.disabled):active:focus, .apps-1 .btn-icon.btn-card:not(:disabled):not(.disabled).active:focus,
      .show > .apps-1 .btn-icon.btn-card.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(87, 32, 80, 0.5); }

.apps-2 {
  /*.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-2 .section-title {
    color: #833A6B; }
  .apps-2 .card-header {
    background: #833A6B; }
  .apps-2 .card-body a, .apps-2 a:focus, .apps-2 a:hover {
    color: #833A6B; }
  .apps-2 a.card-directory[href]:focus, .apps-2 a.card-directory[href]:hover {
    color: #833A6B; }
    .apps-2 a.card-directory[href]:focus .card-title, .apps-2 a.card-directory[href]:hover .card-title {
      color: #3c1b31; }
  .apps-2 .btn-icon.btn-card {
    color: #833A6B;
    border-color: #833A6B; }
    .apps-2 .btn-icon.btn-card:hover {
      color: #fff;
      background-color: #833A6B;
      border-color: #833A6B; }
    .apps-2 .btn-icon.btn-card:focus, .apps-2 .btn-icon.btn-card.focus {
      box-shadow: 0 0 0 0.2rem rgba(131, 58, 107, 0.5); }
    .apps-2 .btn-icon.btn-card.disabled, .apps-2 .btn-icon.btn-card:disabled {
      color: #833A6B;
      background-color: transparent; }
    .apps-2 .btn-icon.btn-card:not(:disabled):not(.disabled):active, .apps-2 .btn-icon.btn-card:not(:disabled):not(.disabled).active,
    .show > .apps-2 .btn-icon.btn-card.dropdown-toggle {
      color: #fff;
      background-color: #833A6B;
      border-color: #833A6B; }
      .apps-2 .btn-icon.btn-card:not(:disabled):not(.disabled):active:focus, .apps-2 .btn-icon.btn-card:not(:disabled):not(.disabled).active:focus,
      .show > .apps-2 .btn-icon.btn-card.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(131, 58, 107, 0.5); }

.apps-3 {
  /*.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-3 .section-title {
    color: #AE5386; }
  .apps-3 .card-header {
    background: #AE5386; }
  .apps-3 .card-body a, .apps-3 a:focus, .apps-3 a:hover {
    color: #AE5386; }
  .apps-3 a.card-directory[href]:focus, .apps-3 a.card-directory[href]:hover {
    color: #AE5386; }
    .apps-3 a.card-directory[href]:focus .card-title, .apps-3 a.card-directory[href]:hover .card-title {
      color: #693251; }
  .apps-3 .btn-icon.btn-card {
    color: #AE5386;
    border-color: #AE5386; }
    .apps-3 .btn-icon.btn-card:hover {
      color: #fff;
      background-color: #AE5386;
      border-color: #AE5386; }
    .apps-3 .btn-icon.btn-card:focus, .apps-3 .btn-icon.btn-card.focus {
      box-shadow: 0 0 0 0.2rem rgba(174, 83, 134, 0.5); }
    .apps-3 .btn-icon.btn-card.disabled, .apps-3 .btn-icon.btn-card:disabled {
      color: #AE5386;
      background-color: transparent; }
    .apps-3 .btn-icon.btn-card:not(:disabled):not(.disabled):active, .apps-3 .btn-icon.btn-card:not(:disabled):not(.disabled).active,
    .show > .apps-3 .btn-icon.btn-card.dropdown-toggle {
      color: #fff;
      background-color: #AE5386;
      border-color: #AE5386; }
      .apps-3 .btn-icon.btn-card:not(:disabled):not(.disabled):active:focus, .apps-3 .btn-icon.btn-card:not(:disabled):not(.disabled).active:focus,
      .show > .apps-3 .btn-icon.btn-card.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(174, 83, 134, 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";*/