﻿.d-table {
  display: table; }

.d-table-header-group {
  display: table-header-group;
  font-weight: bold; }
  .d-table-header-group .d-table-cell {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: bottom;
    border-bottom: 1px solid #ddd; }

.d-table-row-group {
  display: table-row-group; }
  .d-table-row-group .d-table-row:hover {
    background-color: #f5f5f5; }
  .d-table-row-group .d-table-cell {
    vertical-align: middle;
    padding: 8px;
    line-height: 1.42857;
    border-top: 1px solid #ddd; }

.d-table-row {
  display: table-row;
  color: inherit; }
  .d-table-row:hover, .d-table-row:active {
    text-decoration: none;
    color: inherit; }

.d-table-cell {
  display: table-cell; }

.banners-list-page__add-banner-btn {
  position: absolute;
  top: 0;
  right: 10px; }

.banners-list-page__external-banner-miniature > div {
  zoom: 0.25;
  pointer-events: none; }

.banner-editor-page__form {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 20px; }

.banner-editor-page__image-selector-preview {
  height: 70px; }

.banner-editor-page__image-selector input {
  position: relative;
  top: -22px;
  opacity: 0;
  z-index: -1; }

.banner-editor-page #html-code {
  font-family: Monospace, serif;
  resize: vertical; }

.banner-editor-page__preview-size-selector {
  max-width: 500px;
  margin: 0 auto; }

.banner-editor-page__preview-container {
  margin: 10px auto;
  min-height: 400px; }

.banner-editor-page__preview-internal-image-noop {
  width: 100%;
  height: 200px;
  background: lightgrey;
  color: rgba(0, 0, 0, 0.43);
  text-align: center;
  font-size: 19px;
  line-height: 200px;
  white-space: nowrap; }

.banner-editor-page__preview-external {
  display: flex;
  justify-content: center;
  padding: 15px 0;
  overflow: hidden;
  background: white;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); }
