div#wp-bannerize-editor {
  margin-top: 24px;

  button.upload_image_button {
    display: block;
    margin: 0 auto;
  }

  h3 {
    cursor: pointer;
  }
}

#wp_bannerize_banner_external_url {
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
}

#wp_bannerize_banner_link {
  width: -webkit-calc(100% - 340px);
  width: calc(100% - 340px);
}

#wp_bannerize_banner_description {
  width: 100%;
}

#wp-bannerize-post-content-container {
  margin: 0 10px 10px;

  #post_content {
    font-family: "Lucida Console", Monaco, Courier, "Courier New", monospace;
    line-height: 150%;
    font-size: 12px;
    resize: vertical;
    width: 100%;
  }
}

.wp-bannerize-image-preview {
  text-align: center;
  padding: 32px;
  border: 1px dashed #666;
  margin-top: 16px;

  img {
    max-width: 100%;
    height: auto;
  }

  a {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

}

.wp-bannerize-image-thumbnail img {
  max-width: 48px;
}

input#wp_bannerize_banner_width,
input#wp_bannerize_banner_height {
  width: 100px;
  text-align: right;
}

/* @deprecated since 1.1.0 */
.wp_bannerize_adobe_flash_link {
  position: absolute;
  z-index: 99999;
  display: block;
}

/* =====================================================================================================================
 * LIST TABLE
 * =====================================================================================================================
 */

.wp-list-table {
  thead {
    th {
      white-space: nowrap;
    }

    .column-wp_bannerize_column_menu_order {
      width: 32px !important;
    }

    .column-wp_bannerize_column_thumbnail {
      width: 80px !important;
    }

    .column-wp_bannerize_column_impressions,
    .column-wp_bannerize_column_clicks,
    .column-wp_bannerize_column_ctr {
      width: auto;
      text-align: right;
      border-right: 1px solid #ddd;
    }

    @media (max-width: 1024px) {
      .column-wp_bannerize_column_ctr {
        display: none;
      }
    }

    #taxonomy-wp_bannerize_tax,
    .column-wp_bannerize_column_date_from,
    .column-wp_bannerize_column_date_expiry {
      width: auto;
      border-right: 1px solid #ddd;
    }
  }

  tbody {
    .wp_bannerize_column_menu_order {
      text-align: center;
      vertical-align: middle;
    }

    .wp_bannerize_column_menu_order i {
      cursor: ns-resize;
    }

    .wp_bannerize_column_thumbnail {
      text-align: center;
      vertical-align: middle;

      i {
        font-size: 2rem;
        color: #8c9daa;
        width: auto;
        height: auto;
      }
    }

    .wp_bannerize_column_impressions {
      border-right: 1px solid #ddd;
    }

    .wp_bannerize_column_impressions,
    .wp_bannerize_column_clicks,
    .wp_bannerize_column_ctr {
      text-align: right;
      border-right: 1px solid #ddd;
      background-color: rgba(0, 255, 21, 0.03);
    }

    @media (max-width: 1024px) {
      .wp_bannerize_column_ctr {
        display: none;
      }
    }

    .column-taxonomy-wp_bannerize_tax,
    .wp_bannerize_column_date_from,
    .wp_bannerize_column_date_expiry {
      border-right: 1px solid #ddd !important;
    }
  }

}

.check-column {
  background-color: rgba(0, 0, 0, 0.02);
}

.wp-bannerize-cpt-rules {
  select,
  input {
    font-size: 0.7rem;
  }

  input[data-type="day"],
  input[data-type="hour"],
  input[data-type="minute"] {
    width: 2.5rem !important;
  }

  input[data-type="year"] {
    width: 3.1rem !important;
  }

  input[data-type="year"]:after {
    clear: right;
  }
}

.wp-bannerize-preview-not-available {
  text-align: center;

  p {
    color: #ccc;
    font-size: 2rem;
  }

  strong {
    color: #666;
    font-size: 1rem;
  }
}