/*MAIN*/
[v-cloak] {
  display: none;
}

/*HEADER*/
.bb-tableHeader th {
  color: #111;
  text-decoration: none;
  font-weight: normal;
  height: 3em;
  border: #fff;
  border-bottom: 1px solid #D6D6D6;
  border-top: 1px solid #D6D6D6;
  max-width: 15em;
  min-width: 10em;
  overflow-wrap: break-word;
}

.bb-tableHeader th.bb-sortable {
  cursor: pointer;
}

.bb-tableHeader th:hover {
  background: #d9ecf8;
}

.bb-tableHeader th.operationsHeader {
  min-width: 10em;
}

.bb-tableHeader th.operationsHeader div.operation-more-div {
  margin-left: 1em;
  margin-right: 0.5em;
}

.bb-tableHeader th.operationsHeader:hover {
  background-color: #fff;
}

.bb-tableHeader th.operationsHeader .more-fade {
  opacity: 0.2;
  margin: 0.3em 0.4em 0 0;
}

.bb-tableHeader th.operationsHeader div {
  float: left;
  margin-right: 0.2em;
}

.bb-tableHeader th.operationsHeader div a.operation-a {
  display: none;
}

.bb-tableHeader th.bb-option {
  max-width: 10em;
  min-width: 10em;
  text-align: center;
}

.bb-tableHeader a {
  color: #111;
  text-decoration: none;
  font-weight: normal;
}

.bb-tableHeader a:link, .bb-tableHeader a:hover, .bb-tableHeader a:visited, .bb-tableHeader a:active {
  color: #111;
  text-decoration: none;
  font-weight: normal;
}

/*ROW*/
.bb-table tr .tinyMargin a {
  margin: 3px;
  white-space: nowrap;
}

.bb-tableRow {
  height: 30px;
  border-bottom: 1px solid #fff;
}

.bb-tableRow td {
  border: 1px solid white;
}

.bb-tableRow:hover {
  background-color: #d9ecf8;
}

.bb-tableRow:hover td {
  border: 1px solid #d9ecf8;
}

.bb-tableHeader {
  height: 30px;
  border-bottom: 1px solid #fff;
}

.bb-table td, .bb-table th {
  padding: 0.5em 15px;
}

.bb-table tr a i.operation.fa {
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 3px;
}

.bb-table tr a i.operation.fa:hover {
  border-color: #5983D9;
  background-color: #d9ecf8;
}

.bb-table tr a i.operation.fa.bb-off:hover {
  border-color: #B0B0B0;
}

.bb-table tr a i.operation.fa:active {
  border-color: #799BE1;
  background-color: #FFF;
  box-shadow: inset 1px 2px 2px #799BE1;
}

.bb-table tr a i.operation.fa.bb-off:active {
  border-color: #B0B0B0;
  background-color: transparent;
  box-shadow: none;
}

.bb-table th div.bb-cog {
  float: left;
  margin-left: 5px;
}

.bb-table .fa {
  font-size: 14px;
  color: #22417D;
}

.bb-table .fa-question-circle {
  margin-left: 3px;
}

.bb-table .bb-off {
  color: #B0B0B0;
  cursor: default;
}

.bb-hidden {
  visibility: hidden;
  cursor: default;
}

/*COLUMN TYPES*/
.bb-table {
  white-space: nowrap;
  /*SORTING*/
}

.bb-table td.bb-staticText, .bb-table td.bb-dynamicText {
  white-space: normal;
}

.bb-table td.bb-number, .bb-table td.bb-percent, .bb-table td.bb-time, .bb-table th.bb-number, .bb-table td.bb-date, .bb-table th.bb-date, .bb-table th.bb-percent, .bb-table th.bb-time {
  text-align: right;
  padding-right: 1em;
}

.bb-table td.bb-number span, .bb-table td.bb-percent span, .bb-table td.bb-time span {
  margin-right: 15%;
}

.bb-table td.bb-date {
  white-space: nowrap;
}

.bb-table td.bb-bool {
  text-align: center;
}

.bb-table th {
  white-space: normal;
}

