.sidedrawer.sidedrawer-left {
  background-color: $white;

  .sidedrawer-header {
    background-color: #ffffff;
    color: $purple;
    horizontal-align: left;
    vertical-align: center;
    padding: 32 16 8 16;

    .logo-brand {
      text-align: left;
      horizontal-align: left;
      margin-bottom: 10;
      .logo {
        height: 36;
      }

      .sidedrawer-header-brand {
        color: $yellowPrimary;
        font-size: 32;
        font-family: "Varela";
        margin-left: 15;
      }
    }

    .unlog-user {
      text-align: left;
      horizontal-align: left;
      vertical-align: bottom;
      Label {
        vertical-align: bottom;
        font-size: 14;
        font-weight: bold;
        margin-left: 10;
      }
      .far {
        font-size: 26;
        color: $white;
      }
    }

    .log-user {
      text-align: left;
      color: $bluePrimary;
      vertical-align: center;

      Label {
        vertical-align: center;
        font-size: 16;
      }
      .fas {
        font-size: 32;
        horizontal-align: center;
      }

      .fas, .arr {
        text-align: right;
        margin-left: 10;
        font-size: 22;
        font-weight: 100;
        vertical-align: middle;
        color: $yellowLight;
      }

      Image {
        vertical-align: center;
        height: 42;
        border-radius: 42;
      }

    }

  }

  .sidedrawer-content {
    margin-top: 10;
    background-color: $white;

    $sidedrawer-list-item-offset-left: 15;
    $sidedrawer-list-icon-offset: 10;
    $sidedrawer-list-icon-size: 24;

    .sidedrawer-list-item {
      padding: 10 16 10 16;
      margin: 0;

      Label {
        vertical-align: center;
        color: $bluePrimary;
        font-weight: bold;
        font-size: 15;
        font-family: "SKAUT, SKAUT-Bold";
        margin: 0;

        &.fas {
          text-align: center;
        }
      }
      .fas {
        width: $sidedrawer-list-icon-size;
        margin-right: $sidedrawer-list-icon-offset;
        font-family: "Font Awesome 5 Free, fa-solid-900";
      }
      &.selected {
        background-color: $bluePrimary;
        Label {
          color: $yellowLight;
        }
      }
      &.disabled {
        Label {
          color: $disabled;
          font-weight: normal;
        }
      }
    }
  }

  .extendable-menu-content{
    height: 100;
  }
}

.activity-indicator-wrapper {
  ActivityIndicator {
    color: $yellowDark;
    width: 15%;
  }
}
