.colorpicker-visible,
.colorpicker-visible .dropdown-menu {
  display: block !important;
}
colorpicker-saturation {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url("data:image/png;base64,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");
  background-size: contain;
  cursor: crosshair;
  float: left;
}
colorpicker-saturation i {
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #000;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}
colorpicker-saturation i::after {
  content: '';
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #fff;
  border-radius: 5px;
}
colorpicker-hue,
colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}
colorpicker-hue i,
colorpicker-alpha i {
  display: block;
  height: 2px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}
colorpicker-hue {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEUA/z8AuP//JAAA/33/3AAA/1ABAv8A/7r/AH7/jgD2AP8A//j/AEHmAP/XAP/HAP+4AP//ALyoAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8ATv//AG7/cAD/vgD/APoAmv//ADH/AKwB/wMA5//4Eg4AL///AOr/UQD/nwAA/27/7AAA/+kAe/8Ayf8A/5sA/zEA/6z/ABEAEP8A/17/MgAA/9n/ACL/gAD/AJ0AXP8Aqv//AMoA/yHqFBb/zAD/AGD/ANsA9//1/wDk/wDV/wDF/wC3/wD/AI2m/wD/FACY/wCI/wB5/wBp/wD/YgBb/wBK/wA8/wAs/wAd/wAN/wAAPv8A/xH/AFAAi///rQAA/8r/+gAA1///QwAAH/8Abf8A/43c/JNGAAAAiUlEQVR4AQXBg2EDAAAAsMy2bds2ttp2+/8PTby79mDLsKJPq/oFPdk24dWXAxsGjRg1ZtykKdNmzJozb8GiJct63WjYl7fiWdOZkk0vOpyr2fVtyKl7FX2uXGjpcuxWDy69KdiRk5WRlpIUFxMVERLw78+vH1Unun1YV3ZkwKM1CYfq7nQK22sD03ITV2Aqp0IAAAAASUVORK5CYII=");
  background-size: contain;
}
colorpicker-alpha {
  display: none;
}
colorpicker-alpha,
.colorpicker-color {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAMAAACIElGlAAADAFBMVEUAAADT09PT09P////T09P////e3t7q6urT09Px8fHT09P////////T09PT09P////////T09PT09P////////////T09PT09P////////////T09P////T09PT09PT09P////T09PT09P////////////////T09P////T09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09P////T09P////////////T09PT09P////T09P////////////////////T09P////////T09PT09P////////////////////////T09PT09P////////////////////////T09PT09P////T09PT09P////////T09P////////////T09P////////T09P////T09P////T09P////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////////////////T09PT09P////////////T09P////////T09P////T09PT09PT09P////////T09P////////T09P////T09PT09P////////////////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////T09P////T09PT09PT09PT09PT09P////////////////////////////////////T09P////T09P////T09P////T09PT09P////////////T09P////T09P////T09P////////////T09PT09P////////////////T09PT09P////T09P////T09PT09P////T09P////T09PT09P////T09PT09PT09PT09P////T09PT09P////////////T09PT09P////T09P////////T09MQsm1FAAABAHRSTlMAgJN8/vcDAfcCnJyGaZmZlomGk4yJOmM/eTxs8wY0YDFC7HNdLx18n5/7aUvzCcW9+qKiK8P0ZiltRwfdw/n8Px3WduJjItj78ss5PDHUNELbwP5wplA2FglEVwvkqNarCs4Z7b2sDLgQ0xNdyLrr0eLLUeW1Vs5TWQLwjPI3ZvQGdvxFyFrAeevaLCLvGd0kpRskGyf4qK605xKvFrGyDRHnBYMEkJaDkIBvB/gpH99O6CrbIC4nH3Lg2SXp4A7Qul/GDEgPSlMQ6LjqFU0SjyCCj5V/gnBN7xglL3O70WBU7gjFFEfft0sPTo1ndRipwXr2yRemWRVENq+ytbGuxGaWGQAAAnpJREFUeNpNxmdcDHAAxvEHOWXvmXX23ntv2XvvMg/Z44x0KaRBSnfcKSqlnYZKp1QqGpT20KZh783/eePj+3vzw3/q/AM9iURPTy6XS+RwcXNzcZMQTE1dTE3bE7y9S0u9xxD600rCGtpI2ErOsbGxzoiMrIqscnaOi4vDdnp4XYSrguwxQSb7KpMllycnl2MFaTSaTxrY5NrY5BoKb2BnZ2doZ29vb2OPSdSd4Bcc7OcXGhqamgqrYCsrq+mEiEtC3gUBDg55Dg53IkQYSYG+gb6+GEqB5wV0o5D8/JAQdKK5hA40n3BS+L6c0JJmE+ZQW8JEak1YQJ0Jq+jbaQEPnotGE+IrK+Pj+xKqU6pTUrIDAgKysZ+WEY5QQkJxcQIO0WrCUbL4YmFhgZ3UlVAUHR1d1JEwjVoRRpDJKxMTE/ShBoRR1I6whLyyvLyyUFAQFhbWhTCFFArFawXOCu/bEHpQLYKnZ0aGZw2CR1qah0dmpqurK+pTU0ILakJoTi+PC7j5RHTrqQg1qRkh3T3d3b0xoSE1ItSleoSe1IswmIYQPl8UlhLWkaOj41tHbKENBLX6j1qt/KFUKnFN+Onk9NvJCQdJpfqlUqGiIjExcRthN91/JsJmGkhYRO/OCBhHwwgxMWUxZQMIu8j8o7m5OfbRLMJh2kTYQ1FRhYVR2EHzCOtpMmEG3SUsJEvLoKAg2Prb2tqOJYSH+/uH33shwlTaS1hLBwhX6AYX2tuiRwStVntOa5yUZJwEqbREKjUi5Bjl5BhZW1uXWOMYGRBOnNDX1zfoxz1FwwkfSJfgo6vr41P7soBBNJ7Qm2YSzHTMzMwmEHRoMf0Fm5mYOUrzNBYAAAAASUVORK5CYII=");
  background-size: 10px 100%;
}
.colorpicker {
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
}
.colorpicker colorpicker-hue,
.colorpicker colorpicker-alpha,
.colorpicker colorpicker-saturation {
  position: relative;
}
.colorpicker input {
  width: 100px;
  font-size: 11px;
  color: #000;
  background-color: #fff;
}
.colorpicker.alpha {
  min-width: 140px;
}
.colorpicker.alpha colorpicker-alpha {
  display: block;
}
.colorpicker.dropdown {
  position: absolute;
}
.colorpicker.colorpicker-fixed-position {
  position: fixed;
}
.colorpicker .dropdown-menu::after,
.colorpicker .dropdown-menu::before {
  content: '';
  display: inline-block;
  position: absolute;
}
.colorpicker .dropdown-menu::after {
  clear: both;
  border: 6px solid transparent;
  top: -5px;
  left: 7px;
}
.colorpicker .dropdown-menu::before {
  border: 7px solid transparent;
  top: -6px;
  left: 6px;
}
.colorpicker .dropdown-menu {
  position: static;
  top: 0;
  left: 0;
  min-width: 129px;
  padding: 4px;
  margin-top: 0;
}
.colorpicker-position-top .dropdown-menu::after {
  border-top: 6px solid #fff;
  border-bottom: 0;
  top: auto;
  bottom: -5px;
}
.colorpicker-position-top .dropdown-menu::before {
  border-top: 7px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  top: auto;
  bottom: -6px;
}
.colorpicker-position-right .dropdown-menu::after {
  border-right: 6px solid #fff;
  border-left: 0;
  top: 11px;
  left: -5px;
}
.colorpicker-position-right .dropdown-menu::before {
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 0;
  top: 10px;
  left: -6px;
}
.colorpicker-position-bottom .dropdown-menu::after {
  border-bottom: 6px solid #fff;
  border-top: 0;
}
.colorpicker-position-bottom .dropdown-menu::before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 0;
}
.colorpicker-position-left .dropdown-menu::after {
  border-left: 6px solid #fff;
  border-right: 0;
  top: 11px;
  left: auto;
  right: -5px;
}
.colorpicker-position-left .dropdown-menu::before {
  border-left: 7px solid rgba(0, 0, 0, 0.2);
  border-right: 0;
  top: 10px;
  left: auto;
  right: -6px;
}
colorpicker-preview {
  display: block;
  height: 10px;
  margin: 5px 0 3px 0;
  clear: both;
  background-position: 0 100%;
}
/*! Angular Moment Picker - v0.10.2 - http://indrimuska.github.io/angular-moment-picker - (c) 2015 Indri Muska - MIT */
.moment-picker-input {
  cursor: pointer;
}
.moment-picker {
  position: absolute;
  z-index: 1060;
}
.moment-picker .moment-picker-container {
  color: #404040;
  min-width: 15em;
  background: #fff;
  padding: 4px;
  border: 1px solid #f0f3f4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  position: absolute;
  margin-top: 4px;
  margin-left: -0.5em;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
}
.moment-picker .moment-picker-container:before,
.moment-picker .moment-picker-container:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: none;
  position: absolute;
  top: -9px;
  left: 15px;
}
.moment-picker .moment-picker-container:before {
  border-bottom-color: #f0f3f4;
  border-width: 9px;
}
.moment-picker .moment-picker-container:after {
  border-bottom-color: #fff;
  margin-top: 1px;
  margin-left: 1px;
}
.moment-picker.inline {
  display: block;
  position: relative;
}
.moment-picker.inline .moment-picker-container {
  position: relative;
  margin: 0;
}
.moment-picker.inline .moment-picker-container:before,
.moment-picker.inline .moment-picker-container:after {
  content: none;
}
.moment-picker.top .moment-picker-container {
  bottom: 100%;
  margin-top: auto;
  margin-bottom: 4px;
}
.moment-picker.top .moment-picker-container:before,
.moment-picker.top .moment-picker-container:after {
  border: 8px solid transparent;
  border-bottom: none;
  top: auto;
  bottom: -9px;
}
.moment-picker.top .moment-picker-container:before {
  border-top-color: #f0f3f4;
  border-width: 9px;
}
.moment-picker.top .moment-picker-container:after {
  border-top-color: #fff;
  margin-top: auto;
  margin-bottom: 1px;
}
.moment-picker.right .moment-picker-container {
  right: 0;
  margin-left: auto;
  margin-right: -0.5em;
}
.moment-picker.right .moment-picker-container:before,
.moment-picker.right .moment-picker-container:after {
  left: auto;
  right: 15px;
}
.moment-picker.right .moment-picker-container:after {
  margin-left: auto;
  margin-right: 1px;
}
.moment-picker table {
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 100%;
  table-layout: fixed;
}
.moment-picker th {
  font-weight: bold;
}
.moment-picker th:first-child,
.moment-picker th:last-child {
  width: 2em;
}
.moment-picker th,
.moment-picker td {
  padding: 0;
  text-align: center;
  min-width: 2em;
  height: 2em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  cursor: pointer;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.moment-picker th:hover,
.moment-picker td:hover {
  background-color: #fafbfb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f3f4), to(#fafbfb));
  background-image: -webkit-linear-gradient(#f0f3f4, #fafbfb);
  background-image: -moz-linear-gradient(#f0f3f4, #fafbfb);
  background-image: -o-linear-gradient(#f0f3f4, #fafbfb);
  background-image: linear-gradient(#f0f3f4, #fafbfb);
}
.moment-picker th.disabled,
.moment-picker td.disabled,
.moment-picker th.disabled:hover,
.moment-picker td.disabled:hover {
  color: #abbbc7;
  background: none;
  cursor: default;
}
.moment-picker td.today {
  background: #e4eef5;
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}
.moment-picker td.selected {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  border-color: #3ca0dd;
  background-color: #45b1e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#45b1e8), to(#3097de));
  background-image: -webkit-linear-gradient(#45b1e8, #3097de);
  background-image: -moz-linear-gradient(#45b1e8, #3097de);
  background-image: -o-linear-gradient(#45b1e8, #3097de);
  background-image: linear-gradient(#45b1e8, #3097de);
}
.moment-picker td.highlighted {
  background-image: -webkit-radial-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -moz-radial-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -o-radial-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.15));
}
.moment-picker .decade-view td,
.moment-picker .year-view td {
  height: 3.4em;
}
.moment-picker .month-view .moment-picker-specific-views th {
  background: none;
  cursor: default;
}
.moment-picker .month-view td {
  width: 1.4285714286em;
}
.moment-picker .day-view td,
.moment-picker .hour-view td {
  height: 2.3333333333em;
}
.moment-picker .minute-view td {
  height: 1.8em;
}
@charset "UTF-8";
.fancybox-enabled {
  overflow: hidden; }

.fancybox-enabled body {
  overflow: visible;
  height: 100%; }

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992; }

.fancybox-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f0f11;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-container--ready .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  z-index: 99994;
  transition: opacity .2s;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  direction: ltr; }

.fancybox-show-controls .fancybox-controls {
  opacity: 1; }

.fancybox-infobar {
  display: none; }

.fancybox-show-infobar .fancybox-infobar {
  display: inline-block;
  pointer-events: all; }

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased; }

.fancybox-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  pointer-events: all; }

.fancybox-show-buttons .fancybox-buttons {
  display: block; }

.fancybox-slider-wrap {
  overflow: hidden;
  direction: ltr; }

.fancybox-slider-wrap,
.fancybox-slider {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent; }

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0; }

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box; }

.fancybox-slide--image {
  overflow: hidden; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-content {
  display: inline-block;
  position: relative;
  margin: 44px auto;
  padding: 0;
  border: 0;
  width: 80%;
  height: calc(100% - 88px);
  vertical-align: middle;
  line-height: normal;
  text-align: left;
  white-space: normal;
  outline: none;
  font-size: 16px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch; }

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
  background: transparent; }

.fancybox-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  background: transparent;
  background-size: 100% 100%; }

