vbp-default.admin.css in Varbase Bootstrap Paragraphs 8.7

.field--name-bp-background .form-type-radio input,
.field--name-bp-background .form-type--radio input {
  position: absolute;
  visibility: hidden;
}

.field--name-bp-background .form-type-radio input:checked + label,
.field--name-bp-background .form-type--radio input:checked + label {
  border: #000 2px solid;
}

.field--name-bp-background .form-type-radio label,
.field--name-bp-background .form-type--radio label {
  position: relative !important;
  display: inline-block !important;
  float: left !important;
  width: 25px !important;
  height: 25px !important;
  margin: 10px 10px 10px 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  white-space: nowrap;
  border: #000 1px solid;
  font-size: 0.00001px;
}

.field--name-bp-background .form-type-radio label:after,
.field--name-bp-background .form-type--radio label:after {
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 0;
  bottom: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
  content: "a";
  text-align: center;
  vertical-align: middle;
  font-size: 20px !important;
}

.field--name-bp-background .form-type-radio label:hover,
.field--name-bp-background .form-type--radio label:hover {
  opacity: 0.8;
}

.field--name-bp-background .form-type-radio label._none,
.field--name-bp-background .form-type--radio label._none {
  background: #fff !important;
}

.field--name-bp-background .form-type-radio label._none:after,
.field--name-bp-background .form-type--radio label._none:after {
  position: absolute;
  z-index: auto;
  top: 12px;
  right: 0;
  bottom: 0;
  left: -5px;
  display: inline-block;
  float: none;
  box-sizing: content-box;
  width: 35px;
  height: 2px;
  margin: 0;
  padding: 0;
  content: "";
  cursor: pointer !important;
  transition: none;
  transform: rotateZ(-45deg);
  transform-origin: 50% 50% 0;
  -o-text-overflow: clip;
  opacity: 1;
  background: #f00;
  box-shadow: none;
  text-shadow: none;
}

.field--name-bp-width .form-type-radio input,
.field--name-bp-width .form-type--radio input,
.field--name-bp-gutter .form-type-radio input,
.field--name-bp-gutter .form-type--radio input,
.field--name-bp-column-style-3 .form-type-radio input,
.field--name-bp-column-style-3 .form-type--radio input,
.field--name-bp-column-style-2 .form-type-radio input,
.field--name-bp-column-style-2 .form-type--radio input,
.field--name-text-and-image-style .form-type-radio input,
.field--name-text-and-image-style .form-type--radio input,
.field--name-field-image-position .form-type-radio input,
.field--name-field-image-position .form-type--radio input {
  position: absolute;
  visibility: hidden;
}

.field--name-bp-width .form-type-radio input:checked + label,
.field--name-bp-width .form-type--radio input:checked + label,
.field--name-bp-gutter .form-type-radio input:checked + label,
.field--name-bp-gutter .form-type--radio input:checked + label,
.field--name-bp-column-style-3 .form-type-radio input:checked + label,
.field--name-bp-column-style-3 .form-type--radio input:checked + label,
.field--name-bp-column-style-2 .form-type-radio input:checked + label,
.field--name-bp-column-style-2 .form-type--radio input:checked + label,
.field--name-text-and-image-style .form-type-radio input:checked + label,
.field--name-text-and-image-style .form-type--radio input:checked + label,
.field--name-field-image-position .form-type-radio input:checked + label,
.field--name-field-image-position .form-type--radio input:checked + label {
  filter: invert(25%) sepia(0.9);
}

.field--name-bp-width .form-type-radio label,
.field--name-bp-width .form-type--radio label,
.field--name-bp-gutter .form-type-radio label,
.field--name-bp-gutter .form-type--radio label,
.field--name-bp-column-style-3 .form-type-radio label,
.field--name-bp-column-style-3 .form-type--radio label,
.field--name-bp-column-style-2 .form-type-radio label,
.field--name-bp-column-style-2 .form-type--radio label,
.field--name-text-and-image-style .form-type-radio label,
.field--name-text-and-image-style .form-type--radio label,
.field--name-field-image-position .form-type-radio label,
.field--name-field-image-position .form-type--radio label {
  position: relative !important;
  display: inline-block !important;
  float: left !important;
  min-width: 50px !important;
  height: 20px !important;
  margin: 10px 10px 10px 0 !important;
  padding: 40px 0 0 !important;
  cursor: pointer !important;
  transition: opacity 0.3s ease-in-out;
  text-align: center;
  white-space: nowrap;
  font-size: 75%;
}

