@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/ */
.view_rulesets h2 a {
  display: block;
}

.media_type_list ul li a {
  font-weight: bold;
  font-size: 0.9em;
}

.ui-accordion {
  border: 1px solid #8e99a8;
  background: #fff;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 0;
}
.ui-accordion .ui-accordion-header {
  padding: 0.5em 1em;
  cursor: auto;
  background: rgb(76.887966805, 90.4564315353, 141.112033195);
  color: #fff;
  border-radius: 0;
  border: 0;
}
.ui-accordion .ui-accordion-header > * {
  display: inline-block;
  vertical-align: middle;
}
.ui-accordion .ui-accordion-header > span {
  line-height: 24px;
  width: calc(100% - 26px - 1em);
}
.ui-accordion .ui-accordion-header > span a {
  color: #fff;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  padding: 0.25em 0.5em;
  margin-left: 1em;
  color: #22232f;
  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: 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;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon:hover, .ui-accordion .ui-accordion-header .ui-accordion-header-icon: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;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon svg {
  font-size: 16px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon[aria-expanded=true] .fa-caret-up {
  display: block;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon[aria-expanded=true] .fa-caret-down {
  display: none;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon[aria-expanded=false] .fa-caret-up {
  display: none;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon[aria-expanded=false] .fa-caret-down {
  display: block;
}
.ui-accordion .ui-accordion-content {
  padding: 1em;
}

.sidebar_accordion .ui-accordion-content ul,
.report_basics .ui-accordion-content ul,
.learning_center .ui-accordion-content ul {
  list-style-type: none;
  padding-left: 0.2em;
}

.sidebar_accordion .ui-accordion-content,
.report_basics .ui-accordion-content,
.learning_center .ui-accordion-content {
  padding: 0;
}

.sidebar_accordion .ui-accordion,
.report_basics .ui-accordion,
.learning_center .ui-accordion {
  box-shadow: -2px 2px 5px 0px #aeb3b6;
  margin-bottom: 0 !important;
}

.sidebar_accordion .ui-accordion:last-of-type,
.report_basics .ui-accordion:last-of-type,
.learning_center .ui-accordion:last-of-type {
  margin-bottom: 1em;
}

.learning_center .ui-accordion h3.ui-accordion-header {
  font-size: 0.9em !important;
}

div.sidebar_accordion .ui-accordion-content {
  padding: 0.5em;
}

div.sidebar_accordion ul {
  padding-left: 1em;
  width: 100%;
  padding-bottom: 0.25em;
  padding-top: 0.25em;
}

.sub_accordion div:nth-child(2) {
  border: none !important;
}

.sub_accordion h2:first-child[aria-expanded=true] {
  background: -moz-linear-gradient(top, #ceecff 0%, #ceecff 78%, #9cbfd0 100%) !important;
  background: -webkit-gradient(linear, center bottom, center top, color-stop(0%, #9cbfd0), color-stop(78%, #ceecff), color-stop(100%, #ceecff)) !important;
  background: -webkit-linear-gradient(bottom, #9cbfd0 0%, #ceecff 78%) !important;
  background: -o-linear-gradient(top, #58a4cc 0%, #4890be 78%, #3c87b6 100%) !important;
  background: -ms-linear-gradient(top, #ceecff 0%, #ceecff 78%, #9cbfd0 100%) !important;
  background: linear-gradient(to top, #9cbfd0 0%, #ceecff 78%, #ceecff 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ceecff", endColorstr="#9cbfd0", GradientType=0) !important; /* IE6-9 */
}

/*
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
*/
.loadingMsg > div svg {
  min-width: 128px;
  max-width: 256px;
  width: 256px;
  margin: 2em 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .loadingMsg > div svg {
    animation: loading-pulse 2s ease-in-out infinite;
  }
}
@keyframes loading-pulse {
  0% {
    transform: translateX(-192px);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(192px);
  }
}
@keyframes loading-slide-left {
  0% {
    transform: translateX(-256px);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  10%, 65% {
    transform: translateX(-64px);
    animation-timing-function: cubic-bezier(0.15, -0.3, 0.85, 1);
  }
  70% {
    transform: translateX(64px);
    animation-timing-function: cubic-bezier(0.6, 0.8, 0, 1);
  }
  80%, 100% {
    transform: translateX(256px);
  }
}
@keyframes loading-slide-middle {
  0% {
    transform: translateX(-256px) scaleX(0);
  }
  10% {
    transform: translateX(-64px) scaleX(0);
    animation-timing-function: cubic-bezier(1, 0.85, 0.85, 1.3);
  }
  15%, 65% {
    transform: translateX(0) scaleX(-1);
    animation-timing-function: cubic-bezier(0.15, -0.3, 0.85, 1);
  }
  70% {
    transform: translateX(64px) scaleX(0);
    animation-timing-function: cubic-bezier(0.6, 0.8, 0, 1);
  }
  80%, 100% {
    transform: translateX(256px) scaleX(0);
  }
}
@keyframes loading-slide-right {
  0% {
    transform: translateX(-256px);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  10% {
    transform: translateX(-64px);
    animation-timing-function: cubic-bezier(1, 0.85, 0.85, 1.3);
  }
  15%, 70% {
    transform: translateX(64px);
    animation-timing-function: cubic-bezier(0.6, 0.8, 0, 1);
  }
  80%, 100% {
    transform: translateX(256px);
  }
}
.loadingMsg > div svg path, .loadingMsg > div svg circle {
  animation-duration: 3s;
  animation-iteration-count: infinite;
  stroke-width: 0;
  stroke: none;
}
.loadingMsg > div svg path {
  transform: translateX(-256px) scaleX(0);
  transform-origin: center;
  animation-name: loading-slide-middle;
}
.loadingMsg > div svg circle {
  transform: translateX(-256px);
}
.loadingMsg > div svg circle.left {
  animation-name: loading-slide-left;
}
.loadingMsg > div svg circle.right {
  animation-name: loading-slide-right;
}
.loadingMsg > div svg > *.line-0 > * {
  fill: #68b915;
}
.loadingMsg > div svg > *.line-1 > * {
  fill: #3b55e6;
  animation-delay: 0.4285714286s;
}
.loadingMsg > div svg > *.line-2 > * {
  fill: #552c9f;
  animation-delay: 0.8571428571s;
}

/* SSBWidget_Container */
.SSBWidget_Container {
  margin-right: 1em;
  border: 1px solid rgb(148.5186721992, 158.7572614108, 196.9813278008);
  border-radius: 3px;
  background: #fff;
  line-height: 1.5;
  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);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* This class is used to show the content of a div */
  /* Quicklinks */
}
.SSBWidget_Container .SSBWidget_Close {
  margin-left: 3px;
}
.SSBWidget_Container .config_container {
  padding-bottom: 0.5em;
}
.SSBWidget_Container .right {
  float: right !important;
}
.SSBWidget_Container .heading_container {
  background: rgb(214.5435684647, 218.4336099585, 232.9564315353);
  color: #22232f;
  border-bottom: 1px solid rgb(148.5186721992, 158.7572614108, 196.9813278008);
  border-radius: 2px 2px 0 0;
  padding: 0.5em 1em;
  box-shadow: 0 0 0 1px rgb(231.0497925311, 233.3526970954, 241.9502074689) inset;
  -moz-box-shadow: 0 0 0 1px rgb(231.0497925311, 233.3526970954, 241.9502074689) inset;
  -webkit-box-shadow: 0 0 0 1px rgb(231.0497925311, 233.3526970954, 241.9502074689) inset;
}
.SSBWidget_Container .heading_container h2 {
  margin: 0;
  padding: 0;
  color: #22232f;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap !important;
}
.SSBWidget_Container .heading_container span {
  color: #22232f;
  margin-top: 4px;
  font-weight: normal;
}
.SSBWidget_Container .heading_container .action-elements {
  display: flex;
  flex-flow: row;
  align-items: center;
}
.SSBWidget_Container .heading_container .action-elements select {
  box-sizing: border-box;
  margin-right: 0.5em;
}
.SSBWidget_Container .heading_container .action-elements button {
  position: relative;
  box-sizing: border-box;
  padding: 0 1em;
  height: 22px;
}
.SSBWidget_Container .heading_container .action-elements button span {
  font-weight: bold;
}
.SSBWidget_Container .dataTables_wrapper.no-footer {
  border: 0;
  padding: calc(20px + 2em) 0.5em 0;
  background: #fff;
}
.SSBWidget_Container .dataTables_wrapper.no-footer table.dataTable.no-footer {
  border: 1px solid #8e99a8 !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.SSBWidget_Container table thead tr:first-child th {
  background: rgb(221.1460580913, 224.4012448133, 236.5539419087);
  color: #22232f;
  border-bottom: 1px solid #8e99a8;
}
.SSBWidget_Container table thead tr:first-child th:not(:last-child) {
  border-right: 1px solid rgb(170.815, 179.01, 190.185);
}
.SSBWidget_Container table thead tr:first-child th a {
  color: #22232f;
}
.SSBWidget_Container table thead tr:first-child th.sorting:focus, .SSBWidget_Container table thead tr:first-child th.sorting_asc:focus, .SSBWidget_Container table thead tr:first-child th.sorting_desc:focus {
  outline: none;
  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;
  background: rgb(128.7112033195, 140.8543568465, 186.1887966805);
}
.SSBWidget_Container .widget-control svg {
  color: #22232f;
}
.SSBWidget_Container:not(.fixed) {
  border: 1px solid rgb(170.815, 179.01, 190.185);
}
.SSBWidget_Container:not(.fixed) .heading_container {
  background: rgb(242.8525, 244.035, 245.6475);
  border-bottom: 1px solid rgb(170.815, 179.01, 190.185);
  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;
}
.SSBWidget_Container .heading_controls {
  float: right;
}
.SSBWidget_Container .SSBWidget_Configure {
  margin-left: 5px;
}
.SSBWidget_Container form {
  width: 100%;
}
.SSBWidget_Container form input.left {
  float: left;
}
.SSBWidget_Container .content_container,
.SSBWidget_Container .config_container {
  padding: 1em;
  min-height: 306px;
  max-height: 306px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.SSBWidget_Container .scrollable_no_data_content {
  white-space: pre-wrap; /* CSS3 */
  word-wrap: break-word; /* IE */
  min-height: 60px;
  color: #22232f;
  width: 248px;
  max-width: 248px;
  background: rgb(242.8525, 244.035, 245.6475);
  padding: 15px 15px 0;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  box-shadow: -1px 1px 3px 0 rgb(211.156, 215.424, 221.244);
  -moz-box-shadow: -1px 1px 3px 0 rgb(211.156, 215.424, 221.244);
  -webkit-box-shadow: -1px 1px 3px 0 rgb(211.156, 215.424, 221.244);
}
.SSBWidget_Container .doublehorizontalgraph .scrollable_no_data_content {
  width: 488px;
  max-width: 488px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
}
.SSBWidget_Container .SSBWidget_Save img {
  position: relative;
  top: 3px;
}
.SSBWidget_Container.linkbox .scrollable_content {
  min-height: 0;
  max-height: 295px;
  overflow-y: auto;
  overflow-x: hidden;
}
.SSBWidget_Container.linkbox ul.favorites {
  padding-left: 0;
  padding-right: 0;
  margin-top: 5px;
}
.SSBWidget_Container .see_all {
  margin-left: 2em;
  position: relative;
}
.SSBWidget_Container .quickLinks {
  padding-top: 1em;
}
.SSBWidget_Container .complianceofactivereportsheading h2 {
  max-width: 310px !important;
}
.SSBWidget_Container:not(.linkbox) {
  margin-bottom: 1em;
  min-height: 365px;
}
.SSBWidget_Container:not(.linkbox).table_widget {
  min-height: 0 !important;
}
.SSBWidget_Container:not(.linkbox).table_widget table {
  margin-bottom: 0;
  border: none !important;
}
.SSBWidget_Container.one-column, .SSBWidget_Container:not(.two-column):not(.three-column):not(.linkbox):not(.fixed) {
  width: calc((100% - 3em) / 3 * 1);
}
@media all and (max-width: 1024px) {
  .SSBWidget_Container {
    width: 100% !important;
    overflow: auto;
  }
}
.SSBWidget_Container.report_basics dt {
  margin-top: 1em;
}

.one-column {
  width: calc((100% - 3em) / 3 * 1);
  margin-right: 1em;
}

.two-column {
  width: calc((100% - 3em) / 3 * 2 + 1em);
  margin-right: 1em;
}

.three-column {
  width: 100%;
}

@media all and (max-width: 1024px) {
  .one-column,
  .two-column,
  .three-column {
    width: 100% !important;
    overflow: auto;
  }
}

.full-size-chart {
  display: flex;
  align-items: center;
  height: 280px;
  width: 100%;
}

.SSBWidget_ContainerRow > div {
  float: left;
  margin-bottom: 0.5em;
}

#content #remote_widget_container.dashboard .SSBWidget_Container,
#content #remote_widget_container.system .SSBWidget_Container {
  max-height: 365px;
  min-height: 365px;
}

#remote_widget_container {
  display: flex;
  flex-flow: row wrap;
  width: calc(100% + 1em);
}

.SSBViewComponent_Container {
  display: inline-block;
  vertical-align: top;
}

.skinny .SSBWidget_Container {
  margin-right: 1.75em;
}

.leftnav_menu ul li a,
#sidebar .SSBWidget_Container.linkbox ul li a {
  /* RCS - added bolding so the leftnav links look like the comp */
  font-weight: bold !important;
}

.system_test_reports .SSBWidget_Container .content_container.quicktestActiveContainer .scrollable_no_data_content,
.system_test_reports .SSBWidget_Container .content_container.comparativeoverallcompliancecontainer .scrollable_no_data_content {
  max-width: none;
  max-height: none;
  border: 0;
  box-shadow: none;
  background: none;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

.view_shared_widget .SSBWidget_Container {
  min-width: 300px;
}

.view_shared_widget .SSBWidget_Container .heading_container {
  width: auto;
  max-width: none;
  max-height: none;
  min-width: 0;
  min-height: 20px;
}

.view_shared_widget .SSBWidget_Container.two-column,
.view_shared_widget .SSBWidget_Container .content_container {
  width: auto;
  max-width: none;
  min-width: 0;
  max-height: none;
  min-height: 0;
}

.view_shared_widget .SSBWidget_Container.sideNavWidget .content_container {
  max-height: 300px;
}

.view_shared_widget .SSBWidget_Container.sideNavWidget .content_container ul {
  max-width: none;
}

.view_shared_widget .SSBWidget_Container.two-column .content_container {
  width: 616px;
}

#remote_widget_container.organization_dashboard .SSBWidget_Container .config_container {
  max-height: 270px !important;
  min-height: 270px !important;
  padding-top: 2em;
}

.view_shared_widget .SSBWidget_Container.sideNavWidget,
.view_shared_widget .SSBWidget_Container.sideNavWidget #OrganizationSideNavTree_Widget {
  min-width: 0 !important;
  max-width: none !important;
  width: 100%;
}

.system_test_reports .SSBWidget_Container {
  width: calc(50% - 1.5em) !important;
}
.system_test_reports .SSBWidget_Container:last-child {
  margin-right: 0;
}

.system_test_reports .SSBWidget_Container .content_container {
  padding: 0.25em !important;
}

.learning_center .SSBWidget_Container .heading_container,
.learning_center .SSBWidget_Container .content_container {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.learning_center .SSBWidget_Container {
  width: 100%;
}

#remote_widget_container.report .SSBWidget_Container {
  min-height: 340px;
}

/* End SSBWidget_Container */
.recent_widget .content_container li {
  margin-bottom: 1em;
}
.recent_widget .content_container li > * {
  display: inline-block;
  vertical-align: top;
}
.recent_widget .content_container li > *:first-child {
  width: 40px;
}
.recent_widget .content_container li > *:last-child {
  margin-left: 1em;
  max-width: calc(100% - 1em - 40px);
}
.recent_widget.no_icons .content_container li > :last-child {
  width: 100%;
  margin-left: 0;
}
.recent_widget .config_container select {
  margin-top: 1em;
  display: block;
}
.recent_widget .content_container li > div > span {
  margin-left: 1em;
}
.recent_widget h3 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.recent_widget ul {
  padding-left: 0.5em;
}

.view_shared_widget .one-column,
.view_shared_widget .three-column {
  flex-grow: 3;
}

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

.SSBWidget_Button,
.button,
button,
input[type=button],
input[type=submit],
td.actions a {
  display: inline;
  width: auto;
  padding: 0.5em 1em;
  margin-right: 0.25em;
  font-weight: bold;
  color: #22232f !important;
  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: 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;
}
.SSBWidget_Button:last-child,
.button:last-child,
button:last-child,
input[type=button]:last-child,
input[type=submit]:last-child,
td.actions a:last-child {
  margin-right: 0;
}
.SSBWidget_Button:hover, .SSBWidget_Button:focus,
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type=button]:hover,
input[type=button]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
td.actions a:hover,
td.actions a: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;
  outline: none;
}
.SSBWidget_Button[disabled], .SSBWidget_Button.disabled,
.button[disabled],
.button.disabled,
button[disabled],
button.disabled,
input[type=button][disabled],
input[type=button].disabled,
input[type=submit][disabled],
input[type=submit].disabled,
td.actions a[disabled],
td.actions a.disabled {
  background: rgb(228.445, 231.03, 234.555);
  color: rgb(101.5725, 114.415, 131.9275);
  border: 1px solid rgb(170.815, 179.01, 190.185);
  box-shadow: 0 0 0 1px white inset;
  -moz-box-shadow: 0 0 0 1px white inset;
  -webkit-box-shadow: 0 0 0 1px white inset;
}
.SSBWidget_Button.cancel,
.button.cancel,
button.cancel,
input[type=button].cancel,
input[type=submit].cancel,
td.actions a.cancel {
  background: rgb(228.445, 231.03, 234.555);
  background: rgb(228.445, 231.03, 234.555); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(228.445, 231.03, 234.555) 50%, rgb(214.0375, 218.025, 223.4625) 51%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgb(228.445, 231.03, 234.555)), color-stop(51%, rgb(214.0375, 218.025, 223.4625))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(228.445, 231.03, 234.555) 50%, rgb(214.0375, 218.025, 223.4625) 51%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(228.445, 231.03, 234.555) 50%, rgb(214.0375, 218.025, 223.4625) 51%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(228.445, 231.03, 234.555) 50%, rgb(214.0375, 218.025, 223.4625) 51%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(228.445, 231.03, 234.555) 50%, rgb(214.0375, 218.025, 223.4625) 51%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=0); /* IE6-9 */
  color: #22232f;
  border: 1px solid #8e99a8;
  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;
}
.SSBWidget_Button.cancel:hover, .SSBWidget_Button.cancel:focus,
.button.cancel:hover,
.button.cancel:focus,
button.cancel:hover,
button.cancel:focus,
input[type=button].cancel:hover,
input[type=button].cancel:focus,
input[type=submit].cancel:hover,
input[type=submit].cancel:focus,
td.actions a.cancel:hover,
td.actions a.cancel:focus {
  background: rgb(222.682, 225.828, 230.118); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(222.682, 225.828, 230.118) 50%, rgb(208.2745, 212.823, 219.0255) 51%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgb(222.682, 225.828, 230.118)), color-stop(51%, rgb(208.2745, 212.823, 219.0255))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(222.682, 225.828, 230.118) 50%, rgb(208.2745, 212.823, 219.0255) 51%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(222.682, 225.828, 230.118) 50%, rgb(208.2745, 212.823, 219.0255) 51%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(222.682, 225.828, 230.118) 50%, rgb(208.2745, 212.823, 219.0255) 51%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(222.682, 225.828, 230.118) 50%, rgb(208.2745, 212.823, 219.0255) 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(101.5725, 114.415, 131.9275);
  -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(101.5725, 114.415, 131.9275);
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(101.5725, 114.415, 131.9275);
  outline: none;
}

.padding_right {
  padding-right: 1em;
}

.config_container.modules_in_violation select {
  margin-bottom: 1em;
  max-width: 120px !important;
}

.modules_in_violation {
  padding-top: 1em;
}

/*Favorites sidenav widget*/
.favoritescontainer {
  /*width: 300px; remove for favs sidenav*/
  padding-left: 0 !important;
}

.techplatformlinkbox {
  max-height: 345px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.favoritescontainer form {
  padding-top: 1em;
}

ul.favorites li {
  padding-left: 48px !important;
  margin-bottom: 10px !important;
  background-position: 8px center !important;
  background-repeat: no-repeat !important;
  background-size: Auto 30px !important;
}

ul.favorites li.web {
  background-image: url("/img/Web.png") !important;
}

ul.favorites li.adobe_acrobat_pdf {
  background-image: url("/img/PDF.png") !important;
}

ul.favorites li.android_os {
  background-image: url("/img/Android.png") !important;
}

ul.favorites li {
  margin-left: 0 !important;
}

ul.favorites li.current {
  background-color: #fce94e;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Recently viewed widget */
.recentlycontainer {
  padding-left: 0 !important;
  width: 310px;
  padding-top: 1em;
}

.recentlycontainer form {
  padding-top: 1em;
}

.recentlyviewed {
  margin-left: 0.8em;
  margin-right: 1em;
}

.recentlyviewed h3 {
  padding-left: 0.2em;
}

.recentlyviewed ul.multi {
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 1em;
}

.recentlyviewed ul li {
  margin-bottom: 1em;
}

.recentlyviewed ul.multi li {
  margin-bottom: 0;
}

.recentlyviewed ul li .img_container {
  height: 100%;
  display: inline-block;
  vertical-align: top;
}

.recentlyviewed ul li .bookmark_container {
  display: inline-block;
  width: 260px;
}

.recentlyviewed ul li .bookmark_container span {
  position: relative;
  left: 1em;
}

.recentlyviewed ul li img {
  width: 40px;
}

.recentlycontainer form {
  margin-left: 1em;
}

.recentlycontainer label {
  margin-right: 0.5em;
  display: inline-block;
  width: 45%;
}

.recentlycontainer input, .recentlycontainer select {
  display: inline-block;
  width: 50%;
}

.recentlycontainer .right {
  padding-top: 1em;
}

.recentlyviewed img {
  float: left;
  padding-right: 1em;
}

.SSBWidget_Add_Group {
  margin-right: 4em;
}

.topactivecontainer form {
  margin-left: 1em;
}

.topactivecontainer .right {
  padding-top: 1em;
}

.topactivecontainer label {
  margin-right: 0.5em;
  display: inline-block;
  width: 25%;
}

.topactivecontainer input, .topactivecontainer select {
  display: inline-block;
  width: 70%;
}

/* recently created */
.recentlycreatedheading {
  width: 646px !important;
}

.recentlycreatedcontainer {
  max-width: 646px;
  padding-left: 1em !important;
  padding-top: 1em !important;
}

.recentlycreatedreports ul li {
  width: 300px;
  float: left;
  padding-bottom: 1.5em;
}

.recentlycreatedreports ul li .bookmark_container .link {
  height: 38px;
  margin-top: 6px;
}

.recentlycreatedreports ul li .bookmark_container,
.recentlycreatedreports ul li .health_container {
  display: inline-block;
  width: 200px;
}

.recentlycreatedreports ul li .img_container {
  height: 100%;
  display: inline-block;
  vertical-align: top;
  padding-left: 12px;
  padding-right: 12px;
}

.recentlycreatedreports {
  max-width: 600px;
}

input[name=QuickLinks_HREF],
input[name=QuickLinks_Name] {
  width: 150px;
}

/* ComplianceOfActiveReports */
.complianceofactivereportsheading {
  width: 646px !important;
}

.complianceofactivereportscontainer {
  max-width: 646px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  padding-left: 0 !important;
}

.complianceofactivereportscontainer .horizontal_bar_container {
  padding-top: 0 !important;
  margin-left: 0 !important;
}

.complianceofactivereportscontainer.doublehorizontalgraph span.label {
  width: 285px !important;
}

.complianceofactivereportscontainer.doublehorizontalgraph .horizontal_bar {
  margin-left: 296px;
}

.complianceofactivereportscontainer label {
  margin-right: 0.5em;
  display: inline-block;
  width: 45%;
}

.complianceofactivereportscontainer input, .complianceofactivereportscontainer select {
  display: inline-block;
  width: 50%;
}

.complianceofactivereportscontainer form .right {
  padding-top: 1em;
}

.horizontalgraph .no_data {
  margin-left: 15px;
  padding-top: 1em;
}

.horizontalgraph .horizontal_bar_container {
  margin-right: 20px;
  margin-left: 15px;
  padding-top: 1em;
}

.horizontalgraph ul {
  margin-bottom: 0;
  border-bottom: 1px solid grey;
}

.horizontalgraph ul li {
  clear: both;
  line-height: 3em;
  height: 3em;
}

.arbitraryThreePointDataGraph .horizontal_bar_container ul li {
  line-height: 1em;
}
.arbitraryThreePointDataGraph .horizontal_bar_container ul li:nth-child(even) .label {
  background: rgb(242.8525, 244.035, 245.6475);
}

.arbitraryThreePointDataGraph .horizontal_bar_container ul li img {
  display: block;
  margin-bottom: 2px;
}

.horizontalgraph .horizontal_bar {
  margin-left: 103px;
}
.horizontalgraph .horizontal_bar span {
  position: relative;
  z-index: 999;
  left: 1em;
  display: inline-block;
  margin-top: 2px;
  line-height: 2.25;
  font-weight: bold;
  color: #22232f;
}
.horizontalgraph .horizontal_bar span.green {
  background: #68b915;
}
.horizontalgraph .horizontal_bar span.yellow {
  background: rgb(249.275, 222.5166666667, 4.225);
}
.horizontalgraph .horizontal_bar span.red {
  background: #ff5f33;
}

.doublehorizontalgraph .horizontal_bar {
  margin-left: 325px;
}

.horizontalgraph .horizontal_bar img,
.horizontalgraph .horizontal_bar .bar-graph {
  text-align: left;
  height: 2.5em;
}

.horizontalgraph span.label {
  clear: left;
  float: left;
  width: 92px;
  overflow: hidden;
  text-align: right;
  padding-right: 10px;
  font-weight: bold;
  border-right: 1px solid grey;
  height: 3em;
}

.doublehorizontalgraph span.label {
  width: 314px;
}

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

.horizontalgraph span {
  line-height: 3em;
  text-align: left;
}

.complianceofactivereportsheading input[type=text] {
  width: 300px;
}

/* ComparativeOverallCompliance */
.comparativeoverallcompliancecontainer .vertical_bar_container {
  padding-top: 1em;
  padding-left: 1em;
}

.comparativeoverallcompliancecontainer ul {
  padding-right: 1em;
  margin-bottom: 0;
}

.comparativeoverallcompliancecontainer ul li span {
  font-size: 0.95em;
}

/* top active issues widget modal */
#modal_dialog_message_WidgetsModal .right {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
}

/* Level of Testing Completed */
.leveloftestingcompleted {
  margin-right: 1em;
  font-size: smaller;
}

.leveloftestingcompleted p {
  max-width: 280px;
  margin-bottom: 0;
}

.leveloftestingcompletedcontainer {
  min-height: 270px !important;
  max-height: 270px !important;
  padding-top: 2em;
}

.leveloftestingcompletedcontainer {
  padding-top: 1em;
}

#SSBWidget_compliance .reportcompliancehealthbyrulesetcontainer {
  padding-bottom: 0;
}

.topactivereporthtml .tableheader,
.topactivehtml .tableheader {
  display: none;
}

.quicktestActiveContainer {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.comparativeoverallcompliance ul li {
  line-height: 1.8;
  margin-top: 0.1em;
}

.leveloftestingcompleted p {
  margin-bottom: 1em;
}

span.testingResultText {
  font-size: 0.9em;
}

.loadingMsg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1004;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loadingMsg > div {
  min-width: 200px;
  min-height: 100px;
  max-width: 80%;
  max-height: 90%;
  color: #22232f;
  background-color: #fff !important;
  border: 1px solid rgb(101.5725, 114.415, 131.9275);
  border-radius: 5px;
  box-shadow: 0 0 5px rgb(90.48, 101.92, 117.52);
  -moz-box-shadow: 0 0 5px rgb(90.48, 101.92, 117.52);
  -webkit-box-shadow: 0 0 5px rgb(90.48, 101.92, 117.52);
  opacity: 1;
  text-align: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.loadingMsg > div > * {
  flex-grow: 1;
}
.loadingMsg > div p {
  font-size: 1.5em;
  padding: 0 1em;
}

input[name="LinkHeader[]"] {
  width: 100px;
  margin-left: 3px;
  margin-right: 3px;
}

.reportNoData {
  margin-top: 2em;
  padding: 1em;
}

.no-data-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  text-align: left;
}
.no-data-container .no-data-content {
  padding: 1em;
  border: 1px solid #8e99a8;
  box-sizing: border-box;
  width: 100%;
}

.report .reportTopActiveWidget {
  margin-left: 0 !important;
}

.SSBWidget_Pos {
  position: relative;
  top: 3px;
}

.SSBWidget_Minimize {
  margin-right: 0.5em;
  margin-top: 0.1em;
}

.widget-control {
  position: relative;
  padding: 1px;
}
.widget-control svg {
  color: #fff;
}

.admin_widget .reportcompliancehealthbyrulesetheading {
  width: 308px !important;
  height: 27px;
  overflow: hidden;
}

.admin_widget .reportNoData {
  max-width: 300px;
}

.dashboard .SSBWidget_PosLeft {
  margin-left: 1em;
}

.comparativeoverallcompliancecontainer form select,
.comparativeoverallcompliancecontainer form label {
  width: 45%;
  display: inline-block;
}

.comparativeoverallcompliancecontainer.config_container {
  padding-top: 2em;
}

.totalComplianceText p.total_compliance_header {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.totalComplianceText .total_compliance_container {
  font-size: 9.25em;
  border-radius: 15px;
  width: 95%;
  box-shadow: inset 0 0 0 1px #fff;
  border: 1px solid #22232f;
  display: block;
  margin: 0.15em auto 0;
  padding: 0;
  text-align: center;
}

.totalComplianceText .total_compliance_container.red {
  background: #ff5f33;
  color: #fff;
}

.totalComplianceText .total_compliance_container.yellow {
  background: rgb(249.275, 222.5166666667, 4.225);
  color: #22232f;
}

.totalComplianceText .total_compliance_container.green {
  background: #68b915;
  color: #fff;
}

.config_container.totalComplianceText,
.content_container.totalComplianceText {
  margin: 0;
  padding: 0;
}

.arbitraryThreePointDataGraph.OrganizationComplianceHealthByRuleset .horizontal_bar_container ul li {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.OrganizationComplianceHealthByRuleset .horizontal_bar {
  height: 3em;
}

.OrganizationComplianceHealthByRuleset .horizontal_bar div {
  height: 3em;
  padding-top: 2px;
  padding-bottom: 2px;
}

.table_widget .linear_table_header {
  display: none;
}

.table_widget table {
  width: 100%;
}

.table_widget .content_container {
  padding: 0;
  min-height: 100px;
  position: relative;
}

.blue_loader {
  margin-top: 15%;
}

#OrganizationSideNavTree_Widget {
  margin-right: 10px;
}

.sideNavWidget {
  max-height: 365px !important;
  min-height: 365px !important;
  font-weight: normal;
}

.sideNavWidget .config_container,
.sideNavWidget .content_container {
  min-width: 297px;
}

.sideNavWidget li {
  padding-left: 1em;
  background-repeat: no-repeat;
  background-position: -2px 5px;
}

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

.sideNavWidget li.Report,
.sideNavWidget li.SSBModel {
  background-image: url("/images/ico-report-sm.png");
}

.sideNavWidget li.System {
  background-image: url("/images/ico-system-sm.png");
}

.sideNavWidget li.Organization {
  background-image: url("/images/ico-organization-sm.png");
}

.sideNavWidget li.Report.active,
.sideNavWidget li.SSBModel.active {
  background-image: url("/images/ico-active-report-sm.png");
}

.sideNavWidget li.System.active {
  background-image: url("/images/ico-active-system-sm.png");
}

.sideNavWidget li.Organization.active {
  background-image: url("/images/ico-active-organization-sm.png");
}

#add_widget tr:last-child input {
  margin-left: 0.425em;
  margin-right: 0.425em;
}

.view_shared_widget .sideNavWidget,
.view_shared_widget .sideNavWidget .content_container {
  max-height: none !important;
  min-height: 0 !important;
}

.SSBWidget_Config_Container {
  min-height: 220px;
}
.SSBWidget_Config_Container label {
  display: block;
  margin-bottom: 0.5em;
}
.SSBWidget_Config_Container .noConfigElm {
  margin-top: 2em;
}

.infopop [role=tooltip] {
  top: 1.5em;
  bottom: auto !important;
  z-index: 99999;
}

.infopop i:before {
  color: rgb(76.887966805, 90.4564315353, 141.112033195);
}

.heading_container .infopop i:before {
  color: #fff;
  font-size: 16px;
  vertical-align: -4px;
}

.reportcompliancehealthbyrulesetcontainer p.noConfigElm,
.totalComplianceText p.noConfigElm {
  padding-left: 1em;
}

.three-column p.noConfigElm,
.topactivereportcontainer p.noConfigElm {
  margin-top: 8%;
  margin-left: 2em;
}

table.large.nodata {
  margin-top: 1em;
}

.view_shared_widget .sideNavWidget .infopop:hover div[role=tooltip] {
  left: 50px !important;
}

.dataTables-container {
  display: inline-block;
  width: 75%;
  vertical-align: top;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media all and (max-width: 1024px) {
  .dataTables-container {
    display: block;
    width: auto;
  }
}

.dataTables-container.wide {
  width: 100%;
}

.change-organization-filter,
.change-organization-dt {
  width: 100%;
  min-width: 400px;
}

.dataTables-container thead th.left,
.dataTables-container tbody td.left {
  text-align: left;
  float: none !important;
}

.dataTables-container thead th.center,
.dataTables-container tbody td.center {
  text-align: center;
  float: none !important;
}

.dataTables-container thead th.right,
.dataTables-container tbody td.right {
  text-align: right;
  float: none !important;
}

/* Search/Filter Bar */
.ssb-filter {
  border: 1px solid #8e99a8;
  border-radius: 3px;
  background: rgb(235.7883495146, 251.0446601942, 220.1553398058);
  background-size: 75px;
  margin-left: 1em;
  position: relative;
  float: right;
  display: inline-block;
  width: calc(25% - 1em);
  padding-right: 1em;
  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;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
}
.ssb-filter.wide {
  margin: 0 0 1em;
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
}
.ssb-filter.wide.single-line form {
  width: 100%;
  display: flex !important;
  flex-flow: row nowrap;
  align-items: center;
  white-space: nowrap;
}
@media all and (max-width: 640px) {
  .ssb-filter.wide.single-line form {
    flex-wrap: wrap;
  }
}
.ssb-filter.wide.single-line form > * {
  margin-left: 0.75em;
}
.ssb-filter.wide.single-line form input[type=text], .ssb-filter.wide.single-line form > select {
  width: unset !important;
  flex-grow: 1;
}
.ssb-filter.wide.single-line form input[type=text]:focus, .ssb-filter.wide.single-line form > select:focus {
  background: rgb(242.8525, 244.035, 245.6475);
}
.ssb-filter.wide.single-line form input[type=text]::-webkit-input-placeholder, .ssb-filter.wide.single-line form > select::-webkit-input-placeholder {
  color: #3D3D3D;
}
.ssb-filter.wide.single-line form input[type=text]::-moz-placeholder, .ssb-filter.wide.single-line form > select::-moz-placeholder {
  color: #3D3D3D;
  opacity: 1;
}
.ssb-filter.wide.single-line form button,
.ssb-filter.wide.single-line form input[type=button],
.ssb-filter.wide.single-line form input[type=submit] {
  flex-basis: 70px;
}
.ssb-filter.wide.single-line form > :first-child {
  margin-left: 0;
}
.ssb-filter.data-table {
  display: flex;
  float: none;
  width: auto;
  margin: 0.5em;
}
.ssb-filter.data-table .buttons-container {
  flex-grow: 1;
  padding: 0.75em 1em;
}
.ssb-filter.data-table .buttons-container a {
  display: inline-block;
  font-size: 11px;
  font-family: system-ui, Roboto, Arial, sans-serif;
  line-height: normal;
  text-decoration: none;
}
.ssb-filter.data-table .filter-container {
  display: flex;
  flex-grow: 1;
}
.ssb-filter > .toggle {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  font-size: 16px;
  text-decoration: none;
  padding: 0.25em 0.5em;
  font-weight: bold;
  color: #22232f !important;
  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: 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;
}
.ssb-filter > .toggle:hover, .ssb-filter > .toggle: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;
  outline: none;
}
.ssb-filter.collapsed > .toggle {
  right: 0.2em;
}
.ssb-filter.no-toggle > .toggle {
  display: none;
}
.ssb-filter > form {
  transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
.ssb-filter .user-ssb-filter {
  width: calc(22% - 1em);
}
.ssb-filter.collapsed {
  width: 32px;
}
.ssb-filter.collapsed > form {
  opacity: 0;
  visibility: hidden;
}
.ssb-filter.narrow fieldset.dateRange label {
  width: 4em;
  display: inline-block;
}
.ssb-filter fieldset.dateRange div {
  margin-bottom: 0.5em;
}
.ssb-filter.narrow fieldset.dateRange label::before {
  content: " ";
  display: block;
}
.ssb-filter * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ssb-filter h2 {
  color: #22232f;
  font-weight: bold;
  font-size: 1.25em;
  display: block;
  margin-top: 1em;
}
.ssb-filter h2:first-child {
  margin-top: 0;
}
.ssb-filter .sublabel {
  font-weight: bold;
  margin: 0.75em 0 0.25em;
  display: block;
  vertical-align: initial !important;
}
.ssb-filter .checkbox-sublabel {
  display: inline-block;
  font-weight: bold;
  margin: 0.75em 0 0.25em;
  vertical-align: initial !important;
}
.ssb-filter form {
  width: auto;
  padding: 0.75em 1em;
}
.ssb-filter input[type=text],
.ssb-filter select {
  width: 92%;
  padding: 0.5em 0.75em;
}
.ssb-filter input[type=text].DateRangeTextbox {
  width: auto;
}
.ssb-filter fieldset {
  display: block;
  border: 0;
  padding: 0;
  margin: 1em 0 0;
}
.ssb-filter legend {
  display: block;
  margin: 0.75em 0 1em;
}
.ssb-filter #bp-filter-search {
  width: 100%;
}
.ssb-filter #standards-filter-search,
.ssb-filter #mediaTypes-filter-search {
  width: calc(100% - 8em);
}
.ssb-filter #users-filter-search {
  width: 100%;
}
.ssb-filter .calendar[role=dialog] {
  margin-top: 1.5em;
}
.ssb-filter:not(.wide) .calendar[role=dialog] {
  margin-left: -216px;
}
@media all and (max-width: 1024px) {
  .ssb-filter {
    margin-left: 0;
    margin-bottom: 1em;
    float: none;
    display: block;
    width: auto;
  }
  .ssb-filter.collapsed {
    width: auto;
    height: 48px;
  }
  .ssb-filter.collapsed > .toggle {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    right: 0.5em;
  }
}

.ui-widget-content.ui-autocomplete {
  max-height: 300px;
  overflow: auto;
  z-index: 1112; /* make sure this is above modals */
}

.ssb-filter .ssb-combobox > input,
.ssb-filter .ssb-combobox > button {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: calc(100% - 34px);
}

.ssb-filter .ssb-combobox > button {
  text-align: left;
}

.ssb-filter .button-container {
  text-align: right;
  margin-top: 1em;
}

.ssb-multiselect .ssb-multiselect-toggle {
  position: relative;
  margin: 0;
  padding: 0;
}

.ssb-multiselect .ssb-multiselect-toggle span {
  position: relative;
  top: 2px;
}

#users-download-filter-form .button-container,
#violation-download-form .button-container,
#module-download-form .button-container {
  text-align: left;
}

#users-download-filter-form input[type=submit],
#violation-download-form input[type=submit],
#module-download-form input[type=submit] {
  margin: 0.25em 0 0.25em 0;
  padding: 0.35em 1.75em;
  font-size: 14px;
}

#organization-filter-form {
  padding-left: 1px;
}

.ssb-filter.wide input[type=button],
.ssb-filter.wide input[type=submit] {
  margin: 0 0 0 1em;
}

.ssb-tree .fancytree-container {
  height: auto;
}

.ssb-tree .fancytree-container span.fancytree-title {
  width: auto;
  max-width: 1024px;
}

.ssb-tree .fancytree-container td.link span.fancytree-title {
  text-decoration: none;
  cursor: hand;
  color: rgb(76.887966805, 90.4564315353, 141.112033195);
}

.ssb-tree .fancytree-container td.link span.fancytree-title:hover,
.ssb-tree .fancytree-container td.link span.fancytree-title:active,
.ssb-tree .fancytree-container td.link span.fancytree-title:focus {
  text-decoration: underline;
  cursor: hand;
}

.ssb-tree .fancytree-container table {
  border: 0;
}

.ssb-tree .fancytree-container th {
  font-weight: bold;
}

.ssb-tree .fancytree-container th,
.ssb-tree .fancytree-container td {
  border: 0;
  padding: 0.5em;
  line-height: 20px;
}

.ssb-tree table.fancytree-ext-table tbody tr:hover {
  background: rgb(242.8525, 244.035, 245.6475);
  outline-color: rgb(231.0497925311, 233.3526970954, 241.9502074689);
}

.ssb-tree mark {
  background: rgb(253.19, 241.7266666667, 148.21);
  box-shadow: 0 0 0 2px rgb(253.19, 241.7266666667, 148.21);
  display: inline-block;
  line-height: 1;
  color: #22232f;
  font-weight: bold;
}

.ssb-action-bar .button {
  margin: 0 0.5em 0.5em 0;
  text-decoration: none;
}

.ssb-action-bar .button:before {
  margin-right: 0.5em;
}

.view_best_practice_content .main,
.view_best_practice_content .right {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
}
.view_best_practice_content > .main {
  padding-right: 1em;
  width: calc(100% - 200px);
}
.view_best_practice_content > .right {
  padding-left: 1em;
  width: 200px;
}
.view_best_practice_content h2 {
  font-size: 1.25em;
  margin-top: 1em;
  color: #22232f;
}
.view_best_practice_content h2:first-of-type {
  margin-top: 0;
}
.view_best_practice_content h3 {
  font-size: 1.1em;
  color: #22232f;
  margin: 2em 0 1em;
}
.view_best_practice_content h3:first-child {
  margin-top: 0;
}
.view_best_practice_content ul {
  list-style: disc inside;
  margin-left: 2em;
  margin-top: 1em;
}
.view_best_practice_content pre.bp {
  margin: 0.5em 1em 1em;
  width: auto;
  border-radius: 3px;
  font-family: "Roboto Mono", monospace;
}
.view_best_practice_content pre.bp * {
  font-family: "Roboto Mono", monospace;
}
.view_best_practice_content .snt,
.view_best_practice_content .info {
  margin: 0 0 1em;
  padding: 0;
  width: 100%;
  list-style: none;
}
.view_best_practice_content .info li {
  margin: 0;
}
.view_best_practice_content .info li span {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  font-weight: bold;
}
.view_best_practice_content .info li span:first-child {
  width: 138px;
}
.view_best_practice_content .info li span:last-child {
  width: calc(100% - 138px);
}
.view_best_practice_content .info li span:nth-child(2) {
  font-weight: normal;
}
.view_best_practice_content .snt li {
  margin: 0 0 1em 0;
  padding: 0;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  background: rgb(242.8525, 244.035, 245.6475);
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 3px;
}
.view_best_practice_content .snt li:last-child {
  margin: 0;
}
.view_best_practice_content .snt li h3 {
  display: block;
  vertical-align: middle;
  text-align: center;
  margin: 0;
  padding: 0.25em 0.5em;
  line-height: 1;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #D3D7DD;
  font-weight: bold;
  border-radius: 3px 3px 0 0;
}
.view_best_practice_content .snt li span {
  display: block;
  vertical-align: middle;
  text-align: center;
  margin: 0;
  padding: 0.25em 0.5em;
}
.view_best_practice_content .snt li span.value {
  font-size: 3em;
  border: 10px solid rgb(242.8525, 244.035, 245.6475);
  background: rgb(242.8525, 244.035, 245.6475);
  border-radius: 0 0 3px 3px;
}
.view_best_practice_content .snt li span.value.medium {
  font-size: 1.5em;
  line-height: 3;
  padding: 0.5em 1em;
}
.view_best_practice_content .snt li span.value.small, .view_best_practice_content .snt li span.value.ellipsis {
  font-size: 1em;
  line-height: 5;
  padding: 0.75em 1.5em;
}
.view_best_practice_content .snt li span.value.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.view_best_practice_content .snt .scale ul {
  margin: 1em 0.5em 0.5em;
  text-align: center;
}
.view_best_practice_content .snt .scale ul li {
  display: inline-block;
  width: calc((100% - 1em - 2px) / 10 - 0.25em);
  margin: 0 0.25em 0 0;
  height: 1.75em;
  line-height: 1.75;
  border-color: #8e99a8;
  vertical-align: top;
  font-size: 8px;
  text-align: center;
  position: relative;
  box-shadow: none !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.view_best_practice_content .snt .scale ul li.color-break {
  margin-left: calc(0.5em + 1px);
  position: relative;
}
.view_best_practice_content .snt .scale ul li.color-break:after {
  position: absolute;
  height: 150%;
  width: 1px;
  top: -25%;
  left: calc(-0.5em - 1px);
  border-left: 1px solid rgb(101.5725, 114.415, 131.9275);
  content: " ";
}
.view_best_practice_content .snt .scale ul li.color-break:first-child {
  margin-left: 0;
}
.view_best_practice_content .snt .scale ul li.color-break:first-child:after {
  display: none;
}
.view_best_practice_content .snt .scale ul li.highlight svg {
  color: rgb(101.5725, 114.415, 131.9275);
  font-size: 12px;
  position: absolute;
  top: 0.9em;
  left: 2.5px;
}
.view_best_practice_content li.green,
.view_best_practice_content .snt li span.green {
  background: #68b915;
  color: #fff;
  box-shadow: inset 0 0 0 1px rgb(211.156, 215.424, 221.244), inset 0 0 0 2px #fff;
}
.view_best_practice_content li.yellow,
.view_best_practice_content .snt li span.yellow {
  background: rgb(249.275, 222.5166666667, 4.225);
  box-shadow: inset 0 0 0 1px rgb(211.156, 215.424, 221.244), inset 0 0 0 2px #fff;
}
.view_best_practice_content li.red,
.view_best_practice_content .snt li span.red {
  background: #ff5f33;
  color: #fff;
  box-shadow: inset 0 0 0 1px rgb(211.156, 215.424, 221.244), inset 0 0 0 2px #fff;
}

.best_practice :not(pre) > code,
.view_best_practice_content :not(pre) > code {
  background: rgb(242.8525, 244.035, 245.6475);
  border: 1px solid rgb(211.156, 215.424, 221.244);
  border-radius: 3px;
  padding: 0.1em 0.25em;
  font-family: "Roboto Mono", monospace;
  font-size: 0.9em;
  vertical-align: middle;
}

ul.standards,
ul.standards ul {
  list-style: none !important;
}

ul.standards {
  margin: 1em 0;
}

ul.standards.has-references > h3 {
  font-size: 1em !important;
}

ul.standards.has-references li.reference {
  list-style-type: disc;
  margin-left: 3em;
}

ul.standards:not(.has-references) > li,
ul.standards.has-references {
  position: relative;
  padding: 0.5em 1em 1em;
  margin-bottom: 1em;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  border-left: 8px solid rgb(211.156, 215.424, 221.244);
}

ul.standards > li a {
  font-weight: bold;
  font-size: 1.05em;
  color: rgb(76.887966805, 90.4564315353, 141.112033195);
}

ul.standards > li ul {
  margin: 0.5em 0 0 2em;
}

ul.standards > li ul a {
  font-weight: normal;
  font-size: 1em;
}

.bar-graph.red {
  background: #ff5f33;
}

.bar-graph.yellow {
  background: rgb(249.275, 222.5166666667, 4.225);
  color: #22232f;
}

.bar-graph.green {
  background: #68b915;
  color: #fff;
}

.compliance-bar-graph {
  width: calc(100% - 3.5em - 7px);
  display: inline-block;
  border: 1px solid #22232f;
  height: 1.25em;
  position: relative;
}

.compliance-bar-graph .bar-graph {
  position: absolute;
  top: 0;
  min-width: 1%;
  height: 100%;
}

.compliance-bar-graph + span {
  display: inline-block;
  width: 3.5em;
  margin-left: 5px;
  text-align: right;
}

.pieLabel .inner {
  padding: 0.25em;
  border-radius: 5px;
  font-size: 0.9em;
}

.widget-chart-container {
  max-height: 100px;
  height: 100%;
}

#chartjs-tooltip {
  pointer-events: none;
  user-select: none;
  min-width: 150px;
  max-width: 300px;
  transition: 200ms;
  z-index: 100;
  border: 1px solid #6372aa;
  margin-bottom: 25px;
  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);
}
#chartjs-tooltip table {
  position: relative;
  z-index: 5;
  border: none;
  margin: 0;
  background: #fff;
  box-shadow: none;
  font-weight: bold;
  color: #22232f;
  word-break: break-all;
  width: 100%;
  max-width: 300px;
  box-shadow: 0;
  -moz-box-shadow: 0;
  -webkit-box-shadow: 0;
}
#chartjs-tooltip table th {
  padding: 10px;
  background: #fff;
  color: #22232f;
  white-space: normal;
}
#chartjs-tooltip table td {
  padding: 0 10px 10px 10px;
}
#chartjs-tooltip table tr {
  background: #fff;
}
#chartjs-tooltip table tr:hover {
  background: #fff;
}
#chartjs-tooltip .caret {
  position: absolute;
  background: #fff;
  width: 10px;
  height: 10px;
  left: calc(50% - 10px / 2);
  bottom: -5px;
  border: 1px solid #6372aa;
  transform: rotate(45deg);
  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);
}
#chartjs-tooltip .caret:before {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background: #fff;
}

