/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aws-related-content-plugin-sidebar .aws-related-table-container {
  max-height: 450px;
  overflow-x: auto;
  margin-bottom: 16px; }

.aws-related-content-plugin-sidebar table {
  width: 100%;
  margin-bottom: 16px; }
  .aws-related-content-plugin-sidebar table td {
    vertical-align: top;
    padding-bottom: 8px; }
    .aws-related-content-plugin-sidebar table td:first-child {
      padding: 6px 0 2px 0;
      width: 15px; }
    .aws-related-content-plugin-sidebar table td .dashicons {
      font-size: 12px; }
    .aws-related-content-plugin-sidebar table td .ptype {
      color: #333; }

.awesome-related-content-plugin-sidebar-layover {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }
  .awesome-related-content-plugin-sidebar-layover .layover-body {
    position: absolute;
    top: 100px;
    left: 10%;
    width: 80%;
    min-height: 500px;
    background: white;
    padding: 16px; }
    .awesome-related-content-plugin-sidebar-layover .layover-body h3 {
      border-bottom: 1px solid #CACACA;
      padding-bottom: 16px;
      margin-bottom: 16px; }
    .awesome-related-content-plugin-sidebar-layover .layover-body .round-close {
      float: right;
      padding: 8px 12px;
      border-radius: 50%;
      background: black;
      color: white;
      font-weight: bold;
      cursor: pointer; }
    .awesome-related-content-plugin-sidebar-layover .layover-body .layover-footer {
      border-top: 1px solid #CACACA;
      padding-top: 16px;
      margin-bottom: 16px; }
      .awesome-related-content-plugin-sidebar-layover .layover-body .layover-footer .button-close {
        float: right; }