/* Style for program 1211. */

textarea { background-color: #d3f9bc; }

.justify-right { text-align: right; }
.justify-right + img { 
  vertical-align: bottom;
  margin-right: 5px;
}

.input-column { display: inline-block; }

.input-field {
  width: 185px;
  box-sizing: border-box;
}

#tab-project .input-field {
  width: 300px;
  box-sizing: border-box;
}

/* Style for profiles and materials tree. */
.tab-tree-content {
  display: flex;
  flex-wrap: wrap;
  max-height: 470px;
}

.tab-tree-home {
  min-width: 100%;
  max-width: 100%;
  height: 570px;
  max-height: 570px;   
  overflow: auto; 
  white-space: nowrap;
  padding-top: 2px;
  border-right: 3px solid #83b820;
}

.tab-tree-target {
  flex: auto;  
  overflow: auto;
  padding-left: 2px;
}

.table-column { display: inline-block; }
.width-200 { width: 200px; }

.table-details { width: 100%; }
.table-details tr td:first-child { width: 50%; }

#room-tree-target { height: 570px; }
#profiles-tree-target { height: 570px; }

@media screen and (min-width: 37.5em) {  
  .tab-tree-content { flex-wrap: nowrap; }
  .tab-tree-home {
    min-width: 235px;
    max-width: 235px;
  }
  .tab-tree-target { width: 65%; }
}

/* Program has higher height than regular. */
@media screen and (min-width: 69em) {
  div.dof-main-box { height: 650px; }  
  div.dof-inside-box { height: 590px; }  
  div.maximize-button { min-height: 650px; }
}