@button_border: #a8bece;
.trans {
  transition: 0.2s all ease-in-out;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -ms-transition: 0.2s all ease-in-out;
}

.contentstudio-plugin-container {
  margin-left: -20px;
  /*background-color: #f3f6f8 !important;*/
}

.contentstudio-plugin-head {
  background: #fff;
  padding: 20px 15px;
  box-shadow: 0 1px 0 rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
}

.contentstudio-content-section {
  width: 800px;
  margin: 0 auto;
  display: block;
}

.contentstudio-lower {
  padding: 40px 0;
}

.contentstudio-box {
  box-sizing: border-box;
  background: #fff;
  padding: 15px 15px;
  border: 1px solid rgba(200, 215, 225, 0.5);
  h3 {
    font-weight: 500;
  }

  .left_section {
    float: left;
    width: 80%;
  }

  .right_section {
    float: right;
    width: 20%;
    padding-top: 0px;
    a {
      float: right;
      padding: 10px 25px;
      border-radius: 1px;
      border: 1px solid @button_border;
      text-decoration: none;
      -webkit-box-shadow: 1px 1px 1px #a8bece;
      -moz-box-shadow: 1px 1px 1px #a8bece;
      box-shadow: 1px 1px 1px #a8bece;
      cursor: pointer !important;
      .trans;
    }
    a:hover {
      color: #fff;
      background: @button_border;
    }
  }

  img {
    height: 25px;
  }
}



.contentstudio-box.center_aligned {
  display: block;
  text-align: center;
  margin: 0 auto;

}

.contentstudio-input {
  .input_field {
    width: 65%;
    float: left;
  }
  .input_submit {
    width: 33%;
    float: left;
    margin-left: 2%;

  }
  .input_field input {
    padding: 12px;
    width: 100%;
    display: block;
    cursor: pointer !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
  }
  .input_submit input {
    width: 100%;
    display: block;
    background: transparent;
    border: 1px solid @button_border;
    padding: 12px 0;
    -webkit-box-shadow: 1px 1px 1px #a8bece;
    -moz-box-shadow: 1px 1px 1px #a8bece;
    box-shadow: 1px 1px 1px #a8bece;
    cursor: pointer !important;
    .trans;
  }
  .input_submit input:hover {
    background: @button_border;
    color: #fff;
  }
}

.cs_info {
  color: #0073aa;
  text-decoration: underline;
}

.notify-success-image {
  text-align: center;
  display: block;
  width: 100% !important;
}

.img_success {
  height: 60px !important;
  width: 60px !important;
}

.contentstudio-notifications {
  margin: 0 auto;
  margin-bottom: -13px;
  padding: 15px;
  background: #fcffe6 !important;
}