.overall-organization-compliance {
  display: flex;
  align-items: center;
  height: 275px;
  width: 100%;
}
.overall-organization-compliance .overall-organization-compliance-chart-container {
  display: flex;
  align-items: center;
  height: 100%;
  width: 33%;
}
.overall-organization-compliance .compliance-per-asset-section {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  height: 100%;
  width: 66%;
}
.overall-organization-compliance .compliance-per-asset-section .compliance-per-asset-heading {
  margin: 0 0 10px 10px;
  font-size: 1.2rem;
}
.overall-organization-compliance .compliance-per-asset-section .compliance-per-asset-scroll-container {
  min-height: 240px;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px solid rgb(211.156, 215.424, 221.244);
}
.overall-organization-compliance .compliance-per-asset-section .compliance-per-asset-scroll-container .compliance-per-asset-chart-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}

.violations-by-severity {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 270px;
  width: 100%;
}
.violations-by-severity .violations-by-severity-chart-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-height: 250px;
  width: 100%;
  border: 1px solid rgb(211.156, 215.424, 221.244);
}
.violations-by-severity .reportNoData {
  margin: 0;
}

.totalComplianceText {
  display: flex;
  align-items: center;
  height: 270px;
  width: 100%;
}
.totalComplianceText .overall-compliance-chart-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-height: 250px;
  width: 100%;
}
.totalComplianceText .reportNoData {
  margin: 0;
}

