#wrapper, .dashboard {
  padding: 30px;
}

.machine-toggle-all{
width: fit-content;
    margin: 10px;
}

@font-face {
  font-family: "HKGrotesk";
  font-weight: 300;
  font-style: normal;
  src: url(/fonts/HKGrotesk-Regular.otf);
}

@font-face {
  font-family: "HKGrotesk";
  font-weight: 300;
  font-style: italic;
  src: url(/fonts/HKGrotesk-Italic.otf);
}

@font-face {
  font-family: "HKGrotesk";
  font-weight: 400;
  font-style: normal;
  src: url(/fonts/HKGrotesk-Medium.otf);
}

@font-face {
  font-family: "HKGrotesk";
  font-weight: 400;
  font-style: italic;
  src: url(/fonts/HKGrotesk-MediumItalic.otf);
}

@font-face {
  font-family: "HKGrotesk";
  font-weight: 500;
  font-style: normal;
  src: url(/fonts/HKGrotesk-SemiBold.otf);
}

@font-face {
  font-family: "HKGrotesk";
  font-weight: 500;
  font-style: italic;
  src: url(/fonts/HKGrotesk-SemiBoldItalic.otf);
}

@font-face {
  font-family: "HKGrotesk";
  font-weight: 600;
  font-style: normal;
  src: url(/fonts/HKGrotesk-Bold.otf);
}

@font-face {
  font-family: "HKGrotesk";
  font-weight: 600;
  font-style: italic;
  src: url(/fonts/HKGrotesk-BoldItalic.otf);
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  text-align: left;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1.4em;
}

p {
  margin-top: 0;
  margin-bottom: 1.4em;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
  height: auto;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

a {
  text-decoration: none;
}

.tabbed-container .tabs ul:after,
.nav-tabs ul:after,
.budget-top ul:after, .sub-tabs ul:after, .sub-tabs:after, .datetime:after, .graph-section:after, .budget-top:after, .budget-top + div[ui-view] .tabbed-container .tabs ul:after {
  content: "";
  display: block;
  clear: both;
}

body {
  background: #FFFFFF;
  color: #4B4B4B;
  font-family: "HKGrotesk", sans-serif;
  font-weight: 300;
  font-size: 14px;
  min-width: 1024px;
}

#wrapper {
  margin-left: 220px;
  position: relative;
  height: 100%;
  min-height: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#header {
  overflow-y: auto;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 220px;
}

#header #logo {
  padding: 24px;
}

#header #logo img {
  display: block;
}

.spa-loading {
  text-align: center;
  padding-top: 40vh;
}

input[name].hide {
  display: none;
}

.task-manager .setup-times .light-grey-row, .break-times-modal ul.breaks li {
  background: #F1F1F1;
  padding: 20px;
  border-radius: 4px;
}

#header {
  background: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#222222));
  background: linear-gradient(#343434, #222222);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07);
}

#header a {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 500;
}

#header #menu_area {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.page-header {
  display: none;
}

#profile_right > .orange {
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  color: #222222;
  padding-top: 12px;
  margin-bottom: 32px !important;
}

#profile_right > .size14 {
  font-size: 15px;
  margin-bottom: 10px;
}

#profile_right > .size14 > .bold.orange {
  color: #fbaa3a;
  font-weight: 600;
}

#profile_right > .bgreen:first-child {
  margin-top: 25px !important;
  display: inline-block;
}

.accordion-content-spacing.sides > .size13 {
  text-align: right;
  font-size: 15px;
  margin-bottom: 10px;
}

.accordion-content-spacing.sides > .size13 > .bold.orange {
  color: #fbaa3a;
  font-weight: 600;
}

ul.top-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.top-menu li {
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

ul.top-menu li:hover, ul.top-menu li:focus, ul.top-menu li:active {
  background: rgba(0, 0, 0, 0.21);
}

ul.top-menu li > div {
  opacity: 0;
  position: absolute;
  visibility: hidden;
  white-space: nowrap;
  top: 30px;
  display: none;
}

ul.top-menu li a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  padding: 21px 30px;
}

ul.top-menu li i.icon {
  margin-right: 12px;
}

ul.top-menu li i.icon--home {
  background-image: url(../images/icons/icon_home_b.svg);
}

ul.top-menu li i.icon--planner {
  background-image: url(../images/icons/icon_planner_b.svg);
}

ul.top-menu li i.icon--machinery {
  background-image: url(../images/icons/icon_machinery_b.svg);
}

ul.top-menu li i.icon--stock {
  background-image: url(../images/icons/icon_stock_b.svg);
}

ul.top-menu li i.icon--applications {
  background-image: url(../images/icons/icon_applications_b.svg);
}

ul.top-menu li i.icon--sun {
  background-image: url(../images/icons/icon_sun.png);
}

ul.top-menu li i.icon--budget {
  background-image: url(../images/icons/icon_budget_b.svg);
}

ul.top-menu li i.icon--resources {
  background-image: url(../images/icons/icon_resources_b.svg);
}

ul.top-menu li i.icon--reports {
  background-image: url(../images/icons/icon_reports_b.svg);
}

ul.top-menu li i.icon--settings {
  background-image: url(../images/icons/icon_settings_b.svg);
}

ul.top-menu li.selected {
  background: rgba(0, 0, 0, 0.21);
}

ul.top-menu li.selected i.icon--home {
  background-image: url(../images/icons/icon_home.svg);
}

ul.top-menu li.selected i.icon--planner {
  background-image: url(../images/icons/icon_planner.svg);
}

ul.top-menu li.selected i.icon--machinery {
  background-image: url(../images/icons/icon_machinery.svg);
}

ul.top-menu li.selected i.icon--stock {
  background-image: url(../images/icons/icon_stock.svg);
}

ul.top-menu li.selected i.icon--applications {
  background-image: url(../images/icons/icon_applications.svg);
}

ul.top-menu li.selected i.icon--sun {
  background-image: url(../images/icons/icon_sun_s.png);
}

ul.top-menu li.selected i.icon--budget {
  background-image: url(../images/icons/icon_budget.svg);
}

ul.top-menu li.selected i.icon--resources {
  background-image: url(../images/icons/icon_resources.svg);
}

ul.top-menu li.selected i.icon--reports {
  background-image: url(../images/icons/icon_reports.svg);
}

ul.top-menu li.selected i.icon--settings {
  background-image: url(../images/icons/icon_settings.svg);
}

.nav-bottom a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 34px;
  padding: 15px;
}

.nav-bottom a.account {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}

.nav-bottom a.account i {
  margin-right: 8px;
  vertical-align: middle;
}

.nav-bottom a.logout {
  background: rgba(255, 255, 255, 0.09);
  text-align: center;
}

#expand_fullcontent > div[style] {
  padding: 0 !important;
}

.tabbed-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#content {
  padding-top: 71px;
}

#content3 {
  padding-top: 41px;
}

.tabbed-container .tabs,
.nav-tabs,
.budget-top {
  position: fixed;
  top: 0;
  background: #FFFFFF;
  z-index: 8;
  margin: 0 -30px 30px -30px;
  max-width: calc(100% - 220px);
  width: calc(100% - 220px);
  -webkit-box-shadow: 0 3px 4px rgba(110, 110, 110, 0.13);
          box-shadow: 0 3px 4px rgba(110, 110, 110, 0.13);
}

.modal .tabbed-container .tabs, .modal .nav-tabs, .modal .budget-top {
  margin: 0 -30px 30px -30px;
  position: static;
  max-width: calc(100% + 60px);
  width: calc(100% + 60px);
}

.tabbed-container .tabs ul,
.nav-tabs ul,
.budget-top ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}

.tabbed-container .tabs ul li,
.nav-tabs ul li,
.budget-top ul li {
  float: left;
}

.tabbed-container .tabs ul li a,
.nav-tabs ul li a,
.budget-top ul li a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  padding: 25px 25px;
  color: #767676;
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  background: #FFFFFF;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}

@media (min-width: 1400px) {
  .tabbed-container .tabs ul li a,
  .nav-tabs ul li a,
  .budget-top ul li a {
    padding: 25px 30px;
  }
}

@media (max-width: 1199px) {
  .tabbed-container .tabs ul li a,
  .nav-tabs ul li a,
  .budget-top ul li a {
    padding: 25px 10px;
  }
}

@media (min-width: 1400px) {
  .tabbed-container .tabs ul li a,
  .nav-tabs ul li a,
  .budget-top ul li a {
    font-size: 16px;
  }
}

.tabbed-container .tabs ul li a:hover, .tabbed-container .tabs ul li a:focus, .tabbed-container .tabs ul li a:active,
.nav-tabs ul li a:hover,
.budget-top ul li a:hover,
.nav-tabs ul li a:focus,
.budget-top ul li a:focus,
.nav-tabs ul li a:active,
.budget-top ul li a:active {
  background: #FCFCFC;
  color: #5d5d5d;
}

.tabbed-container .tabs ul li.selected a,
.nav-tabs ul li.selected a,
.budget-top ul li.selected a {
  color: #222222;
  font-weight: 600;
}

.tabbed-container .tabs ul li.buttons,
.nav-tabs ul li.buttons,
.budget-top ul li.buttons {
  float: right;
  padding: 15px;
}

.tabbed-container .tabs ul li.buttons.buttons--with-submit,
.nav-tabs ul li.buttons.buttons--with-submit,
.budget-top ul li.buttons.buttons--with-submit {
  padding-right: 130px;
}

.tabbed-container .tabs ul li.buttons a.button, .tabbed-container .tabs ul li.buttons .invoice-form .row > div a[ng-click="addSupplier()"], .invoice-form .row > div .tabbed-container .tabs ul li.buttons a[ng-click="addSupplier()"], .tabbed-container .tabs ul li.buttons a.hide-area, .tabbed-container .tabs ul li.buttons .ingredient-list a, .ingredient-list .tabbed-container .tabs ul li.buttons a, .tabbed-container .tabs ul li.buttons .popupbox a.confirm, .popupbox .tabbed-container .tabs ul li.buttons a.confirm, .tabbed-container .tabs ul li.buttons .popupbox a.decline, .popupbox .tabbed-container .tabs ul li.buttons a.decline, .tabbed-container .tabs ul li.buttons #table_head a.diary_open_all, #table_head .tabbed-container .tabs ul li.buttons a.diary_open_all, .tabbed-container .tabs ul li.buttons #table_head a.diary_close_all, #table_head .tabbed-container .tabs ul li.buttons a.diary_close_all,
.nav-tabs ul li.buttons a.button,
.budget-top ul li.buttons a.button,
.nav-tabs ul li.buttons .invoice-form .row > div a[ng-click="addSupplier()"],
.invoice-form .row > div .nav-tabs ul li.buttons a[ng-click="addSupplier()"],
.budget-top ul li.buttons .invoice-form .row > div a[ng-click="addSupplier()"],
.invoice-form .row > div .budget-top ul li.buttons a[ng-click="addSupplier()"],
.nav-tabs ul li.buttons a.hide-area,
.budget-top ul li.buttons a.hide-area,
.nav-tabs ul li.buttons .ingredient-list a,
.ingredient-list .nav-tabs ul li.buttons a,
.budget-top ul li.buttons .ingredient-list a,
.ingredient-list .budget-top ul li.buttons a,
.nav-tabs ul li.buttons .popupbox a.confirm,
.popupbox .nav-tabs ul li.buttons a.confirm,
.budget-top ul li.buttons .popupbox a.confirm,
.popupbox .budget-top ul li.buttons a.confirm,
.nav-tabs ul li.buttons .popupbox a.decline,
.popupbox .nav-tabs ul li.buttons a.decline,
.budget-top ul li.buttons .popupbox a.decline,
.popupbox .budget-top ul li.buttons a.decline,
.nav-tabs ul li.buttons #table_head a.diary_open_all,
#table_head .nav-tabs ul li.buttons a.diary_open_all,
.budget-top ul li.buttons #table_head a.diary_open_all,
#table_head .budget-top ul li.buttons a.diary_open_all,
.nav-tabs ul li.buttons #table_head a.diary_close_all,
#table_head .nav-tabs ul li.buttons a.diary_close_all,
.budget-top ul li.buttons #table_head a.diary_close_all,
#table_head .budget-top ul li.buttons a.diary_close_all {
  padding: 10px 25px;
  background: #FFFFFF;
  color: #4B4B4B;
  border: 1px solid #D9D9D9;
  line-height: 19px;
  font-size: 16px;
  font-weight: 500;
}

.tabbed-container .tabs .title,
.nav-tabs .title,
.budget-top .title {
  font-size: 20px;
  line-height: 21px;
  font-weight: 600;
  padding: 25px 30px;
  color: #222222;
  display: block;
}

.tabbed-container .tabs .title em,
.nav-tabs .title em,
.budget-top .title em {
  font-weight: 400;
  margin-right: 6px;
}

#profile_right > .bgreen:first-child, .button.button--done, .invoice-form .row > div a.button--done[ng-click="addSupplier()"], a.button--done.hide-area, .ingredient-list a.button--done, .popupbox .button--done.confirm, .popupbox .button--done.decline, .budget-top + div[ui-view] .tabbed-container .tabs div.button--done[help-video="budget.mp4"], .task-chart .top-area span[perm="planner_task_add"] > div div[ng-click="addRoutine()"], .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.button--done, #table_head .button--done.diary_open_all, #table_head .button--done.diary_close_all,
input.button.button--done[type="submit"], .popupbox input.button--done.confirm[type="submit"], .popupbox input.button--done.decline[type="submit"], .accordion.budget_popup_container + .confirm, .budget-container a.button.floatR.marginT10[ui-sref*="add-invoice"], .budget-container .invoice-form .row > div a.floatR.marginT10[ui-sref*="add-invoice"][ng-click="addSupplier()"], .invoice-form .row > div .budget-container a.floatR.marginT10[ui-sref*="add-invoice"][ng-click="addSupplier()"], .budget-container a.floatR.marginT10.hide-area[ui-sref*="add-invoice"], .budget-container .ingredient-list a.floatR.marginT10[ui-sref*="add-invoice"], .ingredient-list .budget-container a.floatR.marginT10[ui-sref*="add-invoice"], .budget-container .popupbox a.floatR.marginT10.confirm[ui-sref*="add-invoice"], .popupbox .budget-container a.floatR.marginT10.confirm[ui-sref*="add-invoice"], .budget-container .popupbox a.floatR.marginT10.decline[ui-sref*="add-invoice"], .popupbox .budget-container a.floatR.marginT10.decline[ui-sref*="add-invoice"], .budget-container #table_head a.floatR.marginT10.diary_open_all[ui-sref*="add-invoice"], #table_head .budget-container a.floatR.marginT10.diary_open_all[ui-sref*="add-invoice"], .budget-container #table_head a.floatR.marginT10.diary_close_all[ui-sref*="add-invoice"], #table_head .budget-container a.floatR.marginT10.diary_close_all[ui-sref*="add-invoice"], #frmAddStock #btnAddStock, .modal .buttons input[type="submit"][value="Add New"], .planner-block .title.floatR .bgreen, .task-manager a[ng-click="save()"],
.task-manager a[ng-click="addAreaSave()"],
.task-manager a[ng-click="$close(tags)"], .break-times-modal form[name="breakForm"] input[type="submit"][value="Set Breaks"], .task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons input[value="Add Project"],
.task-chart > .slidedown .task-modal .nav-tabs .buttons input[value="Add Project"],
.task-chart > .slidedown .task-modal .budget-top .buttons input[value="Add Project"], .task-chart > .slidedown .task-modal .footer input[value="Add Project"], .task-chart > .slidedown .task-modal div[value="Save Changes"] input {
  color: #222222 !important;
  background: #8DC63F !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  padding: 10px 30px;
  margin: 0;
  border-radius: 4px;
  border: 0;
  cursor: pointer;
}

#profile_right > .bgreen:hover:first-child, .button.button--done:hover, .invoice-form .row > div a.button--done:hover[ng-click="addSupplier()"], a.button--done.hide-area:hover, .ingredient-list a.button--done:hover, .popupbox .button--done.confirm:hover, .popupbox .button--done.decline:hover, .budget-top + div[ui-view] .tabbed-container .tabs div.button--done:hover[help-video="budget.mp4"], .task-chart .top-area span[perm="planner_task_add"] > div div:hover[ng-click="addRoutine()"], .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.button--done:hover, #table_head .button--done.diary_open_all:hover, #table_head .button--done.diary_close_all:hover,
input.button.button--done:hover[type="submit"], .accordion.budget_popup_container + .confirm:hover, .budget-container a.button.floatR.marginT10:hover[ui-sref*="add-invoice"], .budget-container .invoice-form .row > div a.floatR.marginT10:hover[ui-sref*="add-invoice"][ng-click="addSupplier()"], .invoice-form .row > div .budget-container a.floatR.marginT10:hover[ui-sref*="add-invoice"][ng-click="addSupplier()"], .budget-container a.floatR.marginT10.hide-area:hover[ui-sref*="add-invoice"], .budget-container .ingredient-list a.floatR.marginT10:hover[ui-sref*="add-invoice"], .ingredient-list .budget-container a.floatR.marginT10:hover[ui-sref*="add-invoice"], .budget-container .popupbox a.floatR.marginT10.confirm:hover[ui-sref*="add-invoice"], .popupbox .budget-container a.floatR.marginT10.confirm:hover[ui-sref*="add-invoice"], .budget-container .popupbox a.floatR.marginT10.decline:hover[ui-sref*="add-invoice"], .popupbox .budget-container a.floatR.marginT10.decline:hover[ui-sref*="add-invoice"], .budget-container #table_head a.floatR.marginT10.diary_open_all:hover[ui-sref*="add-invoice"], #table_head .budget-container a.floatR.marginT10.diary_open_all:hover[ui-sref*="add-invoice"], .budget-container #table_head a.floatR.marginT10.diary_close_all:hover[ui-sref*="add-invoice"], #table_head .budget-container a.floatR.marginT10.diary_close_all:hover[ui-sref*="add-invoice"], #frmAddStock #btnAddStock:hover, .modal .buttons input:hover[type="submit"][value="Add New"], .planner-block .title.floatR .bgreen:hover, .task-manager a:hover[ng-click="save()"],
.task-manager a:hover[ng-click="addAreaSave()"],
.task-manager a:hover[ng-click="$close(tags)"], .break-times-modal form[name="breakForm"] input:hover[type="submit"][value="Set Breaks"], .task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons input:hover[value="Add Project"],
.task-chart > .slidedown .task-modal .nav-tabs .buttons input:hover[value="Add Project"],
.task-chart > .slidedown .task-modal .budget-top .buttons input:hover[value="Add Project"], .task-chart > .slidedown .task-modal .footer input:hover[value="Add Project"], .task-chart > .slidedown .task-modal div[value="Save Changes"] input:hover, #profile_right > .bgreen:focus:first-child, .button.button--done:focus, .invoice-form .row > div a.button--done:focus[ng-click="addSupplier()"], a.button--done.hide-area:focus, .ingredient-list a.button--done:focus, .popupbox .button--done.confirm:focus, .popupbox .button--done.decline:focus, .budget-top + div[ui-view] .tabbed-container .tabs div.button--done:focus[help-video="budget.mp4"], .task-chart .top-area span[perm="planner_task_add"] > div div:focus[ng-click="addRoutine()"], .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.button--done:focus, #table_head .button--done.diary_open_all:focus, #table_head .button--done.diary_close_all:focus,
input.button.button--done:focus[type="submit"], .accordion.budget_popup_container + .confirm:focus, .budget-container a.button.floatR.marginT10:focus[ui-sref*="add-invoice"], .budget-container .invoice-form .row > div a.floatR.marginT10:focus[ui-sref*="add-invoice"][ng-click="addSupplier()"], .invoice-form .row > div .budget-container a.floatR.marginT10:focus[ui-sref*="add-invoice"][ng-click="addSupplier()"], .budget-container a.floatR.marginT10.hide-area:focus[ui-sref*="add-invoice"], .budget-container .ingredient-list a.floatR.marginT10:focus[ui-sref*="add-invoice"], .ingredient-list .budget-container a.floatR.marginT10:focus[ui-sref*="add-invoice"], .budget-container .popupbox a.floatR.marginT10.confirm:focus[ui-sref*="add-invoice"], .popupbox .budget-container a.floatR.marginT10.confirm:focus[ui-sref*="add-invoice"], .budget-container .popupbox a.floatR.marginT10.decline:focus[ui-sref*="add-invoice"], .popupbox .budget-container a.floatR.marginT10.decline:focus[ui-sref*="add-invoice"], .budget-container #table_head a.floatR.marginT10.diary_open_all:focus[ui-sref*="add-invoice"], #table_head .budget-container a.floatR.marginT10.diary_open_all:focus[ui-sref*="add-invoice"], .budget-container #table_head a.floatR.marginT10.diary_close_all:focus[ui-sref*="add-invoice"], #table_head .budget-container a.floatR.marginT10.diary_close_all:focus[ui-sref*="add-invoice"], #frmAddStock #btnAddStock:focus, .modal .buttons input:focus[type="submit"][value="Add New"], .planner-block .title.floatR .bgreen:focus, .task-manager a:focus[ng-click="save()"],
.task-manager a:focus[ng-click="addAreaSave()"],
.task-manager a:focus[ng-click="$close(tags)"], .break-times-modal form[name="breakForm"] input:focus[type="submit"][value="Set Breaks"], .task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons input:focus[value="Add Project"],
.task-chart > .slidedown .task-modal .nav-tabs .buttons input:focus[value="Add Project"],
.task-chart > .slidedown .task-modal .budget-top .buttons input:focus[value="Add Project"], .task-chart > .slidedown .task-modal .footer input:focus[value="Add Project"], .task-chart > .slidedown .task-modal div[value="Save Changes"] input:focus, #profile_right > .bgreen:active:first-child, .button.button--done:active, .invoice-form .row > div a.button--done:active[ng-click="addSupplier()"], a.button--done.hide-area:active, .ingredient-list a.button--done:active, .popupbox .button--done.confirm:active, .popupbox .button--done.decline:active, .budget-top + div[ui-view] .tabbed-container .tabs div.button--done:active[help-video="budget.mp4"], .task-chart .top-area span[perm="planner_task_add"] > div div:active[ng-click="addRoutine()"], .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.button--done:active, #table_head .button--done.diary_open_all:active, #table_head .button--done.diary_close_all:active,
input.button.button--done:active[type="submit"], .accordion.budget_popup_container + .confirm:active, .budget-container a.button.floatR.marginT10:active[ui-sref*="add-invoice"], .budget-container .invoice-form .row > div a.floatR.marginT10:active[ui-sref*="add-invoice"][ng-click="addSupplier()"], .invoice-form .row > div .budget-container a.floatR.marginT10:active[ui-sref*="add-invoice"][ng-click="addSupplier()"], .budget-container a.floatR.marginT10.hide-area:active[ui-sref*="add-invoice"], .budget-container .ingredient-list a.floatR.marginT10:active[ui-sref*="add-invoice"], .ingredient-list .budget-container a.floatR.marginT10:active[ui-sref*="add-invoice"], .budget-container .popupbox a.floatR.marginT10.confirm:active[ui-sref*="add-invoice"], .popupbox .budget-container a.floatR.marginT10.confirm:active[ui-sref*="add-invoice"], .budget-container .popupbox a.floatR.marginT10.decline:active[ui-sref*="add-invoice"], .popupbox .budget-container a.floatR.marginT10.decline:active[ui-sref*="add-invoice"], .budget-container #table_head a.floatR.marginT10.diary_open_all:active[ui-sref*="add-invoice"], #table_head .budget-container a.floatR.marginT10.diary_open_all:active[ui-sref*="add-invoice"], .budget-container #table_head a.floatR.marginT10.diary_close_all:active[ui-sref*="add-invoice"], #table_head .budget-container a.floatR.marginT10.diary_close_all:active[ui-sref*="add-invoice"], #frmAddStock #btnAddStock:active, .modal .buttons input:active[type="submit"][value="Add New"], .planner-block .title.floatR .bgreen:active, .task-manager a:active[ng-click="save()"],
.task-manager a:active[ng-click="addAreaSave()"],
.task-manager a:active[ng-click="$close(tags)"], .break-times-modal form[name="breakForm"] input:active[type="submit"][value="Set Breaks"], .task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons input:active[value="Add Project"],
.task-chart > .slidedown .task-modal .nav-tabs .buttons input:active[value="Add Project"],
.task-chart > .slidedown .task-modal .budget-top .buttons input:active[value="Add Project"], .task-chart > .slidedown .task-modal .footer input:active[value="Add Project"], .task-chart > .slidedown .task-modal div[value="Save Changes"] input:active {
  color: #222222 !important;
  background: #80b636 !important;
}

.button.button--done, .invoice-form .row > div a.button--done[ng-click="addSupplier()"], a.button--done.hide-area, .ingredient-list a.button--done, .popupbox .button--done.confirm, .popupbox .button--done.decline, .budget-top + div[ui-view] .tabbed-container .tabs div.button--done[help-video="budget.mp4"], .task-chart .top-area span[perm="planner_task_add"] > div div[ng-click="addRoutine()"], .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.button--done, #table_head .button--done.diary_open_all, #table_head .button--done.diary_close_all,
input[type="submit"].button.button--done,
.popupbox input.confirm[type="submit"].button--done,
.popupbox input.decline[type="submit"].button--done,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input[type="submit"].button--done,
#table_head input.diary_open_all[type="submit"].button--done,
#table_head input.diary_close_all[type="submit"].button--done {
  position: fixed;
  top: 15px;
  right: 15px;
  margin: 0 !important;
  z-index: 8;
  color: #4B4B4B !important;
}

input[type="submit"].button.button--delete-top, .popupbox input.confirm[type="submit"].button--delete-top, .popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.confirm[type="submit"], .popupbox input.decline[type="submit"].button--delete-top, .popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.decline[type="submit"], .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input[type="submit"], #table_head input.diary_open_all[type="submit"].button--delete-top, #table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_open_all[type="submit"], .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_open_all[type="submit"], #table_head input.diary_close_all[type="submit"].button--delete-top, #table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_close_all[type="submit"], .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_close_all[type="submit"],
input[type="button"].button.button--delete-top,
.popupbox input.confirm[type="button"].button--delete-top,
.popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.confirm[type="button"],
.popupbox input.decline[type="button"].button--delete-top,
.popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.decline[type="button"],
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input[type="button"],
#table_head input.diary_open_all[type="button"].button--delete-top,
#table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_open_all[type="button"],
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_open_all[type="button"],
#table_head input.diary_close_all[type="button"].button--delete-top,
#table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_close_all[type="button"],
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_close_all[type="button"] {
  position: absolute;
  top: 15px;
  right: 250px;
  color: #E34A4A;
  margin: 0 !important;
  background-color: transparent;
  background-image: url(../images/icons/icon_delete.svg);
  background-position: center;
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  border: 1px solid #D9D9D9;
  padding: 12px 14px;
  text-indent: -9999px;
  overflow: hidden;
  width: 44px;
  line-height: 15px;
}

input[type="submit"].button.button--delete-top:hover, .popupbox input.confirm[type="submit"].button--delete-top:hover, .popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.confirm[type="submit"]:hover, .popupbox input.decline[type="submit"].button--delete-top:hover, .popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.decline[type="submit"]:hover, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input[type="submit"]:hover, #table_head input.diary_open_all[type="submit"].button--delete-top:hover, #table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_open_all[type="submit"]:hover, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_open_all[type="submit"]:hover, #table_head input.diary_close_all[type="submit"].button--delete-top:hover, #table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_close_all[type="submit"]:hover, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_close_all[type="submit"]:hover, input[type="submit"].button.button--delete-top:focus, .popupbox input.confirm[type="submit"].button--delete-top:focus, .popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.confirm[type="submit"]:focus, .popupbox input.decline[type="submit"].button--delete-top:focus, .popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.decline[type="submit"]:focus, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input[type="submit"]:focus, #table_head input.diary_open_all[type="submit"].button--delete-top:focus, #table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_open_all[type="submit"]:focus, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_open_all[type="submit"]:focus, #table_head input.diary_close_all[type="submit"].button--delete-top:focus, #table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_close_all[type="submit"]:focus, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_close_all[type="submit"]:focus, input[type="submit"].button.button--delete-top:active, .popupbox input.confirm[type="submit"].button--delete-top:active, .popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.confirm[type="submit"]:active, .popupbox input.decline[type="submit"].button--delete-top:active, .popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.decline[type="submit"]:active, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input[type="submit"]:active, #table_head input.diary_open_all[type="submit"].button--delete-top:active, #table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_open_all[type="submit"]:active, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_open_all[type="submit"]:active, #table_head input.diary_close_all[type="submit"].button--delete-top:active, #table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_close_all[type="submit"]:active, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_close_all[type="submit"]:active,
input[type="button"].button.button--delete-top:hover,
.popupbox input.confirm[type="button"].button--delete-top:hover,
.popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.confirm[type="button"]:hover,
.popupbox input.decline[type="button"].button--delete-top:hover,
.popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.decline[type="button"]:hover,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input[type="button"]:hover,
#table_head input.diary_open_all[type="button"].button--delete-top:hover,
#table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_open_all[type="button"]:hover,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_open_all[type="button"]:hover,
#table_head input.diary_close_all[type="button"].button--delete-top:hover,
#table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_close_all[type="button"]:hover,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_close_all[type="button"]:hover,
input[type="button"].button.button--delete-top:focus,
.popupbox input.confirm[type="button"].button--delete-top:focus,
.popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.confirm[type="button"]:focus,
.popupbox input.decline[type="button"].button--delete-top:focus,
.popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.decline[type="button"]:focus,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input[type="button"]:focus,
#table_head input.diary_open_all[type="button"].button--delete-top:focus,
#table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_open_all[type="button"]:focus,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_open_all[type="button"]:focus,
#table_head input.diary_close_all[type="button"].button--delete-top:focus,
#table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_close_all[type="button"]:focus,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_close_all[type="button"]:focus,
input[type="button"].button.button--delete-top:active,
.popupbox input.confirm[type="button"].button--delete-top:active,
.popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.confirm[type="button"]:active,
.popupbox input.decline[type="button"].button--delete-top:active,
.popupbox .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.decline[type="button"]:active,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input[type="button"]:active,
#table_head input.diary_open_all[type="button"].button--delete-top:active,
#table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_open_all[type="button"]:active,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_open_all[type="button"]:active,
#table_head input.diary_close_all[type="button"].button--delete-top:active,
#table_head .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.diary_close_all[type="button"]:active,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] #table_head input.diary_close_all[type="button"]:active {
  background-color: transparent;
}

.sub-tabs.ng-scope {
  margin-top: 30px;
}

.sub-tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
}

.sub-tabs ul li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .sub-tabs ul li {
    margin-right: 10px;
  }
  .sub-tabs ul li:last-child {
    margin-right: 0;
  }
}

.sub-tabs ul li a {
  cursor: pointer;
  display: block;
  border: 0;
  padding: 8px 18px;
  font-weight: 300;
  color: #000000;
  font-size: 17px;
  line-height: 22px;
  border-radius: 18px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.sub-tabs ul li a:hover, .sub-tabs ul li a:focus, .sub-tabs ul li a:active {
  color: #222222;
  background: #F1F1F1;
}

.sub-tabs ul li a.selected {
  font-weight: 600;
  color: #222222;
  background: #fbaa3a;
}

.sub-tabs ul li a i {
  vertical-align: sub;
}

.sub-tabs ul + a[ng-click="addJob()"] {
  cursor: pointer;
  height: 38px;
  display: block;
  line-height: 38px;
  font-weight: 500;
  font-size: 16px;
  float: left;
}

.sub-tabs ul + a[ng-click="addJob()"] i {
  vertical-align: sub;
  margin-right: 3px;
}

.planner-nav .toggle {
  cursor: pointer;
  margin: 0 !important;
}

.planner-nav .toggle .calendar-toggle {
  display: block;
}

.planner-nav .toggle .calendar-toggle img {
  width: 22px;
  height: 24px;
}

.planner-nav .toggle + #datepicker {
  display: none;
}

.planner-nav .toggle.open {
  margin: 0 !important;
  position: relative;
}

.planner-nav .toggle.open:before {
  content: "";
  display: block;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #e8e8e8 transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  margin-top: -18px;
  width: 0;
  height: 0;
}

.planner-nav .toggle.open:after {
  content: "";
  display: block;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  margin-top: -16px;
  width: 0;
  height: 0;
  z-index: 1;
}

.planner-nav .toggle.open + #datepicker {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
}

.planner-nav .toggle.open + #datepicker a {
  padding: .2em;
}

.planner-nav .toggle.open + #datepicker .ui-datepicker {
  border-left: 0;
  border-radius: 0 4px 4px 0;
  margin-top: -8px;
  border: 1px solid #e8e8e8;
  -webkit-box-shadow: 0 3px 4px rgba(110, 110, 110, 0.13);
  box-shadow: 0 3px 4px rgba(110, 110, 110, 0.13);
}

.planner-nav a[ng-click="chartSetup()"] {
  display: block;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-header {
  background: none;
  border: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  border: 0;
  height: 38px;
  background-position: center;
  background-repeat: no-repeat;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span.ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span.ui-icon {
  display: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:active,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus {
  border: 0;
  background-color: transparent;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  background-image: url(/images/icons/icon_arrow_left.svg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  background-image: url(/images/icons/icon_arrow_right.svg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
  top: 2px;
  left: 2px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
  top: 2px;
  right: 2px;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
  background: transparent;
  border-color: transparent;
  text-align: center;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
  color: #fff;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(#FC7465), to(#E82633));
  background: linear-gradient(#FC7465, #E82633);
  border-radius: 50px;
  text-align: center;
  width: 26px;
  margin-left: auto;
  margin-right: auto;
}

.nav-tabs .planner-nav, .budget-top .planner-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.nav-tabs .planner-nav > li, .budget-top .planner-nav > li {
  margin: 0;
}

.nav-tabs .planner-nav > li.planner-day-nav, .budget-top .planner-nav > li.planner-day-nav {
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nav-tabs .planner-nav > li.planner-day-nav a.cal_nav, .budget-top .planner-nav > li.planner-day-nav a.cal_nav {
  display: inline-block;
  border: 0;
}

.nav-tabs .planner-nav > li.planner-day-nav h1, .budget-top .planner-nav > li.planner-day-nav h1 {
  display: inline-block;
  margin: 0;
  font-weight: bold;
  font-size: 18px !important;
  line-height: 23px;
  vertical-align: middle;
  text-align: center;
}

@media (max-width: 1199px) {
  .nav-tabs .planner-nav > li.planner-day-nav h1, .budget-top .planner-nav > li.planner-day-nav h1 {
    max-width: 240px;
  }
}

.nav-tabs .planner-nav > li.search-tasks a, .budget-top .planner-nav > li.search-tasks a {
  border: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  color: #222222;
  white-space: nowrap;
  background: #EDEDED;
  border-radius: 5px;
  padding: 10px 20px;
  margin: 18px;
}

.nav-tabs .planner-nav > li.search-tasks a img, .budget-top .planner-nav > li.search-tasks a img {
  margin-left: 4px;
}

@media (max-width: 1199px) {
  .nav-tabs .planner-nav > li.search-tasks a, .budget-top .planner-nav > li.search-tasks a {
    padding: 10px;
    margin-right: 10px;
    margin-left: 10px;
  }
}

.nav-tabs li.sub-tabs, .budget-top li.sub-tabs {
  padding: 20px 18px;
}

@media (max-width: 1199px) {
  .nav-tabs li.sub-tabs, .budget-top li.sub-tabs {
    padding: 20px 12px;
  }
}

.nav-tabs li.sub-tabs ul li, .budget-top li.sub-tabs ul li {
  margin-bottom: 0;
}

.side-nav, .hs-right, .profile_permissions {
  padding: 0;
  float: left;
  width: 280px;
}

.side-nav--right, .hs-right, .profile_permissions {
  width: 425px;
  float: right;
  padding: 20px 30px;
  background: #F1F1F1;
}

@media (max-width: 1199px) {
  .side-nav--right, .hs-right, .profile_permissions {
    width: 260px;
  }
}

.side-nav--right + #profile_right, .hs-right + #profile_right, .profile_permissions + #profile_right {
  width: calc(100% - 350px);
}

@media (max-width: 1199px) {
  .side-nav--right + #profile_right, .hs-right + #profile_right, .profile_permissions + #profile_right {
    width: calc(100% - 260px);
  }
}

.side-nav--right .bold, .hs-right .bold, .profile_permissions .bold {
  font-weight: bold;
  display: block;
}

.side-nav--right .bold + br, .hs-right .bold + br, .profile_permissions .bold + br {
  display: none;
}

.side-nav--right .bold + br + span, .hs-right .bold + br + span, .profile_permissions .bold + br + span {
  display: block;
  margin-bottom: 15px;
}

.side-nav + #profile_right, .hs-right + #profile_right, .profile_permissions + #profile_right,
.side-nav + .profile_form,
.hs-right + .profile_form,
.profile_permissions + .profile_form,
.side-nav + .clearfix,
.hs-right + .clearfix,
.profile_permissions + .clearfix {
  margin-left: 300px;
}

.side-nav + #profile_right.edit-machinery-page, .hs-right + #profile_right.edit-machinery-page, .profile_permissions + #profile_right.edit-machinery-page,
.side-nav + .profile_form.edit-machinery-page,
.hs-right + .profile_form.edit-machinery-page,
.profile_permissions + .profile_form.edit-machinery-page,
.side-nav + .clearfix.edit-machinery-page,
.hs-right + .clearfix.edit-machinery-page,
.profile_permissions + .clearfix.edit-machinery-page {
  margin-left: 0;
  width: 100%;
}

.side-nav + #profile_right.edit-machinery-page .copytxt.marginB20:first-of-type, .hs-right + #profile_right.edit-machinery-page .copytxt.marginB20:first-of-type, .profile_permissions + #profile_right.edit-machinery-page .copytxt.marginB20:first-of-type,
.side-nav + .profile_form.edit-machinery-page .copytxt.marginB20:first-of-type,
.hs-right + .profile_form.edit-machinery-page .copytxt.marginB20:first-of-type,
.profile_permissions + .profile_form.edit-machinery-page .copytxt.marginB20:first-of-type,
.side-nav + .clearfix.edit-machinery-page .copytxt.marginB20:first-of-type,
.hs-right + .clearfix.edit-machinery-page .copytxt.marginB20:first-of-type,
.profile_permissions + .clearfix.edit-machinery-page .copytxt.marginB20:first-of-type {
  margin-right: 350px;
}

@media (max-width: 1199px) {
  .side-nav + #profile_right.edit-machinery-page .copytxt.marginB20:first-of-type, .hs-right + #profile_right.edit-machinery-page .copytxt.marginB20:first-of-type, .profile_permissions + #profile_right.edit-machinery-page .copytxt.marginB20:first-of-type,
  .side-nav + .profile_form.edit-machinery-page .copytxt.marginB20:first-of-type,
  .hs-right + .profile_form.edit-machinery-page .copytxt.marginB20:first-of-type,
  .profile_permissions + .profile_form.edit-machinery-page .copytxt.marginB20:first-of-type,
  .side-nav + .clearfix.edit-machinery-page .copytxt.marginB20:first-of-type,
  .hs-right + .clearfix.edit-machinery-page .copytxt.marginB20:first-of-type,
  .profile_permissions + .clearfix.edit-machinery-page .copytxt.marginB20:first-of-type {
    margin-right: 260px;
  }
}

.side-nav > .orange.title, .hs-right > .orange.title, .profile_permissions > .orange.title {
  font-size: 15px;
  font-weight: 600;
}

.menu_left, .budget-container .container .sub-tabs {
  position: fixed;
  float: left;
  width: 200px;
  margin: 0 0 0 -15px;
  list-style: none;
  padding: 0;
}

.menu_left li a, .budget-container .container .sub-tabs li a {
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: #767676;
  font-weight: 400;
  padding: 15px;
}

.menu_left li.selected a, .budget-container .container .sub-tabs li.selected a {
  color: #222222;
  font-weight: 600;
}

#expand_content + div.ng-scope,
#expand_content + div#profile_right {
  padding-left: 200px;
}

.menu_left + div#profile_right, .budget-container .container .sub-tabs + div#profile_right {
  padding-left: 200px;
}

i.icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-size: contain;
  vertical-align: text-bottom;
}

i.icon--medium {
  width: 32px;
  height: 32px;
}

i.icon--circle {
  border-radius: 100px;
  background-color: #8DC63F;
}

a.icon, .budget-container .icons a[ui-sref="^.edit-invoice({id: invoice.id})"] {
  display: inline-block;
  width: 34px;
  height: 34px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}

a.icon--edit, .budget-container .icons a[ui-sref="^.edit-invoice({id: invoice.id})"] {
  background-image: url(../images/icons/icon_edit.svg);
}

a.icon--edit.button_shop, .budget-container .icons a.button_shop[ui-sref="^.edit-invoice({id: invoice.id})"] {
  margin: -10px;
}

a.icon--delete {
  background-size: 12px auto;
  background-image: url(../images/icons/icon_delete.svg);
}

a.icon--print {
  background-size: 18px auto;
  background-image: url(../images/icons/icon_print.svg);
}

div.icon,
input[type="submit"].icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  background-color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
}

div.icon--delete,
input[type="submit"].icon--delete {
  background-size: 12px auto;
  background-image: url(../images/icons/icon_delete.svg);
}

img[src$="/icon_edit.svg"] {
  width: 14px;
  height: 14px;
  display: inline-block;
}

input[type="text"],
input[type="number"],
input[type="time"],
input[type="date"],
input.txtfield,
input[type="email"],
input[type="password"],
textarea,
select,
select.selectfield {
  display: inline-block;
  font-weight: 400;
  font-family: "HKGrotesk", sans-serif;
  font-size: 13px;
  line-height: 16px;
  padding: 7px 12px;
  color: #4B4B4B;
  border: 1px solid #D9D9D9;
  background: #FFFFFF;
  height: 34px;
  border-radius: 4px; 
}

input[type="text"].error,
input[type="number"].error,
input[type="time"].error,
input[type="date"].error,
input.txtfield.error,
input[type="email"].error,
input[type="password"].error,
textarea.error,
select.error,
select.selectfield.error {
  border-color: #EF383F;
}

input[type="text"].error:focus,
input[type="number"].error:focus,
input[type="time"].error:focus,
input[type="date"].error:focus,
input.txtfield.error:focus,
input[type="email"].error:focus,
input[type="password"].error:focus,
textarea.error:focus,
select.error:focus,
select.selectfield.error:focus {
  outline: #EF383F auto 1px;
}

input[type="file"] {
  min-height: 34px;
  height: auto;
}

label.error {
  color: #EF383F;
}

.nolabels .stock-column input.error + label.error {
  display: inline !important;
}

form.copytxt {
  margin-bottom: 30px;
}

form.copytxt .button, form.copytxt .invoice-form .row > div a[ng-click="addSupplier()"], .invoice-form .row > div form.copytxt a[ng-click="addSupplier()"], form.copytxt a.hide-area, form.copytxt .ingredient-list a, .ingredient-list form.copytxt a, form.copytxt .popupbox .confirm, .popupbox form.copytxt .confirm, form.copytxt .popupbox .decline, .popupbox form.copytxt .decline, form.copytxt .budget-top + div[ui-view] .tabbed-container .tabs div[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs form.copytxt div[help-video="budget.mp4"], form.copytxt .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] form.copytxt input, form.copytxt #table_head .diary_open_all, #table_head form.copytxt .diary_open_all, form.copytxt #table_head .diary_close_all, #table_head form.copytxt .diary_close_all {
  margin-top: 28px;
}

