@charset "utf-8";
/* CSS Document */
/* Accessibility Panel */
.accessible-font {
  font-family: "Helvetica", Arial, sans-serif;
}
.fontsize-1, .fontsize-1 a, .fontsize-1 p, .fontsize-1 li, .fontsize-1 span, .fontsize-1 li a, .fontsize-1 h1, .fontsize-1 h2, .fontsize-1 h3, .fontsize-1 h4, .fontsize-1 h5 {
  font-size: 18px !important;
}
.fontsize-2, .fontsize-2 a, .fontsize-2 p, .fontsize-2 li, .fontsize-2 span, .fontsize-2 li a, .fontsize-2 h1, .fontsize-2 h2, .fontsize-2 h3, .fontsize-2 h4, .fontsize-2 h5 {
  font-size: 24px !important;
}
.fontsize-3, .fontsize-3 a, .fontsize-3 p, .fontsize-3 li, .fontsize-3 span, .fontsize-3 li a, .fontsize-3 h1, .fontsize-3 h2, .fontsize-3 h3, .fontsize-3 h4, .fontsize-3 h5 {
  font-size: 30px !important;
}
.fontsize-4, .fontsize-4 a .fontsize-4 p, .fontsize-4 li, .fontsize-4 span, .fontsize-4 li a, .fontsize-4 h1, .fontsize-4 h2, .fontsize-4 h3, .fontsize-4 h4, .fontsize-4 h5, .fontsize-4 .other-common-text-content p {
  font-size: 36px !important;
}
/*a, a:hover, a:focus, a:visited {
  color: inherit;
}*/
a.highlight, a:hover.highlight, a:focus.highlight, a:visited.highlight {
  background: #ffff00;
  padding: 0.5em;
  line-height: 1.5;
}
.accessibility-panel {
  width: 280px;
  height: 100%;
  background: #f9f9f9;
  border-color: #ddd;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  padding: 1em;
  font-size: 24px;
  color: #555555;
  position: fixed;
  font-family: "Helvetica", Arial, sans-serif;
  top: 0;
  right: -400px;
  transition: all 0.3s ease;
  z-index: 99999;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.accessibility-panel.visible {
  right: 0;
  overflow-y: scroll;
}
.accessibility-panel #toggleAccessPanel {
  position: absolute;
  right: 430px;
  bottom: 40px;
  width: 48px;
  max-height: 48px;
  background: #090091;
  color: #fff;
  font-size: 13px;
  line-height: 7px;
  text-align: left;
  overflow: hidden;
  border: none;
  border-radius: 3em;
  padding: 12px 5px 12px 6px;
  -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: width 0.75s ease-in-out, box-shadow 0.75s ease-in-out;
  /* Safari */
  transition: width 0.75s ease-in-out, box-shadow 0.75s ease-in-out;
}
.accessibility-panel #toggleAccessPanel .ada-icon {
  padding: 2px 6px;
  line-height: 1;
  float: left;
  position: static;
  display: block;
}
.accessibility-panel #toggleAccessPanel .ada-icon svg {
  width: 26px;
}
.accessibility-panel #toggleAccessPanel .ada-icon path {
  fill: #ffffff;
}
.accessibility-panel #toggleAccessPanel:focus, .accessibility-panel #toggleAccessPanel:hover {
  width: 220px !important;
  -webkit-box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.25) !important;
}
.accessibility-panel #toggleAccessPanel:focus .toggleAccessPanelLabelInstruct, .accessibility-panel #toggleAccessPanel:hover .toggleAccessPanelLabelInstruct {
  height: auto;
  width: auto;
  position: static;
  margin: auto;
  -webkit-animation: 1.25s ease 0s normal forwards 1 fadein;
  animation: 1.25s ease 0s normal forwards 1 fadein;
}
.accessibility-panel #toggleAccessPanel .toggleAccessPanelLabelInstruct {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
  opacity: 0;
  pointer-events: none;
}
.accessibility-panel #toggleAccessPanel .toggleAccessPanelLabelInstruct .toggleAccessPanelLabel {
  display: block;
}
.accessibility-panel #toggleAccessPanel .toggleAccessPanelLabelInstruct .toggleAccessPanelInstructions {
  line-height: 2;
  display: block;
}
.accessibility-panel h6 {
  margin: 0;
}
.accessibility-panel .button-group {
  font-size: 16px;
  margin-bottom: 1em;
}
.accessibility-panel .button-group button {
  padding: 6px 10px;
  font-size: 14px;
  border-radius: 1.25em;
  border: 1px solid #555555;
  background: #555555;
  color: #ffffff;
  -webkit-transition: width 0.75s ease-in-out, box-shadow 0.75s ease-in-out;
  /* Safari */
  transition: width 0.75s ease-in-out, box-shadow 0.75s ease-in-out;
}
.accessibility-panel .button-group button:focus, .button-group button:hover {
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25) !important;
}
.accessibility-panel .rangeSliders p {
  float: left;
  display: inline-block;
  width: 75px;
  margin: 2px 0 0;
  font-size: 16px;
}
.accessibility-panel .button {
  display: inline-block;
  padding: 10px 15px;
  color: #000;
  border: 2px solid #000;
  transition: 0.3s all ease;
  font-weight: 700;
  background: transparent;
  text-decoration: none;
}
.accessibility-panel .button:hover {
  color: #fff;
  background-color: #000;
  border-color: #fff;
}
.accessibility-panel .button.highlight {
  background: #ffff00;
  padding: 0.5em;
  line-height: 1.5;
}
.accessibility-panel .hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: 0;
  display: inline;
  font-size: 0;
}
.accessibility-panel [type=range] {
  margin: 12px 0;
  width: 80%;
}
.accessibility-panel [type=range]:focus::-webkit-slider-runnable-track {
  background: white;
}
.accessibility-panel [type=range]:focus::-ms-fill-lower {
  background: #f9f9f9;
}
.accessibility-panel [type=range]:focus::-ms-fill-upper {
  background: white;
}
.accessibility-panel [type=range]::-webkit-slider-runnable-track {
  cursor: pointer;
  height: 8px;
  transition: all 0.2s ease;
  width: 80%;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
  background: #f9f9f9;
  border: 1px solid #555555;
  border-radius: 5px;
}
.accessibility-panel [type=range]::-webkit-slider-thumb {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(13, 13, 13, 0.2);
  background: #555555;
  border: 1px solid #f9f9f9;
  border-radius: 12px;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin-top: -10px;
}
.accessibility-panel [type=range]::-moz-range-track {
  cursor: pointer;
  height: 8px;
  transition: all 0.2s ease;
  width: 80%;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
  background: #f9f9f9;
  border: 1px solid #555555;
  border-radius: 5px;
}
.accessibility-panel [type=range]::-moz-range-thumb {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(13, 13, 13, 0.2);
  background: #555555;
  border: 1px solid #f9f9f9;
  border-radius: 12px;
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.accessibility-panel [type=range]::-ms-track {
  cursor: pointer;
  height: 8px;
  transition: all 0.2s ease;
  width: 80%;
  background: transparent;
  border-color: transparent;
  border-width: 12px 0;
  color: transparent;
}
.accessibility-panel [type=range]::-ms-fill-lower {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
  background: #ececec;
  border: 1px solid #555555;
  border-radius: 10px;
}
.accessibility-panel [type=range]::-ms-fill-upper {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
  background: #f9f9f9;
  border: 1px solid #555555;
  border-radius: 10px;
}
.accessibility-panel [type=range]::-ms-thumb {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(13, 13, 13, 0.2);
  background: #555555;
  border: 1px solid #f9f9f9;
  border-radius: 12px;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin-top: 0;
}
@media screen and (max-width: 575px) {
  .accessibility-panel #toggleAccessPanel {
    right: 410px;
    bottom: 90px;
  }
  .accessibility-panel {
    width: 245px;
  }
}