.compliance-health-by-ruleset {
  display: flex;
  margin: 0 auto;
  min-height: 250px;
  height: 100%;
  position: relative;
}
.compliance-health-by-ruleset .chart-section-container {
  width: 40%;
}
.compliance-health-by-ruleset .chart-section-container .chart-section-header {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  height: 35px;
}
.compliance-health-by-ruleset .chart-section-container .chart-section-header.main {
  justify-content: flex-end;
}
.compliance-health-by-ruleset .chart-section-container .chart-section-header.comparison {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  justify-content: space-between;
  padding-right: 0;
}
.compliance-health-by-ruleset .chart-section-container .chart-section-header.comparison #compare-compliance-health-dropdown {
  font-size: 16px;
  width: 100%;
  margin-left: 5px;
}
.compliance-health-by-ruleset .chart-section-container .compliance-health-chart-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  position: relative;
}
.compliance-health-by-ruleset .chart-section-container select {
  width: 100%;
}
.compliance-health-by-ruleset .labels-container {
  margin-top: 45px;
  padding-bottom: 35px;
  width: 20%;
  text-align: center;
}
.compliance-health-by-ruleset .labels-container ul {
  height: 100%;
  margin: 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.compliance-health-by-ruleset .labels-container ul li {
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: 1px solid rgb(242.8525, 244.035, 245.6475);
}
.compliance-health-by-ruleset .labels-container ul li:first-child {
  border: 0;
}
.compliance-health-by-ruleset .reportNoData {
  margin: 0;
}
.compliance-health-by-ruleset.report-compliance-health-by-ruleset {
  padding-left: 0 !important;
}
.compliance-health-by-ruleset.report-compliance-health-by-ruleset .labels-container {
  margin-top: 10px;
  width: 33%;
  text-align: right;
}
.compliance-health-by-ruleset.report-compliance-health-by-ruleset .chart-section-container {
  width: 66%;
}

.organization-reports #organization-reports-table-container .dt-buttons .dt-button {
  padding: 0.5em;
  font-size: 11px;
}
.organization-reports #organization-reports-table-container #organization-reports-table_info {
  width: 360px;
}
.organization-reports #organization-reports-table-container #organization-reports-table_info .select-info:before {
  content: "( ";
}
.organization-reports #organization-reports-table-container #organization-reports-table_info .select-info:after {
  content: " )";
}
.organization-reports #organization-reports-table-container #organization-reports-table_paginate {
  width: calc(100% - 540px);
}