form label {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #4B4B4B;
  margin-bottom: 10px;
}

form .form-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}

form .form-item input, form .form-item select {
  display: block;
  width: 100%;
}

.results-filter {
  margin-bottom: 20px;
  width: calc(100% - 225px);
  float: left;
}

.results-filter span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #4B4B4B;
  float: left;
  position: relative;
  margin-right: 20px;
}

.results-filter .button, .results-filter .invoice-form .row > div a[ng-click="addSupplier()"], .invoice-form .row > div .results-filter a[ng-click="addSupplier()"], .results-filter a.hide-area, .results-filter .ingredient-list a, .ingredient-list .results-filter a, .results-filter .popupbox .confirm, .popupbox .results-filter .confirm, .results-filter .popupbox .decline, .popupbox .results-filter .decline, .results-filter .budget-top + div[ui-view] .tabbed-container .tabs div[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs .results-filter div[help-video="budget.mp4"], .results-filter .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] .results-filter input, .results-filter #table_head .diary_open_all, #table_head .results-filter .diary_open_all, .results-filter #table_head .diary_close_all, #table_head .results-filter .diary_close_all {
  margin-top: 28px;
}

.results-filter input,
.results-filter select {
  width: 100%;
}

.results-filter input.hasDatepicker + .ui-datepicker-trigger,
.results-filter select.hasDatepicker + .ui-datepicker-trigger {
  position: absolute;
  bottom: 0;
  right: 0;
}

.results-filter > span label,
.results-filter > form label {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #4B4B4B;
  margin-bottom: 10px;
}

.results-filter + p[style="float:left;"] {
  clear: both;
}

.results-filter + p[style="float:left;"] a.button + a.button, .results-filter + p[style="float:left;"] .invoice-form .row > div a[ng-click="addSupplier()"] + a.button, .invoice-form .row > div .results-filter + p[style="float:left;"] a[ng-click="addSupplier()"] + a.button, .results-filter + p[style="float:left;"] a.hide-area + a.button, .results-filter + p[style="float:left;"] .ingredient-list a + a.button, .ingredient-list .results-filter + p[style="float:left;"] a + a.button, .results-filter + p[style="float:left;"] .popupbox a.confirm + a.button, .popupbox .results-filter + p[style="float:left;"] a.confirm + a.button, .results-filter + p[style="float:left;"] .popupbox a.decline + a.button, .popupbox .results-filter + p[style="float:left;"] a.decline + a.button, .results-filter + p[style="float:left;"] #table_head a.diary_open_all + a.button, #table_head .results-filter + p[style="float:left;"] a.diary_open_all + a.button, .results-filter + p[style="float:left;"] #table_head a.diary_close_all + a.button, #table_head .results-filter + p[style="float:left;"] a.diary_close_all + a.button, .results-filter + p[style="float:left;"] .invoice-form .row > div a.button + a[ng-click="addSupplier()"], .invoice-form .row > div .results-filter + p[style="float:left;"] a.button + a[ng-click="addSupplier()"], .results-filter + p[style="float:left;"] .invoice-form .row > div a[ng-click="addSupplier()"] + a[ng-click="addSupplier()"], .invoice-form .row > div .results-filter + p[style="float:left;"] a[ng-click="addSupplier()"] + a[ng-click="addSupplier()"], .results-filter + p[style="float:left;"] .invoice-form .row > div a.hide-area + a[ng-click="addSupplier()"], .invoice-form .row > div .results-filter + p[style="float:left;"] a.hide-area + a[ng-click="addSupplier()"], .results-filter + p[style="float:left;"] .ingredient-list .invoice-form .row > div a + a[ng-click="addSupplier()"], .invoice-form .row > div .results-filter + p[style="float:left;"] .ingredient-list a + a[ng-click="addSupplier()"], .ingredient-list .results-filter + p[style="float:left;"] .invoice-form .row > div a + a[ng-click="addSupplier()"], .invoice-form .row > div .ingredient-list .results-filter + p[style="float:left;"] a + a[ng-click="addSupplier()"], .results-filter + p[style="float:left;"] .popupbox .invoice-form .row > div a.confirm + a[ng-click="addSupplier()"], .invoice-form .row > div .results-filter + p[style="float:left;"] .popupbox a.confirm + a[ng-click="addSupplier()"], .popupbox .results-filter + p[style="float:left;"] .invoice-form .row > div a.confirm + a[ng-click="addSupplier()"], .invoice-form .row > div .popupbox .results-filter + p[style="float:left;"] a.confirm + a[ng-click="addSupplier()"], .results-filter + p[style="float:left;"] .popupbox .invoice-form .row > div a.decline + a[ng-click="addSupplier()"], .invoice-form .row > div .results-filter + p[style="float:left;"] .popupbox a.decline + a[ng-click="addSupplier()"], .popupbox .results-filter + p[style="float:left;"] .invoice-form .row > div a.decline + a[ng-click="addSupplier()"], .invoice-form .row > div .popupbox .results-filter + p[style="float:left;"] a.decline + a[ng-click="addSupplier()"], .results-filter + p[style="float:left;"] #table_head .invoice-form .row > div a.diary_open_all + a[ng-click="addSupplier()"], .invoice-form .row > div .results-filter + p[style="float:left;"] #table_head a.diary_open_all + a[ng-click="addSupplier()"], #table_head .results-filter + p[style="float:left;"] .invoice-form .row > div a.diary_open_all + a[ng-click="addSupplier()"], .invoice-form .row > div #table_head .results-filter + p[style="float:left;"] a.diary_open_all + a[ng-click="addSupplier()"], .results-filter + p[style="float:left;"] #table_head .invoice-form .row > div a.diary_close_all + a[ng-click="addSupplier()"], .invoice-form .row > div .results-filter + p[style="float:left;"] #table_head a.diary_close_all + a[ng-click="addSupplier()"], #table_head .results-filter + p[style="float:left;"] .invoice-form .row > div a.diary_close_all + a[ng-click="addSupplier()"], .invoice-form .row > div #table_head .results-filter + p[style="float:left;"] a.diary_close_all + a[ng-click="addSupplier()"], .results-filter + p[style="float:left;"] a.button + a.hide-area, .results-filter + p[style="float:left;"] .invoice-form .row > div a[ng-click="addSupplier()"] + a.hide-area, .invoice-form .row > div .results-filter + p[style="float:left;"] a[ng-click="addSupplier()"] + a.hide-area, .results-filter + p[style="float:left;"] a.hide-area + a.hide-area, .results-filter + p[style="float:left;"] .ingredient-list a + a.hide-area, .ingredient-list .results-filter + p[style="float:left;"] a + a.hide-area, .results-filter + p[style="float:left;"] .popupbox a.confirm + a.hide-area, .popupbox .results-filter + p[style="float:left;"] a.confirm + a.hide-area, .results-filter + p[style="float:left;"] .popupbox a.decline + a.hide-area, .popupbox .results-filter + p[style="float:left;"] a.decline + a.hide-area, .results-filter + p[style="float:left;"] #table_head a.diary_open_all + a.hide-area, #table_head .results-filter + p[style="float:left;"] a.diary_open_all + a.hide-area, .results-filter + p[style="float:left;"] #table_head a.diary_close_all + a.hide-area, #table_head .results-filter + p[style="float:left;"] a.diary_close_all + a.hide-area, .results-filter + p[style="float:left;"] .ingredient-list a.button + a, .ingredient-list .results-filter + p[style="float:left;"] a.button + a, .results-filter + p[style="float:left;"] .invoice-form .row > div .ingredient-list a[ng-click="addSupplier()"] + a, .ingredient-list .results-filter + p[style="float:left;"] .invoice-form .row > div a[ng-click="addSupplier()"] + a, .invoice-form .row > div .results-filter + p[style="float:left;"] .ingredient-list a[ng-click="addSupplier()"] + a, .ingredient-list .invoice-form .row > div .results-filter + p[style="float:left;"] a[ng-click="addSupplier()"] + a, .results-filter + p[style="float:left;"] .ingredient-list a.hide-area + a, .ingredient-list .results-filter + p[style="float:left;"] a.hide-area + a, .results-filter + p[style="float:left;"] .ingredient-list a + a, .ingredient-list .results-filter + p[style="float:left;"] a + a, .results-filter + p[style="float:left;"] .popupbox .ingredient-list a.confirm + a, .ingredient-list .results-filter + p[style="float:left;"] .popupbox a.confirm + a, .popupbox .results-filter + p[style="float:left;"] .ingredient-list a.confirm + a, .ingredient-list .popupbox .results-filter + p[style="float:left;"] a.confirm + a, .results-filter + p[style="float:left;"] .popupbox .ingredient-list a.decline + a, .ingredient-list .results-filter + p[style="float:left;"] .popupbox a.decline + a, .popupbox .results-filter + p[style="float:left;"] .ingredient-list a.decline + a, .ingredient-list .popupbox .results-filter + p[style="float:left;"] a.decline + a, .results-filter + p[style="float:left;"] #table_head .ingredient-list a.diary_open_all + a, .ingredient-list .results-filter + p[style="float:left;"] #table_head a.diary_open_all + a, #table_head .results-filter + p[style="float:left;"] .ingredient-list a.diary_open_all + a, .ingredient-list #table_head .results-filter + p[style="float:left;"] a.diary_open_all + a, .results-filter + p[style="float:left;"] #table_head .ingredient-list a.diary_close_all + a, .ingredient-list .results-filter + p[style="float:left;"] #table_head a.diary_close_all + a, #table_head .results-filter + p[style="float:left;"] .ingredient-list a.diary_close_all + a, .ingredient-list #table_head .results-filter + p[style="float:left;"] a.diary_close_all + a, .results-filter + p[style="float:left;"] .popupbox a.button + a.confirm, .popupbox .results-filter + p[style="float:left;"] a.button + a.confirm, .results-filter + p[style="float:left;"] .invoice-form .row > div .popupbox a[ng-click="addSupplier()"] + a.confirm, .popupbox .results-filter + p[style="float:left;"] .invoice-form .row > div a[ng-click="addSupplier()"] + a.confirm, .invoice-form .row > div .results-filter + p[style="float:left;"] .popupbox a[ng-click="addSupplier()"] + a.confirm, .popupbox .invoice-form .row > div .results-filter + p[style="float:left;"] a[ng-click="addSupplier()"] + a.confirm, .results-filter + p[style="float:left;"] .popupbox a.hide-area + a.confirm, .popupbox .results-filter + p[style="float:left;"] a.hide-area + a.confirm, .results-filter + p[style="float:left;"] .ingredient-list .popupbox a + a.confirm, .popupbox .results-filter + p[style="float:left;"] .ingredient-list a + a.confirm, .ingredient-list .results-filter + p[style="float:left;"] .popupbox a + a.confirm, .popupbox .ingredient-list .results-filter + p[style="float:left;"] a + a.confirm, .results-filter + p[style="float:left;"] .popupbox a.confirm + a.confirm, .popupbox .results-filter + p[style="float:left;"] a.confirm + a.confirm, .results-filter + p[style="float:left;"] .popupbox a.decline + a.confirm, .popupbox .results-filter + p[style="float:left;"] a.decline + a.confirm, .results-filter + p[style="float:left;"] #table_head .popupbox a.diary_open_all + a.confirm, .popupbox .results-filter + p[style="float:left;"] #table_head a.diary_open_all + a.confirm, #table_head .results-filter + p[style="float:left;"] .popupbox a.diary_open_all + a.confirm, .popupbox #table_head .results-filter + p[style="float:left;"] a.diary_open_all + a.confirm, .results-filter + p[style="float:left;"] #table_head .popupbox a.diary_close_all + a.confirm, .popupbox .results-filter + p[style="float:left;"] #table_head a.diary_close_all + a.confirm, #table_head .results-filter + p[style="float:left;"] .popupbox a.diary_close_all + a.confirm, .popupbox #table_head .results-filter + p[style="float:left;"] a.diary_close_all + a.confirm, .results-filter + p[style="float:left;"] .popupbox a.button + a.decline, .popupbox .results-filter + p[style="float:left;"] a.button + a.decline, .results-filter + p[style="float:left;"] .invoice-form .row > div .popupbox a[ng-click="addSupplier()"] + a.decline, .popupbox .results-filter + p[style="float:left;"] .invoice-form .row > div a[ng-click="addSupplier()"] + a.decline, .invoice-form .row > div .results-filter + p[style="float:left;"] .popupbox a[ng-click="addSupplier()"] + a.decline, .popupbox .invoice-form .row > div .results-filter + p[style="float:left;"] a[ng-click="addSupplier()"] + a.decline, .results-filter + p[style="float:left;"] .popupbox a.hide-area + a.decline, .popupbox .results-filter + p[style="float:left;"] a.hide-area + a.decline, .results-filter + p[style="float:left;"] .ingredient-list .popupbox a + a.decline, .popupbox .results-filter + p[style="float:left;"] .ingredient-list a + a.decline, .ingredient-list .results-filter + p[style="float:left;"] .popupbox a + a.decline, .popupbox .ingredient-list .results-filter + p[style="float:left;"] a + a.decline, .results-filter + p[style="float:left;"] .popupbox a.confirm + a.decline, .popupbox .results-filter + p[style="float:left;"] a.confirm + a.decline, .results-filter + p[style="float:left;"] .popupbox a.decline + a.decline, .popupbox .results-filter + p[style="float:left;"] a.decline + a.decline, .results-filter + p[style="float:left;"] #table_head .popupbox a.diary_open_all + a.decline, .popupbox .results-filter + p[style="float:left;"] #table_head a.diary_open_all + a.decline, #table_head .results-filter + p[style="float:left;"] .popupbox a.diary_open_all + a.decline, .popupbox #table_head .results-filter + p[style="float:left;"] a.diary_open_all + a.decline, .results-filter + p[style="float:left;"] #table_head .popupbox a.diary_close_all + a.decline, .popupbox .results-filter + p[style="float:left;"] #table_head a.diary_close_all + a.decline, #table_head .results-filter + p[style="float:left;"] .popupbox a.diary_close_all + a.decline, .popupbox #table_head .results-filter + p[style="float:left;"] a.diary_close_all + a.decline, .results-filter + p[style="float:left;"] #table_head a.button + a.diary_open_all, #table_head .results-filter + p[style="float:left;"] a.button + a.diary_open_all, .results-filter + p[style="float:left;"] .invoice-form .row > div #table_head a[ng-click="addSupplier()"] + a.diary_open_all, #table_head .results-filter + p[style="float:left;"] .invoice-form .row > div a[ng-click="addSupplier()"] + a.diary_open_all, .invoice-form .row > div .results-filter + p[style="float:left;"] #table_head a[ng-click="addSupplier()"] + a.diary_open_all, #table_head .invoice-form .row > div .results-filter + p[style="float:left;"] a[ng-click="addSupplier()"] + a.diary_open_all, .results-filter + p[style="float:left;"] #table_head a.hide-area + a.diary_open_all, #table_head .results-filter + p[style="float:left;"] a.hide-area + a.diary_open_all, .results-filter + p[style="float:left;"] .ingredient-list #table_head a + a.diary_open_all, #table_head .results-filter + p[style="float:left;"] .ingredient-list a + a.diary_open_all, .ingredient-list .results-filter + p[style="float:left;"] #table_head a + a.diary_open_all, #table_head .ingredient-list .results-filter + p[style="float:left;"] a + a.diary_open_all, .results-filter + p[style="float:left;"] .popupbox #table_head a.confirm + a.diary_open_all, #table_head .results-filter + p[style="float:left;"] .popupbox a.confirm + a.diary_open_all, .popupbox .results-filter + p[style="float:left;"] #table_head a.confirm + a.diary_open_all, #table_head .popupbox .results-filter + p[style="float:left;"] a.confirm + a.diary_open_all, .results-filter + p[style="float:left;"] .popupbox #table_head a.decline + a.diary_open_all, #table_head .results-filter + p[style="float:left;"] .popupbox a.decline + a.diary_open_all, .popupbox .results-filter + p[style="float:left;"] #table_head a.decline + a.diary_open_all, #table_head .popupbox .results-filter + p[style="float:left;"] a.decline + a.diary_open_all, .results-filter + p[style="float:left;"] #table_head a.diary_open_all + a.diary_open_all, #table_head .results-filter + p[style="float:left;"] a.diary_open_all + a.diary_open_all, .results-filter + p[style="float:left;"] #table_head a.diary_close_all + a.diary_open_all, #table_head .results-filter + p[style="float:left;"] a.diary_close_all + a.diary_open_all, .results-filter + p[style="float:left;"] #table_head a.button + a.diary_close_all, #table_head .results-filter + p[style="float:left;"] a.button + a.diary_close_all, .results-filter + p[style="float:left;"] .invoice-form .row > div #table_head a[ng-click="addSupplier()"] + a.diary_close_all, #table_head .results-filter + p[style="float:left;"] .invoice-form .row > div a[ng-click="addSupplier()"] + a.diary_close_all, .invoice-form .row > div .results-filter + p[style="float:left;"] #table_head a[ng-click="addSupplier()"] + a.diary_close_all, #table_head .invoice-form .row > div .results-filter + p[style="float:left;"] a[ng-click="addSupplier()"] + a.diary_close_all, .results-filter + p[style="float:left;"] #table_head a.hide-area + a.diary_close_all, #table_head .results-filter + p[style="float:left;"] a.hide-area + a.diary_close_all, .results-filter + p[style="float:left;"] .ingredient-list #table_head a + a.diary_close_all, #table_head .results-filter + p[style="float:left;"] .ingredient-list a + a.diary_close_all, .ingredient-list .results-filter + p[style="float:left;"] #table_head a + a.diary_close_all, #table_head .ingredient-list .results-filter + p[style="float:left;"] a + a.diary_close_all, .results-filter + p[style="float:left;"] .popupbox #table_head a.confirm + a.diary_close_all, #table_head .results-filter + p[style="float:left;"] .popupbox a.confirm + a.diary_close_all, .popupbox .results-filter + p[style="float:left;"] #table_head a.confirm + a.diary_close_all, #table_head .popupbox .results-filter + p[style="float:left;"] a.confirm + a.diary_close_all, .results-filter + p[style="float:left;"] .popupbox #table_head a.decline + a.diary_close_all, #table_head .results-filter + p[style="float:left;"] .popupbox a.decline + a.diary_close_all, .popupbox .results-filter + p[style="float:left;"] #table_head a.decline + a.diary_close_all, #table_head .popupbox .results-filter + p[style="float:left;"] a.decline + a.diary_close_all, .results-filter + p[style="float:left;"] #table_head a.diary_open_all + a.diary_close_all, #table_head .results-filter + p[style="float:left;"] a.diary_open_all + a.diary_close_all, .results-filter + p[style="float:left;"] #table_head a.diary_close_all + a.diary_close_all, #table_head .results-filter + p[style="float:left;"] a.diary_close_all + a.diary_close_all {
  margin-left: 20px;
}

.no-results {
  padding: 10px 0;
}

.view-rate {
  float: right;
  padding-top: 20px;
}

.view-rate strong {
  display: block;
  text-align: right;
  font-weight: 500;
}

.view-rate label {
  padding: 8px 0 8px 10px;
}

.daterange.copytxt {
  float: none !important;
  text-align: left;
  margin-bottom: 20px;
}

.daterange.copytxt select + b {
  margin-left: 30px;
}

.daterange.copytxt b {
  padding-right: 4px;
}

.daterange.copytxt .bgreen {
  position: relative;
  top: -1px;
  margin-left: 30px;
}

.ui-datepicker-trigger {
  width: 34px;
  height: 34px;
  padding: 8px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 0 4px 4px 0;
  margin-left: -3px;
  vertical-align: top;
}

.form-block {
  padding-top: 15px;
  padding-bottom: 15px;
}

.form-block p {
  margin-bottom: 15px;
  padding-right: 20px;
}

form[action$="add-machinery"] tr {
  display: block;
  width: 100%;
  padding-bottom: 8px;
}

form[action$="add-machinery"] tr td {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  padding-bottom: 10px;
}

form[action$="add-machinery"] tr td input[type="text"]:not([size]) {
  width: 100%;
}

.edit-machinery-page .width320 {
  width: 100%;
  float: left !important;
}

@media (min-width: 768px) {
  .edit-machinery-page .width320 {
    width: 50%;
    max-width: 420px;
    padding-right: 60px;
  }
  .edit-machinery-page .width320.floatL {
    padding-right: 60px;
    max-width: 480px;
  }
}

.edit-machinery-page input[name="detailstype[]"] {
  display: block;
}

.edit-machinery-page .other-serial-numbers {
  background: #F1F1F1;
  border-radius: 4px;
  margin-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
  display: block !important;
}

.edit-machinery-page .other-serial-numbers br {
  display: none;
}

.edit-machinery-page .other-serial-numbers select {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}

.edit-machinery-page .other-serial-numbers .other-detail + input[type="text"] {
  width: auto;
}

.edit-machinery-page .bold {
  font-weight: bold;
}

.edit-machinery-page table.details #addDetail {
  margin-top: 10px;
}

.edit-machinery-page table.details td[style="vertical-align: top"] > br {
  display: none;
}

.edit-machinery-page table.details td[style="vertical-align: top"] input.txtfield {
  max-width: 50%;
}

.edit-machinery-page table.details input.txtfield {
  min-width: 120px !important;
}

.edit-machinery-page table.details td > img:first-child {
  width: 100%;
  display: block;
}

.edit-machinery-page > .copytxt > .marginT10 {
  margin-top: 10px;
  font-weight: 180px;
}

.edit-machinery-page > .copytxt > form > input[name="item_id"] + .floatL {
  width: 50% !important;
}

.edit-machinery-page > .copytxt > form > input[name="item_id"] + .floatL.downtime-repair {
  width: 40% !important;
}

.edit-machinery-page > .copytxt > form > input[name="item_id"] + .floatL.downtime-repair strong {
  font-weight: 600;
}

.edit-machinery-page > .copytxt > form > input[name="item_id"] + .floatL + .floatL {
  width: 50% !important;
}

.edit-machinery-page > .copytxt > form > input[name="item_id"] + .floatL + .floatR {
  width: 50% !important;
}

.edit-machinery-page > .copytxt > form > input[name="item_id"] + .floatL + .floatR.repair-area {
  width: 56% !important;
}

.edit-machinery-page input[name="hours[]"],
.edit-machinery-page input[name="service_hours"] {
  min-width: 58px;
}

.edit-machinery-page input[name="machine_hours"],
.edit-machinery-page input[name="hours_out"] {
  min-width: 100px;
}

.edit-machinery-page .dark-orange {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 15px;
  margin-top: 5px;
}

.edit-machinery-page .maintenance-alerts .txtfield {
  min-width: 100px;
}

.edit-machinery-page .maintenance-alerts > tbody > tr > .bold {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}

.edit-machinery-page .maintenance-alerts select {
  margin-left: 0;
  display: block;
}

.edit-machinery-page .maintenance-alerts + .marginT10 .marginR10 {
  margin-right: 10px;
}

.edit-machinery-page .alertform {
  padding: 10px;
  font-size: 12px;
  background: #F1F1F1;
  border-radius: 0 0 4px 4px;
  margin-top: -20px;
}

.edit-machinery-page .downtime-repairs .downtime {
  width: 50%;
  padding-right: 15px;
}

.edit-machinery-page .downtime-repairs .downtime + .downtime {
  padding-left: 15px;
  padding-right: 0;
}

.edit-machinery-page .downtime-repairs .downtime > table {
  width: calc( 100% - 15px) !important;
}

.edit-machinery-page .downtime-repairs .downtime .paddingAll5 {
  border: 1px solid #d9d9d9;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}

.edit-machinery-page .downtime-repairs td {
  padding: 10px;
}

.edit-machinery-page .downtime-repairs th {
  background: #f2f2f2;
  padding: 10px;
}

.edit-machinery-page .downtime__date {
  width: 30%;
}

.edit-machinery-page .downtime__hours {
  width: 20%;
}

.edit-machinery-page .downtime__costs {
  width: 20%;
}

.edit-machinery-page .downtime__buttons {
  width: 30%;
}

.edit-machinery-page .maintenance {
  width: 50%;
  padding-right: 15px;
}

.edit-machinery-page .maintenance .marginT5 {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  overflow: hidden;
}

.edit-machinery-page .maintenance-history table td {
  vertical-align: middle !important;
}

.edit-machinery-page .maintenance-history table .maintenance__task {
  width: 65%;
  padding: 10px;
}

.edit-machinery-page .maintenance-history table .maintenance__task .red {
  font-weight: 600;
}

.edit-machinery-page .maintenance-history table .maintenance__date {
  width: calc(35% - 70px);
}

.edit-machinery-page .maintenance-history table .maintenance__button {
  width: 70px;
  padding: 8px;
}

.edit-machinery-page .maintenance-history table .maintenance__task,
.edit-machinery-page .maintenance-history table .maintenance__date,
.edit-machinery-page .maintenance-history table .maintenance__button {
  border-bottom: 1px solid #d9d9d9;
}

.edit-machinery-page .documents {
  width: 50%;
  padding-left: 15px;
}

.edit-machinery-page .documents input[name="add_machinery_file"] {
  margin-top: -5px;
  margin-left: 5px;
}

.edit-machinery-page .documents .table {
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  display: block;
  max-height: 300px;
  overflow: auto;
}

.edit-machinery-page .documents .table tbody {
  width: 100%;
  display: table;
}

.edit-machinery-page .documents .table td {
  padding: 10px;
}

.edit-machinery-page .documents__file, .edit-machinery-page .documents__view, .edit-machinery-page .documents__button {
  border-bottom: 1px solid #d9d9d9;
}

.edit-machinery-page .documents__file {
  width: calc(100% - 111px);
}

.edit-machinery-page .documents__view {
  width: 60px;
}

.edit-machinery-page .documents__button {
  width: 40px;
  padding-left: 0 !important;
}

input[name].datepicker {
  width: auto !important;
  border-radius: 4px 0 0 4px;
}

input[name].datepicker + .ui-datepicker-trigger {
  display: inline-block;
  height: 34px;
  width: 34px;
  border: 1px solid #D9D9D9;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  vertical-align: bottom;
  padding: 7px;
}

.input-group .input-group-prepend {
  display: inline-block;
}

.input-suffix {
  line-height: 18px;
  font-size: 13px;
  font-weight: 400;
  color: #4B4B4B;
  padding: 8px 10px;
}

hr {
  margin: 20px 0;
  height: 1px;
  border: 0;
  background: #d9d9d9;
}

div.light-grey-row,
div.grey-row {
  border-bottom: 1px solid #D9D9D9;
  padding-top: 15px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

div.light-grey-row .stock-column,
div.grey-row .stock-column {
  float: left;
  padding-right: 60px;
}

div.light-grey-row .stock-column br,
div.grey-row .stock-column br {
  display: none;
}

div.light-grey-row .stock-column .button, div.light-grey-row .stock-column .invoice-form .row > div a[ng-click="addSupplier()"], .invoice-form .row > div div.light-grey-row .stock-column a[ng-click="addSupplier()"], div.light-grey-row .stock-column a.hide-area, div.light-grey-row .stock-column .ingredient-list a, .ingredient-list div.light-grey-row .stock-column a, div.light-grey-row .stock-column .popupbox .confirm, .popupbox div.light-grey-row .stock-column .confirm, div.light-grey-row .stock-column .popupbox .decline, .popupbox div.light-grey-row .stock-column .decline, div.light-grey-row .stock-column .budget-top + div[ui-view] .tabbed-container .tabs div[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs div.light-grey-row .stock-column div[help-video="budget.mp4"], div.light-grey-row .stock-column .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] div.light-grey-row .stock-column input, div.light-grey-row .stock-column #table_head .diary_open_all, #table_head div.light-grey-row .stock-column .diary_open_all, div.light-grey-row .stock-column #table_head .diary_close_all, #table_head div.light-grey-row .stock-column .diary_close_all,
div.grey-row .stock-column .button,
div.grey-row .stock-column .invoice-form .row > div a[ng-click="addSupplier()"],
.invoice-form .row > div div.grey-row .stock-column a[ng-click="addSupplier()"],
div.grey-row .stock-column a.hide-area,
div.grey-row .stock-column .ingredient-list a,
.ingredient-list div.grey-row .stock-column a,
div.grey-row .stock-column .popupbox .confirm,
.popupbox div.grey-row .stock-column .confirm,
div.grey-row .stock-column .popupbox .decline,
.popupbox div.grey-row .stock-column .decline,
div.grey-row .stock-column .budget-top + div[ui-view] .tabbed-container .tabs div[help-video="budget.mp4"],
.budget-top + div[ui-view] .tabbed-container .tabs div.grey-row .stock-column div[help-video="budget.mp4"],
div.grey-row .stock-column .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] div.grey-row .stock-column input,
div.grey-row .stock-column #table_head .diary_open_all,
#table_head div.grey-row .stock-column .diary_open_all,
div.grey-row .stock-column #table_head .diary_close_all,
#table_head div.grey-row .stock-column .diary_close_all {
  margin-top: 18px;
}

div.light-grey-row .bold,
div.grey-row .bold {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 8px;
  width: 100%;
}

div.light-grey-row .floatR.marginR60,
div.grey-row .floatR.marginR60 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding-bottom: 10px;
}

div.light-grey-row .floatR.marginR60 > *,
div.grey-row .floatR.marginR60 > * {
  float: left;
  width: auto;
}

div.light-grey-row .floatR.marginR60 > .bold,
div.grey-row .floatR.marginR60 > .bold {
  line-height: 34px;
  margin: 0 6px 0 0;
}

div.light-grey-row .floatR.marginR60 > input,
div.grey-row .floatR.marginR60 > input {
  margin-right: 15px;
}

@media (min-width: 1200px) {
  div.light-grey-row .floatR.marginR60 > input,
  div.grey-row .floatR.marginR60 > input {
    margin-right: 20px;
  }
}

table.details tr {
  display: block;
  width: 100%;
  padding-bottom: 8px;
}

table.details tr td {
  display: block;
  width: 210px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  padding-bottom: 10px;
}

@media (min-width: 1200px) {
  table.details tr td {
    width: 100%;
  }
}

table.details tr td input[type="text"]:not([size]) {
  width: 100%;
}

.button.button--secondary, .edit-machinery-page .documents .table a[target], .budget-container .back-link, .invoice-form .row > div a.button--secondary[ng-click="addSupplier()"], a.button--secondary.hide-area, .ingredient-list a.button--secondary, .popupbox .button--secondary.confirm, .popupbox .button--secondary.decline, .budget-top + div[ui-view] .tabbed-container .tabs div.button--secondary[help-video="budget.mp4"], .planner-weekly-buttons .button.borange, .planner-weekly-buttons .invoice-form .row > div a.borange[ng-click="addSupplier()"], .invoice-form .row > div .planner-weekly-buttons a.borange[ng-click="addSupplier()"], .planner-weekly-buttons a.borange.hide-area, .planner-weekly-buttons .ingredient-list a.borange, .ingredient-list .planner-weekly-buttons a.borange, .planner-weekly-buttons .popupbox .borange.confirm, .popupbox .planner-weekly-buttons .borange.confirm, .planner-weekly-buttons .popupbox .borange.decline, .popupbox .planner-weekly-buttons .borange.decline, .planner-weekly-buttons .budget-top + div[ui-view] .tabbed-container .tabs div.borange[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs .planner-weekly-buttons div.borange[help-video="budget.mp4"], .planner-weekly-buttons .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.borange, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] .planner-weekly-buttons input.borange, .planner-weekly-buttons #table_head .borange.diary_open_all, #table_head .planner-weekly-buttons .borange.diary_open_all, .planner-weekly-buttons #table_head .borange.diary_close_all, #table_head .planner-weekly-buttons .borange.diary_close_all, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.button--secondary, #table_head .button--secondary.diary_open_all, #table_head .button--secondary.diary_close_all,
.button,
.invoice-form .row > div a[ng-click="addSupplier()"],
a.hide-area,
.ingredient-list a,
.popupbox .confirm,
.popupbox .decline,
.budget-top + div[ui-view] .tabbed-container .tabs div[help-video="budget.mp4"],
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input,
#table_head .diary_open_all,
#table_head .diary_close_all,
a.button,
.invoice-form .row > div a[ng-click="addSupplier()"],
a.hide-area,
.ingredient-list a,
.popupbox a.confirm,
.popupbox a.decline,
#table_head a.diary_open_all,
#table_head a.diary_close_all {
  display: inline-block;
  border-radius: 5px;
  background: #fbaa3a;
  color: #222222;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  padding: 9px 11px;
  border: 0;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.button.button--secondary:not([href]), .edit-machinery-page .documents .table a:not([href])[target], .budget-container .back-link:not([href]), .invoice-form .row > div a.button--secondary:not([href])[ng-click="addSupplier()"], a.button--secondary.hide-area:not([href]), .ingredient-list a.button--secondary:not([href]), .popupbox .button--secondary.confirm:not([href]), .popupbox .button--secondary.decline:not([href]), .budget-top + div[ui-view] .tabbed-container .tabs div.button--secondary:not([href])[help-video="budget.mp4"], .planner-weekly-buttons .button.borange:not([href]), .planner-weekly-buttons .invoice-form .row > div a.borange:not([href])[ng-click="addSupplier()"], .invoice-form .row > div .planner-weekly-buttons a.borange:not([href])[ng-click="addSupplier()"], .planner-weekly-buttons a.borange.hide-area:not([href]), .planner-weekly-buttons .ingredient-list a.borange:not([href]), .ingredient-list .planner-weekly-buttons a.borange:not([href]), .planner-weekly-buttons .popupbox .borange.confirm:not([href]), .popupbox .planner-weekly-buttons .borange.confirm:not([href]), .planner-weekly-buttons .popupbox .borange.decline:not([href]), .popupbox .planner-weekly-buttons .borange.decline:not([href]), .planner-weekly-buttons .budget-top + div[ui-view] .tabbed-container .tabs div.borange:not([href])[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs .planner-weekly-buttons div.borange:not([href])[help-video="budget.mp4"], .planner-weekly-buttons .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.borange:not([href]), .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] .planner-weekly-buttons input.borange:not([href]), .planner-weekly-buttons #table_head .borange.diary_open_all:not([href]), #table_head .planner-weekly-buttons .borange.diary_open_all:not([href]), .planner-weekly-buttons #table_head .borange.diary_close_all:not([href]), #table_head .planner-weekly-buttons .borange.diary_close_all:not([href]), .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.button--secondary:not([href]), #table_head .button--secondary.diary_open_all:not([href]), #table_head .button--secondary.diary_close_all:not([href]),
