html {
  font-size: 62.5%;
}

body.active_admin {
  font-size: 1.4rem;
  min-height: 100vh;

  [type="submit"] {
    @extend .btn;
  }

  .col-selectable {
    text-align: center;
  }

  .dropdown_menu_button {
    @extend .btn, .btn-small;

    vertical-align: middle;

    &::after {
      content: ' ≡';
      font-size: 1.8rem;
      padding-left: 0.5rem;
    }
  }

  .dropdown-content {
    width: auto !important;
    height: auto !important;
  }

  .dropdown_menu_list {
    margin: 0;

    a.batch_action {
      color: $link-color;
    }
  }

  .flash {
    @extend .z-depth-2;

    margin: 0.7rem;
    padding: 1rem;
    text-align: center;

    &.flash_error {
      background: color('red', 'base');
    }

    &.flash_notice {
      background: color('green', 'base');
    }

    &.flash_warning {
      background: #fb1;
    }
  }

  .pagination {
    background: transparent;
    box-shadow: none;
    color: #000;
    height: auto;
    line-height: initial;
    margin-bottom: 1.5rem;
    text-align: center;

    a {
      color: $link-color;
    }

    >span {
      display: inline-block;
      padding: 0.5rem;
    }

    >.current {
      background: #eee;
    }
  }

  .sorted-asc::after {
    content: ' ↑';
  }

  .sorted-desc::after {
    content: ' ↓';
  }

  .resource_selection_cell span {
    padding: 0 1rem;
    vertical-align: middle;
  }

  .ui-dialog {
    @extend .modal;

    padding: 1rem;

    >.ui-dialog-buttonpane {
      @extend .modal-footer;

      .ui-button {
        @extend .btn, .btn-small;

        margin-left: 1rem;
      }
    }

    .ui-dialog-titlebar-close {
      float: right;
    }
  }

  #active_admin_content {
    @extend .row;

    padding-bottom: 5rem;
    margin-bottom: 0;

    &.with_sidebar #main_content_wrapper {
      @extend .col, .s9;
    }

    &.without_sidebar #main_content_wrapper {
      @extend .col, .s12;
    }

    >#sidebar {
      @extend .col, .s3;

      padding-left: 0 !important;
    }
  }

  #dashboard_default_message {
    margin: 2rem auto;
    padding: 2rem 0;
    text-align: center;
  }

  #main_content {
    @extend .card;

    margin-top: 0.75rem;

    >.panel {
      padding: 2rem !important;
    }
  }

  #wrapper {
    @extend .container;

    background: $admin-bg-color;
    min-height: 100vh;
    position: relative;
  }
}