/*
 * Tipped - A Complete Javascript Tooltip Solution - v4.6.0
 * (c) 2012-2017 Nick Stakenburg
 *
 * http://www.tippedjs.com
 *
 * License: http://www.tippedjs.com/license
 */
/* line 10, app/library/styles/less/tipped.less */
.tpd-tooltip {
  position: absolute;
}
/* Fix for CSS frameworks that don't keep the use of box-sizing: border-box
   within their own namespace */
/* line 16, app/library/styles/less/tipped.less */
.tpd-tooltip {
  box-sizing: content-box;
}
/* line 17, app/library/styles/less/tipped.less */
.tpd-tooltip [class^="tpd-"] {
  box-sizing: inherit;
}
/* Content */
/* line 20, app/library/styles/less/tipped.less */
.tpd-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 29, app/library/styles/less/tipped.less */
.tpd-content-spacer,
.tpd-content-relative,
.tpd-content-relative-padder {
  float: left;
  position: relative;
}
/* line 35, app/library/styles/less/tipped.less */
.tpd-content-relative {
  width: 100%;
}
/* line 39, app/library/styles/less/tipped.less */
.tpd-content {
  float: left;
  clear: both;
  position: relative;
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
  color: #fff;
  box-sizing: border-box !important;
}
/* line 49, app/library/styles/less/tipped.less */
.tpd-has-inner-close .tpd-content-relative .tpd-content {
  padding-right: 0 !important;
}
/* line 50, app/library/styles/less/tipped.less */
.tpd-tooltip .tpd-content-no-padding {
  padding: 0 !important;
}
/* line 52, app/library/styles/less/tipped.less */
.tpd-title-wrapper {
  float: left;
  position: relative;
  overflow: hidden;
}
/* line 57, app/library/styles/less/tipped.less */
.tpd-title-spacer {
  float: left;
}
/* line 60, app/library/styles/less/tipped.less */
.tpd-title-relative,
.tpd-title-relative-padder {
  float: left;
  position: relative;
}
/* line 65, app/library/styles/less/tipped.less */
.tpd-title-relative {
  width: 100%;
}
/* line 66, app/library/styles/less/tipped.less */
.tpd-title {
  float: left;
  position: relative;
  font-size: 11px;
  line-height: 16px;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  box-sizing: border-box !important;
}
/* line 77, app/library/styles/less/tipped.less */
.tpd-has-title-close .tpd-title {
  padding-right: 0 !important;
}
/* line 78, app/library/styles/less/tipped.less */
.tpd-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
  overflow: hidden;
  color: #fff;
}
/* line 88, app/library/styles/less/tipped.less */
.tpd-close-icon {
  float: left;
  font-family: Arial, Baskerville, monospace;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}
