/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(assets/chosen-sprite.8b55a822e72b8fd5e2ee069236f2d797.png) -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url(assets/chosen-sprite.8b55a822e72b8fd5e2ee069236f2d797.png) no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url(assets/chosen-sprite.8b55a822e72b8fd5e2ee069236f2d797.png) no-repeat 100% -20px;
  background: url(assets/chosen-sprite.8b55a822e72b8fd5e2ee069236f2d797.png) no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(assets/chosen-sprite.8b55a822e72b8fd5e2ee069236f2d797.png) -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url(assets/chosen-sprite.8b55a822e72b8fd5e2ee069236f2d797.png) no-repeat -30px -20px;
  background: url(assets/chosen-sprite.8b55a822e72b8fd5e2ee069236f2d797.png) no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url(assets/chosen-sprite@2x.614fad616d014daf5367e068505cad35.png) !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
@font-face {
	font-family: 'icomoon';
	src:url(assets/icomoon.2158c77a19944765232471eda13ba312.eot);
	src:url(assets/icomoon.2158c77a19944765232471eda13ba312.eot?#iefix-7s5x2j) format('embedded-opentype'),
		url(assets/icomoon.73358d34be307415efd5c07ffe55e606.woff) format('woff'),
		url(assets/icomoon.015848c1c6c4719560ed7eb9e79c7c74.ttf) format('truetype'),
		url(assets/icomoon.a7c5b7efbb2e6a8e6ebd870458e94706.svg#icomoon) format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-accordion:before {
	content: "\E624";
}
.icon-tree:before {
	content: "\E623";
}
.icon-contact_edit:before {
	content: "\E61A";
}
.icon-arrow_right:before {
	content: "\E612";
}
.icon-arrow_left:before {
	content: "\E611";
}
.icon-page:before {
	content: "\E600";
}
.icon-arrow_up:before {
	content: "\E60E";
}
.icon-arrow_down:before {
	content: "\E60F";
}
.icon-content:before {
	content: "\E601";
}
.icon-contact:before {
	content: "\E602";
}
.icon-settings:before {
	content: "\E603";
}
.icon-star:before {
	content: "\E604";
}
.icon-checkbox:before {
	content: "\E610";
}
.icon-media:before {
	content: "\E605";
}
.icon-help:before {
	content: "\E606";
}
.icon-cross:before {
	content: "\E607";
}
.icon-reorder:before {
	content: "\E608";
}
.icon-media_edit:before {
	content: "\E609";
}
.icon-save:before {
	content: "\E60A";
}
.icon-product:before {
	content: "\E60B";
}
.icon-orders:before {
	content: "\E60C";
}
.icon-dotdotdot:before {
	content: "\E60D";
}
.icon-office:before {
	content: "\E621";
}
.icon-copy:before {
	content: "\E61D";
}
.icon-tag:before {
	content: "\E629";
}
.icon-tags:before {
	content: "\E61E";
}
.icon-coin:before {
	content: "\E61F";
}
.icon-credit:before {
	content: "\E620";
}
.icon-phone:before {
	content: "\E625";
}
.icon-pushpin:before {
	content: "\E626";
}
.icon-location:before {
	content: "\E627";
}
.icon-location2:before {
	content: "\E628";
}
.icon-calendar:before {
	content: "\E613";
}
.icon-disk:before {
	content: "\E61B";
}
.icon-user:before {
	content: "\E619";
}
.icon-users:before {
	content: "\E616";
}
.icon-user2:before {
	content: "\E622";
}
.icon-search:before {
	content: "\E615";
}
.icon-lock:before {
	content: "\E618";
}
.icon-stats:before {
	content: "\E614";
}
.icon-link:before {
	content: "\E617";
}
.icon-checkmark:before {
	content: "\E61C";
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(assets/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.f7fb71321b27d75a33c5c2dbbe217ec7.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(assets/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.9221cc3d89780d4785d8504be122a303.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(assets/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.c573a20a3a9c96de2fc7d1ad2ef07da7.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(assets/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.2fdbf25c9ba247df7b74fbb0137c4bca.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(assets/rZPI2gHXi8zxUjnybc2ZQFKPGs1ZzpMvnHX-7fPOuAc.89adb9a23daa33126b0b65e2d650c0df.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(assets/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.39c04b1c25c34280adbe76749e689f2f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(assets/t85RP2zhSdDjt5PhsT_SnlKPGs1ZzpMvnHX-7fPOuAc.054723118780bc834dce3e6497ce673e.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(assets/lEjOv129Q3iN1tuqWOeRBgLUuEpTyoUstqEm5AMlJo4.aeec7c83433d8085dc2967a24ba74b62.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(assets/cT2GN3KRBUX69GVJ2b2hxn-_kf6ByYO6CLYdB4HQE-Y.fc5264c1e07e488cc99abdc6a42b71f6.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(assets/1KWMyx7m-L0fkQGwYhWwuuvvDin1pK8aKteLpeZ5c0A.88340f48c0c5231710428790e1241c49.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(assets/AcvTq8Q0lyKKNxRlL28Rn4X0hVgzZQUfRDuZrPvH3D8.fe53aeaa70543e323157102823189e35.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(<D-r>HkF_qI1x_noxlxhrhMQYEJBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'my-apiary';
  src:  url(assets/my-apiary.5a5f4435adcc383fff0e3b2c97773417.eot);
  src:  url(assets/my-apiary.5a5f4435adcc383fff0e3b2c97773417.eot#iefix) format('embedded-opentype'),
    url(assets/my-apiary.384b5e6984b42d9d74358911d8e88efb.ttf) format('truetype'),
    url(assets/my-apiary.235360b626d3a8a1ac647bad5ca9c702.woff) format('woff'),
    url(assets/my-apiary.2d8989c9b62319f4dfaf4c7020f45846.svg#my-apiary) format('svg');
  font-weight: normal;
  font-style: normal;
}

.apiary-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'my-apiary' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.apiary-icon-sort-alpha-asc:before {
  content: "\EA48";
}
.apiary-icon-sort-alpha-desc:before {
  content: "\EA49";
}
.apiary-icon-sort-amount-asc:before {
  content: "\EA4C";
}
.apiary-icon-sort-amount-desc:before {
  content: "\EA4D";
}
.apiary-icon-nuc_hollow:before {
  content: "\E91C";
}
.apiary-icon-top_splits_hollow:before {
  content: "\E91D";
}
.apiary-icon-nuc-trace:before {
  content: "\E91B";
}
.apiary-icon-pallet-trace:before {
  content: "\E91A";
}
.apiary-icon-hives-trace:before {
  content: "\E919";
}
.apiary-icon-icon-arrow-down:before {
  content: "\E606";
}
.apiary-icon-icon-arrow-up:before {
  content: "\E607";
}
.apiary-icon-edit:before {
  content: "\E612";
}
.apiary-icon-cross:before {
  content: "\E613";
}
.apiary-icon-info:before {
  content: "\E614";
}
.apiary-icon-bell:before {
  content: "\E900";
}
.apiary-icon-burger-menu:before {
  content: "\E901";
}
.apiary-icon-map-resize:before {
  content: "\E902";
}
.apiary-icon-clock:before {
  content: "\E903";
}
.apiary-icon-eye:before {
  content: "\E904";
}
.apiary-icon-sites:before {
  content: "\E905";
}
.apiary-icon-schedule:before {
  content: "\E906";
}
.apiary-icon-tachometer:before {
  content: "\E907";
}
.apiary-icon-list:before {
  content: "\E908";
}
.apiary-icon-search:before {
  content: "\E909";
}
.apiary-icon-help:before {
  content: "\E90A";
}
.apiary-icon-logout:before {
  content: "\E90B";
}
.apiary-icon-left-arrow-circle:before {
  content: "\E90C";
}
.apiary-icon-right-arrow-circle:before {
  content: "\E90D";
}
.apiary-icon-arrow-up:before {
  content: "\E90E";
}
.apiary-icon-arrow-down:before {
  content: "\E90F";
}
.apiary-icon-minus-circle:before {
  content: "\E910";
}
.apiary-icon-plus-circle:before {
  content: "\E911";
}
.apiary-icon-supers:before {
  content: "\E912";
}
.apiary-icon-truck:before {
  content: "\E913";
}
.apiary-icon-treatment:before {
  content: "\E914";
}
.apiary-icon-document:before {
  content: "\E915";
}
.apiary-icon-biohazard:before {
  content: "\E916";
}
.apiary-icon-bin:before {
  content: "\E9AC";
}
.apiary-icon-checkmark:before {
  content: "\EA10";
}
.apiary-icon-depots:before {
  content: "\E917";
}
.apiary-icon-sites-hive:before {
  content: "\E918";
}
/* Refactor the CSS into something useable here?! */

body {
    color: #222;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 1.231;
    padding: 0 !important;
    /*background: #e8e9eb;*/
    background-color: #fff;
}

/*
 * General UI
 */
/* Headings - reviewme */
h1, h2, h3 { font-weight: bold; }
h1 {
    font-size: 24px;
    color: #F9BF48;
}
h2 { font-size: 16px; }
h3 {  }

@media(max-width: 600px) {
    h1 { font-size: 18px; line-height: 22px; }
}

a { color: #82807F; }
a:hover, a:focus { color: #F9BF48; cursor: pointer;}
a img { border: 0; }

table { border-collapse: separate; }

/* Base Icons */
[class^="icon-"], [class*=" icon-"] {
    width: auto;
    height: auto;
    vertical-align: middle;
    background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
}
a[class^="icon-"], a[class*="icon-"] { cursor: pointer; }


/* Responsive Classes */
@media(min-width: 1600px) {
    .super-wide-only { display: block; }
    .lessthan-super-wide { display: none; }
}
@media(max-width: 1599px) {
    .super-wide-only { display: none; }
    .lessthan-super-wide { display: block; }
}
@media(min-width: 1000px) {
    .lessthan-large { display: none; }
    .large-only { display: block; }
    td.large-only { display: table-cell; }
}
@media(max-width: 999px) {
    .large-only { display: none; }
    .lessthan-large { display: block; }
}


/* Input / Select / Textarea */
input, button, select, textarea {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    max-width: 100%;
    border-radius: 3px;
    border: 1px solid #C8C8C8;
    background-color: inherit;
}

input[type="text"], input[type="password"], textarea, .chosen-container {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

textarea { resize: vertical; }
input, textarea {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
input, select { padding: 4px; }

select {
    line-height: 1em;
    background-repeat: no-repeat;
    padding-right: 10px;
    background-image: url(assets/select_down_arrow.220f261f483136192bcf28b638c3f567.png);
    cursor: pointer;
    height: 30px;

    appearance: button;
    -moz-appearance:button; /* Firefox */
    -webkit-appearance:button; /* Safari and Chrome */

    background-position : right 10px center;
}

input[type='radio'] {
    display: inline;
    margin-top: 0;
    margin-right: 5px;
}

/* Standard Input Sizes */

input[type="text"], input[type="password"] {
    width: 220px;
    height: 30px !important;
}
input[type="text"].date, input[type="text"].small, input.small, select.small { width: 110px; }
select.small.adjusted { width: 108px; }
input.tiny, input[type="text"].tiny, select.tiny { width: 60px; }

/* Input Variations */
input[type="text"].dollars { padding-left: 20px; }
input[type='text'].search {
    padding-right: 25px;
    background: url(assets/search.23b4f6b14e6bf0e55eda7aa1e10f6491.png) right 7px center no-repeat;
}
select.search { height: 32px; margin-bottom: 0; }
td select { margin-bottom: 0; }

input.warning, select.warning, .input.warning, div.warning { color: #cc0000; border: 1px solid #cc0000; }

div[contenteditable].input { line-height: 28px; }
.inline.selectable { cursor: pointer; }
.inline.selectable.placeholder { opacity: 0.5; }

/* Input Variations - Icon Overlays */
i.datepickle { margin-left: 5px; margin-top:-8px; line-height: 21px; font-size: 16px; opacity: 0.5; cursor: pointer; }
i.datepickle:hover { opacity: 1; }

/* reviewme */
.icon-currency-symbol {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.controls i.icon-currency-symbol { width: 0; position: relative; left: 8px; top: -1px; }
.controls i.icon-currency-symbol:before { content: "$"; }

.chosen-container { max-width: 100%; }

.print-link { cursor: pointer; }

/* Btn Styles */

ngb-datepicker .btn-link {
    color: #007bff;
    background-color: unset;
}
ngb-datepicker .btn-link:hover {
    color: #007bff;
    background-color: unset;
}
ngb-datepicker .btn-link:focus {
    color: #007bff;
    background-color: unset;
}

.btn {
    font-size: 15px;
    padding: 6px 30px;
    border-radius: 5px;
    background: #BABABA;
    color: #ffffff;
    /*font-weight: bold;*/
    font-family: Arial;
    border: 0;
    /*    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);*/

    /*line-height: 17px;*/
    text-shadow: none;

    /*height: 25px;*/
    box-sizing: border-box;
}
.btn:hover, .btn:focus { background: #F9BF48; color: #fff; }
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { opacity: 0.8; }

/* Btn Size Variations */
/*.btn-small, .btn.btn-large { height: auto; line-height: 20px; }*/
.btn-small {
    /*min-height: 30px;*/
    padding: 5px 20px;
}
.btn.btn-large {
    font-size: 16px !important;
    padding: 10px 35px;
}

/* for wrapping around clickable things */
.btn.btn-wrap {
    padding: 0;
}

/* Btn Variations */
.btn-create, .btn-create:hover, .btn.btn-save { background: #F9BF48; }
.btn.btn-clear, .btn-clear:hover, .btn-exportCSV, .btn-exportCSV:hover { background: #6B6B6B; }
.btn.btn-remove, .btn.btn-delete { background: #e36159; }

.btn-remove:before, .btn-minus:before { content: "-"; }

.btn-delete:before, .btn-magnify:before, .btn-search:before {
    font-family: 'my-apiary';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.btn-delete:before {
    content: "\E9AC";
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    top: 1px;
}

.btn-save:before, .btn-delete:before {
    position: relative;
    left: -3px;
}

.btn-save:before, .btn-add:before, .btn-remove:before, .btn-delete:before, .btn-minus:before { padding-right: 5px; }
.btn-add:before, .btn-remove:before { font-weight: bold; }

.btn-magnify:before, .btn-search:before {
    content: "\E909";
    color: #fff;
    position: relative;
    left: -5px;
    top: 1px;
    font-size: 14px;
    font-weight: normal;
}

.btn.upload {
    background: #0074cc;
    color: #fff;
    text-shadow: none;
}
.btn.upload [class^="icon-"], .btn.upload [class*=" icon-"] { display: none; }

.form-field .btn.btn-delete {
    padding: 5px 10px;
}
.form-field .btn.btn-delete:before {
    padding-right: 0;
    left: 0;
}


/*
     * Misc Utility Classes
     */

/* Misc Classes */

.last_modified { font-size: 12px; color: #999; }
.last_modified .author { text-transform: capitalize; }

.hint { font-size: 12px; color: #999; margin-bottom: 5px; }
.hint.padd { padding: 5px; }

.sortable  { cursor: pointer; }
.sort-icon {
    font-family: 'jobflow-icons';
    color: rgba(0,0,0,0.5);
    line-height: 30px;
    float: none;
    margin-left: 10px;
    margin-top: -2px;
    margin-bottom: -2px;
    opacity: 0.5;
    font-size: 12px;
}

.strikethrough { text-decoration: line-through; }
.code { color: #808080; }

.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.section { margin: 10px 0 30px 0; }

.left { float: left; }
.right { float: right; }


.error { color: #C00; }


/* Custom Bootstrap Class for 5 equal parts */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* Tab Content Styles*/
/* Style the tab list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 20px 10px 0px;
    overflow: hidden;
}

/* Float the tab list items side by side */
ul.tab li { float: left; }

/* Style the links inside the tab list items */
ul.tab li a {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    min-width: 245px;
    margin-right: 2px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.2s;
    font-size: 14px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    background-color: #C7C7C7;
}

/* Change background color of tab links on hover */
ul.tab li a:hover { background-color: #F9BF48; }

/* Create an active/current tablink class */
ul.tab li a:focus, ul.tab li a.active, ul.tab li .myap-tab-active a { background-color: #F9BF48; }

/* Style the tab content */
.tabcontent {
    padding: 15px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    background-color: #FAFAFA;
    margin-top: -1px;
    font-size: 14px;
    max-width: 1200px;
}

.tabcontent button {
    margin: 15px;
}

.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Button Switch */
.btn.btn-toggle.active {
    background-color: #F9BF48;
}

/* Print Styles */

@media screen {
    .screen { display: block; }
    .print { display: none; }
}


/* Fade Elements (Attribute Matching) */
/*.fade { opacity:0.4; }*/

.fade-80 { opacity: 0.8; }
.fade-60 { opacity: 0.6; }
.fade-40 { opacity: 0.4; }
.fade-20 { opacity: 0.2; }

select option { color: #000; opacity: 1 !important; }
select option.fade-80 { color: #333; }
select option.fade-60 { color: #666; }
select option.fade-40 { color: #999; }
select option.fade-20 { color: #BBB; }









/*
 * Common Components
 */

/* Growl Notifications */
#message-box {
    position: fixed;
    right: 20px;
    top: 60px;
    z-index: 300;
}
#message-box .message {
    background-color: #666666;
    padding: 7px 10px;
    color: #fff !important;
    padding: 5px 5px 5px 10px;
    position: relative;
    z-index: 300;

    border-radius: 3px;
}
#message-box .message.type500, #message-box .message.type400 {
    background-color: rgba(180,0,0,0.8);
}
#message-box .message span {
    display: inline;
}
#message-box .message i.icon-cross {
    text-shadow: 0;
    position: relative;
    font-size: 10px;
    box-shadow: 0;
    cursor: pointer;
}


/* Datepicker */
.btn-block { width: 100%; }
ul.ng-valid-date { padding: 10px; }
ul.ng-valid-date li.divider, ul.ng-valid-date li:last-child { display: none; }
ul.ng-valid-date li:first-child table thead tr:last-child th {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}
ul.ng-valid-date .icon-chevron-left, ul.ng-valid-date .icon-chevron-right {
    font-size: 14px;
    line-height: 20px;
}
ul.ng-valid-date .btn { padding: 5px 10px; }

/* Tables */


/* Table Pager */
ul.pager { margin-bottom: 5px; }
.pager li { margin: 0 1px; }
.pager a {
    background-color: transparent;
    border: 0;
    display: inline-block;
    padding: 6px 4px;
    min-width: 10px;
    border-radius: 4px;
    color: #666;
}
/*.pager li > a, .pager a.active { padding: 8px; }*/
.pager a:hover, .pager a.active { color: #222; }
.pager a:hover, .pager a.active { background-color: #e0e0e0; }

/* Table Summary */
.table-summary { margin-top: 10px; }
.table-summary .summary-count {
    float: right;
    line-height: 35px;
    color: #666;
}
.table-summary #pagination { float: left; }


/* Inline Editing */
div[contentEditable] {
    min-height: 10px;
}
div[contentEditable]:focus {
    background-color: #fff;
    padding: 2px;
    margin: -3px;
}
div.contentselectable > div { cursor: pointer; }

.inline-editable { padding: 5px; margin: -5px; }
.inline-editable-icon {
    margin-left: 15px;
    vertical-align: text-bottom;
    color: #999;
}

/* CK Editor */
#cke_inputBody.cke_reset, #cke_inputBody.cke_chrome {
    box-shadow: none;
    border-radius: 4px;
    overflow: hidden;
}

/* Datepicker Related */
ul.ng-valid-date .icon-chevron-left:before { content: "\E611"; }  /*TODO Check that these are pulling through correctly */
ul.ng-valid-date .icon-chevron-right:before { content: "\E612"; } /*TODO Check that these are pulling through correctly */

ul.dropdown-menu { background: #3498db; color: rgba(255,255,255,0.8); }
ul.dropdown-menu:not(.uib-datepicker-popup) { max-height: 250px; overflow-y: auto; }

ul.dropdown-menu .muted { color: rgba(0,0,0,0.5); }
ul.dropdown-menu .btn { background: #fff; color: #333; }
ul.dropdown-menu .btn:hover, ul.dropdown-menu .btn.btn-today { background: #E0E0E0; }
ul.dropdown-menu .btn.btn-info { background: #333; color: #fff; }
ul.dropdown-menu button.btn.btn-block { line-height: 21px; }

ul.dropdown-menu .btn.btn-today {
    background-color: #1f5c84;
    color: #fff;
}
ul.dropdown-menu .btn.btn-today span { text-shadow: 0 1px 1px rgba(0,0,0,0.5); }
ul.dropdown-menu .btn.btn-today span.muted  {
    color: rgba(255,255,255,0.5);
    text-shadow: none;
}

/* Datepicker */
.btn-block { width: 100%; }
ul.ng-valid-date { padding: 10px; }
ul.ng-valid-date li.divider, ul.ng-valid-date li:last-child { display: none; }
ul.ng-valid-date li:first-child table thead tr:last-child th {
    padding-top: 0px;
    padding-bottom: 0px;
}
ul.ng-valid-date .icon-chevron-left, ul.ng-valid-date .icon-chevron-right { font-size: 14px; line-height: 20px; }
ul.ng-valid-date .btn { padding: 4px 8px; }

.dropdown-menu table thead tr th, .dropdown-menu table tbody tr td {
    height: auto;
    line-height: 20px;
    padding: 1px;
}
.dropdown-menu table thead tr:hover th, .dropdown-menu table tbody tr:hover td { background-color: transparent; }
.dropdown-menu table thead tr th:first-child, .dropdown-menu table tbody tr td:first-child {
    padding-left: 0px;
}
.dropdown-menu table thead tr th:last-child, .dropdown-menu table tbody tr td:last-child {
    padding-right: 0px;
}
.dropdown-menu table thead tr, .dropdown-menu table tbody tr {
    border-bottom: none;
}
@media(max-width: 800px) {
    ul.dropdown-menu {
        left: auto !important;
        right: 0;
    }
}


/* Timepicker */
.timepicker > table { margin-top: -3px; }
.timepicker input { width: 40px; }
.timepicker a.btn.btn-link {
    background: transparent;
    border: 0;
    padding: 0;
    width: 100%;
    box-shadow: none;
    position: relative;
}
.timepicker .icon-chevron-up, .timepicker .icon-chevron-down {
    height: 10px;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    opacity: 0.5;
}
.timepicker .icon-chevron-up {
    top: -7px;
    background-image: url(assets/select_up_arrow.4cf4ac780dcb2364cfb35b503a0122c9.png);
    background-position: center top;
}
.timepicker .icon-chevron-down {
    bottom: -7px;
    background-image: url(assets/select_down_arrow.220f261f483136192bcf28b638c3f567.png);
    background-position: center bottom;
}
.timepicker .icon-chevron-up:hover, .timepicker .icon-chevron-down:hover { opacity: 1; }

.timepicker button.btn {
    height: 28px !important;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    font-size: 11px !important;
    color:#999;
}
.timepicker tbody tr.text-center {
    height: 0;
    line-height: 0;
}
.timepicker tbody tr.text-center .btn { height: auto; }

/* Chosen */
.chosen-container-single {
    background-color:#fff!important;
    border:1px solid #ccc;
    border-radius:3px;
}

.job-template-header .chosen-container-single {
    margin-top: 4px !important;
}

.chosen-container-single .chosen-single {
    border:0px;
    height:27px;
    line-height:28px;
    background:none;
    box-shadow:none;
}
.chosen-container-single .chosen-single span {
    font-family: "Lato", sans-serif;
    font-size: 13.5px;
    color:#9a9a9a;
}

.job-details .chosen-container-single .chosen-single span,
.job-customer .chosen-container-single .chosen-single span,
.job-cards .chosen-container-single .chosen-single span,
.schedule .chosen-container-single .chosen-single span {
    color: #000;
    opacity: 1;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    box-shadow:none;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    border:0px;
}
.chosen-container .chosen-drop {
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
}
.chosen-select {
    background-image:none;
}
.chosen-container-single .chosen-single div b {
    background-position: 0px 5px;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: 0px 5px;
}

/* Tooltips */
.jobflow-icon.tip {
    position: relative;
    right: -3px;
    top: -2px;
    cursor: pointer;
    opacity: 0.5;
}

/* Mandatory Fields Icon */
.jobflow-icon.required {
    color: #aa0000;
    font-size: 22px;
    margin-top: -10px;
    margin-right: -22px;
}

/*
     * Entity Details
     */

.entity-header {
    padding-bottom: 5px;
    position: relative;
}
/*.entity-header > .right {
            position: absolute;
            right: 0;
            bottom: 10px;
        }*/

.entity-details {

}


/* File Uploader */

.uploader {
    /*padding: 15px;
        box-sizing: border-box;
        background: #e8e8e8;
        border-radius: 5px;
        margin: 10px 0 15px 0;
        position: relative;*/
    float: left;
    max-width: 250px;
}
.uploader .title {
    font-size: 20px;
    margin-bottom: 5px;
}
.uploader form { margin-bottom: 0; }
.uploader .toggler {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
}
.uploader .upload-form {
    margin-bottom: 10px;
}

.map .form-field { position: relative; }
.map .form-field .toggler {
    line-height: 30px;
    cursor: pointer;
}
.map .form-field .toggler .icon-arrow_down { font-size: 10px; }

.uploader .title, .uploader .description, .uploader .toggler { display: none; }





/*
     * Form Controls
     */

.form-horizontal .control-group {
    margin-bottom: 8px;
}
.form-horizontal .control-group.errors .error {
    margin-bottom: 10px;
    color: #dd0000;
}

label.fixed { color:#474747; }

.form-field { font-size: 15px; }
.form-field label {
    vertical-align: top;
    display: inline-block;
    line-height: 28px;
    padding-right: 15px;
    color: #474747;
    float: left;
    font-weight: 400;
}

.form-field .labelled {
    height: 30px;
    padding: 4px;
    display: inline-block;
}

.form-field label.fixed {
    min-width: 180px;
}

.form-field.with-btn label.fixed{
    min-width: 90px;
    line-height: 35px;
}

.form-field .input {
    vertical-align: top;
    width: 200px;
}

.form-field.with-btn select {
    margin-right: 10px;
}

.form-field .value { float: left; }
.form-field .value.fieldformat { line-height: 28px; max-width: 230px; }


.form-group { padding-top: 10px; }

@media(max-width: 1000px) {
    .entity-details .form-field {
        max-width: 100%;
        width: 100%;
        min-width: 0;
    }
}


/*
     * Global Table Styles
     */

.table {
    border-bottom: 1px solid #e0e0e0;
}

.table tr {
    border-bottom: 1px solid #e0e0e0;
}

.table > thead > tr > th {
    padding: 5px 10px;
    border-right: 1px solid #e0e0e0;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #BABABA;
    border-color: #ffffff;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}

.table tr td {
    line-height: 30px;
    padding: 10px 20px;
    text-align: left;
    min-width: 140px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

@media(max-width: 1760px) {
    .table tr td {
        min-width: 120px;
    }
}

@media(max-width: 1450px) {
    .table tr td {
        min-width: 100px;
    }
}

.table .cell-divider-after { border-right: 1px solid #ddd; }
.table .table-total { font-weight: bold; }

.number-columns tr td { min-width: 30px; }
.number-columns tr td.text-center { text-align: center; }

/*
         * Entity Preview (Table/List for Mobile View)
         */
.entity-preview { padding: 15px; }

.entity-preview .key-details {
    font-size: 12px;
    padding-top: 8px;
}
.entity-preview .key-details span { display: block; }
.entity-preview .key-details > span { padding-top: 3px; }

.entity-preview.details-row { padding: 0; }

/*
         * Accordion - Responsive Table Equivalent
         */

.lessthan-large .table.pretty.pseudo-table .header-row, .entity-preview.header-row {
    cursor: pointer;
    background: #f8f8f8;
}
.lessthan-large .table.pretty.pseudo-table .tr .td {
    float: right;
    min-width: 0;
    padding: 10px 5px;
}
.lessthan-large .table.pretty.pseudo-table .tr .td:first-child {
    float: left;
    padding-left: 15px;
}
.lessthan-large .table.pretty.pseudo-table .tr .td:last-child {
    padding-right: 15px;
}
.lessthan-large .table.pretty.pseudo-table .header-row .td:last-child {
    font-size: 12px;
}
.lessthan-large .table.pretty.pseudo-table .tr .details-row, .entity-preview.details-row {
    font-size: 12px;
    padding-top: 10px;
}

.lessthan-large .table.pretty.pseudo-table .tr .details-row .form-field, .entity-preview.details-row .form-field {
    min-width: 0;
    width: 100%;
    border-bottom: 0;
    padding-top: 0;
    min-height: 0;
    clear: both;
    position: relative;
}
.lessthan-large .table.pretty.pseudo-table .tr .details-row .form-field label, .entity-preview.details-row .form-field label { padding: 0 10px; }
.lessthan-large .table.pretty.pseudo-table .tr .details-row .form-field label.fixed, .entity-preview.details-row .form-field label { min-width: 0; }
.lessthan-large .table.pretty.pseudo-table .tr .details-row .form-field .input, .entity-preview.details-row .form-field .input { float: right; margin-right: 10px; }
.lessthan-large .table.pretty.pseudo-table .tr .details-row .form-field .input-unit.overlay, .entity-preview.details-row .form-field .input-unit.overlay {
    position: absolute;
    top: 7px;
    right: 20px;
    opacity: 0.5;
}
.lessthan-large .table.pretty.pseudo-table .tr .details-row .form-field .fieldformat, .entity-preview.details-row .form-field .fieldformat { font-size: 14px; }

.lessthan-large .table.pretty.pseudo-table .tr .details-row .form-field .input.date { margin-right: 30px; width: 160px; }
.lessthan-large .table.pretty.pseudo-table .icon-calendar.datepickle {
    position: absolute;
    right: 10px;
    top: 5px;
    margin-top: 0;
}

.lessthan-large .table.pretty.pseudo-table  input[type='checkbox'] { vertical-align: baseline; margin-top: 7px; margin-bottom: 7px; }

@media(max-width: 400px) {
    .lessthan-large .table.pretty.pseudo-table .tr .details-row .form-field .input, .entity-preview.details-row .form-field .input { max-width: 180px; }
}

/*
     * Table with headers stickied when scrolling.
     */
.table.sticky-header thead th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}


/*
         * Search & Filter
         */

.search .cntrl-group {
    float: left;
    margin-right: 5px;
}
.search > .cntrl-group.btn-controls {
    float: right;
    margin-right: 0;
}

/*@media(max-width: 600px) {
            .search .cntrl-group {
                float: left;
                max-width: 50%;
                margin: 5px 0;
            }
            .search .cntrl-group.filter-group {
                max-width: 100%;
                width: 100%;
                float: none;
            }
        }*/
@media(max-width: 500px) {
    .search .cntrl-group {
        float: none;
        margin: 5px 0;
        max-width: 100%;
    }

    .search .cntrl-group input,
    .search .cntrl-group .input,
    .search .cntrl-group select,
    .search .cntrl-group .chosen-container {
        width: 100% !important;
    }

    .search .cntrl-group input[type='checkbox'] { width: auto !important; }
}

.list-search {
    padding: 10px;
    background: #f0f0f0;
    margin: 20px 0 40px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.list-search input.search {
    margin-bottom: 0;
    height: 30px;
    box-sizing: border-box;
}

.list-search .status-chk {
    float: left;
    padding: 5px 10px 5px 5px;
}
.list-search .status-chk label {
    display: inline;
    padding-right: 5px;
    cursor: pointer;
}

@media(max-width: 500px) {
    .list-search .status-chk label {
        width: 50%;
        display: inline-block;
        box-sizing: border-box;
    }
    .list-search .status-chk {
        float: none;
    }
}


/* Loading Icon */

.loading-icon {
    position: fixed;
    right: 10px;
    bottom: 15px;
}
.loading-icon img {
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
}

/* Re-order / Drag Icon */
.icon.move {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-decoration: none;
}
.icon.move .icon-reorder, .icon.move .icon-reorder  {
    height: 30px;
    width: 30px;
    display: block;
    font-size: 25px;
    vertical-align: middle;
    text-align: right;
    line-height: 35px;
    color: #ccc;
}
.icon.move:hover .icon-reorder { color: #222; cursor: pointer; }


/*
     * Site-Wide Layout
     */

/*
         * Sidebar navigation
         */

#menu-sidebar > .row {
    margin-left: 0px;
}

.mainmenu {
    box-shadow: -1px -15px 30px rgba(0, 0, 0, 0.2) inset;
    height: 100%;
    width: 185px;
    position: fixed;
    padding-right: 0px;
    padding-left: 0px;
    /*background-image: url('../images/sidebar_background.png');
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: left bottom; */
    background-color: #e7e7e7;
    overflow-y: auto;
}

@media(max-width: 500px) {
    .mainmenu { display: none; }
}

.row.logged-in-page {
    margin-left: 0px;
}

.row .download-link.right {
    padding-right: 15px;
}

.mainmenu .sidebar-img {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: -1;
    opacity: 0.6;
}
.mainmenu ul {
    padding-left: 0px;
}

.mainmenu ul.sidebar-nav {
    list-style: none;
}

.mainmenu ul.sidebar-nav li.sidebar-brand {
    padding: 10px 20px 10px 10px;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    background-color: transparent;
}

.mainmenu a.logo {
    height: 100%;
}
.mainmenu a.logo img {
    display: block;
    margin: 0;
    padding: 0;
    opacity: 0.85;
    max-width: 100%;
}
.mainmenu a.logo:hover img { opacity: 1; }

.mainmenu li.sidebar-user {
    min-height: 32px;
    margin-bottom: 10px;
    display: none;
}
.mainmenu li.sidebar-user img.avatar-img {
    float: left;
    border-radius: 50%;
}

.mainmenu li.sidebar-user .welcome-block {
    margin-left: 45px;
}
.mainmenu li.sidebar-user .welcome-block .welcome-text,
.mainmenu li.sidebar-user .welcome-block .welcome-user-name {
    margin-top: 0px;
    margin-bottom: 5px;
}

.mainmenu li.sidebar-menu-item {
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.mainmenu li.sidebar-menu-item a {
    color: #666666;
    display: block;
    padding: 40px;
    text-align: center;
    font-size: 18px;
}

.mainmenu li.sidebar-menu-item a.menu-item-medium {
    padding: 25px;
}

.mainmenu li.sidebar-menu-item:hover a,
.mainmenu li.sidebar-menu-item:focus a,
.mainmenu li.sidebar-menu-item.selected a,
.mainmenu li.sidebar-menu-item a:hover,
.mainmenu li.sidebar-menu-item a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #F9BF48;
}

.mainmenu li.sidebar-menu-item a.menu-title-medium {
    color: white;
    background-color: #9f908e;
    padding: 2px;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
}


.mainmenu li.sidebar-menu-item a .apiary-icon {
    margin-bottom: 10px;
    display: block;
}

.mainmenu li.sidebar-menu-item.admin a .apiary-icon {
    display: none;
}

/*
         * Header
         */
#header {
    /*position: fixed;
                width: 100%;*/
    z-index: 200;
    padding: 0px;
    background-color: #fff;
}
#header .mainmenu {
    height: 65px;
    line-height: 65px;
    background: #e7e7e7;
    color: #fff;
    box-sizing: border-box;
}

#header .mainmenu a.menu-label { display: none; }
#header .mainmenu a {
    float: left;
    padding: 0px 20px;
    color: #000;
    /*border-right: 1px solid #4D4D4D;*/
    text-align: center;
    min-width: 100px;
    box-sizing: border-box;
}
#header .mainmenu a.menu-item:hover {
    background-color: #F4F5F4;
    text-decoration: none;
}

@media(max-width: 1500px) {
    #header .mainmenu { height: 50px; line-height: 50px; }
    #header .mainmenu a.logo {
        padding: 15px;
    }
    #header .mainmenu a {
        min-width: 0;
        padding: 0 15px;
    }
}

@media(max-width: 1200px) {
    #header .mainmenu { position: relative; }
    #header .mainmenu a.logo { border-right: 0; }
    #header .mainmenu a.menu-label {
        display: block;
        float: right;
        cursor: pointer;
        text-decoration: none;
        min-width: 150px;
        margin-right: 10px;
        border-right: 0;
    }
    #header .mainmenu a.menu-label span {
        float: right;
        height: 20px;
        width: 20px;
        margin: 15px 0 15px 10px;
        background-image: url(assets/menu-stack.585dfa11f023743ea7fd62a02cf747c6.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    #header .mainmenu .menu-collapse {
        position: absolute;
        top: 50px;
        right: 10px;
        background: #000;
    }
    #header .mainmenu .menu-collapse.collapsed .menu-item { display: none; }
    #header .mainmenu .menu-collapse .menu-item {
        display: block;
        float: none;
        height: 35px;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #4D4D4D;
        line-height: 35px;
        min-width: 150px;
    }
}

@media(max-width: 500px) {
    #header .mainmenu a.menu-label {
        min-width: 0;
        text-align: left;
        width: auto;
    }

    #header .mainmenu .menu-collapse {
        width: 100%;
        border-top: 1px solid #fff;
        background: #222;
        right: 0;
    }

    #header .mainmenu .menu-collapse .menu-item {
        min-width: 0;
        height: auto;
        line-height: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: left;
    }

}


#header .subheader {
    background-color: #E3E3E3;
    line-height: 30px;
    font-size: 11px;
    font-family: "Verdana", sans-serif;
    padding: 0px;
}
#header .subheader.top {
    display: flex;
    align-items: center;
}
#header .subheader.top .menuitems {
    flex-grow: 1;
}
#header .subheader.top .search {
    position: relative;
    display: flex;
    justify-content: flex-end;
    text-align: right;
    margin-right: 20px;
}
#header .subheader.top .search > input {
    height: 30px;
    background: #fff;
}
#header .subheader.top .search > .search-icon {
    position: absolute;
    right: 7px;
    top: 7px;
    font-size: 14px;
}
#header .subheader.top .search > ul {
    position: absolute;
    right: 0;
    margin: 0;
    padding: 0;
    top: 30px;
    text-align: left;
    list-style: none;
    background: #fff;
    z-index: 99;
}
#header .subheader.top .search > input,
#header .subheader.top .search > ul {
    width: 225px;
}
#header .subheader.top .search > ul > li > a {
    border-bottom: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    border-right: 1px solid #C8C8C8;
    padding: 5px;
    line-height: 20px;
    display: block;
    font-size: 14px;
}

@media(max-width: 500px) {
    #header .subheader { margin-left: 0px; }
}

#header .subheader .menu-item {
    text-transform: uppercase;
    font-size: 16px;
    color: #666666;
    border-right: 1px solid #CCCCCC;
    display: inline-block;
    padding: 15px;
    float: left;
}

#header .subheader .menu-item:last-child {
    border-right: none;
}

#header .subheader .menu-item.selected,
#header .subheader .menu-item:hover,
#header .subheader .menu-item:focus {
    text-decoration: none;
    cursor: pointer;
    background-color: #F9BF48;
    color: #fff;
}

#header .subheader:last-child {
    height: 40px;
    background: #F5F5F5;
    border-bottom: 1px solid rgba(227, 227, 227, 0.5);
}

.menubutton {
    padding: 5px 15px;
    color: #666666;
    display: inline-block;
    font-size: 15px;
}

.menubutton .apiary-icon {
    font-size: 18px;
    cursor: pointer;
    padding-right: 20px;
    vertical-align: text-bottom;
}


/* Breadcrumbs */
#header .subheader .breadcrumbs {
    margin: 0;
    padding-left: 0px;
    float: right;
}
.breadcrumb-container ul li {
    list-style-type: none;
    float: left;
    clear: none;
    margin-right: 2px;
    font-size: 13px;
}

.breadcrumb-container ul li:after {
    content: "/";
    padding-left: 2px;
}
.breadcrumb-container ul li:last-child:after {
    display: none;
}
#header .breadcrumb-container ul li a {
    color: #000;
}

/* User Details */
#header .userinfo {
    float: right;
    display: flex;
    align-items: center;
}
#header .acting-as {
    font-size: 14px;
    padding-right: 20px;
}
#header .acting-as .stop-acting-as {
    margin-left: 10px;
}
#header .userinfo .apiary-icon {
    color: #666666;
    font-size: 18px;
    padding-right: 20px;
    cursor: pointer;
    display: inline-block;
    vertical-align: text-bottom;
}

#header .userinfo .apiary-icon:hover,
#header .userinfo .apiary-icon:focus {
    text-decoration: none;
    color: #444444;
}

#header .userdetails {
    /*float: left;*/
}

#header .userdetails .user {
    text-transform: uppercase;
    font-size: 15px;
    color: #555555;
    padding-right: 20px;
    line-height: 30px;
    padding-top: 6px;
    display: inline-block;
}

#header .userdetails .user .caret {
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-left: 15px;
}

#header .userdetails .user .caret:hover,
#header .userdetails .user .caret:focus {
    cursor: pointer;
}

#header .userinfo .infoicons {
    /*float: right;*/
    padding-top: 10px;
    padding-left: 20px;
    border-left: 1px solid rgba(148, 148, 148, 0.3);
}

@media(max-width: 500px) {
    #header .subheader { font-size: 10px; }

    .breadcrumb-container ul li { margin-right: 2px; }
    .breadcrumb-container ul li:first-child { display: none; }
    .breadcrumb-container ul li:after { padding-left: 2px; }

    #header .userdetails span {
        display: none;
    }
}





/*
         * Main Content Area
         */
#main-area-container {
    background-color: #ffffff;
}

@media(max-width: 500px) {
    #main-area-container { margin-left: 0px; }
}

#panel {
    padding: 20px 15px 30px 0;
}
@media(max-width: 1440px) {
    #panel { padding-top: 30px; }
}

.template-main {
    padding: 0px 15px 15px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

@media(max-width: 600px) {
    .template-main {
        padding: 15px;
    }
}



/*
             * Dashboard
             */

.dashboard-overview {
    /*padding-top: 20px; */
}

.dashboard-button {
    margin: 10px 10px 10px 0;
    float: left;
}

/* Dashboard Main Map */
#summary-bar {
    background-color: #fafafa;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid #e8e8e8;
    min-height: 90px;
    padding: 15px 10px 10px;
}

@media(max-width: 1750px) {
    #summary-bar {
        min-height: 80px;
    }
}

@media(max-width: 1490px) {
    #summary-bar {
        min-height: 60px;
    }
}

@media(max-width: 1199px) {
    #summary-bar {
        min-height: 100px;
    }
}

