.outcomes-browser {
  min-width: 840px; }
  .outcomes-browser .toolbar {
    padding: 5px;
    height: 28px; }
    .outcomes-browser .toolbar .manage_rubrics {
      float: right; }
    .outcomes-browser .toolbar .search {
      float: right; }
    .outcomes-browser .toolbar .ui-button i {
      margin-bottom: -3px; }
  .outcomes-browser .outcomes-main {
    height: 500px;
    padding: 0;
    overflow: hidden;
    background-color: white; }
    .outcomes-browser .outcomes-main::after {
      clear: both; }
  .outcomes-browser .outcomes-sidebar {
    float: left;
    height: 485px;
    width: 201px;
    background-color: #f8fafb;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 15px; }
    .outcomes-browser .outcomes-sidebar .wrapper {
      width: 201px; }
  .outcomes-browser .outcomes-content {
    height: 500px;
    border-left: 1px solid #a8adb3;
    overflow: scroll; }
    .outcomes-browser .outcomes-content .wrapper {
      padding: 15px;
      width: 600px;
      min-height: 300px; }
    .outcomes-browser .outcomes-content label {
      display: block;
      padding: 5px 0 5px 0; }
    .outcomes-browser .outcomes-content .outcome_information_link i {
      margin-bottom: -3px; }
    .outcomes-browser .outcomes-content .delete_button {
      margin-right: 1em; }

ul.outcome-level {
  padding: 0;
  margin: 0;
  border-right: 1px solid #cccccc;
  float: left;
  height: 485px;
  width: 200px;
  overflow-x: hidden;
  overflow-y: scroll; }
  ul.outcome-level.outcome-level-hover, ul.outcome-level.outcome-level-hover li {
    background: white; }
  ul.outcome-level li {
    padding: 0;
    margin: 0;
    background-color: #f8fafb;
    overflow: hidden;
    list-style: none;
    width: 200px; }
    ul.outcome-level li:hover, ul.outcome-level li:focus {
      outline: none; }
      ul.outcome-level li:hover a, ul.outcome-level li:focus a {
        background: white; }
      ul.outcome-level li:hover i[class*=icon-], ul.outcome-level li:focus i[class*=icon-] {
        background-image: url(/images/blue/canvas-icons-16x16-blue.png); }
    ul.outcome-level li a {
      text-decoration: none;
      display: block;
      border-top: 1px solid white;
      border-bottom: 1px solid #e4e5e7;
      padding: 4px 12px;
      color: #555555;
      white-space: nowrap; }
      ul.outcome-level li a:hover {
        background: white; }
      ul.outcome-level li a i[class*=icon-]:before, ul.outcome-level li a i[class^=icon-]:before {
        vertical-align: baseline; }
    ul.outcome-level li.selected a {
      background-color: #e8f1f9;
      border-bottom-color: #d1d3d7;
      border-top-color: #e0f0fd; }
      ul.outcome-level li.selected a:hover {
        background-color: #d6ecfc; }
    ul.outcome-level li.selected.droppable a {
      background-color: #f8fafb;
      color: #bbbbbb; }
    ul.outcome-level li.droppable a {
      background-color: #d6ecfc;
      border-bottom-color: #d1d3d7;
      border-top-color: #e0f0fd; }
    ul.outcome-level li a.loading-more {
      background-color: #eef3f5; }
    ul.outcome-level li[aria-grabbed=true] a, ul.outcome-level li[aria-grabbed=true] i {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
      opacity: 0.75; }

#import_dialog {
  padding: 0;
  margin: 0; }
  #import_dialog .ui-dialog-buttonpane {
    margin-top: 0; }

table.criterion {
  padding: 0;
  min-width: 600px;
  margin: 2em 0; }

table.criterion td {
  border: 1px solid #a8adb3;
  padding: 5px;
  text-align: center;
  vertical-align: top; }
  table.criterion td.total {
    background-color: #f8fafb; }

.rating-wrap {
  position: relative; }

h5 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #0088cc;
  font-weight: normal;
  min-height: 1em; }
  h5.total {
    font-weight: bold; }

table.criterion .edit {
  display: none;
  height: 67px;
  min-width: 180px; }
  table.criterion .edit .row-fluid {
    margin-bottom: 8px; }
  table.criterion .edit .buttons button {
    float: right;
    margin-left: 4px; }

.edit_rating {
  float: right; }

.outcome_rating_description {
  width: 100%; }

table.criterion .insert {
  position: absolute;
  top: -33px;
  right: -22px;
  cursor: pointer; }
  table.criterion .insert a {
    color: #999999;
    text-decoration: none; }
  table.criterion .insert:hover a {
    color: #0088cc; }
  table.criterion .insert:hover span {
    border-top-color: #0088cc; }

.arrow-icon {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0 11px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #999999;
  display: block; }

.outcomes-points-label {
  font-size: 11px; }

.outcomes-edit-row {
  text-align: left; }