.projectSummaryContent {
  max-height: unset;
}
.projectSummaryContent .heading {
  height: 30px;
  color: #22232f;
  font-size: 1.25em;
}
.projectSummaryContent > div {
  display: flex;
}
.projectSummaryContent > div > * {
  float: none;
}
.projectSummaryContent #compliance-over-time-container {
  height: 250px;
  padding: 0 10px;
  box-sizing: border-box;
}
.projectSummaryContent #compliance-over-time-container canvas {
  height: 100%;
  box-sizing: border-box;
  border: 1px solid rgb(211.156, 215.424, 221.244);
}
.projectSummaryContent #reports-overview_wrapper {
  padding: 0;
  max-height: unset;
}
.projectSummaryContent #reports-overview_wrapper > table {
  top: 0;
  max-height: 300px;
}
.projectSummaryContent #reports-overview_wrapper table.dataTable thead th,
.projectSummaryContent #reports-overview_wrapper table.dataTable thead td {
  padding: 4px 17px 4px 4px;
}
.projectSummaryContent #reports-overview_wrapper table.dataTable tfoot th,
.projectSummaryContent #reports-overview_wrapper table.dataTable tfoot td {
  padding: 4px;
}
.projectSummaryContent #reports-overview_wrapper table.dataTable tbody th,
.projectSummaryContent #reports-overview_wrapper table.dataTable tbody td {
  padding: 10px 4px;
}

