@charset "UTF-8";
/*
https://color.adobe.com/create/color-wheel/?base=2&rule=Triad&selected=3&name=My%20Color%20Theme&mode=rgb&rgbvalues=0.07262047191758059,0.1861829017451965,0.6254901960784314,0.9379084967320261,0.4417265276866961,0.29647446549241163,0.2,0.34901960784313724,0.9254901960784314,0.40796393764439604,0.7254901960784315,0.08423064140910602,0.3672169654873351,0.6254901960784314,0.10389498172150212&swatchOrder=0,1,2,3,4
https://coolors.co/3359ec-68b915-f8c759-ff5f33-552c9f
*/
/* Cross Browser Mixin */
/* https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */
/*
https://color.adobe.com/create/color-wheel/?base=2&rule=Triad&selected=3&name=My%20Color%20Theme&mode=rgb&rgbvalues=0.07262047191758059,0.1861829017451965,0.6254901960784314,0.9379084967320261,0.4417265276866961,0.29647446549241163,0.2,0.34901960784313724,0.9254901960784314,0.40796393764439604,0.7254901960784315,0.08423064140910602,0.3672169654873351,0.6254901960784314,0.10389498172150212&swatchOrder=0,1,2,3,4
https://coolors.co/3359ec-68b915-f8c759-ff5f33-552c9f
*/
/* Cross Browser Mixin */
/* https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */
body {
  background: #fff url("img/light_wool.png") top left repeat;
  color: #22232f;
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
}

#wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#wrapper > * {
  width: 100%;
}
#wrapper > section {
  flex-grow: 1;
  height: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
  background: #fff url("img/light_wool.png") top left repeat;
}
#wrapper > section .page {
  flex-grow: 1;
  padding: 1em 2em;
  overflow: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media all and (max-width: 1024px) {
  #wrapper > section .page {
    padding: 1em;
  }
}
@media all and (max-width: 720px) {
  #wrapper {
    display: block;
    overflow: visible;
  }
  #wrapper > section {
    overflow: visible;
    height: auto;
  }
  #wrapper > section .page {
    overflow: visible;
    width: 0;
  }
}
#wrapper > footer {
  font-size: 0.9em;
  border-top: 1px solid #8e99a8;
  background: rgb(225.5635, 228.429, 232.3365);
  color: #22232f;
}
#wrapper > footer, #wrapper > footer * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#wrapper > footer .footerLayoutComponent {
  border-top: 1px solid #fff;
  text-align: center !important;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
#wrapper > footer .footerLayoutComponent .footerInfoComponent {
  padding: 1em;
}
#wrapper > footer .footerLayoutComponent .footerInfoComponent:first-child {
  text-align: left;
}
#wrapper > footer .footerLayoutComponent .footerInfoComponent:last-child {
  text-align: right;
}
#wrapper > footer .footerLayoutComponent .footerInfoComponent a {
  color: rgb(76.887966805, 90.4564315353, 141.112033195);
  text-decoration: underline;
}

#container {
  /* MAIN NAV */
  /********************************/
}
#container > nav {
  z-index: 1;
  background: rgb(242.8525, 244.035, 245.6475);
  border-right: 1px solid #8e99a8;
  overflow: visible;
}
#container > nav, #container > nav * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#container > nav > ul {
  width: 180px;
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 1em 0 0;
  position: relative;
  right: -1px;
  pointer-events: none;
}
#container > nav > ul > li {
  width: 100%;
  display: block;
  text-align: left;
  position: relative;
  padding-left: 0.5em;
}
@media all and (max-width: 720px) {
  #container > nav > ul > li {
    padding-left: 0;
  }
}
#container > nav > ul > li > a {
  text-decoration: none;
  display: block;
  padding: 1em;
  white-space: nowrap;
  pointer-events: auto;
}
#container > nav > ul > li > a svg {
  font-size: 24px;
  display: inline-block;
  width: 1em;
  margin-right: 0.5em;
  vertical-align: bottom;
  color: rgb(101.5725, 114.415, 131.9275);
}
#container > nav > ul > li > a, #container > nav > ul > li > a:link, #container > nav > ul > li > a:visited {
  color: #22232f;
}
#container > nav > ul > li > a:focus, #container > nav > ul > li > a:hover, #container > nav > ul > li > a:active {
  background: rgb(221.1460580913, 224.4012448133, 236.5539419087);
  text-decoration: none;
  color: rgb(58.9004149378, 69.2946058091, 108.0995850622);
}
#container > nav > ul > li > a:focus,
#container > nav > ul > li > a:focus svg, #container > nav > ul > li > a:hover,
#container > nav > ul > li > a:hover svg, #container > nav > ul > li > a:active,
#container > nav > ul > li > a:active svg {
  color: rgb(58.9004149378, 69.2946058091, 108.0995850622);
}
#container > nav > ul > li > a:focus svg + span, #container > nav > ul > li > a:hover svg + span, #container > nav > ul > li > a:active svg + span {
  text-decoration: underline;
}
#container > nav > ul > li.current {
  margin: 0;
  overflow: visible;
  overflow-x: hidden;
  z-index: 1;
  position: relative;
}
#container > nav > ul > li.current > a {
  background: rgb(221.1460580913, 224.4012448133, 236.5539419087);
  border-right: 1px solid #8e99a8;
  font-weight: bold;
}
#container > nav > ul > li.current > a svg {
  color: inherit !important;
}
#container > nav > ul > li.current > a > svg:last-child {
  display: none;
  position: absolute;
  right: -8.5px;
  margin: 0;
  color: #fff !important;
  stroke: #8e99a8;
  stroke-width: 20px;
  stroke-linecap: round;
}
#container > nav > ul > li.beforeActive, #container > nav > ul > li.current + li {
  z-index: 2;
}
#container > nav > ul .navsub li.current a {
  border: 1px solid #8e99a8;
  background: #fff;
  color: rgb(101.5725, 114.415, 131.9275);
  border-bottom: 1px solid #fff !important;
  position: relative;
}
#container > nav .tertiary_nav {
  margin-bottom: 0;
  margin-left: -0.5em;
  display: flex;
  flex-wrap: wrap;
}
#container > nav .tertiary_nav li {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap !important;
}
#container > nav .tertiary_nav li a,
#container > nav .tertiary_nav li *[aria-controls] {
  padding: 0.5em 1em 0.5em calc(48px + 0.5em);
  background: rgb(242.8525, 244.035, 245.6475);
  display: block;
  color: #22232f;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-decoration: none;
  font-weight: normal;
  pointer-events: auto;
}
#container > nav .tertiary_nav li a:focus, #container > nav .tertiary_nav li a:hover, #container > nav .tertiary_nav li a:active,
#container > nav .tertiary_nav li *[aria-controls]:focus,
#container > nav .tertiary_nav li *[aria-controls]:hover,
#container > nav .tertiary_nav li *[aria-controls]:active {
  color: rgb(76.887966805, 90.4564315353, 141.112033195);
  text-decoration: underline;
}
#container > nav .tertiary_nav li.current a,
#container > nav .tertiary_nav li.current *[aria-controls] {
  font-weight: bold;
}
#container > nav .tertiary_nav li svg {
  display: none;
}
@media all and (max-width: 720px) {
  #container > nav {
    max-width: 52px;
  }
  #container > nav > ul > li > a {
    max-width: 51px;
    overflow: hidden;
  }
  #container > nav > ul > li > a:focus, #container > nav > ul > li > a:hover {
    box-shadow: inset 0 0 0 1px rgb(76.887966805, 90.4564315353, 141.112033195), 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px rgb(76.887966805, 90.4564315353, 141.112033195), 0 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 0 1px rgb(76.887966805, 90.4564315353, 141.112033195), 0 0 0 1px #fff;
    border-left: 0;
    max-width: unset;
    overflow: visible;
  }
  #container > nav .tertiary_nav {
    max-width: 56px;
    overflow: visible;
  }
  #container > nav .tertiary_nav li {
    overflow: visible;
    width: unset;
  }
  #container > nav .tertiary_nav li > a {
    padding-left: 1.5em;
    overflow: hidden;
    max-width: 54px;
  }
  #container > nav .tertiary_nav li > a:focus, #container > nav .tertiary_nav li > a:hover {
    box-shadow: inset 0 0 0 1px rgb(76.887966805, 90.4564315353, 141.112033195), 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px rgb(76.887966805, 90.4564315353, 141.112033195), 0 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 0 1px rgb(76.887966805, 90.4564315353, 141.112033195), 0 0 0 1px #fff;
    max-width: unset;
    width: 100%;
  }
}

html, body {
  height: 100%;
  background-color: #fff;
}

/* direct children of #container */
#header,
#info {
  clear: both;
}

#offset {
  z-index: 1;
}

#offset.skinny {
  width: calc(100% - 16.25em - 2.5em);
  float: left;
  margin-right: -17em;
  position: relative;
}

#offset.skinny #content {
  width: 100%;
}

#content {
  margin-right: 11.4em;
  padding: 0;
}
#content.wide {
  margin-right: 0;
}
#content.padded {
  padding-left: 7px;
}
#content > h2 {
  font-size: 1.15rem;
  font-weight: 300;
}

#sidebar {
  width: 16.25em;
  padding: 0;
  float: right;
  position: relative;
  margin-left: 1em;
  min-height: 100px;
}

#search {
  margin: 0 !important;
}

#learning-center.bigbox div.accordion:nth-of-type(1) {
  margin-top: 0 !important;
}

@media all and (max-width: 1px) {
  header, footer {
    position: static !important;
    overflow: scroll !important;
    max-height: unset !important;
  }
  footer {
    min-width: unset !important;
  }
  #wrapper {
    overflow: scroll !important;
  }
  #container {
    overflow: visible !important;
  }
  #container nav {
    min-width: 58px;
    overflow: hidden !important;
  }
  #footerLayout {
    min-width: unset !important;
  }
}
/*
https://color.adobe.com/create/color-wheel/?base=2&rule=Triad&selected=3&name=My%20Color%20Theme&mode=rgb&rgbvalues=0.07262047191758059,0.1861829017451965,0.6254901960784314,0.9379084967320261,0.4417265276866961,0.29647446549241163,0.2,0.34901960784313724,0.9254901960784314,0.40796393764439604,0.7254901960784315,0.08423064140910602,0.3672169654873351,0.6254901960784314,0.10389498172150212&swatchOrder=0,1,2,3,4
https://coolors.co/3359ec-68b915-f8c759-ff5f33-552c9f
*/
/* Cross Browser Mixin */
/* https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */
label {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-weight: bold;
}

textarea {
  min-height: 5em;
}

input:not([type=radio]):not([type=button]):not([type=submit]),
select,
textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

select,
textarea,
input[type=text],
input[type=search],
input[type=password] {
  border: 1px solid rgb(101.5725, 114.415, 131.9275);
  border-radius: 2px;
  padding: 0.25em 0.5em;
}
select:focus,
textarea:focus,
input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus {
  outline: none;
  border-color: rgb(90.48, 101.92, 117.52);
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  background: rgb(230.7378640777, 250.0048543689, 210.9951456311);
}
select:disabled,
textarea:disabled,
input[type=text]:disabled,
input[type=search]:disabled,
input[type=password]:disabled {
  background: rgb(228.445, 231.03, 234.555);
}

select:focus,
button:focus,
input[type=button]:focus,
input[type=submit]:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
}

input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
}

.ssb-combobox {
  width: 100%;
}
.ssb-combobox .ssb-combobox-input {
  background: #FFF;
  border: 1px solid #8e99a8;
  height: 100%;
}
.ssb-combobox .ssb-combobox-input:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
}
.ssb-combobox .ui-button-icon-only {
  background: #FFF;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 23px;
  height: 23px;
  width: 23px;
  border: 1px solid #8e99a8;
  border-left: 0;
}
.ssb-combobox .ui-button-icon-only:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
}
.ssb-combobox .ui-icon {
  background: transparent !important;
  text-indent: 0;
  margin-left: -5px !important;
}
.ssb-combobox > * {
  height: 21px;
  color: #22232f;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  background: rgb(252.93775, 253.1385, 253.41225); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(252.93775, 253.1385, 253.41225) 50%, rgb(248.6155, 249.237, 250.0845) 51%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgb(252.93775, 253.1385, 253.41225)), color-stop(51%, rgb(248.6155, 249.237, 250.0845))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(252.93775, 253.1385, 253.41225) 50%, rgb(248.6155, 249.237, 250.0845) 51%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(252.93775, 253.1385, 253.41225) 50%, rgb(248.6155, 249.237, 250.0845) 51%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(252.93775, 253.1385, 253.41225) 50%, rgb(248.6155, 249.237, 250.0845) 51%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(252.93775, 253.1385, 253.41225) 50%, rgb(248.6155, 249.237, 250.0845) 51%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=0); /* IE6-9 */
}
.ssb-combobox > input {
  padding: 2px 0.5em;
}

.checkbox-wrapper {
  margin-right: 0.25em;
  vertical-align: middle;
  font-size: 18px;
  position: relative;
  width: calc(1em + 4px);
  height: calc(1em + 4px);
  display: inline-flex;
  overflow: visible;
  white-space: nowrap;
}
.checkbox-wrapper [type=checkbox] {
  appearance: unset;
  -moz-appearance: unset;
  -webkit-appearance: unset;
  margin: 0;
  border: none;
  background: transparent;
  display: inline-block;
  width: 100%;
  height: calc(100% - 6px);
  z-index: 1;
  position: absolute;
  top: 3px;
  left: 0;
  border-radius: 1px;
}
.checkbox-wrapper [data-prefix^=fa].white {
  color: #fff;
}
.checkbox-wrapper [data-prefix^=fa].gray {
  color: rgb(101.5725, 114.415, 131.9275);
}
.checkbox-wrapper > .on,
.checkbox-wrapper > .off,
.checkbox-wrapper > .indeterminate {
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.checkbox-wrapper > .on {
  display: none;
}
.checkbox-wrapper > .off {
  display: inline-block;
}
.checkbox-wrapper > .indeterminate {
  display: none;
}
.checkbox-wrapper [type=checkbox]:disabled ~ .on [data-prefix^=fa].white,
.checkbox-wrapper [type=checkbox]:disabled ~ .off [data-prefix^=fa].white,
.checkbox-wrapper [type=checkbox]:disabled ~ .indeterminate [data-prefix^=fa].white {
  color: #fff;
}
.checkbox-wrapper [type=checkbox]:disabled ~ .on [data-prefix^=fa].gray,
.checkbox-wrapper [type=checkbox]:disabled ~ .off [data-prefix^=fa].gray,
.checkbox-wrapper [type=checkbox]:disabled ~ .indeterminate [data-prefix^=fa].gray {
  color: rgb(211.156, 215.424, 221.244);
}
.checkbox-wrapper [type=checkbox]:checked ~ .on {
  display: inline-block;
}
.checkbox-wrapper [type=checkbox]:checked ~ .off {
  display: none;
}
.checkbox-wrapper [type=checkbox]:checked ~ .indeterminate {
  display: none;
}
.checkbox-wrapper [type=checkbox]:indeterminate ~ .on {
  display: none;
}
.checkbox-wrapper [type=checkbox]:indeterminate ~ .off {
  display: none;
}
.checkbox-wrapper [type=checkbox]:indeterminate ~ .indeterminate {
  display: inline-block;
}
.checkbox-wrapper:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
}

.toggle-wrapper {
  margin: 0.25em 0 0.25em 1em;
  vertical-align: middle;
  display: inline-block;
  position: relative;
}
.toggle-wrapper [type=checkbox] {
  appearance: unset;
  -moz-appearance: unset;
  -webkit-appearance: unset;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  margin: 0;
  border: none;
  background: transparent;
  display: block;
  width: 100%;
  height: calc(2.5em - 2px);
  z-index: 1;
  position: absolute;
}
.toggle-wrapper [type=checkbox]::-ms-check {
  border: none;
  background: transparent;
  color: transparent;
}
.toggle-wrapper > div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  border-radius: 1.125em;
  padding: calc(0.125em + 1px) 0.125em 0.125em;
  position: relative;
  z-index: 0;
  width: 100%;
  border: 1px solid #22232f;
  background: rgb(129.7281553398, 229.2087378641, 27.7912621359);
}
.toggle-wrapper > div.on {
  display: none;
}
.toggle-wrapper > div.on > span {
  float: right;
}
.toggle-wrapper > div.off {
  display: inline-block;
}
.toggle-wrapper > div.off > span {
  float: left;
}
.toggle-wrapper > div > span {
  display: inline-block;
  text-align: center;
  border-radius: 1.125em;
  font-weight: bold;
  border: 1px solid #22232f;
  color: #22232f;
  background: #fff;
  padding: calc(0.125em + 2px) 0.75em;
  line-height: 1;
  margin: 0 1px;
}
.toggle-wrapper [type=checkbox]:checked ~ .on {
  display: inline-block;
}
.toggle-wrapper [type=checkbox]:checked ~ .off {
  display: none;
}

*:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233);
  z-index: 1;
  border-radius: 1px;
}

a {
  padding: 1px;
  display: inline-block;
}

#wrapper > header *:focus {
  outline: #fff auto 4px !important;
  outline-offset: 1px !important;
  position: relative;
}

.radioset label {
  padding-right: 1em;
}

div.uc_div table {
  min-width: 600px;
  table-layout: auto;
}

.small_option_select {
  max-width: 200px;
}

.vpat_build_page_container thead tr th {
  text-align: center;
}

/* Change Password Form*/
#change_password_form {
  float: left;
  width: 65%;
}

#password-requirements.bullet-list {
  width: 35%;
}
#password-requirements.bullet-list div {
  list-style: none;
  text-align: left;
}
#password-requirements.bullet-list div .status {
  color: #22232f;
  width: 2em;
}
#password-requirements.bullet-list div .pass {
  color: rgb(67.9533980583, 120.8786407767, 13.7213592233);
}
#password-requirements.bullet-list div .fail {
  color: #992100;
}

/* End change password form*/
.scroll_text_block {
  max-height: 450px;
  overflow: auto;
}

#topActiveConfigHeading {
  margin-bottom: 1em;
}

.multipleVPATSEdit label {
  display: inline-block;
  width: 33%;
}
.multipleVPATSEdit input[type=text] {
  display: inline-block;
  width: 50%;
}

#paragraphSummaryContainer li.listError {
  height: auto;
  padding-bottom: 1em;
}
#paragraphSummaryContainer form ul li {
  margin-top: 0.3em;
}
#paragraphSummaryContainer form ul li:nth-of-type(n+3) {
  padding-left: 1.5em;
}
#paragraphSummaryContainer form ul li:nth-child(2) span, #paragraphSummaryContainer form ul li:nth-of-type(n+3) h6, #paragraphSummaryContainer form ul li:nth-of-type(n+3) p {
  font-size: 0.88em;
}
#paragraphSummaryContainer form ul li a {
  color: #22232f;
  text-decoration: underline;
}

.form_element_shift_up {
  position: relative;
  top: -3px;
}

.collapsable img {
  margin-right: 0.25em;
  position: relative;
  top: 4px;
}

.bigTextBlock {
  background-color: #fff;
  border: 1px dashed #8e99a8;
  word-wrap: break-word;
  max-width: 900px;
}
.bigTextBlock p {
  padding: 0;
  margin-bottom: 0.2em;
}

.principal_element > h3 {
  margin-top: 1em;
  margin-bottom: 1em;
}

#targetSystemContainer {
  margin-bottom: 0.75em;
}

#targetSystemContainer select,
#test_configuration_spider_inputs input[type=text],
#test_configuration_manual_inputs input[type=text] {
  width: 30em;
}

#test_configuration_spider_inputs #naming_inputs {
  margin: 0 !important;
  padding: 0 !important;
}
#test_configuration_spider_inputs > ul > li {
  text-align: center;
}
#test_configuration_spider_inputs > ul > li > input {
  display: inline-block;
  width: 2em;
}
#test_configuration_spider_inputs > ul > li + label {
  display: inline-block;
  width: calc(100% - 3em);
}
#test_configuration_spider_inputs label[for=csv1] {
  width: 18em;
  padding-bottom: 0.75em;
}

#test_configuration_manual_inputs label,
#test_configuration_spider_inputs label {
  display: inline-block;
  width: 12em;
}

#csv0 {
  margin-left: 3em;
}

label.inline_spider_error {
  padding: 0.5em !important;
}
label.inline_spider_error img {
  position: static !important;
  left: 0;
  top: 0;
}

#errors.spider_errors {
  width: 100%;
  list-style-type: none;
}
#errors.spider_errors li {
  padding: 0.5em !important;
}

ul.systemSub li:first-child a {
  background-image: none !important;
}

ul.systemSub li:nth-child(2) a {
  padding-left: 0.25em !important;
}

#sidebar #media_type_id {
  width: 13.8em;
}

#right-content-container {
  padding: 0 0;
}

#sidebar h2 {
  font-weight: bold;
  font-size: 1em;
}