/* Skin */
/* line 103, app/library/styles/less/tipped.less */
.tpd-skin {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 109, app/library/styles/less/tipped.less */
.tpd-frames {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 114, app/library/styles/less/tipped.less */
.tpd-frames .tpd-frame {
  float: left;
  width: 100%;
  height: 100%;
  clear: both;
  display: none;
}
/* line 122, app/library/styles/less/tipped.less */
.tpd-visible-frame-top .tpd-frame-top {
  display: block;
}
/* line 123, app/library/styles/less/tipped.less */
.tpd-visible-frame-bottom .tpd-frame-bottom {
  display: block;
}
/* line 124, app/library/styles/less/tipped.less */
.tpd-visible-frame-left .tpd-frame-left {
  display: block;
}
/* line 125, app/library/styles/less/tipped.less */
.tpd-visible-frame-right .tpd-frame-right {
  display: block;
}
/* line 127, app/library/styles/less/tipped.less */
.tpd-backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
/* line 136, app/library/styles/less/tipped.less */
.tpd-background-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  pointer-events: none;
}
/* line 145, app/library/styles/less/tipped.less */
.tpd-no-shadow .tpd-skin .tpd-background-shadow {
  box-shadow: none !important;
}
/* line 147, app/library/styles/less/tipped.less */
.tpd-background-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
/* only the top background box should be shown when not using a stem */
/* line 156, app/library/styles/less/tipped.less */
.tpd-no-stem .tpd-background-box,
.tpd-no-stem .tpd-shift-stem {
  display: none;
}
/* line 158, app/library/styles/less/tipped.less */
.tpd-no-stem .tpd-background-box-top {
  display: block;
}
/* line 160, app/library/styles/less/tipped.less */
.tpd-background-box-shift,
.tpd-background-box-shift-further {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
/* line 167, app/library/styles/less/tipped.less */
.tpd-background {
  border-radius: 10px;
  float: left;
  clear: both;
  background: none;
  -webkit-background-clip: padding-box;
  /* Safari */
  background-clip: padding-box;
  /* IE9+, Firefox 4+, Opera, Chrome */
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.1);
  /* opacity here bugs out in firefox, .tpd-background-content should have no opacity if this opacity is less than 1 */
}
/* line 178, app/library/styles/less/tipped.less */
.tpd-background-loading {
  display: none;
}
/* no radius */
/* line 180, app/library/styles/less/tipped.less */
.tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background {
  border-radius: 0;
}
/* line 181, app/library/styles/less/tipped.less */
.tpd-background-title {
  float: left;
  clear: both;
  width: 100%;
  background-color: #282828;
}
/* line 187, app/library/styles/less/tipped.less */
.tpd-background-content {
  float: left;
  clear: both;
  width: 100%;
  background-color: #282828;
}
/* line 193, app/library/styles/less/tipped.less */
.tpd-background-border-hack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
}
/* line 202, app/library/styles/less/tipped.less */
.tpd-background-box-top {
  top: 0;
}
/* line 203, app/library/styles/less/tipped.less */
.tpd-background-box-bottom {
  bottom: 0;
}
/* line 204, app/library/styles/less/tipped.less */
.tpd-background-box-left {
  left: 0;
}
/* line 205, app/library/styles/less/tipped.less */
.tpd-background-box-right {
  right: 0;
}
/* Skin / Stems */
/* line 208, app/library/styles/less/tipped.less */
.tpd-shift-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
/* line 214, app/library/styles/less/tipped.less */
.tpd-shift-stem-side {
  position: absolute;
}
/* line 217, app/library/styles/less/tipped.less */
.tpd-frame-top .tpd-shift-stem-side,
.tpd-frame-bottom .tpd-shift-stem-side {
  width: 100%;
}
/* line 219, app/library/styles/less/tipped.less */
.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side {
  height: 100%;
}
/* line 222, app/library/styles/less/tipped.less */
.tpd-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  /* shows possible invalid subpx rendering */
  width: 16px;
  /* best cross browser stem: width = 2 x height (90deg angle) */
  height: 8px;
  margin-left: 3px;
  /* space from the side */
  margin-top: 2px;
  /* space between target and stem */
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
/* remove margins once we're done measuring */
/* line 235, app/library/styles/less/tipped.less */
.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset {
  margin: 0 !important;
}
/* line 237, app/library/styles/less/tipped.less */
.tpd-stem-spacer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 244, app/library/styles/less/tipped.less */
.tpd-stem-reset .tpd-stem-spacer {
  margin-top: 0;
}
/* line 246, app/library/styles/less/tipped.less */
.tpd-stem-point {
  width: 100px;
  position: absolute;
  top: 0;
  left: 50%;
}
/* line 252, app/library/styles/less/tipped.less */
.tpd-stem-downscale,
.tpd-stem-transform {
  float: left;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  position: relative;
}
/* line 262, app/library/styles/less/tipped.less */
.tpd-stem-side {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
/* line 269, app/library/styles/less/tipped.less */
.tpd-stem-side-inversed {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
/* line 273, app/library/styles/less/tipped.less */
.tpd-stem-triangle {
  width: 0;
  height: 0;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-left-style: solid;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 283, app/library/styles/less/tipped.less */
.tpd-stem-border {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #fff;
  /* will become transparent */
  border-right-color: #fff;
  border-right-style: solid;
  border-right-width: 0;
}
/* line 295, app/library/styles/less/tipped.less */
.tpd-stem-border-corner {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  border-right-style: solid;
  border-right-width: 0;
}
/* fixes rendering issue in IE */
/* line 305, app/library/styles/less/tipped.less */
.tpd-stem * {
  z-index: 0;
  zoom: 1;
}
/* used by IE < 9 */
/* line 308, app/library/styles/less/tipped.less */
.tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 316, app/library/styles/less/tipped.less */
.tpd-stem-notransform {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}
/* line 322, app/library/styles/less/tipped.less */
.tpd-stem-notransform .tpd-stem-border {
  height: 100%;
  position: relative;
  float: left;
  top: 0;
  left: 0;
  margin: 0;
}
/* line 330, app/library/styles/less/tipped.less */
.tpd-stem-notransform .tpd-stem-border-center {
  position: absolute;
}
/* line 333, app/library/styles/less/tipped.less */
.tpd-stem-notransform .tpd-stem-border-corner {
  background: #fff;
  border: 0;
  top: auto;
  left: auto;
}
/* line 339, app/library/styles/less/tipped.less */
.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
  height: 0;
  border: 0;
  left: 50%;
}
/* transformations for left/right/bottom */
/* line 347, app/library/styles/less/tipped.less */
.tpd-stem-transform-left {
  -webkit-transform: rotate(-90deg) scale(-1, 1);
  transform: rotate(-90deg) scale(-1, 1);
}
/* line 351, app/library/styles/less/tipped.less */
.tpd-stem-transform-right {
  -webkit-transform: rotate(90deg) translate(0, -100%);
  transform: rotate(90deg) translate(0, -100%);
}
/* line 355, app/library/styles/less/tipped.less */
.tpd-stem-transform-bottom {
  -webkit-transform: scale(1, -1) translate(0, -100%);
  transform: scale(1, -1) translate(0, -100%);
}
/* Spinner */
/* line 362, app/library/styles/less/tipped.less */
.tpd-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 46px;
  height: 36px;
}
/* line 369, app/library/styles/less/tipped.less */
.tpd-spinner-spin {
  position: relative;
  float: left;
  margin: 8px 0 0 13px;
  text-indent: -9999em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #fff;
  -webkit-animation: tpd-spinner-animation 1.1s infinite linear;
  animation: tpd-spinner-animation 1.1s infinite linear;
  box-sizing: border-box !important;
}
/* line 382, app/library/styles/less/tipped.less */
.tpd-spinner-spin,
.tpd-spinner-spin:after {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
@-webkit-keyframes tpd-spinner-animation {
  /* line 389, app/library/styles/less/tipped.less */
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 390, app/library/styles/less/tipped.less */
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tpd-spinner-animation {
  /* line 393, app/library/styles/less/tipped.less */
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* line 394, app/library/styles/less/tipped.less */
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* show the loader while loading and hide all the content */
/* line 398, app/library/styles/less/tipped.less */
.tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper {
  display: none;
}
/* line 400, app/library/styles/less/tipped.less */
.tpd-is-loading .tpd-background {
  display: none;
}
/* line 401, app/library/styles/less/tipped.less */
.tpd-is-loading .tpd-background-loading {
  display: block;
}
/* Resets while measuring content */
/* line 406, app/library/styles/less/tipped.less */
.tpd-tooltip-measuring {
  top: 0;
  left: 0;
  position: absolute;
  max-width: 100%;
  width: 100%;
}
/* line 413, app/library/styles/less/tipped.less */
.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-spinner {
  display: none;
}
/* line 418, app/library/styles/less/tipped.less */
.tpd-tooltip-measuring .tpd-content-wrapper,
.tpd-tooltip-measuring .tpd-title-wrapper {
  display: block;
}
/* Links */
/* line 423, app/library/styles/less/tipped.less */
.tpd-tooltip a,
.tpd-tooltip a:hover {
  color: #808080;
  text-decoration: underline;
}
/* line 425, app/library/styles/less/tipped.less */
.tpd-tooltip a:hover {
  color: #6c6c6c;
}
/*
 * Sizes
 */
/* x-small */
/* line 432, app/library/styles/less/tipped.less */
.tpd-size-x-small .tpd-content,
.tpd-size-x-small .tpd-title {
  padding: 7px 8px;
  font-size: 10px;
  line-height: 15px;
}
/* line 438, app/library/styles/less/tipped.less */
.tpd-size-x-small .tpd-background {
  border-radius: 5px;
}
/* line 439, app/library/styles/less/tipped.less */
.tpd-size-x-small .tpd-stem {
  width: 12px;
  height: 6px;
  margin-left: 4px;
  margin-top: 2px;
  /* space between target and stem */
}
/* line 445, app/library/styles/less/tipped.less */
.tpd-size-x-small.tpd-no-radius .tpd-stem {
  margin-left: 7px;
}
/* line 446, app/library/styles/less/tipped.less */
.tpd-size-x-small .tpd-close {
  margin-bottom: 1px;
}
/* line 447, app/library/styles/less/tipped.less */
.tpd-size-x-small .tpd-spinner {
  width: 35px;
  height: 29px;
}
/* line 451, app/library/styles/less/tipped.less */
.tpd-size-x-small .tpd-spinner-spin {
  margin: 6px 0 0 9px;
}
/* line 452, app/library/styles/less/tipped.less */
.tpd-size-x-small .tpd-spinner-spin,
.tpd-size-x-small .tpd-spinner-spin:after {
  width: 17px;
  height: 17px;
}
/* small */
/* line 459, app/library/styles/less/tipped.less */
.tpd-size-small .tpd-content,
.tpd-size-small .tpd-title {
  padding: 8px;
  font-size: 10px;
  line-height: 16px;
}
/* line 465, app/library/styles/less/tipped.less */
.tpd-size-small .tpd-background {
  border-radius: 6px;
}
/* line 466, app/library/styles/less/tipped.less */
.tpd-size-small .tpd-stem {
  width: 14px;
  height: 7px;
  margin-left: 5px;
  margin-top: 2px;
  /* space between target and stem */
}
/* line 472, app/library/styles/less/tipped.less */
.tpd-size-small.tpd-no-radius .tpd-stem {
  margin-left: 8px;
}
/* line 473, app/library/styles/less/tipped.less */
.tpd-size-small .tpd-close {
  margin: 2px 1px;
}
/* line 474, app/library/styles/less/tipped.less */
.tpd-size-small .tpd-spinner {
  width: 42px;
  height: 32px;
}
/* line 478, app/library/styles/less/tipped.less */
.tpd-size-small .tpd-spinner-spin {
  margin: 7px 0 0 13px;
}
/* line 479, app/library/styles/less/tipped.less */
.tpd-size-small .tpd-spinner-spin,
.tpd-size-small .tpd-spinner-spin:after {
  width: 18px;
  height: 18px;
}
/* medium (default) */
/* line 487, app/library/styles/less/tipped.less */
.tpd-size-medium .tpd-content,
.tpd-size-medium .tpd-title {
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
}
/* line 493, app/library/styles/less/tipped.less */
.tpd-size-medium .tpd-background {
  border-radius: 8px;
}
/* line 494, app/library/styles/less/tipped.less */
.tpd-size-medium .tpd-stem {
  width: 16px;
  /* best cross browser stem width is 2xheight, for a 90deg angle */
  height: 8px;
  margin-left: 6px;
  /* space from the side */
  margin-top: 2px;
  /* space between target and stem */
}
/* line 500, app/library/styles/less/tipped.less */
.tpd-size-medium.tpd-no-radius .tpd-stem {
  margin-left: 10px;
}
/* line 501, app/library/styles/less/tipped.less */
.tpd-size-medium .tpd-close {
  margin: 4px 2px;
}
/* ideal spinner dimensions don't cause movement op top and
   on the stem when switching to text using position:'topleft' */
/* line 504, app/library/styles/less/tipped.less */
.tpd-size-medium .tpd-spinner {
  width: 50px;
  height: 36px;
}
/* line 508, app/library/styles/less/tipped.less */
.tpd-size-medium .tpd-spinner-spin {
  margin: 8px 0 0 15px;
}
/* line 509, app/library/styles/less/tipped.less */
.tpd-size-medium .tpd-spinner-spin,
.tpd-size-medium .tpd-spinner-spin:after {
  width: 20px;
  height: 20px;
}
/* large */
/* line 517, app/library/styles/less/tipped.less */
.tpd-size-large .tpd-content,
.tpd-size-large .tpd-title {
  padding: 10px;
  font-size: 13px;
  line-height: 18px;
}
/* line 523, app/library/styles/less/tipped.less */
.tpd-size-large .tpd-background {
  border-radius: 8px;
}
/* line 524, app/library/styles/less/tipped.less */
.tpd-size-large .tpd-stem {
  width: 18px;
  height: 9px;
  margin-left: 7px;
  margin-top: 2px;
  /* space between target and stem */
}
/* line 530, app/library/styles/less/tipped.less */
.tpd-size-large.tpd-no-radius .tpd-stem {
  margin-left: 10px;
}
/* line 531, app/library/styles/less/tipped.less */
.tpd-size-large .tpd-close {
  margin: 5px 2px 5px 2px;
}
/* line 532, app/library/styles/less/tipped.less */
.tpd-size-large .tpd-spinner {
  width: 54px;
  height: 38px;
}
/* line 536, app/library/styles/less/tipped.less */
.tpd-size-large .tpd-spinner-spin {
  margin: 9px 0 0 17px;
}
/* line 537, app/library/styles/less/tipped.less */
.tpd-size-large .tpd-spinner-spin,
.tpd-size-large .tpd-spinner-spin:after {
  width: 20px;
  height: 20px;
}
/* Skins */
/* default (dark) */
/* line 547, app/library/styles/less/tipped.less */
.tpd-skin-dark .tpd-content,
.tpd-skin-dark .tpd-title,
.tpd-skin-dark .tpd-close {
  color: #fff;
}
/* line 550, app/library/styles/less/tipped.less */
.tpd-skin-dark .tpd-background-content,
.tpd-skin-dark .tpd-background-title {
  background-color: #282828;
}
/* line 554, app/library/styles/less/tipped.less */
.tpd-skin-dark .tpd-background {
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.1);
}
/* line below the title */
/* line 559, app/library/styles/less/tipped.less */
.tpd-skin-dark .tpd-title-wrapper {
  border-bottom: 1px solid #404040;
}
/* spinner */
/* line 561, app/library/styles/less/tipped.less */
.tpd-skin-dark .tpd-spinner-spin {
  border-color: rgba(255, 255, 255, 0.2);
  border-left-color: #fff;
}
/* links */
/* line 566, app/library/styles/less/tipped.less */
.tpd-skin-dark a {
  color: #ccc;
}
/* line 567, app/library/styles/less/tipped.less */
.tpd-skin-dark a:hover {
  color: #c0c0c0;
}
/* light */
/* line 571, app/library/styles/less/tipped.less */
.tpd-skin-light .tpd-content,
.tpd-skin-light .tpd-title,
.tpd-skin-light .tpd-close {
  color: #333;
}
/* line 574, app/library/styles/less/tipped.less */
.tpd-skin-light .tpd-background-content {
  background-color: #fff;
}
/* line 577, app/library/styles/less/tipped.less */
.tpd-skin-light .tpd-background {
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.3);
}
/* line 581, app/library/styles/less/tipped.less */
.tpd-skin-light .tpd-background-title {
  background-color: #f7f7f7;
}
/* line 584, app/library/styles/less/tipped.less */
.tpd-skin-light .tpd-title-wrapper {
  border-bottom: 1px solid #c0c0c0;
}
/* line 585, app/library/styles/less/tipped.less */
.tpd-skin-light .tpd-background-shadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
/* fallback for no/disabled shadow */
/* line 587, app/library/styles/less/tipped.less */
.tpd-skin-light.tpd-no-shadow .tpd-background {
  border-color: rgba(100, 100, 100, 0.3);
}
/* line 590, app/library/styles/less/tipped.less */
.tpd-skin-light .tpd-spinner-spin {
  border-color: rgba(51, 51, 51, 0.2);
  border-left-color: #333;
}
/* line 594, app/library/styles/less/tipped.less */
.tpd-skin-light a {
  color: #808080;
}
/* line 595, app/library/styles/less/tipped.less */
.tpd-skin-light a:hover {
  color: #6c6c6c;
}
/* gray */
/* line 599, app/library/styles/less/tipped.less */
.tpd-skin-gray .tpd-content,
.tpd-skin-gray .tpd-title,
.tpd-skin-gray .tpd-close {
  color: #fff;
}
/* line 602, app/library/styles/less/tipped.less */
.tpd-skin-gray .tpd-background-content,
.tpd-skin-gray .tpd-background-title {
  background-color: #727272;
}
/* line 606, app/library/styles/less/tipped.less */
.tpd-skin-gray .tpd-background {
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.1);
}
/* line 610, app/library/styles/less/tipped.less */
.tpd-skin-gray .tpd-title-wrapper {
  border-bottom: 1px solid #505050;
}
/* line 611, app/library/styles/less/tipped.less */
.tpd-skin-gray .tpd-spinner-spin {
  border-color: rgba(255, 255, 255, 0.2);
  border-left-color: #fff;
}
/* line 615, app/library/styles/less/tipped.less */
.tpd-skin-gray a {
  color: #ccc;
}
/* line 616, app/library/styles/less/tipped.less */
.tpd-skin-gray a:hover {
  color: #b6b6b6;
}
/* red */
/* line 620, app/library/styles/less/tipped.less */
.tpd-skin-red .tpd-content,
.tpd-skin-red .tpd-title,
.tpd-skin-red .tpd-close {
  color: #fff;
}
/* line 623, app/library/styles/less/tipped.less */
.tpd-skin-red .tpd-background-content {
  background-color: #e13c37;
}
/* line 624, app/library/styles/less/tipped.less */
.tpd-skin-red .tpd-background {
  border-width: 1px;
  border-color: rgba(12, 0, 0, 0.6);
}
/* line 628, app/library/styles/less/tipped.less */
.tpd-skin-red .tpd-background-title {
  background-color: #e13c37;
}
/* line 629, app/library/styles/less/tipped.less */
.tpd-skin-red .tpd-title-wrapper {
  border-bottom: 1px solid #a30500;
}
/* line 630, app/library/styles/less/tipped.less */
.tpd-skin-red .tpd-background-shadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
/* line 631, app/library/styles/less/tipped.less */
.tpd-skin-red .tpd-spinner-spin {
  border-color: rgba(255, 255, 255, 0.2);
  border-left-color: #fff;
}
/* line 635, app/library/styles/less/tipped.less */
.tpd-skin-red a {
  color: #ddd;
}
/* line 636, app/library/styles/less/tipped.less */
.tpd-skin-red a:hover {
  color: #c6c6c6;
}
/* green */
/* line 640, app/library/styles/less/tipped.less */
.tpd-skin-green .tpd-content,
.tpd-skin-green .tpd-title,
.tpd-skin-green .tpd-close {
  color: #fff;
}
/* line 643, app/library/styles/less/tipped.less */
.tpd-skin-green .tpd-background-content {
  background-color: #4aab3a;
}
/* line 644, app/library/styles/less/tipped.less */
.tpd-skin-green .tpd-background {
  border-width: 1px;
  border-color: rgba(0, 12, 0, 0.6);
}
/* line 648, app/library/styles/less/tipped.less */
.tpd-skin-green .tpd-background-title {
  background-color: #4aab3a;
}
/* line 649, app/library/styles/less/tipped.less */
.tpd-skin-green .tpd-title-wrapper {
  border-bottom: 1px solid #127c00;
}
/* line 650, app/library/styles/less/tipped.less */
.tpd-skin-green .tpd-background-shadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
/* line 651, app/library/styles/less/tipped.less */
.tpd-skin-green .tpd-spinner-spin {
  border-color: rgba(255, 255, 255, 0.2);
  border-left-color: #fff;
}
/* line 655, app/library/styles/less/tipped.less */
.tpd-skin-green a {
  color: #ddd;
}
/* line 656, app/library/styles/less/tipped.less */
.tpd-skin-green a:hover {
  color: #c6c6c6;
}
/* blue */
/* line 660, app/library/styles/less/tipped.less */
.tpd-skin-blue .tpd-content,
.tpd-skin-blue .tpd-title,
.tpd-skin-blue .tpd-close {
  color: #fff;
}
/* line 663, app/library/styles/less/tipped.less */
.tpd-skin-blue .tpd-background-content {
  background-color: #45a3e3;
}
/* line 664, app/library/styles/less/tipped.less */
.tpd-skin-blue .tpd-background {
  border-width: 1px;
  border-color: rgba(0, 0, 12, 0.6);
}
/* line 668, app/library/styles/less/tipped.less */
.tpd-skin-blue .tpd-background-title {
  background-color: #45a3e3;
}
/* line 669, app/library/styles/less/tipped.less */
.tpd-skin-blue .tpd-title-wrapper {
  border-bottom: 1px solid #1674b4;
}
/* line 670, app/library/styles/less/tipped.less */
.tpd-skin-blue .tpd-background-shadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
/* line 671, app/library/styles/less/tipped.less */
.tpd-skin-blue .tpd-spinner-spin {
  border-color: rgba(255, 255, 255, 0.2);
  border-left-color: #fff;
}
/* line 675, app/library/styles/less/tipped.less */
.tpd-skin-blue a {
  color: #ddd;
}
/* line 676, app/library/styles/less/tipped.less */
.tpd-skin-blue a:hover {
  color: #c6c6c6;
}
/* lightyellow */
/* line 680, app/library/styles/less/tipped.less */
.tpd-skin-lightyellow .tpd-content,
.tpd-skin-lightyellow .tpd-title,
.tpd-skin-lightyellow .tpd-close {
  color: #333;
}
/* line 683, app/library/styles/less/tipped.less */
.tpd-skin-lightyellow .tpd-background-content {
  background-color: #ffffa9;
}
/* line 684, app/library/styles/less/tipped.less */
.tpd-skin-lightyellow .tpd-background {
  border-width: 1px;
  border-color: rgba(8, 8, 0, 0.35);
}
/* line 688, app/library/styles/less/tipped.less */
.tpd-skin-lightyellow .tpd-background-title {
  background-color: #ffffa9;
}
/* line 689, app/library/styles/less/tipped.less */
.tpd-skin-lightyellow .tpd-title-wrapper {
  border-bottom: 1px solid #a7a697;
}
/* line 690, app/library/styles/less/tipped.less */
.tpd-skin-lightyellow .tpd-background-shadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
/* line 691, app/library/styles/less/tipped.less */
.tpd-skin-lightyellow .tpd-spinner-spin {
  border-color: rgba(51, 51, 51, 0.2);
  border-left-color: #333;
}
/* line 695, app/library/styles/less/tipped.less */
.tpd-skin-lightyellow a {
  color: #777;
}
/* line 696, app/library/styles/less/tipped.less */
.tpd-skin-lightyellow a:hover {
  color: #868686;
}
/* lightblue */
/* line 700, app/library/styles/less/tipped.less */
.tpd-skin-lightblue .tpd-content,
.tpd-skin-lightblue .tpd-title,
.tpd-skin-lightblue .tpd-close {
  color: #333;
}
/* line 703, app/library/styles/less/tipped.less */
.tpd-skin-lightblue .tpd-background-content {
  background-color: #bce5ff;
}
/* line 704, app/library/styles/less/tipped.less */
.tpd-skin-lightblue .tpd-background {
  border-width: 1px;
  border-color: rgba(0, 0, 8, 0.35);
}
/* line 708, app/library/styles/less/tipped.less */
.tpd-skin-lightblue .tpd-background-title {
  background-color: #bce5ff;
}
/* line 709, app/library/styles/less/tipped.less */
.tpd-skin-lightblue .tpd-title-wrapper {
  border-bottom: 1px solid #909b9f;
}
/* line 710, app/library/styles/less/tipped.less */
.tpd-skin-lightblue .tpd-background-shadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
/* line 711, app/library/styles/less/tipped.less */
.tpd-skin-lightblue .tpd-spinner-spin {
  border-color: rgba(51, 51, 51, 0.2);
  border-left-color: #333;
}
/* line 715, app/library/styles/less/tipped.less */
.tpd-skin-lightblue a {
  color: #777;
}
/* line 716, app/library/styles/less/tipped.less */
.tpd-skin-lightblue a:hover {
  color: #868686;
}
/* lightpink */
/* line 720, app/library/styles/less/tipped.less */
.tpd-skin-lightpink .tpd-content,
.tpd-skin-lightpink .tpd-title,
.tpd-skin-lightpink .tpd-close {
  color: #333;
}
/* line 723, app/library/styles/less/tipped.less */
.tpd-skin-lightpink .tpd-background-content {
  background-color: #ffc4bf;
}
/* line 724, app/library/styles/less/tipped.less */
.tpd-skin-lightpink .tpd-background {
  border-width: 1px;
  border-color: rgba(8, 0, 0, 0.35);
}
/* line 728, app/library/styles/less/tipped.less */
.tpd-skin-lightpink .tpd-background-title {
  background-color: #ffc4bf;
}
/* line 729, app/library/styles/less/tipped.less */
.tpd-skin-lightpink .tpd-title-wrapper {
  border-bottom: 1px solid #a08f8f;
}
/* line 730, app/library/styles/less/tipped.less */
.tpd-skin-lightpink .tpd-background-shadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
/* line 731, app/library/styles/less/tipped.less */
.tpd-skin-lightpink .tpd-spinner-spin {
  border-color: rgba(51, 51, 51, 0.2);
  border-left-color: #333;
}
/* line 735, app/library/styles/less/tipped.less */
.tpd-skin-lightpink a {
  color: #777;
}
/* line 736, app/library/styles/less/tipped.less */
.tpd-skin-lightpink a:hover {
  color: #868686;
}

/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/dt-1.10.20/b-1.6.1/fh-3.1.6
 *
 * Included libraries:
 *   DataTables 1.10.20, Buttons 1.6.1, FixedHeader 3.1.6
 */

table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}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,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url("DataTables-1.10.20/images/sort_both.png")}table.dataTable thead .sorting_asc{background-image:url("DataTables-1.10.20/images/sort_asc.png")}table.dataTable thead .sorting_desc{background-image:url("DataTables-1.10.20/images/sort_desc.png")}table.dataTable thead .sorting_asc_disabled{background-image:url("DataTables-1.10.20/images/sort_asc_disabled.png")}table.dataTable thead .sorting_desc_disabled{background-image:url("DataTables-1.10.20/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.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{box-sizing:content-box}.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%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.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));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.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));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);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>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>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.dataTable,.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}}


@keyframes dtb-spinner{100%{transform:rotate(360deg)}}@-o-keyframes dtb-spinner{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes dtb-spinner{100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dtb-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes dtb-spinner{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}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}div.dt-button-collection-title{text-align:center;padding:0.3em 0 0.5em;font-size:0.9em}div.dt-button-collection-title:empty{display:none}button.dt-button,div.dt-button,a.dt-button{position:relative;display:inline-block;box-sizing:border-box;margin-right:0.333em;margin-bottom:0.333em;padding:0.5em 1em;border:1px solid #999;border-radius:2px;cursor:pointer;font-size:0.88em;line-height:1.6em;color:black;white-space:nowrap;overflow:hidden;background-color:#e9e9e9;background-image:-webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%);background-image:-moz-linear-gradient(top, #fff 0%, #e9e9e9 100%);background-image:-ms-linear-gradient(top, #fff 0%, #e9e9e9 100%);background-image:-o-linear-gradient(top, #fff 0%, #e9e9e9 100%);background-image:linear-gradient(to bottom, #fff 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;outline:none;text-overflow:ellipsis}button.dt-button.disabled,div.dt-button.disabled,a.dt-button.disabled{color:#999;border:1px solid #d0d0d0;cursor:default;background-color:#f9f9f9;background-image:-webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);background-image:-moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);background-image:-ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);background-image:-o-linear-gradient(top, #fff 0%, #f9f9f9 100%);background-image:linear-gradient(to bottom, #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;background-image:-webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:-moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:-ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:-o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#e2e2e2');box-shadow:inset 1px 1px 3px #999999}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 #999999;background-color:#cccccc;background-image:-webkit-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:-moz-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:-ms-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:-o-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:linear-gradient(to bottom, #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;background-image:-webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:-moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:-ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:-o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:linear-gradient(to bottom, #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;outline:none;background-color:#79ace9;background-image:-webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:-moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:-ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:-o-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:linear-gradient(to bottom, #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 #ccc;border:1px solid rgba(0,0,0,0.4);background-color:white;overflow:hidden;z-index:2002;border-radius:5px;box-shadow:3px 3px 5px rgba(0,0,0,0.3);box-sizing:border-box}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;width:100%;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;background-image:-webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);background-image:-moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);background-image:-ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);background-image:-o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);background-image:linear-gradient(to bottom, #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%;margin-left:-75px;border-radius:0}div.dt-button-collection.fixed.two-column{margin-left:-200px}div.dt-button-collection.fixed.three-column{margin-left:-225px}div.dt-button-collection.fixed.four-column{margin-left:-300px}div.dt-button-collection>:last-child{display:block !important;-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}div.dt-button-collection>:last-child>*{-webkit-column-break-inside:avoid;break-inside:avoid}div.dt-button-collection.two-column{width:400px}div.dt-button-collection.two-column>:last-child{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}div.dt-button-collection.three-column>:last-child{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}div.dt-button-collection.four-column>:last-child{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-collection .dt-button{border-radius:0}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);background:-ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-moz-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-o-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);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)));background:-webkit-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);z-index:2001}@media screen and (max-width: 640px){div.dt-buttons{float:none !important;text-align:center}}button.dt-button.processing,div.dt-button.processing,a.dt-button.processing{color:rgba(0,0,0,0.2)}button.dt-button.processing:after,div.dt-button.processing:after,a.dt-button.processing:after{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;box-sizing:border-box;display:block;content:' ';border:2px solid #282828;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:dtb-spinner 1500ms infinite linear;-o-animation:dtb-spinner 1500ms infinite linear;-ms-animation:dtb-spinner 1500ms infinite linear;-webkit-animation:dtb-spinner 1500ms infinite linear;-moz-animation:dtb-spinner 1500ms infinite linear}


table.fixedHeader-floating{position:fixed !important;background-color:white}table.fixedHeader-floating.no-footer{border-bottom-width:0}table.fixedHeader-locked{position:absolute !important;background-color:white}@media print{table.fixedHeader-floating{display:none}}



/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */
/* line 5, app/library/styles/less/admin.less */
table.dataTable .hide-column {
  display: none;
}
/* line 9, app/library/styles/less/admin.less */
table.dataTable.log-statistics tbody tr td {
  text-align: right;
}
/* line 12, app/library/styles/less/admin.less */
table.dataTable.log-statistics tbody tr td .expired,
table.dataTable.log-statistics tbody tr td.expired {
  color: red;
}
/* line 17, app/library/styles/less/admin.less */
table.dataTable.log-statistics tbody tr td .expiring,
table.dataTable.log-statistics tbody tr td.expiring {
  color: orange;
}
/* line 22, app/library/styles/less/admin.less */
table.dataTable.log-statistics tbody tr td:first-child,
table.dataTable.log-statistics thead tr th:first-child {
  text-align: left;
}

/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */
/* line 3, app/library/styles/less/arabic.less */
.sura-name {
  text-align: center;
  font-size: 18px;
  font-family: Cabin, Arial, Helvetica, sans-serif;
}
/* line 9, app/library/styles/less/arabic.less */
.aya {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 23.8px;
  direction: rtl;
  line-height: 180%;
}
/* line 22, app/library/styles/less/arabic.less */
.ayaSmaller {
  font-size: 12pt !important;
}
/* line 26, app/library/styles/less/arabic.less */
.ayaMedium {
  font-size: 18.2px !important;
}
/* line 30, app/library/styles/less/arabic.less */
.transcriptionMedium {
  font-size: 12.6px !important;
}
/* line 34, app/library/styles/less/arabic.less */
.ayaTranscription {
  line-height: 160%;
}
/* line 38, app/library/styles/less/arabic.less */
.ayaTranscriptionRegular {
  font-size: 15.4px;
}
/* line 42, app/library/styles/less/arabic.less */
.ayaTranscriptionSmaller {
  font-size: 10pt;
}
/* line 46, app/library/styles/less/arabic.less */
.ayaTranslation {
  line-height: 150%;
}
/* line 50, app/library/styles/less/arabic.less */
.ayaNum {
  color: green;
  font-size: smaller;
}
/* line 55, app/library/styles/less/arabic.less */
.right-to-left {
  text-align: right;
  direction: rtl;
}
/* line 61, app/library/styles/less/arabic.less */
.sign {
  font-family: times new roman;
  font-size: 0.9em;
  color: #fb7600;
}
/* line 67, app/library/styles/less/arabic.less */
.footer {
  text-align: center;
  margin: 20px 0px;
  color: #222;
  font-family: Arial;
  background-color: #f4f4ff;
  border: 1px solid #ccd;
  padding: 3px;
  font: 12px Verdana;
}
/* line 78, app/library/styles/less/arabic.less */
.scribal-change-word-underline {
  border-bottom: 3px red dotted;
}
/* line 82, app/library/styles/less/arabic.less */
.formulaic-highlight {
  color: blue;
}
/* line 87, app/library/styles/less/arabic.less */
.word-correction-list-arabic {
  font-size: 18pt;
}
/* line 92, app/library/styles/less/arabic.less */
.selected-dictionary-letter {
  color: #689862;
  font-weight: bold;
  padding-bottom: 2px;
  border-bottom: 2px #689862 solid;
}
/* line 100, app/library/styles/less/arabic.less */
.transliteration_formatting_preference {
  font-style: italic;
}

/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */
/* line 3, app/library/styles/less/auth.less */
.localhost-password-reset {
  background-color: #689862;
  margin: 0.5em;
  padding: 0.5em;
  border: 1px solid #2e1f07;
  box-shadow: 0.5em 0.25em 0.25em #e6e1dc;
}
/* line 11, app/library/styles/less/auth.less */
#next-steps {
  display: flex;
  justify-content: center;
}
/* line 14, app/library/styles/less/auth.less */
#next-steps .step {
  margin: 0.5em;
}
/* line 19, app/library/styles/less/auth.less */
#reset-password-link {
  position: relative;
  top: -40px;
  right: -103px;
  text-decoration: none;
  color: rgba(0, 0, 255, 0.62);
}

/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */
/* line 4, app/library/styles/less/browser.less */
.interlinear-wordbox {
  border-style: dotted;
  border-width: 1px;
  border-color: #E0E0E0;
  height: 172px;
  top: 0;
  padding: 2px;
  margin: 1px;
  padding-top: 4px;
  display: inline-block;
  font-size: 21px;
  text-align: center;
  font-style: normal;
  direction: ltr;
  line-height: 130%;
}
/* line 25, app/library/styles/less/browser.less */
.interlinear-wordbox:hover {
  background-color: #f5f5dd;
}
/* line 30, app/library/styles/less/browser.less */
.interlinear-wordbox-qinitials {
  height: auto;
}
/* line 35, app/library/styles/less/browser.less */
.interlinear-text {
  font-size: 14px;
}
/* line 38, app/library/styles/less/browser.less */
.interlinear-text .morphology {
  font-size: 11.2px;
  color: #689862;
}
/* line 45, app/library/styles/less/browser.less */
.interlinear-morphology {
  color: #689862;
}
/* line 50, app/library/styles/less/browser.less */
.interlinear-tag-area {
  clear: both;
  float: right;
  font-size: 14px;
  line-height: 150%;
}
/* line 57, app/library/styles/less/browser.less */
.tag-area-no-transliteration {
  float: right;
}
/* line 61, app/library/styles/less/browser.less */
.table-cell-interlinear-mode {
  width: 100%;
}
/* line 65, app/library/styles/less/browser.less */
.interlinear-chrome-fix {
  text-align: right;
}

/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */
/* line 5, app/library/styles/less/charts.less */
.mini-mode .expander {
  float: right;
}
/* line 8, app/library/styles/less/charts.less */
.mini-mode .page-header {
  background-color: white;
  margin: 0px;
}
/* line 11, app/library/styles/less/charts.less */
.mini-mode .page-header h2 {
  padding: 0px;
}
/* line 17, app/library/styles/less/charts.less */
.normal-mode {
  min-width: 98vw;
}
/* line 21, app/library/styles/less/charts.less */
.table-controls,
.chart-controls {
  font-size: 15.4px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
/* line 28, app/library/styles/less/charts.less */
.table-controls a,
.chart-controls a {
  padding: 8px;
  margin: 2px;
  background-color: #e6e1dc;
  color: #2e1f07;
  border-radius: 5px;
}
/* line 35, app/library/styles/less/charts.less */
.table-controls a:visited,
.chart-controls a:visited {
  color: black;
}
/* line 38, app/library/styles/less/charts.less */
.table-controls a.selected,
.chart-controls a.selected {
  /* background-color: #4c604c; // this is one of the greens from the re-skin */
  background-color: #689862;
  color: #fafcfa;
}
/* line 45, app/library/styles/less/charts.less */
.table-controls .flex-breaker,
.chart-controls .flex-breaker {
  width: 100%;
}
/* line 50, app/library/styles/less/charts.less */
.table-control,
.chart-control {
  margin: 12px 12px;
}
/* line 55, app/library/styles/less/charts.less */
.provenance-legend {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  font-size: small;
  /* next line is a hack to align the legend with the scale on the chart for a desktop. Doesn't work for mobile */
  margin-left: 40px;
  /* next line will be superceded in re-skin */
  font-family: Arial, Helvetica, sans-serif;
}
/* line 66, app/library/styles/less/charts.less */
.provenance-legend .meccan {
  /* next line will probably change with the re-skin */
  color: #6060ff;
}
/* line 71, app/library/styles/less/charts.less */
.provenance-legend .medinan {
  /* next line will probably change with the re-skin */
  color: #ff9090;
}
/* line 76, app/library/styles/less/charts.less */
.provenance-legend .pre-transitional {
  /* next line will probably change with the re-skin */
  color: #008e00;
}
/* line 81, app/library/styles/less/charts.less */
.provenance-legend .post-transitional {
  /* next line will probably change with the re-skin */
  color: #ff0000;
}
/* line 86, app/library/styles/less/charts.less */
.provenance-legend .mixed-transitional {
  /* next line will probably change with the re-skin */
  color: #0000ff;
}
/* line 91, app/library/styles/less/charts.less */
.provenance-legend .provenance_mini {
  /* makes the provenance legend smaller in mini mode */
  font-size: smaller !important;
}
/* line 100, app/library/styles/less/charts.less */
.chart-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
/* line 112, app/library/styles/less/charts.less */
.formulaic-pick-table {
  border: 1px solid black;
  border-radius: 5px;
  padding: 8px;
  display: table;
  background-color: #e6e1dc;
}
@media print {
  /* line 121, app/library/styles/less/charts.less */
  .chart-controls {
    display: none;
  }
  /* line 125, app/library/styles/less/charts.less */
  .chart-control {
    border: 1px solid #2e1f07;
    border-radius: 5px;
    padding: 0.5em;
  }
  /* line 131, app/library/styles/less/charts.less */
  .chart-control .label:after {
    content: ":";
  }
  /* line 135, app/library/styles/less/charts.less */
  .table-controls a,
  .chart-controls a {
    background: none;
  }
  /* line 140, app/library/styles/less/charts.less */
  .table-controls a.selected,
  .chart-controls a.selected {
    font-weight: bold;
    color: black;
    background: none;
  }
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
/* line 5, app/library/styles/less/colorbox.less */
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
/* line 6, app/library/styles/less/colorbox.less */
#cboxWrapper {
  max-width: none;
}
/* line 7, app/library/styles/less/colorbox.less */
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
/* line 8, app/library/styles/less/colorbox.less */
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
/* line 9, app/library/styles/less/colorbox.less */
#cboxContent {
  position: relative;
}
/* line 10, app/library/styles/less/colorbox.less */
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
/* line 11, app/library/styles/less/colorbox.less */
#cboxTitle {
  margin: 0;
}
/* line 12, app/library/styles/less/colorbox.less */
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 13, app/library/styles/less/colorbox.less */
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
/* line 14, app/library/styles/less/colorbox.less */
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
/* line 15, app/library/styles/less/colorbox.less */
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
/* line 16, app/library/styles/less/colorbox.less */
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style: 
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/* line 23, app/library/styles/less/colorbox.less */
#cboxOverlay {
  background: url(/images/overlay.png) repeat 0 0;
  opacity: 0.9;
  filter: alpha(opacity = 90);
}
/* line 24, app/library/styles/less/colorbox.less */
#colorbox {
  outline: 0;
}
/* line 25, app/library/styles/less/colorbox.less */
#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(/images/controls.png) no-repeat -101px 0;
}
/* line 26, app/library/styles/less/colorbox.less */
#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(/images/controls.png) no-repeat -130px 0;
}
/* line 27, app/library/styles/less/colorbox.less */
#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(/images/controls.png) no-repeat -101px -29px;
}
/* line 28, app/library/styles/less/colorbox.less */
#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(/images/controls.png) no-repeat -130px -29px;
}
/* line 29, app/library/styles/less/colorbox.less */
#cboxMiddleLeft {
  width: 21px;
  background: url(/images/controls.png) left top repeat-y;
}
/* line 30, app/library/styles/less/colorbox.less */
#cboxMiddleRight {
  width: 21px;
  background: url(/images/controls.png) right top repeat-y;
}
/* line 31, app/library/styles/less/colorbox.less */
#cboxTopCenter {
  height: 21px;
  background: url(/images/border.png) 0 0 repeat-x;
}
/* line 32, app/library/styles/less/colorbox.less */
#cboxBottomCenter {
  height: 21px;
  background: url(/images/border.png) 0 -29px repeat-x;
}
/* line 33, app/library/styles/less/colorbox.less */
#cboxContent {
  background: #fff;
  overflow: hidden;
}
/* line 34, app/library/styles/less/colorbox.less */
.cboxIframe {
  background: #fff;
}
/* line 35, app/library/styles/less/colorbox.less */
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
/* line 36, app/library/styles/less/colorbox.less */
#cboxLoadedContent {
  margin-bottom: 28px;
}
/* line 37, app/library/styles/less/colorbox.less */
#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}
/* line 38, app/library/styles/less/colorbox.less */
#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}
/* line 39, app/library/styles/less/colorbox.less */
#cboxLoadingOverlay {
  background: url(/images/loading_background.png) no-repeat center center;
}
/* line 40, app/library/styles/less/colorbox.less */
#cboxLoadingGraphic {
  background: url(/images/loading.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
/* line 43, app/library/styles/less/colorbox.less */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
/* line 46, app/library/styles/less/colorbox.less */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
/* line 48, app/library/styles/less/colorbox.less */
#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}
/* line 49, app/library/styles/less/colorbox.less */
#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(/images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
/* line 50, app/library/styles/less/colorbox.less */
#cboxPrevious:hover {
  background-position: -75px -25px;
}
/* line 51, app/library/styles/less/colorbox.less */
#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(/images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
/* line 52, app/library/styles/less/colorbox.less */
#cboxNext:hover {
  background-position: -50px -25px;
}
/* line 53, app/library/styles/less/colorbox.less */
#cboxClose {
  position: absolute;
  top: 0;
  left: 0;
  background: url(/images/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
/* line 54, app/library/styles/less/colorbox.less */
#cboxClose:hover {
  background-position: -25px -25px;
}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
/* line 61, app/library/styles/less/colorbox.less */
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, FF, endColorstr=#00FFFFFF, FF);
}

