.user-dashboard {
  &.agent-guarantee-details {
    .agentActions {
      margin-bottom: 50px;

      .statuses {
        h3 {
          margin-bottom: 20px;
        }

        .btns {
          @media (max-width: 992px) {
            text-align: center;
          }

          button {
            margin-bottom: 5px;
          }
        }
      }

      .timeLine {
        h3 {
          margin-bottom: 20px;
        }

        ul {
          li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 5px;
            padding: 0 4px;
            @include borderRadius(3px);

            span {
              display: block;

              &:last-child {
                font-family: sans-serif;
                direction: ltr !important;
              }
            }

            // define colors opacity
            $colorsOpacity: 0.1;

            &.saved {
              background: rgba(gray, $colorsOpacity);
            }
            &.recieved {
              background: rgba($theme, $colorsOpacity);
            }
            &.ongoing {
              background: rgba(orange, $colorsOpacity);
            }
            &.waiting {
              background: rgba(orangered, $colorsOpacity);
            }
            &.delivered {
              background: rgba(green, $colorsOpacity);
            }
          }
        }
      }
    }

    .formDB {
      flex-basis: 100%;
      text-align: center;
      margin-top: -20px;
      margin-bottom: 20px;
      display: flex;
      justify-content: center;
      align-items: center;

      img {
        width: 100%;
        max-width: 200px;
        @extend %userSelect;
      }

      i,
      span {
        display: block;
        font-size: 20px;
        color: $theme;
      }
      span {
        margin-right: 8px;
        font-family: 'iranYekanB';
      }
    }

    .addToDraftsBtn {
      text-align: center;
      margin-top: 20px;

      span {
        color: #fff;
      }
    }
  }
}