.button:not([href]),
.invoice-form .row > div a:not([href])[ng-click="addSupplier()"],
a.hide-area:not([href]),
.ingredient-list a:not([href]),
.popupbox .confirm:not([href]),
.popupbox .decline:not([href]),
.budget-top + div[ui-view] .tabbed-container .tabs div:not([href])[help-video="budget.mp4"],
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input:not([href]),
#table_head .diary_open_all:not([href]),
#table_head .diary_close_all:not([href]),
a.button:not([href]),
.invoice-form .row > div a:not([href])[ng-click="addSupplier()"],
a.hide-area:not([href]),
.ingredient-list a:not([href]),
.popupbox a.confirm:not([href]),
.popupbox a.decline:not([href]),
#table_head a.diary_open_all:not([href]),
#table_head a.diary_close_all:not([href]) {
  color: #222222;
}

.button.button--secondary:hover, .edit-machinery-page .documents .table a:hover[target], .budget-container .back-link:hover, .invoice-form .row > div a.button--secondary:hover[ng-click="addSupplier()"], a.button--secondary.hide-area:hover, .ingredient-list a.button--secondary:hover, .popupbox .button--secondary.confirm:hover, .popupbox .button--secondary.decline:hover, .budget-top + div[ui-view] .tabbed-container .tabs div.button--secondary:hover[help-video="budget.mp4"], .planner-weekly-buttons .button.borange:hover, .planner-weekly-buttons .invoice-form .row > div a.borange:hover[ng-click="addSupplier()"], .invoice-form .row > div .planner-weekly-buttons a.borange:hover[ng-click="addSupplier()"], .planner-weekly-buttons a.borange.hide-area:hover, .planner-weekly-buttons .ingredient-list a.borange:hover, .ingredient-list .planner-weekly-buttons a.borange:hover, .planner-weekly-buttons .popupbox .borange.confirm:hover, .popupbox .planner-weekly-buttons .borange.confirm:hover, .planner-weekly-buttons .popupbox .borange.decline:hover, .popupbox .planner-weekly-buttons .borange.decline:hover, .planner-weekly-buttons .budget-top + div[ui-view] .tabbed-container .tabs div.borange:hover[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs .planner-weekly-buttons div.borange:hover[help-video="budget.mp4"], .planner-weekly-buttons .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.borange:hover, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] .planner-weekly-buttons input.borange:hover, .planner-weekly-buttons #table_head .borange.diary_open_all:hover, #table_head .planner-weekly-buttons .borange.diary_open_all:hover, .planner-weekly-buttons #table_head .borange.diary_close_all:hover, #table_head .planner-weekly-buttons .borange.diary_close_all:hover, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.button--secondary:hover, #table_head .button--secondary.diary_open_all:hover, #table_head .button--secondary.diary_close_all:hover, .button.button--secondary:focus, .edit-machinery-page .documents .table a:focus[target], .budget-container .back-link:focus, .invoice-form .row > div a.button--secondary:focus[ng-click="addSupplier()"], a.button--secondary.hide-area:focus, .ingredient-list a.button--secondary:focus, .popupbox .button--secondary.confirm:focus, .popupbox .button--secondary.decline:focus, .budget-top + div[ui-view] .tabbed-container .tabs div.button--secondary:focus[help-video="budget.mp4"], .planner-weekly-buttons .button.borange:focus, .planner-weekly-buttons .invoice-form .row > div a.borange:focus[ng-click="addSupplier()"], .invoice-form .row > div .planner-weekly-buttons a.borange:focus[ng-click="addSupplier()"], .planner-weekly-buttons a.borange.hide-area:focus, .planner-weekly-buttons .ingredient-list a.borange:focus, .ingredient-list .planner-weekly-buttons a.borange:focus, .planner-weekly-buttons .popupbox .borange.confirm:focus, .popupbox .planner-weekly-buttons .borange.confirm:focus, .planner-weekly-buttons .popupbox .borange.decline:focus, .popupbox .planner-weekly-buttons .borange.decline:focus, .planner-weekly-buttons .budget-top + div[ui-view] .tabbed-container .tabs div.borange:focus[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs .planner-weekly-buttons div.borange:focus[help-video="budget.mp4"], .planner-weekly-buttons .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.borange:focus, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] .planner-weekly-buttons input.borange:focus, .planner-weekly-buttons #table_head .borange.diary_open_all:focus, #table_head .planner-weekly-buttons .borange.diary_open_all:focus, .planner-weekly-buttons #table_head .borange.diary_close_all:focus, #table_head .planner-weekly-buttons .borange.diary_close_all:focus, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.button--secondary:focus, #table_head .button--secondary.diary_open_all:focus, #table_head .button--secondary.diary_close_all:focus, .button.button--secondary:active, .edit-machinery-page .documents .table a:active[target], .budget-container .back-link:active, .invoice-form .row > div a.button--secondary:active[ng-click="addSupplier()"], a.button--secondary.hide-area:active, .ingredient-list a.button--secondary:active, .popupbox .button--secondary.confirm:active, .popupbox .button--secondary.decline:active, .budget-top + div[ui-view] .tabbed-container .tabs div.button--secondary:active[help-video="budget.mp4"], .planner-weekly-buttons .button.borange:active, .planner-weekly-buttons .invoice-form .row > div a.borange:active[ng-click="addSupplier()"], .invoice-form .row > div .planner-weekly-buttons a.borange:active[ng-click="addSupplier()"], .planner-weekly-buttons a.borange.hide-area:active, .planner-weekly-buttons .ingredient-list a.borange:active, .ingredient-list .planner-weekly-buttons a.borange:active, .planner-weekly-buttons .popupbox .borange.confirm:active, .popupbox .planner-weekly-buttons .borange.confirm:active, .planner-weekly-buttons .popupbox .borange.decline:active, .popupbox .planner-weekly-buttons .borange.decline:active, .planner-weekly-buttons .budget-top + div[ui-view] .tabbed-container .tabs div.borange:active[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs .planner-weekly-buttons div.borange:active[help-video="budget.mp4"], .planner-weekly-buttons .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.borange:active, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] .planner-weekly-buttons input.borange:active, .planner-weekly-buttons #table_head .borange.diary_open_all:active, #table_head .planner-weekly-buttons .borange.diary_open_all:active, .planner-weekly-buttons #table_head .borange.diary_close_all:active, #table_head .planner-weekly-buttons .borange.diary_close_all:active, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.button--secondary:active, #table_head .button--secondary.diary_open_all:active, #table_head .button--secondary.diary_close_all:active,
.button:hover,
.invoice-form .row > div a:hover[ng-click="addSupplier()"],
a.hide-area:hover,
.ingredient-list a:hover,
.popupbox .confirm:hover,
.popupbox .decline:hover,
.budget-top + div[ui-view] .tabbed-container .tabs div:hover[help-video="budget.mp4"],
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input:hover,
#table_head .diary_open_all:hover,
#table_head .diary_close_all:hover,
.button:focus,
.invoice-form .row > div a:focus[ng-click="addSupplier()"],
a.hide-area:focus,
.ingredient-list a:focus,
.popupbox .confirm:focus,
.popupbox .decline:focus,
.budget-top + div[ui-view] .tabbed-container .tabs div:focus[help-video="budget.mp4"],
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input:focus,
#table_head .diary_open_all:focus,
#table_head .diary_close_all:focus,
.button:active,
.invoice-form .row > div a:active[ng-click="addSupplier()"],
a.hide-area:active,
.ingredient-list a:active,
.popupbox .confirm:active,
.popupbox .decline:active,
.budget-top + div[ui-view] .tabbed-container .tabs div:active[help-video="budget.mp4"],
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input:active,
#table_head .diary_open_all:active,
#table_head .diary_close_all:active,
a.button:hover,
.invoice-form .row > div a:hover[ng-click="addSupplier()"],
a.hide-area:hover,
.ingredient-list a:hover,
.popupbox a.confirm:hover,
.popupbox a.decline:hover,
#table_head a.diary_open_all:hover,
#table_head a.diary_close_all:hover,
a.button:focus,
.invoice-form .row > div a:focus[ng-click="addSupplier()"],
a.hide-area:focus,
.ingredient-list a:focus,
.popupbox a.confirm:focus,
.popupbox a.decline:focus,
#table_head a.diary_open_all:focus,
#table_head a.diary_close_all:focus,
a.button:active,
.invoice-form .row > div a:active[ng-click="addSupplier()"],
a.hide-area:active,
.ingredient-list a:active,
.popupbox a.confirm:active,
.popupbox a.decline:active,
#table_head a.diary_open_all:active,
#table_head a.diary_close_all:active {
  color: #222222 !important;
  background: #fa9f21;
}

.button.button--secondary.bred, .edit-machinery-page .documents .table a.bred[target], .budget-container .bred.back-link, .invoice-form .row > div a.button--secondary.bred[ng-click="addSupplier()"], a.button--secondary.bred.hide-area, .ingredient-list a.button--secondary.bred, .popupbox .button--secondary.bred.confirm, .popupbox .button--secondary.bred.decline, .budget-top + div[ui-view] .tabbed-container .tabs div.button--secondary.bred[help-video="budget.mp4"], .planner-weekly-buttons .bred.button.borange, .planner-weekly-buttons .invoice-form .row > div a.bred.borange[ng-click="addSupplier()"], .invoice-form .row > div .planner-weekly-buttons a.bred.borange[ng-click="addSupplier()"], .planner-weekly-buttons a.bred.borange.hide-area, .planner-weekly-buttons .ingredient-list a.bred.borange, .ingredient-list .planner-weekly-buttons a.bred.borange, .planner-weekly-buttons .popupbox .bred.borange.confirm, .popupbox .planner-weekly-buttons .bred.borange.confirm, .planner-weekly-buttons .popupbox .bred.borange.decline, .popupbox .planner-weekly-buttons .bred.borange.decline, .planner-weekly-buttons .budget-top + div[ui-view] .tabbed-container .tabs div.bred.borange[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs .planner-weekly-buttons div.bred.borange[help-video="budget.mp4"], .planner-weekly-buttons .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.bred.borange, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] .planner-weekly-buttons input.bred.borange, .planner-weekly-buttons #table_head .bred.borange.diary_open_all, #table_head .planner-weekly-buttons .bred.borange.diary_open_all, .planner-weekly-buttons #table_head .bred.borange.diary_close_all, #table_head .planner-weekly-buttons .bred.borange.diary_close_all, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.button--secondary.bred, #table_head .button--secondary.bred.diary_open_all, #table_head .button--secondary.bred.diary_close_all,
.button.bred,
.invoice-form .row > div a.bred[ng-click="addSupplier()"],
a.bred.hide-area,
.ingredient-list a.bred,
.popupbox .bred.confirm,
.popupbox .bred.decline,
.budget-top + div[ui-view] .tabbed-container .tabs div.bred[help-video="budget.mp4"],
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.bred,
#table_head .bred.diary_open_all,
#table_head .bred.diary_close_all,
a.button.bred,
.invoice-form .row > div a.bred[ng-click="addSupplier()"],
a.bred.hide-area,
.ingredient-list a.bred,
.popupbox a.bred.confirm,
.popupbox a.bred.decline,
#table_head a.bred.diary_open_all,
#table_head a.bred.diary_close_all {
  background: #EF383F;
  color: #FFFFFF;
}

.button.button--secondary.bred:hover, .edit-machinery-page .documents .table a.bred:hover[target], .budget-container .bred.back-link:hover, .invoice-form .row > div a.button--secondary.bred:hover[ng-click="addSupplier()"], a.button--secondary.bred.hide-area:hover, .ingredient-list a.button--secondary.bred:hover, .popupbox .button--secondary.bred.confirm:hover, .popupbox .button--secondary.bred.decline:hover, .budget-top + div[ui-view] .tabbed-container .tabs div.button--secondary.bred:hover[help-video="budget.mp4"], .planner-weekly-buttons .bred.button.borange:hover, .planner-weekly-buttons .invoice-form .row > div a.bred.borange:hover[ng-click="addSupplier()"], .invoice-form .row > div .planner-weekly-buttons a.bred.borange:hover[ng-click="addSupplier()"], .planner-weekly-buttons a.bred.borange.hide-area:hover, .planner-weekly-buttons .ingredient-list a.bred.borange:hover, .ingredient-list .planner-weekly-buttons a.bred.borange:hover, .planner-weekly-buttons .popupbox .bred.borange.confirm:hover, .popupbox .planner-weekly-buttons .bred.borange.confirm:hover, .planner-weekly-buttons .popupbox .bred.borange.decline:hover, .popupbox .planner-weekly-buttons .bred.borange.decline:hover, .planner-weekly-buttons .budget-top + div[ui-view] .tabbed-container .tabs div.bred.borange:hover[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs .planner-weekly-buttons div.bred.borange:hover[help-video="budget.mp4"], .planner-weekly-buttons .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.bred.borange:hover, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] .planner-weekly-buttons input.bred.borange:hover, .planner-weekly-buttons #table_head .bred.borange.diary_open_all:hover, #table_head .planner-weekly-buttons .bred.borange.diary_open_all:hover, .planner-weekly-buttons #table_head .bred.borange.diary_close_all:hover, #table_head .planner-weekly-buttons .bred.borange.diary_close_all:hover, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.button--secondary.bred:hover, #table_head .button--secondary.bred.diary_open_all:hover, #table_head .button--secondary.bred.diary_close_all:hover, .button.button--secondary.bred:focus, .edit-machinery-page .documents .table a.bred:focus[target], .budget-container .bred.back-link:focus, .invoice-form .row > div a.button--secondary.bred:focus[ng-click="addSupplier()"], a.button--secondary.bred.hide-area:focus, .ingredient-list a.button--secondary.bred:focus, .popupbox .button--secondary.bred.confirm:focus, .popupbox .button--secondary.bred.decline:focus, .budget-top + div[ui-view] .tabbed-container .tabs div.button--secondary.bred:focus[help-video="budget.mp4"], .planner-weekly-buttons .bred.button.borange:focus, .planner-weekly-buttons .invoice-form .row > div a.bred.borange:focus[ng-click="addSupplier()"], .invoice-form .row > div .planner-weekly-buttons a.bred.borange:focus[ng-click="addSupplier()"], .planner-weekly-buttons a.bred.borange.hide-area:focus, .planner-weekly-buttons .ingredient-list a.bred.borange:focus, .ingredient-list .planner-weekly-buttons a.bred.borange:focus, .planner-weekly-buttons .popupbox .bred.borange.confirm:focus, .popupbox .planner-weekly-buttons .bred.borange.confirm:focus, .planner-weekly-buttons .popupbox .bred.borange.decline:focus, .popupbox .planner-weekly-buttons .bred.borange.decline:focus, .planner-weekly-buttons .budget-top + div[ui-view] .tabbed-container .tabs div.bred.borange:focus[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs .planner-weekly-buttons div.bred.borange:focus[help-video="budget.mp4"], .planner-weekly-buttons .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.bred.borange:focus, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] .planner-weekly-buttons input.bred.borange:focus, .planner-weekly-buttons #table_head .bred.borange.diary_open_all:focus, #table_head .planner-weekly-buttons .bred.borange.diary_open_all:focus, .planner-weekly-buttons #table_head .bred.borange.diary_close_all:focus, #table_head .planner-weekly-buttons .bred.borange.diary_close_all:focus, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.button--secondary.bred:focus, #table_head .button--secondary.bred.diary_open_all:focus, #table_head .button--secondary.bred.diary_close_all:focus, .button.button--secondary.bred:active, .edit-machinery-page .documents .table a.bred:active[target], .budget-container .bred.back-link:active, .invoice-form .row > div a.button--secondary.bred:active[ng-click="addSupplier()"], a.button--secondary.bred.hide-area:active, .ingredient-list a.button--secondary.bred:active, .popupbox .button--secondary.bred.confirm:active, .popupbox .button--secondary.bred.decline:active, .budget-top + div[ui-view] .tabbed-container .tabs div.button--secondary.bred:active[help-video="budget.mp4"], .planner-weekly-buttons .bred.button.borange:active, .planner-weekly-buttons .invoice-form .row > div a.bred.borange:active[ng-click="addSupplier()"], .invoice-form .row > div .planner-weekly-buttons a.bred.borange:active[ng-click="addSupplier()"], .planner-weekly-buttons a.bred.borange.hide-area:active, .planner-weekly-buttons .ingredient-list a.bred.borange:active, .ingredient-list .planner-weekly-buttons a.bred.borange:active, .planner-weekly-buttons .popupbox .bred.borange.confirm:active, .popupbox .planner-weekly-buttons .bred.borange.confirm:active, .planner-weekly-buttons .popupbox .bred.borange.decline:active, .popupbox .planner-weekly-buttons .bred.borange.decline:active, .planner-weekly-buttons .budget-top + div[ui-view] .tabbed-container .tabs div.bred.borange:active[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs .planner-weekly-buttons div.bred.borange:active[help-video="budget.mp4"], .planner-weekly-buttons .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.bred.borange:active, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] .planner-weekly-buttons input.bred.borange:active, .planner-weekly-buttons #table_head .bred.borange.diary_open_all:active, #table_head .planner-weekly-buttons .bred.borange.diary_open_all:active, .planner-weekly-buttons #table_head .bred.borange.diary_close_all:active, #table_head .planner-weekly-buttons .bred.borange.diary_close_all:active, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.button--secondary.bred:active, #table_head .button--secondary.bred.diary_open_all:active, #table_head .button--secondary.bred.diary_close_all:active,
.button.bred:hover,
.invoice-form .row > div a.bred:hover[ng-click="addSupplier()"],
a.bred.hide-area:hover,
.ingredient-list a.bred:hover,
.popupbox .bred.confirm:hover,
.popupbox .bred.decline:hover,
.budget-top + div[ui-view] .tabbed-container .tabs div.bred:hover[help-video="budget.mp4"],
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.bred:hover,
#table_head .bred.diary_open_all:hover,
#table_head .bred.diary_close_all:hover,
.button.bred:focus,
.invoice-form .row > div a.bred:focus[ng-click="addSupplier()"],
a.bred.hide-area:focus,
.ingredient-list a.bred:focus,
.popupbox .bred.confirm:focus,
.popupbox .bred.decline:focus,
.budget-top + div[ui-view] .tabbed-container .tabs div.bred:focus[help-video="budget.mp4"],
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.bred:focus,
#table_head .bred.diary_open_all:focus,
#table_head .bred.diary_close_all:focus,
.button.bred:active,
.invoice-form .row > div a.bred:active[ng-click="addSupplier()"],
a.bred.hide-area:active,
.ingredient-list a.bred:active,
.popupbox .bred.confirm:active,
.popupbox .bred.decline:active,
.budget-top + div[ui-view] .tabbed-container .tabs div.bred:active[help-video="budget.mp4"],
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.bred:active,
#table_head .bred.diary_open_all:active,
#table_head .bred.diary_close_all:active,
a.button.bred:hover,
.invoice-form .row > div a.bred:hover[ng-click="addSupplier()"],
a.bred.hide-area:hover,
.ingredient-list a.bred:hover,
.popupbox a.bred.confirm:hover,
.popupbox a.bred.decline:hover,
#table_head a.bred.diary_open_all:hover,
#table_head a.bred.diary_close_all:hover,
a.button.bred:focus,
.invoice-form .row > div a.bred:focus[ng-click="addSupplier()"],
a.bred.hide-area:focus,
.ingredient-list a.bred:focus,
.popupbox a.bred.confirm:focus,
.popupbox a.bred.decline:focus,
#table_head a.bred.diary_open_all:focus,
#table_head a.bred.diary_close_all:focus,
a.button.bred:active,
.invoice-form .row > div a.bred:active[ng-click="addSupplier()"],
a.bred.hide-area:active,
.ingredient-list a.bred:active,
.popupbox a.bred.confirm:active,
.popupbox a.bred.decline:active,
#table_head a.bred.diary_open_all:active,
#table_head a.bred.diary_close_all:active {
  color: #FFFFFF !important;
  background: #e2121a;
}

button.button, .edit-machinery-page .maintenance > .button_shop, .popupbox button.confirm, .popupbox button.decline, #table_head button.diary_open_all, #table_head button.diary_close_all,
input[type="submit"],
a.button--primary,
#popupAddTask,
a.button[ui-sref=".add"],
.invoice-form .row > div a[ui-sref=".add"][ng-click="addSupplier()"],
a.hide-area[ui-sref=".add"],
.ingredient-list a[ui-sref=".add"],
.popupbox a.confirm[ui-sref=".add"],
.popupbox a.decline[ui-sref=".add"],
#table_head a.diary_open_all[ui-sref=".add"],
#table_head a.diary_close_all[ui-sref=".add"],
.area-setup a[ng-click="addArea()"],
.budget-top + div[ui-view] .tabbed-container .tabs div[help-video="budget.mp4"],
.task-chart .top-area .buttons a,
input.button,
.popupbox input.confirm,
.popupbox input.decline,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input,
#table_head input.diary_open_all,
#table_head input.diary_close_all {
  display: inline-block;
  border-radius: 5px;
  background: #833BB2;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  padding: 9px 11px;
  height: auto !important;
  border: 0;
  cursor: pointer;
}

button.button:not([href]):not(.button--secondary), .edit-machinery-page .maintenance > .button_shop:not([href]):not(.button--secondary), .popupbox button.confirm:not([href]):not(.button--secondary), .popupbox button.decline:not([href]):not(.button--secondary), #table_head button.diary_open_all:not([href]):not(.button--secondary), #table_head button.diary_close_all:not([href]):not(.button--secondary),
input[type="submit"]:not([href]):not(.button--secondary),
a.button--primary:not([href]):not(.button--secondary),
#popupAddTask:not([href]):not(.button--secondary),
a.button:not([href]):not(.button--secondary)[ui-sref=".add"],
.invoice-form .row > div a:not([href]):not(.button--secondary)[ui-sref=".add"][ng-click="addSupplier()"],
a.hide-area:not([href]):not(.button--secondary)[ui-sref=".add"],
.ingredient-list a:not([href]):not(.button--secondary)[ui-sref=".add"],
.popupbox a.confirm:not([href]):not(.button--secondary)[ui-sref=".add"],
.popupbox a.decline:not([href]):not(.button--secondary)[ui-sref=".add"],
#table_head a.diary_open_all:not([href]):not(.button--secondary)[ui-sref=".add"],
#table_head a.diary_close_all:not([href]):not(.button--secondary)[ui-sref=".add"],
.area-setup a:not([href]):not(.button--secondary)[ng-click="addArea()"],
.budget-top + div[ui-view] .tabbed-container .tabs div:not([href]):not(.button--secondary)[help-video="budget.mp4"],
.task-chart .top-area .buttons a:not([href]):not(.button--secondary),
input.button:not([href]):not(.button--secondary),
.popupbox input.confirm:not([href]):not(.button--secondary),
.popupbox input.decline:not([href]):not(.button--secondary),
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input:not([href]):not(.button--secondary),
#table_head input.diary_open_all:not([href]):not(.button--secondary),
#table_head input.diary_close_all:not([href]):not(.button--secondary) {
  color: #FFFFFF;
}

button.button:not([href]):not(.button--secondary):hover, .edit-machinery-page .maintenance > .button_shop:not([href]):not(.button--secondary):hover, .popupbox button.confirm:not([href]):not(.button--secondary):hover, .popupbox button.decline:not([href]):not(.button--secondary):hover, #table_head button.diary_open_all:not([href]):not(.button--secondary):hover, #table_head button.diary_close_all:not([href]):not(.button--secondary):hover, button.button:not([href]):not(.button--secondary):focus, .edit-machinery-page .maintenance > .button_shop:not([href]):not(.button--secondary):focus, .popupbox button.confirm:not([href]):not(.button--secondary):focus, .popupbox button.decline:not([href]):not(.button--secondary):focus, #table_head button.diary_open_all:not([href]):not(.button--secondary):focus, #table_head button.diary_close_all:not([href]):not(.button--secondary):focus, button.button:not([href]):not(.button--secondary):active, .edit-machinery-page .maintenance > .button_shop:not([href]):not(.button--secondary):active, .popupbox button.confirm:not([href]):not(.button--secondary):active, .popupbox button.decline:not([href]):not(.button--secondary):active, #table_head button.diary_open_all:not([href]):not(.button--secondary):active, #table_head button.diary_close_all:not([href]):not(.button--secondary):active,
input[type="submit"]:not([href]):not(.button--secondary):hover,
input[type="submit"]:not([href]):not(.button--secondary):focus,
input[type="submit"]:not([href]):not(.button--secondary):active,
a.button--primary:not([href]):not(.button--secondary):hover,
#popupAddTask:not([href]):not(.button--secondary):hover,
a.button:not([href]):not(.button--secondary):hover[ui-sref=".add"],
.invoice-form .row > div a:not([href]):not(.button--secondary):hover[ui-sref=".add"][ng-click="addSupplier()"],
a.hide-area:not([href]):not(.button--secondary):hover[ui-sref=".add"],
.ingredient-list a:not([href]):not(.button--secondary):hover[ui-sref=".add"],
.popupbox a.confirm:not([href]):not(.button--secondary):hover[ui-sref=".add"],
.popupbox a.decline:not([href]):not(.button--secondary):hover[ui-sref=".add"],
#table_head a.diary_open_all:not([href]):not(.button--secondary):hover[ui-sref=".add"],
#table_head a.diary_close_all:not([href]):not(.button--secondary):hover[ui-sref=".add"],
.area-setup a:not([href]):not(.button--secondary):hover[ng-click="addArea()"],
.budget-top + div[ui-view] .tabbed-container .tabs div:not([href]):not(.button--secondary):hover[help-video="budget.mp4"],
.task-chart .top-area .buttons a:not([href]):not(.button--secondary):hover,
a.button--primary:not([href]):not(.button--secondary):focus,
#popupAddTask:not([href]):not(.button--secondary):focus,
a.button:not([href]):not(.button--secondary):focus[ui-sref=".add"],
.invoice-form .row > div a:not([href]):not(.button--secondary):focus[ui-sref=".add"][ng-click="addSupplier()"],
a.hide-area:not([href]):not(.button--secondary):focus[ui-sref=".add"],
.ingredient-list a:not([href]):not(.button--secondary):focus[ui-sref=".add"],
.popupbox a.confirm:not([href]):not(.button--secondary):focus[ui-sref=".add"],
.popupbox a.decline:not([href]):not(.button--secondary):focus[ui-sref=".add"],
#table_head a.diary_open_all:not([href]):not(.button--secondary):focus[ui-sref=".add"],
#table_head a.diary_close_all:not([href]):not(.button--secondary):focus[ui-sref=".add"],
.area-setup a:not([href]):not(.button--secondary):focus[ng-click="addArea()"],
.budget-top + div[ui-view] .tabbed-container .tabs div:not([href]):not(.button--secondary):focus[help-video="budget.mp4"],
.task-chart .top-area .buttons a:not([href]):not(.button--secondary):focus,
a.button--primary:not([href]):not(.button--secondary):active,
#popupAddTask:not([href]):not(.button--secondary):active,
a.button:not([href]):not(.button--secondary):active[ui-sref=".add"],
.invoice-form .row > div a:not([href]):not(.button--secondary):active[ui-sref=".add"][ng-click="addSupplier()"],
a.hide-area:not([href]):not(.button--secondary):active[ui-sref=".add"],
.ingredient-list a:not([href]):not(.button--secondary):active[ui-sref=".add"],
.popupbox a.confirm:not([href]):not(.button--secondary):active[ui-sref=".add"],
.popupbox a.decline:not([href]):not(.button--secondary):active[ui-sref=".add"],
#table_head a.diary_open_all:not([href]):not(.button--secondary):active[ui-sref=".add"],
#table_head a.diary_close_all:not([href]):not(.button--secondary):active[ui-sref=".add"],
.area-setup a:not([href]):not(.button--secondary):active[ng-click="addArea()"],
.budget-top + div[ui-view] .tabbed-container .tabs div:not([href]):not(.button--secondary):active[help-video="budget.mp4"],
.task-chart .top-area .buttons a:not([href]):not(.button--secondary):active,
input.button:not([href]):not(.button--secondary):hover,
.popupbox input.confirm:not([href]):not(.button--secondary):hover,
.popupbox input.decline:not([href]):not(.button--secondary):hover,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input:not([href]):not(.button--secondary):hover,
#table_head input.diary_open_all:not([href]):not(.button--secondary):hover,
#table_head input.diary_close_all:not([href]):not(.button--secondary):hover,
input.button:not([href]):not(.button--secondary):focus,
.popupbox input.confirm:not([href]):not(.button--secondary):focus,
.popupbox input.decline:not([href]):not(.button--secondary):focus,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input:not([href]):not(.button--secondary):focus,
#table_head input.diary_open_all:not([href]):not(.button--secondary):focus,
#table_head input.diary_close_all:not([href]):not(.button--secondary):focus,
input.button:not([href]):not(.button--secondary):active,
.popupbox input.confirm:not([href]):not(.button--secondary):active,
.popupbox input.decline:not([href]):not(.button--secondary):active,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input:not([href]):not(.button--secondary):active,
#table_head input.diary_open_all:not([href]):not(.button--secondary):active,
#table_head input.diary_close_all:not([href]):not(.button--secondary):active {
  color: #FFFFFF !important;
  background: #672e8c;
}

button.button:not(.button--secondary):hover, .edit-machinery-page .maintenance > .button_shop:not(.button--secondary):hover, .popupbox button.confirm:not(.button--secondary):hover, .popupbox button.decline:not(.button--secondary):hover, #table_head button.diary_open_all:not(.button--secondary):hover, #table_head button.diary_close_all:not(.button--secondary):hover, button.button:not(.button--secondary):focus, .edit-machinery-page .maintenance > .button_shop:not(.button--secondary):focus, .popupbox button.confirm:not(.button--secondary):focus, .popupbox button.decline:not(.button--secondary):focus, #table_head button.diary_open_all:not(.button--secondary):focus, #table_head button.diary_close_all:not(.button--secondary):focus, button.button:not(.button--secondary):active, .edit-machinery-page .maintenance > .button_shop:not(.button--secondary):active, .popupbox button.confirm:not(.button--secondary):active, .popupbox button.decline:not(.button--secondary):active, #table_head button.diary_open_all:not(.button--secondary):active, #table_head button.diary_close_all:not(.button--secondary):active,
input[type="submit"]:not(.button--secondary):hover,
input[type="submit"]:not(.button--secondary):focus,
input[type="submit"]:not(.button--secondary):active,
a.button--primary:not(.button--secondary):hover,
#popupAddTask:not(.button--secondary):hover,
a.button:not(.button--secondary):hover[ui-sref=".add"],
.invoice-form .row > div a:not(.button--secondary):hover[ui-sref=".add"][ng-click="addSupplier()"],
a.hide-area:not(.button--secondary):hover[ui-sref=".add"],
.ingredient-list a:not(.button--secondary):hover[ui-sref=".add"],
.popupbox a.confirm:not(.button--secondary):hover[ui-sref=".add"],
.popupbox a.decline:not(.button--secondary):hover[ui-sref=".add"],
#table_head a.diary_open_all:not(.button--secondary):hover[ui-sref=".add"],
#table_head a.diary_close_all:not(.button--secondary):hover[ui-sref=".add"],
.area-setup a:not(.button--secondary):hover[ng-click="addArea()"],
.budget-top + div[ui-view] .tabbed-container .tabs div:not(.button--secondary):hover[help-video="budget.mp4"],
.task-chart .top-area .buttons a:not(.button--secondary):hover,
a.button--primary:not(.button--secondary):focus,
#popupAddTask:not(.button--secondary):focus,
a.button:not(.button--secondary):focus[ui-sref=".add"],
.invoice-form .row > div a:not(.button--secondary):focus[ui-sref=".add"][ng-click="addSupplier()"],
a.hide-area:not(.button--secondary):focus[ui-sref=".add"],
.ingredient-list a:not(.button--secondary):focus[ui-sref=".add"],
.popupbox a.confirm:not(.button--secondary):focus[ui-sref=".add"],
.popupbox a.decline:not(.button--secondary):focus[ui-sref=".add"],
#table_head a.diary_open_all:not(.button--secondary):focus[ui-sref=".add"],
#table_head a.diary_close_all:not(.button--secondary):focus[ui-sref=".add"],
.area-setup a:not(.button--secondary):focus[ng-click="addArea()"],
.budget-top + div[ui-view] .tabbed-container .tabs div:not(.button--secondary):focus[help-video="budget.mp4"],
.task-chart .top-area .buttons a:not(.button--secondary):focus,
a.button--primary:not(.button--secondary):active,
#popupAddTask:not(.button--secondary):active,
a.button:not(.button--secondary):active[ui-sref=".add"],
.invoice-form .row > div a:not(.button--secondary):active[ui-sref=".add"][ng-click="addSupplier()"],
a.hide-area:not(.button--secondary):active[ui-sref=".add"],
.ingredient-list a:not(.button--secondary):active[ui-sref=".add"],
.popupbox a.confirm:not(.button--secondary):active[ui-sref=".add"],
.popupbox a.decline:not(.button--secondary):active[ui-sref=".add"],
#table_head a.diary_open_all:not(.button--secondary):active[ui-sref=".add"],
#table_head a.diary_close_all:not(.button--secondary):active[ui-sref=".add"],
.area-setup a:not(.button--secondary):active[ng-click="addArea()"],
.budget-top + div[ui-view] .tabbed-container .tabs div:not(.button--secondary):active[help-video="budget.mp4"],
.task-chart .top-area .buttons a:not(.button--secondary):active,
input.button:not(.button--secondary):hover,
.popupbox input.confirm:not(.button--secondary):hover,
.popupbox input.decline:not(.button--secondary):hover,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input:not(.button--secondary):hover,
#table_head input.diary_open_all:not(.button--secondary):hover,
#table_head input.diary_close_all:not(.button--secondary):hover,
input.button:not(.button--secondary):focus,
.popupbox input.confirm:not(.button--secondary):focus,
.popupbox input.decline:not(.button--secondary):focus,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input:not(.button--secondary):focus,
#table_head input.diary_open_all:not(.button--secondary):focus,
#table_head input.diary_close_all:not(.button--secondary):focus,
input.button:not(.button--secondary):active,
.popupbox input.confirm:not(.button--secondary):active,
.popupbox input.decline:not(.button--secondary):active,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input:not(.button--secondary):active,
#table_head input.diary_open_all:not(.button--secondary):active,
#table_head input.diary_close_all:not(.button--secondary):active {
  color: #FFFFFF !important;
  background: #672e8c;
}

button.button[disabled], .edit-machinery-page .maintenance > .button_shop[disabled], .popupbox button.confirm[disabled], .popupbox button.decline[disabled], #table_head button.diary_open_all[disabled], #table_head button.diary_close_all[disabled],
input[type="submit"][disabled],
a.button--primary[disabled],
#popupAddTask[disabled],
a.button[disabled][ui-sref=".add"],
.invoice-form .row > div a[disabled][ui-sref=".add"][ng-click="addSupplier()"],
a.hide-area[disabled][ui-sref=".add"],
.ingredient-list a[disabled][ui-sref=".add"],
.popupbox a.confirm[disabled][ui-sref=".add"],
.popupbox a.decline[disabled][ui-sref=".add"],
#table_head a.diary_open_all[disabled][ui-sref=".add"],
#table_head a.diary_close_all[disabled][ui-sref=".add"],
.area-setup a[disabled][ng-click="addArea()"],
.budget-top + div[ui-view] .tabbed-container .tabs div[disabled][help-video="budget.mp4"],
.task-chart .top-area .buttons a[disabled],
input.button[disabled],
.popupbox input.confirm[disabled],
.popupbox input.decline[disabled],
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input[disabled],
#table_head input.diary_open_all[disabled],
#table_head input.diary_close_all[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

button.button[value="Complete"][type="submit"], .edit-machinery-page .maintenance > .button_shop[value="Complete"][type="submit"], .popupbox button.confirm[value="Complete"][type="submit"], .popupbox button.decline[value="Complete"][type="submit"], #table_head button.diary_open_all[value="Complete"][type="submit"], #table_head button.diary_close_all[value="Complete"][type="submit"],
input[type="submit"][value="Complete"][type="submit"],
a.button--primary[value="Complete"][type="submit"],
#popupAddTask[value="Complete"][type="submit"],
a.button[value="Complete"][type="submit"][ui-sref=".add"],
.invoice-form .row > div a[value="Complete"][type="submit"][ui-sref=".add"][ng-click="addSupplier()"],
a.hide-area[value="Complete"][type="submit"][ui-sref=".add"],
.ingredient-list a[value="Complete"][type="submit"][ui-sref=".add"],
.popupbox a.confirm[value="Complete"][type="submit"][ui-sref=".add"],
.popupbox a.decline[value="Complete"][type="submit"][ui-sref=".add"],
#table_head a.diary_open_all[value="Complete"][type="submit"][ui-sref=".add"],
#table_head a.diary_close_all[value="Complete"][type="submit"][ui-sref=".add"],
.area-setup a[value="Complete"][type="submit"][ng-click="addArea()"],
.budget-top + div[ui-view] .tabbed-container .tabs div[value="Complete"][type="submit"][help-video="budget.mp4"],
.task-chart .top-area .buttons a[value="Complete"][type="submit"],
input.button[value="Complete"][type="submit"],
.popupbox input.confirm[value="Complete"][type="submit"],
.popupbox input.decline[value="Complete"][type="submit"],
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input[value="Complete"][type="submit"],
#table_head input.diary_open_all[value="Complete"][type="submit"],
#table_head input.diary_close_all[value="Complete"][type="submit"] {
  color: #222222 !important;
  background: #8DC63F !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  padding: 10px 30px;
}

