.PageFrame{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  border: 2px solid #927C76;
  padding: 0px;
  margin: 0px;
  width:100%;
}

.MapFrame{
  border: 1em solid #ffffff;
/* 
  overflow:hidden;
 */
  margin-right: 3px;
  margin-bottom: 10px;
  clear:right;
}

.SectionFrame, .FYtopFrame{
  width: 100%;
  margin:0px;
  display:table-row;
}

.FYtopFrame, .LeftLabels, .FYSectionContainer{
  height: auto;
  padding: 0 0 .5em 0;
/* 
  padding: .25em;
 */
}

.FYtopFrame {
/*   padding: .25em; */
}

.FYSectionContainer{
/*   position: relative; */
  display:table-cell;
  width:100%;
  border-bottom: 2px solid #8D8D8D;
  overflow: hidden;
/*   padding-top: 6px; */
}

.FYHeader {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  z-index: 50;
  background-color: white;
}

.FYQUARTERSmonths,.FYend,.FYtoday,.sprintBoundaryA,.sprintBoundaryB{
  position: absolute;
  width:50%;
  height:1000em;
}

.sprintBoundaryA {
  width: 1px;
  border-left: 1px solid blue;
  opacity: 0;
}

.sprintBoundaryB {
  width: 1px;
  border-left: 1px solid red;
  opacity: 0;
}

.FYQUARTERSmonths{
  width:33.333333%;
  xborder-left: 1px dashed #B9B9B9;
  xborder-right: 1px dashed #B9B9B9;
}

.FYQUARTERSmonth1{
  left:0;
  border-right: 1px dashed #B9B9B9;
}

.FYQUARTERSmonth2{
  left:33.333333%;
  border-right: 1px dashed #B9B9B9;
}

.FYQUARTERSmonth3{
  left:66.666666%;
  border-right: 1px solid #B9B9B9;
}

.FYQUARTERShalf{
  border-right: 2px solid #B9B9B9;
}

.FYQUARTERSmonths{
  top:1.5em;
  top:1.875em;
}

.FYend{
  border-right: 2px solid #B9B9B9;
  left: 50%;
/* 
  height: 10em;
 */
}

.FYtoday{
  border-left: 4px solid #DF0000;
  border-left: 4px solid rgba(200,0,0,.5);
/*   top: -6px; */
/*   height: 1000em; */
}

.FYmonthLabel{
  color:#B4B4B4;
  margin-top:-1.5em;
  font-size:.60em;
}

.FYmonthLabelX{
  display:none;
  display:inline;
}

@media only screen and (max-width: 900px){
  .FYQUARTERStopBlock{
    font-size:.7em;
/*     top: -6px; */
  }
}

@media only screen and (max-width: 700px){
  .FYQUARTERStopBlock{
    font-size:.5em;margin-bottom:.5em;
/*     top: -6px; */
  }

  .FYmonthLabelX{
    display:none;
  }

  .FYmonthLabel{
    margin-top:-.8em;
  }
}

@media only screen and (max-width: 575px){
  .FYQUARTERStopBlock{
    font-size:.3em;
/*     top: -6px; */
  }

  .FYmonthLabel{
    margin-top:-.4em;
  }

  .FYmonthLabelX{
    display:none;
  }
}

.entryBar{
  position:absolute;
  top:6px;
  border-radius:3px;
  background-color:#FFBB33;
  width:400px;
  font-size:.75em;
  color:#553100;
  z-index:9;
  white-space: nowrap;
  text-indent: 3px;
  overflow: visible;
}

/* 
.entryBar:nth-child(1),
.entryBar:nth-child(2) {
 */
.entryContainer:nth-child(2) .entryBar {
  top:6px;
}

/* 
.entryContainer:nth-child(2) {
  margin-bottom: 9px;
}
 */

.deadline {
  position:absolute;
  z-index:9;
  top: 6px;
  font-size: .75em;
  background-color: rgba(255,0,0,.6);
  white-space: nowrap;
  text-indent: 8px;
}

