#APPSBDWP {
  .btn:focus {
    box-shadow: none !important;
  }
  .v-align-n4 {
    vertical-align: -4px;
  }

  .apnd-plugin-main-icon {
    vertical-align: -6px;
    font-size: 40px;
    color: #0e344b;
  }

  .apd-app-title {

    .apd-plugin-logo {
      max-height: 38px;
      margin-right: 14px;
    }

    >i {
      font-style: normal;
    }


  }

  .app-right-menu {
    position: absolute;
    right: 0;
    top: 0;

    .navbar {
      padding: 15px 10px;
      background: transparent !important;
      border: none;
      border-radius: 0;
      margin-bottom: 40px;
      box-shadow: none !important;

      .navbar-nav {

        border-bottom: 1px solid transparent !important;

        .nav-link {
          margin-right: 5px;

          &:not(.btn) {
            &.nav-link.active, &.nav-link:focus, &.nav-link:hover, &.nav-link:active {
              background-color: transparent !important;
              border-color: transparent !important;
              box-shadow: none;
            }
          }

          &.btn {
            margin-top: 1px;
            line-height: 18px;

            &.btn-success {
              color: #FFFFFF;
              font-size: 14px;
            }
          }

          padding: 0.2rem 0.5rem;
        }
      }
    }
  }

  .apsbd-main-container .apsbd-main-card {

    .card.document-card {
      > .card-header {
        background: #ffffff;
        font-size: 16px;
        font-weight: bold;
      }

      > .card-body {
        > .accordion {
          > .card {
            border-left: none !important;
            border-right: none !important;
            border-radius: 0 !important;

            > .card-header {
              padding: 0;
              background: #ffffff;
              font-weight: bold;
              .btn-link {
                display: block;
                text-align: left;
                text-decoration: none;
                outline: none;

                &::after {
                  content: "»";
                  position: absolute;
                  right: 15px;
                  top: 8px;

                  -webkit-transition: all 0.5s ease;
                  -moz-transition: all 0.5s ease;
                  -ms-transition: all 0.5s ease;
                  -o-transition: all 0.5s ease;
                  transition: all 0.5s ease;
                }

                &.collapsed::after {

                }

                &:not(.collapsed)::after {
                  transform: rotate(90deg);
                  right: 13px;
                }
              }
            }

           >div  > .card-body {

              padding: 1rem;

            }
          }
        }
      }
    }
  }

  #apbd-app-loader {
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;

    #apbd-app-waiting {
      position: absolute;
      margin-top: -50px;
      top: 50%;
      left: 0;
      right: 0;
      text-align: center;
      h4 {
        color: #fff;
      }
    }
  }
  .fast-spring-int {
    font-size: 22px;
    padding-bottom: 0.8rem !important;
  }

  .apbd-divider{

    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid #ccc;
    &.row{
      margin-left: -16px;
      margin-right: -16px;
    }
    &:after{
      font-family: 'FontAwesome';
      content: '\f0d7';
      position: absolute;
      left: 50%;
      bottom: -13px;
      font-size: 20px;
      margin-left: -5px;
      color: #ccc;
    }

  }

}
#APPSBDWP,.mfp-wrap {
  .pos-relative {
    position: relative;
  }
  .min-h-unset{
    min-height: unset !important;
  }
  .el-green-btn {
    text-decoration: unset !important;
    padding: 0px 5px 2px;
    color: #fff;
    background-color:#8fcc77;
    border-radius: 3px;
    text-decoration: none;
    -webkit-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.38);
    box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.38);
    &:hover{
      color: #fff;
      background-color: #84bc6c;
    }
  }
  .el-blue-btn {
    text-decoration: unset !important;
    padding: 0px 5px 2px;
    color: #fff;
    background-color:#20b1d2;
    border-radius: 3px;
    text-decoration: none;
    -webkit-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.38);
    box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.38);
    &:hover{
      color: #fff;
      background-color: #219dbf;
    }
  }
  .div-loader {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5);

    .msg {
      position: absolute;
      top: 50%;
      margin-top: -57px;
      left: 0;
      right: 0;
      color: #fff;
    }
  }

  .el-license-valid, .el-license-invalid {
    padding: 0px 5px 2px;
    color: #fff;
    background-color: #8fcc77;
    border-radius: 3px;
  }

  .el-license-invalid {
    background-color: #f44336;
  }

  .addon-box {
    .addon-description {
      height: 80px;
      text-overflow: ellipsis;
      display: block;
    }
  }
  .form-group.row {
    .inline-switch {
      display: flex;

      .material-switch.inline {
        width: 79px;

        & + .form-text {
          display: inline-block;
          vertical-align: middle;
        }
      }
    }
  }
  .select2 {
    .select2-selection.select2-selection--multiple{
       border-color: #ced4da;
      -webkit-box-shadow:  0 0 1px 0px #ced4da;
      box-shadow: 0 0 1px 0px #ced4da;
      border-radius: .25rem !important;
      position: relative;
      .select2-selection__choice{
        padding: 1px .75rem 4px 0;
        margin-bottom: 0;
      }
      .select2-search__field{
        box-shadow: unset;
        outline:none;
        margin-top: 0px;
      }

    }

  }
  .select2-container--bootstrap4 .select2-selection__clear {
    width: 1.0em;
    height: 1.0em;
    padding-left: .16em;
  }

}
.sweet-overlay {
  z-index: 999992;
}
.sweet-alert {
  z-index: 999999;
}

#wp-link-backdrop,.wp-core-ui[role="dialog"],.mce-toolbar-grp {
  z-index: 9999991 !important;
}