#bottom_bar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  display: flex;
  justify-content: space-between;

  height: calculateRem(60);

  padding-top: calculateRem(10);
  padding-right: calculateRem(25);
  padding-bottom: calculateRem(10);
  padding-left: calculateRem(25);

  background-color: $bottom-bar-gray;

  box-shadow: 2px -2px 4px 0 rgba(141,141,141,0.50);

  .start {
    display: flex;
    justify-content: flex-start;
    align-items: center;

    a.link {
      color: $black;
      font-size: 16px;
    }
  }

  .end {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    a.button, a.icon-container, .component-dropdown, .status-container {
      &:not(:last-child) {
        margin-right: calculateRem(10);
      }
    }

    a.button {
      &.disabled {
        background-color: rgba(#7F8081, 0.4);
      }
    }

    a.icon-container {
      color: $black;
      
      &:not(:last-child) {
        margin-right: calculateRem(20);
      }
    }

    .status-container {
      display: flex;

      & > span.password-container {
        position: relative;

        font-size: 14px;

        a.icon-container {
          position: absolute;
          top: calculateRem(8);
          right: calculateRem(10);

          margin-right: calculateRem(12);
        }
      }

      input {
        margin-right: calculateRem(10);

        background-color: $background-white;
      }
    }
  }
}