body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  font: 0.8em/1.4em Verdana, Arial, sans-serif; }

#margins {
  width: 680px;
  margin: 0 auto;
  padding: 25px;
  background-color: #ffffff;
  border-left: 3px solid #391872;
  border-right: 3px solid #391872;
  box-shadow: 5px 5px 8px #b6b6b6;
}

.clear {
  clear: both; }

input[type="button"], input[type="submit"], .blue-button {
  background: var(--standard-blue);
  border: 2px solid var(--standard-blue-lightest);
  padding: 0.5em 0.8em;
  color: white;
}

/* disabled blue button*/
.blue-button[disabled] {
  background: var(--standard-blue-light);
  border: 2px solid var(--standard-blue-lightest);
  color: white;
  cursor: not-allowed;
}

.modal {
  display: none;
}

.modal.is-open {
  display: block;
}

/*
input[type="button"], input[type="submit"] {
  cursor: pointer;
  border: 1px solid #bcbec0;
  text-transform: uppercase;
  background: transparent url(https://www.teamdiagnostic.com/assets/button-bg.png) repeat-x;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }
*/

#headerTop-Logo,
#headerTop-Logo-not-logged-in,
#headerTop-Logo a,
#headerTop-Logo-not-logged-in a {
  width: 150px;
  height: 45px;
  display: block; }

#headerTop-Logo {
  background: transparent url(https://www.teamdiagnostic.com/assets/TCI_Logo_0819-Small_Web-150x.png) no-repeat;
  float: left; }

#headerTop-Logo-not-logged-in {
  background: transparent url(https://www.teamdiagnostic.com/assets/TCI_Logo_0819-Small_Web-150x.png) no-repeat;
  float: left;
  padding: 0 0 18px 0; }

#headerTop-Account {
  float: right;
  color: #231f20;
  font-size: 0.85em;
  text-align: right; }

#headerTop-Account a, #headerTop-Account a:visited {
  color: var(--standard-blue);
  text-decoration: none; }

#content h1 {
  color: var(--standard-blue);
  font-weight: normal;
  font-family: Helvetica;
  margin: 20px 0;
  padding: 0;
}

#content p a, #content p a:visited {
  text-decoration: none; }

#contentBlock {
  margin: 35px 0; }

#contentBlock-Tabs ul {
  padding: 0;
  margin: 0; }

#contentBlock-Tabs ul li {
  display: inline;
  list-style: none;
  border-top: 1px solid #808285;
  border-left: 1px solid #808285;
  border-right: 1px solid #808285;
  background-color: #0F469C;
  color: #362c66;
  font-weight: bold;
  position: relative;
  padding: 5px;
  top: -3px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  z-index: 100; }

#contentBlock-Tabs ul li a {
  /*color: #362c66;*/
  color: #fff; /* white */
  font-weight: normal;
  text-decoration: none; }

#contentBlock-Tabs ul li.special {
  float: right;
  background: none;
  border: none;
  text-transform: uppercase;
  color: #000;
  margin-top: -5px; }

#contentBlock-Tabs ul li.active {
  background-color: #ffffff;
}

#contentBlock-Tabs ul li.active  a{
  font-weight: bold;
  color: var(--standard-blue);
}

#content #contentBlock #contentBlock-Main {
  padding: 20px 20px 50px 20px;
  border: 1px solid #808285; }

#content #contentBlock #contentBlock-Main form h1 {
  color: #000;
  text-transform: uppercase;
  font: 1.1em Verdana, Arial, Sans-serif;
  margin: 0 0 0 0;
  padding: 0; }

#content #contentBlock #contentBlock-Main form h1 span.special {
  float: right;
  color: #adacad;
  text-transform: none;
  font-size: 0.8em; }

#content #contentBlock #contentBlock-Main form .field {
  margin-top: 13px;
}

#content #contentBlock #contentBlock-Main form .field input {
  margin-bottom: 3px;
}

#content #contentBlock #contentBlock-Main form label,
#content form #contentBlock-Main .field label,
#content #contentBlock-Main .leftLabel,
#login form .field label {
  color: var(--standard-blue);
  text-align: right;
  float: left;
  clear: both;
  width: 188px;
  padding: 1px 10px 0 0;
  font-size: 13px;
  font-weight: bold;
}

.ts-wrapper {
  width: 427px;
  display: inline-block;
}

#content #contentBlock-Main .leftLabel {
  width: 187px; }

#content form #contentBlock-Main {
  padding: 0 20px; }

#content #contentBlock #contentBlock-Main form .field label.subLabel {
  float: none;
  width: auto;
  padding: 0; }

input.norm, textarea.norm {
  /*color: #adacad;*/ }

input.cleardefault, textarea.cleardefault {
  color: #808285; }

input.norm:focus, textarea.norm:focus {
  /*  color: $main-color;*/ }

textarea.norm.long, input.norm {
  /*  border: 1px solid #58595b;*/
  font: 0.8em/1.4em Verdana, Arial, sans-serif; }

input.norm.long {
  width: 427px; }

input.norm.short {
  width: 280px; }

input.norm.small {
  width: 230px; }

textarea.norm.long {
  width: 425px;
  height: 35px; }

input.norm.quarter {
  width: 98px;
  margin-right: 5px;
  float: left; }

.noLabel {
  margin-left: 207px; }

.right {
  float: right; }

#content #contentBlock #contentBlock-Main form .field p {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  color: #adacad;
  width: 330px; }

#content #contentBlock #contentBlock-Main form .field p.short {
  width: 240px;
  display: inline-block;
  line-height: 1.2em; }