#sidebar .ui-accordion-header,
#sidebar .heading_container {
  background: #6372aa; /* Old browsers */
}
#sidebar .ui-accordion-header, #sidebar .ui-accordion-header h2,
#sidebar .heading_container,
#sidebar .heading_container h2 {
  color: #fff;
}

.example_text {
  color: #8e99a8;
}

.input_container label,
.input_container li,
.step_content li {
  text-align: left;
  padding: 1em;
}

.input_container li.error,
#content div.step_content li.error {
  width: 100% !important;
}

.input_container label.error,
.input_container li.error img,
#content div.step_content li.error img {
  position: relative;
  top: -4px;
}

.left {
  float: left;
}

.border-yellow {
  border: 2px solid #fce94e;
}

.modalContainer {
  z-index: 1111;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 1em;
  /* different from original */
}
.modalContainer form,
.modalContainer table {
  margin-left: auto !important;
  margin-right: auto !important;
}
.modalContainer form {
  display: inline-block !important;
}
.modalContainer fieldset {
  padding: 1em !important;
}
.modalContainer .modalContent {
  z-index: 1004;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}
.modalContainer .modalDialogContent {
  position: relative;
}
.modalContainer .modalDialogContent #cancel,
.modalContainer .modalDialogContent #cancelBtn {
  float: right;
  margin-left: 0;
}
.modalContainer .modalDialogExtender {
  overflow: auto;
  z-index: 1002;
  border: 1px solid rgb(57.2025, 64.435, 74.2975);
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -moz-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -webkit-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
}
.modalContainer .modalDialogExtender * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.modalContainer .modalDialogExtender .modalDialogTitleBar {
  background: #6372aa;
  border-bottom: 1px solid rgb(198.0373443983, 203.5145228216, 223.9626556017);
  border-radius: 2px 2px 0 0;
  color: #fff;
  padding: 0.5em 1em;
  font-size: 1.1em;
  position: relative;
  height: 3em;
  width: 100%;
}
.modalContainer .modalDialogExtender .modalDialogTitleBar > * {
  display: inline-block;
  vertical-align: top;
}
.modalContainer .modalDialogExtender .modalDialogTitleBar *:focus {
  outline: #fff auto 3px;
  outline-offset: 1px;
}
.modalContainer .modalDialogExtender .modalDialogTitleBar .closeIcon {
  float: right;
}
.modalContainer .modalDialogExtender .modalDialogTitleBar .closeIcon svg {
  font-size: 18px;
  margin-top: 0.125em;
}
.modalContainer .modalDialogExtender .modalDialogTitleBar > h2 {
  color: #fff;
}
.modalContainer .modalDialogExtender #drop_trigger_container {
  display: inline-block;
}
.modalContainer .modalDialogExtender #drop_trigger_container div {
  border: 1px solid #8e99a8;
  border-bottom: 0;
  padding: 0.25em 0.5em;
}
.modalContainer .modalDialogExtender #drop_trigger_container div:not(:first-child) {
  border-top: 0;
}
.modalContainer .modalDialogExtender #drop_trigger_container div span {
  display: inline-block;
  width: calc(100% - 1em);
}
.modalContainer .modalDialogExtender #drop_trigger_container div .drop_item_close {
  display: inline-block;
  width: 1em;
  color: #22232f;
}
.modalContainer .modalDialogExtender #drop_trigger_container textarea:not(:first-child) {
  border-top: 0;
}
.modalContainer .modalDialogContentContainer.content_box {
  display: block;
  padding: 1em;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  text-align: left;
  background: #fff;
  border: 0 !important;
}
@media all and (max-width: 720px) {
  .modalContainer .modalDialogContentContainer.content_box {
    overflow-x: auto;
  }
}
.modalContainer .modalDialogTextCenter {
  text-align: center;
}
.modalContainer .modalDialogTextCenter br:first-of-type {
  margin: 0.25em;
}

#subnav_container li.current > a > span {
  color: #22232f !important;
}

.linkbox.violations_view ul {
  padding-left: 0.5em;
}

.leftnav_menu ul li::before,
#sidebar .SSBWidget_Container.linkbox li::before,
.linkbox.violations_view ul li::before {
  display: none;
  content: "⚫️";
}
.leftnav_menu ul li svg,
#sidebar .SSBWidget_Container.linkbox li svg,
.linkbox.violations_view ul li svg {
  color: rgb(101.5725, 114.415, 131.9275);
  font-size: 12px;
  margin-right: 0.25em;
}

.linkbox.violations_view ul li a {
  color: #6372aa !important;
  position: relative;
  left: -0.25em;
}

.linkbox.violations_view h2 {
  position: relative;
  left: 0.25em;
}

#expand_all_container {
  display: inline;
}

#expand_all_container label {
  position: relative;
  top: -2px;
}

#violations_search {
  display: inline;
  width: auto;
  margin-bottom: 2em;
}

#violations_search input:nth-child(2) {
  margin-right: 1em;
}

h1 span.bold {
  font-weight: bold;
  display: inline;
}

.supplementalParagraphInfo {
  max-height: 15em;
  overflow: auto;
}

#vpatFieldsEdit > div {
  margin: 0.25em 0.25em 1em;
}

#vpatFieldsEdit > div > label {
  position: relative;
  left: 1.5em;
  top: 0.25em;
  float: left;
  display: inline-block;
  width: 6em;
}

#vpatFieldsEdit > div > span {
  position: relative;
  left: 1.5em;
  top: 0.25em;
  display: inline-block;
  max-width: 65%;
  word-wrap: break-word;
}

#vpatFieldsEdit > div > span.label {
  float: left;
  margin-right: 1em;
  width: 12em;
}

#vpatFieldsEdit > div > input, #vpatFieldsEdit > div > textarea {
  position: relative;
  left: 8.25em;
}

#vpatFieldsEdit > div > button {
  float: right;
}

#vpatFieldsEdit input {
  float: left;
}

#vpatFieldsEdit .error {
  margin-right: 7em;
}

.SSBWidget_Container.linkbox, .SSBWidget_Container.box1-2 {
  width: 100%;
  padding: 0;
  margin-top: 0;
}

.SSBWidget_Container.box1-2 {
  width: 300px;
}

div.modalDialogTitleBar > h2,
.heading_container > h1,
.heading_container > h2,
.heading_container > h3,
.heading_container > h4,
.heading_container > h5,
.heading_container > h6 {
  font-weight: bold;
  font-size: 1em;
  display: inline-block;
  margin-top: 0.25em;
  margin-left: 0.25em;
  margin-bottom: 0.25em;
}

.SSBWidget_Container .heading_container > h1,
.SSBWidget_Container .heading_container > h2,
.SSBWidget_Container .heading_container > h3,
.SSBWidget_Container .heading_container > h4,
.SSBWidget_Container .heading_container > h5,
.SSBWidget_Container .heading_container > h6 {
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}

.SSBWidget_Container.linkbox ul, .SSBWidget_Container.box1-2 ul {
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-bottom: 0.5em;
}

.small_side_padding_x2 {
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}

.small_margin_bottom_x4 {
  margin-bottom: 1em;
}

span.ff_upgrade_notice {
  background-color: #ff5f33;
  border-radius: 3px;
  color: #fff;
  margin-left: 1em;
  font-weight: bold;
  padding: 0.15em 1em;
  font-size: 10px;
}

#naming_placeholder {
  max-width: 250px;
  max-height: 1em;
  overflow: hidden;
}

.step_content:nth-child(3) .input_container {
  display: block;
}

#rulesetTestingTree {
  border-top: 1.5em solid rgb(211.156, 215.424, 221.244);
  padding-top: 2px;
}

#InFocusTree_live_region #ajax_instance_container div.tab_content.root_tree_item {
  padding: 1em;
  height: 540px;
}

#selenium_test_template > label {
  display: inline-block;
  width: 15em;
}

#rename_current_spider_label {
  width: 19.5em;
}

.input_container {
  display: inline-block;
  width: auto;
}

.heading_container, .step_content > div:last-child {
  position: relative;
  width: 730px;
}

.SSBWidget_Container .heading_container {
  width: auto;
}

.instructional > div {
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
}

#test_level_inputs label, #test_type_inputs label {
  position: relative;
  top: 2px;
}

#schedule_type_container,
#test_configuration_manual_inputs,
#spiderAdvanced,
#test_configuration_spider_inputs,
#use_cases_section,
#select_macros_container {
  width: 770px;
  background-color: rgb(242.8525, 244.035, 245.6475);
  border: 1px solid #8e99a8;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #fff inset;
  -moz-box-shadow: 0 0 0 1px #fff inset;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
  padding: 1em;
}

#use_cases_section {
  margin-top: 1em;
}

#spiderAdvanced > div:first-child,
#test_configuration_spider_inputs > div:first-child {
  text-align: left;
}

.collapseContainer {
  float: right;
}
.collapseContainer svg {
  font-size: 24px;
}
.collapseContainer:not(.isHidden) .fa-caret-down {
  display: none;
}
.collapseContainer.isHidden .fa-caret-up {
  display: none;
}

.content_collapsed {
  height: 2em;
}

.step_content:last-child .saveLink {
  position: relative;
  left: 7em;
}

#start_url_container input, #schedule_type_container select {
  /*	display: block;*/
}

#start_url_container label, #schedule_type_container label {
  /* display: block; */
}

#technology_inputs li {
  display: inline-block;
  padding: 0.5em;
  border-radius: 3px;
  margin-bottom: 0.5em;
}

#spiderAdvanced input:nth-child(8) {
  margin-bottom: 1em;
}

.maybeFloat {
  float: right !important;
  width: 20.75em !important;
}

#spiderAdvanced fieldset {
  margin-bottom: 1em;
}

#spiderAdvanced fieldset label {
  position: relative;
  top: 2px !important;
}

#spiderAdvanced label, #start_url_container label {
  width: 12em;
  vertical-align: baseline !important;
}

#spiderAdvanced input[type=text] {
  width: 19.5em;
}

#schedule_type_container > select {
  float: right;
  position: relative;
  left: -1.5em;
}

#spiderAdvanced select {
  width: 5em;
}

#spiderAdvanced fieldset.showbl {
  width: 35em;
}

#scopeDiv {
  margin: 0.5em 0 1.5em;
  font-size: 13px;
  overflow: hidden;
  width: 90%;
  max-height: calc(100% - 8em);
  border-collapse: collapse;
  border: 1px solid #8e99a8;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  box-sizing: border-box;
  border-spacing: 2px;
  -moz-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -webkit-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
}

#scopeDiv div {
  width: 100%;
  box-sizing: border-box;
  border-spacing: 2px;
  padding-left: 1em;
}

#scopeDiv div:hover {
  background: rgb(242.8525, 244.035, 245.6475);
}

ul.bullet-list, ul.bullet-list li {
  list-style: disc inside;
  text-align: center;
}

#test_configuration_instructional {
  margin-bottom: 1em;
}

#paragraphSummaryContainer fieldset {
  margin-bottom: 1em;
  padding: 2em;
}

#paragraphSummaryContainer legend {
  position: relative;
  top: 1em;
}

input.marginTop {
  margin-top: 1em;
}

#modules_list_container table tbody tr td:nth-child(6) {
  text-align: center;
}

#modules_list_container table tbody tr td:nth-child(7) {
  text-align: center;
}

/**************************/
/* Lenovo VPAT Checklists */
/**************************/
#checklist_selector > fieldset > label {
  width: 8em;
  display: inline-block;
  margin-left: 1em;
}

#checklist_selector .wideLabel {
  width: 12em;
}

.checklist #loading_image {
  position: relative;
  left: 47%;
}

.form_checkbox_label {
  position: relative;
  top: -2px;
  left: 2px;
}

.no_perm_msg p {
  margin-top: 1.5em;
  margin-right: 1em;
  margin-left: 1em;
}

.fullWidth {
  width: 100%;
}

#modal_dialog_message_modal dl.report_data dd,
#modal_dialog_message_modal dl.report_data dt {
  padding-top: 1em;
}

#modal_form #checklist_name {
  margin-left: 1em;
}

#modal_form .modalPatternFieldSet {
  border: 1px solid rgb(211.156, 215.424, 221.244);
  margin-bottom: 20px;
  padding-right: 14px;
}

#modal_form > #patterns fieldset {
  position: relative;
  margin-right: 2px;
}

#modal_form > #patterns select {
  position: relative;
  margin-right: 16px;
}

div:nth-child(3) .full_paragraph_listing {
  margin-top: 1em;
}

.full_paragraph_listing legend {
  display: block;
}

.full_paragraph_listing input:nth-child(2) {
  margin-left: 12.75em;
}

.full_paragraph_listing textarea {
  margin-left: 5.5em;
}

.full_paragraph_listing textarea {
  margin-top: 1em;
  margin-bottom: 1em;
}

.full_paragraph_listing input[type=radio] {
  margin-top: 1em;
}

.vpat_publish {
  margin-left: 0 !important;
}

.vpat_paragraph_desc {
  font-weight: bold;
}

.vpat_paragraph_desc:first-child {
  margin-top: 2em;
}

.vpat_paragraph_note,
.vpat_paragraph_status {
  padding-left: 2em;
}

#paragraphSummaryContainer legend {
  display: block;
  margin-top: 2em;
  margin-bottom: 0.2em;
}

#paragraphSummaryContainer label {
  display: block;
}

#checklist_data ul {
  margin-left: 2em;
  margin-bottom: 0;
}

#checklist_data input {
  position: relative;
  top: 3px;
  margin-right: 0.5em;
}

#checklist_selector > fieldset > div:nth-child(2),
#checklist_selector > fieldset > div:nth-child(11) {
  width: 8em;
  display: inline-block;
  margin-right: 1em;
}

#checklist_selector input[type=submit] {
  margin-top: 1em;
  margin-bottom: 1em;
}

#checklist_selector select {
  display: inline-block;
}

#checklist_data input[type=submit] {
  margin-top: 1em;
}

.vpat_checklist_details_container {
  margin-top: 2em;
}

.vpat_checklist_details_container > div {
  margin-top: 5em;
}

.vpat_checklist_details_container div > h2 {
  font-weight: bold;
}

.vpat_checklist_details_container div > a {
  margin-bottom: 1em;
  margin-top: 1em;
}

.vpat_checklist_details_container div > a {
  display: inline-block;
}

.vpat_checklist_details_container div > table {
  margin-bottom: 1em;
}

#vpatFieldsEdit {
  width: 100%;
  max-width: 746px;
}

#vpat_builder_summary_table tbody tr td,
.vpat_checklist_details_container div table tbody tr td {
  background: none !important;
  border: 1px solid rgb(211.156, 215.424, 221.244) !important;
}

#vpat_builder_summary_table thead a,
.vpat_checklist_details_container table thead a {
  color: #22232f;
}

.report_data dd ul li {
  margin-left: 3.75em;
}

/**************************/
/* Rulseset Test Tree     */
/**************************/
#rulesetTestingTree #lr_tab_content_test ul,
#InFocusTree_live_region #lr_tab_content_test ul {
  list-style-type: disc;
  margin-left: 2.55em;
}

h2.rulesetRootNode {
  float: left;
}

#ruleset_test_list li.noChildren {
  /* TODO: remove images from manual testing tree */
  background-image: url("/images/inFocus/folder_open_16x32.png") !important;
}

#ruleset_test_list h2.highlight {
  background-color: #fff;
}

#ruleset_test_list h2.highlight a {
  border: 1px dotted #fff;
  background-color: rgb(76.887966805, 90.4564315353, 141.112033195);
  color: #fff;
}

li.bold > a:first-child {
  font-weight: bold;
}

#ruleset_test_list #module_tree_passed li li,
#ruleset_test_list #module_tree_notApplicable li li {
  padding-left: 32px;
}

#InFocusTree_live_region.checklist > div > #lr_tab_content_fix h2 {
  margin-bottom: 1em;
  /*margin-top: 1em;*/
  text-align: left;
  display: block;
}

#InFocusTree_live_region.checklist > div > #lr_tab_content_fix .compliant {
  margin-bottom: 1em;
}

/**************************/
/* End Rulseset Test Tree */
/**************************/
/* clearfix */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
}

#skiplink a {
  position: absolute;
  top: -300px;
}
#skiplink a:focus {
  color: #22232f;
  top: 1.25em;
  z-index: 1000;
  left: 140px;
  padding: 0.5em;
  border-radius: 3px;
  background: rgb(231.0497925311, 233.3526970954, 241.9502074689);
}

html, body, h1, h2, h3, h4, h5, h6, p, ul, li, form, fieldset {
  padding: 0;
  margin: 0;
}

fieldset {
  border-width: 0;
}

legend {
  display: none;
  font-size: small;
  color: #22232f;
  font-weight: bold;
  margin-left: -5px;
}

fieldset.showbl, div.showbl {
  border-width: 2px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

div.showbl {
  border: 1px groove #22232f;
  padding-bottom: 5px;
  padding-left: 0;
  margin: 10px;
  clear: left;
}

fieldset.upload, div.upload {
  border-width: 2px;
  padding: 7px;
  margin: 10px;
  max-width: 675px;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

fieldset.test_question legend, fieldset.showbl legend, fieldset.upload legend, fieldset.filter legend {
  display: inline;
  white-space: normal;
  margin: 5px;
}

fieldset.filter div.toggleFilter {
  padding-top: 5px;
  float: left;
  width: 180px;
}

div.showbl h2 {
  display: inline;
  white-space: normal;
  margin: 5px;
}

fieldset.showbl select {
  margin-left: 2px;
  margin-right: 15px;
  width: 268px;
}

fieldset.showbl select.instances {
  margin-right: 8px;
  width: auto;
}

div.showbl select {
  margin-left: 5px;
  margin-right: 15px;
}

.mediaHeader {
  padding: 5px 0 0 5px;
  width: 84%;
  display: inline-block;
}

.mediaHeader h2 {
  display: inline;
  padding: 0;
  margin: 0;
}

div.even {
  background: rgb(231.0497925311, 233.3526970954, 241.9502074689);
}

div.nodatalinkbox {
  margin: 5px 10px;
}

/********************************/
/* main stuff */
/********************************/
*:not(.fa),
*:not(svg.svg-inline--fa) {
  font-family: Roboto, Arial, sans-serif;
}

.hidden {
  display: none;
}

.skiplink {
  height: 0;
  padding: 0;
  margin: 0;
  position: relative;
}

.skiplink a {
  position: absolute;
  top: -200px;
  left: 150px;
  display: block;
  background: #fff;
  color: #22232f;
  font-weight: bold;
  padding: 5px 10px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
}

.skiplink a:focus,
.skiplink a:active {
  top: 5px;
}

#main {
  position: relative;
}
#main .skiplink a {
  top: -1200px;
  left: 0;
}
#main .skiplink a:focus, #main .skiplink a:active {
  top: -3em;
  z-index: 1000;
}

a img {
  border: 0;
}

a:link,
a:visited {
  text-decoration: underline;
  color: rgb(76.887966805, 90.4564315353, 141.112033195);
}

a:hover,
a:active,
a:focus {
  text-decoration: underline;
}

#learning_center a,
#learning_center a:hover,
#learning_center a:active,
#learning_center a:link,
#learning_center a:visited {
  color: #fff;
}

ul {
  list-style: none;
  margin-bottom: 1em;
  padding: 0;
  word-wrap: break-word;
}

ul.bullet {
  list-style: disc outside;
  padding-left: 15px;
}

ul.nobottommargin {
  margin-bottom: 0;
}

#learning-center ul.bullet {
  margin-bottom: 0;
}

p {
  margin-bottom: 1em;
}

.below {
  clear: both;
}

.infopop p,
.infopop div {
  display: none;
  visibility: hidden;
  position: absolute;
  text-decoration: none;
  left: -10000px;
  bottom: 0;
  width: 20em;
  font-weight: normal;
  text-align: left;
  padding: 7px;
  z-index: 10;
  color: #22232f !important;
  background: rgb(239.5960591133, 234.2438423645, 249.2561576355);
  box-shadow: 0 0 4px #8e99a8, inset 0 0 0 1px #fff;
  border: 1px solid rgb(63.645320197, 32.9458128079, 119.0541871921);
  border-radius: 3px;
}

.infopop {
  position: absolute;
  padding-left: 5px;
  display: inline-block;
  white-space: normal;
}

.infopop img {
  vertical-align: sub;
}

.infopop:focus p,
.infopop:hover p,
.infopop:active p,
.infopop:focus div,
.infopop:hover div,
.infopop:active div {
  display: block;
  left: 5px;
  bottom: 10px;
  visibility: visible;
}

.infopop:focus p.obscured,
.infopop:hover p.obscured,
.infopop:active p.obscured,
.infopop:focus div.obscured,
.infopop:hover div.obscured,
.infopop:active div.obscured {
  left: -200px;
}

.content_container.migration-info,
.content_container.migration-info .dataTables_wrapper,
.content_container.migration-info table th.actions {
  overflow: visible;
}

.content_container.migration-info .infopop svg {
  position: relative;
  right: 0;
}

/* module testing infopop needs to show left-downwards to stay inside the area */
.testinginfopop {
  float: right;
}

