@charset "UTF-8";
/*----------------------*\
  $COLORS
\*----------------------*/
/*----------------------*\
  IMPORTED FILES
\*----------------------*/
@import '../bower_components/fontawesome/css/font-awesome.min.css';
@import url(//fonts.googleapis.com/css?family=Varela+Round);
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*, *::after, *::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/*------------------------*\
	$NAVIGATION
\*------------------------*/
#navigation {
  width: 20%;
  float: left;
}
#navigation ul.menu {
  border: 1px solid #a9a9a9;
  /*border-radius: 10px;*/
  margin: 0px 20px 0px 10px;
  background-color: #f6f6f6;
}
#navigation ul.menu li {
  text-transform: uppercase;
  color: #4f4f4f;
  cursor: pointer;
  font-size: 0.8em;
  border-bottom: 1px solid #c6c6c6;
}
#navigation ul.menu li.active {
  color: #fff;
  background: url("../images/menu-active.png") no-repeat center center;
  background-color: #00538B;
  border: none;
}
#navigation ul.menu li a {
  color: inherit;
  display: block;
}
#navigation ul.menu li a.navigation-link {
  padding: 15px;
}
#navigation ul.menu li p {
  width: 100%;
}
#navigation ul.menu li:first-child {
  border-top: none;
  /*border-radius: 8px 8px 0 0;*/
}
#navigation ul.menu li:last-child {
  border-bottom: none;
  /*border-radius: 0 0 8px 8px;*/
}
#navigation ul.submenu {
  position: relative;
  background-color: #8C8C8C;
  /*background-color: #5e90c8;*/
  padding: 10px 0px;
}
#navigation ul.submenu li {
  position: relative;
  background-color: #8C8C8C;
  /*background-color: #5e90c8;*/
  font-size: 0.8em;
  color: #fff;
  cursor: pointer;
  padding: 6px 10px;
  text-transform: capitalize;
  border-bottom: none;
}
#navigation ul.submenu li:hover {
  background-color: #00538B;
  -webkit-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}
#navigation ul.submenu li.active {
  background-color: #00538B;
}
#navigation ul.submenu span.menu-arrow {
  display: block;
  z-index: 999;
  position: absolute;
  width: 35px;
  height: 18px;
  top: -7px;
  left: 40%;
  background: url("../images/menu-active.png") no-repeat center right;
}
#navigation ul.submenu li span.submenu-arrow {
  display: none;
  position: absolute;
  width: 11px;
  height: 24px;
  right: -11px;
  top: 0px;
  background: url("../images/submenu-active.png") no-repeat center right;
}
#navigation ul.submenu li.active span.submenu-arrow {
  display: block;
}
#navigation span.iconic {
  padding-right: 15px;
  vertical-align: middle;
}
#navigation ul.menu > li > a > span, #navigation ul.menu > li > a > span {
  display: table-cell;
  vertical-align: middle;
}

/*------------------------*\
	$CONTENT
\*------------------------*/
.management #navigation + #content {
  float: left;
  width: 80%;
}
.management .hide {
  display: none;
}

.search-box {
  vertical-align: middle;
  background-color: #eaeaea;
  padding: 15px 20px;
  margin: 0px 15px 20px 15px;
}
.search-box .search-input {
  margin-bottom: 10px;
}
.search-box .search-input > input {
  width: 80%;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  padding: 15px 10px;
  height: auto;
}
.search-box .search-input > button {
  float: right;
  /*background-color: #2179b7;*/
  background-color: #0067af;
  color: #fff;
  width: 120px;
  /*height: 48px;*/
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  margin-right: 0;
}
.search-box .search-prefix {
  overflow: hidden;
  width: 80%;
}
.search-box .search-prefix > span {
  font-size: 0.85em;
}

.btn-prefix {
  color: #696969;
  background-color: #cdcdcd;
  text-transform: uppercase;
  font-size: 0.7em;
  border: none;
  padding: 5px 10px;
  margin: 0 10px 0 0;
}

.search-completed {
  font-size: 0.85em;
}

#top {
  border-bottom: 1px solid #a9a9a9;
  padding: 10px 15px 5px 15px;
  margin-bottom: 15px;
}
#top .title {
  color: #3e3e3e;
  font-size: 1.4em;
  display: inline-block;
}
#top .tabs {
  float: right;
  display: inline-block;
}
#top .tabs .tab {
  color: #fff;
  background-color: #acacac;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  /*border-radius: 8px 8px 0px 0px;*/
  margin-left: -2px;
}
#top .tabs .tab a {
  color: #fff;
  line-height: 0.8em;
  font-size: 0.9em;
  cursor: pointer;
  display: block;
  min-width: 60px;
  /*border-radius: 8px 8px 0px 0px;*/
  padding: 8px 10px;
}
#top .tabs .tab a.active {
  background-color: #4f4f4f;
}

.setting-submenu {
  display: none;
  position: absolute;
  padding-top: 1px;
}

div#content div[class$=new] {
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
}
div#content div[class$=new] > span {
  display: inline-block;
  padding-top: 15px;
}
div#content div[class$=new] > span > a {
  color: #528fc2;
}
div#content div[class$=new] .btn-default {
  font-size: 0.9em;
  line-height: 1em;
}
div#content div[class$=new] .btn-default:first-of-type {
  margin: 0 15px 0 10px;
}

.pre-table {
  padding: 0px 15px;
  margin-bottom: 15px;
}
.pre-table .title {
  font-size: 1.2em;
  text-transform: uppercase;
  display: inline-block;
}

.steps.assignments .pre-table .legend {
  margin-left: 15%;
}
.steps.studies .pre-table .legend {
  margin-left: 0%;
}

.pre-table .legend {
  display: inline-block;
}
.pre-table .legend ul li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  /* colors moved to _charts.scss */
  /*
     &.red::before {
       background-color: #c53e35;
     }
     &.orange::before {
       background-color: #e08e00;
     }
     &.green::before {
       background-color: #5ebd1f;
     }
     &.gray::before {
     	background-color:black;
     }
  */
}
.pre-table .legend ul li::before {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: table-cell;
  vertical-align: middle;
  content: "";
}
.pre-table .legend ul > li > span {
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 0.9em;
  padding-top: 3px;
  padding-left: 5px;
}

.pagination {
  display: table;
  margin-left: 20px;
}
.pagination > span, .pagination > a {
  display: table-cell;
  vertical-align: middle;
}
.pagination a.previous {
  color: #2179b7;
  padding-right: 10px;
}
.pagination a.next {
  color: #2179b7;
  padding-left: 10px;
}
.pagination .current input {
  width: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-align: center;
  padding: 1px 5px;
  margin-right: 5px;
}
.pagination.pull-right {
  margin-bottom: 10px;
}

.table-wrapper {
  margin: 0px 15px;
}

.list-table-wrapper {
  margin: 3em 1em;
}

table#studiesResults, table#assignmentsResults {
  width: 100%;
  font-size: 0.9em;
}
table#studiesResults .td-action, table#assignmentsResults .td-action {
  text-align: left;
}
table#studiesResults .td-action .action-view, table#studiesResults .td-action .action-edit table#assignmentsResults .td-action .action-view {
  margin-right: 5px;
}
table#assignmentsResults .td-action .action-edit {
  margin-right: 5px;
}

.btn-default.management-button {
  border-radius: 5px;
  padding: 0.8em 1.5em;
}

.td-action a.action-remove {
  margin-left: 0.5em;
  color: red;
}

.save-list {
  color: white;
  background-color: #0067af;
  padding: 0.5em 1em;
  height: 2.4em;
  font-size: 0.9em;
  margin: 0 0.5em;
}

.create-list-disclaimer {
  margin-top: 0.75em;
}

.config-highlight {
  width: 360.8px;
  padding: 1em;
}

.config-highlight-list {
  margin-left: 2.5em;
  margin-bottom: 1.5em;
}

#selectAllBtn, #unselectAllBtn {
  float: left;
  color: #fff;
  border: none;
  text-transform: uppercase;
}

#selectAllBtn {
  background-color: #0067af;
}

#unselectAllBtn {
  background-color: #c4c4c4;
}

.confirm-category-list-item {
  border: solid 1px #BBBBBB;
  margin-bottom: 1em;
}
.confirm-category-list-item .child-category-list li:first-child {
  border-top: solid 1px;
  margin-top: 1em;
}
.confirm-category-list-item .category-name {
  font-weight: bold;
}

ul.ext-fields li.ext-field.parent-category-only {
  margin-left: 1.4em;
  margin-bottom: 0;
}

.edit-category-button, .delete-category-button, .edit-highlight-button, .delete-highlight-button {
  display: block;
}

.edit-category-button, .edit-highlight-button {
  border-bottom: solid 1px black;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.action-buttons a.delete-step-button {
  background-color: gray;
}

.edit-step-warning {
  color: #00497c;
}

#unselectAllBtn {
  display: none;
}

.table-assignments .content .current-assignment-task-role {
  display: block;
  margin-top: 0.5em;
}

.table-assignments form.assign-adhoc-edit {
  margin-top: 6px;
  padding: 8px 4px;
  border: 1px dashed #bbb;
  border-radius: 4px;
}
.table-assignments form.assign-adhoc-edit input[type=submit] {
  margin-top: 6px;
}
.table-assignments .assigned-by-note {
  margin-top: 6px;
}
.table-assignments .dragon-workspace .dragon-button {
  padding: 5px 10px;
}

a.thin-button {
  line-height: 1.1em;
}

.all-reports-button {
  float: right;
}

p.import-error, div.status-message {
  color: red;
  text-align: center;
  padding: 25px;
  font-size: 1.2em;
}

/*
 replace this with categorization-category-tree
ul.management-step-summary.categorization-categories {
	em {
		font-weight: bold;
	}
}
*/
section.categorization-category-tree em {
  font-weight: bold;
}
section.categorization-category-tree section.childElements ul {
  margin-left: 13px;
}

span.management-step-summary.highlight {
  border: solid;
  border-width: thin;
  padding-left: 5px;
  padding-right: 5px;
}

div.querychunk.child.multi, div.querychunk .and-or {
  margin-left: 25px;
}

div.bulk-delete-box {
  text-align: right;
  margin-bottom: 10px;
}

div#visTabs li.ui-tab, div#ruleTabs li.ui-tab, div#batchDetailsTabs li.ui-tab {
  background-color: #aaaaaa;
}
div#visTabs li.ui-tab a, div#ruleTabs li.ui-tab a, div#batchDetailsTabs li.ui-tab a {
  color: white;
}
div#visTabs li.ui-tab.ui-tabs-active, div#ruleTabs li.ui-tab.ui-tabs-active, div#batchDetailsTabs li.ui-tab.ui-tabs-active {
  background-color: white;
}
div#visTabs li.ui-tab.ui-tabs-active a, div#ruleTabs li.ui-tab.ui-tabs-active a, div#batchDetailsTabs li.ui-tab.ui-tabs-active a {
  color: black;
}
div#visTabs li.hidden, div#ruleTabs li.hidden, div#batchDetailsTabs li.hidden {
  display: none;
}

div#batchDetailsTabs {
  width: 1000px;
}

.public #main {
  margin: 5% auto;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.login-box {
  width: 400px;
  margin: 0px auto;
}

.error .login-box {
  width: initial;
}

.login-box .header {
  background-color: #00538B;
  color: #fff;
  padding: 20px;
}
.login-box .header .title {
  font-size: 1.4em;
  margin-top: 15px;
}
.login-box .content {
  background-color: #e6e6e6;
  padding: 20px;
}
.login-box .msg-container {
  display: none;
  border-radius: 5px;
}
.login-box + div .msg-container.error {
  display: block;
  color: #a94442;
  background-color: #e5ABAB;
  border-color: #ebccd1;
  padding: 10px 20px;
  width: 400px;
  margin: 15px 0 0 calc(50% - 200px);
}

.dragon-box {
  width: 50%;
  margin: auto;
}
.dragon-box .header {
  background-color: #00538B;
  color: #fff;
  padding: 20px;
}
.dragon-box .header .title {
  font-size: 1.4em;
  margin-top: 15px;
}
.dragon-box .content {
  border: solid;
  border-width: 0px thin thin thin;
  padding: 20px;
}
.dragon-box .msg-container {
  display: none;
  border-radius: 5px;
}
.dragon-box + div .msg-container.error {
  display: block;
  color: #a94442;
  background-color: #e5ABAB;
  border-color: #ebccd1;
  padding: 10px 20px;
  width: 400px;
  margin: 15px 0 0 calc(50% - 200px);
}

div.updateExpiredPassword div.msg-container.error {
  color: red;
  margin-bottom: 10px;
}
div.updateExpiredPassword input[type=password] {
  color: green;
  width: 400px;
}

.container.error .login-box + .msg-container.error {
  display: block;
  color: #a94442;
  padding: 20px 40px;
  margin: 50px 5%;
  font-size: 1.8em;
  text-align: left;
  width: 90%;
  font-weight: bold;
  line-height: 1.8em;
}

div#tou {
  padding-top: 10px;
  padding-bottom: 25px;
  padding-left: 5px;
}
div#tou div {
  padding-bottom: 5px;
}

.form-login #btnLogin, .form-login #btnSignup {
  width: 25%;
  padding: 5px 0;
}
.form-login .form-label {
  display: block;
  padding-left: 5px;
  margin-bottom: 5px;
}
.form-login .form-group {
  display: block;
  margin-bottom: 15px;
}

.form-control {
  display: block;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  padding: 5px 10px;
}

.form-login .form-group input.form-control {
  /*padding: 10px 15px;*/
  padding: 0 1em;
}

.query-builder .form-control, .query-builder label.btn {
  width: auto;
}
.query-builder select.dynamicQueryEl {
  display: block;
  margin-left: 25px;
}
.query-builder select.hide {
  display: none;
}
.query-builder .rule-container div.rule-operator-container.hide {
  display: none;
}
.query-builder textarea.form-control {
  width: 400px;
}
.query-builder .group-conditions .btn-primary {
  background-color: #CCC;
  /* grey out the unselected AND/OR button */
}
.query-builder div.rule-filter-container.alone-on-line {
  width: 100%;
}

#query-builder-buttons {
  padding-top: 10px;
}

.pagination .previous, .pagination .next {
  cursor: pointer;
}

/*
 * ERROR PAGES
 */
header.error-number {
  text-align: center;
  font-size: 9em;
}
header.error-description {
  text-align: center;
  font-size: 2.5em;
  text-transform: uppercase;
}

form.login-box {
  width: 200px;
  font-family: "Roboto Slab", serif;
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
}

.login {
  border: none;
  text-transform: uppercase;
  font: 14px "Nunito", arial, helvetica, sans-serif;
  color: #a6f1df;
  padding: 2px 8px;
  background: #54c9ad;
  border-radius: 5px;
}
.login:hover {
  cursor: pointer;
  text-decoration: underline;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999a9b;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999a9b;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999a9b;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999a9b;
}

.text-input {
  color: #696a6b;
  border: none;
  /* Safari 5, Chrome support border-radius without vendor prefix.
    * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
    * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
    */
  border-radius: 5px;
  /* Chrome, FF 4.0 support box-shadow without vendor prefix.
    * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
    * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
    * change the offsets, blur and color to suit your design.
    */
  -webkit-box-shadow: 1px 1px 1px #555 inset;
  box-shadow: 1px 1px 1px #555 inset;
  /* using a bigger font for demo purposes so the box isn't too small */
  font-size: 16px;
  /* with a big radius/font there needs to be padding left and right
    * otherwise the text is too close to the radius.
    * on a smaller radius/font it may not be necessary
    */
  padding: 4px 7px;
  /* only needed for webkit browsers which show a rectangular outline;
    * others do not do outline when radius used.
    * android browser still displays a big outline
    */
  outline: 0;
  /* this is needed for iOS devices otherwise a shadow/line appears at the
    * top of the input. depending on the ratio of radius to height it will
    * go all the way across the full width of the input and look really messy.
    * ensure the radius is no more than half the full height of the input,
    * and the following is set, and everything will render well in iOS.
    */
  -webkit-appearance: none;
}

input:focus {
  /* supported IE8+ and all other browsers tested.
    * optional, but gives the input focues when selected.
    * change to a color that suits your design.
    */
  -webkit-box-shadow: 0px 0px 5px 2px #69d3ba;
  box-shadow: 0px 0px 5px 2px #69d3ba;
}

#send-reset-email-btn {
  margin-top: 15px;
}

.reset-pw-alert {
  padding: 10px;
  text-align: center;
  color: white;
  line-height: 1.3em;
  margin-top: 30px;
}

.reset-pw-error {
  background-color: firebrick;
}

.reset-pw-error + .reset-pw-error {
  margin-top: 0;
  margin-top: -10px;
}

.reset-pw-success {
  background-color: darkcyan;
}

.reset-pw-instructions {
  line-height: 1.4em;
  margin: 5px 0;
}

#current-rule {
  width: 70%;
  float: left;
  margin: -8px 0 15px 0;
}
#current-rule .search-choice {
  margin-left: 0px;
  margin-right: 0px;
}
#current-rule .search-choice.selected-component {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(90%, #e8e8e8), to(#ee0000));
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 90%, #ee0000 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 90%, #ee0000 100%);
}

li.operator {
  text-transform: uppercase;
}

span.space {
  width: 7px;
  display: inline-block;
  float: left;
  min-height: 25px;
}

span.latest {
  /* background: url('chosen-sprite.png') -21px 12px no-repeat; */
  background: url("chosen-sprite.png") -20px 12px no-repeat;
}

span.latest.flash {
  background: red;
}

.chosen-select.inactive + .chosen-container {
  display: none;
}

#rule-definition {
  position: relative;
  top: -100px;
  width: 100%;
  margin: 10px;
}
#rule-definition label {
  float: left;
  width: 30%;
  text-transform: uppercase;
  font-size: 1.2em;
  padding: 5px 20px;
}
#rule-definition ul {
  margin-top: 10px;
}
#rule-definition ul.buttons {
  clear: left;
  margin: 0 0 25px 30%;
}
#rule-definition button, #rule-definition #rule-piece button {
  /*background-color: #2179b7;*/
  background-color: #00538B;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  border: 0;
  padding: 7px 12px;
  text-align: center;
  margin-right: 4px;
}
#rule-definition #edit-rule {
  background-color: gray;
}
#rule-definition #clear {
  background-color: #B57878;
}

button#add-rule.active, button#edit-rule.active {
  color: yellow;
}

div#rule-piece {
  /* display: none causes chosen workflow that loads dropdowns to fail */
  display: block;
  visibility: hidden;
  position: absolute;
  min-height: 250px;
  width: 600px;
  background-color: white;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid lightgray;
  padding: 25px;
  z-index: 1000;
  height: 450px;
  overflow: auto;
  /*@include nice-fade;*/
}
div#rule-piece table.two-column {
  height: 250px;
}
div#rule-piece h2 {
  font-size: 1.2em;
}
div#rule-piece div {
  padding: 10px;
}
div#rule-piece.active {
  visibility: visible;
}
div#rule-piece .action-buttons {
  position: relative;
}
div#rule-piece .chosen-results {
  max-height: 150px;
  overflow-y: hidden;
}

div.setup-step.title span.note {
  font-size: 0.7em;
  padding: 0 15px;
}

/**
 * SETUP.CSS
 */
.setup.steps #content {
  padding: 0px 100px;
}

.setup-step.headline {
  font-size: 1.3em;
  border-bottom: 1px solid #a9a9a9;
  padding: 5px 20px;
  margin-bottom: 15px;
}
.setup-step.title {
  font-size: 1.3em;
  padding: 5px 0px;
  margin-bottom: 15px;
  display: block;
}
.setup-step.title small {
  padding: 0 0 0 10px;
}
.setup-step.content {
  padding: 0 20px;
}
.setup-step input[type=text] {
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  padding: 5px 10px;
}
.setup-step textarea {
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  min-height: 60px;
  padding: 8px 10px;
}
.setup-step .row#dragonIds textarea {
  vertical-align: top;
  position: relative;
  left: 0;
  width: 60%;
  margin-left: 10px;
}

.setup-table {
  clear: both;
  padding: 20px 10px;
}

/* overwrite chosen default CSS to fit wireframe */
.chosen-container * {
  /* make chosen dropdowns match text size of text inputs */
  font-size: 14px;
}

.setup-step .chosen-container {
  padding: 0 0 10px 0;
}
.setup-step .chosen-container-single .chosen-single {
  border-radius: 5px;
  border: 1px solid #d7d7d7;
}

.action-buttons {
  margin-top: 20px;
  margin-bottom: 30px;
}
.action-buttons a {
  font-size: 0.9em;
  height: 1.6em;
  border-radius: 6px;
  /*padding: 0.85em 1.5em 0.25em;*/
}
.action-buttons a.long {
  width: 125px;
}
.action-buttons a.btn-add {
  width: auto;
  padding: 10px 20px;
}

.ext-fields + .action-buttons {
  margin: 0 15px 0 0;
}

.table-setup caption {
  font-size: 1.2em;
}
.table-setup tbody tr td:nth-child(1) {
  width: 30%;
}
.table-setup tbody tr td:nth-child(2) {
  width: 60%;
  padding: 20px 10px 20px 30px;
}
.table-setup tbody tr td:nth-child(3) {
  width: 10%;
}

.table-setup.category {
  width: 700px;
}
.table-setup.category tbody tr td {
  padding: 12px;
}
.table-setup.category tbody tr td[data-field=category-name] {
  width: 225px;
}
.table-setup.category tbody tr td[data-field=category-desc] {
  width: 400px;
}
.table-setup.category tbody tr td.td-action {
  width: 75px;
}

/**
 * SETUP: Step 1
 */
#step1SetupForm {
  padding: 10px 0px;
}

.setup-fields {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 15px;
}