button.button[value="Complete"][type="submit"]:hover, .edit-machinery-page .maintenance > .button_shop[value="Complete"][type="submit"]:hover, .popupbox button.confirm[value="Complete"][type="submit"]:hover, .popupbox button.decline[value="Complete"][type="submit"]:hover, #table_head button.diary_open_all[value="Complete"][type="submit"]:hover, #table_head button.diary_close_all[value="Complete"][type="submit"]:hover, button.button[value="Complete"][type="submit"]:focus, .edit-machinery-page .maintenance > .button_shop[value="Complete"][type="submit"]:focus, .popupbox button.confirm[value="Complete"][type="submit"]:focus, .popupbox button.decline[value="Complete"][type="submit"]:focus, #table_head button.diary_open_all[value="Complete"][type="submit"]:focus, #table_head button.diary_close_all[value="Complete"][type="submit"]:focus, button.button[value="Complete"][type="submit"]:active, .edit-machinery-page .maintenance > .button_shop[value="Complete"][type="submit"]:active, .popupbox button.confirm[value="Complete"][type="submit"]:active, .popupbox button.decline[value="Complete"][type="submit"]:active, #table_head button.diary_open_all[value="Complete"][type="submit"]:active, #table_head button.diary_close_all[value="Complete"][type="submit"]:active,
input[type="submit"][value="Complete"][type="submit"]:hover,
input[type="submit"][value="Complete"][type="submit"]:focus,
input[type="submit"][value="Complete"][type="submit"]:active,
a.button--primary[value="Complete"][type="submit"]:hover,
#popupAddTask[value="Complete"][type="submit"]:hover,
a.button[value="Complete"][type="submit"]:hover[ui-sref=".add"],
.invoice-form .row > div a[value="Complete"][type="submit"]:hover[ui-sref=".add"][ng-click="addSupplier()"],
a.hide-area[value="Complete"][type="submit"]:hover[ui-sref=".add"],
.ingredient-list a[value="Complete"][type="submit"]:hover[ui-sref=".add"],
.popupbox a.confirm[value="Complete"][type="submit"]:hover[ui-sref=".add"],
.popupbox a.decline[value="Complete"][type="submit"]:hover[ui-sref=".add"],
#table_head a.diary_open_all[value="Complete"][type="submit"]:hover[ui-sref=".add"],
#table_head a.diary_close_all[value="Complete"][type="submit"]:hover[ui-sref=".add"],
.area-setup a[value="Complete"][type="submit"]:hover[ng-click="addArea()"],
.budget-top + div[ui-view] .tabbed-container .tabs div[value="Complete"][type="submit"]:hover[help-video="budget.mp4"],
.task-chart .top-area .buttons a[value="Complete"][type="submit"]:hover,
a.button--primary[value="Complete"][type="submit"]:focus,
#popupAddTask[value="Complete"][type="submit"]:focus,
a.button[value="Complete"][type="submit"]:focus[ui-sref=".add"],
.invoice-form .row > div a[value="Complete"][type="submit"]:focus[ui-sref=".add"][ng-click="addSupplier()"],
a.hide-area[value="Complete"][type="submit"]:focus[ui-sref=".add"],
.ingredient-list a[value="Complete"][type="submit"]:focus[ui-sref=".add"],
.popupbox a.confirm[value="Complete"][type="submit"]:focus[ui-sref=".add"],
.popupbox a.decline[value="Complete"][type="submit"]:focus[ui-sref=".add"],
#table_head a.diary_open_all[value="Complete"][type="submit"]:focus[ui-sref=".add"],
#table_head a.diary_close_all[value="Complete"][type="submit"]:focus[ui-sref=".add"],
.area-setup a[value="Complete"][type="submit"]:focus[ng-click="addArea()"],
.budget-top + div[ui-view] .tabbed-container .tabs div[value="Complete"][type="submit"]:focus[help-video="budget.mp4"],
.task-chart .top-area .buttons a[value="Complete"][type="submit"]:focus,
a.button--primary[value="Complete"][type="submit"]:active,
#popupAddTask[value="Complete"][type="submit"]:active,
a.button[value="Complete"][type="submit"]:active[ui-sref=".add"],
.invoice-form .row > div a[value="Complete"][type="submit"]:active[ui-sref=".add"][ng-click="addSupplier()"],
a.hide-area[value="Complete"][type="submit"]:active[ui-sref=".add"],
.ingredient-list a[value="Complete"][type="submit"]:active[ui-sref=".add"],
.popupbox a.confirm[value="Complete"][type="submit"]:active[ui-sref=".add"],
.popupbox a.decline[value="Complete"][type="submit"]:active[ui-sref=".add"],
#table_head a.diary_open_all[value="Complete"][type="submit"]:active[ui-sref=".add"],
#table_head a.diary_close_all[value="Complete"][type="submit"]:active[ui-sref=".add"],
.area-setup a[value="Complete"][type="submit"]:active[ng-click="addArea()"],
.budget-top + div[ui-view] .tabbed-container .tabs div[value="Complete"][type="submit"]:active[help-video="budget.mp4"],
.task-chart .top-area .buttons a[value="Complete"][type="submit"]:active,
input.button[value="Complete"][type="submit"]:hover,
.popupbox input.confirm[value="Complete"][type="submit"]:hover,
.popupbox input.decline[value="Complete"][type="submit"]:hover,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input[value="Complete"][type="submit"]:hover,
#table_head input.diary_open_all[value="Complete"][type="submit"]:hover,
#table_head input.diary_close_all[value="Complete"][type="submit"]:hover,
input.button[value="Complete"][type="submit"]:focus,
.popupbox input.confirm[value="Complete"][type="submit"]:focus,
.popupbox input.decline[value="Complete"][type="submit"]:focus,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input[value="Complete"][type="submit"]:focus,
#table_head input.diary_open_all[value="Complete"][type="submit"]:focus,
#table_head input.diary_close_all[value="Complete"][type="submit"]:focus,
input.button[value="Complete"][type="submit"]:active,
.popupbox input.confirm[value="Complete"][type="submit"]:active,
.popupbox input.decline[value="Complete"][type="submit"]:active,
.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input[value="Complete"][type="submit"]:active,
#table_head input.diary_open_all[value="Complete"][type="submit"]:active,
#table_head input.diary_close_all[value="Complete"][type="submit"]:active {
  color: #222222 !important;
  background: #80b636 !important;
}

a.black {
  color: #8DC63F;
  font-weight: 600;
}

#printDay.marginR5 {
  margin-right: 10px;
}

img.del-icon {
  max-width: 25px;
  cursor: pointer;
}

img#add-nutrient {
  max-width: 24px;
  max-height: 24px;
}

.ui-accordion .ui-accordion-header {
  border: 1px solid #D9D9D9;
  color: #343434;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  border-radius: 4px;
  padding: 12px 14px;
  padding-left: 38px;
  background: #FFFFFF;
  margin-top: 10px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon {
  position: absolute;
  background: none !important;
  left: 15px !important;
  margin-top: -7px !important;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  height: 2px;
  width: 12px;
  background: #8DC63F;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
  width: 2px;
  height: 12px;
  background: #8DC63F;
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active {
  background: #343434;
  color: #FFFFFF;
  border-radius: 4px 4px 0 0;
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon:after {
  display: none;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 38px;
}

.ui-accordion .ui-accordion-content {
  padding: 0px;
  font-weight: 600;
}

.ui-accordion .ui-accordion-content > table {
  width: 100%;
}

.ui-accordion .ui-accordion-content > table tr {
  border-top: 1px solid #D9D9D9;
}

.ui-accordion .ui-accordion-content > table tr:first-child {
  border-top: 0;
}

.draggable {
  cursor: move;
}

.tDnD_whileDrag,
.tDnD_whileDrag > td {
  background: #8DC63F !important;
}

.accordion.budget_popup_container {
  max-height: 400px;
}

@media (min-height: 768px) {
  .accordion.budget_popup_container {
    max-height: 680px;
  }
}

.accordion.budget_popup_container + .confirm {
  margin-top: 20px;
}

.accordion.budget_popup_container .paddingAll7 {
  padding: 10px;
}

.accordion.budget_popup_container .paddingAll7 input[type="checkbox"] {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}

.accordion-content-spacing.sides .size12 {
  display: inline-block;
  font-size: 15px;
  margin-bottom: 10px;
}

.accordion-content-spacing.sides .size12 > .bold.dark-orange {
  color: #fbaa3a;
  font-weight: 600;
}

.table-rows tr:hover > td {
  background-color: #F1F1F1;
}

table.list, table.reports-table, table.monthly-budgets {
  width: 100%;
  font-size: 14px;
  background: #FCFCFC;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  display: block;
}

table.list tbody, table.reports-table tbody, table.monthly-budgets tbody {
  width: 100%;
  display: table;
}

table.list .head td, table.reports-table .head td, table.monthly-budgets .head td {
  background: #F1F1F1;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  padding-top: 13px;
  padding-bottom: 13px;
  color: #4B4B4B;
  border-top: 0;
}

table.list td, table.reports-table td, table.monthly-budgets td {
  border-top: 1px solid #D9D9D9;
  padding: 15px 10px;
}

table.list td:first-child, table.reports-table td:first-child, table.monthly-budgets td:first-child {
  padding: 15px 10px 15px 20px;
  font-weight: 600;
}

table.list td:last-child, table.reports-table td:last-child, table.monthly-budgets td:last-child {
  padding: 15px 20px 15px 10px;
}

.machine-parts-qty-th {
  text-align: right;
}

.ui-widget {
  font-family: "HKGrotesk", sans-serif !important;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "HKGrotesk", sans-serif !important;
}

.dashboard {
  position: relative;
  min-height: 100vh;
  height: calc(100% + 60px);
  margin: -30px;
  background-size: 100% auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #8DC63F;
  color: #FFFFFF;
}

.dashboard:before {
  content: "";
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.dashboard > div {
  position: relative;
  z-index: 1;
  max-width: calc(100% - 475px);
}

.dashboard .strip {
  margin-top: 90px;
}

.dashboard .welcome {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 30px;
}

.dashboard .welcome br {
  display: none;
}

.dashboard .welcome strong {
  font-weight: 500;
}

.dashboard .last-login {
  font-style: italic;
  font-weight: 500;
  font-size: 14px;
}

.dashboard .last-login br {
  display: none;
}

.dashboard > .side-alerts {
  position: absolute !important;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  width: 500px;
  padding: 30px;
}

.dashboard > .side-alerts > div {
  background: rgba(0, 0, 0, 0.55);
  color: #FFFFFF;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 6px;
}

.dashboard > .side-alerts > div a {
  color: #FFFFFF;
}

.dashboard > .side-alerts > div > h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.dashboard > .side-alerts > div > h3:before {
  content: "";
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-size: contain;
}

.dashboard > .side-alerts > div > h3 .widget__link {
  float: right;
  color: #fbaa3a;
  font-size: 12px;
}

.dashboard > .side-alerts > div.updates > h3:before {
  background-image: url(../images/icons/icon_system_updates.svg);
}

.dashboard > .side-alerts > div.updates > h3:before {
  background-image: url(../images/icons/icon_system_updates.svg);
}

#showwidgets:before {
  background-image: url(../images/icons/icon_settings.svg);
}

#showwidgets{
  cursor: pointer;
}

.dashboard > .side-alerts > div.stock-alerts > h3:before {
  background-image: url(../images/icons/icon_maintenance.svg);
}

.dashboard > .side-alerts > div.maintenance-alerts > h3:before {
  background-image: url(../images/icons/icon_maintenance.svg);
}

.dashboard > .side-alerts > div.reminders > h3:before {
  background-image: url(../images/icons/icon_notifications.svg);
}

.dashboard > .side-alerts > div.messages > h3:before {
  background-image: url(../images/icons/icon_mail.svg);
}

.dashboard > .side-alerts > div.tasks > h3:before {
  background-image: url(../images/icons/icon_todo.svg);
}

.dashboard > .side-alerts > div > *:last-child {
  margin: 0;
}

.dashboard > .side-alerts > div ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dashboard > .side-alerts > div ul li {
  margin-bottom: 10px;
}

.dashboard > .side-alerts > div ul li a {
  display: inline-block;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.15);
}

.dashboard .icons {
  margin-top: 90px;
  margin-right: -40px;
  max-width: calc(100% - 310px);
}

.dashboard .icons a {
  display: block;
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 6px;
  text-align: center;
  padding: 15px;
  font-weight: 500;
  color: #FFFFFF;
  margin-right: 40px;
  margin-bottom: 40px;
  float: left;
  width: 150px;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.dashboard .icons a:hover, .dashboard .icons a:focus, .dashboard .icons a:active {
  background-color: #222222;
}

.dashboard .icons a:before {
  content: "";
  display: block;
  margin: 0 auto 15px;
  width: 55px;
  height: 55px;
}

.dashboard .icons a.planner:before {
  background: transparent url(../images/icons/icon_planner.svg) no-repeat center;
}

.dashboard .icons a.machinery:before {
  background: transparent url(../images/icons/icon_machinery.svg) no-repeat center;
}

.dashboard .icons a.stock:before {
  background: transparent url(../images/icons/icon_stock.svg) no-repeat center;
}

.dashboard .icons a.budget:before {
  background: transparent url(../images/icons/icon_budget.svg) no-repeat center;
}

.dashboard .icons a.resources:before {
  background: transparent url(../images/icons/icon_resources.svg) no-repeat center;
}

.dashboard .icons a.reports:before {
  background: transparent url(../images/icons/icon_reports.svg) no-repeat center;
}

.dashboard .icons a.weatherstation:before {
  background: transparent url(../images/icons/icon_sun_s.png) no-repeat center;
      background-size: cover;
}

.dashboard .upload-background {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.55);
  color: #FFFFFF;
  padding: 8px 15px;
  border-radius: 0 6px 0 0;
  cursor: pointer;
}

.dashboard:after {
  content: "";
  display: block;
  height: 20px;
  z-index: 0;
}

.dashboard + #footer {
  display: none;
}

.widget__figure {
  background: -webkit-gradient(linear, left top, left bottom, from(#FC7465), to(#E82633));
  background: linear-gradient(#FC7465, #E82633);
  color: #FFFFFF;
  font-weight: 600;
  text-align: center;
  border-radius: 100px;
  font-size: 11px;
  width: 20px;
  height: 20px;
  float: right;
  margin-left: 10px;
  line-height: 20px;
}

.datetime {
  margin-top: 0;
}

.datetime__date {
  display: block;
  font-size: 30px;
  font-weight: 400;
}

@media (min-width: 1200px) {
  .datetime__date {
    float: left;
    line-height: 52px;
  }
}

.datetime__time {
  display: block;
  font-size: 40px;
  font-weight: 400;
  line-height: 52px;
}

@media (min-width: 1200px) {
  .datetime__time {
    float: right;
  }
}

label.task {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  cursor: pointer;
}

label.task span {
  display: block;
  position: relative;
  padding-left: 30px;
}

label.task input[type="checkbox"] {
  display: none;
}

label.task input[type="checkbox"] + span:before {
  content: "";
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
}

label.task input[type="checkbox"]:checked + span {
  text-decoration: line-through;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 300;
}

label.task input[type="checkbox"]:checked + span:after {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  left: 5px;
  width: 10px;
  height: 8px;
  background-image: url(../images/icons/icon_tick.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-size: contain;
}

.machinery_total {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  float: right;
  margin-top: 28px;
  padding-top: 6px;
  color: #fbaa3a;
}

.machinery_total span {
  color: #767676;
}

@media (max-width: 1199px) {
  .machinery_total {
    margin-top: 0px;
    padding-top: 0px;
  }
  .machinery_total span {
    display: block;
  }
}

.machinery-value {
  font-size: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 20px;
  text-align: center;
}

.machinery-value strong {
  font-weight: 600;
  color: #fbaa3a;
}

.accordion .machinery-list tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.accordion .machinery-list tr td {
  padding: 20px 10px;
  font-size: 13px;
  color: #4B4B4B;
}

.accordion .machinery-list tr td.li-delete {
  padding: 29px 10px 29px 20px;
  min-width: 41px;
}

.accordion .machinery-list tr td.li-name {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 14px;
  line-height: 18px;
  padding: 28px 10px;
}

.accordion .machinery-list tr td.li-maintenance {
  min-width: 172px;
  width: 172px;
}

@media (min-width: 1200px) {
  .accordion .machinery-list tr td.li-maintenance {
    width: auto;
    min-width: 286px;
  }
}

.accordion .machinery-list tr td.li-maintenance a.button--primary, .accordion .machinery-list tr td.li-maintenance #popupAddTask, .accordion .machinery-list tr td.li-maintenance a.button[ui-sref=".add"], .accordion .machinery-list tr td.li-maintenance .invoice-form .row > div a[ui-sref=".add"][ng-click="addSupplier()"], .invoice-form .row > div .accordion .machinery-list tr td.li-maintenance a[ui-sref=".add"][ng-click="addSupplier()"], .accordion .machinery-list tr td.li-maintenance a.hide-area[ui-sref=".add"], .accordion .machinery-list tr td.li-maintenance .ingredient-list a[ui-sref=".add"], .ingredient-list .accordion .machinery-list tr td.li-maintenance a[ui-sref=".add"], .accordion .machinery-list tr td.li-maintenance .popupbox a.confirm[ui-sref=".add"], .popupbox .accordion .machinery-list tr td.li-maintenance a.confirm[ui-sref=".add"], .accordion .machinery-list tr td.li-maintenance .popupbox a.decline[ui-sref=".add"], .popupbox .accordion .machinery-list tr td.li-maintenance a.decline[ui-sref=".add"], .accordion .machinery-list tr td.li-maintenance #table_head a.diary_open_all[ui-sref=".add"], #table_head .accordion .machinery-list tr td.li-maintenance a.diary_open_all[ui-sref=".add"], .accordion .machinery-list tr td.li-maintenance #table_head a.diary_close_all[ui-sref=".add"], #table_head .accordion .machinery-list tr td.li-maintenance a.diary_close_all[ui-sref=".add"], .accordion .machinery-list tr td.li-maintenance .area-setup a[ng-click="addArea()"], .area-setup .accordion .machinery-list tr td.li-maintenance a[ng-click="addArea()"], .accordion .machinery-list tr td.li-maintenance .budget-top + div[ui-view] .tabbed-container .tabs div[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs .accordion .machinery-list tr td.li-maintenance div[help-video="budget.mp4"], .accordion .machinery-list tr td.li-maintenance .task-chart .top-area .buttons a, .task-chart .top-area .buttons .accordion .machinery-list tr td.li-maintenance a {
  margin-top: 10px;
}

@media (min-width: 1200px) {
  .accordion .machinery-list tr td.li-maintenance a.button--primary, .accordion .machinery-list tr td.li-maintenance #popupAddTask, .accordion .machinery-list tr td.li-maintenance a.button[ui-sref=".add"], .accordion .machinery-list tr td.li-maintenance .invoice-form .row > div a[ui-sref=".add"][ng-click="addSupplier()"], .invoice-form .row > div .accordion .machinery-list tr td.li-maintenance a[ui-sref=".add"][ng-click="addSupplier()"], .accordion .machinery-list tr td.li-maintenance a.hide-area[ui-sref=".add"], .accordion .machinery-list tr td.li-maintenance .ingredient-list a[ui-sref=".add"], .ingredient-list .accordion .machinery-list tr td.li-maintenance a[ui-sref=".add"], .accordion .machinery-list tr td.li-maintenance .popupbox a.confirm[ui-sref=".add"], .popupbox .accordion .machinery-list tr td.li-maintenance a.confirm[ui-sref=".add"], .accordion .machinery-list tr td.li-maintenance .popupbox a.decline[ui-sref=".add"], .popupbox .accordion .machinery-list tr td.li-maintenance a.decline[ui-sref=".add"], .accordion .machinery-list tr td.li-maintenance #table_head a.diary_open_all[ui-sref=".add"], #table_head .accordion .machinery-list tr td.li-maintenance a.diary_open_all[ui-sref=".add"], .accordion .machinery-list tr td.li-maintenance #table_head a.diary_close_all[ui-sref=".add"], #table_head .accordion .machinery-list tr td.li-maintenance a.diary_close_all[ui-sref=".add"], .accordion .machinery-list tr td.li-maintenance .area-setup a[ng-click="addArea()"], .area-setup .accordion .machinery-list tr td.li-maintenance a[ng-click="addArea()"], .accordion .machinery-list tr td.li-maintenance .budget-top + div[ui-view] .tabbed-container .tabs div[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs .accordion .machinery-list tr td.li-maintenance div[help-video="budget.mp4"], .accordion .machinery-list tr td.li-maintenance .task-chart .top-area .buttons a, .task-chart .top-area .buttons .accordion .machinery-list tr td.li-maintenance a {
    margin-top: 0px;
    margin-left: 10px;
  }
}

.accordion .machinery-list tr td.li-maintenance a.button--primary::before, .accordion .machinery-list tr td.li-maintenance #popupAddTask::before, .accordion .machinery-list tr td.li-maintenance a.button[ui-sref=".add"]::before, .accordion .machinery-list tr td.li-maintenance .invoice-form .row > div a[ng-click="addSupplier()"][ui-sref=".add"]::before, .invoice-form .row > div .accordion .machinery-list tr td.li-maintenance a[ng-click="addSupplier()"][ui-sref=".add"]::before, .accordion .machinery-list tr td.li-maintenance a.hide-area[ui-sref=".add"]::before, .accordion .machinery-list tr td.li-maintenance .ingredient-list a[ui-sref=".add"]::before, .ingredient-list .accordion .machinery-list tr td.li-maintenance a[ui-sref=".add"]::before, .accordion .machinery-list tr td.li-maintenance .popupbox a.confirm[ui-sref=".add"]::before, .popupbox .accordion .machinery-list tr td.li-maintenance a.confirm[ui-sref=".add"]::before, .accordion .machinery-list tr td.li-maintenance .popupbox a.decline[ui-sref=".add"]::before, .popupbox .accordion .machinery-list tr td.li-maintenance a.decline[ui-sref=".add"]::before, .accordion .machinery-list tr td.li-maintenance #table_head a.diary_open_all[ui-sref=".add"]::before, #table_head .accordion .machinery-list tr td.li-maintenance a.diary_open_all[ui-sref=".add"]::before, .accordion .machinery-list tr td.li-maintenance #table_head a.diary_close_all[ui-sref=".add"]::before, #table_head .accordion .machinery-list tr td.li-maintenance a.diary_close_all[ui-sref=".add"]::before, .accordion .machinery-list tr td.li-maintenance .area-setup a[ng-click="addArea()"]::before, .area-setup .accordion .machinery-list tr td.li-maintenance a[ng-click="addArea()"]::before, .accordion .machinery-list tr td.li-maintenance .budget-top + div[ui-view] .tabbed-container .tabs div[help-video="budget.mp4"]::before, .budget-top + div[ui-view] .tabbed-container .tabs .accordion .machinery-list tr td.li-maintenance div[help-video="budget.mp4"]::before, .accordion .machinery-list tr td.li-maintenance .task-chart .top-area .buttons a::before, .task-chart .top-area .buttons .accordion .machinery-list tr td.li-maintenance a::before {
  content: "";
  margin-right: 4px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px auto;
  background-color: transparent;
  background-image: url(../images/icons/icon_edit-w.svg);
  vertical-align: sub;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -2px;
}

.accordion .machinery-list tr td.li-archive label, .accordion .machinery-list tr td.li-hours label {
  display: block;
}

@media (min-width: 1200px) {
  .accordion .machinery-list tr td.li-archive label, .accordion .machinery-list tr td.li-hours label {
    display: inline-block;
  }
}

.accordion .machinery-list tr td.li-hours {
  min-width: 160px;
  width: 160px;
}

.accordion .machinery-list tr td.li-hours label {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #4B4B4B;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .accordion .machinery-list tr td.li-hours {
    min-width: 253px;
    width: auto;
    margin-bottom: 0px;
  }
}

.accordion .machinery-list tr td.li-archive {
  min-width: 114px;
  width: 114px;
}

@media (min-width: 1200px) {
  .accordion .machinery-list tr td.li-archive {
    min-width: 169px;
    width: auto;
  }
}

.accordion .machinery-list tr td:last-child {
  padding: 20px 20px 20px 10px;
}

.accordion .machinery-list tr td > form,
.accordion .machinery-list tr td > div {
  display: inline-block;
}

table.reports-table tr td {
  width: 20%;
}

div[machinery-info="section.item"] table.table-rows tr .bgligrey {
  width: 13.33%;
}

div[machinery-info="section.item"] table.table-rows tr .ng-binding {
  width: 20%;
}

form[name=yearsForm] .dotted-area-block {
  float: left;
  margin-right: 20px;
}

form[name=yearsForm] .dotted-area-block > div {
  margin-top: 10px;
}

form[name=yearsForm] .dotted-area-block > div > span {
  display: inline-block;
  width: 43px;
}

form[name=yearsForm] .placeholder {
  clear: both;
}

.budget-container a[ui-sref*="add-invoice"] {
  display: inline-block;
  border-radius: 100px;
  overflow: hidden;
  width: 24px;
  height: 24px;
  line-height: 1em;
  background: #8DC63F;
  text-align: center;
  vertical-align: middle;
}

.budget-container a[ui-sref*="add-invoice"] i {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 27px;
}

.budget-container a[ui-sref*="add-invoice"] i::before {
  content: "\f067";
}

.budget-container .back-link {
  margin-bottom: 20px;
}

.budget-container a[ui-sref*="add-invoice"].button.floatR.marginT10, .budget-container .invoice-form .row > div a[ui-sref*="add-invoice"].floatR.marginT10[ng-click="addSupplier()"], .invoice-form .row > div .budget-container a[ui-sref*="add-invoice"].floatR.marginT10[ng-click="addSupplier()"], .budget-container a.hide-area[ui-sref*="add-invoice"].floatR.marginT10, .budget-container .ingredient-list a[ui-sref*="add-invoice"].floatR.marginT10, .ingredient-list .budget-container a[ui-sref*="add-invoice"].floatR.marginT10, .budget-container .popupbox a.confirm[ui-sref*="add-invoice"].floatR.marginT10, .popupbox .budget-container a.confirm[ui-sref*="add-invoice"].floatR.marginT10, .budget-container .popupbox a.decline[ui-sref*="add-invoice"].floatR.marginT10, .popupbox .budget-container a.decline[ui-sref*="add-invoice"].floatR.marginT10, .budget-container #table_head a.diary_open_all[ui-sref*="add-invoice"].floatR.marginT10, #table_head .budget-container a.diary_open_all[ui-sref*="add-invoice"].floatR.marginT10, .budget-container #table_head a.diary_close_all[ui-sref*="add-invoice"].floatR.marginT10, #table_head .budget-container a.diary_close_all[ui-sref*="add-invoice"].floatR.marginT10 {
  width: auto;
  height: auto;
  margin-top: 15px;
}

.budget-container .icons a[ui-sref="^.edit-invoice({id: invoice.id})"] {
  vertical-align: middle;
}

.budget-container .icons a[ng-click="deleteInvoice(invoice)"] {
  height: 34px;
  display: inline-block;
  line-height: 37px;
  vertical-align: middle;
}

div[chart] {
  width: 100%;
}

.invoice-form .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.invoice-form .row > div {
  width: 33.33%;
  padding: 0 0 40px;
  position: relative;
}

.invoice-form .row > div > br {
  display: none;
}

.invoice-form .row > div a[ng-click="addSupplier()"] {
  position: absolute;
  top: -7px;
  left: 138px;
  padding: 5px 10px;
}

.invoice-form .row > div strong {
  font-weight: 600;
  padding-bottom: 4px;
  display: block;
}

.invoice-form > h2 {
  margin-top: 10px;
}

.invoice-form > h2 > a[ng-click="toggleAddToStockBox()"] {
  display: inline-block;
  border-radius: 100px;
  overflow: hidden;
  width: 24px;
  height: 24px;
  background: #8DC63F;
  text-align: center;
  vertical-align: sub;
}

.invoice-form > h2 > a[ng-click="toggleAddToStockBox()"] i {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 27px;
}

.invoice-form > h2 > a[ng-click="toggleAddToStockBox()"] i:before {
  content: "\f067";
}

.invoice-form div[ng-show="showStockBox"] + .row {
  display: block;
}

.invoice-form div[ng-show="showStockBox"] + .row strong {
  font-weight: 600;
  padding-bottom: 4px;
  display: block;
}

.invoice-form div[ng-show="showStockBox"] + .row br {
  display: none;
}

.invoice-form div[ng-show="showStockBox"] + .row textarea.txtfield {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

.invoice-form button[ng-click="closeInvoice()"] {
  border-radius: 5px;
  font-size: 13px;
  line-height: 16px;
  padding: 9px 11px !important;
  background: #FFFFFF;
  color: #4B4B4B;
  border: 1px solid #D9D9D9;
  font-weight: 500;
  margin-left: 10px;
  cursor: pointer;
}

.invoice-form button[ng-click="closeInvoice()"]:hover, .invoice-form button[ng-click="closeInvoice()"]:focus, .invoice-form button[ng-click="closeInvoice()"]:active {
  color: #4B4B4B !important;
  background: #f2f2f2;
}

.invoice-form button[ng-click="closeInvoice()"]:active, .invoice-form button[ng-click="closeInvoice()"]:focus {
  outline: none !important;
}

.highcharts-container {
  height: auto !important;
}

a.hide-area {
  background: #fbaa3a;
  color: #4B4B4B !important;
}

div.report-chart-border {
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  margin: 30px 0;
}

div.report-chart-border hr.border {
  display: none;
}

div.report-chart-border .floatR.marginT13.size12 {
  margin-top: 10px;
  margin-right: 10px;
  clear: both;
}

div.report-chart-border.floatR.width295, div.report-chart-border.floatL.width295 {
  width: 48%;
}

div.report-chart-border h2 .orange {
  font-weight: 400;
}

.accordion-content-spacing div[three-columns] {
  clear: both;
  border-top: 1px solid #D9D9D9;
  padding-top: 6px;
  margin-top: -5px;
}

.accordion-content-spacing div[three-columns] > div.floatL {
  float: none !important;
  display: inline;
}

.accordion-content-spacing div[three-columns] > div.floatL > div[ng-repeat="row in data"] {
  font-size: 12px;
  line-height: 15px;
  width: 33.33%;
  float: left;
  padding: 7px 5px;
}

@media (min-width: 1200px) {
  .accordion-content-spacing div[three-columns] > div.floatL > div[ng-repeat="row in data"] {
    width: 25%;
  }
}

@media (min-width: 1400px) {
  .accordion-content-spacing div[three-columns] > div.floatL > div[ng-repeat="row in data"] {
    width: 203px;
  }
}

.accordion-content-spacing div[three-columns] > div.floatL > div[ng-repeat="row in data"] .bold {
  font-weight: 600;
}

.accordion-content-spacing div[three-columns] > div.floatL > div[ng-repeat="row in data"] .dark-orange,
.accordion-content-spacing div[three-columns] > div.floatL > div[ng-repeat="row in data"] .orange {
  color: #fbaa3a;
}

.accordion-content-spacing div[three-columns] > div.floatL > div[ng-repeat="row in data"] .green {
  color: #8DC63F;
}

.three-columns-overflow {
  max-height: 300px;
  overflow: auto;
}

.report-title + .three-columns-overflow[style*="page-break-after"] {
  max-height: none !important;
}

.tasks-overview-card {
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 11px;
  margin: 0 5px 8px 0;
  padding: 5px;
  width: 140px;
  display: inline-block;
  zoom: 1;
}

.tasks-overview-card a.dark {
  color: #222222;
}

.tasks-overview-card a.dark .red {
  font-weight: 600;
}

.daterange.copytxt {
  float: left !important;
}

.daterange > form .bold {
  display: block;
  font-weight: 600;
}

.daterange > form strong[ng-show="budget.value"] {
  font-weight: 600;
}

.daterange > form strong[ng-show="budget.value"] > br {
  display: none;
}

.daterange > form .form-item input[type="submit"] {
  margin-top: 26px;
}

.budget-list-by {
  text-align: right;
}

.budget-list-by label {
  font-weight: 600;
  display: block;
  line-height: 26px;
}

.export-options {
  padding-top: 10px;
}

.simple-accordion {
  border: 1px solid #D9D9D9;
  border-bottom: 0;
  margin-bottom: 10px;
}

.simple-accordion .collapse,
.simple-accordion .collapsing {
  height: 0;
  overflow: hidden;
  -webkit-transition: height .5s ease;
  transition: height .5s ease;
}

.simple-accordion .width110 {
  width: 115px;
}

.simple-accordion .width150 {
  width: 210px;
  font-size: 13px;
}

.simple-accordion .paddingAll5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  background: #FCFCFC;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.simple-accordion .paddingAll5 .floatL:first-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.simple-accordion .floatL span.bold {
  float: none !important;
  width: auto;
  margin: 0;
  display: inline;
}

.simple-accordion table.table-rows {
  width: 100%;
}

.simple-accordion table.table-rows td {
  padding: 10px;
}

.simple-accordion table.table-rows tr.highlighted td {
  background: #D9D9D9;
}

.simple-accordion hr {
  margin: 0;
  border: 0;
  border-top: 1px solid #D9D9D9;
}

#addStockForm {
  min-width: 310px !important;
}

#addStockForm a {
  color: #fbaa3a;
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
}

#addStockForm a label {
  cursor: pointer;
}

#frmAddStock #btnAddStock {
  margin-right: 0 !important;
}

#frmAddStock label {
  margin: 0;
  line-height: 34px;
}

#frmAddStock input[name].datepicker {
  max-width: 140px;
  margin-right: -30px;
}

#frmAddStock .ui-datepicker-trigger {
  vertical-align: top;
  margin-left: -41px;
}

#frmAddStock div[style*="margin-bottom:5px"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#frmAddStock::after {
  content: "";
  display: block;
  clear: both;
}

.custom-nutrients {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.stock-nutrient-row {
  float: left;
  padding: 10px 40px 10px 10px;
  background: #F1F1F1;
  border-radius: 4px;
  margin: 10px 10px 0 0;
  position: relative;
}

.stock-nutrient-row .delete-nutrient {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px !important;
  cursor: pointer;
}

.nutrients input.txtfield {
  margin-bottom: 10px;
  min-width: 80px;
}

@media (min-width: 1200px) {
  .nutrients input.txtfield {
    min-width: 100px;
  }
}

.nutrients .stock-nutrient-row {
  position: relative;
}

.nutrients .stock-nutrient-row #add-nutrient {
  position: absolute;
  top: 10px;
  right: -40px;
}

.nutrients .marginR60 a#add-nutrient {
  margin-bottom: 10px;
}

.nutrients .floatR {
  padding-bottom: 0;
}

.nutrients + .other-info {
  display: block;
}

.other-info strong {
  font-weight: 600;
}

.ingredient-list .add-ingredient,
.ingredient-list .remove-ingredient {
  color: #833BB2;
  background: none;
  border-radius: 0;
}

.ingredient-list .add-ingredient:hover, .ingredient-list .add-ingredient:focus, .ingredient-list .add-ingredient:active,
.ingredient-list .remove-ingredient:hover,
.ingredient-list .remove-ingredient:focus,
.ingredient-list .remove-ingredient:active {
  background: none;
}

.ingredient-list .add-ingredient:hover i, .ingredient-list .add-ingredient:focus i, .ingredient-list .add-ingredient:active i,
.ingredient-list .remove-ingredient:hover i,
.ingredient-list .remove-ingredient:focus i,
.ingredient-list .remove-ingredient:active i {
  opacity: 0.9;
}

.ingredient-list .add-ingredient i,
.ingredient-list .remove-ingredient i {
  border-radius: 20px;
  color: #FFFFFF;
  height: 33px;
  width: 33px;
  font-size: 22px;
  text-align: center;
  padding: 0;
  line-height: 33px;
  margin-right: 2px;
  vertical-align: sub;
}

.ingredient-list .add-ingredient i {
  line-height: 35px;
  background: #8DC63F;
}

.ingredient-list .remove-ingredient i {
  background: #E34A4A;
}

.stock-add-item .stock-column {
  width: 30%;
}

.stock-add-item .stock-column label.qty {
  font-size: 20px;
}

table.list .info.pointer:before, table.reports-table .info.pointer:before, table.monthly-budgets .info.pointer:before {
  content: "";
  background: url(../images/info.png);
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

#infoBox td {
  padding: 0 10px 10px 0;
}

#infoBox strong,
#infoBox .bold {
  font-weight: 600;
}

#infoBox a[href*="/uploads/"] {
  color: #4B4B4B;
  font-weight: 600;
}

.stock-add-item .part-info {
  display: none;
}

.italic {
  font-style: italic;
}

.green {
  color: #8DC63F;
}

.red {
  color: #E34A4A;
}

.search-form {
  position: relative;
}

.search-form.floatR {
  margin-top: 28px;
}

.search-form input {
  background: #F1F1F1;
  border: 0;
  border-radius: 100px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
}

.search-form input[type="submit"] {
  background: transparent url("../images/icons/icon_search.svg") no-repeat center;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
}

.pagination {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #4B4B4B;
  margin-bottom: 20px;
}

.pagination--bottom {
  margin-top: 20px;
}

.pagination span {
  display: inline-block;
  line-height: 26px;
  vertical-align: middle;
}

.pagination a {
  display: inline-block;
  font-weight: 500;
  color: #4B4B4B;
  border: 1px solid #D9D9D9;
  vertical-align: middle;
  margin-left: 6px;
}

.pagination a.selected {
  background: #fbaa3a;
  border-color: #fbaa3a;
}

.pagination li[ng-repeat="pageNumber in pages track by $index"] a,
.pagination .letter, .pagination__number {
  border-radius: 100%;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
}

.pagination .letter {
  margin-left: 0px;
}

.pagination li[ng-if="directionLinks"] a, .pagination__link {
  padding: 3px 9px;
  border-radius: 5px;
}

