#action-sheet-cover,
#guide-cover,
#vip-cover {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1009;

  display: none;
  width: 100%;
  height: 100%;

  background-color: #000;
  opacity: 0.3;
}

#guide-cover { display: block; }

#action-sheet-container {
  @extend .ikmd-animation-settings;

  position: fixed;
  top: 100%;
  left: 0;
  z-index: 1010;
  width: 100%;
  background-color: #fff;

  .action-sheet-links {
    a.action-sheet-link {
      display: block;
      padding: 20px 0;

      text-align: center;

      .svg-container {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        padding-top: 10px;

        border-radius: 75px;

        &.with-opacity {
          opacity: .8;
        }

        &.document {
          background-color: #a8cd7c;
        }

        &.inventory,
        &.sale,
        &.sale_order {
          background-color: #f17991;
        }

        &.customer {
          background-color: #ec8ed5;
        }

        &.supplier,
        &.purchase,
        &.purchase_order {
          background-color: #1db0f1;
        }

        &.storageio-in {
          background-color: #92c05b;
        }

        &.storageio-out {
          background-color: #e772ca;
        }

        &.check {
          background-color: #ebc42e;
        }

        &.storage-transfer {
          background-color: #afce83;
        }

        svg {
          display: block;
          width: 30px;
          height: 30px;
          margin: 0 auto;
          fill: #fff;
        }
      }
    }
  }
}

#action-sheet-button-container {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
  width: 100%;
  height: 121px;
  pointer-events: none;
}

.action-sheet-button {
  display: block;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  background-color: white;
  border-radius: 77.5px;
  pointer-events: all;

  svg {
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    fill: #fff;
  }

  i {
    display: block;
    padding-top: 1px;
    color: #1db0f1;
    font-size: 50px;
  }
}