.setup-row {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.setup-row div[class^=setup-col] {
  display: inline-block;
  vertical-align: top;
}
.setup-row .setup-col-1 {
  width: 35%;
  height: 30px;
  padding-top: 10px;
}
.setup-row .setup-col-2 {
  width: 60%;
}
.setup-row .setup-col-2 #previousStepLabel {
  padding-top: 10px;
}
.setup-row input[type=text] {
  width: 100%;
}
.setup-row + footer {
  height: 25px;
  padding: 0 10px;
}

div.action-buttons {
  clear: both;
}

.empty_category_display {
  display: none;
}

div.category_setup .add_ui, div.category_setup .update_ui {
  border: 1px solid;
  padding: 10px;
  width: 49%;
  margin-bottom: 30px;
}
div.category_setup .add_ui {
  float: left;
}
div.category_setup .update_ui {
  display: none;
  float: right;
}
div.category_setup .setup-col-2 {
  padding-top: 10px;
}
div.category_setup h1 {
  font-size: 1.4em;
}

.select-subtext {
  font-size: 0.85em;
}

.flow-path-title {
  font-size: 0.9em;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 5px;
}

.flow-path-content {
  background-color: #f4f4f4;
  width: 70%;
  height: auto;
  padding: 5px 10px;
}
.flow-path-content ul {
  padding-left: 10px;
  margin-top: 10px;
}
.flow-path-content ul.level-0 {
  padding-left: 10px;
}
.flow-path-content ul.level-1 {
  padding-left: 20px;
}
.flow-path-content ul.level-2 {
  padding-left: 30px;
}
.flow-path-content ul li {
  margin-bottom: 10px;
}

#step1SetupForm .action-buttons, #step2SetupForm .action-buttons {
  margin-top: 30px;
}

/**
 * CHOSEN OVERRIDE
 */
.chosen-container-single .chosen-single {
  padding: 0px 4px 0px 10px;
  height: auto;
  background: none;
}
.chosen-container-single .chosen-single div {
  width: 20px;
}
.chosen-container-single .chosen-single div b {
  background-image: url("../images/chosen-sprite-modified.png");
  background-position: 0px 7px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-image: url("../images/chosen-sprite-modified.png");
  background-position: -22px 7px;
}

/**
 * SETUP: Step 2
 */
#step2SetupForm .setup-row .setup-col-1 {
  width: 30%;
  height: 30px;
  padding-top: 10px;
}
#step2SetupForm .setup-row .setup-col-2 {
  width: 65%;
}

.rule-type-radio {
  margin-bottom: 10px;
}
.rule-type-radio label {
  font-size: 0.9em;
  vertical-align: text-top;
  padding-left: 20px;
  margin-left: -20px;
}
.rule-type-radio#manual {
  margin-left: 30%;
}

.rule-definition .setup-row .setup-col-2 {
  padding-left: 20px;
}

/**
 * SETUP: Step 3
 */
ul.ext-fields {
  width: 100%;
  padding-left: 0px;
  display: inline-block;
}
ul.ext-fields li.ext-field {
  cursor: pointer;
  margin-bottom: 20px;
}
ul.ext-fields li.ext-field > span {
  padding-left: 20px;
  background: url("../images/arrow-gray-right.png") no-repeat center left;
}
ul.ext-fields li.ext-field.opened > span {
  background: url("../images/arrow-gray-down.png") no-repeat center left;
}
ul.ext-fields li.ext-field.pre-table > span {
  float: left;
}
ul.ext-fields li.ext-field.pre-table > span.top-category {
  width: 100%;
}
ul.ext-fields li.ext-field.pre-table > span.top-category table {
  width: 100% !important;
  margin: 0 !important;
}
ul.ext-fields li.ext-field > ul.ext-items {
  display: none;
}
ul.ext-fields li.ext-field.opened > ul.ext-items {
  display: block;
  margin-left: 20px;
  margin-top: 2px;
  clear: left;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item > span {
  vertical-align: top;
  display: inline-block;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item > span.option {
  width: 45%;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item > span.option label.css-label-setup {
  padding-left: 40px;
  margin-left: 20px;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item > span.instruction {
  width: 43%;
  margin-top: -8px;
  margin-bottom: 15px;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item > span.reset {
  width: 10%;
  text-align: right;
  padding: 8px 0 0 0;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item > span.reset > a {
  text-transform: uppercase;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item textarea {
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  max-width: 85%;
  width: 85%;
  min-height: 60px;
  padding: 8px 10px;
  /*-moz-outline-style: none;*/
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item:first-child {
  padding-top: 10px;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item table.table-default {
  margin-top: 0px;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item-custom > span {
  vertical-align: top;
  display: inline-block;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item-custom > span.option {
  width: 37%;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item-custom > span.option label.css-label-setup {
  padding-left: 40px;
  margin-left: 20px;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item-custom > span.dropdown-choices {
  width: 26.25%;
  margin-top: -8px;
  margin-bottom: 15px;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item-custom > span.instruction {
  width: 26.25%;
  margin-top: -8px;
  margin-bottom: 15px;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item-custom > span.reset {
  width: auto;
  text-align: right;
  padding: 8px 0 0 0;
  margin-left: 13px;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item-custom > span.reset > a {
  text-transform: uppercase;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item-custom textarea {
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  min-height: 60px;
  padding: 8px 10px;
  max-width: 100%;
  width: 100%;
  /*-moz-outline-style: none;*/
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item-custom:first-child {
  padding-top: 10px;
}
ul.ext-fields li.ext-field.opened > ul.ext-items li.ext-item-custom table.table-default {
  margin-top: 0px;
}
ul.ext-fields li.ext-field.opened > ul.ext-items .table-setup tbody tr td:nth-child(1) {
  width: 27.33333;
}

.custom-option {
  width: 37%;
}
.custom-option label.css-label-setup {
  padding-left: 40px;
  margin-left: 20px;
}

.custom-option-header {
  margin-bottom: 2em;
}

.custom-option-title {
  border-bottom: solid 1px #a9a9a9;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
}

/* Checkbox */
/* Textarea */
/* Reset link */
textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  font-style: italic;
  font-family: "Varela Round", sans-serif;
}
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-style: italic;
  font-family: "Varela Round", sans-serif;
}
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-style: italic;
  font-family: "Varela Round", sans-serif;
}
textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-style: italic;
  font-family: "Varela Round", sans-serif;
}

.setup #content .action-buttons a {
  width: 64px;
  font-size: 0.9em;
}

ul[class^=setup-progress-], ul.setup-progress-2 {
  width: 82%;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 4px;
  margin-bottom: 20px;
}
ul[class^=setup-progress-] li, ul.setup-progress-2 li {
  background-color: #c4c4c4;
  position: relative;
  text-indent: 0.5em;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  width: 25%;
  min-width: 130px;
  position: relative;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  padding-right: 20px;
}
ul[class^=setup-progress-] li:after, ul.setup-progress-2 li:after {
  content: "";
  position: absolute;
  left: -23%;
  margin-right: 0.4em;
  width: 39px;
  height: 12px;
  padding-top: 2.2em;
  border: 4px solid white;
  z-index: 1;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 0;
  border-left: 0;
  -webkit-box-shadow: 10px -10px 0 5px #c4c4c4;
  box-shadow: 10px -10px 0 5px #c4c4c4;
}
ul[class^=setup-progress-] li.active, ul.setup-progress-2 li.active {
  background-color: #00538B;
}
ul[class^=setup-progress-] li.active:after, ul.setup-progress-2 li.active:after {
  -webkit-box-shadow: 10px -10px 0 5px #00538B;
  box-shadow: 10px -10px 0 5px #00538B;
}
ul.setup-progress-2 li {
  width: 50%;
}
ul.setup-progress-2 li:after {
  left: -11.5%;
}
ul.setup-progress-2 + div footer {
  width: 91%;
}
ul.setup-progress-2 + div form footer {
  width: 100%;
}

/* MISC TAGS */
/* TODO cleanup */
form#create-assignment input[type=radio] + label + textarea {
  vertical-align: text-top;
  margin: 6px 12px;
}
form#create-assignment input[type=radio] + label + select + div.chosen-container {
  margin: 6px 35px;
}

/* REQUIRED FIELDS and VALIDATION */
/* TODO cleanup */
.row.required > label:before {
  content: "*";
  color: #e32;
  padding-right: 10px;
  position: absolute;
  left: -15px;
  font-size: 1.4em;
}

span.error {
  color: #e32;
}
input + span.error, textarea + span.error {
  padding: 4px 0 0 8px;
  display: inline-block;
}
textarea + span.error, select ~ span.error, div#current-rule + span.error {
  margin-left: 30%;
}
input.short + span.error {
  display: inline;
  padding: 0 0 0 15px;
}

div.form-group > label.form-label + p {
  color: red;
}

/*------------*/
/* COLORS */
/* MAIN SCHEME */
/* STATUSES */
/*------------*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Buttons - General */
button.default {
  cursor: pointer;
  background-color: #2179b7;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  border: 0;
  /*padding: 4px 8px;*/
  padding: 0.65em 1em;
  text-align: center;
  margin: 0 0 0 20px;
  position: relative;
  top: -4px;
  text-transform: uppercase;
  border-radius: 5px;
}
button.default a {
  color: white;
}

/* using when there are two columns of tables, i.e. mgmt assessments core */
table[id=tasks-by-step] {
  width: 100%;
  margin-bottom: 20px;
}
table[id=tasks-by-step] thead {
  font-size: 1.3em;
}
table[id=tasks-by-step] td.graph {
  height: 250px;
}
table[id=tasks-by-step] td.legend {
  text-align: center;
  display: table-cell;
}
table[id^=remaining-tasks], table[id$=in-assessment] {
  width: 48.5%;
  float: left;
}
table[id^=remaining-tasks] td:first-child, table[id$=in-assessment] td:first-child {
  width: 82.5%;
  text-align: left;
}
table#remaining-tasks-by-user, table#studies-in-assessment {
  margin-right: 1.5%;
}
table#remaining-tasks-by-step, table#tasks-in-assessment {
  margin-left: 1.5%;
}
table[id^=remaining-tasks] thead {
  text-transform: none;
  text-align: left;
  /*font-size: 1.3em;*/
  font-size: 1em;
  background-color: #0067af;
}
table[id$=in-assessment] thead {
  font-size: 1.3em;
  background-color: #0067af;
}

.table-default thead th {
  padding: 10px 15px;
}

table[id$=in-assessment] td.graph {
  height: 250px;
}
table[id$=in-assessment] td.legend {
  height: 80px;
}
table.table-full {
  width: 100%;
}

div.table-wrapper.core {
  width: 90%;
  margin-left: 5%;
}

form footer {
  width: 100%;
}
form#invite-user footer {
  padding-top: 20px;
}
form#confirmation footer, form#add-study footer {
  width: 100%;
}

/*NEW*/
/* NEW*/
.table-wrapper footer, form footer {
  clear: left;
  padding: 15px 0 40px 0;
}

.table-wrapper footer button, form footer button {
  float: right;
}

/* don't need separate stlying for this but combine later... */
.table-default thead th.legend {
  text-align: center;
}
.table-default thead th.legend ul li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.table-default thead th.legend ul li::before {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: table-cell;
  vertical-align: middle;
  content: "";
  float: left;
  margin: 2px;
}
.table-default thead th.legend ul li.red::before {
  background-color: #c53e35;
}
.table-default thead th.legend ul li.orange::before {
  background-color: #e08e00;
}
.table-default thead th.legend ul li.green::before {
  background-color: #5ebd1f;
}
.table-default thead th.legend ul li.gray::before {
  background-color: black;
}
.table-default thead th.legend ul li span {
  vertical-align: middle;
  display: block;
  float: left;
  padding: 6px 3px;
}

.table-default tbody tr td.td-horiz-graph {
  text-align: center;
  padding: 12px 0;
}
.table-default tbody tr td.td-horiz-graph span {
  padding: 5px 0;
  color: white;
  display: inline-block;
  margin-right: -4px;
  height: 25px;
  /*
     &.unassigned {
       background-color: #c53e35;
     }
     &.in-progress {
       background-color: #e08e00;
     }
     &.completed {
       background-color: #5ebd1f;
     }
  */
}
.table-default tbody tr td.td-horiz-graph span span.overlay {
  padding: 0 5px;
  margin: 0;
}
.table-default tbody tr td.td-horiz-graph span.zero {
  padding: 0;
}
.table-default tbody tr td.td-horiz-graph span.short {
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
}
.table-default tbody tr td.td-horiz-graph span.short span.overlay {
  color: black;
  -webkit-transform: translateY(18px);
  -ms-transform: translateY(18px);
  transform: translateY(18px);
  padding-left: 0;
}
.table-default tbody tr td.td-horiz-graph.empty span {
  background-color: darkgray;
  width: 92%;
}

/* STEP DETAILS */
table.two-column {
  width: 85%;
  margin: 30px 15px;
}
table.two-column tr.detail-row {
  height: 35px;
  overflow: auto;
}
table.two-column tr.detail-row td.detail-label {
  width: 30%;
  font-size: 0.9em;
  text-transform: uppercase;
}
table.two-column tr.detail-row td.detail-value {
  width: 70%;
  font-size: 0.9em;
  max-width: 200px;
}
table.two-column tr.detail-row td.detail-value.step-entry-rule-description {
  max-width: 200px;
}
table.two-column tr.detail-row td.detail-value.spaced li {
  padding: 1em;
}
table.two-column tr.detail-row td.detail-value.bulleted li {
  list-style: initial;
  list-style-position: outside;
  margin-left: 15px;
  text-indent: -5px;
  line-height: 1.8em;
}
table.two-column tr.detail-row td.detail-value input[type=radio], table.two-column tr.detail-row td.detail-value textarea[type=radio] {
  vertical-align: middle;
}
table.two-column tr.detail-row td.detail-value input[type=radio] + label, table.two-column tr.detail-row td.detail-value textarea[type=radio] + label {
  vertical-align: text-top;
}
table.two-column tr.detail-row td.detail-value.bulleted li:last-child {
  padding-bottom: 20px;
}

/* STEP FLOW CHART */
text {
  font-weight: 300;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
  font-size: 14px;
}

.node rect, .node polygon {
  stroke: #333333;
  fill: #fff;
  stroke-width: 1.5px;
}

.edgePath path.path {
  stroke: #333333;
  fill: none;
  stroke-width: 1.5px;
}

dsft7yi div#top-frame {
  height: 350px;
}

div#WBS-frame {
  float: left;
  width: 50%;
}
div#tasks-frame {
  float: left;
  width: 100%;
}
div#schedule-frame {
  float: none;
}
div.visualization-box {
  overflow: scroll;
}
div.visualization-box div#svg-frame {
  float: left;
}
div.visualization-box div#svg-frame svg {
  width: 800px;
  height: 400px;
}
div.visualization-box div#svg-frame svg path.path {
  stroke: #333333;
}
div.form div.title {
  color: #3e3e3e;
  font-size: 1.4em;
  display: inline-block;
  margin: 0 0 10px 0;
}
div.form form {
  /* NEW -- must rename this */
  width: 82%;
  margin: 0 auto;
}
div.form form .row > input[type=radio] {
  /*NEW */
  /*transform: scale(1.5);*/
}
div.form form .row > input[type=radio] + label {
  /*NEW */
  vertical-align: text-top;
}
div.form form p, div.form form label {
  /* added label, these shouldn't be p's  03-25 */
  /* NEW */
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: -0.05em;
  padding: 3px 0 15px 0;
  /* NEW */
  width: 30%;
  float: left;
  /* clear: left; */
  /*NEW*/
}

/* MODAL DIALOG */
/* NOT MODAL - for assignment add , originally planned as modal */
form .form .row > label:first-child {
  /* NEW */
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: -0.05em;
  padding: 3px 0 15px 0;
  /* NEW */
  width: 30%;
  float: left;
  /* clear: left; */
  /*NEW*/
}

div.form form p.title {
  color: #5e90c8;
  width: 100%;
  padding-top: 15px;
  /*NEW*/
}
div.form form p.title-label {
  color: #5e90c8;
  /*  margin-top: 25px; */
}
div.form form div.row {
  margin: 0 0 5px 0;
  /* NEW */
  clear: left;
  position: relative;
  /* NEW */
  padding: 0 0 5px 0;
  /*NEW */
}

/*  div.form form p.title-label + input, div.form form p.title-label + textarea, div.form form p.title-label + textarea {
   margin-top: 25px; } */
/* NEW */
form .form div.row {
  margin: 0 0 5px 0;
  /* NEW */
  clear: left;
  position: relative;
  /* NEW */
  padding: 0 0 5px 0;
  /*NEW */
}

div.form form section:not(#abstract) div.row:first-of-type {
  clear: none;
}
div.modal {
  display: none;
  -webkit-transition: all 0.3s easein;
  -o-transition: all 0.3s easein;
  transition: all 0.3s easein;
  position: fixed;
  height: 250px;
  width: 600px;
  background-color: #fbfbfb;
  top: 285px;
  right: calc(50% - 390px);
  border: 1px solid #eaeaea;
}
div.modal span.iconic[data-glyph=x] {
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
  color: #2179b7;
}
div.modal .term-list {
  padding: 25px;
}
div.modal .term-list p {
  margin: 0 0 10px 0;
}
div.modal .term-list p.title {
  font-size: 1.2em;
}
div.modal .term-list ul.col-3 {
  width: 33%;
  float: left;
}
div.modal .term-list ul.col-3 li {
  display: block;
  padding-bottom: 10px;
}

/*NEW*
    div.form form div.row input[type=radio], div.form form div.row textarea[type=radio] {
      clear: left;
      margin-right: 5px;
      width: 16px; }
    div.form form div.row label {
      width: calc(30% - 28px);
      display: inline-block; }
    div.form form div.row .row:last-child {
      padding-bottom: 20px; }
    div.form form div.row span.appended {
      padding-left: 5px; }
  div.form form#create-assignment {
    padding-left: 15px; }

/** MODAL */
/** FORMS **/
input, textarea, select {
  font-size: 0.9em;
  height: 1.6em;
  border-radius: 4px;
  border: lightgray 1px solid;
  padding: 0 7px;
}

input.number, textarea.number {
  width: 75px;
}

input.hasDatepicker {
  width: 125px;
}

textarea {
  height: auto;
}
textarea.hasDatepicker {
  width: 125px;
}

/** SPECIFIC OVERRIDES **/
table.bottom-space {
  margin-bottom: 30px;
}

/** JQUERY UI DATEPICKER OVERRIDES **/
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
  border: none;
  background: #5e90c8;
}

.ui-datepicker-title {
  border: 1px solid #5e90c8;
  background: #2179b7;
}

/** CLEARFIX **/
.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: " ";
  /*   display: block; */
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  content: " ";
  /*   display: block; */
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

/** DEFAULT BOX SIZING
  when some design is done with content box sizing (default) and some done with border-box sizing,
   need this tweak unless resetting widths of all elements for consistency (ideal)
   */
.default-box-sizing {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/** MISC - MERGE IN TO MAIN STYLES **/
/** will need to standardize on a body font and adjust elsewhere accordingly */
.table-default#taskResults {
  font-size: 0.9em;
  width: 100%;
}
.table-default td {
  text-align: center;
}
.table-default th.center {
  text-align: center;
}
.table-default th.citation {
  width: 200px;
}
.table-default td.unassigned {
  color: #c53e35;
  text-transform: uppercase;
}

td.number {
  text-align: right;
}

div.setup-step.title span.note {
  font-size: 0.7em;
  padding: 0 15px;
}

.steps {
  width: 100%;
  margin: 0 auto;
}

/* NEW */
.iconic[data-glyph=flag]:before {
  font-size: 0.9em;
  padding-right: 0.7em;
}

/**Automatic vs Manual fields **/
.automatic, .manual {
  -webkit-transition: visibility 0.3s linear 0.25s, opacity 0.3s ease-in-out;
  -o-transition: visibility 0.3s linear 0.25s, opacity 0.3s ease-in-out;
  transition: visibility 0.3s linear 0.25s, opacity 0.3s ease-in-out;
}

.hidden {
  opacity: 0;
  visibility: hidden;
}

.full {
  width: 70%;
}

.half {
  width: 50%;
}

/* NEW */
rendered {
  opacity: 1;
}

.short {
  width: 20%;
}

g.output {
  opacity: 0;
  -webkit-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}
g.node rect, g.node label {
  -webkit-transition: 0.1s ease-in;
  -o-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}
