/* TODO change it to actual font type when font is purchased */
/* TODO change it to actual font type when font is purchased */
/* TODO change it to actual font type when font is purchased */
/* TODO change it to actual font type when font is purchased */
/* Stops the page from resizing when modal opens */
/* See https://github.com/twbs/bootstrap/issues/9855#issuecomment-34421518 */
/* and http://jsbin.com/oHiPIJi/edit?html,css,output */
html {
  overflow: hidden;
  height: 100%;
}

body {
  overflow: auto;
  height: 100%;
}

.modal-open {
  overflow: auto;
}

/*******/
div, p, td, label, input, select {
  font-family: "Montserrat", "Open Sans", sans-serif;
}

select, input[type=text], input[type=number], input[type=email], input[type=password], input[type=file], textarea, select.form-control, input[type=text].form-control, input[type=number].form-control, input[type=email].form-control, input[type=password].form-control, input[type=file].form-control, textarea.form-control {
  background-color: #ffffff;
  border: 1px solid #d1dadd;
  color: #747b81;
  height: 38px;
  padding: 8px 14px;
  width: 100%;
  border-radius: 4px;
}

select.in-error, input[type=text].in-error, input[type=number].in-error, input[type=email].in-error, input[type=password].in-error, input[type=file].in-error, textarea.in-error, select.form-control.in-error, input[type=text].form-control.in-error, input[type=number].form-control.in-error, input[type=email].form-control.in-error, input[type=password].form-control.in-error, input[type=file].form-control.in-error, textarea.form-control.in-error {
  color: red;
}

.input-group-addon {
  background-color: #d1dadd;
  color: #747b81;
}

label {
  color: #32373b;
}

.loader {
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 100;
}

/*.full-height-row {
    overflow: hidden;
    min-height: 1400px;
}

.full-height-column {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}*/
.container {
  height: 100%;
}

.container > .menu-modal {
  display: none;
}

.container > .container-inner {
  height: 100%;
}

.container > .container-inner > .page-container {
  display: table;
  height: 100%;
  width: 100%;
}

.container > .container-inner > .page-container > .responsive-nav {
  display: none;
}

.container > .container-inner > .page-container > .main-content > .subscribe-banner {
    position: sticky;
    bottom: 0px;
    width: 100%;
    background-color: #F4F5F5;
    color: #555759;
    opacity: 0.8;
    text-align: center;
    font-size: 15px;
    height: 80px;
    line-height: 80px;
    justify-content: space-between;
    display: flex;
    padding: 0 50px;
}

.container > .container-inner > .page-container > .left-nav, .container > .container-inner > .page-container > .main-content, .container > .container-inner > .page-container > .right-nav {
  vertical-align: top;
  display: table-cell;
}

.container > .container-inner > .page-container > .left-nav {
  width: 22%;
}

.container > .container-inner > .page-container > .left-nav > .left-nav-inner > .repsonsive-right-nav {
  display: none;
}

.container > .container-inner > .page-container > .main-content {
  padding-bottom: 150px;
}

.container > .container-inner > .page-container > .right-nav {
  width: 7%;
}

.menu-go-top {
  font-size: 18px;
  color: #a1a3a6;
  position: fixed;
  bottom: 0px;
  padding: 20px;
  margin-left: 180px;
}

.menu-go-top a {
  color: #a1a3a6;
}

.menu-go-top a:hover, .menu-go-top a:active, .menu-go-top a:focus {
  text-decoration: none;
  outline: none;
}

.fixed-to-bottom {
  position: fixed;
  bottom: 0px;
  padding: 20px;
}

.fixed-to-vertical-middle {
  font-size: 16px;
  position: absolute;
  top: 50%;
  margin-left: 4px;
}

.fixed-to-vertical-middle a {
  color: #aaaaaa;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.no-decoration:hover, .right-nav .right-nav-container .action-tile:hover, .modal-header .modal-close:hover, .slide-panel-header .slide-panel-close:hover, .generic-section .generic-collapse-section-header:hover, .generic-section a.collapsed .generic-collapse-section-header:hover, .no-decoration:active, .right-nav .right-nav-container .action-tile:active, .modal-header .modal-close:active, .slide-panel-header .slide-panel-close:active, .generic-section .generic-collapse-section-header:active, .generic-section a.collapsed .generic-collapse-section-header:active, .no-decoration:focus, .right-nav .right-nav-container .action-tile:focus, .modal-header .modal-close:focus, .slide-panel-header .slide-panel-close:focus, .generic-section .generic-collapse-section-header:focus, .generic-section a.collapsed .generic-collapse-section-header:focus {
  text-decoration: none;
}

.no-decoration-or-outline:hover, .action-dropdown-menu .action-dropdown-toggle:hover, .get-started-modal-header .modal-close:hover, .account-settings > .top > .tabs > .tab a:hover, .account-settings > .settings-item.people .people-block > .header > .actions .settings-dropdown-menu .settings-dropdown-toggle:hover, .admin-user-detail .section-header-a:hover, .no-decoration-or-outline:active, .action-dropdown-menu .action-dropdown-toggle:active, .get-started-modal-header .modal-close:active, .account-settings > .top > .tabs > .tab a:active, .account-settings > .settings-item.people .people-block > .header > .actions .settings-dropdown-menu .settings-dropdown-toggle:active, .admin-user-detail .section-header-a:active, .no-decoration-or-outline:focus, .action-dropdown-menu .action-dropdown-toggle:focus, .get-started-modal-header .modal-close:focus, .account-settings > .top > .tabs > .tab a:focus, .account-settings > .settings-item.people .people-block > .header > .actions .settings-dropdown-menu .settings-dropdown-toggle:focus, .admin-user-detail .section-header-a:focus {
  text-decoration: none;
  outline: none;
}

.action-button, .edit-button, .cancel-button {
  padding: 8px 12px;
  line-height: 20px;
}

.action-button {
  color: #ffffff;
  background-color: #f48a00;
  text-transform: uppercase;
}

.action-button:hover, .action-button:focus {
  color: #ffffff;
}

.action-button.dangerous-action {
  background-color: #cc4c22;
}

.edit-button {
  color: #404448;
  border: 1px solid #d6dee0;
  background-color: #ffffff;
}

.edit-button .fa {
  margin-right: 6px;
}

.cancel-button {
  color: #404448;
  border: 1px solid #d6dee0;
  background-color: #ffffff;
}

.action-dropdown-menu .action-dropdown-toggle {
  display: inline-block;
  padding: 0 12px;
  border: 1px solid #d1dadd;
  border-radius: 3px;
}

.action-dropdown-menu .action-dropdown-toggle .text {
  display: block;
  color: #747b81;
  padding-right: 60px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAbklEQVQImW3LoQ3CQACF4Y8LooqESZgDFukEIKoR3Ax4RsBQXzQJBtJ0hxNVCEybXJv+8uV7q3fbbXBDhZflzgE/bFFjt4AuqAJ67PHFY4YjTijDMKQBfzIccUSJ6zp7JxxwR4NiRBBMG/EzR/AHcqcYT+HRS1YAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: right center;
}

.action-dropdown-menu .action-dropdown-toggle .icon {
  color: #404448;
  font-size: 18px;
}

.action-dropdown-menu .action-dropdown-toggle .icon .fa {
  vertical-align: middle;
}

.standard-validation input.ng-invalid.ng-touched, .standard-validation textarea.ng-invalid.ng-touched, .standard-validation select.ng-invalid.ng-touched {
  background-color: #facbcd;
}

.standard-validation div[ng-messages] {
  color: #9d3535;
}

.validation-error {
  margin-top: 5px;
}

.error-message {
  color: #9d3535;
}

.form-group .input-group.input-with-calculator .input-group-addon.calculator {
  padding-top: 0;
  padding-bottom: 0;
}

.form-group .input-group.input-with-calculator .input-group-addon .btn {
  background-color: #d1dadd;
}

.decorated-form {
  position: relative;
  padding: 30px 45px 60px 45px;
  border-top: 1px solid #d0d9dc;
  border-bottom: 1px solid #d0d9dc;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edf0f2+0,ffffff+20 */
  background: #edf0f2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #edf0f2 0%, white 20%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #edf0f2 0%, white 20%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #edf0f2 0%, white 20%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf0f2', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
}

.decorated-form .border-fade-top, .decorated-form .border-fade-bottom {
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+20,ffffff+80,ffffff+100&1+0,0+20,0+80,1+100 */
  background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.decorated-form .border-fade-top {
  top: -1px;
}

.decorated-form .border-fade-bottom {
  bottom: -1px;
}

.decorated-form .side-fade {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+20,ffffff+80,ffffff+100&1+0,0+20,0+80,1+100 */
  background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.decorated-form .form-inputs {
  z-index: 2;
  position: relative;
}

.upgrade-button-container {
  text-align: center;
  margin: 10px 0;
}

.upgrade-button {
  color: #ffffff;
  background-color: #f48a00;
  text-transform: uppercase;
  padding: 10px 60px;
}

.upgrade-button:hover, .upgrade-button:active, .upgrade-button:focus {
  color: #ffffff;
}

.left-nav {
  background-color: #32373b;
  font-family: "Montserrat", "Open Sans", sans-serif;
  padding-left: 0px;
  padding-right: 0px;
}

.left-nav .company-logo {
  display: block;
  margin: auto;
  padding-top: 20px;
}

.left-nav .login-container {
  background-color: #2f3337;
  color: white;
  min-height: 80px;
  margin: 30px 0;
  padding: 10px 20px;
}

.left-nav .login-container .login-name {
  color: #e4e7e9;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.left-nav .login-container .login-company {
  color: #6a7278;
  font-size: 10px;
  font-weight: 400;
  line-height: 20px;
}

.left-nav .login-container .login-button {
  background-color: #29292b;
  border-radius: 9px 10px 10px 9px;
  color: #3cb54a;
  font-size: 10px;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
  width: 84px;
  height: 24px;
  padding-bottom: 24px;
  margin-left: 80px;
  margin-top: 6px;
}

.left-nav .release-version {
  color: #e4e7e9;
  font-size: 10px;
  font-style: italic;
  text-align: center;
  padding: 5px 30px 30px 30px;
}

.left-nav .farm-name {
  color: #e4e7e9;
  font-size: 14px;
  text-align: center;
  padding: 0px 30px 30px 30px;
}

.left-nav .nav-menu-container, .left-nav .nav-menu-button-container {
  color: white;
  font-family: 'Open Sans', sans-serif;
  margin-top: -1px;
}

.left-nav .nav-menu-container a, .left-nav .nav-menu-button-container a {
  color: white;
  text-decoration: none;
}

.left-nav .nav-menu-container .title, .left-nav .nav-menu-button-container .title {
  padding: 5px 30px;
  font-size: 13px;
  font-weight: 400;
  line-height: 36px;
  color: #a1a3a6;
}

.left-nav .nav-menu-container .title a, .left-nav .nav-menu-button-container .title a {
  color: #a1a3a6;
}

.left-nav .nav-menu-container .title .title-image, .left-nav .nav-menu-container .title .active-title-image, .left-nav .nav-menu-button-container .title .title-image, .left-nav .nav-menu-button-container .title .active-title-image {
  margin-right: 10px;
  padding-bottom: 5px;
}

.left-nav .nav-menu-container .title .title-image, .left-nav .nav-menu-button-container .title .title-image {
  display: inline;
}

.left-nav .nav-menu-container .title .active-title-image, .left-nav .nav-menu-button-container .title .active-title-image {
  display: none;
}

.left-nav .nav-menu-container .title.active, .left-nav .nav-menu-button-container .title.active {
  color: #ffffff;
}

.left-nav .nav-menu-container .title.active a, .left-nav .nav-menu-button-container .title.active a {
  color: #ffffff;
}

.left-nav .nav-menu-container .title.active .title-image, .left-nav .nav-menu-button-container .title.active .title-image {
  display: none;
}

.left-nav .nav-menu-container .title.active .active-title-image, .left-nav .nav-menu-button-container .title.active .active-title-image {
  display: inline;
}

.left-nav .nav-menu-container .menu-content, .left-nav .nav-menu-button-container .menu-content {
  color: #6a7278;
  background-color: #29292b;
  padding-top: 10px;
  padding-bottom: 10px;
}

.left-nav .nav-menu-container .menu-content .section-header .menu-text, .left-nav .nav-menu-button-container .menu-content .section-header .menu-text {
  font-size: 11px;
  font-weight: bold;
  line-height: 36px;
  margin-left: 30px;
  text-transform: uppercase;
  color: #6a7278;
}

.left-nav .nav-menu-container .menu-content .menu-item .menu-text, .left-nav .nav-menu-container .menu-content .outer-menu-item .menu-text, .left-nav .nav-menu-button-container .menu-content .menu-item .menu-text, .left-nav .nav-menu-button-container .menu-content .outer-menu-item .menu-text {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  margin-left: 60px;
  color: #6a7278;
}

.left-nav .nav-menu-container .menu-content .menu-item .caret-image, .left-nav .nav-menu-container .menu-content .outer-menu-item .caret-image, .left-nav .nav-menu-button-container .menu-content .menu-item .caret-image, .left-nav .nav-menu-button-container .menu-content .outer-menu-item .caret-image {
  visibility: hidden;
}

.left-nav .nav-menu-container .menu-content .menu-item.active .menu-text, .left-nav .nav-menu-container .menu-content .outer-menu-item.active .menu-text, .left-nav .nav-menu-button-container .menu-content .menu-item.active .menu-text, .left-nav .nav-menu-button-container .menu-content .outer-menu-item.active .menu-text {
  color: #3cb54a;
}

.left-nav .nav-menu-container .menu-content .menu-item.active .caret-image, .left-nav .nav-menu-container .menu-content .outer-menu-item.active .caret-image, .left-nav .nav-menu-button-container .menu-content .menu-item.active .caret-image, .left-nav .nav-menu-button-container .menu-content .outer-menu-item.active .caret-image {
  visibility: visible;
  padding-bottom: 5px;
}

.left-nav .nav-menu-container .menu-content .menu-item .menu-text, .left-nav .nav-menu-button-container .menu-content .menu-item .menu-text {
  margin-left: 60px;
}

.left-nav .nav-menu-container .menu-content .section-header .menu-text, .left-nav .nav-menu-container .menu-content .outer-menu-item .menu-text, .left-nav .nav-menu-button-container .menu-content .section-header .menu-text, .left-nav .nav-menu-button-container .menu-content .outer-menu-item .menu-text {
  margin-left: 30px;
}

.left-nav .nav-menu-container {
  border: 1px solid black;
}

.left-nav .nav-menu-button-container .title, .left-nav .nav-menu-button-container .title-inactive {
  padding: 0px 30px;
}

.left-nav .nav-menu-section-header {
  color: #6a7278;
  font-size: 10px;
  font-weight: 400;
  line-height: 36px;
  margin-left: 20px;
  margin-top: 20px;
  text-transform: uppercase;
}

.left-nav .nav-menu-section-header.for-admin {
  color: #3cb54a;
}

.left-nav .close-menu-button {
  display: none;
}

.right-nav {
  background-color: #c6e4c6;
  font-family: "Montserrat", "Open Sans", sans-serif;
}

.right-nav .right-nav-container {
  color: #8eb59d;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  padding-top: 20px;
}

.right-nav .right-nav-container .action-tile {
  color: #8eb59d;
  display: block;
  margin-top: 20px;
  border-bottom: 1px solid #dff0d8;
}

.right-nav .right-nav-container .action-tile .action-icon {
  display: inline;
}

.right-nav .right-nav-container .action-tile .active-action-icon {
  display: none;
}

.right-nav .right-nav-container .action-tile .badged-icon {
  display: inline-block;
  position: relative;
}

.right-nav .right-nav-container .action-tile .badged-icon .badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, 75%);
}

.right-nav .right-nav-container .action-tile .action-label {
  margin-top: 10px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.right-nav .right-nav-container .action-tile .badge {
  margin-left: -8px;
  margin-top: -15px;
  background-color: #cc4c22;
  padding: 2px 4px;
  font-size: 11px;
  font-weight: 400;
}

.right-nav .right-nav-container .action-tile.active {
  color: #ffffff;
}

.right-nav .right-nav-container .action-tile.active .action-icon {
  display: none;
}

.right-nav .right-nav-container .action-tile.active .active-action-icon {
  display: inline;
}

.right-nav .right-nav-container .fixed-to-bottom {
  background-color: #c6e4c6;
}

.right-nav .right-content {
  background-color: #ffffff;
  display: block;
  position: fixed;
  z-index: 101;
  top: 0;
  right: -320px;
  width: 320px;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  -webkit-transition: -webkit-transform ease 250ms;
  -moz-transition: -webkit-transform ease 250ms;
  -ms-transition: -webkit-transform ease 250ms;
  -o-transition: -webkit-transform ease 250ms;
  transition: -webkit-transform ease 250ms;
  -webkit-transition: transform ease 250ms;
  -moz-transition: transform ease 250ms;
  -ms-transition: transform ease 250ms;
  -o-transition: transform ease 250ms;
  transition: transform ease 250ms;
}

.right-nav .right-content.active {
  transform: translate3d(-320px, 0, 0);
  -ms-transform: translate3d(-320px, 0, 0);
  -webkit-transform: translate3d(-320px, 0, 0);
  -o-transform: translate3d(-320px, 0, 0);
  -moz-transform: translate3d(-320px, 0, 0);
}

.main-content {
  background-color: white;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 30px;
  font-family: 'Open Sans', sans-serif;
}

.main-content .dashboard-title {
  padding: 30px 30px;
}

.main-content .dashboard-title .dashboard-image {
  margin-right: 10px;
  padding-bottom: 5px;
}

.main-content .dashboard-title .dashboard-name {
  color: #32373b;
  font-size: 32px;
  line-height: 20px;
}

.main-content .dashboard-title .dashboard-description {
  color: #747b81;
  font-size: 16px;
  margin-top: 10px;
  margin-left: 50px;
}

.main-content .dashboard-title .dropdown-menu {
  z-index: 2000;
}

.main-content .home-timeline {
  margin-top: 20px;
  margin-bottom: 4px;
}

.main-content .timeline-anchor.sticky {
  height: 96px;
}

.main-content .timeline-anchor.sticky.show-marker {
  padding-top: 30px;
}

.main-content .timeline {
  overflow: hidden;
}

.main-content .timeline.sticky {
  position: fixed;
  top: 0;
  z-index: 98;
  background-color: #ffffff;
}

.main-content .timeline .timeline-container {
  background-color: #fafbfb;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  text-align: center;
  height: 96px;
  position: relative;
}

.main-content .timeline .timeline-container .timeline-fade-left, .main-content .timeline .timeline-container .timeline-fade-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10%;
  z-index: 10;
}

