/** CSS Reset **/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/** HTML Body Styling **/
html, body {
  height: 100%;
}
body {  
  display: flex;
  flex-direction: column;
  background-color: #F5F6F7;
}
.content-above-footer {
  flex: 1 0 auto;
}
.centered-body-content {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
/** 0pxove default styling for certain items **/
input, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
button::-moz-focus-inner {
  border: 0;
}
/** Styling based around screen readers **/
@media only screen {
  .hidden-accessible {
    display: none;
  }
}
/** General Styling **/
.inline-block {
  display: inline-block;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-center {
  align-content: center;
}
.full-width {
  width: 100%;
}
/** Card Styling **/
.large-card {
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
  background-color: #FFFFFF;
}
.medium-card {
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}
/** Text Styling **/
a {
  color: #1070CA;
}
strong {
  font-weight: 500;
}
.highlight {
  font-weight: 500;
  color: #234361;
}
.xl-title-text {
  font-size: 34px;
  font-weight: 500;
}

.large-title-text {
  font-size: 30px;
  font-weight: 500;
}
.normal-title-text {
  font-size: 20px;
  font-weight: 500;
}
.small-title-text {
  font-size: 18px;
  font-weight: 500;
}
.large-paragraph-text {
  line-height: 1.5;
  font-size: 16px;
  font-weight: 400;
}
.normal-paragraph-text {
  line-height: 1.5;
  font-size: 14px;
  font-weight: 400;
}
.small-paragraph-text {
  line-height: 1.5;
  font-size: 12px;
  font-weight: 400;
}
.tiny-paragraph-text {
  line-height: 1.5;
  font-size: 10px;
  font-weight: 400;
}
.text-white {
  color: #FFFFFF;
}
.text-light {
  color: #CFDBE7;
}
.text-blue {
  color: #1070CA;
}
.text-dark {
  color: #234361;
}
.text-default {
  color: #425A70;
}
.text-muted {
  color: #66788A;
}
.text-danger {
  color: #BF0E08;
}
.text-nowrap {
  white-space: nowrap;
}
.no-text-decoration {
  text-decoration: none !important;
}
.no-text-decoration:hover, .no-text-decoration:focus {
  text-decoration: underline !important;
  outline: none;
}
.text-align-center {
  text-align: center;
}
/** List Styling **/
.circle {
  list-style-type: disc;
  margin: 10px;
  padding-left: 15px;
}
.bulleted-list {
  list-style-type: disc;
  margin: 10px;
  padding-left: 15px;
}
/** SVG Styling **/
.svg-white {
  fill: #FFFFFF;
}
.svg-light {
  fill: #CFDBE7;
}
.svg-blue {
  fill: #1070CA;
}
.svg-danger {
  fill: #BF0E08;
}
.svg-dark {
  fill: #234361;
}
.svg-default {
  fill: #425A70;
}
.svg-muted {
  fill: #66788A;
}
.svg-disabled {
  fill: #889AAC;
}
.svg-blue-muted {
  /*Fill is the foreground, color is the background*/
  fill: #1070CA;
  color: #66788A;
}
/** Waiting Overlay Styling **/
.overlay-hourglass {
  display: none;
  position: fixed;
  z-index: 1000;
  top: calc(50% - 40px);
  left: calc(50% - 60px);
  width: 120px;
  height: 80px;
  padding-top: 8px;
  background: #FFFFFF;
  text-align: center;
}
.overlay-shadow {
  display: none;
  position: fixed;
  z-index: 995;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
}
.overlay-image:focus {
  border: none;
  outline: none;
}
/** General Layout Styling **/
.standard-page-padding {
  padding-left: 18px;
  padding-right: 18px;
}
@media only screen and (min-width: 768px) {
  .standard-page-padding {
    padding-left: 64px;
    padding-right: 64px;
  }
}
.tiny-vertical-spacing {
  margin-top: 4px;
}
.small-vertical-spacing {
  margin-top: 8px;
}
.medium-vertical-spacing {
  margin-top: 16px;
}
.large-vertical-spacing {
  margin-top: 24px;
}
.xl-vertical-spacing {
  margin-top: 32px;
}
.tiny-horizontal-spacing {
  margin-left: 4px;
}
.small-horizontal-spacing {
  margin-left: 8px;
}
.medium-horizontal-spacing {
  margin-left: 16px;
}
.large-horizontal-spacing {
  margin-left: 24px;
}
.xl-horizontal-spacing {
  margin-left: 32px;
}
/** Pagination Button Styling **/
.pagination-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
.pagination-item {
  width: 24px;
  padding: 4px 0;
  display: inline-block;
  text-align: center;
  margin: 0 1px;
  color: #425A70;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  border-radius: 3px;
  border: none;
}
.pagination-spacer {
  width: 24px;
  padding: 4px 0;
  display: inline-block;
  text-align: center;
  margin: 0 1px;
  color: #425A70;
  font-size: 16px;
  font-weight: 400;
}
.pagination-item:hover, .pagination-item:focus {
  background-color: #E4E7EB;
  color: #234361;
  outline: none;
}
.pagination-current {
  width: 24px;
  padding: 4px 0;
  display: inline-block;
  text-align: center;
  margin: 0 1px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  border-radius: 3px;
  border: none;
  background-color: #3195F7;
}
.pagination-button-disabled {
  display: none;
  height: 30px;
  width: 30px;
  border-radius: 20px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
  padding-top: 5px;
  padding-left: 5px;
}
.pagination-button {
  display: none;
  height: 30px;
  width: 30px;
  border-radius: 20px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
  padding-top: 5px;
  padding-left: 5px;
}
.focus-shadow-blue:hover, .focus-shadow-blue:focus {
  outline: none;
  box-shadow: 0 0 4px -01px #1070CA;
}
@media only screen and (min-width: 768px) {
  .pagination-button {
    display: inline-block;
  }
  .pagination-button-disabled {
    display: inline-block;
  }
  .pagination-left-button {
    margin-right: 80px;
  }
  .pagination-right-button {
    margin-left: 80px;
  }
}
/** Breadcrumb Container Styling **/
.breadcrumb-container {
  color: #425A70;
  font-size: 14px;
  margin-top: 16px;
}
.breadcrumb-container a {
  color: #1070CA;
  text-decoration: none;
  border: none;
  background: none;
}
.breadcrumb-container svg {
  fill: #1070CA;
  margin: auto 4px;
  width: 10px;
  height: 10px;
}
.breadcrumb-container a:hover, .breadcrumb-container a:focus {
  text-decoration: underline;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .breadcrumb-container {
    display: none;
  }
}
/** Button styling **/
button:disabled {
  cursor: default;
}
.button-link {
  border: none;
  background: none;
  color: #1070CA;
  cursor: pointer;
  text-decoration: underline;
}
.button-link:hover, .button-link:focus {
  text-decoration: underline;
}
.button {
  height: 30px;
  font-size: 14px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 3px;
  line-height: 30px;
  border: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
}
.button-regular {
  background-image: linear-gradient(#FAFAFA, #EDF0F2);
  border: 1px solid #E4E7EB;
  color: #425A70;
  fill: #1070CA;
  text-decoration: none;
}
.button-regular:hover, .button-regular:focus {
  text-decoration: none;
  background-image: linear-gradient(#EDF0F2, #D4D7DB);
  border: 1px solid #D4D7DB;
}
.button-primary {
  background-image: linear-gradient(#3090EA, #1070CA);
  border: 1px solid #1070CA;
  text-decoration: none;
  color: #FFFFFF;
  fill: #FFFFFF;
}
.button-primary:hover, .button-primary:focus {
  background-image: linear-gradient(#2080DA, #0060BA);
  border: 1px solid #0060BA;
  text-decoration: none;
}
.button-regular-danger {
  background-image: linear-gradient(#FAFAFA, #EDF0F2);
  border: 1px solid #E4E7EB;
  color: #BF0E08;
  fill: #BF0E08;
  text-decoration: none;
}
.button-regular-danger:hover, .button-regular-danger:focus {
  text-decoration: none;
  background-image: linear-gradient(#EDF0F2, #D4D7DB);
  border: 1px solid #D4D7DB;
}
.button-primary-danger {
  text-decoration: none;
  background-image: linear-gradient(#FF6C6F, #DA575A);
  border: 1px solid #DA575A;
  color: #FFFFFF;
  fill: #FFFFFF;
}
.button-primary-danger:hover, .button-primary-danger:focus {
  text-decoration: none;
  background-image: linear-gradient(#FA676A, #CA474A);
  border: 1px solid #CA474A;
}
.button-edit {
  display: inline-block;
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
  background-color: #FAFAFA;
  border: 1px solid #93A5BA;
  border-radius: 4px;
  padding: 3px;
}
.button-edit:hover, .button-edit:focus {
  background-color: #EDF0F2;
  border: 1px solid #93A5BA;
}
.button-edit svg {
  width: 12px;
  height: 12px;
}
.button-attribute-caption-edit {
  /* float: right; */
  margin-left: 8px;
}
/** Checkbox Styling **/
.checkbox-container {
  display: block;
  min-height: 18px;
  cursor: pointer;
  position: relative;
  padding-left: 20px;
}
.checkbox-input {
  /* opacity: 0; */
  position: absolute;
  /* cursor: pointer;
  height: 0;
  width: 0; */
  left: -100000px;
}
.checkbox-box {
  position: absolute;
  top: 2px;
  left: 0;
  border-radius: 3px;
  width: 16px;
  height: 16px;
  background-image: linear-gradient(#FAFAFA, #EDF0F2);
  border: 1px solid #D4D7DB;
}
.checkbox-container svg {
  display: none;
  position: absolute;
  width: 70%;
  height: 70%;
  left: 15%;
  top: 15%;
  fill: #FFFFFF;
}
.checkbox-container input:checked ~ .checkbox-box .checkbox-check {
  display: block;
}
.checkbox-container:hover .checkbox-box, .checkbox-container:focus-within .checkbox-box {
  background-image: linear-gradient(#EDF0F2, #D4D7DB);
  border: 1px solid #D4D7DB;
  box-shadow: 0 0 4px -01px #1070CA;
}
.checkbox-container input:checked ~ .checkbox-box {
  background-image: linear-gradient(#45A5FF, #1070CA);
  border: 1px solid #1070CA;
}
.checkbox-container:focus-within input:checked ~ .checkbox-box, .checkbox-container:hover input:checked ~ .checkbox-box {
  background-image: linear-gradient(#2585DF, #1050AA);
  border: 1px solid #1070CA;
}
/** Status Icon Styling **/
.status-icon {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  display: inline-block;
}
.status-icon-warning {
  background-color: #D9822B;
}
.status-icon-danger {
  background-color: #DA575A;
}
.status-icon-success {
  background-color: #4AD293;
}
/** Multiselect Styling **/
.multi-container {
  position: relative;
}
.multi-title-container {
  display: flex;
  justify-content: space-between;
}
.multi-display {
  width: 100%;
  background-color: #FAFAFA;
  min-height: 36px;
  max-height: 150px;
  border-radius: 4px;
  border: 1px solid #93A5BA;
  padding: 4px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  overflow-y: auto;
}
.multi-display-placeholder {
  line-height: 28px;
  pointer-events: none;
}
.multi-display-list {
  width: calc(100% - 32px);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  pointer-events: none;
}
.multi-display-item {
  margin-right: 4px;
  margin-bottom: 4px;
  height: 24px;
  padding-left: 4px;
  padding-right: 20px;
  max-width: 100%;
  display: flex;
  align-items: center;
  background-color: #F6F9FD;
  border: 1px solid #93A5BA;
  position: relative;
  border-radius: 3px;
  pointer-events: none;
}
.multi-display-item-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.multi-display-item-x {
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background: none;
  border: none;
  border-radius: 3px;
  pointer-events: all;
  cursor: pointer;
}
.multi-display-item-x svg {
  width: 14px;
  height: 14px;
  margin: 4px;
}
.multi-display-item-x:focus, .multi-display-item-x:hover {
  outline: none;
  background-color: #DBEAF7;
}
.multi-mobile-clearall {
  position: absolute;
  background-color: #F6F9FD;
  border-radius: 4px;
  border: none;
  right: 6px;
  top: 6px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.multi-mobile-clearall:hover, .multi-mobile-clearall:focus {
  background-color: #DBEAF7;
  outline: none;
}
.multi-mobile-clearall svg {
  width: 14px;
  height: 14px;
  margin: 5px;
}
.multi-search {
  position: absolute;
  left: 0;
  bottom: -298px;
  z-index: 20;
  width: 100%;
  max-width: 300px;
  height: 300px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
  border-radius: 4px;
  background-color: white;
  margin-top: -02px;
  overflow: hidden;
}
.multi-search-header {
  width: 100%;
  height: 34px;
  /* padding: 4px; */
  position: relative;
}
.multi-search-x {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 7px;
  right: 7px;
  background: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.multi-search-x:hover, .multi-search-x:focus {
  background-color: #DBEAF7;
  outline: none;
}
.multi-search-x svg {
  width: 12px;
  height: 12px;
  margin: 4px;
}
/* .multi-search-input-container {
  position: relative;
  padding-right: 26px;
} */
.multi-search-input-icon {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 11px;
  top: 11px;
  fill: #425A70;
}
.multi-search-input {
  /* height: 26px; */
  /* width: calc(100% - 24px); */
  width: 100%;
  height: 100%;
  padding-left: 28px;
  padding-right: 30px;
  border-radius: 4px;
  border: none;
  background: none;
  /* background-color: #E4E7EB; */
}
.multi-search-input:hover, .multi-search-input:focus {
  border: 1px solid #1070CA;
  box-shadow: 0 0 6px -02px #1070CA;
  outline: none;
}
.multi-search-list {
  overflow-y: scroll;
  height: calc(100% - 34px);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.multi-search-list:focus-within {
  border: 1px solid #1070CA;
}
.multi-list-item-container {
  border-top: 1px solid #E4E7EB;
  position: relative;
  padding-left: 24px;
}
.multi-list-item {
  padding-top: 6px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  color: #425A70;
  height: 24px;
  cursor: pointer;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: none;
}
.multi-list-item:hover, .multi-list-item:focus {
  outline: none;
}
.multi-list-item-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 100%;
  z-index: -1;
}
.multi-list-item-check {
  display: none;
  position: absolute;
  width: 12px;
  height: 12px;
  left: 6px;
  top: 6px;
  fill: #1070CA;
}
.multi-list-item[aria-selected='true'] {
  color: #1070CA;
  font-weight: 500;
}
.multi-list-item[aria-selected='true'] .multi-list-item-check {
  display: block;
}
.multi-list-item[aria-selected='true'] .multi-list-item-background {
  background-color: #F6F9FD;
}
.multi-list-item[aria-selected='true']:focus .multi-list-item-background, .multi-list-item[aria-selected='true']:hover .multi-list-item-background {
  background-color: #CCCCCC;
}
.multi-list-item:hover .multi-list-item-background, .multi-list-item:focus .multi-list-item-background {
  background-color: #F5F6F7;
}
/** Radio Styling **/
.radio-input {
  position: absolute;
  left: -100000px;
}
.radio-item {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.radio-icon {
  display: inline-block;
  min-height: 14px;
  min-width: 14px;
  max-height: 14px;
  max-width: 14px;
  border-radius: 7px;
  margin-right: 8px;
  background-image: linear-gradient(#FAFAFA, #EDF0F2);
  border: 1px solid #93A5BA;
  cursor: pointer;
}
.radio-item input:checked ~ .radio-icon {
  border: 4px solid #1070CA;
}
.radio-item:focus-within .radio-icon, .radio-item:hover .radio-icon {
  box-shadow: 0 0 4px 0 #1070CA;
}
/** Radio Button Group Styling **/
.radio-button-group {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.radio-button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.radio-button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #93A5BA;
}
.radio-button {
  display: flex;
  position: relative;
  flex: 1 1 0;
  height: 24px;
  border: 1px solid #93A5BA;
  border-right: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background: none;
  z-index: 0;
}
.radio-button-background {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(#FAFAFA, #EDF0F2);
}
.radio-button:first-child .radio-button-background {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.radio-button:last-child .radio-button-background {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.radio-button input:checked ~ .radio-button-background {
  background-image: none;
  background-color:#DBEAF7;
}
.radio-button:focus .radio-button-background, .radio-button:hover .radio-button-background {
  background-image: none;
  background-color:#F1FBFC;
}
.radio-button:hover input:checked ~ .radio-button-background, .radio-button:focus-within input:checked ~ .radio-button-background {
  background-image: none;
  background-color:#BBCAD7;
}
/** Select Styling **/
.select-dropdown-container {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.select-dropdown-button {
  display: inline-block;
  background-color: #F5F6F7;
  border-radius: 4px;
  padding: 4px;
  text-align: left;
  cursor: pointer;
}
.select-dropdown-menu {
  position: absolute;
  z-index: 10;
  right: 0;
  border: 1px solid #E4E7EB;
  background-color: #FFFFFF;
  max-height: 285px;
  overflow-x: hidden;
  overflow-y: auto;
}
.select-dropdown-menu:focus-within {
  box-shadow: 0 0 4px -01px #1070CA;
}
.select-dropdown-option {
  display: block;
  white-space: nowrap;
  cursor: pointer;
}
.select-dropdown-option:hover, .select-dropdown-option:focus {
  background-color: #EDF0F2;
  outline: none;
}
.select-button {
  position: relative;
  padding-left: 8px;
  border: 1px solid #93A5BA;
}
.select-button[aria-expanded='true'] .select-arrowdown {
  display: none;
}
.select-button[aria-expanded='true'] .select-arrowup {
  display: block;
}
.select-button[aria-expanded='false'] .select-arrowdown {
  display: block;
}
.select-button[aria-expanded='false'] .select-arrowup {
  display: none;
}
.select-button svg {
  position: absolute;
  top: 8px;
  right: 8px;
  fill: #425A70;
  width: 12px;
  height: 12px; 
}
.select-menu {
  border-radius: 4px;
}
.select-option {
  padding: 4px 30px 4px 8px;
  border-top: 1px solid #E4E7EB;
}
.select-option:first-child {
  border-top: none;
}
/** Dropdown Styling **/  
.dropdown-button {
  border: none;
  line-height: 0;
}
.dropdown-button:hover, .dropdown-button:focus {
  background-color: #DBEAF7;
}
.dropdown-button svg {
  width: 12px; 
  height: 12px;
  fill: #93A5BA;
}
.dropdown-menu {
  top: 22px;
  border-radius: 8px;
}
.dropdown-option {
  padding: 8px 30px 8px 8px;
}
.dropdown-option-separated {
  border-top: 1px solid #EDF0F2;
}
/** Ad Styling **/
.tall-ad-container {
  display: none;
  width: 168px;
}
.wide-ad-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.tall-ad-background {
  width: 100%;
  height: 608px;
  padding-top: 4px;
  padding-left: 4px;
}
.wide-ad-background {
  padding-top: 4px;
  padding-left: calc((100% - 320px)/2);
  width: 100%;
  height: 58px;
}
.wide-ad {
  width: 320px;
  height: 50px;
}
.tall-ad {
  width: 160px;
  height: 600px;
}
.ad-placeholder {
  width: 100%;
  height: 100%;
  background-color: #4361F7;
}
.ad-label {
  text-align: right;
  font-size: 10px;
  font-weight: 500;
  color: #66788A;
  margin-top: 4px;
}
@media only screen and (max-width: 364px) {
  .wide-ad-container {
    width: 100vw;
    margin-left: -18px;
  }
}
@media only screen and (min-width: 768px) {
  .wide-ad-background {
    height: 98px;
    padding-left: calc((100% - 728px)/2);
  }
  .wide-ad {
    width: 728px;
    height: 90px;
  }
  .wide-ad-container {
    width: 736px;
    margin-left: calc((100vw - 736px)/2 - 64px);
  }
}
@media only screen and (min-width: 896px) {
  .tall-ad-container {
    display: block;
  }
  .wide-ad-container {
    margin-left: auto;
    margin-right: auto;
  }
}
/** Tablist Styling **/
.tablist {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.tablist-tab-container {
  margin-top: 8px;
  flex: 1 0 auto;
  display: flex;
  justify-content: center;
}
.tablist-tab {
  background: none;
  border: none;
  padding: 8px 12px;
  margin: 0 8px;
  border-radius: 4px;
  white-space: nowrap;
}
.tablist-tab:hover, .tablist-tab:focus {
  background-color: #E4E7EB;
  outline: none;
}
.tablist-tab[aria-selected='true'] {
  background-color: #DBEAF7;
  font-weight: 500;
  color: #1070CA;
}
.tablist-tab[aria-selected='true']:hover, .tablist-tab[aria-selected='true']:focus {
  background-color: #BBCAD7;
}
/** Vertical Tablist Styling **/
.vertical-tablist {
  display: flex;
  flex-direction: column;
}
.vertical-tablist-tab-container {
  margin-top: 8px;
  flex: 1 0 auto;
  display: flex;
  justify-content: center;
}
.vertical-tablist-tab {
  background: none;
  border: none;
  padding: 8px 12px;
  margin: 0 8px;
  border-radius: 4px;
}
.vertical-tablist-tab:hover, .vertical-tablist-tab:focus {
  background-color: #E4E7EB;
  outline: none;
}
.vertical-tablist-tab[aria-selected='true'] {
  background-color: #DBEAF7;
  font-weight: 500;
  color: #1070CA;
}
.vertical-tablist-tab[aria-selected='true']:hover, .vertical-tablist-tab[aria-selected='true']:focus {
  background-color: #BBCAD7;
}
/** Attribute Value Edit Form Styling **/
.attribute-value-container .edit-av-form {
  width: 100%;
  height: 50px;
  background-color: #93A5BA;
}
.fade-out {
  transition: opacity 400ms;
  opacity: 0;
}
/** Page Message Styling **/
.page-error {
  padding: 16px;
  background-color: #FEF6F6;
}
.page-message {
  padding: 16px;
  background-color: #FAFAFA;
}
/** Autocomplete Styling **/
.autocomplete-container {
  position: relative;
}
.autocomplete-suggestions {
  z-index: 20;
  padding: 4px 0;
  width: 100%;
  position: absolute;
  left: 0;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #93A5BA;
}
.autocomplete-category-header {
  color: #234361;
  font-size: 16px;
  font-weight: 700;
  padding: 4px;
  border-bottom: 1px solid #E4E7EB;
}
.autocomplete-category-item {
  color: #425A70;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 8px;
  cursor: pointer;
  border-bottom: 1px solid #EDF0F2;
}
.autocomplete-category-item:last-child {
  border-bottom: none;
}
.autocomplete-category-item-highlight-match {
  font-weight: 500;
  color: #234361;
}
.autocomplete-suggestions li.highlighted {
  background-color: #EDF0F2;
}
/** Form Input Styling **/
.input-form-container {
  text-align: center;
}
.input-form-centered {
  text-align: initial;
  display: inline-block;
}
.input-label {
  display: inline-block;
  vertical-align: top;
  padding-top: 4px;
}
.input-label-block {
  display: block;
}
.input-autocomplete-container {
  display: inline-block;
}
.input-autocomplete-suggestions {
  top: 32px;
}
.input-text, .input-textarea {
  border: 1px solid #93A5BA;
  border-radius: 3px;
  padding: 4px;
}
.input-text:hover, .input-text:focus, .input-textarea:hover, .input-textarea:focus {
  box-shadow: 0 0 6px -02px #1070CA;
  border: 1px solid #1070CA;
  outline: none;
}
.input-text-limitwidth {
  width: 100%;
  /** Wide enough for 20 chars **/
  max-width: 260px;
}
/** Rating Radio Styling **/
.rating-radio-container {
  border-radius: 4px;
  position: relative;
  display: inline-block;
  height: 36px;
}
.rating-radio-label {
  width: 120px;
}
.rating-radio-container:focus-within {
  outline: none;
  box-shadow: 0 0 4px 0 #1070CA;
}
.rating-radio-input-container {
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
}
.rating-radio-input-container:nth-child(1) {
  z-index: 5;
}
.rating-radio-input-container:nth-child(2) {
  z-index: 4;
}
.rating-radio-input-container:nth-child(3) {
  z-index: 3;
}
.rating-radio-input-container:nth-child(4) {
  z-index: 2;
}
.rating-radio-input-container:nth-child(5) {
  z-index: 1;
  position: relative;
}
.rating-radio-input {
  /* width: 0;
  height: 0; */
  position: absolute;
  left: -100000px;
}
.rating-radio-star {
  width: 36px;
  height: 36px;
  fill: none;
}
.rating-radio-input-container:nth-child(5) .rating-radio-star {
  fill: #E4E7EB;
}
.rating-radio-input:checked ~ .rating-radio-star-container .rating-radio-star {
  fill: #1070CA;
}
.rating-radio-input-container:hover, .rating-radio-input-container:focus {
  outline: none;
  text-decoration: none;
}
.rating-radio-input-container:hover .rating-radio-star, .rating-radio-input-container:focus .rating-radio-star {
  fill: #40A0FA;
}
.rating-radio-clear-label {
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
}
.rating-radio-clear {
  width: 24px;
  height: 24px;
  fill: #93A5BA;
}
.rating-radio-clear-label:hover .rating-radio-clear, .rating-radio-clear-label:focus .rating-radio-clear {
  fill: #425A70;
}
/** Table Styling **/
.table-header {
  background-color: #EDF0F2;
}
.table-item {
  text-align: left;
  padding: 8px;
}
.table-row {
  border-bottom: 1px solid #EDF0F2;
}
.table-horizontal-scroll {
  display: block;
  overflow-x: auto;
}