/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */
/* line 3, app/library/styles/less/common.less */
body,
button,
select,
input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
/* line 11, app/library/styles/less/common.less */
button {
  font-size: 15.4px;
  margin-left: 0.25em;
  margin-right: 0.25em;
  padding: 0.5em;
}
/* line 19, app/library/styles/less/common.less */
form {
  margin-bottom: 1em;
}
/* line 23, app/library/styles/less/common.less */
.page-header {
  padding: 0.5em;
}
/* line 28, app/library/styles/less/common.less */
.page-header h2 {
  font-family: Cabin, Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0px;
  padding: 0.5em 0px;
}
/* line 34, app/library/styles/less/common.less */
.page-header h3 {
  font-family: Cabin, Arial, Helvetica, sans-serif;
  text-align: center;
  margin-top: 0px;
}
/* line 39, app/library/styles/less/common.less */
.page-header a {
  text-decoration: none;
}
/* line 44, app/library/styles/less/common.less */
.page-controls {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
/* line 49, app/library/styles/less/common.less */
.page-controls a {
  padding: 8px;
  margin: 2px;
  background-color: #e6e1dc;
  color: black;
  border-radius: 5px;
}
/* line 56, app/library/styles/less/common.less */
.page-controls a:visited {
  color: black;
}
/* line 59, app/library/styles/less/common.less */
.page-controls a.selected {
  background-color: #689862;
  font-weight: bold;
}
/* line 63, app/library/styles/less/common.less */
.page-controls .flex-breaker {
  width: 100%;
}
/* line 68, app/library/styles/less/common.less */
.page-control {
  margin: 12px 12px;
}
/* line 72, app/library/styles/less/common.less */
.qt-icon {
  width: 16px;
  height: 16px;
  margin: 1px;
}
/* line 78, app/library/styles/less/common.less */
.small-margin-bottom-message {
  margin-top: 0.5em;
  margin-bottom: -0.5em;
}
/* line 84, app/library/styles/less/common.less */
.qt-big-logo-header {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  height: 120px;
  width: 120px;
  display: block;
}
/* line 94, app/library/styles/less/common.less */
.qt-mini-logo {
  height: 23px;
  width: 24px;
}
/* line 100, app/library/styles/less/common.less */
.page-title-text {
  font-family: Cabin, Arial, Helvetica, sans-serif;
  margin: 15px 0px 15px;
  text-align: center;
}
/* line 107, app/library/styles/less/common.less */
.override-cabin-font-for-subtitles-with-transcription {
  font-family: sans-serif;
}
/* line 112, app/library/styles/less/common.less */
.button-block-with-spacing {
  margin-bottom: 0.25em;
}
/* line 118, app/library/styles/less/common.less */
.pill-button {
  border: 2px solid #000090;
  border-radius: 15px;
  padding: 0px 0.5em !important;
  text-align: center;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #000090;
  color: white;
}
/* line 130, app/library/styles/less/common.less */
.pill-tag {
  border: 2px solid #900000;
  border-radius: 15px;
  padding: 2px 0.5em;
  text-align: center;
  background-color: #900000;
  color: white;
  display: inline-block;
  margin-bottom: 4px;
  border: 0.5px solid #606060;
}
/* line 142, app/library/styles/less/common.less */
a.nodec {
  text-decoration: none;
  color: #2e1f07;
}
/* line 148, app/library/styles/less/common.less */
a.linky-parsed-word {
  text-decoration: none;
  color: #689862;
}
/* line 151, app/library/styles/less/common.less */
a.linky-parsed-word:hover {
  color: blue;
}
/* line 157, app/library/styles/less/common.less */
a.linky-dark {
  text-decoration: none;
  color: white;
}
/* line 160, app/library/styles/less/common.less */
a.linky-dark:hover {
  color: #4c604c;
}
/* line 165, app/library/styles/less/common.less */
a.linky-light {
  text-decoration: none;
  color: #689862;
}
/* line 168, app/library/styles/less/common.less */
a.linky-light:hover {
  color: #4c604c;
}
/* line 176, app/library/styles/less/common.less */
.linky-hover:hover {
  color: #689862;
  cursor: hand;
}
/* line 182, app/library/styles/less/common.less */
.linky-green {
  color: #4c604c;
  text-decoration: none;
}
/* line 185, app/library/styles/less/common.less */
.linky-green:hover {
  color: #689862;
  cursor: hand;
}
/* line 192, app/library/styles/less/common.less */
.linky-olive {
  color: black;
  text-decoration: none;
}
/* line 195, app/library/styles/less/common.less */
.linky-olive:hover {
  color: #e6e1dc;
  cursor: hand;
}
/* line 202, app/library/styles/less/common.less */
.linky {
  color: black;
  text-decoration: none;
}
/* line 176, app/library/styles/less/common.less */
.linky:hover {
  color: #689862;
  cursor: hand;
}
/* line 209, app/library/styles/less/common.less */
a.linky {
  color: black;
  text-decoration: none;
}
/* line 176, app/library/styles/less/common.less */
a.linky:hover {
  color: #689862;
  cursor: hand;
}
/* line 213, app/library/styles/less/common.less */
a.linky-no-hover {
  text-decoration: none;
  color: #2e1f07;
}
/* line 220, app/library/styles/less/common.less */
#verse-picker-container #sura-picker-container {
  width: 100%;
}
/* line 222, app/library/styles/less/common.less */
#verse-picker-container #sura-picker-container table {
  margin-top: -0.5em;
  width: 100%;
}
/* line 225, app/library/styles/less/common.less */
#verse-picker-container #sura-picker-container table .sura-picker-number {
  padding: 0.35em;
  text-align: center;
}
/* line 176, app/library/styles/less/common.less */
#verse-picker-container #sura-picker-container table .sura-picker-number:hover {
  color: #689862;
  cursor: hand;
}
/* line 230, app/library/styles/less/common.less */
#verse-picker-container #sura-picker-container table .sura-picker-number.selected {
  background-color: #e6e1dc;
}
/* line 235, app/library/styles/less/common.less */
#verse-picker-container #aya-picker-container {
  display: none;
  margin: -1em;
  margin-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: #442e0a;
}
/* line 241, app/library/styles/less/common.less */
#verse-picker-container #aya-picker-container table {
  width: 100%;
  border-collapse: collapse;
}
/* line 244, app/library/styles/less/common.less */
#verse-picker-container #aya-picker-container table .aya-picker-number {
  text-align: center;
  text-decoration: none;
  color: white;
}
/* line 176, app/library/styles/less/common.less */
#verse-picker-container #aya-picker-container table .aya-picker-number:hover {
  color: #689862;
  cursor: hand;
}
/* line 250, app/library/styles/less/common.less */
#verse-picker-container #aya-picker-container table td {
  padding: 0.25em;
  border: 1px;
}
/* line 253, app/library/styles/less/common.less */
#verse-picker-container #aya-picker-container table td .tpd-title {
  color: #fafcfa;
  padding-top: 5px;
  padding-bottom: 5px;
}
/* line 265, app/library/styles/less/common.less */
.page-content {
  text-align: center;
  margin: auto;
}
/* line 269, app/library/styles/less/common.less */
#_404 .page-content {
  max-width: 600px;
}
/* line 273, app/library/styles/less/common.less */
#customer-statistics .page-content {
  max-width: 1100px;
}
/* line 277, app/library/styles/less/common.less */
.about .page-content {
  max-width: 1000px;
  line-height: 150%;
}
/* line 282, app/library/styles/less/common.less */
#about-history .page-content {
  text-align: left;
}
/* line 286, app/library/styles/less/common.less */
#cookie-policy .page-content,
#home .page-content {
  max-width: 900px;
}
/* line 295, app/library/styles/less/common.less */
#verses #verse-picker-container {
  max-width: 1000px;
  border: 1px #2e1f07 solid;
  padding: 0.5em;
}
/* line 299, app/library/styles/less/common.less */
#verses #verse-picker-container #aya-picker-container {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
/* line 307, app/library/styles/less/common.less */
#scrollTopFloatingButton {
  /* Hidden by default */
  display: none;
  position: fixed;
  bottom: 47px;
  right: 12px;
  /* Make sure it does not overlap */
  z-index: 99;
  border: none;
  outline: none;
  background-color: #689862;
  color: #e6e1dc;
  cursor: pointer;
  padding: 0.5em;
  border-radius: 10px;
  font-size: 15.4px;
  opacity: 0.95;
}
/* line 324, app/library/styles/less/common.less */
#scrollTopFloatingButton:hover {
  background-color: #4c604c;
}
/* line 330, app/library/styles/less/common.less */
#pageNavigatorFloatingButton {
  position: fixed;
  right: 15px;
  bottom: 10px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #689862;
  color: #e6e1dc;
  padding: 0.5em;
  border-radius: 10px;
  font-size: 15.4px;
  opacity: 0.95;
}
/* line 343, app/library/styles/less/common.less */
#pageNavigatorFloatingButton:hover {
  background-color: #4c604c;
}
/* line 348, app/library/styles/less/common.less */
#pageNavigatorFixed {
  text-align: center;
  font-size: 15.4px;
  color: #2e1f07;
}
/* line 352, app/library/styles/less/common.less */
#pageNavigatorFixed a:link {
  color: #689862;
}
/* line 355, app/library/styles/less/common.less */
#pageNavigatorFixed a:visited {
  color: #689862;
}
/* line 358, app/library/styles/less/common.less */
#pageNavigatorFixed a:hover {
  color: #4c604c;
}
/* line 364, app/library/styles/less/common.less */
.search-form {
  margin: auto;
  max-width: 900px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  padding: 1em;
}
/* line 374, app/library/styles/less/common.less */
#floating-message {
  display: none;
  position: fixed;
  left: 50%;
  width: 30%;
  margin-left: -15%;
  top: 50%;
  height: 20px;
  /*set to a negative number 1/2 of your height*/
  margin-top: -10px;
  /* Make sure it does not overlap */
  z-index: 99;
  border: none;
  outline: none;
  background-color: #689862;
  color: #e6e1dc;
  cursor: pointer;
  padding: 1em;
  border-radius: 10px;
  font-size: 15.4px;
  opacity: 0.95;
}
/* line 397, app/library/styles/less/common.less */
.floating-message-higher {
  margin-top: -50px !important;
}
/* line 401, app/library/styles/less/common.less */
.chapter-heading {
  font-weight: bold;
  font-size: larger;
}
/* line 406, app/library/styles/less/common.less */
.message {
  font-weight: bold;
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
/* line 414, app/library/styles/less/common.less */
.message-warning {
  color: red;
}
/* line 418, app/library/styles/less/common.less */
.message-success {
  color: #689862;
}
/* line 422, app/library/styles/less/common.less */
.message-at-top-of-interest-page-after-action {
  margin-top: 1em;
  margin-bottom: 1em;
}
/* line 427, app/library/styles/less/common.less */
.message-at-top-of-interest-page-after-action-less-padding {
  margin-top: 0.25em;
  margin-bottom: 1em;
}
/* line 432, app/library/styles/less/common.less */
.message-at-top-of-search-browse-page-after-action {
  margin-top: 0.5em;
  margin-bottom: -0.75em;
}
/* line 437, app/library/styles/less/common.less */
.top-padding-only {
  margin-top: 0.5em;
}
/* line 441, app/library/styles/less/common.less */
.smaller_text_for_mini_dialogs {
  font-size: 10.5px;
}
/* line 445, app/library/styles/less/common.less */
.hidden {
  display: none;
}
/* line 449, app/library/styles/less/common.less */
.verseTools {
  display: none;
  white-space: nowrap;
}
/* line 454, app/library/styles/less/common.less */
.toggle-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
/* line 458, app/library/styles/less/common.less */
.toggle-button button {
  margin: 0px;
  border: 1px solid #689862;
  font-size: larger;
  padding: 1em;
}
/* line 464, app/library/styles/less/common.less */
.toggle-button button.not-selected,
.toggle-button button.not-selected:focus,
.toggle-button button.not-selected:active,
.toggle-button button.not-selected:hover {
  color: black;
  background-color: #e6e1dc;
}
/* line 472, app/library/styles/less/common.less */
.toggle-button button.selected,
.toggle-button button.selected:active,
.toggle-button button.selected:focus,
.toggle-button button.selected:hover {
  color: white;
  background-color: #689862;
  font-weight: bold;
}
/* line 480, app/library/styles/less/common.less */
.toggle-button button:nth-child(1) {
  border-top-left-radius: 5pt;
  border-bottom-left-radius: 5pt;
}
/* line 484, app/library/styles/less/common.less */
.toggle-button button:nth-last-child(1) {
  border-top-right-radius: 5pt;
  border-bottom-right-radius: 5pt;
}
/* line 494, app/library/styles/less/common.less */
.float-right {
  float: right;
}
/* line 498, app/library/styles/less/common.less */
.source-document-text {
  max-width: 1000px;
  text-align: justify;
  line-height: 200%;
}
/* line 506, app/library/styles/less/common.less */
.green-text {
  color: #689862;
}
/* line 510, app/library/styles/less/common.less */
.gray-text {
  color: gray;
}
/* footer and other non-menu settings (inc body tags and flex settings) */
/* line 516, app/library/styles/less/common.less */
.qt-site {
  display: flex;
  flex-direction: column;
  margin: 0px 20px 0px 20px;
  min-height: 100vh;
}
/* line 524, app/library/styles/less/common.less */
.qt-site-content,
.qt-site-footer {
  text-align: center;
  margin: auto;
}
/* line 530, app/library/styles/less/common.less */
.qt-site-content {
  flex: 1;
}
/* line 534, app/library/styles/less/common.less */
.qt-site-footer {
  width: 100%;
}
/* line 538, app/library/styles/less/common.less */
.footer-content-holder {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 50px;
  background: #2e1f07;
  color: #e0e0e0;
  text-align: center;
  font-size: 80%;
  font-family: Arial, Helvetica, sans-serif;
}
/* line 549, app/library/styles/less/common.less */
.footer-content-holder a {
  color: white;
}
/* line 554, app/library/styles/less/common.less */
.footer-icons {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.1em;
}
/* line 563, app/library/styles/less/common.less */
.print {
  display: none;
}
/* line 567, app/library/styles/less/common.less */
.loading {
  display: none;
  background: url('/images/loading_big.gif');
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -150px;
  width: 300px;
  height: 300px;
  background-repeat: no-repeat;
}
/* line 580, app/library/styles/less/common.less */
.element-spinner {
  background: url(/images/loading_big.gif);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
}
@media print {
  /* line 590, app/library/styles/less/common.less */
  .footer-icons .qt-mini-logo {
    display: none;
  }
  /* line 593, app/library/styles/less/common.less */
  .footer-icons .qt-mini-logo.print {
    display: inherit;
  }
  /* line 596, app/library/styles/less/common.less */
  .print-control {
    display: none;
  }
  /* line 600, app/library/styles/less/common.less */
  .footer-content-holder {
    background: none;
  }
  /* line 602, app/library/styles/less/common.less */
  .footer-content-holder a {
    color: #4c604c;
    font-size: large;
  }
}
/* line 609, app/library/styles/less/common.less */
#popup-verse-browser {
  overflow-y: scroll;
  width: 900px;
  max-height: 250px;
}
/* line 613, app/library/styles/less/common.less */
#popup-verse-browser > * {
  text-align: center;
}

