/*
 * @file 
 * View Mode Styles.
 *
 * Please keep these encapsulated in DS classes, don't use external classes.
 * If external classes are required for a specific use of the view mode, then
 * it probably belongs in a different file as an override.
 */
/**
 * Legacy IE support.
 */
/**
 * Font faces, stacks and sizes.
 */
/**
 * Colors, etc.
 */
/**
 * Partials to be shared with all .scss files.
 */
/**
 * Layout element mixins.
 */
/* The white box with grey border that surrounds most content. */
/* The grey box that surrounds content. */
/* The white box containing the main content. Has a green top border. */
/* Content inset into the white box */
/* Content inset on grey background */
/* Content on a lightgrey background with darker border ie left nav and right column of a normal page */
/* Button-like styling for inset box that sits at normal white box level. */
/* Button with a plus icon to the left. */
/* standard button across site. */
/**
 * Text element mixins.
 */
/* line 13, ../sass/jQuery-ui.scss */
.ui-widget-header {
  border: 1px solid #aaaaaa;
  background-color: #FFFFFF;
  background-image: none;
  color: #222222;
  font-weight: bold;
}

/* line 21, ../sass/jQuery-ui.scss */
.ui-widget-header {
  border: 0;
  border-bottom: 1px solid #aaaaaa;
}

/* line 26, ../sass/jQuery-ui.scss */
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0;
}

/* line 31, ../sass/jQuery-ui.scss */
.ui-corner-all {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* line 37, ../sass/jQuery-ui.scss */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background-color: #008265;
  background-image: none;
  font-weight: normal;
  color: #555555;
}

/* line 45, ../sass/jQuery-ui.scss */
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #FFFFFF;
}

/* line 49, ../sass/jQuery-ui.scss */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background-color: #ffffff;
}
/* line 51, ../sass/jQuery-ui.scss */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  color: #555555;
}

/* line 57, ../sass/jQuery-ui.scss */
button.ui-state-default, button.ui-widget-content .ui-state-default {
  color: #FFFFFF !important;
}

/* line 63, ../sass/jQuery-ui.scss */
.ui-tabs ul li {
  background: url(../images/svg/arrows-bullets/btn-arrow.svgz) no-repeat 0 center;
  padding: 0 13px 0 12px;
  list-style-type: none;
}

/* line 70, ../sass/jQuery-ui.scss */
.nutrient, .days {
  width: 8%;
}

@media (max-width: 767px) {
  /* line 75, ../sass/jQuery-ui.scss */
  #dashboard .dashboard_section {
    width: 100%;
    display: block;
  }

  /* line 79, ../sass/jQuery-ui.scss */
  .ui-tabs .ui-tabs-nav li {
    width: 100%;
    display: block;
  }
  /* line 82, ../sass/jQuery-ui.scss */
  .ui-tabs .ui-tabs-nav li a {
    border: 0;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    width: 100%;
  }

  /* line 93, ../sass/jQuery-ui.scss */
  .nutrient, .days {
    width: 20%;
  }

  /* line 96, ../sass/jQuery-ui.scss */
  .brand, .product, .crop_name, .crop_type {
    width: 100%;
  }

  /* line 99, ../sass/jQuery-ui.scss */
  .area, .rate, .amount {
    width: 100%;
  }
}