.bb-table th.bb-bool {
  text-align: center;
}

.bb-table th.bb-staticText {
  width: auto;
  word-wrap: break-word;
  /*TODO: doesn't work*/
  overflow-wrap: break-word;
  /*TODO: doesn't work either*/
}

.bb-table td.bb-staticText {
  width: auto;
  word-wrap: break-word;
  /*TODO: doesn't work*/
  overflow-wrap: break-word;
  /*TODO: doesn't work either*/
}

.bb-table th.bb-dynamicText, .bb-table td.bb-dynamicText {
  width: auto;
  /*TODO: how is that different from static see http://vm-wiki:8090/display/DEV/Wellnomics+UX+Design+Guidelines#WellnomicsUXDesignGuidelines-Horizontal*/
  max-width: 100%;
}

.bb-table th.bb-img {
  width: 1px;
  text-align: center;
  cursor: default;
}

.bb-table td.bb-img {
  width: 1px;
  text-align: center;
}

.bb-table td.bb-img a {
  margin: 0 auto;
}

.bb-table td.bb-option {
  width: 10em;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

.bb-table td.bb-option.Unknown, .bb-table td.bb-option.RiskLevel5 {
  background-color: #f9f9f9;
}

.bb-table td.bb-option.Low, .bb-table td.bb-option.Good, .bb-table td.bb-option.RiskLevel6, .bb-table td.bb-option.RatingLevel8, .bb-table td.bb-option.wssFactorStandPercent5, .bb-table td.bb-option.wssFactorChanges3 {
  background-color: #25FF25;
}

.bb-table td.bb-option.Excellent, .bb-table td.bb-option.RatingLevel9 {
  background-color: #00cc00;
}

.bb-table td.bb-option.Medium, .bb-table td.bb-option.Fair, .bb-table td.bb-option.FairLow, .bb-table td.bb-option.FairHigh, .bb-table td.bb-option.RiskLevel7, .bb-table td.bb-option.RatingLevel7, .bb-table td.bb-option.wssFactorStandPercent3, .bb-table td.bb-option.wssFactorStandPercent4, .bb-table td.bb-option.wssFactorChanges2 {
  background-color: #ffff25;
}

.bb-table td.bb-option.High, .bb-table td.bb-option.Poor, .bb-table td.bb-option.PoorLow, .bb-table td.bb-option.PoorHigh, .bb-table td.bb-option.RiskLevel8, .bb-table td.bb-option.RatingLevel6, .bb-table td.bb-option.wssFactorStandPercent1, .bb-table td.bb-option.wssFactorStandPercent2, .bb-table td.bb-option.wssFactorChanges1 {
  background-color: #FF3333;
  font-weight: 500;
}

.bb-table td.bb-option.InsufficientData, .bb-table td.bb-option.NoData, .bb-table td.bb-option.RiskLevel1, .bb-table td.bb-option.RiskLevel2, .bb-table td.bb-option.RiskLevel3, .bb-table td.bb-option.RiskLevel4, .bb-table td.bb-option.RatingLevel3, .bb-table td.bb-option.RatingLevel4, .bb-table td.bb-option.wssFactorStandPercent0, .bb-table td.bb-option.wssFactorChanges0 {
  background-color: #f9f9f9;
}

.bb-table .bb-sort {
  color: #555;
  top: 1px;
  left: 4px;
  position: relative;
}

.bb-table .bb-sort2nd {
  color: #B0B0B0;
  top: 1px;
  left: 4px;
  position: relative;
}

/*PAGING*/
.bb-paging a.bb-prev, .bb-paging ul {
  float: left;
}

.bb-paging a.bb-next {
  padding-left: 5px;
}

.bb-paging a.bb-prev {
  padding-right: 5px;
}

.bb-paging ul {
  padding: 0;
}

.bb-paging a.bb-next, .bb-paging a.bb-prev {
  cursor: pointer;
}

.bb-paging li {
  list-style: none;
  display: inline;
}

.bb-paging .bb-disable {
  color: #B0B0B0;
  text-decoration: none;
  cursor: auto;
}

.bb-paging .bb-disable:hover {
  color: #B0B0B0;
  text-decoration: none;
  cursor: auto;
}

.bb-table td.bb-disable {
  color: #B0B0B0;
  text-decoration: none;
  cursor: auto;
}

#bb-table input[type=checkbox]:checked + label i.bb-disable {
  color: #B0B0B0;
  text-decoration: none;
  cursor: auto;
}