.pagination li[ng-repeat="pageNumber in pages track by $index"],
.pagination li[ng-if="directionLinks"] {
  display: inline-block;
}

div[dir-pagination-controls] + .button, .invoice-form .row > div div[dir-pagination-controls] + a[ng-click="addSupplier()"], div[dir-pagination-controls] + a.hide-area, .ingredient-list div[dir-pagination-controls] + a, .popupbox div[dir-pagination-controls] + .confirm, .popupbox div[dir-pagination-controls] + .decline, .budget-top + div[ui-view] .tabbed-container .tabs div[dir-pagination-controls] + div[help-video="budget.mp4"], .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] div[dir-pagination-controls] + input, #table_head div[dir-pagination-controls] + .diary_open_all, #table_head div[dir-pagination-controls] + .diary_close_all {
  margin-top: 20px;
}

.dotted-area-block {
  background-color: #FCFCFC;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
}

.dotted-area-block.placeholder {
  border: 1px dashed #D9D9D9;
  background-color: #FFFFFF;
}

.fa-plus-circle {
  color: #8DC63F;
  font-size: 28px !important;
  line-height: 25px;
  cursor: pointer;
}

.fa-times-circle {
  color: #E34A4A;
  font-size: 28px !important;
  line-height: 25px;
  cursor: pointer;
}

.video-js {
  width: 100% !important;
}

.panel {
  margin-top: 10px;
}

.panel-group {
  clear: both;
}

.panel-heading a.accordion-toggle {
  border: 1px solid #D9D9D9;
  color: #4B4B4B !important;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 21px;
  border-radius: 4px;
  padding: 12px 14px;
  padding-left: 38px;
  background: #FFFFFF !important;
  position: relative;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.panel-heading a.accordion-toggle:hover, .panel-heading a.accordion-toggle:focus, .panel-heading a.accordion-toggle:active {
  background: #FCFCFC !important;
}

.panel-heading a.accordion-toggle:before {
  content: "";
  display: block;
  position: absolute;
  top: 21px;
  left: 14px;
  height: 2px;
  width: 12px;
  background: #8DC63F;
}

.panel-heading a.accordion-toggle:after {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 19px;
  width: 2px;
  height: 12px;
  background: #8DC63F;
}

.panel-heading a.accordion-toggle.is-active {
  background: #343434 !important;
  color: #FFFFFF !important;
  border-radius: 4px 4px 0 0;
}

.panel-heading a.accordion-toggle.is-active:after {
  display: none;
}

.filters.black-headings .panel-heading a.accordion-toggle,
.filters .panel-heading a.accordion-toggle {
  background: #8DC63F !important;
  border: 0;
  text-align: left;
}

.filters.black-headings .panel-heading a.accordion-toggle:before, .filters.black-headings .panel-heading a.accordion-toggle:after,
.filters .panel-heading a.accordion-toggle:before,
.filters .panel-heading a.accordion-toggle:after {
  background: #FFFFFF;
}

.filters.black-headings .panel-heading a.accordion-toggle.is-active,
.filters .panel-heading a.accordion-toggle.is-active {
  color: #4B4B4B !important;
}

.panel-body {
  padding-top: 10px;
}

.panel-body .floatL.width180 {
  width: 180px;
}

.panel-body .floatL.width180 label {
  font-size: 12px;
  margin-bottom: 5px;
}

.panel-body table.table-rows {
  width: 100%;
}

.panel-body table.table-rows td {
  padding: 5px;
}

.panel-body table.table-rows .bgligrey {
  font-weight: 500;
  width: 107px;
  text-align: right;
}

.panel-body .size13.bold {
  font-weight: 600;
  padding: 5px;
  margin: 5px 0 0;
}

.panel-body div[ng-show="!section.hasData"] {
  opacity: 0.6;
  padding: 5px;
}

.panel-collapse {
  width: 100%;
}

.filters {
  clear: both;
}

.accordion-content-border form > .marginB10 > label {
  display: inline-block;
}

.accordion-content-border form > .marginB10 > label.marginL20 {
  margin-left: 20px;
}

#content .widget {
  display: none;
}

.monthly-calendar {
  display: table;
  font-size: 11px;
  width: 100%;
}

.monthly-calendar .day-headings {
  display: table-row;
  font-weight: 700;
  line-height: 24px;
}

.monthly-calendar .day-headings div {
  display: table-cell;
}

.monthly-calendar .cell-row {
  display: table-row;
}

.monthly-calendar .cell-row.first .day-cell.outside {
  border-bottom: 0;
  border-right: 0;
}

.monthly-calendar .cell-row.last .day-cell {
  border-bottom-width: 1px;
}

.monthly-calendar .cell-row.last .day-cell.outside {
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}

.monthly-calendar .cell-row .day-cell {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  border: 1px solid #999;
  border-bottom-width: 0;
  border-right-width: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #666;
  display: table-cell;
  height: 70px;
  padding: 5px;
  width: 14%;
}

.monthly-calendar .cell-row .day-cell span {
  font-size: 10px;
}

.monthly-calendar .cell-row .day-cell.current {
  background: #8DC63F;
}

.monthly-calendar .cell-row .day-cell.outside {
  background: #e8e8e8;
  border: 1px solid #ccc;
  color: #999;
}

.monthly-calendar .cell-row .day-cell.last {
  border-right-width: 1px;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  outline: 0;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: scroll;
}

.modal .modal-dialog {
  background: #fff;
  border: 0;
  color: #222;
  font-size: 14px;
  margin: auto auto 30px;
  padding: 0 30px 30px;
  position: relative;
  top: 100px;
  width: 550px;
  border-radius: 6px;
}

.modal .modal-dialog strong {
  font-weight: 500;
}

.modal.video .modal-dialog {
  padding: 0;
}

.modal .modal-sm {
  width: 300px;
}

.modal .modal-lg {
  width: 700px;
}

.modal a.close {
  background: url(../images/icons/icon_close.svg) no-repeat;
  cursor: pointer;
  display: block;
  height: 30px;
  position: absolute;
  right: 15px;
  top: 25px;
  width: 30px;
  z-index: 3000;
  background-size: 15px;
  background-position: center;
}

.modal .modal-backdrop {
  display: block !important;
  opacity: 0 !important;
  -webkit-transition: all .4s;
}

.modal .modal-backdrop.in {
  opacity: 0.8 !important;
}

.modal .content a:not(.button):not(a.hide-area) {
  color: #833BB2;
}

.modal .modal-content .sub-tabs li a {
  padding: 8px 14px;
  font-size: 15px;
  font-weight: 300;
}

.modal .modal-content > .job-board-background-upload form {
  padding-top: 20px;
}

.modal .modal-content > .ng-scope > h2,
.modal .modal-content > .new-contact-modal > h2,
.modal .modal-content > .break-times-modal > h2,
.modal .modal-content > h2.orange,
.modal .modal-content .tabbed-container > h2,
.modal .modal-content > .job-board-background-upload > h2,
.modal .page-header {
  display: block;
  margin: 0 -30px;
  width: calc(100% + 60px);
  font-size: 19px;
  line-height: 25px;
  font-weight: 600;
  padding: 27px 28px;
  border-bottom: 1px solid #D9D9D9;
}

.modal .modal-content > .ng-scope > h2 + p,
.modal .modal-content > .ng-scope > h2 + .row,
.modal .modal-content > .new-contact-modal > h2 + p,
.modal .modal-content > .new-contact-modal > h2 + .row,
.modal .modal-content > .break-times-modal > h2 + p,
.modal .modal-content > .break-times-modal > h2 + .row,
.modal .modal-content > h2.orange + p,
.modal .modal-content > h2.orange + .row,
.modal .modal-content .tabbed-container > h2 + p,
.modal .modal-content .tabbed-container > h2 + .row,
.modal .modal-content > .job-board-background-upload > h2 + p,
.modal .modal-content > .job-board-background-upload > h2 + .row,
.modal .page-header + p,
.modal .page-header + .row {
  margin-top: 20px;
}

.modal .modal-content > .ng-scope > h2 {
  margin-bottom: 20px;
}

.modal .tabbed-container .tabs {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 15px;
}

.modal .tabbed-container .tabs ul li a {
  padding: 15px 30px;
  cursor: pointer;
}

.modal .buttons input[type="submit"][value="Add New"] {
  margin-left: auto;
  margin-right: 0;
  display: block;
}

.job-board-background-upload input[type=file] {
  border: 1px dashed #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  width: 100%;
  margin-bottom: 15px;
}

.fancybox-overlay .fancybox-wrap .fancybox-skin a.fancybox-close {
  background: url(../images/icons/icon_close.svg) no-repeat;
  cursor: pointer;
  display: block;
  height: 30px;
  position: absolute;
  right: 15px;
  top: 25px;
  width: 30px;
  z-index: 3000;
  background-size: 15px;
  background-position: center;
}

.fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-inner .content {
  padding: 25px 15px;
  overflow-x: hidden;
}

.fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-inner .content h1 {
  display: block;
  margin: -30px -30px 20px !important;
  width: calc(100% + 60px);
  font-size: 19px;
  line-height: 25px;
  font-weight: 600;
  padding: 27px 28px;
  border-bottom: 1px solid #D9D9D9;
}

.popupbox {
  display: none;
  background: #FFFFFF;
  color: #4B4B4B;
  border: 0;
  font-size: 14px;
  margin: auto auto 30px;
  padding: 0 30px 30px;
  position: relative;
  border-radius: 6px;
  max-width: 520px;
  min-width: 400px;
  outline: 0;
  z-index: 10000;
  position: fixed;
  top: 100px;
  left: 50%;
  margin: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.popupbox a.close {
  background: url(../images/icons/icon_close.svg) no-repeat;
  cursor: pointer;
  display: block;
  height: 30px;
  position: absolute;
  right: 15px;
  top: 25px;
  width: 30px;
  z-index: 3000;
  background-size: 15px;
  background-position: center;
}

.popupbox a.close + div:not(.popup_container) {
  display: block;
  margin: 0 -30px;
  width: calc(100% + 60px);
  font-size: 19px;
  line-height: 25px;
  font-weight: 600;
  padding: 27px 28px;
  border-bottom: 1px solid #D9D9D9;
}

.popupbox a.close + div:not(.popup_container) + * {
  margin-top: 20px;
}

.popupbox a.close + br {
  display: none;
}

.popupbox > div > hr,
.popupbox .popup_container > form > hr {
  display: none;
}

.popupbox > div > hr + table,
.popupbox .popup_container > form > hr + table {
  margin-top: 20px;
}

.popupbox > div > hr + table td,
.popupbox .popup_container > form > hr + table td {
  padding-top: 10px;
  padding-bottom: 10px;
}

.popupbox > div > h2.size18 + table,
.popupbox .popup_container > form > h2.size18 + table {
  margin-top: 20px;
}

.popupbox > div > h2.size18,
.popupbox > div > h2:first-child,
.popupbox .popup_container > form > h2.size18,
.popupbox .popup_container > form > h2:first-child {
  display: block;
  margin: 0 -30px 0;
  width: calc(100% + 60px);
  font-size: 19px;
  line-height: 25px;
  font-weight: 600;
  padding: 27px 28px;
  border-bottom: 1px solid #D9D9D9;
}

.popupbox > div input[name="ims_subject"],
.popupbox .popup_container > form input[name="ims_subject"] {
  width: 100%;
}

.popupbox > div textarea[name="ims_content"],
.popupbox .popup_container > form textarea[name="ims_content"] {
  width: 100%;
  min-height: 100px;
}

.popupbox .confirm {
  background: #8DC63F;
}

.popupbox .confirm--delete {
  background: #E34A4A !important;
  color: #FFFFFF !important;
}

.popupbox .decline {
  background: #E34A4A !important;
  color: #FFFFFF !important;
  float: right !important;
}

.popupbox .decline--cancel {
  background: #FFFFFF !important;
  border: 1px solid #D9D9D9;
  color: #222222 !important;
}

.darkarea, .modal-backdrop {
  background: #333;
  display: none;
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=80);
  opacity: .8;
  -moz-opacity: .8;
  -khtml-opacity: .8;
  z-index: 2999;
}

.application-row {
  background-color: #FCFCFC;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  margin-bottom: 20px;
  margin-top: 20px;
}

.application-row > * {
  padding: 20px;
}

.application-row > *.areas {
  max-width: 120px;
  width: 120px;
}

@media (min-width: 1200px) {
  .application-row > *.areas {
    max-width: 200px;
    width: 200px;
  }
}

.application-row > *.areas p:first-child {
  padding-bottom: 20px;
}

.application-row > *.products {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 5px;
  padding-right: 5px;
  max-width: 700px;
}

.application-row > *.products > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-bottom: 20px;
}

.application-row > *.products > div > span {
  padding-right: 5px;
  width: 22%;
  font-size: 12px;
  word-break: break-word;
}

@media (min-width: 1200px) {
  .application-row > *.products > div > span {
    padding-right: 15px;
    font-size: 13px;
  }
}

.application-row > *.products > div > span:last-child {
  padding-right: 0;
}

.application-row > *.products > div .name {
  width: 34%;
}

.application-row > *.products > div[ng-repeat="product in app.products"]:first-of-type .amount:before {
  content: "Amount";
  display: block;
  font-weight: 600;
}

.application-row > *.products > div[ng-repeat="product in app.products"]:first-of-type .amount + .amount:before {
  content: "Quantity";
  display: block;
  font-weight: 600;
}

.application-row > *.products > div:first-of-type .cost:before {
  content: "Cost";
  display: block;
  font-weight: 600;
}

.application-row > .nutrients {
  max-width: 166px;
}

@media (min-width: 1200px) {
  .application-row > .nutrients {
    max-width: 229px;
  }
}

.application-row > .nutrients p {
  margin: 0;
}

.application-row strong {
  font-weight: 600;
}

.application-row .status {
  min-width: 120px;
  border-right: 1px solid #D9D9D9;
  background-color: #fbaa3a;
}

.application-row .status.complete {
  background-color: #8DC63F;
}

a[ng-show="filteredApplications.length"] {
  float: right;
}

div[ng-show="filteredAreas.length"] select {
  margin-bottom: 10px;
}

.monthly-calendar .day-cell {
  position: relative;
}

.monthly-calendar .day-cell > span:first-child {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.45);
}

.monthly-calendar .day-cell > a[ui-sref^=".add"] {
  position: absolute;
  top: 5px;
  right: 5px;
}

.monthly-calendar .day-cell > div[ng-repeat^="app"] {
  position: relative;
  margin-top: 6px;
  line-height: 23px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 4px;
  font-weight: 500;
}

.monthly-calendar .day-cell > div[ng-repeat^="app"] .status {
  display: inline-block;
  background: #F1F1F1;
  border-radius: 9px;
  height: 9px;
  margin-right: 2px;
  vertical-align: baseline;
  width: 9px;
}

.monthly-calendar .day-cell > div[ng-repeat^="app"] .status.complete {
  background: #8DC63F;
}

.tabbed-container .monthly-calendar .day-cell .icons {
  top: 4px;
  right: 0px;
}

a[ui-sref^=".add"] > .fa-plus-circle {
  line-height: 24px;
  background: #fff;
  border-radius: 100%;
}

.application-row .icons,
.tabbed-container .monthly-calendar .icons {
  position: absolute;
  top: 30px;
  right: 30px;
}

.application-row .icons a,
.tabbed-container .monthly-calendar .icons a {
  margin-left: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px auto;
  background-color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
}

.application-row .icons a[ng-click="deleteApplication(app)"],
.tabbed-container .monthly-calendar .icons a[ng-click="deleteApplication(app)"] {
  background-size: 12px auto;
  background-image: url(../images/icons/icon_delete.svg);
}

.application-row .icons a[ui-sref=".edit({application: app.id})"],
.tabbed-container .monthly-calendar .icons a[ui-sref=".edit({application: app.id})"] {
  background-image: url(../images/icons/icon_edit.svg);
}

.application-row .icons a[ui-sref=".edit({application: app.id, complete: 'true'})"],
.tabbed-container .monthly-calendar .icons a[ui-sref=".edit({application: app.id, complete: 'true'})"] {
  background-size: auto 14px;
  background-image: url(../images/icons/icon_tick_success.svg);
}

.application-row .icons {
  top: auto;
  right: auto;
  bottom: 0px;
  left: 0px;
  background: rgba(255, 255, 255, 0.85);
  padding: 15px 15px 15px 6px;
  margin: 0;
  min-width: 119px;
  border-radius: 0 0 0 1px;
}

.view-settings label {
  display: inline-block;
  padding: 0 10px;
}

.view-settings label input {
  margin-right: 6px;
}

a[ng-click="addProduct()"] .fa {
  color: #8DC63F;
}

a[ng-click^="deleteProduct"] .fa {
  color: #E34A4A;
}

input[type="number"][ng-model="product.app.rate"], input[type="number"][ng-model="product.app.num"] {
  max-width: 140px;
}

.application-form .value-block {
  margin-bottom: 5px;
  padding: 5px;
  width: 13%;
  min-width: 116px;
}

.value-block {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  line-height: 16px;
  margin-right: 3px;
  padding: 2px;
  text-align: center;
}

.value-block.nutrient {
  margin-bottom: 5px;
  padding: 5px;
  min-width: 60px;
  background: #8dc63f;
}

.value-block.nutrient .ng-binding {
  font-weight: 500;
}

a[ng-click="goToNext()"],
div[disabled-button="appForm.$pristine || isInvalid()"] {
  margin-top: 15px;
}

div.calendar .controls {
  text-align: center;
  margin-bottom: 20px;
}

div.calendar .controls span {
  display: inline-block;
  margin: 0;
  font-weight: bold;
  font-size: 18px !important;
  line-height: 23px;
  vertical-align: middle;
}

div.calendar .controls a {
  display: inline-block;
  width: 44px;
  height: 44px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  vertical-align: middle;
  cursor: pointer;
}

div.calendar .controls a i {
  display: none;
}

div.calendar .controls a[ng-click="calendar.prevMonth()"] {
  background-image: url(../images/icons/icon_arrow_left.svg);
}

div.calendar .controls a[ng-click="calendar.nextMonth()"] {
  background-image: url(../images/icons/icon_arrow_right.svg);
}

.graph-section {
  margin-top: 20px;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 20px;
}

.graph-section .graph {
  width: 50%;
  float: left;
  padding-left: 20px;
}

.graph-section .graph.first {
  padding-left: 0;
}

.area-setup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.area-setup .dotted-area-block {
  line-height: 18px;
  width: 27%;
  display: inline-block;
  margin-right: 2%;
  vertical-align: top;
}

.area-setup .dotted-area-block strong {
  font-weight: 600;
  line-height: 20px;
  display: block;
  margin-bottom: 3px;
}

.area-setup .dotted-area-block a {
  float: right;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px auto;
  background-color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
}

.area-setup .dotted-area-block a[ng-click="deleteArea(parent)"] {
  background-image: url(/images/icons/icon_delete.svg);
  background-size: 12px auto;
}

.area-setup .dotted-area-block a[ng-click="editArea(parent)"] {
  background-image: url(/images/icons/icon_edit.svg);
}

.area-setup div.marginT10,
.area-setup .size12 {
  width: 100%;
}

.application-area-modal form[name="areaForm"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.application-area-modal .main-area {
  padding: 20px 0;
}

.application-area-modal .main-area span[ng-show="totalSize()"] {
  padding-left: 15px;
  display: inline-block;
}

.application-area-modal div[value="Save"] {
  width: 100%;
}

.application-area-modal .dotted-area-block {
  width: 48%;
  margin-right: 2%;
  padding: 15px;
}

.application-area-modal .dotted-area-block .delete {
  float: right;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
  background-image: url(/images/icons/icon_delete.svg);
  background-size: 12px auto;
}

.application-area-modal .dotted-area-block .dark-orange {
  margin-bottom: 10px;
}

.application-area-modal .dotted-area-block > div {
  margin-top: 10px;
  font-size: 12px;
}

.application-area-modal .dotted-area-block > div span {
  font-weight: 500;
}

.application-area-modal .dotted-area-block > div .txtfield.name {
  width: 160px;
}

.application-area-modal .dotted-area-block > div .txtfield.width50 {
  width: 98px;
}

.application-area-modal .dotted-area-block > div .txtfield.width50[ng-model="child.size"] {
  width: 80px;
}

.application-area-modal .dotted-area-block a[ng-click="addChild()"] {
  margin: -20px;
  padding: 20px;
  cursor: pointer;
}

.application-area-modal .dotted-area-block a[ng-click="addChild()"] i {
  color: #8DC63F;
}

.setting-block {
  padding: 15px 0;
  border-top: 1px solid #D9D9D9;
  border-bottom: 0 !important;
  display: inline-block !important;
  width: 48%;
}

.setting-block strong {
  font-weight: 600;
  display: block;
}

.setting-block .txtfield.width50 {
  width: 100px;
}

div[value="Save Changes"] {
  padding-top: 20px;
  border-top: 1px solid #D9D9D9;
}

table.resource-list {
  margin-top: 20px;
  width: 100%;
  display: block;
}

table.resource-list tbody {
  width: 100%;
  display: block;
}

table.resource-list tr {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  margin-bottom: 12px;
}

table.resource-list tr td {
  padding: 15px;
  font-weight: 500;
}

table.resource-list tr td:first-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

table.resource-list tr td a.button_shop {
  background-size: 16px;
  background-image: url(/images/icons/icon_download.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  width: 30px;
  height: 30px;
  margin: -5px;
  text-indent: -9999px;
  overflow: hidden;
}

table.resource-list tr td a.deleteDocumentsItem {
  background-image: url(/images/icons/icon_delete.svg);
  background-size: 12px auto;
  cursor: pointer;
}

table.resource-list tr td img {
  margin-right: 14px;
  height: 20px;
  display: inline-block;
}

table.resource-list tr td img[src$="pdf.svg"] {
  margin-top: -1px;
  height: 22px;
  margin-left: 3px;
  margin-right: 17px;
}

.chemical-log-row a,
.coshh-sheet-row a,
.risk-assessment-row a {
  color: #4B4B4B;
}

.hs-right {
  padding: 20px;
}

.hs-right .title {
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  color: #222222;
  margin-bottom: 10px;
}

.hs-right .datepicker {
  margin-top: 5px;
}

.hs-right .size11 {
  font-weight: 600;
  margin-top: 10px;
}

.hs-right form + table.list, .hs-right form + table.reports-table, .hs-right form + table.monthly-budgets {
  margin: 10px 0;
}

.hs-right form + table.list td, .hs-right form + table.reports-table td, .hs-right form + table.monthly-budgets td {
  padding: 10px 5px;
  width: 90px;
}

.hs-right form + table.list td:first-child, .hs-right form + table.reports-table td:first-child, .hs-right form + table.monthly-budgets td:first-child {
  padding: 10px 5px 10px 10px;
  min-width: 74px;
  width: 130px;
}

.hs-right form + table.list td:last-child, .hs-right form + table.reports-table td:last-child, .hs-right form + table.monthly-budgets td:last-child {
  padding: 10px 10px 10px 5px;
  width: 88px;
}

.hs-left,
#profile_right.main-hs-content {
  margin-left: 0;
  width: calc(100% - 350px);
}

@media (max-width: 1199px) {
  .hs-left,
  #profile_right.main-hs-content {
    width: calc(100% - 260px);
  }
}

.hs-left {
  padding-right: 60px;
}

.hs-left .clear, .hs-left .job-board .grid .deckgrid[deckgrid], .job-board .grid .hs-left .deckgrid[deckgrid] {
  clear: none;
}

.hs-left .col.col-left {
  float: left;
  min-width: 50%;
  padding-right: 60px;
}

.hs-left .col.col-right {
  float: right;
  min-width: 50%;
}

.hs-left .col > div {
  line-height: 34px;
  min-height: 44px;
}

.main-title {
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  color: #222222;
  padding-top: 12px;
  margin-bottom: 32px !important;
}

#weather-add {
  padding-top: 20px;
}

#weather-add input {
  min-width: 70px;
}

#ui-datepicker-div {
  z-index: 1060 !important
}

form[action^="index.php?page=resources&action=risk-assessments"] div.marginB10,
form[action^="index.php?page=resources&action=risk-assessments"] div.marginB15, form[action^="index.php?page=resources&action=coshh-sheets"] div.marginB10,
form[action^="index.php?page=resources&action=coshh-sheets"] div.marginB15, form[action^="index.php?page=resources&action=chemical-logs"] div.marginB10,
form[action^="index.php?page=resources&action=chemical-logs"] div.marginB15 {
  display: block;
}

