/* General */
div.ipe-actions:not(.ipe-actions-block) {
  width: 100%;
  padding: 15px 20px;
  min-height: 0;
  border-radius: 0;
  box-sizing: border-box;
  margin-bottom: 10px;
  background-color: #aaaaaa;
  color: white;
}
div.ipe-actions-block {
  box-sizing: border-box;
  padding: 15px 20px;
  border-radius: 0;
  margin-bottom: 5px;
  background-color: #f1f1f2;
}
.ipe-droppable {
  margin: 10px 0;
  box-sizing: border-box;
  height: 50px;
}
.panels-ipe-active .grid {
  overflow: inherit;
}
body:not(.panels-ipe-active) .layout__segment.empty {
  margin: 0 auto;
  display: block;
}
body:not(.panels-ipe-active) .layout__background.empty {
  padding: 0;
}
.ipe-category-picker-top {
  overflow-x: hidden;
}
.vertical-tabs__panes {
  margin: 0 0 0 15em;
  padding: 20px;
  border-left: 1px solid #cccccc;
}

/* Block Actions */
.ipe-action-list li[data-action-id='move']{
  display: none;
}

/**
 * IPE Form
 */
.ipe-form {
  width: 100%;
  padding: 0 20px;
  max-width: 960px;
  background: #FFF;
}
.ipe-form .form-item,
.ipe-form .form-item label,
.ipe-form .form-item input,
.ipe-form .form-item textarea {
  font-size: 14px;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.ipe-form .form-item label {
  margin-bottom: 7px;
  font-size: 16px;
  font-weight: bold;
  color: #373737;
  display: block;
}
.ipe-form .form-item .description {
  font-style: italic;
  margin-top: 7px;
}
.ipe-form .form-item input[type="text"], .ipe-form .form-item input[type="number"], .ipe-form .form-item input[type="email"], .ipe-form .form-item input[type="password"], .ipe-form .form-item input[type="tel"], .ipe-form .form-item textarea {
  padding: .75rem .75rem;
}
.ipe-form .form-item input[type="text"] {
  width: 100%;
}
.ipe-form fieldset {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0 25px 25px;
}
.ipe-form table {
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
  padding: 25px;
}
.ipe-form .field--type-office-hours {
  width: 100%;
}
.ipe-form .button {
  min-width: auto;
  padding: 0 15px;
}
.ipe-form .vertical-tabs {
  margin-left: 0;
}
.ipe-form input.field-add-more-submit {
  margin-top: 10px;
}
.ipe-form div[id*=edit-actions] {
  margin: 20px 0 20px;
}
.ipe-form div[id*=edit-actions] input[type="submit"],
.block-content-form input[id*=edit-submit],
.panels-ipe-block-plugin-form input[id*=edit-submit] {
  list-style: none;
  margin-bottom: 9px;
  padding: 8px;
  background: rgba(150,0,0,.9);
  border: 1px solid #999;
  border-radius: 5px;
  color: #fefefe;
  font-weight: bold
}
.ipe-form div[id*=edit-actions] input[type="submit"]:hover,
.panels-ipe-block-plugin-form input[id*=edit-submit]:hover {
  border-color: #3E85FF;
  color: #3E85FF;
  background-color: transparent;
}

.panels-ipe-block-plugin-form  {
  margin-bottom: 20px;
}
.panels-ipe-block-plugin-form > .form-wrapper {
  margin-bottom: 20px;
}

.ipe-form details {
  margin-bottom: 20px;
  margin-top: 20px;
}

.ipe-form .form-item h4 {
  font-size: 16px;
  margin-bottom: 10px;
}

.ipe-form .form-required::after {
  content: "*";
  display: inline-block;
  margin-left: 5px;
  color: #F45959;
}

.ipe-form .field--type-boolean label {
  display: inline;
}

.ipe-form .js-form-type-checkbox {
  margin-top: 20px;
  margin-bottom: 20px;
}

.ipe-form .dropbutton-wrapper {
  border: 1px solid #ccc;
  padding: 5px;
  display: block;
  width:25%;
}

.ipe-form .fieldset-wrapper {
  margin-top: 25px;
}
.ipe-form .form-type-radio label {
  display: inline;
}

.ipe-form details {
  background-color: #fff;
}

.ipe-form summary {
  padding: 13px;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
}

.ipe-form details > summary::marker {
  display: inline;
}

.ipe-form details input[type=submit] {
  background-color: #e8e8e8;
  margin: 10px;
}
.ipe-form .form-item {
  margin-top: 10px;
}

/* fix header when IPE is active */
.panels-ipe-active .header--transparent .header__logo:after {
  opacity: 0;
}
.panels-ipe-active .header--transparent .header__logo:before {
  opacity: 1;
}
.panels-ipe-active .header--transparent {
  position: relative;
}
.panels-ipe-active .header--transparent .header__top {
  background-color: #fff;
}
.panels-ipe-active  .header--transparent .header__menu__link {
  color: #1055CC;
}