.testinginfopop:focus p,
.testinginfopop:hover p,
.testinginfopop:active p,
.testinginfopop:focus div,
.testinginfopop:hover div,
.testinginfopop:active div {
  left: auto;
  bottom: auto;
  right: 20px;
  top: 20px;
}

/* this is specific to the lenovo is finalized infopop */
.finalizedinfopop:focus p,
.finalizedinfopop:hover p,
.finalizedinfopop:active p,
.finalizedinfopop:focus div,
.finalizedinfopop:hover div,
.finalizedinfopop:active div {
  left: 20px;
  bottom: auto;
  right: auto;
  top: 2px;
}

h2 {
  color: rgb(57.2025, 64.435, 74.2975);
  margin-bottom: 0.75em;
}

p.linkbuttonright {
  float: right;
  margin-bottom: 0;
}

/********************************/
/* font-sizes + line-height */
/********************************/
h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1.25em;
}

#sidebar .ui-accordion h2,
#sidebar .ui-accordion h3,
#sidebar .ui-accordion h4,
#sidebar .ui-accordion h5,
#sidebar .ui-accordion h6,
#sidebar .ui-accordion p,
#sidebar .ui-accordion li,
#sidebar .ui-accordion dt,
#sidebar .ui-accordion dd {
  font-size: 100%;
}

fieldset h3 {
  font-size: small;
}

fieldset h3 span {
  font-weight: normal;
}

p.linkbuttonright {
  font-size: small;
}

h2 .infopop span {
  font-size: 83%; /* 80/96x100 */
}

ul.wizardsteps li {
  font-size: 76%;
}

#content form fieldset label {
  font-size: small;
  top: -2px;
}

div.dateRange {
  margin-bottom: 0.5em;
}
div.dateRange label {
  display: inline-block;
  width: 10em;
}

#content form div label {
  /*line-height:1.8;*/
  vertical-align: top;
}

#content form fieldset.actions label,
#content form fieldset.actions input {
  line-height: 1;
  vertical-align: middle;
}

#content form div td label {
  font-size: medium;
}

p, li {
  line-height: 1.6;
}

:not(.content_container) > .tableheader {
  border: 1px solid #8e99a8;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
}

.tableheader {
  margin-bottom: -6px;
  background: #fff;
  box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -moz-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -webkit-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
}
.tableheader > .linear_table_header {
  border-radius: 2px 2px 0 0;
  background: rgb(76.887966805, 90.4564315353, 141.112033195);
}
.tableheader h2 {
  margin-bottom: 0;
  display: inline;
}
.tableheader .bulk_actions_table_controls > h2,
.tableheader .bulk_actions_table_controls > h3 {
  background: transparent;
  font-size: 1.2em;
  color: #22232f;
  padding: 0.5em;
}
div.bulk_actions_container {
  text-align: left;
}
div.bulk_actions_container h2 {
  text-align: left;
}
div.bulk_actions_container ul.linkboxmenu {
  display: inline-block;
  width: 100%;
  margin: 0.25em 0.5em;
}
div.bulk_actions_container ul.linkboxmenu li {
  display: inline-block;
  padding-right: 1em;
}

table {
  margin: 0.5em 0 1.5em;
  width: 100%;
  max-height: calc(100% - 8em);
  border-collapse: collapse;
  border: 1px solid #8e99a8;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -moz-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -webkit-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
}
table.large {
  table-layout: fixed;
}
table thead tr:first-child :first-child {
  border-top-left-radius: 2px;
}
table thead tr:first-child :last-child {
  border-top-right-radius: 2px;
}
table thead tr:first-child th {
  background: rgb(76.887966805, 90.4564315353, 141.112033195);
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap !important;
}
table thead tr:first-child th, table thead tr:first-child th a {
  color: #fff;
}
table thead tr:first-child th:focus, table thead tr:first-child th a:focus {
  outline: #fff auto 3px;
  outline-offset: 1px;
}
table tbody tr:nth-child(even) {
  background: rgb(242.8525, 244.035, 245.6475);
}
table tbody tr:hover {
  background: rgb(231.0497925311, 233.3526970954, 241.9502074689);
}
table tbody tr :first-child {
  border-bottom-left-radius: 2px;
}
table tbody tr :last-child {
  border-bottom-right-radius: 2px;
}
table tbody th:not(.table-cell-header) {
  font-weight: bold;
  background: rgb(237.6522821577, 239.3203319502, 245.5477178423);
  border-right: 2px solid !important;
  border-color: rgb(155.1211618257, 164.7248962656, 200.5788381743) !important;
}
table tbody th a {
  text-decoration: underline !important;
}
table tbody tr:nth-child(even) th:not(.table-cell-header) {
  background: rgb(244.2547717842, 245.287966805, 249.1452282158);
}
table tr.pagination td {
  text-align: right;
  border-top: 1px solid rgb(211.156, 215.424, 221.244);
}
table tr.pagination td div.pagresults {
  padding-top: 7px;
  float: left;
}
table th, table td {
  padding: 0.5em;
}
table th:not(.actions), table td:not(.actions) {
  white-space: pre-wrap;
  word-wrap: break-word;
}
table th.width-1, table td.width-1 {
  width: 1%;
}
table th.width-2, table td.width-2 {
  width: 2%;
}
table th.width-3, table td.width-3 {
  width: 3%;
}
table th.width-4, table td.width-4 {
  width: 4%;
}
table th.width-5, table td.width-5 {
  width: 5%;
}
table th.width-6, table td.width-6 {
  width: 6%;
}
table th.width-7, table td.width-7 {
  width: 7%;
}
table th.width-8, table td.width-8 {
  width: 8%;
}
table th.width-9, table td.width-9 {
  width: 9%;
}
table th.width-10, table td.width-10 {
  width: 10%;
}
table th.width-11, table td.width-11 {
  width: 11%;
}
table th.width-12, table td.width-12 {
  width: 12%;
}
table th.width-13, table td.width-13 {
  width: 13%;
}
table th.width-14, table td.width-14 {
  width: 14%;
}
table th.width-15, table td.width-15 {
  width: 15%;
}
table th.width-16, table td.width-16 {
  width: 16%;
}
table th.width-17, table td.width-17 {
  width: 17%;
}
table th.width-18, table td.width-18 {
  width: 18%;
}
table th.width-19, table td.width-19 {
  width: 19%;
}
table th.width-20, table td.width-20 {
  width: 20%;
}
table th.width-21, table td.width-21 {
  width: 21%;
}
table th.width-22, table td.width-22 {
  width: 22%;
}
table th.width-23, table td.width-23 {
  width: 23%;
}
table th.width-24, table td.width-24 {
  width: 24%;
}
table th.width-25, table td.width-25 {
  width: 25%;
}
table th.width-26, table td.width-26 {
  width: 26%;
}
table th.width-27, table td.width-27 {
  width: 27%;
}
table th.width-28, table td.width-28 {
  width: 28%;
}
table th.width-29, table td.width-29 {
  width: 29%;
}
table th.width-30, table td.width-30 {
  width: 30%;
}
table th.width-31, table td.width-31 {
  width: 31%;
}
table th.width-32, table td.width-32 {
  width: 32%;
}
table th.width-33, table td.width-33 {
  width: 33%;
}
table th.width-34, table td.width-34 {
  width: 34%;
}
table th.width-35, table td.width-35 {
  width: 35%;
}
table th.width-36, table td.width-36 {
  width: 36%;
}
table th.width-37, table td.width-37 {
  width: 37%;
}
table th.width-38, table td.width-38 {
  width: 38%;
}
table th.width-39, table td.width-39 {
  width: 39%;
}
table th.width-40, table td.width-40 {
  width: 40%;
}
table th.width-41, table td.width-41 {
  width: 41%;
}
table th.width-42, table td.width-42 {
  width: 42%;
}
table th.width-43, table td.width-43 {
  width: 43%;
}
table th.width-44, table td.width-44 {
  width: 44%;
}
table th.width-45, table td.width-45 {
  width: 45%;
}
table th.width-46, table td.width-46 {
  width: 46%;
}
table th.width-47, table td.width-47 {
  width: 47%;
}
table th.width-48, table td.width-48 {
  width: 48%;
}
table th.width-49, table td.width-49 {
  width: 49%;
}
table th.width-50, table td.width-50 {
  width: 50%;
}
table th.width-51, table td.width-51 {
  width: 51%;
}
table th.width-52, table td.width-52 {
  width: 52%;
}
table th.width-53, table td.width-53 {
  width: 53%;
}
table th.width-54, table td.width-54 {
  width: 54%;
}
table th.width-55, table td.width-55 {
  width: 55%;
}
table th.width-56, table td.width-56 {
  width: 56%;
}
table th.width-57, table td.width-57 {
  width: 57%;
}
table th.width-58, table td.width-58 {
  width: 58%;
}
table th.width-59, table td.width-59 {
  width: 59%;
}
table th.width-60, table td.width-60 {
  width: 60%;
}
table th.width-61, table td.width-61 {
  width: 61%;
}
table th.width-62, table td.width-62 {
  width: 62%;
}
table th.width-63, table td.width-63 {
  width: 63%;
}
table th.width-64, table td.width-64 {
  width: 64%;
}
table th.width-65, table td.width-65 {
  width: 65%;
}
table th.width-66, table td.width-66 {
  width: 66%;
}
table th.width-67, table td.width-67 {
  width: 67%;
}
table th.width-68, table td.width-68 {
  width: 68%;
}
table th.width-69, table td.width-69 {
  width: 69%;
}
table th.width-70, table td.width-70 {
  width: 70%;
}
table th.width-71, table td.width-71 {
  width: 71%;
}
table th.width-72, table td.width-72 {
  width: 72%;
}
table th.width-73, table td.width-73 {
  width: 73%;
}
table th.width-74, table td.width-74 {
  width: 74%;
}
table th.width-75, table td.width-75 {
  width: 75%;
}
table th.width-76, table td.width-76 {
  width: 76%;
}
table th.width-77, table td.width-77 {
  width: 77%;
}
table th.width-78, table td.width-78 {
  width: 78%;
}
table th.width-79, table td.width-79 {
  width: 79%;
}
table th.width-80, table td.width-80 {
  width: 80%;
}
table th.width-81, table td.width-81 {
  width: 81%;
}
table th.width-82, table td.width-82 {
  width: 82%;
}
table th.width-83, table td.width-83 {
  width: 83%;
}
table th.width-84, table td.width-84 {
  width: 84%;
}
table th.width-85, table td.width-85 {
  width: 85%;
}
table th.width-86, table td.width-86 {
  width: 86%;
}
table th.width-87, table td.width-87 {
  width: 87%;
}
table th.width-88, table td.width-88 {
  width: 88%;
}
table th.width-89, table td.width-89 {
  width: 89%;
}
table th.width-90, table td.width-90 {
  width: 90%;
}
table th.width-91, table td.width-91 {
  width: 91%;
}
table th.width-92, table td.width-92 {
  width: 92%;
}
table th.width-93, table td.width-93 {
  width: 93%;
}
table th.width-94, table td.width-94 {
  width: 94%;
}
table th.width-95, table td.width-95 {
  width: 95%;
}
table th.width-96, table td.width-96 {
  width: 96%;
}
table th.width-97, table td.width-97 {
  width: 97%;
}
table th.width-98, table td.width-98 {
  width: 98%;
}
table th.width-99, table td.width-99 {
  width: 99%;
}
table th.width-100, table td.width-100 {
  width: 100%;
}
table th.actions, table td.actions {
  text-align: center;
}
table th.actions > *, table td.actions > * {
  margin-right: 0.5em;
}
table th.actions > *:last-child, table td.actions > *:last-child {
  margin-right: 0;
}
table th.actions a, table th.actions button, table th.actions input[type=button], table th.actions input[type=submit], table td.actions a, table td.actions button, table td.actions input[type=button], table td.actions input[type=submit] {
  display: inline-block;
  font-size: 14px;
  width: 22px;
  height: 22px;
  padding: 2px;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
table th.truncate, table td.truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap !important;
}
table th.capitalize, table td.capitalize {
  text-transform: capitalize;
}
table th.centered, table td.centered {
  text-align: center;
}
table th {
  text-align: left;
}
table th:not(.table-cell-header) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap !important;
}
table th.tooltip {
  white-space: normal;
  overflow: visible;
}
table th .sort-icon {
  position: absolute;
  right: 0.25em;
  top: calc(50% - 4px);
}
table td.no-records {
  text-align: center;
  padding: 1em;
  color: rgb(101.5725, 114.415, 131.9275);
}
table td.topvalign {
  vertical-align: top;
}
table td.table_heading {
  font-weight: bold;
}
table td.table_heading h2 {
  margin-bottom: 0;
  color: #22232f;
}
table td [role=img].thumbnail {
  max-width: 100%;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  border-radius: 2px;
}

table.simple {
  width: 90%;
}
table.simple, table.simple table {
  max-height: none;
  border: 0;
  background: transparent !important;
  table-layout: auto;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
table.simple thead tr:first-child th, table.simple table thead tr:first-child th {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap !important;
}
table.simple thead tr:first-child th, table.simple thead tr:first-child th a, table.simple table thead tr:first-child th, table.simple table thead tr:first-child th a {
  color: #fff;
}
table.simple tbody tr, table.simple table tbody tr {
  background: transparent !important;
}
table.simple th, table.simple table th {
  background: transparent;
  color: #fff;
}

#info > a {
  color: #6372aa;
  font-size: 1.1em;
}

.linear_gradient,
#use_cases.table_toolbar,
#modules_toolbar {
  background: rgb(225.5635, 228.429, 232.3365); /* Old browsers */
}

/* VHA tracker table */
table.vha_tracker tr.pagination td {
  text-align: right;
}
table.vha_tracker tr.pagination td span.pagresults {
  padding-top: 7px;
  float: left;
}
table.vha_tracker tr.pagination td span.pagination-links {
  float: right;
  padding-top: 7px;
  word-wrap: normal;
}
table.vha_tracker th {
  border: 1px solid #22232f;
  text-align: center;
  vertical-align: center;
  background: #FF9;
  text-overflow: clip;
  white-space: normal;
  overflow: visible;
}
table.vha_tracker td {
  border: 1px solid #22232f;
  text-align: center;
  vertical-align: center;
}
table.vha_tracker tr.vha_white td {
  background: #fff;
}
table.vha_tracker tr.vha_orange td {
  background: #FC9;
}
table.vha_tracker tr.vha_blue td {
  background: #9CF;
}
table.vha_tracker tr.vha_gray td {
  background: rgb(211.156, 215.424, 221.244);
}
table.vha_tracker td a:link {
  color: #008;
}
table.vha_tracker td a:visited {
  color: #570054;
}

/* END VHA tracker table */
td.label {
  text-align: right;
  padding-right: 7px;
}

div.code {
  font-size: small;
}

/********************************/
/* different sections of pages */
/********************************/
/* HEADER */
/********************************/
#header {
  background: rgb(76.887966805, 90.4564315353, 141.112033195);
  color: #fff;
  border-bottom: #fff;
  margin-left: auto;
  margin-right: auto;
  padding: 1em 1em 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#header > * {
  margin-bottom: 1em;
}
#header .non-production-indicator {
  width: 100%;
  padding: 0.5em 1em;
  background: #cc2c00;
  color: #fff;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  text-align: center;
}
#header #logo {
  width: 101px;
  padding: 0;
  margin-right: 1em;
}
#header #logo img {
  height: 32px;
}
#header #userinfo {
  flex-grow: 1;
  text-align: right;
  font-size: 12px;
  display: inline-block;
  color: #fff;
  vertical-align: middle;
}
#header #userinfo > *,
#header #userinfo li {
  display: inline-block;
  line-height: 1;
  margin: 0;
}
#header #userinfo p {
  padding: 0.5em 1em;
  margin-right: 1em;
  font-size: 1.5em;
}
#header #userinfo ul {
  margin-top: -1px;
}
#header #userinfo ul li {
  border-right: 1px solid #fff;
  padding: 0 0.5em;
}
#header #userinfo ul li:last-child {
  border-right: 0;
}
#header #userinfo ul li a {
  text-decoration: underline;
  color: #fff;
}
@media all and (max-width: 960px) {
  #header #userinfo ul li {
    font-size: 1.5em;
  }
  #header #userinfo ul li span:not(.accessibleAltText) {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    left: -5000px;
  }
}
#header #searchbox {
  text-align: right;
  margin-left: 0;
  display: inline-block;
}
@media all and (max-width: 720px) {
  #header #searchbox {
    width: 100%;
  }
}
#header #searchbox #submit {
  font-weight: bold;
  font-size: medium;
}
#header #searchbox #search_query {
  font-weight: normal;
  padding: 0.25em 0.5em;
  height: 24px;
  border: 1px solid rgb(225.5635, 228.429, 232.3365);
  border-radius: 3px 0 0 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#header #searchbox #search_query_label {
  position: relative;
  left: -10000px;
  width: 0;
  height: 0;
  display: block;
}
#header #searchbox #search {
  height: 28px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: 0;
  margin: 0;
  left: -4px;
  position: relative;
  padding: 0.5em 1em;
  font-weight: bold;
  color: #fff;
  background: rgb(129.7281553398, 229.2087378641, 27.7912621359); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(129.7281553398, 229.2087378641, 27.7912621359) 50%, rgb(122.0233009709, 217.0606796117, 24.6393203883) 51%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgb(129.7281553398, 229.2087378641, 27.7912621359)), color-stop(51%, rgb(122.0233009709, 217.0606796117, 24.6393203883))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(129.7281553398, 229.2087378641, 27.7912621359) 50%, rgb(122.0233009709, 217.0606796117, 24.6393203883) 51%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(129.7281553398, 229.2087378641, 27.7912621359) 50%, rgb(122.0233009709, 217.0606796117, 24.6393203883) 51%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(129.7281553398, 229.2087378641, 27.7912621359) 50%, rgb(122.0233009709, 217.0606796117, 24.6393203883) 51%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(129.7281553398, 229.2087378641, 27.7912621359) 50%, rgb(122.0233009709, 217.0606796117, 24.6393203883) 51%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=0); /* IE6-9 */
  border: 1px solid #22232f;
  border-radius: 0 3px 3px 0;
  box-shadow: 0 0 0 1px #fff inset;
  -moz-box-shadow: 0 0 0 1px #fff inset;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
}
#header #searchbox #search:hover, #header #searchbox #search:focus {
  background: rgb(124.5980582524, 221.640776699, 25.159223301); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(124.5980582524, 221.640776699, 25.159223301) 50%, rgb(116.8737864078, 207.9004854369, 23.5995145631) 51%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgb(124.5980582524, 221.640776699, 25.159223301)), color-stop(51%, rgb(116.8737864078, 207.9004854369, 23.5995145631))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(124.5980582524, 221.640776699, 25.159223301) 50%, rgb(116.8737864078, 207.9004854369, 23.5995145631) 51%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(124.5980582524, 221.640776699, 25.159223301) 50%, rgb(116.8737864078, 207.9004854369, 23.5995145631) 51%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(124.5980582524, 221.640776699, 25.159223301) 50%, rgb(116.8737864078, 207.9004854369, 23.5995145631) 51%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(124.5980582524, 221.640776699, 25.159223301) 50%, rgb(116.8737864078, 207.9004854369, 23.5995145631) 51%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=0); /* IE6-9 */
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233), 0 0 3px rgb(211.156, 215.424, 221.244), 0 0 0 1px rgb(242.25, 242.25, 242.25) inset;
  -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233), 0 0 3px rgb(211.156, 215.424, 221.244), 0 0 0 1px rgb(242.25, 242.25, 242.25) inset;
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(67.9533980583, 120.8786407767, 13.7213592233), 0 0 3px rgb(211.156, 215.424, 221.244), 0 0 0 1px rgb(242.25, 242.25, 242.25) inset;
}