.field--name-bp-width .form-type-radio label:after,
.field--name-bp-width .form-type--radio label:after,
.field--name-bp-gutter .form-type-radio label:after,
.field--name-bp-gutter .form-type--radio label:after,
.field--name-bp-column-style-3 .form-type-radio label:after,
.field--name-bp-column-style-3 .form-type--radio label:after,
.field--name-bp-column-style-2 .form-type-radio label:after,
.field--name-bp-column-style-2 .form-type--radio label:after,
.field--name-text-and-image-style .form-type-radio label:after,
.field--name-text-and-image-style .form-type--radio label:after,
.field--name-field-image-position .form-type-radio label:after,
.field--name-field-image-position .form-type--radio label:after {
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 0;
  bottom: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
  content: "";
  text-align: center;
  vertical-align: middle;
  font-size: 20px !important;
}

.field--name-bp-width .form-type-radio label:hover,
.field--name-bp-width .form-type--radio label:hover,
.field--name-bp-gutter .form-type-radio label:hover,
.field--name-bp-gutter .form-type--radio label:hover,
.field--name-bp-column-style-3 .form-type-radio label:hover,
.field--name-bp-column-style-3 .form-type--radio label:hover,
.field--name-bp-column-style-2 .form-type-radio label:hover,
.field--name-bp-column-style-2 .form-type--radio label:hover,
.field--name-text-and-image-style .form-type-radio label:hover,
.field--name-text-and-image-style .form-type--radio label:hover,
.field--name-field-image-position .form-type-radio label:hover,
.field--name-field-image-position .form-type--radio label:hover {
  opacity: 0.8;
}

.field--name-bp-width .form-type-radio label.option.paragraph--width--tiny,
.field--name-bp-width .form-type-radio label.option.paragraph--width--narrow,
.field--name-bp-width .form-type-radio label.option.paragraph--width--medium,
.field--name-bp-width .form-type-radio label.option.paragraph--width--wide,
.field--name-bp-width .form-type-radio label.option.paragraph--width--full,
.field--name-bp-width .form-type-radio label.option.bg-edge2edge,
.field--name-bp-width .form-type--radio label.option.paragraph--width--tiny,
.field--name-bp-width .form-type--radio label.option.paragraph--width--narrow,
.field--name-bp-width .form-type--radio label.option.paragraph--width--medium,
.field--name-bp-width .form-type--radio label.option.paragraph--width--wide,
.field--name-bp-width .form-type--radio label.option.paragraph--width--full,
.field--name-bp-width .form-type--radio label.option.bg-edge2edge {
  background-image: none;
  background-repeat: no-repeat;
  background-position: top center;
}

.field--name-bp-width .form-type-radio label.option.paragraph--width--tiny,
.field--name-bp-width .form-type--radio label.option.paragraph--width--tiny {
  background-image: url("../../images/icons/paragraph--width--tiny.svg");
}

.field--name-bp-width .form-type-radio label.option.paragraph--width--narrow,
.field--name-bp-width .form-type--radio label.option.paragraph--width--narrow {
  background-image: url("../../images/icons/paragraph--width--narrow.svg");
}

.field--name-bp-width .form-type-radio label.option.paragraph--width--medium,
.field--name-bp-width .form-type--radio label.option.paragraph--width--medium {
  background-image: url("../../images/icons/paragraph--width--medium.svg");
}

.field--name-bp-width .form-type-radio label.option.paragraph--width--wide,
.field--name-bp-width .form-type--radio label.option.paragraph--width--wide {
  background-image: url("../../images/icons/paragraph--width--wide.svg");
}

