.help-block {
  @extend .text-muted;
  @extend .form-text;
  font-size: .777rem;
}

.buttons {
  // margin-bottom: 100px;

  [class*="col-"] {
    padding: 0 !important;
    float: none;
  }

  .bk-btnFormContainer {
    display: flex;
    justify-content: space-between;

    @extend .mt-5;

    >.col-sm-6 {
      a {
        &.btn-primary {
          @extend .btn-primary;
        }

        &.btn-action-primary {
          @extend .btn-secondary;
        }
      }

      &:last-child {
        display: flex;

        button {
          margin-left: auto;
        }

      }
    }
  }
}

.loader {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}

.content-email {
  overflow: scroll;
}

.btn {
  text-transform: uppercase;
}

//TABELLA WIDGET STEP COMMUNITY WIZARD
.dashboard-default-index {
  .grid-view {
    .filters {
      th {

        >:nth-child(2),
        >:last-child {
          margin-top: 0;
          padding-top: 0;
          margin-bottom: 20px;
        }

        &.input_element {
          margin-bottom: 0;
          padding-bottom: 0;

          .checkbox {
            margin-bottom: 0;
          }
        }
      }
    }

    .table td {
      vertical-align: middle;
      padding: 1em 0;
    }

    .table th {
      padding: 1em 0;
    }
  }
}

.am-alert-triangle {
  @extend .complementary-2-color;
}

.bk-elementActions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: wrap;

  .btn {
    @extend .my-1;
  }

  .btn-danger-inverse {
    // @extend .btn-xs;
    padding: 12px 24px !important;
    @extend .text-danger;
  }
}

.table-hover tbody tr:hover {
  background-color: #F6FCF7;
}

#eventlanding-luya_template_id {
  .radio {
    display: inline-block;
    margin-right: 20px;
  }
}

.preview-landing {
  height: 400px;
  background-size: cover;
  background-position: center center;

  .preview-title-landing {
    overflow-wrap: break-word;
  }

  &.gradient-verde-blu {

    &:before {
      background: linear-gradient(-45deg, #103366 0%, #297a38 100%);
      opacity: 0.83;
      width: 100%;
      height: 100%;
      position: absolute;
      content: "";
    }
  }

  &.gradient-arancio-rosa {

    &:before {
      background: linear-gradient(-45deg, #661053 0%, #C34B36 100%);
      opacity: 0.83;
      width: 100%;
      height: 100%;
      position: absolute;
      content: "";
    }
  }

  &.gradient-viola-blu {

    &:before {
      background: linear-gradient(-45deg, #2D6FAA 0%, #46356F 100%);
      opacity: 0.83;
      width: 100%;
      height: 100%;
      position: absolute;
      content: "";
    }
  }

  &.gradient-viola-giallo {

    &:before {
      background: linear-gradient(-45deg, #321F5C 0%, #8C8316 100%);
      opacity: 0.83;
      width: 100%;
      height: 100%;
      position: absolute;
      content: "";
    }
  }

  &.gradient-blu {
    &:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: hsla(212, 42%, 15%, 0.85);
    }
  }
}

.event-card-item {
  a.event-card-title {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
  }

  .event-card-date {
    font-size: 1em;
  }

  .event-card-type {
    font-size: 16px;

    .badge {
      position: relative;
      z-index: 0;
    }
  }
}

.custom-control-label {
  .img-tag {
    width: 50px;
    height: 50px;
    padding: 0 5px;

    img {
      width: 40px;
      height: 40px;
    }
  }
}

.progress-h-10 {
  height: 10px;

}

.card-inviti {
  bottom: inherit;
  right: inherit;
}

#bk-btnChangeView {
  @extend .d-flex;
  @extend .align-items-center;

  p {
    margin: 0;
    margin-left: 5px;
  }

}

.dropdown-menu-change-view {
  a {
    text-decoration: none;
  }

  .dropdown-item {
    @extend .d-flex;
    @extend .align-items-center;

    p {
      margin: 0;
      margin-left: 5px;
    }
  }
}

.required {
  label:not(.custom-control-label) {
    &::after {
      content: '* (obbligatorio)';
      padding-left: 2px;
      @extend .text-danger;
      font-size: 0.8em;
    }

  }
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: inherit;
}