body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*
input,
select,
textarea {
    max-width: 280px;
}
*/

a[ng-click]
{
    cursor: pointer;
}

.btn-delete
{
    cursor: pointer;
}

td.col-cmd
{
    width: 2.5em;
}

/* Selectable jQuery UI custom styles */
tbody.selectable-hours
{
    cursor: pointer;
}

.schedule-table tr.ui-selecting > td,
.schedule-table tr.ui-selecting > th
{
    color: #000;
    background-color: #ecf4f8 !important;
}

.schedule-table tr.ui-selected > td,
.schedule-table tr.ui-selected > th
{
    color: #000;
    background-color: #d9edf7 !important;
}

/* Calendar */

.calendar-body .col-month
{
    height: 280px;
}

table.calendar-month
{

}

table.calendar-month th,
table.calendar-month td
{
    text-align: right;
    min-width: 35px;
    height: 35px;
    line-height: 31px;
    vertical-align: middle;
}

h4.month-name
{
    display: inline;
}

table.calendar-month th
{
    padding: 0 10px 0 0;
}

.calendar-body td.selectable div
{
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    padding: 0 7px 0 0;
    border-radius: 15px;
}

.calendar-body td.selectable div:hover
{
    color: #333;
    background-color: #eee;
}


.calendar-body td.selectable.ui-selected div:hover
{
    background-color: #82add3;
}

/*
.calendar-body td.selectable.scheduled div:hover
{
    color: #fff;
    background-color: #ae6ad3;
}
*/

.calendar-body td.ui-selecting div
{
    color: #333 !important;
    background-color: #f6fa9a !important;
}

.calendar-body td.ui-selected div
{
    color: #333 !important;
    background-color: #f5ff00 !important;
}

/*
.calendar-body td.scheduled div
{
    color: #fff;
    background-color: #7600b5;
}
*/

.calendar-year-name
{
    font-weight: bold;
}

.schedule-item
{
    cursor: pointer;
}

/* Calendar qualitative colors */
.color-legend
{
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: .75em;
    border-radius: 10px;
    border: 2px solid #fff;
}

.color-1,
.calendar-body td.scheduled div.color-1
{
    color: #333; background-color: #a6cee3;
}
.schedule-table tr.color-1:hover,
.calendar-body td.selectable.scheduled div:hover.color-1
{
    color: #333; background-color: #e6f0f6;
}

.color-2,
.calendar-body td.scheduled div.color-2
{
    color: #fff; background-color: #1f77b4;
}
.schedule-table tr.color-2:hover,
.calendar-body td.selectable.scheduled div:hover.color-2
{
    color: #fff; background-color: #69a8d3;
}

.color-3,
.calendar-body td.scheduled div.color-3
{
    color: #333; background-color: #b2df8a;
}
.schedule-table tr.color-3:hover,
.calendar-body td.selectable.scheduled div:hover.color-3
{
    color: #333; background-color: #dcf2c8;
}

.color-4,
.calendar-body td.scheduled div.color-4
{
    color: #fff; background-color: #33a02c;
}
.schedule-table tr.color-4:hover,
.calendar-body td.selectable.scheduled div:hover.color-4
{
    color: #fff; background-color: #6cbe66;
}

.color-5,
.calendar-body td.scheduled div.color-5
{
    color: #333; background-color: #fb9a99;
}
.schedule-table tr.color-5:hover,
.calendar-body td.selectable.scheduled div:hover.color-5
{
    color: #333; background-color: #ffcfce;
}

.color-6,
.calendar-body td.scheduled div.color-6
{
    color: #fff; background-color: #e31a1c;
}
.schedule-table tr.color-6:hover,
.calendar-body td.selectable.scheduled div:hover.color-6
{
    color: #fff; background-color: #ea595a;
}

.color-7,
.calendar-body td.scheduled div.color-7
{
    color: #333; background-color: #fdbf6f;
}
.schedule-table tr.color-7:hover,
.calendar-body td.selectable.scheduled div:hover.color-7
{
    color: #333; background-color: #ffdbad;
}

.color-8,
.calendar-body td.scheduled div.color-8
{
    color: #fff; background-color: #ff7f00;
}
.schedule-table tr.color-8:hover,
.calendar-body td.selectable.scheduled div:hover.color-8
{
    color: #fff; background-color: #ffa750;
}

.color-9,
.calendar-body td.scheduled div.color-9
{
    color: #333; background-color: #cab2d6;
}
.schedule-table tr.color-9:hover,
.calendar-body td.selectable.scheduled div:hover.color-9
{
    color: #333; background-color: #ece3f1;
}

.color-10,
.calendar-body td.scheduled div.color-10
{
    color: #fff; background-color: #6a3d9a;
}
.schedule-table tr.color-10:hover,
.calendar-body td.selectable.scheduled div:hover.color-10
{
    color: #fff; background-color: #9a77bf;
}

.color-11,
.calendar-body td.scheduled div.color-11
{
    color: #333; background-color: #ffff99;
}
.schedule-table tr.color-11:hover,
.calendar-body td.selectable.scheduled div:hover.color-11
{
    color: #333; background-color: #fefed0;
}

.color-12,
.calendar-body td.scheduled div.color-12
{
    color: #fff; background-color: #858514;
}
.schedule-table tr.color-12:hover,
.calendar-body td.selectable.scheduled div:hover.color-12
{
    color: #fff; background-color: #aaaa3f;
}

/* Alerts */

.alert
{
    margin-top: 20px;
}

/* Optimizations */

.table.table-optimization > thead > tr > th,
.table.table-optimization > tbody > tr > th,
.table.table-optimization > tfoot > tr > th,
.table.table-optimization > thead > tr > td,
.table.table-optimization > tbody > tr > td,
.table.table-optimization > tfoot > tr > td
{
    vertical-align: middle;
}

.optimization-actions
{
    width: 24.75em;
}

.irrigation-periods tbody tr td:last-child
{
    text-align: center;
}

.small-datetime-input
{
    font-size: 80%;
    padding: 8px;
    min-width: 9em;
}

.small-datetime-cell
{
    font-size: 80%;
    padding: 7px 5px;
}

.subtable-flow,
.subtable-length
{
    text-align: left;
}

.loading
{
    background: url('ajax-loader.gif') rgba(255, 255, 255, 0.7) center no-repeat;
    position:fixed;
    z-index:99;/* make higher than whatever is on the page */
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    width:100%;
    height:100%;
}

.field-validation-error
{
    color: #a94442;
}

/* D3 Gantt */

.chart
{
	font-family: Arial, sans-serif;
	font-size: 6.5pt;
}

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

.status-on
{
	fill: #337ab7;
}

div.gantt-tooltip {	
    position: absolute;
    text-align: center;
    width: 150px;
    height: 100px;
    padding: .5em;
    font: 12px sans-serif;
    background: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    pointer-events: none;
}

/* Forms */

.has-error .help-block
{
    font-size: 80%;
}

/* Irrigation Periods Table */

.table-irrigation-periods th.time
{
    width: 7.5em;
}

.table-irrigation-periods th.min-time,
.table-irrigation-periods th.max-time
{
    width: 8em;
}