/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */
/* line 2, app/library/styles/less/dialogue_boxes.less */
.dialog-box {
  background-color: white;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  z-index: 1;
  display: none;
  margin: auto auto;
  left: 0;
  right: 0;
  position: absolute;
  padding: 8px;
  text-align: center;
  width: 500px;
}
/* line 17, app/library/styles/less/dialogue_boxes.less */
.dialog-box h3 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-family: Cabin, Arial, Helvetica, sans-serif;
  font-size: 16.8px;
}
/* line 23, app/library/styles/less/dialogue_boxes.less */
.dialog-box button {
  margin: 4px;
  padding: 4px;
}
/* line 27, app/library/styles/less/dialogue_boxes.less */
.dialog-box .form {
  padding: 1.5em 3em;
  margin: 1.5em;
  max-width: unset;
}
/* line 35, app/library/styles/less/dialogue_boxes.less */
#PASSWORD_PANEL,
#RESET_PASSWORD_PANEL,
#BLOCK_USER_PANEL,
#DELETE_USER_PANEL {
  display: block;
}
/* line 42, app/library/styles/less/dialogue_boxes.less */
#update-user-dialog {
  display: block;
}
/* line 46, app/library/styles/less/dialogue_boxes.less */
#FORMULAIC_PANEL {
  background-color: #e0e0e0;
  margin-left: 0px;
  width: 410px;
}
/* line 52, app/library/styles/less/dialogue_boxes.less */
#ANALYTICS_PANEL {
  background-color: #e0e0e0;
  width: 270px;
  position: absolute;
  margin-right: 0px;
}
/* line 59, app/library/styles/less/dialogue_boxes.less */
#TAGS_PANEL {
  background-color: #e0e0e0;
  width: 270px;
  position: absolute;
  margin-right: 50px;
}
/* line 66, app/library/styles/less/dialogue_boxes.less */
.analytics-button {
  width: 267px;
  font-size: 12px;
  margin: 4px;
}
/* line 72, app/library/styles/less/dialogue_boxes.less */
.tag-popup-panel {
  overflow: auto;
  max-height: 200px;
  width: 270px;
  border: 1px solid black;
  margin-top: 10px;
  margin-bottom: 5px;
}
/* line 81, app/library/styles/less/dialogue_boxes.less */
.user-detail-pane-table-header {
  width: 880px;
  border: 1px solid black;
}
/* line 86, app/library/styles/less/dialogue_boxes.less */
.user-detail-pane-table-content {
  overflow: auto;
  max-height: 600px;
  width: 880px;
  border: 1px solid black;
  margin-bottom: 5px;
}