g.node:hover rect.active {
  fill: #0067af !important;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}
g.node:hover g.label {
  fill: #ffffff !important;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

/* NEW */
form input.always-read-only {
  border: none;
}
form.read-only input, form:not(.readonly) input.static {
  border: none;
  padding-top: 0;
}
form.read-only textarea, form:not(.readonly) text-area.static {
  border: none;
  overflow: visible;
  padding-top: 0;
}
form.read-only .chosen-container, form:not(.read-only) .chosen-container ~ input {
  display: none;
}
form.read-only .btn-save, form.read-only .btn-cancel {
  display: none;
}
form.edit .btn-back, form.edit .btn-edit {
  display: none;
}

textarea {
  resize: vertical;
}

/*NEW */
/** Confirmation page **/
p.confirmation {
  text-align: center;
  padding: 25px;
  font-size: 1.2em;
}
p.confirmation span.email {
  font-style: italic;
  color: darkblue;
  /* change */
}
p.confirmation span.email:before {
  content: " ";
  display: block;
  padding: 5px;
}
p.confirmation span.email:after {
  content: " ";
  display: block;
  padding: 3px;
}
p.confirmation span.user-role-wrapper {
  font-size: 0.8em;
}

p.centered {
  text-align: center;
}

a.simple-centered {
  display: table;
  margin: auto;
}

/** TWO-COL-LAYOUT *** NEW*/
input[type=radio] + label + select + div.chosen-container, input[type=radio] + label + input[type=text] {
  position: absolute;
  left: calc(30% - 2px);
  top: 10px;
}
input[type=text] + span.appended {
  padding-left: 5px;
}

div.chosen-select-wrapper {
  width: 70%;
  float: left;
}
div.chosen-select-wrapper p.option-details {
  padding: 0 5px 10px 5px;
  margin-top: -10px;
  display: none;
}
div.chosen-select-wrapper p.option-details.selected {
  display: inline-block;
}

.chosen-container {
  font-size: 12px;
}

/* MISC */
.iconic[data-glyph].sub:before {
  vertical-align: sub;
}

/********************/
/* LITERATURE TABLE */
/********************/
table#literature-results {
  width: 100%;
  font-size: 0.9em;
}
table#literature-results td, table#literature-results table#literature-results th {
  text-align: left;
  margin-right: 5px;
  margin-left: 5px;
}
table#literature-results td.dragonid, table#literature-results table#literature-results th.dragonid {
  width: 10%;
}
table#literature-results td.author, table#literature-results table#literature-results th.author {
  width: 20%;
}
table#literature-results td.title, table#literature-results table#literature-results th.title {
  width: 25%;
}
table#literature-results td.date, table#literature-results table#literature-results th.date {
  width: 15%;
}
table#literature-results td.batch, table#literature-results table#literature-results th.batch {
  width: 12.5%;
}
table#literature-results td.td-action, table#literature-results table#literature-results th.td-action {
  width: 15%;
  vertical-align: baseline;
}
table#literature-results td.td-action a.action-view, table#literature-results table#literature-results th.td-action a.action-view {
  margin-right: 7px;
}
table#literature-results td.td-action a.action-edit, table#literature-results table#literature-results th.td-action a.action-edit {
  margin-right: 0;
}

.dragon-workspace {
  /* COLORS */
}
.dragon-workspace div#header {
  height: 77.8px;
}
.dragon-workspace div#subheader {
  height: 41.16px;
}
.dragon-workspace body {
  height: 100vh;
  overflow: hidden;
}
.dragon-workspace body > header {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px #999;
  position: fixed;
  z-index: 1000;
  max-width: 970px;
  width: 970px;
  top: 0;
  left: 50%;
  margin-left: -485px;
}
.dragon-workspace body > header::after {
  clear: both;
  content: "";
  display: table;
}
.dragon-workspace body > header div#header .logo-icf {
  padding-right: 10px;
}
.dragon-workspace section.main-wrapper {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  max-width: 970px;
  margin: 0 auto 10em;
}
.dragon-workspace section.main-wrapper::after {
  clear: both;
  content: "";
  display: table;
}
.dragon-workspace section.main-wrapper a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}
.dragon-workspace section.main-wrapper a:hover {
  text-decoration: underline;
}
.dragon-workspace section.main-wrapper nav.task-nav {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  border: solid 1px #999;
  width: 970px;
  height: 50px;
  padding: 10px 0 10px 20px;
  position: fixed;
  padding: 10px;
  margin-bottom: 15px;
  border-top: none;
  background-color: #f6f6f6;
}
.dragon-workspace section.main-wrapper nav.task-nav:last-child {
  margin-right: 0;
}
.dragon-workspace section.main-wrapper nav.task-nav.subpage {
  border-bottom: none;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-track {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 36.0264677513%;
  padding-top: 7px;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-track:last-child {
  margin-right: 0;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-track span.label {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
  margin-right: 1em;
  font-size: 0.9em;
  font-weight: bold;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-track span.label:last-child {
  margin-right: 0;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-track span.progress-bar {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
  margin-right: 0;
  height: 15px;
  position: relative;
  top: -1px;
  border: solid 1px #999;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-track span.progress-bar:last-child {
  margin-right: 0;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-track span.progress-bar span.completed {
  display: inherit;
  background: #00538B;
  height: 100%;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-track span.progress-stats {
  /*@include span-columns(1.25 of 5);*/
  font-size: 0.9em;
  font-weight: bold;
  padding-left: 5px;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-track.monitor-mode {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 38.5854090412%;
  padding-top: 7px;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-track.monitor-mode:last-child {
  margin-right: 0;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-track.monitor-mode span.label {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
  margin-right: 1em;
  font-size: 0.9em;
  font-weight: bold;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-track.monitor-mode span.label:last-child {
  margin-right: 0;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-track.monitor-mode span.progress-stats {
  font-size: 0.9em;
  font-weight: bold;
  padding-left: 5px;
  text-decoration: underline;
  cursor: pointer;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-track-completed label {
  text-transform: uppercase;
  width: 70.3188%;
  color: white;
  background-color: green;
  padding: 0.5em;
  text-align: center;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-links {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
  margin-right: 0;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-links:last-child {
  margin-right: 0;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-links ul > li {
  list-style: none;
  padding: 0 15px;
  float: left;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-links .dragon-button {
  margin: 0 3px;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-links .dragon-button:hover {
  margin: -1px 2px;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-nav-buttons {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 36.0264677513%;
  margin-right: 0;
  text-align: center;
  position: relative;
  top: -1px;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-nav-buttons:last-child {
  margin-right: 0;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-nav-buttons button {
  cursor: pointer;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-nav-buttons button:hover {
  border: 1px solid #00538B;
  margin: -1px;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-nav-buttons button.prev, .dragon-workspace section.main-wrapper nav.task-nav section.task-nav-buttons button.monitor-prev {
  background: url(/images/chevron-left.svg);
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: -4%;
  border: none;
  font-weight: bold;
  margin: 0;
  width: 55px;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-nav-buttons button.next, .dragon-workspace section.main-wrapper nav.task-nav section.task-nav-buttons button.monitor-next {
  background: url(/images/chevron-right.svg);
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: 104%;
  border: none;
  font-weight: bold;
  margin: 0;
  width: 55px;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-nav-buttons button.monitor-back {
  background-color: #00538B;
  color: white;
  border: 1px solid transparent;
  margin: 0 0 0 1.5em;
  border-radius: 7px;
  padding: 7px 10px;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-nav-buttons button.monitor-back:hover {
  background-color: #003558;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-nav-buttons button.save:hover {
  margin: 0 0 0 1.5em;
}
.dragon-workspace section.main-wrapper nav.task-nav section.task-nav-buttons div#auto_advance_wrapper {
  margin-top: -25px;
  line-height: 4px;
  display: inline-block;
}
.dragon-workspace section.main-wrapper section.subpage {
  display: none;
  padding: 15px 15px 15px 15px;
  border: solid 1px #999;
  position: relative;
  top: 75px;
  min-height: 500px;
}
.dragon-workspace section.main-wrapper section.subpage h2 {
  font-size: 1.6em;
  font-weight: bold;
  float: none;
  margin-bottom: 15px;
}
.dragon-workspace section.main-wrapper section.subpage p {
  clear: left;
  padding-bottom: 10px;
  line-height: 1.5em;
}
.dragon-workspace section.main-wrapper section.article {
  position: fixed;
  top: 168px;
  width: 970px;
  /* background-color: pink; */
  height: calc(100% - 20px);
}
.dragon-workspace section.main-wrapper section.article.fade {
  opacity: 0.3;
}
.dragon-workspace section.main-wrapper section.article article {
  height: calc(100% - 150px);
  overflow: scroll;
  border: solid 1px #999;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 63.3218415107%;
  padding: 2.3576515979%;
  padding-top: 15px;
  background-color: #f6f6f6;
}
.dragon-workspace section.main-wrapper section.article article:last-child {
  margin-right: 0;
}
.dragon-workspace section.main-wrapper section.article article h1 {
  font-weight: 700;
  letter-spacing: 0em;
  padding: 0 10px 5px 0;
  line-height: 1.1em;
  font-family: Varela Round;
  font-size: 1.2em;
}
.dragon-workspace section.main-wrapper section.article article h2 {
  font-size: 0.9em;
  font-weight: bold;
}
.dragon-workspace section.main-wrapper section.article article p {
  clear: left;
  line-height: 1.4em;
  padding: 0 0 15px 0;
  font-family: Varela Round;
  font-size: 1.1em;
}
.dragon-workspace section.main-wrapper section.article article #citation p {
  font-size: 0.9em;
  line-height: 1.25em;
  padding: 0;
  margin-bottom: 1em;
}
.dragon-workspace section.main-wrapper section.article article .citation-title-label {
  font-weight: bold;
}
.dragon-workspace section.main-wrapper section.article aside {
  /* @include span-columns(4); */
  border: solid 1px #999;
  /* height: calc(100% - 150px); */
  height: 55%;
  overflow: scroll;
  padding: 15px 10px;
  background-color: #f6f6f6;
  position: relative;
  float: none;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table {
  float: left;
  display: block;
  margin-right: 7.4229703521%;
  width: 100%;
  margin-top: 4em;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table:last-child {
  margin-right: 0;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table header {
  margin-left: 80.567227764%;
  float: left;
  display: block;
  margin-right: 7.4229703521%;
  width: 19.432772236%;
  text-align: right;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 0.9em;
  font-weight: bold;
  margin-right: 0;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table header:last-child {
  margin-right: 0;
}
.qa .dragon-workspace section.main-wrapper section.article aside section.category-table header {
  margin-left: 72.5105049876%;
  float: left;
  display: block;
  margin-right: 7.4229703521%;
  width: 27.4894950124%;
  text-align: initial;
  min-height: 35px;
}
.qa .dragon-workspace section.main-wrapper section.article aside section.category-table header:last-child {
  margin-right: 0;
}
.qa .dragon-workspace section.main-wrapper section.article aside section.category-table header h3 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right;
  float: left;
  width: 22px;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table .parent-wrapper:last-of-type .category-row:last-of-type {
  margin-bottom: 15px;
  border-bottom: 1px solid #999;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row {
  float: left;
  display: block;
  margin-right: 7.4229703521%;
  width: 100%;
  margin-right: 0;
  padding: 0.25em 0 0;
  font-size: 1em;
  background-color: #f6f6f6;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row:last-child {
  margin-right: 0;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row.selected {
  background-color: #8bd0ff;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row.parent {
  margin-top: 0;
  border-top: 1px solid #999;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row span.category,
.dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row label.category {
  float: left;
  display: inline-block;
  max-width: calc(67% - 15px);
  word-break: normal;
  font-size: 0.9em;
  cursor: pointer;
  padding-top: 0.3em;
  padding-left: 3px;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row span.category.child,
.dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row label.category.child {
  padding-left: 12px;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row span.category:hover,
.dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row label.category:hover {
  font-weight: bold;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row span.assignees {
  float: right;
  display: inline-block;
  width: 15px;
  cursor: pointer;
  margin-left: 1em;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row span.assignees input[type=checkbox] {
  -webkit-appearance: inherit;
  height: 15px;
  width: 15px;
  margin: 0.2em calc(100% - 15px) 0.2em calc(100% - 18px);
  float: left;
  cursor: pointer;
  border: solid 1px #999;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row span.assignees input[type=checkbox]:checked {
  background: url(/images/check.svg);
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
}
.qa .dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row span.assignees input[type=checkbox] {
  margin: 0.2em 0 0.2em 4px;
}
.qa .dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row span.assignees span.checkoff {
  height: 15px;
  width: 15px;
  margin: 0.2em calc(100% - 15px) 0.2em calc(100% - 18px);
  float: left;
  cursor: pointer;
  margin: 0.2em 4px 0.2em 4px;
  border: solid 1px #999;
}
.qa .dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row span.assignees span.checkoff.assignee-1 {
  background: green;
}
.qa .dragon-workspace section.main-wrapper section.article aside section.category-table div.category-row span.assignees span.checkoff.assignee-2 {
  background: red;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table textarea.explanation-box {
  float: left;
  display: block;
  margin-right: 7.4229703521%;
  width: 100%;
  border: solid 1px #999;
  min-height: 70px;
  resize: vertical;
  background: #fafafa;
  padding: 5px;
  margin-bottom: 1em;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table textarea.explanation-box:last-child {
  margin-right: 0;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table textarea.explanation2,
.dragon-workspace section.main-wrapper section.article aside section.category-table textarea.explanation3 {
  display: none;
}
.dragon-workspace section.main-wrapper section.article aside section.category-table div.explanation-doctergenerated {
  font-style: italic;
  margin-bottom: 10px;
}
.dragon-workspace section.main-wrapper section.article section.read_only_tags {
  margin-top: 3px;
  overflow-y: scroll;
  height: 21.5%;
  border: solid 1px #999;
}
.dragon-workspace section.main-wrapper section.article section.read_only_tags div.result {
  margin-bottom: 5px;
}
.dragon-workspace section.main-wrapper section.article section.read_only_tags div.result div.stepName {
  font-weight: bold;
}
.dragon-workspace section.main-wrapper section.article section.read_only_tags div.result div.category {
  margin-left: 15px;
}
.dragon-workspace h2 {
  font-size: 1.2em;
  float: left;
}
.dragon-workspace h2 + a {
  float: right;
}
.dragon-workspace span.highlighted {
  display: inline-block;
  -webkit-box-shadow: 0px 0px 1px #787878;
  box-shadow: 0px 0px 1px #787878;
  display: inline-block;
  font-weight: bold;
  padding: 0 2px;
}
.dragon-workspace .modal {
  display: none;
  opacity: 0;
  border: solid 1px #999;
  padding: 15px 3px 15px 15px;
  background: white;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.dragon-workspace .modal.active {
  opacity: 1;
}
.dragon-workspace .modal header {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 25px 0 0;
}
.dragon-workspace .modal header h2 {
  font-size: 1.6em;
  font-weight: bold;
  float: left;
}
.dragon-workspace .modal header a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}
.dragon-workspace .modal header a:hover {
  text-decoration: underline;
}
.dragon-workspace .modal .content-descriptions {
  position: relative;
  top: 0;
  height: calc(100% - 40px);
  padding-right: 12px;
  overflow: scroll;
  cursor: scrollall;
}
.dragon-workspace .modal .content {
  position: relative;
  top: 40px;
  height: calc(100% - 40px);
  padding-right: 12px;
  overflow: scroll;
  cursor: scrollall;
}
.dragon-workspace .modal#citation {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 300px;
  width: 700px;
}
.dragon-workspace .modal#citation p:first-of-type {
  padding-top: 40px;
}
.dragon-workspace .modal#category-descriptions {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 400px;
  width: 700px;
}
.dragon-workspace .modal#category-descriptions .category {
  clear: left;
  padding: 8px 0;
}
.dragon-workspace .modal#category-descriptions .category .description {
  padding-left: 20px;
}
.dragon-workspace .modal#category-descriptions .category .category {
  padding-left: 20px;
}
.dragon-workspace .modal#highlights {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 300px;
  width: 500px;
}
.dragon-workspace .modal#highlights .highlight {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.dragon-workspace .modal#highlights .highlight::after {
  clear: both;
  content: "";
  display: table;
}
.dragon-workspace .modal#highlights .highlight .term {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%;
}
.dragon-workspace .modal#highlights .highlight .term:last-child {
  margin-right: 0;
}
.dragon-workspace .modal#highlights .highlight .color {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
  text-align: right;
}
.dragon-workspace .modal#highlights .highlight .color:last-child {
  margin-right: 0;
}
.dragon-workspace .action-buttons {
  text-align: center;
}
.dragon-workspace .dragon-button {
  color: #00538B;
  border: none;
  border-radius: 4px;
  background-color: transparent;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 0.9em;
  line-height: 1.1em;
  margin: 0 10px;
  display: inline-block;
  text-align: center;
  padding: 7px 10px;
}
.dragon-workspace .dragon-button[data-modal=highlights] {
  position: relative;
  left: calc(100% - 100px);
  top: -5px;
  margin: 0 5px;
}
.dragon-workspace .dragon-button[data-modal=highlights]:hover {
  margin: -1px 4px;
}
.dragon-workspace .dragon-button:hover {
  border: 1px solid #00538B;
  margin: -1px 9px;
}
h2 + .dragon-workspace .dragon-button {
  float: right;
  top: -3px;
  position: relative;
  margin-right: 0;
}
h2 + .dragon-workspace .dragon-button:hover {
  margin: -1px -1px -1px 9px;
}
.dragon-workspace span.iconic[data-glyph=x] {
  position: absolute;
  right: 25px;
  cursor: pointer;
}
.dragon-workspace .browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.dragon-workspace body {
  margin: 0;
}
.dragon-workspace a {
  text-decoration: none;
}
.dragon-workspace .container {
  width: 1170px;
  margin-right: auto;
  margin-left: auto;
}
.dragon-workspace .navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  background-color: #222;
}
.dragon-workspace .navbar > a {
  float: left;
  color: lightgrey;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.dragon-workspace .navbar ul {
  float: left;
  padding: 0;
  margin: 0;
}
.dragon-workspace .navbar ul li {
  float: left;
  position: relative;
  display: block;
}
.dragon-workspace .navbar ul li a {
  color: white;
  position: relative;
  display: block;
  padding: 15px;
  line-height: 20px;
}
.dragon-workspace .navbar ul li.active a {
  background-color: black;
}
.dragon-workspace .jumbotron {
  padding: 60px;
  margin-bottom: 30px;
  background-color: gainsboro;
  border-radius: 6px;
  text-align: center;
}
.dragon-workspace .ds-btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  color: white;
  background-color: #5cb85c;
  border-color: #4cae4c;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.dragon-workspace .col {
  float: left;
  width: 33.33%;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dragon-workspace .col .thumbnail {
  height: 200px;
  border: 1px solid lightgrey;
  border-radius: 4px;
  margin-bottom: 20px;
}
.dragon-workspace .col .thumbnail .caption {
  padding: 9px;
}
.dragon-workspace .col .thumbnail img.pull-right {
  width: 50px;
}
.dragon-workspace .pull-right {
  float: right;
}
.dragon-workspace hr {
  clear: both;
}
.dragon-workspace .expander {
  display: inline-block;
  width: 100%;
}
.dragon-workspace .expander-content {
  margin-left: 21px;
}
.dragon-workspace .expander-hidden + .expander-content {
  display: none;
  /*opacity: 0;*/
}
.dragon-workspace .expander-btn {
  display: inline-block;
  float: left;
  margin-right: 10px;
  cursor: pointer;
}
.dragon-workspace section.main-wrapper section.subpage {
  height: 500px;
  overflow: scroll;
}
.dragon-workspace .child-category {
  margin-left: 20px;
}
.dragon-workspace .explanation-title {
  margin: 1.1em 0;
  font-size: 1.2em;
  float: left;
  width: 100%;
  padding-top: 2px;
}
.dragon-workspace .assignment-header {
  margin-bottom: 14px;
  display: inline-block;
}
.dragon-workspace .in-text-citation {
  width: 525px;
  margin-right: 100px;
}
.dragon-workspace .task-id {
  width: 150px;
  margin-right: 20px;
}
.dragon-workspace .task-id,
.dragon-workspace .in-text-citation,
.dragon-workspace .jump-task-link {
  display: inline-block;
}
.dragon-workspace .task-subtitle {
  margin-bottom: 2em;
}
.dragon-workspace .task-id-subtitle {
  display: inline-block;
}
.dragon-workspace .task-status-subtitle {
  display: inline-block;
  float: right;
}
.dragon-workspace #flexFormExpander {
  z-index: 99999999;
  position: absolute;
  top: 10px;
  right: 380px;
}
.dragon-workspace #flexFormExpander.expanded {
  right: 20px;
}
.dragon-workspace .task-listing {
  border-top: solid 1px;
  margin-bottom: 0.5em;
  padding-top: 1em;
}
.dragon-workspace .assignee {
  text-align: right;
}
.dragon-workspace .ninety-deg {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.dragon-workspace .descriptions-button {
  color: #00538B;
  border: none;
  background-color: transparent;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 0.9em;
  line-height: 1.1em;
  text-align: center;
  /* padding: 7px 10px; */
  position: absolute;
  top: 55px;
  left: 0px;
  margin-left: 0.4em;
}
.dragon-workspace .categories-title {
  font-size: 1.2em;
  float: none;
  padding-top: 2px;
  margin-bottom: 2em;
}
.dragon-workspace .user-label-single {
  margin-bottom: -3.5em;
}
.dragon-workspace .user-label-list {
  display: none;
  position: absolute;
  top: 1em;
  width: 100px;
  height: 100px;
  right: -0.15em;
  text-align: left;
}
.dragon-workspace .user-label-list li {
  padding-top: 1em;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  min-height: 2em;
}
.dragon-workspace span.close-modal-btn {
  top: 15px;
}
.dragon-workspace .explanation-username {
  margin-bottom: 1em;
}
.dragon-workspace p.adhoc-label {
  color: red;
  font-weight: bold;
}
.dragon-workspace div.dragon-screen-category-picker div.childElements {
  margin-left: 13px;
}
.dragon-workspace div.dragon-screen-category-picker div.childElements div.bottomBorder {
  display: none;
}
.dragon-workspace div.dragon-screen-category-picker div.bottomBorder {
  display: block;
  border-bottom: solid 1px #999;
  margin-bottom: 10px;
}
.dragon-workspace h3.task-status-subtitle {
  font-size: 1em;
}
.dragon-workspace .task-nav .task-track span.label {
  color: black;
}
.dragon-workspace div#studyOverview div.overviewRow {
  margin-bottom: 5px;
}
.dragon-workspace div#studyOverview span.fieldName {
  padding-right: 5px;
  font-weight: bold;
}
.dragon-workspace div.activeLearningScreeningWork .bold {
  font-weight: bold;
}
.dragon-workspace div.activeLearningScreeningWork div.explanation {
  margin-top: 15px;
}
.dragon-workspace div.activeLearningScreeningWork div.decisionWrapper input, .dragon-workspace div.activeLearningScreeningWork div.decisionWrapper label {
  vertical-align: middle;
}
.dragon-workspace div.activeLearningScreeningWork div.decisionWrapper div.conflictIndicator {
  display: inline-block;
  float: right;
  margin-top: 7px;
}
.dragon-workspace div.activeLearningScreeningWork div.decisionWrapper .conflict {
  color: red;
}
.dragon-workspace div.activeLearningScreeningWork div.decisionWrapper .match {
  color: green;
}
.dragon-workspace div.activeLearningScreeningWork div.decisionWrapper div.rideAlongTags div.indented {
  margin-left: 15px;
}
.dragon-workspace div.activeLearningScreeningWork div.decisionWrapper div.rideAlongTags label span {
  position: relative;
  top: 0px;
}
.dragon-workspace section.keep-fetching-ui {
  float: right;
  margin-top: -15px;
}
.dragon-workspace section.keep-fetching-ui input, .dragon-workspace section.keep-fetching-ui label {
  vertical-align: middle;
}
.dragon-workspace section.active-learning-buttons {
  float: right;
  margin-top: -15px;
  margin-right: 100px;
}
.dragon-workspace div.generic-button-wrapper button.colored {
  font-weight: 600;
  color: white;
  border: 1px solid rgba(0, 0, 0, 0);
  margin: 0 1.5em 0 1.5em;
  border-radius: 7px;
}
.dragon-workspace div.generic-button-wrapper button.colored.red {
  background-color: red;
}
.dragon-workspace div.generic-button-wrapper button.colored.red:hover {
  background-color: #cc0000;
}

#flexible-form .hiddenFromView, #previewContainer .hiddenFromView {
  display: none;
}
#flexible-form .observed, #previewContainer .observed {
  background-color: cyan;
  color: red;
}
#flexible-form .alpaca-field-table > legend, #previewContainer .alpaca-field-table > legend {
  /* alpaca normally hides the array title when displaying as a table; override that */
  display: block !important;
}
#flexible-form label.control-label.error, #flexible-form legend.error, #previewContainer label.control-label.error, #previewContainer legend.error {
  color: red;
}
#flexible-form td.form-group, #previewContainer td.form-group {
  vertical-align: top;
}
#flexible-form .study_picker_widget, #previewContainer .study_picker_widget {
  margin-bottom: 5px;
}
#flexible-form .study_picker_widget .study_list, #previewContainer .study_picker_widget .study_list {
  margin-bottom: 10px;
}
#flexible-form .study_picker_widget .study_list .study_wrapper, #previewContainer .study_picker_widget .study_list .study_wrapper {
  display: inline-block;
  border: 1px solid;
  margin: 5px;
  padding: 5px;
}
#flexible-form .study_picker_widget .study_list .study_wrapper.uninitialized, #flexible-form .study_picker_widget .study_list .study_wrapper.lookup_in_progress, #previewContainer .study_picker_widget .study_list .study_wrapper.uninitialized, #previewContainer .study_picker_widget .study_list .study_wrapper.lookup_in_progress {
  color: lightgrey;
}
#flexible-form .study_picker_widget .study_list .study_wrapper.initialized span.study_id, #previewContainer .study_picker_widget .study_list .study_wrapper.initialized span.study_id {
  display: none;
}
#flexible-form .study_picker_widget .study_list .study_wrapper a, #previewContainer .study_picker_widget .study_list .study_wrapper a {
  /* border: 1px solid; */
  margin-right: 15px;
}
#flexible-form .cb_container, #previewContainer .cb_container {
  margin-top: -20px;
  margin-bottom: 20px;
}
#flexible-form .cb_container .cb_item, #previewContainer .cb_container .cb_item {
  border: 1px solid lightgrey;
  margin: 5px;
  padding: 5px;
}
#flexible-form .cb_container .cb_item label, #previewContainer .cb_container .cb_item label {
  padding-left: 5px;
}
#flexible-form .cb_container .cb_item input, #previewContainer .cb_container .cb_item input {
  position: relative;
  top: 6px;
}
#flexible-form .rb_container .rb_item, #previewContainer .rb_container .rb_item {
  border: 1px solid lightgrey;
  margin: 5px;
  padding: 5px;
}
#flexible-form .rb_container .rb_item label, #previewContainer .rb_container .rb_item label {
  padding-left: 5px;
}
#flexible-form .rb_container .rb_item input, #previewContainer .rb_container .rb_item input {
  position: relative;
  top: 6px;
}

#flexFormStudyPickerDialog {
  display: none;
}
#flexFormStudyPickerDialog a.action-toggle {
  cursor: pointer;
}

form#docter_options section.strategySpecificConfig div.explanation {
  clear: both !important;
}
form#docter_options section.strategySpecificConfig span.checkboxLabel {
  position: absolute;
  margin-top: 8px;
}
form#docter_options section.strategySpecificConfig input[type=number] {
  width: 70px;
}
form#docter_options section.strategySpecificConfig div.aml_ridealong_config {
  margin-left: 190px;
}
form#docter_options section.strategySpecificConfig div.aml_ridealong_config div.clone_or_not {
  margin-top: 15px;
  margin-bottom: 9px;
}
form#docter_options section.strategySpecificConfig div.aml_ridealong_config div.not_relevant {
  margin-top: 9px;
}

