/* ------------------------------------------------------------ */
/* General page layout */
/* ------------------------------------------------------------ */

input.rs_input_field, select.rs_input_field,
table.rs_input_field input[type=text], table.rs_input_field input[type=password], table.rs_input_field select {
  width: 300px;
}

#column-container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#tree-column {
  float: left;
  width: 25%;
}

#content-column {
  float: right;
  width: 74%;
  padding-left: 10px;
}

.section-empty-description {
  color: #bbb;
}

/* ------------------------------------------------------------ */
/* Special things that apply to the tree */
/* ------------------------------------------------------------ */

#tree li.flagged > a > ins {
 background-image: url("../image/flag-red.png") !important;
 background-position: 0;
}

/* ------------------------------------------------------------ */
/* Special things that apply to the context menu */
/* ------------------------------------------------------------ */

.context-menu-item.icon-flag   { background-image: url("../image/flag-red.png"); }
.context-menu-item.icon-close  { background-image: url("../image/document-close.png"); }
.context-menu-item.icon-save   { background-image: url("../image/document-save.png"); }
.context-menu-item.icon-revert { background-image: url("../image/edit-undo.png"); }
.context-menu-item.icon-pdf    { background-image: url("../image/application-pdf.png"); }
.context-menu-item.icon-html   { background-image: url("../image/text-html.png"); }
.context-menu-item.icon-add-picture { background-image: url("../image/add-picture.png"); }
.context-menu-item.icon-download    { background-image: url("../image/download.png"); }
.context-menu-item.icon-renumber    { background-image: url("../image/format-list-ordered.png"); }

/* ------------------------------------------------------------ */
/* Sections & function blocks */
/* ------------------------------------------------------------ */

.section {
  border-left: 0;
  margin-left: 0;
}

.section-description-heading {
  font-weight: bold;
}

.section-description {
  color: #000;
  background: rgb(235, 235, 235);
  border: 1px solid #ccc;
  margin-bottom: 15px;
}

.function-block {
  border-bottom: 1px solid #bbb;
  border-left: 0;
  margin-left: 0;
}

.function-block-form {
  background: rgb(235, 235, 235);
  border: 1px solid rgb(0, 100, 0);
}

.function-block-number {
  font-weight: bold;
}

.function-block-form > div {
  padding: 5px;
}

.sub-function-block {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  border-left: 0;
  margin-left: 0;
}

.sub-function-block-container {
  margin: 10px 0px 10px 20px;
  border: 1px solid #ccc;
}

.sub-function-block-header {
  padding: 5px;
  font-weight: bold;
  color: #fff;
  background: #ccc;
}

/* Flagged sections, function blocks, text blocks */

.section.flagged .section-description,
.function-block.flagged,
.sub-function-block.flagged {
  background-color: #feece3;
}

.section.flagged .section-description > .section-description-heading,
.function-block.flagged > .function-block-content > div > .function-block-number,
.sub-function-block.flagged > .sub-function-block-content > div > .function-block-number {
  background-color: #fe5f14;
  color: #fff;
}

/* Selected sections, function blocks, text blocks */

.section.selected, .function-block.selected, .sub-function-block.selected {
  margin-left: -3px;
  border-left: 3px solid #cbb120;
}

/* ------------------------------------------------------------ */
/* Text blocks */
/* ------------------------------------------------------------ */

.requirement-spec-text-block {
  border-left: 0;
  margin-left: 3px;
  margin-top: 10px;
}

.requirement-spec-text-block > h2 {
  margin-top: 0px;
}

.requirement-spec-text-block.flagged {
  background-color: #feece3;
  /* border: 1px solid #fe5f14; */
}

.requirement-spec-text-block.flagged > h2 {
  background-color: #fe5f14;
  color: #fff;
}

.requirement-spec-text-block.selected {
  border-left: 3px solid #cbb120;
  margin-left: 0;
}

.requirement-spec-text-block-picture-thumbnail {
  border-radius: 5px;
  border: 2px solid #ebebeb;
  float: left;
  margin-right: 20px;
  padding: 5px;
  text-align: center;
  width: 130px;
}

.requirement-spec-text-block-picture-thumbnail-img-container {
  height: 64px;
  margin: auto;
  padding: auto;
  width: 64px;
}

.requirement-spec-text-block-picture-thumbnail.selected {
  border: 2px solid #cbb120;
}

/* ------------------------------------------------------------ */
/* Time/cost estimation */
/* ------------------------------------------------------------ */

#time_cost_estimate p {
  margin-top: 0;
  margin-bottom: 0;
}