.announcements-container {
  min-height: 200px !important;
  max-height: 200px !important;
}
.announcements-container .content_container {
  min-height: 0;
  max-height: 143px;
}

.org-dashboard-info,
.asset-dashboard-info {
  display: flex;
}
.org-dashboard-info > *,
.asset-dashboard-info > * {
  width: auto !important;
}
.org-dashboard-info > *, .org-dashboard-info > * .content_container,
.asset-dashboard-info > *,
.asset-dashboard-info > * .content_container {
  min-height: 0 !important;
  height: initial !important;
  max-height: none !important;
}
.org-dashboard-info > :first-child,
.asset-dashboard-info > :first-child {
  flex-grow: 3;
}
.org-dashboard-info > :last-child,
.asset-dashboard-info > :last-child {
  margin-right: 0;
}
.org-dashboard-info > :last-child:not(:first-child),
.asset-dashboard-info > :last-child:not(:first-child) {
  min-width: 200px;
  flex-grow: 1;
}
@media all and (max-width: 1024px) {
  .org-dashboard-info,
  .asset-dashboard-info {
    flex-wrap: wrap;
  }
  .org-dashboard-info > *,
  .asset-dashboard-info > * {
    width: 100% !important;
    margin-right: 0;
  }
}

.report-breadcrumbs {
  width: 100%;
  margin: 0 0 1em;
  padding-left: 0.75em;
  padding-bottom: 1em;
  border-bottom: 1px solid #8e99a8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.report-breadcrumbs dt,
.report-breadcrumbs dd {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0.25em;
  font-size: 1.25em;
}
.report-breadcrumbs dt {
  font-weight: bold;
  width: 100px;
  margin-right: 1em;
}
.report-breadcrumbs dt .fa-layers,
.report-breadcrumbs dt svg {
  margin-right: 0.5em;
}
.report-breadcrumbs dd {
  width: calc(100% - 100px - 1em);
}
.report-breadcrumbs dd > span {
  display: inline-block;
}
.report-breadcrumbs dd > span.count {
  width: 140px;
}

.report-dashboard {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 1em;
}
.report-dashboard > * {
  box-sizing: border-box;
}
.report-dashboard .SSBWidget_Container {
  min-height: 0;
  max-height: none;
}
.report-dashboard .SSBWidget_Container .content_container {
  max-height: none;
}
.report-dashboard h3 {
  font-size: 1.2em;
  border-bottom: 1px solid #8e99a8;
  margin-bottom: 0.5em;
}
.report-dashboard h3 > .button {
  float: right;
  line-height: 1.5;
  font-size: 12px;
}

.report-info {
  border: 1px solid #8e99a8;
  background: #fff;
  border-radius: 3px;
  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);
  margin-right: 0;
}
.report-info .heading_container {
  display: none;
}
.report-info > .content_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto auto auto auto 220px 260px;
  grid-template-columns: repeat(6, auto) 260px;
  -ms-grid-rows: 120px auto;
  grid-template-rows: 120px auto;
  grid-template-areas: "description description description description description description downloads" "status status status status basics basics downloads" "overview patterns modules violations use-cases compliance downloads";
}
.report-info > .content_container h3 {
  font-size: 1.16rem;
  font-weight: 300;
  border: 0;
}
.report-info > .content_container > * {
  padding: 1em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
}
.report-info > .content_container > *.status {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-area: status;
}
.report-info > .content_container > *.basics {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-area: basics;
}
.report-info > .content_container > *.basics dt {
  width: 80px;
}
.report-info > .content_container > *.basics dd {
  width: calc(100% - 80px - 1em);
}
.report-info > .content_container > *.overview {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: overview;
}
.report-info > .content_container > *.patterns {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: patterns;
}
.report-info > .content_container > *.modules {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: modules;
}
.report-info > .content_container > *.violations {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
  grid-area: violations;
}
.report-info > .content_container > *.use-cases {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  grid-area: use-cases;
}
.report-info > .content_container > *.compliance {
  -ms-grid-row: 3;
  -ms-grid-column: 6;
  grid-area: compliance;
}
.report-info > .content_container > *.description {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: description;
  display: flex;
  flex-direction: column;
}
.report-info > .content_container > *.description > .description {
  border: 1px solid rgb(225.5635, 228.429, 232.3365);
  height: 0;
  overflow: auto;
  margin: 0 1em 0 0;
  padding: 0.5em;
  flex-grow: 1;
}
.report-info > .content_container > *.downloads {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 7;
  grid-area: downloads;
  border-left: 1px solid #8e99a8;
  padding: 1em 2em;
}
.report-info > .content_container > *.downloads ul:last-child {
  margin-bottom: 0;
}
.report-info > .content_container > *.downloads h4 {
  margin-top: 0.5em;
}
.report-info > .content_container > *.downloads li {
  font-size: 14px;
}
.report-info > .content_container > *.downloads li > span {
  display: inline-block;
  vertical-align: top;
}
.report-info > .content_container > *.downloads li > span:last-child {
  width: calc(100% - 3.5em);
  margin-left: 0.5em;
}
.report-info > .content_container > *.downloads li > span:not(:last-child) {
  width: 1em;
}
.report-info > .content_container > *.downloads dl dt {
  width: 90px;
}
.report-info > .content_container > *.downloads dl dd {
  width: calc(100% - 190px - 1em);
}
.report-info > .content_container > *.downloads dl dd i {
  width: 16px;
  display: inline-block;
}
.report-info > .content_container > *.downloads dl dd > span {
  display: inline-block;
}
.report-info > .content_container > *.downloads dl dd > span.count {
  width: 140px;
}
@media all and (max-width: 1192px) {
  .report-info > .content_container {
    -ms-grid-columns: auto auto 240px 260px;
    grid-template-columns: repeat(3, auto) 260px;
    grid-template-areas: "description description description downloads" "status status basics downloads" "overview patterns modules downloads" "violations use-cases compliance downloads";
  }
  .report-info > .content_container .status {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .report-info > .content_container .basics {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .report-info > .content_container .overview {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .report-info > .content_container .patterns {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .report-info > .content_container .modules {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .report-info > .content_container .violations {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .report-info > .content_container .use-cases {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
  .report-info > .content_container .compliance {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
  }
  .report-info > .content_container .description {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .report-info > .content_container .downloads {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 4;
  }
}
@media all and (max-width: 1120px) {
  .report-info > .content_container {
    grid-template-areas: "description description description downloads" "status status status downloads" "basics basics basics downloads" "overview patterns modules downloads" "violations use-cases compliance downloads";
  }
  .report-info > .content_container .status {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .report-info > .content_container .basics {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .report-info > .content_container .overview {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .report-info > .content_container .patterns {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
  .report-info > .content_container .modules {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
  }
  .report-info > .content_container .violations {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .report-info > .content_container .use-cases {
    -ms-grid-row: 5;
    -ms-grid-column: 2;
  }
  .report-info > .content_container .compliance {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .report-info > .content_container .description {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .report-info > .content_container .downloads {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 4;
  }
}
.report-info.classic > .content_container > *.compliance {
  display: flex;
  flex-direction: column;
}
.report-info.classic > .content_container > *.compliance > ul {
  border: 1px solid rgb(225.5635, 228.429, 232.3365);
  height: 0;
  overflow: auto;
  margin: 0;
  padding: 0.5em;
  flex-grow: 1;
}
@media all and (max-width: 640px) {
  .report-info.classic > .content_container {
    display: flex;
    flex-wrap: wrap;
  }
  .report-info.classic > .content_container > * {
    padding: 0.5em !important;
    margin: 0 0 1em !important;
    width: 100%;
  }
  .report-info.classic > .content_container > .description > div, .report-info.classic > .content_container > .description > ul,
  .report-info.classic > .content_container > .compliance > div,
  .report-info.classic > .content_container > .compliance > ul {
    height: unset;
  }
}
.report-info dl {
  margin: 0;
}
.report-info dl dt,
.report-info dl dd {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0.25em;
}
.report-info dl dt {
  font-weight: bold;
  width: 124px;
  margin-right: 1em;
}
.report-info dl dt.extended {
  width: 145px;
}
.report-info dl dd {
  width: calc(100% - 124px - 1em);
}
.report-info dl dd.extended {
  width: calc(100% - 145px - 1em);
}
.report-info dl dd i {
  width: 16px;
  display: inline-block;
}
.report-info dl dd > span {
  display: inline-block;
}
.report-info dl dd > span.count {
  width: 100px;
}
.report-info.simple {
  border: 1px solid #8e99a8;
  background: #fff;
  border-radius: 3px;
  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);
  margin-right: 0;
  max-width: 100%;
  overflow: auto;
}
.report-info.simple .content_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 200px auto 240px 150px 260px;
  grid-template-columns: 200px auto 240px 150px 260px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-template-areas: "left status compliance chart downloads" "left description basics basics downloads";
}
.report-info.simple .content_container h3 {
  font-size: 1.16rem;
  font-weight: 300;
  border: 0;
}
.report-info.simple .content_container > * {
  padding: 1em;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
}
.report-info.simple .content_container > *.review, .report-info.simple .content_container > *.fix-prioritize {
  background: rgb(245.8893203883, 253.1242718447, 238.4757281553);
  border-right: 1px solid #8e99a8;
  border-radius: 2px 0 0 2px;
  padding: 1em 2em;
  grid-area: left;
  place-self: stretch;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-row-align: stretch;
  -ms-grid-column-align: stretch;
}
.report-info.simple .content_container > *.review h3, .report-info.simple .content_container > *.fix-prioritize h3 {
  color: #000;
}
.report-info.simple .content_container > *.review a, .report-info.simple .content_container > *.fix-prioritize a {
  color: #000;
}
.report-info.simple .content_container > *.review dt, .report-info.simple .content_container > *.fix-prioritize dt {
  font-weight: normal;
}
.report-info.simple .content_container > *.review dt, .report-info.simple .content_container > *.review dd, .report-info.simple .content_container > *.review li, .report-info.simple .content_container > *.fix-prioritize dt, .report-info.simple .content_container > *.fix-prioritize dd, .report-info.simple .content_container > *.fix-prioritize li {
  margin-bottom: 0;
  line-height: 1.4;
}
.report-info.simple .content_container > *.review dd, .report-info.simple .content_container > *.fix-prioritize dd {
  text-align: right;
}
.report-info.simple .content_container > *.fix-prioritize {
  margin-top: 9.5em;
}
.report-info.simple .content_container > *.basic, .report-info.simple .content_container > *.description {
  margin-top: -4em;
}
.report-info.simple .content_container > *.basics {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
}
.report-info.simple .content_container > *.description {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.report-info.simple .content_container > *.status {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.report-info.simple .content_container > *.compliance {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.report-info.simple .content_container > *.compliance-chart {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: chart;
}
.report-info.simple .content_container > *.compliance-chart .overall-compliance-chart-container {
  height: 124px;
}
.report-info.simple .content_container > *.compliance-chart #simple-report-compliance-chart {
  width: 100% !important;
}
.report-info.simple .content_container > *.downloads {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 5;
}
@media all and (max-width: 1470px) {
  .report-info.simple .content_container {
    -ms-grid-columns: 200px 380px auto 150px 230px;
    grid-template-columns: 200px 380px auto 150px 230px;
  }
  .report-info.simple .content_container > * {
    padding: 1em !important;
  }
  .report-info.simple .content_container > *.status, .report-info.simple .content_container > *.description {
    padding-right: 0 !important;
  }
}
@media all and (max-width: 1390px) {
  .report-info.simple .content_container {
    -ms-grid-columns: 260px 410px auto;
    grid-template-columns: 260px 410px auto;
    -ms-grid-rows: auto 200px auto;
    grid-template-rows: auto 200px auto;
    grid-template-areas: "left status compliance" "left description chart" "left description basics";
  }
  .report-info.simple .content_container > * {
    padding: 1em 2em !important;
  }
  .report-info.simple .content_container > *.description {
    margin-top: 0;
  }
  .report-info.simple .content_container > *.basic {
    margin-top: -4em;
  }
  .report-info.simple .content_container > *.compliance-chart {
    margin-top: -3em;
    padding: 0 1em !important;
  }
  .report-info.simple .content_container > *.compliance-chart .overall-compliance-chart-container {
    height: 100%;
  }
  .report-info.simple .content_container > *.compliance-chart #overall-compliance-chart {
    width: 100% !important;
  }
  .report-info.simple .content_container > *.downloads {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-area: left;
    margin-top: 20.75em;
    border-left: 0;
    border-top: 1px solid #8e99a8;
    border-right: 1px solid #8e99a8;
    background: #fff;
  }
  .report-info.simple .content_container > *.status {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .report-info.simple .content_container > *.basics {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .report-info.simple .content_container > *.compliance {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .report-info.simple .content_container > *.description {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .report-info.simple .content_container > *.review, .report-info.simple .content_container > *.fix-prioritize {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .report-info.simple .content_container > *.compliance-chart {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
}
@media all and (max-width: 1280px) {
  .report-info.simple .content_container {
    -ms-grid-columns: 260px 390px auto;
    grid-template-columns: 260px 390px auto;
    -ms-grid-rows: auto 200px auto;
    grid-template-rows: auto 200px auto;
    grid-template-areas: "left status compliance" "left description chart" "left description basics";
  }
  .report-info.simple .content_container > * {
    padding: 1em !important;
  }
  .report-info.simple .content_container > *.compliance-chart {
    margin-top: -3em;
  }
  .report-info.simple .content_container > *.status {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .report-info.simple .content_container > *.basics {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .report-info.simple .content_container > *.compliance {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .report-info.simple .content_container > *.description {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .report-info.simple .content_container > *.review, .report-info.simple .content_container > *.fix-prioritize {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .report-info.simple .content_container > *.compliance-chart {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .report-info.simple .content_container > *.downloads {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
}
@media all and (max-width: 1140px) {
  .report-info.simple .content_container {
    -ms-grid-columns: 260px 340px auto;
    grid-template-columns: 260px 340px auto;
    -ms-grid-rows: auto 150px 150px auto;
    grid-template-rows: auto 150px 150px auto;
    grid-template-areas: "left status status" "left compliance chart" "left description description" "left basics basics";
  }
  .report-info.simple .content_container > *.compliance-chart {
    margin-top: 0;
  }
  .report-info.simple .content_container > *.basic {
    margin-top: 0;
  }
  .report-info.simple .content_container > *.status {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .report-info.simple .content_container > *.basics {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .report-info.simple .content_container > *.compliance {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .report-info.simple .content_container > *.description {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .report-info.simple .content_container > *.review, .report-info.simple .content_container > *.fix-prioritize {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
  .report-info.simple .content_container > *.compliance-chart {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .report-info.simple .content_container > *.downloads {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
}
@media all and (max-width: 1120px) {
  .report-info.simple .content_container {
    flex-wrap: wrap;
  }
  .report-info.simple .content_container > .left-col {
    width: 200px;
  }
  .report-info.simple .content_container > .right-col {
    order: 2;
    width: 100%;
    border-top: 1px solid #8e99a8;
    border-left: 0;
  }
  .report-info.simple .content_container > .center-col {
    order: 1;
    width: calc(100% - 201px);
  }
}
@media all and (max-width: 640px) {
  .report-info.simple .content_container {
    display: flex;
    flex-wrap: wrap;
  }
  .report-info.simple .content_container > * {
    padding: 0.5em !important;
    margin: 0 0 1em !important;
    width: 100%;
  }
  .report-info.simple .content_container > .description > div, .report-info.simple .content_container > .description > ul,
  .report-info.simple .content_container > .compliance > div,
  .report-info.simple .content_container > .compliance > ul {
    height: unset;
  }
}

.violations-detail > div:not(:last-child) {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #8e99a8;
}

.bp-detail code {
  padding: 0.125em 0.5em;
  vertical-align: middle;
}
.bp-detail pre.bp code {
  border: 0;
}

#toggle-report-view-wrapper {
  width: 100px;
}

#toggle-report-view:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #44790e !important;
  -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #44790e !important;
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #44790e !important;
  z-index: 1;
  border-radius: 1px;
}

#toggle-access-js-wrapper {
  width: 125px;
}
#toggle-access-js-wrapper > div.off {
  background-color: #8e99a8;
}

.focus_ring_important:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #44790e !important;
  -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #44790e !important;
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #44790e !important;
  z-index: 1;
  border-radius: 1px;
}

.compliance-menu select {
  width: 200px;
  margin: 0 1em;
}

#org-users-table {
  max-height: none !important;
}

.SSBWidget_Container .QuickLinks_ControlContainer div {
  display: inline-block;
  width: 49%;
}

.SSBWidget_Container .QuickLinks_ControlContainer {
  margin-top: 1em;
  margin-bottom: 1em;
}

.QuickLinks_Item a {
  margin-right: 1em;
}

.SSBWidget_Container .quick_links_list {
  list-style-type: none;
}

.SSBWidget_Container .quick_links_list li {
  background-image: url("/images/SSBWidget/disc2.png");
  background-repeat: no-repeat;
  background-position: 3px 0.7em;
  padding-left: 1em;
}

.SSBWidget_Container .content_container.quickLinks a {
  display: block;
}

.SSBWidget_Container .linkHeaderTxt {
  margin-bottom: 0.5em;
}

.accessibilityOnDemand {
  width: 300px;
}

.AccessibilityOnDemandNoPadding {
  padding-left: 0 !important;
  padding-top: 1em;
}

.accessibility_on_demand {
  padding-left: 0 !important;
  padding-top: 1em !important;
}

.accessibilityOnDemand form {
  line-height: 2em;
}

.accessibilityOnDemand label {
  margin-bottom: 1.2em;
  text-align: right;
  margin-right: 0.5em;
  display: inline-block;
  width: 46%;
  font-family: Verdana, Arial, sans-serif;
}

.accessibilityOnDemand input {
  display: inline-block;
  width: 45%;
}

.accessibilityOnDemand select {
  display: inline-block;
  width: 170px;
  max-width: 50%;
}

.accessibilityOnDemand input[type=radio] {
  text-align: right;
}

.accessibilityOnDemand input[type=submit] {
  position: relative;
  left: 45%;
  margin-left: 0.5em;
}

.accessibilityOnDemand .ui-accordion {
  font-size: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 0.5em;
}

.accessibilityOnDemand .ui-accordion-content {
  padding: 0;
}

.accessibilityOnDemand fieldset legend {
  display: block;
  position: relative;
  top: 1.2em;
  padding-left: 1em;
  margin: 0;
}

.accessibilityOnDemand fieldset.showbl {
  border-width: 0;
}

.accessibilityOnDemand fieldset input,
.accessibilityOnDemand input[type=checkbox] {
  width: auto;
  margin-left: 42%;
}

.accessibilityOnDemand fieldset label {
  text-align: left;
  width: 45%;
  margin-bottom: 0;
}

.accessibilityOnDemand .ui-accordion .ui-accordion-header {
  background-image: none;
  color: black;
  border: none;
}

.accessibilityOnDemand .ui-accordion-header.ui-state-active {
  background-image: url("../../images/accordion_layer1_active_bg.gif");
  color: #FFFFFF;
}

.accessibilityOnDemand .ui-state-default .ui-icon {
  background-image: url("/images/accordion_icon_closed.gif");
}

.accessibilityOnDemand .ui-accordion-header-active .ui-icon {
  background-image: url("/images/accordion_icon_open.png");
}

.accessibilityOnDemand label.error {
  min-width: none;
  width: 45%;
  padding: 0;
}

.accessibility_on_demand ul#errors {
  display: block;
  width: 300px;
}

#accessibility_on_demand_testing_progress {
  position: absolute;
  z-index: 100;
  background-color: white;
  width: 320px;
  height: 300px;
  display: none;
}

/*
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/ */
/* jQuery Growl
 * Copyright 2015 Kevin Sylvestre
 * 1.3.1
 */
#growls {
  z-index: 50000;
  position: fixed;
}

#growls.default {
  top: 105px;
  right: 2em;
}

#growls.tl {
  top: 10px;
  left: 10px;
}

#growls.tr {
  top: 10px;
  right: 10px;
}

#growls.bl {
  bottom: 10px;
  left: 10px;
}

#growls.br {
  bottom: 10px;
  right: 10px;
}

#growls.tc {
  top: 10px;
  right: 10px;
  left: 10px;
}

#growls.bc {
  bottom: 10px;
  right: 10px;
  left: 10px;
}

#growls.tc .growl, #growls.bc .growl {
  margin-left: auto;
  margin-right: auto;
}

.growl {
  opacity: 1;
  filter: alpha(opacity=0);
  position: relative;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.growl.growl-incoming {
  opacity: 0;
  filter: alpha(opacity=0);
}

.growl.growl-outgoing {
  opacity: 0;
  filter: alpha(opacity=0);
}

.growl.growl-small {
  width: 200px;
  padding: 5px;
  margin: 5px;
}

.growl.growl-medium {
  width: 250px;
  padding: 10px;
  margin: 10px;
}

.growl.growl-large {
  width: 300px;
  padding: 15px;
  margin: 15px;
}

.growl.growl-default {
  color: #22232f;
  background-color: rgb(205.4854368932, 244.8058252427, 165.1941747573);
  border: 1px solid #68b915;
  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);
}

.growl.growl-error {
  border-color: #ff5f33;
  background: rgb(255, 247, 244.8);
}

.growl.growl-notice {
  border-color: #6372aa;
  background: rgb(231.0497925311, 233.3526970954, 241.9502074689);
}

.growl.growl-warning {
  border-color: #fce94e;
  background: rgb(254.635, 252.3233333333, 233.465);
}

/*  Grow message will only be read by screen reader not shown */
.growl.growl-hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.growl .growl-close {
  cursor: pointer;
  position: absolute;
  top: 0.25em;
  right: 0.5em;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
}

.growl .growl-title {
  font-size: 18px;
  line-height: 24px;
}

.growl .growl-message {
  font-size: 14px;
  line-height: 18px;
}

/*
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/ */
/*! jQuery UI - v1.10.0 - 2013-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0; /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
  padding-left: 0.7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible; /* removes extra width in IE */
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/* button sets */
.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
}

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  min-height: 0; /* support: IE7 */
  font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: 0.4em 0 0.2em;
  line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
  cursor: default;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

/* vertical centre icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #8e99a8;
  box-shadow: 0 0 5px #8e99a8;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  /*font-family: Verdana,Arial,sans-serif;*/
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #8e99a8;
  background: #fff;
  color: #22232f;
}

.ui-widget-content a {
  color: #22232f;
}

.ui-widget-header {
  border: 1px solid #8e99a8;
  background: rgb(225.5635, 228.429, 232.3365);
  color: #22232f;
  font-weight: bold;
}

.ui-widget-header a {
  color: #22232f;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid rgb(211.156, 215.424, 221.244);
  background: rgb(225.5635, 228.429, 232.3365);
  font-weight: normal;
  color: rgb(68.295, 76.93, 88.705);
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: rgb(68.295, 76.93, 88.705);
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #8e99a8;
  background: rgb(225.5635, 228.429, 232.3365);
  font-weight: normal;
  color: #22232f;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #22232f;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #8e99a8;
  background: #fff;
  font-weight: normal;
  color: #22232f;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #22232f;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fce94e;
  background: rgb(254.465, 251.0766666667, 223.435);
  color: rgb(68.295, 76.93, 88.705);
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: rgb(68.295, 76.93, 88.705);
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid rgb(229.5, 49.5, 0);
  background: rgb(255, 235, 229.5);
  color: rgb(229.5, 49.5, 0);
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: rgb(229.5, 49.5, 0);
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: rgb(229.5, 49.5, 0);
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-position: 16px 16px;
}

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #8e99a8;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #8e99a8;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}

.ui-autocomplete-category.ui-state-disabled {
  filter: none;
  opacity: 1;
  font-weight: bold;
}

.ui-menu-item img {
  margin: 0.25em 0.75em;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

/*
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/ */
/* WHATSOCK, 2016 */
/* Specific styles for ARIA Calendar */
a.accCalendar {
  display: inline-block;
  background: transparent;
  white-space: normal;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

div.calendar {
  text-align: center;
  color: #6372aa;
  background: #fff;
  border-radius: 0.3rem;
  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.calendar {
  margin: 0;
  border-collapse: separate;
  border-spacing: 1px;
}
table.calendar tr:hover {
  background: #fff;
}
table.calendar tr:hover:nth-child(even) {
  background: rgb(242.8525, 244.035, 245.6475);
}
table.calendar table.calendar td, table.calendar table.calendar th {
  padding: 0.3em 0.5em;
  border-radius: 0.15rem;
}
table.calendar td.empty {
  background: #fff;
}
table.calendar td.nav, table.calendar td.day {
  cursor: pointer;
}
table.calendar td.day:hover {
  background: rgb(230.7378640777, 250.0048543689, 210.9951456311);
  color: #22232f;
}
table.calendar td.selected {
  background: #68b915;
  color: #22232f;
}
table.calendar td.month {
  font-weight: 600;
  color: #0466b6;
}
table.calendar td.disabled, table.calendar td.disabled:hover {
  color: #ccc;
  background: #bdbdbd;
  cursor: auto;
}
table.calendar td.disabled.selected {
  background: #c2c2c2;
}

div.calendar *:focus, div.commentAdd *:focus {
  background: #bec3b6;
}

.a11y-tabs {
  width: 100%;
  clear: both;
}

ul.a11y-tabs-list {
  margin: 1em 0 0;
  padding: 0 0.5em;
  list-style: none;
  border-bottom: 1px solid #DDD;
}

ul.a11y-tabs-list li {
  display: inline-block;
  border: 1px solid #DDD;
  border-bottom: 0;
  margin: 0 0.5em 0 0;
}

ul.a11y-tabs-list a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding: 0 1.5em;
  line-height: 2.5;
  background: #F3F3F3;
  font-size: 1.1em;
}

ul.a11y-tabs-list a:hover {
  color: #333;
}

ul.a11y-tabs-list a.active {
  color: #333;
  position: relative;
  bottom: -1px;
  background: #FFF;
}

.a11y-tabs {
  padding: 1em 0;
  min-height: 300px;
}

/* WHATSOCK, 2016 */
/* Specific styles for Tabs/menus */
/* ----- TABS ----- */
ul.tabs {
  margin: 0;
}

ul.tabs + div.content {
  margin-bottom: 2rem;
}

ul.tabs.nonARIA li {
  display: inline-block;
  list-style-type: none;
  margin: 0;
}

.tab {
  display: inline-block;
  margin: 0;
}

.tab a, .tab a:link, .tab a:visited, a.tab, a.tab:link, a.tab:visited {
  display: block;
  color: #fff;
  background: #5d1f2c;
  padding: 0.3em 0.5em 0.5em;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.tab a:hover, .tab a:focus, a.tab:hover, a.tab:focus {
  text-decoration: none;
  color: #fff;
  background-color: #2e3135;
}

.tab.active a, .tab.active a:link, .tab.active a:visited, a.tab.active {
  color: #fff;
  background-color: #2e3135;
}

/* -------- MENUS ---------- */
#pg-menus a.accMenu, #pg-menus a.accMenu:link, #pg-menus a.accMenu:visited, #pg-menus button.accMenu {
  display: block;
  color: #fff;
  background: #2e3135;
  padding: 0.3em 0.5em;
}

#pg-menus button.accMenu {
  font-size: 100%;
  border: none;
}

a.accMenu {
  position: relative;
}

a.accMenu:focus {
  z-index: 1;
}

ul.menus-demos {
  margin: 0 0 2rem;
}

ul.menus-demos > li {
  display: inline-block;
  width: 100%;
  list-style-type: none;
}

div.hiddenStorage, .hidden {
  display: none;
  visibility: hidden;
}

ul.menus-demos a, ul.menus-demos a:link, ul.menus-demos a:visited, ul.menus-demos button {
  font-size: 100%;
  background: transparent;
  padding: 0.3em 0.5em;
  border: 1px solid #ccc;
}

ul.menus-demos a:hover, ul.menus-demos a:focus, ul.menus-demos button:hover, ul.menus-demos button:focus {
  text-decoration: none;
  color: #fff;
  background: #2e3135;
}

div.menu {
  text-align: left;
  width: 15em;
  left: 13em;
  top: 0;
}

div.menu ol.menu {
  float: left;
  list-style: none;
  width: 100%;
  margin: 0;
}

div.menu ol.menu > li {
  position: relative;
}

div.menu ol.menu > li li {
  font-size: 100%;
}

div.menu ol.menu a {
  display: block;
  padding: 0.3em 0.8em;
  text-decoration: none;
  color: #fff;
  background-color: #2e3135;
}

div.menu ol.menu a:focus, div.menu ol.menu a:hover {
  color: #000;
  background: #e2a037;
}

div.menu ol.menu a.submenu::after {
  content: "→";
  color: #e2a037;
}

div.menu ol.menu a.submenu:hover::after, div.menu ol.menu a.submenu:focus::after {
  content: "→";
  color: #2e3135;
}

div.foMenu {
  min-width: 300px;
  background-color: #2e3135;
}

div.foMenu ul.menu2 {
  list-style: none;
  margin: 0;
}

div.foMenu ul.menu2 > li {
  float: left;
  width: auto;
}

div.foMenu ul.menu2 > li li {
  font-size: 100%;
}

div.foMenu ul.menu2 a {
  display: block;
  padding: 0.3em 0.8em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #2e3135;
}

div.foMenu ul.menu2 a:focus {
  color: #000;
  background: #e2a037;
}

div.foMenu ul.menu2 a.submenu2::before {
  content: "↓";
  color: #e2a037;
}

div.foMenu ul.menu2 a.submenu2:focus::before {
  color: #2e3135;
}

.ui-multiselect {
  padding: 2px 0.5em;
  text-align: left;
  background: linear-gradient(to bottom, #f1f2f4 0%, #ffffff 50%, #f1f2f4 51%, #f7faff 100%);
}

.ui-multiselect span.ui-icon {
  float: right;
}

.ui-multiselect-single .ui-multiselect-checkboxes input {
  position: absolute !important;
  top: auto !important;
  left: -9999px;
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 5px !important;
}

.ui-multiselect-header {
  margin-bottom: 3px;
  padding: 3px 0 3px 4px;
}

.ui-multiselect-header ul {
  font-size: 0.9em;
}

.ui-multiselect-header ul li {
  float: left;
  padding: 0 10px 0 0;
}

.ui-multiselect-header a {
  text-decoration: none;
}

.ui-multiselect-header a:hover {
  text-decoration: underline;
}

.ui-multiselect-header span.ui-icon {
  float: left;
}

.ui-multiselect-header li.ui-multiselect-close {
  float: right;
  text-align: right;
  padding-right: 0;
}

.ui-multiselect-menu {
  display: none;
  padding: 3px;
  position: absolute;
  z-index: 10000;
  text-align: left;
}

.ui-multiselect-checkboxes {
  position: relative;
  overflow-y: auto;
  max-height: 175px;
}

.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
  border: 1px solid transparent;
  padding: 3px 1px;
}

.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px;
}

.ui-multiselect-checkboxes li {
  clear: both;
  font-size: 0.9em;
  padding-right: 3px;
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid;
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  padding: 3px;
  margin: 1px 0;
  text-decoration: none;
}

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label {
  border: none;
}

@media print {
  .ui-multiselect-menu {
    display: none;
  }
}
#bp-filter-standard {
  max-width: 290px;
}

/*
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/ */
/*!
 * Fancytree "Win8" skin.
 *
 * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
 * the LESS templates.
 */
/*******************************************************************************
 * Common Styles for Fancytree Skins.
 *
 * This section is automatically generated from the `skin-common.less` template.
 ******************************************************************************/
/*------------------------------------------------------------------------------
 * Helpers
 *----------------------------------------------------------------------------*/
.ui-helper-hidden {
  display: none;
}

/*------------------------------------------------------------------------------
 * Container and UL / LI
 *----------------------------------------------------------------------------*/
ul.fancytree-container {
  white-space: nowrap;
  padding: 0.25em;
  margin: 0;
  background-color: #fff;
  border: 1px solid rgb(211.156, 215.424, 221.244);
  overflow: auto;
  height: 265px;
  position: relative;
}
ul.fancytree-container:focus {
  border-color: rgb(101.5725, 114.415, 131.9275);
  outline: none;
  border-radius: 1px;
  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);
}

ul.fancytree-container ul {
  padding: 0 0 0 16px;
  margin: 0;
}

ul.fancytree-container ul > li .svg-inline--fa {
  content: none;
}

ul.fancytree-container li {
  list-style: none;
  background: transparent;
  margin: 0;
  overflow: hidden;
}

/*------------------------------------------------------------------------------
 * Common icon definitions
 *----------------------------------------------------------------------------*/
span.fancytree-empty,
span.fancytree-vline,
span.fancytree-expander,
span.fancytree-icon.svg-inline--fa,
span.fancytree-checkbox,
span.fancytree-radio,
span.fancytree-drag-helper-img,
#fancytree-drop-marker {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

/* Used by icon option: */
span.fancytree-custom-icon {
  display: inline-block;
}

/* Used by 'icon' node option: */
.fancytree-icon.svg-inline--fa {
  color: rgb(76.887966805, 90.4564315353, 141.112033195);
  width: 16px;
  height: 16px;
  margin-left: 3px;
  margin-top: 2px;
  vertical-align: top;
  border-style: none;
}

/*------------------------------------------------------------------------------
 * Expander icon
 *
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-exp-
 * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 *----------------------------------------------------------------------------*/
span.fancytree-expander {
  cursor: pointer;
}

.fancytree-exp-n span.fancytree-expander,
.fancytree-exp-nl span.fancytree-expander {
  cursor: default;
}

/*------------------------------------------------------------------------------
 * Node titles and highlighting
 *----------------------------------------------------------------------------*/
span.fancytree-node {
  display: inherit;
  margin-top: 0;
  min-height: 20px;
}

span.fancytree-title {
  color: #22232f;
  cursor: pointer;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  min-height: 20px;
  padding: 0 0.25em;
  margin: 0;
  width: calc(100% - 32px);
}

/*------------------------------------------------------------------------------
 * 'filter' extension
 *----------------------------------------------------------------------------*/
.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
  color: #8e99a8;
}

.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
  color: #22232f;
  font-weight: normal;
}

.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
  color: #22232f;
  font-weight: bold;
}

.fancytree-ext-filter-hide tr.fancytree-hide,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
  display: none;
}

.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
  color: #8e99a8;
}

.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
  color: #22232f;
  font-weight: normal;
}

.fancytree-ext-childcounter span.fancytree-icon,
.fancytree-ext-filter span.fancytree-icon {
  position: relative;
}

.fancytree-ext-childcounter span.fancytree-childcounter,
.fancytree-ext-filter span.fancytree-childcounter {
  color: #fff;
  background: rgb(101.5725, 114.415, 131.9275);
  border: 1px solid rgb(101.5725, 114.415, 131.9275);
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 10px;
  height: 10px;
  line-height: 1;
  vertical-align: baseline;
  border-radius: 10px;
  padding: 2px;
  text-align: center;
  font-size: 9px;
}

/*******************************************************************************
 * Styles specific to this skin.
 *
 * This section is automatically generated from the `ui-fancytree.less` template.
 ******************************************************************************/
/*******************************************************************************
 * Node titles
 */
.fancytree-plain span.fancytree-title {
  border: 1px solid transparent;
}

.fancytree-plain.fancytree-container span {
  border: 1px solid transparent;
}

.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-focused {
  border-color: rgb(67.9533980583, 120.8786407767, 13.7213592233);
  background-color: rgb(230.7378640777, 250.0048543689, 210.9951456311);
}

.fancytree-plain span.fancytree-node span.fancytree-selected span.fancytree-title {
  font-style: italic;
}

.fancytree-plain span.fancytree-node:hover span.fancytree-title {
  background-color: rgb(230.7378640777, 250.0048543689, 210.9951456311);
  border-color: #68b915;
}

/*******************************************************************************
 * 'table' extension
 */
table.fancytree-ext-table tbody tr td {
  border: 1px solid rgb(225.5635, 228.429, 232.3365);
}

table.fancytree-ext-table tbody span.fancytree-node,
table.fancytree-ext-table tbody span.fancytree-node:hover {
  border: none;
  background: none;
}

table.fancytree-ext-table tbody tr:hover {
  background-color: rgb(230.7378640777, 250.0048543689, 210.9951456311);
  outline: 1px solid #68b915;
}

table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title {
  outline: 1px dotted #22232f;
}

table.fancytree-ext-table tbody tr.fancytree-active:hover,
table.fancytree-ext-table tbody tr.fancytree-selected:hover {
  background-color: rgb(230.7378640777, 250.0048543689, 210.9951456311);
  outline: 1px solid #68b915;
}

table.fancytree-ext-table tbody tr.fancytree-active {
  background-color: rgb(242.8525, 244.035, 245.6475);
  outline: 1px solid rgb(211.156, 215.424, 221.244);
}

table.fancytree-ext-table tbody tr.fancytree-selected {
  background-color: rgb(242.8525, 244.035, 245.6475);
}

table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active {
  background-color: rgb(230.7378640777, 250.0048543689, 210.9951456311);
  outline: 1px solid #68b915;
}

table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
  background-color: rgb(230.7378640777, 250.0048543689, 210.9951456311);
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable thead .sorting {
  background-image: url("../images/sort_both.png");
}

table.dataTable thead .sorting_asc {
  background-image: url("../images/sort_asc.png");
}

table.dataTable thead .sorting_desc {
  background-image: url("../images/sort_desc.png");
}

table.dataTable thead .sorting_asc_disabled {
  background-image: url("../images/sort_asc_disabled.png");
}

table.dataTable thead .sorting_desc_disabled {
  background-image: url("../images/sort_desc_disabled.png");
}

table.dataTable tbody tr {
  background-color: #ffffff;
}

table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}

table.dataTable tbody th[scope=row] span {
  white-space: pre-wrap !important;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}

div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}

div.dt-button-info > div {
  padding: 1em;
}

button.dt-button,
div.dt-button,
a.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.333em;
  padding: 0.5em 1em;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  background-color: #e9e9e9;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, white 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="white", EndColorStr="#e9e9e9");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
}

button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #fff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#ffffff", EndColorStr="#f9f9f9");
}

button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
a.dt-button.active:not(.disabled) {
  background-color: #e2e2e2;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#f3f3f3", EndColorStr="#e2e2e2");
  box-shadow: inset 1px 1px 3px #999;
}

button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button.active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button.active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999;
  background-color: #ccc;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #eaeaea 0%, #ccc 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #eaeaea 0%, #ccc 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #eaeaea 0%, #ccc 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #eaeaea 0%, #ccc 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #eaeaea 0%, #ccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#eaeaea", EndColorStr="#cccccc");
}

button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover {
  text-decoration: none;
}

button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
  border: 1px solid #666;
  background-color: #e0e0e0;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#f9f9f9", EndColorStr="#e0e0e0");
}

button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled) {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  background-color: #79ace9;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #bddef4 0%, #79ace9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#bddef4", EndColorStr="#79ace9");
}

