/* SCSS Variables ************************************ */
/* Global text color */
/* Global link color */
/* Global link color hover state */
/* Text color for various info elements */
/* Global font size */
/* Font size for headings */
/* Font size for component headers */
/* Font size for page title only */
/* Smaller text, used for tooltips, table notes, datepicker; also global font size for small displays (responsive) */
/* Base line-height, use a range between 1.0em (compact) and 1.7em (wide) */
/* Base font-family (make sure to change the paths and names in the fonts section!) */
/* Border for page components (such as drop-down lists, blocks, jQuery widgets, tabs and logo) */
/* Background for page components */
/* Used as a spacer between elements with highlighted or base component background) */
/* Customer logo */
/* Customer logo size fine-tuning */
/* Text in elements with a theme-colored background */
/* Links in elements with a theme-colored background */
/* Hover state for links in elements with a theme-colored background */
/* Custom style to emphasize current (menu) item */
/* Theme color, used for small text items (such as spans in tabs and drop-down list); make sure it matches well with $themeComponentBackground */
/* Theme color hover */
/* Background theme color (for header/footer, tooltips, sticky notes and other elements with a theme-colored background) */
/* Border for theme-colored elements */
/* Theme style background color for various components */
/* Body background (best use a solid color, gradient or pattern here) */
/* Login background (use a full-screen image here for visual impact) */
/* Additional graphics or a watermark, set to none if you don't want this feature */
/* Used as a spacer between elements in footer and other elements with a theme-colored background) */
/* Default background for component headers, items in drop-down lists, buttons, square icons and other small elements */
/* Default border for component headers, items in drop-down lists, buttons, square icons, table rows and input fields */
/* Background color for various components, such as table headers */
/* Opaque background color for various components, such as table headers */
/* Background for notifications/notes, focused input fields, highlight state for buttons, other highlighted components */
/* Border for row hovers (tables/drop-down lists), notifications/notes, focused input fields, hover and highlight state for buttons, highlighted components */
/* Background for row hovers (tables/drop-down lists) */
/* Background for elements with state 'Success' */
/* Border for elements with state 'Success' */
/* Text for elements with state 'Success' */
/* Background for elements with state 'Error' */
/* Border for elements with state 'Error' */
/* Text for elements with state 'Error', required input mark */
/* Background of action buttons */
/* Background of action buttons (hover state) */
/* Border of action buttons */
/* Background of cancel buttons */
/* Background of cancel buttons (hover state) */
/* Border of cancel buttons */
/* Background of disabled submit buttons */
/* Page background for active dialogs, make sure it is partly transparent for user-experience */
/* Border-radius, used to round one or more corners of various elements */
/* Shadow settings for elements that float on top of the page; don't overdo this one! */
/* Stronger shadow settings for floating elements that need to stand out */
/* Shadow settings for elements lighted from above (header, blocks, some jQuery widgets, drop-down lists); caution: too pronounced shadows will cause artifacts for drop-down lists! */
/* Shadow settings for elements that are lighted from below (only used for footer, use with caution to prevent unrealistic effects */
/* Icon font, note that changing this font forces some HTML changes, so better not change unless absolutely necessary */
/* Entypo Icon font, note that changing this font forces some HTML changes, so better not change unless absolutely necessary */
/* Default icon size, typically 2px larger than $baseTextSize */
/* Entypo needs a larger font-size to match up with the default font icons */
/* Size for title image icon, typically 2px smaller than $baseTextSizeTitle */
/* Size for functional icons in widgets (such as sorting and drop-down trigger icons) */
/* Specifies opacity for elements that are currently either inactive or disabled */
/* Background color to distinguish between odd and even rows (set color opacity to 0 if you don't want this feature) */
/* Text color for default values, like properties of activity that are used in slot */
*[ng-click] {
  -webkit-user-select: none; }

.gantt-data-vehicle, .gantt-data-people {
  opacity: 0.5;
  zoom: 0.8;
  position: absolute; }

.gantt-data-vehicle {
  left: 100px; }

.gantt-data-people {
  left: 20px; }
/** disable annoying click-n-drag behaviour */
.gantt-wrapper {
  position: relative;
  border: 1px solid #dddedf;
  padding-bottom: 25px;
  overflow-x: hidden;
  margin-top: 5px; }