div.topic-extraction-topic div {
  display: inline-block;
}
div.topic-extraction-topic div.index-container {
  margin-right: 2px;
}
div.topic-extraction-topic div.keyword-container {
  width: 92%;
  border: solid 1px black;
  margin-bottom: 10px;
  padding: 3px;
}
div.topic-extraction-topic div.keyword-container span.keyword {
  font-style: italic;
  color: grey;
}
div.topic-extraction-topic.highlighted div.index-container {
  font-weight: bold;
}
div.topic-extraction-topic.highlighted div.keyword-container {
  background-color: lightgreen;
}
div.topic-extraction-topic.highlighted div.keyword-container span.keyword {
  color: black;
  font-style: normal;
  font-weight: bold;
}

div.topic-extraction-explanation {
  margin-bottom: 10px;
}
div.topic-extraction-explanation span.highlighted {
  font-weight: bold;
  background-color: lightgreen;
}

div.docter_config_display div.subtitle {
  font-weight: bold;
  font-size: 16px;
}
div.docter_config_display .config_label {
  font-weight: bold;
}

img.litstream_logo {
  width: 200px;
}

.flexform-errors {
  color: red;
}
.flexform-errors a {
  color: red;
  cursor: pointer;
  text-decoration: underline;
}
.flexform-errors.errorDescription {
  margin: 5px;
}

fieldset.flexform-fieldset, fieldset.bordered-fieldset {
  border: 1px groove #ddd !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 0px 0px #000;
  /* multiselects */
}
fieldset.flexform-fieldset > legend, fieldset.bordered-fieldset > legend {
  font-size: 1.2em !important;
  font-weight: bold !important;
  text-align: left !important;
  width: inherit;
  padding: 0 10px;
  border-bottom: none;
}
fieldset.flexform-fieldset.borderless-fieldset, fieldset.bordered-fieldset.borderless-fieldset {
  width: 100%;
  border: 0px !important;
  padding: 0 !important;
  margin: 0 !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 0px 0px #000;
}
fieldset.flexform-fieldset div.ms-container, fieldset.bordered-fieldset div.ms-container {
  width: 420px;
  overflow: auto;
  margin-bottom: 10px;
}
fieldset.flexform-fieldset div.ms-container div.ms-selectable, fieldset.flexform-fieldset div.ms-container div.ms-selection, fieldset.bordered-fieldset div.ms-container div.ms-selectable, fieldset.bordered-fieldset div.ms-container div.ms-selection {
  width: 190px;
}
fieldset.flexform-fieldset div.ms-container div.ms-selectable input.search-input, fieldset.flexform-fieldset div.ms-container div.ms-selection input.search-input, fieldset.bordered-fieldset div.ms-container div.ms-selectable input.search-input, fieldset.bordered-fieldset div.ms-container div.ms-selection input.search-input {
  width: 100%;
}
fieldset.flexform-fieldset input.error, fieldset.flexform-fieldset select.error, fieldset.bordered-fieldset input.error, fieldset.bordered-fieldset select.error {
  background-color: red;
}

fieldset.flexform-fieldset.collapsed * {
  display: none;
}
fieldset.flexform-fieldset.collapsed div.expand_collapse_explanation {
  display: block;
  font-style: italic;
}
fieldset.flexform-fieldset.collapsed > legend {
  display: block;
}
fieldset.flexform-fieldset.collapsed > legend span, fieldset.flexform-fieldset.collapsed > legend a {
  display: inline;
  color: black;
}

fieldset.flexform-fieldset div.expand_collapse_explanation {
  display: none;
}
fieldset.flexform-fieldset > legend span, fieldset.flexform-fieldset > legend a {
  display: inline;
  color: black;
}

.flexform-table-wrapper {
  overflow-x: scroll;
}
.flexform-table-wrapper table {
  border: 1px solid black;
  margin-bottom: 10px;
  /* min-width: 100%; */
}
.flexform-table-wrapper table tr {
  border: 1px solid black;
}
.flexform-table-wrapper table th {
  border: 1px solid black;
  min-width: 200px;
  width: 40px;
  font-weight: bold;
  text-align: center;
}
.flexform-table-wrapper table th.controls {
  min-width: 140px;
  font-weight: normal;
}
.flexform-table-wrapper table td {
  border: 1px solid black;
  /* text-align: center; */
}
.flexform-table-wrapper table td input[type=checkbox] {
  margin-left: 40%;
}
.flexform-table-wrapper table td button {
  margin-left: 3px;
}
.flexform-table-wrapper table td span.reorder_handle {
  cursor: -webkit-grab;
  cursor: grab;
  border: 1px solid black;
}
.flexform-table-wrapper .spaced-bottom {
  margin-bottom: 5px;
}

#advanced_flexform_menu {
  width: 60%;
}

#copypaste_status.error {
  color: red;
}
#copypaste_status.success {
  color: green;
}

#sq-form fieldset div {
  margin-bottom: 10px;
}
#sq-form .ghosted {
  background-color: #eaeaea;
}
#sq-form .error {
  color: red;
}
#sq-form label {
  font-weight: bold;
}
#sq-form .contextualResults {
  display: none;
  font-style: italic;
}
#sq-form .multi_response_container .individual {
  border: 1px solid;
  padding: 3px;
}
#sq-form .multi_response_container .individual button {
  float: right;
}
#sq-form .contextualResults table, #sq-form .contextualResults tr, #sq-form .contextualResults th, #sq-form .contextualResults td {
  border: 1px solid;
}
#sq-form .contextualResults table {
  width: 100%;
}
#sq-form .contextualResults th, #sq-form .contextualResults td.header {
  font-weight: bold;
}
#sq-form .contextualResults td.header {
  text-align: right;
}
#sq-form .contextualResults td.response {
  font-weight: bold;
}

#schemaBuilderContainer.flexform-schema-builder-container {
  min-height: 250px;
}

#schemaBuilderContainer.sq-schema-builder-container {
  border: 1px solid black;
  padding: 25px;
}
#schemaBuilderContainer.sq-schema-builder-container h1 {
  font-size: 1.4em;
  font-weight: bold;
}
#schemaBuilderContainer.sq-schema-builder-container #default-answers {
  margin-bottom: 25px;
}
#schemaBuilderContainer.sq-schema-builder-container .sq-domain {
  padding: 10px;
  margin: 5px;
  border: 1px solid grey;
}
#schemaBuilderContainer.sq-schema-builder-container .sq-domain input[type=text] {
  width: 50%;
  margin-left: 10px;
}
#schemaBuilderContainer.sq-schema-builder-container .sq-domain input[type=button].deleter {
  float: right;
}
#schemaBuilderContainer.sq-schema-builder-container .sq-questions {
  padding: 10px;
  margin: 5px;
  border: 1px solid black;
}
#schemaBuilderContainer.sq-schema-builder-container .sq-questions .sq-question {
  padding: 10px;
  margin: 5px;
  border: 1px solid lightgrey;
}
#schemaBuilderContainer.sq-schema-builder-container .error {
  background-color: pink;
}

#workspace_study_metadata_display_zone p {
  margin-bottom: 5px;
}

.citation-title-label {
  font-weight: bold;
}

section.flexform_overview_display {
  padding: 3px;
  height: 30%;
  border: solid 1px #999;
  margin-top: 2px;
  overflow-y: scroll;
}
section.flexform_overview_display .overview_node {
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
section.flexform_overview_display .overview_node:hover {
  background-color: #828282 !important;
  color: white;
}
section.flexform_overview_display .overview_node.pseudo_focus {
  background-color: #00538B;
  color: white;
}

ul.simpletree {
  list-style: disc;
  padding-left: 20px;
}

.search-manager-ui label {
  margin-bottom: 0.5rem;
}

.search-manager-ui label.custom-control-label:before,
.search-manager-ui label.custom-control-label:after {
  margin-top: -0.3rem;
}

.search-manager-ui table label.custom-control-label:before,
.search-manager-ui table label.custom-control-label:after {
  margin-top: 0;
}

.search-manager-ui label.required:before {
  content: "*";
  color: #e32;
  font-weight: bold;
  padding-right: 0.25em;
}

/*$basecolor: #2179b7;*/
/*----------------------*\
  $CONTENTS
  $FONTS
  $GENERAL RULES
  $HEADER
  $MAIN
\*-----------------------*/
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: none;
}

q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a:focus, a:active {
  border: 0;
  outline: 0;
}

button::-moz-focus-inner {
  border: 0;
  outline: 0;
}

input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
  border: 0;
  outline: 0;
}

select::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner {
  border: 0;
  outline: 0;
}

/*------------------------*\
  $FONTS
\*------------------------*/
/*------------------------*\
  $GENERAL RULES
\*------------------------*/
body {
  min-width: 970px;
  font-family: "Varela Round", sans-serif;
  font-size: 14px;
  /*line-height: 1;*/
  color: #333333;
  /*height:100%;*/
  -webkit-font-smoothing: antialiased;
}

p, span, div, a, li, label, input, textarea, button {
  font-family: "Varela Round", sans-serif;
}

input, textarea {
  font-size: 14px;
}

a {
  /*color: #2179b7;*/
  color: #00538B;
}

.text-primary {
  /*color: #2179b7 !important;*/
  color: #00538B !important;
}

.bg-primary {
  /*background-color: #2179b7 !important;*/
  background-color: #00538B !important;
}

.badge-primary {
  /*background-color: #2179b7 !important;*/
  background-color: #00538B !important;
  color: #fff;
}

small {
  font-size: 12px;
}

.wrapper {
  min-height: 100%;
}

.container {
  width: 970px !important;
  max-width: none !important;
  margin: 0 auto;
}

.top_banner {
  width: 100%;
  height: 20px;
  position: fixed;
  max-width: none !important;
  margin: 0 auto;
  top: 0;
  background-color: pink;
  padding-top: 3px;
  padding-left: 5px;
}

a {
  text-decoration: none;
}

.uppercase {
  text-transform: uppercase;
}

/*------------------------*\
  $HEADER
\*------------------------*/
#header {
  /*background-color: #2179b7;*/
  background-color: #00538B;
  min-height: 60px;
}
#header .logo-dragon {
  display: inline-block;
  background-color: #00538B;
  text-align: center;
  padding: 15px 18px;
}
#header .logo-dragon a {
  display: block;
}
#header .head-text {
  display: inline-block;
  float: right;
  padding-top: 25px;
  padding-right: 10px;
  text-align: right;
  color: #fff;
  display: inline-block;
  vertical-align: bottom;
  padding-left: 20px;
  padding-bottom: 10px;
}
#header .head-text a {
  color: inherit;
}
#header .head-text .title {
  display: block;
  font-size: 1.35em;
}
#header .head-text .subtitle {
  display: block;
  text-transform: uppercase;
  font-size: 0.8em;
  padding-top: 5px;
}
#header .logo-icf {
  display: inline-block;
  float: right;
  padding-top: 12px;
  text-align: center;
}

div.reportAnIssueText p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

#subheader {
  background-color: #e6e6e6;
  text-align: right;
  /*border-bottom: solid 1px #BFBFBF;*/
  border-bottom: solid 1px #999;
}
#subheader #helpMenuLauncher {
  display: inline-block;
}
#subheader #helpMenuLauncher #helpdeskLauncherDropdownMenu {
  display: none;
  position: absolute;
  background-color: #00538B;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  font-size: 1.1em;
}
#subheader #helpMenuLauncher #helpdeskLauncherDropdownMenu.show {
  display: block;
}
#subheader #helpMenuLauncher #helpdeskLauncherDropdownMenu a {
  display: block;
  margin: 5px;
  color: white;
}
#subheader #helpMenuLauncher #helpdeskLauncherDropdownMenu a:hover {
  background-color: #40a1e1;
  color: black;
}
#subheader .user-actions {
  padding: 10px 0px;
}
#subheader .user-actions a, #subheader .user-actions .username, #subheader .user-actions .universal_docu, #subheader .user-actions #helpMenuLauncher {
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.9em;
  color: #404040;
  margin: 0px 10px;
  cursor: pointer;
}
#subheader .user-actions a:hover, #subheader .user-actions .username:hover, #subheader .user-actions .universal_docu:hover, #subheader .user-actions #helpMenuLauncher:hover {
  color: #404040;
}
#subheader .user-actions #helpMenuLauncher span {
  cursor: pointer;
}
#subheader .user-actions .universal_docu {
  color: green;
}
#subheader .user-actions .username {
  cursor: default;
}
#subheader .user-actions .action-description {
  float: left;
  text-decoration: none;
  font-size: 1.2em;
  color: #404040;
}

/*------------------------*\
  $MAIN
\*------------------------*/
#main {
  margin: 20px 0px;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

button, input[type=submit] {
  text-transform: uppercase;
}

.btn {
  display: inline-block;
  border: 1px solid #333333;
  padding: 7px 14px;
  text-decoration: none;
  text-align: center;
  line-height: 1.6em;
  border-radius: 6px;
  text-transform: uppercase;
}

.btn:disabled {
  cursor: not-allowed;
}

.btn-default, .btn-next, .btn-preview, .btn-finish, .btn-edit, .btn-save, .btn-create, .btn-cancel-assignment {
  color: #fff;
  border: none;
  /*background-color: #2179b7;*/
  background-color: #00538B;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 0.9em;
  margin: 0 15px;
  min-width: 65px;
  line-height: 1.6em;
  border-radius: 6px;
}

.btn-outline-default {
  color: #00538B;
  border-color: #00538B;
  background-color: transparent;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 0.9em;
  margin: 0 15px;
  min-width: 65px;
  line-height: 1.6em;
  border-radius: 6px;
}
.btn-outline-default:hover {
  background-color: #00538B;
  color: #fff;
}

.btn-cancel, .btn-back, .btn-cancel-assignment {
  color: #fff;
  border: none;
  background-color: #c4c4c4;
  text-transform: uppercase;
}

.btn-remove, .btn-cancel-assignment {
  background-color: darkred;
  color: #fff;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  margin-left: 0;
  /*margin-left: 20px;*/
}

.btn-pause-active-learning, .btn-stop-active-learning {
  background-color: red;
  font-weight: 600;
  color: white;
  border: 1px solid rgba(0, 0, 0, 0);
  margin: 0 1.5em 0 1.5em;
  border-radius: 7px;
  cursor: pointer;
}
.btn-pause-active-learning:hover, .btn-stop-active-learning:hover {
  background-color: #cc0000;
}

.btn-resume-active-learning {
  background-color: green;
  font-weight: 600;
  color: white;
  border: 1px solid rgba(0, 0, 0, 0);
  margin: 0 1.5em 0 1.5em;
  border-radius: 7px;
  cursor: pointer;
}
.btn-resume-active-learning:hover {
  background-color: #00b300;
}

table.table-activelearning-task-permissions th {
  width: 120px;
  max-width: 120px;
  text-align: center !important;
}
table.table-activelearning-task-permissions th.wide {
  max-width: 160px;
  width: 160px;
}
table.table-activelearning-task-permissions td.centered {
  text-align: center;
}
table.table-activelearning-task-permissions input {
  cursor: pointer;
}

.btn-default > span.iconic {
  margin-right: 10px;
  vertical-align: sub;
}

button.iconic:before {
  padding: 2px 5px;
}

.btn-next {
  /*background: $basecolor url('../images/chevron-right.png') no-repeat center right;*/
  /*background: #2179b7 url('../images/chevron-right.png') no-repeat center right;*/
  /*background-position: 0px 12px;*/
  background-position: center right 12px;
  /*background-position-x: 120%;*/
  background-position-x: 85%;
}

.btn-back {
  background: #00538B url("../images/chevron-left.png") no-repeat center left;
  /*background: #2179b7 url('../images/chevron-left.png') no-repeat center left;*/
  background-position: center left 12px;
  background-position-x: 15%;
}

.btn-edit {
  /*background: #2179b7 url('../images/pencil.png') no-repeat center leftt;*/
  background: #00538B url("../images/pencil.png") no-repeat center leftt;
  background-position: center left 12px;
  background-position-x: 15%;
}

