@charset "UTF-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css");
#block-permitsganttchart .gantt-chart-portrait {
  display: none;
}
#block-permitsganttchart .table-responsive .milestone-info-table:not(.planned) td:not(:first-child) {
  text-align: center;
}
#block-permitsganttchart .table-responsive .milestone-info-table thead {
  background-color: #0071bc;
  color: #fff;
}
#block-permitsganttchart .gantt-container {
  margin: 2em 0 1em 0;
  padding: 0;
}
#block-permitsganttchart .gantt-container .details-link-container {
  font-weight: bold;
}
#block-permitsganttchart .gantt-container h2 {
  font-size: 1.267em;
  color: #194178;
  line-height: 21px;
  font-weight: bold;
}
#block-permitsganttchart .gantt-container g rect {
  fill: #0071bc;
}
#block-permitsganttchart .gantt-container g rect.ahead {
  fill: transparent;
  stroke-width: 1;
  stroke: #000;
}
#block-permitsganttchart .gantt-container g rect.over {
  fill: #ddd;
}
#block-permitsganttchart .gantt-container g rect.paused {
  fill: transparent;
  stroke-width: 2;
  stroke: #0071bc;
}
#block-permitsganttchart .gantt-container g rect.planned {
  fill: url("#diagonalHatch") #0071bc;
}
#block-permitsganttchart .gantt-container g.x-axis text {
  font-size: 1vw;
  text-anchor: start;
}
#block-permitsganttchart .gantt-container g.duration line,
#block-permitsganttchart .gantt-container g.new_duration line, #block-permitsganttchart .gantt-container g.action-group line {
  stroke: #000;
  stroke-width: 1;
  stroke-dasharray: 8;
}
#block-permitsganttchart .gantt-container g.today path {
  fill: #89cff0;
}
#block-permitsganttchart .gantt-container g.today line {
  stroke: #89cff0;
  stroke-width: 3;
}
#block-permitsganttchart .gantt-container text {
  font-family: "Open Sans", sans-serif;
}
#block-permitsganttchart .gantt-container .actions-container {
  position: relative;
  top: 1.5em;
}
#block-permitsganttchart .gantt-container .actions-container .actions span {
  position: absolute;
  min-height: 18px;
  padding: 1px 2px;
  font-size: 1.3vw;
  text-align: right;
  line-height: 13px;
  word-wrap: break-word;
  /* // white-space: nowrap;
  // text-overflow: ellipsis;
  // overflow: hidden; */
}
#block-permitsganttchart .gantt-container .actions-container .actions span.overall {
  width: auto;
  top: 62px;
  font-weight: bold;
  word-wrap: normal;
  text-decoration: underline;
}
#block-permitsganttchart .gantt-container .actions-container .actions span a {
  cursor: pointer;
}
#block-permitsganttchart .gantt-container .chart-container {
  padding: 0;
}
#block-permitsganttchart .gantt-container .chart-container .f41-flag-text {
  font-size: 1.3vw;
}
#block-permitsganttchart .gantt-container .status-container {
  position: relative;
  top: 1.5em;
}
#block-permitsganttchart .gantt-container .status-container .statuses span {
  position: absolute;
  line-height: 13px;
  font-size: 1.3vw;
}
#block-permitsganttchart .gantt-container .status-container .statuses span.complete {
  font-weight: bold;
}
#block-permitsganttchart .gantt-container .status-container .statuses span.complete::after {
  font-family: "Font Awesome 5 Free";
  content: "";
  color: #0071bc;
  font-weight: 900;
  padding-left: 4px;
}
#block-permitsganttchart .gantt-container .milestone-info-container {
  margin: 0;
  padding: 0;
}
#block-permitsganttchart .gantt-container .milestone-info-container .info-container ul li {
  list-style: none;
  margin-right: 1em;
  padding: 0;
}
#block-permitsganttchart .gantt-container .milestone-info-container .horizontal-rule {
  color: #0071bc;
}
#block-permitsganttchart .gantt-container .milestone-info-container .fa-check {
  color: #0071bc;
}
#block-permitsganttchart .gantt-container .legend-container {
  margin: 34px 0 34px 0px;
}
#block-permitsganttchart .gantt-container .legend-container svg.planned {
  width: 25px;
  height: 25px;
  stroke: #000;
}
#block-permitsganttchart .gantt-container .legend-container .legend {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
}
#block-permitsganttchart .gantt-container .legend-container .legend .box, #block-permitsganttchart .gantt-container .legend-container .legend .label {
  display: inline-block;
  vertical-align: middle;
}
#block-permitsganttchart .gantt-container .legend-container .legend .box {
  width: 21px;
  height: 21px;
  border: 1px solid black;
}
#block-permitsganttchart .gantt-container .legend-container .legend .box .dashes {
  height: 50%;
  border-bottom: 1px dashed black;
}
#block-permitsganttchart .gantt-container .legend-container .legend:first-of-type .box {
  background-color: #0071bc;
}
#block-permitsganttchart .gantt-container .legend-container .legend:nth-child(2) .box {
  background-color: #ddd;
}
#block-permitsganttchart .gantt-container .legend-container .legend:nth-child(3) .box {
  background-color: #fff;
}
#block-permitsganttchart .gantt-container .legend-container .legend:nth-child(4) .box {
  background-color: transparent;
  border: 2px solid #0071bc;
}
#block-permitsganttchart .gantt-container .legend-container .legend:nth-child(5) .box {
  background: transparent url("/sites/permits.performance.gov/themes/permits_2/images/icons/icon-gantt-complete-21x21.png") 0 0 no-repeat;
  border: none;
}

@media screen and (min-width: 1080px) {
  #block-permitsganttchart .gantt-container g.x-axis text {
    font-size: 12px;
  }
  #block-permitsganttchart .gantt-container .chart-container .f41-flag-text {
    font-size: 11px;
  }
  #block-permitsganttchart .gantt-container .actions-container .actions span {
    font-size: 13px;
  }
  #block-permitsganttchart .gantt-container .status-container .statuses span {
    font-size: 13px;
  }
}
@media screen and (max-width: 599px) {
  .gantt-container {
    display: none;
  }

  .gantt-chart-portrait {
    display: block !important;
  }
}
@media only screen and (min-device-width: 279px) and (max-device-width: 830px) and (orientation: portrait) {
  .gantt-container {
    display: none;
  }

  .gantt-chart-portrait {
    display: block !important;
  }
}
@media only screen and (min-device-width: 279px) and (max-device-width: 830px) and (orientation: landscape) {
  .actions-container .actions .overall {
    min-width: auto !important;
  }

  .legend-container .legend {
    padding: 0px 8px !important;
  }
}
.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/*# sourceMappingURL=permits_gannett.css.map */