@media screen {
  #cups_enable { margin-top: 10px; }
  .hide { display: none; }
  a.toggle-show-more {
    color: #AAAAAA;
    text-decoration: none;
  }
  .container,.navbar-fixed-top .container {
    width: 1200px;
  }
  #sidebar {
    width: 270px;
    float:left;
    min-height: 1px;
    margin-left:0px;
  }
  #content {
    width: 890px;
    float:left;
    min-height: 1px;
    margin-left:30px;
  }
  body {
      /* minstens 40px! */
      padding-top: 64px;
  }
  h4 {
      margin-top: 15px;
      margin-bottom: 15px;
  }
  .task-header {
      margin: 12px 0px 12px 0px;
      font-size:14px;
  }
  .task-description {
      float: left;
      width: 65%;
      padding: 0px;
  }
  .task-description .metadata {
  }
  .task-description .context {
  }
  .task-description .actions {
  }
  .metadata + .context {
    padding-top: 12px;
  }
  .metadata + .actions {
    padding-top: 12px;
  }
  .context + .actions {
    padding-top: 12px;
  }
  .task-description .actions ul {
    margin-left: 15px;
  }
  .task-info {
      float: right;
      width: 30%;
      padding: 10px 0px 10px 0px;
  }
  .disabled {
      color: #AAAAAA;
      /*cursor: text;*/
  }
  .control-group input[type=text] {
      width: 98%;
  }
  .control-group textarea {
      width: 98%;
  }
  .form-horizontal .control-label {
      font-weight:bold;
  }
  /*
  table.table td {
    text-overflow: ellipsis;
    width: 1200px;
    white-space: nowrap;
    overflow:hidden;
  }*/


  #overlay {
    position:fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2000;
    display: none;
  }

  #overlay .background {
    position:absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #555555;
    opacity: 0.1;
    filter: alpha(opacity=10);
    display: block;
    z-index: 0;
    cursor: wait;
  }
  #overlay .loading {
    position:absolute;
    left:50%;
    top:50%;
    width: 300px;
    height: 50px;
    color: #999999;
    background-color:white;
    font-style:bold;
    margin-left: -100px;
    margin-top: -25px;
    z-index: 1;
    text-align:center;
    vertical-align:center;
    cursor:wait;
    border:2px solid #BBBBBB;
    vertical-align:middle;

    padding-top:auto;
    padding-bottom:auto;
  }
  #overlay .loading span {
    display: inline-block;
    vertical-align: middle;
    line-height: 48px;
  }

  #loading {
    display: none;
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:100000
  }

  .content_customer_requests table.table td, .content_customer_requests table.table th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
  }
  .content_process_instances table.table td, .content_process_instances table.table th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
  }
  .content_tasks table.table td, .content_tasks table.table th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
  }
  .content_tasks table.table td:first-child, .content_tasks table.table th:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
  }

  .facet-label {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
    width: 190px;
  }
  .facet-count {
    color: #A5A5A5;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50px;
    width: 50px;
  }

  .items-facet-label {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    width: 150px;
  }
  .items-facet-count {
    color: #A5A5A5;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
    width: 60px;
  }
  .batches-facet-label {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    width: 150px;
  }
  .batches-facet-count {
    color: #A5A5A5;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
    width: 60px;
  }


  #sidebar h5 {
    margin-top: 0px;
  }
  .form-group {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .index-last-modified {
    display: inline-block;
    font-size: 10pt;
    font-weight:normal;
    color: #AAAAAA;
    margin:0px;
    padding:0px;
    line-height: 40px;
    vertical-align:middle;
  }
  .index-last-modified a, .index-last-modified a:hover {
    color: #AAAAAA;
  }

  .results-filtered {
    font-size: 10pt;
    font-weight:normal;
    color: #b94a48;
    margin:0px;
    padding:0px;
    vertical-align:top;
    display: none;
  }
  #num_tasks { display: none; }

  /* basic positioning */
  .legend span { border: 1px solid #ccc; float: left; width: 12px; height: 12px; margin: 2px; margin-right: 4px; margin-bottom: 4px; }
  /* your colors */
  .legend .nothing { background-color: white; }
  .legend .active_sku { background-color: #d9edf7; }
  .legend .active_batches { background-color: #f2dede; }

  .legend .boxes { background-color: #0f0; }
  .legend .items { background-color: #f0f; }

  .dropdown-menu {
    height:auto;
    max-height: 400px;
    overflow-x:hidden;
    overflow-y:auto;
  }
  img.task-image {
    max-width: 600px;
    max-height: 600px;
  }

  img.depot_svg {
    width: 240px;
  }
  #modal-image {
    width: 600px;
    height: 600px;
  }
  #modal-image .modal-body {
    max-height:500px;
    max-width:500px;
  }

  /* override */
  .modal {
    width: 750px;
    /*must be half of the width*/
    margin-left: -375px;
  }

  a.disabled, button.disabled, li.disabled {
    cursor: not-allowed !important;
  }

  .task-group-label {
    color: #999;
    margin: 15px 0px 15px 5px;
  }

  /* START - bootstrap table sorting (stolen from rails_admin) */
  /* line 221, /home/njfranck/git/libadmin/vendor/bundle/ruby/1.9.1/gems/rails_admin-0.6.6/app/assets/stylesheets/rails_admin/base/theming.scss */
  .table .header {
    cursor: pointer;
  }
  .table .header:after {
    content: "";
    float: right;
    margin-top: 7px;
    border-width: 0 4px 4px;
    border-style: solid;
    border-color: #000 transparent;
    visibility: hidden;
  }
  .table .headerSortUp,
  .table .headerSortDown {
    background-color: rgba(141, 192, 219, 0.25);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  }
  .table .header:hover:after {
    visibility: visible;
  }
  .table .headerSortDown:after,
  .table .headerSortDown:hover:after {
    visibility: visible;
    opacity: 60;
    filter: alpha(opacity=6000);
  }
  .table .headerSortUp:after {
    border-bottom: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    visibility: visible;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 60;
    filter: alpha(opacity=6000);
  }
  /*fix whitespace:nowrap in th.header*/
  table.table th.header {
    white-space: normal !important;
  }
  /* END - bootstrap table sorting (stolen from rails_admin) */

  table.table-pairs th {
    width: 300px;
  }

  input.datepicker {
    width: 205px !important;
  }

  .wrapper_textarea {
    width: 98%;
    display: inline-block;
    position: relative;
  }
  .wrapper_textarea button {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 2px 6px 3px 6px !important;
  }
  a.error, a.error:visited {
    color: #b94a48;
  }

  div.controls > div.radio {
    padding-top: 0px !important;
    padding-left: 0px !important;
  }
  div.controls > div.checkbox {
    padding-top: 0px !important;
    padding-left: 0px !important;
  }
  .two-column-radios > .control-group > .controls {
    column-count: 2;
    column-gap: 100px;
    column-rule: 1px solid #ddd;
  }
  .navbar .brand {
    font-weight: bold;
  }
}