.fancybox-controls--canzoomOut .fancybox-placeholder {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-controls--canzoomIn .fancybox-placeholder {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-controls--canGrab .fancybox-placeholder {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-controls--isGrabbing .fancybox-placeholder {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

.fancybox-error {
  position: absolute;
  margin: 0;
  padding: 40px;
  top: 50%;
  left: 50%;
  width: 380px;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  cursor: default; }

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer; }

.fancybox-close-small:after {
  content: '\D7';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  transition: background .2s;
  box-sizing: border-box;
  z-index: 2; }

.fancybox-close-small:focus:after {
  outline: 1px dotted #888; }

.fancybox-slide--video .fancybox-close-small {
  top: -36px;
  right: -36px;
  background: transparent; }

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee; }

/* Caption */
.fancybox-caption-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  z-index: 99998;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  opacity: 0;
  transition: opacity .2s;
  pointer-events: none; }

.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1; }

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none; }

.fancybox-caption a,
.fancybox-caption button {
  pointer-events: all; }

.fancybox-caption a {
  color: #fff;
  text-decoration: underline; }

/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
  color: #fff;
  box-sizing: border-box;
  vertical-align: top;
  outline: none; }

.fancybox-button--disabled {
  cursor: default;
  pointer-events: none; }

.fancybox-infobar__body, .fancybox-button {
  background: rgba(30, 30, 30, 0.6); }

.fancybox-button:hover {
  background: rgba(0, 0, 0, 0.8); }

.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  border-color: #fff;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block; }

.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
  opacity: 0.5; }

.fancybox-button--left::after {
  left: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.fancybox-button--right::after {
  right: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--left {
  border-bottom-left-radius: 5px; }

.fancybox-button--right {
  border-bottom-right-radius: 5px; }

.fancybox-button--close {
  float: right; }

.fancybox-button--close::before, .fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px); }

.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* Loading spinner */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-controls {
    text-align: left; }
  .fancybox-button--left,
  .fancybox-button--right,
  .fancybox-buttons button:not(.fancybox-button--close) {
    display: none !important; }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0; } }

/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: 15px;
  top: 16px;
  border: 2px solid;
  background: none; }

/* Slideshow button */
.fancybox-button--play::before {
  top: 16px;
  left: 18px;
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
  background: transparent; }

.fancybox-button--pause::before {
  top: 16px;
  left: 18px;
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
  background: transparent; }

/* Thumbs */
.fancybox-button--thumbs span {
  font-size: 23px; }

.fancybox-button--thumbs::before {
  top: 20px;
  left: 21px;
  width: 3px;
  height: 3px;
  box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }

.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
  right: 220px; }

.fancybox-thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 220px;
  margin: 0;
  padding: 5px 5px 0 0;
  background: #fff;
  z-index: 99993;
  word-break: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box; }

.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0; }

.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  max-width: 50%;
  padding: 0;
  margin: 0;
  width: 105px;
  height: 75px;
  position: relative;
  cursor: pointer;
  outline: none;
  border: 5px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box; }

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-thumbs > ul > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    display: none !important; }
  .fancybox-container--thumbs .fancybox-controls,
  .fancybox-container--thumbs .fancybox-slider-wrap,
  .fancybox-container--thumbs .fancybox-caption-wrap {
    right: 0; } }