/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */
/* line 4, app/library/styles/less/flash.less */
#flash {
  border: 1px solid black;
  margin: 1em 0;
}
/* line 8, app/library/styles/less/flash.less */
#flash.alert {
  background-color: orange;
}
/* line 12, app/library/styles/less/flash.less */
#flash.notice {
  background-color: #689862;
}
/* line 16, app/library/styles/less/flash.less */
#flash p {
  margin: 0.5em;
}
/* line 20, app/library/styles/less/flash.less */
#flash .close-button {
  margin-right: 0.3em;
  float: right;
  cursor: pointer;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 21, 2018 */
@font-face {
  font-family: 'cabin';
  src: url('/assets/fonts/cabin-bold-webfont.woff2') format('woff2'), url('/assets/fonts/cabin-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'cabin';
  src: url('/assets/fonts/cabin-regular-webfont.woff2') format('woff2'), url('/assets/fonts/cabin-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'cabin';
  src: url('/assets/fonts/cabin-italic-webfont.woff2') format('woff2'), url('/assets/fonts/cabin-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */
/* line 3, app/library/styles/less/home.less */
#home-content {
  width: 640px;
  border: 0px solid #000000;
  line-height: 120%;
}
/* line 7, app/library/styles/less/home.less */
#home-content .mainLogo {
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
  text-align: center;
}
/* line 13, app/library/styles/less/home.less */
#home-content #search-controls {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
}
/* line 17, app/library/styles/less/home.less */
#home-content #search-controls #left-side-controls,
#home-content #search-controls #right-side-controls {
  display: flex;
  flex-direction: column;
}
/* line 22, app/library/styles/less/home.less */
#home-content #search-controls #left-side-controls {
  margin-right: 0.5em;
  flex-grow: 1;
}
/* line 28, app/library/styles/less/home.less */
#home-content form button,
#home-content form input {
  font-size: 17.4px;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