form[action^="index.php?page=resources&action=risk-assessments"] div.marginB10:after,
form[action^="index.php?page=resources&action=risk-assessments"] div.marginB15:after, form[action^="index.php?page=resources&action=coshh-sheets"] div.marginB10:after,
form[action^="index.php?page=resources&action=coshh-sheets"] div.marginB15:after, form[action^="index.php?page=resources&action=chemical-logs"] div.marginB10:after,
form[action^="index.php?page=resources&action=chemical-logs"] div.marginB15:after {
  content: "";
  display: block;
  clear: left;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-form, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-form, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-form__item, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-form__item, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-form__item {
  min-width: 50%;
  margin-bottom: 20px;
  padding-right: 20px;
}

@media (min-width: 1400px) {
  form[action^="index.php?page=resources&action=risk-assessments"] .coshh-form__item, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-form__item, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-form__item {
    min-width: 33.33%;
  }
}

@media (min-width: 1600px) {
  form[action^="index.php?page=resources&action=risk-assessments"] .coshh-form__item, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-form__item, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-form__item {
    min-width: 25%;
  }
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-form__item .floatR, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-form__item .floatR, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-form__item .floatR {
  float: left !important;
}

form[action^="index.php?page=resources&action=risk-assessments"] div.marginB10, form[action^="index.php?page=resources&action=coshh-sheets"] div.marginB10, form[action^="index.php?page=resources&action=chemical-logs"] div.marginB10 {
  margin-bottom: 20px;
}

form[action^="index.php?page=resources&action=risk-assessments"] div.marginB15, form[action^="index.php?page=resources&action=coshh-sheets"] div.marginB15, form[action^="index.php?page=resources&action=chemical-logs"] div.marginB15 {
  margin-bottom: 20px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block {
  margin: 20px 0;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block .marginB15, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block .marginB15, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block .marginB15 {
  clear: left;
  margin-top: 10px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block .marginT15, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block .marginT15, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block .marginT15 {
  margin-top: 5px;
  display: block;
  width: 100%;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block.light-grey-row, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block.light-grey-row, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block.light-grey-row {
  padding: 20px;
  background: #F1F1F1;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block .floatR, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block .floatR, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block .floatR {
  float: left !important;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block > .clear + label.bold, form[action^="index.php?page=resources&action=risk-assessments"] .job-board .grid .coshh-toggle-block > .deckgrid[deckgrid] + label.bold, .job-board .grid form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block > .deckgrid[deckgrid] + label.bold, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block > .clear + label.bold, form[action^="index.php?page=resources&action=coshh-sheets"] .job-board .grid .coshh-toggle-block > .deckgrid[deckgrid] + label.bold, .job-board .grid form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block > .deckgrid[deckgrid] + label.bold, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block > .clear + label.bold, form[action^="index.php?page=resources&action=chemical-logs"] .job-board .grid .coshh-toggle-block > .deckgrid[deckgrid] + label.bold, .job-board .grid form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block > .deckgrid[deckgrid] + label.bold {
  margin-top: 10px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block input[type="radio"] + label,
form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block input[type="checkbox"] + label, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block input[type="radio"] + label,
form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block input[type="checkbox"] + label, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block input[type="radio"] + label,
form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block input[type="checkbox"] + label {
  display: inline-block;
  margin-right: 20px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block .ppe-col, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block .ppe-col, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block .ppe-col {
  margin-right: 20px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block .width252, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block .width252, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block .width252 {
  width: 100%;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block .width252.marginB10, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block .width252.marginB10, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block .width252.marginB10 {
  margin-bottom: 0;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block .toggle, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block .toggle, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block .toggle {
  cursor: pointer;
  width: 100%;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  background: #FFFFFF;
  padding: 12px 14px;
  position: relative;
  z-index: 1;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block .toggle img + div,
form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block .toggle img + span, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block .toggle img + div,
form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block .toggle img + span, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block .toggle img + div,
form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block .toggle img + span {
  display: inline-block;
  font-weight: 600;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block .toggle + .hide, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block .toggle + .hide, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block .toggle + .hide {
  background: #F1F1F1;
  padding: 20px;
  border-radius: 0 0 4px 4px;
  border: 1px solid #d9d9d9;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block .toggle + .hide textarea.txtfield, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block .toggle + .hide textarea.txtfield, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block .toggle + .hide textarea.txtfield {
  width: 100%;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block.light-grey-row .toggle, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block.light-grey-row .toggle, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block.light-grey-row .toggle {
  margin: -20px -20px -21px -20px;
  width: calc(100% + 40px);
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-toggle-block.light-grey-row .toggle + .hide, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-toggle-block.light-grey-row .toggle + .hide, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-toggle-block.light-grey-row .toggle + .hide {
  margin: 19px -20px -21px -20px;
  width: calc(100% + 40px);
}

form[action^="index.php?page=resources&action=risk-assessments"] .floatL.marginR10, form[action^="index.php?page=resources&action=coshh-sheets"] .floatL.marginR10, form[action^="index.php?page=resources&action=chemical-logs"] .floatL.marginR10 {
  margin-right: 10px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-review-dates, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-review-dates, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-review-dates {
  margin-left: 20px;
  text-align: right;
}

form[action^="index.php?page=resources&action=risk-assessments"] .coshh-review-dates .marginL85, form[action^="index.php?page=resources&action=coshh-sheets"] .coshh-review-dates .marginL85, form[action^="index.php?page=resources&action=chemical-logs"] .coshh-review-dates .marginL85 {
  text-align: left;
}

form[action^="index.php?page=resources&action=risk-assessments"] label[for="warningYes"],
form[action^="index.php?page=resources&action=risk-assessments"] label[for="warningNo"],
form[action^="index.php?page=resources&action=risk-assessments"] label[for="spray_type_blanket"],
form[action^="index.php?page=resources&action=risk-assessments"] label[for="spray_type_spot"], form[action^="index.php?page=resources&action=coshh-sheets"] label[for="warningYes"],
form[action^="index.php?page=resources&action=coshh-sheets"] label[for="warningNo"],
form[action^="index.php?page=resources&action=coshh-sheets"] label[for="spray_type_blanket"],
form[action^="index.php?page=resources&action=coshh-sheets"] label[for="spray_type_spot"], form[action^="index.php?page=resources&action=chemical-logs"] label[for="warningYes"],
form[action^="index.php?page=resources&action=chemical-logs"] label[for="warningNo"],
form[action^="index.php?page=resources&action=chemical-logs"] label[for="spray_type_blanket"],
form[action^="index.php?page=resources&action=chemical-logs"] label[for="spray_type_spot"] {
  display: inline-block;
  margin-right: 20px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .clear, form[action^="index.php?page=resources&action=risk-assessments"] .job-board .grid .deckgrid[deckgrid], .job-board .grid form[action^="index.php?page=resources&action=risk-assessments"] .deckgrid[deckgrid], form[action^="index.php?page=resources&action=coshh-sheets"] .clear, form[action^="index.php?page=resources&action=coshh-sheets"] .job-board .grid .deckgrid[deckgrid], .job-board .grid form[action^="index.php?page=resources&action=coshh-sheets"] .deckgrid[deckgrid], form[action^="index.php?page=resources&action=chemical-logs"] .clear, form[action^="index.php?page=resources&action=chemical-logs"] .job-board .grid .deckgrid[deckgrid], .job-board .grid form[action^="index.php?page=resources&action=chemical-logs"] .deckgrid[deckgrid] {
  clear: left;
}

form[action^="index.php?page=resources&action=risk-assessments"] .col.col--weather, form[action^="index.php?page=resources&action=coshh-sheets"] .col.col--weather, form[action^="index.php?page=resources&action=chemical-logs"] .col.col--weather {
  float: left;
  margin-right: 40px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .risk-box, form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box, form[action^="index.php?page=resources&action=chemical-logs"] .risk-box {
  display: block;
}

form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .title, form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .title, form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .title {
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 15px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .title .del-icon, form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .title .del-icon, form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .title .del-icon {
  float: right !important;
}

form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .add-risk, form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .add-risk, form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .add-risk {
  margin-top: 10px;
  font-weight: 600;
}

form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .align, form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .align, form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .align {
  line-height: 34px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .risk-rating div, form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .risk-rating div, form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .risk-rating div {
  float: left;
}

form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .risk-rating.labels, form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .risk-rating.labels, form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .risk-rating.labels {
  color: #fbaa3a;
  font-weight: 600;
  margin-bottom: 5px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .risk-rating.labels div, form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .risk-rating.labels div, form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .risk-rating.labels div {
  text-align: center;
  width: 60px;
  margin-left: 16px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .risk-rating.labels div:first-child, form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .risk-rating.labels div:first-child, form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .risk-rating.labels div:first-child {
  margin-left: 0;
}

form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .risk-rating.labels div.clear, form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .risk-rating.labels .job-board .grid div.deckgrid[deckgrid], .job-board .grid form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .risk-rating.labels div.deckgrid[deckgrid], form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .risk-rating.labels div.clear, form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .risk-rating.labels .job-board .grid div.deckgrid[deckgrid], .job-board .grid form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .risk-rating.labels div.deckgrid[deckgrid], form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .risk-rating.labels div.clear, form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .risk-rating.labels .job-board .grid div.deckgrid[deckgrid], .job-board .grid form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .risk-rating.labels div.deckgrid[deckgrid] {
  margin-bottom: 0;
}

form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .risk-rating.labels div.height1, form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .risk-rating.labels div.height1, form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .risk-rating.labels div.height1 {
  height: 1px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .risk-rating.labels div.width65, form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .risk-rating.labels div.width65, form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .risk-rating.labels div.width65 {
  width: 77px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .risk-rating.labels div.width55, form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .risk-rating.labels div.width55, form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .risk-rating.labels div.width55 {
  width: 72px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .risk-box .risk-rating input, form[action^="index.php?page=resources&action=coshh-sheets"] .risk-box .risk-rating input, form[action^="index.php?page=resources&action=chemical-logs"] .risk-box .risk-rating input {
  margin-left: 4px;
  width: 60px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .col + .clear + .marginB10, form[action^="index.php?page=resources&action=risk-assessments"] .job-board .grid .col + .deckgrid[deckgrid] + .marginB10, .job-board .grid form[action^="index.php?page=resources&action=risk-assessments"] .col + .deckgrid[deckgrid] + .marginB10, form[action^="index.php?page=resources&action=coshh-sheets"] .col + .clear + .marginB10, form[action^="index.php?page=resources&action=coshh-sheets"] .job-board .grid .col + .deckgrid[deckgrid] + .marginB10, .job-board .grid form[action^="index.php?page=resources&action=coshh-sheets"] .col + .deckgrid[deckgrid] + .marginB10, form[action^="index.php?page=resources&action=chemical-logs"] .col + .clear + .marginB10, form[action^="index.php?page=resources&action=chemical-logs"] .job-board .grid .col + .deckgrid[deckgrid] + .marginB10, .job-board .grid form[action^="index.php?page=resources&action=chemical-logs"] .col + .deckgrid[deckgrid] + .marginB10 {
  margin-top: 20px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .marginR20, form[action^="index.php?page=resources&action=coshh-sheets"] .marginR20, form[action^="index.php?page=resources&action=chemical-logs"] .marginR20 {
  margin-right: 20px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .floatL, form[action^="index.php?page=resources&action=coshh-sheets"] .floatL, form[action^="index.php?page=resources&action=chemical-logs"] .floatL {
  float: left;
}

form[action^="index.php?page=resources&action=risk-assessments"] .floatR.ppe, form[action^="index.php?page=resources&action=coshh-sheets"] .floatR.ppe, form[action^="index.php?page=resources&action=chemical-logs"] .floatR.ppe {
  float: left !important;
  margin-right: 40px;
}

form[action^="index.php?page=resources&action=risk-assessments"] textarea[name="notes"], form[action^="index.php?page=resources&action=coshh-sheets"] textarea[name="notes"], form[action^="index.php?page=resources&action=chemical-logs"] textarea[name="notes"] {
  width: 100%;
}

form[action^="index.php?page=resources&action=risk-assessments"] .buttons input[name="delete"], form[action^="index.php?page=resources&action=coshh-sheets"] .buttons input[name="delete"], form[action^="index.php?page=resources&action=chemical-logs"] .buttons input[name="delete"] {
  margin-right: 40px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .freq-checkboxes, form[action^="index.php?page=resources&action=coshh-sheets"] .freq-checkboxes, form[action^="index.php?page=resources&action=chemical-logs"] .freq-checkboxes {
  width: 100%;
  float: left;
}

form[action^="index.php?page=resources&action=risk-assessments"] .freq-checkboxes div, form[action^="index.php?page=resources&action=coshh-sheets"] .freq-checkboxes div, form[action^="index.php?page=resources&action=chemical-logs"] .freq-checkboxes div {
  width: 150px;
  margin-bottom: 5px;
  float: left;
}

form[action^="index.php?page=resources&action=risk-assessments"] .freq-checkboxes div.width70, form[action^="index.php?page=resources&action=coshh-sheets"] .freq-checkboxes div.width70, form[action^="index.php?page=resources&action=chemical-logs"] .freq-checkboxes div.width70 {
  clear: left;
  width: 70px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .freq-checkboxes .clear, form[action^="index.php?page=resources&action=risk-assessments"] .freq-checkboxes .job-board .grid .deckgrid[deckgrid], .job-board .grid form[action^="index.php?page=resources&action=risk-assessments"] .freq-checkboxes .deckgrid[deckgrid], form[action^="index.php?page=resources&action=coshh-sheets"] .freq-checkboxes .clear, form[action^="index.php?page=resources&action=coshh-sheets"] .freq-checkboxes .job-board .grid .deckgrid[deckgrid], .job-board .grid form[action^="index.php?page=resources&action=coshh-sheets"] .freq-checkboxes .deckgrid[deckgrid], form[action^="index.php?page=resources&action=chemical-logs"] .freq-checkboxes .clear, form[action^="index.php?page=resources&action=chemical-logs"] .freq-checkboxes .job-board .grid .deckgrid[deckgrid], .job-board .grid form[action^="index.php?page=resources&action=chemical-logs"] .freq-checkboxes .deckgrid[deckgrid] {
  clear: none;
  display: none;
}

form[action^="index.php?page=resources&action=risk-assessments"] .freq-checkboxes .clear:last-child, form[action^="index.php?page=resources&action=risk-assessments"] .freq-checkboxes .job-board .grid .deckgrid:last-child[deckgrid], .job-board .grid form[action^="index.php?page=resources&action=risk-assessments"] .freq-checkboxes .deckgrid:last-child[deckgrid], form[action^="index.php?page=resources&action=coshh-sheets"] .freq-checkboxes .clear:last-child, form[action^="index.php?page=resources&action=coshh-sheets"] .freq-checkboxes .job-board .grid .deckgrid:last-child[deckgrid], .job-board .grid form[action^="index.php?page=resources&action=coshh-sheets"] .freq-checkboxes .deckgrid:last-child[deckgrid], form[action^="index.php?page=resources&action=chemical-logs"] .freq-checkboxes .clear:last-child, form[action^="index.php?page=resources&action=chemical-logs"] .freq-checkboxes .job-board .grid .deckgrid:last-child[deckgrid], .job-board .grid form[action^="index.php?page=resources&action=chemical-logs"] .freq-checkboxes .deckgrid:last-child[deckgrid] {
  display: block;
  clear: left;
}

form[action^="index.php?page=resources&action=risk-assessments"] .freq-checkboxes label, form[action^="index.php?page=resources&action=coshh-sheets"] .freq-checkboxes label, form[action^="index.php?page=resources&action=chemical-logs"] .freq-checkboxes label {
  display: inline;
}

form[action^="index.php?page=resources&action=risk-assessments"] .area-block, form[action^="index.php?page=resources&action=coshh-sheets"] .area-block, form[action^="index.php?page=resources&action=chemical-logs"] .area-block {
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  background: #FFFFFF;
  padding: 0;
}

form[action^="index.php?page=resources&action=risk-assessments"] .area-block.light-grey-row, form[action^="index.php?page=resources&action=coshh-sheets"] .area-block.light-grey-row, form[action^="index.php?page=resources&action=chemical-logs"] .area-block.light-grey-row {
  padding: 20px;
  background: #F1F1F1;
}

form[action^="index.php?page=resources&action=risk-assessments"] .area-block.light-grey-row .title, form[action^="index.php?page=resources&action=coshh-sheets"] .area-block.light-grey-row .title, form[action^="index.php?page=resources&action=chemical-logs"] .area-block.light-grey-row .title {
  padding: 0;
  margin-bottom: 10px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .area-block > div:first-of-type, form[action^="index.php?page=resources&action=coshh-sheets"] .area-block > div:first-of-type, form[action^="index.php?page=resources&action=chemical-logs"] .area-block > div:first-of-type {
  color: #343434;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  padding: 12px 14px;
  cursor: pointer;
}

form[action^="index.php?page=resources&action=risk-assessments"] .area-block > div:first-of-type strong, form[action^="index.php?page=resources&action=coshh-sheets"] .area-block > div:first-of-type strong, form[action^="index.php?page=resources&action=chemical-logs"] .area-block > div:first-of-type strong {
  display: inline-block;
  width: calc(100% - 40px);
}

form[action^="index.php?page=resources&action=risk-assessments"] .area-block > div img.del-icon, form[action^="index.php?page=resources&action=coshh-sheets"] .area-block > div img.del-icon, form[action^="index.php?page=resources&action=chemical-logs"] .area-block > div img.del-icon {
  float: right;
}

form[action^="index.php?page=resources&action=risk-assessments"] .area-block > div > img.pointer, form[action^="index.php?page=resources&action=coshh-sheets"] .area-block > div > img.pointer, form[action^="index.php?page=resources&action=chemical-logs"] .area-block > div > img.pointer {
  float: left !important;
  margin: 2px 6px 2px 0;
}

form[action^="index.php?page=resources&action=risk-assessments"] .area-block > div .slidedown, form[action^="index.php?page=resources&action=coshh-sheets"] .area-block > div .slidedown, form[action^="index.php?page=resources&action=chemical-logs"] .area-block > div .slidedown {
  background: #F1F1F1;
  width: 100%;
  padding: 20px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .area-block > div .slidedown > .marginT15 + .marginB3,
form[action^="index.php?page=resources&action=risk-assessments"] .area-block > div .slidedown > .clear + .marginB3,
form[action^="index.php?page=resources&action=risk-assessments"] .area-block > div .job-board .grid .slidedown > .deckgrid[deckgrid] + .marginB3,
.job-board .grid form[action^="index.php?page=resources&action=risk-assessments"] .area-block > div .slidedown > .deckgrid[deckgrid] + .marginB3, form[action^="index.php?page=resources&action=coshh-sheets"] .area-block > div .slidedown > .marginT15 + .marginB3,
form[action^="index.php?page=resources&action=coshh-sheets"] .area-block > div .slidedown > .clear + .marginB3,
form[action^="index.php?page=resources&action=coshh-sheets"] .area-block > div .job-board .grid .slidedown > .deckgrid[deckgrid] + .marginB3,
.job-board .grid form[action^="index.php?page=resources&action=coshh-sheets"] .area-block > div .slidedown > .deckgrid[deckgrid] + .marginB3, form[action^="index.php?page=resources&action=chemical-logs"] .area-block > div .slidedown > .marginT15 + .marginB3,
form[action^="index.php?page=resources&action=chemical-logs"] .area-block > div .slidedown > .clear + .marginB3,
form[action^="index.php?page=resources&action=chemical-logs"] .area-block > div .job-board .grid .slidedown > .deckgrid[deckgrid] + .marginB3,
.job-board .grid form[action^="index.php?page=resources&action=chemical-logs"] .area-block > div .slidedown > .deckgrid[deckgrid] + .marginB3 {
  margin-top: 20px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .area-block > div .slidedown .marginT15, form[action^="index.php?page=resources&action=coshh-sheets"] .area-block > div .slidedown .marginT15, form[action^="index.php?page=resources&action=chemical-logs"] .area-block > div .slidedown .marginT15 {
  margin-top: 15px;
}

form[action^="index.php?page=resources&action=risk-assessments"] .area-block > div .slidedown .width25,
form[action^="index.php?page=resources&action=risk-assessments"] .area-block > div .slidedown .width30, form[action^="index.php?page=resources&action=coshh-sheets"] .area-block > div .slidedown .width25,
form[action^="index.php?page=resources&action=coshh-sheets"] .area-block > div .slidedown .width30, form[action^="index.php?page=resources&action=chemical-logs"] .area-block > div .slidedown .width25,
form[action^="index.php?page=resources&action=chemical-logs"] .area-block > div .slidedown .width30 {
  width: 60px;
}

.hs-explanation .title {
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 15px;
}

.hs-explanation .bold {
  font-weight: 600;
}

.budget-top > span i {
  display: none;
}

.budget-top > span select {
  margin-left: 20px;
}

.budget-top > span:first-child {
  float: right;
  padding: 19px;
}

.budget-top .big-buttons a {
  border-radius: 0;
  background: #FFFFFF;
  font-size: 15px;
  color: #767676;
  font-weight: 500;
  line-height: 21px;
  padding: 25px 30px;
  border-right: 1px solid rgba(0, 0, 0, 0.09);
}

@media (min-width: 1400px) {
  .budget-top .big-buttons a {
    font-size: 16px;
  }
}

.budget-top .big-buttons a i {
  display: none;
}

.budget-top + div[ui-view] .tabbed-container .tabs {
  position: static;
  padding-top: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 10px;
}

.budget-top + div[ui-view] .tabbed-container .tabs div[help-video="budget.mp4"] {
  float: right;
  margin-top: 4px;
  margin-right: 30px;
}

.budget-top + div[ui-view] .tabbed-container .tabs ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0 0 0 30px;
  vertical-align: top;
}

.budget-top + div[ui-view] .tabbed-container .tabs ul li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.budget-top + div[ui-view] .tabbed-container .tabs ul li[ng-show="addingBudget.value"] a {
  padding: 2px 12px;
}

.budget-top + div[ui-view] .tabbed-container .tabs ul li a {
  border: 0;
  display: block;
  padding: 8px 18px;
  font-weight: 300;
  color: #000000;
  font-size: 17px;
  line-height: 22px;
}

.budget-top + div[ui-view] .tabbed-container .tabs ul li a i.fa-thumb-tack {
  background: rgba(255, 255, 255, 0.7);
  color: #833BB2;
  margin-right: 10px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: -10px 6px -7px -12px;
  vertical-align: middle;
  display: none;
}

.budget-top + div[ui-view] .tabbed-container .tabs ul li a i.fa-thumb-tack.not-main {
  display: inline-block;
}

.budget-top + div[ui-view] .tabbed-container .tabs ul li a i.fa-times-circle {
  background: #FFFFFF;
  margin-right: 10px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: -10px -12px -7px 10px;
  vertical-align: middle;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(../images/icons/icon_delete.svg);
  background-position: center;
  background-size: 12px auto;
  background-repeat: no-repeat;
}

.budget-top + div[ui-view] .tabbed-container .tabs ul li.selected a {
  font-weight: 600;
  color: #222222;
  background: #fbaa3a;
  border-radius: 18px;
}

.budget-top + div[ui-view] .tabbed-container .tabs > a {
  display: inline-block;
  border-radius: 100px;
  overflow: hidden;
  width: 24px;
  height: 24px;
  background: #8DC63F;
  text-align: center;
  margin-top: 7px;
}

.budget-top + div[ui-view] .tabbed-container .tabs > a i {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 27px;
}

.budget-top + div[ui-view] .tabbed-container .tabs > a i:before {
  content: "\f067";
}

.budget-container {
  position: relative;
}

.budget-container .container .sub-tabs i {
  display: none;
}

.budget-container .container .sub-tabs li {
  padding: 0;
  margin: 0;
}

.budget-container .container .sub-tabs li a {
  background: none;
  border-radius: 0;
  padding: 15px;
}

.budget-container .container .sub-tabs li a.selected {
  color: #222222;
  font-weight: 600;
  background: none;
}

.budget-container .container .content {
  margin-left: 200px;
}

.modal .modal-content .budget-container .container .content {
  margin-left: 0;
}

.budget-container .container .content .clear, .budget-container .container .content .job-board .grid .deckgrid[deckgrid], .job-board .grid .budget-container .container .content .deckgrid[deckgrid] {
  clear: none;
}

.budget-container a {
  color: #4B4B4B;
}

.budget-container span.pointer {
  margin-left: -20px;
}

.budget-container .icons a[href$="add-invoice"] {
  display: inline-block;
  border-radius: 100px;
  overflow: hidden;
  width: 24px;
  height: 24px;
  background: #8DC63F;
  text-align: center;
  vertical-align: top;
}

.budget-container .icons a[href$="add-invoice"] i {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 27px;
}

.budget-container .icons a[href$="add-invoice"] i:before {
  content: "\f067";
}

.budget-container .icons a[ui-sref="^.category.list({category: child.id})"],
.budget-container .icons a[ui-sref="^.category.list({category: category.id})"] {
  color: #833BB2;
  margin-left: 12px;
}

.budget-container .icons a[ng-click="deleteInvoice($index)"] {
  vertical-align: middle;
}

.budget-container .icons a[ui-sref="^.categories.category.edit-invoice({category: invoice.category_id, id: invoice.id})"],
.budget-container .icons a[ui-sref=".notes.list({category: child.id})"],
.budget-container .icons a[ui-sref=".notes.list({category: category.id})"] {
  vertical-align: top;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 10px;
  background-image: url(../images/icons/icon_edit.svg);
}

.budget-container .comparison table td.compared {
  background: rgba(141, 198, 63, 0.35);
}

.budget-container .comparison > div > .column {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 2px);
  text-align: center;
  border-right: 1px solid #D9D9D9;
  padding: 0 10px 20px;
}

.budget-container .comparison > div > .column.oc {
  border-right: 0;
}

.budget-container .search-invoices form {
  padding-bottom: 20px;
}

.budget-container .search-invoices form > span {
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
}

.budget-container .search-invoices input.hasDatepicker {
  width: 100px;
}

.budget-container .search-invoices select {
  width: 160px;
}

.budget-container form[name="categoriesForm"] span[ng-click="toggleEdit()"] {
  position: absolute;
  top: 35px;
  right: 0;
}

table.monthly-budgets tbody tr th {
  background: #F1F1F1;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  padding: 13px 10px;
  color: #4B4B4B;
  border-top: 0;
}

table.monthly-budgets tbody tr th:first-child {
  padding-left: 20px;
}

table.monthly-budgets tbody tr th:last-child {
  padding-right: 20px;
}

table.monthly-budgets .month-column {
  padding: 0;
}

table.monthly-budgets .month-column input {
  text-align: center;
  width: 47px;
  padding: 0px;
}

form[name="monthlyBudgetsForm"] span[ng-click="clearValues()"] {
  cursor: pointer;
  border: 1px solid #D9D9D9;
  padding: 8px 10px;
  border-radius: 3px;
  margin-top: 20px;
}

form[name="monthlyBudgetsForm"] span[ng-click="clearValues()"] i.fa-trash {
  vertical-align: bottom;
  margin-right: 3px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  background-image: url(/images/icons/icon_delete.svg);
  background-size: 12px auto;
}

.category-list-top a[ng-click="toggleAll()"] {
  float: right;
  margin-top: -50px;
}

.category-list-top > span {
  display: inline-block;
  background: rgba(84, 38, 114, 0.07);
  padding: 10px 15px;
  border-radius: 3px;
  font-size: 13px;
  margin-bottom: 20px;
  max-width: calc(100%);
}

@media (min-width: 1400px) {
  .category-list-top > span {
    font-size: 15px;
  }
}

.category-list-top > span strong {
  font-weight: 600;
}

.category-list-top > span > span {
  padding-right: 10px;
  display: inline-block;
}

.category-list-top > span > span:last-child {
  padding-right: 0;
}

.cubeAlert p.error,
.cubeAlert p.danger {
  background: #E34A4A !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
}

.cubeAlert p.success {
  background: #8DC63F !important;
  color: #222222 !important;
  font-weight: 600 !important;
}

.population-left {
  padding-right: 350px;
}

.population-left p img {
  float: left;
  margin-right: 10px;
}

.population-left .button, .population-left .invoice-form .row > div a[ng-click="addSupplier()"], .invoice-form .row > div .population-left a[ng-click="addSupplier()"], .population-left a.hide-area, .population-left .ingredient-list a, .ingredient-list .population-left a, .population-left .popupbox .confirm, .popupbox .population-left .confirm, .population-left .popupbox .decline, .popupbox .population-left .decline, .population-left .budget-top + div[ui-view] .tabbed-container .tabs div[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs .population-left div[help-video="budget.mp4"], .population-left .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] .population-left input, .population-left #table_head .diary_open_all, #table_head .population-left .diary_open_all, .population-left #table_head .diary_close_all, #table_head .population-left .diary_close_all {
  margin-top: 20px;
}

.population-left input[type="file"] {
  margin-left: 20px;
}

.population-left a {
  color: #833BB2;
  font-weight: 500;
}

.upload-area {
  border-bottom: 1px solid #D9D9D9;
  line-height: 30px;
  margin-top: 20px;
  padding-bottom: 20px;
}

.upload-area .dark-orange {
  font-weight: 500;
}

.side-nav .dark-orange:first-child, .hs-right .dark-orange:first-child, .profile_permissions .dark-orange:first-child {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}

.side-nav form .form-item, .hs-right form .form-item, .profile_permissions form .form-item {
  margin-bottom: 15px;
}

.template-list a {
  display: block;
  margin-bottom: 15px;
  color: #4B4B4B;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  padding: 5px;
  background: #FFFFFF;
}

.template-list a img[src$="download.svg"] {
  float: right;
  padding: 7px;
}

.inset {
  background: #F1F1F1;
  padding: 20px;
  border-radius: 4px;
}

.company-page.clearfix {
  margin-left: 360px;
}

.staff-nav-list {
  padding: 0;
  list-style: none;
}

.staff-nav-list li {
  background-color: #FCFCFC;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  padding-right: 120px;
  position: relative;
  margin-bottom: 10px;
  padding: 8px 10px;
  padding-right: 30px;
  cursor: -webkit-grab;
  cursor: grab;
}

.staff-nav-list li strong {
  font-weight: 600;
  display: block;
}

.staff-nav-list li br {
  display: none;
}

.staff-nav-list li a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(../images/icons/icon_edit.svg);
}

.staff-nav-list .ui-sortable-placeholder {
  border: 1px dashed #D9D9D9;
  visibility: visible !important;
  background: #FFFFFF;
}

#old-staff-link {
  font-size: 16px;
  font-weight: 500;
  padding: 10px;
  display: block;
  margin-top: 10px;
  border-bottom: 1px solid #D9D9D9;
  color: #4B4B4B;
  margin-bottom: -1px;
}

#old-staff {
  display: none;
}

#old-staff > div {
  background-color: #FCFCFC;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  padding-right: 120px;
  position: relative;
  margin-bottom: 10px;
  padding: 8px 10px;
  padding-right: 30px;
  font-size: 14px;
  font-weight: 600;
}

#old-staff > div a {
  display: block;
  position: absolute;
  top: 7px;
  right: 8px;
}

.profile_details {
  width: calc(100% - 350px);
  float: left;
}

.profile_details h4 {
  margin-bottom: 10px;
}

.profile_details__section {
  border: 1px solid #D9D9D9;
  background: #FCFCFC;
  border-radius: 4px;
  padding: 10px 15px;
}

.profile_details__section table {
  width: 100%;
}

.profile_details__section table td {
  padding-top: 3px;
  padding-bottom: 3px;
}

.profile_details__section table td:first-child {
  padding-right: 10px;
}

.profile_details__section > .floatL {
  width: calc(50% - 10px);
}

.profile_details__section > .floatL textarea,
.profile_details__section > .floatL input[type="password"],
.profile_details__section > .floatL input[type="text"]:not(.hasDatepicker) {
  width: 100% !important;
}

.profile_details__section > .floatL[style="width: 23%"] {
  font-weight: 500;
}

.profile_details__section > .floatL + .floatL {
  padding-left: 10px;
}

.profile_details__section .separator {
  clear: both;
  margin: 15px -15px;
  border: 0;
  border-top: 1px solid #D9D9D9;
}

.profile_details__section .separator + .floatL {
  font-weight: 500;
}

.profile_details__section .staff-overtime-rates {
  padding-top: 10px;
}

.profile_details__section .staff-overtime-rates > .floatL,
.profile_details__section .staff-overtime-rates > .floatR {
  font-weight: 500;
}

.profile_details__section .staff-overtime-rates > .floatL > div,
.profile_details__section .staff-overtime-rates > .floatR > div {
  padding-top: 10px;
}

.profile_details__section .staff-overtime-rates > .floatL > div:first-child,
.profile_details__section .staff-overtime-rates > .floatR > div:first-child {
  padding-top: 0;
}

.profile_details__section input[name="hourly_rate"] {
  max-width: 120px;
}

.profile_permissions {
  background: none;
  padding-top: 0;
}

.profile_permissions > h4 {
  margin-bottom: 10px;
}

.profile_permissions .presets {
  border: 1px solid #D9D9D9;
  background: #FCFCFC;
  border-radius: 4px;
  padding: 10px 15px;
}

.profile_permissions .presets label {
  display: inline-block;
}

.profile_permissions .presets .custom_permissions {
  margin-left: -15px;
  width: calc(100% + 30px);
  border-top: 1px solid #D9D9D9;
}

.profile_permissions .presets .custom_permissions > div {
  display: none;
  padding: 8px 15px 0;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #D9D9D9;
}

.profile_permissions .presets .custom_permissions > div.custom_area {
  cursor: pointer;
  display: block !important;
  padding: 8px 15px;
  font-weight: 700;
}

.profile_permissions .presets .custom_permissions > div.custom_area img {
  position: relative;
  margin-top: -4px;
}

.profile_permissions .presets .custom_permissions .sub_row:first-child label {
  color: #8DC63F;
}

.company-details {
  width: calc( 50% - 10px);
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
}

.company-details #WeatherCity {
  width: 100%;
  margin: 5px 0;
}

.sys-settings {
  width: calc( 50% - 10px);
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
}

.holiday-year {
  border: 1px solid #D9D9D9;
  background: #FCFCFC;
  border-radius: 4px;
  padding: 10px 15px;
  margin-bottom: 10px;
}

.holiday-year > div > p {
  margin-top: 20px;
  margin-bottom: 0;
}

.holiday-year > div > p label {
  display: inline-block;
}

.holiday-year > div > p label.marginR5 {
  margin-right: 20px;
}

.time-input .dropdowns {
  display: none;
}

.bank-holiday {
  margin-top: 20px;
}

.bank-holiday input[name].datepicker {
  max-width: 125px;
}

.bank-holiday .accordion {
  margin-bottom: 10px;
}

.task-chart .chart-border {
  position: relative;
  border-bottom: 1px solid rgba(112, 112, 112, 0.2);
  overflow-x: scroll;
  white-space: nowrap;
  margin-left: -30px;
  margin-right: -30px;
  width: calc(100% + 60px);
  max-width: calc(100% + 60px);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));
  background: linear-gradient(90deg, #FFFFFF 0, rgba(255, 255, 255, 0)), linear-gradient(90deg, rgba(0, 0, 0, 0.1), transparent);
  background-size: 100px 100%, 20px 100%;
  background-repeat: no-repeat;
  background-attachment: local, scroll;
  background-position: 160px 0;
  -webkit-transition: none;
  transition: none;
}

.task-chart .top-area {
  border-top: 1px solid rgba(110, 110, 110, 0.13);
  background: #F5F5F5;
  -webkit-box-shadow: 0px 3px 4px #6E6E6E22;
          box-shadow: 0px 3px 4px #6E6E6E22;
  margin-left: -30px;
  margin-right: -30px;
  padding: 25px;
  z-index: 5;
  position: relative;
}

.task-chart .top-area .text {
  line-height: 17px;
}

.task-chart .top-area .help-video {
  float: left;
  margin-top: -2px;
}

.task-chart .top-area .complete-all {
  background-color: #F7F7F7;
  cursor: pointer;
  float: right;
  padding: 12px 5px;
}

.task-chart .top-area .complete-all input {
  vertical-align: middle;
}

.task-chart .top-area .buttons {
  border: 0;
  float: right;
  margin: 4px 0 0 15px;
}

.task-chart .top-area .buttons a {
  margin-left: 10px;
}

.task-chart .top-area .buttons a:first-child {
  margin-left: 0;
}

.task-chart .top-area .buttons a i {
  color: #fff;
  margin-right: 2px;
}

body #wrapper .task-chart .top-area .buttons a[ng-click="toggleExpand()"] {
  position: absolute;
  top: 100%;
  left: 5px;
  background: none;
  color: #4b4b4b !important;
  font-weight: 400;
  margin-top: 4px;
}

body #wrapper .task-chart .top-area .buttons a[ng-click="toggleExpand()"]:active, body #wrapper .task-chart .top-area .buttons a[ng-click="toggleExpand()"]:hover, body #wrapper .task-chart .top-area .buttons a[ng-click="toggleExpand()"]:focus {
  background: none !important;
  color: #4b4b4b !important;
}

body #wrapper .task-chart .top-area .buttons a[ng-click="toggleExpand()"] i {
  color: #4b4b4b !important;
}

.task-chart .top-area .expand-chart {
  background: #777;
}

.task-chart .top-area span[perm="planner_task_add"]:before {
  content: "Routines";
  display: inline-block;
  font-weight: 600;
  font-size: 20px;
  background-image: url(../images/icons/routines.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding-left: 40px;
  vertical-align: middle;
}

.task-chart .top-area span[perm="planner_task_add"] > div {
  display: inline-block;
  vertical-align: middle;
}

.task-chart .top-area span[perm="planner_task_add"] > div select {
  margin: 0 15px;
  height: 41px;
  vertical-align: bottom;
}

@media (max-width: 1400px) {
  .task-chart .top-area span[perm="planner_task_add"] > div select {
    max-width: 160px;
  }
}

.task-chart .top-area span[perm="planner_task_add"] > div div[ng-click="addRoutine()"] {
  display: inline-block;
  position: static;
}

@media (max-width: 1400px) {
  .task-chart .top-area span[perm="planner_task_add"] > div div[ng-click="addRoutine()"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.task-chart .top-area span[perm="planner_task_add"] > div div[ng-click="addRoutine()"] .fa {
  display: none;
}

.task-chart .top-area a[ng-click="chartSetup()"] {
  padding: 10px;
  float: right;
  margin-right: -10px;
  margin-left: 10px;
  cursor: pointer;
}

.task-chart .top-area:after {
  content: "";
  display: table;
  clear: both;
}

.task-chart .chart-top {
  background: #fff;
  z-index: 4;
  position: -webkit-sticky;
  position: sticky;
  border-bottom: 1px solid rgba(112, 112, 112, 0.2);
  top: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent)), -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#FFFFFF));
  background: linear-gradient(90deg, #FFFFFF 0, rgba(255, 255, 255, 0)), linear-gradient(90deg, rgba(0, 0, 0, 0.1), transparent), linear-gradient(90deg, #FFFFFF, #FFFFFF);
  background-size: 100px 100%, 20px 100%, 100%;
  background-repeat: no-repeat;
  background-attachment: local, fixed, fixed;
  background-position: 160px 0, 380px 0, center;
}

.task-chart .chart-top > div {
  display: inline-block;
}

.task-chart .chart-top .left-top {
  position: -webkit-sticky;
  position: sticky;
  background: #fff;
  color: black;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  padding: 5px 10px;
  width: 160px;
  z-index: 3;
  left: 0;
  height: 31px;
}

.task-chart .chart-top .right-top {
  height: 31px;
  margin: 0 0 0 21px;
  position: relative;
  width: 1564px;
}

.task-chart .chart-top .right-top div {
  background-image: url(../images/add_task_hours_im.png);
  background-size: 100% auto;
  height: 100%;
  position: relative;
  left: -35px !important;
  width: 1600px;
}

.task-chart .chart-top .time-label {
  float: left;
  font-size: 9px;
  width: 5.55%;
}

.task-chart .chart-area,
.task-chart .chart-top {
  width: 1746px;
}

.task-chart .chart-area.expanded .chart-names,
.task-chart .chart-area.expanded .chart-bars {
  max-height: none;
}

.task-chart .chart-area.expanded .chart-names > div,
.task-chart .chart-area.expanded .chart-bars > div {
  top: 0 !important;
}

.task-chart .chart-area.loading .chart-names {
  height: 100px;
}

.task-chart .chart-area.loading .loading {
  display: block;
}

.task-chart .chart-area + .chart-top {
  display: none;
}

.task-chart .chart-area .loading {
  display: none;
  line-height: 100px;
  text-align: center;
}

.task-chart .chart-area .loading img {
  margin-right: 3px;
}

.task-chart .chart-area .chart-names > div,
.task-chart .chart-area .chart-bars > div {
  position: relative;
  top: 0;
}

.task-chart .chart-area .chart-names {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  color: #000;
  float: left;
  font-size: 11px;
  max-height: 145px;
  width: 160px;
  z-index: 3;
}

.task-chart .chart-area .chart-names > div > div {
  padding: 0;
  background: #f9f9f9;
  height: 45px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.task-chart .chart-area .chart-names > div > div:nth-child(even) {
  background: #fff;
}

.task-chart .chart-area .chart-names > div > div a {
  cursor: pointer;
  color: #333;
  display: block;
  padding: 12px 3px 8px 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
}

.task-chart .chart-area .chart-names > div > div i {
  color: #8DC63F;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.task-chart .chart-area .chart-bars {
  float: left;
  max-height: 145px;
  position: relative;
  width: 1528px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.task-chart .chart-area .chart-bars > div {
  width: 100%;
  left: 26px;
}

.task-chart .chart-area .time-row {
  background: rgba(236, 236, 236, 0.29);
  height: 45px;
  position: relative;
}

.task-chart .chart-area .time-row:nth-child(even) {
  background: transparent;
}

.task-chart .chart-area .time-row:nth-child(even) .shading:first-child:before {
  background: transparent;
}

.task-chart .chart-area .time-row .day-period {
  background: #78EC7C;
  border-left: 1px solid #13BB27;
  border-right: 1px solid #13BB27;
  bottom: 0;
  position: absolute;
  opacity: 0.2;
  top: 0;
  zoom: 1;
  filter: alpha(opacity=20);
}

.task-chart .chart-area .time-row.last {
  margin-bottom: 0;
}

.task-chart .chart-area .time-row .shading {
  float: left;
  height: 45px;
  width: 4.16666666666%;
  border-right: 1px solid rgba(112, 112, 112, 0.13);
}

.task-chart .chart-area .time-row .shading:first-child {
  position: relative;
}

.task-chart .chart-area .time-row .shading:first-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 100px;
  background: rgba(236, 236, 236, 0.29);
  border-right: 1px solid rgba(112, 112, 112, 0.13);
}

.task-chart .chart-area .time-row .row-pointer {
  background: gray;
  display: none;
  height: 20px;
  position: relative;
  width: 1px;
}

.task-chart .chart-area .time-row .time-selector {
  background: yellow;
  display: none;
  height: 20px;
  position: absolute;
}

.task-chart .chart-area .time-row .time-selector .border {
  background: red;
  border: 0 !important;
  height: 20px;
  position: absolute;
  width: 3px;
}

.task-chart .chart-area .block {
  height: auto;
  margin: 7px 0;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
}

.task-chart .chart-area .block .block-content {
  background: #7D7D7D;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: white;
  cursor: pointer;
  line-height: 20px;
  height: 30px;
  white-space: nowrap;
}

.task-chart .chart-area .block .block-content:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(34, 34, 34, 0.25)), to(rgba(34, 34, 34, 0)));
  background: linear-gradient(90deg, rgba(34, 34, 34, 0.25), rgba(34, 34, 34, 0));
}

.task-chart .chart-area .block .block-content > div {
  position: absolute;
  z-index: 2;
}

.task-chart .chart-area .block .block-content .label {
  padding: 5px;
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  padding-right: 0;
}

.task-chart .chart-area .block .block-content .label i {
  margin-right: 2px;
}

.task-chart .chart-area .block .block-content.project.editing {
  background: rgba(251, 170, 58, 0.5) !important;
  border: 1px dashed #E34A4A;
  color: #000;
}

.task-chart .chart-area .block .block-content.project.editing:before {
  display: none;
}

.task-chart .chart-area .block .block-content.project.editing .lighten {
  display: none !important;
}

.task-chart .chart-area .block .block-content.project.no-edit {
  cursor: auto;
}

.task-chart .chart-area .block .block-content.project .lighten {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
}

.task-chart .chart-area .block .block-content.project.hovered .lighten {
  display: block;
}

.task-chart .chart-area .block .block-content.holiday {
  background: #AAA;
  cursor: auto;
}

.task-chart .chart-area .break {
  background: #343434;
  border-radius: 4px;
  color: #FFFFFF;
  margin: 7px 0;
  line-height: 28px;
  height: 30px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  z-index: 2;
}

.task-chart .chart-area .break i {
  font-size: 11px;
}

.task-chart .block-hover {
  background: #FFF;
  border: 1px solid #777;
  border-radius: 5px;
  color: #333;
  max-width: 200px;
  min-width: 80px;
  padding: 10px;
  position: absolute;
  z-index: 12;
}

.task-chart .block-hover p {
  margin-bottom: 0;
}

.task-chart .chart-scroll {
  display: none !important;
}

.task-chart .chart-scroll .left {
  background: #f2f2f2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin-right: 31px;
  min-height: 33px;
  padding: 10px;
  text-align: center !important;
  width: 145px;
}

.task-chart .chart-scroll .left div {
  cursor: pointer;
  margin-top: 7px;
}

.task-chart .chart-scroll .left div select {
  max-width: 100%;
}

.task-chart .chart-scroll .left div i {
  margin-right: 3px;
}

.task-chart .chart-scroll .right {
  float: left;
  margin-top: 15px;
  width: calc(100% - 180px);
}

.task-chart .chart-scroll .leftimg {
  cursor: pointer;
  float: left;
  margin-right: 3px;
}

.task-chart .chart-scroll .rightimg {
  cursor: pointer;
  margin-left: 3px;
}

.task-chart .chart-scroll .holder {
  background: #555;
  border-radius: 8px;
  float: left;
  padding: 2px;
  width: calc(100% - 36px);
  behavior: url(javascript/library/csspie/PIE.htc);
  position: relative;
}

.task-chart .chart-scroll .scroller {
  background: #eaeaea;
  border-radius: 8px;
  cursor: pointer;
  height: 10px;
  behavior: url(javascript/library/csspie/PIE.htc);
  -pie-poll: true;
  position: relative;
  max-width: 100%;
}

.task-chart .scroll-buttons {
  background: white;
  float: right;
  position: relative;
  right: 5px;
  top: -18px;
  padding: 0 5px;
}

.task-chart .scroll-buttons div {
  cursor: pointer;
  float: right;
  height: 12px;
  width: 12px;
}

.task-chart .scroll-buttons span {
  font-size: 10px;
  font-weight: bold;
  margin-right: 10px;
}

.task-chart .scroll-buttons .scroll-up {
  background: url("../images/scroll_up.png");
  margin-right: 5px;
}

.task-chart .scroll-buttons .scroll-down {
  background: url("../images/scroll_down.png");
}

.task-chart .help {
  background: #FFEAEA;
  color: #A90000;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
}

.task-chart .help a {
  color: #A90000;
  font-weight: bold;
}

.task-chart .help i {
  margin-right: 3px;
}

.planner-weekly-buttons {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-shadow: 0 3px 4px rgba(110, 110, 110, 0.13);
          box-shadow: 0 3px 4px rgba(110, 110, 110, 0.13);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
  width: calc(100% + 60px);
}

.planner-weekly-buttons .marginL10 {
  margin-left: 10px;
  margin-right: 10px;
}

.planner-block {
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  font-size: 13px;
  margin: 20px 5px 15px;
  min-height: 120px;
  padding: 30px;
  position: relative;
  width: 100%;
}

.planner-block .title {
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  color: #4B4B4B;
  background-image: url(../images/icons/icon_move.svg);
  background-position: left center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  cursor: move;
  padding-left: 32px;
  margin-bottom: 20px;
}

.planner-block .title + .clear, .planner-block .job-board .grid .title + .deckgrid[deckgrid], .job-board .grid .planner-block .title + .deckgrid[deckgrid] {
  display: none;
}

.planner-block .title.floatR {
  background: none;
  padding: 0;
}

.planner-block table.list, .planner-block table.reports-table, .planner-block table.monthly-budgets {
  clear: both;
}

.planner-block table.list .head td, .planner-block table.reports-table .head td, .planner-block table.monthly-budgets .head td {
  padding-top: 6px;
  padding-bottom: 6px;
}

.planner-block table.list .head td:first-child, .planner-block table.reports-table .head td:first-child, .planner-block table.monthly-budgets .head td:first-child {
  padding: 6px 10px 6px 20px;
}

.planner-block table.list .head td:last-child, .planner-block table.reports-table .head td:last-child, .planner-block table.monthly-budgets .head td:last-child {
  padding: 6px 20px 6px 10px;
}

.planner-block table.list a, .planner-block table.reports-table a, .planner-block table.monthly-budgets a {
  color: #4B4B4B;
}

.planner-block table.list a i, .planner-block table.reports-table a i, .planner-block table.monthly-budgets a i {
  vertical-align: middle;
}

.planner-block textarea[name="daily_notes"] {
  width: 100%;
  min-height: 52px;
}

.planner-block input[name="surface"],
.planner-block input[name="water_usage"],
.planner-block input[name="meter_reading"] {
  min-width: 80px;
}

.planner-block#block-irrigation table.copytext {
  border: 15px solid #f1f1f1;
  background: #f1f1f1 !important;
}

.planner-block#block-irrigation table.copytext br {
  display: none;
}

.planner-block#block-irrigation table.copytext td {
  padding: 10px;
}

.planner-block#block-irrigation table.copytext b, .planner-block#block-irrigation table.copytext .bold {
  font-weight: bold;
  margin-left: 20px;
}

.planner-block#block-irrigation table.copytext b:first-child, .planner-block#block-irrigation table.copytext .bold:first-child {
  margin-left: 0;
}

.planner-block .bubble {
  background: -webkit-gradient(linear, left top, left bottom, from(#FC7465), to(#E82633));
  background: linear-gradient(#FC7465, #E82633);
  color: #FFFFFF;
  font-weight: 600;
  text-align: center;
  border-radius: 100px;
  font-size: 14px;
  width: 34px;
  height: 34px;
  float: right;
  margin-left: 10px;
  line-height: 34px;
}

.ui-sortable-placeholder {
  border: 1px dashed #D9D9D9 !important;
  visibility: visible !important;
}

.cutDirectionEditor {
  margin-bottom: -30px;
}

.cutDirectionEditor input[ng-model="course.title"] {
  min-width: 240px;
}

.cutDirectionEditor .direction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  max-width: 354px;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: -11px;
}

.cutDirectionEditor .direction .direction-button {
  width: 43px;
  opacity: 0.4;
}

.cutDirectionEditor .direction .direction-button.direction-selected {
  opacity: 1;
}

.cutDirectionEditor .areaContainer {
  margin-left: -15px;
  margin-right: -15px;
}

.cutDirectionEditor .areaDetails {
  float: left;
  width: calc(50% - 30px);
  padding: 15px;
  margin: 15px 15px 0;
  border: 1px solid rgba(110, 110, 110, 0.13);
  border-radius: 4px;
}

.cutDirectionEditor .areaDetails .select2-container {
  margin-top: 8px;
}

.cutDirectionEditor .areaDetails .select2-container .select2-choice {
  margin-right: 63px;
}

.cutDirectionEditor .areaDetails .label {
  width: 100%;
  float: left;
  margin-top: 20px;
  font-weight: bold;
  font-size: 14px;
  color: #4B4B4B;
}

.cutDirectionEditor .areaDetails .label:first-child {
  margin-top: 0;
}

.cutDirectionEditor .areaDetails .label:first-child a {
  margin-left: 8px;
}

.cutDirectionEditor .areaDetails > .direction {
  width: 184px;
  float: left;
}

.cutDirectionEditor .areaDetails > .direction + div {
  float: right;
  margin-top: -17px;
}

.cutDirectionEditor .areaDetails > .direction + div .label small {
  display: none;
}

@media (max-width: 1599px) {
  .cutDirectionEditor .areaDetails > .direction + div {
    float: left;
    margin-top: 17px;
    clear: both;
  }
}

.cutDirectionEditor .notes {
  width: 50%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
}

.cutDirectionEditor .notes > .label {
  padding-bottom: 8px;
  font-weight: bold;
  font-size: 14px;
  color: #4B4B4B;
}

.cutDirectionEditor .notes textarea {
  width: 100%;
  min-height: 151px;
  display: block;
}

.cutDirectionEditor:after {
  content: "";
  display: block;
  clear: both;
}

#block-maintenance .toggle,
#block-stock .toggle {
  display: none;
}

#block-maintenance .hide,
#block-stock .hide {
  display: block !important;
  max-height: 300px;
  overflow-y: scroll;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

#block-maintenance .hide tbody tr.head,
#block-stock .hide tbody tr.head {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
}

.direction-button {
  padding: 0;
  margin: 8px;
  border-radius: 4px;
  cursor: pointer;
  opacity: .6;
  -webkit-transition: .3s all linear;
  transition: .3s all linear;
}

.cutDirectionEditor .label {
  margin: 10px 0 5px 0;
}

.cutDirectionEditor .direction .direction-button {
  width: 35px;
}

.cutDirectionEditor .notes {
  margin: 3px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 200px;
}

.cutDirectionEditor .notes .label:first-child, .cutDirectionEditor .areaDetails .label:first-child {
  margin-top: 0;
}

.cutDirectionEditor .notes textarea {
  width: 97%;
  height: calc(100% - 35px);
}

.cutDirectionEditor select, .cutDirectionEditor input {
  padding: 3px 5px;
  border: 1px solid #aaa;
}

.cutDirectionEditor input[type='button'] {
  border: none;
}

.cutDirection > .title:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
  vertical-align: sub;
  background-image: url(/images/icons/icon_direction_green.svg);
}

.cutDirection .direction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  max-width: 142px;
  margin-bottom: 5px;
}

.cutDirection .dotted-area-block {
  background: none;
  border: 0;
  padding: 0;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  /* Hide overflow because we need to remove the bottom border. > Div are translated down by 1px to that ot overflows the bottom pixel, thus hiding the bottom border */
}

.cutDirection .dotted-area-block .course {
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
}

.cutDirection .courseTitle {
  top: auto;
  padding: 0;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}

.cutDirection .areaDirection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -8px;
}

.cutDirection .areaDirection > div {
  position: relative;
  padding: 0 8px 8px 68px;
  min-height: 70px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex: 0 1 50%;
      flex: 0 1 50%;
}

.cutDirection .areaDirection .areaTitle {
  font-weight: bold;
  text-align: left;
}

.cutDirection .areaDirection .dial {
  float: left;
  width: 52px;
  height: 52px;
  position: absolute;
  top: 3px;
  left: 8px;
}

.cutDirection .areaDirection .dial img[src$='_.svg'] {
  display: none;
}

.cutDirection .notes {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  padding: 10px;
  color: #FFFFFF;
}

.cutDirection .notes .label {
  display: none;
}

#profile_right[ng-controller="add-holiday"] .page-title,
#profile_right[ng-controller="add-absence"] .page-title {
  font-weight: bold;
  font-size: 18px !important;
  line-height: 23px;
  padding-top: 30px;
  display: block;
}

.add-absence-top {
  background: #f1f1f1;
  font-size: 12px;
  margin: 15px 0;
  padding: 7px 10px;
}

.add-absence-top .marginT5.center {
  display: block;
  font-weight: bold;
  padding-top: 15px;
}

.add-absence-top .center .bold {
  display: block;
  font-weight: bold;
  padding-top: 9px;
}

.add-absence-top .block {
  border-right: 2px solid #aaa;
  float: left;
  min-height: 50px;
  margin-right: 11px;
  padding-right: 11px;
  width: auto;
}

.add-absence-top .block.last {
  border-right: 0;
  margin-right: 0;
}

.add-absence-top div[ng-show="!state.calcInHours"] {
  padding-left: 10px;
}

.add-absence-top > strong {
  display: block;
  font-weight: bold;
  line-height: 34px;
  padding-right: 15px;
}

.add-absence-top > strong + span {
  padding-right: 10px;
}

.add-absence-top .floatR {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 0;
  margin-left: auto;
  line-height: 34px;
}

.add-absence-top .floatR strong {
  font-weight: bold;
}

div[ng-controller="add-holiday"] .txtfield-small.red,
div[ng-controller="add-absence"] .txtfield-small.red {
  color: #E34A4A !important;
  width: 80px;
  margin: 10px 0;
}

div[ng-controller="add-holiday"] .txtfield.fullwidth,
div[ng-controller="add-absence"] .txtfield.fullwidth {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

div[ng-show="staffSelected()"] form[ng-submit="filterDates()"] {
  display: block;
  margin: 10px 0;
}

div[ng-show="staffSelected()"] form[ng-submit="filterDates()"] .marginR5, div[ng-show="staffSelected()"] form[ng-submit="filterDates()"] .marginR10 {
  margin-right: 10px;
}

div[ng-show="staffSelected()"] table.list + .marginT5, div[ng-show="staffSelected()"] table.reports-table + .marginT5, div[ng-show="staffSelected()"] table.monthly-budgets + .marginT5 {
  margin-top: 10px;
}

ul.exclude-days {
  list-style: none;
  padding: 0;
  width: 80%;
}

ul.exclude-days li {
  display: inline-block;
  margin-right: 3px;
  width: 100px;
  zoom: 1;
}

.calendar-container {
  padding: 5px 0;
}

.calendar-container .links {
  margin-top: 10px;
}

.calendar-container .cal_nav {
  color: #ccc;
}

.calendar-container .cal_nav a {
  color: #4B4B4B;
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  vertical-align: middle;
}

.colour-keys {
  background: #f2f2f2;
  color: #555;
  font-size: 12px;
  line-height: 30px;
  margin-top: 20px;
  padding: 6px 15px;
  border-radius: 4px;
}

.colour-keys .inline-block {
  border-radius: 2px;
}

.colour-keys label {
  cursor: pointer;
  font-size: 12px;
  padding-right: 5px;
}

.colour-keys > div {
  float: right;
}

.colour-keys > div div {
  height: 10px;
  margin: 0 5px -2px 0;
  width: 10px;
  display: inline-block;
}

.colour-keys input {
  margin-right: 40px;
  vertical-align: middle;
}

.colour-keys input:last-child {
  margin-right: 0;
}

table.calendar {
  border-collapse: collapse;
  font-size: 10px;
  margin: 30px 0 10px;
  width: 100%;
}

table.calendar th {
  padding-bottom: 5px;
  text-align: center;
  font-size: 12px;
  font-weight: 200;
  text-transform: uppercase;
  color: #616161;
}

table.calendar td {
  border: 1px solid #ececec;
  height: 70px;
  padding: 5px;
  vertical-align: top;
  width: 107px;
}

table.calendar td a[title="Add Task"] {
  display: block;
  color: #fff;
  background: #8DC63F;
  border-radius: 20px;
  font: normal normal normal 18px/1 FontAwesome;
  margin-right: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  padding: 4px;
  width: 24px;
  height: 24px;
  text-align: center;
}

table.calendar td a[title="Add Task"]:hover, table.calendar td a[title="Add Task"]:active, table.calendar td a[title="Add Task"] :focus {
  opacity: 0.9;
}

table.calendar td a[title="Add Task"]:before {
  content: "\f067";
  display: block;
}

table.calendar td > a {
  float: right;
}

table.calendar td.week-num {
  border: 0;
  font-weight: bold;
  font-size: 12px;
  padding-right: 15px;
  text-align: center;
  vertical-align: middle;
  width: auto;
}

table.calendar td.current {
  background: #e9f7d9;
}

table.calendar td.blank-day {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
}

table.calendar td.blank-day.top {
  border-bottom: 1px solid #ececec;
}

table.calendar td.blank-day.top.last {
  border-right: 1px solid #ececec;
}

table.calendar .day-num {
  margin-bottom: 15px;
}

table.calendar .day-num a {
  color: #666;
}

.calendar-block {
  cursor: pointer;
  float: left;
  margin: 0 5px 2px 0;
  width: 48px;
  padding: 8px 5px;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  border-radius: 4px;
  position: relative;
}

.calendar-block:hover, .calendar-block:active, .calendar-block :focus {
  opacity: 0.9;
}

.calendar-block:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(34, 34, 34, 0.25)), to(rgba(34, 34, 34, 0)));
  background: linear-gradient(90deg, rgba(34, 34, 34, 0.25), rgba(34, 34, 34, 0));
}

.calendar-block:after {
  content: attr(tooltip);
  display: block;
  position: relative;
}

.calendar-tasks-bg {
  background: #81bd41;
}

.calendar-events-bg {
  background: #eb008b;
}

.calendar-holidays-bg {
  background: #f7921c;
}

.calendar-notes-bg {
  background: #808185;
}

.calendar-absences-bg {
  background: #24aadf;
}

.calendar-maintenance-bg {
  background: #a77a50;
}

.daily-list {
  display: none;
}

.daily-list > div {
  margin-bottom: 20px;
}

.daily-list > div > p {
  margin: 0 0 5px 0;
}

.daily-list .add-new {
  background: url(../images/plus.png);
  float: right;
  height: 14px;
  margin: 3px 5px 0 0;
  width: 14px;
}

.daily-list table tr.grey-row {
  background: #efefef;
}

.daily-list table tr.reminder {
  background: #f15944;
  color: white !important;
}

.daily-list table tr.reminder a {
  color: white !important;
}

.daily-list table.list td, .daily-list table.reports-table td, .daily-list table.monthly-budgets td {
  padding: 2px 5px;
}

.daily-list table td a {
  color: #333;
}

.daily-list table td a i {
  margin-right: 3px;
}

.daily-list table td.green a {
  color: #8dc63f;
}

.daily-list table td.green div {
  margin-left: 20px;
  text-indent: -21px;
}

.tooltip {
  background-image: url(../images/tooltip_large_right.png);
  color: white;
  display: none;
  font-size: 10px;
  height: 73px;
  padding: 5px;
  position: absolute;
  width: 160px;
}

.calendarPopup {
  width: 520px;
  margin-left: auto !important;
}

.calendarPopup > .marginT20 {
  border-bottom: 0 !important;
  margin-bottom: -30px !important;
}

.calendarPopup .title {
  float: left;
  font-size: 16px;
  font-weight: bold;
}

.calendarPopup .date-select {
  margin-left: 125px;
  margin-right: 125px;
  text-align: center;
}

.calendarPopup .date-select img {
  margin-top: 3px;
}

.calendarPopup #prev-day img {
  margin-right: 5px;
}

.calendarPopup #next-day img {
  margin-left: 5px;
}

.calendarPopup .filters {
  background: #f2f2f2;
  border-radius: 3px;
  color: #5a5a5a;
  font-size: 12px;
  margin: 20px -28px;
  padding: 5px 28px;
}

.calendarPopup .filters p {
  margin: 0 0 5px 0;
}

.calendarPopup .filter-block {
  float: left;
  padding-right: 35px;
  width: 33.33%;
}

.calendarPopup .filter-block label {
  cursor: pointer;
}

.calendarPopup .filter-block div {
  height: 10px;
  margin-right: 5px;
  width: 10px;
  display: inline-block;
}

.calendarPopup .filter-block input {
  float: right;
  margin-top: 5px;
}

.calendarPopup .list-holder {
  color: #555;
  margin-top: 10px;
}

.calendarPopup .buttons {
  margin-top: 20px;
}

.calendarPopup #day-text {
  font-size: 14px;
}

.calendarPopup #popupAddTask {
  margin-right: 25px;
  margin-top: -4px;
}

img[src="images/plus.png"] {
  max-width: 24px;
}

.tool {
  display: none !important;
  background-image: url(../images/tooltip_large.png);
  background-repeat: no-repeat;
  color: white;
  display: none;
  font-size: 12px;
  height: 92px;
  left: 0;
  line-height: 1.5em;
  padding: 15px 20px;
  position: absolute;
  top: -110px;
  width: 196px;
  z-index: 99999;
}

.tool.reverse {
  background-image: url(../images/tooltip_large_right.png);
  font-size: 10px;
  height: 73px;
  padding: 5px;
  width: 149px;
}

.tool.reverse .toolclose {
  background-size: 75%;
  right: -17px;
  top: -9px;
}

.tool.small {
  background: url(../images/monthly_pop_sml.png) no-repeat;
  font-size: 10px;
  height: 69px;
  line-height: 14px;
  padding: 5px;
  width: 73px;
  word-wrap: break-word;
}

.tool2 {
  position: absolute;
  top: -12px !important;
  left: -115px !important;
  height: 49px;
  width: 120px;
  background-image: url(../images/tooltip-landscape.png);
  background-repeat: no-repeat;
  display: none;
}

.tool2 a {
  position: absolute;
  top: 20px !important;
  right: 10px !important;
}

.tool td {
  text-align: left !important;
  font-size: 10px  !important;
  height: 16px;
}

.tool2 td {
  text-align: left !important;
  font-size: 10px  !important;
  height: 16px;
}

.toolclose {
  width: 30px;
  height: 30px;
  display: block;
  background: url("../images/close.png") no-repeat;
  cursor: pointer;
  position: absolute;
  top: -5px;
  right: 3px;
}

.toolopen {
  cursor: pointer;
}

.task-manager .task-list-row {
  border-bottom: 1px solid #D9D9D9;
  display: block;
  width: 100%;
  cursor: pointer;
  min-height: 49px;
  padding: 0;
}

.task-manager .task-list-row .area-name {
  padding-top: 15px;
  padding-bottom: 15px;
}

.task-manager .task-list-row .area-name img {
  vertical-align: initial;
  margin-top: 1px;
}

.task-manager .task-list-row .floatR {
  margin-top: 8px;
}

.task-manager .task-list-row a[ng-click="editArea(area)"],
.task-manager .task-list-row a[ng-click="editTask(task, true)"] {
  background-image: url(../images/icons/icon_edit.svg);
  display: inline-block;
  width: 34px;
  height: 34px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}

.task-manager .task-list-row a[ng-click="deleteConfirm(area)"],
.task-manager .task-list-row a[ng-click="deleteConfirm(task)"] {
  background-image: url(../images/icons/icon_delete.svg);
  display: inline-block;
  width: 34px;
  height: 34px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}

.task-manager .task-list-row .tasks {
  padding: 12px 15px 10px 30px;
  background: #F1F1F1;
}

.task-manager .task-list-row .tasks .floatL {
  width: 50%;
  float: left;
}

.task-manager .task-list-row .tasks .floatL a[ng-click="editTask(task)"] {
  display: block;
}

.task-manager .task-list-row .tasks .floatL a[ng-click="editTask(task)"] img {
  display: none;
}

.task-manager .task-list-row .tasks .floatL a[ng-click="editTask(task)"]:before {
  content: "";
  background-image: url(../images/icons/icon_edit.svg);
  display: inline-block;
  width: 34px;
  height: 34px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}

.task-manager .tags > div {
  border-radius: 4px;
  background: #F1F1F1;
  padding: 5px 8px 4px 8px;
  font-weight: 500;
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
  border: 1px solid #e4e4e4;
}

.task-manager .tags > div > a {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border-radius: 44px;
  overflow: hidden;
  height: 24px;
  margin-left: 4px;
}

.task-manager .tags > div i.fa-tag {
  vertical-align: middle;
  color: #767676;
  margin-right: 3px;
}

.task-manager .tags + label {
  width: 100%;
  clear: both;
  padding: 15px 0;
}

.task-manager .tags + label .submit {
  display: inline-block;
}

.task-manager .overview-scroll {
  border-top: 1px solid #D9D9D9;
  max-height: 500px;
  overflow-y: auto;
}

.task-manager .view-area .help-text {
  background: #F1F1F1;
  padding: 20px;
  border-radius: 4px;
}

.task-manager .view-area .help-text .heading {
  display: block;
}

.task-manager .view-area .help-text button[ng-click="entity.clearColor()"] + span {
  font-size: 12px;
  display: block;
  padding-top: 3px;
  line-height: 14px;
  width: 210px;
}

.task-manager .view-area .help-text label[ng-show*="jobBoardsTotal"] {
  padding: 10px 0;
}

.task-manager .view-area .help-text + .help-text {
  background: none;
  padding: 20px 0 0;
  border-radius: 0;
}

.task-manager .view-area .help-text + .help-text .heading strong + br + span {
  display: block;
  padding: 10px 0;
  font-style: italic;
}

.task-manager .view-area .help-text .selector-area {
  border-top: 1px solid #D9D9D9;
  height: 347px;
  overflow: auto;
  padding: 10px;
  background: #f1f1f1;
  border-radius: 4px;
  margin: 5px 0 20px;
}

.task-manager .view-area .help-text .selector-area > div {
  float: left;
  line-height: 21px;
  margin-bottom: 3px;
  width: 50%;
}

.task-manager .view-area .help-text .selector-area .time-input {
  display: block;
  margin-bottom: 10px;
}

.task-manager .setup-times .mins {
  float: left;
  width: 100%;
  padding-bottom: 5px;
  max-height: 350px;
  overflow: auto;
}

.task-manager .setup-times .mins div {
  line-height: 20px;
  margin-right: 2%;
  margin-bottom: 15px;
  width: 30%;
  float: left;
}

.task-manager .setup-times .mins div .time-input {
  display: inline-block;
}

.task-manager .setup-times .mins div .spinners input {
  display: inline-block;
  width: 60px;
}

.task-manager .setup-times .button.submit, .task-manager .setup-times .invoice-form .row > div a.submit[ng-click="addSupplier()"], .invoice-form .row > div .task-manager .setup-times a.submit[ng-click="addSupplier()"], .task-manager .setup-times a.submit.hide-area, .task-manager .setup-times .ingredient-list a.submit, .ingredient-list .task-manager .setup-times a.submit, .task-manager .setup-times .popupbox .submit.confirm, .popupbox .task-manager .setup-times .submit.confirm, .task-manager .setup-times .popupbox .submit.decline, .popupbox .task-manager .setup-times .submit.decline, .task-manager .setup-times .budget-top + div[ui-view] .tabbed-container .tabs div.submit[help-video="budget.mp4"], .budget-top + div[ui-view] .tabbed-container .tabs .task-manager .setup-times div.submit[help-video="budget.mp4"], .task-manager .setup-times .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input.submit, .task-chart > .slidedown .task-modal div[perm="planner_task_delete"] .task-manager .setup-times input.submit, .task-manager .setup-times #table_head .submit.diary_open_all, #table_head .task-manager .setup-times .submit.diary_open_all, .task-manager .setup-times #table_head .submit.diary_close_all, #table_head .task-manager .setup-times .submit.diary_close_all {
  clear: both;
}

.task-manager .setup-routines {
  border-top: 1px solid #D9D9D9;
}

.task-manager .setup-routines > div {
  border-bottom: 1px solid #D9D9D9;
  padding-top: 15px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.task-manager .setup-routines > div .header {
  width: 100%;
  margin-bottom: -10px;
}

.task-manager .setup-routines > div .project {
  width: 50%;
  float: left;
}

.task-manager .setup-routines > div .project:nth-child(even) {
  clear: both;
}

.task-manager .setup-routines > div .project em {
  font-weight: 500;
}

.task-manager .setup-routines > div:after {
  content: "";
  display: block;
  clear: both;
}

.task-manager .setup-routines > div a[ng-click="remove(routine)"] {
  display: block;
  float: right;
  cursor: pointer;
}

.task-manager .setup-routines > div a[ng-click="remove(routine)"] i {
  display: none;
}

.task-manager .setup-routines > div a[ng-click="remove(routine)"]:before {
  content: "";
  background-image: url(../images/icons/icon_delete.svg);
  display: inline-block;
  width: 34px;
  height: 34px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}

.color-block {
  border-radius: 3px;
  height: 18px;
  margin: 0 3px;
  width: 18px;
  vertical-align: sub;
  display: inline-block;
}

.break-times-modal ul.breaks {
  padding: 0;
  margin: 0;
}

.break-times-modal ul.breaks li {
  list-style: none;
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.break-times-modal ul.breaks li div {
  margin-bottom: 20px;
}

.break-times-modal ul.breaks li .time > strong {
  width: 100%;
  margin-bottom: 10px;
  display: block;
}

.break-times-modal ul.breaks li .staff-list strong {
  width: 100%;
  margin-bottom: 10px;
  display: block;
}

.break-times-modal ul.breaks li .staff-list label {
  margin-bottom: 3px;
  width: 50%;
  float: left;
}

.break-times-modal ul.breaks li a[ng-click="createNew()"] {
  clear: both;
  float: left;
  margin-top: 15px;
  font-weight: 500;
  cursor: pointer;
}

.break-times-modal ul.breaks li a[ng-click="createNew()"] i {
  vertical-align: sub;
  display: inline-block;
  border-radius: 24px;
  background: #fff;
  height: 24px;
  width: 24px;
}

.break-times-modal ul.breaks li a[ng-click="remove(break)"] {
  display: inline-block;
  height: 24px;
  border-radius: 24px;
  background: #ffff;
  vertical-align: middle;
}

.break-times-modal form[name="breakForm"] input[type="submit"][value="Set Breaks"] {
  -webkit-transition: none;
  transition: none;
}

table.list, table.reports-table, table.monthly-budgets {
  overflow-x: auto;
}

.message-box {
  border: 0 !important;
  margin: 20px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  padding: 10px 12px;
}

.message-box.warning {
  background: #f7eecf;
  color: #8a6a0d;
}

.message-box.error {
  background: #f7cfcf;
  color: #8a0d0d;
}

.message-box.success {
  background: #e8f4d9;
  color: #508601;
}

.course {
  width: calc( 100% + 60px);
  border-top: 1px solid rgba(110, 110, 110, 0.13);
  padding-top: 15px;
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}

.course:nth-child(even) {
  background: #FCFCFC;
}

.course:last-child {
  border-radius: 0 0 4px 4px;
}

.course > .orange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.course > .orange > a {
  display: inline-block;
  margin: 0;
}

.course > .orange > a:last-child {
  margin-left: 8px;
}

.course > .orange > input {
  margin-top: auto;
}

.course > .orange > input + a {
  margin-left: auto;
}

.course:after {
  content: "";
  display: block;
  clear: both;
}

#footer {
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 15px;
  margin-bottom: -20px;
}

#google_translate_element{ top: 9px; right: 5px;}
.goog-te-gadget{font-size: 19px !important;}
.goog-te-gadget-simple{background-color: transparent !important; border: none !important;;}
.goog-te-gadget-icon{display:none !important;}

#footer br,
#footer #google_translate_element,
#footer #showwidgets {
  display: none;
}

#footer #tcs {
  text-align: center;
  font-size: 11px;
}

#footer #tcs a, #footer #tcs br {
  display: none;
}

#footer #copyright {
  text-align: center;
  margin: 0;
  padding: 8px;
}

#footer #copyright a {
  color: #4B4B4B;
  font-size: 12px;
}

#wrapper > .widget {
  display: none;
}