/* Task Nav */
section.main-wrapper {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  max-width: 970px;
}
section.main-wrapper::after {
  clear: both;
  content: "";
  display: table;
}
section.main-wrapper a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}
section.main-wrapper a:hover {
  text-decoration: underline;
}
section.main-wrapper nav.task-nav {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  border: solid 1px #999;
  width: 970px;
  padding: 10px 0 10px 20px;
  position: fixed;
  padding: 10px;
  margin-bottom: 15px;
  border-top: none;
  background-color: #f6f6f6;
  /*
  section {
  	border: 1px solid;
  }
  */
}
section.main-wrapper nav.task-nav:last-child {
  margin-right: 0;
}
section.main-wrapper nav.task-nav.subpage {
  border-bottom: none;
}
section.main-wrapper nav.task-nav section.task-track {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
  padding-top: 7px;
}
section.main-wrapper nav.task-nav section.task-track:last-child {
  margin-right: 0;
}
section.main-wrapper nav.task-nav section.task-track span.label {
  float: left;
  display: block;
  margin-right: 5.8515051827%;
  width: 15.3187958539%;
  font-size: 0.9em;
  font-weight: bold;
}
section.main-wrapper nav.task-nav section.task-track span.label:last-child {
  margin-right: 0;
}
section.main-wrapper nav.task-nav section.task-track span.progress-bar {
  float: left;
  display: block;
  margin-right: 5.8515051827%;
  width: 57.6593979269%;
  margin-right: 0;
  height: 15px;
  position: relative;
  top: -1px;
  border: solid 1px #999;
}
section.main-wrapper nav.task-nav section.task-track span.progress-bar:last-child {
  margin-right: 0;
}
section.main-wrapper nav.task-nav section.task-track span.progress-bar span.completed {
  display: inherit;
  background: #00538B;
  height: 100%;
}
section.main-wrapper nav.task-nav section.task-track span.progress-stats {
  float: left;
  display: block;
  margin-right: 5.8515051827%;
  width: 20.611371113%;
  font-size: 0.9em;
  font-weight: bold;
  padding-left: 5px;
}
section.main-wrapper nav.task-nav section.task-track span.progress-stats:last-child {
  margin-right: 0;
}
section.main-wrapper nav.task-nav section.task-links {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 41.9973307612%;
  margin-right: 0;
}
section.main-wrapper nav.task-nav section.task-links:last-child {
  margin-right: 0;
}
section.main-wrapper nav.task-nav section.task-links ul > li {
  list-style: none;
  padding: 0 15px;
  float: left;
}
section.main-wrapper nav.task-nav section.task-links .dragon-button {
  margin: 0 3px;
}
section.main-wrapper nav.task-nav section.task-links .dragon-button:hover {
  margin: -1px 2px;
}
section.main-wrapper nav.task-nav section.task-nav-buttons {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
  margin-right: 0;
  text-align: center;
  position: relative;
  top: -1px;
}
section.main-wrapper nav.task-nav section.task-nav-buttons:last-child {
  margin-right: 0;
}
section.main-wrapper nav.task-nav section.task-nav-buttons button {
  cursor: pointer;
}
section.main-wrapper nav.task-nav section.task-nav-buttons button:hover {
  border: 1px solid #00538B;
  margin: -1px;
}
section.main-wrapper nav.task-nav section.task-nav-buttons button.prev {
  background: url(/images/chevron-left.svg);
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: -4%;
  border: none;
  font-weight: bold;
  margin: 0;
  width: 55px;
}
section.main-wrapper nav.task-nav section.task-nav-buttons button.next {
  background: url(/images/chevron-right.svg);
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: 104%;
  border: none;
  font-weight: bold;
  margin: 0;
  width: 55px;
}
section.main-wrapper nav.task-nav section.task-nav-buttons button.save, section.main-wrapper nav.task-nav section.task-nav-buttons button.back {
  background-color: #00538B;
  color: white;
  border: 1px solid rgba(0, 0, 0, 0);
  margin: 0 0 0 1.5em;
  /*border-radius: 15px;*/
  border-radius: 7px;
}
section.main-wrapper nav.task-nav section.task-nav-buttons button.save:hover, section.main-wrapper nav.task-nav section.task-nav-buttons button.back:hover {
  background-color: #003558;
}
section.main-wrapper nav.task-nav section.task-nav-buttons button.finish {
  display: none;
  background-color: red;
  font-weight: 600;
  color: white;
  border: 1px solid rgba(0, 0, 0, 0);
  margin: 0 1.5em 0 1.5em;
  border-radius: 7px;
}
section.main-wrapper nav.task-nav section.task-nav-buttons button.finish:hover {
  background-color: #cc0000;
}
section.main-wrapper div.release-nav {
  float: left;
  margin-top: -8px;
}
section.main-wrapper div.release-nav button.release {
  background-color: red;
  font-weight: 600;
  color: white;
  border: 1px solid rgba(0, 0, 0, 0);
  margin: 0 1.5em 0 1.5em;
  border-radius: 7px;
}
section.main-wrapper div.release-nav button.release:hover {
  background-color: #cc0000;
}

/* Table */
.table-default {
  border: 1px solid #a9a9a9;
  margin: 0 auto 10px;
}
.table-default caption {
  background-color: #00538B;
  color: #fff;
  text-align: left;
  padding: 15px;
}
.table-default thead {
  background-color: #00538B;
  color: #fff;
  text-transform: uppercase;
}
.table-default thead th {
  padding: 15px;
  font-size: 1em;
  text-align: left;
}
.table-default thead th.w15 {
  width: 15%;
}
.table-default thead th.w25 {
  width: 25%;
}
.table-default thead th.w50 {
  width: 50%;
}
.table-default thead tr th {
  border-left: 1px solid #cccccc;
}
.table-default tbody tr:nth-child(even) {
  background: #ffffff;
}
.table-default tbody tr:nth-child(odd) {
  background: #eaeaea;
}
.table-default tbody tr td {
  padding: 12px;
  border-left: 1px solid #cccccc;
  text-align: left;
  vertical-align: middle;
}
.table-default tbody tr td.td-status {
  text-align: center;
}

.list-table {
  width: 100%;
}
.list-table input:not(.save-list) {
  width: 100%;
  height: 2em;
}
.list-table .action-remove {
  font-size: 0.9em;
  height: 1.6em;
  border-radius: 4px;
  border: lightgray 1px solid;
  background: white;
  color: red;
  padding: 0.5em;
}

ul.ext-fields:nth-child(odd) > li > span > table > tbody > tr {
  background-color: #eaeaea;
}
ul.ext-fields:nth-child(even) > li > span > table > tbody > tr {
  background-color: #ffffff;
}
ul.ext-fields:nth-child(odd) ul.ext-items .table-default > tbody > tr:nth-child(odd) {
  background-color: #ffffff;
}
ul.ext-fields:nth-child(odd) ul.ext-items .table-default > tbody > tr:nth-child(even) {
  background-color: #eaeaea;
}
ul.ext-fields:nth-child(even) ul.ext-items .table-default > tbody > tr:nth-child(even) {
  background-color: #ffffff;
}
ul.ext-fields:nth-child(even) ul.ext-items .table-default > tbody > tr:nth-child(odd) {
  background-color: #eaeaea;
}

li.ext-field table.table-default.table-setup {
  margin-bottom: 5px;
}

.td-action {
  vertical-align: middle;
}
.td-action a {
  color: #2179b7;
  text-decoration: none;
  text-transform: uppercase;
}
.td-action .action-view, .td-action .action-manage, .td-action .action-edit {
  margin-right: 15px;
}

.td-complete span:first-child {
  margin-left: 5px;
}
.td-complete span:last-child {
  font-size: 0.9em;
  float: right;
}

.td-status {
  text-align: center;
  font-size: 0;
  vertical-align: middle;
}
.td-status span {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-block;
}
.td-status.status-group {
  font-size: inherit;
}
.td-status.status-group span {
  display: block;
  margin-bottom: 4px;
}
.td-status span.status-label {
  margin-left: 25px;
  padding-top: 4px;
}
.td-status span.red {
  background-color: #c53e35;
}
.td-status span.orange {
  background-color: #e08e00;
}
.td-status span.green {
  background-color: #5ebd1f;
}
.td-status span.gray {
  background-color: black;
}

.td-role {
  text-transform: uppercase;
}

.td-step {
  width: 25%;
}
.td-step a {
  color: #333333;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.td-step:hover {
  cursor: pointer;
}
.td-step:hover a {
  color: #00538B;
}

.td-number-tasks {
  width: 10%;
  text-align: right;
}

.td-horiz-graph {
  width: 55%;
}

/**
 * Custom Checkbox
 */
label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type=checkbox].css-checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type=checkbox].css-checkbox + label.css-label {
  padding: 0 28px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  /*font-size:15px;*/
  vertical-align: middle;
  cursor: pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -22px;
}
input[type=file] {
  border: none;
  background-color: #eaeaea;
  text-transform: uppercase;
  height: 100px;
  padding: 5%;
  font-size: 1em;
  width: 100%;
}

input.file-upload-fit {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.css-label {
  background-image: url("../images/dark-check-green.png");
}

/*specific classes related to Checkbox skins*/
.lite-green-check {
  background-image: url("../images/lite-blue-check.png");
}

input[type=checkbox].css-checkbox.med + label.css-label.med {
  padding-left: 22px;
  height: 17px;
  display: inline-block;
  line-height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
  /*font-size:15px;*/
  vertical-align: middle;
  cursor: pointer;
}
input[type=checkbox].css-checkbox.med:checked + label.css-label.med {
  background-position: 0 -17px;
}
input[type=checkbox].css-checkbox.sme + label.css-label.sme {
  padding-left: 22px;
  height: 16px;
  display: inline-block;
  line-height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  /*font-size:15px;*/
  vertical-align: middle;
  cursor: pointer;
}
input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme {
  background-position: 0 -16px;
}
input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
  padding-left: 22px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  /*font-size:15px;*/
  vertical-align: middle;
  cursor: pointer;
}
input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg {
  background-position: 0 -20px;
}
input[type=checkbox].css-checkbox-setup {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type=checkbox].css-checkbox-setup + label.css-label-setup {
  padding-left: 27px;
  height: 22px;
  display: inline-block;
  line-height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  /*font-size:22px;*/
  vertical-align: middle;
  cursor: pointer;
}
input[type=checkbox].css-checkbox-setup:checked + label.css-label-setup {
  background-position: 0 -22px;
}

.css-label-setup {
  background-image: url("../images/lite-blue-check.png");
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * Custom Radio Button
 */
input[type=radio].css-radio {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type=radio].css-radio + label.css-label {
  padding-left: 25px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  /*font-size:20px;*/
  vertical-align: middle;
  cursor: pointer;
}
input[type=radio].css-radio:checked + label.css-label {
  background-position: 0 -22px;
}

label.css-label {
  background-image: url("../images/lite-blue-check.png");
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a.fulltext {
  position: relative;
  background: #ccc;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  color: #222;
  outline: none;
  padding: 0 2px;
}

.fulltext span.full {
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: 0;
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  -webkit-transition: visibility 0.3s linear, opacity 0.3s ease-in-out;
  -o-transition: visibility 0.3s linear, opacity 0.3s ease-in-out;
  transition: visibility 0.3s linear, opacity 0.3s ease-in-out;
}
.fulltext:hover {
  border: 0;
  /* IE6 fix */
}
.fulltext:hover span {
  visibility: visible;
  opacity: 0.9;
}
.fulltext span:before, .fulltext span:after {
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}
.fulltext span:before {
  border-top-color: #ccc;
  bottom: -8px;
}

/* Button Types */
/* Actions without icons, by themselves, i.e. Invite User */
button.solo {
  text-transform: uppercase;
  border: none;
  background: #2179b7;
  color: white;
  padding: 4px 8px 4px 8px;
  margin-left: 20px;
  -webkit-font-smoothing: antialiased;
}

/* Visualization */
.visualization-box {
  vertical-align: middle;
  text-align: center;
  background-color: #eaeaea;
  padding: 15px 20px;
  margin: 0px 15px 20px 15px;
  height: 180px;
}

/* Dashboard */
.table-dashboard .title a + span {
  color: #333333;
}

/* Miscellaneous */
p.no-results {
  text-align: center;
  margin: 10px 0;
}

/* HappyJs */
.unhappyMessage {
  color: red;
  margin-left: 1em;
}

.loading-modal, .prompt-modal {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background-color: rgba(0,0,0,.75);*/
}
.loading-modal .loading-message-wrapper, .prompt-modal .loading-message-wrapper {
  position: absolute;
  top: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 250px;
  height: 250px;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.75);
}
.loading-modal .loading-message-wrapper .iconic.loading-close-btn, .prompt-modal .loading-message-wrapper .iconic.loading-close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  color: white;
}
.loading-modal .loading-message-inner-wrapper, .prompt-modal .loading-message-inner-wrapper {
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  color: white;
  font-size: 1.4em;
  text-align: center;
}
.loading-modal .loader-message, .prompt-modal .loader-message {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  float: none;
  margin: 2.5em 0 1em;
  /*    position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);*/
}
.loading-modal .loader-message:last-child, .prompt-modal .loader-message:last-child {
  margin-right: 0;
}
.loading-modal .loader-inner, .prompt-modal .loader-inner {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  /*    position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin-top: 3em;*/
}
.loading-modal .loader-inner:last-child, .prompt-modal .loader-inner:last-child {
  margin-right: 0;
}

.logout-button {
  display: inline-block;
}
.logout-button input {
  /*    color: white;
      border: solid 1px #9E9E9E;
      cursor: pointer;*/
  cursor: pointer;
  background: none;
  border: none;
  color: #404040;
  text-transform: uppercase;
  font-size: 0.9em;
}

.table-dashboard tbody tr td.td-assignment-detail {
  width: 54%;
}

span.close-modal-btn {
  position: absolute;
  right: 25px;
  cursor: pointer;
  z-index: 1000;
  font-size: 1.5em;
}

#spinnerWrapper {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* top: 50%; */
  /* left: 50%; */
  /* -webkit-transform: translate(-50%, -50%); */
  -ms-transform: translate(-50%, -50%);
  /* transform: translate(-50%, -50%); */
  text-align: center;
  /* background: white; */
  border-radius: 12px;
}

.extraction .value-group-section .sub-section ul.chosen-choices {
  margin-top: 0;
}

.view-results .hide {
  display: none;
}
.view-results p.prev-next {
  position: absolute;
  /* top: 0px; */
  right: 3px;
}
.view-results p.prev-next a {
  cursor: pointer;
}
.view-results button, .view-results h2.sub-section-title, .view-results .clickable {
  cursor: pointer;
}
.view-results .backButton {
  margin-top: 5px;
}
.view-results div.container > h1 {
  font-size: 1.8em;
}
.view-results div.container > h2 {
  font-size: 1.4em;
}
.view-results div.field-display {
  margin-top: 1.2em;
  margin-bottom: 0.8em;
}
.view-results div.field-display div {
  display: inline-block;
}
.view-results div.field-display div.result-label {
  width: 35%;
  float: left;
  text-align: right;
  padding-right: 5px;
  font-weight: bold;
}
.view-results div.field-display div.result-value {
  width: 65%;
}
.view-results div.field-display div.result-value div.object-value {
  display: block;
  margin-bottom: 0.5em;
}
.view-results div.field-display div.result-value div.object-value span.idx {
  font-style: italic;
}
.view-results div.categories {
  margin-top: 25px;
}
.view-results div.categories h3 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 5px;
}
.view-results div.categories div.category {
  margin-bottom: 10px;
}
.view-results div.categories div.category span.child {
  padding-left: 25px;
}
.view-results div.categories div.category label {
  padding-left: 0px;
  text-indent: -15px;
}
.view-results div.categories div.category input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}
.view-results div.categories div.category input[type=checkbox]:not(:checked) + label {
  font-style: italic;
  color: grey;
}

div.tou-text {
  background-color: white;
  color: black;
  width: 100%;
  height: 100px;
  overflow-y: scroll;
  margin-bottom: 10px;
}

table.ris-explanation td.field {
  padding-left: 10px;
}

div#report-link-container div.report-link {
  margin-left: 18px;
  margin-top: 10px;
}

table#inline_results {
  margin-left: 0px;
}
table#inline_results tbody tr td {
  vertical-align: top;
}
table#inline_results td.operations div {
  margin-bottom: 5px;
}

.hidden_initial {
  display: none;
}

.extraction {
  padding-bottom: 10em;
  /*------------------------------------*/
  /* Refills */
  /*------------------------------------*/
  /* Expander Section */
  /* Styling Before Using Chosen */
  /*	.extraction-fields .sub-section {
  	ul li {
  		border-bottom: solid 1px gray;
  		margin-bottom: 2em;
  		padding-bottom: 2em;
  	}

  	p {
  		margin-top: 1em;
  		margin-bottom: 1em;
  	}
  }*/
  /*  .save {
  border: 1px solid rgba(0,0,0,0);
    margin: 0 0 0 1.5em;
    border-radius: 15px;
  }*/
}
.extraction section.main-wrapper {
  position: relative;
  margin: 0 auto 10em;
}
.extraction section.main-wrapper a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}
.extraction section.main-wrapper a:hover {
  text-decoration: underline;
}
.extraction section.main-wrapper nav.task-nav {
  display: block;
  float: none;
  position: relative;
  height: 49px;
}
.extraction section.main-wrapper nav.task-nav.subpage {
  border-bottom: none;
}
.extraction section.main-wrapper nav.task-nav .task-track {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 38.5854090412%;
  float: left;
  display: inline-block;
  min-height: 22px;
}
.extraction section.main-wrapper nav.task-nav .task-track:last-child {
  margin-right: 0;
}
.extraction section.main-wrapper nav.task-nav .task-track .label {
  width: auto;
  margin-right: 1em;
}
.extraction section.main-wrapper nav.task-nav .task-track .progress-bar {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
}
.extraction section.main-wrapper nav.task-nav .task-track .progress-bar:last-child {
  margin-right: 0;
}
.extraction section.main-wrapper nav.task-nav .task-links {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
  margin-right: 0;
  float: none;
  display: inline-block;
  text-align: left;
}
.extraction section.main-wrapper nav.task-nav .task-links:last-child {
  margin-right: 0;
}
.extraction section.main-wrapper nav.task-nav .task-nav-buttons {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 24.9377221615%;
  margin-right: 0;
  display: inline;
  float: none;
  text-align: right;
  margin-left: 0.65em;
}
.extraction section.main-wrapper nav.task-nav .task-nav-buttons:last-child {
  margin-right: 0;
}
.extraction section.subpage,
.extraction form.subpage {
  display: none;
  padding: 15px 15px 15px 15px;
  border: solid 1px #999;
  background: white;
  position: absolute;
  top: 75px;
  min-height: 500px;
  z-index: 15;
}
.extraction section.subpage h2,
.extraction form.subpage h2 {
  font-size: 1.6em;
  font-weight: bold;
  float: left;
  margin-bottom: 15px;
}
.extraction section.subpage p,
.extraction form.subpage p {
  clear: left;
  padding-bottom: 10px;
}
.extraction .secondary-progress-bar {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin: 0;
  /*padding: 0 1em;*/
}
.extraction .secondary-progress-bar::after {
  clear: both;
  content: "";
  display: table;
}
.extraction .secondary-progress-bar h1 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.4em;
}
.extraction .secondary-progress-bar h1:last-child {
  margin-right: 0;
}
.extraction .secondary-progress-bar .modal-btn-wrapper {
  text-align: right;
  /*@include span-columns(4);*/
}
.extraction .secondary-progress-bar h3 {
  /*@include span-columns(2);*/
  text-align: right;
}
.extraction .secondary-progress-bar button {
  /*@include span-columns(2);*/
}
.extraction .secondary-progress-bar .secondary-progress-bar-status-value {
  /*color: rgb(161, 124, 26);*/
}
.extraction .extraction-instructions-wrapper {
  margin-top: 1em;
  padding: 0 1em;
}
.extraction .extraction-instructions-wrapper .toggle-arrow {
  display: inline-block;
}
.extraction .extraction-instructions-wrapper h3 {
  display: inline-block;
}
.extraction .main-section-wrapper {
  position: relative;
  margin-top: 2em;
}
.extraction .main-section-wrapper h1.section-title {
  font-size: 1.3em;
}
.extraction .main-section {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px #999;
  position: relative;
  margin: 2em 0 0;
  max-width: 100%;
  padding: 1em 1em;
  z-index: auto;
}
.extraction .main-section::after {
  clear: both;
  content: "";
  display: table;
}
.extraction .main-section .section-title {
  position: absolute;
  top: -0.5em;
  background-color: white;
  padding: 0.5em 1em;
  margin-left: -1.1em;
  min-width: 135px;
  border: solid 1px gray;
}
.extraction .main-section .sub-section-wrapper {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  background-color: #f6f6f6;
  padding: 0 1em 1em;
  border: solid 1px #999;
}
.extraction .main-section .sub-section-wrapper::after {
  clear: both;
  content: "";
  display: table;
}
.extraction .main-section .sub-section-wrapper:last-child {
  margin-right: 0;
}
.extraction .main-section .sub-section-wrapper .sub-section {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
  margin-top: 2em;
}
.extraction .main-section .sub-section-wrapper .sub-section:last-child {
  margin-right: 0;
}
.extraction .main-section .sub-section-wrapper .sub-section .sub-section-title {
  display: inline-block;
  text-decoration: underline;
  font-size: 1.23em;
  margin-right: 1em;
}
.extraction .main-section .sub-section-wrapper .sub-section .sub-section-edit-link {
  display: inline-block;
}
.extraction .main-section .sub-section-wrapper .sub-section ul {
  list-style: inherit;
  padding: 1em;
}
.extraction .main-section .sub-section-wrapper .sub-section ul li {
  margin-bottom: 0.5em;
}
.extraction .main-section .sub-section-wrapper .sub-section ul li span {
  margin-right: 1em;
}
.extraction .main-section .sub-section-wrapper .sub-section .input-field-wrapper {
  padding: 0 1em;
}
.extraction .main-section .sub-section-wrapper .sub-section .sub-list {
  padding: 1em 1em 0.25em;
}
.extraction .value-group-section .sub-section {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  margin-top: 1em;
}
.extraction .value-group-section .sub-section:last-child {
  margin-right: 0;
}
.extraction .value-group-section .sub-section ul {
  list-style: none;
  margin-top: 1em;
}
.extraction .value-group-section .sub-section .instructions {
  display: none;
}
.extraction .value-group-section .sub-section .instructions.show {
  position: absolute;
  display: inline-block;
  width: 33%;
  /* right: 0.5em; */
  margin-left: 1em;
  background-color: white;
  z-index: 10;
  padding: 1em 1em 1em;
  border: solid 1px #999;
}
.extraction .value-group-section .sub-section .chosen-container {
  vertical-align: initial;
}
.extraction .value-group-section .sub-section .chosen-container input[type=text] {
  width: 100%;
}
.extraction .value-group-section .sub-section .chosen-container-multi ul {
  padding: 0 0 0 0.5em;
}
.extraction .value-group-section .sub-section .chosen-container-multi ul li {
  position: relative;
}
.extraction .value-group-section .sub-section .chosen-container-multi ul li span {
  margin-right: 0;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  /*border-bottom: solid 1px lightgray;*/
  /*padding-bottom: 1em;*/
}
.extraction .value-group-section .sub-section li:not(.label-list-item)::after {
  clear: both;
  content: "";
  display: table;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) .extraction-form-label-wrapper,