.dt-button embed {
  outline: none;
}

div.dt-buttons {
  position: relative;
  float: left;
}

div.dt-buttons.buttons-right {
  float: right;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  margin-top: 3px;
  padding: 8px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: white;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  z-index: 2002;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
  position: relative;
  left: 0;
  right: 0;
  display: block;
  float: none;
  margin-bottom: 4px;
  margin-right: 0;
}

div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
  background-color: #dadada;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#f0f0f0", EndColorStr="#dadada");
  box-shadow: inset 1px 1px 3px #666;
}

div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  max-height: calc(100% - 8em);
  margin-left: -75px;
  border-radius: 0;
  overflow-y: scroll;
}

div.dt-button-collection.fixed.two-column {
  margin-left: -150px;
}

div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}

div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}

div.dt-button-collection > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

div.dt-button-collection.two-column {
  width: 300px;
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}

div.dt-button-collection.three-column {
  width: 450px;
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}

div.dt-button-collection.four-column {
  width: 600px;
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  /* Fallback */
  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* IE10 Consumer Preview */
  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Firefox */
  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Opera */
  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
  /* Webkit (Safari/Chrome 10) */
  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Webkit (Chrome 11+) */
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C Markup, IE10 Release Preview */
  z-index: 2001;
}

@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}
.dt-button.buttons-columnVisibility > svg {
  pointer-events: none;
}