#secondary-header {
  border-top: 1px solid #fff;
  background: #6372aa;
  color: #fff;
  padding: 0 0 0 1em;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-end;
}
#secondary-header > div.chooser {
  padding: 0.25em 0;
  margin: 0 0.5em 0 0;
  display: inline-block;
  font-size: 1.5em;
}
#secondary-header > div.chooser > [data-prefix^=fa] {
  margin-right: 0.25em;
}
#secondary-header > div.chooser > button {
  font-size: 16px;
  padding: 0.25em;
}
#secondary-header > div.chooser > button svg:nth-child(2) path {
  stroke: #fff;
  stroke-width: 100px;
  stroke-linecap: round;
}
#secondary-header > div.chooser > button svg:nth-child(3) path {
  color: rgb(129.7281553398, 229.2087378641, 27.7912621359);
  stroke: #22232f;
  stroke-width: 40px;
  stroke-linecap: round;
}
#secondary-header > div.spacer {
  flex-grow: 1;
}
#secondary-header .amp-admin-link,
#secondary-header .testing_in_progress_button,
#secondary-header .testing_in_progress_close_button {
  text-decoration: none;
  padding: 1em;
  background: #6372aa;
  vertical-align: top;
}
#secondary-header .amp-admin-link:hover, #secondary-header .amp-admin-link:focus,
#secondary-header .testing_in_progress_button:hover,
#secondary-header .testing_in_progress_button:focus,
#secondary-header .testing_in_progress_close_button:hover,
#secondary-header .testing_in_progress_close_button:focus {
  background: rgb(92.3975103734, 108.0323651452, 166.4024896266);
  text-decoration: none;
}
#secondary-header .amp-admin-link .svg-inline--fa,
#secondary-header .testing_in_progress_button .svg-inline--fa,
#secondary-header .testing_in_progress_close_button .svg-inline--fa {
  margin-right: 0.25em;
  font-size: 15px;
  vertical-align: -2px;
}
#secondary-header .amp-admin-link,
#secondary-header .testing_in_progress_container {
  color: #fff;
  display: inline-block;
}
#secondary-header .testing_in_progress_button span.closed_icon,
#secondary-header .testing_in_progress_close_button span.open_icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-left: 5px;
}
#secondary-header .testing_in_progress_button,
#secondary-header .testing_in_progress_close_button {
  cursor: pointer;
}
#secondary-header .testing_in_progress_close_button {
  display: none;
}
#secondary-header .testing_in_progress_content_wrapper {
  position: relative;
  display: none;
}
#secondary-header .testing_in_progress_content {
  position: absolute;
  z-index: 100;
  width: 250px;
  right: 0;
  top: 43px;
  border-radius: 0 0 3px 3px;
  border: 1px solid #8e99a8;
  border-top: 0;
  background-color: rgb(242.8525, 244.035, 245.6475);
  color: #22232f;
  box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -moz-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -webkit-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
}

#info p span {
  font-size: x-small;
  margin-bottom: 1em;
}

/* INFO */
/********************************/
#info {
  margin-bottom: 1em;
}

#info p {
  margin-bottom: 6px;
}

#info p a {
  padding: 5px 0;
}

#header-bg {
  background-color: rgb(76.887966805, 90.4564315353, 141.112033195);
  width: 100%;
}

/* NAV SUB */
/********************************/
#inFocusTabs {
  background: #fff;
  padding-top: 0.5em;
  padding-left: 1em;
  border-bottom: 1px solid rgb(211.156, 215.424, 221.244);
  overflow: visible;
}

#navsub {
  min-width: unset;
}
#navsub > ul > li {
  line-height: 1;
  padding-right: 0.5em;
  padding-left: 0.5em;
}
#navsub > ul > li > a {
  border: none;
  height: auto;
  margin: 0;
}
#navsub > ul > li.last a {
  background-image: none;
}

#navsub,
#inFocusTabs {
  position: relative; /* to serve as positioning parent for tools on the right */
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
#navsub h1,
#inFocusTabs h1 {
  flex-grow: 1;
  display: block;
  font-size: 1.64rem;
  font-weight: 300;
  line-height: 2;
}
#navsub #subnav_icon_container,
#inFocusTabs #subnav_icon_container {
  width: auto;
  white-space: nowrap;
}
#navsub #subnav_icon_container li,
#inFocusTabs #subnav_icon_container li {
  padding: 0;
}
#navsub #subnav_icon_container li:not(:last-child),
#inFocusTabs #subnav_icon_container li:not(:last-child) {
  margin-right: 0.5em;
}
#navsub > ul li,
#inFocusTabs > ul li {
  display: inline;
}
#navsub > ul li a,
#inFocusTabs > ul li a {
  display: inline-block;
  background: #6372aa;
  color: #fff;
  padding: 6px 15px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  margin-right: 0.5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#navsub > ul li a:link, #navsub > ul li a:visited,
#inFocusTabs > ul li a:link,
#inFocusTabs > ul li a:visited {
  background: rgb(225.5635, 228.429, 232.3365);
  color: #22232f;
}

.report-view-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0.25em;
}

#media_type_links {
  text-align: right;
  margin-right: 1em;
}
#media_type_links svg[data-prefix^=fa] {
  color: #22232f;
}
#media_type_links > a, #media_type_links > span {
  margin-left: 0.5em;
}

#inFocusTabs {
  justify-content: flex-start;
}
#inFocusTabs div {
  font-weight: bold;
  display: inline-block;
  background: #6372aa;
  color: #fff;
  padding: 6px 15px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  margin-right: 0.5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#InFocusTree_live_region div.tab_content div.infopop {
  position: static;
}

#navsub > ul li:first-child a {
  padding: 6px 15px 6px 6px;
}

#navsub > ul.checklist li a:link,
#navsub > ul.checklist li a:visited {
  padding: 0.5em;
}

#navsub > ul li a.current,
#navsub > ul li a:focus,
#navsub > ul li a:hover,
#navsub > ul li a:active,
#inFocusTabs > ul li a.current,
#inFocusTabs > ul li a:focus,
#inFocusTabs > ul li a:hover,
#inFocusTabs > ul li a:active,
#inFocusTabs div.current {
  background: #fff;
  color: #22232f;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

#navsub > ul li a.current,
#inFocusTabs > ul li a.current,
#inFocusTabs div.current {
  border-bottom-color: #fff;
}

div.bigbox.system_admin .SSBWidget_Container {
  width: calc((100% - 4.25em) / 4) !important;
  max-height: 400px;
  min-height: 0;
}

div.tabarea_container {
  padding: 10px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  margin-top: -1px;
  clear: left;
}

/* LINKBOX */
/********************************/
.linkbox {
  margin-bottom: 1em;
}
.linkbox ul {
  margin-bottom: 0;
}
.linkbox ul li {
  padding-top: 5px;
}

/* TOOLS */
/********************************/
h3.mode_switch {
  padding-top: 6px; /* needed for IE to push down the h3 so the top border shows */
  padding-bottom: 10px;
}

h3.mode_switch a {
  color: #fce94e;
  font-size: 16px;
  font-weight: bold;
  padding: 3px;
  border: 2px solid rgb(211.156, 215.424, 221.244);
  background-color: rgb(225.5635, 228.429, 232.3365);
}

.tools ul li,
.tools p {
  font-size: small;
}

#navsub .tools {
  position: absolute;
  bottom: 3px;
  right: 0;
  width: 15em;
}

.tools {
  background: rgb(242.8525, 244.035, 245.6475);
  padding: 5px 7px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
}

#sidebar .tools {
  float: none;
  margin-bottom: 0.75em;
}

.tools h2 {
  font-size: small;
  color: #22232f;
}

#navsub .tools ul {
  margin-bottom: 0;
}

/* wizard steps */
/********************************/
.wizard {
  margin-bottom: 1em;
}

.wizard_header {
  background-color: rgb(242.8525, 244.035, 245.6475);
  padding: 5px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
}

ol.steps {
  background-color: rgb(242.8525, 244.035, 245.6475);
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  word-wrap: break-word;
  margin-left: 0;
  margin-top: 0;
}

.steps {
  overflow: hidden;
  margin-bottom: 14px;
  width: 90%; /* necessary for IE6 */
}

#sidebar .steps {
  width: 100%;
}

.steps li {
  float: left;
}

#sidebar .steps li {
  float: none;
}

.steps li span {
  display: block;
  color: #22232f;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  padding: 5px 0 5px 5px;
  word-wrap: normal;
}

#sidebar .steps li span {
  background: #fff none;
}

#sidebar .steps li span.indent {
  padding-left: 30px;
}

.steps li span.thisstep {
  background-image: none;
  font-weight: bold;
  background-color: rgb(242.8525, 244.035, 245.6475) !important;
  padding: 5px 0 5px 5px;
}

.steps li a:link span.thisstep,
.steps li a:visited span.thisstep {
  color: #22232f;
  font-weight: bold;
}

.steps li a.thisstep {
  color: #22232f;
  font-weight: bold;
  background-color: rgb(242.8525, 244.035, 245.6475);
}

/* fieldsets */
/********************************/
div.buttons3,
fieldset.buttons3,
fieldset.search,
tr.fieldset td {
  background: rgb(242.8525, 244.035, 245.6475);
  padding: 4px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  margin-bottom: 20px;
}

fieldset.filter {
  border-width: 2px;
  padding-bottom: 5px;
  padding-left: 5px;
  margin-bottom: 10px;
}

fieldset.filter label {
  clear: left;
  float: left;
  width: 190px;
}

fieldset.filter select {
  float: left;
  margin-bottom: 5px;
  margin-left: 0;
}

fieldset.filter input {
  clear: left;
  display: block;
  margin-bottom: 5px;
  margin-left: 0;
}

form {
  width: 95%;
}

#modal_form {
  width: 100%;
}

form.filter {
  width: 100%;
}

fieldset.search {
  background: rgb(242.8525, 244.035, 245.6475);
}

fieldset.different {
  padding: 4px 0;
}

fieldset.buttons3 {
  clear: left;
  min-width: 500px;
}

fieldset.buttons3 div.cb {
  text-align: center;
}

fieldset.actions {
  background: #fff;
  padding: 6px 7px 5px 7px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  margin-bottom: 10px;
}

input.submit {
  font-weight: bold;
  color: #22232f;
}

input.buttonleft {
  float: left;
}

input.buttoncenter {
  float: left;
  position: relative;
  left: 40%;
}

input.buttonright {
  float: right;
}

#groupby {
  margin-right: 30px;
}

fieldset.shownumber label {
  float: right;
}

.elementline {
  background: none repeat scroll 0 0 rgb(242.8525, 244.035, 245.6475);
  border: 1px solid rgb(211.156, 215.424, 221.244);
  width: 600px;
  margin-bottom: 20px;
  padding: 4px;
}

.elementline label {
  float: left;
  clear: left;
  width: 155px;
  margin-right: 20px;
  line-height: 1;
  padding-top: 4px;
}

.elementline input, .elementline textarea, .elementline select {
  display: inline;
  margin-top: 5px;
  padding-right: 2em;
}

/*
Reduced fieldset.permissions legend width by 10% - original value = 75%.
Wrapped inputs that reside in fieldset in a span with class nowrap.
Bug #4088 - Joshua Strauss - 12/16/2011
*/
span.nowrap {
  display: inline-block;
  white-space: nowrap;
  float: right;
}

fieldset.permissions {
  outline: 1px solid #8e99a8;
  padding: 5px;
}

fieldset.even {
  background: rgb(242.8525, 244.035, 245.6475);
}

fieldset.permissions legend {
  display: inline;
  float: left;
  width: 65%;
}

fieldset.permissions input {
  float: left;
  margin-left: 15px;
}

fieldset.permissions label {
  float: left;
  margin-left: 5px;
}

fieldset.testing_complete {
  border: 1px solid #22232f;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* 'boxes' */
/********************************/
.columns3 .column {
  float: left;
  width: 30%;
  margin-right: 3%;
}

.columns3 .last {
  margin-right: 0;
}

.box2-3 {
  float: left;
  width: 66%;
}

.box1-3 {
  float: left;
  width: 33%;
}

.box-courses-1,
.box-courses-2,
.box1-1,
.box1-2,
.box2-1,
.box2-2 {
  float: left;
  width: 49%;
  margin-bottom: 15px;
}

.box-courses-1 {
  padding-right: 7px;
}

.box-browse {
  width: 49%;
}

.box2-1 {
  clear: left;
}

.box-browse ul,
.box1-1 ul,
.box1-2 ul,
.box2-1 ul,
.box2-2 ul {
  float: left;
  /* bullets were added -> padding was added */
  width: 45%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.box1-2 ul {
  width: 100%;
}

.box2-5 {
  float: left;
  width: 40%;
}

.box3-5 {
  float: left;
  width: 59.7%;
  border-left: 1px solid rgb(211.156, 215.424, 221.244);
}

.box1-3 .inner,
.box2-3 .inner,
.box1-2 .inner,
.box2-5 .inner,
.box3-5 .inner {
  /* needed when class 'inner' is applied to a fieldset */
  /* needed when class 'inner' is applied to a fieldset */
  padding: 0 10px 20px 0;
}

/* not used except in comps */
.box1-2 .inner {
  padding-right: 15px;
}

.box2-2 .inner {
  padding-left: 15px;
  padding-right: 0;
}

.right {
  float: right;
}

.right .inner {
  padding-right: 0;
  padding-left: 10px;
}

div.code {
  background: rgb(242.8525, 244.035, 245.6475);
  padding: 8px 10px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
}

/* search page */
/********************************/
.search_form {
  width: 450px;
}

.search_instructions {
  margin: 0 0 10px 0;
}

.search_form input {
  margin: 3px;
}

.search_query {
  font-style: italic;
  margin-left: 10px;
}

.search_results ul {
  list-style-type: none;
  padding-left: 0;
}

.search_results li {
  margin: 10px 0 0 0;
}

.search_results a {
  font-size: 1.2em;
}

ul.headings ul {
  margin-left: 5em;
  margin-top: -1.6em; /* exactly same amount as the line-height! */
}

ul.headings li {
  font-weight: bold;
}

ul.headings ul li {
  font-weight: normal;
}

/* Uncategorized */
/********************************/
.accessibleAltText {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px) !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.accessibleLabelText {
  width: 0;
  height: 0;
  font-size: 0;
}

#quicknav {
  background: rgb(242.8525, 244.035, 245.6475);
  padding-bottom: 4px;
  padding-top: 4px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  margin-bottom: 20px;
}

#sidebar .linkbox li.nobullet,
#sidebar .heading_container li.nobullet {
  background-image: none;
  margin-left: -12px;
}

#quicknav ul li {
  display: inline;
}

#quicknav ul {
  margin-bottom: 0;
}

div.nodata {
  background: rgb(242.8525, 244.035, 245.6475);
  padding: 7px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  margin-bottom: 15px;
}

.tableform {
  margin-bottom: 15px;
}

.tableform form {
  width: 100%;
}

#quicknav {
  font-size: small;
}

table.curriculum_test h2 {
  color: #22232f;
  margin-bottom: 0;
  margin-top: 18px;
}

table.curriculum_test #submit {
  margin-top: 18px;
}

/* vpat table styles */
.vpat_table {
  border: 0;
  margin-bottom: 20px;
  margin-top: 20px;
}

.vpat_table th {
  text-align: left;
  padding: 4px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  vertical-align: top;
  width: 33%;
  background-color: rgb(242.8525, 244.035, 245.6475);
}

.vpat_table td ul {
  max-width: 500px;
}

.vpat_table td {
  text-align: left;
  padding: 4px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  vertical-align: top;
}

.vpat_table tfoot td {
  border: none;
}

#errors img {
  top: 2px;
  padding: 0 5px 0 5px;
}

span.error, #errors, .elementError {
  box-shadow: 0 0 0 1px #ff5f33 inset, 0 0 0 2px #fff inset;
  -moz-box-shadow: 0 0 0 1px #ff5f33 inset, 0 0 0 2px #fff inset;
  -webkit-box-shadow: 0 0 0 1px #ff5f33 inset, 0 0 0 2px #fff inset;
  background: rgb(255, 247, 244.8);
  border-radius: 3px;
  color: #22232f;
}
span.error a, #errors a, .elementError a {
  color: rgb(76.887966805, 90.4564315353, 141.112033195);
  text-decoration: underline;
}

.elementError {
  position: relative;
  padding: 0.25em;
}

.listError {
  position: relative;
  height: auto;
  padding: 3px 5px 15px 5px;
  max-width: 95%;
}

.innerErrorBlock {
  display: inline-block;
}

.application .listError {
  position: relative;
  padding: 3px 5px 15px 5px;
}

.application .innerErrorBlock {
  display: inline-block;
  float: left;
  width: 170px;
  min-height: 29px;
}

#modal_dialog_message_moduleModal_container .listError,
.accessibility_on_demand .listError {
  height: 36px;
  padding: 5px 17px 4px 5px;
}

.spider_errors .listError {
  height: 54px;
  padding: 5px 17px 4px 5px;
}

label.error img, span.error img {
  top: 2px;
  padding: 0 5px 0 5px;
}

.textarea_counter {
  display: block;
  vertical-align: top;
  margin: 5px;
  font-weight: bold;
}

.counter_invalid {
  color: #ff5f33;
}

.modal_dialog_overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #22232f;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#modal_dialog_title span {
  border-bottom: 1px solid #8e99a8;
  text-transform: capitalize;
}

.modal_dialog_content {
  display: block;
  position: fixed;
  top: 25%;
  left: 25%;
  width: 565px;
  height: 155px;
  padding: 14px;
  border: 5px solid #22232f;
  background-color: #fff;
  z-index: 1002;
}

.organization_list h2 {
  margin-bottom: 0;
}

.limit-form {
  float: left;
  text-align: left;
  padding-left: 30px;
  padding-top: 7px;
}

td.dateselect label {
  margin-left: 10px;
  margin-right: 10px;
}

table.large tr.pagination td span.pagination-links {
  float: right;
  padding-top: 7px;
  word-wrap: normal;
}

/**** Dashboard Express ****/
#dashboard-express-widget {
  background-color: rgb(242.8525, 244.035, 245.6475);
  padding: 5px;
  margin-bottom: 20px;
  border: 1px solid #22232f;
}

#dashboard-express-widget label {
  clear: left;
  float: left;
  width: 190px;
}

#dashboard-express-widget select, #dashboard-express-widget input {
  margin-left: 0;
  margin-bottom: 5px;
  display: block;
}

#dashboard-express-widget #cancel, #dashboard-express-widget #ajax_submit {
  display: inline-block;
}

#dashboard-express-widget fieldset.showbl {
  clear: left;
}

#dashboard-express-widget .showbl label {
  clear: none;
}

#dashboard-express-widget .showbl input {
  float: left;
}

#dashboard-express-widget div.toggleAdvanced {
  float: left;
  width: 160px;
}

/**** Amp Express la-color('red')esign ***/
#application {
  float: left;
  width: 60%;
  _background: none; /* for IE6 */
  padding-left: 23px;
  margin-bottom: 20px;
}

#application .padded {
  _background: none; /* for IE6 */
  padding-right: 23px;
}

#application .padded.message {
  margin-bottom: 0;
  padding: 15px 15px 0 15px;
  background-color: rgb(242.8525, 244.035, 245.6475);
  border: 1px solid rgb(211.156, 215.424, 221.244);
  font-size: 130%;
}

#application .padded.message li {
  list-style: none;
  font-size: 90%;
}

#application .padded.message em {
  color: rgb(76.887966805, 90.4564315353, 141.112033195);
  font-weight: bold;
  font-style: normal;
}

#application form {
  background-color: rgb(242.8525, 244.035, 245.6475);
  margin-bottom: 0;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  width: 100%;
}

#applicationURL {
  padding: 10px;
}

#applicationURL input {
  width: 70%;
  font-size: 130%;
  margin-left: 5px;
}

#applicationDetails #email {
  width: 60%;
  font-size: 130%;
}

#applicationDetails {
  overflow: hidden;
  padding: 10px 10px 20px;
  /* zoom:1;  for IE6 */
}

#applicationDetails li {
  height: 2em;
}

#details_col1 {
  float: left;
  width: 40%;
}

.standards_checklist_legend label {
  margin-left: 5px;
}

.standards_checklist_legend input {
  float: left;
  clear: left;
}

#details_col2 {
  float: right;
  width: 58%;
}

#details_col2 label {
  float: left;
  clear: left;
  margin-bottom: 5px;
}

#details_col2 input, #details_col2 select {
  float: left;
  margin-left: 5px;
}

#details_col2 input {
  margin-left: 0 !important;
  clear: left;
}

#section1 {
  clear: left;
  float: left;
  width: 60%;
  padding-left: 23px;
}

#section1 .padded {
  padding-right: 23px;
}

#section2 {
  width: 35%;
  float: right;
  padding-bottom: 10px;
}

h2.section_header {
  background: #fff;
  color: rgb(76.887966805, 90.4564315353, 141.112033195);
  border: 1px solid rgb(211.156, 215.424, 221.244);
  margin: 0;
}

div.section_content {
  border-bottom: 1px solid rgb(211.156, 215.424, 221.244);
  border-left: 1px solid rgb(211.156, 215.424, 221.244);
  border-right: 1px solid rgb(211.156, 215.424, 221.244);
}

h2.section_header,
div.section_content,
#campaign h2 {
  padding: 3px 10px;
}

/**** END Amp Express ***/
code,
pre {
  font-family: Roboto, Arial, sans-serif;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  background: rgb(242.8525, 244.035, 245.6475);
  padding: 0.75em 1em;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  width: 75%;
  overflow-x: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

code {
  display: inline-block;
}

code,
pre.code-snippet {
  font-family: monospace !important;
  width: auto;
}

pre.bp {
  width: 100%;
}

pre.bp code {
  width: 100%;
}

pre.uc_text {
  background-color: transparent;
  border: none;
  width: 100%;
  margin: 0;
  display: inline-block;
}

td > pre.uc_text,
td > a > pre.uc_text {
  padding: 0;
}

ul.standards_list {
  margin-bottom: 10px;
}

ul.standards_list li ul.standards_list {
  margin-left: 15px;
}

.alttext {
  float: left;
}

.alttext label {
  margin-top: 0;
  padding-top: 0;
}

.thumbCheckbox {
  float: left;
  margin-right: 55px;
}

.imageEditElement input {
  vertical-align: top;
}

form #cancel, form #compliance_button, form #delete_reports, form #vpat {
  margin-left: 10px;
}