.extraction .value-group-section .sub-section li:not(.label-list-item) label {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
  display: inline-block;
  margin-right: 1em;
  word-break: normal;
  min-height: 25px;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) .extraction-form-label-wrapper:last-child,
.extraction .value-group-section .sub-section li:not(.label-list-item) label:last-child {
  margin-right: 0;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) input {
  display: inline-block;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) select {
  display: inline-block;
  margin-bottom: 1em;
  width: 53%;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) input[type=text],
.extraction .value-group-section .sub-section li:not(.label-list-item) fieldset,
.extraction .value-group-section .sub-section li:not(.label-list-item) textarea {
  width: 40%;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) textarea.custom-label {
  width: 100%;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) textarea.rationale {
  width: 100%;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) input[type=checkbox] {
  float: left;
  margin-right: 2em;
  width: 35px;
  height: 35px;
  cursor: pointer;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) input[type=text],
.extraction .value-group-section .sub-section li:not(.label-list-item) select,
.extraction .value-group-section .sub-section li:not(.label-list-item) textarea,
.extraction .value-group-section .sub-section li:not(.label-list-item) label {
  vertical-align: middle;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) table {
  display: inline-block;
  width: auto;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) table.tables {
  width: 885px;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) fieldset {
  display: inline-block;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) .chosen-container .active-result {
  margin-bottom: 0.5em;
}
.extraction .value-group-section .sub-section li:not(.label-list-item) .chosen-container input[type=text] {
  width: 100%;
}
.extraction .value-group-section .half-section {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
}
.extraction .value-group-section .half-section:last-child {
  margin-right: 0;
}
.extraction .quick-copy-section {
  display: none;
}
.extraction .quick-copy-section.show {
  display: block;
  position: absolute;
  top: 35px;
  background-color: white;
  background-color: rgba(196, 196, 196, 0.55);
  width: 100%;
  height: auto;
  z-index: 20;
  margin-bottom: 10em;
}
.extraction .quick-copy-section.show header {
  margin-top: 1em;
}
.extraction .quick-copy-section.show header h2 {
  display: inline-block;
  text-decoration: underline;
  font-size: 1.2em;
}
.extraction .quick-copy-section.show header .quick-copy-button-wrapper {
  display: inline-block;
  float: right;
}
.extraction .quick-copy-section.show header .quick-copy-button-wrapper .quick-copy-cancel-button {
  margin-right: 1em;
}
.extraction .quick-copy-section.show .quick-copy-selection-bar,
.extraction .quick-copy-section.show .sub-section,
.extraction .quick-copy-section.show .copy-button-wrapper {
  margin-top: 1em;
}
.extraction .quick-copy-section.show .quick-copy-selection-bar {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
}
.extraction .quick-copy-section.show .quick-copy-selection-bar::after {
  clear: both;
  content: "";
  display: table;
}
.extraction .quick-copy-section.show .quick-copy-selection-bar button {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
  float: none;
  display: block;
}
.extraction .quick-copy-section.show .quick-copy-selection-bar button:last-child {
  margin-right: 0;
}
.extraction .quick-copy-section.show #quickCopySelectionList {
  width: 75%;
}
.extraction .quick-copy-section.show .copy-section {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
  display: inline-block;
}
.extraction .quick-copy-section.show .copy-section:last-child {
  margin-right: 0;
}
.extraction .quick-copy-section.show .copy-section ul {
  list-style: none;
}
.extraction .quick-copy-section.show .copy-section .copy-button-wrapper {
  display: inline-block;
}
.extraction .quick-copy-section.show .copy-section span {
  margin-left: 1em;
}
.extraction .quick-copy-section.show .copy-section select {
  margin-left: 1em;
  min-width: 70%;
}
.extraction .quick-copy-section.show .copy-section label {
  margin-right: 1em;
}
.extraction .quick-copy-section.show .copy-button-wrapper {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
  display: inline-block;
  padding-top: 6.88em;
}
.extraction .quick-copy-section.show .copy-button-wrapper:last-child {
  margin-right: 0;
}
.extraction .quick-copy-section.show .copy-button-wrapper .copy-single-button,
.extraction .quick-copy-section.show .copy-button-wrapper .copy-table-btn {
  display: block;
  /*margin-top: 1.5em;*/
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.extraction .quick-copy-section.show .copy-button-wrapper .copy-group-button {
  display: block;
  margin-top: 25%;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.extraction .quick-copy-section.show .copy-button-wrapper li {
  height: 50px;
  margin-bottom: 1em;
}
.extraction #copyFromSectionWrapper label,
.extraction #copyFromSectionWrapper input,
.extraction #copyFromSectionWrapper select,
.extraction #copyFromSectionWrapper textarea,
.extraction #copyOverSectionWrapper label,
.extraction #copyOverSectionWrapper input,
.extraction #copyOverSectionWrapper select,
.extraction #copyOverSectionWrapper textarea {
  width: 100%;
  margin: 0;
  height: 22px;
}
.extraction #copyFromSectionWrapper li,
.extraction #copyOverSectionWrapper li {
  margin-bottom: 1em;
}
.extraction #copyFromSectionWrapper li label,
.extraction #copyOverSectionWrapper li label {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.extraction #copyFromSectionWrapper li:not(.table-list-item),
.extraction #copyOverSectionWrapper li:not(.table-list-item) {
  height: 50px;
}
.extraction #copyFromSectionWrapper input,
.extraction #copyFromSectionWrapper select,
.extraction #copyFromSectionWrapper textarea {
  background: #EAEAEA;
}
.extraction .copy-single-button,
.extraction .copy-all-button,
.extraction .copy-table-btn {
  height: 21px;
}
.extraction .response-id {
  display: none;
}
.extraction .value-group-section .sub-section li input[type=text].response-id {
  display: none;
}
.extraction .expander {
  /*width: 60%;*/
}
.extraction .expander .expander-trigger {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid #DDD;
  color: #00538B;
  cursor: pointer;
  display: block;
  font-size: 1em;
  margin-bottom: 1em;
  padding-bottom: 0.25em;
  text-decoration: none;
  width: 225px;
}
.extraction .expander .expander-trigger:before {
  font-size: 0.7em;
  content: "▼";
  margin-right: 0.5em;
}
.extraction .expander .expander-content p {
  color: #333;
  line-height: 1.5em;
}
.extraction .expander .expander-hidden:before {
  font-size: 0.7em;
  content: "►";
}
.extraction .expander .expander-hidden + .expander-content {
  display: none;
}
.extraction .tables {
  border-collapse: separate;
  border-left: 0px;
  border-radius: 3px;
  border-spacing: 0;
  border: 1px solid gainsboro;
  width: 100%;
}
.extraction .tables tbody {
  background-color: #fbfbfb;
}
.extraction .tables tbody tr:hover > td,
.extraction .tables tbody tr:hover > th {
  background-color: #eeeeee;
}
.extraction .tables tbody tr:nth-child(even) {
  background-color: #f6f6f6;
}
.extraction .tables tbody tr:nth-child(even):hover > td {
  background-color: #e9e9e9;
}
.extraction .tables thead:first-of-type tr:first-child th {
  background-color: #cacaca;
}
.extraction .tables thead:first-of-type tr:first-child > th:first-child {
  border-top-left-radius: 3px;
}
.extraction .tables thead:first-of-type tr:first-child > th:last-child {
  border-top-right-radius: 3px;
}
.extraction .tables tbody:last-child tr:last-child > td:first-child {
  border-bottom-left-radius: 3px;
}
.extraction .tables tbody:last-child tr:last-child > td:last-child {
  border-bottom-right-radius: 3px;
}
.extraction .tables thead tr {
  height: 59px;
}
.extraction .tables thead th {
  background-color: white;
  border-bottom: 0px;
  border-left: 1px solid gainsboro;
  padding: 0.75em 1em;
  text-align: left;
  min-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.extraction .tables thead th:first-child {
  border-left: none;
}
.extraction .tables tbody {
  background-color: #fbfbfb;
}
.extraction .tables tbody td {
  border-bottom: 0px;
  border-left: 1px solid gainsboro;
  border-top: 1px solid gainsboro;
  /*padding: $table-padding;*/
  padding: 0.5em 1em 1em;
}
.extraction .tables tbody td:first-child {
  border-left: none;
}
.extraction .tables tbody td button {
  display: inline-block;
  font-size: 0.7em;
  line-height: 1.5em;
  margin-bottom: 0.3em;
  margin-right: 0.5em;
  outline: none;
  padding: 0.3em 1em;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .extraction .tables tbody td button {
    margin-bottom: 0;
    /*width: auto;*/
    width: 125px;
    height: 20px;
  }
}
.extraction .elements-spacer {
  margin: 2em;
}
.extraction .main-section .exposure-section-2 {
  margin-right: 0;
}
.extraction .modal {
  display: none;
  opacity: 0;
  border: solid 1px #999;
  padding: 15px 3px 15px 15px;
  background: white;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.extraction .modal.active {
  opacity: 1;
}
.extraction .modal header {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 25px 0 0;
}
.extraction .modal header h2 {
  font-size: 1.6em;
  font-weight: bold;
  float: left;
}
.extraction .modal header a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}
.extraction .modal header a:hover {
  text-decoration: underline;
}
.extraction .modal .content-descriptions {
  position: relative;
  top: 0;
  height: calc(100% - 40px);
  padding-right: 12px;
  overflow: scroll;
  cursor: scrollall;
}
.extraction .modal .content {
  position: relative;
  top: 40px;
  height: calc(100% - 40px);
  padding-right: 12px;
  overflow: scroll;
  cursor: scrollall;
}
.extraction .modal#citation {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 300px;
  width: 700px;
}
.extraction .modal#citation p:first-of-type {
  padding-top: 40px;
}
.extraction .modal#category-descriptions {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 400px;
  width: 700px;
}
.extraction .modal#category-descriptions .category {
  clear: left;
  padding: 8px 0;
}
.extraction .modal#category-descriptions .category .description {
  padding-left: 20px;
}
.extraction .modal#category-descriptions .category .category {
  padding-left: 20px;
}
.extraction .modal#highlights {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 300px;
  width: 500px;
}
.extraction .modal#highlights .highlight {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.extraction .modal#highlights .highlight::after {
  clear: both;
  content: "";
  display: table;
}
.extraction .modal#highlights .highlight .term {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%;
}
.extraction .modal#highlights .highlight .term:last-child {
  margin-right: 0;
}
.extraction .modal#highlights .highlight .color {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
  text-align: right;
}
.extraction .modal#highlights .highlight .color:last-child {
  margin-right: 0;
}
.extraction .action-buttons {
  text-align: right;
}
.extraction .dragon-button {
  color: #00538B;
  border: none;
  background-color: transparent;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 0.9em;
  line-height: 1.1em;
  margin: 0 10px;
  display: inline-block;
  text-align: center;
  padding: 7px 10px;
}
.extraction .dragon-button[data-modal=highlights] {
  position: relative;
  left: calc(100% - 100px);
  top: -5px;
  margin: 0 5px;
}
.extraction .dragon-button[data-modal=highlights]:hover {
  margin: -1px 4px;
}
.extraction .dragon-button:hover {
  border: 1px solid #00538B;
  margin: -1px 9px;
}
h2 + .extraction .dragon-button {
  float: right;
  top: -3px;
  position: relative;
  margin-right: 0;
}
h2 + .extraction .dragon-button:hover {
  margin: -1px -1px -1px 9px;
}
.extraction span.iconic[data-glyph=x] {
  position: absolute;
  right: 25px;
  cursor: pointer;
}
.extraction .subpage {
  height: 500px;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  margin-right: 0;
  overflow: scroll;
}
.extraction .subpage:last-child {
  margin-right: 0;
}
.extraction .subpage .expander {
  display: inline-block;
}
.extraction .subpage .expander-content {
  margin-left: 21px;
}
.extraction .subpage .expander-hidden + .expander-content {
  display: inline-block;
  opacity: 0;
}
.extraction .subpage .expander-btn {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.extraction .subpage .child-category {
  margin-left: 20px;
}
.extraction .subpage .explanation-title {
  margin: 1.1em 0;
  font-size: 1.2em;
  float: left;
  padding-top: 2px;
}
.extraction .subpage .assignment-header {
  margin-bottom: 14px;
  display: inline-block;
}
.extraction .subpage .in-text-citation {
  width: 525px;
  margin-right: 100px;
}
.extraction .subpage .task-id {
  width: 150px;
  margin-right: 20px;
}
.extraction .subpage .task-id,
.extraction .subpage .in-text-citation,
.extraction .subpage .jump-task-link {
  display: inline-block;
}
.extraction .subpage .task-subtitle {
  margin-bottom: 1em;
}
.extraction .subpage .task-id-subtitle {
  margin-left: 45.1em;
  display: block;
}
.extraction .subpage .task-status-subtitle {
  display: inline-block;
  float: right;
}
.extraction .subpage .task-listing {
  border-top: solid 1px;
  margin-bottom: 0.5em;
  padding-top: 1em;
}
.extraction .modal-section.active {
  display: block;
  position: absolute;
  top: 64px;
  z-index: 15;
  background-color: white;
  width: 100%;
}
.extraction .modal-section {
  display: none;
}
.extraction .new-exposure-group-btn,
.extraction .new-protocol-group-btn {
  margin-top: 2em;
  display: inline;
}
.extraction .new-exposure-level-btn,
.extraction .new-dose-btn,
.extraction .new-response-btn,
.extraction .new-confounder-btn {
  margin: 0 0 2em;
}
.extraction #nested-modal {
  z-index: 20;
  height: 100%;
  top: 117px;
  border: none;
  padding: 0;
  overflow: visible;
}
.extraction .nested-modal-title {
  display: inline-block;
  display: inline-block;
  text-decoration: underline;
  font-size: 1.23em;
  margin-right: 1em;
  margin-top: 0.9em;
  /*margin: 0 auto;*/
}
.extraction .nested-modal-header {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.extraction .nested-modal-header:last-child {
  margin-right: 0;
}
.extraction .modal-sub-section-title {
  display: inline-block;
  text-decoration: underline;
  font-size: 1.23em;
  margin-right: 1em;
  margin-top: 0.5em;
}
.extraction .nested-modal-btn-wrapper {
  height: 30px;
  display: block;
  text-align: right;
  /*@include span-columns(4);*/
}
.extraction .nested-modal-header {
  height: 30px;
  display: inline-block;
}
.extraction [data-btn=addNew] {
  /*display: none;*/
}
.extraction .value-group-section .sub-section li .table-label {
  display: block;
  float: none;
  margin: 0 0 1em;
}
.extraction .value-group-section .sub-section li td {
  width: auto;
}
.extraction .value-group-section .sub-section li .tables {
  overflow: auto;
  width: 885px;
  text-align: center;
  margin-left: 1em;
}
.extraction .value-group-section .sub-section li .tables input[type=text],
.extraction .value-group-section .sub-section li .tables fieldset,
.extraction .value-group-section .sub-section li .tables select,
.extraction .value-group-section .sub-section li .tables textarea {
  width: 100%;
  height: 1.6em;
  min-width: 150px;
  font-size: 0.9em;
}
.extraction .value-group-section .sub-section li .tables select {
  margin-bottom: 0;
}
.extraction .value-group-section .sub-section .exposure-level-table-wrapper .instructions.show,
.extraction .value-group-section .sub-section .dose-table-wrapper .instructions.show,
.extraction .value-group-section .sub-section .responses-table-wrapper .instructions.show,
.extraction .value-group-section .sub-section .confounder-table-wrapper .instructions.show {
  -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.37);
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.37);
  position: absolute;
  display: inline-block;
  width: 825px;
  background-color: white;
  z-index: 10;
  padding: 2em;
  top: 140px;
  /*left: 3.5%;*/
}
.extraction .value-group-section .sub-section .grouped-table-wrapper .instructions.show {
  top: -60px;
}
.extraction .dose-table-wrapper {
  overflow: hidden;
  width: 100%;
}
.extraction .main-section .sub-section ul.exposure-level-delete-list,
.extraction .main-section .sub-section ul.dose-delete-list,
.extraction .main-section .sub-section ul.responses-delete-list,
.extraction .main-section .sub-section ul.confounder-delete-list {
  position: absolute;
  left: 9px;
  margin-top: 5.5em;
}
.extraction .main-section .sub-section ul.exposure-level-delete-list li,
.extraction .main-section .sub-section ul.dose-delete-list li,
.extraction .main-section .sub-section ul.responses-delete-list li,
.extraction .main-section .sub-section ul.confounder-delete-list li {
  margin-bottom: 2.2em;
}
.extraction .form-error-wrapper.show {
  margin: 1.5em auto 0;
  text-align: center;
  color: red;
}
.extraction .form-error-wrapper.show li {
  margin-bottom: 1em;
}
.extraction .form-error-wrapper.show li:last-child {
  margin-bottom: 0;
}
.extraction .main-section .sub-section ul.responses-list {
  list-style: none;
  padding: 1em 0 0;
}
.extraction .modal-task-id-subtitle {
  margin: 1.5em 0 0;
  text-align: right;
  margin-right: 1.3em;
  /*margin-left: 46.5em;*/
  display: block;
  /*float: right;*/
}
.extraction ul.modal-responses-list {
  width: 79%;
  display: inline-block;
}
.extraction ul.modal-responses-list li {
  margin-top: 1.25em;
}
.extraction ul.modal-responses-list span {
  margin-right: 1em;
}
.extraction ul.modal-responses-list .modal-sub-section-title {
  /*display: none;*/
}
.extraction ul.modal-responses-list .modal-sub-section-title {
  display: inline-block;
  margin-top: 1.5em;
}
.extraction .delete-btn-taskid-wrapper {
  display: inline-block;
  width: 20%;
  vertical-align: top;
}
.extraction .delete-btn-wrapper {
  margin-top: 1em;
  width: 100%;
  text-align: right;
}
.extraction .question-wrapper {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
}
.extraction .question-wrapper::after {
  clear: both;
  content: "";
  display: table;
}
.extraction .question-wrapper .choose-btn-wrapper {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 10.4370548518%;
  height: 6em;
  position: relative;
}
.extraction .question-wrapper .choose-btn-wrapper:last-child {
  margin-right: 0;
}
.extraction .question-wrapper .choose-btn-wrapper button {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
.extraction .question-wrapper .label-wrapper {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 10.4370548518%;
  height: 6em;
  position: relative;
}
.extraction .question-wrapper .label-wrapper:last-child {
  margin-right: 0;
}
.extraction .question-wrapper .label-wrapper p {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
.extraction .question-wrapper .select-wrapper {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
  height: 6em;
  position: relative;
}
.extraction .question-wrapper .select-wrapper:last-child {
  margin-right: 0;
}
.extraction .question-wrapper .select-wrapper select,
.extraction .question-wrapper .select-wrapper .chosen-container {
  width: 88%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
.extraction .question-wrapper .textarea-wrapper {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
  height: 6em;
  position: relative;
}
.extraction .question-wrapper .textarea-wrapper:last-child {
  margin-right: 0;
}
.extraction .question-wrapper .textarea-wrapper textarea {
  width: 100%;
  height: 6em;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  padding: 1em;
}
.extraction .question-wrapper .delete-exception-btn {
  float: left;
  margin-left: -1.8em;
  margin-top: 2.5em;
}
.extraction .value-group-section .sub-section li input[type=text].dragon-list-input,
.extraction .value-group-section .sub-section li .extraction-form-listid-wrapper {
  /*		width: 25%; 
  margin-left: 2em;*/
}
.extraction #exposureLevelTable.quick-copy,
.extraction #doseTable.quick-copy,
.extraction #responseTable.quick-copy {
  /*display: none;*/
}
.extraction #exposureLevelTable.quick-copy.show,
.extraction #doseTable.quick-copy.show,
.extraction #responseTable.quick-copy.show {
  display: block;
  overflow: auto;
}
.extraction #copyFromSectionWrapper form,
.extraction #copyOverSectionWrapper form {
  overflow: hidden;
}
.extraction .nested-modal-form {
  margin: 4em 0 10em;
}
.extraction .eval-header-title {
  margin-bottom: 1em;
}
.extraction #evalOverviewTable {
  margin-top: 2em;
}
.extraction .eval-overview-link {
  margin-left: 1.5em;
}
.extraction .eval-question,
.extraction .conclusion {
  background-color: #E6E6E6;
}
.extraction .eval-question .section-title,
.extraction .conclusion .section-title {
  position: relative;
  margin-top: -1.1em;
  width: 103.2%;
  background-color: #F6F6F6;
  padding: 1.25em 1.25em;
  line-height: 1.5em;
  margin-left: -1.1em;
  min-width: 135px;
  border: solid 1px gray;
  color: black;
  border-bottom: none;
}
.extraction .eval-question .choose-btn,
.extraction .conclusion .choose-btn {
  background-color: white;
  border: solid 1px #B9B9B9;
}
.extraction .eval-question .chosen-container ul.chosen-results li:hover,
.extraction .conclusion .chosen-container ul.chosen-results li:hover {
  color: black;
}
.extraction .eval-question .chosen-container ul.chosen-results li.result-selected,
.extraction .conclusion .chosen-container ul.chosen-results li.result-selected {
  color: black;
  font-weight: bold;
  /*text-decoration: underline;*/
}
.extraction .eval-question .chosen-single span,
.extraction .conclusion .chosen-single span {
  position: absolute;
  z-index: 1;
}
.extraction .eval-question .chosen-single .bkg-span,
.extraction .conclusion .chosen-single .bkg-span {
  /*background-color: #7EE67E;*/
  width: 150%;
  height: 100%;
  margin-left: -25%;
  z-index: 0;
  position: absolute;
}
.extraction .eval-question.single .textarea-wrapper,
.extraction .conclusion.single .textarea-wrapper {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 61.6158806508%;
}
.extraction .eval-question.single .textarea-wrapper:last-child,
.extraction .conclusion.single .textarea-wrapper:last-child {
  margin-right: 0;
}
.extraction .copy-table-btn-wrapper {
  width: 100%;
  text-align: center;
  height: 0px;
  position: relative;
  margin-top: 2.5em;
}
.extraction .copy-table-btn {
  position: relative;
  display: block;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 42.7%;
}
.extraction #tableListItem {
  /*display: block;*/
  overflow: hidden;
}
.extraction #tableListItem .tables {
  overflow: auto;
  width: 100%;
  margin-left: 0;
}
.extraction #tableListItem.show {
  display: block;
}
.extraction .extraction-instructions-edit-link {
  display: inline-block;
  position: absolute;
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: 25%;
}
.extraction .value-group-section .sub-section li .extraction-form-checkbox-wrapper {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 6.1721527019%;
  position: relative;
}
.extraction .value-group-section .sub-section li .extraction-form-checkbox-wrapper:last-child {
  margin-right: 0;
}
.extraction .value-group-section .sub-section li .extraction-form-checkbox-wrapper input {
  top: 45%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.extraction .value-group-section .sub-section li .extraction-form-checkbox-wrapper input[type=button] {
  background-color: #e6e6e6;
  cursor: pointer;
  font-weight: bolder;
}
.extraction .value-group-section .sub-section li .extraction-form-label-wrapper {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
  position: relative;
}
.extraction .value-group-section .sub-section li .extraction-form-label-wrapper:last-child {
  margin-right: 0;
}
.extraction .value-group-section .sub-section li .extraction-form-label-wrapper label {
  width: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.extraction .value-group-section .sub-section li .extraction-form-textarea-wrapper {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 53.0860763509%;
  position: relative;
}
.extraction .value-group-section .sub-section li .extraction-form-textarea-wrapper:last-child {
  margin-right: 0;
}
.extraction .value-group-section .sub-section li .extraction-form-textarea-wrapper textarea,
.extraction .value-group-section .sub-section li .extraction-form-textarea-wrapper input,
.extraction .value-group-section .sub-section li .extraction-form-textarea-wrapper label {
  width: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.extraction .value-group-section .sub-section li .extraction-form-textarea-wrapper textarea {
  padding: 1em;
}
.extraction .value-group-section .sub-section li .extraction-form-listid-wrapper {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 10.4370548518%;
  position: relative;
}
.extraction .value-group-section .sub-section li .extraction-form-listid-wrapper:last-child {
  margin-right: 0;
}
.extraction .value-group-section .sub-section li .extraction-form-listid-wrapper label {
  width: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.extraction .value-group-section .sub-section li .extraction-form-listid-wrapper .listid-element {
  padding: 0;
  display: block;
  width: 100%;
  height: 2em;
}
.extraction .value-group-section .sub-section li .extraction-form-listid-wrapper .listid-element:last-child {
  margin-top: 0.5em;
  width: 100%;
}
.extraction .value-group-section .sub-section li .extraction-form-checkbox-wrapper,
.extraction .value-group-section .sub-section li .extraction-form-label-wrapper,
.extraction .value-group-section .sub-section li .extraction-form-textarea-wrapper,
.extraction .value-group-section .sub-section li .extraction-form-listid-wrapper {
  /*display: inline-block;*/
  height: 60px;
  /*			float: none;*/
  /*			position: relative;*/
}
.extraction .value-group-section .sub-section li .extraction-form-checkbox-wrapper {
  /*			input[type=checkbox] {
  	transform: translate(-50%,-50%);
  	top: 50%;
  	left: 50%;
  	position: absolute;
  }*/
}
.extraction .section {
  background-color: #e6e6e6;
}
.extraction .group {
  background-color: #f6f6f6;
}
.extraction .btn {
  cursor: pointer;
}
.extraction .quick-copy-cancel-button.btn,
.extraction .cancel-modal-button.btn,
.extraction .nested-modal-back-btn.btn {
  background-color: #E6E6E6;
  margin-right: 1em;
  color: black;
  border: solid 1px #B5B5B5;
}
.extraction .quick-copy-button.btn {
  margin-right: 1em;
}
.extraction .quick-copy-save-button.btn,
.extraction .nested-modal-save-btn.btn,
.extraction #extraction-fields-submit-btn {
  background-color: #00538B;
  color: white;
  border: solid 1px #005994;
}
.extraction .quick-copy-button.btn {
  background-color: #72787B;
  border: solid 1px #4A4E4E;
  color: white;
}
.extraction .add-eval-question-btn {
  margin: 1em 0;
}
.extraction .value-group-section .sub-section ul.rationale-list {
  margin-top: 0;
}
.extraction .hidden {
  display: none;
}
.extraction hr.underline {
  width: 100%;
  bottom: 0;
  position: absolute;
  margin-bottom: 1.25em;
}
.extraction .li-border {
  margin-left: 55px;
  margin-bottom: 1.5em;
  border-bottom: solid 1px lightgray;
}
.extraction .value-group-section .sub-section li input[type=text].dragon-list-input.listid-element-single {
  width: 100%;
}
.extraction.management .value-group-section .sub-section li:not(.label-list-item) {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
.extraction.management .value-group-section .sub-section li:not(.label-list-item)::after {
  clear: both;
  content: "";
  display: table;
}
.extraction #toolbarModals {
  display: none;
}
.extraction #tasklist,
.extraction #settings,
.extraction #instructions {
  display: none;
}
.extraction .main-section .sub-section-wrapper .sub-section ul li a {
  vertical-align: top;
}
.extraction .main-section .sub-section-wrapper .sub-section ul li .response-link-name {
  width: auto;
  max-width: 90%;
  margin-right: 1em;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
}
.extraction .response-link-name {
  display: inline-block;
  margin-right: 2em;
}
.extraction .main-section .sub-section-wrapper .large-sub-section {
  width: 100%;
}
.extraction .short-name-form-label-wrapper {
  margin-left: 57px;
}
.extraction .input-error {
  background-color: red;
}
.extraction .secondary-progress-bar-status,
.extraction .task-id-subtitle {
  line-height: 1.4em;
}
.extraction .main-page-task-id {
  text-align: right;
  margin-top: 1em;
}
.extraction .main-section .sub-section-wrapper .sub-section ul.exposure-group-responses-list,
.extraction .main-section .sub-section-wrapper .sub-section ul.protocol-group-responses-list {
  padding: 0 1em 0;
}
.extraction .main-section .sub-section-wrapper .sub-section ul.exposure-group-responses-list li:first-child,
.extraction .main-section .sub-section-wrapper .sub-section ul.protocol-group-responses-list li:first-child {
  margin-top: 1em;
}
.extraction .main-section .sub-section-wrapper .sub-section ul.exposure-group-responses-list li:last-child,
.extraction .main-section .sub-section-wrapper .sub-section ul.protocol-group-responses-list li:last-child {
  margin-bottom: 1em;
}
.extraction #citation {
  margin-top: 2em;
}
.extraction #citation p {
  font-size: 0.9em;
  line-height: 1.25em;
  padding: 0;
  margin-bottom: 1em;
}
.extraction .citation-title-label {
  font-weight: bold;
}
.extraction .hiddenField {
  display: none;
}
.extraction td.table-header-field-name {
  min-width: 175px;
}
.extraction .extraction-form-listid-wrapper {
  margin-top: 1em;
}
.extraction .extraction-form-listid-wrapper select {
  height: 30px;
  float: right;
  width: 355px;
  margin-right: 7em;
}
.extraction .adhoc-label {
  color: red;
}
.extraction .read-only-chosen span {
  margin-right: 20px;
}