/* line 34, app/library/styles/less/home.less */
#home-content form a#ok-button {
  color: black;
  text-decoration: none;
  font-size: 17.4px;
  background-image: url("/images/qt-mini-logo.png");
  background-size: 1.5em;
  background-position: 0.5em;
  background-repeat: no-repeat;
  padding: 0.5em;
  line-height: 1.5em;
  color: white;
  padding-left: 2.5em;
  background-color: #4c604c;
  margin-bottom: 0.5em;
}
/* line 176, app/library/styles/less/common.less */
#home-content form a#ok-button:hover {
  color: #689862;
  cursor: hand;
}
/* line 49, app/library/styles/less/home.less */
#home-content #drop-down-controls,
#home-content #easy-search {
  display: inline;
  font-size: smaller;
  text-align: left;
}
/* line 54, app/library/styles/less/home.less */
#home-content #drop-down-controls a,
#home-content #easy-search a {
  margin-right: 1em;
}
/* line 58, app/library/styles/less/home.less */
#home-content #info-area {
  display: flex;
  flex-direction: row;
}
/* line 61, app/library/styles/less/home.less */
#home-content #info-area #tipped-expander {
  width: 0px;
}
/* line 64, app/library/styles/less/home.less */
#home-content #info-area #quick-tips {
  border: 1px solid #2e1f07;
  display: none;
  background-color: #fafcfa;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  margin: 40px;
  margin-top: 80px;
}
/* line 71, app/library/styles/less/home.less */
#home-content #info-area #quick-tips div {
  padding: 0.5em;
}
/* line 74, app/library/styles/less/home.less */
#home-content #info-area #quick-tips .header {
  text-align: center;
  font-weight: bold;
  font-size: larger;
  background-color: #e6e1dc;
  margin-bottom: 0px;
}
/* line 80, app/library/styles/less/home.less */
#home-content #info-area #quick-tips .header .hide-quick-tips {
  float: right;
  color: black;
}
/* line 85, app/library/styles/less/home.less */
#home-content #info-area #quick-tips .content {
  display: flex;
  flex-direction: column;
  padding: 0px;
  text-align: left;
  min-height: 100px;
  min-width: 560px;
}
/* line 92, app/library/styles/less/home.less */
#home-content #info-area #quick-tips .content .example {
  margin-left: 20px;
  font-weight: bold;
}
/* line 95, app/library/styles/less/home.less */
#home-content #info-area #quick-tips .content .example a {
  color: black;
  text-decoration: none;
}
/* line 176, app/library/styles/less/common.less */
#home-content #info-area #quick-tips .content .example a:hover {
  color: #689862;
  cursor: hand;
}
/* line 100, app/library/styles/less/home.less */
#home-content #info-area #quick-tips .footer {
  border: 0px;
  background-color: transparent;
  font-size: 15.4px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0.5em;
  position: relative;
  text-align: left;
}
/* line 108, app/library/styles/less/home.less */
#home-content #info-area #quick-tips .footer .quick-tip-navigation {
  position: absolute;
  right: 0px;
  top: -4px;
}
/* line 112, app/library/styles/less/home.less */
#home-content #info-area #quick-tips .footer .quick-tip-navigation a.button {
  padding: 0.5em;
  margin: 2px;
  background-color: #e6e1dc;
  border-radius: 5px;
  color: black;
}
/* line 125, app/library/styles/less/home.less */
.tipped-container .tipped-scroller {
  border: 1px solid #2e1f07;
  overflow-y: scroll;
}
/* line 128, app/library/styles/less/home.less */
.tipped-container .tipped-scroller table {
  width: 100%;
  border: 0px;
  margin-bottom: 0.5em;
}
/* line 132, app/library/styles/less/home.less */
.tipped-container .tipped-scroller table td a.linky {
  font-size: small;
}
/* line 136, app/library/styles/less/home.less */
.tipped-container .tipped-scroller .delete {
  margin: 0.5em;
  font-weight: bold;
}
/* line 143, app/library/styles/less/home.less */
#bookmarks-container #bookmarks-scroller {
  min-width: 400px;
  height: 250px;
}
/* line 150, app/library/styles/less/home.less */
#history-container #history-scroller {
  min-width: 300px;
  height: 250px;
}
/* line 156, app/library/styles/less/home.less */
#search-commands-container {
  display: none;
  z-index: 100;
}
/* line 159, app/library/styles/less/home.less */
#search-commands-container #search-commands {
  display: flex;
  flex-direction: row;
}
/* line 162, app/library/styles/less/home.less */
#search-commands-container #search-commands .left {
  margin-right: 20px;
}
/* line 168, app/library/styles/less/home.less */
#tags-container {
  display: none;
  z-index: 100;
}
/* line 171, app/library/styles/less/home.less */
#tags-container #tags-scroller {
  min-width: 300px;
  height: 250px;
}
/* line 177, app/library/styles/less/home.less */
#roots-container {
  display: none;
}
/* line 179, app/library/styles/less/home.less */
#roots-container #roots-scroller {
  height: 300px;
}
/* line 181, app/library/styles/less/home.less */
#roots-container #roots-scroller .header {
  background-color: #e6e1dc;
  text-align: center;
}
/* line 184, app/library/styles/less/home.less */
#roots-container #roots-scroller .header td {
  padding: 0px;
}
/* line 186, app/library/styles/less/home.less */
#roots-container #roots-scroller .header td .title {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  font-size: larger;
  font-weight: bold;
}
/* line 194, app/library/styles/less/home.less */
#roots-container #roots-scroller td {
  padding: 0.25em;
}
/* line 196, app/library/styles/less/home.less */
#roots-container #roots-scroller td a.linky {
  font-size: small;
}
/* line 203, app/library/styles/less/home.less */
#keyboard-container {
  display: none;
}
/* line 205, app/library/styles/less/home.less */
#keyboard-container #flipper {
  text-align: right;
}
/* line 208, app/library/styles/less/home.less */
#keyboard-container #keyboard {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: center;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: larger;
}
/* line 217, app/library/styles/less/home.less */
#keyboard-container #keyboard .column {
  display: flex;
  flex-direction: column;
  border: solid #2e1f07;
  border-width: 1px 0px 1px 1px;
}
/* line 222, app/library/styles/less/home.less */
#keyboard-container #keyboard .column:last-child {
  border-right-width: 1px;
}
/* line 226, app/library/styles/less/home.less */
#keyboard-container #keyboard .column > * {
  border: solid #2e1f07;
  padding: 0.25em;
  border-width: 0px 0px 1px 0px;
  cursor: pointer;
  text-align: center;
}
/* line 233, app/library/styles/less/home.less */
#keyboard-container #keyboard .column > div:hover {
  color: #689862;
}
/* line 236, app/library/styles/less/home.less */
#keyboard-container #keyboard .column .arabic-letter {
  background-color: #e6e1dc;
}
/* line 239, app/library/styles/less/home.less */
#keyboard-container #keyboard .column .substitute-translit {
  background-color: #d1c7be;
}
/* line 243, app/library/styles/less/home.less */
#keyboard-container #keyboard .column .buckwalter-letter {
  border-width: 0px;
  background-color: #d1c7be;
}
/* line 252, app/library/styles/less/home.less */
#extra-characters {
  overflow-y: scroll;
  height: 250px;
}
/* line 255, app/library/styles/less/home.less */
#extra-characters > * {
  text-align: center;
}
/* line 258, app/library/styles/less/home.less */
#extra-characters .arabic-glyph {
  font-size: x-large;
}
/* line 263, app/library/styles/less/home.less */
.commandHelpTextHomePage {
  font-size: 15.4px;
  width: 600px;
}
/* line 268, app/library/styles/less/home.less */
#transcription-action-needed-dan {
  padding: 0.6em;
  text-align: center;
  font-weight: bold;
}
/* line 274, app/library/styles/less/home.less */
.message_block_home_page {
  margin: 0 auto;
  padding: 6px 9px;
  border: 1px solid #689862;
  background-color: #e6e1dc;
  width: 600px;
  line-height: 150%;
}

/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */
/* line 5, app/library/styles/less/login_box.less */
.form button.cancel-button,
#cancelButton,
.cancel-button {
  background: #bf3131;
}
/* line 12, app/library/styles/less/login_box.less */
.form button.cancel-button:hover,
#cancelButton:hover,
.cancel-button:hover {
  background: #6f3737;
}
/* line 18, app/library/styles/less/login_box.less */
#login-form {
  width: 410px;
}
/* line 21, app/library/styles/less/login_box.less */
#login-form .heading {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: initial;
  margin-bottom: 1em;
}
/* line 29, app/library/styles/less/login_box.less */
#login-form .heading img {
  margin-left: 0.5em;
}
/* line 42, app/library/styles/less/login_box.less */
.form,
.login-type {
  background: #ffffff;
  max-width: 360px;
  margin: 0 auto;
  padding: 1em 2em;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  font-family: Arial, Helvetica, sans-serif;
}
/* line 52, app/library/styles/less/login_box.less */
.form p,
.login-type p {
  line-height: 130%;
}
/* line 56, app/library/styles/less/login_box.less */
.form h3,
.login-type h3 {
  margin-top: 0px;
}
/* line 60, app/library/styles/less/login_box.less */
.form input.error-message,
.login-type input.error-message,
.form textarea.error-message,
.login-type textarea.error-message,
.form select.error-message,
.login-type select.error-message {
  margin-bottom: 3px;
}
/* line 66, app/library/styles/less/login_box.less */
.form label.error-message,
.login-type label.error-message {
  display: block;
  margin-bottom: 12px;
}
/* line 71, app/library/styles/less/login_box.less */
.form textarea,
.login-type textarea,
.form select,
.login-type select,
.form .checkbox-group,
.login-type .checkbox-group,
.form input,
.login-type input {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 0.5em;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
  text-align: start;
}
/* line 87, app/library/styles/less/login_box.less */
.form input[type='checkbox'],
.login-type input[type='checkbox'] {
  vertical-align: middle;
  position: relative;
  width: 15%;
  bottom: 1px;
  margin-bottom: 0px;
  font-size: 10.5pt;
}
/* line 96, app/library/styles/less/login_box.less */
.form input[type='submit'],
.login-type input[type='submit'] {
  background: #689862;
  text-align: center;
}
/* line 101, app/library/styles/less/login_box.less */
.form input[type='date'],
.login-type input[type='date'] {
  height: 46px;
}
/* line 105, app/library/styles/less/login_box.less */
.form input[type='submit']:hover,
.login-type input[type='submit']:hover {
  background: #4c604c;
}
/* line 109, app/library/styles/less/login_box.less */
.form input[type='text']:read-only,
.login-type input[type='text']:read-only {
  color: dimgrey;
}
/* line 113, app/library/styles/less/login_box.less */
.form button,
.login-type button {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #689862;
  margin: 0.25em 0px;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #ffffff;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
/* line 129, app/library/styles/less/login_box.less */
.form button:hover,
.login-type button:hover,
.form button:active,
.login-type button:active,
.form button:focus,
.login-type button:focus,
.form #idpSelect input[type='submit']:hover,
.login-type #idpSelect input[type='submit']:hover {
  background: #4c604c;
}
/* line 136, app/library/styles/less/login_box.less */
.form .message,
.login-type .message {
  margin: 0.5em 0 0;
  color: #6a7087;
  font-size: 12px;
  font-weight: normal;
}
/* line 142, app/library/styles/less/login_box.less */
.form .message a,
.login-type .message a {
  color: rgba(0, 0, 255, 0.62);
  text-decoration: none;
}
/* line 148, app/library/styles/less/login_box.less */
.form .message.in-between,
.login-type .message.in-between {
  margin: 0.5em;
  margin-top: 0em;
}
/* line 154, app/library/styles/less/login_box.less */
.form .message.callout,
.login-type .message.callout {
  font-size: 10.5pt;
  margin-bottom: 0.5em;
}
/* line 159, app/library/styles/less/login_box.less */
.form .register-form,
.login-type .register-form {
  display: none;
}
/* line 164, app/library/styles/less/login_box.less */
.form .two-column-panel,
.login-type .two-column-panel {
  display: flex;
  flex-direction: row;
}
/* line 168, app/library/styles/less/login_box.less */
.form .two-column-panel .pane,
.login-type .two-column-panel .pane {
  width: 50%;
  margin: 0.5em;
}
/* line 176, app/library/styles/less/login_box.less */
.wide-form {
  max-width: unset;
}
/* line 181, app/library/styles/less/login_box.less */
.error-message {
  color: red;
  margin-top: 0px;
}
/* line 187, app/library/styles/less/login_box.less */
.bigger-message {
  color: #6a7087;
  font-size: 10.5pt;
  margin-top: 0px;
}
/* line 193, app/library/styles/less/login_box.less */
.PasswordWarning {
  font-size: 11;
  color: red;
  margin-top: -4px;
  margin-bottom: 10px;
  display: none;
}
/* line 201, app/library/styles/less/login_box.less */
.general-button {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #11b87b;
  border: 0;
  padding: 15px;
  color: #ffffff;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
/* line 216, app/library/styles/less/login_box.less */
.general-button:hover {
  background: #376d59;
}

/* Used by verse_browser.php and verse_browser.php to put the search/lookup term in a nice pill shape */
/* line 3, app/library/styles/less/menubar.less */
.pill-button {
  border: 2px solid #000090;
  border-radius: 15px;
  padding: 1px 5px !important;
  text-align: center;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #000090;
  color: white;
}
/* line 14, app/library/styles/less/menubar.less */
#BOOKMARK_POPUP {
  background-color: #ffffff;
  width: 450px;
  height: 190px;
  position: relative;
  left: -50%;
  top: 20px;
  padding: 0px;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.5);
  border-style: solid;
  border-width: 10px;
  border-color: black;
  display: none;
  margin: auto;
  z-index: 1;
}

