.soft {
  color: #666;
}

.learningOutcomeTable th,
.groupLearningOutcomeTable th {
  white-space: nowrap;
}

.learningOutcomeTable .text-center div,
.groupLearningOutcomeTable .text-center div {
  margin-left: auto;
  margin-right: auto;
}

.learningOutcomeDiv,
.proglearningOutcomeListDiv {
  width: 80%;
}

#addNewOutcomeForm {
  display: none;
  color: #333;
}

#addProgOutcomeSection {
  width: 100%;
}

#addProgOutcomeSection .outcomeTypeDiv {
  width: 48%;
  float: left;
  margin-right: 1%;
  margin-bottom: 10px;
}

#addNewOutcomeForm .labelStyle2,
#PEOPLOMapping .labelStyle2,
#addProgOutcomeSection .labelStyle2 {
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #ccc;
  border-left: none;
  padding: 6px 12px 9px;
  vertical-align: middle;
  display: table-cell;
  width: 100%;
}

#addNewOutcomeForm textarea {
  width: 100%;
}

#addNewOutcomeForm #domainOutcomes table,
#addNewOutcomeForm #taxonomy table,
#addNewOutcomeForm #mlo2pttmappings table {
  border-spacing: 0;
  width: 90%;
}

#addNewOutcomeForm #domainOutcomes td {
  width: 50%;
  border-collapse: separate;
}

.workloadContactTypesTd .divStyle1 span,
#addProgOutcomeSection span,
#mlo2pttmappings span,
#PEOPLOMapping .PEO span,
#addNewOutcomeForm #domainOutcomes span,
#addNewOutcomeForm #taxonomy span {
  border-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 6px 12px 9px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

#softSkills {
  font-style: italic;
  font-size: 14px;
  margin-left: 90px;
  margin-top: 5px;
}

#addNewOutcomeForm #taxonomy .taxonomyTypeTable {
  display: none;
}

#addNewOutcomeForm #taxonomy .taxonomyTypeTable div,
#addNewOutcomeForm #mlo2pttmappings .programmeOutcomeTypesTable div {
  margin-bottom: 8px;
}

#addNewOutcomeForm #taxonomy th,
#addNewOutcomeForm #mlo2pttmappings th {
  padding: 5px;
  vertical-align: bottom;
  text-align: left;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#addNewOutcomeForm #taxonomy tr:first-child th {
  text-align: center;
}

#addNewOutcomeForm #taxonomy td,
#addNewOutcomeForm #mlo2pttmappings td {
  border-collapse: separate;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#keywordSuggestions {
  margin-left: 90px;
  width: 90%;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#keywordSuggestions span {
  margin-right: 10px;
  border-bottom: 2px dashed #e1e1e1;
  cursor: pointer;
}

#PEOPLOMapping {
  width: 50%;
}

#PEOPLOMapping .PEO {
  margin: 6px;
}

.newWorkloadSection {
  margin-top: 20px;
  width: 610px;
  display: none;
}

.newWorkloadSection th {
  padding-top: 10px;
  width: 200px;
}

.workloadTable {
  width: 100%;
}

.workloadTable .icon-large {
  cursor: pointer;
  text-decoration: none;
  color: #898282;
}

.workloadTable .icon-remove {
  color: #b20000 !important;
}

.workloadTable .totalsRow td {
  font-weight: bold;
}

.workloadContactTypesTd {
  border-collapse: separate;
}

.workloadContactTypesTd .divStyle1 {
  width: 40%;
  float: left;
}

.workloadContactTypesTd .divStyle1 label {
  display: table-cell;
  padding: 6px 12px 9px;
  vertical-align: middle;
  width: 100%;
}

.workloadContactTypesTd .divStyle1 span {
  border-radius: 4px;
}

.workloadContactTypesTd .divStyle2 {
  width: 55%;
  float: left;
  margin-left: 10px;
}

.workloadContactTypesTd .divStyle2 label {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-collapse: separate;
  display: inline;
  box-sizing: border-box;
  padding: 6px 12px 9px 5px;
  vertical-align: middle;
}

.workloadContactTypesTd .divStyle2 input {
  margin-top: 5px;
}

.workloadContactTypesTd .clear {
  clear: both;
  height: 1px;
}

.programmeBlocksTable {
  width: 100%;
}

.programmeBlocksTable th {
  width: 12%;
  vertical-align: middle;
}

.programmeBlocksTable td {
  vertical-align: middle;
}

#ui-datepicker-div {
  width: 300px;
}

.nav-tabs {
  margin-bottom: 0;
}