/** Variables ****************************************************************/
/** Base components **********************************************************/
html,
body {
  min-height: 100vh;
  font-family: 'Helvetica Neue', Helvetica;
  position: relative;
  font-size: 15px; }

.header {
  padding: 26px 65px 0px;
  background-color: white;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(2px);
  height: 105px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100; }
  .header .logo-title {
    display: flex; }
    .header .logo-title > .logo {
      flex: 1; }
      .header .logo-title > .logo img {
        width: 48px;
        display: block;
        margin-bottom: 26px; }
    .header .logo-title > .title-subtitle {
      flex: 4; }
      .header .logo-title > .title-subtitle .title {
        font-size: 20px; }
      .header .logo-title > .title-subtitle .subtitle {
        color: #9BC9C2;
        font-size: 15px; }
  .header .nav {
    display: flex;
    align-items: end; }
    .header .nav .navitem {
      color: #99E1D9D9;
      display: inline-block;
      font-size: 20px;
      padding: 37px 8px 8px;
      margin-bottom: 4px;
      cursor: pointer;
      margin-left: 30px;
      margin-right: 30px;
      position: relative; }
      .header .nav .navitem.active {
        border-bottom: 4px solid black;
        color: #1A3A35;
        margin-bottom: 0; }
      .header .nav .navitem i {
        margin-left: 10px; }
        .header .nav .navitem i::before {
          font-weight: bolder !important; }
      .header .nav .navitem .navdropmenu {
        position: absolute;
        right: 0;
        bottom: 0;
        transform: translate(75%, 110%);
        font-size: 15px;
        color: #99E1D9D9;
        background-color: white;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.07);
        border-radius: 10px;
        display: none; }
        .header .nav .navitem .navdropmenu .navdropitem {
          padding: 14px;
          padding-right: 34px;
          cursor: pointer;
          white-space: nowrap; }
  .header .icons {
    display: flex;
    align-items: start;
    justify-content: end;
    padding-right: 0; }
    .header .icons #notifications {
      font-size: 33px;
      color: #00D6B6; }
    .header .icons #avatar {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      display: inline-block;
      margin-left: 60px; }

.body {
  background-color: #FBFBFB;
  padding-top: 105px;
  min-height: 100vh; }
  .body .with-footer {
    padding-bottom: 92px; }

.footer {
  background-color: white;
  box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(2px);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 92px; }

.footer-padding {
  height: 92px; }

/** Form *********************************************************************/
.button {
  background: linear-gradient(90deg, #00816D 0%, #99E1D9D9 52.46%, #00D6B6 101.24%);
  border-radius: 4px;
  color: white;
  width: 322px;
  height: 40px;
  border: 0;
  font-size: 15px; }
  .button:disabled {
    background: #C4C4C4; }

input[type="text"],
input[type="password"] {
  border: 0;
  border-bottom: 1px solid #99E1D9D9;
  width: 100%;
  padding: 10px;
  font-size: 15px; }
  input[type="text"]::placeholder,
  input[type="password"]::placeholder {
    color: #99E1D9D9; }

/** Utilities ****************************************************************/
.middle-center,
.center-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/** Card *********************************************************************/
.urp-card {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.07);
  background-color: white;
  border-radius: 8px;
  padding: 30px;
  height: 100%; }
  .urp-card h1 {
    font-size: 20px;
    margin: 0;
    padding: 0;
    color: #1A3A35;
    font-weight: 500;
    border-left: 4px solid #1A3A35;
    padding-left: 32px;
    margin-left: -32px; }
  .urp-card .spinner-border {
    color: #00D6B6; }

/*# sourceMappingURL=site.css.map */