/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */
/* Base Styles */
/* line 5, app/library/styles/less/qt_menu.less */
#qt-menu > ul,
#qt-menu > ul li,
#qt-menu > ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: Cabin, Arial, Helvetica, sans-serif;
}
/* line 14, app/library/styles/less/qt_menu.less */
#qt-menu > ul {
  position: relative;
  z-index: 10;
}
/* line 19, app/library/styles/less/qt_menu.less */
#qt-menu > ul li {
  float: left;
  min-height: 1px;
  line-height: 1.3em;
  vertical-align: middle;
}
/* line 26, app/library/styles/less/qt_menu.less */
#qt-menu > ul li.hover,
#qt-menu > ul li:hover {
  position: relative;
  z-index: 10;
  cursor: default;
}
/* line 33, app/library/styles/less/qt_menu.less */
#qt-menu > ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: auto;
  white-space: nowrap;
  border: 1px solid #ccc \9;
  -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15);
}
/* line 47, app/library/styles/less/qt_menu.less */
#qt-menu > ul ul li {
  float: none;
}
/* line 51, app/library/styles/less/qt_menu.less */
#qt-menu > ul ul ul {
  top: 1px;
  left: 99%;
}
/* line 56, app/library/styles/less/qt_menu.less */
#qt-menu > ul li:hover > ul {
  visibility: visible;
}
/* Align last drop down RTL */
/* line 62, app/library/styles/less/qt_menu.less */
#qt-menu > ul > li.last ul ul {
  left: auto !important;
  right: 99%;
}
/* line 67, app/library/styles/less/qt_menu.less */
#qt-menu > ul > li.last ul {
  left: auto;
  right: 0;
}
/* line 72, app/library/styles/less/qt_menu.less */
#qt-menu > ul > li.last {
  text-align: right;
}
/* line 76, app/library/styles/less/qt_menu.less */
#qt-menu.align-center > ul > li {
  float: none;
  display: inline-block;
}
/* line 81, app/library/styles/less/qt_menu.less */
#qt-menu.align-center > ul {
  text-align: center;
  font-size: 0;
}
/* line 86, app/library/styles/less/qt_menu.less */
#qt-menu > ul > li {
  font-size: 14px;
  display: block;
}
/* line 91, app/library/styles/less/qt_menu.less */
#qt-menu ul ul {
  text-align: left;
}
/* line 95, app/library/styles/less/qt_menu.less */
#qt-menu.align-right > ul > li {
  float: right;
}
/* line 99, app/library/styles/less/qt_menu.less */
#qt-menu.align-right > ul ul ul {
  top: 1px;
  left: auto;
  right: 99%;
}
/* Theme Styles */
/* line 107, app/library/styles/less/qt_menu.less */
#qt-menu > ul {
  font-family: sans-serif;
  font-size: 14;
  width: auto;
  zoom: 1;
}
/* line 114, app/library/styles/less/qt_menu.less */
#qt-menu > ul:before {
  content: '';
  display: block;
}
/* line 119, app/library/styles/less/qt_menu.less */
#qt-menu > ul:after {
  content: '';
  display: table;
  clear: both;
}
/* line 125, app/library/styles/less/qt_menu.less */
#qt-menu > ul li a {
  display: inline-block;
  padding: 10px 18px;
}
/* line 130, app/library/styles/less/qt_menu.less */
#qt-menu > ul > li.active,
#qt-menu > ul > li.active:hover {
  background-color: #3fa338;
}
/* line 135, app/library/styles/less/qt_menu.less */
#qt-menu > ul > li > a:link,
#qt-menu > ul > li > a:active,
#qt-menu > ul > li > a:visited {
  color: white;
}
/* line 141, app/library/styles/less/qt_menu.less */
#qt-menu > ul > li > a:hover {
  color: #e6e1dc;
}
/* line 145, app/library/styles/less/qt_menu.less */
#qt-menu > ul ul ul {
  top: 0;
}
/* line 149, app/library/styles/less/qt_menu.less */
#qt-menu > ul li li {
  /* this is the background colour of the sub menus */
  border-bottom: 1px solid #fafcfa;
  background-color: #2e1f07;
  font-size: 14.7px;
  display: table;
  width: 100%;
}
/* line 158, app/library/styles/less/qt_menu.less */
#qt-menu > ul li.hover,
#qt-menu > ul li:hover {
  background-color: #689862;
  /* this is the colour of the highlight box on the sub menus */
}
/* line 164, app/library/styles/less/qt_menu.less */
#qt-menu > ul > li.hover,
#qt-menu > ul > li:hover {
  background-color: #303030;
  /* this is the colour of the highlight box on the main menu bar */
  -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
}
/* line 173, app/library/styles/less/qt_menu.less */
#qt-menu > ul a:link,
#qt-menu > ul a:visited {
  color: #d0d0d0;
  text-decoration: none;
}
/* line 179, app/library/styles/less/qt_menu.less */
.MenuLink {
  display: block !important;
  /* Means links on the menus work if you click anywhere on their bar, not just their text */
}
/* line 184, app/library/styles/less/qt_menu.less */
#qt-menu > ul a:hover {
  color: #d0d0d0;
}
/* line 188, app/library/styles/less/qt_menu.less */
#qt-menu > ul a:active {
  color: #d0d0d0;
}
/* line 192, app/library/styles/less/qt_menu.less */
#qt-menu > ul > li > a {
  font-size: 14.7px;
}
/* Make this menu into a fixed/static navbar that stays put despite scrolling */
/* line 198, app/library/styles/less/qt_menu.less */
#qt-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #4c604c;
  z-index: 10;
}
/* line 205, app/library/styles/less/qt_menu.less */
#qt-menu .menu-icon {
  vertical-align: middle;
  padding-left: 0.5em;
  height: 18px;
  width: 18px;
}
/* line 211, app/library/styles/less/qt_menu.less */
#qt-menu #my-profile-menu ul {
  min-width: 290px;
}
/* line 213, app/library/styles/less/qt_menu.less */
#qt-menu #my-profile-menu ul li {
  white-space: normal;
}
@media print {
  /* line 220, app/library/styles/less/qt_menu.less */
  #qt-menu {
    display: none;
  }
}
/* line 225, app/library/styles/less/qt_menu.less */
#floatarrow {
  color: #d0d0d0;
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  padding-right: 6px;
}
/* The persistent div used, below the menu bar, on verse_browser.php & verse_browser.php for status info */
/* line 238, app/library/styles/less/qt_menu.less */
#lower-status-bar {
  position: fixed;
  top: 102px;
  left: 20;
  width: 100%;
  margin-left: -20px;
  margin-right: -20px;
}
/* line 246, app/library/styles/less/qt_menu.less */
#lower-status-bar td {
  text-align: center;
}
/* line 249, app/library/styles/less/qt_menu.less */
#lower-status-bar tr.show-search-params-and-hits {
  background-color: #909090;
}
/* line 251, app/library/styles/less/qt_menu.less */
#lower-status-bar tr.show-search-params-and-hits td {
  padding: 8px;
}
/* line 254, app/library/styles/less/qt_menu.less */
#lower-status-bar tr.show-search-params-and-hits #hit_counter_wrapper {
  margin-top: 5px;
  font-size: smaller;
}
/* line 259, app/library/styles/less/qt_menu.less */
#lower-status-bar tr.extra-controls {
  background-color: #c0c0c0;
}
/* line 261, app/library/styles/less/qt_menu.less */
#lower-status-bar tr.extra-controls .extra-controls-container {
  display: flex;
  /* ensures the three button-group items flow horizonally as flex items */
  padding: 4px 2px;
}
/* line 265, app/library/styles/less/qt_menu.less */
#lower-status-bar tr.extra-controls .extra-controls-container .button-group {
  /* ensures the individual buttons flow horizonatally as flex items */
  display: flex;
  flex: 1 1 33%;
  justify-content: center;
  white-space: nowrap;
}
/* line 271, app/library/styles/less/qt_menu.less */
#lower-status-bar tr.extra-controls .extra-controls-container .button-group a {
  /* hides extra link underlines after the button due */
  text-decoration: none;
}
/* line 276, app/library/styles/less/qt_menu.less */
#lower-status-bar tr.extra-controls .extra-controls-container .button-group:first-child {
  justify-content: flex-start;
}
/* line 279, app/library/styles/less/qt_menu.less */
#lower-status-bar tr.extra-controls .extra-controls-container .button-group:last-child {
  justify-content: flex-end;
}
/* construct the search bar */
/* line 288, app/library/styles/less/qt_menu.less */
#search-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 43px;
  background-color: #4c604c;
  display: none;
  text-align: initial;
}
/* line 299, app/library/styles/less/qt_menu.less */
#pickverse {
  vertical-align: middle;
}
/* line 303, app/library/styles/less/qt_menu.less */
.search-bar-span {
  height: 24px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}
/* line 310, app/library/styles/less/qt_menu.less */
.search-icon {
  margin-right: 1.1em;
}
/* line 314, app/library/styles/less/qt_menu.less */
.close-search-icon {
  margin-left: 1.1em;
  height: 15px;
  width: 15px;
}
/* line 320, app/library/styles/less/qt_menu.less */
#search-tool {
  width: 100%;
  align-self: center;
  background: #4c604c;
  padding: 8px;
  color: white;
}
/* line 328, app/library/styles/less/qt_menu.less */
#SEARCH_CLOSE_ICON {
  height: 15px;
  width: 15px;
}
/* line 333, app/library/styles/less/qt_menu.less */
#SEARCH_CLOSE_ICON:hover {
  opacity: 0.5;
}
/* line 337, app/library/styles/less/qt_menu.less */
#miniSearchBox {
  font-size: 14px;
  background-color: #4c604c;
  border: 0px;
  color: white;
  outline: none;
  width: 75%;
}
/* line 346, app/library/styles/less/qt_menu.less */
#search-suggestions {
  position: fixed;
  padding: 8px;
  top: 43px;
  left: 0px;
  margin-left: 0.5em;
  width: 80%;
  background-color: #f0f0f0;
  z-index: 10;
  display: none;
  text-align: initial;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* line 358, app/library/styles/less/qt_menu.less */
#search-suggestions table {
  border-collapse: collapse;
  margin-bottom: 4px;
  width: 100%;
  color: black;
}
/* line 364, app/library/styles/less/qt_menu.less */
#search-suggestions th {
  font-weight: bold;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
}
/* line 370, app/library/styles/less/qt_menu.less */
#search-suggestions td {
  padding: 4px;
  color: white;
}
/* line 376, app/library/styles/less/qt_menu.less */
.suggested-row a {
  color: black;
  text-decoration: none;
  font-size: 100%;
}
/* line 382, app/library/styles/less/qt_menu.less */
.suggested-row a:hover {
  color: blue;
}
/* line 386, app/library/styles/less/qt_menu.less */
.suggested-row:focus {
  background-color: yellow;
}
/* line 390, app/library/styles/less/qt_menu.less */
#PressEnter {
  color: black;
  padding-top: 5px;
  padding-bottom: 5px;
}
/* line 396, app/library/styles/less/qt_menu.less */
.SearchSuggestionsStandard {
  color: #585858;
}
/* line 400, app/library/styles/less/qt_menu.less */
.SearchSuggestionsEmphasised {
  color: black;
}
/* line 404, app/library/styles/less/qt_menu.less */
#qt-menu .mobile-warning {
  color: orange;
  padding: 0.5em;
  padding-top: 0px;
  text-align: center;
  font-size: smaller;
}
/* Used in verse_browser.php : start */
/* line 414, app/library/styles/less/qt_menu.less */
br {
  line-height: 150%;
}
/* line 418, app/library/styles/less/qt_menu.less */
#search-results {
  margin-top: -2px;
}
/* line 420, app/library/styles/less/qt_menu.less */
#search-results .text-reference {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
/* line 427, app/library/styles/less/qt_menu.less */
#verse-results .text-reference {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
/* Used in verse_browser.php : end */
/* line 435, app/library/styles/less/qt_menu.less */
.main-menu-spacer {
  height: 102px;
}
/* line 439, app/library/styles/less/qt_menu.less */
.verses-and-search-buttons-verses-spacer.formula-summary-spacer {
  height: 144px;
}
/* line 444, app/library/styles/less/qt_menu.less */
.verses-and-search-buttons-verses-spacer {
  height: 119px;
}
/* line 448, app/library/styles/less/qt_menu.less */
.verses-and-search-buttons-search-spacer.formula-summary-spacer {
  height: 142px;
}
/* line 453, app/library/styles/less/qt_menu.less */
.verses-and-search-buttons-search-spacer {
  height: 117px;
}
/* line 457, app/library/styles/less/qt_menu.less */
.extra-controls-container button {
  height: 100%;
}
/*************************************
 * MEDIA QUERIES NEED TO BE AT THE END
 * OF THIS FILE OTHERWISE THEY WILL BE
 * OVERRIDDEN BY WHAT COMES AFTER THEM
 *************************************/