.field--name-bp-width .form-type-radio label.option.paragraph--width--full,
.field--name-bp-width .form-type--radio label.option.paragraph--width--full {
  background-image: url("../../images/icons/paragraph--width--full.svg");
}

.field--name-bp-width .form-type-radio label.option.bg-edge2edge,
.field--name-bp-width .form-type--radio label.option.bg-edge2edge {
  background-image: url("../../images/icons/paragraph--width--edge-to-edge.svg");
}

.field--name-bp-gutter .form-type-radio label.option.gutter-0,
.field--name-bp-gutter .form-type-radio label.option.gutter-1,
.field--name-bp-gutter .form-type--radio label.option.gutter-0,
.field--name-bp-gutter .form-type--radio label.option.gutter-1 {
  background-image: none;
  background-repeat: no-repeat;
  background-position: top center;
}

.field--name-bp-gutter .form-type-radio label.option.gutter-0,
.field--name-bp-gutter .form-type--radio label.option.gutter-0 {
  background-image: url("../../images/icons/paragraph--gutter--without-gutter.svg");
}

.field--name-bp-gutter .form-type-radio label.option.gutter-1,
.field--name-bp-gutter .form-type--radio label.option.gutter-1 {
  background-image: url("../../images/icons/paragraph--gutter--with-gutter.svg");
}

.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--25-50-25,
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--50-25-25,
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--25-25-50,
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--16-66-16,
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--66-16-16,
.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--16-16-66,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--25-50-25,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--50-25-25,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--25-25-50,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--16-66-16,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--66-16-16,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--16-16-66 {
  background-image: none;
  background-repeat: no-repeat;
  background-position: top center;
}

.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--25-50-25,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--25-50-25 {
  background-image: url("../../images/icons/paragraph--style--25-50-25.svg");
}

.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--50-25-25,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--50-25-25 {
  background-image: url("../../images/icons/paragraph--style--50-25-25.svg");
}

.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--25-25-50,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--25-25-50 {
  background-image: url("../../images/icons/paragraph--style--25-25-50.svg");
}

.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--16-66-16,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--16-66-16 {
  background-image: url("../../images/icons/paragraph--style--16-66-16.svg");
}

.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--66-16-16,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--66-16-16 {
  background-image: url("../../images/icons/paragraph--style--66-16-16.svg");
}

.field--name-bp-column-style-3 .form-type-radio label.option.paragraph--style--16-16-66,
.field--name-bp-column-style-3 .form-type--radio label.option.paragraph--style--16-16-66 {
  background-image: url("../../images/icons/paragraph--style--16-16-66.svg");
}

.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--75-25,
.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--66-33,
.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--25-75,
.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--33-66,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--75-25,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--66-33,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--25-75,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--33-66 {
  background-image: none;
  background-repeat: no-repeat;
  background-position: top center;
}

.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--75-25,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--75-25 {
  background-image: url("../../images/icons/paragraph--style--75-25.svg");
}

.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--66-33,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--66-33 {
  background-image: url("../../images/icons/paragraph--style--66-33.svg");
}

.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--25-75,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--25-75 {
  background-image: url("../../images/icons/paragraph--style--25-75.svg");
}

.field--name-bp-column-style-2 .form-type-radio label.option.paragraph--style--33-66,
.field--name-bp-column-style-2 .form-type--radio label.option.paragraph--style--33-66 {
  background-image: url("../../images/icons/paragraph--style--33-66.svg");
}

.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--50-50,
.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--75-25,
.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--66-33,
.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--25-75,
.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--33-66,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--50-50,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--75-25,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--66-33,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--25-75,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--33-66 {
  background-image: none;
  background-repeat: no-repeat;
  background-position: top center;
}

.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--50-50,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--50-50 {
  background-image: url("../../images/icons/paragraph--style--50-50.svg");
}

.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--75-25,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--75-25 {
  background-image: url("../../images/icons/paragraph--style--75-25.svg");
}

.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--66-33,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--66-33 {
  background-image: url("../../images/icons/paragraph--style--66-33.svg");
}