form input.count_more, form input.count_less {
  float: right;
}

form input.count_less {
  margin-left: 10px;
}

.successMsg,
.warningMsg,
.errorMsg,
.infoMsg {
  border: 1px solid #8e99a8;
  border-left-width: 5px;
  border-radius: 3px;
  color: #22232f;
  padding: 1em;
  box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -moz-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -webkit-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
}
.successMsg ul,
.warningMsg ul,
.errorMsg ul,
.infoMsg ul {
  margin-bottom: 0;
}

.successMsg {
  background-color: rgb(248.4145631068, 253.6441747573, 243.0558252427);
  border-color: #68b915;
}

.systemMsg,
.wellsSystemMsg,
.warnSystemMsg,
.warningMsg {
  background-color: rgb(254.72, 252.9466666667, 238.48);
  border-color: rgb(224.2, 200.1333333333, 3.8);
}

.errorMsg {
  background-color: rgb(255, 251, 249.9);
  border-color: #ff5f33;
}

.infoMsg {
  background-color: rgb(244.2547717842, 245.287966805, 249.1452282158);
  border-color: #6372aa;
}
.infoMsg > .fa-info-circle {
  color: #6372aa;
  margin-right: 0.5em;
}

.systemMsg,
.wellsSystemMsg,
.warnSystemMsg {
  padding: 0.5em 1em;
  border-width: 1px 1px 1px 5px;
  border-style: solid;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #fff;
  font-weight: bold;
}
.systemMsg p,
.wellsSystemMsg p,
.warnSystemMsg p {
  position: relative;
  top: 0.2em;
}
.systemMsg #closeSysMsg,
.wellsSystemMsg #closeSysMsg,
.warnSystemMsg #closeSysMsg {
  float: right;
  font-size: 16px;
}

div.moduleinput {
  width: 70%;
  padding: 10px;
}

/* report wizards manual checklist pages */
.instance_container {
  margin: 0 0 15px 20px;
  border: 0;
}

div.instance {
  clear: both;
  width: auto;
  border: 1px solid #22232f;
  background: none repeat scroll 0 0 rgb(242.8525, 244.035, 245.6475);
  margin: 10px;
  padding: 10px;
}

div.instance div {
  margin-top: 3px;
  clear: both;
}

div.instance label {
  float: left;
  font-weight: bold;
  padding-right: 20px;
}

div.instance input {
  margin-left: 48px;
}

div.instance_radios label {
  float: none;
  top: 0 !important;
  line-height: normal !important;
}

div.instance_radios input {
  clear: left;
  margin-left: 0;
  line-height: normal;
}

div.testing_control ul, div.testing_control ul li {
  margin: 0 15px;
  padding: 0;
}

ul.media_type_list {
  margin-left: 15px;
  margin-top: 0;
  margin-bottom: 15px;
  padding: 0;
}

ul.technology_platform {
  margin-left: 15px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.specification {
  margin-bottom: 10px;
}

.specification select {
  margin: 5px 5px 5px 0;
}

.specification label {
  font-weight: bold;
  display: block;
}

.best_practice ul {
  list-style-type: disc;
  margin-left: 20px;
  padding-left: 20px;
}

.best_practice p {
  line-height: 1.5;
  font-size: 1.1em;
}

*[accesskey]:after {
  content: " [" attr(accesskey) "]";
}

fieldset {
  padding: 0.5em;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  border-radius: 3px;
}

#filter_instances,
#filter_rulesets {
  margin-bottom: 1em;
}

#filter_instances {
  height: auto;
}

#filter_instances input[type=submit] {
  margin-bottom: 0;
}

#filter_instances legend,
#filter_rulesets legend {
  display: block;
  white-space: normal;
  margin: 0.5em;
}

#filter_instances ul li {
  display: inline-block;
  margin: 0 1em;
  vertical-align: middle;
}

#filter_instances input,
#filter_rulesets input {
  vertical-align: text-bottom;
}

#filter_instances label,
#filter_rulesets label {
  vertical-align: text-bottom !important;
}

#filter_rulesets div {
  padding-right: 20px;
  /* compatibility for IE7 and earlier */
  zoom: 1;
}

.severity {
  padding-left: 10px;
  clear: both;
}

.severity label {
  clear: left;
  display: inline-block;
  width: 85%;
}

.highlight {
  background-color: rgb(242.8525, 244.035, 245.6475);
}

/* no table layout form */
div.notablelayout {
  margin-top: 20px;
  padding: 10px;
  width: 100%;
}

div.notablelayout label {
  clear: both;
  float: left;
  display: block;
  width: 14em;
  margin-top: -1em;
  font-weight: bold;
}

div.notablelayout input {
  position: relative;
  top: -1.4em;
  left: 1em;
  display: block;
}

/* end no table layout form */
.dashboard-container-col-a {
  padding-bottom: 10px;
}

.report_data {
  margin: 0;
  padding: 0 0 2em;
}

.report_data dt {
  clear: left;
  float: left;
  margin: 0 15px 0 10px;
  padding: 3px 0 0;
  text-align: left;
  width: 200px;
  word-wrap: break-word;
}

.report_data dd {
  margin: 0 0 0 225px;
  padding: 3px 0 0;
  word-wrap: break-word;
  text-align: left;
  min-height: 1em;
}

#content ul.media_type_list h2, #content ul.media_type_list h3, #content ul.media_type_list h4, #content ul.media_type_list h5, #content ul.media_type_list h6 {
  margin-bottom: 0;
  padding-bottom: 0;
}

#report_overview {
  border: 1px solid #22232f;
}

#report_overview_toolbar.table_toolbar {
  border-bottom: 1px solid #22232f;
  margin-bottom: 20px;
}

.table_toolbar .linkbox {
  width: 92px;
  float: left;
  height: 20px;
  padding: 0 10px;
  margin-right: 10px;
  /* explicit overrides of generic linkbox css */
  background: transparent;
  border: 0 solid transparent;
  margin-bottom: 0;
}

/* may need to further stylize the link within... */
.table_toolbar .linkbox .linkboxtitle {
  font-weight: bold;
}

.table_toolbar .linkbox ul.linkboxmenu {
  width: 200px;
  background-color: #fff;
  position: relative;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  z-index: 50;
}

ul.linkboxmenu li {
  padding-left: 5px;
}

.bulk_actions_container > ul.linkboxmenu li {
  padding-left: 0;
}

/* class to define styles for toggle icons (e.g., +, - (&ndash)) */
.toggleIconFloat {
  float: left;
  margin-right: 3px;
}

/* common class for vertical scrolling */
.scroll_vertical {
  overflow-x: hidden;
  overflow-y: scroll;
}

/*
	css for control of module test result listing
	(corresponds to InFocusTree_live_region)
*/
#infocus_module_test_tree {
  display: inline;
}

#ruleset_test_list,
#module_test_list {
  display: inline-block;
  width: 49%;
  padding-right: 1%;
  padding-left: 1%;
  vertical-align: top;
  height: 600px;
  overflow-x: hidden;
  overflow-y: scroll;
}

#ruleset_test_list ul,
#module_test_list ul {
  margin: 0 0 0 10px;
}

#ruleset_test_list li h2,
#ruleset_test_list li p,
#module_test_list li h2,
#module_test_list li p {
  margin-bottom: 0;
}

#ruleset_test_list li h2,
#ruleset_test_list li p,
#ruleset_test_list li div,
#module_test_list li h2,
#module_test_list li p,
#module_test_list li div {
  display: inline;
}

#ruleset_test_list ul ul,
#module_test_list ul ul {
  margin-left: -14px;
}

#ruleset_test_list li,
#module_test_list li {
  border-left: 1px dotted #22232f;
}

#ruleset_test_list ul.ruleset_container,
#ruleset_test_list ul.testType_container,
#ruleset_test_list ul.media_container,
#ruleset_test_list ul.violation_container,
#ruleset_test_list ul.reportGlobals_container,
#ruleset_test_list ul.reportPatterns_container,
#module_test_list ul.module_container,
#module_test_list ul.testType_container,
#module_test_list ul.media_container,
#module_test_list ul.violation_container,
#module_test_list ul.reportGlobals_container,
#module_test_list ul.reportPatterns_container {
  padding-bottom: 0;
}

#ruleset_test_list ul.violation_container,
#module_test_list ul.violation_container {
  margin-left: 0;
}

#ruleset_test_list ul.violation_container li,
#module_test_list ul.violation_container li {
  border-left: none;
}

#ruleset_test_list ul li .toggleIconFloat,
#module_test_list ul li .toggleIconFloat {
  margin-left: -38px; /* prev. -8 (w/o li left padding) */
  margin-right: 8px;
  margin-top: 4px;
  padding: 0;
  background: #fff;
  line-height: 10px;
  height: 12px;
  width: 12px;
  text-align: center;
  border: 1px solid #22232f;
}

/*
	Define classes that will use background images and standard padding in the li of the tree
*/
#ruleset_test_list li.flagged {
  margin-left: 16px;
  background-position-y: 0.35em;
  background: no-repeat 0;
  padding-left: 16px;
}

#ruleset_test_list li.tree-parent li.tree-parent > ul > li:first-child,
#ruleset_test_list li.ruleset_tests,
#ruleset_test_list li.flagged_vio,
#ruleset_test_list li.testType,
#ruleset_test_list li.mediaNode,
#ruleset_test_list li.violationNode,
#ruleset_test_list li.report_patterns,
#ruleset_test_list li.patternNode,
#ruleset_test_list li.report_globals,
#ruleset_test_list li.globalNode,
#ruleset_test_list li.ruleset,
#module_test_list li.module_tests,
#module_test_list li.flagged,
#module_test_list li.flagged_vio,
#module_test_list li.testType,
#module_test_list li.mediaNode,
#module_test_list li.violationNode,
#module_test_list li.report_patterns,
#module_test_list li.patternNode,
#module_test_list li.report_globals,
#module_test_list li.globalNode,
#module_test_list li.ruleset {
  padding-left: 32px;
  background: no-repeat 0 4px;
  margin-bottom: 2px;
}

/* NOTE: this may be only applicable for a "file" module type */
#ruleset_test_list li.module_tests.expanded,
#module_test_list li.module_tests.expanded {
  background-image: url("/images/inFocus/file_16x32_expanded.gif");
}

#ruleset_test_list li.module_tests.collapsed,
#module_test_list li.module_tests.collapsed {
  background-image: url("/images/inFocus/file_16x32_collapsed.gif");
}

#module_test_list li.report_patterns,
#module_test_list li.report_globals {
  background-image: url("/images/inFocus/folder_open_16x32.png");
}

#module_test_list li.report_patterns.collapsed,
#module_test_list li.report_globals.collapsed {
  background-image: url("/images/inFocus/folder_open_16x32_collapsed.png");
}

#module_test_list li.report_patterns.expanded,
#module_test_list li.report_globals.expanded {
  background-image: url("/images/inFocus/folder_open_16x32_expanded.png");
}

#ruleset_test_list li.testType,
#ruleset_test_list li.mediaNode,
#ruleset_test_list li.ruleset {
  background-image: url("/images/inFocus/folder_open_16x32_collapsed.png");
}

#ruleset_test_list li.testType.expanded,
#ruleset_test_list li.mediaNode.expanded,
#ruleset_test_list li.ruleset.expanded {
  background-image: url("/images/inFocus/folder_open_16x32_expanded.png");
}

#module_test_list li.testType,
#module_test_list li.mediaNode {
  background-image: url("/images/inFocus/folder_open_16x32.png");
}

#ruleset_test_list li.testType.collapsed,
#ruleset_test_list li.mediaNode.collapsed,
#ruleset_test_list li.ruleset.collapsed,
#module_test_list li.testType.collapsed,
#module_test_list li.mediaNode.collapsed,
#module_test_list li.ruleset.collapsed {
  background-image: url("/images/inFocus/folder_open_16x32_collapsed.png");
}

#ruleset_test_list li.testType.expanded,
#ruleset_test_list li.mediaNode.expanded,
#ruleset_test_list li.ruleset.expanded,
#module_test_list li.testType.expanded,
#module_test_list li.mediaNode.expanded,
#module_test_list li.ruleset.expanded {
  background-image: url("/images/inFocus/folder_open_16x32_expanded.png");
}

#ruleset_test_list li.violationNode,
#module_test_list li.violationNode {
  background-image: url("/images/inFocus/review_16x32.png");
}

#module_test_list li.violationNode.expanded,
#module_test_list li.violationNode.expanded {
  background-image: url("/images/inFocus/review_16x32_expanded.png");
}

#module_test_list li.violationNode.collapsed,
#module_test_list li.violationNode.collapsed {
  background-image: url("/images/inFocus/review_16x32_collapsed.png");
}

#ruleset_test_list li.flagged_vio,
#module_test_list li.flagged_vio {
  background-image: url("/images/inFocus/bad_16x32.gif");
}

#ruleset_test_list li.flagged.expanded,
#ruleset_test_list li.flagged_vio.expanded,
#module_test_list li.flagged.expanded,
#module_test_list li.flagged_vio.expanded {
  background-image: url("/images/inFocus/bad_16x32_expanded.gif");
}

#ruleset_test_list li.flagged.collapsed,
#ruleset_test_list li.flagged_vio.collapsed,
#module_test_list li.flagged.collapsed,
#module_test_list li.flagged_vio.collapsed {
  background-image: url("/images/inFocus/bad_16x32_collapsed.gif");
}

/* the exceptions to the rule */
#ruleset_test_list li.instanceNode,
#module_test_list li.instanceNode {
  background-image: url("/images/inFocus/review_16x16.png");
}

#ruleset_test_list li.flagged,
#module_test_list li.flagged {
  background-image: url("/images/inFocus/bad_16x16.gif");
}

#ruleset_test_list li.instanceNode,
#module_test_list li.instanceNode {
  padding-left: 18px;
  background: no-repeat 0 4px;
}

/*
	The live region that corresponds to module_test_list
*/
#InFocusTree_live_region {
  display: inline-block;
  background-color: #fff;
  border-left: 1px solid rgb(211.156, 215.424, 221.244);
  border-bottom: 1px solid rgb(211.156, 215.424, 221.244);
  vertical-align: top;
  height: 600px;
  width: 49%;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* hack for IE7 to display inline-block properly */
#module_test_list, #InFocusTree_live_region, #ruleset_test_list {
  zoom: 1;
  *display: inline;
}

#InFocusTree_live_region div.tab_content {
  background: #fff;
  border: 0;
  margin: 0;
  padding: 1em;
  height: 550px;
}

#InFocusTree_live_region div.tab_content.noTabs {
  height: 585px;
}

#InFocusTree_live_region form {
  width: 100%;
}

/* ensure that the textareas within this region fit */
/* NOTE: [type="text"] not supported in IE6, but is in IE7 +*/
#InFocusTree_live_region input[type=text],
#InFocusTree_live_region div.tab_content textarea {
  width: 99%;
}

#InFocusTree_live_region select {
  width: 100%;
}

#InFocusTree_live_region form div td label {
  font-size: small;
}

#InFocusTree_live_region div.tab_content h3 {
  padding-bottom: 0;
}

#InFocusTree_live_region div.tab_content div {
  margin-bottom: 10px;
}

#InFocusTree_live_region div.tab_content_info {
  background-color: #fff;
  height: 270px;
  padding: 3px;
  margin: 0 0 10px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
}

#InFocusTree_live_region div.tab_content .nonCompliant {
  float: left;
  min-height: 10px;
  width: 49%;
}

#InFocusTree_live_region div.tab_content .compliant {
  min-height: 10px;
  padding-left: 1%;
  margin-left: 50%;
}

#InFocusTree_live_region input.button {
  margin-right: 5px;
}

#ruleset_test_list li > a,
#module_test_list li > a {
  padding: 0.25em 0.5em;
}

#ruleset_test_list li .highlight,
#module_test_list li .highlight,
a.view_link.highlight,
h2 > a.highlight:first-child {
  border: 1px dotted #fff;
  background-color: rgb(76.887966805, 90.4564315353, 141.112033195);
  color: #fff;
}

#ajax_instance_container ul.navsub {
  height: 35px;
  margin-bottom: 0;
}

ul.review_bp_instances {
  list-style-type: circle;
  margin-bottom: 10px;
  margin-left: 15px;
}

ul.review_bp_instances li {
  margin-bottom: 10px;
  margin-left: 15px;
}

#spider_upload {
  width: 100%;
  padding: 5px;
  border: 1px solid #22232f;
}

#spider_upload.inline {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgb(211.156, 215.424, 221.244);
}

#spider_upload.inline > table {
  margin-left: 1em;
  width: 98%;
}

#spider_upload.inline tr:nth-child(2) fieldset {
  border: 1px solid rgb(211.156, 215.424, 221.244);
  padding: 1em;
}

#modal_form #dashboardAdvanced legend {
  display: block;
}

#notablelayout label {
  display: inline-block;
  float: none;
  width: auto;
}

#notablelayout input {
  display: inline;
}

/* Add/Edit System Quick Test layout */
.systemQuickTestForm label,
.selenium_test_template label,
.transactions_fieldset label {
  float: left;
  clear: left;
  margin: 0 15px 5px 10px;
  padding: 3px 0 0;
  text-align: left;
  width: 160px;
  word-wrap: break-word;
}

.systemQuickTestForm input[type=text],
.systemQuickTestForm input[type=file],
.selenium_test_template input[type=text],
.selenium_test_template input[type=file],
.transactions_fieldset input[type=text],
.transactions_fieldset input[type=file] {
  display: block;
  margin: 0 0 5px 175px;
  padding: 3px 0 0;
  word-wrap: break-word;
}

.selenium_test_template,
.transactions_fieldset {
  background-color: rgb(242.8525, 244.035, 245.6475);
  padding: 5px 0 0;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #22232f;
}

.transactions_fieldset {
  margin-right: 10px;
}

.systemQuickTestForm .checkbox_container {
  margin-top: 10px;
  margin-bottom: 10px;
}

.systemQuickTestForm .checkbox_container label {
  float: none;
  width: auto;
}

#dashboard-express-widget legend {
  display: block;
}

.removeSeleniumTest {
  float: right;
  position: relative;
  right: 5px;
  background-color: rgb(242.8525, 244.035, 245.6475);
  border: 1px solid #22232f;
  padding-left: 2px;
  padding-right: 2px;
}

div.testing_control input[type=text], div.testing_control select {
  margin-left: 10px;
}

div.testing_control textarea {
  display: block;
}

div.testing_control .infocus_testing_media_type ul li {
  max-width: 700px;
}

#modal_form div.testing_control .infocus_testing_media_type ul li label {
  display: inline;
}

/* start CSS for "Testing workflow" */
form.project_tests #test_configuration_spider_inputs li,
form.project_tests #test_type_inputs li,
form.project_tests #test_level_inputs li {
  height: 225px;
  vertical-align: top;
}

form.project_tests #test_configuration_spider_inputs img,
form.project_tests #test_type_inputs img,
form.project_tests #test_level_inputs img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

form.project_tests div.instructional,
form.project_tests div.sub_instructional {
  border: 1px solid rgb(211.156, 215.424, 221.244);
  background-color: rgb(242.8525, 244.035, 245.6475);
  padding-left: 5px;
  float: right;
  border-radius: 3px;
}

form.project_tests #test_level_instructional {
  position: relative;
  top: -2em;
}

form.project_tests #naming_instructional {
  border: none;
  background-color: transparent;
}

form.project_tests #test_type_instructional {
  position: relative;
  top: -6em;
}

form.project_tests #test_configuration_spider_instructional {
  margin-top: -8em;
}

form.project_tests #test_configuration_manual_instructional {
  margin-top: -8em;
}

form.project_tests h3.legend {
  display: block;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 5px;
}

form.project_tests ul {
  list-style: disc inside none;
}

#technology_inputs {
  display: block;
  /*width: 50%;*/
}

#technology_inputs input {
  margin-right: 20px;
  margin-top: 20px;
  vertical-align: top;
}

#technology_inputs label {
  /*position:relative;
  left:35px;*/
}

/* center column layout */
form.project_tests {
  outline: none;
  margin-right: auto;
}

form.project_tests h2.header {
  color: #22232f;
  display: inline-block;
  width: 20.5em;
  vertical-align: top;
  font-size: large;
}

form.project_tests ul.inputs,
form.project_tests div.sub_inputs {
  display: block;
}

form.project_tests div.sub_inputs {
  padding-left: 10px;
}

form.project_tests #test_configuration_spider_inputs li,
form.project_tests #test_type_inputs li,
form.project_tests #test_level_inputs li {
  margin-left: 1em;
  margin-right: 1em;
  width: 200px !important;
  padding: 1em;
}

form.project_tests #test_type_inputs {
  text-align: center;
}

.saveContainer {
  margin-top: 1em;
  display: inline-block;
  width: auto !important;
}

form.project_tests #test_type_inputs li {
  width: 329px !important;
}