/* media query sets the cut off as a Moto G4  */
@media screen and (min-width: 731px) {
  /* line 469, app/library/styles/less/qt_menu.less */
  .mobile-warning {
    display: none;
  }
  /* line 472, app/library/styles/less/qt_menu.less */
  #lower-status-bar {
    top: 43px;
  }
  /* line 475, app/library/styles/less/qt_menu.less */
  .main-menu-spacer {
    height: 43px;
  }
  /* line 478, app/library/styles/less/qt_menu.less */
  .verses-and-search-buttons-verses-spacer.formula-summary-spacer {
    height: 108px;
  }
  /* line 481, app/library/styles/less/qt_menu.less */
  .verses-and-search-buttons-verses-spacer {
    height: 83px;
  }
  /* line 484, app/library/styles/less/qt_menu.less */
  .verses-and-search-buttons-search-spacer.formula-summary-spacer {
    height: 124px;
  }
  /* line 487, app/library/styles/less/qt_menu.less */
  .verses-and-search-buttons-search-spacer {
    height: 99px;
  }
}
@media print {
  /* line 494, app/library/styles/less/qt_menu.less */
  #qt-menu {
    display: none !important;
  }
  /* line 497, app/library/styles/less/qt_menu.less */
  #ChangesFoundAndChangesNavTools {
    display: none !important;
  }
  /* line 500, app/library/styles/less/qt_menu.less */
  .button-block-with-spacing {
    display: none !important;
  }
  /* line 503, app/library/styles/less/qt_menu.less */
  .main-menu-spacer {
    height: unset;
  }
}
/*************************************
 * MEDIA QUERIES NEED TO BE AT THE END
 * OF THIS FILE OTHERWISE THEY WILL BE
 * OVERRIDDEN BY WHAT COMES AFTER THEM
 *************************************/

/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */
/* qt */
/* line 5, app/library/styles/less/qt_tipped.less */
.tpd-skin-qt .tpd-content,
.tpd-skin-qt .tpd-title,
.tpd-skin-qt .tpd-close {
  color: #2e1f07;
}
/* line 12, app/library/styles/less/qt_tipped.less */
.tpd-skin-qt .tpd-content {
  background-color: #fafcfa;
}
/* line 19, app/library/styles/less/qt_tipped.less */
.tpd-skin-qt .tpd-background-content {
  background-color: #e6e1dc;
}
/* line 24, app/library/styles/less/qt_tipped.less */
.tpd-skin-qt .tpd-background {
  border-color: #2e1f07;
  border-width: 1px;
}
/* line 31, app/library/styles/less/qt_tipped.less */
.tpd-skin-qt .tpd-background-title {
  background-color: #e6e1dc;
}
/* line below the title */
/* line 40, app/library/styles/less/qt_tipped.less */
.tpd-skin-qt .tpd-title-wrapper {
  border-bottom: 1px solid #e6e1dc;
}
/* shadow */
/* line 49, app/library/styles/less/qt_tipped.less */
.tpd-skin-qt .tpd-background-shadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
/* spinner */
/* line 56, app/library/styles/less/qt_tipped.less */
.tpd-skin-qt .tpd-spinner-spin {
  border-color: #2e1f07;
  border-left-color: #fafcfa;
}
/* links */
/* line 67, app/library/styles/less/qt_tipped.less */
.tpd-skin-qt a {
  text-decoration: none;
}
/* line 72, app/library/styles/less/qt_tipped.less */
.tpd-skin-qt a:hover {
  color: #689862;
  text-decoration: none;
}

/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */
/* line 3, app/library/styles/less/tables.less */
#manage-users_wrapper {
  /*
   Since we are using DataTables, we need to set the width of the DIV containing
   the TABLE as well as all the other stuff that DataTables adds.
   */
  width: 1100px;
}
/* line 11, app/library/styles/less/tables.less */
.qt-table {
  padding-top: 0.5em;
}
/* line 14, app/library/styles/less/tables.less */
.qt-table th,
.qt-table td {
  text-align: center;
}
/* line 17, app/library/styles/less/tables.less */
.qt-table th *,
.qt-table td * {
  vertical-align: middle;
}
/* line 21, app/library/styles/less/tables.less */
.qt-table th .pull-right,
.qt-table td .pull-right {
  float: right;
}
/* line 25, app/library/styles/less/tables.less */
.qt-table th.left-align,
.qt-table td.left-align {
  text-align: left;
}
/* line 29, app/library/styles/less/tables.less */
.qt-table th.right-align,
.qt-table td.right-align {
  text-align: right;
}
/* line 40, app/library/styles/less/tables.less */
.qt-table tbody .row-number,
.qt-table tbody .authentication-type,
.qt-table tbody .ip-ranges {
  line-height: 1.5;
  text-align: center;
}
/* line 47, app/library/styles/less/tables.less */
.qt-table tbody .user-count,
.qt-table tbody .login-count,
.qt-table tbody .last-login,
.qt-table tbody .activity-count,
.qt-table tbody .administrator,
.qt-table tbody .is-active {
  text-align: center;
}
/* line 56, app/library/styles/less/tables.less */
.qt-table tbody td {
  font-size: 14px;
}
/* line 61, app/library/styles/less/tables.less */
.qt-table tfoot {
  font-weight: bold;
}
/*
 * Extra styling for DataTables to override their defaults
 */
/* line 70, app/library/styles/less/tables.less */
table.dataTable thead .sorting {
  background-image: url('../images/sort_both.png');
}
/* line 75, app/library/styles/less/tables.less */
.dataTables_wrapper .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 80, app/library/styles/less/tables.less */
.dataTables_wrapper .top button#all-users {
  font-weight: bold;
}
/**
 * These styles are intended to mimic #pageNavigatorFloatingButton
*/
/* line 89, app/library/styles/less/tables.less */
.dataTables_wrapper .dataTables_paginate {
  position: fixed;
  right: 15px;
  bottom: 10px;
  z-index: 99;
  background-color: #689862;
  color: #e6e1dc;
  padding: 0.5em;
  border-radius: 10px;
  font-size: 15.4px;
  opacity: 0.95;
}
/* line 101, app/library/styles/less/tables.less */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0px;
}
/* line 104, app/library/styles/less/tables.less */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #689862 !important;
  background: none;
  border: none;
}
/* line 111, app/library/styles/less/tables.less */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: none;
  border: none;
  font-weight: bold;
  color: #e6e1dc !important;
}
/* line 117, app/library/styles/less/tables.less */
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: none;
  border: none;
}
/* line 123, app/library/styles/less/tables.less */
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
  background: none;
  border: none;
  color: #e6e1dc !important;
}
/* line 130, app/library/styles/less/tables.less */
.dataTables_wrapper .dataTables_paginate:hover {
  background-color: #4c604c;
}
/* 	TABLE CSS DEFINITION */
/* line 137, app/library/styles/less/tables.less */
.floatingTableHeader {
  position: fixed;
  top: 40px;
  visibility: hidden;
}
/* creates a small margin between the floating table header row and the website app header */
/* line 145, app/library/styles/less/tables.less */
.table-header-row {
  border-top: 1px solid gray;
}
/* line 149, app/library/styles/less/tables.less */
.hoverTable {
  border-collapse: collapse;
  max-width: 1300px;
}
/* line 153, app/library/styles/less/tables.less */
.hoverTable th {
  background: #e6e1dc;
  border: 1px solid gray;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  padding: 8px;
}
/* line 161, app/library/styles/less/tables.less */
.hoverTable td {
  border: 1px solid #b0b0b0;
  padding: 6px;
}
/* line 167, app/library/styles/less/tables.less */
.tightTable td {
  padding: 3px !important;
}
/* line 171, app/library/styles/less/tables.less */
.fixedTable {
  table-layout: fixed !important;
  word-wrap: break-word;
}
/* table container div and fixed cols solves wide table persistent header issues */
/* line 178, app/library/styles/less/tables.less */
.tableContainer {
  width: 1300px;
}
/* Define the default colours for all the table rows */
/* line 184, app/library/styles/less/tables.less */
.hoverTable tr:nth-child(even) {
  background: #ffffff;
}
/* line 188, app/library/styles/less/tables.less */
.hoverTable tr:nth-child(odd) {
  background: #f8f8f8;
}
/* line 195, app/library/styles/less/tables.less */
.complexIntertextTable_Light {
  background: white;
}
/* line 199, app/library/styles/less/tables.less */
.complexInterTextTable_Dark {
  background-color: #f8f8f8;
}
/* line 203, app/library/styles/less/tables.less */
.complexIntertextTable tr:hover td {
  background-color: #f5f5dd;
}
/* line 207, app/library/styles/less/tables.less */
.thickBorder {
  border-bottom: 2px solid #606060 !important;
}
/* Define the hover highlight color for the table row */
/* line 213, app/library/styles/less/tables.less */
.hoverTable tr:hover {
  background-color: #f5f5dd;
}
/* 		TABLE CSS DEFINITION */
/* 		A MUCH MORE MINIMALISTIC TABLE USED BY THE VERSE BROWSER */
/* line 221, app/library/styles/less/tables.less */
.verseBrowserTable {
  border-collapse: collapse;
}
/* line 225, app/library/styles/less/tables.less */
.verseBrowserTable td {
  border-collapse: collapse;
  padding: 6px;
}
/* line 230, app/library/styles/less/tables.less */
.verseBrowserTable:not(.nohover) tr:hover {
  background-color: #f5f5dd;
}
/* line 234, app/library/styles/less/tables.less */
.verseBrowserMinWidth {
  min-width: 97.5vw;
}
/* 		TABLE USED BY THE PREFERENCES PAGE */
/* line 240, app/library/styles/less/tables.less */
table#preferences {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1em;
}
/* line 245, app/library/styles/less/tables.less */
table#preferences td {
  padding: 6px;
  border-top: 1px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
}
/* line 250, app/library/styles/less/tables.less */
table#preferences td .preferences-button {
  width: 150px;
  float: right;
  padding: 3px 6px;
  font-size: 14px;
}
/* line 256, app/library/styles/less/tables.less */
table#preferences td button.preferences-button {
  margin-right: 0px;
}
/* line 261, app/library/styles/less/tables.less */
table#preferences td:first-child {
  border: 1px solid #b0b0b0;
}
/* line 265, app/library/styles/less/tables.less */
table#preferences td:last-child {
  border-right: 1px solid #b0b0b0;
}
/* line 269, app/library/styles/less/tables.less */
table#preferences th {
  border: 1px solid gray;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  padding: 8px;
  background: #c0c0c0;
}
/* line 278, app/library/styles/less/tables.less */
.formula-popup-list-table {
  border-collapse: collapse;
}
/* line 281, app/library/styles/less/tables.less */
.formula-popup-list-table td {
  color: white;
  border: 1px solid #202020;
  padding: 4px;
  font-size: 10.5px;
}
/* line 289, app/library/styles/less/tables.less */
.wordCorrectionTableMedium {
  font-size: 15pt;
  vertical-align: top;
}
/* line 294, app/library/styles/less/tables.less */
.wordCorrectionTableLarge {
  font-size: 20pt;
}
/* line 299, app/library/styles/less/tables.less */
#intertext-container #intertext-scroller {
  min-width: 680px;
  min-height: 200px;
}
/* line 306, app/library/styles/less/tables.less */
#intertext-table tbody {
  font-size: small;
}
/* 		USED BY login_logs.php */
/* line 314, app/library/styles/less/tables.less */
#login-logs-page #search-term {
  width: 220px;
}
/* line 319, app/library/styles/less/tables.less */
#login-logs-page table#login-logs th a.table-sorter img {
  margin-left: 3px;
}
/* line 322, app/library/styles/less/tables.less */
#login-logs-page table#login-logs td {
  text-align: center;
}
/* Used by word_correction_logs.php */
/* line 329, app/library/styles/less/tables.less */
.qt-table td button {
  padding: 2px;
  margin: 2px;
  font-size: smaller;
}

/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */
/* Style the tab */
/* line 4, app/library/styles/less/tabs.less */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
/* Style the buttons that are used to open the tab content */
/* line 11, app/library/styles/less/tabs.less */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}
/* Change background color of buttons on hover */
/* line 22, app/library/styles/less/tabs.less */
.tab button:hover {
  background-color: #ddd;
}
/* Create an active/current tablink class */
/* line 27, app/library/styles/less/tabs.less */
.tab button.active {
  background-color: #689862;
  color: white;
}
/* Style the tab content */
/* line 33, app/library/styles/less/tabs.less */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
/* line 40, app/library/styles/less/tabs.less */
.tabWrapper {
  width: 950px;
  margin: 0 auto;
}

/* standard values used across application */
/* palette of colours from style guide */
/* heights of position:fixed elements that we need to add spacer divs for for desktop screen width */
/* heights of position:fixed elements that we need to add spacer divs for for iPhone 6s screen width in landscape mode */


/*# sourceMappingURL=qt_styles.css.map*/