.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--25-75,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--25-75 {
  background-image: url("../../images/icons/paragraph--style--25-75.svg");
}

.field--name-text-and-image-style .form-type-radio label.option.paragraph--style--33-66,
.field--name-text-and-image-style .form-type--radio label.option.paragraph--style--33-66 {
  background-image: url("../../images/icons/paragraph--style--33-66.svg");
}

.field--name-field-image-position .form-type-radio label.option.right,
.field--name-field-image-position .form-type-radio label.option.left,
.field--name-field-image-position .form-type--radio label.option.right,
.field--name-field-image-position .form-type--radio label.option.left {
  background-image: none;
  background-repeat: no-repeat;
  background-position: top center;
}

.field--name-field-image-position .form-type-radio label.option.right,
.field--name-field-image-position .form-type--radio label.option.right {
  background-image: url("../../images/icons/paragraph--style--right.svg");
}

.field--name-field-image-position .form-type-radio label.option.left,
.field--name-field-image-position .form-type--radio label.option.left {
  background-image: url("../../images/icons/paragraph--style--left.svg");
}

[dir=rtl] .field--name-bp-background .form-type-radio label,
[dir=rtl] .field--name-bp-background .form-type--radio label,
[dir=rtl] .field--name-bp-width .form-type-radio label,
[dir=rtl] .field--name-bp-width .form-type--radio label,
[dir=rtl] .field--name-bp-gutter .form-type-radio label,
[dir=rtl] .field--name-bp-gutter .form-type--radio label,
[dir=rtl] .field--name-bp-column-style-3 .form-type-radio label,
[dir=rtl] .field--name-bp-column-style-3 .form-type--radio label,
[dir=rtl] .field--name-bp-column-style-2 .form-type-radio label,
[dir=rtl] .field--name-bp-column-style-2 .form-type--radio label,
[dir=rtl] .field--name-text-and-image-style .form-type-radio label,
[dir=rtl] .field--name-text-and-image-style .form-type--radio label,
[dir=rtl] .field--name-field-image-position .form-type-radio label,
[dir=rtl] .field--name-field-image-position .form-type--radio label {
  float: right !important;
}

[dir=rtl] .field--name-bp-background .form-type-radio label._none:after,
[dir=rtl] .field--name-bp-background .form-type--radio label._none:after,
[dir=rtl] .field--name-bp-width .form-type-radio label._none:after,
[dir=rtl] .field--name-bp-width .form-type--radio label._none:after,
[dir=rtl] .field--name-bp-gutter .form-type-radio label._none:after,
[dir=rtl] .field--name-bp-gutter .form-type--radio label._none:after,
[dir=rtl] .field--name-bp-column-style-3 .form-type-radio label._none:after,
[dir=rtl] .field--name-bp-column-style-3 .form-type--radio label._none:after,
[dir=rtl] .field--name-bp-column-style-2 .form-type-radio label._none:after,
[dir=rtl] .field--name-bp-column-style-2 .form-type--radio label._none:after,
[dir=rtl] .field--name-text-and-image-style .form-type-radio label._none:after,
[dir=rtl] .field--name-text-and-image-style .form-type--radio label._none:after,
[dir=rtl] .field--name-field-image-position .form-type-radio label._none:after,
[dir=rtl] .field--name-field-image-position .form-type--radio label._none:after {
  right: -5px;
  left: 0;
}

.paragraph--view-mode--preview .field--name-bp-image-field img {
  width: 100%;
}

.paragraph-type-add-modal input.paragraph-type-add-modal-button:hover {
  color: #000;
}

input.paragraph-type-add-modal-button,
input .widget {
  padding-left: 10px !important;
}

.paragraphs-collapsed-description {
  display: none;
}

.paragraph-actions {
  float: right;
}

.paragraphs-subform .paragraph-type-top {
  top: 0;
}

.paragraphs-previewer.button {
  grid-column-start: 5;
  grid-column-end: 5;
}

.add-in-between-row td {
  text-align: center;
}

.paragraphs-tabs-wrapper .form-item .clearfix {
  margin-top: 10px;
}