/*
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/ */
.dataTables-container {
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
}
.dataTables-container.expanded {
  width: calc(100% - 1em - 32px);
}
@media all and (max-width: 1024px) {
  .dataTables-container.expanded {
    width: auto;
  }
}
.dataTables-container.usage .dataTables_scrollBody {
  max-height: calc(100vh - 340px) !important;
}

.dataTables_wrapper *:not(.fa) {
  font-family: Roboto, Arial, sans-serif;
}
.dataTables_wrapper.no-footer {
  border: 1px solid rgb(211.156, 215.424, 221.244);
  padding: 0;
  background: rgb(242.8525, 244.035, 245.6475);
  overflow-x: auto;
}
.dataTables_wrapper > .no-top-bar {
  top: calc(-20px - 2em);
  position: relative;
  margin-bottom: -46px !important;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper div.dt-buttons {
  display: inline-block;
  padding: 1em 0.5em;
  border-right: 1px solid rgb(211.156, 215.424, 221.244);
  height: calc(20px + 2em);
  float: none;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.dataTables_wrapper .dataTables_paginate, .dataTables_wrapper div.dt-buttons {
  border-right: 0;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_info {
  width: 180px;
  line-height: 22px;
}

#usersDataTable_wrapper .dataTables_length, #usersDataTable_wrapper .dataTables_info {
  width: 190px;
}

.dataTables_wrapper.no-footer .dataTables_filter {
  display: none;
}

/*
	Allows column widths to be set on dataTables
	TODO: Apply these styles to table.dataTable. Requires that all dataTable column widths would need to set appropriately
*/
/* Headers */
table.dataTable {
  border: 0;
}
table.dataTable.no-footer {
  border-bottom: 1px solid rgb(211.156, 215.424, 221.244);
  min-width: 100%;
}
table.dataTable thead {
  background: rgb(76.887966805, 90.4564315353, 141.112033195);
  color: #fff;
}
table.dataTable thead th, table.dataTable thead td {
  padding: 0.75em 1.25em;
  border-color: rgb(211.156, 215.424, 221.244);
}
table.dataTable thead th {
  padding-right: 2.25em;
}
table.dataTable th, table.dataTable td {
  vertical-align: top;
}
table.dataTable th.left-align, table.dataTable td.left-align {
  text-align: left;
}
table.dataTable th.center-align, table.dataTable td.center-align {
  text-align: center;
}
table.dataTable th.right-align, table.dataTable td.right-align {
  text-align: right;
}
table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
  border-left: 0;
}
table.dataTable.cell-border tbody tr th:last-child, table.dataTable.cell-border tbody tr td:last-child {
  border-right: 0;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
  background-image: none;
  position: relative;
}
table.dataTable thead .sorting:focus, table.dataTable thead .sorting_asc:focus, table.dataTable thead .sorting_desc:focus {
  outline: none;
  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;
  background: #6372aa;
}
table.dataTable thead .sorting svg, table.dataTable thead .sorting_asc svg, table.dataTable thead .sorting_desc svg {
  position: absolute;
  right: 1em;
  vertical-align: middle;
}
table.dataTable thead .sorting.right-align, table.dataTable thead .sorting_asc.right-align, table.dataTable thead .sorting_desc.right-align {
  padding-right: 1.25em;
  padding-left: 2.25em;
}
table.dataTable thead .sorting.right-align svg, table.dataTable thead .sorting_asc.right-align svg, table.dataTable thead .sorting_desc.right-align svg {
  right: auto;
  left: 1em;
}
table.dataTable thead th.left-align, table.dataTable thead td.left-align {
  text-align: left;
}
table.dataTable thead th.right-align, table.dataTable thead td.right-align {
  text-align: right;
}
table.dataTable thead .sorting .sort-desc,
table.dataTable thead .sorting_asc .sort-desc {
  display: none;
}
table.dataTable thead .sorting .sort-asc,
table.dataTable thead .sorting_desc .sort-asc {
  display: none;
}
table.dataTable tbody tr {
  background-color: #fff !important;
}
table.dataTable.stripe tbody tr.odd {
  background-color: rgb(248.6155, 249.237, 250.0845) !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom-color: rgb(211.156, 215.424, 221.244);
  height: 100%;
}

.dataTables_border {
  border: 1px solid rgb(211.156, 215.424, 221.244);
}

table.dataTable tbody th.long-word-wrapping, table.dataTable tbody td.long-word-wrapping {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
}
table.dataTable tbody th.center-column, table.dataTable tbody td.center-column {
  text-align: center !important;
  white-space: nowrap;
  position: relative;
}
table.dataTable tbody th.icon-button .fa, table.dataTable tbody td.icon-button .fa {
  font-size: 20px;
  vertical-align: middle;
  margin: 0;
}

.fa.medium::before {
  font-size: 20px;
}

/* Actions Column */
table.dataTable tbody th.actions, table.dataTable tbody td.actions {
  text-align: center !important;
  white-space: nowrap;
  position: relative;
}
table.dataTable tbody th.actions .button, table.dataTable tbody td.actions .button {
  display: inline-block;
  font-size: 14px;
  width: 22px;
  height: 21px;
  padding: 2px;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* Pagination */
.dataTables_wrapper .dataTables_paginate {
  float: right;
  width: calc(100% - 360px);
  text-align: right;
  white-space: nowrap;
}

#reports-overview_wrapper .dataTables_paginate, #projectTable_wrapper .dataTables_paginate, #reportTable_wrapper .dataTables_paginate, #organizationTable_wrapper .dataTables_paginate {
  width: calc(100% - 180px);
  text-align: right;
  white-space: nowrap;
}

#bestPractices_wrapper .dataTables_paginate {
  width: calc(100% - 360px);
}