.deadlineText {
  position:absolute;
  z-index:8;
  top: -4px;
  font-size: .5em;
  white-space: nowrap;
  margin-left: -2em;
}

.resumeDateText {
  position:absolute;
  z-index:8;
  top: -4px;
  font-size: .5em;
  white-space: nowrap;
  margin-left: -3em;
}

.reverseText {
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
}

.LeftLabels{
  border-bottom: 2px solid #8D8D8D;
/*   border-right: 2px solid #8D8D8D; */
  font-weight:bold;
/*   text-align:right; */
  display:table-cell;
/*   padding-right: 3px; */
  padding-left: 3px;
}

.sectionSubinfo {
  font-weight: normal;
  font-style: italic;
  font-size: 8pt;
  opacity: .5;
  padding-left: 25px;
  text-indent: -20px;
}

.sectionSubinfoBA {
  padding-top: 3px;
  margin-top: 5px;
/*   margin: 5px 0px 0px 5px; */
  border-top: black solid 1px;
}

.entryContainer{
  position:relative;
/*   margin-bottom:.5em; */
/*   margin-bottom:.2em; */
  margin: .2em 0;
}

.entryAgingBlock{
  position:absolute;
  background-color:#C17000;
  background-image: -webkit-gradient(linear, 0% 0%, 87% 0%, from(#B0B0B0), to(#B0B0B0), color-stop(0,#8F6207));
  top:3px;
  height:.80em;
}

.HealthNone{}

.HealthStarting{
/* 
  border-width: 2px;
  border-style: solid;
  border-color: #b0ffb0;
  box-shadow:1px 1px rgba(2,2,2,.8), inset 15px 0px 0 0 #00F000;
  text-indent: 15px
 */
  background-color: #b0ffb0;
  color: #000000;
  text-shadow: 0px 0px 5px white;
}

.HealthGreen{
/* 
  border-width: 2px;
  border-style: solid;
  border-color: #00D000;
  box-shadow:1px 1px rgba(2,2,2,.8), inset 15px 0px 0 0 #00D000;
  text-indent: 15px
 */
  background-color: #a0daa0 /* #00D000 */;
  color: #000000;
  box-shadow: 0px 0px 0px 2px #00D000 inset;
  text-shadow: 0px 0px 5px white;
}

.HealthYellow{
/* 
  border-width: 2px;
  border-style: solid;
  border-color: #FFFF00;
  box-shadow:1px 1px rgba(2,2,2,.8), inset 15px 0px 0 0 #FFFF00;
  text-indent: 15px
 */
  background-color: #ffff00;
  color: #000000;
  box-shadow: 0px 0px 0px 2px #e0e003 inset;
  text-shadow: 0px 0px 5px white;
}

.HealthRed{
/* 
  border-width: 2px;
  border-style: solid;
  border-color: #FF0000;
  box-shadow:1px 1px rgba(2,2,2,.8), inset 15px 0px 0 0 #FF0000;
  text-indent: 15px
 */
  background-color: #fdc1c1;
  color: #000000;
  box-shadow: 0px 0px 0px 2px red inset;
  text-shadow: 0px 0px 5px white;
}

.HealthOnHold{
/* 
  border-width: 2px;
  border-style: solid;
  border-color: #0080FF;
  box-shadow:1px 1px rgba(2,2,2,.8), inset 15px 0px 0 0 #0080FF;
  text-indent: 15px
 */
/* 
  background-color: #0080FF;
 */
  background-color: #7bbcfd;
  color: #000000;
  text-shadow: 0px 0px 5px white;
}

.HealthOnDeck {
  background-color: #fdce70; /* #FFBB33; */
  color: #000000;
  text-shadow: 0px 0px 5px white;
}

.productModeContainer1 {
/*   background-color: red; */
  padding: 5px;
  position: relative;
}

.productModeContainer2 {
  background-color: lightblue;
  padding: 5px;
/* 
  left: 5.761317%;
  width: 30.727023%;
 */
  position: absolute;
  height: calc(100% - 24px);
}

.productModeSubproject {
  background-color: #dbb1fb;
  color: #000000;
  text-shadow: 0px 0px 5px white;
}

.entryBarOverlap {
  overflow:hidden;
}

.entryBarOverflow {
  z-index: -1;
  position: absolute;
  top: 0px;
  color: #000000;
  text-shadow: none; 
}

.showOffChart{
  width: auto;
  max-width: 75%;
  text-align: right;
  position: relative;
  xxbackground: linear-gradient(to right, rgba(255,0,0,0) 25%, #ccc);
  border-left: none;
  border-top: none;
  border-bottom: none;
  float: right;
}

.entryBarProgram{
  margin-bottom: 0.3em;
}

/* 
.entryProgram1{
  box-shadow: 0px 7px 10px 2px rgba(0, 0, 255, 0.52)
}

.entryProgram1{
  box-shadow: 0px 5px 3px 3px rgba(0, 0, 255, 0.52)
}

.entryProgram2{
  box-shadow: 0px 7px 10px 2px rgba(255, 0, 0, 0.52)
}

.entryProgram2{
  box-shadow: 0px 5px 3px 3px rgba(255, 0, 0, 0.52)
}

.entryProgram3{
  box-shadow: 0px 5px 3px 3px rgba(0, 255, 0, 0.52)
}

.entryProgram4{
  box-shadow: 0px 5px 3px 3px rgba(255, 0, 255, 0.52)
}

.entryProgram5{
  box-shadow: 0px 5px 3px 3px rgba(0, 255, 255, 0.52)
}

.entryProgram6{
  box-shadow: 0px 5px 3px 3px rgba(255, 255, 0, 0.52)
}

.entryProgram7{
  box-shadow: 0px 5px 3px 3px rgba(100, 0, 100, 0.52)
}

.entryProgram8{
  box-shadow: 0px 5px 3px 3px rgba(0, 100, 255, 0.52)
}

.entryProgram9{
  box-shadow: 0px 5px 3px 3px rgba(255, 100, 0, 0.52)
}

.entryProgram0{
  display:block;
}
 */

.PLine0{display:block;}

.PLine1{display:block;}

.PLine2{display:block;}

.PLine3{display:block;}

.PLine4{display:block;}

.PLine5{display:block;}

.PLine6{display:block;}

.PLine7{display:block;}

.PLine8{display:block;}

.PLine9{display:block;}

.GanttTitle{
  font-family: 'Roboto', sans-serif;
  font-size:2em;
  text-align:center;
  margin-bottom:.25em;
  margin-bottom:.1em;
}

/* 
h3{
  font-family: 'Roboto', sans-serif;
  font-weight:normal;
  font-size:1em;
  text-align:center;
  margin-bottom:.75em;
}
 */

.teamMembersPop{
  border:3px solid #C0CA02;
  border-radius:10px;
  position:fixed;
  top:12%;
  left:12%;
  background:#EFEDED;
  z-index:50;
  padding:1em;
  overflow:auto;
  display:none;
  text-align: left;
  font-weight: normal;
}

.teamMembersLink {
  text-decoration: underline;
  padding-bottom: 1px;   /* Need to leave room for underline */
}

.DetailPop{
  border:3px solid #C0CA02;
  border-radius:10px;
  width:75%;
  height:75%;
  position:fixed;
  top:12%;
  left:12%;
  background:#EFEDED;
  z-index:50;
  padding:1em;
  overflow:auto;
}

.DetailPop i{
  font-size:1.5em;
}

.DetailPopAdjustments{
  border:3px solid #0752FE;
  background:#C8E1FD;
}

.statsContainer {
  font-family:Verdana,Austin,Georgia,"Times New Roman", Times, serif;
  font-size:.75em;
  display: inline-block;
  border: 3px solid #B4B4B4;
  border-radius:3px;
  background-color:#E5E5E5;
  padding:.5em;
  padding-top:0;
  margin:.5em;
}

.statsSubitem {
  text-indent: 1em;
}

.PageLegend h2, .statsContainer h2 {
  font-size:1.5em;
  color:#6F6F6F;
  margin:0;
}

.PageLegend {
  font-family:Verdana,Austin,Georgia,"Times New Roman", Times, serif;
  font-size:.75em;
  width:27em;
  border: 3px solid #B4B4B4;
  border-radius:3px;
  background-color:#E5E5E5;
  padding:.5em;
  padding-top:0;
  float:right;
  margin-right:1.5em;
  margin-top:.5em;
}

.LegendBar{
  padding-left:8px;
  width:8em;
  margin-top:3px;
  position: relative;
  display: block;
}

.ColorGroupHealth{
/*   background-color:#CCC; */
}

.LegendOther{
  float:right;
}

.otherTeams{
  position: absolute;
  top:-2px;
  z-index:10;
  height:.25em;
  border: 2px solid #515151;
  color:#2A2A2A;
  background-color:#CFCFCF;
  overflow:hidden;
/*   font-size:.75em; */
}

.otherTeams:hover{
  overflow:auto;
  width:auto !important;
  height:auto !important;
}

.ShowTdxAdjustments{
  border: 2px solid #515151;
  background-color:#CFCFCF;
  padding:5px;
  margin:5px;
  width:12em;
  display:none;
  text-align:center;
  margin-left:35%;
}

.FYQUARTERmonthsLines {
  display: inline;
  top: 0px;
  height: 1000em;
}

.draftProject {
/* 
  background: repeating-linear-gradient(
    45deg,
    rgba(210, 154, 43, 1),
    rgba(210, 154, 43, 1) 10px,
    rgba(255, 187, 51, 1) 10px,
    rgba(255, 187, 51, 1) 20px);
 */
  background: repeating-linear-gradient(
    45deg,
    #d2af6a /* rgba(210, 154, 43, 1) */ 0px 10px,
    #fdce70 /* rgba(255, 187, 51, 1) */ 10px 20px);
  color: #000000;
/* 
  text-shadow: 1px 1px 0px white;
 */
}

/* 
.draftProjectFixedSchedule {
  background: repeating-linear-gradient(
    45deg,
    rgba(162, 119, 33, 1),
    rgba(162, 119, 33, 1) 10px,
    rgba(255, 187, 51, 1) 10px,
    rgba(255, 187, 51, 1) 20px);
}

.draftProjectStrategic {
  background: repeating-linear-gradient(
    45deg,
    rgba(169, 46, 46, 1),
    rgba(169, 46, 46, 1) 10px,
    rgba(255, 68, 68, 1) 10px,
    rgba(255, 68, 68, 1) 20px);
}

.draftProjectCCI {
  background: repeating-linear-gradient(
    45deg,
    rgba(35, 121, 152, 1),
    rgba(35, 121, 152, 1) 10px,
    rgba(51, 181, 229, 1) 10px,
    rgba(51, 181, 229, 1) 20px);
}
 */

.problemProject {
/* 
  background: repeating-linear-gradient(
    45deg,
    rgba(169, 0, 0, 1),
    rgba(169, 0, 0, 1) 10px,
    red 10px,
    red 20px);
 */
/* 
  background: repeating-linear-gradient(
    45deg,
    rgba(169, 0, 0, 1) 0px 10px,
    red 10px 20px);
 */
  color: #000000;
/*   text-shadow: 0px 0px 5px black; */
}

.problemProjectIcon {
/*   font-size: 120%; */
  color: yellow;
  background-color: red;
  margin: 0px 2px;
}

.problemProjectTextItem {
  color: red;
}

.truncateTitles {
  overflow: hidden;
}

.projectOverlap {
  height: 20px;
  background-color: #ff6d6d;
  position: absolute;
  top: -10px;
}

.dragDetails {
  border: 2px solid black;
  background-color: #dddddd;
  color: black;
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 150px;
  padding: 3px;
  text-align: center;
  font-size: .75em;
  z-index: 90;
}

.shadowEntryBar {
  opacity: .25;
  overflow: hidden;
}