//
// accordion.scss
//

// .custom-accordion {
//   .card-header {
//     border-radius: 7px;

//     .accordion-list {
//       display: flex;
//       border-radius: 7px;
//       background-color: $gray-300;
//       // padding: 12px 20px;
//       color: $body-color;
//       font-weight: $font-weight-semibold;
//       align-items: center;
//       justify-content: space-between;
//       &.collapsed {
//         i.accor-plus-icon {
//           &:before {
//             content: "\F0415";
//           }
//         }
//       }

//       .accor-plus-icon {
//         display: inline-block;
//         font-size: 16px;
//         height: 24px;
//         width: 24px;
//         line-height: 22px;
//         background-color: $card-bg;
//         text-align: center;
//         border-radius: 50%;
//       }
//     }

//     .card-body {
//       color: $text-muted;
//     }
//   }
// }


.custom-accordion {
  .accordion-list {
      display: flex;
      border-radius: 7px;
      background-color: $gray-300;
      padding: 12px 20px;
      color: $body-color;
      font-weight: $font-weight-semibold;
      align-items: center;
      justify-content: space-between;
      &.collapsed {
          i.accor-plus-icon {
              &:before {
                  content: "\F0415";
              }
          }
      }

      .accor-plus-icon{
          display: inline-block;
          font-size: 16px;
          height: 24px;
          width: 24px;
          line-height: 22px;
          background-color: $card-bg;
          text-align: center;
          border-radius: 50%;
      }
  }

  
  a {

      &.collapsed {
          i.accor-down-icon {
              &:before {
                  content: "\F0140";
              }
          }
      }
  }


  .card-body {
      color: $text-muted;
  }
}