/*********************************************
 *  Copyright (c) 2015 Ansible, Inc.
 *
 *  dashboard.css
 *
 *  custom styles for the new dashboard
 *
 */

.graph-wrapper {
  width: 100%;
}

.graph {
  background-color: white;
  // @include transition(width 2s ease-in-out, height 2s ease-in-out);
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.job-status-graph, .host-count-graph{
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}


.dashboard-jobs-list-container {
    border: 1px solid @grey;
    border-radius: 4px;
    padding: 5px;
}

/*
.graph-container{
    border: 1px solid @grey;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 15px;
}
due to the login screen showing on top of the dashboard, we're hiding the borders until after the user logs in*/

.count-container{
    border: 1px solid @grey;
    border-radius: 4px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
}

#replacementImg{
  align:center;
  width: 100px;
  height: 100px;

}

#dashboard-tab-content{
  padding-top: 5px;
}

#dashboard-tab-content .search-row #active-jobs-search-container{
  height: 35px;
}


#dashboard-tab-content table{
  margin-bottom: 10px;
}

.dashboard-jobs-list-container {
    #jobs_table,
    #schedules_table {
        table-layout:fixed;
    }
    #jobs_table .name-column,
    #schedules_table .name-column {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

#dash-jobs-list{
  padding-bottom: 15px;
}

 @media (min-width: 769px) {
      .left-side {
          padding-right: 7px;
      }

      .right-side {
          padding-left: 7px;
      }
}

.m, .n{
  cursor:pointer;
}
