/* NGX-BOOTSTRAP ACCORDION THEME OVERRIDES
   -------------------------------------------------------------------------------------------------------------------------------------------- */

   accordion {
    .card-header {
      background-color: $white;
      position: relative;
      padding-right: 0;
      padding: 5px 0;
      border: none;
    }

    .card-body {
      padding: 0;
    }

    .panel-open > .card {
      & > .card-header .#{ $theme-prefix }-accordion__heading--with-arrow .#{ $theme-prefix }-accordion__col:first-child::before {
        content: "\f107";
      }
    }
  }

  .#{ $theme-prefix }-accordion {
    &__body {
      // padding: 15px 0;
    }

    &__parent {

      &--striped {
        .#{ $theme-prefix }-accordion__first-level {
          .card-header {
            padding: 0;
          }
          .#{ $theme-prefix }-accordion__col {
            padding: 15px 0;
          }
          &:nth-child(even) .#{ $theme-prefix }-accordion__row {
            background-color:rgb(249, 249, 249);
          }
          &:nth-child(odd) .#{ $theme-prefix }-accordion__row {
            background-color: white;
          }
          &:hover .#{ $theme-prefix }-accordion__row {
            background-color:#f5f5f5;
          }
          &.panel-open .#{ $theme-prefix }-accordion__row {
            background-color: white;
          }
          & .panel-open .#{ $theme-prefix }-accordion__row {
            background-color: white;
          }
          & .panel-collapse .#{ $theme-prefix }-accordion__row {
            background-color: white;
          }
          & .card {
            border-bottom: 1px solid rgba(0, 0, 0, 0.125);
          }
        }
      }
    }

    &__header {
      padding: 0.75rem 0;
      border-bottom: 2px solid $secondary;
    }

    &__heading {
      cursor: pointer;

      &--with-arrow .#{ $theme-prefix }-accordion__col:first-child {
        position: relative;
        padding-left: 20px;

        &::before {
          content: "\f105";
          @include fontawesome;
          font-size: 22px;
          font-weight: 800;
          display: block;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
        }
      }
    }

    &__row {
      width: 100%;
      display: flex;
    }

    &__col {
      flex-grow: 1;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      position: relative;

      &--2 {
        width: calc(100% / 2);
      }
      &--3 {
        width: calc(100% / 3);
      }
      &--4 {
        width: calc(100% / 4);
      }

      &--tree {
        width: 60%;
        min-width: 400px;
      }

      &--no-arrow::before {
        display: none !important;
      }

      &--center {
        display: flex;
        justify-content: center;
      }

      &--right {
        display: flex;
        justify-content: flex-end;
      }
    }
  }

  .toast {
    background-image: none;
    padding: 0 !important;

    max-width: 500px;
    overflow: hidden;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.25rem;
    box-shadow: 0 .25rem .75rem rgba(#000000, .1) !important;
    color: #000;

    button {
      position: absolute;
      right: 8px;
      top: 4px;
      float: right;
      font-size: 20px;
      font-weight: bold;
      color: gray;
      text-shadow: 0 1px 0 #fff;
      z-index: 9;
      opacity: 0.8;
    }

    &-success {
      .toast-title {
        border-bottom: 1px solid $success;
        color: $success;

        &::before {
          content: '\f00c';
        }
      }
    }

    &-info {
      .toast-title {
        border-bottom: 1px solid $info;
        color: $info;

        &::before {
          content: '\f05a';
        }
      }
    }

    &-warning {
      .toast-title {
        border-bottom: 1px solid $warning;
        color: $warning;

        &::before {
          content: '\f071';
        }
      }
    }

    &-error {
      .toast-title {
        border-bottom: 1px solid $danger;
        color: $danger;

        &::before {
          content: '\f057';
        }
      }
    }
  }

  .toast-title {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    background-color: #fff;
    background-clip: padding-box;
    position: relative;

    &::before {
      @include fontawesome;
      font-size: 20px;
      display: inline-block;
      margin-right: 5px;
    }
  }

  .toast-message {
    padding: 0.75rem;
    background-color: #F8F8F8;
    color: #212529;
  }
