@charset "UTF-8";

    :root {
      --bs-blue: #5d8fc2;
      --bs-indigo: #6610f2;
      --bs-purple: #6f42c1;
      --bs-pink: #d63384;
      --bs-red: #d61414;
      --bs-orange: #dd5826;
      --bs-yellow: #f0b518;
      --bs-green: #64bd63;
      --bs-teal: #20c997;
      --bs-cyan: #5dc4bf;
      --bs-black: #000;
      --bs-white: #fff;
      --bs-gray: #777;
      --bs-gray-dark: #343434;
      --bs-gray-100: #f8f8f8;
      --bs-gray-200: #eee;
      --bs-gray-300: #ddd;
      --bs-gray-400: #ced4da;
      --bs-gray-500: #999;
      --bs-gray-600: #777;
      --bs-gray-700: #555;
      --bs-gray-800: #343434;
      --bs-gray-900: #222;
      --bs-primary: #5d8fc2;
      --bs-secondary: #f8f8f8;
      --bs-success: #64bd63;
      --bs-info: #5dc4bf;
      --bs-warning: #f0b518;
      --bs-danger: #dd5826;
      --bs-light: #eee;
      --bs-dark: #343434;
      --bs-primary-rgb: 93, 143, 194;
      --bs-secondary-rgb: 248, 248, 248;
      --bs-success-rgb: 100, 189, 99;
      --bs-info-rgb: 93, 196, 191;
      --bs-warning-rgb: 240, 181, 24;
      --bs-danger-rgb: 221, 88, 38;
      --bs-light-rgb: 238, 238, 238;
      --bs-dark-rgb: 52, 52, 52;
      --bs-white-rgb: 255, 255, 255;
      --bs-black-rgb: 0, 0, 0;
      --bs-body-color-rgb: 52, 52, 52;
      --bs-body-bg-rgb: 244, 244, 244;
      --bs-font-sans-serif: Roboto, "Helvetica Neue", sans-serif;
      --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
      --bs-root-font-size: 14px;
      --bs-body-font-family: var(--bs-font-sans-serif);
      --bs-body-font-size: 1rem;
      --bs-body-font-weight: 300;
      --bs-body-line-height: 1.5;
      --bs-body-color: #343434;
      --bs-body-bg: #f4f4f4;
      --bs-border-width: 1px;
      --bs-border-style: solid;
      --bs-border-color: #ddd;
      --bs-border-color-translucent: rgba(0, 0, 0, .175);
      --bs-border-radius: .25rem;
      --bs-border-radius-sm: .2rem;
      --bs-border-radius-lg: .3rem;
      --bs-border-radius-xl: 1rem;
      --bs-border-radius-2xl: 2rem;
      --bs-border-radius-pill: 50rem;
      --bs-link-color: #5d8fc2;
      --bs-link-hover-color: #4a729b;
      --bs-code-color: #d63384;
      --bs-highlight-bg: #fcf0d1
    }

    *,
    :after,
    :before {
      box-sizing: border-box
    }

    :root {
      font-size: var(--bs-root-font-size)
    }

    @media (prefers-reduced-motion:no-preference) {
      :root {
        scroll-behavior: smooth
      }
    }

    body {
      margin: 0;
      font-family: var(--bs-body-font-family);
      font-size: var(--bs-body-font-size);
      font-weight: var(--bs-body-font-weight);
      line-height: var(--bs-body-line-height);
      color: var(--bs-body-color);
      text-align: var(--bs-body-text-align);
      background-color: var(--bs-body-bg);
      -webkit-text-size-adjust: 100%;
      -webkit-tap-highlight-color: transparent
    }

    p {
      margin-top: 0;
      margin-bottom: 1rem
    }

    a {
      color: var(--bs-link-color);
      text-decoration: underline
    }

    a:hover {
      color: var(--bs-link-hover-color)
    }

    a:not([href]):not([class]),
    a:not([href]):not([class]):hover {
      color: inherit;
      text-decoration: none
    }

    label {
      display: inline-block
    }

    input {
      margin: 0;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit
    }

    [role=button] {
      cursor: pointer
    }

    [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
      display: none !important
    }

    [type=button],
    [type=reset],
    [type=submit] {
      -webkit-appearance: button
    }

    [type=button]:not(:disabled),
    [type=reset]:not(:disabled),
    [type=submit]:not(:disabled) {
      cursor: pointer
    }

    ::-moz-focus-inner {
      padding: 0;
      border-style: none
    }

    fieldset {
      min-width: 0;
      padding: 0;
      margin: 0;
      border: 0
    }

    legend {
      float: left;
      width: 100%;
      padding: 0;
      margin-bottom: .5rem;
      font-size: calc(1.275rem + .3vw);
      line-height: inherit
    }

    @media (min-width:1200px) {
      legend {
        font-size: 1.5rem
      }
    }

    legend+* {
      clear: left
    }

    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-fields-wrapper,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-text,
    ::-webkit-datetime-edit-year-field {
      padding: 0
    }

    ::-webkit-inner-spin-button {
      height: auto
    }

    [type=search] {
      outline-offset: -2px;
      -webkit-appearance: textfield
    }

    ::-webkit-search-decoration {
      -webkit-appearance: none
    }

    ::-webkit-color-swatch-wrapper {
      padding: 0
    }

    ::file-selector-button {
      font: inherit;
      -webkit-appearance: button
    }

    [hidden] {
      display: none !important
    }

    .display-1 {
      font-size: calc(1.625rem + 4.5vw);
      font-weight: 300;
      line-height: 1.2
    }

    @media (min-width:1200px) {
      .display-1 {
        font-size: 5rem
      }
    }

    .display-2 {
      font-size: calc(1.575rem + 3.9vw);
      font-weight: 300;
      line-height: 1.2
    }

    @media (min-width:1200px) {
      .display-2 {
        font-size: 4.5rem
      }
    }

    .display-3 {
      font-size: calc(1.525rem + 3.3vw);
      font-weight: 300;
      line-height: 1.2
    }

    @media (min-width:1200px) {
      .display-3 {
        font-size: 4rem
      }
    }

    .display-4 {
      font-size: calc(1.475rem + 2.7vw);
      font-weight: 300;
      line-height: 1.2
    }

    @media (min-width:1200px) {
      .display-4 {
        font-size: 3.5rem
      }
    }

    .display-5 {
      font-size: calc(1.425rem + 2.1vw);
      font-weight: 300;
      line-height: 1.2
    }

    @media (min-width:1200px) {
      .display-5 {
        font-size: 3rem
      }
    }

    .display-6 {
      font-size: calc(1.375rem + 1.5vw);
      font-weight: 300;
      line-height: 1.2
    }

    @media (min-width:1200px) {
      .display-6 {
        font-size: 2.5rem
      }
    }

    .container {
      --bs-gutter-x: 30px;
      --bs-gutter-y: 0;
      width: 100%;
      padding-right: calc(var(--bs-gutter-x) * .5);
      padding-left: calc(var(--bs-gutter-x) * .5);
      margin-right: auto;
      margin-left: auto
    }

    @media (min-width:576px) {
      .container {
        max-width: 540px
      }
    }

    @media (min-width:768px) {
      .container {
        max-width: 720px
      }
    }

    @media (min-width:992px) {
      .container {
        max-width: 960px
      }
    }

    @media (min-width:1200px) {
      .container {
        max-width: 1140px
      }
    }

    @media (min-width:1400px) {
      .container {
        max-width: 1320px
      }
    }

    .row {
      --bs-gutter-x: 30px;
      --bs-gutter-y: 0;
      display: flex;
      flex-wrap: wrap;
      margin-top: calc(-1 * var(--bs-gutter-y));
      margin-right: calc(-.5 * var(--bs-gutter-x));
      margin-left: calc(-.5 * var(--bs-gutter-x))
    }

    .row>* {
      flex-shrink: 0;
      width: 100%;
      max-width: 100%;
      padding-right: calc(var(--bs-gutter-x) * .5);
      padding-left: calc(var(--bs-gutter-x) * .5);
      margin-top: var(--bs-gutter-y)
    }

    .col {
      flex: 1 0 0%
    }

    .col-1 {
      flex: 0 0 auto;
      width: 8.33333333%
    }

    .col-2 {
      flex: 0 0 auto;
      width: 16.66666667%
    }

    .col-3 {
      flex: 0 0 auto;
      width: 25%
    }

    .col-4 {
      flex: 0 0 auto;
      width: 33.33333333%
    }

    .col-5 {
      flex: 0 0 auto;
      width: 41.66666667%
    }

    .col-6 {
      flex: 0 0 auto;
      width: 50%
    }

    .col-7 {
      flex: 0 0 auto;
      width: 58.33333333%
    }

    .col-8 {
      flex: 0 0 auto;
      width: 66.66666667%
    }

    .col-9 {
      flex: 0 0 auto;
      width: 75%
    }

    .col-10 {
      flex: 0 0 auto;
      width: 83.33333333%
    }

    .col-11 {
      flex: 0 0 auto;
      width: 91.66666667%
    }

    .col-12 {
      flex: 0 0 auto;
      width: 100%
    }

    .form-label {
      margin-bottom: .5rem
    }

    .col-form-label {
      padding-top: calc(.375rem + 1px);
      padding-bottom: calc(.375rem + 1px);
      margin-bottom: 0;
      font-size: inherit;
      line-height: 1.5
    }

    .form-text {
      margin-top: .25rem;
      font-size: .875em;
      color: #777
    }

    .input-group {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      width: 100%
    }

    .input-group-text {
      display: flex;
      align-items: center;
      padding: .375rem .75rem;
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.5;
      color: #343434;
      text-align: center;
      white-space: nowrap;
      background-color: #eee;
      border: 1px solid #ced4da;
      border-radius: .25rem
    }

    .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
    .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
    .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
    .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      margin-left: -1px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
    }

    :not(.btn-check)+.btn:active {
      color: var(--bs-btn-active-color);
      background-color: var(--bs-btn-active-bg);
      border-color: var(--bs-btn-active-border-color);
      box-shadow: var(--bs-btn-active-shadow)
    }

    :not(.btn-check)+.btn:active:focus-visible {
      box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow)
    }

    .card {
      --bs-card-spacer-y: 1rem;
      --bs-card-spacer-x: 1rem;
      --bs-card-title-spacer-y: .5rem;
      --bs-card-border-width: 1px;
      --bs-card-border-color: var(--bs-border-color-translucent);
      --bs-card-border-radius: .25rem;
      --bs-card-inner-border-radius: calc(.25rem - 1px);
      --bs-card-cap-padding-y: .5rem;
      --bs-card-cap-padding-x: 1rem;
      --bs-card-cap-bg: rgba(0, 0, 0, .03);
      --bs-card-bg: transparent;
      --bs-card-img-overlay-padding: 1rem;
      --bs-card-group-margin: 15px;
      position: relative;
      display: flex;
      flex-direction: column;
      min-width: 0;
      height: var(--bs-card-height);
      word-wrap: break-word;
      background-color: var(--bs-card-bg);
      background-clip: border-box;
      border: var(--bs-card-border-width) solid var(--bs-card-border-color);
      border-radius: var(--bs-card-border-radius);
      box-shadow: var(--bs-card-box-shadow)
    }

    .card-body {
      flex: 1 1 auto;
      padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
      color: var(--bs-card-color)
    }

    .card-title {
      margin-bottom: var(--bs-card-title-spacer-y)
    }

    .card-text:last-child {
      margin-bottom: 0
    }

    .card-link+.card-link {
      margin-left: var(--bs-card-spacer-x)
    }

    .card-footer {
      padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
      color: var(--bs-card-cap-color);
      background-color: var(--bs-card-cap-bg);
      border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
    }

    .card-footer:last-child {
      border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
    }

    .card-group>.card {
      margin-bottom: var(--bs-card-group-margin)
    }

    @media (min-width:576px) {
      .card-group {
        display: flex;
        flex-flow: row wrap
      }

      .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
      }

      .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
      }

      .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
      }

      .card-group>.card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0
      }

      .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
      }

      .card-group>.card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0
      }
    }

    .page-link {
      position: relative;
      display: block;
      padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
      font-size: var(--bs-pagination-font-size);
      color: var(--bs-pagination-color);
      text-decoration: none;
      background-color: var(--bs-pagination-bg);
      border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
      transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
      .page-link {
        transition: none
      }
    }

    .page-link:hover {
      z-index: 2;
      color: var(--bs-pagination-hover-color);
      background-color: var(--bs-pagination-hover-bg);
      border-color: var(--bs-pagination-hover-border-color)
    }

    .page-link:focus {
      z-index: 3;
      color: var(--bs-pagination-focus-color);
      background-color: var(--bs-pagination-focus-bg);
      outline: 0;
      box-shadow: var(--bs-pagination-focus-box-shadow)
    }

    .alert {
      --bs-alert-bg: transparent;
      --bs-alert-padding-x: 1rem;
      --bs-alert-padding-y: 1rem;
      --bs-alert-margin-bottom: 1rem;
      --bs-alert-color: inherit;
      --bs-alert-border-color: transparent;
      --bs-alert-border: 1px solid var(--bs-alert-border-color);
      --bs-alert-border-radius: .25rem;
      position: relative;
      padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
      margin-bottom: var(--bs-alert-margin-bottom);
      color: var(--bs-alert-color);
      background-color: var(--bs-alert-bg);
      border: var(--bs-alert-border);
      border-radius: var(--bs-alert-border-radius)
    }

    .alert-link {
      font-weight: 700
    }

    .alert-info {
      --bs-alert-color: #387673;
      --bs-alert-bg: #dff3f2;
      --bs-alert-border-color: #ceedec
    }

    .alert-info .alert-link {
      color: #2d5e5c
    }

    @keyframes progress-bar-stripes {
      0% {
        background-position-x: 1rem
      }
    }

    @keyframes spinner-border {
      to {
        transform: rotate(360deg)
      }
    }

    @keyframes spinner-grow {
      0% {
        transform: scale(0)
      }

      50% {
        opacity: 1;
        transform: none
      }
    }

    @keyframes placeholder-glow {
      50% {
        opacity: .2
      }
    }

    @keyframes placeholder-wave {
      to {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0
      }
    }

    .link-info {
      color: #5dc4bf !important
    }

    .link-info:focus,
    .link-info:hover {
      color: #7dd0cc !important
    }

    .visually-hidden {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important
    }

    .align-bottom {
      vertical-align: bottom !important
    }

    .align-text-bottom {
      vertical-align: text-bottom !important
    }

    .d-flex {
      display: flex !important
    }

    .bottom-0 {
      bottom: 0 !important
    }

    .bottom-50 {
      bottom: 50% !important
    }

    .bottom-100 {
      bottom: 100% !important
    }

    .flex-row {
      flex-direction: row !important
    }

    .flex-wrap {
      flex-wrap: wrap !important
    }

    .justify-content-center {
      justify-content: center !important
    }

    .align-content-center {
      align-content: center !important
    }

    .p-0 {
      padding: 0 !important
    }

    .p-1 {
      padding: .25rem !important
    }

    .p-2 {
      padding: .5rem !important
    }

    .p-3 {
      padding: 1rem !important
    }

    .p-4 {
      padding: 1.5rem !important
    }

    .p-5 {
      padding: 3rem !important
    }

    .px-0 {
      padding-right: 0 !important;
      padding-left: 0 !important
    }

    .px-1 {
      padding-right: .25rem !important;
      padding-left: .25rem !important
    }

    .px-2 {
      padding-right: .5rem !important;
      padding-left: .5rem !important
    }

    .px-3 {
      padding-right: 1rem !important;
      padding-left: 1rem !important
    }

    .px-4 {
      padding-right: 1.5rem !important;
      padding-left: 1.5rem !important
    }

    .px-5 {
      padding-right: 3rem !important;
      padding-left: 3rem !important
    }

    .text-center {
      text-align: center !important
    }

    .text-wrap {
      white-space: normal !important
    }

    .text-info {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
    }

    .text-body {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
    }


    .fa-outlet:before {
      content: "\e01c"
    }

    .fa-router:before {
      content: "\f8da"
    }

    .fa-align-center:before {
      content: "\f037"
    }

    .fa-id-card:before {
      content: "\f2c2"
    }

    .fa-link:before {
      content: "\f0c1"
    }

    .fa-display:before {
      content: "\e163"
    }

    .fa-input-text:before {
      content: "\e1bf"
    }

    .fa-align-right:before {
      content: "\f038"
    }

    .fa-100:before {
      content: "\e41c"
    }

    .fa-x:before {
      content: "X"
    }

    .fa-d:before {
      content: "D"
    }

    @font-face {
      font-family: fontawesome;
      font-style: normal;
      font-weight: 100;
      src: url(assets/fonts/fontawesome/fa-thin-100.eot);
      src: url(assets/fonts/fontawesome/fa-thin-100.eot?#iefix) format("embedded-opentype"), url(assets/fonts/fontawesome/fa-thin-100.woff2) format("woff2"), url(assets/fonts/fontawesome/fa-thin-100.woff) format("woff"), url(assets/fonts/fontawesome/fa-thin-100.ttf) format("truetype"), url(assets/fonts/fontawesome/fa-thin-100.svg#fontawesome) format("svg")
    }

    @font-face {
      font-family: fontawesome;
      font-style: normal;
      font-weight: 300;
      src: url(assets/fonts/fontawesome/fa-light-300.eot);
      src: url(assets/fonts/fontawesome/fa-light-300.eot?#iefix) format("embedded-opentype"), url(assets/fonts/fontawesome/fa-light-300.woff2) format("woff2"), url(assets/fonts/fontawesome/fa-light-300.woff) format("woff"), url(assets/fonts/fontawesome/fa-light-300.ttf) format("truetype"), url(assets/fonts/fontawesome/fa-light-300.svg#fontawesome) format("svg")
    }

    @font-face {
      font-family: fontawesomebrands;
      font-style: normal;
      font-weight: 400;
      src: url(assets/fonts/fontawesome/fa-brands-400.eot);
      src: url(assets/fonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(assets/fonts/fontawesome/fa-brands-400.woff2) format("woff2"), url(assets/fonts/fontawesome/fa-brands-400.woff) format("woff"), url(assets/fonts/fontawesome/fa-brands-400.ttf) format("truetype"), url(assets/fonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg")
    }

    @font-face {
      font-family: fontawesome;
      font-style: normal;
      font-weight: 400;
      src: url(assets/fonts/fontawesome/fa-regular-400.eot);
      src: url(assets/fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(assets/fonts/fontawesome/fa-regular-400.woff2) format("woff2"), url(assets/fonts/fontawesome/fa-regular-400.woff) format("woff"), url(assets/fonts/fontawesome/fa-regular-400.ttf) format("truetype"), url(assets/fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg")
    }

    @font-face {
      font-family: fontawesome;
      font-style: normal;
      font-weight: 900;
      src: url(assets/fonts/fontawesome/fa-solid-900.eot);
      src: url(assets/fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(assets/fonts/fontawesome/fa-solid-900.woff2) format("woff2"), url(assets/fonts/fontawesome/fa-solid-900.woff) format("woff"), url(assets/fonts/fontawesome/fa-solid-900.ttf) format("truetype"), url(assets/fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg")
    }

    .fa {
      font-family: fontawesome !important;
      font-weight: 900
    }

    .cdk-visually-hidden {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
      white-space: nowrap;
      outline: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      left: 0
    }

    [dir=rtl] .cdk-visually-hidden {
      left: auto;
      right: 0
    }

    .cdk-overlay-container {
      pointer-events: none;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%
    }

    .cdk-overlay-container {
      position: fixed;
      z-index: 1000
    }

    .cdk-overlay-container:empty {
      display: none
    }

    .mat-app-background {
      background-color: #fafafa;
      color: #000000de
    }

    .mat-mdc-card {
      box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
      --mdc-elevated-card-container-color: #fff
    }

    .login-page {
      background: rgba(255, 255, 255, 0);
      height: auto;
      z-index: 2;
      min-height: 100%
    }

    .login-page .page-footer {
      color: #20264b;
      font-weight: 400
    }

    .login-page .login-padding .content-form-container {
      padding: 4vh 16px 0
    }

    .login-background {
      background: url(https://app.guepardo.cloud/assets/img/background-login.png) no-repeat center center fixed;
      background-size: cover;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-color: #ffffff4d;
      background-blend-mode: overlay;
      background-repeat: no-repeat
    }

    @media (max-width:576px) {
      .login-background {
        background-color: #ffffff4d !important
      }
    }

    .login-page:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      opacity: .5;
      background-size: cover
    }

    .widget-login-container {
      /* margin-left: 55% */
      width: 100vw;
    }

    @media (max-width:991px) {
      .widget-login-container {
        margin-left: auto
      }
    }

    .widget-login-logo {
      width: 100% !important;
      height: 165px !important;
      background-position: center;
      margin-bottom: 0
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(assets/fonts/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(assets/fonts/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format("woff2");
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(assets/fonts/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(assets/fonts/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format("woff2");
      unicode-range: U+0370-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(assets/fonts/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format("woff2");
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(assets/fonts/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format("woff2");
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(assets/fonts/KFOlCnqEu92Fr1MmSU5fBBc4.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: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(assets/fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(assets/fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(assets/fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(assets/fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
      unicode-range: U+0370-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(assets/fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(assets/fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(assets/fonts/KFOmCnqEu92Fr1Mu4mxK.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: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(assets/fonts/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format("woff2");
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(assets/fonts/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format("woff2");
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(assets/fonts/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format("woff2");
      unicode-range: U+1F00-1FFF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(assets/fonts/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format("woff2");
      unicode-range: U+0370-03FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(assets/fonts/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format("woff2");
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(assets/fonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format("woff2");
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(assets/fonts/KFOlCnqEu92Fr1MmEU9fBBc4.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: Material Icons;
      font-style: normal;
      font-weight: 400;
      src: url(assets/fonts/MaterialIcons-Regular.eot);
      src: local("Material Icons"), local("MaterialIcons-Regular"), url(assets/fonts/MaterialIcons-Regular.woff2) format("woff2"), url(assets/fonts/MaterialIcons-Regular.woff) format("woff"), url(assets/fonts/MaterialIcons-Regular.ttf) format("truetype")
    }

    * {
      -webkit-font-smoothing: antialased;
      -moz-osx-font-smoothing: antialased
    }

    a:not([href]) {
      color: none !important
    }

    .container {
      padding-left: inherit;
      padding-right: inherit
    }

    .alert-container {
      display: flow-root
    }

    .alert-container a {
      color: inherit !important
    }

    .content {
      padding: 20px 20px 42px
    }

    @media (max-width:576px) {
      .content {
        padding: 20px 16px 42px
      }
    }

    .content-wrap {
      -webkit-user-select: inherit !important;
      user-select: inherit !important
    }

    .page-content {
      width: 100%
    }

    @media (max-width:576px) {
      .widget {
        padding: 15px 10px;
        margin-bottom: 1rem
      }
    }

    @media (max-width:576px) {
      .widget-body {
        padding-left: 0;
        padding-right: 0;
        margin-top: 5px !important
      }
    }

    cam-label+input {
      margin-top: .15rem
    }

    cam-label+cam-input>input {
      margin-top: .15rem
    }

    @media only screen and (min-device-width:320px) and (max-device-width:568px) {

      input[type=color],
      input[type=color]:focus,
      input[type=date],
      input[type=date]:focus,
      input[type=datetime-local],
      input[type=datetime-local]:focus,
      input[type=datetime],
      input[type=datetime]:focus,
      input[type=email],
      input[type=email]:focus,
      input[type=month],
      input[type=month]:focus,
      input[type=number],
      input[type=number]:focus,
      input[type=password],
      input[type=password]:focus,
      input[type=search],
      input[type=search]:focus,
      input[type=tel],
      input[type=tel]:focus,
      input[type=text],
      input[type=text]:focus,
      input[type=time],
      input[type=time]:focus,
      input[type=url],
      input[type=url]:focus,
      input[type=week],
      input[type=week]:focus {
        font-size: 16px !important;
        transform-origin: top left;
        width: 114% !important
      }
    }

    .form-container .widget-body {
      width: 100%
    }

    .form-container .input-align {
      align-self: center
    }

    @media (max-width:576px) {
      .form-group {
        margin-bottom: .5rem
      }
    }

    @media (max-width:992px) {
      html {
        overflow: scroll;
        overflow-x: hidden
      }

      ::-webkit-scrollbar {
        width: 0;
        background: 0 0
      }
    }

    input[type=checkbox] {
      margin-right: 3px
    }

    body {
      padding-top: constant(safe-area-inset-top);
      padding-top: env(safe-area-inset-top)
    }

    @media (max-width:576px) {
      body {
        background-color: #fff
      }
    }

    @keyframes rotate {
      0% {
        transform: rotate(0)
      }

      to {
        transform: rotate(360deg)
      }
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover {
      -webkit-box-shadow: 0 0 0 1000px #fff inset !important
    }

    .col-form-label {
      display: flex;
      align-items: center
    }

    :focus {
      outline: 0 !important
    }

    .content-margin {
      margin-top: 64px
    }

    .col {
      position: relative;
      width: 100%;
      padding-right: 15px;
      padding-left: 15px
    }

    .card-footer {
      padding: .75rem 1.25rem
    }

    .text-justify {
      text-align: justify
    }

    .cdk-visually-hidden {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
      white-space: nowrap;
      outline: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      left: 0
    }

    [dir=rtl] .cdk-visually-hidden {
      left: auto;
      right: 0
    }

    .cdk-overlay-container {
      pointer-events: none;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%
    }

    .cdk-overlay-container {
      position: fixed;
      z-index: 1000
    }

    .cdk-overlay-container:empty {
      display: none
    }

    .widget-login-logo {
      width: 100% !important;
      height: 120px !important;
      background-position: center
    }

    .page-footer {
      text-align: center
    }

    @media (min-height:577px) {
      .page-footer {
        bottom: 0;
        left: 0;
        right: 0
      }
    }

    .widget-login-logo {
      background-image: url(https://app.guepardo.cloud/assets/img/logo.png);
      background-size: contain;
      background-repeat: no-repeat;
      height: 100px;
      width: 100px;
      margin: 25px auto;
      text-align: center;
      font-weight: 400
    }

    .widget-login {
      padding: 30px !important;
      margin-bottom: 15px
    }

    @media (max-width:576px) {
      .widget-login {
        padding: 0 15px 15px !important;
        max-width: 600px
      }
    }

    a {
      color: #20264b;
      text-decoration: none
    }

    .widget-login-info {
      color: #888;
      margin-top: 1px;
      margin-bottom: 0
    }

    .widget-login-info a {
      color: inherit
    }

    .widget-login-info a:focus,
    .widget-login-info a:hover {
      color: inherit;
      text-decoration: underline !important
    }

    .login-form input {
      border: 1px solid #ced4da;
      border-radius: .25rem;
      background-color: #eee
    }

    .login-form input:focus {
      background-color: #ddd
    }

    .widget-login-container {
      height: 100%
    }

    login {
      position: relative;
      width: 100%;
      height: auto !important;
      min-height: 100%;
      background-color: #f4f4f4
    }

    @media (max-width:576px) {
      login {
        background-color: #f4f4f4;
        padding-top: 0
      }
    }

    .login-page:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      opacity: .5;
      background-size: cover
    }

    .login-div {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 15px
    }

    @media (max-width:576px) {
      .login-div {
        padding: 4px 20px
      }
    }

    .input-group-login {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      width: 100%;
      font-weight: 500;
      margin-right: 5px
    }

    .login-input {
      position: relative;
      flex: 1 1 auto;
      width: 1%;
      margin-bottom: 0
    }

    .help-div {
      font-size: 12px;
      display: flex;
      align-items: center;
      justify-content: flex-end
    }

    .login-padding {
      padding-right: 15px;
      padding-left: 15px
    }

    @media (max-width:576px) {
      .login-padding {
        padding: 0
      }
    }

    .login-width {
      padding: 0 10px;
      /* max-width: 500px */
    }

    @media (max-width:576px) {
      .login-width {
        padding: 0;
        /* max-width: 600px */
      }
    }

    .content-form-container {
      width: 100%
    }

    .mat-mdc-card {
      margin-bottom: 30px;
      padding: 15px 20px
    }

    .mat-mdc-card-content>:first-child,
    .mat-mdc-card>:first-child {
      margin-top: 0
    }

    .mdc-card {
      display: flex;
      flex-direction: column;
      box-sizing: border-box
    }

    .mdc-card::after {
      position: absolute;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border: 1px solid transparent;
      border-radius: inherit;
      content: "";
      pointer-events: none;
      pointer-events: none
    }

    @media screen and (forced-colors:active) {
      .mdc-card::after {
        border-color: CanvasText
      }
    }

    .mdc-card__content {
      border-radius: inherit;
      height: 100%
    }

    .mat-mdc-card {
      position: relative;
      border-radius: var(--mdc-elevated-card-container-shape, var(--mdc-shape-medium, 4px));
      background-color: var(--mdc-elevated-card-container-color, transparent);
      border-width: 0;
      border-style: solid;
      border-color: var(--mdc-elevated-card-container-color, transparent)
    }

    .mat-mdc-card .mdc-card::after {
      border-radius: var(--mdc-elevated-card-container-shape, var(--mdc-shape-medium, 4px))
    }

    .mat-mdc-card-title {
      display: block;
      margin: 0
    }

    .mat-mdc-card-content {
      display: block;
      padding: 0 16px
    }

    .mat-mdc-card-content:first-child {
      padding-top: 16px
    }

    .mat-mdc-card-content:last-child {
      padding-bottom: 16px
    }

    .mat-mdc-card-title-group {
      display: flex;
      justify-content: space-between;
      width: 100%
    }

    .mat-mdc-card-title-group .mat-mdc-card-title {
      padding-top: 0
    }

    .mat-mdc-card-content>:last-child:not(.mat-mdc-card-footer) {
      margin-bottom: 0
    }

    @keyframes mdc-circular-progress-container-rotate {
      to {
        transform: rotate(360deg)
      }
    }

    @keyframes mdc-circular-progress-spinner-layer-rotate {
      12.5% {
        transform: rotate(135deg)
      }

      25% {
        transform: rotate(270deg)
      }

      37.5% {
        transform: rotate(405deg)
      }

      50% {
        transform: rotate(540deg)
      }

      62.5% {
        transform: rotate(675deg)
      }

      75% {
        transform: rotate(810deg)
      }

      87.5% {
        transform: rotate(945deg)
      }

      100% {
        transform: rotate(1080deg)
      }
    }

    @keyframes mdc-circular-progress-color-1-fade-in-out {
      from {
        opacity: .99
      }

      25% {
        opacity: .99
      }

      26% {
        opacity: 0
      }

      89% {
        opacity: 0
      }

      90% {
        opacity: .99
      }

      to {
        opacity: .99
      }
    }

    @keyframes mdc-circular-progress-color-2-fade-in-out {
      from {
        opacity: 0
      }

      15% {
        opacity: 0
      }

      25% {
        opacity: .99
      }

      50% {
        opacity: .99
      }

      51% {
        opacity: 0
      }

      to {
        opacity: 0
      }
    }

    @keyframes mdc-circular-progress-color-3-fade-in-out {
      from {
        opacity: 0
      }

      40% {
        opacity: 0
      }

      50% {
        opacity: .99
      }

      75% {
        opacity: .99
      }

      76% {
        opacity: 0
      }

      to {
        opacity: 0
      }
    }

    @keyframes mdc-circular-progress-color-4-fade-in-out {
      from {
        opacity: 0
      }

      65% {
        opacity: 0
      }

      75% {
        opacity: .99
      }

      90% {
        opacity: .99
      }

      to {
        opacity: 0
      }
    }

    @keyframes mdc-circular-progress-left-spin {
      from {
        transform: rotate(265deg)
      }

      50% {
        transform: rotate(130deg)
      }

      to {
        transform: rotate(265deg)
      }
    }

    @keyframes mdc-circular-progress-right-spin {
      from {
        transform: rotate(-265deg)
      }

      50% {
        transform: rotate(-130deg)
      }

      to {
        transform: rotate(-265deg)
      }
    }

    .cam-alert-container {
      padding-top: 10px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 4px;
      margin-bottom: 10px;
      color: #fff !important
    }

    .cam-alert-container.cam-alert-info {
      background-color: #33b5e5 !important
    }

    .cam-alert-title {
      font-weight: 300
    }

    .cam-alert-info {
      background-color: #33b5e5 !important;
      color: #fff !important
    }

    cam-input:focus {
      outline: 0
    }

    @supports (-webkit-hyphens:none) {
      .mdc-text-field--outlined .mdc-text-field__affix {
        align-items: center;
        align-self: center;
        display: inline-flex;
        height: 100%
      }
    }

    @supports (-webkit-hyphens:none) {
      .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {
        align-items: center;
        align-self: center;
        display: inline-flex;
        height: 100%
      }
    }

    @supports (top:max(0%)) {
      .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        width: max(12px, var(--mdc-shape-small, 4px))
      }
    }

    @supports (top:max(0%)) {
      .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
        max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px))*2)
      }
    }

    @supports (top:max(0%)) {
      .mdc-text-field--outlined {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
      }
    }

    @supports (top:max(0%)) {
      .mdc-text-field--outlined {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
      }
    }

    @supports (top:max(0%)) {
      .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
      }
    }

    @supports (top:max(0%)) {
      .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
      }
    }

    @supports (top:max(0%)) {
      .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
      }
    }

    @supports (top:max(0%)) {

      .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl],
      [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
        padding-left: max(16px, var(--mdc-shape-small, 4px))
      }
    }

    @supports (top:max(0%)) {
      .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
      }
    }

    @supports (top:max(0%)) {

      .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl],
      [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
        padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
      }
    }

    @keyframes mdc-floating-label-shake-float-above-text-field-outlined {
      0% {
        transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(.75)
      }

      33% {
        animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
        transform: translateX(calc(4% - 0)) translateY(-34.75px) scale(.75)
      }

      66% {
        animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
        transform: translateX(calc(-4% - 0)) translateY(-34.75px) scale(.75)
      }

      100% {
        transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(.75)
      }
    }

    @keyframes mdc-floating-label-shake-float-above-textarea-filled {
      0% {
        transform: translateX(calc(0 - 0)) translateY(-10.25px) scale(.75)
      }

      33% {
        animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
        transform: translateX(calc(4% - 0)) translateY(-10.25px) scale(.75)
      }

      66% {
        animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
        transform: translateX(calc(-4% - 0)) translateY(-10.25px) scale(.75)
      }

      100% {
        transform: translateX(calc(0 - 0)) translateY(-10.25px) scale(.75)
      }
    }

    @keyframes mdc-floating-label-shake-float-above-textarea-outlined {
      0% {
        transform: translateX(calc(0 - 0)) translateY(-24.75px) scale(.75)
      }

      33% {
        animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
        transform: translateX(calc(4% - 0)) translateY(-24.75px) scale(.75)
      }

      66% {
        animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
        transform: translateX(calc(-4% - 0)) translateY(-24.75px) scale(.75)
      }

      100% {
        transform: translateX(calc(0 - 0)) translateY(-24.75px) scale(.75)
      }
    }

    @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
      0% {
        transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(.75)
      }

      33% {
        animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
        transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(.75)
      }

      66% {
        animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
        transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(.75)
      }

      100% {
        transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(.75)
      }
    }

    @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
      0% {
        transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(.75)
      }

      33% {
        animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
        transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(.75)
      }

      66% {
        animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
        transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(.75)
      }

      100% {
        transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(.75)
      }
    }

    @keyframes mdc-floating-label-shake-float-above-standard {
      0% {
        transform: translateX(calc(0 - 0)) translateY(-106%) scale(.75)
      }

      33% {
        animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
        transform: translateX(calc(4% - 0)) translateY(-106%) scale(.75)
      }

      66% {
        animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
        transform: translateX(calc(-4% - 0)) translateY(-106%) scale(.75)
      }

      100% {
        transform: translateX(calc(0 - 0)) translateY(-106%) scale(.75)
      }
    }

    cam-group fieldset {
      min-width: -moz-fit-content;
      min-width: fit-content
    }

    cam-group fieldset .form-group.row {
      align-self: initial
    }

    cam-group .input-group {
      align-items: flex-end !important
    }

    .cam-legend {
      display: block;
      width: 100%;
      padding: 0;
      margin-bottom: 1rem;
      line-height: inherit;
      color: #5a5a5a;
      border: 0;
      border-bottom: 1px solid #e5e5e5;
      font-size: 15px;
      font-weight: 400
    }

    .cam-legend a {
      float: right;
      color: #20264b;
      text-decoration: none
    }

    .cam-legend a i {
      vertical-align: 0;
      margin-left: 5px
    }