.direction-0 {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 4s ease-in-out;
  transition: 4s ease-in-out;
}

.direction-1 {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-transition: 4s ease-in-out;
  transition: 4s ease-in-out;
}

.direction-2 {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  -webkit-transition: 4s ease-in-out;
  transition: 4s ease-in-out;
}

.direction-3 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 4s ease-in-out;
  transition: 4s ease-in-out;
}

.direction-4 {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
  -webkit-transition: 4s ease-in-out;
  transition: 4s ease-in-out;
}

.direction-5 {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
  -webkit-transition: 4s ease-in-out;
  transition: 4s ease-in-out;
}

.direction-6 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 4s ease-in-out;
  transition: 4s ease-in-out;
}

.direction-button {
  padding: 2px;
  margin: 2px;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

#weatherDisplay {
  border: 0;
  background: transparent;
  padding: 35px 0 20px;
}

.job-board .sidebar #weatherDisplay {
  padding: 0;
  margin: 0;
  color: #ffffff;
}

.section.events > strong.title {
  display: none;
}

.weatherTitle {
  display: none;
}

#btnEditWeather {
  position: absolute;
  top: -9px;
  right: -45px;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background: #fbaa3a;
  color: #4b4b4b;
  text-align: center;
  line-height: 30px;
}

.weatherResults .heading {
  position: relative;
}

.weatherResults .heading img {
  float: left !important;
  width: 50px !important;
  position: absolute;
  left: 0;
}

.weatherResults .heading div {
  padding-left: 65px;
}

.weatherResults .heading div > strong {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
  display: block;
}

.weatherResults .weatherResult__details {
  font-size: 16px;
}

.weatherResults .min, .weatherResults .max {
  font-size: 13px !important;
  font-weight: 600;
}

.weatherResults td[title="Wind Today"],
.weatherResults td[title="Rain Today"] {
  font-size: 12px !important;
  font-weight: 500;
}

.weatherResults tbody > tr > td:first-child .heading div > strong {
  font-weight: 600;
}

.weatherResults .weatherResult {
  border-right: 0 !important;
}

.weatherResults .weatherResult table {
  margin-left: auto;
  margin-right: auto;
}

.weatherResults .weatherResult tr {
  display: block;
  padding-left: 65px;
}

.weatherResults .weatherResult tr:first-child {
  padding-left: 0;
}

.weatherResults .weatherResult tr td {
  display: inline-block;
}

.task-chart > .slidedown {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  outline: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 8;
  pointer-events: none;
}

.task-chart > .slidedown > div {
  min-height: 100%;
}

.task-chart > .slidedown .task-modal {
  pointer-events: all;
  background: #fff;
  border: 0;
  color: #222;
  font-size: 14px;
  margin: auto 0 0 auto;
  padding: 0 20px 20px;
  position: relative;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 460px;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.task-chart > .slidedown .task-modal .page-header {
  display: block;
  margin: 0 -30px;
  width: calc(100% + 60px);
  font-size: 19px;
  line-height: 25px;
  font-weight: 600;
  padding: 27px 28px;
  border-bottom: 1px solid #D9D9D9;
}

.task-chart > .slidedown .task-modal > form {
  margin: 0 -20px;
  padding: 0 20px 20px;
  background: #fff;
}

.task-chart > .slidedown .task-modal .tabbed-container .tabs,
.task-chart > .slidedown .task-modal .nav-tabs,
.task-chart > .slidedown .task-modal .budget-top {
  position: static;
  width: calc(100% + 40px);
  max-width: calc(100% + 40px);
  margin: 0 -20px 20px -20px;
}

.task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons,
.task-chart > .slidedown .task-modal .nav-tabs .buttons,
.task-chart > .slidedown .task-modal .budget-top .buttons {
  position: absolute;
  top: 20px;
  right: 15px;
}

.task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons > div,
.task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons > input,
.task-chart > .slidedown .task-modal .nav-tabs .buttons > div,
.task-chart > .slidedown .task-modal .budget-top .buttons > div,
.task-chart > .slidedown .task-modal .nav-tabs .buttons > input,
.task-chart > .slidedown .task-modal .budget-top .buttons > input {
  display: inline-block;
}

.task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons input[value="Add Project"]:hover, .task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons input[value="Add Project"]:focus, .task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons input[value="Add Project"]:active,
.task-chart > .slidedown .task-modal .nav-tabs .buttons input[value="Add Project"]:hover,
.task-chart > .slidedown .task-modal .budget-top .buttons input[value="Add Project"]:hover,
.task-chart > .slidedown .task-modal .nav-tabs .buttons input[value="Add Project"]:focus,
.task-chart > .slidedown .task-modal .budget-top .buttons input[value="Add Project"]:focus,
.task-chart > .slidedown .task-modal .nav-tabs .buttons input[value="Add Project"]:active,
.task-chart > .slidedown .task-modal .budget-top .buttons input[value="Add Project"]:active {
  color: #4B4B4B !important;
}

.task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons input[value="Cancel"],
.task-chart > .slidedown .task-modal .nav-tabs .buttons input[value="Cancel"],
.task-chart > .slidedown .task-modal .budget-top .buttons input[value="Cancel"] {
  padding: 10px 25px;
  background: #FFFFFF;
  color: #4B4B4B;
  border: 1px solid #D9D9D9;
  line-height: 19px;
  font-size: 16px;
  font-weight: 500;
  display: none;
}

.task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons input[value="Cancel"]:hover, .task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons input[value="Cancel"]:focus, .task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons input[value="Cancel"]:active,
.task-chart > .slidedown .task-modal .nav-tabs .buttons input[value="Cancel"]:hover,
.task-chart > .slidedown .task-modal .budget-top .buttons input[value="Cancel"]:hover,
.task-chart > .slidedown .task-modal .nav-tabs .buttons input[value="Cancel"]:focus,
.task-chart > .slidedown .task-modal .budget-top .buttons input[value="Cancel"]:focus,
.task-chart > .slidedown .task-modal .nav-tabs .buttons input[value="Cancel"]:active,
.task-chart > .slidedown .task-modal .budget-top .buttons input[value="Cancel"]:active {
  color: #4B4B4B !important;
  background: #f2f2f2;
}

.task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons div[perm="planner_task_delete"] input[type=button],
.task-chart > .slidedown .task-modal .nav-tabs .buttons div[perm="planner_task_delete"] input[type=button],
.task-chart > .slidedown .task-modal .budget-top .buttons div[perm="planner_task_delete"] input[type=button] {
  position: absolute;
  top: 0px;
  right: 193px;
  background-color: transparent;
  background-image: url(../images/icons/icon_delete.svg);
  background-position: center;
  background-size: 12px auto;
  background-repeat: no-repeat;
}

.task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons div[perm="planner_task_delete"] input[type=button]:hover, .task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons div[perm="planner_task_delete"] input[type=button]:focus, .task-chart > .slidedown .task-modal .tabbed-container .tabs .buttons div[perm="planner_task_delete"] input[type=button]:active,
.task-chart > .slidedown .task-modal .nav-tabs .buttons div[perm="planner_task_delete"] input[type=button]:hover,
.task-chart > .slidedown .task-modal .budget-top .buttons div[perm="planner_task_delete"] input[type=button]:hover,
.task-chart > .slidedown .task-modal .nav-tabs .buttons div[perm="planner_task_delete"] input[type=button]:focus,
.task-chart > .slidedown .task-modal .budget-top .buttons div[perm="planner_task_delete"] input[type=button]:focus,
.task-chart > .slidedown .task-modal .nav-tabs .buttons div[perm="planner_task_delete"] input[type=button]:active,
.task-chart > .slidedown .task-modal .budget-top .buttons div[perm="planner_task_delete"] input[type=button]:active {
  background-color: transparent;
  background-image: url(../images/icons/icon_delete.svg);
  background-position: center;
  background-size: 12px auto;
  background-repeat: no-repeat;
}

.task-chart > .slidedown .task-modal .tabbed-container .tabs ul li a,
.task-chart > .slidedown .task-modal .nav-tabs ul li a,
.task-chart > .slidedown .task-modal .budget-top ul li a {
  padding: 15px;
}

.task-chart > .slidedown .task-modal .tabbed-container .tabs a,
.task-chart > .slidedown .task-modal .nav-tabs a,
.task-chart > .slidedown .task-modal .budget-top a {
  cursor: pointer;
}

.task-chart > .slidedown .task-modal .sub-tabs ul li {
  margin-right: 15px;
  margin-bottom: 15px;
}

.task-chart > .slidedown .task-modal .sub-tabs ul li a {
  padding: 8px 14px;
  font-size: 15px;
}

.task-chart > .slidedown .task-modal .sub-tabs ul li a[ng-click="addJob()"] {
  font-size: 15px;
}

.task-chart > .slidedown .task-modal .content a {
  color: #833BB2;
}

.task-chart > .slidedown .task-modal .content a u {
  text-decoration: none;
}

.task-chart > .slidedown .task-modal .content a.pointer {
  color: #222222;
}

.task-chart > .slidedown .task-modal .content a.select2-choice {
  color: #222222;
}

.task-chart > .slidedown .task-modal .footer {
  position: relative;
}

.task-chart > .slidedown .task-modal .footer input[value="Add Project"]:hover, .task-chart > .slidedown .task-modal .footer input[value="Add Project"]:focus, .task-chart > .slidedown .task-modal .footer input[value="Add Project"]:active {
  color: #4B4B4B !important;
}

.task-chart > .slidedown .task-modal .footer input[value="Cancel"] {
  padding: 10px 25px;
  background: #FFFFFF;
  color: #4B4B4B;
  border: 1px solid #D9D9D9;
  line-height: 19px;
  font-size: 16px;
  font-weight: 500;
}

.task-chart > .slidedown .task-modal .footer input[value="Cancel"]:hover, .task-chart > .slidedown .task-modal .footer input[value="Cancel"]:focus, .task-chart > .slidedown .task-modal .footer input[value="Cancel"]:active {
  color: #4B4B4B !important;
  background: #f2f2f2;
}

.task-chart > .slidedown .task-modal .footer div[perm="planner_task_delete"] input[type=button] {
  position: static;
  background-color: transparent;
  background-image: url(../images/icons/icon_delete.svg);
  background-position: center;
  background-size: 12px auto;
  background-repeat: no-repeat;
}

.task-chart > .slidedown .task-modal .footer div[perm="planner_task_delete"] input[type=button]:hover, .task-chart > .slidedown .task-modal .footer div[perm="planner_task_delete"] input[type=button]:focus, .task-chart > .slidedown .task-modal .footer div[perm="planner_task_delete"] input[type=button]:active {
  background-color: transparent;
  background-image: url(../images/icons/icon_delete.svg);
  background-position: center;
  background-size: 12px auto;
  background-repeat: no-repeat;
}

.task-chart > .slidedown .task-modal div[perm="planner_task_delete"] input {
  border-top: 0;
  padding: 0;
  margin-right: 10px;
}

.task-chart > .slidedown .task-modal div[value="Save Changes"] {
  border-top: 0;
  padding: 0;
  margin-right: 10px;
}

.task-chart > .slidedown .task-modal div[value="Save Changes"] input:hover, .task-chart > .slidedown .task-modal div[value="Save Changes"] input:focus, .task-chart > .slidedown .task-modal div[value="Save Changes"] input:active {
  color: #4B4B4B !important;
}

.task-chart > .slidedown + .chart-border {
  padding-left: 196px;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
}

.task-modal .footer .complete {
  background-color: #FAFAFA;
  padding: 5px;
}

.task-modal .footer .complete label {
  margin: 0;
}

.task-modal .footer .complete input {
  vertical-align: baseline;
}

.task-modal .footer .submit-holder {
  float: left;
  margin-right: 5px;
}

.task-modal .select2 {
  width: 100%;
}

.task-modal .time-input > i,
.task-modal .label > i {
  color: #8DC63F;
}

.task-modal .jobs .pane.area .input-block {
  margin-bottom: 10px;
}

.task-modal .jobs .pane.area .input-block strong {
  display: block;
  margin-bottom: 5px;
}

.task-modal .jobs .pane.area .input-block a[ng-click="chartSetup()"] {
  display: block;
  line-height: 38px;
  font-weight: 400;
}

.task-modal .jobs .pane.area .input-block a[ng-click="chartSetup()"] i {
  margin-right: 6px;
  vertical-align: sub;
}

.task-modal .jobs .pane.area .label {
  line-height: 20px;
}

.task-modal .jobs .pane.area .label .priority-sort {
  cursor: pointer;
  float: right;
}

.task-modal .jobs .pane.area .label .priority-sort input {
  display: none;
}

.task-modal .jobs .pane.area .label .priority-sort i {
  color: #A9A9A9;
}

.task-modal .jobs .pane.area .label .priority-sort i.selected {
  color: #333;
}

.task-modal .jobs .pane.area .label .priority-sort i.fa-fire {
  margin-right: 3px;
}

.task-modal .jobs .pane.area .label > strong {
  display: block;
  margin-bottom: 3px;
}

.task-modal .jobs .pane.area .checkboxes {
  background: #FAFAFA;
  padding: 8px;
  width: 100%;
  -webkit-column-count: 2;
          column-count: 2;
}

.task-modal .jobs .pane.area .checkboxes label {
  margin-bottom: 5px;
}

.task-modal .jobs .pane.area .checkboxes input {
  vertical-align: middle;
  margin-right: 3px;
}

.task-modal .jobs .pane.area textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 60px;
  width: 100%;
}

.task-modal .jobs .task-list {
  margin-bottom: 10px;
}

.task-modal .jobs .task-list label {
  float: left;
  margin-bottom: 3px;
  width: 50%;
}

@media (max-width: 1024px) {
  .task-modal .jobs .adv-select {
    display: none !important;
  }
}

.task-modal .jobs .simple-select {
  width: 100%;
}

@media (max-width: 1024px) {
  .task-modal .jobs .simple-select {
    display: block !important;
  }
}

.task-modal .jobs .staff-list > div {
  border-bottom: 1px dashed #B7B7B7;
  margin-bottom: 8px;
  padding-bottom: 5px;
}