form.project_tests #test_configuration_spider_inputs li {
  width: 190px !important;
  height: auto !important;
}
form.project_tests #test_configuration_spider_inputs li.selected {
  border: 1px solid #8e99a8;
  border-radius: 3px;
  background: rgb(225.5635, 228.429, 232.3365);
  box-shadow: 0 0 0 1px #fff inset;
  -moz-box-shadow: 0 0 0 1px #fff inset;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
}

form.project_tests #test_configuration_spider_inputs li input,
form.project_tests #test_type_inputs li input,
form.project_tests #test_configuration_spider_inputs li input,
form.project_tests #test_level_inputs li input {
  margin-bottom: 1em;
}

form.project_tests #technology_inputs li,
form.project_tests #test_level_inputs li,
form.project_tests #test_type_inputs li,
form.project_tests #test_configuration_spider_inputs li {
  display: inline-block;
  line-height: 1;
  width: 230px;
}

form.project_tests #test_configuration_spider_inputs li {
  width: 10em;
}

form.project_tests #test_type_inputs li {
  width: 7em;
}

.instructional > div > ul {
  list-style: disc inside;
}

form.project_tests #technology_inputs li {
  width: 110px;
  vertical-align: top;
  height: 100px;
  padding-left: 1.5em;
  margin: 0.2em;
}

form.project_tests #technology_inputs li label {
  line-height: 1em;
}

form.project_tests #naming_inputs li {
  display: inline-block;
}

form.project_tests #naming_inputs li label {
  display: block;
  font-weight: bold;
  margin-right: 20px;
}

form.project_tests a.editLink,
form.project_tests button.editLink {
  display: none;
}

form.project_tests a.visible,
form.project_tests a.visible,
form.project_tests button.visible,
form.project_tests button.visible {
  display: inline;
}

form.project_tests li.saveLi {
  display: block !important;
  margin-left: 25em;
}

form.project_tests #test_level_inputs label,
form.project_tests #test_type_inputs label {
  /*font-weight: bold;*/
}

form.project_tests #technology_placeholder,
form.project_tests #test_level_placeholder,
form.project_tests #naming_placeholder,
form.project_tests #test_type_placeholder,
form.project_tests #test_configuration_placeholder,
form.project_tests #use_cases_placeholder {
  /*width: 12em;*/
  display: inline-block;
  vertical-align: top;
  word-wrap: break-word;
}

form.project_tests #spider_upload_fieldset,
form.project_tests #start_url_container,
form.project_tests #transactions_container {
  display: none;
}

form.project_tests #start_url_container input {
  /*	float: right;
  	position: relative;
  	left: -1.5em;
  	*/
}

form.project_tests #select_macros_container,
form.project_tests #basic_auth_container,
form.project_tests #schedule_type_container,
form.project_tests #browser_container,
form.project_tests #start_url_container,
form.project_tests #publish_inventory {
  text-align: left;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}

form.project_tests #macro_fieldset {
  background-color: #fff;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  border-radius: 3px;
  overflow: auto;
  max-height: 150px;
  min-height: 75px;
  padding: 0.5em;
}

form.project_tests #macro_fieldset.error {
  background-color: #fff;
  overflow: auto;
  border: 2px solid #ff5f33;
  max-height: 150px;
  min-height: 50px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

form.project_tests fieldset#basic_auth_container label,
form.project_tests #select_macros_container fieldset label {
  width: 150px;
  text-align: left;
  padding: 0;
  display: inline-block;
}

form.project_tests #select_macros_container fieldset label.url_label {
  width: calc(100% - 187px);
  text-align: left;
  padding: 0;
  display: inline-block;
}

#spider_upload_fieldset #errors {
  border: none;
  padding-top: 5px;
}

form.project_tests #test_configuration_spider_inputs #spiderAdvanced {
  display: none;
  padding-bottom: 1em;
}

form.project_tests #test_configuration_spider_inputs .toggleLink {
  padding-bottom: 10px;
  display: block;
}

form.project_tests #spiderAdvanced label {
  clear: both;
  float: left;
  margin-top: 0.5em;
}
form.project_tests #spiderAdvanced label.nofloat {
  float: none;
  padding-left: 5px;
}

form.project_tests #spiderAdvanced select,
form.project_tests #spiderAdvanced input,
form.project_tests #spiderAdvanced .checkbox-wrapper {
  float: left;
  margin-top: 0.5em;
}

form.project_tests #spiderAdvanced fieldset {
  clear: both;
}

form.project_tests #spiderAdvanced fieldset input,
form.project_tests #spiderAdvanced fieldset label {
  float: none;
}

form.project_tests .selenium_test_template,
form.project_tests #spider_upload_fieldset {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

form.project_tests #use_cases_section {
  /*clear:both;*/
}

form.project_tests #s, form.project_tests label {
  background-color: transparent;
  border: none;
}

form.project_tests #s {
  border: 2px solid #ff5f33;
  background-color: #fff;
  width: 96%;
  padding: 0 1em;
}

form.project_tests ul.validation__list li {
  width: 100% !important;
}

form.project_tests #selenium_test_template #s {
  border: none;
}

form.project_tests #s li {
  width: 100% !important;
}

form.project_tests fieldset.selenium_test_template label,
form.project_tests fieldset.transactions_fieldset label {
  line-height: normal !important;
  clear: none;
}

form.project_tests fieldset.selenium_test_template input[type=file],
form.project_tests fieldset.transactions_fieldset input[type=file] {
  margin-left: 0;
  display: inline-block;
}

/* end CSS for "Testing workflow" */
span.constraints {
  display: block;
}

#s span.constraints {
  display: none;
}

div.project_test_status_wrapper {
  padding: 7px;
  border-top: none;
}

div.project_test_status {
  margin-left: auto;
  margin-right: auto;
}

div.project_test_status_wrapper div.project_test_status {
  text-align: left;
}

div.project_test_status_wrapper div.project_test_label {
  padding-bottom: 0.5em;
  word-break: break-all;
}

div.project_test_status_wrapper div.project_test_status img {
  float: left;
  height: 1em;
}

div.project_test_status_wrapper div.project_test_status div.progress_bar {
  width: 100%;
  float: left;
  border: 1px solid #8e99a8;
}

div.project_test_status_wrapper div.project_test_status_summary {
  font-size: smaller;
  padding-top: 0.5em;
  text-align: center;
}

div.project_test_status_wrapper div.project_test_status_summary a {
  text-decoration: underline;
}

table div.project_test_status_wrapper {
  margin-top: 0;
  border: none;
}

table div.project_test_status {
  width: auto;
}

.vpat_overview, .checklist_overview {
  border: none;
  padding: 4px;
  margin-left: 2%;
  margin-right: 4%;
  margin-bottom: 1em;
  width: 94%;
}

.vpat_overview .report_data {
  border: none;
  width: 100%;
}

.modalDialogContent .vpat_overview {
  max-width: calc(100% - 4em);
}

#vpat_builder_summary_table th {
  text-align: center;
}

.vpat_overview .report_data dt {
  width: 400px;
}

.vpat_overview .report_data dd {
  margin-left: 430px;
  min-height: 2em;
}

.vpat_overview .report_data dd ul li {
  margin-left: 0;
}

#read_toggle_link, #write_toggle_link {
  display: block;
  padding-top: 1em;
}

.permissions_text_write_container textarea,
.permissions_text_read_container textarea {
  display: block;
}

div.project_organization label {
  padding-right: 1em;
}

div.project_organization #organization_select {
  display: none;
}

.vpat_publish {
  font-weight: bold;
  padding: 0.2em 1em;
  margin-left: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 3px;
  font-size: 13px;
  text-decoration: none;
  vertical-align: middle;
  margin-right: 1em !important;
}

.vpat_publish:hover {
  text-decoration: none;
}

h2.ui-accordion-header:focus,
h3.ui-accordion-header:focus {
  outline: #8e99a8 dotted thin;
}

/* Note that last-child does not work in IE8 - see the one for li.last */
#subnav_container .navsub li:last-child a {
  background-image: none !important;
}

.bulk_actions svg {
  color: #68b915 !important;
  margin: 0 0.25em;
}
.bulk_actions:hover svg {
  color: rgb(67.9533980583, 120.8786407767, 13.7213592233) !important;
  text-decoration: none;
}

#menu_use_cases_edit,
#menu_use_cases_actions,
#use_cases.table_toolbar,
#menu_modules_toolbar_edit,
#menu_modules_toolbar_actions,
#modules_toolbar,
.content_box {
  border: 1px solid #8e99a8;
  padding: 1em;
  box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -moz-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -webkit-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
}

#use_cases.table_toolbar,
#modules_toolbar {
  padding: 0.5em !important;
  margin: 0 !important;
  color: rgb(101.5725, 114.415, 131.9275);
}

#menu_use_cases_edit,
#menu_use_cases_actions,
#menu_modules_toolbar_edit,
#menu_modules_toolbar_actions {
  list-style-type: none;
  text-align: left;
  position: relative;
  left: 1.25em;
}

.content_box.plain {
  border: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.content_box dl {
  display: flex;
  flex-wrap: wrap;
}
.content_box dl dd,
.content_box dl dt {
  margin: 0 0 1em;
  text-align: left;
  word-wrap: break-word;
}
.content_box dl dt {
  margin: 0 1em 1em;
  padding: 0;
  width: 100px;
  font-weight: bold;
}
.content_box dl dd {
  flex-basis: calc(100% - 100px - 2em);
}
.content_box dl dd:nth-child(2) a {
  margin-left: 1em;
}

#sidebar div.instructional h3.current {
  background-color: rgb(225.5635, 228.429, 232.3365);
}

#sidebar div.instructional h3.current {
  height: 2em !important;
  background-image: none;
}

#sidebar div.instructional h3 {
  padding: 1em !important;
  margin-top: 0.5em;
}

.navsub.systemSub li:first-child a {
  color: #22232f !important;
}

.reportViolationSeverityContainer label {
  width: 85%;
  display: inline-block;
}

.report_basics p {
  margin-left: 20px;
}

.report_basics p.noConfigElm {
  margin-left: 0;
}

div.report_basics ul {
  margin-left: 25px !important;
  margin-top: 0;
}

div.report_basics:nth-child(4) ul {
  position: relative;
  top: -1em;
}

#addFromOrganizationIcon {
  float: left;
}

div.people_overall_container {
  padding-bottom: 1em;
  padding-right: 1em;
  min-width: 400px;
}

div.report_people_container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 2em;
}

#modal_form .people_overall_container div.reportPermissionsShareLink label {
  display: block;
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: bold;
}

#modal_form .people_overall_container div.reportPermissionsShareLink input {
  width: 100%;
}

.people_overall_container h2 {
  padding-top: 1em;
}

div.report_people_container label {
  padding-left: 1em;
}

div.report_people_container input {
  float: right;
}

#modal_form .people_overall_container .add_by_textarea {
  min-width: 470px;
  float: left;
}

#modal_form .people_overall_container .add_by_textarea label[for=textFieldForPeopleEmailList] {
  display: block;
  font-weight: bold;
  padding-bottom: 0.5em;
}

#modal_form .people_overall_container .add_by_textarea #textFieldForPeopleEmailList {
  width: inherit;
}

.people_overall_container .add_by_textarea select {
  display: inline;
  vertical-align: top;
  margin-left: 2em;
}

.people_overall_container .add_by_textarea .add_warning {
  border: 2px solid #ff5f33;
  padding: 0.5em;
}

.people_overall_container .add_by_textarea input[type=button] {
  display: inline;
  vertical-align: top;
  margin-left: 1em;
}

.reportPermissionsAdvanced summary {
  padding-top: 1em;
  padding-bottom: 1em;
}

#reportPermissionsAdvancedContainer label[for=subject],
#reportPermissionsAdvancedContainer label[for=message],
#projectPermissionsAdvancedContainer label[for=subject],
#projectPermissionsAdvancedContainer label[for=message] {
  display: block;
  padding-top: 1em;
  padding-bottom: 1em;
}

#reportPermissionsAdvancedContainer div.publish {
  font-weight: bold;
  padding-top: 1em;
}

#reportPermissionsAdvancedContainer div.publish_sub {
  padding-left: 2em;
}

div.report_people_container select {
  width: 70px;
  float: left;
}

div.report_people_container label {
  float: left;
  width: 70%;
}

form.edit_report_people_form {
  margin-left: auto;
  margin-right: auto;
  min-width: 500px;
}

form.edit_report_people_form > div > div {
  margin-top: 1em;
  margin-bottom: 1em;
}

textarea[name=addViaEmail] {
  width: 70%;
}

#add_additional {
  float: right;
}

form.edit_report_people_form > div > div:nth-child(1) select:nth-of-type(1) {
  /* width: 34em; */
  position: relative;
  left: 1em;
}

.report_people_container .reportPeopleRemoveMe {
  padding-left: 0.5em;
}

form.edit_report_people_form .reportPeopleRemoveMe {
  float: right;
  position: relative;
  top: 3px;
  padding-left: 0.5em;
}

form.edit_report_people_form .projectPeopleRemoveMe {
  float: right;
  position: relative;
  top: 3px;
}

#spiderAdvanced div:nth-child(3) fieldset {
  width: 90%;
  float: right;
  text-align: left;
  padding-left: 1em;
}

#spiderAdvanced div:nth-child(3) fieldset input {
  float: none;
  position: relative;
  vertical-align: top;
  left: -0.5em;
}

#spiderAdvanced div:nth-child(3) fieldset label {
  margin-top: 0;
  display: inline-block;
  width: 85%;
}

#spiderAdvanced label {
  margin-bottom: 0.5em;
}

#spiderAdvanced > div:nth-child(2) {
  float: left;
  display: inline-block;
  width: 62%;
}

#spiderAdvanced > div:nth-child(3) {
  float: right;
  display: inline-block;
  width: 38%;
}

a.stepLink {
  margin-left: 3em;
}

#naming_inputs > li:first-child {
  width: 100% !important;
}

#naming_inputs > li:first-child label {
  float: left !important;
}

#dateContainer {
  margin-bottom: 1em;
}

.superLabel,
#recurrenceLegendWrapper {
  display: inline-block;
  width: 12em;
  margin-right: 1em;
}

#recurrenceLegendWrapper {
  float: left;
}

.date_container select {
  width: 6em;
}

.date_container.year,
.date_container.month,
.date_container.day {
  display: inline-block;
  margin-right: 1em;
}

.date_container.hour,
.date_container.minute {
  display: inline-block;
  margin-right: 1em;
}

.date_container label {
  position: relative;
  top: 5px;
  display: inline-block;
  width: 4em;
}

/* Applies to left nav menu accordions */
.leftnav_menu h2.ui-accordion-header {
  height: auto;
}

#sidebar div.ui-widget-content {
  border: 0;
  border-right: 1px solid rgb(211.156, 215.424, 221.244);
}

.testing_tree {
  border-bottom: 1px solid rgb(211.156, 215.424, 221.244);
  margin-bottom: 0.5em;
}

.testing_tree h2 {
  display: block !important;
}

#searchbox form {
  width: 100%;
}

/* Let's try to keep these very general */
.box_shadow {
  box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -moz-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -webkit-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
}

div.linear_table_header,
.linear_heading h2,
.linear_heading h3,
.linear_heading h4,
.linear_heading h5,
.linear_heading h6,
h2.linear_heading,
h3.linear_heading,
h4.linear_heading,
h5.linear_heading,
h6.linear_heading {
  background: #6372aa; /* Old browsers */
  height: 1.5em;
  color: #fff;
  padding-left: 0.5em;
  padding-top: 0.2em;
  font-size: 1em;
  font-weight: normal;
}

.no_bottom_margin {
  margin-bottom: 0;
}

.no_pad_left_right {
  padding-left: 0;
  padding-right: 0;
}

.pad_1_left {
  padding-left: 1em;
}

.pad_1_right {
  padding-right: 1em;
}

h2.linear_table_header {
  display: inline-block;
  width: 100%;
  padding-left: 0;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}

#modal_form {
  /* Fix various labels */
}
#modal_form.system_form label {
  display: inline-block;
}
#modal_form label {
  display: inline-block;
  min-width: 65px;
  vertical-align: top;
}
#modal_form label[for=system_id] {
  min-width: 95px;
}
#modal_form label[for=asset_type] {
  min-width: 70px;
}
#modal_form label[for=suppress_sensitive_data] {
  min-width: 160px;
}
#modal_form .instance_container label {
  min-width: 95px;
}
#modal_form .report_form label {
  min-width: 95px;
}

#test_type_inputs li:first-child {
  position: relative;
  left: -1em;
}

#test_type_inputs li:last-child {
  position: relative;
  left: 1em;
}

/* loading image */
#InFocusTree_live_region #loading_image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#sidebar .ui-accordion-content {
  margin: 0;
  padding: 1em 0 0;
}

#sidebar .ui-accordion-content li {
  margin-left: 1em;
}

#navsub li.lastTab > a {
  background-image: none !important;
}

#sidebar .SSBWidget_Container.linkbox.violations_view h3 {
  margin-top: 1em;
  padding: 5px;
}

.bold {
  font-weight: bold;
}

#project_test_reports_content {
  margin-top: 1em;
}

.view_system_test_reports li {
  background-position: 0 5px;
}
.view_system_test_reports li a {
  margin-left: 1em !important;
}
.view_system_test_reports li a svg {
  font-size: 12px;
}

.SSBWidget_Container embed {
  display: none;
}

#textFieldForPeopleEmailList {
  margin-left: 0;
}

.requiredSymbol {
  color: #cc2c00;
  font-size: 10px;
}
.requiredSymbol [role=tooltip] {
  left: 2.25em !important;
  top: -0.75em;
  background: rgb(255, 235, 229.5);
  width: auto;
  white-space: nowrap;
}

.standards_mediaviolations_box {
  position: relative;
}

.standards_mediaviolations_box > label,
.standards_mediaviolations_box > div > label {
  position: relative;
  float: left;
  width: 200px;
}

.standards_mediaviolations_box > select,
.standards_mediaviolations_box > textarea,
.standards_mediaviolations_box > div > textarea,
.standards_mediaviolations_box > input[type=text] {
  position: relative;
  margin-left: 0 !important;
}

.standards_mediaviolations_box textarea {
  width: 70%;
}

.standards_mediaviolations_box > p {
  position: relative;
  display: block;
  width: 100%;
  height: 10px;
}

.standards_mediaviolations_box > p.instructional_text {
  position: relative;
  display: block;
  width: 100%;
  height: 70px;
}

.standards_mediaviolations_box #include_sources {
  float: left;
}

.standards_mediaviolations_box label[for=include_sources] {
  width: 450px;
}

.standards_mediaviolations_box .infocus_testing_media_type li {
  border: 0.7em solid #fff;
}

.specification h1, .specification h3 {
  margin-bottom: 8px;
}

.specification h2 {
  font-size: medium;
}

.specification .tableheader h3 {
  margin-bottom: 0;
}

.validation_message_link {
  font-size: 12px;
}

#recurrenceFieldsSubContainer {
  display: inline-block;
  width: 12em;
}

.input_container #test_configuration_spider_inputs label,
.input_container #dateTimeContainer label,
.input_container #spiderAdvanced label {
  padding: 0;
}

#recurrenceFieldsSubContainer label {
  width: 10em;
  display: inline-block;
  position: relative;
  top: 2px;
}

#recurrenceFieldsSubContainer input {
  margin-bottom: 0.5em;
}

#dateTimeContainer {
  padding-left: 4em;
  padding-right: 4em;
}
#dateTimeContainer fieldset {
  margin-bottom: 1em;
  padding: 0.5em 1em;
}
#dateTimeContainer fieldset legend {
  display: block;
}

h3.stepComplete {
  margin-bottom: 0 !important;
}

#technology_instructional h3.legend {
  margin-bottom: 0 !important;
}

#test_level_instructional h3.legend {
  margin-bottom: 0 !important;
}

#spiderEmailContainer {
  margin-top: 0.75em;
}

#spiderEmailContainer select {
  width: 336px;
}

div.report_basics h2 {
  margin-bottom: 0;
}
div.report_basics dl {
  padding: 1em;
  margin-top: -1em;
}
div.report_basics dl dt {
  font-weight: bold;
  margin: 0 0 0.5em;
}
div.report_basics dl dd {
  margin-left: 1.5em;
  margin-bottom: 1em;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.leftnav_menu ul li {
  margin-left: 0.5em;
  background: url("../../images/SSBWidget/disc4.png") no-repeat left top;
  padding-left: 1em;
  list-style-type: none;
}

#sidebar .SSBWidget_Container.linkbox div > div > ul > li::before,
#sidebar .SSBWidget_Container.linkbox li::before,
#sidebar .SSBWidget_Container.linkbox .linkboxmenu > li::before {
  content: "⚫️";
  color: rgb(101.5725, 114.415, 131.9275);
  font-size: 8px;
  vertical-align: 1px;
  margin-right: 0.25em;
}

.topactiveissues.large th {
  padding: 2px;
}
.topactiveissues td:nth-child(3) {
  text-align: center;
}
.topactiveissues a {
  text-decoration: none !important;
}