.main-content .timeline .timeline-container .timeline-fade-left {
  left: 0;
  background: -moz-linear-gradient(left, #fafbfb 50%, rgba(250, 251, 251, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fafbfb 50%, rgba(250, 251, 251, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fafbfb 50%, rgba(250, 251, 251, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.main-content .timeline .timeline-container .timeline-fade-right {
  right: 0;
  background: -moz-linear-gradient(right, #fafbfb 50%, rgba(250, 251, 251, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, #fafbfb 50%, rgba(250, 251, 251, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, #fafbfb 50%, rgba(250, 251, 251, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.main-content .timeline .timeline-container .timeline-inner-container {
  height: 96px;
}

.main-content .timeline .timeline-container .timeline-inner-container .timeline-inner {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  white-space: nowrap;
  z-index: 5;
}

.main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card {
  position: relative;
  display: inline-block;
  margin: 20px 10px;
  line-height: 50px;
  width: 66px;
  border: 2px solid transparent;
}

.main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card .text {
  font-size: 18px;
  color: #e4e7e9;
  padding: 4px 10px;
}

.main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card.has-data .text {
  color: #32373b;
}

.main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card.selected {
  width: 94px;
  border-color: #d0d9dc;
  background-color: #ffffff;
}

.main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card.selected .text {
  color: #32373b;
  font-size: 30px;
}

.main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card.selected + .timeline-card.selected {
  border-left: none;
  margin-left: -12px;
}

.main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card.selected .selected-indicator {
  position: absolute;
  bottom: -22px;
  left: 0;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 8px 5px;
  border-color: transparent transparent #d0d9dc transparent;
}

.main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card.selected .selected-indicator.centered {
  left: 50%;
}

.main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card .start-date, .main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card .end-date {
  font-size: 8px;
  font-style: italic;
  position: absolute;
  bottom: -19px;
  left: 4px;
}

.main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card .end-date {
  left: 50px;
}

.main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card .date-range {
  font-size: 8px;
  font-style: italic;
  position: absolute;
  bottom: -19px;
  left: 4px;
}

.main-content .timeline .marker {
  display: none;
}

.main-content .timeline.allow-select .timeline-container .timeline-inner .timeline-card .text {
  cursor: pointer;
}

.main-content .timeline.show-marker {
  padding-top: 30px;
}

.main-content .timeline.show-marker .timeline-container::before, .main-content .timeline.show-marker .timeline-container::after {
  content: " ";
  position: absolute;
  top: -21px;
  height: 20px;
  width: 10%;
  z-index: 10;
}

.main-content .timeline.show-marker .timeline-container::before {
  left: 0;
  background: -moz-linear-gradient(left, white 50%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, white 50%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.main-content .timeline.show-marker .timeline-container::after {
  right: 0;
  background: -moz-linear-gradient(right, white 50%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, white 50%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.main-content .timeline.show-marker .timeline-container .timeline-inner-container {
  position: relative;
  overflow: hidden;
  height: 116px;
  top: -20px;
}

.main-content .timeline.show-marker .timeline-container .timeline-inner-container .timeline-inner {
  top: 20px;
  height: 96px;
}

.main-content .timeline.show-marker .timeline-container .timeline-inner-container .timeline-inner .timeline-card .marker {
  display: inline-block;
  padding: 6px 20px;
  color: #ffffff;
  background-color: #d0d9dc;
  text-transform: uppercase;
  position: absolute;
  top: -14px;
  left: 0;
  line-height: normal;
  font-size: 12px;
  z-index: 20;
  transform: translate(-50%, -100%);
}

.main-content .timeline.show-marker .timeline-container .timeline-inner-container .timeline-inner .timeline-card .marker.centered {
  left: 50%;
}

.main-content .timeline.show-marker .timeline-container .timeline-inner-container .timeline-inner .timeline-card .marker::after {
  content: " ";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #d0d9dc transparent transparent transparent;
}

.main-content .company-container {
  margin-bottom: 50px;
  padding: 0px 50px;
}

.main-content .company-container .company-name {
  color: #32373b;
  font-size: 22px;
  line-height: 20px;
}

.main-content .company-container .company-address {
  height: 10px;
  color: #939598;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 5px;
}

.main-content .yield-summary-container {
  margin-top: 40px;
  padding: 0px 50px;
}

.main-content .yield-summary-container .yield-summary-panel .produce .mnemonic-orange {
  background-color: #ef8d18 !important;
}

.main-content .yield-summary-container .yield-summary-panel .produce .mnemonic-green {
  background-color: #179c49 !important;
}

.main-content .yield-summary-container .yield-summary-panel .produce .mnemonic {
  width: 22px;
  height: 22px;
  color: white;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
}

.main-content .yield-summary-container .yield-summary-panel .produce .name {
  color: #939598;
  font-size: 12px;
  line-height: 20px;
  margin-left: 4px;
}

.main-content .yield-summary-container .yield-summary-panel .stats {
  margin-top: 20px;
  padding-left: 8px;
}

.main-content .yield-summary-container .yield-summary-panel .stats .yield-orange {
  border-left: 6px solid #ef8d18 !important;
}

.main-content .yield-summary-container .yield-summary-panel .stats .yield-green {
  border-left: 6px solid #179c49 !important;
}

.main-content .yield-summary-container .yield-summary-panel .stats .total-yield {
  height: 70px;
  font-size: 51px;
  font-weight: bold;
  line-height: 20px;
}

.main-content .yield-summary-container .yield-summary-panel .stats .total-yield .percentage {
  color: #484f55;
  padding-top: 18px;
  padding-left: 20px;
}

.main-content .yield-summary-container .yield-summary-panel .stats .total-yield .sign {
  color: #939598;
  margin-left: -10px;
}

.main-content .yield-summary-container .yield-summary-panel .stats .total-yield .total-label {
  color: #939598;
  font-size: 12px;
  line-height: 20px;
  padding-left: 20px;
  margin-top: 15px;
}

.main-content .yield-summary-container .yield-summary-panel .stats .connector, .main-content .yield-summary-container .yield-summary-panel .stats .connector-short {
  height: 30px;
  border-left: 2px solid #d2dade;
  margin-left: 2px;
  margin-top: 5px;
}

.main-content .yield-summary-container .yield-summary-panel .stats .connector-short {
  height: 20px;
}

.main-content .yield-summary-container .yield-summary-panel .stats .projection {
  color: #939598;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}

.main-content .yield-summary-container .yield-summary-panel .stats .projection .bullet {
  display: inline-block;
  vertical-align: middle;
}

.main-content .yield-summary-container .yield-summary-panel .stats .projection .text-label {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-left: 15px;
}

.main-content .yield-summary-container .yield-summary-panel .stats .projection .value {
  display: inline-block;
  vertical-align: middle;
  color: #484f55;
  font-weight: bold;
  margin-left: 10px;
}

.main-content .yield-summary-container .yield-summary-panel .stats .projection .percentage-sign {
  display: inline-block;
  vertical-align: middle;
  color: #939598;
  margin-left: -5px;
}

.main-content .map-container .the-map {
  width: 100%;
  height: 480px;
}

.main-content .map-container .map-controls-container {
  padding: 10px;
  background-color: #efefef;
}

.main-content .map-container .map-controls-container .map-controls {
  border: 1px solid #ccc;
  padding: 10px;
}

.main-content .map-container .map-controls-container .map-controls .action-button {
  background-color: #32373b;
  color: white;
  padding: 1px 5px;
}

.main-content .map-container .map-controls-container .map-controls .btn-xs {
  margin: 0px 5px;
  color: white;
}

.main-content .map-container .map-controls-container .map-controls .edit-button-group {
  margin: 10px;
}

.main-content .map-container .map-controls-container .map-controls .edit-button-group.no-left-margin {
  margin-left: 0;
}

.main-content .map-container .map-controls-container .map-controls .color-button-group {
  margin: 20px;
}

.main-content .map-container .map-farm-info {
  min-height: 50px;
  background-color: #c6e4c6;
  padding: 10px;
  margin-left: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}

.main-content .charts-container {
  min-height: 300px;
  padding-left: 40px;
  padding-right: 40px;
}

.main-content .charts-container .no-charts {
  margin-top: 30px;
}

.main-content .charts-container .chart-category {
  padding-top: 20px;
  font-size: 20px;
  padding-bottom: 10px;
}

.main-content .charts-container .the-chart {
  padding-top: 20px;
}

.main-content .footer-container {
  color: #747b81;
  font-size: 11px;
  line-height: 22px;
  text-align: center;
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #eaeaea;
}

.standard-section-title {
  padding: 30px 30px;
}

.standard-section-title .standard-section-image {
  margin-right: 10px;
  padding-bottom: 5px;
}

.standard-section-title .standard-section-name {
  color: #32373b;
  font-size: 32px;
}

.standard-section-title .standard-section-description {
  color: #747b81;
  font-size: 16px;
  margin-top: 10px;
  margin-left: 50px;
}

.standard-tabs .nav-tabs {
  border: 0;
  background-color: #f9fcf9;
}

.standard-tabs .nav-tabs a {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  border: 0;
}

.standard-tabs .nav-tabs a:hover, .standard-tabs .nav-tabs a:active, .standard-tabs .nav-tabs a:focus {
  text-decoration: none;
  outline: none;
  background-color: #f9fcf9;
}

.standard-tabs .nav-tabs > li {
  margin-bottom: 0;
}

.standard-tabs .nav-tabs > li > a {
  color: #b8c8ba;
  border: 0;
  border-bottom: 2px solid transparent;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 20px;
  margin-right: 20px;
  background-color: #f9fcf9;
  border-radius: 0;
}

.standard-tabs .nav-tabs > li.active > a {
  color: #747b81;
  border: 0;
  border-bottom-width: 2px;
  border-style: solid;
  border-color: #3cb54a;
  background-color: #f9fcf9;
}

.standard-tabs .tab-content {
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.standard-tabs .tab-content .content-container {
  margin-top: 20px;
}

.standard-tabs .tab-content .content-actions {
  padding-top: 20px;
  text-align: right;
}

.standard-tabs .no-charts {
  margin-left: 30px;
}

.standard-table thead > tr > td, .standard-table thead > tr > th, .standard-table tbody > tr > td, .standard-table tbody > tr > th {
  padding: 8px;
}

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

.standard-table thead > tr > th, .standard-table tbody > tr > th {
  vertical-align: top;
}

.standard-table thead > tr.total-row td, .standard-table thead > tr.total-row th, .standard-table tbody > tr.total-row td, .standard-table tbody > tr.total-row th {
  font-weight: bold;
}

.standard-table thead > tr.italic td, .standard-table thead > tr.italic th, .standard-table tbody > tr.italic td, .standard-table tbody > tr.italic th {
  font-style: italic;
}

.standard-table thead > tr > th {
  border-top: 1px solid #dcdee0;
  border-bottom: 1px solid #dcdee0;
}

.standard-table thead:first-child > tr:first-child > th {
  border-top: 1px solid #dcdee0;
  border-bottom: 1px solid #dcdee0;
}

.standard-table tbody > tr:nth-of-type(odd) {
  background-color: #f8f9f9;
}

.standard-table tbody > tr > td {
  border: none;
}

.standard-table .remove-button {
  border: none;
  background: none;
  color: #cc4c22;
  padding: 6px 12px;
  font-size: 18px;
}

.standard-table.sortable thead > tr > th {
  cursor: pointer;
}

.standard-table.sortable thead > tr > th.no-sort {
  cursor: default;
}

.simple-finanancial-table {
  width: 100%;
}

.simple-finanancial-table tr > th.value-col, .simple-finanancial-table tr > td.value-col {
  width: 140px;
}

.simple-finanancial-table tr > th.value-xlg-col, .simple-finanancial-table tr > td.value-xlg-col {
  width: 180px;
}

.simple-finanancial-table tr > th.value-lg-col, .simple-finanancial-table tr > td.value-lg-col {
  width: 160px;
}

.simple-finanancial-table tr > th.value-md-col, .simple-finanancial-table tr > td.value-md-col {
  width: 120px;
}

.simple-finanancial-table tr > th.value-sm-col, .simple-finanancial-table tr > td.value-sm-col {
  width: 100px;
}

.simple-finanancial-table tr > th.value-xs-col, .simple-finanancial-table tr > td.value-xs-col {
  width: 80px;
}

.simple-finanancial-table tr > th.single-button-col, .simple-finanancial-table tr > td.single-button-col {
  width: 20px;
  white-space: nowrap;
}

.modal-header {
  background-color: #32373b;
  color: #fff;
  border: none;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  font-size: 24px;
}

.modal-header .modal-close {
  float: right;
  vertical-align: middle;
  color: white;
  font-weight: bold;
  text-decoration: none;
  border-radius: 50%;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-top: 2px;
  font-size: 16px;
}

.modal-body .delete-map {
  margin-top: 20px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

.modal-actions {
  margin-top: 25px;
  text-align: right;
}

.short {
  width: 20%;
}

.get-started .header {
  padding: 35px 25px;
  position: relative;
  margin-bottom: 30px;
}

.get-started .header .heading {
  font-size: 32px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  color: #32373b;
  padding-left: 45px;
  background-image: url("../img/icon-star-large.png");
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: left center;
}

.get-started .header .sub-heading {
  padding-left: 45px;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  color: #747b81;
}

.get-started .header > .completion-summary {
  position: absolute;
  top: 100%;
  left: 50px;
  right: 50px;
  margin-top: -21px;
}

.get-started .header > .completion-summary > .bar {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #f9fafb;
  border: 1px solid #f0f2f3;
  border-radius: 3px;
}

.get-started .header > .completion-summary > .bar > .inner {
  background-color: #dcdee0;
  border-radius: 3px;
  height: 32px;
  overflow: hidden;
}

.get-started .header > .completion-summary > .bar > .inner > .completion {
  background-color: #f48a00;
  height: 100%;
}

.get-started .header > .completion-summary > .amounts {
  padding: 0 10px;
}

.get-started .header > .completion-summary > .amounts .text {
  color: #747b81;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
}

.get-started .header > .completion-summary > .amounts .num {
  color: #f48a00;
  font-weight: bold;
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
}

.get-started .header > .completion-summary > .amounts > .remaining {
  float: right;
}

.get-started .header > .completion-summary > .amounts > .remaining .num {
  color: #747b81;
}

.get-started .get-started-business-container {
  margin: 0 30px;
}

.get-started .get-started-business-container .get-started-business {
  margin-top: 20px;
}

.get-started .get-started-business-container .get-started-business .section-header {
  font-size: 20px;
  margin-bottom: 5px;
}

.get-started .get-started-business-container .get-started-business .farm {
  margin-top: 10px;
}

.get-started .get-started-business-container .step-info {
  margin-top: 20px;
}

.get-started .get-started-business-container .step-info .step-intro {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #747b81;
}

.get-started .get-started-business-container .step-info hr {
  border-color: #f1d6bc;
}

.get-started .get-started-business-container .step-info .step-help-heading {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #6a7278;
}

.get-started .get-started-business-container .step-info .step-help {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #747b81;
}

.get-started .get-started-section {
  border-top: 1px solid #d2dade;
  padding: 30px 50px;
}

.get-started .get-started-section .section-title {
  font-size: 22px;
  font-family: "Open Sans", sans-serif;
  color: #32373b;
  margin-bottom: 30px;
}

.get-started .get-started-section .steps-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.get-started .get-started-section .steps-list > .step {
  margin: 0 0 30px 0;
  padding: 0;
}

.get-started .get-started-section .steps-list > .step .complete-indicator {
  font-size: 14px;
  border: 1px solid #d1dadd;
  border-radius: 3px;
  color: #ffffff;
  padding: 6px 10px;
}

.get-started .get-started-section .steps-list > .step a {
  text-decoration: underline;
  margin-left: 10px;
  color: #747b81;
}

.get-started .get-started-section .steps-list > .step.last {
  margin: 0;
}

.get-started .get-started-section .steps-list > .step.complete a {
  font-style: italic;
  text-decoration: line-through;
}

.get-started .get-started-section .steps-list > .step.complete .complete-indicator {
  color: #f48a00;
}

.get-started-modal-header {
  padding: 18px;
  border: 1px solid #d0d9dc;
  background-color: #ffffff;
  font-size: 20px;
  position: relative;
}

.get-started-modal-header .modal-title {
  color: #32373b;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  padding-left: 34px;
  background-image: url("../img/icon-plus.png");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: left center;
}

.get-started-modal-header .modal-close {
  float: right;
  margin: -18px -18px -18px 0;
  padding: 18px;
  vertical-align: middle;
  text-align: center;
  border-left: 1px solid #d0d9dc;
  color: #e29782;
}

.get-started-modal-body {
  background-color: #fafafb;
  padding: 25px;
}

.get-started-modal-footer {
  border-top: 1px solid #d9e0e4;
  padding: 12px 25px 12px 25px;
}

.get-started-modal-footer .next-button {
  color: #ffffff;
  background-color: #32373b;
  border-radius: 3px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

.ng-pageslide {
  background: white;
  border-left: 1px solid #ddd;
}

body.ng-pageslide-body-open::before {
  content: '.';
  display: block;
  position: absolute;
  top: 0;
  background-color: black;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.5;
  transition: opacity 1s;
}

body.ng-pageslide-body-closed::before {
  transition: opacity 1s;
  opacity: 0;
  content: '.';
  display: block;
  position: absolute;
  top: 0;
  background-color: black;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.slide-panel-header {
  background-color: white;
  border: none;
  color: #3cb54a;
  font-size: 18px;
  padding: 5px 0px 5px 20px;
  border-bottom: 1px solid #ddd;
}

.slide-panel-header .slide-panel-close {
  float: right;
  vertical-align: middle;
  color: #ef8d18;
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  font-size: 16px;
  border-left: 1px solid #ddd;
}

.slide-panel-content {
  padding: 20px;
}

.slide-panel-content .generic-section {
  margin-bottom: 20px;
}

.slide-panel-content .generic-section a {
  color: #333333;
  text-decoration: none;
}

.slide-panel-content .generic-section .generic-collapse-section-header {
  font-size: 17px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAA5ElEQVQ4je3RIUtDYRjF8d+9E0HDMAh+mwWLQTAMg2ATGTbFsOQYCIJiGJhExGRwTAyajNptgkXQD2B1YSAz3Ee4XseV9Z32vud5/pz3PUxUVPL8+pZgH584HGO3hm00puKwF8YCdjH8B7CMHmbwnuIBzVjcwTkqJYA13ATgHq00jGNs4QsbuML0CEADl+FdYwX9NDdwhnUMsIpbzOb8Jk4j5UUkGkAeAl3U0cdSxJ3DAY6QoIPNSI2snVHvruEOVXxgPu7bsiZ/qZjkR49YzAGGsjr/AMog8BSJXmSffVIyO1FB31S8LbnALNqzAAAAAElFTkSuQmCC");
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 23px;
}

.slide-panel-content .generic-section a.collapsed .generic-collapse-section-header {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABBUlEQVQ4jZ3UTysEcRgH8M/6k3ehlKObvIKNwkVbkhNxcVJK3gAXSTlJ4iR5DXJRZItSastFLVdSltpyc/j9VtPs7ujnOT1P88znN/OdmpJM1Z7qsI4SdhTUyPDQb9+Xu1bO3DyArSKoVT25+Rrnsd/Exn+Qb1RwEedtrKUi0MQMLuO8i9VUpAVN40oIeQ8rqUgWuonQPpZTEfjCFG4jdIjFVAQamMBL3D/CaCoCcxiMfRWPqcgSDoTXqQo5NVOQBSGHEu4wic/8UhEyj2P04l7IpdFpsRsyi5MIPETgo9tpnZAKTiNQwzjeC564DRnDGfqFL1DGWxFA+6/gGXUhyDJe/wLgB7fZMMg6mtB9AAAAAElFTkSuQmCC");
}

.slide-panel-content .generic-section .section-content {
  padding: 4px;
  margin-top: 10px;
}

.slide-panel-content .generic-section .section-content li {
  margin-bottom: 10px;
}

.slide-panel-content .generic-section .section-content .link {
  padding: 2px;
  text-decoration: underline;
}

.slide-panel-content .generic-section .section-content .sub-section {
  font-size: 15px;
  font-weight: bold;
}

.slide-panel-content .generic-section .section-content .sub-section-content {
  margin-top: 10px;
}

.slide-panel-content .generic-section .section-content .quote {
  font-style: italic;
}

.slide-panel-content .generic-section .section-content .question {
  font-weight: bold;
  margin-left: 20px;
  margin-right: 20px;
}

.slide-panel-content .generic-section .section-content .list-info {
  margin-top: 10px;
}

.slide-panel-content .business-cash-flow-content .edit-button .fa {
  margin-right: 0px;
}

.slide-panel-content .missing-help-section-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
}

.slide-panel-content .content-header {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
}

.slide-panel-content .resource-title {
  font-weight: bold;
}

.sign-up-header, .activate-header, .login-header, .invitation-header, .forgot-password-header, .reset-password-header {
    position: relative;
    border-bottom: 3px solid #3cb54a;
    margin-bottom: 50px;
    background-color: #32373b;
    color: #8e9499;
    text-align: center;
}

.sign-up-header, .invitation-header {
  text-align: right;
}

.sign-up-header .logo-image, .invitation-header .logo-image {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 40px;
  width: 79px;
  margin-top: -20px;
  margin-left: -40px;
  border: none;
}

.sign-up-header .sign-up-link, .invitation-header .sign-up-link {
  display: inline-block;
  vertical-align: middle;
  margin-right: 60px;
  padding: 20px 0;
}

.sign-up-header .sign-up-link .text, .invitation-header .sign-up-link .text {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}

.sign-up-header .sign-up-link .btn, .invitation-header .sign-up-link .btn {
  border: 2px solid #c1c3c5;
  border-radius: 3px;
  color: #ffffff;
  text-transform: uppercase;
}

.activate-header, .login-header, .invitation-header, .forgot-password-header, .reset-password-header {
    padding: 20px 0;
}

.advisor-sub h1 {
  font-size: 20px !important;
}

.advisor-sub .table-div {
  margin-top: 20px;
  font-size: 12px;
}

.advisor-sub .edit-icon {
  margin-left: 10px;
  cursor: pointer;
}

.sign-up-page .image-header, .activate-page .image-header, .login-page .image-header, .advisor-sub .image-header, .invitation-page .image-header, .forgot-password-page .image-header, .reset-password-page .image-header {
    text-align: center;
    margin-bottom: 60px;
}

.sign-up-page h1, .activate-page h1, .login-page h1, .advisor-sub h1, .invitation-page h1, .forgot-password-page h1, .reset-password-page h1 {
    font-size: 22px;
    font-family: "Open Sans", sans-serif;
    color: #32373b;
    font-weight: bold;
    margin-top: 40px;
}

    .sign-up-page h1:first-of-type, .activate-page h1:first-of-type, .login-page h1:first-of-type, .advisor-sub h1:first-of-type, .invitation-page h1:first-of-type, .forgot-password-page h1:first-of-type, .reset-password-page h1:first-of-type {
        margin-top: 0;
    }

.sign-up-page .header, .activate-page .header, .login-page .header, .advisor-sub .header, .invitation-page .header, .forgot-password-page .header, .reset-password-page .header {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 32px;
    margin-bottom: 15px;
    color: #32373b;
}

.sign-up-page .sub-header, .activate-page .sub-header, .login-page .sub-header, .advisor-sub .sub-header, .invitation-page .sub-header, .forgot-password-page .sub-header, .reset-password-page .sub-header {
    text-align: center;
    margin-bottom: 30px;
    color: #747b81;
}

.sign-up-page .action-button, .activate-page .action-button, .login-page .action-button, .advisor-sub .action-button, .invitation-page .action-button, .forgot-password-page .action-button, .reset-password-page .action-button {
    color: #ffffff;
    background-color: #f48a00;
    text-transform: uppercase;
    padding: 10px 60px;
    width: 80%;
}

.sign-up-page .action-items, .sign-up-page .action-text, .activate-page .action-items, .activate-page .action-text, .login-page .action-items, .login-page .action-text, .advisor-sub .action-items, .advisor-sub .action-text, .invitation-page .action-text, .forgot-password-page .action-text, .reset-password-page .action-text {
    color: #939598;
    line-height: 2em;
    padding: 10px 0;
}

.sign-up-page .action-items, .activate-page .action-items, .login-page .action-items, .advisor-sub .action-items, .invitation-page .action-items, .forgot-password-page .action-items, .reset-password-page .action-items {
    padding: 30px 45px;
}

    .sign-up-page .action-items a, .activate-page .action-items a, .login-page .action-items a, .advisor-sub .action-items a, .invitation-page .action-items a, .forgot-password-page .action-items a, .reset-password-page .action-items a {
        color: #2996cc;
        white-space: nowrap;
    }

.sign-up-page .sign-up-complete-email, .activate-page .sign-up-complete-email, .login-page .sign-up-complete-email, .advisor-sub .sign-up-complete-email, .invitation-page .invitation-complete-email, .forgot-password-page .forgot-complete-email {
    font-weight: bold;
}

.login-page .login-page-contents-container {
  position: relative;
}

.public-navbar {
  background-color: #34393d;
  color: #b7c7bd;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}

.public-navbar .navbar-inverse {
  background-color: #34393d;
  border-color: #34393d;
  margin-bottom: 10px;
  margin-top: 10px;
}

.public-navbar .navbar-brand > img {
  margin-top: -15px;
}

.public-navbar .btn-try {
  background-color: #f48a00;
  border-radius: 3px 2px 2px 3px;
  box-shadow: 2.8px 2.8px 0 rgba(0, 0, 0, 0.05);
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 20px;
  width: 96px;
  height: 26px;
  padding-top: 2px;
  margin-top: 10px;
}

.marketing {
  background-image: url("../img/bg-pattern.png");
}

.marketing .section-divider {
  height: 4px;
  background-color: #83bc99;
  opacity: 1;
}

.marketing .shim {
  margin-top: 80px;
}

.marketing .intro {
  color: #83bc99;
  font-family: OpenSans;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
  margin-top: 20px;
}

.marketing .detail {
  color: #29292b;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 22px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.marketing .rel {
  position: relative;
}

.marketing .rel .abs {
  position: absolute;
  top: 30px;
  left: 30px;
}

.pay-btn {
  color: #ffffff;
  background-color: #f48a00;
  text-transform: uppercase;
  font-size: 12px;
}

.book-consultation {
  background-color: white;
}

.book-consultation .buttons {
  margin-top: 30px;
  margin-bottom: 30px;
}

.book-consultation .buttons .btn-free-trial, .book-consultation .buttons .btn-book {
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  border-radius: 3px 2px 2px 3px;
}

.book-consultation .buttons .btn-free-trial {
  background-color: #f48a00;
  border-color: #f48a00;
}

.book-consultation .btn-book {
  background-color: #32373b;
}

.your-farm, .features {
  margin-top: 20px;
}

.your-farm .title, .features .title {
  color: #cc4c22;
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  background-color: white;
  display: inline;
  padding-left: 20px;
  padding-right: 20px;
}

.your-farm .content, .features .content {
  color: #32373b;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin-top: 24px;
}

.your-farm .icon-set, .features .icon-set {
  margin-top: 46px;
}

.your-farm .icon-set .when h2, .features .icon-set .when h2 {
  color: #32373b;
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 18px;
  padding-bottom: 10px;
}

.your-farm .icon-set .when .description, .features .icon-set .when .description {
  color: #797979;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.collaborate {
  margin-top: 20px;
}

.collaborate .title {
  color: #3cb54a;
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  background-color: white;
  display: inline;
  padding-left: 20px;
  padding-right: 20px;
}

.collaborate .detail {
  margin-top: 10px;
}

.collaborate .detail .extra-padding {
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.collaborate .detail .description {
  color: #32373b;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
  text-align: left;
}

.testimonials {
  margin-top: 20px;
}

.testimonials .title {
  color: #3cb54a;
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  background-color: white;
  display: inline;
  padding-left: 20px;
  padding-right: 20px;
}

.testimonials .content {
  background-image: url("../img/testimonials-bg.png");
  margin-top: 40px;
  min-height: 290px;
}

.testimonials .content .testimonial-tile {
  padding-top: 30px;
  padding-bottom: 30px;
}

.testimonials .content .testimonial-tile .bubble {
  background-image: url("../img/bubble.png");
  background-repeat: no-repeat;
  color: #c72;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 24px;
  padding: 20px;
  text-align: left;
  min-height: 180px;
  margin: 10px;
  width: 340px;
}

.testimonials .content .testimonial-tile .user {
  margin-left: 45px;
}

.testimonials .content .testimonial-tile .user .details {
  margin-left: 55px;
  padding-top: 6px;
}

.testimonials .content .testimonial-tile .user .details .name {
  color: #423f57;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.testimonials .content .testimonial-tile .user .details .role {
  color: #797979;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  line-height: 18px;
}

.password-input-group {
  position: relative;
}

.password-input-group input[type=password].form-control.password-control, .password-input-group input[type=text].form-control.password-control {
  padding-right: 60px;
}

.password-input-group .show-password-toggle {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #3cb54a;
}

.view-case-studies {
  margin-top: 50px;
}

.view-case-studies .content {
  background-color: #2d3539;
  padding-left: 20px;
  padding-right: 20px;
}

.view-case-studies .content .detail {
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding-top: 20px;
}

.view-case-studies .content .btn-case-studies {
  background-color: white;
  color: #cc4c22;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  border-radius: 0px;
  border-color: white;
  text-transform: uppercase;
  margin-top: 12px;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.resources-and-academy {
  margin-top: 20px;
  margin-bottom: 50px;
}

.resources-and-academy .title {
  color: #3cb54a;
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  background-color: white;
  display: inline;
  padding-left: 20px;
  padding-right: 20px;
}

.resources-and-academy .content {
  color: #32373b;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin-top: 24px;
  text-align: left;
}

.resources-and-academy ul {
  list-style: none;
  list-style-position: outside;
  color: #c72;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  padding-left: 20px;
  text-indent: -20px;
  margin-top: 50px;
}

.resources-and-academy li:before {
  color: black;
  content: "> ";
  margin-right: 10px;
}

.resources-and-academy .resource-book {
  margin-top: 40px;
  padding-left: 20px;
}

.resources-and-academy .resource-book .book-title {
  color: #2d3539;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  margin-top: 30px;
  padding: 10px;
}

.resources-and-academy .view-more {
  margin-top: 30px;
}

.resources-and-academy .learn-more {
  margin-top: 23px;
}

.about-p2p-agri {
  margin-top: 20px;
}

.about-p2p-agri .add-padding {
  padding-top: 30px;
}

.about-p2p-agri .content {
  color: #2d3539;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 28px;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 40px;
}

.about-p2p-agri .action {
  text-align: left;
}

.about-p2p-agri .picture {
  border: 4px solid #e7ebed;
}

.about-p2p-agri .quote .content {
  color: rgba(204, 119, 34, 0.8);
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 30px;
}

.about-p2p-agri .quote .name {
  color: #32373b;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.about-p2p-agri .quote .title {
  color: #939598;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  line-height: 18px;
}

.sign-up {
  background-color: #e5bb90;
  margin-top: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.sign-up .intro {
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 27px;
  font-weight: 400;
  line-height: 30px;
}

.sign-up .info {
  color: #32373b;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.sign-up .btn-action {
  color: white;
  background-color: #32373b;
}

.section-divider {
  height: 6px;
  background-color: #578575;
  opacity: 0.4;
}

.footer {
  background-color: #32373b;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
}

.footer .add-bottom-padding {
  margin-bottom: 15px;
}

.footer .header {
  color: #f7f8fa;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.footer .entry {
  color: #939598;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 22px;
  text-transform: uppercase;
}

.footer .icon-set {
  margin-bottom: 30px;
}

.footer .icon-set .social-icon {
  margin-right: 10px;
}

.footer .text {
  color: #939598;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.footer .email {
  color: #cc4c22;
}

.footer .subscribe {
  padding-top: 10px;
}

.footer .subscribe .btn-action {
  background-color: #578575;
  color: white;
  border: 0px;
  border-radius: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.footer .subscribe input[type=text] {
  background-color: #ffffff;
  color: #747b81;
  height: 26px;
  padding: 8px 14px;
  width: 200px;
  border-radius: 0;
}

.copyright {
  background-color: #222528;
  padding-left: 45px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.copyright .content {
  color: #747b81;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 22px;
}

.triangles-background {
  background-repeat: no-repeat;
  background-image: url("../img/triangles.png");
  background-position: -115px 230px;
}

.btn-action {
  background-color: white;
  color: #179c49;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
  border: 2px solid #e7ebed;
  border-radius: 3px 2px 2px 3px;
  padding-left: 30px;
  padding-right: 30px;
}

.horizontal-header {
  background-repeat: repeat-x;
  background-image: url("../img/divider.png");
  background-position: 0;
  margin-top: 50px;
}

.account-settings {
  position: relative;
  padding: 0;
}

.account-settings > .top {
  background-color: #f9fcf9;
  padding: 60px 50px 0 50px;
}

.account-settings > .top > .header {
  font-family: "Open Sans", sans-serif;
}

.account-settings > .top > .header > .heading {
  background-image: url("../img/icon-cog-green.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 32px 32px;
  padding-left: 42px;
  margin-left: -26px;
  font-size: 32px;
  font-weight: bold;
  color: #32373b;
}

.account-settings > .top > .header > .sub-heading, .account-settings > .top > .header .sub-heading-smaller {
  font-size: 16px;
  color: #747b81;
  padding-left: 16px;
}

.account-settings > .top > .header > .sub-heading-smaller {
  margin-top: 6px;
  font-size: 14px;
}

.account-settings > .top > .tabs {
  font-family: "Open Sans", sans-serif;
  list-style: none;
  margin: 40px 0 0 0;
  padding: 0;
}

.account-settings > .top > .tabs > .tab {
  width: 25%;
  text-align: center;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.account-settings > .top > .tabs > .tab a {
  color: #b8c8ba;
  border-bottom: 2px solid transparent;
  padding: 6px;
  display: inline-block;
  font-size: 18px;
  text-decoration: none;
}

.account-settings > .top > .tabs > .tab.active a {
  color: #747b81;
  border-bottom-color: #3cb54a;
}

.account-settings > .settings-item {
  padding: 50px 40px;
}

.account-settings > .settings-item.account > h1 {
  font-size: 22px;
  font-family: "Open Sans", sans-serif;
  color: #32373b;
  font-weight: bold;
  margin-top: 40px;
}

.account-settings > .settings-item.account > h1:first-of-type {
  margin-top: 0;
}

.account-settings > .settings-item.account .action-items, .account-settings > .settings-item.account .action-text {
  color: #939598;
  line-height: 2em;
  padding: 10px 0;
}

.account-settings > .settings-item.account .action-items {
  padding: 30px 45px;
}

.account-settings > .settings-item.account .action-items .action-button {
  color: #ffffff;
  background-color: #f48a00;
  text-transform: uppercase;
  padding: 10px 60px;
  width: 80%;
}

.account-settings > .settings-item.people .people-block > .header {
  vertical-align: middle;
  line-height: 34px;
  margin-bottom: 5px;
}

.account-settings > .settings-item.people .people-block > .header > .heading {
  display: inline-block;
  font-size: 22px;
  font-family: "Open Sans", sans-serif;
  color: #32373b;
  font-weight: bold;
}

.account-settings > .settings-item.people .people-block > .header > .actions {
  float: right;
  display: inline-block;
}

.account-settings > .settings-item.people .people-block > .header > .actions .settings-dropdown-menu .settings-dropdown-toggle {
  display: inline-block;
  padding: 0 12px;
  border: 1px solid #d1dadd;
  border-radius: 3px;
}

.account-settings > .settings-item.people .people-block > .header > .actions .settings-dropdown-menu .settings-dropdown-toggle .text {
  display: block;
  color: #747b81;
  padding-right: 60px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAbklEQVQImW3LoQ3CQACF4Y8LooqESZgDFukEIKoR3Ax4RsBQXzQJBtJ0hxNVCEybXJv+8uV7q3fbbXBDhZflzgE/bFFjt4AuqAJ67PHFY4YjTijDMKQBfzIccUSJ6zp7JxxwR4NiRBBMG/EzR/AHcqcYT+HRS1YAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: right center;
}

.account-settings > .settings-item.people .people-block > .header > .actions .settings-dropdown-menu .settings-dropdown-toggle .icon {
  color: #404448;
  font-size: 18px;
}

.account-settings > .settings-item.people .people-block > .header > .actions .settings-dropdown-menu .settings-dropdown-toggle .icon .fa {
  vertical-align: middle;
}

.account-settings > .settings-item.people .people-block > .sub-header {
  clear: both;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  color: #747b81;
  margin-bottom: 30px;
}

.account-settings > .settings-item.people .people-block > .person {
  display: table;
  width: 100%;
}

.account-settings > .settings-item.people .people-block > .person > .inner {
  display: table-row;
}

.account-settings > .settings-item.people .people-block > .person > .inner > .image, .account-settings > .settings-item.people .people-block > .person > .inner > .details, .account-settings > .settings-item.people .people-block > .person > .inner > .actions {
  display: table-cell;
}

.account-settings > .settings-item.people .people-block > .person > .inner > .image {
  background-color: #def1e0;
  width: 104px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  overflow: hidden;
}

.account-settings > .settings-item.people .people-block > .person > .inner > .image img {
  width: 100%;
}

.account-settings > .settings-item.people .people-block > .person > .inner > .details {
  border-top: 1px solid #def1e0;
  border-bottom: 1px solid #def1e0;
  padding: 20px;
  vertical-align: middle;
}

.account-settings > .settings-item.people .people-block > .person > .inner > .details > .name {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  color: #32373b;
  margin-bottom: 5px;
}

.account-settings > .settings-item.people .people-block > .person > .inner > .details > .name > .text {
  display: inline-block;
  vertical-align: middle;
}

.account-settings > .settings-item.people .people-block > .person > .inner > .details > .name > .role {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  background-color: #3cb54a;
  padding: 3px 8px;
  border-radius: 11px;
  font-size: 11px;
  font-family: "Open Sans", sans-serif;
  margin-left: 10px;
  text-transform: lowercase;
}

.account-settings > .settings-item.people .people-block > .person > .inner > .details > .email {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  color: #747b81;
}

.account-settings > .settings-item.people .people-block > .person > .inner > .actions {
  vertical-align: middle;
  width: 100px;
  border-top: 1px solid #def1e0;
  border-bottom: 1px solid #def1e0;
  border-right: 1px solid #def1e0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.account-settings > .settings-item.people .people-block > .person > .inner > .actions .btn {
  color: #404448;
  border: 1px solid #d6dee0;
  background-color: #ffffff;
  padding: 8px 12px;
}

.account-settings > .settings-item.people .people-block > .person > .inner > .actions .btn .fa {
  margin-right: 6px;
}

.account-settings > .settings-item.people .people-block > .person + .person {
  margin-top: 20px;
}

.account-settings > .settings-item.people .people-block > .no-person {
  padding: 30px 0;
  text-align: center;
  color: #b7c7b9;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  background-color: #f9fcf9;
  border: 1px solid #def1e0;
  border-radius: 6px;
}

.account-settings > .settings-item.people > hr {
  margin: 80px 0 30px 0;
}

.account-settings > .settings-item.subscription > h1 {
  font-size: 22px;
  font-family: "Open Sans", sans-serif;
  color: #32373b;
  font-weight: bold;
  margin-top: 40px;
}

.account-settings > .settings-item.subscription > h1:first-of-type {
  margin-top: 0;
}

.account-settings > .settings-item.subscription .action-items, .account-settings > .settings-item.subscription .action-text {
  color: #939598;
  line-height: 2em;
  padding: 10px 0;
}

.account-settings > .settings-item.subscription .action-items {
  padding: 30px 45px;
}

.account-settings > .settings-item.subscription .action-items .action-button {
  color: #ffffff;
  background-color: #f48a00;
  text-transform: uppercase;
  padding: 10px 60px;
  width: 80%;
}

.user-pay > h1 {
  font-size: 22px;
  font-family: "Open Sans", sans-serif;
  color: #32373b;
  font-weight: bold;
  margin-top: 40px;
}

.user-pay > h1:first-of-type {
  margin-top: 0;
}

.user-pay .radio-btn {
  clear: both;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  margin-left: 15px;
  margin-top: 10px;
}

.user-pay .comment {
  padding: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  color: #f48a00;
  padding: 10px;
}

.user-pay .plan-price {
  font-size: 56px;
  color: #2c8beb;
  font-weight: 300;
  height: 54px;
  line-height: 40px;
  white-space: nowrap;
}

.user-pay .inclusive-vat {
  color: #2c8beb;
  padding-bottom: 10px;
}

.user-pay .superscript {
  font-size: 18px;
  vertical-align: top;
  font-weight: inherit;
  display: inline-block;
  white-space: nowrap;
  line-height: 18px;
}

.user-pay .frequency {
  vertical-align: bottom;
  margin-left: -21px;
}

.user-subscription > h1 {
  font-size: 22px;
  font-family: "Open Sans", sans-serif;
  color: #32373b;
  font-weight: bold;
  margin-top: 40px;
}

.user-subscription > h1:first-of-type {
  margin-top: 0;
}

.user-subscription .action-items, .user-subscription .action-text {
  color: #939598;
  line-height: 2em;
  padding: 10px 0;
}

.user-add-modal {
  /*.action-button {
        color: #ffffff;
        background-color: #f48a00;
        text-transform: uppercase;
        padding: 8px 12px;
    }

    .cancel-button {
        color: #404448;
        border: 1px solid #d6dee0;
        background-color: #ffffff;
        padding: 8px 12px;
    }*/
}

.user-add-modal .email-input-container {
  position: relative;
}

.user-add-modal .email-input-container .email-indicator {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 20px;
  background-color: #ffffff;
  border-radius: 4px;
  text-align: center;
}

.user-add-modal .email-input-container .email-indicator.tick {
  color: #3cb54a;
}

.user-add-modal .email-input-container .email-indicator.plus {
  color: #2996cc;
}

.user-add-modal .email-input-container .email-indicator .fa {
  line-height: 36px;
}

.user-add-modal .remove-button {
  background-color: #cc4c22;
  float: left;
}

.user-add-modal .cancel-button + .action-button {
  margin-left: 10px;
}

.get-started-step .section-header {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #9d9ea0;
  margin: 20px 0;
}

.get-started-step .section-header.first {
  margin-top: 0;
}

.get-started-step .section-header .section-remove {
  color: #e29782;
  border: 2px solid #c1c3c5;
  border-radius: 0;
  background-color: transparent;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}

.get-started-step .add-farm-button-section {
  text-align: center;
}

.get-started-step .add-farm-button-section .add-farm-button {
  border: 2px solid #c1c3c5;
  border-radius: 3px;
  color: #6a7278;
  background-color: transparent;
  text-transform: uppercase;
  font-size: 11px;
  border: 14px 28px;
}

.get-started-step .step-info .step-intro {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #747b81;
}

.get-started-step .step-info hr {
  border-color: #f1d6bc;
}

.get-started-step .step-info .step-help-heading {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #6a7278;
}

.get-started-step .step-info .step-help {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #747b81;
}

.farm-edit .farm-type {
  padding-top: 5px;
  padding-left: 10px;
}

.farm-edit .row-spacer {
  margin-bottom: 3px;
}

.farm-edit .enterprise-selection .selection-detail {
  padding: 10px;
}

.farm-edit .enterprise-selection .ledger {
  padding-left: 35px;
}

.farm-edit .enterprise-selection a {
  color: #000000;
  text-decoration: none;
}

.farm-edit .enterprise-selection hr {
  margin-top: 5px;
  margin-bottom: 10px;
}

.farm-edit .enterprise-selection .enterprise-container {
  margin-top: 10px;
}

.farm-edit .enterprise-selection .enterprise-container .enterprise-group {
  margin-bottom: 10px;
}

.farm-edit .enterprise-selection .enterprise-container .enterprise-group .enterprise-section-header {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAA5ElEQVQ4je3RIUtDYRjF8d+9E0HDMAh+mwWLQTAMg2ATGTbFsOQYCIJiGJhExGRwTAyajNptgkXQD2B1YSAz3Ee4XseV9Z32vud5/pz3PUxUVPL8+pZgH584HGO3hm00puKwF8YCdjH8B7CMHmbwnuIBzVjcwTkqJYA13ATgHq00jGNs4QsbuML0CEADl+FdYwX9NDdwhnUMsIpbzOb8Jk4j5UUkGkAeAl3U0cdSxJ3DAY6QoIPNSI2snVHvruEOVXxgPu7bsiZ/qZjkR49YzAGGsjr/AMog8BSJXmSffVIyO1FB31S8LbnALNqzAAAAAElFTkSuQmCC");
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 23px;
}

.farm-edit .enterprise-selection .enterprise-container .enterprise-group a.collapsed .enterprise-section-header {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABBUlEQVQ4jZ3UTysEcRgH8M/6k3ehlKObvIKNwkVbkhNxcVJK3gAXSTlJ4iR5DXJRZItSastFLVdSltpyc/j9VtPs7ujnOT1P88znN/OdmpJM1Z7qsI4SdhTUyPDQb9+Xu1bO3DyArSKoVT25+Rrnsd/Exn+Qb1RwEedtrKUi0MQMLuO8i9VUpAVN40oIeQ8rqUgWuonQPpZTEfjCFG4jdIjFVAQamMBL3D/CaCoCcxiMfRWPqcgSDoTXqQo5NVOQBSGHEu4wic/8UhEyj2P04l7IpdFpsRsyi5MIPETgo9tpnZAKTiNQwzjeC564DRnDGfqFL1DGWxFA+6/gGXUhyDJe/wLgB7fZMMg6mtB9AAAAAElFTkSuQmCC");
}

.farm-edit .enterprise-selection .enterprise-container .enterprise-group .enterprise-item {
  margin-left: 40px;
  margin-top: 2px;
}

.farm-edit .enterprise-selection .enterprise-container .enterprise-group .fa {
  margin-right: 5px;
}

.farm-edit .enterprise-selection .enterprise-container .enterprise-group .add .fa {
  color: green;
}

.farm-edit .enterprise-selection .enterprise-container .enterprise-group .delete .fa {
  color: #cc4c22;
}

.farm-edit .land-use .inline-search-area {
  margin-top: 20px;
}

.farm-edit .land-use .land-uses .use {
  display: inline-block;
  width: 160px;
  margin: 5px;
  border: 1px solid #d1dadd;
  border-radius: 3px;
  padding: 6px 10px;
  text-decoration: none;
}

.farm-edit .land-use .land-uses .use .name {
  display: block;
  color: #3f4448;
  font-size: 14px;
  text-decoration: underline;
}

.farm-edit .land-use .land-uses .use .name .fa {
  margin-left: 5px;
  float: right;
  color: #cc4c22;
}

.farm-edit .land-use .land-uses .use .type {
  display: block;
  color: #9d9ea0;
  font-size: 12px;
  text-decoration: none;
}

.farm-edit .land-use .land-uses .use:hover, .farm-edit .land-use .land-uses .use:active, .farm-edit .land-use .land-uses .use:focus {
  text-decoration: none;
}

.farm-edit .land-use .land-uses .use:hover .name, .farm-edit .land-use .land-uses .use:active .name, .farm-edit .land-use .land-uses .use:focus .name {
  text-decoration: underline;
}

.farm-edit .land-use .land-uses.searched {
  margin-top: 20px;
  max-height: 130px;
  overflow: auto;
}

.farm-edit .land-use .land-uses.searched .name .fa {
  color: #f48a00;
}

.farm-edit .land-use .add-land-use > .heading {
  font-family: "Open Sans", sans-serif;
  color: #32373b;
  margin-bottom: 10px;
}

.farm-edit .land-use .add-land-use .action-button {
  color: #32373b;
  background-color: #fafafb;
  border: 2px solid #c1c3c5;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 12px;
  height: 38px;
}

.inline-search-area {
  position: relative;
  display: table;
  width: 100%;
  border-radius: 0;
  margin-top: 10px;
}

.inline-search-area .search-inner {
  display: table-row;
}

.inline-search-area .search-inner label {
  font-weight: normal;
  margin-left: 4px;
  margin-top: 10px;
  padding-right: 10px;
}

.inline-search-area .search-inner .search-label, .inline-search-area .search-inner .search-input, .inline-search-area .search-inner .search-button {
  display: table-cell;
  vertical-align: middle;
}

.inline-search-area .search-inner .search-label, .inline-search-area .search-inner .search-button {
  width: 20px;
  white-space: nowrap;
}

.inline-search-area .search-inner .search-label {
  font-family: "Open Sans", sans-serif;
  color: #32373b;
  padding-right: 20px;
}

.inline-search-area .search-inner .search-input {
  width: 100%;
}

.inline-search-area .search-inner .search-input input[type=text], .inline-search-area .search-inner .search-input input[type=search] {
  width: 100%;
  border: 1px solid #f0f2f3;
  padding: 8px;
  height: 40px;
}

.inline-search-area .search-inner .search-button .btn-search {
  color: #32373b;
  background-color: #fafafb;
  border: 2px solid #c1c3c5;
  border-radius: 0;
  height: 40px;
}

.farmer-pasture .pasture-title {
  padding: 30px 30px;
}

.farmer-pasture .pasture-title .pasture-image {
  margin-right: 10px;
  padding-bottom: 5px;
}

.farmer-pasture .pasture-title .pasture-name {
  color: #32373b;
  font-size: 32px;
  line-height: 20px;
}

.farmer-pasture .pasture-title .pasture-description {
  color: #747b81;
  font-size: 16px;
  margin-top: 10px;
  margin-left: 50px;
}

.farmer-pasture .pasture-content {
  padding: 40px 50px 0px 50px;
}

.farmer-pasture .pasture-content .pasture-allocation, .farmer-pasture .pasture-content .pasture-supplementary-feed {
  padding-top: 40px;
}

.farmer-pasture .pasture-content .pasture-allocation .button-padding, .farmer-pasture .pasture-content .pasture-supplementary-feed .button-padding {
  margin-top: 10px;
}

.farmer-pasture .pasture-content .pasture-supplementary-feed .mjme-spec {
  margin-top: 20px;
  margin-bottom: 10px;
}

.farmer-pasture .pasture-content .pasture-supplementary-feed .mjme-spec input[type=text] {
  height: 28px;
  padding: 4px;
  width: 60px;
  border-radius: 2px;
  text-align: right;
}

.farmer-pasture .pasture-content .pasture-supplementary-feed .mjme-spec input[type='text']:focus {
  text-align: left;
}

.farmer-pasture .pasture-content .pasture-supplementary-feed .recommendation {
  font-size: 12px;
  font-style: italic;
  margin-left: 6px;
}

.farmer-pasture .pasture-content .pasture-supplementary-feed .supplementary-feed-lookup .generic-collapse-section-header {
  font-size: 16px;
}

.farmer-pasture .pasture-content .pasture-supplementary-feed .supplementary-feed-lookup .lookup-table {
  margin-top: 10px;
}

.farmer-pasture .pasture-content .pasture-table .table-label {
  padding-top: 12px;
}

.farmer-pasture .pasture-content .pasture-table input[type=text] {
  height: 28px;
  padding: 4px;
  border-radius: 2px;
  text-align: right;
}

.farmer-pasture .pasture-content .pasture-table input[type='text']:focus {
  text-align: left;
}

.farmer-pasture .pasture-content .pasture-table tfoot {
  background-color: #eee;
  border: 1px solid #ddd;
}

.farmer-pasture .pasture-content .pasture-table .summary, .farmer-pasture .pasture-content .pasture-table .summary-error {
  border: 0;
  background-color: #eee;
  color: black;
  font-weight: bold;
}

.farmer-pasture .pasture-content .pasture-table .summary-error {
  color: red;
}

.farmer-pasture .pasture-content .pasture-table .th-area {
  font-weight: normal;
  font-style: italic;
}

.farmer-pasture .pasture-content .pasture-table .readonly-field {
  border: 0;
  font-weight: bold;
  color: black;
}

.farmer-pasture .pasture-content .pasture-table .feed-name {
  width: 120px !important;
  text-align: left !important;
}

.farmer-pasture .pasture-content .pasture-table .feed-name-readonly {
  width: 120px !important;
  text-align: left !important;
  border: 0px;
}

.farmer-pasture .pasture-content .pasture-table .create-row {
  margin-top: 20px;
}

.farm-livestock .livestock-title {
  padding: 30px 30px;
}

.farm-livestock .livestock-title .dropdown-menu {
  z-index: 2000;
}

.farm-livestock .livestock-title .livestock-image {
  margin-right: 10px;
  padding-bottom: 5px;
}

.farm-livestock .livestock-title .livestock-name {
  color: #32373b;
  font-size: 32px;
  line-height: 20px;
}

.farm-livestock .livestock-title .livestock-description {
  color: #747b81;
  font-size: 16px;
  margin-top: 10px;
  margin-left: 50px;
}

.farm-livestock .livestock-tabs .actions {
  margin-bottom: 20px;
}

.farm-livestock .livestock-tabs .nav-tabs {
  border: 0;
  background-color: #f9fcf9;
}

.farm-livestock .livestock-tabs .nav-tabs a {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  border: 0;
}

.farm-livestock .livestock-tabs .nav-tabs a:hover, .farm-livestock .livestock-tabs .nav-tabs a:active, .farm-livestock .livestock-tabs .nav-tabs a:focus {
  text-decoration: none;
  outline: none;
  background-color: #f9fcf9;
}

.farm-livestock .livestock-tabs .nav-tabs > li.active > a {
  color: #747b81;
  border: 0;
  border-style: solid;
  border-color: #3cb54a;
  border-bottom-width: 2px;
  background-color: #f9fcf9;
}

.farm-livestock .livestock-tabs .nav-tabs > li > a {
  color: #b8c8ba;
  border: 0;
  border-bottom: 2px solid transparent;
  margin-left: 30px;
  background-color: #f9fcf9;
  border-radius: 0;
  position: relative;
}

.farm-livestock .livestock-tabs .nav-tabs .delete-livestock {
  color: #cc4c22;
  font-size: 16px;
  margin-left: 6px;
}

.farm-livestock .livestock-tabs .tab-content {
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.farm-livestock .livestock-tabs .tab-content .dse-container {
  padding-left: 20px;
  padding-right: 20px;
}

.farm-livestock .livestock-tabs .tab-content .dse-container .livestock-table input[type=text] {
  height: 28px;
  padding: 4px;
  border-radius: 2px;
  text-align: right;
}

.farm-livestock .livestock-tabs .tab-content .dse-container .livestock-table input[type='text']:focus {
  text-align: left;
}

.farm-livestock .livestock-tabs .tab-content .dse-container .dse-recommendation {
  margin-top: 30px;
}

.farm-livestock .livestock-tabs .tab-content .dse-container .dse-recommendation .dse-data-header {
  font-size: 18px;
}

.farm-livestock .livestock-tabs .tab-content .dse-container .dse-recommendation .generic-collapse-section-header {
  font-size: 16px;
  margin-top: 8px;
}

.farm-livestock .livestock-tabs .tab-content .dse-container .wool-income {
  margin-top: 30px;
}

.farm-livestock .livestock-tabs .tab-content .dse-container .wool-income .wool-income-header {
  font-size: 18px;
}

.farm-livestock .livestock-tabs .tab-content .dse-container .wool-income .wool-income-detail {
  margin-top: 10px;
}

.farm-livestock .livestock-tabs .tab-content .dse-container .wool-income .wool-income-detail .bale-label {
  padding-top: 5px;
}

.farm-livestock .livestock-tabs .tab-content .reconciliation-container {
  padding-top: 40px;
}

.farm-livestock .livestock-tabs .tab-content .reconciliation-container .reconciliation-info {
  margin-top: 6px;
}

.farm-livestock .livestock-tabs .tab-content .reconciliation-container .recon-table {
  margin-top: 20px;
}

.farm-livestock .livestock-tabs .tab-content .reconciliation-container .recon-table td {
  padding: 4px;
}

.farm-livestock .livestock-tabs .tab-content .reconciliation-container .recon-table .table-label {
  padding-top: 12px;
}

.farm-livestock .livestock-tabs .tab-content .reconciliation-container .recon-table input[type=text] {
  height: 28px;
  padding: 0px 2px;
  border-radius: 0px;
  text-align: right;
}

.farm-livestock .livestock-tabs .tab-content .reconciliation-container .recon-table input[type='text']:focus {
  text-align: left;
}

.farm-livestock .livestock-tabs .tab-content .reconciliation-container .recon-table tfoot {
  background-color: #eee;
  border: 1px solid #ddd;
}

.farm-livestock .livestock-tabs .tab-content .reconciliation-container .recon-table .summary, .farm-livestock .livestock-tabs .tab-content .reconciliation-container .recon-table .summary-error {
  border: 0;
  background-color: #eee;
  color: black;
  font-weight: bold;
}

.farm-livestock .livestock-tabs .tab-content .reconciliation-container .recon-table .summary-error {
  color: red;
}

.farm-livestock .livestock-tabs .tab-content .reconciliation-container .recon-table .th-area {
  font-weight: normal;
  font-style: italic;
}

.farm-livestock .livestock-tabs .tab-content .reconciliation-container .recon-table .readonly-field {
  border: 0;
  font-weight: bold;
  color: black;
}

.farm-livestock .livestock-tabs .tab-content .supplementary-feeding-container {
  padding-top: 40px;
}

.farm-livestock .livestock-tabs .tab-content .supplementary-feeding-container .avg-dse-label {
  font-size: 14px;
}

.farm-livestock .livestock-tabs .tab-content .supplementary-feeding-container .supplementary-feeding-table {
  padding: 20px;
}

.farm-livestock .livestock-tabs .tab-content .supplementary-feeding-container .supplementary-feeding-table input[type=text] {
  height: 28px;
  padding: 4px;
  width: 120px;
  border-radius: 0px;
  text-align: right;
}

.farm-livestock .livestock-tabs .tab-content .supplementary-feeding-container .supplementary-feeding-table input[type='text']:focus {
  text-align: left;
}

.farm-livestock .livestock-tabs .tab-content .supplementary-feeding-container .supplementary-feeding-table .feed-title {
  font-weight: bold;
  margin-bottom: 10px;
}

.farm-livestock .livestock-tabs .tab-content .supplementary-feeding-container .readonly-field {
  border: 0;
  font-weight: bold;
  color: black;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container {
  padding-top: 40px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .variable-cost-section-title {
  font-size: 18px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs {
  padding-top: 30px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-table td {
  padding: 4px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-table input[type=text] {
  height: 28px;
  padding: 4px;
  border-radius: 2px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-table input[type='text']:focus {
  text-align: left;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-table .cost-name {
  text-align: left;
  border: 0px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-table .cost-value {
  text-align: right;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-table .create-row {
  margin-top: 20px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-item-table td {
  padding: 4px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-item-table input[type=text] {
  height: 28px;
  padding: 0px 2px;
  border-radius: 0px;
  text-align: right;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-item-table input[type='text']:focus {
  text-align: left;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .purchases {
  padding-top: 30px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .purchases .purchases-table td {
  padding: 4px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .purchases .purchases-table input[type=text] {
  height: 28px;
  padding: 4px;
  border-radius: 2px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .purchases .purchases-table input[type='text']:focus {
  text-align: left;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .purchases .purchases-table .cost-value {
  text-align: right;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .wool-sales {
  margin-top: 30px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .wool-sales .first-group {
  margin-top: 20px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .wool-sales .wool-sales-detail {
  margin-top: 10px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .wool-sales .wool-sales-detail .bale-label {
  padding-top: 5px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .wool-sales .wool-sales-detail .bale-value {
  padding-top: 4px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .wool-sales .wool-sales-detail input[type=text] {
  height: 28px;
  padding: 4px;
  border-radius: 2px;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .wool-sales .wool-sales-detail input[type='text']:focus {
  text-align: left;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .wool-sales .wool-sales-detail .cost-value {
  text-align: right;
}

.farm-livestock .livestock-tabs .tab-content .variable-cost-container .wool-sales .wool-sales-detail .shearing-cost-label {
  margin-left: 20px;
}

.farm-livestock .livestock-content {
  padding: 40px 50px 0px 50px;
}

.manage-livestock {
  padding: 10px;
}

.manage-livestock .group-title {
  padding: 10px;
  font-size: 16px;
}

.manage-livestock .livestock-types .use {
  display: inline-block;
  width: 160px;
  margin: 5px;
  border: 1px solid #d1dadd;
  border-radius: 3px;
  padding: 6px 10px 16px 10px;
  text-decoration: none;
}

.manage-livestock .livestock-types .use .name {
  display: block;
  color: #3f4448;
  font-size: 14px;
  text-decoration: underline;
}

.manage-livestock .livestock-types .use .name .fa {
  margin-left: 5px;
  float: right;
  color: green;
}

.manage-livestock .livestock-types .use .type {
  display: block;
  color: #9d9ea0;
  font-size: 12px;
  text-decoration: none;
}

.manage-livestock .livestock-types .use:hover, .manage-livestock .livestock-types .use:active, .manage-livestock .livestock-types .use:focus {
  text-decoration: none;
}

.manage-livestock .livestock-types .use:hover .name, .manage-livestock .livestock-types .use:active .name, .manage-livestock .livestock-types .use:focus .name {
  text-decoration: underline;
}

.manage-livestock .livestock-types.searched .name .fa {
  color: #f48a00;
}

.farm-cropping .cropping-content {
  padding: 40px 50px 0px 50px;
}

.farm-cropping .cropping-content .cropping-yield, .farm-cropping .cropping-content .cropping-variable-costs {
  padding-top: 40px;
}

.farm-cropping .cropping-content .cropping-table .cropping-prices-table {
  padding-left: 20px;
  padding-right: 20px;
}

.farm-cropping .cropping-content .cropping-table .cropping-prices-table .table-label {
  padding-top: 12px;
}

.farm-cropping .cropping-content .cropping-table .cropping-prices-table input[type=text] {
  height: 28px;
  padding: 4px;
  border-radius: 2px;
  text-align: right;
}

.farm-cropping .cropping-content .cropping-table .cropping-prices-table input[type='text']:focus {
  text-align: left;
}

.farm-cropping .cropping-content .cropping-table .cropping-prices-table tfoot {
  background-color: #eee;
  border: 1px solid #ddd;
}

.farm-cropping .cropping-content .cropping-table .cropping-prices-table .summary, .farm-cropping .cropping-content .cropping-table .cropping-prices-table .summary-error {
  border: 0;
  background-color: #eee;
  color: black;
  font-weight: bold;
}

.farm-cropping .cropping-content .cropping-table .cropping-prices-table .summary-error {
  color: red;
}

.farm-cropping .cropping-content .cropping-table .cropping-prices-table .th-area {
  font-weight: normal;
  font-style: italic;
}

.farm-cropping .cropping-content .cropping-table .cropping-prices-table .readonly-field {
  border: 0;
}

.farm-cropping .cropping-content .cropping-prices-table .dropdown {
  padding: 4px;
  height: 30px;
}

.farm-cropping .cropping-content .cropping-prices-table input[type=text] {
  height: 28px;
  padding: 4px;
  border-radius: 2px;
  text-align: right;
  width: 120px;
}

.farm-cropping .cropping-content .cropping-yield .farm-yield {
  padding-top: 10px;
}

.farm-cropping .cropping-content .cropping-yield .farm-yield .farm-name {
  padding-left: 4px;
  padding-bottom: 4px;
  font-size: 16px;
}

.farm-cropping .cropping-content .historical-data-container {
  margin-top: 20px;
}

.farm-cropping .cropping-content .historical-data-container .historical-data-year {
  margin-left: 10px;
  font-size: 18px;
}

.farm-cropping .cropping-content .historical-data-container .content-panel {
  padding: 20px;
  border: 1px solid #eaeaea;
}

.farm-paddock .paddock-container {
  padding: 1px 50px 0px 50px;
}

.farm-paddock .paddock-container .production-cycles td, .farm-paddock .paddock-container .paddock-specs td {
  vertical-align: middle;
}

.farm-paddock .paddock-container .production-cycles .paddock-table .table-label.same-paddock, .farm-paddock .paddock-container .paddock-specs .paddock-table .table-label.same-paddock {
  border-top: 1px solid transparent;
}

.farm-paddock .paddock-container .production-cycles .paddock-table select, .farm-paddock .paddock-container .paddock-specs .paddock-table select {
  padding: 4px;
  height: 28px;
}

.farm-paddock .paddock-container .production-cycles .paddock-table input[type=text], .farm-paddock .paddock-container .paddock-specs .paddock-table input[type=text] {
  height: 28px;
  padding: 4px;
  width: 60px;
  border-radius: 2px;
}

.farm-paddock .paddock-container .production-cycles .paddock-table input[type='text']:focus, .farm-paddock .paddock-container .paddock-specs .paddock-table input[type='text']:focus {
  text-align: left;
}

.farm-paddock .paddock-container .production-cycles .paddock-table .paddock-name, .farm-paddock .paddock-container .paddock-specs .paddock-table .paddock-name {
  text-align: left;
}

.farm-paddock .paddock-container .production-cycles .paddock-table .paddock-value, .farm-paddock .paddock-container .paddock-specs .paddock-table .paddock-value {
  text-align: right;
}

.farm-paddock .paddock-container .production-cycles .paddock-table tfoot, .farm-paddock .paddock-container .paddock-specs .paddock-table tfoot {
  background-color: #eee;
  border: 1px solid #ddd;
}

.farm-paddock .paddock-container .production-cycles .paddock-table .summary, .farm-paddock .paddock-container .production-cycles .paddock-table .summary-error, .farm-paddock .paddock-container .paddock-specs .paddock-table .summary, .farm-paddock .paddock-container .paddock-specs .paddock-table .summary-error {
  border: 0;
  background-color: #eee;
  color: black;
  font-weight: bold;
}

.farm-paddock .paddock-container .production-cycles .paddock-table .summary-error, .farm-paddock .paddock-container .paddock-specs .paddock-table .summary-error {
  color: red;
}

.farm-paddock .paddock-container .production-cycles .paddock-table .th-area, .farm-paddock .paddock-container .paddock-specs .paddock-table .th-area {
  font-weight: normal;
  font-style: italic;
}

.farm-paddock .paddock-container .production-cycles .paddock-table .readonly-field, .farm-paddock .paddock-container .paddock-specs .paddock-table .readonly-field {
  border: 0;
}

.farm-paddock .paddock-container .production-cycles .paddock-table .moved-row-add, .farm-paddock .paddock-container .production-cycles .paddock-table .moved-row-remove, .farm-paddock .paddock-container .paddock-specs .paddock-table .moved-row-add, .farm-paddock .paddock-container .paddock-specs .paddock-table .moved-row-remove {
  transition: background-color 500ms linear;
}

.farm-paddock .paddock-container .production-cycles .paddock-table .moved-row,
.farm-paddock .paddock-container .production-cycles .paddock-table .moved-row-add.moved-row-add-active, .farm-paddock .paddock-container .paddock-specs .paddock-table .moved-row,
.farm-paddock .paddock-container .paddock-specs .paddock-table .moved-row-add.moved-row-add-active {
  background-color: #c6e4c6;
}

.farm-paddock .paddock-container .production-cycles .farm-name, .farm-paddock .paddock-container .paddock-specs .farm-name {
  font-size: 16px;
}

.farm-paddock .paddock-container .production-cycles .farm, .farm-paddock .paddock-container .paddock-specs .farm {
  margin-top: 20px;
}

.farm-paddock .paddock-container .paddock-specs .decorated-link {
  text-decoration: inherit;
  color: #23527c;
}

.farm-paddock .paddock-container .production-cycles {
  padding-top: 40px;
}

.landuse-variable-costs .variable-cost-adjustment-content {
  padding-top: 40px;
}

.landuse-variable-costs .variable-costs, .landuse-variable-costs .variable-cost-adjustments {
  padding: 0px;
}

.landuse-variable-costs .cost-table .table-label {
  padding-top: 12px;
}

.landuse-variable-costs .cost-table input[type=text] {
  height: 28px;
  padding: 4px;
  border-radius: 2px;
  text-align: right;
}

.landuse-variable-costs .cost-table input[type='text']:focus {
  text-align: left;
}

.landuse-variable-costs .cost-table tfoot {
  background-color: #eee;
  border: 1px solid #ddd;
}

.landuse-variable-costs .cost-table .summary, .landuse-variable-costs .cost-table .summary-error {
  border: 0;
  background-color: #eee;
  color: black;
  font-weight: bold;
}

.landuse-variable-costs .cost-table .summary-error {
  color: red;
}

.landuse-variable-costs .cost-table .th-area {
  font-weight: normal;
  font-style: italic;
}

.landuse-variable-costs .cost-table .readonly-field {
  border: 0;
  font-weight: bold;
  color: black;
}

.landuse-variable-costs .cost-table .cost-name {
  width: 150px;
  text-align: left !important;
}

.landuse-variable-costs .farm-name {
  font-size: 16px;
  margin-top: 10px;
}

.business-financials .financials-tabs {
  position: relative;
}

.business-financials .financials-tabs .tab-content .content-container h2 {
  margin-top: 40px;
}

.business-financials .financials-tabs .tab-content .content-container h2:first-of-type {
  margin-top: 0;
}

.business-financials .financials-tabs .tab-content .content-container h3 {
  margin-top: 30px;
}

.business-financials .financials-tabs .tab-content .content-container .appreciation-row {
  margin-bottom: 15px;
}

.business-financials .financials-tabs .tab-content .content-container .appreciation-row .appreciation-label {
  line-height: 38px;
  white-space: nowrap;
}

.business-financials .financials-tabs .tab-content .content-section {
  margin-top: 30px;
}

.business-financials .financials-tabs .tab-content .content-section > h3, .business-financials .financials-tabs .tab-content .content-section > .pull-right > .edit-button {
  margin-top: 0;
  margin-bottom: 10px;
}

.business-financials .financials-tabs .tab-content .content-section .overdraft, .business-financials .financials-tabs .tab-content .content-section .stock-mortgage, .business-financials .financials-tabs .tab-content .content-section .line-of-credit {
  margin-left: 0;
  margin-right: 0;
}

.business-financials .financials-tabs .tab-content .content-section .overdraft h4, .business-financials .financials-tabs .tab-content .content-section .stock-mortgage h4, .business-financials .financials-tabs .tab-content .content-section .line-of-credit h4 {
  margin-top: 15px;
}

.business-financials .financials-tabs .tab-content .content-section .overdraft .overdraft-input-label, .business-financials .financials-tabs .tab-content .content-section .stock-mortgage .overdraft-input-label, .business-financials .financials-tabs .tab-content .content-section .line-of-credit .overdraft-input-label {
  height: 42px;
  margin-top: 10px;
}

.business-financials .financials-tabs .tab-content .content-section .overdraft, .business-financials .financials-tabs .tab-content .content-section .line-of-credit {
  background-color: #f8f9f9;
}

.business-financials .financials-tabs .tab-content .content-actions .action-button {
  padding: 10px 60px;
}

.business-reports a, .essentials-reports a {
  color: #000000;
  text-decoration: none;
}

.business-reports .report-section, .essentials-reports .report-section {
  margin-bottom: 30px;
}

.business-reports .report-section .report-section-header, .essentials-reports .report-section .report-section-header {
  font-size: 22px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAA5ElEQVQ4je3RIUtDYRjF8d+9E0HDMAh+mwWLQTAMg2ATGTbFsOQYCIJiGJhExGRwTAyajNptgkXQD2B1YSAz3Ee4XseV9Z32vud5/pz3PUxUVPL8+pZgH584HGO3hm00puKwF8YCdjH8B7CMHmbwnuIBzVjcwTkqJYA13ATgHq00jGNs4QsbuML0CEADl+FdYwX9NDdwhnUMsIpbzOb8Jk4j5UUkGkAeAl3U0cdSxJ3DAY6QoIPNSI2snVHvruEOVXxgPu7bsiZ/qZjkR49YzAGGsjr/AMog8BSJXmSffVIyO1FB31S8LbnALNqzAAAAAElFTkSuQmCC");
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 23px;
}

.business-reports .report-section a.collapsed .report-section-header, .essentials-reports .report-section a.collapsed .report-section-header {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABBUlEQVQ4jZ3UTysEcRgH8M/6k3ehlKObvIKNwkVbkhNxcVJK3gAXSTlJ4iR5DXJRZItSastFLVdSltpyc/j9VtPs7ujnOT1P88znN/OdmpJM1Z7qsI4SdhTUyPDQb9+Xu1bO3DyArSKoVT25+Rrnsd/Exn+Qb1RwEedtrKUi0MQMLuO8i9VUpAVN40oIeQ8rqUgWuonQPpZTEfjCFG4jdIjFVAQamMBL3D/CaCoCcxiMfRWPqcgSDoTXqQo5NVOQBSGHEu4wic/8UhEyj2P04l7IpdFpsRsyi5MIPETgo9tpnZAKTiNQwzjeC564DRnDGfqFL1DGWxFA+6/gGXUhyDJe/wLgB7fZMMg6mtB9AAAAAElFTkSuQmCC");
}

.business-reports .report-section .report-section-title, .essentials-reports .report-section .report-section-title {
  font-size: 16px;
  padding: 10px;
}

.business-reports .report-section .report-container, .essentials-reports .report-section .report-container {
  min-height: 50px;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.business-reports .report-section .report-container .total, .essentials-reports .report-section .report-container .total {
  font-weight: bold;
}

.business-reports .report-section .report-container .indented, .essentials-reports .report-section .report-container .indented {
  padding-left: 20px;
}

.business-reports .report-section .report-container .indented-more, .essentials-reports .report-section .report-container .indented-more {
  padding-left: 60px;
}

.business-reports .report-section .report-container .table-section-title, .essentials-reports .report-section .report-container .table-section-title {
  padding-top: 20px;
  padding-bottom: 20px;
}

.business-reports .report-section .report-container .report-chart, .essentials-reports .report-section .report-container .report-chart {
  padding-top: 30px;
}

.business-reports .report-section .report-container.profit-and-loss h3, .business-reports .report-section .report-container.annual-cash-flow h3, .business-reports .report-section .report-container.balance-sheet h3, .business-reports .report-section .report-container.financial-indicators h3, .essentials-reports .report-section .report-container.profit-and-loss h3, .essentials-reports .report-section .report-container.annual-cash-flow h3, .essentials-reports .report-section .report-container.balance-sheet h3, .essentials-reports .report-section .report-container.financial-indicators h3 {
  font-size: 18px;
}

.business-reports .report-section .report-container.profit-and-loss h4, .business-reports .report-section .report-container.annual-cash-flow h4, .business-reports .report-section .report-container.balance-sheet h4, .business-reports .report-section .report-container.financial-indicators h4, .essentials-reports .report-section .report-container.profit-and-loss h4, .essentials-reports .report-section .report-container.annual-cash-flow h4, .essentials-reports .report-section .report-container.balance-sheet h4, .essentials-reports .report-section .report-container.financial-indicators h4 {
  font-size: 16px;
}

.business-reports .report-section .report-container.profit-and-loss h5, .business-reports .report-section .report-container.annual-cash-flow h5, .business-reports .report-section .report-container.balance-sheet h5, .business-reports .report-section .report-container.financial-indicators h5, .essentials-reports .report-section .report-container.profit-and-loss h5, .essentials-reports .report-section .report-container.annual-cash-flow h5, .essentials-reports .report-section .report-container.balance-sheet h5, .essentials-reports .report-section .report-container.financial-indicators h5 {
  font-size: 15px;
  font-weight: bold;
  color: #888;
}

.business-reports .report-section .report-container.profit-and-loss .heading-value, .business-reports .report-section .report-container.profit-and-loss .value-value, .business-reports .report-section .report-container.annual-cash-flow .heading-value, .business-reports .report-section .report-container.annual-cash-flow .value-value, .business-reports .report-section .report-container.balance-sheet .heading-value, .business-reports .report-section .report-container.balance-sheet .value-value, .business-reports .report-section .report-container.financial-indicators .heading-value, .business-reports .report-section .report-container.financial-indicators .value-value, .essentials-reports .report-section .report-container.profit-and-loss .heading-value, .essentials-reports .report-section .report-container.profit-and-loss .value-value, .essentials-reports .report-section .report-container.annual-cash-flow .heading-value, .essentials-reports .report-section .report-container.annual-cash-flow .value-value, .essentials-reports .report-section .report-container.balance-sheet .heading-value, .essentials-reports .report-section .report-container.balance-sheet .value-value, .essentials-reports .report-section .report-container.financial-indicators .heading-value, .essentials-reports .report-section .report-container.financial-indicators .value-value {
  width: 16%;
}

.business-reports .report-section .report-container.profit-and-loss .total-row, .business-reports .report-section .report-container.annual-cash-flow .total-row, .business-reports .report-section .report-container.balance-sheet .total-row, .business-reports .report-section .report-container.financial-indicators .total-row, .essentials-reports .report-section .report-container.profit-and-loss .total-row, .essentials-reports .report-section .report-container.annual-cash-flow .total-row, .essentials-reports .report-section .report-container.balance-sheet .total-row, .essentials-reports .report-section .report-container.financial-indicators .total-row {
  border-top: 1px solid #32373b;
  border-bottom: 1px solid #32373b;
}

.business-reports .report-section .report-container .spacer, .essentials-reports .report-section .report-container .spacer {
  margin-top: 30px;
}

.business-reports .report-section .reporting-cycle-chooser, .essentials-reports .report-section .reporting-cycle-chooser {
  padding-top: 4px;
  margin-bottom: 20px;
}

.business-reports .report-section .apportioning-type, .essentials-reports .report-section .apportioning-type {
  padding: 10px;
}

.business-reports .report-section .apportioning-type .apportioning-label, .essentials-reports .report-section .apportioning-type .apportioning-label {
  padding-top: 8px;
}

.business-reports .report-section .apportioning-config, .essentials-reports .report-section .apportioning-config {
  padding: 10px;
}

.business-reports .report-section .apportioning-config .config-title, .essentials-reports .report-section .apportioning-config .config-title {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
}

.business-reports .report-section .apportioning-config input[type=text], .essentials-reports .report-section .apportioning-config input[type=text] {
  text-align: right;
}

.business-reports .report-section .apportioning-config input[type='text']:focus, .essentials-reports .report-section .apportioning-config input[type='text']:focus {
  text-align: left;
}

.business-reports .report-section .farm .farm-name, .essentials-reports .report-section .farm .farm-name {
  font-size: 16px;
  margin-bottom: 10px;
}

.essentials-reports {
  margin-top: 20px;
}

.essentials-reports .report-section .report-container {
  padding-left: 20px;
  padding-right: 20px;
}

.essentials-reports .numeric-label {
  text-align: right;
}

.essentials-reports .center-label {
  text-align: center;
}

.essentials-reports .range-label {
  font-style: italic;
}

.angucomplete-container {
  position: relative;
}

.angucomplete-dropdown {
  border: 1px solid #d1dadd;
  background-color: #ffffff;
  position: absolute;
  top: 100%;
  left: 8px;
  right: 8px;
  margin-top: -8px;
}

.angucomplete-dropdown .angucomplete-row {
  padding: 5px 10px;
  cursor: pointer;
  color: #747b81;
}

.angucomplete-dropdown .angucomplete-row .angucomplete-title {
  font-weight: bold;
}

.angucomplete-dropdown .angucomplete-row:hover {
  background-color: #d1dadd;
}

.angucomplete-dropdown .angucomplete-searching {
  padding: 5px 10px;
}

.scenario-comparison-content .scenario-list {
  text-align: right;
}

.scenario-comparison-content .scenario-list label {
  margin-left: 20px;
}

.scenario-comparison-content .content-section {
  margin-top: 30px;
}

.scenario-comparison-content .content-section.first {
  margin-top: 0;
}

.scenario-comparison-content .content-section.first > h2 {
  margin-top: 0;
}

.scenario-comparison-content .content-section .chart-container {
  margin: 20px 0;
}

.business-notes-content {
  padding: 30px;
}

.business-cash-flow-page .action-container {
  text-align: right;
  padding: 20px;
}

.business-cash-flow-page .actuals-switch {
  text-align: right;
}

.business-cash-flow-page .tables-container {
  position: relative;
}

.business-cash-flow-page .tables-container table th, .business-cash-flow-page .tables-container table td {
  width: 105px;
}

.business-cash-flow-page .tables-container table th {
  height: 57px;
  vertical-align: bottom;
}

.business-cash-flow-page .tables-container table td {
  height: 57px;
  vertical-align: middle;
}

.business-cash-flow-page .tables-container table td .actual {
  line-height: 20px;
  margin-bottom: 10px;
  font-style: italic;
}

.business-cash-flow-page .tables-container .section-title {
  height: 40px;
  font-weight: bold;
  /*overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;*/
  padding: 8px;
}

.business-cash-flow-page .tables-container.showActuals table th {
  height: 87px;
}

.business-cash-flow-page .tables-container.showActuals table td {
  height: 87px;
  vertical-align: top;
}

.business-cash-flow-page .tables-container.showActuals table td.planned-value {
  font-style: italic;
}

.create-custom-livestocktype {
  border: 1px solid #ccc;
  padding: 20px;
}

.create-custom-livestocktype .livestock-class {
  margin-top: 30px;
  margin-bottom: 10px;
}

.create-custom-livestocktype .livestock-class .detail {
  margin-bottom: 5px;
}

.pac-container {
  z-index: 2000 !important;
}

.scenario-comparison-page .scenario-comparison-content {
  padding: 30px;
}

.business-list-selector-container {
  margin: 30px;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  background-color: #29292b;
}

.business-list-selector-container .business-dropdown-menu {
  display: block;
}

.business-list-selector-container .business-dropdown-menu .business-dropdown-toggle {
  display: block;
  padding: 20px 62px 20px 20px;
  text-align: left;
  text-decoration: none;
  outline: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAe0lEQVQYlY3QwQ2CMBgG0EfDJKzADIzACriACSaevOkIzMAIztAVXIEVvFRTC6hNemi+7/VvWh3PlxENDn6vd7dGjzYF3/CIKxbcAjpEDJj+QB0eITvs4RJFCCncw5sI6uzmV3hPuE17hfKJJV58flgseitYPvuEeaPjCdwqI3bIv+KyAAAAAElFTkSuQmCC");
  background-position: right 20px center;
  background-repeat: no-repeat;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
}

.business-list-selector-container .business-dropdown-menu .dropdown-menu {
  margin-top: 0;
  min-width: 100%;
  background-color: #29292b;
}

.business-list-selector-container .business-dropdown-menu .dropdown-menu > li > a {
  color: #ffffff;
}

.business-list-selector-container .business-dropdown-menu .dropdown-menu > li > a:hover {
  background-color: #2f3337;
}

.business-list-selector-container .business-dropdown-menu .dropdown-menu > li.selected > a {
  color: #6a7278;
}

.business-list-selector-container .business-dropdown-menu .dropdown-menu > li.selected > a:hover {
  background-color: #29292b;
}

.account-settings .settings-item.people .business-list-selector-container {
  max-width: 300px;
  border: 1px solid rgba(50, 55, 59, 0.33);
  border-radius: 3px 2px 2px 3px;
  margin: 0 0 30px auto;
  padding: 5px;
  background-color: #ffffff;
}

.account-settings .settings-item.people .business-list-selector-container .business-dropdown-menu .business-dropdown-toggle {
  padding: 5px 37px 5px 5px;
  background-position: right 5px center;
  color: #000000;
}

.account-settings .settings-item.people .business-list-selector-container .business-dropdown-menu .dropdown-menu {
  background-color: #ffffff;
}

.account-settings .settings-item.people .business-list-selector-container .business-dropdown-menu .dropdown-menu > li > a {
  color: #000000;
}

.account-settings .settings-item.people .business-list-selector-container .business-dropdown-menu .dropdown-menu > li > a:hover {
  background-color: #f5f5f5;
}

.account-settings .settings-item.people .business-list-selector-container .business-dropdown-menu .dropdown-menu > li.selected > a {
  color: #6a7278;
}

.account-settings .settings-item.people .business-list-selector-container .business-dropdown-menu .dropdown-menu > li.selected > a:hover {
  background-color: #ffffff;
}

.no-farm {
  padding-left: 20px;
  padding-top: 10px;
}

.farm-list-selector-container {
  border: 1px solid rgba(50, 55, 59, 0.33);
  border-radius: 3px 2px 2px 3px;
  margin: 20px 30px;
  padding: 10px 20px;
  font-family: 'Open Sans', sans-serif;
}

.farm-list-selector-container .farm-info {
  color: #f9fafb;
  font-size: 16px;
  line-height: 20px;
}

.farm-list-selector-container .farm-info-summary {
  color: #6a7278;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
}

.farm-list-selector-container .farm-dropdown-menu {
  display: block;
}

.farm-list-selector-container .farm-dropdown-menu .farm-dropdown-toggle {
  display: block;
  padding: 12px 42px 12px 0px;
  text-align: left;
  text-decoration: none;
  outline: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAe0lEQVQYlY3QwQ2CMBgG0EfDJKzADIzACriACSaevOkIzMAIztAVXIEVvFRTC6hNemi+7/VvWh3PlxENDn6vd7dGjzYF3/CIKxbcAjpEDJj+QB0eITvs4RJFCCncw5sI6uzmV3hPuE17hfKJJV58flgseitYPvuEeaPjCdwqI3bIv+KyAAAAAElFTkSuQmCC");
  background-position: right center;
  background-repeat: no-repeat;
  color: #000;
  font-size: 16px;
  line-height: 20px;
}

.farm-list-selector-container .farm-dropdown-menu .dropdown-menu {
  margin-top: 0;
  min-width: 100%;
}

.farm-list-selector-container .farm-dropdown-menu .dropdown-menu > li.selected {
  background-color: #f5f5f5;
}

.farm-list-selector-container .farm-dropdown-menu .dropdown-menu > li > a {
  color: #656565;
}

.help-edit-container .help-edit {
  padding: 20px;
}

.dashboard-widget-modal li {
  list-style: none;
}

.dashboard-widget-modal label {
  font-weight: normal;
}

.user-invitation-list .user-invitation .response button.btn.accept {
  color: #ffffff;
  background-color: #f48a00;
}

.user-invitation-list .user-invitation .response button.btn.accept + .reject {
  margin-left: 15px;
}

.user-invitation-list .user-invitation .response button.btn.reject {
  color: #32373b;
  border: 1px solid #d6dee0;
  background-color: #ffffff;
}

.inline-add-button {
  border: none;
  background: none;
  color: #333;
  padding: 8px 12px;
  font-size: 16px;
}

.inline-remove-button {
  border: none;
  background: none;
  color: #cc4c22;
  padding: 6px 12px;
  font-size: 18px;
}

.inline-info-button {
  border: none;
  background: none;
  color: #f0ad4e;
  padding: 6px 12px;
  font-size: 18px;
}

.generic-edit-button {
  color: #404448;
  border: 1px solid #d6dee0;
  background-color: #ffffff;
}

.generic-edit-button .fa {
  margin-right: 6px;
}

.essentials-container {
  padding-left: 20px;
  padding-right: 20px;
}

.essentials-container input[type=text] {
  height: 28px;
  padding: 4px 4px;
  text-align: right;
}

.essentials-container input[type='text']:focus {
  text-align: left;
}

.essentials-container .bordered {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

.essentials-container tr > th.value-col, .essentials-container tr > td.value-col {
  width: 100px;
  text-align: right;
}

.essentials-container .essentials-section a {
  color: #000000;
  text-decoration: none;
}

.essentials-container .essentials-section .essentials-section-title {
  font-size: 30px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAA5ElEQVQ4je3RIUtDYRjF8d+9E0HDMAh+mwWLQTAMg2ATGTbFsOQYCIJiGJhExGRwTAyajNptgkXQD2B1YSAz3Ee4XseV9Z32vud5/pz3PUxUVPL8+pZgH584HGO3hm00puKwF8YCdjH8B7CMHmbwnuIBzVjcwTkqJYA13ATgHq00jGNs4QsbuML0CEADl+FdYwX9NDdwhnUMsIpbzOb8Jk4j5UUkGkAeAl3U0cdSxJ3DAY6QoIPNSI2snVHvruEOVXxgPu7bsiZ/qZjkR49YzAGGsjr/AMog8BSJXmSffVIyO1FB31S8LbnALNqzAAAAAElFTkSuQmCC");
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 23px;
  margin-top: 30px;
}

.essentials-container .essentials-section a.collapsed .essentials-section-title {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABBUlEQVQ4jZ3UTysEcRgH8M/6k3ehlKObvIKNwkVbkhNxcVJK3gAXSTlJ4iR5DXJRZItSastFLVdSltpyc/j9VtPs7ujnOT1P88znN/OdmpJM1Z7qsI4SdhTUyPDQb9+Xu1bO3DyArSKoVT25+Rrnsd/Exn+Qb1RwEedtrKUi0MQMLuO8i9VUpAVN40oIeQ8rqUgWuonQPpZTEfjCFG4jdIjFVAQamMBL3D/CaCoCcxiMfRWPqcgSDoTXqQo5NVOQBSGHEu4wic/8UhEyj2P04l7IpdFpsRsyi5MIPETgo9tpnZAKTiNQwzjeC564DRnDGfqFL1DGWxFA+6/gGXUhyDJe/wLgB7fZMMg6mtB9AAAAAElFTkSuQmCC");
}

.essentials-container .essentials-section .essentials-table {
  margin-top: 20px;
}

.essentials-container .essentials-section .expense-label {
  padding: 4px 4px;
  text-align: right;
}

.essentials-container .essentials-section .invalid {
  background-color: #facbcd;
}

.admin-users-list {
  margin: 30px;
}

.admin-users-list .standard-table {
  margin-top: 30px;
}

.admin-users-list .standard-table .action-button-cell {
  width: 170px;
}

.admin-users-list .standard-table .demo-farm-button-cell {
    width: 300px;
}

.admin-user-detail .user-details, .admin-user-detail .business-details {
  margin-bottom: 20px;
}

.admin-user-detail .user-details, .admin-user-detail .business-details, .admin-user-detail .subscription-details {
  margin-top: 10px;
}

.admin-user-detail .user-details .row, .admin-user-detail .business-details .row, .admin-user-detail .subscription-details .row {
  margin: 5px 0;
}

.admin-user-detail .section-header {
  font-size: 18px;
  color: #32373b;
  margin-top: 20px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAA5ElEQVQ4je3RIUtDYRjF8d+9E0HDMAh+mwWLQTAMg2ATGTbFsOQYCIJiGJhExGRwTAyajNptgkXQD2B1YSAz3Ee4XseV9Z32vud5/pz3PUxUVPL8+pZgH584HGO3hm00puKwF8YCdjH8B7CMHmbwnuIBzVjcwTkqJYA13ATgHq00jGNs4QsbuML0CEADl+FdYwX9NDdwhnUMsIpbzOb8Jk4j5UUkGkAeAl3U0cdSxJ3DAY6QoIPNSI2snVHvruEOVXxgPu7bsiZ/qZjkR49YzAGGsjr/AMog8BSJXmSffVIyO1FB31S8LbnALNqzAAAAAElFTkSuQmCC");
  background-size: 12px 12px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 17px;
}

.admin-user-detail .section-header-a.collapsed .section-header {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABBUlEQVQ4jZ3UTysEcRgH8M/6k3ehlKObvIKNwkVbkhNxcVJK3gAXSTlJ4iR5DXJRZItSastFLVdSltpyc/j9VtPs7ujnOT1P88znN/OdmpJM1Z7qsI4SdhTUyPDQb9+Xu1bO3DyArSKoVT25+Rrnsd/Exn+Qb1RwEedtrKUi0MQMLuO8i9VUpAVN40oIeQ8rqUgWuonQPpZTEfjCFG4jdIjFVAQamMBL3D/CaCoCcxiMfRWPqcgSDoTXqQo5NVOQBSGHEu4wic/8UhEyj2P04l7IpdFpsRsyi5MIPETgo9tpnZAKTiNQwzjeC564DRnDGfqFL1DGWxFA+6/gGXUhyDJe/wLgB7fZMMg6mtB9AAAAAElFTkSuQmCC");
}

.admin-user-detail .business-details .business {
  margin: 10px 0;
}

.admin-user-detail .business-details .business .business-link {
  font-size: 14px;
  cursor: pointer;
  margin-left: 10px;
  color: #337ab7;
}

.admin-report {
  margin: 30px;
}

.admin-report .admin-report-title {
  font-size: 18px;
  margin-bottom: 10px;
}

.admin-report .admin-report-download {
  margin-top: 6px;
}

.essentials-dashboard-container {
  padding: 60px;
}

.essentials-dashboard-container .indicator-panel, .essentials-dashboard-container .widget-text-panel {
  border: 1px solid #efefef;
  width: 250px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.essentials-dashboard-container .indicator-panel .panel-title, .essentials-dashboard-container .widget-text-panel .panel-title {
  padding: 10px;
  background-color: #f8f9f9;
  border: 1px solid #efefef;
  text-align: left;
}

.essentials-dashboard-container .indicator-panel .panel-body, .essentials-dashboard-container .widget-text-panel .panel-body {
  text-align: center;
  font-size: 36px;
  padding-bottom: 30px;
}

.essentials-dashboard-container .widgets-container a {
  color: #000000;
  text-decoration: none;
}

.essentials-dashboard-container .widgets-container .widget-group {
  padding-top: 30px;
}

.essentials-dashboard-container .widgets-container .widget-group .widget-group-title {
  font-size: 22px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAA5ElEQVQ4je3RIUtDYRjF8d+9E0HDMAh+mwWLQTAMg2ATGTbFsOQYCIJiGJhExGRwTAyajNptgkXQD2B1YSAz3Ee4XseV9Z32vud5/pz3PUxUVPL8+pZgH584HGO3hm00puKwF8YCdjH8B7CMHmbwnuIBzVjcwTkqJYA13ATgHq00jGNs4QsbuML0CEADl+FdYwX9NDdwhnUMsIpbzOb8Jk4j5UUkGkAeAl3U0cdSxJ3DAY6QoIPNSI2snVHvruEOVXxgPu7bsiZ/qZjkR49YzAGGsjr/AMog8BSJXmSffVIyO1FB31S8LbnALNqzAAAAAElFTkSuQmCC");
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 23px;
}

.essentials-dashboard-container .widgets-container .widget-group .widgets {
  margin-top: 20px;
  text-align: center;
}

.essentials-dashboard-container .widgets-container .widget-group .widget-text-panel {
  margin-bottom: 0px;
  height: 200px;
}

.essentials-dashboard-container .widgets-container .widget-group .widget-text-panel .panel-body {
  margin-top: 30px;
}

.essentials-dashboard-container .widgets-container a.collapsed .widget-group-title {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABBUlEQVQ4jZ3UTysEcRgH8M/6k3ehlKObvIKNwkVbkhNxcVJK3gAXSTlJ4iR5DXJRZItSastFLVdSltpyc/j9VtPs7ujnOT1P88znN/OdmpJM1Z7qsI4SdhTUyPDQb9+Xu1bO3DyArSKoVT25+Rrnsd/Exn+Qb1RwEedtrKUi0MQMLuO8i9VUpAVN40oIeQ8rqUgWuonQPpZTEfjCFG4jdIjFVAQamMBL3D/CaCoCcxiMfRWPqcgSDoTXqQo5NVOQBSGHEu4wic/8UhEyj2P04l7IpdFpsRsyi5MIPETgo9tpnZAKTiNQwzjeC564DRnDGfqFL1DGWxFA+6/gGXUhyDJe/wLgB7fZMMg6mtB9AAAAAElFTkSuQmCC");
}

.target-profit-table .summary-error {
  color: red;
}

.target-profit-table .total-row {
  border-top: 1px solid #32373b;
  border-bottom: 1px solid #32373b;
}

.target-profit-table input[type=text] {
  width: 60px;
}

.generic-section a {
  color: #333333;
  text-decoration: none;
}

.generic-section .generic-collapse-section-header {
  font-size: 30px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAA5ElEQVQ4je3RIUtDYRjF8d+9E0HDMAh+mwWLQTAMg2ATGTbFsOQYCIJiGJhExGRwTAyajNptgkXQD2B1YSAz3Ee4XseV9Z32vud5/pz3PUxUVPL8+pZgH584HGO3hm00puKwF8YCdjH8B7CMHmbwnuIBzVjcwTkqJYA13ATgHq00jGNs4QsbuML0CEADl+FdYwX9NDdwhnUMsIpbzOb8Jk4j5UUkGkAeAl3U0cdSxJ3DAY6QoIPNSI2snVHvruEOVXxgPu7bsiZ/qZjkR49YzAGGsjr/AMog8BSJXmSffVIyO1FB31S8LbnALNqzAAAAAElFTkSuQmCC");
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 23px;
}

.generic-section a.collapsed .generic-collapse-section-header {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABBUlEQVQ4jZ3UTysEcRgH8M/6k3ehlKObvIKNwkVbkhNxcVJK3gAXSTlJ4iR5DXJRZItSastFLVdSltpyc/j9VtPs7ujnOT1P88znN/OdmpJM1Z7qsI4SdhTUyPDQb9+Xu1bO3DyArSKoVT25+Rrnsd/Exn+Qb1RwEedtrKUi0MQMLuO8i9VUpAVN40oIeQ8rqUgWuonQPpZTEfjCFG4jdIjFVAQamMBL3D/CaCoCcxiMfRWPqcgSDoTXqQo5NVOQBSGHEu4wic/8UhEyj2P04l7IpdFpsRsyi5MIPETgo9tpnZAKTiNQwzjeC564DRnDGfqFL1DGWxFA+6/gGXUhyDJe/wLgB7fZMMg6mtB9AAAAAElFTkSuQmCC");
}

.business-cash-flow-content .edit-button .fa {
  margin-right: 0px;
}

.widget-collection a {
  color: #000000;
  text-decoration: none;
}

.widget-collection .widget-group {
  padding-top: 30px;
}

.widget-collection .widget-group .widget-group-title {
  font-size: 22px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAA5ElEQVQ4je3RIUtDYRjF8d+9E0HDMAh+mwWLQTAMg2ATGTbFsOQYCIJiGJhExGRwTAyajNptgkXQD2B1YSAz3Ee4XseV9Z32vud5/pz3PUxUVPL8+pZgH584HGO3hm00puKwF8YCdjH8B7CMHmbwnuIBzVjcwTkqJYA13ATgHq00jGNs4QsbuML0CEADl+FdYwX9NDdwhnUMsIpbzOb8Jk4j5UUkGkAeAl3U0cdSxJ3DAY6QoIPNSI2snVHvruEOVXxgPu7bsiZ/qZjkR49YzAGGsjr/AMog8BSJXmSffVIyO1FB31S8LbnALNqzAAAAAElFTkSuQmCC");
  background-size: 16px 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 23px;
}

.widget-collection .widget-group .widget-panel {
  padding: 10px;
}

.widget-collection .widget-group a.collapsed .widget-group-title {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABBUlEQVQ4jZ3UTysEcRgH8M/6k3ehlKObvIKNwkVbkhNxcVJK3gAXSTlJ4iR5DXJRZItSastFLVdSltpyc/j9VtPs7ujnOT1P88znN/OdmpJM1Z7qsI4SdhTUyPDQb9+Xu1bO3DyArSKoVT25+Rrnsd/Exn+Qb1RwEedtrKUi0MQMLuO8i9VUpAVN40oIeQ8rqUgWuonQPpZTEfjCFG4jdIjFVAQamMBL3D/CaCoCcxiMfRWPqcgSDoTXqQo5NVOQBSGHEu4wic/8UhEyj2P04l7IpdFpsRsyi5MIPETgo9tpnZAKTiNQwzjeC564DRnDGfqFL1DGWxFA+6/gGXUhyDJe/wLgB7fZMMg6mtB9AAAAAElFTkSuQmCC");
}

.widgets-container .widget-group .widget-panel {
  padding: 10px;
}

.alternate-background-color {
  background-color: #f8f9f9;
}

.business-cash-flow-container .month-header {
  margin-top: 10px;
  font-weight: bold;
}

.business-cash-flow-container .cash-flow-section-header {
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-size: 16px;
  margin-top: 20px;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0px;
}

.business-cash-flow-container .cash-flow-entry, .business-cash-flow-container .cash-flow-entry-total {
  margin-top: 10px;
  padding: 6px;
}
.cash-flow-entry-message {
    margin-top: 10px;
    padding: 6px;
    color: #015608;
    background: #c6e4c6;
}
.business-cash-flow-container .cash-flow-entry .cash-flow-entry-header, .business-cash-flow-container .cash-flow-entry-total .cash-flow-entry-header {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}

.business-cash-flow-container .cash-flow-entry .cash-flow-entry-stat, .business-cash-flow-container .cash-flow-entry-total .cash-flow-entry-stat {
  font-style: italic;
  font-size: 12px;
}

.business-cash-flow-container .cash-flow-entry .cash-flow-data-row, .business-cash-flow-container .cash-flow-entry-total .cash-flow-data-row {
  margin-top: 6px;
}

.business-cash-flow-container .cash-flow-entry .cash-flow-value, .business-cash-flow-container .cash-flow-entry-total .cash-flow-value {
  font-size: 12px;
}

.business-cash-flow-container .cash-flow-entry:hover {
  background-color: #c6e4c6;
}

.business-cash-flow-container .cash-flow-totals {
  margin-top: 20px;
}

.business-cash-flow-container .over-landing-capacity {
  font-size: 12px;
  color: red;
  font-weight: bold;
}

.cash-flow-edit-container {
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.cash-flow-edit-container .section-title {
  font-size: 14px;
  font-style: italic;
}

.cash-flow-edit-container .entry-title {
  font-size: 18px;
  font-weight: bold;
}

.cash-flow-edit-container .budgeted {
  margin-top: 10px;
}

.cash-flow-edit-container .edit-container {
  margin-top: 4px;
}

.cash-flow-edit-container .edit-container .data-entry-container {
  padding: 10px;
}

.cash-flow-edit-container .edit-container .data-entry-container .table-header {
  border-bottom: 1px solid #aaaaaa;
  margin-bottom: 10px;
  padding-bottom: 4px;
}

.cash-flow-edit-container .edit-container .data-entry-container .table-footer {
  border-top: 1px solid #aaaaaa;
  margin-top: 10px;
  padding-top: 6px;
}

.cash-flow-edit-container .edit-container .data-entry-container .table-footer .total {
  font-weight: bold;
  margin-top: 8px;
}

.cash-flow-edit-container .edit-container .data-entry-container .entry-row {
  margin-bottom: 4px;
}

.cash-flow-edit-container .edit-container .data-entry-container .entry-row .month-field, .cash-flow-edit-container .edit-container .data-entry-container .entry-row .info-field {
  margin-top: 8px;
}

.cash-flow-edit-container .edit-container .data-entry-container .info-field {
  font-style: italic;
  color: #aeaeae;
  margin-top: 4px;
}

.cash-flow-edit-container .edit-container .calculator-container {
  margin-top: 30px;
}

.collapsable-help-content {
  padding: 4px;
}

.collapsable-help-content .close-section {
  font-size: 16px;
  color: #777;
}

.chart-canvas-container {
  width: 740px;
  min-height: 350px;
}

@media (max-width: 1199px) {
  .business-financials .financials-tabs .tab-content .content-section .overdraft .overdraft-input-label, .business-financials .financials-tabs .tab-content .content-section .stock-mortgage .overdraft-input-label, .business-financials .financials-tabs .tab-content .content-section .line-of-credit .overdraft-input-label {
    height: 63px;
  }
}

@media (max-width: 991px) {
  .business-financials .financials-tabs .tab-content .content-section .overdraft .overdraft-input-label, .business-financials .financials-tabs .tab-content .content-section .stock-mortgage .overdraft-input-label, .business-financials .financials-tabs .tab-content .content-section .line-of-credit .overdraft-input-label {
    height: auto;
  }
}

/* TODO change it to actual font type when font is purchased */
/* TODO change it to actual font type when font is purchased */
/* TODO change it to actual font type when font is purchased */
/* TODO change it to actual font type when font is purchased */
@media (max-width: 768px) {
  .container {
    width: 100%;
    padding: 0;
  }
  .container > .container-inner > .page-container {
    position: relative;
    margin-top: 68px;
  }
  .container > .container-inner > .page-container > .main-content .timeline.sticky {
    top: 68px;
  }
  .container > .container-inner > .page-container > .responsive-nav {
    display: block;
    background-color: #eef7ee;
    padding: 15px 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 68px;
    text-align: center;
    z-index: 98;
  }
  .container > .container-inner > .page-container > .responsive-nav .nav-left-button {
    background-color: #f9fcf9;
    border-color: #3cb54a;
    color: #3cb54a;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
  }
  .container > .container-inner > .page-container > .responsive-nav .company-logo {
    height: 38px;
  }
  .container > .container-inner > .page-container > .left-nav {
    display: block;
    position: fixed;
    z-index: 100;
    top: 0;
    left: -320px;
    width: 320px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    -webkit-transition: -webkit-transform ease 250ms;
    -moz-transition: -webkit-transform ease 250ms;
    -ms-transition: -webkit-transform ease 250ms;
    -o-transition: -webkit-transform ease 250ms;
    transition: -webkit-transform ease 250ms;
    -webkit-transition: transform ease 250ms;
    -moz-transition: transform ease 250ms;
    -ms-transition: transform ease 250ms;
    -o-transition: transform ease 250ms;
    transition: transform ease 250ms;
    /*> .left-nav-inner {
                    display: table-cell;
                    vertical-align: top;
                }

                > .repsonsive-right-nav {
                    display: table-cell;
                    vertical-align: top;
                    width: $right-nav-width;
                }

                > .right-nav {
                    .fixed-to-bottom {
                        position: static;
                    }
                }*/
  }
  .container > .container-inner > .page-container > .left-nav > .left-nav-inner > .left-nav-inner-inner {
    padding-bottom: 20px;
  }
  .container > .container-inner > .page-container > .right-nav {
    width: 70px;
    /*.fixed-to-bottom {
                    position: static;
                    padding: 0;
                }*/
  }
  body.show-nav {
    overflow: hidden;
  }
  body.show-nav .container > .container-inner > .page-container > .left-nav {
    transform: translate3d(320px, 0, 0);
    -ms-transform: translate3d(320px, 0, 0);
    -webkit-transform: translate3d(320px, 0, 0);
    -o-transform: translate3d(320px, 0, 0);
    -moz-transform: translate3d(320px, 0, 0);
  }
  body.show-nav .container > .container-inner > .page-container > .left-nav.right-content-open {
    overflow: hidden;
  }
  body.show-nav .container > .menu-modal {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000000;
    z-index: 99;
    opacity: 0.6;
    filter: alpha(opacity=0.6);
  }
  table.hide-responsive {
    display: none;
  }
  table.responsive {
    width: 100%;
    border-collapse: collapse;
    /*tr {
                border-top: 1px solid #3cb54a;
                border-right: 1px solid #3cb54a;
                border-left: 1px solid #3cb54a;
            }*/
  }
  table.responsive tbody, table.responsive th, table.responsive thead, table.responsive tr {
    display: block;
  }
  table.responsive th, table.responsive thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  table.responsive td:nth-child(even), table.responsive td:nth-child(odd) {
    border: 1px solid #3cb54a;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-height: 1em;
  }
  table.responsive td:nth-child(even).responsive-title, table.responsive td:nth-child(odd).responsive-title {
    padding-left: 6px;
    font-weight: bold;
  }
  table.responsive td:nth-child(even)::before, table.responsive td:nth-child(odd)::before {
    position: absolute;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    text-align: left;
    font-weight: 700;
    content: attr(data-title);
  }
  table.responsive td.responsive-omit-title:nth-child(even), table.responsive td.responsive-omit-title:nth-child(odd) {
    padding-left: 6px;
  }
  table.responsive td.responsive-omit-if-empty:empty, table.responsive td.responsive-omit-title::before {
    display: none;
  }
  table.responsive td + td:nth-child(even), table.responsive td + td:nth-child(odd) {
    border-top-width: 0;
  }
  table.responsive td.hide-responsive + td:nth-child(even), table.responsive td.hide-responsive + td:nth-child(odd) {
    border-top-width: 1px;
  }
  table.responsive td.hide-responsive, table.responsive th.hide-responsive {
    display: none;
  }
  table.responsive.simple-finanancial-table tr > td.value-col {
    width: auto;
  }
  table.responsive.simple-finanancial-table tr > td.value-lg-col {
    width: auto;
  }
  table.responsive.simple-finanancial-table tr > td.value-md-col {
    width: auto;
  }
  table.responsive.simple-finanancial-table tr > td.value-sm-col {
    width: auto;
  }
  table.responsive.simple-finanancial-table tr > td.value-xs-col {
    width: auto;
  }
  table.responsive.simple-finanancial-table tr > td.single-button-col {
    width: auto;
    white-space: inherit;
  }
  .standard-tabs .tab-content {
    padding-left: 10px;
    padding-right: 10px;
  }
  .business-financials .financials-tabs .tab-content .content-container .appreciation-row .appreciation-label {
    font-weight: bold;
  }
  .business-reports .report-section .report-container.profit-and-loss .heading-value, .business-reports .report-section .report-container.profit-and-loss .value-value, .business-reports .report-section .report-container.annual-cash-flow .heading-value, .business-reports .report-section .report-container.annual-cash-flow .value-value, .business-reports .report-section .report-container.balance-sheet .heading-value, .business-reports .report-section .report-container.balance-sheet .value-value, .business-reports .report-section .report-container.financial-indicators .heading-value, .business-reports .report-section .report-container.financial-indicators .value-value {
    width: auto;
  }
  .business-reports .report-section .report-container.profit-and-loss .total-row, .business-reports .report-section .report-container.annual-cash-flow .total-row, .business-reports .report-section .report-container.balance-sheet .total-row, .business-reports .report-section .report-container.financial-indicators .total-row {
    border-left: none;
    border-right: none;
  }
  .standard-tabs.responsive-tabs-768 .nav-tabs > li, .farm-livestock .livestock-tabs .nav-tabs > li {
    display: block;
    float: none;
    margin: 0;
    margin-right: 1px;
  }
  .standard-tabs.responsive-tabs-768 .nav-tabs > li > a, .farm-livestock .livestock-tabs .nav-tabs > li > a {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #b8c8ba;
  }
  .standard-tabs.responsive-tabs-768 .nav-tabs > li.active > a, .farm-livestock .livestock-tabs .nav-tabs > li.active > a {
    border-width: 1px;
    background-color: #eef7ee;
  }
  .standard-tabs.responsive-tabs-768 .nav-tabs > li + li > a, .farm-livestock .livestock-tabs .nav-tabs > li + li > a {
    border-top-width: 0px;
  }
  .standard-tabs.responsive-tabs-768 .nav-tabs > li + li.active > a, .farm-livestock .livestock-tabs .nav-tabs > li + li.active > a {
    margin-top: -1px;
    border-top-width: 1px;
  }
  .farm-paddock .paddock-container {
    padding: 0 10px;
  }
  .farm-paddock .paddock-container .production-cycles .paddock-table input[type=text], .farm-paddock .paddock-container .paddock-specs .paddock-table input[type=text] {
    width: 100%;
    text-align: left;
  }
  .farm-livestock .livestock-tabs .tab-content {
    padding: 10px;
  }
  .farm-livestock .livestock-tabs .tab-content .reconciliation-container .recon-table td {
    padding-left: 50%;
  }
  .farm-livestock .livestock-tabs .tab-content .reconciliation-container .recon-table input[type=text] {
    text-align: left;
  }
  .farm-livestock .livestock-tabs .tab-content .dse-container {
    padding-left: 0;
    padding-right: 0;
  }
  .farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-table .cost-name, .farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-item-table .cost-name {
    width: 100%;
  }
  .farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-table td, .farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-item-table td {
    padding-left: 50%;
  }
  .farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-table input[type=text], .farm-livestock .livestock-tabs .tab-content .variable-cost-container .flock-costs .cost-item-table input[type=text] {
    text-align: left;
  }
  .farm-livestock .livestock-tabs .tab-content .variable-cost-container .purchases .purchases-table td {
    padding-left: 50%;
  }
  .farm-livestock .livestock-tabs .tab-content .variable-cost-container .purchases .purchases-table input[type=text] {
    text-align: left;
  }
  .farmer-pasture .pasture-content {
    padding: 10px;
  }
  .landuse-variable-costs .cost-table .cost-name {
    width: 100%;
  }
  .landuse-variable-costs .variable-costs, .landuse-variable-costs .variable-cost-adjustments {
    padding-left: 0;
    padding-right: 0;
  }
  .farm-cropping .cropping-content {
    padding: 10px;
  }
  .farm-cropping .cropping-content .cropping-table {
    padding-left: 0;
    padding-right: 0;
  }
  .account-settings > .top {
    padding-left: 0;
    padding-right: 0;
  }
  .account-settings > .top > .header {
    padding-left: 50px;
    padding-right: 50px;
  }
  .account-settings > .top > .tabs > .tab {
    width: 20%;
  }
}

@media (max-width: 640px) {
  .container > .container-inner > .page-container {
    display: block;
  }
  .container > .container-inner > .page-container > .main-content {
    display: block;
  }
  .container > .container-inner > .page-container > .left-nav {
    width: 320px;
  }
  .container > .container-inner > .page-container > .left-nav > .left-nav-inner {
    display: table;
    width: 100%;
    height: 100%;
  }
  .container > .container-inner > .page-container > .left-nav > .left-nav-inner .left-nav-inner-inner {
    display: table-cell;
    width: 250px;
    padding-bottom: 20px;
    vertical-align: top;
  }
  .container > .container-inner > .page-container > .left-nav > .left-nav-inner > .repsonsive-right-nav {
    display: table-cell;
    vertical-align: top;
    width: 70px;
  }
  .container > .container-inner > .page-container > .left-nav > .left-nav-inner > .right-nav .fixed-to-bottom {
    position: static;
    padding: 0;
  }
  .container > .container-inner > .page-container > .right-nav {
    display: none;
  }
  .main-content .timeline-anchor.sticky {
    height: 68px;
  }
  .main-content .timeline-anchor.sticky.show-marker {
    padding-top: 20px;
  }
  .main-content .timeline .timeline-container {
    border-top-width: 1px;
    border-bottom-width: 1px;
    height: 68px;
  }
  .main-content .timeline .timeline-container .timeline-fade-left, .main-content .timeline .timeline-container .timeline-fade-right {
    width: 15%;
  }
  .main-content .timeline .timeline-container .timeline-inner-container {
    height: 68px;
  }
  .main-content .timeline .timeline-container .timeline-inner-container .timeline-inner {
    transform: none;
    top: 0;
    left: 0;
    padding: 0 8%;
  }
  .main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card {
    margin: 16px 8px;
    line-height: 30px;
    width: 56px;
    border-width: 2px;
  }
  .main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card .text {
    font-size: 14px;
    padding: 4px 10px;
  }
  .main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card.selected {
    width: 74px;
  }
  .main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card.selected .text {
    font-size: 24px;
  }
  .main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card.selected + .timeline-card.selected {
    margin-left: -10px;
  }
  .main-content .timeline .timeline-container .timeline-inner-container .timeline-inner .timeline-card.selected .selected-indicator {
    bottom: -18px;
    border-width: 0 5px 8px 5px;
  }
  .main-content .timeline.show-marker {
    padding-top: 20px;
  }
  .main-content .timeline.show-marker .timeline-container::before, .main-content .timeline.show-marker .timeline-container::after {
    top: -21px;
    height: 20px;
    width: 15%;
  }
  .main-content .timeline.show-marker .timeline-container .timeline-inner-container {
    overflow-x: auto;
    height: 88px;
    top: -20px;
  }
  .main-content .timeline.show-marker .timeline-container .timeline-inner-container .timeline-inner {
    top: 20px;
    height: 68px;
  }
  .main-content .timeline.show-marker .timeline-container .timeline-inner-container .timeline-inner .timeline-card .marker {
    padding: 6px 18px;
    top: -10px;
    font-size: 10px;
  }
  .main-content .timeline.show-marker .timeline-container .timeline-inner-container .timeline-inner .timeline-card .marker::after {
    bottom: -5px;
    border-width: 8px 5px 0 5px;
  }
  .standard-tabs .nav-tabs > li {
    display: block;
    float: none;
    margin: 0;
    margin-right: 1px;
  }
  .standard-tabs .nav-tabs > li > a {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #b8c8ba;
  }
  .standard-tabs .nav-tabs > li.active > a {
    border-width: 1px;
    background-color: #eef7ee;
  }
  .standard-tabs .nav-tabs > li + li > a {
    border-top-width: 0px;
  }
  .standard-tabs .nav-tabs > li + li.active > a {
    margin-top: -1px;
    border-top-width: 1px;
  }
  .account-settings > .top > .tabs > .tab {
    display: block;
    float: none;
    width: 100%;
    padding-right: 1px;
  }
  .account-settings > .top > .tabs > .tab > a {
    display: block;
    border: 1px solid #b8c8ba;
    padding: 10px 30px;
  }
  .account-settings > .top > .tabs > .tab.active > a {
    border-width: 1px;
    border-color: #3cb54a;
    background-color: #eef7ee;
  }
  .account-settings > .top > .tabs > .tab + li > a {
    border-top-width: 0px;
  }
  .account-settings > .top > .tabs > .tab + li.active > a {
    margin-top: -1px;
    border-top-width: 1px;
  }
  .account-settings > .settings-item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-settings > .settings-item .decorated-form {
    padding-left: 10px;
    padding-right: 10px;
  }
  .account-settings > .settings-item.account .action-items .action-button {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
}

@media (max-width: 420px) {
  .container > .container-inner > .page-container > .left-nav {
    left: -100%;
    width: 100%;
  }
  .container > .container-inner > .page-container > .left-nav .close-menu-button {
    display: block;
    margin: 15px;
    color: #ffffff;
    background-color: #000000;
  }
  .container > .container-inner > .page-container > .main-content .dashboard-title .dashboard-name .dashboard-image {
    display: none;
  }
  .container > .container-inner > .page-container > .main-content .dashboard-description {
    margin-left: 0;
  }
  .container > .container-inner > .page-container > .main-content .livestock-title .livestock-name .livestock-image {
    display: none;
  }
  .container > .container-inner > .page-container > .main-content .livestock-description {
    margin-left: 0;
  }
  .container > .container-inner > .page-container > .main-content .pasture-title .pasture-name .pasture-image {
    display: none;
  }
  .container > .container-inner > .page-container > .main-content .pasture-description {
    margin-left: 0;
  }
  .container > .container-inner > .page-container > .main-content .standard-section-title .standard-section-name .standard-section-image {
    display: none;
  }
  .container > .container-inner > .page-container > .main-content .standard-section-description {
    margin-left: 0;
  }
  body.show-nav .container > .container-inner > .page-container > .left-nav {
    transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
  }
}