#conflictOfInterestDetailsWrapper,
#additionalInfoToAskAuthorWrapper,
#chemicalPurityConfirmationDescriptionWrapper,
#negativeControlChemicalNameWrapper,
#vehicleChemicalNameWrapper,
#positiveControlChemicalNameWrapper,
#generationWrapper,
#isDosedWrapper,
#descriptionWrapper,
#lifestageAtExposureWrapper,
#nameWrapper,
#isNaiveControlGroupDoseWrapper,
#numberOfAnimalsPerDoseWrapper,
#numberOfLittersPerDoseWrapper,
#valueWrapper,
#numberOfLittersWrapper,
#vehicleControlResponseWrapper,
#positiveControlResponseWrapper,
#negativeControlResponseWrapper,
#benchmarkDoseNotesWrapper,
#notModelReasonWrapper,
[data-quantitative=true],
[data-dosedesign=true],
[data-dosedesign=false] {
  display: none;
}

#conflictOfInterestDetailsWrapper.show,
#additionalInfoToAskAuthorWrapper.show,
#chemicalPurityConfirmationDescriptionWrapper.show,
#negativeControlChemicalNameWrapper.show,
#vehicleChemicalNameWrapper.show,
#positiveControlChemicalNameWrapper.show,
#generationWrapper.show,
#isDosedWrapper.show,
#descriptionWrapper.show,
#lifestageAtExposureWrapper.show,
#nameWrapper.show,
#isNaiveControlGroupDoseWrapper.show,
#numberOfAnimalsPerDoseWrapper.show,
#numberOfLittersPerDoseWrapper.show,
#valueWrapper.show,
#numberOfLittersWrapper.show,
#vehicleControlResponseWrapper.show,
#positiveControlResponseWrapper.show,
#negativeControlResponseWrapper.show,
#benchmarkDoseNotesWrapper.show,
#notModelReasonWrapper.show {
  display: inherit;
}

[data-quantitative=true].show,
[data-dosedesign=true].show,
[data-dosedesign=false].show {
  display: inherit;
}
[data-quantitative=true].show.hiddenField,
[data-dosedesign=true].show.hiddenField,
[data-dosedesign=false].show.hiddenField {
  display: none;
}

#doseTable [data-dosedesign=true].show,
#doseTable [data-dosedesign=false].show,
td[data-quantitative=true].show,
th[data-quantitative=true].show {
  display: table-cell;
}
#doseTable [data-dosedesign=true].show.hiddenField,
#doseTable [data-dosedesign=false].show.hiddenField,
td[data-quantitative=true].show.hiddenField,
th[data-quantitative=true].show.hiddenField {
  display: none;
}

/* @import 'explorer'; */
/* copied from previous explorer */
.explorer-page-wrapper {
  /*@include span-columns(12);*/
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: table;
  width: 100%;
  table-layout: fixed;
  max-width: none;
  height: auto;
  min-height: 1000px;
  background-color: white;
}
.explorer-page-wrapper::after {
  clear: both;
  content: "";
  display: table;
}
.explorer-page-wrapper .sidebar-wrapper {
  display: table-cell;
  width: 25%;
  padding: 2.5em 1.5em 1em;
  position: relative;
  height: auto;
  background-color: #ffffff;
  -webkit-box-shadow: inset 2px -5px 9px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 2px -5px 9px 3px rgba(0, 0, 0, 0.1);
}
.explorer-page-wrapper .sidebar-wrapper h1 {
  font-size: 1.05em;
  text-transform: uppercase;
  text-decoration: underline;
  margin-bottom: 1em;
}
.explorer-page-wrapper .main-section-wrapper {
  display: table-cell;
  width: 75%;
  padding: 1em;
  position: absolute;
  height: auto;
  min-height: 950px;
  background-color: #ffffff;
  /*transition-duration: 0.25s;*/
  /*transition-timing-function: ease-in-out;*/
}
.explorer-page-wrapper .main-section-wrapper .graph-wrapper {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
  margin-bottom: 1em;
  height: auto;
  padding: 1em;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 13px -5px rgba(0, 0, 0, 0.39);
  box-shadow: 0px 2px 13px -5px rgba(0, 0, 0, 0.39);
  display: none;
}
.explorer-page-wrapper .main-section-wrapper .graph-wrapper:last-child {
  margin-right: 0;
}
.explorer-page-wrapper .main-section-wrapper .graph-wrapper .graph-wrapper-title-wrapper {
  font-size: 1.25em;
  margin: 0.25em 0 1em;
  display: block;
  width: auto;
  position: relative;
}
.explorer-page-wrapper .main-section-wrapper .graph-wrapper .graph-wrapper-title-wrapper .graph-wrapper-title {
  background-color: whitesmoke;
  padding: 0.25em 0.5em;
  width: auto;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 1px 1px 2px 1px #C3C3C3;
  box-shadow: 1px 1px 2px 1px #C3C3C3;
  /*border: solid 1px #E4E4E4;*/
}
.explorer-page-wrapper .main-section-wrapper .graph-wrapper .graph-wrapper-title-wrapper .graph-wrapper-title-line {
  border-bottom: solid 1px black;
  border-color: #C7C7C7;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.explorer-page-wrapper .main-section-wrapper.expanded {
  width: 95.75%;
  /*transition-duration: 0.25s;*/
  /*transition-timing-function: ease-in-out;*/
}

/* new for 2017 explorer */
.explorer div.explorer-menu {
  border: solid;
  border-width: thin;
  margin-top: -20px;
}
.explorer div.explorer-menu .menu-header {
  background-color: white;
  font-size: 1.5em;
  padding: 5px;
}
.explorer div.explorer-menu ul {
  background-color: #00538B;
}
.explorer div.explorer-menu ul li {
  padding-top: 5px;
  color: white;
  cursor: pointer;
}
.explorer div.explorer-menu ul li.disabled {
  display: none;
}
.explorer div.explorer-menu ul li.template:last-child {
  padding-bottom: 25px;
}
.explorer div.explorer-menu ul li.instance {
  padding-left: 15px;
}
.explorer div.tree-holder {
  min-width: 800px;
  width: 100%;
  height: 400px;
  background-color: #e6e6e6;
}
.explorer .tree-header {
  font-size: 2em;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}
.explorer .user-actions .subsubtitle {
  float: left;
  text-decoration: none;
  font-size: 1.2em;
  color: #404040;
}
.explorer section.report-config {
  margin-bottom: 10px;
}

svg.treeContainer .link {
  fill: none;
  stroke: #555;
  stroke-opacity: 0.4;
  stroke-width: 1.5px;
}
svg.treeContainer foreignObject .labelContainer {
  height: 100%;
  width: 100%;
  display: table;
}
svg.treeContainer foreignObject .labelContainer .stepLabel {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: white;
  border: solid;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: bold;
  fill: black;
  cursor: pointer;
}
svg.treeContainer foreignObject .labelContainer .stepLabel.disabled {
  background-color: lightgrey;
  font-style: italic;
  cursor: default;
}
svg.treeContainer foreignObject .stepLabel:hover {
  background-color: cyan;
}
svg.treeContainer .outliner {
  fill: none;
  stroke: #00538B;
  stroke-width: 3px;
}

body.visualization {
  /* Styles for heatmap tabs */
  /* END Styles for heatmap tabs */
  /* Styles for heatmap formatting */
  /* END Styles for heatmap formatting */
  /* Styles for jqueryui sortable */
  /* END Styles for jqueryui sortable*/
}
body.visualization a.btn {
  color: white;
}
body.visualization div.explorer-page-wrapper {
  margin-left: 25px;
  margin-top: 25px;
}
body.visualization div#visTabs {
  margin-right: 50px;
}
body.visualization div.explorer-breadcrumbs {
  margin-top: 5px;
  margin-bottom: 10px;
}
body.visualization div.explorer-breadcrumbs hr {
  display: none;
}
body.visualization .hide {
  display: none;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.bar-chart-wrapper {
  margin-top: 10px;
  overflow: auto;
  width: 100%;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.bar-chart-wrapper div.graphWrapper {
  width: 80%;
  float: left;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.pickerParent {
  width: 90%;
  height: 100%;
  text-align: center;
  overflow: auto;
  width: 500px;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.pickerParent div.pickerColumn {
  width: 200px;
  height: 250px;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.pickerParent div.pickerColumn .pickerTitle {
  font-size: 1.5em;
  font-weight: bold;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.pickerParent div.pickerColumn .items ul {
  height: 200px;
  border: solid;
  border-width: thin;
  overflow: auto;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.pickerParent div.pickerColumn .items ul li {
  text-align: left;
  cursor: -webkit-grab;
  cursor: grab;
  padding: 5px;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.pickerParent div.pickerColumn .items ul li.ui-sortable-helper {
  color: white;
  background-color: #00538B;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.formatParent {
  width: 100%;
  height: 100%;
  overflow: auto;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.formatParent div.left {
  width: 40%;
  height: 100%;
  overflow: auto;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.formatParent div.right {
  width: 55%;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.formatParent div.right table td {
  vertical-align: middle;
  padding-bottom: 10px;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.formatParent div.right table td:first-child {
  text-align: right;
  padding-right: 3px;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.formatParent .itemWrapper {
  width: 100%;
  height: 80px;
  border-bottom: solid;
  border-width: thin;
  background-color: white;
  position: relative;
  margin-bottom: 10px;
  overflow: auto;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.formatParent .itemWrapper span.label {
  font-weight: bold;
  float: left;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.formatParent .itemWrapper button {
  font-size: 0.7em;
  float: right;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.formatParent .itemWrapper input[type=color] {
  float: right;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.formatParent .itemWrapper input[type=text] {
  width: 100%;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.formatParent .itemWrapper .nameWrapper {
  position: absolute;
  bottom: 10px;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.column.left {
  float: left;
}
body.visualization div.wrapper.vistype_CategorizationBarChart div.column.right {
  float: right;
}
body.visualization .visualization-section-wrapper {
  overflow: auto;
}
body.visualization .visualization-section-wrapper #visualizationNotes {
  display: block;
  width: 100%;
  min-height: 8em;
  max-height: 15em;
  margin-top: 5px;
  padding: 0.5em;
}
body.visualization .visualization-section-wrapper .heatmapWrapper {
  float: left;
  width: 100%;
  overflow: hidden;
}
body.visualization .visualization-section-wrapper .heatmapWrapper label {
  display: block;
}
body.visualization .visualization-section-wrapper .studiesWrapper {
  position: relative;
  float: left;
  width: 0%;
}
body.visualization .visualization-section-wrapper .studiesWrapper > * {
  display: none;
}
body.visualization .visualization-section-wrapper .studiesWrapper a {
  cursor: pointer;
  color: #00538B;
}
body.visualization .visualization-section-wrapper .studiesWrapper .close {
  position: absolute;
  top: 3px;
  right: 0;
  color: red;
  font-weight: bold;
  font-size: 1.8em;
}
body.visualization .visualization-section-wrapper .studiesWrapper .studies {
  border-left: 3px solid #999;
}
body.visualization .visualization-section-wrapper .studiesWrapper .studies a[data-studyid] {
  display: block;
  padding: 4px 8px;
}
body.visualization .visualization-section-wrapper .studiesWrapper .studies a[data-studyid]:hover {
  background: #00538B;
  color: white;
}
body.visualization .visualization-section-wrapper .studiesWrapper .studies .prev-next {
  display: block;
  padding: 4px 8px;
}
body.visualization .visualization-section-wrapper .studiesWrapper .studies .prev-next div {
  padding: 4px 0;
}
body.visualization .visualization-section-wrapper .studiesWrapper .studies .prev-next span {
  padding: 0 3px;
}
body.visualization .visualization-section-wrapper.show-studies .heatmapWrapper {
  width: 80%;
}
body.visualization .visualization-section-wrapper.show-studies .studiesWrapper {
  width: 20%;
  padding: 10px 16px;
}
body.visualization .visualization-section-wrapper.show-studies .studiesWrapper > * {
  display: inherit;
}
body.visualization #heatmap {
  overflow-x: auto;
}
body.visualization #heatmap table {
  margin: 10px 0;
  background-color: white;
  text-align: center;
}
body.visualization #heatmap table caption {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 10px;
}
body.visualization #heatmap table th, body.visualization #heatmap table td {
  border: 1px solid #999999;
}
body.visualization #heatmap table th.no-border, body.visualization #heatmap table td.no-border {
  border: none !important;
}
body.visualization #heatmap table th.rowSum, body.visualization #heatmap table td.rowSum {
  border-left: 2px solid black;
}
body.visualization #heatmap table th.colSum, body.visualization #heatmap table td.colSum {
  border-top: 2px solid black;
}
body.visualization #heatmap table th {
  font-weight: bold;
  word-wrap: break-word;
}
body.visualization #heatmap table th, body.visualization #heatmap table td {
  padding: 4px;
  overflow: hidden;
}
body.visualization #heatmap table tbody td {
  cursor: pointer;
}
body.visualization #heatmap table tbody td.dummy {
  cursor: initial;
}
body.visualization #heatmap table .x-caption, body.visualization #heatmap table .y-caption {
  font-size: 110%;
}
body.visualization #heatmap table .x-caption {
  padding: 0.5em;
}
body.visualization #heatmap table .y-caption {
  position: relative;
  min-width: 2em;
  padding: 0;
  overflow: visible !important;
  /*
  span {
      position: absolute;
      top: 0;
      right: .5em;
      bottom: 1em;
      text-align: center;
      writing-mode: vertical-rl;
  	transform: rotate(180deg);
      transform-origin: center;
      overflow: hidden;
  }
  */
}
body.visualization #heatmap table .y-caption canvas {
  position: absolute;
  left: 0px;
}
body.visualization .bucket-filter .bucket-subfilter {
  margin-left: 25px;
}
body.visualization label {
  display: inline-block;
  margin: 6px 0;
}
body.visualization hr {
  margin: 20px 0;
}
body.visualization #vistab_formatting #totalByHelpText {
  padding-top: 10px;
  padding-left: 15px;
  color: #666;
}
body.visualization #vistab_formatting #colorFormat input, body.visualization #vistab_formatting #colorFormat select {
  margin-left: 0.4em;
}
body.visualization #vistab_formatting #colorFormat #custom-format-color {
  margin-left: 25px;
}
body.visualization #vistab_formatting #colorFormat #custom-format-color a {
  color: #00538B;
}
body.visualization #vistab_formatting #colorFormat #custom-format-color a.custom-step-delete {
  margin-left: 0.25em;
  font-size: 150%;
}
body.visualization #colorFormat #breakpointSlider {
  margin: 5px 1em;
}
body.visualization #colorFormat #breakpointSlider .ui-slider-handle {
  width: 3em;
  margin-left: -1.5em;
}
body.visualization #colorFormat #breakpointSlider #sliderMin {
  position: absolute;
  right: 100%;
  width: 2em;
}
body.visualization #colorFormat #breakpointSlider #sliderMax {
  position: absolute;
  left: 100%;
  width: 2em;
}
body.visualization #colorFormat #breakpointSlider .ui-slider-handle, body.visualization #colorFormat #breakpointSlider #sliderMin, body.visualization #colorFormat #breakpointSlider #sliderMax {
  top: 50%;
  height: 1.6em;
  margin-top: -0.8em;
  text-align: center;
  line-height: 1.6em;
}
body.visualization #colorFormat #colorScaleDisplay {
  padding: 10px;
}
body.visualization #colorFormat #colorScaleDisplay table {
  width: 100%;
  height: 2em;
}
body.visualization #bucketEditor button {
  padding: 4px 10px;
  margin: 0 5px;
}
body.visualization #bucketEditor button[disabled] {
  cursor: default;
  background-color: grey;
}
body.visualization #bucketEditor #bucket-name-form {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
  background: #ddd;
}
body.visualization #bucketEditor #bucket-name-form.hide {
  display: none;
}
body.visualization #bucketEditor #bucket-name-form ::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2.75em;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #ddd;
  border-top: 0;
  margin-left: -10px;
  margin-top: -10px;
}
body.visualization #bucketEditor #bucket-name-form .help-text {
  margin-top: 10px;
}
body.visualization #bucketEditor #bucket-table-wrapper {
  width: 100%;
  overflow-x: auto;
}
body.visualization #bucketEditor #bucket-table {
  width: 100%;
  margin: 10px;
  margin-left: 0;
  text-align: center;
}
body.visualization #bucketEditor #bucket-table td, body.visualization #bucketEditor #bucket-table th {
  border: 1px solid #999;
  padding: 8px;
  word-wrap: break-word;
}
body.visualization #bucketEditor #bucket-table td.hidden-bucket, body.visualization #bucketEditor #bucket-table th.hidden-bucket {
  background: #def;
  color: darkgray;
}
body.visualization #bucketEditor #bucket-table td {
  background: #eee;
}
body.visualization #bucketEditor #bucket-table td.highlight {
  background: #ccc;
}
body.visualization #bucketEditor #bucket-table td.selected-col, body.visualization #bucketEditor #bucket-table td.selected-row {
  background: #bbb;
}
body.visualization #bucketEditor #bucket-table td.hidden-bucket.highlight, body.visualization #bucketEditor #bucket-table td.hidden-bucket.selected-col, body.visualization #bucketEditor #bucket-table td.hidden-bucket.selected-row {
  background: #def;
}
body.visualization #bucketEditor #bucket-table th {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.visualization #bucketEditor #bucket-table th:hover {
  background-color: #00538B;
  color: white;
}
body.visualization #bucketEditor #bucket-table th.selected-col, body.visualization #bucketEditor #bucket-table th.selected-row {
  background-color: #0080d5;
  color: white;
}
body.visualization #bucketEditor .bucket-editor-column {
  vertical-align: top;
}
body.visualization #bucketEditor .bucket-editor-column label {
  display: block;
  margin: 8px 0;
}
body.visualization #bucketEditor .bucket-editor-column .bucket-list {
  padding: 3px 5px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #eeeeee;
}
body.visualization #bucketEditor .bucket-editor-column .bucket-list > ol {
  background: #eeeeee;
}
body.visualization #bucketEditor .bucket-editor-column .bucket-list > ol.hidden-buckets {
  padding: 10px;
  border: 1px dotted #cccccc;
  border-radius: 5px;
  background: #444444;
  color: white;
}
body.visualization #bucketEditor .bucket-editor-column .bucket-list > ol > li {
  display: inline-block;
}
body.visualization #bucketEditor .bucket-editor-column .bucket-list > ol > li.hidden-bucket {
  background: #444444;
  color: white;
}
body.visualization #bucketEditor .bucket-editor-column .bucket-list li {
  margin: 5px;
  padding: 8px 2em;
  border: 1px solid #cccccc;
  background: inherit;
  text-align: center;
  cursor: pointer;
}