#contentBlock-Main {
  position: relative; }

#contentBlock-Main form #fieldSubmit {
  padding: 5px;
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 668px; }

#contentBlock-Main form #fieldSubmit input[value="Cancel"] {
  background-color: #be1e2d;
  border: none;
  text-align: center;
  color: #ffffff;
  width: 100px;
  text-transform: uppercase;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-image: none; }

#contentBlock-Main form #fieldSubmit input[value="<<< Go Back"] {
  background-color: #808285;
  border: none;
  text-align: center;
  color: #ffffff;
  width: 100px;
  text-transform: uppercase;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-image: none; }

#contentBlock-Main form #fieldSubmit input[value="Next >>>"],
#contentBlock-Main form #fieldSubmit input[value="Finish"],
#contentBlock-Main form #fieldSubmit input[id="orange_submit"],
#contentBlock-Main form #fieldSubmit input[value="Save"] {
  background-color: var(--standard-blue);
  border: none;
  text-align: center;
  color: #ffffff;
  width: 100px;
  text-transform: uppercase;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-image: none; }

.language {
  color: #362c66;
  font-weight: bold; }

h1#bgPurple,
h2#bgPurple,
h3#bgPurple {
  font-weight: bold;
  background-color: #391872;
  padding: 3px;
  font-size: 1.1em;
  color: #ffffff;
  display: block;
  text-transform: none;
  margin: 0; }

.bgPurple {
  font-weight: bold;
  background-color: #391872;
  padding: 3px;
  font-size: 1.1em;
  color: #ffffff;
  display: block;
  text-transform: none;
  margin: 0; }

#contentBlock #contentBlock-Main p#activity {
  margin: 10px 0; }

.padRight {
  border-bottom: 1px solid #6d6f71;
  width: 427px;
  margin-left: 207px;
  margin-bottom: 30px; }

#contentBlock #contentBlock-Main h1#padRight {
  border-bottom: 2px solid #6d6f71;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1em;
  padding-bottom: 5px;
  margin: 0;
  margin-top: 20px;
  color: #362c66; }

.paddingSupport {
  margin-left: 207px; }

p.paddingSupport {
  color: #58585a;
  font-size: 0.85em; }

#contentBlock-Main form p.paddingSupport strong a, p.paddingSupport strong a:visited {
  color: #bc813b; }

hr.special {
  border: 1px solid #6d6f71;
  margin: 10px 0 0 207px; }

.addMember-submit {
  margin: 10px 0 0 207px;
  text-transform: uppercase; }

.right {
  font-size: 12px;
  width: 432px;
  float: right;
  margin-top: 20px; }

.leftLabel {
  margin-top: 20px; }

.right p {
  margin-top: 0; }

.right .left, .right .right {
  width: 190px;
  padding: 0;
  margin: 0 0 0 20px;
  color: #adacad;
  font-size: 0.85em;
  line-height: 1em;
  text-align: left;
  text-indent: -2em;
  float: left; }

#simpleForm-Holder p {
  color: #58585a;
  font-size: 0.85em; }

#simpleForm-Holder p strong a, #simpleForm-Holder p strong a:visited {
  color: #bc813b; }

.right .simpleForm-Question {
  padding: 2px;
  position: relative; }

.right .simpleForm-Question .right {
  position: absolute;
  right: 2px;
  top: 4px;
  width: auto;
  margin-left: 20px;
}

.right .simpleForm-Question .right a,
.right .simpleForm-Question .right a:visited {
  text-decoration: none;
  margin-left: 20px; }

.odd {
  background-color: var(--standard-blue-lightest2);
}

.marginOff {
  margin-bottom: 0; }

.right textarea {
  width: 100%;
  height: 75px;
  clear: both;
  margin: 10px 0;
  /*  border: 1px solid #58595b;*/ }

.letter-preview-button {
  background: transparent url(https://www.teamdiagnostic.com/assets/preview.png) center left no-repeat;
  text-transform: uppercase;
  height: 21px;
  padding-left: 25px;
  border: none;
  float: right; }

#content #contentBlock #contentBlock-Main .padRight.marginOff h1#padRight {
  color: #362c66; }

span.diagnostic_answer_button a {
  color: black;
  font-weight: bold;
}

span.diagnostic_answer_button {
  background: var(--standard-blue-lightest);
  border-radius: 50%;
  width:  30px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
}

span.diagnostic_answer_selected_button {
  background: var(--standard-blue-light);
  border-radius: 50%;
  width:  30px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
}

/*
span.diagnostic_answer_button {
  background: radial-gradient(circle at left, #eee, #777);
  border-radius: 50%;
  width:  30px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  box-shadow: 3px 0px 8px #777;
}

span.diagnostic_answer_button a {
  color: black;
  font-weight: bold;
}

span.diagnostic_answer_selected_button {
  background: radial-gradient(circle at left, #777, #eee);
  border-radius: 50%;
  width:  30px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  box-shadow: 0px 1px 8px #777;
  border-right: 1px solid #eee;
  border-top: 1px solid #ddd;
}

span.diagnostic_answer_selected_button a {
  color: black;
  font-size: 1.2em;
  font-weight: bold;
  text-shadow: 0px 0px 6px #fff;
}
*/
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal.is-open {
  display: block;
}

.modal__overlay {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal__title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 44px;
}

.modal__container {
  background-color: white;
  padding: 40px 24px;
  border-radius: 10px;
  width: 500px;
  text-align: left;
}