.modal {
  &-opened {
    overflow-y: hidden;
    #wrapper {
      //@extend %blur-more;
    }
    //.ui-widget-overlay{
    //  opacity: 0.6;
    //}
    .ui-widget-content {
      border-top: none;
      border-bottom: none;
    }
  }
  .ps-scrollbar-x{
    position: fixed;
    transform: none;
    bottom: 3*$box-padding + $gap - 1;
    @include respond-to(max-xsmall-screen) {
      bottom: 130px;
    }
    &-rail{
      position: fixed;
    }
  }
  .autoscroll__wrapper{
    transform: none;
  }
  transform: translate(0px, 0px);
  //top: 5vh !important;
  margin-top: 0;
  .tabular {
    p {
      max-width: 430px !important;
      margin: 0 auto 12px !important;
    }
  }
  .ui-dialog-buttonpane {
    background: none;
  }
  @include respond-to(min-large-screen) {
    max-width: 80%;
  }
}

.easy-trial-expiration{
  @include respond-to(max-medium-screen){
    width: 60% !important;
  }
  @include respond-to(max-small-screen){
    margin-left: -34px;
    width: 100% !important;
  }
  position: fixed;
  //margin: 0 auto !important;
  .ui{
    &-dialog{
      &-titlebar{
        &_selection{
          @extend %flex;
          @extend %justify-content-space-between;
          @extend %align-items-center;
          h3 {
            font-weight: bold;
          }
        }
        border-bottom: solid 1px $color-border;
      }
      &-content{
        border: initial;
        padding: $box-padding !important;
        table {
          input {
            float: right;
          }
        }
        &_regular {
          margin-bottom: 0;
          @include respond-to(min-medium-screen) {
            margin: $box-padding;
          }
        }
      }
      &-buttonpane{
        padding: $box-padding;
        font-size: $font-size;
        position: initial !important;
        @include respond-to(max-small-screen) {
          padding: $gap;
        }
        .cta-button {
          @extend %button-important;
          @extend %button-rounded;
        }
        footer {
          @extend %flex;
          @extend %justify-content-space-between;
          @extend %align-items-center;
          span {
            text-align: left;
            width: 60%;
          }
        }
      }
    }
    &-widget-content {
      border-top: initial;
      @extend %material__elevation--depth_1;
      a {
        color: $color-main;
      }
    }
  }
  &_reached{
    font-size: $font-size;
    @include respond-to(max-medium-screen){
      margin-left: 1.5*$topmenu-height;
    }
    @include respond-to(max-small-screen){
      width: auto;
      margin-left: 0;
      margin-right: 0;
    }
    .ui-dialog {
      &-titlebar {
        font-size: $font-h3;
      }
      &-buttonpane {
        padding: $gap;
      }
      &-content {
        padding-top: 0 !important;
        h4 {
          line-height: 1.4;
        }
      }
    }
    //padding: $gap;
    //text-align: center;
  }
}

#easy_contacts{
  @include respond-to(max-small-screen) {
    .ui-dialog-buttonpane {
      .ui-button-text {
        padding: 0.2em 0.5em !important;
      }
      button{
        margin: 3px 0!important;
      }
      min-height: 100px !important;
    }
  }
}

.new-event-dialog {
  .tabular p {
    max-width: $leftmenu-width + 2*$box-padding + 2;
    margin: 0 auto $gap;
    @include translateX(4%);
  }
}

.ui-dialog {
  @include respond-to(max-medium-screen) {
    width: 100% !important;
    left: -1px !important;
  }
}