#bb-table input[type=checkbox]:checked + label i.bb-disable:hover {
  color: #B0B0B0;
  text-decoration: none;
  cursor: auto;
}

.bb-paging a.bb-current {
  font-weight: bold;
  text-decoration: none;
}

.bb-paging a.bb-current:hover {
  font-weight: bold;
  text-decoration: none;
}

.bb-paging ul li a {
  margin: 0 5px 0 5px;
}

.bb-paging #pageNumberInput {
  width: 3em;
  margin: 0 0.5em 0 0.5em;
}

/*CUSTOM CHECKBOXES*/
.bb-table input[type=checkbox] {
  /*hide the original html checkbox*/
  display: none;
}

.bb-table input[type=checkbox] + label {
  height: 16px;
  width: 16px;
  display: inline-block;
  padding: 0 0 0 0;
}

.bb-table input[type=checkbox]:enabled + label {
  cursor: pointer;
}

.bb-table input[type=checkbox] + label i {
  color: #ffffff;
}

.bb-table input[type=checkbox]:checked + label i {
  color: #22417D;
  display: inline;
  position: relative;
}

.bb-table .bb-columnpicker {
  white-space: nowrap;
  border-radius: 5px;
  left: -4px;
}

.bb-table .bb-columnpicker li {
  padding: 0;
}

.bb-table .bb-columnpicker li span {
  padding: 10px;
  font-size: 12px;
  color: #5E5E5E;
  font-family: Segoe UI, Lucida Grande, Ubuntu, tahoma, verdana, arial, helvetica, sans-serif;
}

.bb-table .bb-columnpicker input[type=checkbox] + label {
  position: relative;
  padding: 2px 0 2px 7px;
  display: inline;
}

.bb-table .bb-columnpicker input[type=checkbox] + label i:hover {
  position: relative;
}

.bb-table .bb-columnpicker input[type=checkbox] + label:hover {
  background-color: #d9ecf8;
}

/*Drop down menu for column picking*/
/*LOADING ANIMATION*/
#bb-main.bb-loading {
  opacity: 0.2;
  color: transparent;
  text-shadow: 0 0 5px #000000;
  /*fallback colour*/
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#bb-validationDiv.bb-loading {
  background: #999;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 63px;
  left: 0;
  z-index: 999;
}

/*EDIT FORM*/
#bb-newEdit .flatFormLabel {
  color: #777;
  margin-bottom: 3px;
}

#bb-newEdit input[type=text].form-control {
  /*TODO make this a site-wide rule (with exceptions: login page, ...)*/
  height: 24px;
}

#bb-newEdit textarea.form-control {
  width: auto;
}

/*VALIDATION*/
span.bb-validationText {
  display: none;
}

span.bb-validationText.bb-fieldValidationError {
  display: inline;
  color: #EA4C48;
  margin-left: 0.5em;
}

input.bb-fieldValidationError, textarea.bb-fieldValidationError {
  background-color: #FFE6E6;
}

/*ROW HIGHLIGHTING*/
@-moz-keyframes highlight {
  0% {
    background: #ffff99;
  }
  100% {
    background: none;
  }
}

@-webkit-keyframes highlight {
  0% {
    background: #ffff99;
  }
  100% {
    background: none;
  }
}

@keyframes highlight {
  0% {
    background: #ffff99;
  }
  100% {
    background: none;
  }
}

.bb-table .bb-tableRow.bb-highlight {
  -webkit-animation: highlight 5s;
  -moz-animation: highlight 5s;
  -ms-animation: highlight 5s;
  -o-animation: highlight 5s;
  animation: highlight 5s;
}

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