form#createReportForm div.row {
  margin: 0 0 5px 0;
  clear: left;
  position: relative;
  padding: 0 0 5px 0;
}
form#createReportForm div.row > label {
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: -0.05em;
  padding: 3px 0 15px 0;
  width: 30%;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
form#createReportForm div.row div.label {
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: -0.05em;
  padding: 3px 0 15px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
form#createReportForm div.row input.wide {
  width: 500px;
}

/* green */
/* !!!!!note -- this color is also used in /js/docter/ActiveLearningConfiguration, keep in sync! */
/* yellow */
/* grey */
/* dark red */
/* light blue */
/* dark red */
div.branded-chart svg .grid .tick {
  stroke: lightgrey;
  opacity: 0.7;
}
div.branded-chart svg .grid .tick line {
  stroke: lightgrey;
}
div.branded-chart svg .grid .path {
  stroke-width: 0;
}
div.branded-chart svg text.rowLabel {
  text-anchor: end;
  dominant-baseline: central;
}
div.branded-chart svg text.totalCount {
  dominant-baseline: central;
  font-weight: bold;
}
div.branded-chart svg g.legend {
  /* docter related - start */
  /* docter related - end */
}
div.branded-chart svg g.legend.unassigned circle {
  fill: #F29934;
}
div.branded-chart svg g.legend.assigned circle {
  fill: #69C14C;
}
div.branded-chart svg g.legend.completed circle {
  fill: #006BB3;
}
div.branded-chart svg g.legend.noconflict circle {
  fill: #00A2E0;
}
div.branded-chart svg g.legend.inactive circle {
  fill: #D442F4;
}
div.branded-chart svg g.legend.partials circle {
  fill: #FFFF00;
}
div.branded-chart svg g.legend.docterprog_processing circle {
  fill: #4DACA9;
}
div.branded-chart svg g.legend.docterprog_finished circle {
  fill: #2F7077;
}
div.branded-chart svg g.legend.docterprog_al_relevant circle {
  fill: #7EAA55;
}
div.branded-chart svg g.legend.docterprog_al_not_relevant circle {
  fill: #F6C143;
}
div.branded-chart svg g.legend.docterprog_al_not_yet_screened circle {
  fill: #AEABAB;
}
div.branded-chart svg g.legend.docterprog_al_predicted_not_relevant circle {
  fill: #B02318;
}
div.branded-chart svg g.legend.docterprog_al_estimated_remaining_relevant circle {
  fill: #A4C3E3;
}
div.branded-chart svg g.legend.docterprog_al_qa_needed circle {
  fill: #B02318;
}
div.branded-chart svg g.legend text.legendLabel {
  dominant-baseline: central;
}
div.branded-chart svg g.bars {
  /* docter related - start */
  /* docter related - end */
}
div.branded-chart svg g.bars text.barValueLabel {
  text-anchor: middle;
  dominant-baseline: central;
  font-weight: bold;
}
div.branded-chart svg g.bars g.unassigned rect.bar {
  fill: #F29934;
}
div.branded-chart svg g.bars g.noconflict rect.bar {
  fill: #00A2E0;
}
div.branded-chart svg g.bars g.assigned rect.bar {
  fill: #69C14C;
}
div.branded-chart svg g.bars g.inactive rect.bar {
  fill: #D442F4;
}
div.branded-chart svg g.bars g.partials rect.bar {
  fill: #FFFF00;
}
div.branded-chart svg g.bars g.completed rect.bar {
  fill: #006BB3;
}
div.branded-chart svg g.bars g.completed text.barValueLabel {
  fill: white;
}
div.branded-chart svg g.bars g.docterprog_processing rect.bar {
  fill: #4DACA9;
}
div.branded-chart svg g.bars g.docterprog_finished rect.bar {
  fill: #2F7077;
}
div.branded-chart svg g.bars g.docterprog_finished text.barValueLabel {
  fill: white;
}
div.branded-chart svg g.bars g.docterprog_al_relevant rect.bar {
  fill: #7EAA55;
}
div.branded-chart svg g.bars g.docterprog_al_not_relevant rect.bar {
  fill: #F6C143;
}
div.branded-chart svg g.bars g.docterprog_al_not_yet_screened rect.bar {
  fill: #AEABAB;
}
div.branded-chart svg g.bars g.docterprog_al_predicted_not_relevant rect.bar {
  fill: #B02318;
}
div.branded-chart svg g.bars g.docterprog_al_estimated_remaining_relevant rect.bar {
  fill: #A4C3E3;
}
div.branded-chart svg g.bars g.docterprog_al_qa_needed rect.bar {
  fill: #B02318;
}

/* the dots that appear in tasks/assignments table when viewing a step for instance... */
span.status.unassigned {
  background-color: #F29934;
}
span.status.assigned {
  background-color: #69C14C;
}
span.status.completed {
  background-color: #006BB3;
}
span.status.cancelled {
  background-color: grey;
}
span.status.inactive {
  background-color: #D442F4;
}

.legend ul li.unassigned::before {
  background-color: #F29934;
}
.legend ul li.assigned::before {
  background-color: #69C14C;
}
.legend ul li.completed::before {
  background-color: #006BB3;
}
.legend ul li.cancelled::before {
  background-color: grey;
}
.legend ul li.inactive::before {
  background-color: #D442F4;
}

/* lets us drop a circle anywhere */
span.colorCodedStatusIndicator::before {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: table-cell;
  vertical-align: middle;
  content: "";
  padding-top: 10px;
}
span.colorCodedStatusIndicator.unassigned::before {
  background-color: #F29934;
}
span.colorCodedStatusIndicator.assigned::before {
  background-color: #69C14C;
}
span.colorCodedStatusIndicator.completed::before {
  background-color: #006BB3;
}
span.colorCodedStatusIndicator.active::before {
  background-color: #69C14C;
}

svg.confidenceIntervalChart circle {
  cursor: pointer;
}

div.confidenceIntervalChartTooltip {
  position: absolute;
  text-align: center;
  width: 220px;
  height: 67px;
  padding: 2px;
  font: 12px sans-serif;
  background: lightsteelblue;
  border: 0px;
  border-radius: 8px;
  pointer-events: none;
}

div.genericSingleLineTooltip {
  position: absolute;
  text-align: center;
  width: 180px;
  height: 23px;
  padding: 2px;
  font: 12px sans-serif;
  background: lightsteelblue;
  border: 0px;
  border-radius: 8px;
  pointer-events: none;
}

span.pseudoLabel {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: -0.05em;
  padding: 3px 0 15px 0;
  width: 30%;
  float: left;
}

div.tagWrapper, div.urlWrapper {
  margin-left: 237px;
  margin-top: -10px;
}

div.tagWrapper div.read-only, div.tagWrapper a.read-only, div.urlWrapper div.read-only, div.urlWrapper a.read-only {
  display: none;
}

div.urlWrapper input {
  text-decoration: underline;
}

div.literature div.chooserUI {
  margin-top: 20px;
}
div.literature div.chooserUI h1 {
  font-size: 1.5em;
  font-weight: bold;
}
div.literature div.chooserUI div {
  margin-top: 25px;
}
div.literature div.chooserUI a.beginBulkOperation {
  margin-top: 10px;
}

div.bulk_summary {
  margin-top: 10px;
}
div.bulk_summary h2 {
  font-size: 1.2em;
  display: inline-block;
}
div.bulk_summary table#bulk_study_overview {
  border: 1px solid;
  margin-bottom: 10px;
}
div.bulk_summary table#bulk_study_overview tr {
  border: 1px solid;
}
div.bulk_summary table#bulk_study_overview tr td, div.bulk_summary table#bulk_study_overview tr th {
  border: 1px solid;
  padding: 5px;
}

#flexFormSchemaBuilder {
  width: 100%;
  height: 100%;
}
#flexFormSchemaBuilder button {
  margin-left: 5px;
}
#flexFormSchemaBuilder button.delete {
  color: red;
  margin-bottom: 5px;
}
#flexFormSchemaBuilder .treeArea {
  background-color: lightgray;
  width: 70%;
  height: 100%;
  float: left;
}
#flexFormSchemaBuilder .treeArea div.node {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid darkgrey;
  min-height: 75px;
  margin: 15px;
  cursor: pointer;
  background-color: white;
}
#flexFormSchemaBuilder .treeArea div.selected {
  background-color: #42c8f4;
}
#flexFormSchemaBuilder .treeArea div.invalid {
  background-color: red;
}
#flexFormSchemaBuilder .treeArea div.nodeType {
  background-color: #00538B;
  color: white;
  padding: 3px;
  pointer-events: none;
  font-weight: bold;
}
#flexFormSchemaBuilder .treeArea div.dropTarget {
  background-color: gold;
  padding: 3px;
  pointer-events: none;
  position: absolute;
}
#flexFormSchemaBuilder .controlArea {
  min-height: 100px;
  position: fixed;
  border: 1px solid black;
}
#flexFormSchemaBuilder .controlArea .nodeConfiguration {
  margin-top: 5px;
  margin-bottom: 5px;
  clear: both;
}
#flexFormSchemaBuilder .controlArea .nodeConfiguration .configFieldRow {
  margin-top: 10px;
}
#flexFormSchemaBuilder .controlArea .nodeConfiguration .label {
  color: black;
  margin-right: 4px;
  font-weight: bold;
}
#flexFormSchemaBuilder .dragonTooltip {
  margin-left: 5px;
  cursor: default;
  padding-top: 1px;
  height: 15px;
  width: 15px;
  text-align: center;
  background-color: #00538B;
  color: white;
  border-radius: 50%;
  display: inline-block;
}
#flexFormSchemaBuilder input[type=text] {
  width: 100%;
}
#flexFormSchemaBuilder input[type=checkbox] {
  padding-top: 5px;
}

.btn-preview {
  cursor: pointer;
}

.flexFormSchemaConfiguration .ui-dialog-titlebar {
  display: none;
}
.flexFormSchemaConfiguration .ui-dialog-titlebar button {
  display: none;
}
.flexFormSchemaConfiguration #previewContainer #formArea {
  overflow: scroll;
  background-color: #eee;
}

/*
.alpaca-field-table {
	background-color: blue;
}

table.table-striped {
	background-color: orange;
	width: 100%;
	tbody {
		background-color: green;
		td {
			background-color: blue;

		}
	}
}
*/
div.sanitycheckblahblah {
  color: black;
}

div.table-responsive.alpaca-container {
  width: 100%;
}
div.table-responsive.alpaca-container table tr td .alpaca-field select {
  width: auto;
}

.ls_docu, .universal_docu {
  display: none;
  cursor: pointer;
}
.ls_docu.light, .universal_docu.light {
  color: white;
}
.ls_docu.light a, .universal_docu.light a {
  color: white;
}
.ls_docu a, .universal_docu a {
  font-size: 25px !important;
  text-transform: none !important;
  text-decoration: none !important;
}

#documentation_outer_wrapper {
  line-height: 1.4;
  margin-left: 10px;
  margin-right: 10px;
}
#documentation_outer_wrapper a.internal_link_within_lsdocs, #documentation_outer_wrapper a.external_link_from_lsdocs {
  text-decoration: underline;
  font-weight: bold;
}
#documentation_outer_wrapper a.lsdocs_navigation_link {
  text-decoration: underline;
}
#documentation_outer_wrapper div.last_update_display {
  display: none;
  font-style: italic;
}
#documentation_outer_wrapper table {
  border: 1px solid;
  width: 100%;
  overflow: auto;
  word-break: normal;
  /*
  display: block;
  width: 100%;
  overflow: auto;
  word-break: normal;
  word-break: keep-all;
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: initial;
  border-color: gray;
  border: 1px solid #ddd;

  thead {
  	display: table-header-group;
  	vertical-align: middle;
  	border-color: inherit;
  }

  tr {
  	background-color: #fff;
  	border-top: 1px solid #ccc;
  	display: table-row;
  	vertical-align: inherit;
  	border-color: inherit;
  }

  tbody {
  	    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
  }

  th {
  	padding: 6px 13px;
  	font-weight: bold;
  	display: table-cell;
  	vertical-align: inherit;
  	font-weight: bold;
  	text-align: -internal-center;
  }

  td {
  	display: table-cell;
  	vertical-align: inherit;
  }
  */
}
#documentation_outer_wrapper table thead {
  border: 1px solid;
}
#documentation_outer_wrapper table thead th {
  font-weight: bold;
}
#documentation_outer_wrapper table th, #documentation_outer_wrapper table td {
  border: 1px solid;
  padding: 5px;
}
#documentation_outer_wrapper strong {
  font-weight: bold;
}
#documentation_outer_wrapper span.treenav_quickskip {
  margin-left: 4px;
  display: inline-block;
}
#documentation_outer_wrapper span.treenav_quickskip span.small_link {
  vertical-align: 3px;
}
#documentation_outer_wrapper span.treenav_quickskip span.small_link:hover span.full_links {
  display: inline-block;
}
#documentation_outer_wrapper span.treenav_quickskip span.small_link span.full_links {
  display: none;
}
#documentation_outer_wrapper span.litstream_tm sup {
  font-size: 0.7em;
  vertical-align: super;
  text-transform: uppercase;
}
#documentation_outer_wrapper h1, #documentation_outer_wrapper h2, #documentation_outer_wrapper h3, #documentation_outer_wrapper h4, #documentation_outer_wrapper h5, #documentation_outer_wrapper h6 {
  margin-top: 10px;
  margin-bottom: 5px;
  font: revert;
  font-family: "Times New Roman", sans-serif;
  display: inline-block;
}
#documentation_outer_wrapper pre {
  display: block;
  font-family: monospace;
  white-space-collapse: preserve;
  text-wrap: nowrap;
  margin: 1em 0px;
  margin-top: 5px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  padding-top: 8px;
  padding-left: 16px;
  padding-right: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: lavender;
  border-radius: 3px;
  word-wrap: normal;
}
#documentation_outer_wrapper pre code {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 100%;
  word-break: normal;
  white-space: pre;
  background: transparent;
  display: inline;
  max-width: initial;
  padding: 0;
  margin: 0;
  overflow: initial;
  line-height: inherit;
  word-wrap: normal;
  border: 0;
}
#documentation_outer_wrapper pre code:before, #documentation_outer_wrapper pre code:after {
  content: normal;
}
#documentation_outer_wrapper code {
  padding: 0;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin: 0;
  font-size: 85%;
  background-color: lavender;
  border-radius: 3px;
  font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
#documentation_outer_wrapper code:before, #documentation_outer_wrapper code:after {
  letter-spacing: -0.2em;
  content: " ";
}
#documentation_outer_wrapper img {
  border: 1px solid;
  max-width: 50%;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
#documentation_outer_wrapper img.embiggened {
  max-width: 100%;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
#documentation_outer_wrapper img.unprocessed {
  cursor: pointer;
  max-width: 100%;
}
#documentation_outer_wrapper ul, #documentation_outer_wrapper ol {
  list-style: revert;
  margin-top: 5px;
  margin-left: 15px;
}
#documentation_outer_wrapper ul.alpha, #documentation_outer_wrapper ol.alpha {
  list-style-type: lower-alpha;
}
#documentation_outer_wrapper ul li, #documentation_outer_wrapper ol li {
  margin-bottom: 3px;
}
#documentation_outer_wrapper #documentation_inner_wrapper p, #documentation_outer_wrapper #documentation_inner_wrapper div {
  margin-top: 10px;
}
#documentation_outer_wrapper #documentation_inner_wrapper div.breadcrumbs {
  font-style: italic;
}
#documentation_outer_wrapper fieldset {
  margin-top: 10px;
  border: 1px groove #ddd !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 0px 0px #000;
}
#documentation_outer_wrapper fieldset.superadmin > legend {
  font-size: 1.2em !important;
  font-weight: bold !important;
  font-style: italic;
  color: red;
  text-align: left !important;
  width: inherit;
  padding: 0 10px;
  border-bottom: none;
}
#documentation_outer_wrapper fieldset.loggedin > legend, #documentation_outer_wrapper fieldset.manager > legend {
  font-size: 1.2em !important;
  font-weight: bold !important;
  text-align: left !important;
  width: inherit;
  padding: 0 10px;
  border-bottom: none;
}