/*
 * This file is part of the Cloud Services Integration Platform (CSIP),
 * a Model-as-a-Service framework, API and application suite.
 *
 * 2012-2017, OMSLab, Colorado State University.
 *
 * OMSLab licenses this file to you under the MIT license.
 * See the LICENSE file in the project root for more information.
 */

body 
{
    font-family: Arial;
    font-size: 12px;
	margin: 0px;
	padding: 0px;
}
table
{
    font-family:Arial;
    font-size: 12px;
    padding: 3px;
}
th 
{
    background-color: #006;
    color: #fff;
    font-size: 14px;
}
input
{
    padding:6px 6px;
}

/*set standard widths for columns*/
#dateCol
{width: 30px;}
#opCol
{width: 173px;}
#cropCol
{width: 173px;}
#resCol
{width: 173px;}
#resAmtCol
{width: 89px;}
#yieldCol
{width: 89px;}
#yieldUnitCol
{width: 89px;}

.ui-datepicker
{ 
    z-index: 9999 !important;
}
.errorCell
{
    border: 3px solid #f33;
    border-width: 2px;
}

.selected
{
	background-color:orange;
}
.dragHandle 
{
  width: 20px;
  min-width: 20px;
  position: relative;
  background-color: #E4E6EB;
  background-image: url("../images/bump.jpg");
  background-repeat: repeat;
  background-size: 3px, 3px; 
  cursor: move;
  border-top: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
}

.dragHandle:active 
{
  background-image: url("images/bumpInv.jpg");
  background-size: 3px 3px;  
  background-repeat: repeat;
}

.del_button 
{
  cursor: pointer;
  display: inline-block;
  padding: .45em 0.92em;
  font-size: 1em;
  line-height: 1.4;
  border: 1px solid #F39C12;
  color: #F39C12;
  text-decoration: none;
  transition: all .3s;
  text-align: center;
  background-color: #fff;
}

.del_button:hover 
{
  background: #F39C12;
  color: #fff;
}

.addRow {
  margin-top: -5;
  position: relative;
  /*border-top: 1px solid #EEE;*/
  z-index: 8;
}

.addRowButton {
  display: block;
  cursor: pointer;
  position: relative;
  width: 4em;
  float: left;
  margin-left: 5px;
  -webkit-transition: all .2s easy-in;
  transition: all .2s easy-in;
  text-align: center;
  opacity: 0.5;
  color: #fff;
  border: 1px solid #006;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background: #006;
  height: 1.5em;
  line-height: 1.5em;
}
.addRowButton:hover {
  opacity: 1;
}
.saveButton
{
  display: block;
  cursor: pointer;
  position: relative;
  right: 0;
  left: 0;
  width: 4em;
  float: left;
  margin-left: 2px;
  -webkit-transition: all .2s easy-in;
  transition: all .2s easy-in;
  text-align: center;
  opacity: 0.5;
  color: #fff;
  border: 1px solid #006;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background: #006;
  height: 1.5em;
  line-height: 1.5em;
}
.saveButton:hover {
  opacity: 1;
}
.loadButton
{
  display: block;
  cursor: pointer;
  position: relative;
  right: 0;
  left: 0;
  width: 4em;
  float: left;
  margin-left: 2px;
  -webkit-transition: all .2s easy-in;
  transition: all .2s easy-in;
  text-align: center;
  opacity: 0.5;
  color: #fff;
  border: 1px solid #006;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background: #006;
  height: 1.5em;
  line-height: 1.5em;
}
.loadButton:hover {
  opacity: 1;
}