.task-modal .jobs .staff-list > div.last {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.task-modal .jobs .staff-list .label {
  margin-bottom: 3px;
  -webkit-user-select: none;
}

.task-modal .jobs .staff-list .label i {
  cursor: pointer;
}

.task-modal .jobs .staff-list .label i.fa-arrow-circle-left {
  margin-right: 3px;
}

.task-modal .jobs .staff-list .label i.fa-arrow-circle-right {
  margin-left: 3px;
}

.task-modal .jobs .staff-list .task {
  line-height: 24px;
  margin-bottom: 3px;
}

.task-modal .jobs .staff-list .task .label {
  display: inline-block;
  width: 52%;
}

.task-modal .jobs .staff-list .task .label input {
  vertical-align: middle;
}

.task-modal .jobs .staff-list .task div {
  display: inline-block;
}

.task-modal .jobs .staff-list .note {
  padding: 7px;
  font-style: italic;
  background: #fafafa;
  border-radius: 4px;
}

.task-modal .jobs .staff-list .note strong {
  font-weight: 600;
}

.task-modal .job-items h3 {
  margin-bottom: 15px;
}

.task-modal .job-items .dotted-area-block h4 {
  margin: 0;
}

.task-modal .job-items .dotted-area-block .item-row {
  line-height: 24px;
  margin: 5px 0;
  display: block;
  width: 100%;
  min-height: 40px;
}

.task-modal .job-items .dotted-area-block .item-row .time-input, .task-modal .job-items .dotted-area-block .item-row a {
  float: right;
}

.task-modal .job-items .dotted-area-block .item-row .qty {
  float: right;
}

.task-modal .job-items .dotted-area-block .item-row .qty i {
  margin-right: 3px;
}

.task-modal .job-items .dotted-area-block .item-row span:not(.time-input) input {
  width: 65px;
}

.task-modal .job-items .dotted-area-block .item-row a {
  margin-left: 10px;
}

.task-modal .job-items .input-block {
  margin-bottom: 10px;
}

.task-modal .job-items .manual-stock .select2 {
  width: 49%;
}

.task-modal .job-items .task {
  margin-bottom: 20px;
}

.task-modal .overtimes {
  margin-top: 20px;
}

.task-modal .overtimes > div {
  display: inline-block;
  background-color: #F5F5F5;
  line-height: 32px;
  margin-bottom: 15px;
  margin-right: 0%;
  padding: 4px 8px;
  width: 100%;
  border-radius: 4px;
}

.task-modal .overtimes .time-input {
  margin-left: 5px;
}

.task-modal .overtimes label input {
  vertical-align: middle;
}

.task-modal .template label {
  margin-right: 25px;
}

.task-modal .template label input {
  vertical-align: middle;
}

.task-modal .template P {
  padding: 8px;
}

input.hasDatepicker[style="width:80px;"] {
  min-width: 110px !important;
}

.time-input input {
  width: 65px;
}

.time-input .dropdowns {
  display: none;
}

@media (max-width: 1024px) {
  .time-input .spinners {
    display: none;
  }
  .time-input .dropdowns {
    display: inline-block;
  }
}

.job-board .bg {
  background-image: url(../images/job-board/background.jpg);
  background-size: cover;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 340px;
  right: 0;
  z-index: -1;
}

.job-board .bg:after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.job-board .sidebar {
  background: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#222222));
  background: linear-gradient(#343434, #222222);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07);
  position: fixed;
  top: 0;
  bottom: 0;
  width: 340px;
}

.job-board .sidebar .top {
  background-color: rgba(0, 0, 0, 0.34);
  font-size: 20px;
  padding: 20px;
  color: #FFFFFF;
  text-indent: -9999px;
}

.job-board .sidebar .top img {
  display: none;
}

.job-board .sidebar .top:before {
  content: "";
  display: block;
  background-image: url(/images/logo.svg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 180px;
  height: 43px;
  margin-bottom: 10px;
}

.job-board .sidebar .top .subtext {
  text-indent: 0;
  font-size: 16px;
  margin-top: 5px;
}

.job-board .sidebar .top .datetime {
  float: right;
}

.job-board .sidebar .section {
  font-size: 14px;
  padding: 20px;
  color: white;
}

.job-board .sidebar .section .dotted-area-block {
  margin: 0;
  background: none;
  border: 0;
  padding: 0;
}

.job-board .sidebar .section .title {
  display: block;
  margin: 0 0 20px 0;
  display: block;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 18px;
}

/*
.job-board .sidebar .section.events > .title {
  display: none;
}
*/

.job-board .sidebar .section.notes > .title:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/images/icons/icon_notes_green.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
  vertical-align: sub;
}

.job-board .sidebar .section.notes .dotted-area-block div[ng-if="notes"],
.job-board .sidebar .section.notes .dotted-area-block div[ng-if="!notes"] {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  padding: 10px;
  color: #FFFFFF;
}

.job-board .sidebar .icons {
  bottom: 10px;
  font-size: 18px;
  left: 10px;
  position: absolute;
}

.job-board .sidebar .icons a {
  margin-right: 5px;
  cursor: pointer;
  text-align: center;
}

.job-board .sidebar .icons a i {
  color: rgba(255, 255, 255, 0.4);
}

.job-board .grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 340px;
  padding: 0.5% 0.5% 0;
}

.job-board .grid .card {
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  margin-bottom: 15px;
}

.job-board .grid .card .title {
  background: #FFF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #4B4B4B;
  font-size: 15px;
  padding: 10px 10px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.job-board .grid .card .title strong {
  font-weight: 600;
}

.job-board .grid .card .title small {
  float: right;
  font-size: 13px;
  color: #212121;
}

.job-board .grid .card .projects {
  background: #FFF;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 12px;
  padding: 10px;
}

.job-board .grid .card .projects .project {
  line-height: 18px;
  margin-bottom: 5px;
  padding: 0;
}

.job-board .grid .card .projects .project:last-child {
  margin-bottom: 0;
}

.job-board .grid .card .projects .project.current {
  border-left-color: #fbaa3a;
}

.job-board .grid .card .projects .project.complete {
  border-left-color: #8DC63F;
}

.job-board .grid .card .projects .project:last-child {
  margin-bottom: 0;
}

.job-board .grid .card .projects .project .job {
  margin-bottom: 5px;
  font-weight: 600;
}

.job-board .grid .card .projects .project .job.last {
  margin-bottom: 0;
}

.job-board .grid .card .projects .project .job.first.last .area-name {
  margin-left: 3px;
}

.job-board .grid .card .projects .project .job .area-name {
  display: inline-block;
  background-color: #7d7d7d;
  border-radius: 5px;
  color: #FFF;
  margin-right: 3px;
  padding: 1px 4px;
  vertical-align: bottom;
}

.job-board .grid .card .projects .project .job em {
  margin-right: 3px;
}

.job-board .grid .card .projects .project .job .items {
  font-size: 12px;
  margin-top: 3px;
  margin-left: 20px;
  font-weight: 500;
}

.job-board .grid .card .projects .project .job i {
  margin-right: 2px;
}

.job-board .grid .card .projects .project .job i.fa-times {
  color: #333 !important;
  margin-left: 2px;
}

.job-board .grid .card .projects .project span[ng-show^="project.jobs.length"] {
  font-weight: 600;
}

.job-board .grid .card .projects .project i.fa-cogs:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(../images/icons/icon_jobs_machinery.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: sub;
}

.job-board .grid .card .projects .project i.fa-cubes:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(../images/icons/icon_jobs_applications.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: sub;
}

.job-board .grid .card .projects .project div[ng-show="job.notes"] {
  font-weight: 500;
  padding-top: 2px;
  margin-left: 20px;
}

.job-board .grid .card .projects .project div[ng-show="job.notes"]:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(../images/icons/icon_jobs_notes.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: text-top;
  margin-right: 3px;
}

.job-board .grid .deckgrid[deckgrid]::before {
  content: '1 .column.column-1-1';
  font-size: 0;
  visibility: hidden;
}

.job-board .grid .deckgrid[deckgrid] .column {
  float: left;
  margin: 0 0.5%;
}

.job-board .grid .deckgrid[deckgrid] .column-1-1 {
  width: 99%;
}

.job-board .grid .deckgrid[deckgrid] .column-1-2 {
  width: 49%;
}

.job-board .grid .deckgrid[deckgrid] .column-1-3 {
  width: 32%;
}

.job-board .grid .deckgrid[deckgrid] .column-1-4 {
  width: 24%;
}

.job-board .grid .deckgrid[deckgrid] .column-1-5 {
  width: 19%;
}

@media screen and (min-width: 850px) {
  .job-board .grid .deckgrid[deckgrid]::before {
    content: '2 .column.column-1-2';
  }
}

@media screen and (min-width: 1100px) {
  .job-board .grid .deckgrid[deckgrid]::before {
    content: '3 .column.column-1-3';
  }
}

@media screen and (min-width: 1400px) {
  .job-board .grid .deckgrid[deckgrid]::before {
    content: '4 .column.column-1-4';
  }
}

@media screen and (min-width: 1800px) {
  .job-board .grid .deckgrid[deckgrid]::before {
    content: '5 .column.column-1-5';
  }
}

/* .job-board .sidebar .section:nth-child(odd) {
      background: #F1F1F1;
  } */
/* .job-board .sidebar .weather {
    text-align: center; }
    .job-board .sidebar .weather div {
      border: 1px solid #808080;
      border-radius: 10px;
      box-sizing: border-box;
      display: inline-block;
      margin: 10px 0%;
      padding: 5px;
      text-align: center;
      width: 44%; }
      .job-board .sidebar .weather div.current {
        margin-right: 5%; } */
.job-board .sidebar .events ul {
  font-size: 12px;
}

.job-board .sidebar .events ul li {
  border-bottom: 1px solid #e1e1e1;
  padding: 5px;
  /*&.odd {
                    background: #FFF;
                }*/
}

.job-board .sidebar .events ul li i {
  margin-right: 3px;
}

.job-board .sidebar .events ul li p {
  margin-bottom: 0;
  margin-top: 5px;
}

.job-board .sidebar .events ul li.last {
  border-bottom: 0;
}

.job-board .direction {
  margin-bottom: 10px;
}

.job-board .direction:last-child {
  margin-bottom: 0;
}

.job-board .direction .label {
  font-size: 14px;
  border-radius: 0 5px 5px 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 0 10px;
}

.job-board .direction .icon {
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 25px;
  padding: 10px;
  float: left;
  border-radius: 5px 0 0 5px;
}

.job-board .direction .directionName {
  font-size: 14px;
  color: #007041;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 10px 5px 10px 18px;
}

.select2-container-multi .select2-search-choice-close {
  top: 11px;
}

.ui-select-highlight {
  font-weight: 700;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0 !important;
  top: 0 !important;
}

#table_head {
  margin: 30px 0 10px 0;
  font-size: 15px;
}

#table_head span.cal_nav {
  color: #ccc;
  display: block;
  text-align: right;
}

#table_head span.cal_nav a {
  color: #4B4B4B;
}

#calender {
  width: 100%;
  position: relative;
}

#calender td {
  border-bottom: 1px solid #ccc;
}

#calender .popupbox tr:last-child > td {
  border: none;
}

#calender .noborder td {
  border: none;
}

#c_time {
  padding-top: 10px;
  position: relative;
}

#c_time table {
  width: 100%;
}

#c_time .calendar-date {
  font-size: 14px;
  font-weight: 400;
}

#c_time .calendar-date strong {
  font-weight: 600;
}

#c_time tr td {
  font-weight: 200;
  color: #515151;
  padding: 5px 0;
}

#c_time tr[class^=taskrow] td {
  font-weight: 400;
  color: #4B4B4B;
  vertical-align: middle;
}

#c_time .calrow {
  background-image: url(../images/bg-table3.png);
  background-repeat: repeat;
  background-size: 75.06% auto;
  background-position: -138.25%;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: -moz-crisp-edges;
      image-rendering: -o-pixelated;
      image-rendering: pixelated;
  position: relative;
}

#c_time .calrow:before {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  opacity: 0.4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

#c_time .calrow div {
  position: relative;
  z-index: 1;
}

#c_time .calrow .quick {
  font-size: 15px;
  cursor: pointer;
  padding: 7px;
  background: #D8EDB7;
}

#c_time .calrow .expandable > div {
  max-width: 100% !important;
  width: 100% !important;
}

#c_time .calrow .expandable > div a {
  display: block;
  padding: 6px;
  color: #fff;
  background: #7D7D7D;
}

#c_time .calrow .hidecalrow {
  display: block;
  width: 20px;
  margin: 5px auto;
  cursor: pointer;
}

#c_time .calrow .hidecalrow:before {
  content: "";
  display: block;
  border-width: 0px 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #8DC63F transparent;
}

#c_time .calrow .hidecalrow > img {
  display: none;
}

#c_time td {
  text-align: center;
  font-size: 9px;
  font-weight: bold;
}

#calender .start-half {
  left: 273px;
  width: 285px !important;
}

#calender .end-half {
  width: 229px !important;
}

.colorpicker-visible, .colorpicker-visible .dropdown-menu {
  display: block !important;
}

colorpicker-saturation {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAFJhJREFUeAGMU+/q4kAMzFYf4LgP96a+q4c+gSIqxf/r5maWDoTgz15gmM0kW5uMLa21v2b2G6jAG2iEzqUU6q5c/OlMuHtL/ULNd5TP6EJ1RP7NuXvKE397jmbg7MrzHI748T1UA3eopyGQV2qK1+vVHo/Hm1itVm0J7Q+afwGMmgeRphf7Noh6lCeuHJAvm/X8rAQNlw2VScoj6863OQjl2ZB3qkeu5Lh0RJ3qynuNjJA21FppQAHa8/l83263No5jOxwOttlsbL1e2xIXXpMZzzRsXoTw34bQgLiQbKh6M9SXDBSypn4XGOSkGUO1cJdn1Yh4/qYVgctmGSwXyARNcOSFRuBMHvA1GMzwy+Vix+PRdrvdYrvd2vl87oZYDCxBL9B/jEyopghzlNjL0DlB+gAoPNXyOfa3oA9puXonyVHzdH+g9MEISa5z0qUNkwkm6MJkxALg8mlMAxvNwBfhYLvf7w50vl6vBV9H2e/3BjYateQDY8gM5bmWovygdyEb87k/G5Zz9c/2zfEQFysO5nDJ6mMel91Z//pwFpygIWIaMXE3AoYssPBCI/B12DiONMT5VZxOJ0f+j/MyWo5chYGowfn/j03lNXBpl85Up8d46u6DChBMvKv2UePrrAsChtdLTi73oEBjFDYpmIp/KSgRhRw357sXuHLknRgI8d90F8QL761oI8iQeJqvUOGnAoEkgNblF13iiJASZCwhLkG+v7/Halvt5+enr7x+02lZOwKymJ7jMAXK32RxaXnNxfXzCOkCxTO2I3NiR0i9gAjQLLoVHkKG8pCi0UT4Q0h5xUFIlBJEYmg+1yg6TrUq+YfEWKK0lWsSS8+DkNvCWtvJXu0UbDyH/NYjoDHFybPd/cPeficiW5LvkVdBNY4UoIqOQMwPBXm9vUYIVCj3GkXCCo1tRS//uMhYoVG3q46HaBQtamESTs/+0o92hOTaBbqjBwpu8reCuzAP4rkXpQBzQwbhZxD7jNYEAS4CI2Rg4hLitPUor2hGh6j4hQ5FfWt8LQF+SwyJIpGUV05nu56VHqJhR8ybb+Q+/dnPYZYSigIICvY3xfYxCckz/qazprjDiFJ+5DWVwscaMpSDgkleI2uutaKk5kPFNTqO8pBDlBQZEqKvoJXp7+lxzx7Cuoqp2M7zlrm5JbH/9oZ/GLdzBGf9FNmmvPi+h2FXnm8L5WhdCMJNyr1D6yvKP1rFQYgSjWpteE0JMraEME8ykpzo/0/+wcg5yGHMooegQYIRyXU1i52tCSfn9oSQFH+Fe4jypxs3RHA+xNCcNUZ+BXRg7iu0lhgDAesisSfE6UA0iudz9sNHKChek5eBX9a+FwKkKQ+Nd6JljkLX6B4x2L8hhHOsVdhR4iHEEe1LeWJCSI2tCo9AU3OIKHGgbupv6NvyRciGgMzPPLP5LmhPdKTx8qgSWIXxVkZx8QJihmCvPP8nE6IRXniKT9GThhKF0QkZal3KQYcLgn+s8YwWJiNnLVL4mOz1b+4piM8/+YYb8xNlLoASXqC7c9DCOokhl4RAKgSkCNM9wklBOPL4BIJoblQggsb8Km9W/IlIJkKrPN4xEETPwtS3hczrp8//pxmzpoUIBfeSO8r8/OE59wgTIsnIb4yBj7Cft6pYI8Sbh5TBD749IANSlKPgJQQmrr0uUfjbCnlV/V9OCfLpDc9b0nw4x3bznAbWFAyfUeBLEIhA3uaCKifFyUBg8pg+Ro8nOCVOintKoy0xj5bFvhNCQMAfoUqgc8UwMRot8dWy/qPcDHQk5XkgOPD97//Gl/xC2kKlkhl2V4pMQmAON+22E+4XgIzMKYMSmp7S0ymTcpYEYM6eVjKlJV25HgYguZ6lD1hR4S4byoxRwMUQjm87MYVxrW19nCqbgTD4kSEde7FlxcF4tKDCPu41lBUKa7tjgGuHJuPCwpBPdcONuVTiMEMgbPpugJE0+GIRusL+yD9qGhrP05ClFHfOuppZeV4ZkgyJdJc3dkxh0+8YDBpbsyuxrXYzV4VfmJLFwxdAEq7azIj9Yw9AuUCjEL3I7pD1xgo0BPv5Y2U9MCBvegpGxq9/vK7BftOQssP3ueL+HfJwLkAqVLlgPH9CF7phgMoKj/X8EjiNCtGQHzFU9mM7gsR8W/5wkuZ9ZUKBcYuWdE3qU2YYqLIllfo5aog2m2haKnlsvP30YUHO+3f9Yu2GrNpW2rYV8id2bM/9KxBPc/QgZQT9AlotQRtgSls1pIDADvo+3hL0bXBU0yxqG4Fx2ZshdXSBaEjZYtIdh/uxQDOrpMV/Biatjj8nzRgq8p0Ud6w9fAwwe+9mSJPWUMWzPG+A21ZWG45nhoQp1RdaBZ1WYDteUQ4gffvH1jomTHlkxk9GTDi5AS0YAODxMoRjMiqsjq/MyqvFFJX9buv6+18Y8mwDyFRH7Dj+T1rBtYivRV1v9mHtiKhfD10QrRFdsxor9Z4bgChAtF22fLsv1sfsGL4B0grazi9DygpagZ0A2s2WBMBmLn0de15D11KG5WSAvh20rB92fEIVwk0jdV2qPdyWr4mYuw75NMua7FFtmZxbkN7qi4DSFgaqQjc75GwDwbgBMkMMAPfD6cR1wpl1o7GftDhMMSPaFmm05+Tv/HWW9aQXbMfiBAZ4cNLdnz6hyAyj7ki9oQYYqdYd4h405JRwXs4DhLKozKhzG65449eQ4i5nX2LKXYjCVDcWF58Y0uJvj2EpY2VN79NzjHlVF8E1M2JZxOzW62rIEhhlywoAMMhrS8dFBJhgMJx5aRxg/fv9rSW9WN7LeQxZPn4bo6ExYgppsWNkQIt2pOAU8DAK8Oh/yK7ECM8pCAboJDTRFNsJQ3ZkBdtFXgV+A5qAEasl4sk2WxjOzn9PY6sZ1ZxJD/p9FMwoc1pjLNhEbLd2eX2Kpv6Y+aSCn8OUxhqyGBOwS9fxUiwDPIXfZw2JeNs+hS2/2R6r2Lfv+S/ivt3PG7eHh3S/52EDDD0j5h9rStliJiQLc5/fW9wP0PNcfB77nmVpX6Js2WaOQwb9OrXLJ9UMz7UmuJaAQj7fjxi6V97wIGftsqVMwcGZN2ZTL30fr7IYkL4xpG/9Y9bV677pUYXfrHk5tzuvoS1aRPX9ScV+3+Mn1FU7YMR6GT8LEP38xs2OyzVZRjIz9mWrIV2lTYo6LLk3BKXGKCM47jycKCb4zb4GzBi0g3Ec0a9OsBVQQsp+YwTjo+Mr9C/MQluIJmIkYYvvzpL2RhuiKT1uttTrK+q74p8siUsR64/nlS3XedcfZgY6kfUsv/FOUZfOlwGTfjyPCxjrRDbCvMLr4vCc9kN26pBR7H8KuW0wHZrkYCzj2+z5WbPCoZM2rISeEwop48KRZdhiPtmYLXNSyZs91YAeH06dow/Vpg3o+W9a/hbgPI5jTnvdx5YxZUbrCY1V7De22qProHXrDL/9B8dlHIuM3QQqUxL7d/pLyyqrzKlV6/2O/F/GBXP6ochjYdiKvQ4saA1ddlTvY/bEkY9Wa1iLkEN2JVavOhxHRlvqMF/XAnEVOJgXy3fAhCgY0N8bC0Nnpl8Lw/bt2LnCnsENO6o5r7bMcn2hONzQswSK2WVbphBy2kcjGqqWNRJQfU6ALwFgHTlo41pWWaE+O4V2zuhYZ1jYinTnvVmcC0Oclck+MgTH1jZU9Ty/VWaUIS42JwFPpkiWyDiZafZDygiJTseTIrc/g5v1qYQ6kgVnT48A+bztNN774MD2U8kDphjxaP18nyGzZBGUh7Y9L1uGvIp6Mq3EePVl7Xxf2/pE9gWI2KTFX2J3xx8Z0jWvnv+VhaG6tr8vkccerdTfdvhaXzTlLUM8t6HNIa9a4DfuDYgCWEaUCQ5jBcz2YI43lgqsrRi21F+pRThPhW5NvqLDK0Nw5E7RV7DKjDreX69/ZVY14wGQ8+HN733OxHGci9MKTBlkMNCSMqJA/udFzgg5IWqXKW9pbwvDu9VxFIjREGtHAS1w7rs4bcXtpIEV1t7H9QdgfmPIGrTmKDAW+gmIFHxNaRl3iCKEvYcsjuPAgTEzQ5zO2SHY3q+FX98oqti8casANPRxL19nx34JWZ9XQJ4r+uOLpmwxZxGyZF8Bcb9lf+dUR0zZgjwCigMKmGltbXG/SzZmUzQlxzMzGCdcmVUDEH3OijXp7k5StNVSh7xnV6Nju98+MaTMaMjK+b7xCy2gD1vk+G54eVxM6PEzM2TLqjJk3IdR/4iG7RSF+y1klQk4jqGvb/h4n6TBQwHZ77GYE0alLzZOTOl1+ShiFvUyBYRJIvSC1PFPfYemMoW+EpWXtaznArCLitWSnX6BKnPOLkTWIT/3vB3SEFemqF+m0Bh7ZIoY13m7IfmhfyxNzsu90j/f65Bn5hSoMSHIvPE+nptWAKesbWRY6xJax/NG30AnvS4AAPkVEOuDmHBk3KJ+dsewIt41+3t8+kqRB85Sy82QAmZmpGrfGnfqejZrKlP8Rv+GIZ0nnWi/Ys74kWzs6Ly7INTfYvA4CshcGL6wpSJ8I1/GtLCs9ji0lQG+vgzBOkmInRh2a0Y1If0DYPmr5vTPwIv9hCWPXyBcjUGL+n+PhWEdL9Rhi390Wv2lxeHRjGZbYR0Os7DWgb0f15VVzPd5XVcgClAZ41se8uE/3efT7Eq7oQXk7xpSB3NcrfAYzGmFLUAL1MwYtabPjBeYXhcAAGolA3vSjJkZ88Zdx6+/pzrEaf35x9XeODgANYTlPox167cOfmJMAbnv4+1QGNA6pAwpg8qInhdAPa4GFTjrKQi5XSAsjrsf0qWSb3sjm+M4vQz5fNEaA1TGTMxo9vVu2wIATgWozlfavegXZJ7h/+3dYY7cOA7F8VQnu/e/5u4dtnqRwThD/KA/ywU0Jl9GQGCZkl0yHx9JSW4nGPRxKXuA8RzG/BygfJchBtujW5Ipzso9R5HGA998fC7MCMX2kYyrC+mrwd9z7+n5ZIMM9bODV8kYUjuEoeTPAyPemVxq0feB+cJ/xJYuKj3qFoL3r0khi4uHLEvLJwitTGlA4pz734whA7A+ElO05MEer2vLt9hPRgoQcVQmBUM6oNf7VxPlOXudyl7AYEI3Yk0z4TOYxXyEVDliCvOZp+NH8cmAEXNmevVk1p7fpr89MZyKP1l9xZIXzPmIdPmkkLlrqEL8bpbu8XUBJOTT+psdPAvPMV1LAnOlvgkIfyPoPsjxMxquUV2ncX/do65KmSvOriY70XSF2OecL0A7Yf08eYKMJeiHuFq7hE+A2V3WUGgE7sEKGHFjTuNKwAfp8HPGLRUA4N+GAv8QaOkqr91Yl9E+ActMDb059ktX92PIolQB+Hx9Ta9voeB8y/4A9mmCqjyzMvY5PhjHMchf7REHZNH15xSTIfafLss/R2hABEKmtPK5VwPszNms7xOwLB8VM5RrqZbprier+Ei/cncBZYzxQkCaIdv+uUvr9Mm3ViKmPIwBk0GAL7N0mRFjWh6z/+d0oRrAVGTMMSZwMwP9dOvW6077IcWUufB3cjnXUspxM2l+YvZwf2PHtFI+vEm/YMbhvGIJ/SI7Q4kyJGJVsk9mjIniD7Os27GEPjLiaLE323Nyimu85GXtMhM3kvs3F8BPsr+NISPNpR0WhKuaxvkSkIeu5PpW1rWqSrvnMqn+nvE4TxkymeA5zOnzcZnn34whtD281rb511sX+5mTPGVmrWWZP1vPd31Xix+gvMGcEwO9RycRvdFm7DH1TMB1VbqnQ1enDMYUWfNwtRelN1Nc32KVuIBA3qlxj6GMpZlhPYB4VIzyt4JhFyN+nXs/FH8vy5p7HlMZIjwyiGNGtCluDOrElNXKG+gEeAcw5j4HVygTbBf4qfTt/V7rP+YX5a7B+S1FFxFBvSeMs06/zfVk3f0Zf98gbJJge9WV6bKW9hP7vG8EeHcMUYxKOLkvY4D+WoDGMQO9TAt31oC2mysDAqhwaWBmf5iTACADEPZDZMJunYJG8NU9IburyOhztPgyjOt4igUE+3xW2SCYm7IFPQJ6z9SvclKKD6tchS0uyz4F/gocYDcjPLaRnTBIVzaex+Mp/pxiyXMAknvq5bZOR/vLBhX0oH8r/v6xx6d27x8FAgU3a2RixRCSooshjxUQPyV+zGooKD+PBUSwLmVfAWa09bOgZ9zQAwZMr/AcR1n10mWlHzaoNrv6WAogdazY9iXHUalOt+8FsJ8nt49rHYAMlxWAzBRYBWbATdkAVIujr22vLNd4Z+Z253pdh8quMQuMCp4NHUcA5PjWieDAjqByANJ1gRV0AcQ0yfioe6Rpldm2M6d/WuVHW7isUJ5lUV4yQ5mgC2y4SYGq/t5vjU8b4xmDynxo/TIi6iX7fgRk/ueQbrSMPY+rbrawAlfgFLA1nylSAHRbbjDj/n36ehk8ZBPome5eRZfV8w/lo+hK7Huso1TqgDkskvoat+L/X3QsGoDM2tHouKDcJmPWeT9kobMvXc+dwrkOhtJeK/Nm/XEXaCx01ssAWtc99rUOAJ6Uu/srhrQyWgn2g4K6GOvZL5TBwwSA742/x7ijZF3F7tfNUi7Lh5grvwbisoxwYReZamaf9VC8cWhVsAuV4Y5oYyaNcdAuoPa1TcPQZX3v/y16+N55kyFTGQIxNLcDpwIvFKe7cU7keHd2VMxrhR+Y+WXnx+xsrPbm4Mf+eTMn1mYGaFrjptDj/ZmkmjaXVWv19slxkTXJynCvnIdL8zdZOnn83A9ZFSTAB4VsSpGmyipunCjuGN9liwzZs8ddwQVEyzeyuGPYD7APuOS6o7aO9xWo/P3fbrnF8e5y2+7Lnamvyg8GKNeKog2m2NaW+SjwLCQhlr5/M6DamjnNlAbJLKtBaQZU226Ru2KbCe+Ph6Tk3THb/v5zaRQ7yz4M6usa1HywJU50n+7bgb4Z0sC2XIa8P56+JvvuWHTaa6kgbLn7ELvV9bU76A0+hpTKuh3PoryDwKvrflwx5F/1IMaK9wrK+h3ltf/+bb8d5d8/XdZ//txS/N9hxfdvGNg/ZQT1//4fih7V/hdi/qwAAAAASUVORK5CYII=);
  background-size: contain;
  cursor: crosshair;
  float: left;
}

colorpicker-saturation i {
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #000;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}

colorpicker-saturation i::after {
  content: "";
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #fff;
  border-radius: 5px;
}

colorpicker-alpha, colorpicker-hue {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}

colorpicker-alpha i, colorpicker-hue i {
  display: block;
  height: 2px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}

colorpicker-hue {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEUA/z8AuP//JAAA/33/3AAA/1ABAv8A/7r/AH7/jgD2AP8A//j/AEHmAP/XAP/HAP+4AP//ALyoAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8ATv//AG7/cAD/vgD/APoAmv//ADH/AKwB/wMA5//4Eg4AL///AOr/UQD/nwAA/27/7AAA/+kAe/8Ayf8A/5sA/zEA/6z/ABEAEP8A/17/MgAA/9n/ACL/gAD/AJ0AXP8Aqv//AMoA/yHqFBb/zAD/AGD/ANsA9//1/wDk/wDV/wDF/wC3/wD/AI2m/wD/FACY/wCI/wB5/wBp/wD/YgBb/wBK/wA8/wAs/wAd/wAN/wAAPv8A/xH/AFAAi///rQAA/8r/+gAA1///QwAAH/8Abf8A/43c/JNGAAAAiUlEQVR4AQXBg2EDAAAAsMy2bds2ttp2+/8PTby79mDLsKJPq/oFPdk24dWXAxsGjRg1ZtykKdNmzJozb8GiJct63WjYl7fiWdOZkk0vOpyr2fVtyKl7FX2uXGjpcuxWDy69KdiRk5WRlpIUFxMVERLw78+vH1Unun1YV3ZkwKM1CYfq7nQK22sD03ITV2Aqp0IAAAAASUVORK5CYII=);
  background-size: contain;
}

colorpicker-alpha {
  display: none;
}

.colorpicker-color,
colorpicker-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAMAAACIElGlAAADAFBMVEUAAADT09PT09P////T09P////e3t7q6urT09Px8fHT09P////////T09PT09P////////T09PT09P////////////T09PT09P////////////T09P////T09PT09PT09P////T09PT09P////////////////T09P////T09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09P////T09P////////////T09PT09P////T09P////////////////////T09P////////T09PT09P////////////////////////T09PT09P////////////////////////T09PT09P////T09PT09P////////T09P////////////T09P////////T09P////T09P////T09P////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////////////////T09PT09P////////////T09P////////T09P////T09PT09PT09P////////T09P////////T09P////T09PT09P////////////////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////T09P////T09PT09PT09PT09PT09P////////////////////////////////////T09P////T09P////T09P////T09PT09P////////////T09P////T09P////T09P////////////T09PT09P////////////////T09PT09P////T09P////T09PT09P////T09P////T09PT09P////T09PT09PT09PT09P////T09PT09P////////////T09PT09P////T09P////////T09MQsm1FAAABAHRSTlMAgJN8/vcDAfcCnJyGaZmZlomGk4yJOmM/eTxs8wY0YDFC7HNdLx18n5/7aUvzCcW9+qKiK8P0ZiltRwfdw/n8Px3WduJjItj78ss5PDHUNELbwP5wplA2FglEVwvkqNarCs4Z7b2sDLgQ0xNdyLrr0eLLUeW1Vs5TWQLwjPI3ZvQGdvxFyFrAeevaLCLvGd0kpRskGyf4qK605xKvFrGyDRHnBYMEkJaDkIBvB/gpH99O6CrbIC4nH3Lg2SXp4A7Qul/GDEgPSlMQ6LjqFU0SjyCCj5V/gnBN7xglL3O70WBU7gjFFEfft0sPTo1ndRipwXr2yRemWRVENq+ytbGuxGaWGQAAAnpJREFUeNpNxmdcDHAAxvEHOWXvmXX23ntv2XvvMg/Z44x0KaRBSnfcKSqlnYZKp1QqGpT20KZh783/eePj+3vzw3/q/AM9iURPTy6XS+RwcXNzcZMQTE1dTE3bE7y9S0u9xxD600rCGtpI2ErOsbGxzoiMrIqscnaOi4vDdnp4XYSrguwxQSb7KpMllycnl2MFaTSaTxrY5NrY5BoKb2BnZ2doZ29vb2OPSdSd4Bcc7OcXGhqamgqrYCsrq+mEiEtC3gUBDg55Dg53IkQYSYG+gb6+GEqB5wV0o5D8/JAQdKK5hA40n3BS+L6c0JJmE+ZQW8JEak1YQJ0Jq+jbaQEPnotGE+IrK+Pj+xKqU6pTUrIDAgKysZ+WEY5QQkJxcQIO0WrCUbL4YmFhgZ3UlVAUHR1d1JEwjVoRRpDJKxMTE/ShBoRR1I6whLyyvLyyUFAQFhbWhTCFFArFawXOCu/bEHpQLYKnZ0aGZw2CR1qah0dmpqurK+pTU0ILakJoTi+PC7j5RHTrqQg1qRkh3T3d3b0xoSE1ItSleoSe1IswmIYQPl8UlhLWkaOj41tHbKENBLX6j1qt/KFUKnFN+Onk9NvJCQdJpfqlUqGiIjExcRthN91/JsJmGkhYRO/OCBhHwwgxMWUxZQMIu8j8o7m5OfbRLMJh2kTYQ1FRhYVR2EHzCOtpMmEG3SUsJEvLoKAg2Prb2tqOJYSH+/uH33shwlTaS1hLBwhX6AYX2tuiRwStVntOa5yUZJwEqbREKjUi5Bjl5BhZW1uXWOMYGRBOnNDX1zfoxz1FwwkfSJfgo6vr41P7soBBNJ7Qm2YSzHTMzMwmEHRoMf0Fm5mYOUrzNBYAAAAASUVORK5CYII=);
  background-size: 10px 100%;
}

.colorpicker {
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
}

.colorpicker colorpicker-alpha, .colorpicker colorpicker-hue, .colorpicker colorpicker-saturation {
  position: relative;
}

.colorpicker input {
  width: 100px;
  font-size: 11px;
  color: #000;
  background-color: #fff;
}

.colorpicker.alpha {
  min-width: 140px;
}

.colorpicker.alpha colorpicker-alpha {
  display: block;
}

.colorpicker.dropdown {
  position: absolute;
}

.colorpicker.colorpicker-fixed-position {
  position: fixed;
}

.colorpicker .dropdown-menu::after, .colorpicker .dropdown-menu::before {
  content: "";
  display: inline-block;
  position: absolute;
}

.colorpicker .dropdown-menu::after {
  clear: both;
  border: 6px solid transparent;
  top: -5px;
  left: 7px;
}

.colorpicker .dropdown-menu::before {
  border: 7px solid transparent;
  top: -6px;
  left: 6px;
}

.colorpicker .dropdown-menu {
  position: static;
  top: 0;
  left: 0;
  min-width: 129px;
  padding: 4px;
  margin-top: 0;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.colorpicker-position-top .dropdown-menu::after {
  border-top: 6px solid #fff;
  border-bottom: 0;
  top: auto;
  bottom: -5px;
}

.colorpicker-position-top .dropdown-menu::before {
  border-top: 7px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  top: auto;
  bottom: -6px;
}

.colorpicker-position-right .dropdown-menu::after {
  border-right: 6px solid #fff;
  border-left: 0;
  top: 11px;
  left: -5px;
}

.colorpicker-position-right .dropdown-menu::before {
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 0;
  top: 10px;
  left: -6px;
}

.colorpicker-position-bottom .dropdown-menu::after {
  border-bottom: 6px solid #fff;
  border-top: 0;
}

.colorpicker-position-bottom .dropdown-menu::before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 0;
}

.colorpicker-position-left .dropdown-menu::after {
  border-left: 6px solid #fff;
  border-right: 0;
  top: 11px;
  left: auto;
  right: -5px;
}

.colorpicker-position-left .dropdown-menu::before {
  border-left: 7px solid rgba(0, 0, 0, 0.2);
  border-right: 0;
  top: 10px;
  left: auto;
  right: -6px;
}

colorpicker-preview {
  display: block;
  height: 10px;
  margin: 5px 0 3px;
  clear: both;
  background-position: 0 100%;
}

/**
 *  Print styles
 */
@media print {
  
  .nav-tabs,
  .budget-top, .export-options,
  #header, #scroll_area2, #schedule_left, .expand_content_top, .expand_fullcontent_top, .expand_fullcontent_topa, .expand_content_down, .expand_fullcontent_down, #footer {
    display: none;
  }
  #wrapper {
    margin-left: 0 !important;
  }
  #content {
    padding-top: 0 !important;
  }
  div[ng-controller=reports] {
    width: 100%;
  }
  a.hide-area,
  a.button,
  .invoice-form .row > div a[ng-click="addSupplier()"],
  a.hide-area,
  .ingredient-list a,
  .popupbox a.confirm,
  .popupbox a.decline,
  #table_head a.diary_open_all,
  #table_head a.diary_close_all {
    display: none !important;
  }
  .report-chart-border {
    page-break-inside: avoid;
  }
  .accordion-content-spacing div[three-columns] > div.floatL > div[ng-repeat="row in data"] {
    width: 2in;
  }
  .report-chart-border div[chart] svg {
    width: 100%;
    margin: 0 auto;
  }
  .report-chart-border div[chart] .highcharts-container {
    width: 100% !important;
  }
  #wrapper {
    margin: 0 !important;
    background: none !important;
  }
  #wrapper, .dashboard {
    padding: 0 !important;
  }
  #content {
    padding-top: 0 !important;
  }
  .report-title {
    clear: both;
    width: 100%;
  }
  .three-columns-overflow {
    max-height: none !important;
    clear: both;
    width: 100%;
  }
}

.paddingL5
{
  margin-top:20px;
}

.ui-autocomplete {
	z-index: 1000;
}

/* SLOW FLASH */

@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Opera */

.slowFlash {
    background-color: red;
    padding: 15px 15px 15px 15px;
    text-align:center;
    margin-bottom: 4px;
    font-size: 24px;
    border-radius: 5px;
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out; 
    -moz-animation:blink normal 1.5s infinite ease-in-out; /* Firefox */
    -webkit-animation:blink normal 1.5s infinite ease-in-out; /* Webkit */
    -ms-animation:blink normal 1.5s infinite ease-in-out; /* IE */
    animation:blink normal 1.5s infinite ease-in-out; /* Opera */
}

/* END SLOW FLASH */

.staff-avatar {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	margin-right: 8px;
}

img.staff-avatar {
	object-fit: cover;
}

div.staff-avatar {
	background-color: #4a90a4;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
}

/*# sourceMappingURL=styles.css.map */