#usersDataTable_wrapper .dataTables_paginate {
  width: calc(100% - 380px);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin-top: -4px;
  padding: 0.5em 0.75em;
}
.dataTables_wrapper div.dt-buttons .dt-button,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  display: inline;
  width: auto;
  padding: 0.5em 1em;
  margin-right: 0.25em;
  font-weight: bold;
  color: #22232f !important;
  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: 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;
}
.dataTables_wrapper div.dt-buttons .dt-button.right,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.right {
  margin-left: 0.25em;
}
.dataTables_wrapper div.dt-buttons .dt-button:last-child,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:last-child {
  margin-right: 0;
  margin-left: 0;
}
.dataTables_wrapper div.dt-buttons .dt-button:hover, .dataTables_wrapper div.dt-buttons .dt-button:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current: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;
}
.dataTables_wrapper div.dt-buttons .dt-button[disabled], .dataTables_wrapper div.dt-buttons .dt-button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.current[disabled],
.dataTables_wrapper .dataTables_paginate .paginate_button.current.disabled {
  background: rgb(228.445, 231.03, 234.555);
  color: rgb(101.5725, 114.415, 131.9275);
  border: 1px solid rgb(170.815, 179.01, 190.185);
  box-shadow: 0 0 0 1px white inset;
  -moz-box-shadow: 0 0 0 1px white inset;
  -webkit-box-shadow: 0 0 0 1px white inset;
}
.dataTables_wrapper .mask {
  position: absolute;
  padding-top: 50px;
  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;
}
.dataTables_wrapper div.dt-buttons {
  position: sticky;
  width: 100%;
  left: 0;
  right: 0;
  text-align: left !important;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.dataTables_wrapper div.dt-buttons .dt-button {
  margin-top: -4px;
  font-size: 1em;
  display: inline-block;
}
.dataTables_wrapper div.dt-buttons .dt-button i {
  margin-right: 0.5em;
}
.dataTables_wrapper div.dt-buttons .dt-button i.fa-columns {
  margin-right: 0;
}
.dataTables_wrapper div.dt-buttons .dt-button.spacer {
  border: none;
  background: transparent;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  flex-grow: 1;
  padding: 0;
}
.dataTables_wrapper div.dt-buttons .search-form {
  margin-top: -4px;
  float: left;
  width: initial;
  height: 30px;
}
.dataTables_wrapper div.dt-buttons .search-form label, .dataTables_wrapper div.dt-buttons .search-form input {
  margin-right: 0.5em;
  height: 100%;
}

div.dt-button-collection {
  padding: 1em !important;
  border-radius: 3px;
}
div.dt-button-collection a.dt-button {
  margin-bottom: 0.5em !important;
  margin-top: 0;
}

/* Checkbox Column */
table.dataTable th.select-checkbox {
  padding-right: 1.25em;
  text-align: center;
}
table.dataTable td.select-checkbox {
  text-align: center;
}
table.dataTable td.select-checkbox:before, table.dataTable td.select-checkbox:after {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  display: none !important;
}

.dt-button-collection > h2 {
  display: inline-block;
  width: calc(100% - 20px);
  margin-bottom: 0.5em;
}
.dt-button-collection > .close {
  display: inline-block;
  width: 16px;
  text-align: right;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 210px;
  margin-top: 0;
  padding: 1em;
  border: 1px solid #22232f;
  background-color: white;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  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.dt-button-collection button.dt-button:focus:not(.disabled), div.dt-button-collection div.dt-button:focus:not(.disabled), div.dt-button-collection a.dt-button:focus:not(.disabled) {
  text-shadow: none;
  background: transparent;
  border: 0;
}
div.dt-button-collection h2 {
  color: #22232f;
  font-size: 1.1em;
}
div.dt-button-collection.fixed {
  border-radius: 5px;
}
div.dt-button-collection.tall {
  top: 20% !important;
  left: 50% !important;
}
div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button, div.dt-button-collection a.dt-button {
  position: relative;
  left: 0;
  right: 0;
  display: block;
  float: none;
  margin-bottom: 4px;
  margin-right: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
div.dt-button-collection button.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button-collection button.dt-button:hover:not(.disabled), div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button-collection div.dt-button:hover:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button-collection a.dt-button:hover:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
  background: transparent;
  border: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
div.dt-button-collection button.dt-button:not(.disabled) svg,
div.dt-button-collection div.dt-button:not(.disabled) svg,
div.dt-button-collection a.dt-button:not(.disabled) svg {
  font-size: 16px;
  position: absolute;
  right: 0.5em;
}
div.dt-button-collection button.dt-button:not(.disabled):not(.active) .fa-toggle-on,
div.dt-button-collection div.dt-button:not(.disabled):not(.active) .fa-toggle-on,
div.dt-button-collection a.dt-button:not(.disabled):not(.active) .fa-toggle-on {
  display: none;
}
div.dt-button-collection button.dt-button:active:not(.disabled) .fa-toggle-off, div.dt-button-collection button.dt-button.active:not(.disabled) .fa-toggle-off,
div.dt-button-collection div.dt-button:active:not(.disabled) .fa-toggle-off,
div.dt-button-collection div.dt-button.active:not(.disabled) .fa-toggle-off,
div.dt-button-collection a.dt-button:active:not(.disabled) .fa-toggle-off,
div.dt-button-collection a.dt-button.active:not(.disabled) .fa-toggle-off {
  display: none;
}
div.dt-button-collection button.dt-button:hover:not(.disabled), div.dt-button-collection button.dt-button:focus:not(.disabled),
div.dt-button-collection div.dt-button:hover:not(.disabled),
div.dt-button-collection div.dt-button:focus:not(.disabled),
div.dt-button-collection a.dt-button:hover:not(.disabled),
div.dt-button-collection a.dt-button:focus:not(.disabled) {
  color: rgb(67.9533980583, 120.8786407767, 13.7213592233);
  box-shadow: 0 0 4px #68b915;
  -moz-box-shadow: 0 0 4px #68b915;
  -webkit-box-shadow: 0 0 4px #68b915;
}
div.dt-button-collection button.dt-button:hover:not(.disabled):after, div.dt-button-collection button.dt-button:focus:not(.disabled):after,
div.dt-button-collection div.dt-button:hover:not(.disabled):after,
div.dt-button-collection div.dt-button:focus:not(.disabled):after,
div.dt-button-collection a.dt-button:hover:not(.disabled):after,
div.dt-button-collection a.dt-button:focus:not(.disabled):after {
  color: #68b915 !important;
}

.dataTables_scrollHeadInner {
  min-width: 100%;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th.left-align, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td.left-align {
  text-align: left;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th.center-align, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td.center-align {
  text-align: center;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th.right-align, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td.right-align {
  text-align: right;
}