/**/
.well{
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
}
.well a{
  color:rgb(250, 250, 250);
  font-weight: bold;
  letter-spacing: 1px;
}
.well a:hover{ text-decoration: none;
}

.well i{font-size: 18px;
}

/* .completion-well .well-completion */
/* description */
/* Used in: */
.completion-well > p,
.completion-well > button{vertical-align: middle !important;}

/**/
.well-dark-gray{
  background-color: #303030;
  border:1px solid #575757;
  vertical-align: middle;
  font-weight: bold;
  color: rgb(153, 153, 153, 0.8);
}

/**/
.well-gray{
  background-color: #424242;
  border:1px solid #575757;
  vertical-align: middle;
  font-weight: bold;
  color: rgb(153, 153, 153, 0.8);
}

.well-light-gray{
  background-color: #424242;
  border: 1px solid #575757;
}

/* .well-header */
/* description: this is a well used as page header */
/* Used in: user-name.html / group-name.html / survey-name.html / client-name.html / form-name.html / sample-name.html */
.well-header{
  background-color: #212121;
  border:1px solid #575757;
  vertical-align: middle;
  font-weight: bold;
  color: rgb(153, 153, 153, 0.8);
}

/* well header */
.well-header h1, .well-header h2, .well-header h3, .well-header h4, .well-header h5, .well-header h6{
  color:rgb(250, 250, 250);
  letter-spacing: 2px;
  font-weight: bold;
  text-transform: uppercase; /* font capitolized */
}
.well-header h1 small, .well-header h2 small, .well-header h3 small, .well-header h4 small, .well-header h5 small, .well-header h6 small{
  color:rgba(250, 250, 250, 0.7);
  letter-spacing: 2px;
  font-weight: bold;
  text-transform: uppercase; /* font capitolized */}