/* Color Preview */
#ctrl_column_color {
  padding-left: 35px;
}

.widget .color-preview {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  display: block;
  margin-top: -42px;
  margin-top: calc(-23px - 1em - 5px);
  margin-left: 5px;
  font-size: 0.875rem;
  transition: 0.3s ease;
}

/* Cols Preview */
.cols_preview {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 400px;
  background: #d6d6d6;
  padding: 10px;
}
.cols_preview .row {
  display: flex;
  flex-wrap: wrap;
}
.cols_preview .row .col .box {
  text-align: center;
  padding: 6px;
  outline: 1px solid #969696;
  outline-offset: -3px;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cols_preview .row .col .box p {
  margin: 0;
  color: #7c7c7c;
}
.cols_preview .col-width-1 {
  width: 8.3333333333%;
}
.cols_preview .col-width-2 {
  width: 16.6666666667%;
}
.cols_preview .col-width-3 {
  width: 25%;
}
.cols_preview .col-width-4 {
  width: 33.3333333333%;
}
.cols_preview .col-width-5 {
  width: 41.6666666667%;
}
.cols_preview .col-width-6 {
  width: 50%;
}
.cols_preview .col-width-7 {
  width: 58.3333333333%;
}
.cols_preview .col-width-8 {
  width: 66.6666666667%;
}
.cols_preview .col-width-9 {
  width: 75%;
}
.cols_preview .col-width-10 {
  width: 83.3333333333%;
}
.cols_preview .col-width-11 {
  width: 91.6666666667%;
}
.cols_preview .col-width-12 {
  width: 100%;
}
.cols_preview .col-offset-1 {
  margin-left: 8.3333333333%;
}
.cols_preview .col-offset-2 {
  margin-left: 16.6666666667%;
}
.cols_preview .col-offset-3 {
  margin-left: 25%;
}
.cols_preview .col-offset-4 {
  margin-left: 33.3333333333%;
}
.cols_preview .col-offset-5 {
  margin-left: 41.6666666667%;
}
.cols_preview .col-offset-6 {
  margin-left: 50%;
}
.cols_preview .col-offset-7 {
  margin-left: 58.3333333333%;
}
.cols_preview .col-offset-8 {
  margin-left: 66.6666666667%;
}
.cols_preview .col-offset-9 {
  margin-left: 75%;
}
.cols_preview .col-offset-10 {
  margin-left: 83.3333333333%;
}
.cols_preview .col-offset-11 {
  margin-left: 91.6666666667%;
}
.cols_preview .col-offset-12 {
  margin-left: 100%;
}
.cols_preview .col-order-1 {
  order: 1;
}
.cols_preview .col-order-2 {
  order: 2;
}
.cols_preview .col-order-3 {
  order: 3;
}
.cols_preview .col-order-4 {
  order: 4;
}
.cols_preview .col-order-5 {
  order: 5;
}
.cols_preview .col-order-6 {
  order: 6;
}
.cols_preview .col-order-7 {
  order: 7;
}
.cols_preview .col-order-8 {
  order: 8;
}
.cols_preview .col-order-9 {
  order: 9;
}
.cols_preview .col-order-10 {
  order: 10;
}
.cols_preview .col-order-11 {
  order: 11;
}
.cols_preview .col-order-12 {
  order: 12;
}

/* Cols Preview Fix */
.cols_preview .row.align_preview_fix .colsPart_1 p {
  padding: 10px 0;
}

/* Misc */
.widget-columns-container {
  background: #f7f7f7;
  padding: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-right: 480px;
}

.widget-columns-container > h3 {
  padding-top: 0;
  height: auto;
}

.widget-columns-container > h3 img.device-img {
  margin: 0;
  vertical-align: middle;
}

.widget-columns-container table[data-name*=columns_] thead {
  display: none;
}

/* List */
.tl_content.hide-buttons a.edit,
.tl_content.hide-buttons a.copy,
.tl_content.hide-buttons a.delete,
.tl_content.hide-buttons a.toggle {
  display: none;
}

/* Columns Backend View */
.tl_columns_backend .ce_colsStart {
  padding: 10px;
  margin: 0;
  background: #f9f9fb;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #e9e9e9;
}
.tl_columns_backend .ce_colsStart > .row {
  width: 100%;
  order: 10;
}
.tl_columns_backend .ce_colsStart > .tl_content_left {
  margin-right: auto;
}
.tl_columns_backend .ce_colsStart > .tl_content_right {
  float: none;
}
.tl_columns_backend .ce_colsStart > .tl_content_right > a[href*="act=create"], .tl_columns_backend .ce_colsStart > .tl_content_right > a[href*="act=cut"] {
  display: none;
}
.tl_columns_backend .ce_colsStart > .tl_content_right:last-child > a {
  display: none;
}
.tl_columns_backend .ce_colsStart > .tl_content_right:last-child > a[href*="act=create"], .tl_columns_backend .ce_colsStart > .tl_content_right:last-child > a[href*="act=cut"] {
  display: inline-block;
}
.tl_columns_backend .ce_colsStart .ce_colsPart {
  padding: 1em;
}
.tl_columns_backend .ce_colsStart .ce_colsPart .column_header {
  background: #ffffff;
  padding: 10px 6px;
  border-bottom: 2px solid #c1c1c1;
  display: flex;
  justify-content: space-between;
}
.tl_columns_backend .ce_colsStart .ce_colsPart .column_header .tl_content_right > a {
  display: none;
}
.tl_columns_backend .ce_colsStart .ce_colsPart .column_header .tl_content_right > a[href*="act=create"],
.tl_columns_backend .ce_colsStart .ce_colsPart .column_header .tl_content_right > a[href*="act=cut"] {
  display: inline-block;
}
.tl_columns_backend .ce_colsStart .ce_colsPart > .inside {
  border: 1px dashed #c1c1c1;
  background: #fff;
  min-height: 100%;
}/*# sourceMappingURL=backend.css.map */