.angular-tooltip {
  position: absolute;
  background: #000000;
  z-index: 9999;
  padding: 3px;
  border: 2px solid #000000;
  color: #FFFFFF;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 250px;
  border-radius: 3px; }
  .angular-tooltip:before, .angular-tooltip:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .angular-tooltip:before {
    border-color: transparent;
    border-width: 8px; }
  .angular-tooltip:after {
    border-color: transparent;
    border-width: 5px; }
  .angular-tooltip.angular-tooltip-top:before, .angular-tooltip.angular-tooltip-top:after, .angular-tooltip.angular-tooltip-top-center:before, .angular-tooltip.angular-tooltip-top-center:after, .angular-tooltip.angular-tooltip-top-middle:before, .angular-tooltip.angular-tooltip-top-middle:after {
    top: 100%;
    left: 50%; }
  .angular-tooltip.angular-tooltip-top:before, .angular-tooltip.angular-tooltip-top-center:before, .angular-tooltip.angular-tooltip-top-middle:before {
    margin-left: -8px;
    border-top-color: #000000; }
  .angular-tooltip.angular-tooltip-top:after, .angular-tooltip.angular-tooltip-top-center:after, .angular-tooltip.angular-tooltip-top-middle:after {
    margin-left: -5px;
    border-top-color: #000000; }
  .angular-tooltip.angular-tooltip-top-right:before, .angular-tooltip.angular-tooltip-top-right:after {
    top: 100%;
    right: calc(100% - 8px); }
  .angular-tooltip.angular-tooltip-top-right:before {
    margin-right: -8px;
    border-top-color: #000000; }
  .angular-tooltip.angular-tooltip-top-right:after {
    margin-right: -5px;
    border-top-color: #000000; }
  .angular-tooltip.angular-tooltip-right-top:before, .angular-tooltip.angular-tooltip-right-top:after {
    top: calc(100% - 8px);
    right: 100%; }
  .angular-tooltip.angular-tooltip-right-top:before {
    margin-top: -8px;
    border-right-color: #000000; }
  .angular-tooltip.angular-tooltip-right-top:after {
    margin-top: -5px;
    border-right-color: #000000; }
  .angular-tooltip.angular-tooltip-right:before, .angular-tooltip.angular-tooltip-right:after, .angular-tooltip.angular-tooltip-right-center:before, .angular-tooltip.angular-tooltip-right-center:after, .angular-tooltip.angular-tooltip-right-middle:before, .angular-tooltip.angular-tooltip-right-middle:after {
    top: 50%;
    right: 100%; }
  .angular-tooltip.angular-tooltip-right:before, .angular-tooltip.angular-tooltip-right-center:before, .angular-tooltip.angular-tooltip-right-middle:before {
    margin-top: -8px;
    border-right-color: #000000; }
  .angular-tooltip.angular-tooltip-right:after, .angular-tooltip.angular-tooltip-right-center:after, .angular-tooltip.angular-tooltip-right-middle:after {
    margin-top: -5px;
    border-right-color: #000000; }
  .angular-tooltip.angular-tooltip-right-bottom:before, .angular-tooltip.angular-tooltip-right-bottom:after {
    bottom: calc(100% - 8px);
    right: 100%; }
  .angular-tooltip.angular-tooltip-right-bottom:before {
    margin-bottom: -8px;
    border-right-color: #000000; }
  .angular-tooltip.angular-tooltip-right-bottom:after {
    margin-bottom: -5px;
    border-right-color: #000000; }
  .angular-tooltip.angular-tooltip-bottom-right:before, .angular-tooltip.angular-tooltip-bottom-right:after {
    bottom: 100%;
    right: calc(100% - 8px); }
  .angular-tooltip.angular-tooltip-bottom-right:before {
    margin-right: -8px;
    border-bottom-color: #000000; }
  .angular-tooltip.angular-tooltip-bottom-right:after {
    margin-right: -5px;
    border-bottom-color: #000000; }
  .angular-tooltip.angular-tooltip-bottom:before, .angular-tooltip.angular-tooltip-bottom:after, .angular-tooltip.angular-tooltip-bottom-center:before, .angular-tooltip.angular-tooltip-bottom-center:after, .angular-tooltip.angular-tooltip-bottom-middle:before, .angular-tooltip.angular-tooltip-bottom-middle:after {
    bottom: 100%;
    left: 50%; }
  .angular-tooltip.angular-tooltip-bottom:before, .angular-tooltip.angular-tooltip-bottom-center:before, .angular-tooltip.angular-tooltip-bottom-middle:before {
    margin-left: -8px;
    border-bottom-color: #000000; }
  .angular-tooltip.angular-tooltip-bottom:after, .angular-tooltip.angular-tooltip-bottom-center:after, .angular-tooltip.angular-tooltip-bottom-middle:after {
    margin-left: -5px;
    border-bottom-color: #000000; }
  .angular-tooltip.angular-tooltip-bottom-left:before, .angular-tooltip.angular-tooltip-bottom-left:after {
    bottom: 100%;
    left: calc(100% - 8px); }
  .angular-tooltip.angular-tooltip-bottom-left:before {
    margin-left: -8px;
    border-bottom-color: #000000; }
  .angular-tooltip.angular-tooltip-bottom-left:after {
    margin-left: -5px;
    border-bottom-color: #000000; }
  .angular-tooltip.angular-tooltip-left-bottom:before, .angular-tooltip.angular-tooltip-left-bottom:after {
    bottom: calc(100% - 8px);
    left: 100%; }
  .angular-tooltip.angular-tooltip-left-bottom:before {
    margin-bottom: -8px;
    border-left-color: #000000; }
  .angular-tooltip.angular-tooltip-left-bottom:after {
    margin-bottom: -5px;
    border-left-color: #000000; }
  .angular-tooltip.angular-tooltip-left:before, .angular-tooltip.angular-tooltip-left:after, .angular-tooltip.angular-tooltip-left-center:before, .angular-tooltip.angular-tooltip-left-center:after, .angular-tooltip.angular-tooltip-left-middle:before, .angular-tooltip.angular-tooltip-left-middle:after {
    top: 50%;
    left: 100%; }
  .angular-tooltip.angular-tooltip-left:before, .angular-tooltip.angular-tooltip-left-center:before, .angular-tooltip.angular-tooltip-left-middle:before {
    margin-top: -8px;
    border-left-color: #000000; }
  .angular-tooltip.angular-tooltip-left:after, .angular-tooltip.angular-tooltip-left-center:after, .angular-tooltip.angular-tooltip-left-middle:after {
    margin-top: -5px;
    border-left-color: #000000; }
  .angular-tooltip.angular-tooltip-left-top:before, .angular-tooltip.angular-tooltip-left-top:after {
    top: calc(100% - 8px);
    left: 100%; }
  .angular-tooltip.angular-tooltip-left-top:before {
    margin-top: -8px;
    border-left-color: #000000; }
  .angular-tooltip.angular-tooltip-left-top:after {
    margin-top: -5px;
    border-left-color: #000000; }
  .angular-tooltip.angular-tooltip-top-left:before, .angular-tooltip.angular-tooltip-top-left:after {
    top: 100%;
    left: calc(100% - 8px); }
  .angular-tooltip.angular-tooltip-top-left:before {
    margin-left: -8px;
    border-top-color: #000000; }
  .angular-tooltip.angular-tooltip-top-left:after {
    margin-left: -5px;
    border-top-color: #000000; }
/*!
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
 */

.flag {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('/s/flags/flags.png') no-repeat;
}


.flag.flag-de {
    background-position: -24px 0;
}

.flag.flag-fr {
    background-position: -48px 0;
}

.flag.flag-gb {
    background-position: 0 -24px;
}

.flag.flag-nl {
    background-position: -24px -24px;
}
@charset "UTF-8";
.form-control {
  font-size: 14px;
  height: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 8px 24x;
  border: solid 1px #e5e5e5;
  display: inline-block;
}
.form-control:focus {
  outline: 0;
  border: solid 1px #e5e5e5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.form-inline .input-group > .form-control.input-big {
  width: 400px;
}

.input-group-addon {
  background-color: #ffd500;
  border-color: #ffd500;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 18px;
  color: #000000;
}

.btn-primary {
  font-size: 14px;
  font-weight: 500;
  background-color: #ffd500;
  border: solid 1px #ffd500;
  padding: 5px 24px;
  height: auto;
  color: #000000;
  text-transform: none;
  margin-right: 5px;
}
.btn-primary[disabled] {
  background-color: #ffd500;
  border: solid 1px #ffd500;
}
.btn-primary:hover {
  background-color: #000000;
  border: solid 1px #000000;
  color: #ffd500;
}
.btn-primary.active {
  background-color: #000000;
  border: solid 1px #000000;
  color: #ffd500;
}

.buffer-status .buffer-status-title {
  color: #000;
  font-size: 24px;
  border: none;
  margin-top: 25px;
  margin-left: 0px;
  margin-bottom: 25px;
}

.buffer-row-item {
  background-color: #f7f5f1;
  border-bottom: solid 5px #fff;
  vertical-align: middle;
  padding: 2px 5px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.btn-default {
  font-size: 14px;
  font-weight: 500;
  background-color: #000000;
  border: solid 1px #000000;
  padding: 5px 24px;
  height: auto;
  color: #ffd500;
  text-transform: none;
  margin-right: 5px;
}
.btn-default[disabled] {
  background-color: #000000;
  border: solid 1px #000000;
}
.btn-default:hover {
  background-color: #ffd500;
  border: solid 1px #ffd500;
  color: #000000;
}

.btn-left {
  margin-left: 30px;
}

.btn-small {
  font-size: 14px;
  padding: 4px 15px;
  display: inline-block;
}

.btn-sort {
  padding: 5px 10px 5px 24px;
}
.btn-sort .glyphicon {
  font-size: 12px;
}

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.input-small {
  font-size: 14px;
  padding: 5px 15px;
}

.input-xsmall {
  font-size: 14px;
  padding: 5px 5px;
}

.input-group-left {
  margin-left: 30px;
}

.form-select {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.navbar {
  background-color: #000000;
  min-height: auto;
  border: none;
  margin-bottom: 0px;
  position: relative;
  height: 60px;
}
.navbar .portal-logo {
  position: absolute;
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
  height: 60px;
  line-height: 32px;
}
.navbar .portal-logo .logo {
  max-height: 60px;
}

.navbar-right {
  background-color: #ffd500;
  height: 100%;
  height: 60px;
  padding: 20px 20px;
}
.navbar-right.navbar-text {
  margin: 0px;
}

.navbar-default .navbar-collapse {
  float: right;
}
.navbar-default .navbar-toggle {
  border: solid 1px #ffffff;
  color: #ffffff;
  margin-top: 10px;
  background-color: #000000;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #000000;
  color: #ffffff;
  border: solid 1px #ffffff;
}
.navbar-default .navbar-nav {
  margin-left: 120px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active a:hover, .navbar-default .navbar-nav > .active a:focus {
  color: #f7f5f1;
  font-size: 14px;
  line-height: 46px;
  border-bottom: solid 4px #ffffff;
}
.navbar-default .navbar-nav > li {
  height: 60px;
}
.navbar-default .navbar-nav > li > a {
  color: #9c9c9c;
  font-size: 14px;
  line-height: 46px;
  border-bottom: solid 4px #000000;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #ffffff;
}

.nav > li {
  padding: 0 4px;
}
.nav > li > a {
  padding: 10px;
}

.portal-logo a {
  color: #ffffff;
}
.portal-logo a:hover {
  text-decoration: none;
}

.navbar-right.hidden-button {
  margin: 0px;
  padding: 0px;
  width: 50px;
}
.navbar-right.hidden-button .btn {
  margin: 15px 15px 0 0;
  padding: 0px;
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #ffd500;
  border: dashed 1px #ffbf20;
}
.navbar-right.hidden-button .btn:focus {
  outline: none;
  box-shadow: none;
}
.navbar-right.hidden-button .btn.active {
  outline: none;
  box-shadow: none;
  width: 26px;
  height: 26px;
  margin: 17px 17px 2px 2px;
}

.projects-form {
  margin-top: 50px;
}

.project-list {
  margin-bottom: 110px;
}
.project-list a {
  font-size: 14px;
  line-height: 32px;
  color: #000000;
  text-decoration: none;
  border-bottom: solid 1px #e5e5e5;
}
.project-list a:hover {
  color: #ffd500;
}

.project-footer {
  background-color: #f9f7f7;
  position: fixed;
  width: 100%;
  height: 110px;
  bottom: 0px;
  left: 0px;
  padding-top: 26px;
}

.project-overview h5.task-list-name {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  padding-left: 10px;
  border-bottom: solid 1px #e5e5e5;
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.new-task-holder {
  text-align: right;
}
.new-task-holder form {
  display: inline-block;
  background-color: #ede8e7;
  padding: 10px;
}

.new-list-holder {
  text-align: right;
}
.new-list-holder form {
  display: inline-block;
  background-color: #ede8e7;
  padding: 10px;
}

.site-list {
  margin-bottom: 110px;
}
.site-list a {
  font-size: 18px;
  line-height: 48px;
  color: #000000;
  text-decoration: none;
  border-bottom: solid 1px #e5e5e5;
}
.site-list a:hover {
  color: #ffd500;
}

.everyone-holder {
  margin-top: 50px;
}
.everyone-holder .person-name {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  text-shadow: none;
  text-transform: none;
  padding: 10px 0;
}
.everyone-holder .person-active {
  font-size: 14px;
  font-style: italic;
  color: #000000;
  font-family: "Merriweather", serif;
  text-transform: none;
  font-weight: 300;
}
.everyone-holder .person-hidden {
  font-size: 14px;
  font-style: italic;
  color: #000000;
  font-family: "Merriweather", serif;
  text-transform: none;
  font-weight: 300;
}
.everyone-holder .detail-trigger {
  color: #c9c9c9;
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
  font-family: "Merriweather", serif;
  text-decoration: underline;
}
.everyone-holder .person-list .person-block {
  height: 280px;
}
.everyone-holder .person-list .person-details {
  width: 33%;
  background-color: #f9f7f7;
  border-left: solid 20px #ede8e7;
}
.everyone-holder .person-list .person-details .btn.btn-save {
  font-size: 14px;
  font-weight: 500;
  background-color: #ffd500;
  border: solid 1px #ffd500;
  padding: 5px 24px;
  height: auto;
  color: #000000;
  text-transform: none;
  display: inline-block;
  width: 49%;
}
.everyone-holder .person-list .person-details .btn.btn-close {
  font-size: 14px;
  font-weight: 500;
  background-color: #000000;
  border: solid 1px #000000;
  padding: 5px 24px;
  height: auto;
  color: #ffd500;
  text-transform: none;
  display: inline-block;
  width: 49%;
}

.task-sidebar a.btn-client {
  display: inline-block;
  width: auto;
}

.task-holder {
  background-color: #f9f7f7;
  width: 100%;
  height: 100px;
  padding-top: 10px;
}
.task-holder .sort-title {
  font-size: 18px;
  margin-right: 30px;
}
.task-holder .btn-sm .sort-caret {
  margin: 0 0 0 40px;
}
.task-holder .show-holder {
  text-align: right;
  padding-top: 10px;
  padding-right: 25px;
}
.task-holder .show-holder .show-title {
  font-size: 18px;
  margin-right: 30px;
}

.checkbox-label {
  font-size: 18px;
}

.checkbox {
  display: inline-block;
  margin: 0px;
  min-height: auto;
}

.checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-container.checkbox-small {
  font-size: 12px;
}
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkbox-container input:checked ~ .checkmark {
  background-color: #f9f7f7;
}
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
.checkbox-container .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #f9f7f7;
  border: solid 1px #9c9c9c;
}
.checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 0px;
  top: 0px;
  width: 13px;
  height: 13px;
  border: 3px solid #f9f7f7;
  background-color: #ffd500;
}
.checkbox-container.label-left {
  padding-left: auto;
  padding-right: 35px;
}
.checkbox-container.label-left .checkmark {
  left: auto;
  right: 0px;
}
.checkbox-container:hover input ~ .checkmark {
  background-color: #ffd500;
}

h5.task-list-name a {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.task-list .task-list-item {
  background: #f9f7f7;
  padding: 4px 8px;
  margin-bottom: 2px;
}
.task-list .task-list-item:hover {
  background-color: #ede8e7;
}
.task-list .task-list-item.active {
  background-color: #ede8e7;
}
.task-list .task-list-item .person {
  width: 180px;
  text-align: center;
  padding: 10px 10px 8px 10px;
  color: #000000;
  font-family: "Merriweather", serif;
  font-size: 14px;
  line-height: 14px;
  font-style: italic;
  text-transform: none;
  font-weight: 300;
}
.task-list .task-list-item .task-list-title {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #000000;
  margin-left: 25px;
}

a .task-deadline {
  font-family: "Merriweather", serif;
  color: #000000;
  font-size: 12px;
  line-height: 40px;
  font-style: italic;
  margin-right: 30px;
}
a .task-deadline .deadline {
  font-family: "Merriweather", serif;
  color: #000000;
  font-size: 12px;
  line-height: 30px;
  font-style: italic;
}
a .task-updated {
  font-family: "Merriweather", serif;
  color: #000000;
  font-size: 12px;
  line-height: 40px;
  font-style: italic;
  margin-right: 30px;
}
a .task-updated .updated {
  font-family: "Merriweather", serif;
  color: #000000;
  font-size: 12px;
  line-height: 30px;
  font-style: italic;
}

h3.calender-title {
  font-size: 18px;
  font-weight: 400;
}

.cal-person .person {
  width: 230px;
  text-align: center;
  padding: 10px;
  color: #000000;
  font-family: "Merriweather", serif;
  font-size: 14px;
  line-height: 14px;
  font-style: italic;
  text-transform: none;
  font-weight: 300;
}

.calendar-event {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 5px;
}

h5.task-list-completed {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
}

.person-show-detail .task-list-small {
  margin-top: 100px;
  background-color: #ede8e7;
}
.person-show-detail .task-list-small .task-filters {
  padding-top: 25px;
}
.person-show-detail .task-list-small .task-filters .show-title {
  display: none;
}
.person-show-detail .task-list-small .task-filters .sort-title {
  margin-right: 10px;
}
.person-show-detail .task-list-small .task-filters .btn-sm {
  font-size: 13px;
  padding: 8px 15px;
  background-color: #ffd500;
  color: #000000;
  border: solid 1px #ffd500;
}
.person-show-detail .task-list-small .task-filters .btn-sm .sort-caret {
  margin-left: 10px;
}
.person-show-detail .task-list-small .show-holder {
  padding-top: 6px;
}
.person-show-detail .task-list-small .task-deadline {
  display: none;
}
.person-show-detail .owner {
  position: absolute;
  top: -60px;
  right: -80px;
}

.project-sidebar-hidden {
  display: none;
}

.person-projects .person-round-small {
  display: none;
}

.project-sidebar-list .person {
  display: none;
}
.project-sidebar-list .task-list .task-list-item {
  background-color: transparent;
  border-bottom: solid 1px #ffffff;
  color: #000000;
  text-decoration: none;
  padding-bottom: 5px;
}
.project-sidebar-list .task-list .task-list-item:hover {
  background-color: #f7f5f1;
  text-decoration: none;
  color: #000000;
}
.project-sidebar-list .task-list .task-list-item a {
  color: #000000;
  text-decoration: none;
}
.project-sidebar-list .task-list .task-list-item a:hover {
  background-color: #f7f5f1;
  text-decoration: none;
  color: #000000;
}
.project-sidebar-list .task-list .task-list-item .task-list-title {
  padding-right: 20px;
  padding-left: 0px;
}

.projects-bar {
  background-color: #f9f7f7;
  width: 100%;
  height: 100px;
  padding-top: 10px;
}

.page-header {
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  border: none;
  margin-top: 25px;
  margin-left: 30px;
}
.page-header a {
  color: #000000;
}
.page-header a.btn-edit {
  margin-left: 40px;
}

.page-sub-header {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  border: none;
  margin-top: 25px;
  margin-left: 30px;
}

.comment-person {
  text-align: center;
  padding: 0px;
  width: 11%;
}

.comment-source {
  width: 78%;
}

.comment-info-normal {
  margin-top: 10px;
  margin-bottom: 10px;
}

.comment-info {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.comment-info:before {
  border-top: 1px solid #ede8e7;
  content: "";
  margin: 0;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: calc(100% - 30px);
  z-index: -1;
}
.comment-info span {
  background-color: #ffffff;
}
.comment-info span.date {
  background-color: #ffffff;
  display: inline-block;
  color: #000000;
  font-size: 14px;
  padding: 1px 5px;
}
.comment-info span a.delete, .comment-info span a.edit {
  background-color: #ffffff;
  display: inline-block;
  color: #000000;
  font-size: 14px;
  padding: 1px 5px;
}

.task-event-comment .comment-info-extra, .task-event-comment.deleted .comment-info-extra {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.task-event-comment .comment-info-extra:before, .task-event-comment.deleted .comment-info-extra:before {
  border-top: 1px solid #ede8e7;
  content: "";
  margin: 0;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: calc(100% - 30px);
  z-index: -1;
}
.task-event-comment .comment-info-extra span, .task-event-comment.deleted .comment-info-extra span {
  background-color: #ffffff;
  display: inline-block;
  color: #000000;
  font-size: 14px;
  padding: 1px 5px;
}
.task-event-comment .comment-comment, .task-event-comment.deleted .comment-comment {
  background-color: #f9f7f7;
  box-shadow: 0px 0px 6px rgba(156, 156, 156, 0.4);
  padding: 30px;
  position: relative;
  margin-right: 0px;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
}
.task-event-comment .comment-comment::before, .task-event-comment.deleted .comment-comment::before {
  background-color: #f9f7f7;
  box-shadow: -2px 2px 2px 0 rgba(156, 156, 156, 0.2);
  content: "\A0";
  display: block;
  position: absolute;
  height: 20px;
  left: -10px;
  top: 20px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 20px;
}
.task-event-comment .comment-comment p, .task-event-comment.deleted .comment-comment p {
  font-size: 14px;
  line-height: 24px;
  overflow-x: hidden;
}
.task-event-comment .comment-comment p a, .task-event-comment.deleted .comment-comment p a {
  background-color: #ffd500;
  display: inline-block;
  padding: 1px 5px;
  color: #000000;
}
.task-event-comment .comment-comment .comment-number, .task-event-comment.deleted .comment-comment .comment-number {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.task-event-comment .comment-comment .comment-edit, .task-event-comment.deleted .comment-comment .comment-edit {
  position: absolute;
  right: 10px;
  top: 10px;
}
.task-event-comment .comment-comment.even, .task-event-comment.deleted .comment-comment.even {
  position: relative;
  background-color: #ffffff;
}
.task-event-comment .comment-comment.even::before, .task-event-comment.deleted .comment-comment.even::before {
  background-color: #ffffff;
  box-shadow: 2px -2px 2px 0 rgba(156, 156, 156, 0.4);
  content: "\A0";
  display: block;
  height: 20px;
  right: -10px;
  left: auto;
  top: 20px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 20px;
}
.task-event-comment.public .comment-comment, .task-event-comment.deleted.public .comment-comment {
  background-color: #ffc47f;
  box-shadow: 0px 0px 6px rgba(255, 196, 127, 0.4);
}
.task-event-comment.public .comment-comment::before, .task-event-comment.deleted.public .comment-comment::before {
  background-color: #ffc47f;
  box-shadow: -2px 2px 2px 0 rgba(255, 196, 127, 0.2);
}
.task-event-comment.public .comment-comment.even, .task-event-comment.deleted.public .comment-comment.even {
  background-color: #ffc47f;
}
.task-event-comment.public .comment-comment.even::before, .task-event-comment.deleted.public .comment-comment.even::before {
  background-color: #ffc47f;
  box-shadow: 2px -2px 2px 0 rgba(255, 196, 127, 0.4);
}

.nav.nav-tabs > li {
  float: right;
  padding: 0px;
  border: none;
}
.nav.nav-tabs > li a {
  background-color: #000000;
  padding: 6px 25px;
  border: none;
  border-radius: 0px;
  color: #ffd500;
  font-size: 13px;
  font-weight: 600;
  border-left: solid 1px #ede8e7;
  margin: 0px;
}
.nav.nav-tabs > li.active a {
  background-color: #ede8e7;
  color: #000000;
  margin: 0px;
  padding: 6px 25px;
  border: none;
}
.nav.nav-tabs > li.active a:hover {
  padding: 6px 25px;
}

.tab-content .checkbox .checkbox-container {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  padding-top: 4px;
}

#task-detail .btn-bookkeeping.person {
  width: 230px;
  text-align: center;
  padding: 10px;
  color: #000000;
  font-family: "Merriweather", serif;
  font-size: 14px;
  line-height: 14px;
  font-style: italic;
  text-transform: none;
  font-weight: 300;
  margin-right: 20px;
}
#task-detail .alert-warning {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  width: calc(100% - 30px);
}
#task-detail .table.table-bookkeeping td {
  padding: 0px;
  font-size: 14px;
}
#task-detail .table.table-bookkeeping td .input-group-addon {
  font-size: 15px;
}
#task-detail .table.table-bookkeeping .total td {
  font-weight: 600;
}

.currency {
  display: inline-block;
  text-align: center;
  width: 32px;
  margin-right: 6px;
}

.cust-picker > button {
  color: #555555;
  background-color: #ffffff;
  border: inherit;
}
.cust-picker > button:hover {
  color: #555555;
  background-color: #ffffff;
  border: inherit;
}

@media only screen and (min-width: 1224px) {
  .navbar-nav {
    margin-left: 120px;
  }

  .nav > li {
    padding: 0 20px;
  }

  .navbar-right {
    padding: 20px 30px;
  }

  .task-holder {
    height: 110px;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 667px) and (orientation: portrait) {
  .navbar-default .navbar-collapse {
    float: none;
  }
  .navbar-default .navbar-nav {
    margin-left: 0px;
  }
  .navbar-default .navbar-nav > li {
    height: auto;
  }
  .navbar-default .navbar-nav > li > a {
    line-height: 24px;
  }
  .navbar-default .navbar-nav > .active > a {
    line-height: 24px;
    border-bottom: none;
  }

  .navbar {
    min-height: 50px;
    height: auto;
  }
  .navbar .portal-logo {
    height: auto;
    top: 0px;
  }
  .navbar .portal-logo .logo {
    max-height: 50px;
  }
  .navbar .navbar-collapse.in {
    padding-bottom: 20px;
  }

  .project-list {
    margin-bottom: 30px;
  }

  .project-footer {
    position: relative;
    bottom: auto;
    left: auto;
    height: 200px;
  }

  .everyone-holder .person-list .person-details {
    width: 100%;
  }
  .everyone-holder .person-name {
    font-size: 18px;
  }
  .everyone-holder .person-active {
    font-size: 13px;
  }
  .everyone-holder .person-hidden {
    font-size: 13px;
  }

  .navbar-right.hidden-button {
    background-color: unset;
  }
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 26px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #ffd500;
}

input:focus + .slider {
  box-shadow: 0 0 1px #ffd500;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 26px;
}

.slider.round:before {
  border-radius: 50%;
}

.task-list-list .checkbox {
  margin: 0;
}
.task-list-list.col-sm-4 {
  border-left: 1px solid #ddd;
}
.task-list-list.col-sm-4 .task-list .person {
  width: 20px;
  text-align: center;
  overflow: hidden;
  letter-spacing: 20px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 16px;
  line-height: 1;
  padding: 3px 4px 1px 4px;
}

.project-list > a {
  display: flex;
  padding: 5px;
  position: relative;
}

.project-list-overview .person-round-small {
  display: none;
}

.project-list-small .person {
  display: none;
}
.project-list-small .task-deadline {
  display: none;
}

.person-show-detail .page-header {
  margin-top: 0px;
  margin-left: 35px;
  z-index: 50;
}
.person-show-detail .edit-project-name {
  margin-top: -10px;
}

.project-view .task-header-container {
  position: absolute;
  top: -75px;
  left: 0px;
  width: 100%;
  height: 60px;
}
.project-view .task-header-container h5.task-list-name {
  margin-top: 0px;
  margin-left: 20px;
}
.project-view .task-header-container h3.task-name {
  margin-left: 20px;
}
.project-view .task-header-container .choose-person-holder {
  top: -30px;
}
.project-view .task-header-container .task-deadline-holder {
  top: -22px;
}

.task-list-name {
  font-weight: bold;
  color: #555;
}
.task-list-name a {
  color: black;
}

.task-list .task-list-item {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
}
.task-list .task-list-item:hover {
  text-decoration: none;
}
.task-list .task-list-item:hover .task-list-title {
  text-decoration: underline;
}
.task-list .task-list-item .person {
  vertical-align: middle;
}
.task-list .task-list-item .task-list-title {
  flex: 1;
  padding-left: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.task-list .task-list-item .deadline {
  margin-right: 5px;
}
.task-list .task-list-item.hidden-task {
  opacity: 0.5;
}
.task-list .task-list-item.later {
  border-right: 5px solid #ADD8E6;
}
.task-list div:last-child {
  margin-bottom: 10px 0;
}

.edit-project-name {
  margin-top: 20px;
  margin-bottom: 10px;
}

.autocomplete-client .dropdown-menu {
  top: auto !important;
  bottom: 40px;
}

.project-list-small .project-detail-list {
  background-color: #ede8e7;
}
.project-list-small .new-list-holder {
  background-color: #ede8e7;
}

.btn-buffer {
  position: relative;
  top: 50px;
  float: right;
}

.client-notes {
  background-color: #f9f7f7;
  padding: 15px;
}

.header-line {
  -webkit-box-shadow: 0px 4px 4px -6px #919191;
  -moz-box-shadow: 0px 4px 4px -6px #919191;
  box-shadow: 0px 4px 4px -6px #919191;
}

.notes-container {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
  overflow-y: hidden;
  padding-bottom: 10px;
}
.notes-container .inner {
  -webkit-box-shadow: 0px 0px 5px 0px #919191;
  -moz-box-shadow: 0px 0px 5px 0px #919191;
  box-shadow: 0px 0px 5px 0px #919191;
}

.project-disabled {
  font-style: italic;
  color: #B5B5B5 !important;
}

.btn-project-settings {
  float: right;
}

.project-form-left {
  float: left;
}

.person-list .person-block {
  position: relative;
}
.person-list .person-block:hover .detail-trigger {
  display: block;
  text-align: center;
}
.person-list .detail-trigger, .person-list .person-details {
  position: absolute;
  background-color: white;
}
.person-list .detail-trigger {
  width: 100%;
  left: 0;
  bottom: 7px;
  text-align: center;
}
.person-list .person-details {
  width: 30%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9911119;
  padding: 0 60px 0 60px;
  overflow-y: scroll;
}
.person-list .person-details .inner {
  position: relative;
  display: block;
}
.person-list .person-details h3 {
  margin: 0;
  padding: 0;
}
.person-list .person-details input {
  width: 100%;
}
.person-list .person-details label {
  margin-top: 5px;
}
.person-list .person-details ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.person-list .person-details ul li {
  padding-bottom: 5px;
}
.person-list .person-details .name, .person-list .person-details .btn {
  width: 50%;
  margin: 15px 0;
  padding: 5px 10px;
  left: 0;
  bottom: 0;
  text-align: center;
  font-weight: normal;
  font-size: 14px;
}
.person-list .person-details .btn {
  color: #999;
  opacity: 1;
}
.person-list .person-details .name {
  top: 5px;
}
.person-list a {
  display: block;
  margin-bottom: 30px;
  font-size: 0.8em;
}
.person-list a .name {
  font-size: 1.5em;
}

.overtime div {
  font-weight: bold;
}
.overtime div .comment {
  font-weight: normal;
}
.overtime .status {
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: bold;
}
.overtime .status label {
  font-style: italic;
}
.overtime .status .approved {
  color: green;
}
.overtime .status .waiting {
  color: orange;
}

.task-sidebar {
  width: 100%;
  background-color: #ede8e7;
  padding: 0px;
  z-index: 1;
  position: relative;
  padding-bottom: 30px;
}
.task-sidebar:before {
  position: absolute;
  content: "";
  width: 1000px;
  height: 100%;
  background-color: #ede8e7;
  overflow: hidden;
  top: 0px;
  left: -1000px;
}
.task-sidebar a {
  display: block;
}
.task-sidebar .task-sidebar-group {
  margin-bottom: 40px;
}
.task-sidebar .task-sidebar-group:last-child {
  margin-bottom: 0;
}
.task-sidebar .task-sidebar-group > div {
  padding: 3px 0;
  border-bottom: 1px solid #eee;
}
.task-sidebar .task-sidebar-subheader {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding: 5px;
}
.task-sidebar .form-control-static {
  padding: 0;
  line-height: 27px;
  margin-right: 15px;
}
.task-sidebar .owner {
  display: flex;
}
.task-sidebar .owner .choose-person {
  flex: 1;
}

.tab-content .input-group {
  margin-bottom: 10px;
}

.task-sidebar-toggle {
  text-align: right;
}
.task-sidebar-toggle .task-sidebar-button {
  font-size: 13px;
  background-color: #ffd500;
  font-weight: 600;
  display: inline-block;
  width: 130px;
  padding: 5px 0;
  text-align: center;
}

.task-header-container {
  height: 100px;
}
.task-header-container h5.task-list-name {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #9c9c9c;
  margin: 0px;
  margin-top: 15px;
}
.task-header-container h5.task-list-name a {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #000000;
}
.task-header-container h3.task-name {
  font-size: 24px;
  line-height: 28px;
  color: #000000;
  font-weight: 600;
  margin: 0px;
}
.task-header-container .task-deadline-holder {
  position: absolute;
  top: 20px;
  right: 60px;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}
.task-header-container .task-deadline-holder .task-deadline {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.task-completed {
  float: left;
  padding: 5px 10px;
  margin-left: -10px;
  cursor: pointer;
}
.task-completed input {
  cursor: pointer;
}

.task-name {
  margin: 0;
}
.task-name.completed {
  text-decoration: line-through;
}

.anchor {
  display: block;
  position: relative;
  top: -5px;
  visibility: hidden;
}

.task-event-comment img {
  max-width: 100%;
}
.task-event-comment .visibility-toggle {
  display: none;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
.task-event-comment .visibility-toggle input {
  cursor: pointer;
}
.task-event-comment .visibility .visibility-toggle {
  display: block;
}

.task-detail .person {
  width: 100%;
  margin: 2px 0;
  padding: 3px;
}
.task-detail .task-list-name {
  margin-top: 0;
}

.choose-person-holder {
  position: absolute;
  right: -340px;
  top: 10px;
  z-index: 40;
  width: 340px;
}
.choose-person-holder .choose-person button.person {
  width: 100%;
}
.choose-person-holder .person {
  width: 230px;
  text-align: center;
  padding: 10px;
  color: #000000;
  font-family: "Merriweather", serif;
  font-size: 16px;
  line-height: 16px;
  font-style: italic;
  text-transform: none;
  font-weight: 300;
}

.col-left, .col-right {
  display: inline-block;
  width: 49%;
}

.task-filters {
  margin-top: 20px;
}

.task-extra {
  margin-top: 10px;
  min-height: 27px;
}
.task-extra .pull-right {
  display: inline-block;
  margin: 0;
}
.task-extra .pull-right label {
  margin: 5px;
}
.task-extra .task-hidden button {
  margin-left: 5px;
}

.hide-task-form,
.task-hidden {
  float: left;
  margin-right: 5px;
}
.hide-task-form .form-control,
.task-hidden .form-control {
  width: 80px;
}

.move-task-form .form-control {
  width: 180px;
}

.sales-form {
  margin: 25px 0 0;
}

.move-task-form, .open-sales {
  display: inline-block;
}

.task-event-comment {
  color: inherit;
  text-align: left;
}
.task-event-comment .date {
  margin-left: 0;
  color: #888;
  font-size: 11px;
}
.task-event-comment .comment-person .date {
  margin: 3px 0;
}

.comment-form-bottom {
  margin-top: 5px;
}
.comment-form-bottom .form-control {
  width: 80px;
  margin-right: 2px;
}

.comment-person .person-round-small {
  display: none;
}

#bookkeeping .table {
  width: auto;
}
#bookkeeping td {
  width: 150px;
  vertical-align: middle;
}
#bookkeeping td:first-child {
  padding-left: 0;
  width: 80px;
}
#bookkeeping .total .currency {
  display: inline-block;
  text-align: center;
  width: 32px;
  margin-right: 6px;
}

.time_remaining {
  float: right;
}
.time_remaining .bold {
  font-weight: 900;
  color: red;
}

#task-detail-content.scroll-window {
  padding-right: 5px;
  padding-top: 20px;
}

.upload form {
  margin: 5px 0;
  overflow: hidden;
  border: 1px solid #eee;
  position: relative;
  cursor: pointer;
}
.upload input[type=file] {
  font-size: 200px;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
}
.upload label {
  color: #ccc;
  font-size: 24px;
  margin: 30px 0;
  display: block;
  text-align: center;
}

.upload-mobile {
  display: flex;
}
.upload-mobile form {
  margin: 5px 0;
  overflow: hidden;
  border: 1px solid #eee;
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 50px;
}
.upload-mobile input[type=file] {
  font-size: 200px;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
}
.upload-mobile label {
  color: #ccc;
  font-size: 24px;
  margin: 8px 0;
  display: block;
  text-align: center;
}
.upload-mobile .files-mobile {
  border: 1px solid #eee;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-size: cover;
  margin: 5px 0;
  margin-right: 5px;
}

.report {
  display: flex;
}
.report .files {
  border: 1px solid #eee;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-size: cover;
  margin: 0;
  margin-right: 5px;
}
.report .signature {
  height: 50px;
  width: 120px;
  background-size: cover;
  background-position: 10%;
  border: 1px solid #eee;
}

.file-link {
  display: block;
}

.chat-date {
  display: none;
}

.chat-user {
  display: inline-block;
  width: 70px;
  text-align: center;
  padding-right: 15px;
  text-transform: capitalize;
  text-overflow: ellipsis;
  color: #999;
  overflow: hidden;
  float: left;
  clear: left;
  font-weight: bold;
}

.task-filters {
  display: flex;
  justify-content: space-between;
}
.task-filters .btn {
  font-weight: normal;
}
.task-filters .checkbox {
  display: inline;
}
.task-filters .checkbox:not(:last-child) label {
  padding-right: 10px;
}

.edit-task-name {
  margin-top: -20px;
}

.search-result {
  padding: 3px 20px;
  padding-right: 5px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #999999;
  white-space: nowrap;
}

.inner-props {
  padding-right: 150px;
}

.input-error {
  border-right: 2px solid red;
}

@media only screen and (max-width: 667px) and (orientation: portrait) {
  .person-round-small {
    display: inline-block;
  }

  .person-projects .person-round-small {
    display: inline-block;
  }

  .comment-person .person-round-small {
    display: inline-block;
  }

  .task-header-container .task-deadline-holder {
    top: -17px;
    right: 10px;
    font-size: 13px;
    line-height: 7px;
  }
  .task-header-container .task-deadline-holder .task-deadline {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .inner-props {
    padding-right: 15px;
    padding-left: 15px;
  }

  .form-horizontal .control-label {
    text-align: left;
  }

  .form-control[readonly] {
    background-color: unset !important;
  }

  .form-control[disabled] {
    background-color: unset !important;
  }
}
.tasks-table {
  display: table;
  width: 100%;
}

.tasks-table-body {
  display: table-row-group;
}

.tasks-table-row {
  display: table-row;
  text-decoration: none !important;
  background-color: #f7f5f1;
  border-bottom: solid 5px #ffffff;
}
.tasks-table-row.header, .tasks-table-row.footer {
  font-weight: bold;
}
.tasks-table-row.header > div {
  border-bottom: 1px solid #aaa;
}
.tasks-table-row.footer > div {
  border-top: 1px solid #aaa;
}
.tasks-table-row-white {
  display: table-row;
  text-decoration: none !important;
}

.tasks-table-cell {
  vertical-align: middle;
  display: table-cell;
  padding: 2px 5px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  border-bottom: solid 2px #ffffff;
}
.tasks-table-cell label {
  font-weight: normal;
  white-space: nowrap;
  cursor: pointer;
  margin-bottom: 0;
}
.tasks-table-cell.date-filter {
  width: 150px;
}
.tasks-table-cell:first-child {
  padding-left: 0;
}
.tasks-table-cell:last-child {
  padding-right: 0;
}

.tasks-table-row .tasks-table-cell {
  margin-bottom: 5px;
}

.bookkeeping-header {
  background-color: #ede8e7;
}

.bookkeeping-row1 {
  padding: 20px 0;
}
.bookkeeping-row1 .checkbox {
  margin-top: 12px;
}
.bookkeeping-row1 h1.page-header {
  margin: 10px 0px;
}

.bookkeeping-row2 {
  padding: 20px 0;
  text-align: right;
}

.bookkeeping-row3 {
  padding-bottom: 60px;
}
.bookkeeping-row3 select {
  background-color: #000000;
  color: #ffffff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 10px;
}

.glyphicon-remove {
  color: red;
}

.activity {
  margin-bottom: 5px;
}

.cost, .revenue {
  text-align: right;
  width: 90px;
}

.cost {
  color: red;
}

.revenue {
  color: green;
}

.currency {
  float: left;
}

.bookkeeping-view {
  float: right;
}

.tasks-table-cell.urgency {
  color: #ffffff;
  font-weight: 300;
  font-size: 12px;
  text-align: center;
  font-family: "Merriweather", serif;
  font-style: italic;
  width: 170px;
  padding: 2px 10px;
}

.urgency-0 {
  background-color: #0a0;
}

.urgency-1 {
  background-color: #fa0;
}

.urgency-2 {
  background-color: #f50;
}

.urgency-3 {
  background-color: #f00;
}

a.project {
  color: #000000;
}

a.tasks {
  color: #000000;
}

.names {
  color: #000000;
  font-weight: 300;
  font-size: 12px;
  text-align: left;
  font-family: "Merriweather", serif;
  font-style: italic;
}

.mobile-title {
  display: none;
}

@media only screen and (max-width: 667px) and (orientation: portrait) {
  .tasks-table-row .tasks-table-cell {
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
  }
  .tasks-table-row .tasks-table-cell .currency {
    margin-right: 5px;
  }
  .tasks-table-row .tasks-table-cell .mobile-title {
    position: absolute;
    display: block;
    right: 0px;
    top: 0px;
    background-color: #ffd500;
    color: #000000;
    padding: 0px 5px;
    font-family: "Merriweather", serif;
    font-weight: 300;
    font-size: 12px;
  }

  .mobile-table-row {
    display: none;
  }
}
th {
  vertical-align: top !important;
}

.calender-person-popup .person {
  width: 23.5%;
  margin: 0 2% 2% 0;
  display: inline-block;
  font-size: 2em;
  height: 70px;
}
.calender-person-popup .person:nth-child(4n) {
  margin-right: 0;
}

.calender-person-popup .person {
  width: 23.5%;
  margin: 0 2% 2% 0;
  display: inline-block;
  font-size: 2em;
  height: 70px;
}
.calender-person-popup .person:nth-child(4n) {
  margin-right: 0;
}

.choose-person-popup .person {
  width: 23.5%;
  margin: 0 2% 2% 0;
  display: inline-block;
  font-size: 2em;
  height: 70px;
}
.choose-person-popup .person:nth-child(4n) {
  margin-right: 0;
}

.choose-person button.person {
  width: 100%;
}

.person {
  color: white;
  font-size: 0.9em;
}
.person:hover {
  color: white;
}

.person-round {
  width: 100px;
  height: 100px;
  border-radius: 90px;
  display: inline-block;
}
.person-round:after {
  display: block;
  font-size: 38px;
  line-height: 100px;
  color: #ffffff;
  text-transform: none;
}

.person-round-small {
  width: 30px;
  height: 30px;
  border-radius: 90px;
  display: inline-block;
  text-align: center;
}
.person-round-small:after {
  display: block;
  font-size: 12px;
  line-height: 30px;
  color: #ffffff;
  text-transform: none;
}

.person-round-medium {
  width: 50px;
  height: 50px;
  border-radius: 90px;
  display: inline-block;
  text-align: center;
}
.person-round-medium:after {
  display: block;
  font-size: 18px;
  line-height: 50px;
  color: #ffffff;
  text-transform: none;
}

.modal .modal-content {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.modal .modal-header {
  font-weight: bold;
  text-transform: uppercase;
}
.modal .modal-footer button {
  min-width: 80px;
}

.navbar-search-form {
  margin: 2px 0;
}
.navbar-search-form input.form-control {
  min-width: 300px;
}

.navbar-search-results {
  position: absolute;
  width: 800px;
  margin-left: -110px;
  top: 50px;
  left: 50%;
  background-color: white;
  border-left: 1px solid #ddd;
  box-shadow: 5px 5px 15px rgba(200, 200, 200, 0.8);
}

.search-result {
  margin-top: 40px;
}
.search-result a {
  display: block;
  font-size: 1.2em;
  line-height: 1.1;
  color: #00f;
}
.search-result .date {
  float: right;
}
.search-result:first-child {
  margin-top: 0;
}
.search-result hr {
  display: none;
  border-color: #158cba;
}
.search-result em {
  font-weight: bold;
}
.search-result .project {
  font-style: italic;
  color: #444;
  font-size: 0.9em;
}

.search-highlight {
  padding-top: 2px;
  margin-top: 2px;
  line-height: 1.1;
  font-size: 0.9em;
  color: #666;
}
a + .search-highlight {
  border-top: 0;
}
.search-highlight * {
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
}
.search-highlight b {
  font-weight: normal;
}
.search-highlight em {
  font-weight: bold;
  color: black;
}
.search-highlight p {
  margin-bottom: 3px;
}
.search-highlight:after {
  display: block;
  width: 10%;
  border-top: 1px solid #ddd;
  content: " ";
  font-size: 0;
  margin-top: 2px;
  padding-bottom: 2px;
}
.search-highlight:last-child:after {
  display: none;
}

.log-item {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.log-item .date {
  float: right;
}
.log-item .project {
  font-weight: bold;
}
.log-item .person {
  width: 100%;
  padding: 3px;
}
.log-item .row {
  margin-top: 5px;
}

.cke.cke_chrome, .cke .cke_toolgroup, .cke .cke_contents, .cke .cke_combo_button {
  border-radius: 0;
}
.cke.cke_chrome {
  padding: 0 1px;
  border: 0;
}
.cke .cke_top {
  padding-top: 1px;
}
.cke .cke_toolgroup, .cke .cke_combo_button {
  margin-bottom: 0;
}
.cke .cke_button_icon {
  opacity: 1;
}

.cke_dialog textarea.cke_dialog_ui_input_textarea {
  height: 250px;
}

.loading-indicator {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background: url("/s/img/loading.gif") center center;
  background-size: contain;
}

.site-list > a {
  display: block;
  padding: 5px;
}

.calendar-event label {
  display: block;
  margin-bottom: 0;
  font-size: 0.9em;
}
.calendar-event .form-control-static {
  padding-top: 4px;
  padding-bottom: 4px;
}
.calendar-event input {
  width: 100px;
}
.calendar-event input[type=number] {
  width: 45px;
}
.calendar-event .form-control.ng-invalid.ng-dirty {
  border-color: #faa;
  background-color: #fee;
}
.calendar-event .warn {
  background-color: #a00;
  color: white;
}
.calendar-event .past {
  opacity: 0.6;
}

.calendar-filters {
  display: flex;
  justify-content: space-between;
}

.calendar-filter {
  margin-right: 5px;
  flex: 1;
}
.calendar-filter:last-child {
  margin-right: 0;
}

calendar-graph {
  display: flex;
  flex-direction: column;
  position: relative;
}

.calendar-grid {
  overflow: hidden;
  z-index: -1;
}

.calendar-gridline {
  position: absolute;
  border-left: 1px solid #aaa;
  top: 0;
  bottom: 0;
  transform: translateX(200px);
  font-size: 0.9em;
  background-color: #eef;
}
.calendar-gridline:nth-child(even) {
  background-color: #ddd;
}
.calendar-gridline.weekend {
  color: #aaa;
  background-color: white;
}

.calendar-gridline-label {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  text-align: center;
}

.calendar-project {
  display: flex;
  border-bottom: 1px solid #aaa;
}

.calendar-project-title {
  font-weight: bold;
  text-align: right;
  width: 200px;
  padding-right: 5px;
  align-self: center;
}

.calendar-project-tasks {
  flex: 1;
  padding: 2px 0;
  border-left: 1px solid #ddd;
}

.calendar-task {
  position: relative;
  height: 30px;
}
.calendar-task > a {
  display: inline-block;
  position: absolute;
}
.calendar-task > a:hover {
  text-decoration: none;
  width: auto !important;
}
.calendar-task > a:hover .calendar-task-extra {
  display: block;
}

.calendar-task-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: white;
  padding: 0 4px;
  line-height: 1.5;
  text-shadow: 1px 1px 0 black;
}

.calendar-task-extra {
  display: none;
  position: absolute;
  top: 0;
  right: calc(100% + 10px);
  background-color: white;
  z-index: 3;
  border: 1px solid #ccc;
  color: black;
  box-shadow: 1px 1px 1px 0 #aaa;
}
.calendar-task-extra .title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: #333;
  color: white;
  padding: 4px;
  line-height: 1;
}
.calendar-task-extra table {
  width: 100%;
  margin: 2px;
}
.calendar-task-extra th {
  padding-right: 20px;
}
.calendar-task-extra th:after {
  content: ":";
}
.calendar-task-extra td, .calendar-task-extra th, .calendar-task-extra .title {
  white-space: nowrap;
}

.gps .overview {
  font-size: 16pt;
  margin-top: 20px;
  padding-bottom: 10px;
}
.gps .overview .name {
  color: #d92100;
  font-weight: 500;
  font-size: 12pt;
  padding-bottom: 10px;
}
.gps .overview ul {
  font-size: 10pt;
  color: #d92100;
  padding-inline-start: 20px;
}
.gps .overview ul a {
  color: #000000;
}
.gps .loading img {
  width: 60px;
  height: 60px;
}
.gps .brekers {
  margin-bottom: 50px;
}
.gps .brekers .breker {
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid lightgray;
}
.gps .brekers .name, .gps .brekers .files, .gps .brekers .projects, .gps .brekers .last-position {
  color: #d92100;
  font-weight: 500;
  font-size: 12pt;
  padding-bottom: 10px;
}
.gps .brekers .date {
  color: #333;
  font-style: normal;
  float: left;
}
.gps .brekers .location {
  float: right;
  padding-bottom: 10px;
}
.gps .brekers .right .legend {
  font-size: 10pt;
  margin-top: 40px;
  margin-bottom: 10px;
}
.gps .brekers .left ul {
  color: #d92100;
  padding-inline-start: 20px;
}
.gps .brekers .left ul a {
  color: #000000;
}

.dashboard-block {
  min-width: 200px;
  min-height: 200px;
  margin: 20px;
  background-color: #ffd500;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(204, 170, 0);
  -moz-box-shadow: 0px 0px 5px 0px rgb(204, 170, 0);
  box-shadow: 0px 0px 5px 0px rgb(204, 170, 0);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-block:hover {
  text-decoration: none;
}
.dashboard-block .inner {
  margin: 0;
}
.dashboard-block label {
  color: #ffffff;
  font-size: 30px;
}

.grey {
  color: #E3E3E3;
}

.portal-color {
  color: #ffd500;
}

.readonly .comment {
  display: flex;
  padding: 5px;
  padding-bottom: 0px;
}
.readonly .comment:nth-child(even) {
  background-color: #E3E3E3;
}
.readonly .form-control[readonly] {
  background-color: unset !important;
}
.readonly .form-control[disabled] {
  background-color: unset !important;
}
.readonly .header-line {
  margin-bottom: 10px;
}

.dashboard-button-right {
  position: relative;
  float: right;
  top: 10px;
}

.dashboard-empty {
  font-size: 70pt;
  font-weight: 700;
  color: #F6F6F6;
  margin: 0 auto;
  width: 97%;
  text-align: center;
  z-index: -10;
  left: 0px;
  position: absolute;
  bottom: 0px;
}

.portal-big-gray {
  font-size: 70pt;
  font-weight: 700;
  color: #F6F6F6;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  z-index: -10;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.layout.logo {
  max-height: 60px;
}

.separator {
  border-bottom: 1px lightgray dashed;
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-right: 50px;
  margin-left: 10px;
}

.disabled-module {
  height: 80px;
  border: 1px ridge;
  color: #e6e6e6;
  font-size: large;
  font-weight: 100;
  text-align: center;
}
.disabled-module span {
  position: relative;
  top: 27px;
}

.signature-pad {
  width: 100%;
  height: 120px;
  padding: 2px;
}
.signature-pad canvas {
  height: 116px;
}

.code-switch {
  float: right;
  margin-bottom: 5px;
  cursor: pointer;
  color: #c1c1c1;
}

.setting-input {
  padding-left: 0px;
}

.form-group {
  margin-bottom: 5px;
}
.form-group .error {
  display: none;
  padding: 3px 8px;
  background-color: #b00;
  color: white;
  font-size: 0.9em;
  margin-bottom: 5px;
}
.form-group .required {
  display: none;
}
.form-group.required .required {
  display: inline;
}
.form-group.has-error label {
  color: #b00;
}
.form-group.has-error .form-control {
  border-color: #b00;
}
.form-group.has-error .error {
  display: block;
}
.form-group.success .controls {
  position: relative;
}
.form-group.success .controls:after {
  content: "\F00C";
  position: absolute;
  display: block;
  top: 8px;
  right: 20px;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  border-radius: 10px;
  background-color: green;
  color: white;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

@media (max-width: 760px) {
  .form-group {
    margin-bottom: 15px;
  }
}
.modal-backdrop {
  display: none;
}

.modal-open .modal-backdrop {
  display: block;
}

.modal.fade .modal-dialog {
  transition: none !important;
  transform: none !important;
  margin-top: 90px;
}

.fade {
  transition: none !important;
  transform: none !important;
}

textarea.form-control {
  height: 200px;
}

[ng-click] {
  cursor: pointer;
}

hr {
  margin: 5px 0;
  border-color: #ddd;
}

.date {
  color: #888;
  font-style: italic;
}

body {
  color: #333;
}
body.stats .container, body.clients-detail .container, body.calendar .container {
  width: auto;
}

.container {
  width: 100%;
}
@media (min-width: 1440px) {
  .container {
    width: 1410px;
  }
}

.btn {
  border-bottom-width: 1px !important;
  border-radius: 0;
}
.btn:hover {
  margin-top: 0;
}
.btn.btn-block + .btn-block {
  margin-top: 5px;
}

.input-sm {
  height: 27px;
  padding: 3px 6px;
}

select.input-sm {
  height: 27px;
}

input, textarea, select, button, .btn {
  border-radius: 0 !important;
}

.input-group .form-control {
  z-index: 0;
}

.input-group-addon {
  padding-bottom: 5px;
}

@media (max-width: 768px) {
  body {
    padding-top: 0;
  }

  .navbar {
    position: static;
  }
}
.navbar-text {
  margin: 5px 0;
}

.navbar-brand {
  padding: 10px 15px;
  height: 30px;
}

.navbar-nav > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar-toggle {
  padding: 2px 10px;
  margin: 5px 15px;
}

with-client-toggle {
  margin-left: 10px;
}

#time-registered {
  line-height: 20px;
  font-size: 14px;
  font-style: italic;
  color: black;
  font-family: "Merriweather", serif;
}

@media (max-width: 767px) {
  .page-header {
    display: none;
  }
}

.scroll-window {
  padding-right: 5px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 15px;
}

pre {
  white-space: pre-wrap;
  padding: 5px;
  margin-right: 10px;
  border: 1px solid #ddd;
  background-color: white;
  border-radius: 0;
}

.badge {
  background-color: #eee;
  color: #777;
}

.toggle {
  cursor: pointer;
  user-select: none;
}

.row-no-padding {
  margin-left: 0;
  margin-right: 0;
}
.row-no-padding > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.btn-clear {
  display: inline-block;
  padding-top: 17px;
  height: 60px;
  overflow: hidden;
  background: unset;
  border: unset;
}

.own-company td {
  background-color: #B8D1B0 !important;
}

.submit-button-right {
  float: right;
  margin-bottom: 5px;
  margin-right: 0px;
}

select {
  color: #555;
  min-width: 110px;
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid #e5e5e5;
  border-radius: 0px;
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  background: url("/s/img/angle-down-solid.svg") 96%/6% no-repeat #fff;
}

/* CAUTION: IE hackery ahead */
select::-ms-expand {
  display: none;
}

.list-template {
  color: #e5e5e5;
  font-style: italic;
}

.flex-row {
  display: flex;
  flex-wrap: wrap;
}

.layout-header {
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
}
.layout-header .logo {
  max-height: 60px;
}

.modal-lg {
  margin-top: 20px !important;
}

.form-control[readonly] {
  background-color: unset !important;
}

.form-control[disabled] {
  background-color: unset !important;
}

.client-switcher {
  position: fixed;
  bottom: 10px;
  right: 10px;
  padding: 0px;
  -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.06);
}

@media (max-width: 768px) {
  .moment-picker {
    left: 0px !important;
    margin: 15px;
  }
  .moment-picker .moment-picker-container {
    width: 95% !important;
  }
}
.top-error {
  background-color: #CE5A5A;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px;
  color: #F1D2D2;
  position: absolute;
}

.bottom-error {
  background-color: #CE5A5A;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px;
  color: #F1D2D2;
  position: fixed;
  bottom: 0px;
  left: 10px;
  right: 10px;
  text-align: center;
  -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
}

.dropdown-menu {
  padding: 10px;
  border-width: 1px;
}
.dropdown-menu .dropdown-item {
  display: block;
  color: #000;
}