.div.report_basics dd {
  background: url("../../images/SSBWidget/disc3.png") no-repeat left top;
  padding-left: 1em;
  margin-left: 1em;
  width: 90%;
}

#sidebar > div.Widget_Report_Contents.linkbox.report_contents > ul {
  list-style-position: inside;
  margin-top: 0.4em;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0.4em;
}

#sidebar div.Widget_Report_Contents.linkbox.report_contents ul li {
  background-image: none;
  list-style-type: disc;
  margin-left: 0em;
}

#sidebar div.Widget_Report_Contents.linkbox.report_contents ul li.current {
  background: url("../../images/report_violations.png") repeat-x 0 0;
  width: 93.4%;
}

/* currently selected link is la-color('black') */
#sidebar div.Widget_Report_Contents.linkbox.report_contents ul li.current a {
  color: #22232f;
}

#sidebar div.Widget_Report_Contents.linkbox.report_contents ul li a {
  padding-left: 0.5em;
}

/* Sub-steps are blue again */
#sidebar div.Widget_Report_Contents.linkbox.report_contents ul li.current li.sub_tab a {
  color: #6372aa;
}

/* Selected sub-step is la-color('black') though */
#sidebar div.Widget_Report_Contents.linkbox.report_contents ul li.current li.sub_tab span.current {
  color: #22232f;
}

#sidebar div.Widget_Report_Contents.linkbox.report_contents > ul li > ul {
  margin-top: 0.5em;
  padding-left: 0;
  padding-right: 0;
}

#sidebar div.Widget_Report_Contents.linkbox.report_contents ul li > ul li::before {
  content: "⚫️";
  color: rgb(101.5725, 114.415, 131.9275);
  font-size: 8px;
  vertical-align: 1px;
  margin-right: 0.25em;
}

#sidebar div.Widget_Report_Contents.linkbox.report_contents ul li.current.sub_tab {
  background: transparent url("/images/arrow-yellow.png") no-repeat -1px 3px;
}

#sidebar .SSBWidget_Container.linkbox .techplatformlinkbox ul > li ul li a {
  font-size: small;
}

#sidebar .SSBWidget_Container.linkbox .techplatformlinkbox > ul {
  background-image: none !important;
  list-style: none inside;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0.4em;
  margin-left: 0;
  text-indent: 16px;
}

#sidebar .SSBWidget_Container.linkbox .techplatformlinkbox > ul > li {
  background-image: none !important;
  list-style-type: none;
}

#sidebar .SSBWidget_Container.linkbox .techplatformlinkbox ul > li {
  background-image: none !important;
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  padding-top: 3px;
  background-position: 0 3px;
}

#sidebar .SSBWidget_Container.linkbox .techplatformlinkbox > ul > li > ul > li {
  background-image: none !important;
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
}

#sidebar .SSBWidget_Container.linkbox .techplatformlinkbox > ul > li.current {
  background-image: none !important;
  background-color: #fce94e;
}

#sidebar .SSBWidget_Container.linkbox .techplatformlinkbox > ul li.current a {
  color: #22232f;
}

#sidebar .SSBWidget_Container.linkbox .techplatformlinkbox > ul > li > ul li.current {
  background-image: url("/images/arrow-yellow.png") !important;
}

#sidebar .SSBWidget_Container.linkbox .techplatformlinkbox > ul > li.techplatformlb_children {
  list-style-type: none;
}

/* Create license form layout */
.create_license_form {
  min-width: 400px;
  line-height: 2em;
}

.create_license_form label {
  float: left;
  width: 75%;
  clear: left;
}

.create_license_form select {
  clear: right;
  width: 25%;
}

.create_license_form label[for=num_licenses], .create_license_form select[id=num_licenses] {
  margin-bottom: 1em;
}

div.renewLicensesWrapper {
  width: 500px;
  max-width: 500px;
  padding-bottom: 10px;
}

form.createLicenseForm {
  max-width: 450px !important;
}

form.createLicenseForm select {
  width: 100px;
}

.renewLicenseForm input[type=submit],
.createLicenseForm input[type=submit] {
  margin-top: 1em;
}

form.renewLicenseForm {
  max-width: 550px !important;
}

form.renewLicenseForm label {
  text-align: right;
  padding-right: 1em;
}

.renewLicensesWrapper select {
  margin-right: 10px;
}

#view_instances_container table tbody tr > td {
  vertical-align: text-top;
}

#view_instances_container table.hasThumbnail tbody tr > td:nth-of-type(7n) {
  vertical-align: middle;
}

form.edit_report_properties {
  min-width: 400px;
}

#modal_form label[for=textFieldEmailList] {
  max-width: 450px;
  display: block;
}

#modal_form label[for=email_copy] {
  display: block;
}

form.email_report div {
  padding-bottom: 1em;
}

.view_all_modules_pagination_link {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.view_all_modules_pagination_link:nth-of-type(1) {
  padding-left: 0;
}

.view_all_modules_pagination_link.current {
  color: #22232f;
}

.topactivehtml div.nodata {
  background: none;
  border: none;
}

#view_seat_details_form li {
  margin-left: 0;
}

div.right_spider_container label {
  font-size: small !important;
}

#OrganizationSideNavTree,
#OrganizationSideNavTree_Widget {
  width: 100%;
  color: #22232f;
  display: inline-block;
  overflow: auto;
  margin-bottom: 0;
}

#OrganizationSideNavTree,
#OrganizationSideNavTree a,
#OrganizationSideNavTree ul,
#OrganizationSideNavTree li,
#OrganizationSideNavTree_Widget a,
#OrganizationSideNavTree_Widget ul,
#OrganizationSideNavTree_Widget li {
  outline: none;
}

li.minimal {
  padding: 2px 2px;
  width: auto;
}

div.OrganizationSideNavTreeLinkBox {
  width: auto;
  display: inline-block;
  max-width: 199px;
  max-height: 1280px;
  overflow: hidden;
  margin-right: 0;
  margin-top: 3px;
}

div.OrganizationSideNavTreeLinkBox .heading_container {
  max-width: 197px;
}

#OrganizationSideNavSupplementalOrgs {
  padding-left: 1em;
  padding-right: 1em;
  font-weight: bold;
}

#OrganizationSideNavSupplementalOrgs ul {
  margin-bottom: 0;
}

#OrganizationSideNavTree a,
#OrganizationSideNavTree_Widget a,
#OrganizationSideNavTree_Widget span {
  display: inline-block;
  max-width: 77%;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 0.25em;
  color: #6372aa;
  /*color: la-color('white') !important;*/
  font-size: small;
  overflow: hidden;
  white-space: nowrap;
  max-height: 18px;
  position: relative;
  top: 3px;
  font-weight: bold;
}

#OrganizationSideNavTree_Widget span {
  color: #22232f;
}

#OrganizationSideNavTree a:hover,
#OrganizationSideNavTree_Widget a:hover {
  text-decoration: none;
}

#OrganizationSideNavTree ul,
#OrganizationSideNavTree_Widget ul {
  padding-bottom: 0;
  margin-bottom: 0;
}

#OrganizationSideNavTree li,
#OrganizationSideNavTree_Widget li {
  margin-top: 1px;
  margin-bottom: 1px;
}

#OrganizationSideNavTree .level_1,
#OrganizationSideNavTree_Widget .level_1 {
  padding-left: 1.5em;
}

#OrganizationSideNavTree .level_2,
#OrganizationSideNavTree_Widget .level_2 {
  padding-left: 1.75em;
}

#OrganizationSideNavTree .level_3,
#OrganizationSideNavTree_Widget .level_3 {
  padding-left: 2em;
}

#OrganizationSideNavTree .level_4,
#OrganizationSideNavTree_Widget .level_4 {
  padding-left: 2.25em;
}

#OrganizationSideNavTree a.toggle,
#OrganizationSideNavTree_Widget a.toggle {
  display: inline;
  float: right;
  width: 1em;
}

#OrganizationSideNavTree li.focused > a,
#OrganizationSideNavTree_Widget li.focused > a {
  color: #22232f;
}

#OrganizationSideNavSupplementalOrgs a {
  max-width: 100px;
  white-space: nowrap;
  display: inline-block;
}

.navsub.icon {
  display: inline;
}

.sideNavWidget .content_container {
  padding-left: 0;
}

.widgetModal p,
#modal_dialog_message_WidgetsModal p {
  width: 340px;
  padding: 0 !important;
}

.widgetModal table,
#modal_dialog_message_WidgetsModal table {
  width: 100%;
}

label[for=add_widget] {
  position: relative;
  top: 3px;
}

#nav.no_page_heading {
  margin-bottom: 0;
}

#subnav_container.no_page_heading #navsub h1 span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 700px;
  display: inline-block;
}

#BookmarkPage_Button {
  position: relative;
  margin-left: 1em;
}
#BookmarkPage_Button svg {
  vertical-align: 0.75em;
}
#BookmarkPage_Button.bookmarked svg.fa-inverse[data-prefix=fas] {
  display: inline-block;
}
#BookmarkPage_Button.bookmarked svg.fa-inverse[data-prefix=far] {
  display: none;
}
#BookmarkPage_Button:not(.bookmarked) svg.fa-inverse[data-prefix=fas] {
  display: none;
}
#BookmarkPage_Button:not(.bookmarked) svg.fa-inverse[data-prefix=far] {
  display: inline-block;
}

#sidebar div.Widget_Report_Contents.linkbox.report_contents.view_ruleset_compliance_page > ul > li {
  list-style-type: none;
}

#sidebar div.Widget_Report_Contents.linkbox.report_contents.view_ruleset_compliance_page > ul > li > a {
  color: #22232f;
}

#sidebar div.Widget_Report_Contents.linkbox.report_contents.view_ruleset_compliance_page > ul > li > ul.report_content_subnav {
  padding-left: 1.5em;
  padding-top: 0;
  margin-top: 0;
}

.small_main_header {
  display: inline-block;
}

.project_fieldset {
  border: 1px solid #22232f;
}

.project_fieldset legend {
  display: inline-block;
}

fieldset.report_form label,
.project_fieldset label {
  width: 100px;
}

fieldset.report_form textarea {
  vertical-align: top;
}

fieldset.report_form input,
fieldset.report_form textarea,
fieldset.report_form select,
.project_fieldset input,
.project_fieldset textarea,
.project_fieldset select {
  width: 500px;
}

#main-header {
  margin: 1em 0;
}
#main-header h1 {
  position: relative;
  display: inline;
  font-size: 1.75em;
  font-weight: normal;
  top: -3px;
}
#main-header a {
  color: #68b915;
}

#textFieldForPeopleEmailList {
  width: 100%;
}

span.infocus_default_testing_tree_help {
  color: #22232f;
  font-size: 13pt;
  display: block;
  margin-top: 10em;
  padding-left: 1.5em;
}

div.dash.tertiary_nav li.current {
  background-color: #fce94e;
}

#container > nav ul {
  right: 0;
}
#container > nav ul li.current {
  overflow-x: visible;
}
#container > nav a:focus + ul.tertiary_nav li a {
  background: none !important;
}
#container > nav ul.tertiary_nav li {
  margin-left: 6px;
}
#container > nav ul.tertiary_nav li:focus-within + li a {
  background: none !important;
}
#container > nav ul.tertiary_nav li:focus-within, #container > nav ul.tertiary_nav li a:focus {
  overflow: visible !important;
}

[role=menu].menu {
  min-width: 150px;
  max-width: 300px;
  display: inline-block;
  position: absolute;
  border: 1px solid #8e99a8;
  border-radius: 0 0 3px 3px;
  z-index: 1003;
  background-color: #fff;
  font-size: 1em;
  box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -moz-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  -webkit-box-shadow: 0 0 5px rgb(211.156, 215.424, 221.244);
  list-style-type: none;
  padding: 0;
  margin: 0;
}
[role=menu].menu.hidden {
  display: none;
}
[role=menu].menu li {
  padding: 0;
  margin: 0;
  border-top: 1px solid rgb(211.156, 215.424, 221.244);
}
[role=menu].menu li:first-child, [role=menu].menu li.divider + li {
  border-top: 0;
}
[role=menu].menu li.divider {
  padding: 0;
  border-bottom: 4px solid rgb(170.815, 179.01, 190.185);
}
[role=menu].menu li a {
  color: rgb(101.5725, 114.415, 131.9275);
  display: block;
  padding: 0.375em 0.75em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap !important;
  border: transparent solid;
  border-width: 0 4px;
}
[role=menu].menu li a:hover, [role=menu].menu li a:focus {
  color: #22232f;
  background: rgb(230.7378640777, 250.0048543689, 210.9951456311);
  border-color: #68b915;
  outline: none;
}

.organization_dashboard {
  padding-top: 0.5em;
}

a.text_hover_anchor {
  display: inline-block;
  margin-left: 0.5em;
  margin-top: 0.6em;
}

.favorites li {
  background-image: none !important;
}

.share_people_container #addFromOrganizationIcon {
  margin-left: 0;
}

.share_people_container #organizationSeatsContainer {
  margin-top: 1em;
}

.share_people_container input[type=text],
.share_people_container textarea {
  width: 80%;
}

.share_report_link img {
  position: relative;
  top: -2px;
}

a[href="#report_view_menu"] {
  position: relative;
  top: 2px;
}

span.missing_jre {
  white-space: normal;
  max-width: 300px;
  display: inline-block;
}

#menu_reports li a.hover_no_drop {
  width: auto;
  border: none;
  padding: 0;
  display: inline;
}

#next_bottom, #next {
  color: #fff;
}

.report_template_sidebar {
  margin-top: 1em !important;
}

[role=menu].menu .bullet-list li {
  text-align: left;
}

.wht {
  background-color: #fff;
}

#sidebar .ui-accordion-header.ui-helper-reset.ui-corner-top.ui-state-default {
  color: #fff;
}

h3.tier2_curricula {
  margin-left: 1em;
  border: none !important;
}

ul.tier2_unit {
  margin-left: 1em;
}

ul.tier_2 {
  margin-left: 1em;
}

li.course {
  margin-left: 1em;
}

ul.tier_3 {
  margin-left: 2em;
}

.System a.toggle img {
  position: relative;
  left: 2px;
}

.rootRuleSubmit {
  margin-left: 1em;
}

.use_case_form input[value=More] {
  margin-right: 1em;
}

.iftc_wizard_steps h3 {
  color: #fff;
  padding-left: 0.75em !important;
}

.image_tab:last-child {
  margin-right: 2px;
}

.image_tab a {
  width: 3.25em;
  padding: 0;
}

.image_tab img {
  height: 25px;
}

#modal_form.edit_report_people_form label {
  min-width: 100px;
}

#additional_email_notice_container {
  margin-top: 0.75em;
}

#additional_email_notice_container textarea {
  width: 330px;
  height: 30px;
}

.drop_list_item {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.25em;
}

.focused_auto_complete_item {
  background-color: #68b915;
}

.focused_auto_complete_item a {
  color: #fff;
}

.listitem.last {
  width: 3em !important;
}

.media_type_toggle.selected {
  width: 3.5em;
  border: 1px solid #68b915;
  background-color: rgb(230.7378640777, 250.0048543689, 210.9951456311);
}

.media_type_toggle img {
  position: relative;
  top: 2px;
}

.media_type_toggle div {
  display: inline;
  position: relative;
  top: -5px;
  left: 3px;
}

.media_type_toggle {
  width: 2em;
}

.ex_link {
  padding-top: 0.5em;
  display: inline-block;
  border-top: 1px solid rgb(211.156, 215.424, 221.244);
}

#filter_form {
  display: inline-block;
  width: 340px;
  float: left;
  margin-right: 1em;
}

#filter_form_container {
  float: right;
  margin: 1em;
  padding-top: 1em;
}

#modules_list_container ul.linkboxmenu {
  margin: 1em;
}

.vio_heading {
  margin: 0;
}

.vio_info {
  margin-bottom: 0.75em;
  display: block;
}

#amp_toolbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#amp_toolbox::before {
  background: rgb(211.156, 215.424, 221.244);
  content: "";
  position: absolute;
  top: 0;
  left: 41.666%;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 1px;
}
#amp_toolbox > div:first-child {
  width: calc(41.666% - 1em);
}
#amp_toolbox > div:last-child {
  width: calc(58.333% - 1em);
}
@media all and (max-width: 640px) {
  #amp_toolbox::before {
    display: none;
  }
  #amp_toolbox > div {
    width: 100% !important;
  }
}
#amp_toolbox div.tool {
  display: inline-flex;
  background: transparent;
  align-items: start;
  justify-content: space-between;
}
#amp_toolbox div.tool > .fa-layers,
#amp_toolbox div.tool > svg[data-prefix^=fa] {
  display: block;
  text-align: center;
  min-width: 48px;
  font-size: 48px;
}
#amp_toolbox div.tool > .fa-layers.ast-icon .fa-primary,
#amp_toolbox div.tool > svg[data-prefix^=fa].ast-icon .fa-primary {
  fill: #1565C0 !important;
}
#amp_toolbox div.tool > .fa-layers.ast-icon .fa-secondary,
#amp_toolbox div.tool > svg[data-prefix^=fa].ast-icon .fa-secondary {
  fill: #90CAF9 !important;
}
#amp_toolbox div.tool div:not(.access-js-url) {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  flex-grow: 1;
  padding-left: 20px;
  min-height: 100px;
  margin-bottom: 1em;
}
#amp_toolbox div.tool div:not(.access-js-url) h2 {
  font-size: 1.25em;
}
#amp_toolbox div.tool div:not(.access-js-url) li {
  margin-bottom: 0.25em;
}
#amp_toolbox div.tool div:not(.access-js-url) a {
  font-size: 1.16em;
}
#amp_toolbox div.tool div:not(.access-js-url) a > img,
#amp_toolbox div.tool div:not(.access-js-url) a > svg,
#amp_toolbox div.tool div:not(.access-js-url) a > .fa-layers {
  display: inline-block;
  color: #3b55e6;
  margin-right: 0.5em;
  font-size: 16px;
  width: 18px;
  text-align: center;
  vertical-align: -3px;
}
#amp_toolbox div.tool div:not(.access-js-url) a > svg g.green {
  fill: #68b915;
}
#amp_toolbox div.tool div:not(.access-js-url) a > svg g.brand-blue {
  fill: #3b55e6;
}
#amp_toolbox div.tool div:not(.access-js-url) a > svg g.purple {
  fill: #552c9f;
}
#amp_toolbox div.tool div:not(.access-js-url) .code-clipboard {
  display: flex;
  padding-left: 0;
  min-height: unset;
  width: 100%;
  align-items: stretch;
  margin: 0.5em 0 1em;
}
#amp_toolbox div.tool div:not(.access-js-url) .code-clipboard code {
  display: block;
  padding: 1em;
  margin: 0;
  border: 1px solid #8e99a8;
  border-radius: 3px 0 0 3px;
  background-color: rgb(242.8525, 244.035, 245.6475);
  flex-basis: 100%;
}
#amp_toolbox div.tool div:not(.access-js-url) .code-clipboard .clipboard {
  display: block;
  border: 1px solid #8e99a8;
  border-left: 0;
  border-radius: 0 3px 3px 0;
  background-color: rgb(242.8525, 244.035, 245.6475);
}
#amp_toolbox div.tool div:not(.access-js-url) .code-clipboard .clipboard svg {
  margin: 0.75em 0.5em 0;
}
#amp_toolbox div > div.tool:nth-child(2) {
  padding-top: 1em;
  border-top: 1px solid rgb(211.156, 215.424, 221.244);
}
#amp_toolbox .more-info {
  font-size: 0.9em;
  margin-left: 2em;
  font-style: italic;
}
#amp_toolbox .more-info svg.svg-inline--fa {
  color: #22232f;
  font-size: 12px;
  margin-right: 0.25em;
}

#main-header a,
#subnav_icon_container a {
  display: inline-block;
}
#main-header a svg[data-prefix^=fa],
#subnav_icon_container a svg[data-prefix^=fa] {
  color: #68b915;
}
#main-header a svg[data-prefix^=fa].fa-inverse,
#subnav_icon_container a svg[data-prefix^=fa].fa-inverse {
  color: #22232f;
}
#main-header a svg[data-prefix^=fa]:not(.fa-inverse) path,
#subnav_icon_container a svg[data-prefix^=fa]:not(.fa-inverse) path {
  stroke: #22232f;
  stroke-width: 10px;
  stroke-linecap: round;
  fill: url(#la-svg-button-gradient);
}
#main-header a:hover svg[data-prefix^=fa]:not(.fa-inverse) path, #main-header a:focus svg[data-prefix^=fa]:not(.fa-inverse) path,
#subnav_icon_container a:hover svg[data-prefix^=fa]:not(.fa-inverse) path,
#subnav_icon_container a:focus svg[data-prefix^=fa]:not(.fa-inverse) path {
  fill: url(#la-svg-button-gradient-hover);
}

