#softdialer-root {
  .actions-bar-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 12px !important;
    color: #555;
    font-weight: 400;
  }

  .actions-bar-item1,
  .actions-bar-item2 {
    width: 45%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .actions-bar-item1 {
    width: 53%;
  }
  .actions-bar-item2 {
    justify-content: flex-end;
  }
  .extension-dropdown,
  .date-selector-container {
    width: 50%;
  }
  .actions-bar {
    &--extension-dropdown,
    &--call-options {
      border-radius: 20px !important;
      border: 1px solid rgba(45, 71, 143, 0.1);
      padding: 6px 9px 0px 16px !important;

      font-size: 12px !important;
    }
    &--call-options {
    }
    &--extension-dropdown-select-group {
      font-size: 12px !important;
      border-radius: 20px !important;
    }
    &--option-dropdown {
      width: 50%;
    }
  }

  .call-feedback {
    &__options {
      display: flex;
    }
    &__option {
      font-size: 14px;
      text-align: left;
      cursor: pointer;
      border: 1px solid lightgray;
      border-radius: 30px;
      padding: 12px 16px;
      font-weight: normal;
      margin: 5px;
      margin-right: 10px !important;
      background-color: transparent;
      width: 222px !important;
      color: #394553;
    }
    &__option-selected {
      background-color: #678aef;
    }
  }

  /* Responsive styles */
  @media (max-width: 768px) {
    .actions-bar-container {
      flex-direction: column;
    }
    .actions-bar-item1,
    .actions-bar-item2 {
      width: 100%;
    }
    .actions-bar-item2 {
      justify-content: space-between;
    }
    .actions-bar {
      &--option-dropdown {
        width: 50%;
      }
    }
  }
}