.gantt-wrapper ul {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.gantt-wrapper li {
  padding: 0px;
  margin: 0px; }

.gantt-wrapper li ul > li {
  border-bottom: 1px solid #efefef; }

.gantt-controls {
  width: 618px;
  position: absolute; }

.gantt-controls .filter {
  width: 255px;
  position: absolute;
  left: 10px;
  top: 10px;
  text-align: left;
  z-index: 3000;
  white-space: nowrap; }

.gantt-controls .filter label.inline-icon-mp {
  font-size: 19px;
  width: 19px;
  height: 19px; }
/*  .gantt-controls .filter label.sort-label { display: block; } */
.filter > div {
  display: block;
  margin-bottom: 5px; }
/*.gantt-controls .filter span { position: absolute; right: $ganttTreeWidth*0.8+25; top: -5px; }
 .gantt-controls .filter input { position: absolute; right: 0px; width: $ganttTreeWidth*0.8; font-size: inherit; }*/
.gantt-controls .zoom-controls {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3000; }

.gantt-controls button {
  display: inline-block;
  margin-left: 5px;
  width: 25px;
  height: 25px;
  padding: 0px;
  text-align: center; }

.gantt-background-wrapper {
  position: absolute;
  width: 255px;
  height: 100%;
  overflow: hidden; }

.gantt-background {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: 90px;
  border-right: 1px solid #dddedf;
  z-index: 100;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.gantt-control-background-wrapper {
  position: absolute;
  left: 1744px;
  width: 9999px;
  height: 100%;
  overflow: hidden; }

.gantt-control-background {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: 90px;
  z-index: 3995;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff; }

.gantt-hour-background-wrapper {
  position: absolute;
  left: 668px;
  width: 1050px;
  height: 100%;
  overflow: hidden; }

.gantt-hour-background {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: 90px;
  z-index: 400;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.hour-grid-6 {
  margin-left: 1px;
  height: 100%;
  white-space: nowrap;
  overflow: hidden; }

.hour-grid-24 {
  margin-left: 1px;
  height: 100%;
  white-space: nowrap;
  overflow: hidden; }

.hour-grid-6 span {
  display: inline-block;
  text-align: left;
  width: 176px;
  margin-left: -1px;
  padding-top: 3px;
  border-left: 1px solid #dddedf;
  border-right: 1px solid #dddedf;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%; }

.hour-grid-24 span {
  display: inline-block;
  text-align: left;
  width: 44.75px;
  margin-left: -1px;
  padding-top: 3px;
  border-left: 1px solid #dddedf;
  border-right: 1px solid #dddedf;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%; }

.gantt-timeline-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px; }

.gantt-timeline-and-controls {
  position: absolute;
  height: 100%;
  left: 643px;
  right: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  z-index: 299;
  border-right: 1px solid #dddedf; }

.gantt-timeline-controls {
  position: absolute;
  left: 0px;
  right: 0px; }

.gantt-timeline-controls > a {
  position: absolute;
  height: 30px;
  width: 25px;
  z-index: 301;
  font-family: 'ModernPictogramsNormal';
  text-align: center;
  padding-top: 1px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: background 0.25s ease-out; }

.gantt-timeline-controls > a:hover, .gantt-timeline-controls > a:focus {
  background: #fcf3ca;
  cursor: pointer;
  transition: background 0.25s ease-out; }

.gantt-timeline-controls .previous-month {
  left: 0px;
  top: 0px; }

.gantt-timeline-controls .previous-week {
  left: 0px;
  top: 30px; }

.gantt-timeline-controls .previous-day {
  left: 0px;
  top: 60px; }

.gantt-timeline-controls .next-month {
  right: 0px;
  top: 0px;
  background-color: white;
  border-left: 1px solid #dddedf; }

.gantt-timeline-controls .next-week {
  right: 0px;
  top: 30px;
  background-color: white;
  border-left: 1px solid #dddedf; }

.gantt-timeline-controls .next-day {
  right: 0px;
  top: 60px;
  background-color: white;
  border-left: 1px solid #dddedf; }

.gantt-timeline {
  position: absolute;
  height: 100%;
  width: 1050px;
  left: 25px;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  z-index: 300;
  border-right: 1px solid #dddedf; }

.array-months, .array-weeks, .array-days {
  font-size: 0px;
  position: absolute; }
/* Needed to remove white space between days */
.array-month, .array-week, .array-day {
  font-size: 14px; }

.array-month {
  max-width: 1050px;
  color: #445;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  background: rgba(150, 150, 150, 0.05);
  border-left: 1px solid #dddedf;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  padding-top: 5px;
  transition: all 0.25s ease-out; }

.array-weeks {
  border-top: 1px solid #dddedf;
  display: table;
  margin-left: 1px;
  top: 30px; }

.array-week {
  color: #445;
  display: inline-block;
  position: relative;
  width: 701%;
  max-width: 1051px;
  background: rgba(150, 150, 150, 0.05);
  border-left: 1px solid #dddedf;
  border-right: 1px solid #dddedf;
  margin-left: -1px;
  text-align: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  padding-top: 5px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle; }

.array-days {
  top: 60px; }

.array-weeks > a {
  height: 30px;
  overflow: hidden; }

.array-week.loading {
  padding-left: 0;
  color: #ddd; }

.array-week.loading:after {
  display: inline-block;
  background-image: url(/bundles/samsonframework/images/select2-spinner.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  position: absolute;
  background-position: top left;
  width: 20px;
  height: 20px;
  right: 20px;
  content: ' ';
  float: right; }

.array-days {
  border-top: 1px solid #dddedf;
  display: table; }

.array-days a {
  display: inline-block;
  color: #445;
  width: 100%;
  height: 30px; }

.array-day {
  display: inline-block;
  width: 100%;
  text-align: center;
  min-height: 20000px;
  overflow-x: visible;
  overflow-y: hidden;
  background: #fefefe;
  border-left: 1px solid #dddedf;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 5px; }
/* Min-height is set to a large number to make sure day lines are visible */
.array-days .timeline-weekend div {
  background: #f3f3f5;
  border-left: 1px solid #dddedf; }

.array-days .timeline-hover div {
  background: rgba(252, 243, 202, 0.5); }

.timeline-today > div {
  background: rgba(252, 243, 202, 1);
  font-weight: bold;
  font-size: 18px;
  color: #000; }

a .array-month:hover, a .array-week:hover, .array-days a:hover {
  color: #72aeea;
  transition: all 0.25s ease-out; }

#gantt {
  margin-top: 90px;
  position: relative;
  z-index: 500; }

#gantt > li, #gantt li li {
  border-top: 1px solid #dddedf;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -1px; }

#gantt > li:first-child {
  background: rgba(150, 150, 150, 0.05); }

#gantt > li:last-child {
  border-bottom: rgba(150, 150, 150, 0.05); }

notes-icon {
  cursor: help; }

.projectviewlink {
  cursor: pointer; }

.gantt-header .gantt-data-info > div {
  vertical-align: top;
  overflow: visible; }
  .gantt-header .gantt-data-info > div .inline-icon-mp {
    line-height: 8px; }

.gantt-header .gantt-data-info span.right-padded-and-aligned {
  display: inline-block;
  margin-left: 25px; }
/* align the clock in the middle of the calculated times. */
.gantt-data, .gantt-project li {
  position: relative; }

.gantt-data-label {
  position: relative;
  top: 3px;
  width: 255px;
  height: 25px;
  z-index: 700;
  padding-left: 15px;
  vertical-align: top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.gantt-data-label.project-other-department {
  color: #808080; }

.resource-other-department {
  opacity: 0.5; }

.resource-unassigned {
  opacity: 0.25; }

.gantt-data-info {
  position: absolute;
  width: 363px;
  top: 3px;
  left: 265px;
  z-index: 600;
  white-space: nowrap;
  text-overflow: ellipsis; }

.gantt-data-block {
  position: absolute;
  top: 0px;
  left: 668px;
  z-index: 350;
  width: 1250px;
  height: 25px;
  overflow: visible; }

.gantt-project ul .gantt-data-label {
  padding-left: 32px; }

.gantt-project ul ul .gantt-data-label {
  padding-left: 50px; }

.gantt-project ul ul ul .gantt-data-label {
  padding-left: 66px; }

.gantt-project .gantt-data > .gantt-data-label {
  cursor: pointer; }

.gantt-project .gantt-data > .gantt-data-label:before {
  content: '/';
  font-family: 'ModernPictogramsNormal';
  margin-right: 5px;
  position: relative;
  top: -6px; }

.gantt-project .gantt-data > .gantt-data-label.collapsed:before {
  content: '>'; }

.gantt-resource-type-label {
  font-weight: bold; }

.gantt-data-label > span:first-child {
  width: 80%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.gantt-data-label > span.summary:first-child {
  width: auto; }

.gantt-data-label > span:hover {
  cursor: pointer; }

.gantt-data-label .inline-icon-et {
  position: absolute;
  height: 25px;
  display: block;
  line-height: inherit;
  right: 15px;
  top: 0px; }

.gantt-data-label .inline-icon-et.jump-to-slot {
  right: 35px;
  color: #c0c0c0; }

.gantt-data-label .inline-icon-et.jump-to-resource {
  right: 55px; }

.gantt-data-label.inactive {
  color: #bbb; }

.gantt-data-block {
  text-overflow: ellipsis;
  pointer-events: none; }
/* pointer events allow clicks through the timeline onto the blocks inside since there's overlap. */
.gantt-data-block > div {
  pointer-events: all;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: -1px;
  height: 26px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3px; }

.gantt-data-block > div.status-planning.aggregate-project {
  cursor: default; }

.gantt-data-block > div.nested-div {
  padding-left: 0px; }

.gantt-data-block > div.nested-div > div {
  padding-left: 3px; }

.gantt-data-block > div .inline-icon-et {
  line-height: 25px; }

.gantt-data-info > div {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.gantt-data-info > div:first-child {
  width: 50%; }

.gantt-data-info > div:nth-child(2) {
  width: 17%;
  text-align: center; }

.gantt-data-info > div:nth-child(3) {
  width: 9%;
  text-align: center; }

.gantt-data-info > div:nth-child(4) {
  width: 8%;
  text-align: center; }

.gantt-data-info > div:nth-child(5) {
  width: 8%;
  text-align: center; }

.gantt-data-info > div:nth-child(6) {
  width: 8%;
  text-align: center; }

.gantt-data-info > div .inline-icon-mp {
  display: block;
  height: 25px;
  line-height: 8px; }

#gantt > li .gantt-data-label .inline-icon-et.jump-to-slot, #gantt > li .gantt-data-label .inline-icon-et.jump-to-resource {
  color: #c0c0c0;
  transition: color 0.25s ease-out; }

#gantt .gantt-row:hover .gantt-data-label .inline-icon-et.jump-to-slot, #gantt .gantt-row:hover .gantt-data-label .inline-icon-et.jump-to-resource {
  color: #445; }

.gantt-row:last-child {
  border-bottom: 0; }
/** #gantt.resources .earmark { @include rotate(-45deg); top: -17px; right: -15px; width: 25px; height: 24px; position: absolute; } */
.legenda .earmark, #gantt.resources .earmark {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 16px 8px 0;
  border-color: transparent #007bff transparent transparent; }

.legenda .project-other-department .earmark, #gantt.resources .project-other-department .earmark {
  border-width: 0 8px 16px 0; }
  .status-planning {
    color: #fff;
    z-index: 100;
    text-shadow: 0px 0px 3px rgba(224, 224, 224, 0.85);
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(224, 224, 224, 0.55); }
    .status-planning.activity-status-10 {
      background: rgba(224, 224, 224, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(173, 173, 173, 0.55) 9px, rgba(173, 173, 173, 0.55) 11px, transparent 15px); }
    .status-planning.activity-status-30 {
      background: rgba(224, 224, 224, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-planning.aggregate- {
        background: rgba(224, 224, 224, 0.18);
        border: 1px solid rgba(224, 224, 224, 0.55); }
        .status-planning.aggregate-.activity-status-10 {
          background: rgba(224, 224, 224, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(173, 173, 173, 0.55) 9px, rgba(173, 173, 173, 0.55) 11px, transparent 15px); }
        .status-planning.aggregate-.activity-status-30 {
          background: rgba(224, 224, 224, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-planning.aggregate-resource {
        background: rgba(224, 224, 224, 0.26);
        border: 1px solid rgba(224, 224, 224, 0.7); }
        .status-planning.aggregate-resource.activity-status-10 {
          background: rgba(224, 224, 224, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(173, 173, 173, 0.55) 9px, rgba(173, 173, 173, 0.55) 11px, transparent 15px); }
        .status-planning.aggregate-resource.activity-status-30 {
          background: rgba(224, 224, 224, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-planning.aggregate-activity {
        background: rgba(224, 224, 224, 0.34);
        border: 1px solid rgba(224, 224, 224, 0.85); }
        .status-planning.aggregate-activity.activity-status-10 {
          background: rgba(224, 224, 224, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(173, 173, 173, 0.55) 9px, rgba(173, 173, 173, 0.55) 11px, transparent 15px); }
        .status-planning.aggregate-activity.activity-status-30 {
          background: rgba(224, 224, 224, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-planning.aggregate-project {
        background: rgba(224, 224, 224, 0.42);
        border: 1px solid #e0e0e0; }
        .status-planning.aggregate-project.activity-status-10 {
          background: rgba(224, 224, 224, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(173, 173, 173, 0.55) 9px, rgba(173, 173, 173, 0.55) 11px, transparent 15px); }
        .status-planning.aggregate-project.activity-status-30 {
          background: rgba(224, 224, 224, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
  .status-ok {
    color: #fff;
    z-index: 100;
    text-shadow: 0px 0px 3px rgba(0, 255, 25, 0.85);
    background: rgba(153, 255, 163, 0.85);
    border: 1px solid rgba(0, 255, 25, 0.55); }
    .status-ok.activity-status-10 {
      background: rgba(0, 255, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 153, 15, 0.55) 9px, rgba(0, 153, 15, 0.55) 11px, transparent 15px); }
    .status-ok.activity-status-30 {
      background: rgba(0, 255, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-ok.aggregate- {
        background: rgba(0, 255, 25, 0.18);
        border: 1px solid rgba(0, 255, 25, 0.55); }
        .status-ok.aggregate-.activity-status-10 {
          background: rgba(0, 255, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 153, 15, 0.55) 9px, rgba(0, 153, 15, 0.55) 11px, transparent 15px); }
        .status-ok.aggregate-.activity-status-30 {
          background: rgba(0, 255, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-ok.aggregate-resource {
        background: rgba(0, 255, 25, 0.26);
        border: 1px solid rgba(0, 255, 25, 0.7); }
        .status-ok.aggregate-resource.activity-status-10 {
          background: rgba(0, 255, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 153, 15, 0.55) 9px, rgba(0, 153, 15, 0.55) 11px, transparent 15px); }
        .status-ok.aggregate-resource.activity-status-30 {
          background: rgba(0, 255, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-ok.aggregate-activity {
        background: rgba(0, 255, 25, 0.34);
        border: 1px solid rgba(0, 255, 25, 0.85); }
        .status-ok.aggregate-activity.activity-status-10 {
          background: rgba(0, 255, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 153, 15, 0.55) 9px, rgba(0, 153, 15, 0.55) 11px, transparent 15px); }
        .status-ok.aggregate-activity.activity-status-30 {
          background: rgba(0, 255, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-ok.aggregate-project {
        background: rgba(0, 255, 25, 0.42);
        border: 1px solid #00ff19; }
        .status-ok.aggregate-project.activity-status-10 {
          background: rgba(0, 255, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 153, 15, 0.55) 9px, rgba(0, 153, 15, 0.55) 11px, transparent 15px); }
        .status-ok.aggregate-project.activity-status-30 {
          background: rgba(0, 255, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
  .status-nowork {
    color: #fff;
    z-index: 100;
    text-shadow: 0px 0px 3px rgba(128, 64, 64, 0.85);
    background: rgba(200, 145, 145, 0.85);
    border: 1px solid rgba(128, 64, 64, 0.55); }
    .status-nowork.activity-status-10 {
      background: rgba(128, 64, 64, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(60, 30, 30, 0.55) 9px, rgba(60, 30, 30, 0.55) 11px, transparent 15px); }
    .status-nowork.activity-status-30 {
      background: rgba(128, 64, 64, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-nowork.aggregate- {
        background: rgba(128, 64, 64, 0.18);
        border: 1px solid rgba(128, 64, 64, 0.55); }
        .status-nowork.aggregate-.activity-status-10 {
          background: rgba(128, 64, 64, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(60, 30, 30, 0.55) 9px, rgba(60, 30, 30, 0.55) 11px, transparent 15px); }
        .status-nowork.aggregate-.activity-status-30 {
          background: rgba(128, 64, 64, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-nowork.aggregate-resource {
        background: rgba(128, 64, 64, 0.26);
        border: 1px solid rgba(128, 64, 64, 0.7); }
        .status-nowork.aggregate-resource.activity-status-10 {
          background: rgba(128, 64, 64, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(60, 30, 30, 0.55) 9px, rgba(60, 30, 30, 0.55) 11px, transparent 15px); }
        .status-nowork.aggregate-resource.activity-status-30 {
          background: rgba(128, 64, 64, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-nowork.aggregate-activity {
        background: rgba(128, 64, 64, 0.34);
        border: 1px solid rgba(128, 64, 64, 0.85); }
        .status-nowork.aggregate-activity.activity-status-10 {
          background: rgba(128, 64, 64, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(60, 30, 30, 0.55) 9px, rgba(60, 30, 30, 0.55) 11px, transparent 15px); }
        .status-nowork.aggregate-activity.activity-status-30 {
          background: rgba(128, 64, 64, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-nowork.aggregate-project {
        background: rgba(128, 64, 64, 0.42);
        border: 1px solid #804040; }
        .status-nowork.aggregate-project.activity-status-10 {
          background: rgba(128, 64, 64, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(60, 30, 30, 0.55) 9px, rgba(60, 30, 30, 0.55) 11px, transparent 15px); }
        .status-nowork.aggregate-project.activity-status-30 {
          background: rgba(128, 64, 64, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
  .status-todo {
    color: #fff;
    z-index: 100;
    text-shadow: 0px 0px 3px rgba(0, 125, 255, 0.85);
    background: rgba(153, 203, 255, 0.85);
    border: 1px solid rgba(0, 125, 255, 0.55); }
    .status-todo.activity-status-10 {
      background: rgba(0, 125, 255, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 75, 153, 0.55) 9px, rgba(0, 75, 153, 0.55) 11px, transparent 15px); }
    .status-todo.activity-status-30 {
      background: rgba(0, 125, 255, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-todo.aggregate- {
        background: rgba(0, 125, 255, 0.18);
        border: 1px solid rgba(0, 125, 255, 0.55); }
        .status-todo.aggregate-.activity-status-10 {
          background: rgba(0, 125, 255, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 75, 153, 0.55) 9px, rgba(0, 75, 153, 0.55) 11px, transparent 15px); }
        .status-todo.aggregate-.activity-status-30 {
          background: rgba(0, 125, 255, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-todo.aggregate-resource {
        background: rgba(0, 125, 255, 0.26);
        border: 1px solid rgba(0, 125, 255, 0.7); }
        .status-todo.aggregate-resource.activity-status-10 {
          background: rgba(0, 125, 255, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 75, 153, 0.55) 9px, rgba(0, 75, 153, 0.55) 11px, transparent 15px); }
        .status-todo.aggregate-resource.activity-status-30 {
          background: rgba(0, 125, 255, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-todo.aggregate-activity {
        background: rgba(0, 125, 255, 0.34);
        border: 1px solid rgba(0, 125, 255, 0.85); }
        .status-todo.aggregate-activity.activity-status-10 {
          background: rgba(0, 125, 255, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 75, 153, 0.55) 9px, rgba(0, 75, 153, 0.55) 11px, transparent 15px); }
        .status-todo.aggregate-activity.activity-status-30 {
          background: rgba(0, 125, 255, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-todo.aggregate-project {
        background: rgba(0, 125, 255, 0.42);
        border: 1px solid #007dff; }
        .status-todo.aggregate-project.activity-status-10 {
          background: rgba(0, 125, 255, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 75, 153, 0.55) 9px, rgba(0, 75, 153, 0.55) 11px, transparent 15px); }
        .status-todo.aggregate-project.activity-status-30 {
          background: rgba(0, 125, 255, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
  .status-conflict {
    color: #fff;
    z-index: 100;
    text-shadow: 0px 0px 3px rgba(255, 100, 25, 0.85);
    background: rgba(255, 203, 178, 0.85);
    border: 1px solid rgba(255, 100, 25, 0.55); }
    .status-conflict.activity-status-10 {
      background: rgba(255, 100, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(178, 58, 0, 0.55) 9px, rgba(178, 58, 0, 0.55) 11px, transparent 15px); }
    .status-conflict.activity-status-30 {
      background: rgba(255, 100, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-conflict.aggregate- {
        background: rgba(255, 100, 25, 0.18);
        border: 1px solid rgba(255, 100, 25, 0.55); }
        .status-conflict.aggregate-.activity-status-10 {
          background: rgba(255, 100, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(178, 58, 0, 0.55) 9px, rgba(178, 58, 0, 0.55) 11px, transparent 15px); }
        .status-conflict.aggregate-.activity-status-30 {
          background: rgba(255, 100, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-conflict.aggregate-resource {
        background: rgba(255, 100, 25, 0.26);
        border: 1px solid rgba(255, 100, 25, 0.7); }
        .status-conflict.aggregate-resource.activity-status-10 {
          background: rgba(255, 100, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(178, 58, 0, 0.55) 9px, rgba(178, 58, 0, 0.55) 11px, transparent 15px); }
        .status-conflict.aggregate-resource.activity-status-30 {
          background: rgba(255, 100, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-conflict.aggregate-activity {
        background: rgba(255, 100, 25, 0.34);
        border: 1px solid rgba(255, 100, 25, 0.85); }
        .status-conflict.aggregate-activity.activity-status-10 {
          background: rgba(255, 100, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(178, 58, 0, 0.55) 9px, rgba(178, 58, 0, 0.55) 11px, transparent 15px); }
        .status-conflict.aggregate-activity.activity-status-30 {
          background: rgba(255, 100, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-conflict.aggregate-project {
        background: rgba(255, 100, 25, 0.42);
        border: 1px solid #ff6419; }
        .status-conflict.aggregate-project.activity-status-10 {
          background: rgba(255, 100, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(178, 58, 0, 0.55) 9px, rgba(178, 58, 0, 0.55) 11px, transparent 15px); }
        .status-conflict.aggregate-project.activity-status-30 {
          background: rgba(255, 100, 25, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
  .status-unavailable {
    color: #fff;
    z-index: 100;
    text-shadow: 0px 0px 3px rgba(255, 67, 67, 0.85);
    background: rgba(255, 220, 220, 0.85);
    border: 1px solid rgba(255, 67, 67, 0.55); }
    .status-unavailable.activity-status-10 {
      background: rgba(255, 67, 67, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(220, 0, 0, 0.55) 9px, rgba(220, 0, 0, 0.55) 11px, transparent 15px); }
    .status-unavailable.activity-status-30 {
      background: rgba(255, 67, 67, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-unavailable.aggregate- {
        background: rgba(255, 67, 67, 0.18);
        border: 1px solid rgba(255, 67, 67, 0.55); }
        .status-unavailable.aggregate-.activity-status-10 {
          background: rgba(255, 67, 67, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(220, 0, 0, 0.55) 9px, rgba(220, 0, 0, 0.55) 11px, transparent 15px); }
        .status-unavailable.aggregate-.activity-status-30 {
          background: rgba(255, 67, 67, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-unavailable.aggregate-resource {
        background: rgba(255, 67, 67, 0.26);
        border: 1px solid rgba(255, 67, 67, 0.7); }
        .status-unavailable.aggregate-resource.activity-status-10 {
          background: rgba(255, 67, 67, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(220, 0, 0, 0.55) 9px, rgba(220, 0, 0, 0.55) 11px, transparent 15px); }
        .status-unavailable.aggregate-resource.activity-status-30 {
          background: rgba(255, 67, 67, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-unavailable.aggregate-activity {
        background: rgba(255, 67, 67, 0.34);
        border: 1px solid rgba(255, 67, 67, 0.85); }
        .status-unavailable.aggregate-activity.activity-status-10 {
          background: rgba(255, 67, 67, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(220, 0, 0, 0.55) 9px, rgba(220, 0, 0, 0.55) 11px, transparent 15px); }
        .status-unavailable.aggregate-activity.activity-status-30 {
          background: rgba(255, 67, 67, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }
      .status-unavailable.aggregate-project {
        background: rgba(255, 67, 67, 0.42);
        border: 1px solid #ff4343; }
        .status-unavailable.aggregate-project.activity-status-10 {
          background: rgba(255, 67, 67, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(220, 0, 0, 0.55) 9px, rgba(220, 0, 0, 0.55) 11px, transparent 15px); }
        .status-unavailable.aggregate-project.activity-status-30 {
          background: rgba(255, 67, 67, 0.18) repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.55) 9px, rgba(255, 255, 255, 0.55) 11px, transparent 15px); }

.todo {
  color: #c0c0c0; }

.todo:before {
  content: '('; }

.todo:after {
  content: ')'; }

.feedback {
  padding: 15px; }

.powerTip {
  max-width: 400px;
  height: auto; }

.todo-options {
  padding-bottom: 15px; }

.gantt-wrapper ul ul ul ul li:hover {
  background: rgba(252, 243, 202, 0.5); }

.gantt-wrapper .gantt-row:hover, .gantt-project-hover:hover {
  background: rgba(252, 243, 202, 0.5); }

.slot-config ul {
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 1px;
  list-style-type: none; }

.slot-config h2 {
  margin: 25px 0px 0px 0px; }

.slot-config h2:first-child {
  margin: 0px; }

.slot-config .slot-update {
  float: right; }

.slot-clear {
  float: left;
  margin-left: 15px; }

.hide-inline-icon {
  text-indent: -9999px; }

.table-container:first-child tr td {
  cursor: pointer; }

.temp-dp {
  width: 15px !important;
  border: 0px !important;
  outline: 0px !important; }

.temp-dp:hover, .temp-dp:focus, .temp-dp:active {
  background: none !important;
  border: 0px !important;
  outline: 0px !important; }

.temp-dp:hover {
  cursor: pointer; }

.table-matrix th, .table-matrix td {
  position: relative; }

.table-matrix tbody td:not(:first-child):not(.cell-relation):hover {
  background: #fcf3ca; }

.table-matrix tbody td:not(:first-child):not(.cell-relation):hover:after {
  font-family: 'EntypoRegular';
  font-size: 22px;
  content: 'Z';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  line-height: 1px; }

.options input[type="checkbox"] {
  position: relative;
  top: 2px; }

.options label {
  width: auto;
  margin: 0px 5px 0px 5px; }
/* Planning table *********************************************************** */
.fixed-list-container {
  width: 100%;
  border: 1px solid #dddedf;
  overflow-x: scroll; }

.fixed-list {
  border-collapse: collapse;
  border-right: 1px solid #dddedf; }
  .fixed-list tr {
    position: relative;
    height: 30px;
    overflow-y: hidden; }
  .fixed-list tr.row-separator {
    border-bottom: 1px solid #dddedf;
    border-style: dashed; }
  .fixed-list td {
    padding: 5px; }
  .fixed-list th, .fixed-list td:first-child {
    padding: 7px; }
  .fixed-list th:first-child, .fixed-list td:first-child {
    width: 250px;
    background: #f9f9f9;
    border-right: 1px solid #dddedf;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .fixed-list tbody tr:last-child td:first-child {
    height: 16px; }
  .fixed-list thead {
    border-bottom: 1px solid #dddedf; }
    .fixed-list thead th {
      text-align: left;
      font-weight: normal; }
      .fixed-list thead th:first-child {
        font-weight: bold; }
    .fixed-list thead th:not(:first-child) {
      background: rgba(150, 150, 150, 0.05);
      min-width: 150px;
      width: 150px;
      max-width: 160px;
      white-space: nowrap;
      overflow: hidden !important;
      text-overflow: ellipsis; }
    .fixed-list thead tr:first-child th:first-child {
      text-align: right; }
    .fixed-list thead tr:nth-child(2) {
      height: auto; }
      .fixed-list thead tr:nth-child(2) th {
        padding: 0px 7px 0px 7px; }
    .fixed-list thead tr:nth-child(2) th:not(:first-child), .fixed-list thead tr:last-child th:not(:first-child) {
      font-size: 12px; }
  .fixed-list .planning-match {
    position: relative;
    z-index: 700;
    color: #445;
    text-shadow: none;
    border-radius: 2px;
    transition: background 0.25s ease-out, border 0.25s ease-out;
    cursor: pointer;
    padding: 1px 0px 0px 7px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .fixed-list .planning-match div {
      position: absolute;
      top: 1px;
      right: 3px;
      text-align: right;
      font-size: 12px; }
    .fixed-list .planning-match .icon-img-small {
      opacity: 0.85; }
    .fixed-list .planning-match.queue {
      z-index: 750;
      background: #fff;
      border: 1px solid #d5d7d9; }
      .fixed-list .planning-match.queue:hover {
        background: #fcf3ca;
        border: 1px solid #ffe360; }
        .fixed-list .planning-match.queue:hover .icon-img-small {
          opacity: 1; }
      .fixed-list .planning-match.queue.new, .fixed-list .planning-match.queue.new:hover {
        border-style: dashed; }
  .fixed-list .status-ok:hover {
    background: rgba(0, 225, 25, 0.3);
    border: 1px solid rgba(0, 225, 25, 0.9); }
  .fixed-list .status-todo:hover {
    background: rgba(0, 125, 255, 0.3);
    border: 1px solid rgba(35, 185, 255, 0.9); }
  .fixed-list .status-conflict:hover {
    background: rgba(255, 100, 25, 0.3);
    border: 1px solid rgba(255, 100, 25, 0.9); }
  .fixed-list .status-unavailable:hover {
    background: rgba(255, 25, 25, 0.3);
    border: 1px solid rgba(255, 25, 25, 0.9); }
  .fixed-list .preview {
    opacity: 0.5;
    border-style: dashed; }
  .fixed-list tbody.queuelist {
    background: #eef5fa;
    border-top: 1px solid #dddedf;
    border-style: dashed; }
    .fixed-list tbody.queuelist tr:first-child {
      border-style: solid; }
    .fixed-list tbody.queuelist tr:last-child td:first-child {
      height: 15px; }
    .fixed-list tbody.queuelist td:first-child {
      background: #eef5fa;
      border-right: 1px solid #dddedf;
      border-style: dashed; }

.ui-dialog .ui-dialog-content.condense-vertical, .ui-dialog .ui-dialog-content.slotResource {
  padding-top: 0px;
  padding-bottom: 0px; }

.ui-dialog-content.condense-vertical fieldset, .ui-dialog-content.slotResource fieldset {
  margin-top: 3px; }

.ui-dialog .ui-button {
  padding: 0; }

.ui-dialog button[type=button].clear-slot {
  background-color: rgba(255, 0, 0, 0.1);
  color: black;
  border: 1px solid red; }

.ui-dialog button[type=button].clear-slot:hover {
  background-color: rgba(255, 0, 0, 0.9);
  color: white;
  border: 1px solid red; }

#my-planning h2 {
  font-size: 1.8em;
  border-bottom: 1px solid black; }
  #my-planning table {
    margin-left: 2em; }
    #my-planning table th {
      text-align: left; }
  #my-planning ul {
    padding: 0; }
  #my-planning li {
    list-style-type: none; }
  #my-planning .day {
    margin-bottom: 2em; }
  #my-planning .today {
    background-color: #cfc; }
  #my-planning .project.collapsed:before {
    content: '>';
    /* triangle pointing right */
    font-family: 'ModernPictogramsNormal'; }
    #my-planning .project.expanded:before {
      content: '/';
      /* triangle pointing down */
      font-family: 'ModernPictogramsNormal'; }
    #my-planning .project.non-expanding:before {
      content: '\2007';
      /* FIGURE SPACE: Produces a space equal to the figure (0–9) characters. */
      font-family: 'Arial'; }
    #my-planning .project:before {
      content: '';
      margin-right: 5px;
      position: relative;
      top: -6px; }

a.myplanning {
  display: block;
  font-size: 25px;
  padding: 10px;
  font-weight: bold;
  text-align: center; }

#ui-datepicker-div.availability tbody tr:hover a {
  background: #fcf3ca; }

@media (max-width: 1179px) {
  a.myplanning {
    text-align: center; }

  table.list.myplanning {
    margin: 0 auto; }

  h3.project .project-activity-info {
    display: inline-block; }

  h3.project .project-activity-info span, h3.project .times-info {
    display: block; }

  h3.project .times-info:before {
    content: 'Tijden: '; } }

@media (min-width: 1180px) {
  table.list.myplanning {
    margin: 0 auto; }

  h3.project .project-activity-info, h3.project .project-activity-info span {
    display: inline-block; }

  h3.project .project-activity-info {
    width: 70%; }

  h3.project .project-info:after {
    content: ' -'; } }

table.list tbody tr[ng-click]:hover {
  cursor: pointer; }

table.list tbody tr[ng-click]:hover:after {
  content: '↷';
  position: absolute;
  margin-left: 5px;
  border: 0;
  padding: 0;
  display: block;
  font-weight: bold;
  color: #333; }

.notes {
  padding-left: 20px; }

.notes li {
  padding: 5px; }
  .notes li:nth-child(odd) {
    background-color: #eee; }
  .notes li:nth-child(even) {
    background-color: #ddd; }

.slotResource fieldset {
  width: auto; }

.slotResource button .icon-img {
  float: left; }

.slotpopup fieldset {
  width: auto !important; }
  .slotpopup .slot-editor label {
    font-weight: bold; }
  .slotpopup .slot-part-date-marker {
    color: #d0d0d0;
    font-size: smaller; }
  .slotpopup .slot-part-date-marker.mark-as-different {
    color: black; }
  .slotpopup .duration-cell {
    position: relative;
    text-align: right; }
  .slotpopup .duration-cell SPAN.duration-drop {
    position: relative;
    background-color: white;
    top: 10px;
    padding: 0px;
    white-space: nowrap; }
  .slotpopup .duration-cell SPAN.duration-drop.is-only-a-spacer {
    background-color: transparent; }
  .slotpopup .formfield label {
    width: 120px; }
  .slotpopup .smallerselect2 {
    width: 80px !important; }
  .slotpopup table#slotpopup-time th, .slotpopup table#slotpopup-time td {
    vertical-align: middle;
    border-bottom: 1px dotted #6c6159; }
  .slotpopup table#slotpopup-time tr:first-child th, .slotpopup table#slotpopup-time tr:first-child td {
    /*padding: 0px 0px 0px 0px;*/
    border-top: 1px dotted #6c6159; }
  .slotpopup table#slotpopup-time th, .slotpopup table#slotpopup-time tr.dotfree td {
    border-bottom-width: 0px; }
  .slotpopup .margintd {
    font-size: 0.8em;
    color: darkgreen;
    padding-top: 22px; }
  .slotpopup table#slotpopup-time th {
    text-align: center; }
  .slotpopup table#slotpopup-time INPUT, .slotpopup table#slotpopup-time SELECT {
    margin: 5px 0px; }
  .slotpopup INPUT.time-field {
    width: 50px;
    text-align: center; }
  .slotpopup .select2-container .select2-choice {
    padding: 0px 0px 0px 2px; }

.slot-config .select2-container {
  width: 100%; }

.slot-config .select2-container {
  max-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis; }

.qualificationsDropdown {
  max-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis; }

.hide-ul-children UL {
  display: none; }