.current-nps-score {
  display: flex;
  max-width: 300px;
  border-radius: 15px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  background-color: rgb(211.156, 215.424, 221.244);
  margin-bottom: 0.5em;
  padding: 1em;
}
.current-nps-score :first-child {
  font-size: 25px;
  flex-grow: 1;
  width: 50%;
}
.current-nps-score :last-child {
  font-size: 50px;
  color: #ff5f33;
  flex-grow: 1;
  width: 50%;
  text-align: center;
}

.authorized-users {
  font-size: 15px;
  font-weight: bold;
}

#nps-standalone {
  padding: 2em;
  background-color: #fff;
  border: 1px solid #22232f;
}
#nps-standalone #nps-survey form {
  max-width: unset !important;
}
#nps-standalone #nps-survey form #instructional-text {
  margin-bottom: 2em;
}
#nps-standalone #nps-survey form #radio-group {
  margin-bottom: 3em;
}
#nps-standalone #nps-survey form #explain-div {
  margin-bottom: 3em;
}
#nps-standalone #nps-survey form #explain-div textarea {
  height: 200px;
  min-height: 200px;
}
#nps-standalone .modalDialogTitleBar {
  background: #3b55e6;
  border-bottom: 1px solid rgb(226.3538461538, 230.1538461538, 251.3461538462);
  border-radius: 2px 2px 0 0;
  color: #fff;
  font-size: 1.1em;
  position: relative;
  height: 2em;
}

#nps-survey {
  height: auto;
  min-width: auto;
  margin: 1em 2em 1em 2em;
}
#nps-survey #thank-you {
  display: flex;
  margin-bottom: 3em;
}
#nps-survey #thank-you :first-child {
  flex-grow: 3;
  text-align: center;
}
#nps-survey #thank-you :first-child img {
  height: 80px;
  width: 200px;
}
#nps-survey #thank-you :last-child {
  flex-grow: 1;
  padding-left: 0.5em;
  color: #552c9f;
  font-size: 65px;
  font-style: italic;
}
#nps-survey #thank-you-message {
  margin-bottom: 3em;
}
#nps-survey #thank-you-message :first-child {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 25px;
}
#nps-survey #thank-you-message :last-child {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 25px;
}
#nps-survey #thank-you-message span.detractor {
  font-size: 20px !important;
}
#nps-survey form {
  width: 100%;
}
#nps-survey form #errors {
  width: 100%;
  margin-bottom: 1em;
  padding: 0.5em;
  font-size: 16px;
  border: 1px solid #ff5f33;
}
#nps-survey form #instructional-text {
  margin-bottom: 1em;
}
#nps-survey form #instructional-text :first-child {
  display: block;
  margin-left: -11px;
  font-size: 16px;
  font-weight: bold;
}
#nps-survey form #instructional-text :first-child::before {
  color: #ff5f33;
  content: "* ";
}
#nps-survey form #instructional-text :last-child {
  display: block;
}
#nps-survey form #unlikely-likely {
  display: flex;
  margin-bottom: -1px;
  padding: 0;
}
#nps-survey form #unlikely-likely .category {
  display: inline-block;
  padding: 1em;
  text-align: center;
  border-left: 1px solid rgb(198.0373443983, 203.5145228216, 223.9626556017);
  border-right: 1px solid rgb(198.0373443983, 203.5145228216, 223.9626556017);
}
#nps-survey form #unlikely-likely .category.unlikely {
  width: 63.6363636364%;
  border-left: none;
}
#nps-survey form #unlikely-likely .category.neutral {
  width: 18.1818181818%;
}
#nps-survey form #unlikely-likely .category.likely {
  width: 18.1818181818%;
  border-right: none;
}
#nps-survey form #radio-group {
  border: 1px solid gray;
  margin-top: -1px;
  margin-bottom: 2em;
}
#nps-survey form #radio-group fieldset {
  width: 100%;
  padding: 0 !important;
}
#nps-survey form #radio-group fieldset #flex-div {
  display: flex;
}
#nps-survey form #radio-group fieldset #flex-div > div:not(:last-child) {
  border-right: 1px solid black;
}
#nps-survey form #radio-group fieldset #flex-div .radio-button-div {
  flex-grow: 1;
  text-align: center;
}
#nps-survey form #radio-group fieldset #flex-div .radio-button-div label {
  display: block;
  flex-grow: 1;
  padding: 0.5em;
  font-size: 16px;
  text-align: center;
}
#nps-survey form #radio-group fieldset #flex-div .radio-button-div label.detractor {
  background-color: #ff5f33;
}
#nps-survey form #radio-group fieldset #flex-div .radio-button-div label.passive {
  background-color: rgb(249.275, 222.5166666667, 4.225);
}
#nps-survey form #radio-group fieldset #flex-div .radio-button-div label.promoter {
  background-color: #68b915;
}
#nps-survey form #radio-group fieldset #flex-div .radio-button-div input[type=radio] {
  margin: 1.5em;
}
#nps-survey form #explain-div {
  margin-bottom: 2em;
}
#nps-survey form #explain-div label {
  font-size: 16px;
  display: block;
}
#nps-survey form #explain-div textarea {
  resize: vertical;
  width: 100%;
  height: 100px;
  min-height: 100px;
}
#nps-survey form #explain-div #character-count {
  width: 100%;
  text-align: right;
}
#nps-survey .buttons {
  text-align: center;
}

svg.svg-inline--fa.fa-32 {
  font-size: 32px;
}

svg.svg-inline--fa.fa-action {
  color: #6372aa;
}

.create_jira_ticket_icon span {
  height: 5px;
  position: relative;
  top: 0;
  left: 2px;
  font-size: 1.5em;
}

.create_jira_ticket_icon_bulk span {
  float: left;
  font-size: 1.1em;
  margin-right: 0;
  margin-top: 2px;
}

.jira_submit_form label {
  width: 100px;
}

.jira_submit_form input[type=text],
.jira_submit_form textarea {
  width: 300px;
}

[role=img].thumbnail {
  width: 125px;
  height: 125px;
  display: inline-block;
  background: transparent url("") top center no-repeat;
  background-size: 125px auto;
}

.editModuleFileInput {
  max-width: 500px;
}

div.access-js {
  min-width: 320px;
  max-width: 700px;
}

/* Access Discovery */
div.access-discovery {
  display: inline-block;
  position: absolute;
}

a.access-discovery-report {
  font-size: 15px;
  display: grid;
}

.jira_step_container {
  min-width: 700px;
}
.jira_step_container .ssb-filter {
  float: none;
  margin: 1em 0;
  width: 100%;
  padding: 1em;
  display: flex;
}
.jira_step_container .ssb-filter input[type=text] {
  width: auto;
  flex-grow: 1;
  margin-right: 0.5em;
}
.jira_step_container .ssb-filter button, .jira_step_container .ssb-filter input[type=button], .jira_step_container .ssb-filter input[type=submit] {
  width: auto;
  margin-left: 0.5em;
}
.jira_step_container dl dt {
  font-weight: bold;
}
.jira_step_container > ul > li {
  font-size: 1.25em;
  font-weight: bold;
}
.jira_step_container > ul > li ul {
  margin-left: 1em;
}
.jira_step_container > ul > li ul li {
  font-size: 0.8em;
}
.jira_step_container > ul > li ul li input[type=checkbox],
.jira_step_container > ul > li ul li input[type=radio] {
  margin: 2px 1em 0 0;
  vertical-align: middle;
}
.jira_step_container > ul > li ul li input[type=checkbox] + label,
.jira_step_container > ul > li ul li input[type=radio] + label {
  font-weight: normal;
}

.jira_step_container.config_step_1 {
  display: flex;
}
.jira_step_container.config_step_1 > div:nth-child(1) {
  display: inline-block;
  width: 80%;
}
.jira_step_container.config_step_1 > div:nth-child(2) {
  display: inline-block;
  width: 20%;
  position: relative;
}
.jira_step_container.config_step_1 > div:nth-child(2) > div {
  position: absolute;
  top: 2.2em;
  left: 1em;
}

.jira-frm-grp {
  display: flex;
  margin-bottom: 1em;
}
.jira-frm-grp label,
.jira-frm-grp .jira_s1_lbl,
.jira-frm-grp .jira_s1_val {
  display: inline-block;
}
.jira-frm-grp label,
.jira-frm-grp .jira_s1_lbl {
  width: 150px;
  margin-right: 3em;
  font-weight: bold;
}
.jira-frm-grp .jira_s1_val,
.jira-frm-grp input:not([type=checkbox]):not([type=radio]) {
  flex-grow: 1;
}
.jira-frm-grp a.button {
  display: inline-block;
  margin-left: 1em;
}
.jira-frm-grp a.button.next, .jira-frm-grp a.button.cancel {
  width: 4em;
}
.jira-frm-grp.jira-mdl-ctl {
  justify-content: flex-end;
  text-align: right;
  margin-top: 1em;
}
.jira-frm-grp.jira-mdl-ctl button, .jira-frm-grp.jira-mdl-ctl input[type=button], .jira-frm-grp.jira-mdl-ctl input[type=submit] {
  flex-grow: 0;
  margin-left: 0.5em;
}
.jira-frm-grp input[type=checkbox],
.jira-frm-grp input[type=radio] {
  margin: 2px 1em 0 0;
  vertical-align: middle;
}
.jira-frm-grp input[type=checkbox] + label,
.jira-frm-grp input[type=radio] + label {
  white-space: nowrap;
}

.create_jira_mapping_button-off {
  margin-left: 0;
  margin-bottom: 1em;
}

.verificationIconContainer {
  float: right;
  padding-right: 30px;
}

.jira_project_container,
.jira_issuetype_container {
  position: relative;
}
.jira_project_container button[data-jira-state=closed], .jira_project_container button[data-jira-state=opened],
.jira_issuetype_container button[data-jira-state=closed],
.jira_issuetype_container button[data-jira-state=opened] {
  position: absolute;
  top: 0.5em;
  right: 1em;
}
.jira_project_container button[data-jira-state=closed] .fa-minus,
.jira_issuetype_container button[data-jira-state=closed] .fa-minus {
  display: none;
}
.jira_project_container button[data-jira-state=closed] .fa-plus,
.jira_issuetype_container button[data-jira-state=closed] .fa-plus {
  display: block;
}
.jira_project_container button[data-jira-state=opened] .fa-minus,
.jira_issuetype_container button[data-jira-state=opened] .fa-minus {
  display: block;
}
.jira_project_container button[data-jira-state=opened] .fa-plus,
.jira_issuetype_container button[data-jira-state=opened] .fa-plus {
  display: none;
}

.jira_project_container {
  margin-top: 1em;
  padding: 0.5em;
  border: 1px solid rgb(211.156, 215.424, 221.244);
}

.jira_issuetype_container {
  position: relative;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  padding: 0.5em;
  margin-bottom: 1em;
  margin-top: 1em;
}
.jira_issuetype_container > div {
  margin-bottom: 0.5em;
}

.jira_s_lbl {
  display: inline-block;
  font-weight: bold;
  width: 25%;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.jira_s_val {
  display: inline-block;
  font-weight: bold;
  width: 25%;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.jira_s1_lbl.header,
.jira_s1_val.header {
  font-size: 1.25em;
}

.jira_s1_lbl.header {
  width: 9em;
}

.jira_s1_val div input {
  width: auto;
}

.jira-prj-it-ctr {
  margin-bottom: 0.5em;
}

.jira-mdl-prv {
  float: left;
}

div.jira-prj-it-ctr label {
  width: 80%;
}

.jira-prj-tbl-cnt h3 {
  font-weight: bold;
  font-size: 1.25em;
}

.jira-prj-tbl-cnt table thead tr:last-child {
  border-bottom: 1px solid rgb(211.156, 215.424, 221.244);
}

.jira_integration_heading_text {
  margin: 0 0 1em;
  font-size: 1.25em;
}

.jira-h2 {
  font-size: 1.25em;
  color: #22232f;
  margin-top: 1em;
}

.bugtracker-form #radioset_select_bug_tracker {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.bugtracker-form > div:not(#radioset_select_bug_tracker) {
  margin-bottom: 0.5em;
}
.bugtracker-form input[type=checkbox],
.bugtracker-form input[type=radio] {
  margin: 2px 1em 0 0;
  vertical-align: middle;
}
.bugtracker-form input[type=checkbox] + label,
.bugtracker-form input[type=radio] + label {
  font-weight: normal;
}
.bugtracker-form .button {
  margin-top: 0.5em;
  display: inline-block;
}

.jira-h3 {
  font-size: 1.125em;
  padding-bottom: 1em;
  padding-top: 1em;
}

#jira-credentials-frm .jira-frm-lbl {
  width: 200px;
}

#jira-credentials-frm {
  width: 800px;
}

.jira-frm-grp svg.svg-inline--fa.fa-check.right,
.jira-frm-grp svg.svg-inline--fa.fa-warning.right {
  float: right;
}

.jira-validate-button {
  margin: 0;
  display: inline;
}

.validate-target {
  display: inline-block;
}

.jira_ticket_name {
  padding: 5px;
}

.jira_status {
  width: 100px;
  padding: 5px;
  text-align: center;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  border-radius: 10px;
  background: #fff;
  margin-bottom: 10px;
}

.jira-lbl-left label {
  float: left;
}

.jira_issuetype_container h4 span {
  width: auto;
}

.jira_issuetype_container h4 span:last-child,
.jira_issuetype_container h5 span:last-child {
  margin-left: 1em;
}

.jira_issuetype_container h4 span,
.jira_issuetype_container h5 span {
  width: auto;
}

#bug_tracker_success_container {
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: white;
  border-radius: 5px;
  margin: 0;
  padding: 0;
  border: 1px solid black;
  height: 4em;
}
#bug_tracker_success_container div, #bug_tracker_success_container p {
  display: inline-block;
}
#bug_tracker_success_container a {
  font-size: 2em;
  padding-left: 1em;
  padding-right: 1em;
  display: inline-block;
}
#bug_tracker_success_container div {
  background-color: rgb(76.887966805, 90.4564315353, 141.112033195);
  color: #fff;
  height: 100%;
  position: relative;
  top: -4px;
}
#bug_tracker_success_container div svg {
  padding: 0 0.1em 0 0.1em;
  position: relative;
  top: 0.2em;
}
#bug_tracker_success_container button {
  height: 100%;
}
#bug_tracker_success_container svg {
  font-size: 3em;
}

.view-module-container > h2,
.view-module-container > span,
.view-module-container > h2 + *,
.view-module-container > span + * {
  display: inline-block;
  vertical-align: top;
}

.view-module-container > h2,
.view-module-container > span {
  width: 100px;
}

.view-module-container > h2 + *,
.view-module-container > span + * {
  max-width: calc(100% - 100px);
}

.view-module-container p.caption {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 225px - 2px - 1em);
  font-style: italic;
  margin-left: 1em;
}

.view-module-container > a > img,
.view-module-container > a > [role=img].thumbnail {
  border: 1px solid rgb(211.156, 215.424, 221.244);
}

.view-module-container fieldset {
  margin-top: 1em;
}

.hidden-caption {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#uva_data_import_form {
  margin-top: 3em;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}

body.has-popup > #wrapper {
  filter: blur(1px);
  -moz-filter: blur(1px);
  -webkit-filter: blur(1px);
  transition: filter 0.25s, -moz-filter 0.25s, -webkit-filter 0.25s;
}
body.has-popup:after {
  content: " ";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("img/wild_oliva.png") top left repeat;
  opacity: 0.6;
  z-index: 1003;
  transition: background 0.25s;
}

#content #remote_widget_container.report_compliance_page div.SSBWidget_Container {
  min-width: 1015px;
  width: 100%;
}

div.view_shared_widget .SSBWidget_Container.two-column div.topactivereportcontainer.content_container {
  width: 100%;
  padding: 0;
}

.SSBWidget_Container.widget_no_right_margin:not(.three-column) .infopop p,
.SSBWidget_Container.widget_no_right_margin:not(.three-column) .infopop div {
  left: -240px !important;
}

.view_module_table tbody tr th {
  background: rgb(231.0497925311, 233.3526970954, 241.9502074689);
  border-bottom: 1px solid rgb(211.156, 215.424, 221.244);
  color: #22232f !important;
}
.view_module_table tbody tr th a {
  color: rgb(67.9533980583, 120.8786407767, 13.7213592233) !important;
}
.view_module_table tbody tr th span {
  display: inline-block;
  width: 114px;
}
.view_module_table tbody tr:not(:first-child) th {
  position: relative;
  padding-top: 1em;
}
.view_module_table tbody tr:not(:first-child) th :before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.5em;
  background: #fff;
  border-bottom: 1px solid rgb(211.156, 215.424, 221.244);
}
.view_module_table tbody tr td.bugtracker_issue_links a {
  display: block;
  margin-bottom: 0.75em;
}

.grouping-action-bar {
  background: rgb(242.8525, 244.035, 245.6475);
  box-shadow: inset 0 0 1px #8e99a8;
  margin: 1em 0;
  padding: 0.7em;
  display: flex;
  flex-flow: row;
  align-items: center;
  font-size: 13px;
}
.grouping-action-bar > * {
  margin-right: 0.5em;
}
.grouping-action-bar label {
  display: inline-block;
  vertical-align: middle;
}

.grouping-list {
  position: relative;
  margin-bottom: 1em;
}
.grouping-list .group-panel {
  background: rgb(242.8525, 244.035, 245.6475);
  border: 1px solid #8e99a8;
  border-radius: 3px;
  margin-bottom: 1em;
}
.grouping-list .group-panel .group-panel-header {
  display: flex;
  flex-flow: row;
  padding: 1em;
  font-weight: bold;
}
.grouping-list .group-panel .group-panel-header .group-panel-header-content {
  flex-grow: 1;
  display: flex;
  flex-flow: row;
  max-width: calc(100% - 26px);
}
.grouping-list .group-panel .group-panel-header .group-panel-header-content > * {
  overflow: hidden;
  margin-right: 0.5em;
  word-break: break-word;
}
.grouping-list .group-panel .group-panel-header .group-panel-header-content svg > path {
  fill: #6372aa;
}
.grouping-list .group-panel .group-panel-header .group-panel-header-content .module-name {
  width: 40%;
}
.grouping-list .group-panel .group-panel-header .group-panel-header-content .location {
  width: 40%;
}
.grouping-list .group-panel .group-panel-header .group-panel-header-content .violation {
  width: 60%;
}
.grouping-list .group-panel .group-panel-header .group-panel-header-content .violation-instance-count {
  width: 20%;
}
.grouping-list .group-panel .group-panel-header .group-panel-header-content .pattern {
  width: 55%;
}
.grouping-list .group-panel .group-panel-header .group-panel-header-content .pattern-violation-count {
  width: 15%;
}
.grouping-list .group-panel .group-panel-header .group-panel-header-content .pattern-instance-count {
  width: 15%;
}
.grouping-list .group-panel .group-panel-header .group-toggle {
  color: #22232f;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2em;
}
.grouping-list .group-panel .group-panel-body table {
  margin: 0;
  min-width: 100%;
}
.grouping-list .dataTables_wrapper.no-footer {
  padding: 0;
  border: none;
}

.button-row {
  display: flex;
  flex-flow: row nowrap;
}

.reorder-arrows {
  display: flex;
  flex-flow: column;
}
.reorder-arrows a {
  display: block;
}

#add-test-steps-table_wrapper {
  padding-top: 0;
  min-width: 50vw;
}
#add-test-steps-table_wrapper .dataTables_filter {
  padding: 1em;
  display: inline-block !important;
}
#add-test-steps-table_wrapper button {
  white-space: nowrap;
}
#add-test-steps-table_wrapper button svg {
  pointer-events: none;
}

#add-test-steps-table-dropdown-container {
  padding: 1em;
  display: inline-block !important;
}
#add-test-steps-table-dropdown-container select {
  height: 2em;
}

.tag {
  border: 1px solid #22232f;
  padding: 0.5em;
  border-radius: 3px;
  margin: 0 0.5em 0.5em 0;
  display: inline-block;
}

.loading-mask {
  position: absolute;
  padding: 20px;
  top: 0;
  bottom: 0;
  left: -1px;
  right: -1px;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  text-align: center;
  background: rgba(255, 255, 255, 0.75);
  font-weight: bold;
  font-size: 1.25em;
  z-index: 99;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

#edit-domain {
  width: 600px;
}
#edit-domain .infoMsg,
#edit-domain .jira-frm-grp {
  margin-bottom: 1em;
}
#edit-domain #domain-list legend {
  display: block;
  margin: 0;
}
#edit-domain #domain-list input[type=checkbox] {
  margin: 2px 1em 0.5em 0;
  vertical-align: middle;
}

#createAssetModalForm {
  display: table;
  width: 450px;
}

#sf_role {
  margin-left: 20px;
}

.marginTopTextArea {
  margin-top: 0.5em;
}

#fedramp {
  background-color: rgb(242.8525, 244.035, 245.6475);
  font-size: 1.25em;
  border-bottom: 1px solid #fff;
  padding: 1em 10%;
  color: #22232f;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.fa-user-shield {
  background-color: rgb(242.8525, 244.035, 245.6475);
  color: #cc2c00;
  padding-right: 5px;
}