.summary-stat {
    display: inline-block;
    border-right: 1px solid #e8e8e8;
    padding: 0px 12px;
}

@media(max-width: 1490px) {
    .summary-stat {
        display: inline-block;
        border-right: 1px solid #e8e8e8;
        padding: 0px 6px;
    }

}

.summary-stat:first-child { padding-left: 0px; }
.summary-stat:last-child {
    border-right: none;
    padding-right: 0px;
}
@media(max-width: 1199px) {
    #hive-count {
        border-right: none;
        padding-right: 0px;
        padding-bottom: 10px;
    }
}

.summary-stat .center-me { float: none; text-align: center; }

.summary-stat .summary-img,
.summary-stat .summary-svg {
    float: left;
    height: 60px;
}
@media(max-width: 1750px) {
    .summary-stat .summary-img,
    .summary-stat .summary-svg {
        height: 45px;
    }
}

@media(max-width: 1490px) {
    .summary-stat .summary-img,
    .summary-stat .summary-svg {
        height: 30px;
    }
}



.summary-stat .summary-img img { height: 100%; }


.summary-stat .summary-svg {
    display: block;
}
.strong.summary-stat .summary-svg svg { fill: #69BE28; width: 60px; }
.medium.summary-stat .summary-svg svg { fill: #F9BF48; width: 60px; }
.weak.summary-stat .summary-svg svg { fill: #E36159; width: 60px; }
.dead.summary-stat .summary-svg svg { fill: #000000; width: 60px; }
.weak.summary-stat .summary-svg img { height: 60px; }

@media(max-width: 1750px) {
    .strong.summary-stat .summary-svg svg { width: 45px; }
    .medium.summary-stat .summary-svg svg { width: 45px; }
    .weak.summary-stat .summary-svg svg, .dead.summary-stat .summary-svg svg  { width: 45px; }
}

@media(max-width: 1490px) {
    .strong.summary-stat .summary-svg svg { width: 35px; }
    .medium.summary-stat .summary-svg svg { width: 35px; }
    .weak.summary-stat .summary-svg svg, .dead.summary-stat .summary-svg svg { width: 35px; }
}

.summary-stat .count {
    float: center;
    text-align: center;
    padding: 0px;
}

.summary-stat .count span {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    font-family: Arial;
    color: #555555;
}
@media(max-width: 1750px) {
    .summary-stat .count span {
        font-size: 24px;
    }
}

@media(max-width: 1490px) {
    .summary-stat .count span {
        line-height: 1.2;
    }
}

@media(max-width: 1270px) {
    .summary-stat .count span {
        font-size: 20px;
        line-height: 1.5;

    }
}

.summary-stat .count p {
    text-transform: uppercase;
    color: #666666;
    font-weight: 300;
}
@media(max-width: 1750px) {
    .summary-stat .count p {
        font-size: 12px;
    }
}

@media(max-width: 1490px) {
    .summary-stat .count p {
        display: none;
    }
}

#dashboard-map {
    border: 1px solid #e8e8e8;
}

.dashboard-controls {
    background-color: #d1d1d1;
    padding: 8px 18px;
    margin: 10px 0px;
    border-radius: 5px;
}
.dashboard-controls select {
    background-color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    color: #666666;
    border: 1px solid #c8c8c8;
    display: inline-block;
    padding: 6px 30px 6px 12px;
    height: 30px;
    margin-right: 10px;
    line-height: 1.3;
}

/* Job Summary Tabs */
.job-summary { position: relative; }

.job-summary .tabcontent {
    padding: 0px;
    /*min-width: 400px;*/
}

.job-summary .tabcontent h2 { margin: 0px; padding: 15px; float: left; }

.job-summary .job-summary-header { border-bottom: 1px solid #e8e8e8; }

.job-summary .tabcontent ul {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}

.job-summary .tabcontent ul li {
    line-height: 25px;
    border-bottom: 1px solid #e8e8e8;
    list-style: none;
    padding: 15px
}

.job-summary .tabcontent ul li span:before {
    content: '';
    border-radius: 50%;
    border: 6px solid;
    margin-right: 6px;
    display: inline-block;
    border-color: inherit;
    position: relative;
    top: 1px;
}

.job-summary .tabcontent ul li i {
    color: #E36159;
    padding: 5px;
    font-size: 16px;
    float: right;
}

.job-summary.week-summary.tasks-summary .tabcontent .recent-visits {
    max-height: 80vh;
}
.job-summary.week-summary.tasks-summary .tabcontent .recent-visits .consolation {
    padding: 20px;
}
.job-summary.week-summary.tasks-summary .tabcontent .recent-visits .recent-visit .job-list:last-child { border-bottom: 2px solid #e8e8e8; }

.job-summary.week-summary.tasks-summary .tabcontent .recent-visits .recent-visit .job-list {
    min-height: 100px;

}

/*
             * Generic Entity Pages (Job, Contact, Site etc)
             */

.entity-header { padding-top: 20px; }

@media(max-width: 600px) {
    .entity-edit .entity-title, .entity-header .entity-title {
        float: none;
    }
    .entity-edit .entity-actions, .entity-header .entity-actions {
        margin-top: 10px;
        float: none;
    }
}



/*
             * Job Detail Page
             */

/* sheduler card */
.job-card-details .job-fields {
    display: table;
    padding: 10px 10px 10px 0px;
}
.job-card-details .job-fields .job-field {
    display: table-row;
}
.job-card-details .job-fields .job-field .field-label {
    padding-right: 10px;
    font-weight: bold;
}
.job-card-details .job-fields .job-field .field-label:after {
    content: ':';
}
.job-card-details .job-fields .job-field .field-label, .job-card-details .job-fields .job-field .field-value {
    display: table-cell;
    padding-top: 3px;
    padding-bottom: 3px;
}


/* Job Header & Actions */

.job-edit .print-job {
    line-height: 25px;
    padding: 0 5px;
    cursor: pointer;
}
.job-edit .print-job  .icon-print { font-size: 25px; }



/* Job Card, Customer & Site Detail Columns */

.job-details .sidebar {
    max-width: 400px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.job-details .contact-column {
    padding-right: 50px;
}


.job-details .section.bordered {
    border: 1px solid #e8e8e8;
    border-radius: 3px;
}

.job-details .job-site.section {
    padding: 5px 10px;
}

@media(max-width: 1600px) {
    .job-details .sidebar {
        max-width: 50%;
        width: 50%;
    }
}
@media(max-width: 1000px) {
    .job-details .sidebar {
        max-width: 100%;
        width: 100%;
    }
    .job-details .contact-column { padding-right: 0; }
    .job-details .section { margin-bottom: 10px; }
}

.job-details .view-more-link { float: right; }

/* Job Customer Column */

.job-details .job-customer.section {
    font-size: 12px;
}
.job-details .job-customer.section h2 {
    border-bottom: 2px solid #e8e8e8;
    margin-bottom: 10px;
}
.job-details .job-customer.section h2 input[type="checkbox"] { float: right; margin-top: 14px; margin-right: 5px; }

.job-details .job-customer .customer-preview { padding: 0 5px 5px 5px; }
.job-details .job-customer .customer-preview div { padding-bottom: 3px; }
.job-details .job-customer .customer-field {
    padding: 0 5px 2px 5px;
}
.job-details .job-customer .customer-field label {
    font-size: 12px;
    padding-bottom: 2px;
    margin: 0;
}
.job-details .job-customer .customer-field.floats {
    width:100%;
    float:left;
}
.job-details .job-customer .customer-field.floats label,
.job-details .job-customer .customer-field.floats input {
    float:left;
    clear:none;
}
.job-details .job-customer .customer-field.floats label {
    line-height:27px;
    width:61px;
}
.job-details .job-customer .customer-field .secondary-customer-input { margin-left: 10px; }

.job-details .job-customer .customer-recent-jobs { padding-bottom: 10px; }
.job-details .job-customer .customer-recent-jobs .recent-job {
    padding: 5px 0;
    border-bottom: 1px solid #e8e8e8;
    line-height: 1.4em;
}
.job-details .job-customer .customer-recent-jobs .view-more-link { padding-top: 10px; }

.job-details .edit-customer { float: right; cursor: pointer; }

/* Job Details Column */

.job-details .sidebarred { }
.job-details .job-card-details {
    width: 860px;
    background-color: #F3F3F3;
    padding: 10px 30px;
    border-radius: 3px;
}
.job-card-details .form-field {
    padding-top: 10px;
    border-bottom: 1px solid #e8e8e8;
    min-height: 48px;
    box-sizing: border-box;
}

.job-details .sidebarred, .job-details .job-card-details { box-sizing: border-box; }
.job-details input, .job-details button, .job-details select, .job-details textarea { vertical-align: middle; }
.job-details .chosen-container-single {
    margin-bottom: 9px;
    height: 28px;
    box-sizing: border-box;
}
@media(max-width: 1600px) {
    .job-details .sidebarred, .job-details .job-card-details {
        max-width: 100%;
        width: 100%;
    }
}
@media(min-width: 1000px) {
    .job-card-details .form-field { max-width: 50%; }
    .job-details .sidebarred textarea.input {
        width: 650px;
        min-height: 80px;
    }
}
@media(max-width: 1000px) {
    .job-details .job-card-details { padding: 10px 15px; }
}
@media(min-width: 600px) {
    .job-details .form-field {
        min-width: 373px;
    }
}

/* Job Comments */
.job-details .job-comments .timestamp {
    font-style: italic;
    color: #999;
    font-size: 13px;
}
.job-details .job-comments .edit { cursor: pointer; }

/* Task Activity Log */
.task-activity-log .timestamp {
    font-style: italic;
    color: #999;
    font-size: 13px;
}
.task-activity-log .edit { cursor: pointer; }



/* Job Site Column */

.site-column {
    padding-left: 50px;
}

.site-column .sites.section, .job-details .job-customer.section {
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    padding: 10px 15px;
}
@media(min-width: 1600px) {
    .site-column .sites.section {
        width: 400px;
    }
}

.site-column .header-bar {
    border-bottom: 2px solid #e8e8e8;
    margin-bottom: 10px;
}
.site-column .sites.section .address {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
    cursor: move;
}
.site-column .sites.section input {
    margin-bottom: 0;
}
.site-column .sites.section .address:last-child { border-bottom: 0; }

.site-column .sites.section .address .address-preview, .site-column .sites.section .address .address-select {
    position: relative;
}
.address .remove-address {
    right: 0px;
    top: -2px;
    position: absolute;
    cursor: pointer;
}

.site-column .sites.section .address .address-preview .address-details {
    width: 100%;
    font-size: 12px;
}
.site-column .sites.section .address .address-details > div {
    padding: 0 0 5px 0;
}

.site-column .sites.section .address .contact-details > div { width: 50%; }

.site-column .sites.section .address .jobaddress-details { padding-top: 5px; }

.site-column .sites.section .address-select .address-add-type {
    padding-bottom: 5px;
}

.site-column .sites.section .address .address-preview .jobaddress-half {
    width: 65%;
    float: left;
    padding-right: 5px;
    box-sizing: border-box;
}
.site-column .sites.section .address .address-preview .map-half {
    width: 35%;
    float: right;
}
.site-column .sites.section .address .address-preview .form-field {
    border-bottom: 0;
    min-width: 0;
    padding-top: 0;
    min-height: 0;
}
.site-column .sites.section .address .jobaddress-details input, .site-column .sites.section .address .jobaddress-details select {
    max-width: 150px;
    float: right;
}
.site-column .sites.section .address .jobaddress-details textarea { width: 100%; max-width: 100%; }

@media(max-width: 1000px) {
    .site-column { padding-left: 0; }
    .site-column .sites.section {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }
}


/*
                     * Job Tasks
                     */

.job-tasks {}

.job-tasks input[type="text"].date, .job-tasks input[type="text"].small, .job-tasks select.small {
    width: 90px;
}

/* Remove Task Option */
.job-tasks .remove { width: 50px; text-align: center; padding-right: 5px; }
.job-tasks .remove a { visibility: hidden; }
.job-tasks .task:hover .remove a { visibility: visible; }

/* Job Task Actuals Separator */
.job-tasks th.actuals.start, .job-tasks td.actuals.start {
    border-left: 3px solid #e8e8e8;
}

/* Job Task Assignments -  Workers & Timesheets */
.job-tasks .resource-overview { clear: both; }
.job-tasks .resource-overview.jobflow-icons .jobflow-icon {
    margin: -6px 2px;
    text-align: center;
    line-height: 20px;
    min-width: 45px;
    border: 1px solid #666;
    box-sizing: border-box;
    padding: 2px;
    cursor: pointer;
    opacity: 0.6;
}
.job-tasks .resource-overview.jobflow-icons .jobflow-icon:hover, .job-tasks .resource-overview.jobflow-icons .jobflow-icon.tentative.add-time-entry:hover { opacity: 1; border: 1px solid #333; }
.job-tasks .resource-overview.jobflow-icons .jobflow-icon.tentative {
    opacity: 0.1;
}

.job-tasks .resource-overview.jobflow-icons .jobflow-icon.tentative:hover [class*="icon-"],
.job-tasks .resource-overview.jobflow-icons .jobflow-icon.tentative:hover [class^="icon-"],
.job-tasks .resource-overview.jobflow-icons .jobflow-icon.tentative:hover span {
    opacity: 1;
}

.job-tasks .resource-overview.jobflow-icons .jobflow-icon:hover [class*="icon-"],
.job-tasks .resource-overview.jobflow-icons .jobflow-icon:hover [class^="icon-"],
.job-tasks .resource-overview.jobflow-icons .jobflow-icon:hover span {
    opacity: 0.1;
}

.job-tasks .resource-overview.jobflow-icons .jobflow-icon { position: relative; }
.job-tasks .resource-overview.jobflow-icons .jobflow-icon.add-time-entry { min-height: 47px; }
.job-tasks .resource-overview.jobflow-icons .jobflow-icon .full-action {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 20;
    display: none;
    color: #222;
}
.job-tasks .resource-overview.jobflow-icons .jobflow-icon:hover .full-action {
    display: block;
    opacity: 1;
}

.job-tasks .resource-overview.jobflow-icons .jobflow-icon.add-time-entry .full-action { display: block; }
.job-tasks .resource-overview.jobflow-icons .jobflow-icon .full-action:before {
    font-size: 30px;
    line-height: 45px;
    text-align: center;
}
.job-tasks .resource-overview.jobflow-icons .jobflow-icon:hover .full-action.icon-clear:before {
    color: #222;
}
.job-tasks .resource-overview.jobflow-icons .jobflow-icon .full-action.icon-clear:before {
    font-size: 35px;
}

.job-tasks .resource-overview .resourceSearch { padding: 6px 0 7px 0; }
.job-tasks .resource-overview .resourceSearch input.form-control { width: 100px; }

.resource-overview .name { font-family: "Lato", sans-serif; font-size: 12px; }

.job-tasks .table.pretty.pseudo-table .resource-overview { padding: 0 10px 10px 10px; }
.job-tasks .table.pretty.pseudo-table .jobflow-icons .jobflow-icon { margin: 0 2px; }
.job-tasks .table.pretty.pseudo-table .resource-overview .resourceSearch input.form-control { margin-bottom: 0; }



/* Job Billing Details */

/* Job Billing Info */
.job-billing table tr.line-item td {
    line-height: 20px;
    opacity: 0.75;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}
.job-billing table tr.line-item td:first-child {
    padding-left: 50px;
}

.job-billing table tr.subtotal td {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.job-billing table tr td:last-child { position: relative; width: 40%; }
.job-billing table tr td:last-child span {
    text-align: right;
    position: absolute;
    right: 100%;
    top: 5px;
}
.job-billing table tr.subtotal td:last-child span, .job-billing table tr.total td:last-child span {
    margin-right: -60px;
}
.job-billing table tr.total td:last-child span { top: 10px; }


/* Shared Between Job-Details and Review Screen */
.billing .billing-type { font-weight: 600; text-align: left !important; }
.billing .billing-quantity { width: 15%; }
/* .billing .billing-rate { width: 15%; } */
.billing .billing-price { width: 30%; }

.billing.subtotal { font-weight: 400; text-align: left !important;}
.billing.total { font-weight: 600; }

table.billing > tbody > tr > td, table.billing > tfoot > tr > td {
    text-align: right !important;
}
table.billing.pretty > thead > tr > th { background-color: #191919; color: #fff; }

.billing .buy-label {
    font-size: 9px;
    color: #e36159;
    margin-right: 5px;
}

/* Job Card Printing */
#printBox, #indiPrintBox { visibility: hidden; }
.printMark {
    margin:0px 10px;
    line-height:30px;
}
.printMark input { margin-left:10px; }

/*
             * Customer Overview
             */

.landowner-address-details .address-lines {
    width: 50%;
    float: left;
}
.landowner-address-details .address-lines .address-name {
    font-weight: bold;
}

.customers-overview .table.pretty .thead > div.td:nth-of-type(1) { width:30%; }
.customers-overview .table.pretty .thead > div.td:nth-of-type(2) { width:25%; }
.customers-overview .table.pretty .thead > div.td:nth-of-type(3) { width:22.5%; }
.customers-overview .table.pretty .thead > div.td:nth-of-type(4) { width:22.5%; padding-left: 0; }


/*
             * Customer Details
             */

@media(min-width: 1000px) {
    .customer-details .form-group.notes-field { width: 700px; }
    .customer-details .notes-field textarea {
        width: 670px;
        min-height: 175px;
    }
}
@media(max-width: 1000px) {
    .customer-details .form-group { float: none; }
    .customer-details textarea.input { width: 100%; }
}
@media(min-width: 600px) {
    .customer-details .form-group {
        width: 450px;
        box-sizing: border-box;
    }
}

/* Sites Section on the Customer Screen */
.customer-edit .site-column {
    padding-left: 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 20px;
}

.customer-edit .site-column .sites.section {
    width: 100%;
    box-sizing: border-box;
    border: 0;
}
.customer-edit .site-column .sites.section .address {
    max-width: 420px;
    float: left;
    padding: 10px;
    margin: 5px;
    border: 1px solid #e8e8e8;
}
.customer-edit .site-column .sites.section .address .address-form-half {
    width: 55%;
    float: left;
}
.customer-edit .site-column .sites.section .address .address-preview .map-half { width: 40%; min-height: 130px; }
.customer-edit .site-column .sites.section .address .address-preview .map-half img { max-width: 100%; }
.customer-edit .site-column .sites.section .address .contact-details > div { width: 100%; }
.customer-edit .site-column .sites.section .address .form-field { margin-bottom: 3px; }


/* Customer's Loaded Jobs List */
.job-customer .customer-jobs table.pretty { font-size: 80%; }
.job-customer .customer-jobs table.pretty > tbody > tr > td, .job-customer .customer-jobs table.pretty > thead > tr > th { line-height: 14px; }
.job-customer .customer-jobs table.pretty > thead > tr > th:first-child, table.pretty > tbody > tr > td:first-child { padding-left: 5px !important; }
.job-customer .customer-jobs table.pretty > tbody > tr { }
.job-customer .customer-jobs .summary-count { font-size: 80%; }
.job-customer .form-field p.notes  { padding: 10px 0px; } /* Dunno if this one belongs here? */

/*
             * Site Address Page
             */

.address-edit .form-group.notes-field { width: 100%; }
.address-edit .notes-field textarea {
    width: 100%;
    min-height: 175px;
}
.address-edit .map-preview { margin-bottom: 10px; }
.address-edit .map-preview img {
    border: 1px solid #C7C7C7;
    border-radius: 5px;
}
.address-edit .map-preview .remove-upload {
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 200;
    color: #fff;
    display: none;
}
.address-edit .map-preview:hover .remove-upload {
    display: block;
}

.address-edit .map-save-label {
    padding: 100px 35px;
    border: 1px solid #C7C7C7;
    margin: 10px 35px 10px 0;
    height: 368px;
    border-radius: 5px;
}

.address-edit .form-field label.fixed {
    min-width: 150px;
    line-height: 35px;
}

.address-edit .form-field.with-btn label.fixed,
.address-edit .form-field.sitename label.fixed { min-width: 90px; }

.address-edit .form-field.sitename .input { width: 312px; }

.address-edit .form-field.with-btn select { margin-right: 10px; }

.address-edit .secondaryForage {
    color: #82807F;
    line-height: 30px;
    float: left;
    clear: both;
    margin-left: 150px;
}
.address-edit .secondaryForage:hover,
.address-edit .secondaryForage:focus {
    color: #F9BF48;
    cursor: pointer;
}

.address-edit hr {
    margin-right: 90px;
    margin-top: 10px;
}

.contact-info h2 {
    margin-top: 0px;
}

@media(min-width: 600px) {
    .address-edit .form-group {
        width: 438px;
        box-sizing: border-box;
    }
    .address-edit .form-group.notes-field { width: 500px; }

    .address-edit .map-preview {
        margin: 10px 35px 10px 0;
        max-width: 400px;
        position: relative;
    }
}

/*
         * Operations Sites Overview
         */

.op-sites-overview .hide-me {
    visibility: hidden;
}
.op-sites-overview .table,
.op-sites-overview .sites-table tr:last-child {
    border-bottom: 0px;
}

.op-sites-overview .table thead th { background-color: inherit; }

.op-sites-overview .border-bottom .sites-table.group tr:first-child td,
.op-sites-overview .sites-table tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.op-sites-overview .border-bottom .sites-table.group tr:first-child td.color-indicator { border-bottom: 0px; }


.op-sites-overview .sites-table td {
    height: 100px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #ddd;
    width: 14%;
}
.op-sites-overview .sites-table .site-overview {
    background-color: #f5f5f5;
}

.op-sites-overview .sites-table td.color-indicator,
.op-sites-overview .sites-table tr:last-child td.color-indicator {
    min-width: 0px;
    padding: 0px;
    border-top: 0px;
    border-bottom: 0px;
    width: 50px;
}

.op-sites-overview .sites-table td.color-indicator div {
    background-color: #734BA9;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 10px;
    float: right;
    height: 60px;
}

.op-sites-overview .sites-table td.color-indicator.toggle {
    min-width: 0px;
    border-right: 0px;
}

.op-sites-overview .sites-table td.color-indicator.toggle div {
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 5px;
    width: 40px;
    position: relative;
}

.op-sites-overview .sites-table td.color-indicator.toggle .apiary-icon {
    font-size: 20px;
    vertical-align: middle;
    position: absolute;
    top: 33%;
    left: 10px;
    color: #ffffff;
}

.op-sites-overview .sites-table td.color-indicator.pseudo-indicator {
    background-color: #fff;
}

.op-sites-overview .sites-table tr td.color-indicator.pseudo-indicator:last-child {
    border-right: 0;
}

.op-sites-overview .sites-table td.group-name a,
.op-sites-overview .sites-table td.site-name a {
    font-size: 16px;
    color: #222;
    font-weight: 600;
    display: block;

}
.op-sites-overview .sites-table td.group-name a:hover,
.op-sites-overview .sites-table td.group-name a:focus,
.op-sites-overview .sites-table td.site-name a:hover,
.op-sites-overview .sites-table td.site-name a:focus {
    color: #82807F;
    text-decoration: none;
}

.op-sites-overview .sites-table td.group-name span,
.op-sites-overview .sites-table td.site-name span {
    display: block;
    padding-top: 10px;
}

.op-sites-overview .sites-table td .apiary-icon { font-size: 40px; }

.op-sites-overview .sites-table td.biohazard .apiary-icon { color: #F9BF48; }

.op-sites-overview .sites-table td.supers .apiary-icon { color: #DB9E36; }


.op-sites-overview .sites-table td.varroa-strips { position: relative; }

.op-sites-overview .sites-table td.varroa-strips .due-dates {
    display: inline-block;
    margin: 5px 3px;
}
.op-sites-overview .sites-table td.varroa-strips .due-dates span {
    display: block;
    text-align: left;
}

.op-sites-overview .sites-table td.varroa-strips .due-dates .apiary-icon {
    font-size: 20px;
    color: #BABABA;
    vertical-align: sub;
    line-height: 25px;
    margin-right: 4px;
}

.op-sites-overview .sites-table td.varroa-strips .due-out {
    position: absolute;
    background-color: #E36159;
    color: #fff;
    font-size: 10px;
    bottom: -7px;
    right: 3px;
    padding: 2px 4px;
}

.op-sites-overview .sites-table td.truck-move .apiary-icon { color: #4da1bd; }

.op-sites-overview .sites-table td .summary-stat { font-size: 18px; margin-bottom: 0px; }

.op-sites-overview .sites-table td.notes {
    width: 30%;
    text-align: left;
}

.op-sites-overview .sites-table td.notes ul {
    list-style: none;
    padding-left: 20px;
}

.op-sites-overview .sites-table td.notes ul li:before {
    content: '\EA10';
    font-family: 'my-apiary';
    color: #69BE28;
    margin-right: 8px;
    vertical-align: middle;
}


/*
         * Operations Site View
         */
.buttons {
    float: right;
    padding-top: 15px;
}

.navigation-buttons .start-stop { float: left; }
.navigation-buttons .buttons { padding-bottom: 25px; }
.navigation-buttons .buttons span {
    background-color: #F9BF48;
    border-radius: 5px;
    display: inline-block;
    color: #ffffff;
    padding: 7px 8px 3px 8px;
    vertical-align: middle;
}
.navigation-buttons .buttons span.active {
    border: 1px solid #F9BF48;
    color: #F9BF48;
    background-color: #ffffff;
}
.navigation-buttons .buttons span i { font-size: 18px; }

.quick-stats {
    margin-bottom: 40px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #FAFAFA;
}
.quick-stats > div {
    border-right: 1px solid #ddd;
    text-align: center;
    font-size: 13px;
}

@media(max-width: 991px) {
    .quick-stats > div {
        border-right: 0px;
        border-bottom: 1px solid #ddd;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.quick-stats > div:last-child { border-right: 0px; }

@media(max-width: 991px) {
    .quick-stats > div:last-child {
        border-bottom: 0px;
        padding-bottom: 0px;
    }
}

.quick-stats h2 { font-size: 25px; }

.quick-stats p { margin-bottom: 5px; }
.quick-stats p.extra-padding-top { padding-top: 15px; }

.quick-stats .apiary-icon { font-size: 50px; }

.quick-stats .biohazard .apiary-icon { color: #F9BF48; }

.quick-stats .supers .apiary-icon { color: #DB9E36; }

.quick-stats .truck-move .apiary-icon { color: #4da1bd; }

.quick-stats .varroa-strips h2 {
    display: inline-block;
    vertical-align: super;
}

.quick-stats .varroa-strips .due-dates {
    display: inline-block;
    margin: 5px 3px;

}
.quick-stats .varroa-strips .due-dates span {
    display: block;
    text-align: left;
}

.quick-stats .varroa-strips .due-dates .apiary-icon {
    font-size: 16px;
    color: #BABABA;
}

.quick-stats .varroa-strips .treatment-spacer {
    min-height: 107.5px;
}

.apiary-management,
.apiary-management > div {
    padding: 0px;
}

.apiary-management > div.quick-stats { padding: 15px; }

.job-summary.tasks-summary .tasks-header { border-bottom: 1px solid #e8e8e8; }
.job-summary.tasks-summary .tasks-header h2 { float: left; }

.job-summary.tasks-summary .tasks-header span {
    float: right;
    padding: 15px;
}

.job-summary.tasks-summary .tabcontent .recent-visits {
    overflow-y: auto;
    max-height: 60vh;
}
.job-summary.tasks-summary .tabcontent .recent-visits .recent-visit {
    /*position: relative;*/
    display: flex;
    flex-direction: row;
}

.job-summary.tasks-summary .tabcontent .recent-visits .recent-visit .list-header {
    color: #fff;
    padding: 15px 0px;
    display: inline-block;
    background: #F9BF48;
    text-align: center;
    margin: 1px;
    width: 45px;
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
}
@media(max-width: 1300px) {
    .job-summary.tasks-summary .tabcontent .recent-visits .recent-visit .list-header {
        width: 35px;
    }
}
.job-summary.tasks-summary .tabcontent .recent-visits .recent-visit .list-header span {
    font-size: 16px;
    font-weight: 600;
}
@media(max-width: 1300px) {
    .job-summary.tasks-summary .tabcontent .recent-visits .recent-visit .list-header span {
        font-size: 10px;
    }
}

.job-summary.tasks-summary .tabcontent .recent-visits .recent-visit .job-list {
    background: #FAFAFA;
    display: inline-block;
    flex-grow: 1;

    min-height: 92px;
    border-bottom: 1px solid #C8C8C8;
    border-bottom-right-radius: 0em;
}
.job-summary.tasks-summary .tabcontent .recent-visits .recent-visit .job-list li { padding: 10px 15px 10px 40px; }

.op-site-view .navigation-buttons {
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 25px;
}

.op-site-view .job-summary.tasks-summary .tabcontent .recent-visits .recent-visit .job-list li { padding: 10px 15px; }

.op-site-view .job-summary.tasks-summary .tabcontent .recent-visits .recent-visit .job-list li span:before { display: none; }

.job-summary.tasks-summary .tabcontent > ul .list-header:before { display: none; }

.job-summary.tasks-summary .tabcontent .recent-visits .recent-visit.job { cursor: pointer; }

.job-summary.tasks-summary .tabcontent .recent-visits .recent-visit.job.completed .job-list li.complete { background-color: #eee; }

.job-summary.tasks-summary .tabcontent .recent-visits .recent-visit.job:not(.completed) ul.job-list * { background-color: white; }

.job-summary.tasks-summary .tabcontent .recent-visits .recent-visit.job:not(.completed) .job-list li i {
    color: #fff;
    background-color: #F8BE2F;
    border-left: 5px;
    font-size: 14px;
}

.job-summary.tasks-summary .tabcontent .recent-visits .recent-visit.job ul.job-list {
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
}

.job-summary.tasks-summary .tabcontent .recent-visits .recent-visit.job.completed .list-header {
    background-color: #B3B3B3;
}

.job-summary.tasks-summary .tabcontent .recent-visits .recent-visit.job ul.job-list li:first-child,
.job-summary.tasks-summary .tabcontent .recent-visits .recent-visit.job ul.job-list li:last-child {
    border-bottom-left-radius: 0.5em;
}

.hives-overview,
.notes-overview {
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-left: 30px;
    margin-bottom: 15px;
}
@media(max-width: 991px) {
    .hives-overview {
        margin-top: 15px;
    }
}

.hives-overview h2, .notes-overview h2 { float: left; color: #303030;}

.hives-overview .site-report-open,
.notes-overview ul .note .apiary-icon {
    background-color: #F9BF48;
    border-radius: 5px;
    color: #ffffff;
    vertical-align: middle;
}
.hives-overview .apiary-icon {
    /*padding: 5px;*/
    font-size: 22px;
}


.hives-overview #hive-strength {
    display: flex;
}
.hives-overview #hive-strength .hive-strength-entry {
    /*flex-grow: 1;*/
    /*margin-left: 15px;*/
    /*margin-right: 15px;*/
}

.hives-overview #brood-boxes .hive-summary,
.hives-overview #hive-strength .summary-stat {
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}

.hives-overview #hive-strength .summary-stat {
    padding: 30px 15px;
    text-align: center;
}

.hives-overview #hive-strength .summary-stat .summary-svg {
    float: none;
    width: 90px;
    margin: auto;
}


.hives-overview #hive-strength .summary-stat .count {
    float: none;
    padding-top: 30px;
}

.hives-overview #hive-strength .summary-stat .count span {
    display: block;
    font-size: 25px;
}

.hives-overview #hive-strength .summary-stat .count span.little { font-size: 13px; text-transform: uppercase; }

.hives-overview #hive-strength .strong.summary-stat .count span { color: #69BE28; }
.hives-overview #hive-strength .medium.summary-stat .count span { color: #F9BF48; }
.hives-overview #hive-strength .weak.summary-stat .count span { color: #E36159; }

.hives-overview #hive-strength .summary-stat .count p {
    padding-top: 35px;
}

.hives-overview #brood-boxes .hive-summary {
    position: relative;
    padding: 15px 20px;
}
.hives-overview #brood-boxes .hive-summary h4 {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    color: black;
    font-size: 35px;
    text-align: center;
}
@media(max-width: 1660px) {
    .hives-overview #brood-boxes .hive-summary h4 {
        font-size: 30px;
    }
}
@media(max-width: 1100px) {
    .hives-overview #brood-boxes .hive-summary h4 {
        font-size: 25px;
    }
}

.hives-overview #brood-boxes #single.hive-summary h4,
.hives-overview #brood-boxes #half.hive-summary h4 {
    bottom: 15%;
}

@media(max-width: 1400px) {
    .hives-overview #brood-boxes #single.hive-summary h4,
    .hives-overview #brood-boxes #half.hive-summary h4 {
    }
}

.hives-overview #brood-boxes .hive-summary h4 span {
    display: block;
    font-size: 20px;
    padding-top: 18px;
    font-weight: 300;
}

@media(max-width: 1660px) {
    .hives-overview #brood-boxes .hive-summary h4 span {
        font-size: 15px;
    }
}

@media(max-width: 1300px) {
    .hives-overview #brood-boxes .hive-summary h4 span { display: none; }
}

.hives-overview #brood-boxes .hive-summary .weight {
    display: block;
    font-size: 14px;
    color: #7d7d7d;
    text-align: center;
    margin-top: -20px;
    margin-bottom: 15px;
}

.hives-overview #brood-boxes .hive-summary p {
    padding-left: 20px;
    font-size: 15px;
    color: #5e5e5e;
}
.hives-overview #brood-boxes .hive-summary p span {
    color: #F9BF48;
    padding-left: 5px;
}

.tasks-header .apiary-icon-plus-circle, .notes-overview .apiary-icon-plus-circle {
    color: #999999;
    font-size: 23px;
}

.notes-overview .notes {
    list-style: none;
    overflow: auto;
    max-height: 20vh;
}
.notes-overview .header-row, .hives-overview .header-row {
    padding-top: 10px;
    padding-bottom: 10px;
}
.notes-overview .header-row .add-note-button {
    padding-right: 15px;
}

.header-row .buttons {
    float: none;
    padding-top: 0;
    padding-right: 15px;
}

.notes-overview .notes li.note {
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}
.notes-overview .notes li.note:last-child { border-bottom: none; }

.notes-overview .notes .note .details {
    float: left;
    color: #616161;
    width: 90%;
}

.notes-overview .notes .note .details h3 {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.notes-overview .notes .note .details h3 span { color: #a3a3a3; }

.notes-overview .notes .note .details p span { font-weight: 600; }

.notes-overview .notes .note.edit .details input {
    margin-bottom: 15px;
    font-size: 15px;
}

.notes-overview .notes .note.edit .details textarea {
    min-height: 75px;
    width: 100%;
    padding: 10px;
}

.notes-overview .notes .note .apiary-icon {
    padding: 2px;
    float: right;
    font-size: 25px;
    margin-top: 15px;
}

.notes-overview .notes .note.edit .apiary-icon {
    padding: 5px;
    float: right;
    font-size: 20px;
    margin-top: 15px;
    margin-left: 5px;
}
.notes-overview .notes .note.edit .apiary-icon.cancel { background-color: #aaa; }



/*
             * Site Group Detail View
             */
.group-details .colour-options {
    display: block;
}

.group-details .colour-options > li {
    display: block;
    float: left;
    width: 20%;
}

.group-details .colour-option {
    float: left;
    width: 20px;
    height: 20px;
    margin: 5px;
    border: 1px solid rgba(0, 0, 0, .2);
}

.group-details .colour-option .apiary-icon-checkmark {
    color: #ffffff;
    margin-left: 3px;
    font-size: 12px;
}

.group-details .group-sites-overview {
    max-width: 550px;
}
.group-details .group-sites-overview .table {
    padding-top: 40px;
}


/*
             * Review Jobs
             */
.review {  }
.review .table.pretty.pseudo-table .td.name, .review .table.pretty.pseudo-table .th.name {
    width: 400px;
}
.summary-wrapper .details { padding: 20px; }
.summary-wrapper .review-address {
    padding-bottom: 20px;
    opacity: 0.75;
    font-size: 12px;
}
.summary-wrapper .heading-row {
    background: #f8f8f8;
}

/* Review Page & Job Overview Tasks Table */

.summary.job-tasks table.pretty .heading-row td {
    font-size: 13px;
    font-weight: normal;
}
.summary.job-tasks table.pretty > thead > tr > th, .summary.job-tasks table.pretty > tbody > tr > td {
    padding: 5px;
    line-height: 20px;
}
.summary.job-tasks table.pretty > thead > tr > th {
    background-color: transparent;
    font-size: 13px;
    font-weight: normal;
}

.summary.job-tasks table.pretty > tbody > tr > td {
    font-size: 11px;
}
.summary.job-tasks table.pretty th:first-child {
    padding-left: 5px;
}
.summary.job-tasks table.pretty .numeric {
    text-align: right;
}
.summary.job-tasks .time-entries .name { margin-right: 5px; }
.summary.job-tasks .time-entries .name:after { content: ','; }
.summary.job-tasks .time-entries .name:last-child:after { content: ''; }


/*.job-tasks td { opacity: 0.75; }   -> this was causing placement error for the drop down on the job details tasks table*/
.summary.job-tasks .heading-row td { opacity: 1; border-bottom: 1px solid #999; }



/*
             * Scheduler
             */

/* the scheduler screen is currently not responsive and needs further refactoring... */

.scheduler .calendar-heading {
    background: #e3e3e3;
    text-align: center;
    border-radius: 5px;
    position: relative;
    margin-bottom: 10px;
}
.scheduler .calendar-heading h3 {
    font-size: 15px;
    color: #404040;
    margin-top: 0px;
    line-height: 35px;
}

@media(max-width: 1440px) {
    .scheduler .calendar-heading h3 {
        font-size: 13px;
    }
}

.scheduler .calendar-heading .left-arrow,
.scheduler .calendar-heading .right-arrow {
    position: absolute;
    display: inline-block;
    font-size: 18px;
    top: 8px;
}
.scheduler .calendar-heading .left-arrow:hover,
.scheduler .calendar-heading .left-arrow:focus,
.scheduler .calendar-heading .right-arrow:hover,
.scheduler .calendar-heading .right-arrow:focus {
    text-decoration: none;
}

.scheduler .calendar-heading .left-arrow { left: 10px; }
.scheduler .calendar-heading .right-arrow { right: 10px; }

.scheduler input.site-picker {
    display: inline;
}
.scheduler select, .scheduler .form-field .input, .scheduler .form-field select { width: 130px; }
.scheduler .date-from { margin-right: 30px; }
.scheduler .form-field.job-type { margin-right: 10px; }
.scheduler .form-field .date { width: 90px; }
.scheduler .form-field.filter-keywords { margin-right: 20px; }

/* general style */
.search .form-field input[type="checkbox"] { margin: 8px 0; }

.scheduler .filter-fields {
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
    max-width: 100%;
    border-bottom: 1px solid #aaa;
    height: 50px;
}
.scheduler .filter-fields .cntrl-group { width: 100%; }
.scheduler .filter-fields .padd-left { padding-left: 20px; }

@media screen {
    .scheduler .job-cards .job-card,
    .team .job-types .job-card {
        border: none;
        border-radius: 5px;
        padding: 10px;
        background-color: #F9BF48;
        color: #ffffff;
        font-size: 16px;
    }

    .scheduler .job-cards .job-card:hover,
    .scheduler .job-cards .job-card:focus,
    .team .job-types .job-card:hover,
    .team .job-types .job-card:focus {
        background-color: #DB9E36;
    }
}

.scheduler .job-cards .job-card,
.team .job-types .job-card {
    box-sizing: border-box;
    margin-bottom: 20px;
}

@media(max-width: 1440px) {
    .scheduler .job-cards .job-card,
    .team .job-types .job-card {
        margin-bottom: 8px;
        font-size: 12px;
    }
}

.scheduler .job-cards {
    height: 80vh;
    overflow-y: auto;
}
.scheduler .job-cards .job-card {
    min-height: 50px;
    min-width: 100px;
    overflow: auto;
}
.scheduler .job-cards .job-card .job-card-heading {
    line-height: 30px;
    max-width: 70%;
}

.scheduler .job-cards .job-card.confirmed { border: 1px solid #59B200; }
.scheduler .job-cards .job-card.confirmed.highlight { box-shadow: 0px 0px 5px #59B200; }
.scheduler .job-cards .job-card .confirmed .task-name { color: #59B200; }



.scheduler .job-cards .job-card.tentative { border: 1px solid #0088cc; }
.scheduler .job-cards .job-card.tentative.highlight { box-shadow: 0px 0px 5px #0088cc; }
.scheduler .job-cards .job-card.tentative a,
.scheduler .job-cards .job-card .tentative .task-name { color: #0088cc; }

.scheduler .job-cards .job-card.overdue { border: 1px solid #E11B32; }
.scheduler .job-cards .job-card .overdue .task-name,
.scheduler .job-cards .job-card.overdue .job-card-heading a { color: #E11B32; }

.scheduler .job-cards .job-card .job-date,
.scheduler .job-cards .job-card .job-time { padding-top: 2px; }

.scheduler .job-cards .job-card .job-date { padding-right: 15px; }
.scheduler .job-cards .job-card .job-time { padding-right: 15px; display: none; }

.scheduler .job-cards .job-card .job-date input.date { margin-bottom: 0; }
.scheduler .job-cards .job-card .job-date i.icon-calendar { margin-top: 0; }

.scheduler .job-cards .job-card .job-actions,
.team .job-types .job-card .job-actions { margin-top: -2px; text-align: right; width:100px;}

.scheduler .job-cards .job-card .apply-team {
    width: 35px;
    display: inline-block;
}

@media(max-width: 1440px) {
    .scheduler .job-cards .job-card .apply-team {
        width: 30px;
    }
}

.scheduler .job-cards .job-card .apply-team a { display: block; }
.scheduler .job-cards .job-card .apply-team a:hover { text-decoration: none; }

.scheduler .job-cards .job-card .apply-team i:before { color: #ffffff; }
.scheduler .job-cards .job-card .apply-team:hover i:before { color: #ffffff; text-decoration: none; }


.scheduler .job-priority {
    font-size: 26px;
    width: 30px;
    text-align: center;
    color: #ccc;
    position: relative;
    right: 5px;
}
.scheduler .schedule.calendar {
    height: 80vh;
    overflow-y: auto;
}

.scheduler .job-card-tasks {
    margin-top: 10px;
    padding-bottom: 35px;
}

.cardView .taskLegend ul li div.taskLegInc,
.cardView table.pretty > tbody > tr.noAssign {
    opacity: 0.4;
}
.cardView .taskLegend ul li div.taskLegInc {
    pointer-events: none;
}

.job-card.cardView .btn-save {
    float: right;
    margin-top: 10px;
}
.team .job-card-tasks table.pretty > tbody > tr > td,
.team .job-card-tasks table.pretty > thead > tr > th {
    height: 30px;
    line-height: 30px;
}
.team .job-card-tasks table.pretty > thead > tr > th,
.jobcards .job-products table.pretty > thead > tr > th,
.fakeTh {
    padding: 10px 10px 0 10px;
    font-weight: normal;
    color: #303030;
}


/* Schedule View  */

@media(max-width: 1300px) {
    .scheduler .schedule table {
        font-size: 13px;
    }
}

.scheduler .schedule .table > thead > tr > th {
    padding: 10px;
    color: #303030;
    background-color: #e8e8e8;
    line-height: 20px;
}
.scheduler .schedule .table > thead > tr > th.active {
    background-color: #BABABA;
    color: #ffffff;
}

.scheduler .schedule table tr td {
    height: 90px;
    vertical-align: middle;
    padding-bottom: 5px;
}

.scheduler .schedule table tr td.overdue.over {
    background-color: rgba(227, 97, 89, 0.2);
}

.scheduler .schedule table tr td.over {
    background-color: rgba(92, 166, 35, 0.2);
}



.scheduler .schedule .table.pretty > .tbody > .tr > .td.scheduled-resource,
.scheduler .schedule .table.pretty > .tbody > .tr > .td.scheduled-day { padding: 5px; }

.scheduler .schedule .table.pretty .tr .scheduled-resource { width: 16%; }
.scheduler .schedule .table.pretty .tr .scheduled-day,
.scheduler .schedule .calendar-view table tr .scheduled-date {
    overflow: hidden;
}

.scheduler .schedule .table > tbody > tr:hover { background-color: #ffffff; }

.scheduler .schedule .draggable-resource {
    cursor: pointer;
    width: 100%;
}

.scheduler .schedule .draggable-resource.faded { opacity: 0.25; }
.scheduler .schedule .draggable-resource.active { color: #08c; }

.scheduler .schedule .table.pretty .td.scheduled-day .wrapper {
    overflow: hidden;
    margin: -3px;
    position: relative;
    height: 30px;
    z-index: 100;
}

.scheduler .schedule .table.pretty .td.scheduled-day.overbudget:hover .wrapper {
    overflow: visible;
    z-index: 1000;
}

.scheduler .schedule .hours-block {
    display: block;
    line-height: 20px;
    color: #fff;
    height: 26px;
    box-sizing: border-box;
    width: 300px;
    position: absolute;
    left: 0;
    top: 0;
}
.scheduler .schedule .hours-block .assignment {
    height: 25px;
    background-color: #59B200;
    display: inline-block;
    font-size: 10px;
    border-radius: 3px;
    box-sizing: border-box;
    border-right: 1px solid #f5f5f5;
    cursor: pointer;
}
.scheduler .schedule .hours-block .assignment.tentative { background-color: #0088cc; }

.scheduler .schedule .hours-block .assignment.overbudget,
.scheduler .schedule .hours-block .assignment.tentative.overbudget { background-color: #aa1111; }

.scheduler .schedule .hours-block .assignment.overdue { background-color: #E11B32; }
.scheduler .schedule .hours-block .assignment.complete.overdue { display: none; }

.scheduler .schedule .hours-block .assignment.complete,
.scheduler .schedule .hours-block .assignment.tentative.complete,
.scheduler .schedule .hours-block .assignment.overbudget.complete  { background-color: #e0e0e0; }

.scheduler .schedule .hours-block .assignment div { height: 100%; }


.landowner-edit .table {
    display: table;
    border-collapse: collapse;
}
.landowner-edit .thead {
    display: table-header-group;
}
.landowner-edit .tr {
    display: table-row;
}
.landowner-edit .tr .td, .landowner-edit .tr .th {
    display: table-cell;
    padding: 5px;
    border: 1px solid #ddd;
}

.scheduler .schedule .calendar-view {
    /*overflow-x: scroll;*/
}
.scheduler .schedule .calendar-view .expanded {
    min-width: 1500px;
}
.scheduler .schedule .calendar-view .table.pretty .thead,
.scheduler .schedule .calendar-view .table.pretty .tbody {
    width: 100%;
}
.scheduler .schedule .calendar-view .table.pretty .tr {
    width: 100%;
}

/* Scheduler -> Calendar / Team View */
.fancyscheduler .jobflow-icons .show-calendar-view { cursor: pointer; }
.fancyscheduler .jobflow-icons .show-calendar-view.icon-teamcalendar:before { color: #ccc; font-size: 30px; }
.fancyscheduler .jobflow-icons .show-calendar-view.icon-teamcalendar:hover:before { color: #000; }

.calendar-view table tr th.team { text-align: center; }
.calendar-view table tr th.team .team-handle { cursor: pointer; }
.calendar-view table tr th.team i:before { color: #ccc; }
.calendar-view table tr th.team:hover i:before { color: #000; }

.scheduler .schedule .calendar-view table tr td.scheduled-date,
.scheduler .schedule .calendar-view table tr td.scheduled-team {
    border-right: 1px solid #e0e0e0;
}

.scheduler .schedule .calendar-view table tr td.scheduled-team { text-align: center; }

.scheduler .schedule .calendar-view table tr td:first-child { border-left: 1px solid #e0e0e0; }

.calendar-view .team-job {
    min-height: 60px;
    min-width: 90px;
    color: #fff;
    line-height: 20px;
    font-size: 14px;
    display: block;
    cursor: pointer;
    width: 100%;
    margin-bottom: 5px;
    box-sizing: border-box;
}
@media(max-width: 1300px) {
    .calendar-view .team-job {
        font-size: 12px;
        line-height: 18px;
    }
}

.calendar-view .team-job .inner {
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #5CA623;
    min-height: 60px;
    box-sizing: border-box;
}

.calendar-view .team-job.tentative .inner { background-color: #607BB5; }
.calendar-view .team-job.overdue .inner { background-color: #E36159; }
.calendar-view .team-job.completed .inner {
    background-color: #9B9A9C;
    cursor: default;
}

.calendar-view .team-job .inner span {
    display: block;
    text-align: center;
}
.calendar-view .team-job .inner span.site-name { font-weight: 300; }
.calendar-view .team-job .inner span.job-type { font-weight: 400; }
.calendar-view .team-job .inner span.code { font-size: 14px; }



/* Scheduler -> Team View */

.scheduler .schedule .members {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 0;
    position: relative;
    min-height: 20px;
}
.scheduler .schedule .members .team-label {
    font-size: 14px;
    color: #bbb;
    position: absolute;
    top: 7px;
    right: 12px;
    text-align: right;
    text-decoration: none;
}
.scheduler .schedule .jobflow-icons .members .jobflow-icon { margin-top: 5px; margin-bottom: 10px; }

.scheduler .schedule .non-members { margin-top: 10px; }
.scheduler .schedule .non-members.all { margin-top: 0; }
.scheduler .schedule .jobflow-icons .non-members .jobflow-icon {
    padding: 35px 5px 5px 5px;
    font-size: 15px;
    min-width: 35px;
    margin: 5px 10px 10px 10px;
}
.scheduler .schedule .jobflow-icons .non-members [class^="icon-"]:before, .scheduler .schedule .jobflow-icons .non-members [class*=" icon-"]:before { font-size: 20px; }

/* Flat UI for Scheduler */
.scheduler .job-card-header .job-card-heading {
    font-size: 16px;
}
.scheduler .job-card-header .address-details,
.scheduler .job-card-header .assignment-details,
.scheduler .job-card-tasks .task-quantities,
.scheduler .customer-name,
.team .job-card-header .assignment-details,
.assignment-details {
    font-size: 12px;
    color: #999;
}
.scheduler .customer-name { vertical-align: middle; }

.scheduler .job-cards { padding: 0px; }

.scheduler .job-card a { cursor: pointer; }

.scheduler .form-field.show-non-match label {
    font-size: 11px;
    color: #999;
}

.scheduler .job-card-footer { padding: 10px 0; }

/* Scheduler Icons - Shared With Teams */

.resource-box {
    margin: 0px 10px;
    text-align: center;
}

.scheduler .jobflow-icons .jobflow-icon,
.scheduler .jobflow-icons .jobflow-icon,
.team .jobflow-icons .jobflow-icon {
    font-size: 14px;
    padding: 50px 10px 10px 10px;
    position: relative;
    min-width: 50px;
    text-align: center;
    float: left;
    margin: 15px 10px 0 10px;
    cursor: pointer;
}


.scheduler .garage.jobflow-icons [class^="icon-"],
.scheduler .garage.jobflow-icons [class*=" icon-"],
.team .jobflow-icons [class^="icon-"],
.team .jobflow-icons [class*=" icon-"] {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
}
.scheduler .jobflow-icons [class^="icon-"]:before,
.scheduler .jobflow-icons [class*=" icon-"]:before,
.team .jobflow-icons [class^="icon-"]:before,
.team .jobflow-icons [class*=" icon-"]:before {
    font-size: 35px;
    color: #000;
}

.team .non-members .jobflow-icons .jobflow-icon {
    padding: 30px 5px 5px 5px;
    min-width: 40px;
}

.team .non-members .jobflow-icons [class^="icon-"],
.team .non-members .jobflow-icons [class*=" icon-"] {
    font-size: 13px;
}
.team .non-members .jobflow-icons [class^="icon-"]:before,
.team .non-members .jobflow-icons [class*=" icon-"]:before {
    font-size: 20px;
}

.scheduler .jobflow-icons .jobflow-icon.faded [class^="icon-"],
.scheduler .jobflow-icons .jobflow-icon.faded [class*=" icon-"],
.scheduler .jobflow-icons .jobflow-icon.faded div.name {
    opacity: 0.1;
}
.scheduler .jobflow-icons .jobflow-icon.semifaded [class^="icon-"],
.scheduler .jobflow-icons .jobflow-icon.semifaded [class*=" icon-"],
.scheduler .jobflow-icons .jobflow-icon.semifaded div.name {
    opacity: 0.25;
}

.scheduler .jobflow-icons .jobflow-icon.active,
.scheduler .jobflow-icons .jobflow-icon.active [class^="icon-"]:before,
.scheduler .jobflow-icons .jobflow-icon.active [class*=" icon-"]:before,
.team .jobflow-icons .jobflow-icon.active,
.team .jobflow-icons .jobflow-icon.active [class^="icon-"]:before,
.team .jobflow-icons .jobflow-icon.active [class*=" icon-"]:before {
    color: #08c;
}

.team .jobflow-icons .jobflow-icon.faded {
    opacity: 0.25;
}

.scheduler .upcoming-schedule .jobflow-icons [class^="icon-"],
.scheduler .upcoming-schedule .jobflow-icons [class*=" icon-"] {
    min-width: 35px;
    text-align: right;
    padding-right: 3px;
}
.scheduler .upcoming-schedule .jobflow-icons [class^="icon-"]:before,
.scheduler .upcoming-schedule .jobflow-icons [class*=" icon-"]:before {
    font-size: 17px;
    color: #000;
    opacity: 1;
}

.scheduler .upcoming-schedule .jobflow-icons .schedule-row:hover [class^="icon-"]:before,
.scheduler .upcoming-schedule .jobflow-icons .schedule-row:hover [class*=" icon-"]:before {
    opacity: 1;
}
.scheduler .upcoming-schedule .jobflow-icons .active [class^="icon-"]:before,
.scheduler .upcoming-schedule .jobflow-icons .active [class*=" icon-"]:before {
    color: #08c;
}


/*
             * Job Cards
             */
/* the job cards screen is currently not responsive and needs further refactoring... */
.jobcards .filter-fields .form-field { margin-right: 20px; }
.jobcards .search .btn { margin-left: 5px; }
.jobcards .job-cards { width: 100%; }

.job-cards .src-details {
    float: right;
    font-size: 12px;
    color: #999;
    padding: 7px 10px;
    margin: -3px 10px -3px 0;
    background-color: #f8f8f8;
}
.scheduler .job-cards .src-details.src-details-small {
    min-height: 25px;
    max-width: 130px;
}
.job-cards .src-details-expanded {
    float: none;
    margin: 0;
}

.jobcards .job-cards .job-address-details {
    float: right;
    width: 50%;
    box-sizing: border-box;
    padding: 20px;
}
/*.jobcards .job-cards .job-address-details > .address { width: 50%; }*/
.jobcards .job-cards .job-address-details .address-preview span.value { display: block; float: none; }

.jobcards .job-cards .map-half, .jobcards .job-cards .jobaddress-half { width: 50%; }
.jobcards .job-cards .map-half {
    padding: 10px;
    box-sizing: border-box;
}
.jobcards .job-cards .map-half a img { max-height: 150px; }
/*.jobcards .job-cards .job-address-details .map { max-width: 50%; }*/

.jobcards .job-cards .job-card-details {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 20px;
}

.jobcards .job-cards .form-field {
    padding-top: 5px;
    min-height: 0;
}
.jobcards .job-cards .address-preview .form-field {
    min-width: 0;
    width: 100%;
}

.jobcards .job-cards .job-card-details .left,
.jobcards .job-cards .job-card-details .right  { width: 50%; }

.jobcards .job-cards label { color: #999; }
.jobcards .job-cards span.value {
    vertical-align: top;
    display: inline-block;
    line-height: 28px;
}

@media screen {
    .scheduler.jobcards .job-card-tasks table.pretty > tbody > tr > td {
        padding: 5px;
        min-height: 40px;
    }
}

/* Print Icons */
.jobcards .job-card-tasks .print-link i:before, .print-link i:before {
    font-size: 24px;
    color: #333;
}
.jobcards .job-card-tasks .icon-warning:before {
    color:#933!important;
    font-size:26px!important;
}
.jobcards .job-card-tasks .print-link:hover i:before, .print-link:hover i:before {
    color: #000;
}

.jobcards .job-card-header .print-link i:before {
    font-size: 36px;
    color: #333;
}
.jobcards .job-card-header .print-link:hover i:before {
    color: #000;
}

.jobcards .job-card-tasks table.pretty > thead > tr > th,
.jobcards .job-card-tasks table.pretty > tbody > tr > td,
.jobcards .job-card-tasks table.pretty > tfoot > tr > td {
    text-align: left;
}

.jobcards .job-card-tasks table.pretty > thead > tr > th.numeric,
.jobcards .job-card-tasks table.pretty > tbody > tr > td.numeric,
.jobcards .job-card-tasks table.pretty > tfoot > tr > td.numeric{
    text-align: right;
    width: 125px;
    padding-right: 10px;
}

.jobcards .job-card-tasks table.pretty > thead > tr > th.centered,
.jobcards .job-card-tasks table.pretty > tbody > tr > td.centered {
    text-align: center;
}

/*
             * Stock Overview
             */

.stock-warning {
    margin-top: -30px !important;
    margin-right: -20px !important;
    float: right;
}


/*
             * Resources Overview
             */



/*
             * Resource Edit
             */

.resource-edit {}
.resource-details .form-field { padding-bottom: 5px; }

@media(min-width: 1000px) {

    .resource-edit .entity-details { float: left; }

    .resource-edit .team-links {
        float: left;
        width: 645px;
        padding-top: 5px;
    }
    .resource-edit .team-links a { float: left; margin-right: 10px; }

    .resource-edit .resource-jobs {
        float: right;
        width: 50%;
        padding-bottom: 40px;
    }
    .resource-edit .resource-jobs .table {
        padding-top: 15px;
    }

    .resource-details .hint {
        max-width: 640px;
        margin-left: 150px;
    }
}




/*
             * Team Overview Page
             */

.teams-overview {
    padding-top: 40px;
}

.teams-overview .resource-overview.jobflow-icons .jobflow-icon {
    font-size: 12px;
    min-width: 25px;
    margin: 0 10px;
    text-align: center;
    line-height: 20px;
}
.teams-overview .resource-overview.jobflow-icons [class^="icon-"]:before, .resource-overview.jobflow-icons [class*=" icon-"]:before { font-size: 20px; }

/*
             * Team Detail Page
             */

/* Same Style In Scheduler */
@media(min-width: 500px) {
    .team .job-types {
        width: 50%;
        padding-top: 20px;
    }
    .team .team-members {
        width: 50%;
        padding: 20px;
        box-sizing: border-box;
    }
}
@media(max-width: 499px) {
    .team-header .entity-actions { clear: both; }
    .team .team-members { margin-bottom: 20px; }
    .team .job-types { float: none; clear: both; }
}

.team .members, .team .non-members {
    border: 1px solid #ccc;
    margin: 0;
    padding: 10px;
}
.team .members > .section { margin: 0; }
.team .members .jobflow-icons .jobflow-icon { margin-top: 5px; margin-bottom: 10px; }

.team .non-members { margin-top: 10px; }
.team .non-members strong { color: #bbb; }
.team .non-members .jobflow-icons .jobflow-icon {
    padding: 40px 10px 10px 10px;
    font-size: 15px;
    min-width: 40px;
    margin: 5px 10px 10px 10px;
    color: #bbb;
}
.team .non-members .jobflow-icons [class^="icon-"]:before, .team .non-members .jobflow-icons [class*=" icon-"]:before { font-size: 25px; color: #bbb; }

.team .jobflow-icons { min-height: 40px; }
.team .members .jobflow-icons .jobflow-icon.archived, .team .members .jobflow-icons .jobflow-icon.archived [class*=" icon-"]:before { color: #cc0033;}

.team .non-members .input { margin-left: 15px; }


/*
             * Template Detail
             */


@media(min-width: 999px) {
    .job-template-header label {
        line-height: 28px;
        padding-right: 10px;
        margin-top: 5px;
        font-size: 14px;
        padding-left: 40px;
    }
    .job-template-header label.name-label { padding-left: 0; }
}

/* Job Template Tasks Section */
.template-main .job-template-tasks { border: 0; }

.job-template-tasks .tasks-table {
    float: left;
    width: 60%;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    box-sizing: border-box;
}
.job-template-tasks .tasks-table tbody > tr > td.centered {
    text-align: center;
}


.job-template-tasks .sidebar-wrapper {
    float: right;
    width: 35%;
    /*padding-left: 40px;*/
    box-sizing: border-box;
}

.job-template-tasks .sidebar {
    padding: 0 20px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    width: 580px;
    max-width: 100%;
}

.job-template-tasks .sidebar .box { padding: 15px 0 15px 0; border-bottom: 1px solid #e8e8e8; }
.job-template-tasks .sidebar .box:last-child { border-bottom: 0; }

.job-template-tasks .sidebar h2 { margin-bottom: 10px; }

.job-template-tasks .sidebar ul { margin: 0; padding: 0; }
.job-template-tasks .sidebar ul, .job-template-tasks .sidebar li { list-style: none; }
.job-template-tasks .sidebar li {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #e8e8e8;
}
.job-template-tasks .sidebar li div {
    display: inline-block;
    padding: 0 5px;
    vertical-align: middle;
}
.job-template-tasks .sidebar li div:first-child { padding-left: 0; }
.job-template-tasks .sidebar li div:last-child { padding-right: 5; }
.job-template-tasks .sidebar li div input { vertical-align: middle; margin-bottom: 0; }

.job-template-tasks .cost { float: right; }

.job-template-tasks .sidebar .tr {
    line-height: 30px;
    padding: 5px 0;
    box-sizing: border-box;
}

.job-template-tasks .sidebar .actions { margin-top: 10px; }

@media(max-width: 1800px) {
    .job-template-tasks .tasks-table {
        float: none;
        width: 100%;
    }
    .job-template-tasks .sidebar-wrapper {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
}


/*
             * Reports Overview
             */

.reports-overview { padding-top: 20px; }
.report-widget, .dashboard .report-widget, .report-widget.widget {
    padding: 5px;
    box-sizing: border-box;
}
@media(min-width: 800px) {
    .report-widget, .dashboard .report-widget, .report-widget.widget {
        float: left;
        width: 50%;
    }
    .dashboard .report-widget-row .report-widget:first-child { padding-left: 0; }
    .dashboard .report-widget-row .report-widget:last-child { padding-right: 0; }
}
@media(max-width: 799px) {
    .report-widget, .dashboard .report-widget, .report-widget.widget {
        padding: 5px 0;
        float: none;
    }
    .dashboard .widget { padding: 5px 0; }
}

.report-widget-inner {
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #eee;
}
.report-widget .chart-container, .report-widget canvas {
    max-width: 100%;
}

/* Individual Reports */
.monthly-summary .td { width: 12.5%; }


/*
             * Review Page
             */

/* does this actually make sense anymore? Is this just a filter on the jobs list? */


/*
             * Work Queue Page
             */
.queue-header .entity-actions .form-field { padding-right: 15px; }
.queue-header .entity-actions .form-field:last-child { padding-right: 0; }



/*
 * Login Page
 */

.login-toggle {
    -webkit-transition: linear 1s;
    -moz-transition: linear 1s;
    -ms-transition: linear 1s;
    -o-transition: linear 1s;
    transition: linear 1s;
}

.login-toggle.ng-enter { opacity: 0; }
.login-toggle.ng-enter-active { opacity: 1; }
.login-toggle.ng-leave { opacity: 1; }
.login-toggle.ng-leave-active { opacity: 0; }


/* Login Box */

#login-box {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: #F9BF48;
    background-image: url(assets/hex.a9f7dde7bd3b3b46dbaa71b49750f314.png);
    background-size: 350px;
    overflow-y: auto;
}
#login-box .logo {
    max-width: 600px;
    margin: 15px auto;
    padding: 15px;
}
#login-box .logo img {
    width: 100%;
}
#login-box .login-inner {
    width: 410px;
    padding: 20px;
    margin: auto;
    background-color: #f5f5f5;
    border-radius: 4px;
    max-width: 100%;
    box-sizing: border-box;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
    position: relative;
    top: 22%;
}
#login-box .title {
    color: #474747;
    font-size: 26px;
}
#login-box .description {
    font-size: 16px;
    color: #474747;
    margin: 10px 0;
}

#login-box .login-inner.error .description { color: #C00; }

/*#login-box input {*/
/*height: 34px !important;*/
/*border: 2px solid #F9BF48;*/
/*border-radius: 4px;*/
/*color: #474747;*/
/*}*/
/*#login-box .login-inner.error input.ng-invalid {*/
/*border-color: #C00;*/
/*}*/

/*#login-box input:focus {*/
/*border: 2px solid #3498db;*/
/*}*/
/*#login-box input,*/
#login-box .btn {
    width: 100%;
    margin: 8px 0;
    border-radius: 4px;
}

#login-box .btn {
    background: #F9BF48;
    border: none;
    color: #fff;
    text-shadow: none;
    font-size: 20px !important;
    height: 50px;
}
#login-box .btn .icon-lock {
    font-size: 12px;
    color: rgba(0,0,0,0.25);
    line-height: 25px;
}

@media(max-width: 600px) {
    /*#login-box .login-inner { margin-top: 30px; }*/
}


/*
 * Loading Box
 */

.loading-icon.overlay {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.75);
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index:199;
    text-align: center;
}

.loading-item-icon.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(243, 243, 243, 0.75);
    z-index: 199;
    text-align: center;
}

#loading-box {
    position: relative;
    margin-top: 400px;
    display: inline-block;
}

#loading-item-box {
    position: relative;
    display: inline-block;
    top: min(50% - 29px, 250px); /* In the middle or 250px from top so that spinner shows when loading item is scrollable */
}

.body {
    min-height: 300px;
}

.popup-background {
    background-color: rgba(102, 102, 102, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
}

.popup-content {
    position: fixed;
    margin: 0px auto;
    top: 50%;
    left: 50%;
    z-index: 11;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.job-card-details {
    background-color: #F9BF48;
    border-radius: 6px;
    border: 2px solid #ffffff;
    padding: 20px;
    min-width: 600px;
    min-height: 400px;
    color: #474747;
}
.job-card-details .card-header h2 {
    color: #474747;
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 23px;
}

.job-card-details h3 {
    color: #474747;
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 16px;
}
.job-card-details .card-header h3.heading {
    text-align: center;
}

.job-card-details .card-header .date-status {
    font-size: 13px;
    color: #ffffff;
    float: right;
}

.job-card-details .card-header label { min-width: 55px; }

.job-card-details .card-header .job-comments { padding-top: 10px; }

.job-card-details .card-header .job-comments textarea {
    width: 100%;
    border-radius: 5px;
    min-height: 40px;
}

.job-card-details .job-details {
    padding-left: 0px;
    margin: 15px 0px;
    /*position: relative;*/
    min-height: 155px;
}

.job-card-details .job-details .address-picker {
    border-top: 1px solid #ffffff;
    padding-top: 10px;
}
.job-card-details .job-details ul {
    list-style: none;
    padding-left: 0px;
}

.job-card-details .job-details .address-picker .site-picker {
    width: 100%;
    border-radius: 5px;
}
.job-card-details [uib-typeahead-popup].dropdown-menu { width: 95%; }

.job-card-details [uib-typeahead-popup].dropdown-menu > .active > a,
.job-card-details [uib-typeahead-popup].dropdown-menu > .active > a:focus,
.job-card-details [uib-typeahead-popup].dropdown-menu > .active > a:hover { background-color: #F9BF48; }

.job-card-details .job-details .address-picker .site-picker,
.job-card-details [uib-typeahead-popup].dropdown-menu,
.job-card-details .card-header select,
.job-card-details .card-header .job-comments textarea {
    background-color: #ffffff;
}
input.site-picker {
    background-color: #ffffff;
}

.job-card-details .card-header .job-comments p,
.job-card-details .job-details .address-picker p {
    font-size: 14px;
    margin-bottom: 5px;
}

.job-card-details select {
    background-color: #fff;
    border-radius: 5px;
    color: #666666;
    border: 1px solid #c8c8c8;
    display: inline-block;
    padding: 6px 25px 6px 12px;
    height: 30px;
    margin-bottom: 5px;
    line-height: 1.3;
}


.job-card-details .tasks {
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}
.job-card-details .tasks .task-header {
    display: flex;
    height: 20%;
}
.job-card-details .tasks .task-header .add-task {
    cursor: pointer;
    font-size: 20px;
    margin-left: 5px;
}

.job-card-details .tasks h3 {
    font-size: 16px;
    margin-top: 0;
}

.popup-content .buttons,
.job-card-details .buttons {
    margin-top: 20px;
    padding: 0px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    left: 15px;
}
.popup-content .buttons .btn,
.job-card-details .buttons .btn {
    margin-right: 5px;
    padding: 5px 20px;
}

.popup-content .buttons .btn.btn-cancel,
.job-card-details .buttons .btn.btn-cancel {
    background-color: #aaaaaa;
    float: right;
}

.popup-content .buttons .btn.btn-create,
.job-card-details .buttons .btn.btn-create {
    background-color: #ffffff;
    color: #DB9E36;
    float: right;
}

.popup-content .buttons .btn.btn-delete,
.job-card-details .buttons .btn.btn-delete  {
    float: left;
}

.address-edit .myap-tabs,
.address-edit .myap-tab-content {
    display: inline-block;
}

.myap-tabselect {
    display: inline-block;
}

.myap-tab-active.btn {
    background-color: #F9BF48;
}

.admin-stock-list .table .remove {
    width: 50px;
    min-width: 50px;
    text-align: center;
}

.colour-options .clickable {
    cursor: pointer;
}

/*
 * Tasks list
 */
.task-list {
    overflow: auto;
    height: 80%;
}

.task-list p {
    width: 90%;
    font-size: 15px;
    background-color: #f5f5f5;
    padding: 5px 10px;
}
.task-list p .remove-task {
    float: right;
    cursor: pointer;
}

task-template-picker + .task-list {
    margin-top: 10px;
}

/*
 * Common Pop Up Styles
 */
.op-site-popup-content {
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 5px;
}
.op-site-popup-heading {
    position: relative;
}

.op-site-popup-heading h2 {
    color: #474747;
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 23px;
}

.op-site-popup-heading h3 {
    font-size: 16px;
    margin-top: 0px;
    color: #474747;
}

.op-site-popup-heading h3.heading {
    text-align: center;
}

.op-site-popup-heading .date {
    float: right;
}

.op-site-popup-content select,
.op-site-popup-content textarea,
.op-site-popup-content input {
    border-radius: 3px;
    background-color: #fff;
}

/*
 * Task Recording Pop Up
*/
.op-site-popup-content.tasks .job-notes textarea {
    height: 65px;
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    border: 0px;
}

.op-site-popup-content.tasks .op-site-popup-heading input {
    width: 40%;
}

.op-site-popup-content.tasks .op-site-popup-heading .job-time {
    text-align: center;
}

.op-site-popup-content.tasks select,
.op-site-popup-content.tasks textarea,
.op-site-popup-content.tasks input {
    width: 100%;
}

.op-site-popup-content.tasks .name,
.op-site-popup-content.tasks .done {
    line-height: 30px;
}

.op-site-popup-content.tasks .quantity,
.op-site-popup-content.tasks .done,
.op-site-popup-content.tasks .add-task-btn {
    text-align: center;
}
.op-site-popup-content.tasks .quantity input {
    width: 4em;
    margin: auto;
}

.op-site-popup-content.tasks .done input {
    width: auto;
}


.op-site-popup-content.tasks .table-container table {
    table-layout: fixed;
    width: 100%;
}

.op-site-popup-content.tasks .buttons {
    float: none;
    text-align: right;
}

/*
 * Site Report Pop Up
 */

.op-site-popup-content.site-report {  }

.op-site-popup-content.site-report .op-site-popup-heading { padding-bottom: 20px; }

.op-site-popup-content.site-report .table-container > div { padding: 0px 5px; }

.op-site-popup-content.site-report table {
    border-collapse: collapse;
    color: #666;
}

.op-site-popup-content.site-report thead {
    background-color: #B3B3B3;
    color: #fff;
    font-size: 16px;
}

.op-site-popup-content.site-report thead tr th { padding: 5px; }

.op-site-popup-content.site-report tbody { border-bottom: 1px solid #666; }

.op-site-popup-content.site-report .summary-count {
    width: 15%;
    text-align: right;
    padding-right: 10px;
    color: #444;
    font-size: 20px;
}

.op-site-popup-content.site-report .count {
    text-align: right;
    padding-right: 10px;
}

.op-site-popup-content.site-report .count input {
    width: 4em;
    height: 25px;
    margin: auto;
}

.op-site-popup-content.site-report .manipulations,
.op-site-popup-content.site-report .hives-lost {
    width: 100%;
}
.op-site-popup-content.site-report .manipulations tbody,
.op-site-popup-content.site-report .hives-lost tbody {
    border-bottom: 0px;
    width: 100%;
}
.op-site-popup-content.site-report .hives-at-start td,
.op-site-popup-content.site-report .manipulations td {
    padding: 11px 5px;
}

.op-site-popup-content.site-report .hives-lost {
    margin-top: 9px;
}
.op-site-popup-content.site-report .hives-lost td {
    padding: 7px;
}

.op-site-popup-content.site-report .manipulations thead tr th {
    padding: 8px 5px;
}

.op-site-popup-content.site-report .hives-at-end td {
    padding: 7px;
}

.site-report-modal .site-report-buttons {
    padding: 5px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.site-report-modal .site-report-buttons .btn {
    margin: 5px;
}
.op-site-popup-content.site-report .error-messages {
    clear: both;
}

.op-site-popup-content.site-report .error-messages ul {
    padding-left: 0;
}
.op-site-popup-content.site-report .error-messages ul li {
    list-style: none;
    color: red;
}

/*
 * Icomoon
 */

@font-face {
    font-family: 'jobflow-icons';
    src:url(assets/icomoon.5d1fd1cef3e876cbaa671020eebfd173.eot);
    src:url(assets/icomoon.5d1fd1cef3e876cbaa671020eebfd173.eot?#iefixfney7r) format('embedded-opentype'),
    url(assets/icomoon.3cbec96ddadefead8559ff462ec08e09.woff) format('woff'),
    url(assets/icomoon.a8cf3ff1017e182ad4ac1020848a97eb.ttf) format('truetype'),
    url(assets/icomoon.9113f33059d752815f279822b26cf59d.svg#icomoon) format('svg');
    font-weight: normal;
    font-style: normal;
}

.jobflow-icons [class^="icon-"], .jobflow-icons [class*=" icon-"], i.jobflow-icon, .jobflow-icon:before, .jobflow-icon i {
    font-family: 'jobflow-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 16px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-info:before {
    content: "\E614";
}

.icon-warning:before {
    content: "\E611";
}

.icon-team_allocation:before {
    content: "\E60B";
}

.icon-icon_tractor:before, .icon-icon_vehicles:before, .icon-icon_vehicle:before, .icon-icon_loader:before{
    content: "\E602";
}
.icon-icon_harvester:before {
    content: "\E605";
}
.icon-icon_implement:before, .icon-icon_implements:before {
    content: "\E600";
}
.icon-icon_implement_combo:before {
    content: "\E601";
}
.icon-icon_monkey:before, .icon-icon_workers:before, .icon-icon_worker:before {
    content: "\E603";
}
.icon-icon_truck:before {
    content: "\E604";
}
.icon-icon_baler:before {
    content: "\E608";
}
.icon-icon_trailer:before {
    content: "\E60A";
}

.icon-arrow-down:before {
    content: "\E606";
}

.icon-arrow-up:before {
    content: "\E607";
}

.icon-clear:before {
    content: "\E60C";
}

.icon-schedule:before {
    content: "\E60D";
}

.icon-teamcalendar:before {
    content: "\E60E";
}

.icon-print:before {
    content: "\E60F";
}

.icon-plus:before {
    content: "\E610";
}

.icon-edit:before {
    content: "\E612";
}

.icon-cross:before {
    content: "\E613";
}

.icon-phone:before {
    content: "\E615";
}
.icon-mobile:before {
    content: "\E616";
}

/* Haven't Got These Icons Yet */
.icon-icon_mower:before, .icon-icon_spreader:before {
    content: "\E600";
}

.tbody{
    background-color: #fff;
}

.apiary-icon.add, .apiary-icon.save, .apiary-icon.cancel {
    cursor: pointer;
}

/*TODO make better*/
.form-group.is-primary {
    border: 1px solid #F9BF48;
}

input.ng-invalid, select.ng-invalid, textarea.ng-invalid {
    border-color: red;
}

.invalid-field {
    border-color: red;
    border-width: 1px;
    border-style: solid;
}

.apiary-icon-treatment.varroa-ok {
    color: #69BE28;
}
.apiary-icon-treatment.varroa-overdue {
    color: #E36159;
}

.apiary-icon-treatment.varroa-none {
    display: none;
}

.site-edit-detail .site-note-tabs {
    clear: both;
}

.flex-container {
    display: flex;
}

.flex-container.flex-reverse {
    flex-direction: row-reverse;
}

.sidebar-container {
    width: 185px;
    flex-shrink: 0;
}
.mainarea-container {
    flex-grow: 1;
}

select[disabled] {
    opacity: 0.5;
}

.uib-datepicker-popup .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
}

.input-group-btn .btn {
    height: 30px;
}
.create-job-modal {
    min-width: 600px;
    background-color: white;
    border-radius: 6px;
}

.create-job-modal .create-job-buttons {
    padding: 2px;
}
.create-job-modal .create-job-buttons .btn {
    margin: 1px;
}

.job-summary .job-list .job-group-summary {
    cursor: pointer;
}

/* text rotation voodoo, requires 2 elements with the text inside the inner one */
.rotate-text {
    display: inline-block;
    overflow: visible;

    width: 1.5em;
    line-height: 1.5;
}

.rotate-text-inner {
    display: inline-block;
    white-space: nowrap;
    transform: translate(0, 100%) rotate(-90deg);

    transform-origin:  0 0;

}

.rotate-text-inner:before {
    content: "";
    float: left;
    margin-top: 100%;
}

.date-range-picker-container {
    min-width: 300px;
}
.date-range-picker-container .uneditable-input, .date-range-picker .uneditable-input {
    height: 30px;
    line-height: 100%;
}

.date-range-picker-adjustment {
    margin-left: 16px;
}

.chart-container{
    border-width: 1px;
    border-color: #eee;
    border-style: solid;
    padding: 20px;
    min-height: 400px;
    min-width: 700px;
}

.chart-row{
    margin-left: 0px;
    margin-right: 0px;
}

.date-range-btn, .date-range-btn>.btn{
    line-height: 100%;
}

.no-data-caption{
    text-align: center;
}

.report-filter select{
    height: 34px;
    min-width: 300px;
}

.site-selector .separator, .job-card-details .separator {
    background-color: #dddddd;
    border-radius: 3px;
    height: 4px;
}

.summary-svg svg {
    width: inherit;
    max-width: inherit;
    min-width: inherit;
    height: inherit;
    max-height: inherit;
    min-height: inherit;
}

.summary-svg img {
    width: inherit;
    max-width: inherit;
    min-width: inherit;
    height: inherit;
    max-height: inherit;
    min-height: inherit;
}

.mgt-20 {
    margin-top: 20px;
}

.mgt-10 {
    margin-top: 10px;
}

.full-width input[type="text"]{
    width: 100%;
}

.add-report-filter {
    font-size: 20px;
    vertical-align: middle;
}

.alert-report {
    padding-bottom: 0;
    padding-top: 0;
    line-height: 30px;
}

.sortable-column { cursor: pointer; }
.sortable-column .column-sort-icon {
    vertical-align: middle;
    margin-left: 3px;
}

.dropdown-menu.show {
    max-height: 300px;
    overflow-y: auto;
}

.btn[disabled] {
    cursor: not-allowed;
}

input[type=checkbox][disabled] {
    cursor: not-allowed;
}

.table tbody tr td, .table tbody tr th {
    padding: 8px;
    line-height: 1.5;
}

table {
    border-spacing: 0;
}

.fa.fa-chevron-left.glyphicon.glyphicon-chevron-left::before {
    content: "<";
}
.fa.fa-chevron-right.glyphicon.glyphicon-chevron-right::before {
    content: ">";
}
/*
    This file contains styles for the ngx-intl-tel-input component that is used in the SignupComponent.

    This is an external component, and the css styles are encapsulated so it is difficult to make it match the existing
    style using the component's stylesheet without heavy use of ::ng-deep which is not recommended. The workaround is to
    use global styles which I have placed here.
*/


@media(max-width: 999px) {
    #login-box .login-inner .signup-form .phone-input .selected-dial-code {
        font-size: 1rem;
    }

    #login-box .login-inner .signup-form .phone-input input {
        height: 48px !important;
    }
}


#login-box .login-inner .signup-form .phone-input,
#login-box .login-inner .signup-form .phone-input .iti {
    width: 100%;
}


#login-box .login-inner .signup-form .error .phone-input.ng-invalid input.form-control {
    border-color: red;
}

#login-box .login-inner .signup-form .phone-input .selected-dial-code {
    color: #495057;
}

.iti {
  position: relative;
  display: inline-block; }
  .iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .iti__hide {
    display: none; }
  .iti__v-hide {
    visibility: hidden; }
  .iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px; }
  .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555; }
    .iti__arrow--up {
      border-top: none;
      border-bottom: 4px solid #555; }
  .iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .iti__country-list--dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    @media (max-width: 500px) {
      .iti__country-list {
        white-space: normal; } }
  .iti__flag-box {
    display: inline-block;
    width: 20px; }
  .iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC; }
  .iti__country {
    padding: 5px 10px;
    outline: none; }
  .iti__dial-code {
    color: #999; }
  .iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle; }
  .iti__flag-box, .iti__country-name {
    margin-right: 6px; }
  .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0; }
  .iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer; }
    .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default; }
    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
      background-color: transparent; }
  .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px; }
  .iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
    .iti--container:hover {
      cursor: pointer; }

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }

.iti__flag {
  width: 20px; }
  .iti__flag.iti__be {
    width: 18px; }
  .iti__flag.iti__ch {
    width: 15px; }
  .iti__flag.iti__mc {
    width: 19px; }
  .iti__flag.iti__ne {
    width: 18px; }
  .iti__flag.iti__np {
    width: 13px; }
  .iti__flag.iti__va {
    width: 15px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-size: 5652px 15px; } }
  .iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px; }
  .iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px; }
  .iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px; }
  .iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px; }
  .iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px; }
  .iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px; }
  .iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px; }
  .iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px; }
  .iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px; }
  .iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px; }
  .iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px; }
  .iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px; }
  .iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px; }
  .iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px; }
  .iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px; }
  .iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px; }
  .iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px; }
  .iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px; }
  .iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px; }
  .iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px; }
  .iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px; }
  .iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px; }
  .iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px; }
  .iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px; }
  .iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px; }
  .iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px; }
  .iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px; }
  .iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px; }
  .iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px; }
  .iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px; }

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url(assets/flags.416250f60d785a2e02f17e054d2e4e44.png);
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-image: url(assets/flags@2x.d429a5777afaf2fc349652e812e9bb11.png); } }

.iti__flag.iti__np {
  background-color: transparent; }