/*! File: Shared/reset.less */
*,
::before,
::after {
  box-sizing: border-box;
}
html {
  font-size: 14px;
}
@supports selector(:where()) {
  :where(::before, ::after) {
    border-width: 0px;
    border-style: solid;
  }
  :where(body) {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #515861;
    font-family: Lato, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
    line-height: 1.42857;
    margin: 0px;
    min-height: 100%;
    overflow-wrap: break-word;
    text-rendering: optimizeSpeed;
    word-wrap: break-word;
  }
  :where(a) {
    color: #0e66e1;
    cursor: pointer;
    text-decoration: none;
  }
  :where(a:hover, a:focus) {
    text-decoration: none;
  }
  :where(a[class*='button']) {
    color: inherit;
  }
  :where(a.muted, a.muted:visited) {
    color: #0b50b1;
  }
  :where(a.focus, a.focus:visited) {
    color: #f25d07;
  }
  :where(input, select, textarea):not([type='checkbox']) {
    background-color: #ffffff;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
  }
  :where(button, input, select, textarea) {
    border-color: #d9d9d9;
    font: inherit;
  }
  :where(button) {
    background-color: transparent;
    border: 0px;
    cursor: pointer;
  }
  :where(img) {
    border: 0px;
  }
  :where(dl, li, p, td, th) {
    font-size: 14px;
  }
  :where(p) {
    margin: 8px 0px;
    padding: 0px;
  }
  :where(code, pre) {
    background-color: #ffffff;
    border-radius: 4px;
    color: #515861;
    font-family: Monaco, 'Lucida Console', 'Courier New', Courier, monospace;
    font-size: 14px;
    overflow: auto;
    padding: 2px 4px;
  }
  :where(h1, h2, h3) {
    font-weight: 600;
  }
  :where(h1, h2, h3, h4, h5, h6) {
    padding: 0px;
  }
  :where(h1) {
    line-height: 1.2em;
    margin: 3px 0px;
    font-size: 36px;
    color: #11161a;
    font-weight: 700;
  }
  :where(h2) {
    margin: 24px 0px 0px;
    padding-bottom: 2px;
    font-size: 22px;
    line-height: 1.21em;
    color: #11161a;
    border-bottom: 4px solid #f5f5f5;
  }
  :where(h2).subhead {
    padding-bottom: 0px;
    border-bottom: none;
  }
  :where(h2).muted {
    color: #11161a;
    border-bottom-color: #f5f5f5;
  }
  :where(h3) {
    margin: 16px 0px 0px;
    font-size: 18px;
    line-height: 1.21em;
    color: #515861;
  }
  :where(h4) {
    margin: 3px 0px;
    font-size: 14px;
    color: #515861;
  }
  :where(h5) {
    margin: 3px 0px;
    font-size: 13px;
    color: #11161a;
  }
  :where(h6) {
    margin: 3px 0px;
    font-size: 14px;
    color: #11161a;
  }
}
@supports not selector(:where()) {
  ::before,
  ::after {
    border-width: 0px;
    border-style: solid;
  }
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #515861;
    font-family: Lato, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
    line-height: 1.42857;
    margin: 0px;
    min-height: 100%;
    overflow-wrap: break-word;
    text-rendering: optimizeSpeed;
    word-wrap: break-word;
  }
  a {
    color: #0e66e1;
    cursor: pointer;
    text-decoration: none;
  }
  a:hover,
  a:focus {
    text-decoration: none;
  }
  a[class*='button'] {
    color: inherit;
  }
  a.muted,
  a.muted:visited {
    color: #0b50b1;
  }
  a.focus,
  a.focus:visited {
    color: #f25d07;
  }
  input:not([type='checkbox']),
  select,
  textarea {
    background-color: #ffffff;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
  }
  button,
  input,
  select,
  textarea {
    border-color: #d9d9d9;
    font: inherit;
  }
  button {
    background-color: transparent;
    border: 0px;
    cursor: pointer;
  }
  img {
    border: 0px;
  }
  dl,
  li,
  p,
  td,
  th {
    font-size: 14px;
  }
  p {
    margin: 8px 0px;
    padding: 0px;
  }
  code,
  pre {
    background-color: #ffffff;
    border-radius: 4px;
    color: #515861;
    font-family: Monaco, 'Lucida Console', 'Courier New', Courier, monospace;
    font-size: 14px;
    overflow: auto;
    padding: 2px 4px;
  }
  h2,
  h3 {
    font-weight: 600;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    padding: 0px;
  }
  h1 {
    line-height: 1.2em;
    margin: 3px 0px;
    font-size: 36px;
    color: #11161a;
    font-weight: 700;
  }
  h2 {
    margin: 24px 0px 0px;
    padding-bottom: 2px;
    font-size: 22px;
    line-height: 1.21em;
    color: #11161a;
    border-bottom: 4px solid #f5f5f5;
  }
  h2.subhead {
    padding-bottom: 0px;
    border-bottom: none;
  }
  h2.muted {
    color: #11161a;
    border-bottom-color: #f5f5f5;
  }
  h3 {
    margin: 16px 0px 0px;
    font-size: 18px;
    line-height: 1.21em;
    color: #515861;
  }
  h4 {
    margin: 3px 0px;
    font-size: 14px;
    color: #515861;
  }
  h5 {
    margin: 3px 0px;
    font-size: 13px;
    color: #11161a;
  }
  h6 {
    margin: 3px 0px;
    font-size: 14px;
    color: #11161a;
  }
}


/*! File: base.less */
/******************************************************************************
 * GUIDE SPECIFIC ELEMENTS
 *****************************************************************************/
/* BLURBS ********************************************************************/
.blurbTitle {
  margin: 0px 0px 0px 64px;
}
.blurbThumbnail .blurbTitle {
  margin-left: 104px;
}
.blurbImage {
  float: left;
  margin: 0px;
}
.blurbImage img {
  display: block;
}
.noBorder {
  border: none !important;
}
.blurbThumbnail,
.blurbThumbnailAvatar {
  overflow: hidden;
  margin: 8px 0px 0px 0px;
}
/* BADGES ********************************************************************/
/* A badge is an inline link, of the form:
 *
 * <a class="badge" href="..."
 *  ><span class="badgeName">Badge Name</span></a>
 *
 * When using badges, you need to make sure that the line-height of the context
 * (e.g. the paragraph or list item that contains the badge) is taller than the
 * badge (30px) so that text will center with it, and badges on multiple lines
 * won't overlap. */
.badgeContainer {
  text-align: left;
  text-align: start;
  margin: 5px 0px;
  font-size: 12px;
}
.badge,
.badge:visited {
  border: 1px solid #f5f5f5;
  cursor: pointer;
  display: inline;
  line-height: 2.4em;
  padding: 5px 8px 5px 25px;
  color: #515861;
  background-color: #f5f5f5;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffffff;
  border-radius: 4px;
  background-image: url("/static/images/badge_icons_20110608.png");
  background-repeat: no-repeat;
}
.badge.badge-count {
  padding: 6px 4px 5px 20px;
  cursor: auto;
}
.badge.badge-count,
.badge.badge-count:hover {
  border: 0;
}
.badge.gold {
  background-position: 5px 4px;
}
.badge.silver {
  background-position: 5px -26px;
}
.badge.bronze {
  background-position: 5px -56px;
}
.badge.badge-count.gold {
  background-position: 2px 3px;
}
.badge.badge-count.silver {
  background-position: 2px -27px;
}
.badge.badge-count.bronze {
  background-position: 2px -57px;
}
.badge:hover {
  border: 1px solid #e7e7e7;
  text-decoration: none;
  color: #515861;
}
.badgeCounter,
.badgeCounter:visited,
.badgeCounter:hover {
  color: #bfbfbf;
}


/*! File: Shared/base.less */
/******************************************************************************
 * GENERIC ELEMENTS
 *****************************************************************************/
/* HEADER LINKS */
.headerLink,
.editLink {
  margin-left: 16px;
}
.headerLink {
  float: right;
  color: #0e66e1;
}
.headerLink i.fa {
  color: #bfbfbf;
}
.headerLink i.fa:hover {
  color: #17191c;
}
.editLink {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  font-size: 14px;
  margin-top: 0.3em;
  font-weight: 600;
}
/* NESTED HEADING CLASSES */
h1:hover .anchor,
h2:hover .anchor,
h3:hover .anchor,
h4:hover .anchor,
h5:hover .anchor,
h6:hover .anchor {
  visibility: visible;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
  color: #11161a;
}
h1 a.focus,
h2 a.focus,
h3 a.focus,
h4 a.focus,
h5 a.focus,
h6 a.focus,
h1 a.focus:visited,
h2 a.focus:visited,
h3 a.focus:visited,
h4 a.focus:visited,
h5 a.focus:visited,
h6 a.focus:visited {
  color: #0e66e1;
}
h1 .headerLink {
  font-size: 16px;
  margin-top: 1.1em;
}
h2 .headerLink {
  font-size: 1rem;
  margin-top: 0.3em;
}
h3 .headerLink {
  font-size: 1rem;
  margin-top: -0.1em;
}
h4 .headerLink {
  font-size: 1rem;
  margin-top: 0.167em;
}
/* PRE */
pre.sourceText {
  margin: 8px 0;
  font-family: Monaco, 'Lucida Console', 'Courier New', Courier, monospace;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  /* Firefox 1.0-2.0 */
}
/* ANCHOR CLASSES */
.anchor {
  visibility: hidden;
  font-size: 1rem;
  font-weight: normal;
  color: #bfbfbf;
  text-decoration: none;
}
/* Code Mirror Overrides */
.CodeMirror-linenumber {
  box-sizing: content-box;
}
/* TEXT SIZING */
.hrContentMinor,
.hrSidebarMinor,
.hrSidebarMinorGray {
  height: 0px;
  font-size: 0px;
  line-height: 0px;
  margin: 8px 0px;
  border: none;
  border-bottom: 1px dotted transparent;
}
.hrContentMinor,
.hrSidebarMinor {
  border-color: #e7e7e7;
}
.hrSidebarMinorGray {
  border-color: #f5f5f5;
}
/* ALIGNMENT UTILITY CLASSES */
.right {
  float: right !important;
}
.left {
  float: left !important;
}
.center {
  text-align: center;
}
/* SMALL GREY NOTES */
.detail {
  color: #bfbfbf;
}
/* PRICE */
.price {
  font-weight: bold;
  color: #f25d07;
}
/* Tips are hidden outside of the tipsContainer element, so that they don't
 * have to be set manually to display:none. Within the container, they're
 * display:block, and can contain an errorMessage paragraph, which gets red
 * text by default. */
.tip {
  display: none;
}
.tipsContainer .tip {
  display: block;
}
@media only screen and (max-width: 599px) {
  .tipsContainer .tip {
    display: none;
  }
}
.tipsContainer .tip .errorMessage {
  color: #c21714;
}
/* HIDE AN ELEMENT */
/* CHAR COUNT ERROR */
.maxCharLength {
  font-weight: bold;
  color: #c21714;
}
.hidden {
  display: none !important;
}
.invisible {
  opacity: 0;
  pointer-events: none;
}
/* MARGIN ADJUSTMENTS */
.smallMargins {
  margin-top: 8px;
  margin-bottom: 8px;
}
/******************************************************************************
 * GENERIC CLASSES
 *****************************************************************************/
.ie8.hasLayout {
  zoom: 1;
}
/* BUTTON LINKS **************************************************************/
.buttonLink {
  margin: 4px 0 0 0;
  min-height: 28px;
  border: 1px solid #3081f2;
  border-radius: 4px;
  padding: 3px 5px;
  /* Links */
  background: #3081f2;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
}
.buttonLink.inline {
  display: inline-block;
}
/* If two buttons are right next to each other, add some space between them */
.buttonLink + .buttonLink {
  margin-left: 6px;
}
button.buttonLink {
  padding: 3px 6px;
  /* Firefox */
  vertical-align: top;
}
a.buttonLink {
  display: inline-block;
}
.buttonHover {
  border-color: #0e66e1;
  background: #0e66e1;
}
.buttonLink:hover {
  text-decoration: none;
  border-color: #0e66e1;
  background: #0e66e1;
  color: #ffffff;
}
.buttonLink:visited {
  color: #ffffff;
}
/* MUTED BUTTON LINKS */
.buttonLinkMuted {
  border-color: #668c9d;
  background: #668c9d;
}
.buttonLinkMuted:hover {
  text-decoration: none;
  border-color: #51717f;
  background: #51717f;
  color: #ffffff;
}
.buttonLinkMuted:visited {
  color: #ffffff;
}
/* FOCUSED BUTTON LINKS */
.buttonLinkFocus {
  border-color: #f25d07;
  background: #f25d07;
}
.buttonLinkFocus:hover {
  text-decoration: none;
  border-color: #c04a06;
  background: #c04a06;
  color: #ffffff;
}
.buttonLinkFocus:visited {
  color: #ffffff;
}
/* DISABLED BUTTON LINKS */
.buttonLinkDisabled,
.buttonLinkDisabled:hover,
.disabledButton,
.disabledButton:hover {
  border-color: #e7e7e7;
  background: #e7e7e7;
  cursor: default;
  cursor: not-allowed;
}
/* INLINE ICONS **************************************************************/
.iconLink {
  cursor: pointer;
}
.iconLink img {
  border: none;
  margin-bottom: -1px;
  vertical-align: -15%;
}
.iconLink:hover {
  text-decoration: none;
}
.iconLink:hover .iconLinkText {
  text-decoration: underline;
}
.iconToggle img {
  width: 16px;
  height: 16px;
}
.add-icon:hover,
.add-icon:active {
  color: #5ca353;
}
.delete-icon:hover,
.delete-icon:active {
  color: #b42d2d;
}
.svg-icon {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.svg-icon-old {
  margin: 0;
  overflow: auto;
}
.svg-icon-old svg path,
.svg-icon-old svg rect,
.svg-icon-old svg circle,
.svg-icon-old svg polygon,
.svg-icon-old svg ellipse,
.svg-icon-old svg polyline,
.svg-icon-old svg line,
.svg-icon-old svg g {
  fill: currentColor;
}
/* PAGINATION ****************************************************************/
.pagination {
  width: 100%;
  margin: 8px 0px;
  border-radius: 4px;
  padding: 4px 8px;
  background-color: #f5f5f5;
  line-height: 2em;
  text-align: center;
  display: table;
}
@media only screen and (max-width: 599px) {
  .pagination {
    background-color: transparent !important;
  }
}
/**
 * When the page is responsive, we need to make the pagination controls mobile
 * friendly which involves making the touch targets close to 44px tall.
 */
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 1000px) {
  .responsive .pagination {
    background-color: #f5f5f5;
    border-radius: 0;
    padding: 0;
  }
  .responsive .pagination .middle,
  .responsive .pagination .left a,
  .responsive .pagination .right a {
    padding: 15px 0;
  }
  .responsive .pagination .right a {
    right: 12px;
  }
  .responsive .pagination .right a,
  .responsive .pagination .left a {
    background-color: #e7e7e7;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 599px) {
  .responsive .pagination .right a,
  .responsive .pagination .left a {
    position: static;
  }
}
.paginationTop {
  margin: 0px 0px 8px;
}
.paginationBottom {
  margin: 8px 0px;
}
.pagination .left,
.pagination .middle,
.pagination .right {
  margin: 0;
  display: table-cell;
  float: none !important;
  width: auto;
  min-width: 75px;
}
.pagination .left {
  text-align: left;
  text-align: start;
}
.pagination .right {
  line-height: 1.667em;
  text-align: right;
}
#content .pagination .middle {
  line-height: 1.667em;
}
.pagination a,
.pagination a:hover,
.pagination a:visited {
  color: #515861;
  font-weight: bold;
}
.arrow {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.388em;
}
/* HORIZONTAL LISTS **********************************************************/
ul.horizontal {
  padding: 0px;
  margin: 0px;
}
ul.horizontal li {
  display: inline;
  list-style-type: none;
}
/* TABS **********************************************************************/
.tabWrap {
  margin-bottom: 6px;
}
.tabList {
  height: 25px;
  margin: 24px 0px 8px;
  padding: 0px;
  list-style-type: none;
  border-bottom: 1px solid #c1c1c1;
}
.fullWidth .tabList {
  margin-bottom: 16px;
}
#banner .tabList,
.fullWidth .tabList {
  width: 931px;
}
.tabList li {
  float: left;
  height: 100%;
  margin: 0px 5px 0px 0px;
  font-size: 14px;
  position: relative;
  top: -1px;
}
.tabList a,
.tabList a:visited,
.tabList span {
  display: block;
  border-radius: 4px 4px 0 0;
  height: 100%;
  line-height: 1.7;
  border: 1px solid #e7e7e7;
  border-width: 1px 1px 0px;
  padding: 0px 10px;
  background-color: #f5f5f5;
  color: #bfbfbf;
}
.tabList a:hover {
  color: #11161a;
  text-decoration: none;
}
.tabList span {
  border-color: #f5f5f5;
  background-color: #ffffff;
  color: #e7e7e7;
  cursor: default;
}
.tabList .active,
.tabList .active:hover,
.tabList .active {
  background-color: #ffffff;
  border: 1px solid #c1c1c1;
  border-bottom: 1px solid #ffffff;
  color: #11161a;
  font-weight: bold;
}
/* TOGGLE BUTTONS ************************************************************/
ul.toggleButtons {
  font-size: 12px;
  height: 1.333em;
  padding: 0px;
  margin: 8px 0px;
  list-style-type: none;
}
ul.toggleButtons li a,
ul.toggleButtons li a:visited {
  color: #515861;
}
ul.toggleButtons li.selectedButton a,
ul.toggleButtons li.selectedButton a:visited {
  color: #ffffff;
}
ul.toggleButtons li a:hover {
  text-decoration: none;
}
ul.toggleButtons li {
  float: left;
  margin: 0px 3px 0px 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0px 5px;
  color: #515861;
  font-weight: bold;
  font-size: 12px;
}
ul.toggleButtons li.label {
  padding: 0px;
  margin-right: 6px;
  font-weight: normal;
  font-style: italic;
  color: #bfbfbf;
}
ul.toggleButtons li.activeButton {
  background: #f5f5f5;
  cursor: pointer;
}
ul.toggleButtons li.selectedButton {
  background: #3081f2;
  color: #ffffff;
}
ul.toggleButtons li.noToggle {
  background-color: transparent;
  border-color: transparent;
}
ul.toggleButtons li.noToggle a:hover {
  text-decoration: underline;
}
/** TOGGLE BARS **************************************************************/
h3.toggleBar {
  margin: 0px 0px 4px 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 6px 4px;
  background-color: #f5f5f5;
  font-size: 12px;
  cursor: pointer;
}
h3.toggleBarActive {
  background-color: #677079;
  color: #ffffff;
}
/* ARROWS ********************************************************************/
.toggleArrow {
  width: 8px;
  height: 8px;
  margin-right: 4px;
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
}
.arrowRight,
.arrowDown {
  display: block;
  width: 0px;
  height: 0px;
  border: 0px solid transparent;
}
.arrowRight {
  margin-left: 2px;
  border-width: 4px 0px 4px 4px;
  border-left-color: #515861;
}
.arrowDown {
  margin-top: 2px;
  border-width: 4px 4px 0px 4px;
  border-top-color: #515861;
}
/******************************************************************************
 * PAGE LAYOUT AND AREA-SPECIFIC OVERRIDES
 *****************************************************************************/
/* HEADER ********************************************************************/
/* NO JAVASCRIPT / COOKIES MESSAGES */
.siteMessage {
  background-color: #fde9e9;
  padding: 10px;
}
.siteMessage p {
  margin: 0px;
  font-size: 14px;
  color: #ffffff;
}
/* BANNER ********************************************************************/
#banner,
#wikiPrevBanner {
  margin-top: 24px;
  margin-bottom: 24px;
}
#banner .sectionBanner h1,
#wikiPrevBanner .sectionBanner h1 {
  font-size: 48px;
}
#banner .sectionBanner .tagline,
#wikiPrevBanner .sectionBanner .tagline {
  margin-bottom: -8px;
  font-size: 14px;
  font-weight: bold;
}
#banner .sectionBanner a,
#wikiPrevBanner .sectionBanner a {
  font-size: 12px;
  font-weight: bold;
}
#banner .sectionBanner,
#wikiPrevBanner .sectionBanner {
  min-height: 150px;
  background-repeat: no-repeat;
  text-align: right;
}
/* PAGE SIDEBAR **************************************************************/
#page {
  position: relative;
}
#page-sidebar {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
}
@media only screen and (min-width: 1001px) {
  #page-sidebar {
    visibility: visible;
    width: 270px;
  }
  #page-sidebar::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 1;
  }
  #page-sidebar .sticky {
    position: sticky;
    top: 0px;
    width: 265px;
    z-index: 2;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  #page-sidebar,
  #page-sidebar .sticky-fixed {
    left: 0;
  }
  #page-sidebar + #main {
    background-color: #f5f5f5;
    border-left: 1px solid #e7e7e7;
    margin-left: 270px;
    margin-right: 0;
    width: auto;
  }
}
@media only screen and (min-width: 1265px) {
  #page-sidebar,
  #page-sidebar .sticky-fixed {
    left: 49%;
    margin-left: -620px;
  }
  #page-sidebar + #main {
    width: 998px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 135px;
    padding-left: 20px;
  }
  #page-sidebar + #main::after {
    content: '';
    background-color: #f5f5f5;
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    width: calc(50vw - calc(1268px / 2));
    z-index: -1;
  }
}
/* SIDEBAR *******************************************************************/
#sidebarFloat {
  float: right;
  padding-right: 24px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 1000px) {
  .responsive #sidebarFloat,
  .responsive #content #sidebarFloat {
    float: none;
    padding-right: 0;
    margin-top: 0;
  }
}
/* For when there's a faux-sidebar nested within content (ie guide view). */
#content #sidebarFloat {
  margin-top: -24px;
  padding-right: 0;
}
@media only screen and (max-width: 599px) {
  .responsive #content #sidebarFloat {
    margin-top: 0;
  }
}
#sidebar {
  width: 316px;
  margin-top: 24px;
}
#sidebar > div:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 1000px) {
  .responsive #sidebar {
    width: 100%;
  }
}
/* SIDEBAR BOXES */
.sidebarBox {
  border: 1px solid #e7e7e7;
  margin: 8px 0px;
  padding: 1px 7px 7px;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 599px) {
  .responsive .sidebarBox {
    background-color: transparent;
    border-radius: 0;
  }
}
#sidebar .sidebarBox {
  margin: 8px 0px 8px;
}
#sidebar .sidebarBox h3 {
  margin-bottom: 8px;
}
#sidebar .sidebarBox.top {
  margin-top: 72px;
}
.sidebarBox .last {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
/* SIDEBAR BOX MAIN */
.sidebarBoxMain {
  border: none;
  background-color: #f5f5f5;
}
/* TWO-TIERED BOXES */
.sidebarBoxTwoTier {
  background-color: #f5f5f5;
  border-width: 0px;
}
#sidebar .sidebarBoxTwoTier {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 1px 7px 0px;
  background-color: #ffffff;
}
.sidebarBoxTwoTier .interior {
  border: 1px solid #e7e7e7;
  padding: 7px 7px 0px;
  background-color: #ffffff;
}
#sidebar .sidebarBoxTwoTier .interior {
  border: none;
  padding: 0px;
}
/* SIDEBAR FORM BODY */
#sidebar .formBody {
  margin: 8px 0px;
}
/* SIDEBAR EDIT NAVIGATION */
#sidebarEditNav ul {
  height: 2.6em;
  list-style: none;
  margin: 0px;
  padding: 0px;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#sidebarEditNav li {
  float: left;
  display: block;
  width: 33.33%;
  text-align: center;
  line-height: 2.167em;
  margin: 0px;
}
#sidebarEditNav li a {
  display: block;
  height: 100%;
}
#sidebarEditNav a,
#sidebarEditNav a:hover,
#sidebarEditNav a:visited {
  color: #515861;
}
#sidebarEditNav li.activeNav a {
  font-weight: bold;
}
/* SIDEBAR BLURBS */
.sidebarBlurb {
  clear: both;
  overflow: hidden;
  margin: 0px 0px 7px;
  border-bottom: 1px dotted #e7e7e7;
  padding-bottom: 7px;
}
.sidebarBlurbLast {
  margin-bottom: 0px;
  border-bottom: none;
}
.sidebarBlurb .blurbImage {
  float: right;
}
.sidebarBoxTwoTier .blurbImage {
  border: none;
  margin-right: 0px;
}
.sidebarBlurb .blurbImageCentered a {
  display: block;
  width: 41px;
  height: 41px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
}
.sidebarBlurb .blurbText {
  margin-right: 64px;
}
.sidebarBlurb h4 {
  margin: 0px 0px 0px 0px;
  font-size: 12px;
}
.sidebarBlurb .blurbText p {
  margin: 0px;
}
/* MAIN CONTENT **************************************************************/
#contentFloat {
  float: left;
  padding: 0px 20px 24px;
}
#flash {
  margin: 24px;
}
.fullWidth #guideIndexBanner,
.fullWidth #contentFloat {
  padding: 0;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  .responsive.fullWidth #contentFloat {
    padding: 0 12px 24px;
  }
  .responsive #contentFloat {
    width: 100%;
  }
}
#topContent {
  padding: 0 24px;
}
#content {
  width: 593px;
  margin-top: 24px;
}
.fullWidth #content {
  width: 100%;
}
/* BACKGROUND */
#background {
  position: relative;
  z-index: 1;
  padding: 0;
}
/* MAIN, MAIN BODY, and MAIN SIDE NAV ****************************************/
#main {
  width: 998px;
  margin: 0 auto;
}
@media only screen and (max-width: 1000px) {
  .responsive #main,
  .responsive #mainBody,
  .responsive #content {
    width: 100%;
    margin: auto !important;
    padding: 0;
  }
}
#mainBody {
  text-align: left;
  text-align: start;
  padding-top: 0.1px;
  position: relative;
  min-height: 300px;
  border-radius: 0;
  box-shadow: none;
}
.ie8 #mainBody {
  overflow: hidden;
}
body.hasSideNav #sidebarFloat {
  padding-right: 18px;
}
body.hasSideNav #mainBody {
  float: right;
  width: 841px;
}
body.hasSideNav #bodyTop {
  padding: 0 24px;
}
/* This selector handles the fullWidth when sideNav exists.
 * Used right now in /Manage */
body.hasSideNav.fullWidth #mainBody #content,
body.hasSideNav #mainBody #bodyTop div .tabList,
body.hasSideNav #mainBody #contentFloat #content .tabList {
  width: 793px;
}
/* MAIN SIDE NAV */
#mainSideNav {
  float: left;
  width: 140px;
  list-style: none;
  margin: 0px;
  padding: 24px 0px 0px;
}
#mainSideNav li {
  margin: 0px;
  padding-left: 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.714em;
  text-align: left;
  text-align: start;
}
#mainSideNav li.active {
  background-color: #e7e7e7;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
#mainSideNav li.active a {
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0 -1px 0 #bfbfbf;
}
/* RED GREEN CLASSES *********************************************************/
.green {
  color: #35d478;
}
.red {
  color: #e82421;
}
/** STATUS PANEL *************************************************************/
#statusPanel {
  position: fixed;
  top: 26%;
  left: 52%;
  width: 200px;
  height: auto;
  margin-left: -130px;
  /* Negative margins are probably the most cross browser way to do
    * vertical centering in css.  The true height is not known so we
    * just make it look good from 100-300px */
  margin-top: -150px;
  padding: 30px;
  z-index: 13;
  text-align: center;
  border: 1px solid #444;
  border-radius: 10px;
  color: #ffffff;
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9);
  cursor: pointer;
  box-shadow: 0 0 20px #ffffff;
  /* Start out hidden. We have a delay on the 'visibility' transition
    * (it transitions instantly) so that it doesn't disappear
    * immediately upon being hidden.
    * See: www.greywyvern.com/?post=337 */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear, visibility 0.1s linear 0s, margin 0.1s ease-in-out;
  -moz-transition: opacity 0.1s linear, visibility 0.1s linear 0s, margin 0.1s ease-in-out;
  transition: opacity 0.1s linear, visibility 0.1s linear 0s, margin 0.1s ease-in-out;
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  #statusPanel {
    top: 30%;
    left: 54%;
  }
}
@media only screen and (max-width: 599px) {
  #statusPanel {
    top: 50%;
    left: 59%;
  }
}
#statusPanel p {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  color: #eee;
}
#statusPanel a {
  font-size: 12px;
  color: #ddd;
  text-decoration: underline;
}
.throbber {
  border: 8px solid;
  border-top-color: #ffffff;
  border-left-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-right-color: rgba(255, 255, 255, 0.2);
  height: 50px;
  width: 50px;
  margin: 0 auto 20px;
  border-radius: 50px;
  -webkit-animation: rotate-throbber 0.8s infinite linear;
  -moz-animation: rotate-throbber 0.8s infinite linear;
  animation: rotate-throbber 0.8s infinite linear;
}
/* ---- Throbber Animation ----- */
@-webkit-keyframes rotate-throbber {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-throbber {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes rotate-throbber {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#statusPanel.show-panel {
  margin-top: -140px;
  opacity: 0.9;
  z-index: 100000;
  visibility: visible;
  /* The only thing we modify here is the visibility transition-delay
    * so that the transition from hidden -> visible has no delay
    * See more info in the #statusPanel ruleset */
  -webkit-transition: opacity 0.1s linear, visibility 0s linear 0s, margin 0.1s ease-in-out;
  -moz-transition: opacity 0.1s linear, visibility 0s linear 0s, margin 0.1s ease-in-out;
  transition: opacity 0.1s linear, visibility 0s linear 0s, margin 0.1s ease-in-out;
}
@media only screen and (max-width: 599px) {
  .hidden-mobile {
    display: none !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 740px) {
  .hidden-mobile-landscape {
    display: none !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  .hidden-tablet {
    display: none !important;
  }
}
@media only screen and (max-width: 1000px) {
  .hidden-mobile-tablet {
    display: none !important;
  }
}
@media only screen and (min-width: 1001px) {
  .hidden-desktop {
    display: none !important;
  }
}
@media only print {
  .hidden-print {
    display: none !important;
  }
}
.visible-print {
  display: none;
}
@media only print {
  .visible-print {
    display: inherit !important;
  }
}
.visible-mobile-tablet {
  display: none;
}
@media only screen and (max-width: 1000px) {
  .visible-mobile-tablet {
    display: block !important;
  }
}
.visible-mobile {
  display: none !important;
}
@media only screen and (max-width: 599px) {
  .visible-mobile {
    display: block !important;
  }
}
.visible-mobile-inline {
  display: none !important;
}
@media only screen and (max-width: 599px) {
  .visible-mobile-inline {
    display: inline !important;
  }
}
.visible-mobile-inline-block {
  display: none !important;
}
@media only screen and (max-width: 599px) {
  .visible-mobile-inline-block {
    display: inline-block !important;
  }
}
.visible-mobile-tablet-inline {
  display: none !important;
}
@media only screen and (max-width: 1000px) {
  .visible-mobile-tablet-inline {
    display: inline !important;
  }
}
.visible-desktop {
  display: block;
}
@media only screen and (max-width: 1000px) {
  .visible-desktop {
    display: none !important;
  }
}
hr.divider {
  border: 0;
  border-bottom: 1px solid #e7e7e7;
  background: #e7e7e7;
  margin: 32px 0;
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes scalein {
  from {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scalein {
  from {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* MAIN BODY **************************************************************/
#mainBody {
  border-radius: 0px;
}
body,
#background {
  color: #515861;
  background-color: transparent;
  background-repeat: repeat;
  box-shadow: none;
}
#footerBasic {
  text-shadow: 0px 1px 0px #ffffff;
}
#footerBasic ul {
  padding: 0px;
}


/*! File: Shared/clearfix.less */
/**
 * apply to a div at the bottom of a div holding floated content -- more
 * reliable than the above method, but a bit uglier.
 */
.clearer {
  clear: both;
  height: 0;
  padding: 0;
  margin: 0;
  line-height: 0;
  font-size: 0;
}
/**
 * Clearfix (from bootstrap)
 * --------
 * For clearing floats like a boss h5bp.com/q
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
  /**
    * Fixes Opera/contenteditable bug:
    * nicolasgallagher.com/micro-clearfix-hack/#comment-36952
    */
  line-height: 0;
}
.clearfix:after {
  clear: both;
}


/*! File: Shared/structure.less */
.container {
  position: relative;
}
.container div[class~='row']:last-of-type {
  margin-bottom: 0;
}
.category-row {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  *zoom: 1;
}
.category-row:before,
.category-row:after {
  display: table;
  content: '';
  line-height: 0;
}
.category-row:after {
  clear: both;
}
tr.row {
  background-color: #ffffff;
  box-shadow: 0 0 1px #bfbfbf inset;
}
.row {
  border-radius: 4px;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  margin-bottom: 20px;
}
@media only screen and (min-width: 600px) {
  .row div[class~='column']:not(:last-of-type) {
    margin-right: 20px;
  }
}
.row.divider {
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.row.divider .column.divider-content {
  height: 1px;
  background-color: #f0f0f0;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.row.no-gutter,
.row.no-gutter .column {
  margin: 0;
}
.column {
  -ms-flex: 1 1;
  -webkit-flex: 1 1;
  flex: 1 1;
  max-width: 100%;
}
.column.two-thirds {
  -ms-flex: 2 2 20px;
  -webkit-flex: 2 2 20px;
  flex: 2 2 20px;
}
@media only screen and (max-width: 599px) {
  .column.two-thirds {
    -ms-flex-basis: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto;
  }
}
.column.two-fifths {
  -ms-flex: 2 2 20px;
  -webkit-flex: 2 2 20px;
  flex: 2 2 20px;
}
@media only screen and (max-width: 599px) {
  .column.two-fifths {
    -ms-flex-basis: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto;
  }
}
.column.three-fifths {
  -ms-flex: 3 3 20px;
  -webkit-flex: 3 3 20px;
  flex: 3 3 20px;
}
@media only screen and (max-width: 599px) {
  .column.three-fifths {
    -ms-flex-basis: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto;
  }
}
.column.four-fifths {
  -ms-flex: 4 4 20px;
  -webkit-flex: 4 4 20px;
  flex: 4 4 20px;
}
@media only screen and (max-width: 599px) {
  .column.four-fifths {
    -ms-flex-basis: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto;
  }
}
.column > p:last-of-type {
  margin-bottom: 0;
}
.column-card {
  padding: 30px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background-color: white;
}
.column-card > h3:first-of-type {
  margin-top: 0;
}


/*! File: Shared/page_background.less */
body.page-background-gray {
  background: #f5f5f5;
}
.full-page-background header#mainHeader {
  margin-bottom: 0;
}
@media only screen and (max-width: 599px) {
  .full-page-background header#mainHeader {
    margin-bottom: 0;
  }
}
.full-page-background header#mainHeader .header-container {
  margin-bottom: 0;
}
.full-page-background #main {
  margin-top: 0;
}
@media only screen and (min-width: 1001px) {
  .full-page-background #main {
    padding: 0 10px;
  }
}
.full-page-background #mainBody {
  background: transparent;
  box-shadow: none;
}
.full-page-background #content {
  margin-top: 30px;
}


/*! File: Shared/dropdown.less */
.dropdown-wrapper {
  position: relative;
  display: inline-block !important;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 4px;
  height: 36px;
  min-width: 68px;
  max-width: 100%;
  font-size: 14px;
  background: #ffffff;
  -webkit-tap-highlight-color: transparent;
}
.dropdown-wrapper:focus {
  box-shadow: 0 0 1px 0 #677079;
  outline: none;
}
.dropdown-wrapper:focus .selected {
  border-color: #677079;
}
.dropdown-wrapper .dropdown {
  cursor: initial;
  display: block !important;
  border-radius: inherit;
}
.dropdown-wrapper i {
  color: #17191c;
  font-size: 14px;
}
.dropdown-wrapper svg {
  color: #677079;
}
.dropdown-wrapper .option-text {
  padding: 0;
  margin: 0;
  min-width: 0;
}
.dropdown-wrapper .selected {
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: inherit;
  position: relative !important;
  padding: 8px 12px 8px 16px;
}
.dropdown-wrapper .selected:hover + .options {
  will-change: tranform, opacity;
}
@media only screen and (max-width: 599px) {
  .dropdown-wrapper .selected {
    font-size: 16px;
  }
}
.dropdown-wrapper .selected div.svg {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  margin-left: 8px;
}
.dropdown-wrapper .selected strong {
  display: table-cell;
  vertical-align: middle;
  font-weight: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #17191c;
  height: 36px;
  line-height: 36px;
}
.dropdown-wrapper .selected input.dropdown-input {
  font: inherit;
  font-size: inherit;
  position: absolute !important;
  top: -1px;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 9px;
  border: 1px solid transparent;
  border-radius: inherit;
  opacity: 0;
  background: transparent;
  color: inherit;
  z-index: -1;
}
.dropdown-wrapper .selected input.dropdown-input:focus,
.dropdown-wrapper .selected input.dropdown-input:active {
  outline: none !important;
}
.dropdown-wrapper .options,
.dropdown-wrapper .input-options {
  margin-top: 8px;
  z-index: 5;
  box-shadow: 0 2px 4px rgba(17, 22, 26, 0.1), 0 8px 16px rgba(17, 22, 26, 0.2);
  border-top: 1px solid #f5f5f5;
  background: #ffffff;
  display: block !important;
  position: relative;
  border-radius: inherit;
  opacity: 0;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-transition: 0.125s transform, 0.125s opacity;
  transition: 0.125s transform, 0.125s opacity;
  -webkit-transform: scaleY(0.6);
  transform: scaleY(0.6);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}
.dropdown-wrapper .options .svg-icon,
.dropdown-wrapper .input-options .svg-icon {
  height: 17px;
  overflow: hidden;
}
.dropdown-wrapper .invalid-option {
  color: #677079;
}
.dropdown-wrapper .invalid-option .option-text {
  color: #677079;
}
.dropdown-wrapper .currently-selected-option {
  background: #f5f5f5;
}
.dropdown-wrapper .input-hidden-option {
  height: 0 !important;
  padding: 0;
}
.dropdown-wrapper .input-options {
  z-index: -1;
  position: absolute !important;
  top: 100%;
  left: 0;
  width: 100%;
}
.dropdown-wrapper span {
  min-width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  white-space: nowrap;
  height: 36px;
  padding: 8px 16px 8px 16px;
  cursor: pointer;
  -webkit-touch-callout: none;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #17191c;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.dropdown-wrapper span:not(.selected):not(.more):not(.option-text):first-child {
  margin-top: 8px;
}
.dropdown-wrapper span:not(.option-text):last-child {
  margin-bottom: 8px;
}
.dropdown-wrapper div.dropdown > span:hover,
.dropdown-wrapper div.dropdown > span:focus {
  outline: none;
  border: 1px solid #677079;
}
.dropdown-wrapper div.dropdown div.options span:hover,
.dropdown-wrapper div.dropdown div.options span:focus {
  outline: none;
  background: #f5f5f5;
}
.dropdown-wrapper .primary {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.dropdown-wrapper .primary .svg-icon svg {
  width: 12px;
  height: 12px;
}
.dropdown-wrapper .secondary {
  /* !important is required here because it is already used above. (span) */
  color: silver !important;
  font-size: 13px;
}
.dropdown-wrapper .with-secondary {
  padding-right: 16px;
}
.dropdown-wrapper .selection.more {
  height: 29px;
  text-align: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  padding: 0;
  margin: 0;
}
.dropdown-wrapper .cancel-input {
  border-radius: inherit;
  position: absolute !important;
  border: none;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 0.125s opacity;
  transition: 0.125s opacity;
}
.dropdown-wrapper .enter-input {
  border-radius: inherit;
  border: none;
  opacity: 0;
  -webkit-transition: 0.125s opacity;
  transition: 0.125s opacity;
}
.dropdown-wrapper.opened {
  overflow: visible;
}
.dropdown-wrapper.opened .options {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  min-width: fit-content;
}
.dropdown-wrapper.keyboard-searching,
.dropdown-wrapper.input-opened {
  box-shadow: 0 0 1px 0 #677079;
  outline: none;
}
.dropdown-wrapper.keyboard-searching .selected,
.dropdown-wrapper.input-opened .selected {
  border-color: #677079;
}
.dropdown-wrapper.keyboard-searching .selected,
.dropdown-wrapper.input-opened .selected {
  background: #ffffff;
}
.dropdown-wrapper.keyboard-searching .selected i,
.dropdown-wrapper.input-opened .selected i {
  -webkit-transform: translate(10px, 0);
  transform: translate(10px, 0);
  opacity: 0;
}
.dropdown-wrapper.keyboard-searching .selected strong,
.dropdown-wrapper.input-opened .selected strong {
  opacity: 0;
}
.dropdown-wrapper.keyboard-searching input.dropdown-input,
.dropdown-wrapper.input-opened input.dropdown-input {
  opacity: 1;
  z-index: 1;
}
.dropdown-wrapper.input-opened {
  overflow: visible;
}
.dropdown-wrapper.input-opened .options {
  height: 0;
}
.dropdown-wrapper.input-opened .input-options {
  z-index: 1;
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.dropdown-wrapper.typing .enter-input {
  opacity: 1;
}
.dropdown-wrapper.typing .cancel-input {
  opacity: 0;
  z-index: -1;
}
.dropdown-wrapper.closing {
  overflow: visible !important;
}
.dropdown-wrapper.dropdown-wrapper[aria-disabled] {
  color: #d9d9d9;
}
.dropdown-wrapper.dropdown-wrapper[aria-disabled] .selected {
  border-color: #f5f5f5;
  background: #f5f5f5;
}
.dropdown-wrapper.dropdown-wrapper[aria-disabled] .selected strong {
  color: #bfbfbf;
}
.dropdown-wrapper.dropdown-wrapper[aria-disabled]:hover .selected,
.dropdown-wrapper.dropdown-wrapper[aria-disabled]:focus .selected {
  border-color: #f5f5f5;
  background: #f5f5f5;
}
.dropdown-wrapper.dropdown-wrapper[aria-disabled] span {
  cursor: default;
}
.dropdown-wrapper.dropdown-small {
  height: 30px;
}
.dropdown-wrapper.dropdown-small span {
  height: 30px;
}
.dropdown-wrapper.dropdown-small .selected strong {
  height: 30px;
  line-height: 30px;
}
.dropdown-wrapper.dropdown-large {
  font-size: 16px;
  height: 48px;
}
.dropdown-wrapper.dropdown-large .selected {
  padding: 0 16px;
}
.dropdown-wrapper.dropdown-large .selected strong {
  height: 48px;
  line-height: 48px;
}
.dropdown-wrapper.dropdown-large .selected i {
  width: 24px;
}
.dropdown-wrapper.dropdown-large .selected input.dropdown-input {
  padding: 0 15px;
}
.dropdown-wrapper.dropdown-large span {
  height: 48px;
  padding: 0 42px 0 16px;
  font-weight: 600;
}


/*! File: Shared/filter_options.less */
.filter-options {
  padding: 0;
  overflow: auto;
}
.filter-options .filter-option {
  color: #11161a;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 13px;
  font-weight: 600;
  margin-right: 4px;
  padding: 4px 10px;
  background-color: #f5f5f5;
  border-radius: 2px;
}
@media only screen and (max-width: 599px) {
  .filter-options .filter-option {
    display: block;
    float: none;
  }
}
.filter-options .filter-option:hover {
  background-color: #e7e7e7;
  text-decoration: none;
}
.filter-options .filter-option:last-child {
  margin-right: 0;
}
.filter-options .filter-option.filter-label {
  cursor: auto;
  background-color: transparent;
  color: #677079;
}
.filter-options .filter-option.filter-label.touch-target {
  margin: 0;
}
.filter-options .filter-option.filter-label i {
  font-size: 14px;
  float: right;
}
@media only screen and (max-width: 599px) {
  .filter-options .filter-option.filter-label {
    font-size: 14px;
    padding: 14px 15px;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    color: #737373;
    font-weight: 600;
    width: 100%;
    display: block;
  }
}
.filter-options .filter-option-active {
  color: #ffffff;
  background-color: #11161a;
}
.filter-options .filter-option-active:hover {
  background-color: #11161a;
}
.filter-options .filter-items {
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}
@media only screen and (max-width: 599px) {
  .filter-options .filter-items {
    display: none;
    float: none;
    position: absolute;
    right: 0;
    padding: 0 15px;
    z-index: 1000;
    width: 100%;
    text-align: center;
    background-color: white;
  }
  .filter-options .filter-items.toggle-open {
    display: block;
  }
}
@media only screen and (max-width: 599px) {
  .filter-options .filter-option {
    margin: 4px 0;
    padding: 10px;
  }
}
@media only screen and (max-width: 599px) {
  .touch-target {
    font-size: 14px;
    padding: 14px 15px;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    color: #737373;
    width: 100%;
    font-weight: 600;
  }
  .touch-target .fa {
    float: right;
  }
  .touch-target.selected {
    background-color: #ffffff !important;
    border-color: #bfbfbf !important;
    color: #11161a !important;
  }
}


/*! File: Shared/form_manager.less */
/* @color-blue-gray-900; */
.formManagerStatus {
  z-index: 24000;
  padding: 6px 12px;
  color: #c21714;
  background-color: #fde9e9;
  border: 1px solid #f49695;
  border-radius: 3px;
  text-align: left;
  text-align: start;
}
.resetPasswordValidation {
  z-index: 24000;
  padding: 6px 12px;
  color: #c21714;
  background-color: #fde9e9;
  border: 1px solid #f49695;
  border-radius: 3px;
  text-align: left;
  text-align: start;
  margin-top: 8px;
  margin-bottom: 16px;
  display: inline-block;
}
.dropdown .formManagerStatus {
  background-color: transparent;
  border: none;
}
[data-accepts='guide_step_image'] .formManagerStatus,
[data-accepts='guide_step_object'] .formManagerStatus,
[data-accepts='work_order_image'] .formManagerStatus,
[data-accepts='work_order_object'] .formManagerStatus,
[data-accepts='work_order_document'] .formManagerStatus {
  position: absolute;
}
.defaultText {
  color: #bfbfbf !important;
}
.fieldError {
  background-color: #c21714;
}
form.detailed-errors .FormManager-error {
  display: inline-block;
  position: absolute;
  top: -3px;
  left: 0px;
  width: 8px;
  height: 8px;
  background: #e83d16;
  box-shadow: 0 0 0 4px white;
  border-radius: 100%;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: 0.2s transform, 0.2s opacity;
  transition: 0.2s transform, 0.2s opacity;
}
form.detailed-errors .FormManager-error.FormManager-error-visible {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
form.detailed-errors .formManagerStatus,
form.detailed-errors .formManagerDetailedStatus {
  z-index: 0;
  position: absolute;
  top: -9px;
  left: 0px;
  margin: 0;
  margin-left: 18px;
  white-space: nowrap;
  padding: 0 3px;
  border: none;
  font-size: 12px;
  font-weight: 400;
  background: none;
  background: white;
  color: #e83d16;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
form.detailed-errors .formManagerDetailedStatus {
  z-index: 1;
  padding: 12px 15px !important;
  width: 230px;
  top: -3px;
  white-space: normal;
  color: #404143;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: 1px solid #e2e3e3;
  cursor: pointer;
  -webkit-animation-name: fadein;
  -webkit-animation-duration: 0.16s;
  animation-name: fadein;
  animation-duration: 0.16s;
}


/*! File: Shared/input_controls.less */
@keyframes animate-focus-ring-in {
  from {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes animate-focus-ring-in {
  from {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0;
  }
}
input.ifixit-control:enabled,
input.ifixit-control:disabled {
  display: inline;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  border: none;
}
input.ifixit-control + label > span,
input.ifixit-control + span {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  color: #11161a;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
}
input.ifixit-control + label > span:hover::before,
input.ifixit-control + span:hover::before {
  will-change: opacity, transform;
}
input.ifixit-control + label > span:hover::after,
input.ifixit-control + span:hover::after {
  will-change: transform;
}
input.ifixit-control + label > span::before,
input.ifixit-control + span::before,
input.ifixit-control + label > span::after,
input.ifixit-control + span::after {
  content: '';
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 15px;
  border: 1px solid #677079;
  border-radius: 4px;
  background: #ffffff;
}
input.ifixit-control + label > span::after,
input.ifixit-control + span::after {
  -webkit-transition: 0.16s -webkit-transform;
  transition: 0.16s transform;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  background: #0e66e1 no-repeat center / 11px auto;
  background-image: url("/static/images/input/check1x.png");
  box-shadow: inset 0px 0px 0px 6px;
  color: rgba(0, 0, 0, 0);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  input.ifixit-control + label > span::after,
  input.ifixit-control + span::after {
    background-image: url("/static/images/input/check2x.png");
  }
}
input.ifixit-control:focus + label > span::before,
input.ifixit-control:focus + span::before {
  box-shadow: 0 0 2px 1px rgba(0, 113, 206, 0.66) !important;
  border-color: #7fb8e7 !important;
}
input.ifixit-control:checked + label > span::before,
input.ifixit-control:checked + span::before {
  border-color: transparent !important;
  -webkit-animation: animate-focus-ring-in 0.24s;
  animation: animate-focus-ring-in 0.24s;
}
input.ifixit-control:checked + label > span::after,
input.ifixit-control:checked + span::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
input.ifixit-control:disabled:not(.control-readonly) + label > span,
input.ifixit-control:disabled:not(.control-readonly) + span {
  color: #677079;
}
input.ifixit-control:disabled:not(.control-readonly) + label > span::after,
input.ifixit-control:disabled:not(.control-readonly) + span::after {
  background-color: #f5f5f5;
}
input.ifixit-control:disabled:not(.control-readonly) + label > span::before,
input.ifixit-control:disabled:not(.control-readonly) + span::before {
  border-color: #f5f5f5;
  box-shadow: none;
}
input.ifixit-control.control-small + label > span,
input.ifixit-control.control-small + span {
  line-height: 14px;
  height: 14px;
  font-size: 13px;
}
input.ifixit-control.control-small + label > span::before,
input.ifixit-control.control-small + span::before,
input.ifixit-control.control-small + label > span::after,
input.ifixit-control.control-small + span::after {
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
input.ifixit-control.control-small + label > span::after,
input.ifixit-control.control-small + span::after {
  background-image: url("/static/images/input/checksmall1x.png");
  background-size: 8px auto;
  box-shadow: inset 0 0 0 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  input.ifixit-control.control-small + label > span::after,
  input.ifixit-control.control-small + span::after {
    background-image: url("/static/images/input/checksmall2x.png");
  }
}
input.ifixit-control.control-large + label > span,
input.ifixit-control.control-large + span {
  line-height: 22px;
  height: 22px;
  font-size: 18px;
  font-weight: 600;
}
input.ifixit-control.control-large + label > span::before,
input.ifixit-control.control-large + span::before,
input.ifixit-control.control-large + label > span::after,
input.ifixit-control.control-large + span::after {
  width: 22px;
  height: 22px;
}
input.ifixit-control.control-large + label > span::after,
input.ifixit-control.control-large + span::after {
  background-image: url("/static/images/input/checklarge1x.png");
  background-size: 13px auto;
  box-shadow: inset 0 0 0 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  input.ifixit-control.control-large + label > span::after,
  input.ifixit-control.control-large + span::after {
    background-image: url("/static/images/input/checklarge2x.png");
  }
}
input.ifixit-control.control-right + label > span::before,
input.ifixit-control.control-right + span::before,
input.ifixit-control.control-right + label > span::after,
input.ifixit-control.control-right + span::after {
  position: absolute;
  right: 0;
  margin: 0 0 0 15px;
}
input.ifixit-control.control-right + label > span::after,
input.ifixit-control.control-right + span::after {
  position: static;
}
input.ifixit-control.control-right.control-small + label > span::before,
input.ifixit-control.control-right.control-small + span::before {
  margin-left: 10px;
}
input.ifixit-control[type='radio'] + label > span::before,
input.ifixit-control[type='radio'] + span::before,
input.ifixit-control[type='radio'] + label > span::after,
input.ifixit-control[type='radio'] + span::after {
  border-radius: 100%;
}
input.ifixit-control[type='radio'] + label > span::after,
input.ifixit-control[type='radio'] + span::after {
  background: none;
  color: #0e66e1;
}
input.ifixit-control[type='radio']:disabled + label > span::after,
input.ifixit-control[type='radio']:disabled + span::after {
  color: #f5f5f5;
}


/*! File: Shared/page_title.less */
.page-title-container {
  margin: 28px 0 24px;
  overflow: hidden;
}
@media only screen and (max-width: 599px) {
  .page-title-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.page-title {
  font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
  position: relative;
  top: -4px;
  font-weight: 400;
  font-size: 36px;
  float: left;
  margin: 0;
}
.page-title a {
  text-decoration: none;
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  .page-title {
    font-size: 24px;
    top: 2px;
    padding-left: 16px;
  }
}
@media only screen and (max-width: 599px) {
  .page-title {
    float: none;
    font-size: 19px;
    width: 100%;
    top: 0;
  }
  .page-title .page-title-text {
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    top: 5px;
    position: relative;
    font-size: inherit;
    font-weight: inherit;
    display: inherit;
  }
  .page-title .button {
    float: right;
    font-size: 14px;
    padding: 7px 14px 8px;
  }
}
.page-title-actions {
  float: right;
  margin-top: 0;
}
@media only screen and (max-width: 599px) {
  #banner .page-title {
    padding: 0 24px;
  }
}
.answers-text {
  font-weight: inherit;
  font-size: inherit;
  display: inherit;
}


/*! File: Shared/status.less */
/* STATUS MESSAGES */
.status {
  margin: 0;
  padding: 4px 12px;
  border-bottom: 1px solid #e7e7e7;
}
.status.inPage {
  border-radius: 4px;
  margin-bottom: 8px;
}
.status.sidebar {
  border-radius: 4px;
  margin-bottom: 4px;
}
.status.sidebar p {
  font-size: 12px;
}
.status a {
  text-decoration: underline;
}
.status p {
  font-size: 14px;
}
.status i.fa {
  cursor: pointer;
  padding: 5px;
  font-size: 14px;
  margin-top: -3px;
}
.status i.svg-icon {
  vertical-align: middle;
  margin-right: 10px;
}
.statusSuccess {
  background-color: #ebfbf2;
  border-color: #9aeabc;
}
.statusSuccess.inPage {
  border: 1px solid #9aeabc;
}
.statusSuccess.sidebar {
  border: 1px solid #9aeabc;
}
.statusSuccess.sidebar p {
  margin: 0;
}
.statusSuccess,
.statusSuccess strong,
.statusSuccess a {
  color: #26b060;
}
.statusOptIn {
  background-color: #dbe8fb;
  border-bottom: 1px solid #4890f4;
}
.statusOptIn.inPage {
  border: 1px solid #4890f4;
}
.statusOptIn,
.statusOptIn button.optInToggle {
  color: #3081f2;
}
.statusOptIn button.optInToggle {
  text-decoration: underline;
}
.statusOptIn.categoryV2OptIn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.statusNotice {
  background-color: #fef8e9;
  border-bottom: 1px solid #face6a;
}
.statusNotice.inPage {
  border: 1px solid #face6a;
}
.statusNotice.sidebar {
  border: 1px solid #face6a;
}
.statusNotice.sidebar p {
  margin: 0;
}
.statusNotice,
.statusNotice strong,
.statusNotice a {
  color: #946805;
}
.statusError {
  background-color: #fde9e9;
  border-bottom: 1px solid #f49695;
}
.statusError.inPage {
  border: 1px solid #f49695;
}
.statusError.sidebar {
  border: 1px solid #f49695;
}
.statusError.sidebar p {
  margin: 0;
}
.statusError,
.statusError strong,
.statusError a {
  color: #c21714;
}
.translating #statusNoticeDiv {
  margin-bottom: 8px;
}
.statusInfo.inPage {
  border: 1px solid #e7e7e7;
}
.statusInfo.sidebar {
  border: 1px solid #e7e7e7;
}
.statusInfo.sidebar p {
  margin: 0;
}
.errorPage .message {
  font-size: 14px;
  behavior: url(/static/PIE.htc);
  position: relative;
}
.errorPage .message p {
  margin: 8px;
}


/*! File: Shared/forms.less */
/* FORMS */
form {
  margin: 0;
}
fieldset {
  border: 1px solid #e7e7e7;
}
legend {
  font-size: 18px;
  font-weight: 700;
}
textarea {
  resize: vertical;
}
/**
 * New Form Style
 * -------------------------
 */
.form .formBody {
  background-color: transparent;
  padding: 0;
}
.form label,
.form textarea,
.form select,
.form input {
  font-size: 14px;
  margin-bottom: 10px;
}
.form textarea,
.form input {
  overflow: visible;
  border: 1px solid #c1c1c1;
  padding: 4px 8px;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px #f5f5f5;
}
.form label {
  display: block;
  font-weight: bold;
  margin: 0 0 4px 0;
}
.form label.input-checkbox {
  font-weight: 400;
}
.form label.input-checkbox input[type='checkbox'] {
  margin-right: 8px;
}
.form ul.checkboxes {
  margin: 1em 0;
}
.form.form-horizontal label {
  display: inline-block;
}
.form .form-field {
  margin: 16px 0;
}
.form .radio-group {
  clear: both;
  overflow: auto;
  padding: 0 4px;
}
.form .radio-group dt {
  float: left;
  clear: left;
  width: 30px;
  margin-top: -4px;
}
.form .radio-group input[type='radio'] {
  width: auto;
  height: 20px;
}
.form .radio-group dd {
  float: left;
  margin-bottom: 0;
  margin-left: 0;
  line-height: 18px;
}
.form .submit-container {
  padding-top: 8px;
  margin-top: 16px;
  border-top: 1px solid #e7e7e7;
}
.form .submit-container input[type='submit'],
.form .submit-container button[type='submit'] {
  float: right;
}
@media only screen and (max-width: 1000px) {
  /**
   * Wrap in @media query to avoid including an empty selector on desktop
   *
   * This rule prevents mobile browsers from doing an auto zoom when
   * focusing on a form field.  By default, the browser zooms to make the
   * input text big enough for the user.  But if you set the default
   * font-size so that it's already big enough, the zoom doesn't happen and
   * it doesn't screw up the layout.
   *
   * Reference: https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone
   */
  .responsive input[type='text'],
  .responsive input[type='password'],
  .responsive input[type='datetime'],
  .responsive input[type='datetime-local'],
  .responsive input[type='date'],
  .responsive input[type='month'],
  .responsive input[type='time'],
  .responsive input[type='week'],
  .responsive input[type='number'],
  .responsive input[type='email'],
  .responsive input[type='url'],
  .responsive input[type='search'],
  .responsive input[type='tel'],
  .responsive input[type='color'] select,
  .responsive textarea {
    font-size: 16px;
  }
}
/**
 * Old Form Style
 * -------------------------
 */
.formBody {
  padding: 0px 8px 8px 8px;
  overflow: visible;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.formBody h2.subhead {
  margin-top: 0px;
  /* Header tags in a form body don't need bottom spacing because the form
    * field includes padding */
  margin-bottom: 0px;
  padding: 5px 0px 2px;
  border-bottom: 1px dotted #e7e7e7;
}
.formBody h3.subhead {
  margin-top: 0px;
  padding: 5px 0px 2px;
}
.formBody button.buttonLink,
.formBody a.buttonLink {
  border-radius: 2px;
}
.disclaimer {
  margin: 2px 0px;
  background-color: transparent;
  font-style: italic;
  color: #677079;
}
/* FORM FIELDS */
.formField {
  margin: 0px;
  padding: 16px 0px 0px;
}
.formFieldTop,
.formBodySingleton .formField {
  padding-top: 8px;
}
.formFieldCompact {
  padding-top: 4px;
}
.formRow label,
.formField label,
.formField.formField label {
  display: block;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
}
.formField label.optional {
  font-weight: normal;
}
.formField input,
.formField select,
.formField textarea {
  margin: 0px;
}
.textField input,
textarea {
  overflow: visible;
  margin-top: 4px;
  border: 1px solid #c1c1c1;
  padding: 4px 8px;
  font-size: 14px;
  color: #11161a;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px #f5f5f5;
}
/* The link to formatting help beneath a text area for wiki text. */
.formattingHelp {
  margin: 3px 0px 0px;
  text-align: right;
}
/* FORM ROWS */
.formRow {
  margin: 0px;
  padding: 16px 0px 0px;
}
.formRow .formField {
  float: left;
  margin: 0px;
}
/* LISTS OF CHECKBOXES */
.formField .checkboxes {
  margin: -4px 0px 0px;
  padding: 0px;
  list-style: none;
}
.formField .checkboxes li {
  float: none;
  padding: 0px;
  clear: both;
  margin-top: 3px;
}
.formField .checkboxes input {
  margin: 0px;
}
.formField .checkboxes label {
  display: inline;
  font-size: 12px;
  font-weight: normal;
}
/* SUBMIT BUTTONS */
div.submit {
  display: flex;
  justify-content: flex-end;
  margin: 8px 0px 24px;
}
.formBody div.submit {
  margin: 8px 0px 0px;
}
div.submit button.buttonLink,
div.submit a.buttonLink {
  margin-right: 6px;
}
div.submit button.buttonLink.buttonLinkRight,
div.submit a.buttonLink.buttonLinkRight {
  margin-left: 6px;
  margin-right: 0;
}
a.linkRight,
button.buttonLinkRight {
  float: right;
}
a.linkLeft,
button.buttonLinkLeft {
  float: left;
}
/* MAIN CONTENT FORM FIELDS */
#content .formBody .fullWidth {
  width: 571px;
}
.responsive #content .formBody .fullWidth {
  width: 100%;
}
.formBody .twoThirdsWidthField,
.formBody .twoThirdsWidthTextField,
.formBody .twoThirdsWidth {
  width: 364px;
}
@media only screen and (max-width: 599px) {
  .formBody .twoThirdsWidthField,
  .formBody .twoThirdsWidthTextField,
  .formBody .twoThirdsWidth {
    width: 100%;
  }
}
.formBody .twoThirdsWidthField textarea,
.formBody .twoThirdsWidthTextField input,
.formBody .textField input.twoThirdsWidth,
.formBody .formField textarea.twoThirdsWidth {
  width: 358px;
}
@media only screen and (max-width: 599px) {
  .formBody .twoThirdsWidthField textarea,
  .formBody .twoThirdsWidthTextField input,
  .formBody .textField input.twoThirdsWidth,
  .formBody .formField textarea.twoThirdsWidth {
    width: 100%;
  }
}
.formBody .chosen-device {
  display: flex;
  position: relative;
  background-color: #eaeaea;
  padding: 10px;
  border-radius: 4px;
}
.formBody .chosen-device .device-image {
  width: 100px;
}
.formBody .chosen-device .device-image img {
  width: 100%;
}
.formBody .chosen-device .device-description {
  width: 62%;
  padding-left: 10px;
}
.formBody .chosen-device .device-description h3 {
  margin-top: 0;
  font-size: 15px;
}
.formBody .chosen-device .device-description h4 {
  margin-top: 0;
  font-size: 13px;
}
.formBody .chosen-device .device-display-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.formBody .chosen-device .device-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  color: #828b96;
}
.formBody .chosen-device .device-summary {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.formBody .chosen-device p {
  margin: 5px 0 0 0;
}
.formBody .chosen-device .change-button {
  position: absolute;
  font-size: 11px;
  color: #677079;
  top: 5px;
  right: 5px;
  font-weight: 600;
  cursor: pointer;
  text-transform: uppercase;
}
.formBody .chosen-device .change-button i {
  font-size: 15px;
  color: #bfbfbf;
  position: relative;
  top: 1px;
}


/*! File: Shared/tabs.less */
/* TABS **********************************************************************/
#bodyTop .tabWrap {
  padding-left: 24px;
  padding-right: 24px;
}
body.hasSideNav #bodyTop .tabWrap {
  padding-left: 0;
}
.tabWrap {
  margin-bottom: 6px;
}
.fullWidth .tabs {
  margin-bottom: 16px;
}
#banner .tabs,
.fullWidth .tabs {
  width: 100%;
}
.tabs {
  height: 35px;
  margin: 24px 0px 8px;
  padding: 0px;
  list-style-type: none;
  border-bottom: 1px solid #979797;
}
@media only screen and (max-width: 599px) {
  .tabs {
    height: auto;
  }
}
.tabs > li {
  float: left;
  position: relative;
  display: inline-block;
  height: 34px;
  margin: 0 3px;
  font-size: 14px;
}
@media only screen and (max-width: 599px) {
  .tabs > li {
    width: 100%;
    float: none;
    margin: 0;
    clear: both;
    display: block;
  }
}
.tabs .overflow-list {
  list-style-type: none;
  padding: 0;
}
.tabs .overflow-item {
  display: inline-block;
  padding: 9px 20px;
  font-size: 13px;
}
.tabs .overflow-item a {
  color: #394a58;
}
.tabs .overflow-item.active a {
  font-weight: 700;
  color: #11161a;
}
.tabs a:hover {
  color: #11161a;
  text-decoration: none;
}
.tabs span {
  border-color: #f5f5f5;
  background-color: #ffffff;
  color: #e7e7e7;
  cursor: default;
}
.tabs .notificationIcon {
  position: absolute;
  top: -8px;
  right: -4px;
  padding: 2px 10px;
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #f5a626;
  border-radius: 15px;
  line-height: 15px;
}
@media only screen and (max-width: 599px) {
  .tabs .notificationIcon {
    top: 8px;
    right: 8px;
  }
}
.tabs .overdueReviews {
  background-color: #e82421;
}
.tabs .approvalProcessRequiredIcon {
  color: #e82421;
  position: absolute;
  top: 0;
  right: -5px;
  padding: 2px 10px;
}
a.tab-link {
  position: relative;
  color: #11161a;
  display: block;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  border-radius: 2px 2px 0 0;
  top: -1px;
  border-width: 1px 1px 0;
  padding: 7px 17px 8px;
  background-color: #f5f5f5;
  line-height: 19px;
}
a.tab-link.active {
  background-color: #ffffff;
  border: 1px solid #979797;
  border-bottom-color: #ffffff;
  color: #11161a;
  font-weight: bold;
}
@media only screen and (max-width: 599px) {
  a.tab-link.active {
    border: 1px solid #e7e7e7;
  }
}
a.tab-link.disabled {
  color: #e7e7e7;
}
@media only screen and (max-width: 599px) {
  a.tab-link {
    border-width: 1px;
  }
}
.tab.overflow {
  float: right;
  text-align: right;
}
@media only screen and (max-width: 599px) {
  .tab.overflow {
    display: none;
  }
}
/**
 * Setting `'mainNavClass' => 'no-landscape-tabs'` in the tabs' render() will
 * prevent tabs from rendering the special landscape mode, which can look dumb
 * in some situations.
 */
@media only screen and (min-width: 600px) and (max-width: 740px) {
  ul.tabs:not(.no-landscape-tabs) {
    height: auto;
  }
  ul.tabs:not(.no-landscape-tabs) > li {
    width: 100%;
    float: none;
    margin: 0;
    clear: both;
    display: block;
  }
  ul.tabs:not(.no-landscape-tabs) .notificationIcon {
    top: 8px;
    right: 8px;
  }
  ul.tabs:not(.no-landscape-tabs) a.tab-link {
    border-width: 1px;
  }
  ul.tabs:not(.no-landscape-tabs) a.tab-link.active {
    border: 1px solid #e7e7e7;
  }
  ul.tabs:not(.no-landscape-tabs) .tab.overflow {
    display: none;
  }
}


/*! File: Shared/tooltips.less */
.tooltip {
  position: absolute;
  background-color: #ffffff;
  z-index: 100;
}
.tooltip .content {
  margin: 5px;
}
/* CORNERS */
.tooltip .ctl,
.tooltip .ctr,
.tooltip .cbl,
.tooltip .cbr {
  position: absolute;
  width: 10px;
  height: 10px;
  background-image: url("/static/images/icons/tooltip_sprite.png");
}
.tooltip .ctl {
  background-position: 0px 0px;
  top: -5px;
  left: -5px;
}
.tooltip .ctr {
  background-position: -10px 0px;
  top: -5px;
  right: -5px;
}
.tooltip .cbr {
  background-position: -10px -10px;
  bottom: -5px;
  right: -5px;
}
.tooltip .cbl {
  background-position: 0px -10px;
  bottom: -5px;
  left: -5px;
}
/* EDGES */
.tooltip .et,
.tooltip .eb {
  position: absolute;
  background-image: url("/static/images/icons/tooltip_sprite.png");
  height: 5px;
}
.tooltip .el,
.tooltip .er {
  position: absolute;
  background-image: url("/static/images/icons/tooltip_sprite.png");
  width: 5px;
}
.tooltip .et {
  background-position: -40px -25px;
  top: -5px;
  left: 5px;
}
.tooltip .eb {
  background-position: -40px -35px;
  bottom: -5px;
  left: 5px;
}
.tooltip .er {
  background-position: -35px -40px;
  top: 5px;
  right: -5px;
}
.tooltip .el {
  background-position: -25px -40px;
  top: 5px;
  left: -5px;
}
/* ARROWS */
.tooltip-at,
.tooltip-ar,
.tooltip-ab,
.tooltip-al {
  background-image: url("/static/images/icons/tooltip_sprite.png");
  position: absolute;
}
.tooltip-at {
  background-position: 0px -55px;
  width: 19px;
  height: 10px;
  margin: 0px 3px;
}
.tooltip-ar {
  background-position: 0px -94px;
  width: 10px;
  height: 19px;
  margin: 3px 0px;
}
.tooltip-ab {
  background-position: 0px -40px;
  width: 19px;
  height: 10px;
  margin-left: 18px;
}
.tooltip-al {
  background-position: 0px -70px;
  width: 10px;
  height: 19px;
  margin: 3px 0px;
}


/*! File: Shared/modal.less */
.modal-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 450;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.7);
  animation: fadein 0.25s;
}
.modal-overlay.overlayClosing {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 0;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.modalBox {
  position: fixed;
  padding: 30px 15px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1300;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0;
  border-radius: 0;
}
.modalBox.modalOpen {
  animation: fadeTranslateIn 0.3s;
}
.modalBox.modalClosing {
  animation: fadeTranslateOut 0.3s;
}
.modalBox.letterBoxModal {
  width: 48% !important;
  height: auto !important;
  top: 0 !important;
  left: 0 !important;
  border: 1px solid #f5f5f5;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  margin: 4% 26%;
}
.modalBox.letterBoxModal .modalContentBox {
  margin: 0 auto;
  padding: 24px;
}
.modalBox.letterBoxModal .modalContentBox,
.modalBox.letterBoxModal .modalContentBox div {
  width: 100% !important;
}
body.modal-displayed {
  overflow: hidden;
}
@media only screen and (max-width: 599px) {
  .responsive .modalBox.letterBoxModal {
    height: 92% !important;
  }
}
@media only screen and (max-width: 1000px) {
  .responsive .modalBox.letterBoxModal {
    width: 92% !important;
    margin: 4% !important;
    overflow: scroll;
    overflow-x: hidden;
  }
  .responsive .modalBox.letterBoxModal .modalCloseBtn {
    top: 0;
    right: 0;
  }
  .responsive .modalBox.letterBoxModal .modalContentBox {
    height: auto !important;
  }
}
.modalContentBox {
  max-width: 872px;
  margin: 0 auto;
  padding: 0;
  height: auto !important;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.modalContentBox > .modal-content {
  position: relative;
  margin: auto;
  padding: 8px;
  max-width: 100%;
  outline: none;
  display: inline-block;
  background: #ffffff;
  border-radius: 8px !important;
  text-align: left;
  text-align: start;
  overflow: auto;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.7);
}
.modalContentBox > .modal-content input {
  border-width: 1px;
}
.modalHeader {
  padding: 5px 5px 10px 5px;
  background: #666;
  overflow: hidden;
}
.modalHeader .modalTitle {
  margin: 0;
  text-align: center;
  border: none;
}
.modalHeader,
.modalHeader .modalTitle,
.modalHeader a,
.modalHeader a:visited {
  color: #ffffff;
}
.modalBox .modalCloseBtn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 501;
  cursor: pointer;
  font-size: 20px;
  padding: 0px 9px 3px 10px;
  line-height: 1.5em;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #eee;
  color: #666;
}
.modalBox .modalCloseBtn:hover {
  color: #222;
}
.modalBox .formBody {
  background-color: #ffffff;
}
/* LOADING *******************************************************************/
.modalBox > .throbber {
  margin-top: 200px;
}
.loading {
  position: absolute;
  text-align: center;
  background: url("/static/images/modal/spinner.gif") no-repeat;
  background-position: bottom center;
}
.loading .message {
  margin: 0px 0px 40px 0px;
  font-size: 20px;
  font-weight: bold;
}
.loading .subMessage {
  margin: -35px 0px 40px 0px;
}
/* QUESTIONS *****************************************************************/
.modalMessage {
  width: 350px;
}
.modalMessageText {
  margin: 0px;
  padding: 8px 8px 8px;
}
.modalMessageButtons {
  margin: 0px;
  padding: 0 8px 8px 8px;
  text-align: right;
}
.modalMessageButtons.full-width button {
  width: 100%;
  margin-left: 0;
}
.modalMessageButtons button {
  margin: 8px 0px 0px 10px;
}
/* Forms in modals ***********************************************************/
.modalBox .formBody {
  margin: 0 18px 36px;
}
.modalContentBox > .defaultWidth {
  min-width: 500px;
}
@media only screen and (max-width: 740px) {
  .modalContentBox > .defaultWidth {
    min-width: 100%;
  }
}
.modalCloseBtn {
  display: none;
}
@keyframes fadeTranslateIn {
  from {
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeTranslateOut {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0;
  }
}


/*! File: Shared/page_stats.less */
#pageStatsSpacer {
  margin-top: 40px;
}
@media only screen and (max-width: 1000px) {
  #pageStatsSpacer {
    margin-top: 0;
  }
}
#mainBody #pageStats {
  margin-top: 0;
}
#pageStats {
  background-color: #ffffff;
  font-size: 13px;
  height: auto;
  width: 100%;
  padding: 1px 0 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  #pageStats {
    display: block;
  }
}
@media only screen and (max-width: 599px) {
  #pageStats {
    position: relative;
    flex-direction: column;
  }
}
#pageStats.has-margins {
  margin-bottom: -32px;
}
#pageStats .stats-module-title {
  display: flex;
  margin-right: 30px;
}
@media only screen and (max-width: 1000px) {
  #pageStats .stats-module-title {
    display: block;
    padding: 10px 0;
    margin-right: 0;
  }
}
#pageStats .stats-numbers-container {
  display: flex;
}
@media only screen and (max-width: 599px) {
  #pageStats .stats-numbers-container {
    flex-direction: column;
  }
}
#pageStats p {
  font-size: 13px;
  text-align: center;
  display: inline-block;
  padding: 5px 30px;
  margin: 5px auto;
  border-right: 1px solid #e7e7e7;
  color: #515861;
}
@media only screen and (max-width: 599px) {
  #pageStats p {
    display: block;
    border-right: none;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  #pageStats p {
    flex-basis: 100%;
  }
}
#pageStats p:last-child {
  border-right: 0;
}
#pageStats span.statValue {
  font-weight: bold;
  margin: 0 6px;
  color: #515861;
}
#pageStats .fa-bar-chart-o {
  font-size: 14px;
  position: relative;
  top: 1px;
  margin-right: 4px;
  color: #d9d9d9;
}


/*! File: Shared/notify.less */
#notifications {
  background-color: #fef8e9;
  width: 100%;
  z-index: 1100;
  border-bottom: 2px solid #face6a;
  color: #946805;
  cursor: pointer;
  position: relative;
}
#notifications .close {
  font-size: 16px;
  position: absolute;
  right: 5px;
  top: 25%;
}
.notification {
  width: 947px;
  cursor: inherit;
  margin: 0 auto;
  font-size: 14px;
  padding: 8px 0;
}
@media only screen and (max-width: 1000px) {
  .notification {
    width: 100%;
    padding: 6px 24px;
    text-align: left;
    text-align: start;
  }
}
.notification .timesince {
  margin-left: 8px;
  font-size: 10px;
  font-style: italic;
}


/*! File: Shared/skip-to-content.less */
.skip-to-content {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
.skip-to-content:focus,
.skip-to-content:active {
  color: #ffffff;
  background-color: #11161a;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: auto;
  padding: 5px;
  margin: 5px;
  text-align: center;
  font-size: 36px;
  z-index: 999;
}


/*! File: Shared/custom_footer.less */
#customFooter {
  margin-top: 30px;
  text-align: center;
}


/*! File: Shared/popovers.less */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  width: 236px;
  padding: 1px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow:after {
  content: '';
  z-index: -1;
}
.popover.top .arrow {
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: #ffffff;
}
.popover.top .arrow:after {
  border-width: 11px 11px 0;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -1px;
  left: -11px;
}
.popover.right .arrow {
  top: 50%;
  left: -10px;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-right-color: #ffffff;
}
.popover.right .arrow:after {
  border-width: 11px 11px 11px 0;
  border-right-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
  left: -1px;
}
.popover.bottom .arrow {
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #ffffff;
}
.popover.bottom .arrow:after {
  border-width: 0 11px 11px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -1px;
  left: -11px;
}
.popover.left .arrow {
  top: 50%;
  right: -10px;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  border-left-color: #ffffff;
}
.popover.left .arrow:after {
  border-width: 11px 0 11px 11px;
  border-left-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
  right: -1px;
}


/*! File: Shared/autocompleter.less */
ul.autocompleter-choices {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #ffffff;
  text-align: left;
  text-align: start;
  z-index: 50;
  overflow-x: hidden;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.5);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  /** EVERYTHING FINDER ********************************************************/
}
ul.autocompleter-choices li {
  position: relative;
  margin: -2px 0 0 0;
  padding: 4px 6px;
  display: block;
  float: none !important;
  cursor: pointer;
  font-weight: 400;
  white-space: normal;
  font-size: 1rem;
  line-height: 1.5em;
  background-image: none;
  clear: both;
}
ul.autocompleter-choices li.autocompleter-selected {
  background-color: #e7e7e7;
}
ul.autocompleter-choices span.autocompleter-queried {
  display: inline;
  float: none;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
ul.autocompleter-choices li td {
  vertical-align: top;
  font-size: 1rem;
  border: none;
}
ul.autocompleter-choices li td p {
  margin: 0px;
}
ul.autocompleter-choices li table .img {
  width: 60px;
  height: 46px;
}
ul.autocompleter-choices li table .text {
  padding-right: 15px;
}
ul.blurb-finder {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #ffffff;
  text-align: left;
  text-align: start;
  z-index: 50;
  overflow-x: hidden;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  border: 1px solid #aaa;
}
ul.blurb-finder .autocompleter-selected {
  background-color: #f5f5f5;
}
ul.blurb-finder li.blurb-item:first-of-type {
  border-top: 0;
}
ul.blurb-finder .blurb-item {
  cursor: pointer;
  overflow: hidden;
  padding: 16px 6px;
}
@media only screen and (max-width: 599px) {
  ul.blurb-finder .blurb-item {
    padding: 16px 16px;
  }
}
ul.blurb-finder .blurb-text,
ul.blurb-finder .blurb-image {
  float: left;
}
ul.blurb-finder .blurb-image {
  width: 56px;
  height: 42px;
  margin-right: 8px;
}
ul.blurb-finder .blurb-image.one-one {
  height: 56px;
}
ul.blurb-finder .blurb-image ~ .blurb-text {
  max-width: 80%;
}
@media only screen and (max-width: 599px) {
  ul.blurb-finder .blurb-image ~ .blurb-text {
    max-width: 100%;
  }
}
ul.blurb-finder .blurb-summary {
  color: #515861;
  margin: 4px 0 0 0;
}
ul.blurb-finder .blurb-title {
  margin: 0;
  font-weight: 600;
  color: #11161a;
}
@media only screen and (max-width: 599px) {
  ul.blurb-finder .blurb-title {
    font-weight: 400;
  }
}
ul.blurb-finder .blurb-add-new {
  border-top: 1px solid #0e66e1;
}
ul.blurb-finder .blurb-add-new .autocompleter-queried {
  color: #0e66e1;
}
ul.blurb-finder span.autocompleter-queried {
  color: #5f6772;
}
ul.blurb-finder .reputation {
  margin-left: 6px;
  color: #f6a623;
}


/*! File: Shared/media.less */
.mediaTarget .contents,
.replaceImage > .icon,
.addImage > .icon,
.addVideo > .icon,
.addDocument > .icon,
.noImage {
  background-position: center;
  background-repeat: no-repeat;
}
.replaceImage > .icon {
  background-image: url("/static/images/guide/replace-large.png");
  width: 100%;
  height: 100%;
}
.replaceImage.thumbnail > .icon {
  background-image: url("/static/images/guide/replace-small.png");
}
.addVideo > .icon,
.addImage > .icon,
.addDocument > .icon {
  background-color: #f5f5f5;
  -webkit-transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}
.addVideo > .icon:hover,
.addImage > .icon:hover,
.addDocument > .icon:hover {
  background-color: #b3efcc;
}
.addImage > .icon {
  background-image: url("/static/images/guide/camera-large-add-2.png");
}
.addImage.thumbnail > .icon {
  background-image: url("/static/images/guide/camera-small-add-2.png");
}
.addVideo > .icon {
  background-image: url("/static/images/guide/video-large-add-2.png");
}
.addDocument > .icon {
  background-image: url("/static/images/guide/document-add.png");
}
.replaceImage.thumbnail > .icon,
.addImage.thumbnail > .icon {
  width: 96px;
  height: 72px;
}
.mediaTarget[data-accepts="profile_image"] {
  line-height: 0;
}
.mediaTarget[data-accepts="profile_image"] .replaceImage > .icon {
  width: 120px;
  height: 120px;
}
.mediaTarget[data-accepts="profile_image"] .addImage > .icon {
  width: 100px;
  height: 100px;
}
.mediaTarget[data-accepts="profile_image"] > .contents.standard,
.mediaTarget[data-accepts="profile_image"] img {
  width: 120px;
  height: 120px;
}
.addVideo.standard > .icon,
.addImage.standard > .icon,
.addDocument.standard > .icon {
  /**
    * 2px of border and 8px of margin on all sides == (desired width - 20px)
    */
  width: 280px;
  height: 205px;
  border-radius: 10px;
  border: 2px dashed #e7e7e7;
  margin: 8px;
}
.addVideo.standard > .icon:hover,
.addImage.standard > .icon:hover,
.addDocument.standard > .icon:hover {
  border-color: #35d478;
}
.control-readonly .addVideo > .icon:hover,
.control-readonly .addImage > .icon:hover,
.control-readonly .addDocument > .icon:hover {
  border-color: #e7e7e7;
  background-color: unset;
}
.addImage.disabled > .icon {
  background-color: unset;
}
.addImage.disabled > .icon:hover {
  border-color: #e7e7e7;
}
.noImage.standard {
  background-image: url("/static/images/guide/NoImage_300x225.jpg");
}
.noImage.thumbnail {
  background-image: url("/static/images/guide/NoImage_96x72.jpg");
}
.mediaTarget {
  margin: auto;
  display: inline-block;
}
.mediaTarget.disabled {
  cursor: auto;
}
.mediaTarget .contents.standard {
  width: 300px;
  height: 225px;
}
.mediaTarget .contents.thumbnail {
  width: 96px;
  height: 72px;
}
.alterTarget {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transition: opacity ease-out 0.28s;
  transition: opacity ease-out 0.28s;
}
.mediaTarget:hover .replaceImage {
  opacity: 1;
}
.mediaTarget .replaceImage {
  opacity: 0;
}
.disallow-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none;
}


/*! File: Shared/oembed.less */
/* Set the oembed container to a specific aspect ratio for video embeds. Since
   gists don't use iframes, we can simply remove the padding and they will be
   unaffected by these rules. */
.oembedContainer {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}
.oembedContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gist-container {
  padding-bottom: 0;
}
.gist-container pre {
  font-size: 12px !important;
}
.gist-container .gist .gist-file {
  margin-bottom: 0;
}


/*! File: tags.less */
#tagInput {
  padding-top: 0px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
#tagsEdit {
  width: 210px;
  float: left;
}
#answersDevice #tagsEdit {
  width: 200px;
}
#tagsEditStatusMessage {
  color: #c21714;
}
#tagsAdd {
  min-width: 2.5em;
}
.save-tags-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
#tagList {
  padding-left: 0px;
  margin: 12px 0 0;
  list-style: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
#tagList li {
  padding: 4px 8px;
  margin: 0 8px 8px 0;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
}
#tagList .tag-text {
  margin-right: 4px;
}
#tagList .iconLink {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.2);
}
#tagList .iconLink:hover {
  color: rgba(0, 0, 0, 0.7);
}
#tagList.hideFlex {
  display: none;
}
#tagList.showFlex {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}


/*! File: blurbs.less */
.lang {
  padding: 0 4px;
  background: #f5f5f5;
  border: 1px solid #677079;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #677079;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
}
.result .lang {
  display: inline-block;
  vertical-align: 2px;
  margin-left: 8px;
}
.cell .lang {
  position: absolute;
  bottom: 0;
  right: 0;
}


/*! File: Shared/tables.less */
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
table th {
  text-align: left;
}
.table {
  width: 100%;
}
.table,
.inlinetable {
  margin-bottom: 18px;
}
.table th,
.inlinetable th,
.table td,
.inlinetable td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #e7e7e7;
}
.table th,
.inlinetable th {
  font-weight: bold;
}
.table thead th,
.inlinetable thead th {
  vertical-align: bottom;
}
.table caption,
.inlinetable caption {
  text-align: left;
  text-align: start;
  font-size: 14px;
}
.table caption + thead tr:first-child th,
.inlinetable caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.inlinetable caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.inlinetable colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.inlinetable colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.inlinetable thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td,
.inlinetable thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody,
.inlinetable tbody + tbody {
  border-top: 2px solid #e7e7e7;
}
.table th.center,
.inlinetable th.center,
.table td.center,
.inlinetable td.center {
  text-align: center;
}
.table td.align-right,
.inlinetable td.align-right,
.table th.align-right,
.inlinetable th.align-right {
  text-align: right;
}
.table td.number,
.inlinetable td.number,
.table th.number,
.inlinetable th.number {
  text-align: right;
}
.table-responsive {
  overflow-x: auto;
}
@media only screen and (max-width: 599px) {
  .table-responsive {
    width: 100%;
    overflow-y: hidden;
    border: 1px solid #e7e7e7;
  }
  .table-responsive .table {
    padding: 3px 6px;
  }
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #e7e7e7;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  border-radius: 4px;
}
.table-bordered.table-bordered-square {
  border-radius: 0;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #e7e7e7;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}
.table-header-accented th {
  background-color: #f5f5f5;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f5f5f5;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #f5f5f5;
}
table [class*='span'] {
  display: table-cell;
  float: none;
  margin-left: 0;
}
.table tbody tr.success td {
  background-color: #ebfbf2;
}
.table tbody tr.error td {
  background-color: #fde9e9;
}
.table tbody tr.warning td {
  background-color: #fef8e9;
}
.table tbody tr.info td {
  background-color: #f5f5f5;
}
.table-hover tbody tr.success:hover td {
  background-color: #d6f6e3;
}
.table-hover tbody tr.error:hover td {
  background-color: #fad2d2;
}
.table-hover tbody tr.warning:hover td {
  background-color: #fef0d0;
}
.table-hover tbody tr.info:hover td {
  background-color: #e8e8e8;
}
.wiki-table-scroll-wrapper {
  overflow-y: auto;
}


/*! File: Shared/alerts.less */
/**
 * Bootstrap overrides for alert boxes
 */
.alert {
  font-size: 12px;
  margin-bottom: 10px;
  text-shadow: none;
}
.alert-error {
  background-color: #fde9e9;
  border-color: #c21714;
  color: #ffffff;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}
.alert > .close {
  margin: 0;
  padding: 0;
}
.alert > .yesno {
  margin: 10px;
  min-width: 2em;
}


/*! File: Shared/truncation.less */
.truncated {
  overflow: hidden;
  position: relative;
  padding-bottom: 100px;
}
.truncated .readButtons {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.truncated .gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: repeat-x bottom left url("/static/images/transparency-50pxa.png");
  background-color: rgba(255, 255, 255, 0.4);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=0);
}
.truncated .readMore,
.truncated .readLess {
  display: inline-block;
  font-size: 12px;
  background-color: #c7c7c7;
  color: black;
  border-radius: 4px;
  padding: 2px 10px;
  text-decoration: none !important;
}
.truncated .readLess {
  display: none;
}
.truncated.expanded .gradient {
  display: none;
}
.truncated.expanded .readMore {
  display: none;
}
.truncated.expanded .readLess {
  display: inline-block;
}


/*! File: Shared/buttons.less */
input.button,
button.button,
span.button,
a.button,
.button[role='button'] {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 8px 16px 9px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  color: #11161a;
  font-size: 14px;
  text-align: center;
  transition: border-color 0.1s, background-color 0.1s;
  -webkit-appearance: none;
}
input.button,
button.button,
span.button,
a.button,
.button[role='button'],
input.button:hover,
button.button:hover,
span.button:hover,
a.button:hover,
.button[role='button']:hover,
input.button:active,
button.button:active,
span.button:active,
a.button:active,
.button[role='button']:active,
input.button:visited,
button.button:visited,
span.button:visited,
a.button:visited,
.button[role='button']:visited {
  text-decoration: none;
}
input.button:hover,
button.button:hover,
span.button:hover,
a.button:hover,
.button[role='button']:hover,
input.button.hover,
button.button.hover,
span.button.hover,
a.button.hover,
.button[role='button'].hover {
  background-color: #e7e7e7;
  background-image: none;
}
input.button:hover .fa,
button.button:hover .fa,
span.button:hover .fa,
a.button:hover .fa,
.button[role='button']:hover .fa,
input.button.hover .fa,
button.button.hover .fa,
span.button.hover .fa,
a.button.hover .fa,
.button[role='button'].hover .fa {
  opacity: 1;
}
input.button:active,
button.button:active,
span.button:active,
a.button:active,
.button[role='button']:active,
input.button.active,
button.button.active,
span.button.active,
a.button.active,
.button[role='button'].active {
  background-color: #d9d9d9;
  background-image: none;
}
input.button[disabled],
button.button[disabled],
span.button[disabled],
a.button[disabled],
.button[role='button'][disabled],
input.button.button-disabled,
button.button.button-disabled,
span.button.button-disabled,
a.button.button-disabled,
.button[role='button'].button-disabled,
input.button[aria-disabled],
button.button[aria-disabled],
span.button[aria-disabled],
a.button[aria-disabled],
.button[role='button'][aria-disabled] {
  cursor: not-allowed;
  background: #ffffff;
  background-image: none;
  border-color: #f5f5f5;
  color: #d9d9d9;
}
input.button[disabled] i,
button.button[disabled] i,
span.button[disabled] i,
a.button[disabled] i,
.button[role='button'][disabled] i,
input.button.button-disabled i,
button.button.button-disabled i,
span.button.button-disabled i,
a.button.button-disabled i,
.button[role='button'].button-disabled i,
input.button[aria-disabled] i,
button.button[aria-disabled] i,
span.button[aria-disabled] i,
a.button[aria-disabled] i,
.button[role='button'][aria-disabled] i {
  opacity: 0.5;
}
input.button[disabled]:active,
button.button[disabled]:active,
span.button[disabled]:active,
a.button[disabled]:active,
.button[role='button'][disabled]:active,
input.button.button-disabled:active,
button.button.button-disabled:active,
span.button.button-disabled:active,
a.button.button-disabled:active,
.button[role='button'].button-disabled:active,
input.button[aria-disabled]:active,
button.button[aria-disabled]:active,
span.button[aria-disabled]:active,
a.button[aria-disabled]:active,
.button[role='button'][aria-disabled]:active,
input.button[disabled].active,
button.button[disabled].active,
span.button[disabled].active,
a.button[disabled].active,
.button[role='button'][disabled].active,
input.button.button-disabled.active,
button.button.button-disabled.active,
span.button.button-disabled.active,
a.button.button-disabled.active,
.button[role='button'].button-disabled.active,
input.button[aria-disabled].active,
button.button[aria-disabled].active,
span.button[aria-disabled].active,
a.button[aria-disabled].active,
.button[role='button'][aria-disabled].active {
  color: #d9d9d9;
  background-color: #ffffff;
  border-color: #f5f5f5;
}
input.button[disabled]:hover,
button.button[disabled]:hover,
span.button[disabled]:hover,
a.button[disabled]:hover,
.button[role='button'][disabled]:hover,
input.button.button-disabled:hover,
button.button.button-disabled:hover,
span.button.button-disabled:hover,
a.button.button-disabled:hover,
.button[role='button'].button-disabled:hover,
input.button[aria-disabled]:hover,
button.button[aria-disabled]:hover,
span.button[aria-disabled]:hover,
a.button[aria-disabled]:hover,
.button[role='button'][aria-disabled]:hover,
input.button[disabled].hover,
button.button[disabled].hover,
span.button[disabled].hover,
a.button[disabled].hover,
.button[role='button'][disabled].hover,
input.button.button-disabled.hover,
button.button.button-disabled.hover,
span.button.button-disabled.hover,
a.button.button-disabled.hover,
.button[role='button'].button-disabled.hover,
input.button[aria-disabled].hover,
button.button[aria-disabled].hover,
span.button[aria-disabled].hover,
a.button[aria-disabled].hover,
.button[role='button'][aria-disabled].hover {
  background-color: #ffffff;
  background-image: none;
}
input.button.button-transparent,
button.button.button-transparent,
span.button.button-transparent,
a.button.button-transparent,
.button[role='button'].button-transparent {
  background-color: rgba(255, 255, 255, 0.1);
}
input.button.button-white,
button.button.button-white,
span.button.button-white,
a.button.button-white,
.button[role='button'].button-white {
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
  font-weight: 600;
}
input.button.button-white:hover,
button.button.button-white:hover,
span.button.button-white:hover,
a.button.button-white:hover,
.button[role='button'].button-white:hover,
input.button.button-white.hover,
button.button.button-white.hover,
span.button.button-white.hover,
a.button.button-white.hover,
.button[role='button'].button-white.hover {
  background-color: #ffffff;
  color: #0e66e1;
}
input.button.button-white[disabled],
button.button.button-white[disabled],
span.button.button-white[disabled],
a.button.button-white[disabled],
.button[role='button'].button-white[disabled],
input.button.button-white.button-disabled,
button.button.button-white.button-disabled,
span.button.button-white.button-disabled,
a.button.button-white.button-disabled,
.button[role='button'].button-white.button-disabled,
input.button.button-white[aria-disabled],
button.button.button-white[aria-disabled],
span.button.button-white[aria-disabled],
a.button.button-white[aria-disabled],
.button[role='button'].button-white[aria-disabled] {
  color: #d9d9d9;
  border-color: #d9d9d9;
}
input.button.button-white[disabled]:hover,
button.button.button-white[disabled]:hover,
span.button.button-white[disabled]:hover,
a.button.button-white[disabled]:hover,
.button[role='button'].button-white[disabled]:hover,
input.button.button-white.button-disabled:hover,
button.button.button-white.button-disabled:hover,
span.button.button-white.button-disabled:hover,
a.button.button-white.button-disabled:hover,
.button[role='button'].button-white.button-disabled:hover,
input.button.button-white[aria-disabled]:hover,
button.button.button-white[aria-disabled]:hover,
span.button.button-white[aria-disabled]:hover,
a.button.button-white[aria-disabled]:hover,
.button[role='button'].button-white[aria-disabled]:hover,
input.button.button-white[disabled].hover,
button.button.button-white[disabled].hover,
span.button.button-white[disabled].hover,
a.button.button-white[disabled].hover,
.button[role='button'].button-white[disabled].hover,
input.button.button-white.button-disabled.hover,
button.button.button-white.button-disabled.hover,
span.button.button-white.button-disabled.hover,
a.button.button-white.button-disabled.hover,
.button[role='button'].button-white.button-disabled.hover,
input.button.button-white[aria-disabled].hover,
button.button.button-white[aria-disabled].hover,
span.button.button-white[aria-disabled].hover,
a.button.button-white[aria-disabled].hover,
.button[role='button'].button-white[aria-disabled].hover {
  background-color: transparent;
  color: #d9d9d9;
}
input.button.button-danger,
button.button.button-danger,
span.button.button-danger,
a.button.button-danger,
.button[role='button'].button-danger {
  color: #ffffff;
  border-color: #e82421;
  background-color: #e82421;
}
input.button.button-danger:active,
button.button.button-danger:active,
span.button.button-danger:active,
a.button.button-danger:active,
.button[role='button'].button-danger:active,
input.button.button-danger.active,
button.button.button-danger.active,
span.button.button-danger.active,
a.button.button-danger.active,
.button[role='button'].button-danger.active {
  background-color: #d91916;
}
input.button.button-danger:hover,
button.button.button-danger:hover,
span.button.button-danger:hover,
a.button.button-danger:hover,
.button[role='button'].button-danger:hover,
input.button.button-danger.hover,
button.button.button-danger.hover,
span.button.button-danger.hover,
a.button.button-danger.hover,
.button[role='button'].button-danger.hover {
  background-color: #e21a17;
  background-image: none;
}
input.button.button-action,
button.button.button-action,
span.button.button-action,
a.button.button-action,
.button[role='button'].button-action {
  color: #0e66e1;
  border-color: #5899f3;
  background-color: #ddebfd;
}
input.button.button-action:active,
button.button.button-action:active,
span.button.button-action:active,
a.button.button-action:active,
.button[role='button'].button-action:active,
input.button.button-action.active,
button.button.button-action.active,
span.button.button-action.active,
a.button.button-action.active,
.button[role='button'].button-action.active {
  background-color: #c5ddfc;
}
input.button.button-action:hover,
button.button.button-action:hover,
span.button.button-action:hover,
a.button.button-action:hover,
.button[role='button'].button-action:hover,
input.button.button-action.hover,
button.button.button-action.hover,
span.button.button-action.hover,
a.button.button-action.hover,
.button[role='button'].button-action.hover {
  background-color: #cfe2fc;
}
input.button.button-action-solid,
button.button.button-action-solid,
span.button.button-action-solid,
a.button.button-action-solid,
.button[role='button'].button-action-solid {
  color: #ffffff;
  background-color: #0e66e1;
  border-color: #0e66e1;
}
input.button.button-action-solid:active,
button.button.button-action-solid:active,
span.button.button-action-solid:active,
a.button.button-action-solid:active,
.button[role='button'].button-action-solid:active,
input.button.button-action-solid.active,
button.button.button-action-solid.active,
span.button.button-action-solid.active,
a.button.button-action-solid.active,
.button[role='button'].button-action-solid.active {
  background-color: #0d5bc9;
  border-color: #0d5bc9;
}
input.button.button-action-solid:hover,
button.button.button-action-solid:hover,
span.button.button-action-solid:hover,
a.button.button-action-solid:hover,
.button[role='button'].button-action-solid:hover,
input.button.button-action-solid.hover,
button.button.button-action-solid.hover,
span.button.button-action-solid.hover,
a.button.button-action-solid.hover,
.button[role='button'].button-action-solid.hover {
  background-color: #0d5fd3;
  border-color: #0d5fd3;
}
input.button.button-action-solid[disabled],
button.button.button-action-solid[disabled],
span.button.button-action-solid[disabled],
a.button.button-action-solid[disabled],
.button[role='button'].button-action-solid[disabled],
input.button.button-action-solid.button-disabled,
button.button.button-action-solid.button-disabled,
span.button.button-action-solid.button-disabled,
a.button.button-action-solid.button-disabled,
.button[role='button'].button-action-solid.button-disabled,
input.button.button-action-solid[aria-disabled],
button.button.button-action-solid[aria-disabled],
span.button.button-action-solid[aria-disabled],
a.button.button-action-solid[aria-disabled],
.button[role='button'].button-action-solid[aria-disabled] {
  background-color: #bfbfbf;
  border-color: transparent;
  color: #ffffff;
}
input.button.button-checked,
button.button.button-checked,
span.button.button-checked,
a.button.button-checked,
.button[role='button'].button-checked {
  color: #0e66e1;
  background-color: #f3f7fe;
  border-color: #abc9f5;
}
input.button.button-checked:before,
button.button.button-checked:before,
span.button.button-checked:before,
a.button.button-checked:before,
.button[role='button'].button-checked:before {
  font-family: 'icomoon', sans-serif;
  content: '\f00c';
  margin-right: 12px;
}
input.button.button-link,
button.button.button-link,
span.button.button-link,
a.button.button-link,
.button[role='button'].button-link {
  padding: 12px 24px;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  border-radius: 0;
  border: 0;
}
input.button.button-link.button-action,
button.button.button-link.button-action,
span.button.button-link.button-action,
a.button.button-link.button-action,
.button[role='button'].button-link.button-action {
  color: #0e66e1;
}
input.button.button-link:active,
button.button.button-link:active,
span.button.button-link:active,
a.button.button-link:active,
.button[role='button'].button-link:active,
input.button.button-link.active,
button.button.button-link.active,
span.button.button-link.active,
a.button.button-link.active,
.button[role='button'].button-link.active,
input.button.button-link:hover,
button.button.button-link:hover,
span.button.button-link:hover,
a.button.button-link:hover,
.button[role='button'].button-link:hover,
input.button.button-link.hover,
button.button.button-link.hover,
span.button.button-link.hover,
a.button.button-link.hover,
.button[role='button'].button-link.hover {
  background-color: transparent;
}
input.button.button-link.button-danger,
button.button.button-link.button-danger,
span.button.button-link.button-danger,
a.button.button-link.button-danger,
.button[role='button'].button-link.button-danger {
  color: #e82421;
}
input.button.button-link.button-danger:hover,
button.button.button-link.button-danger:hover,
span.button.button-link.button-danger:hover,
a.button.button-link.button-danger:hover,
.button[role='button'].button-link.button-danger:hover {
  color: #c21714;
}
input.button.button-fpa,
button.button.button-fpa,
span.button.button-fpa,
a.button.button-fpa,
.button[role='button'].button-fpa {
  background-color: inherit;
}
input.button.button-transparent,
button.button.button-transparent,
span.button.button-transparent,
a.button.button-transparent,
.button[role='button'].button-transparent {
  background-color: transparent;
}
input.button.button-large,
button.button.button-large,
span.button.button-large,
a.button.button-large,
.button[role='button'].button-large {
  padding: 11px 25px 12px;
}
input.button.button-large.button-action-solid,
button.button.button-large.button-action-solid,
span.button.button-large.button-action-solid,
a.button.button-large.button-action-solid,
.button[role='button'].button-large.button-action-solid {
  font-weight: 600;
}
input.button.button-medium,
button.button.button-medium,
span.button.button-medium,
a.button.button-medium,
.button[role='button'].button-medium {
  padding: 6px 12px 7px;
}
input.button.button-small,
button.button.button-small,
span.button.button-small,
a.button.button-small,
.button[role='button'].button-small {
  padding: 5px 10px;
  font-size: 13px;
}
input.button.button-link-mini,
button.button.button-link-mini,
span.button.button-link-mini,
a.button.button-link-mini,
.button[role='button'].button-link-mini {
  font-size: 13px;
}
input.button.button-delete,
button.button.button-delete,
span.button.button-delete,
a.button.button-delete,
.button[role='button'].button-delete {
  color: #e82421;
  border-color: #fcdede;
}
input.button.button-delete:hover,
button.button.button-delete:hover,
span.button.button-delete:hover,
a.button.button-delete:hover,
.button[role='button'].button-delete:hover {
  background-color: #fef4f4;
  border-color: #f9c8c8;
}
input.button.button-delete .fa,
button.button.button-delete .fa,
span.button.button-delete .fa,
a.button.button-delete .fa,
.button[role='button'].button-delete .fa {
  color: #e82421;
}
input.button .fa,
button.button .fa,
span.button .fa,
a.button .fa,
.button[role='button'] .fa {
  font-size: 14px;
  margin-right: 8px;
  position: relative;
  top: 1px;
  opacity: 0.5;
  transition: opacity 0.2s;
}
input.button span + .fa,
button.button span + .fa,
span.button span + .fa,
a.button span + .fa,
.button[role='button'] span + .fa {
  margin-left: 8px;
  margin-right: 0;
}
input.button .svg-icon,
button.button .svg-icon,
span.button .svg-icon,
a.button .svg-icon,
.button[role='button'] .svg-icon {
  margin: 0;
  display: inline-block;
  vertical-align: text-bottom;
  color: #677079;
}
.button + .button {
  margin-left: 8px;
}
.nav-buttons .button {
  font-size: 14px;
}
.nav-buttons .button-action {
  -webkit-font-smoothing: subpixel-antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.button-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.button-group > .button {
  border-radius: 0;
  padding: 8px 16px 9px;
  border-color: #e7e7e7;
  color: #515861;
}
.button-group > .button + .button {
  margin-left: -4px;
}
.button-group > .button:first-child {
  border-left: 1px solid #e7e7e7;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.button-group > .button:first-child[disabled] {
  border-color: #f5f5f5;
}
.button-group > .button:last-child {
  border-right: 1px solid #e7e7e7;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.button-group > .button:last-child[disabled],
.button-group > .button:last-child.button-disabled,
.button-group > .button:last-child[aria-disabled] {
  border-color: #f5f5f5;
}
.button-group > .button:focus {
  z-index: 1;
}
.button-group > .button.active {
  background-color: #0e66e1;
  border-color: #0e66e1;
  color: #ffffff;
}
.button-group > .button.active + .button {
  border-left-color: #0e66e1;
}
.button-group .patrolButton {
  color: #ffffff;
  top: -3px;
}
.button-group .buttonAccept.patrolButton {
  background-color: #95c879;
  border-color: #77bb52;
  text-shadow: 0 1px 1px #77b166;
}
.button-group .buttonAccept.patrolButton:hover {
  background-color: #77bb52;
}
.button-group .buttonDeny.patrolButton {
  background-color: #e97462;
  border-color: #e74e36;
  text-shadow: 0 1px 1px #e74e36;
}
.button-group .buttonDeny.patrolButton:hover {
  background-color: #e74e36;
}
.button-group .buttonEdit.patrolButton {
  background-color: #677079;
  border-color: #515861;
  text-shadow: 0 1px 1px #515861;
}
.button-group .buttonEdit.patrolButton:hover {
  background-color: #515861;
}
.button-group + .button-group {
  margin-left: 5px;
}
.cartIconButton {
  float: right;
}
.cartIconButton i {
  float: right;
  font-size: 24px;
  margin-top: -4px;
  padding-left: 5px;
  color: #f8b620;
}
.cartIconButton p {
  float: left;
  line-height: 16px;
  font-size: 16px;
  margin: 0;
  color: #677079;
}
.cartIconButton:hover p {
  color: #515861;
  text-decoration: underline;
}
.cartIconButton:hover i {
  color: #f7ae08;
}
.button-nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  *zoom: 1;
}
.button-nav:before,
.button-nav:after {
  display: table;
  content: '';
  line-height: 0;
}
.button-nav:after {
  clear: both;
}
@media only screen and (max-width: 599px) {
  .button-nav.button-nav-horizontal {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
  }
}
.button-nav.button-nav-horizontal .button-nav-item {
  float: left;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
}
.button-nav.button-nav-horizontal .button-nav-item .button-count {
  display: block;
  position: absolute;
  color: white;
  top: -8px;
  right: -10px;
  background-color: #0e66e1;
  border-radius: 20px;
  padding: 2px 7px 2px 6px;
  font-weight: 700;
  font-size: 12px;
  z-index: 2;
}
@media only screen and (max-width: 599px) {
  .button-nav.button-nav-horizontal .button-nav-item {
    display: block;
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 599px) {
  .button-nav.button-nav-horizontal .button-nav-item:last-of-type .button {
    border-bottom: none;
  }
}
@media only screen and (max-width: 599px) {
  .button-nav.button-nav-horizontal i {
    position: absolute;
    left: 20px;
    top: 15px;
  }
}
.button-nav .button {
  padding: 8px 15px 8px 12px;
  font-size: 13px;
}
.button-nav .button .fa-heart {
  color: #ee5f5d;
}
.button-nav .button:hover {
  border-color: #d9d9d9;
}
.button-nav .button:active,
.button-nav .button.active {
  background-color: white;
}
@media only screen and (max-width: 599px) {
  .button-nav .button {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #e7e7e7;
    padding: 13px 17px;
  }
}
.button-dropdown-list {
  position: absolute;
  background-color: white;
  list-style-type: none;
  border-radius: 4px;
  padding: 4px 0;
  margin: 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.button-dropdown-list > li {
  text-align: left;
  font-size: 14px;
  line-height: 14px;
  color: #11161a;
  padding: 5px 14px;
}
.button-dropdown-list > li:hover {
  background-color: #f4f4f4;
}
.button-dropdown-list > li a {
  text-decoration: none;
  color: #11161a;
}
.button-dropdown-list > li .fa {
  margin-right: 10px;
  color: #aaa;
  width: 14px;
  text-align: center;
}


/*! File: Shared/cards.less */
.card {
  font-size: 14px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  overflow: hidden;
}
.card:not(.card-no-border) {
  border: 1px solid;
}
.card .card-component {
  padding: 8px;
}
.card .card-component.card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) + .card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  border-top: 1px solid;
}
.card .card-component.card-component-shaded-muted + .card-component-shaded-muted {
  border-top: 1px solid;
}
.card .card-component.card-component-shaded-light + .card-component-shaded-light {
  border-top: 1px solid;
}
.card .card-component.card-component-shaded-dark + .card-component-shaded-dark {
  border-top: 1px solid;
}
.card.card-green:not(.card-no-border) {
  border-color: #35d478;
}
.card.card-green .card-component.card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) + .card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  border-top-color: #cdf4dd;
}
.card.card-green .card-component.card-component-shaded-muted + .card-component-shaded-muted {
  border-top-color: #f5f5f5;
}
.card.card-green .card-component.card-component-shaded-light + .card-component-shaded-light {
  border-top-color: #68df9a;
}
.card.card-green .card-component.card-component-shaded-dark + .card-component-shaded-dark {
  border-top-color: #35d478;
}
.card.card-green .card-component.card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  background-color: #ffffff;
}
.card.card-green .card-component.card-component-shaded-muted {
  background-color: #f5f5f5;
}
.card.card-green .card-component.card-component-shaded-light {
  background-color: #cdf4dd;
}
.card.card-green .card-component.card-component-shaded-dark {
  color: #ffffff;
  background-color: #68df9a;
}
.card.card-green.card-hover:hover .card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  color: #35d478;
  background-color: #cdf4dd;
}
.card.card-green.card-hover:hover .card-component-shaded-light {
  color: #35d478;
  background-color: #ffffff;
}
.card.card-green.card-hover:hover .card-component-shaded-dark {
  color: #35d478;
  background-color: #ffffff;
}
.card.card-yellow:not(.card-no-border) {
  border-color: #f8b620;
}
.card.card-yellow .card-component.card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) + .card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  border-top-color: #fdedc7;
}
.card.card-yellow .card-component.card-component-shaded-muted + .card-component-shaded-muted {
  border-top-color: #f5f5f5;
}
.card.card-yellow .card-component.card-component-shaded-light + .card-component-shaded-light {
  border-top-color: #fac858;
}
.card.card-yellow .card-component.card-component-shaded-dark + .card-component-shaded-dark {
  border-top-color: #f8b620;
}
.card.card-yellow .card-component.card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  background-color: #ffffff;
}
.card.card-yellow .card-component.card-component-shaded-muted {
  background-color: #f5f5f5;
}
.card.card-yellow .card-component.card-component-shaded-light {
  background-color: #fdedc7;
}
.card.card-yellow .card-component.card-component-shaded-dark {
  color: #ffffff;
  background-color: #fac858;
}
.card.card-yellow.card-hover:hover .card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  color: #f8b620;
  background-color: #fdedc7;
}
.card.card-yellow.card-hover:hover .card-component-shaded-light {
  color: #f8b620;
  background-color: #ffffff;
}
.card.card-yellow.card-hover:hover .card-component-shaded-dark {
  color: #f8b620;
  background-color: #ffffff;
}
.card.card-red:not(.card-no-border) {
  border-color: #e82421;
}
.card.card-red .card-component.card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) + .card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  border-top-color: #f9c8c8;
}
.card.card-red .card-component.card-component-shaded-muted + .card-component-shaded-muted {
  border-top-color: #f5f5f5;
}
.card.card-red .card-component.card-component-shaded-light + .card-component-shaded-light {
  border-top-color: #ee5b59;
}
.card.card-red .card-component.card-component-shaded-dark + .card-component-shaded-dark {
  border-top-color: #e82421;
}
.card.card-red .card-component.card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  background-color: #ffffff;
}
.card.card-red .card-component.card-component-shaded-muted {
  background-color: #f5f5f5;
}
.card.card-red .card-component.card-component-shaded-light {
  background-color: #f9c8c8;
}
.card.card-red .card-component.card-component-shaded-dark {
  color: #ffffff;
  background-color: #ee5b59;
}
.card.card-red.card-hover:hover .card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  color: #e82421;
  background-color: #f9c8c8;
}
.card.card-red.card-hover:hover .card-component-shaded-light {
  color: #e82421;
  background-color: #ffffff;
}
.card.card-red.card-hover:hover .card-component-shaded-dark {
  color: #e82421;
  background-color: #ffffff;
}
.card.card-light-gray:not(.card-no-border) {
  border-color: #677079;
}
.card.card-light-gray .card-component.card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) + .card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  border-top-color: #d9dbde;
}
.card.card-light-gray .card-component.card-component-shaded-muted + .card-component-shaded-muted {
  border-top-color: #f5f5f5;
}
.card.card-light-gray .card-component.card-component-shaded-light + .card-component-shaded-light {
  border-top-color: #8d949b;
}
.card.card-light-gray .card-component.card-component-shaded-dark + .card-component-shaded-dark {
  border-top-color: #677079;
}
.card.card-light-gray .card-component.card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  background-color: #ffffff;
}
.card.card-light-gray .card-component.card-component-shaded-muted {
  background-color: #f5f5f5;
}
.card.card-light-gray .card-component.card-component-shaded-light {
  background-color: #d9dbde;
}
.card.card-light-gray .card-component.card-component-shaded-dark {
  color: #ffffff;
  background-color: #8d949b;
}
.card.card-light-gray.card-hover:hover .card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  color: #677079;
  background-color: #d9dbde;
}
.card.card-light-gray.card-hover:hover .card-component-shaded-light {
  color: #677079;
  background-color: #ffffff;
}
.card.card-light-gray.card-hover:hover .card-component-shaded-dark {
  color: #677079;
  background-color: #ffffff;
}
.card.card-approval-process:not(.card-no-border) {
  border-color: #4a90e2;
}
.card.card-approval-process .card-component.card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) + .card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  border-top-color: #d2e3f8;
}
.card.card-approval-process .card-component.card-component-shaded-muted + .card-component-shaded-muted {
  border-top-color: #f5f5f5;
}
.card.card-approval-process .card-component.card-component-shaded-light + .card-component-shaded-light {
  border-top-color: #77ace9;
}
.card.card-approval-process .card-component.card-component-shaded-dark + .card-component-shaded-dark {
  border-top-color: #4a90e2;
}
.card.card-approval-process .card-component.card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  background-color: #ffffff;
}
.card.card-approval-process .card-component.card-component-shaded-muted {
  background-color: #f5f5f5;
}
.card.card-approval-process .card-component.card-component-shaded-light {
  background-color: #d2e3f8;
}
.card.card-approval-process .card-component.card-component-shaded-dark {
  color: #ffffff;
  background-color: #77ace9;
}
.card.card-approval-process.card-hover:hover .card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  color: #4a90e2;
  background-color: #d2e3f8;
}
.card.card-approval-process.card-hover:hover .card-component-shaded-light {
  color: #4a90e2;
  background-color: #ffffff;
}
.card.card-approval-process.card-hover:hover .card-component-shaded-dark {
  color: #4a90e2;
  background-color: #ffffff;
}
.card.card-approval-request:not(.card-no-border) {
  border-color: #4a90e2;
}
.card.card-approval-request .card-component.card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) + .card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  border-top-color: #d2e3f8;
}
.card.card-approval-request .card-component.card-component-shaded-muted + .card-component-shaded-muted {
  border-top-color: #f5f5f5;
}
.card.card-approval-request .card-component.card-component-shaded-light + .card-component-shaded-light {
  border-top-color: #77ace9;
}
.card.card-approval-request .card-component.card-component-shaded-dark + .card-component-shaded-dark {
  border-top-color: #4a90e2;
}
.card.card-approval-request .card-component.card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  background-color: #ffffff;
}
.card.card-approval-request .card-component.card-component-shaded-muted {
  background-color: #f5f5f5;
}
.card.card-approval-request .card-component.card-component-shaded-light {
  background-color: #d2e3f8;
}
.card.card-approval-request .card-component.card-component-shaded-dark {
  color: #ffffff;
  background-color: #77ace9;
}
.card.card-approval-request.card-hover:hover .card-component:not(.card-component-shaded-muted):not(.card-component-shaded-light):not(.card-component-shaded-dark) {
  color: #4a90e2;
  background-color: #d2e3f8;
}
.card.card-approval-request.card-hover:hover .card-component-shaded-light {
  color: #4a90e2;
  background-color: #ffffff;
}
.card.card-approval-request.card-hover:hover .card-component-shaded-dark {
  color: #4a90e2;
  background-color: #ffffff;
}


/*! File: Shared/wiki_text_editor.less */
.wikiTextEditorToolbar {
  height: 36px;
  width: 358px;
  overflow: hidden;
  margin: 0 0 8px 0;
  padding: 2px 8px;
  list-style: none;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  background-color: #e5e5e5;
  background-repeat: repeat-x;
  background-image: linear-gradient(-180deg, #eeeeee, #e5e5e5);
}
.wikiTextEditorToolbar li {
  float: left;
  margin: 2px 8px 0 0;
  margin-bottom: 0 !important;
  padding: 0;
}
.wikiTextEditorToolbar li:last-child {
  margin-right: 0;
}
.wikiTextEditorToolbar li a {
  font-size: 14px;
  color: #11161a;
  text-shadow: 0 1px 0 #ffffff;
  padding: 7px 8px;
  display: block;
  line-height: 1em;
  /* The text (e.g. Bold), which we don't want to show since we have icons. */
}
.wikiTextEditorToolbar li a:hover {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
}
.wikiTextEditorToolbar li a span {
  display: none;
}
.wikiTextEditorToolbar .toolbarHelp {
  float: right;
}
.wikiTextEditorToolbar .toolbarHelp a {
  padding: 7px 8px;
}
.wikiTextEditorToolbar .toolbarHelp a:hover {
  text-decoration: none;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.wikiTextEditorToolbar .toolbarHelp a i.fa-question-circle {
  color: #677079;
  float: right;
  font-size: 14px;
  margin-right: -8px;
}
.wikiTextEditorToolbar .toolbarHelp a i.fa-question-circle:hover {
  color: #17191c;
  font-size: 14px;
}
.wikiTextEditorToolbar.mini {
  height: 28px;
  width: 100%;
}
.wikiTextEditorToolbar.mini li a {
  font-size: 11px;
  padding: 4px;
}
.wikiTextEditorToolbar.mini .toolbarHelp a {
  padding-top: 3px;
}
.inGuideStep {
  margin-left: 28px;
}
.wikiTextEditorModal {
  padding-bottom: 10px;
}
.wikiTextEditorModal div.formBody {
  padding: 0 8px 8px;
}
.wikiTextEditorModal .formField {
  padding: 30px 0 0;
}
.wikiTextEditorModal label {
  font-size: 16px;
  color: #11161a;
  margin-bottom: 10px;
}
.wikiTextEditorModal input[type='text'] {
  font-size: 14px;
  width: 100%;
  border: 1px solid #677079;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
  padding: 10px 17px;
  outline: none;
}
.wikiTextEditorModal button {
  float: right;
}
.wikiTextEditorModal .cancel-link {
  float: left;
}


/*! File: Shared/FrameModules/Image/image_menu.less */
ul.imageMenu {
  position: absolute;
  margin: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 0;
  transition: box-shadow 0.2s;
}
ul.imageMenu:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
ul.imageMenu li {
  display: inline-block;
}
ul.imageMenu li a {
  display: block;
  padding: 8px 12px 7px 12px;
  text-decoration: none;
  color: #4d4d4d;
  font-size: 14px;
  opacity: 0.8;
  transition: opacity 0.2s;
}
ul.imageMenu li a:hover {
  opacity: 1;
}
ul.imageMenu li + li a {
  border-left: 1px solid #e6e6e6;
}


/*! File: Shared/video.less */
/**
 * Global Video.js and video embed styles to make them responsive on all
 * screensizes.
 */
.videoBox {
  position: relative;
  width: auto !important;
  overflow: hidden;
  max-width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.videoBox .resolution-switch {
  position: absolute;
  left: 8px;
  top: 8px;
  display: none;
}
.videoBox:hover .resolution-switch {
  display: block;
}
.videoBox .resolution-button {
  cursor: pointer;
  padding: 4px 8px;
  border: none;
  color: #ffffff;
  background: #17191c;
  opacity: 0.4;
  border-radius: 4px;
}
.videoBox .resolution-button:hover {
  display: inline-block;
}
.videoBox .resolution-button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.videoBox .resolution-button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.videoBox .resolution-button.selected {
  opacity: 1;
}
.videoBox video,
.videoBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoFrame {
  max-width: 100%;
}
@media only screen and (max-width: 599px) {
  .videoFrame {
    width: auto !important;
  }
}
@media only screen and (max-width: 1000px) {
  .old-guide-view video,
  .old-guide-view iframe {
    position: relative;
  }
}
.play-btn {
  width: 68px;
  height: 48px;
  position: absolute;
  cursor: pointer;
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  left: 50%;
  background-color: transparent;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
  filter: grayscale(100%);
  transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
  border: none;
  opacity: 1;
}
.play-btn:hover {
  filter: grayscale(0%) !important;
}
.youtube-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background-size: cover;
  background-position: center;
}


/*! File: Shared/range_slider.less */
.slider {
  float: left;
  width: 200px;
  height: 14px;
  top: 4px;
  position: relative;
}
.slider .sliderGutter {
  border-radius: 3px;
  position: absolute;
  top: 4px;
  height: 6px;
  width: 100%;
  background: #d9d9d9;
  box-shadow: inset 0 1px 2px #677079;
  z-index: 1;
}
.slider .sliderRange {
  height: 6px;
  position: absolute;
  top: 4px;
  border-radius: 10px;
  background-color: #1266db;
  background-image: linear-gradient(to bottom, #0d61d6, #1a6ee3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0d61d6', endColorstr='#ff1a6ee3', GradientType=0);
  z-index: 2;
}
.slider .sliderKnob {
  position: absolute;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.2s;
  z-index: 3;
}
.slider .sliderKnob:hover {
  box-shadow: 0 0 3px 3px rgba(14, 102, 225, 0.5);
}
.ie9 .sliderKnob {
  border-width: 3px;
  border-radius: 0;
}


/*! File: Shared/name_complete.less */
.dropdown-menu {
  border-radius: 4px;
  border: none !important;
  padding: 4px 0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  list-style: none;
  background-color: #ffffff;
}
@media only screen and (max-width: 599px) {
  .dropdown-menu {
    width: 70vw !important;
    left: 15vw !important;
  }
}
.dropdown-menu .name-complete-entry {
  display: flex;
  align-items: center;
  padding: 6px 0;
}
.dropdown-menu .name-complete-entry .name-complete-image {
  position: relative;
  height: 24px;
  width: 24px;
  margin: 2px 8px 0px 15px;
  border-radius: 50%;
}
.dropdown-menu .name-complete-entry .name-complete-unique-username,
.dropdown-menu .name-complete-entry .name-complete-username {
  font-size: 14px;
  padding-right: 10px;
}
.dropdown-menu .name-complete-entry .name-complete-unique-username {
  font-weight: bold;
}
.dropdown-menu .textcomplete-item {
  text-align: left;
  text-align: start;
  overflow: auto;
  border: none;
}
.dropdown-menu .textcomplete-item a,
.dropdown-menu .textcomplete-item span {
  color: #11161a;
}
.dropdown-menu .textcomplete-item.active {
  background-color: #f5f5f5;
}
.dropdown-menu .textcomplete-item.active a,
.dropdown-menu .textcomplete-item.active span {
  text-decoration: none;
}


/*! File: Shared/shortcuts_modal.less */
.keyboard-shortcuts {
  font-size: 19px;
  color: #515861;
  margin-left: 14px;
  position: relative;
  cursor: pointer;
  top: 1px;
}
.keyboard-shortcuts:hover {
  color: #0e66e1;
}
#shortcuts-modal {
  width: 518px;
  padding: 60px 80px 36px;
}
@media only screen and (max-width: 599px) {
  #shortcuts-modal {
    width: 92%;
    padding: 47px 7%;
  }
}
#shortcuts-modal .modal-content {
  text-align: center;
}
#shortcuts-modal .modal-title {
  font-size: 15px;
  color: #515861;
}
#shortcuts-modal .modal-divider {
  height: 1px;
  width: 100%;
  background-color: #515861;
  margin-top: 14px;
}
#shortcuts-modal a.shortcuts-link {
  margin-top: 12px;
  background-color: #ffffff;
}
#shortcuts-modal .shortcuts-container {
  display: table;
  margin-top: 43px;
  width: 100%;
  padding-left: 17px;
}
#shortcuts-modal .shortcut {
  display: table-cell;
  text-align: left;
  text-align: start;
  padding-bottom: 14px;
}
#shortcuts-modal .shortcut-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  padding-top: 4px;
  text-align: center;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid;
}
#shortcuts-modal .shortcut-description {
  display: inline-block;
  margin-left: 9px;
}
@media only screen and (max-width: 599px) {
  #shortcuts-modal .shortcut-description {
    width: 60%;
    vertical-align: middle;
  }
}
#shortcuts-modal .shortcut-row {
  display: table-row;
}


/*! File: Shared/star_rating.less */
.star-rating i.fa {
  font-size: 18px;
  padding: 2px;
  color: #f8b620;
}
.star-rating i.fa:first-of-type {
  padding-left: 0;
}
.star-rating i.fa:last-of-type {
  padding-right: 0;
}
.star-rating.small i {
  font-size: 14px;
  padding: 1px;
}
.star-rating.large i {
  font-size: 22px;
  padding: 3px;
}


/*! File: Shared/loading_indicator.less */
@keyframes loading-slidein {
  from {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes loading-slidein {
  from {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.loading-indicator-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  pointer-events: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.loading-indicator-container .loading-indicator {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  text-align: center;
  height: 41px;
  padding: 8px 8px 5px 8px;
  pointer-events: auto;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: 0.3s ease-out width, 0.4s background-color, 0.3s opacity;
  transition: 0.3s ease-out width, 0.4s background-color, 0.3s opacity;
  will-change: transform, width;
}
.loading-indicator-container .loading-indicator.pending {
  background-color: #7a7c7d;
}
.loading-indicator-container .loading-indicator.success {
  background-color: #35d478;
}
.loading-indicator-container .loading-indicator.failure {
  background-color: #e82421;
}
.loading-indicator-container .loading-indicator.entering {
  -webkit-animation: loading-slidein 0.3s ease-out 0s 1;
  animation: loading-slidein 0.3s ease-out 0s 1;
}
.loading-indicator-container .loading-indicator.leaving {
  -webkit-animation: loading-slidein 0.3s ease-in 0s 1;
  animation: loading-slidein 0.3s ease-in 0s 1;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.loading-indicator-container .loading-indicator.leaving-now {
  opacity: 0;
}
.loading-indicator-container .message,
.loading-indicator-container .svg-icon,
.loading-indicator-container .spinner {
  display: inline-block;
  vertical-align: middle;
}
.loading-indicator-container .message {
  font-size: 13px;
  line-height: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
  padding-right: 8px;
  padding-left: 6px;
}
.loading-indicator-container .svg-icon,
.loading-indicator-container .spinner {
  margin-left: 3px;
}
.loading-indicator-container .message-container {
  text-align: center;
  opacity: 1;
  -webkit-transition: 0.22s ease-in opacity;
  transition: 0.22s ease-in opacity;
  position: static;
}
.loading-indicator-container .message-container.leaving {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  height: 0;
  opacity: 0;
}
.loading-indicator-container .message-container.entering {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  height: 0;
  -webkit-animation: fadein 0.22s ease-out 0.18s 1;
  animation: fadein 0.22s ease-out 0.18s 1;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.loading-indicator-container .svg-icon,
.loading-indicator-container .spinner {
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.loading-indicator-container .icon-animate.pop .svg-icon {
  transform: translateX(1px) translateY(-1px);
}
.loading-indicator-container .icon-animate.pop .svg-icon svg {
  -webkit-animation: scalein 0.3s cubic-bezier(0.7, 1.93, 0.7, 0.99) 0.18s 1;
  animation: scalein 0.3s cubic-bezier(0.7, 1.93, 0.7, 0.99) 0.18s 1;
  -webkit-transform-origin: 45% 55%;
  -moz-transform-origin: 45% 55%;
  -o-transform-origin: 45% 55%;
  transform-origin: 45% 55%;
}
.loading-indicator-container .spinner {
  position: relative;
}
.loading-indicator-container .spinner .spinner-circle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2.5px rgba(255, 255, 255, 0.2);
  border-radius: 10px;
}
.loading-indicator-container .spinner .spinner-edge {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  -webkit-transform-origin: 10px 10px;
  -moz-transform-origin: 10px 10px;
  -o-transform-origin: 10px 10px;
  transform-origin: 10px 10px;
  overflow: hidden;
  -webkit-animation: rotate-throbber 0.8s linear 0s infinite;
  animation: rotate-throbber 0.8s linear 0s infinite;
}
.loading-indicator-container .spinner .spinner-edge::after {
  display: block;
  box-sizing: border-box;
  content: '';
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2.5px #ffffff;
  border-radius: 10px;
}


/*! File: Shared/preferences.less */
.preferences-edit {
  width: 100%;
}
@media only screen and (max-width: 599px) {
  .preferences-edit {
    padding-right: 20px;
  }
}
.preferences-edit .accessibility-label {
  display: inline-block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
@media only screen and (max-width: 599px) {
  .preferences-edit .accessibility-label {
    width: auto;
    height: auto;
  }
}
.preferences-edit fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.preferences-edit .value-group > .fieldset-inner > legend,
.preferences-edit .group-label,
.preferences-edit .accessibility-label {
  font-size: 14px;
  font-weight: bold;
  color: #919191;
}
@media only screen and (max-width: 599px) {
  .preferences-edit .group-label {
    display: none;
  }
}
.preferences-edit .input-group legend {
  font-size: 14px;
  font-weight: normal;
}
.preferences-edit .value-group {
  margin-bottom: 40px;
}
@media only screen and (max-width: 599px) {
  .preferences-edit .value-group {
    margin-bottom: 20px;
  }
}
.preferences-edit .fieldset-inner {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 40px;
}
@media only screen and (max-width: 599px) {
  .preferences-edit .fieldset-inner {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    margin-bottom: 30px;
  }
}
.preferences-edit legend {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 50%;
  margin-right: 20px;
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  .preferences-edit legend {
    width: 35%;
  }
}
@media only screen and (max-width: 599px) {
  .preferences-edit legend {
    width: 100%;
    max-width: 100%;
  }
}
.preferences-edit .group-label,
.preferences-edit label {
  -ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 85px;
  height: 19px;
  text-align: center;
  cursor: pointer;
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  .preferences-edit .group-label,
  .preferences-edit label {
    width: 85px;
  }
}
@media only screen and (max-width: 599px) {
  .preferences-edit .group-label,
  .preferences-edit label {
    width: auto;
  }
}
.preferences-edit label {
  padding-left: 18px;
}
@media only screen and (max-width: 599px) {
  .preferences-edit label {
    padding-left: 0;
    margin: 10px 30px 0 0;
  }
}


/*! File: Shared/wiki_toc.less */
#wikiRenderedText .toc,
.toc > .header {
  display: none;
}
#sidebar-wiki-toc {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  max-height: 100%;
}
#sidebar-wiki-toc .toc {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow-y: auto;
  -ms-overflow-style: none;
}
#sidebar-wiki-toc .toc > ul {
  padding-bottom: 30px;
}
#sidebar-wiki-toc h2 {
  margin: 20px 20px 16px 20px;
  border: 0;
}
#sidebar-wiki-toc h2 a {
  display: block;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  color: #677079;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
}
#sidebar-wiki-toc .toc-title {
  margin: 20px 20px 16px 20px;
  border: 0;
  padding: 0 0 2px 0;
}
#sidebar-wiki-toc .toc-title a {
  display: block;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  color: #677079;
  text-transform: uppercase;
  text-decoration: none !important;
  letter-spacing: 1px;
  font-weight: bold;
}
#sidebar-wiki-toc ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#sidebar-wiki-toc .toc a {
  display: block;
  text-align: left;
  color: #515861;
  padding: 3px 30px 4px 26px;
  border-left: 4px solid transparent;
  -webkit-transition: 0.1s background-color, 0.1s border-color;
  transition: 0.1s background-color, 0.1s border-color;
  position: relative;
  margin-top: -2px;
}
#sidebar-wiki-toc .toc a:hover {
  background-color: #f5f5f5;
  text-decoration: none;
}
#sidebar-wiki-toc .toc a.scrolled {
  background-color: #ffffff;
  border-left: 4px solid #0e66e1;
  z-index: 1;
}
#sidebar-wiki-toc li:first-child a {
  margin-top: 0;
}
#sidebar-wiki-toc .toc > ul > li > a {
  color: #11161a;
  font-weight: bold;
  margin-top: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
}
#sidebar-wiki-toc .toc li li a {
  padding-left: 36px;
}
#sidebar-wiki-toc .toc li li li a {
  padding-left: 46px;
}
#sidebar-wiki-toc .toc li li li li a {
  padding-left: 56px;
}
#sidebar-wiki-toc .toc li li li li li a {
  padding-left: 66px;
}
@keyframes emphasizeTarget {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes emphasizeTarget {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
#wikiRenderedText .emphasize-target {
  -webkit-animation: emphasizeTarget 0.2s ease 0s 1;
  animation: emphasizeTarget 0.2s ease 0s 1;
}


/*! File: Shared/content_dropdown_group.less */
/**
 * Default theme for content_dropdown_group.js
 */
.content-dropdown-default {
  position: relative;
}
.content-dropdown-default .content-dropdown-list {
  display: none;
  position: absolute;
  z-index: 3;
  top: 50px;
  right: 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  border-radius: 4px;
  padding: 10px 0;
  list-style-type: none;
  overflow: hidden;
}
@media only screen and (max-width: 599px) {
  .content-dropdown-default .content-dropdown-list {
    overflow: visible;
    position: relative;
    top: 0;
    width: auto;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
  }
}
.content-dropdown-default .content-dropdown-list a,
.content-dropdown-default .content-dropdown-list .button {
  border: 0;
  padding: 0;
  background-color: transparent;
  height: 32px;
  line-height: 32px;
  width: 100%;
  border-radius: 0;
  text-decoration: none;
  text-align: left;
}
.content-dropdown-default .content-dropdown-list .fa {
  width: 18px;
  font-size: 18px;
  margin: -4px 14px 0 18px;
  opacity: 1;
  text-align: center;
  vertical-align: middle;
}
.content-dropdown-default .content-dropdown-toggle,
.content-dropdown-default .content-dropdown-list a,
.content-dropdown-default .content-dropdown-list .button {
  transition: 0.15s background-color;
}
.content-dropdown-default.content-dropdown-expanded .content-dropdown-list {
  display: block;
}
.content-dropdown-default.content-dropdown-expanded .content-dropdown-toggle,
.content-dropdown-default.content-dropdown-expanded .content-dropdown-list a:hover,
.content-dropdown-default.content-dropdown-expanded .content-dropdown-list .button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.content-dropdown-default.content-dropdown-expanded .content-dropdown-toggle .fa,
.content-dropdown-default.content-dropdown-expanded .content-dropdown-list a:hover .fa,
.content-dropdown-default.content-dropdown-expanded .content-dropdown-list .button:hover .fa,
.content-dropdown-default.content-dropdown-expanded .content-dropdown-toggle .svg-icon,
.content-dropdown-default.content-dropdown-expanded .content-dropdown-list a:hover .svg-icon,
.content-dropdown-default.content-dropdown-expanded .content-dropdown-list .button:hover .svg-icon {
  opacity: 0.75;
}


/*! File: Shared/page_navigation_bar.less */
.page-navigation-container {
  position: relative;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.page-navigation-container.page-navigation-mobile {
  display: none;
}
@media only screen and (max-width: 1000px) {
  .page-navigation-container {
    width: auto;
  }
}
@media only screen and (max-width: 599px) {
  .page-navigation-container.page-navigation-desktop {
    display: none;
  }
  .page-navigation-container.page-navigation-mobile {
    display: block;
  }
}
.page-navigation-container .svg-icon {
  vertical-align: middle;
}
.page-navigation-bar {
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  margin: 0;
  padding: 0;
  height: 50px;
  background-color: #e7e7e7;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  list-style-type: none;
  text-align: left;
  align-items: center;
}
@media only screen and (max-width: 1000px) {
  .page-navigation-bar {
    border-radius: 0;
  }
}
.page-navigation-bar .page-navigation-link > a {
  padding-left: 20px;
  padding-right: 20px;
}
.page-navigation-bar .page-navigation-link:first-child > a {
  border-bottom-left-radius: 4px;
}
@media only screen and (max-width: 599px) {
  .page-navigation-bar .page-navigation-link:first-child > a {
    border-radius: 0;
  }
}
.page-navigation-bar .page-navigation-link:last-child > a {
  padding-right: 5px;
  border-bottom-right-radius: 4px;
}
@media only screen and (max-width: 599px) {
  .page-navigation-bar .page-navigation-link:last-child > a {
    border-radius: 0;
  }
}
.page-navigation-bar .page-navigation-link.back-link {
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.page-navigation-bar .page-navigation-link.back-link a {
  padding-left: 5px;
  padding-right: 20px;
}
.page-navigation-container .page-navigation-bar .page-navigation-link a,
.page-navigation-container .page-navigation-bar .page-navigation-link .button {
  line-height: 50px;
}
.wiki-permissions-content {
  height: 100%;
}
.wiki-permissions-content > :first-child {
  height: 100%;
}
.page-navigation-container .page-navigation-link a,
.page-navigation-container .page-navigation-link .button {
  display: inline-block;
  color: #515861;
  white-space: nowrap;
  transition: background-color 0.1s, color 0.1s;
  padding-right: 20px;
}
.page-navigation-container .page-navigation-link a:hover,
.page-navigation-container .page-navigation-link .button:hover {
  background-color: rgba(0, 0, 0, 0.05);
  text-decoration: none;
  color: #17191c;
}
.page-navigation-container .page-navigation-link a:hover .svg-icon,
.page-navigation-container .page-navigation-link .button:hover .svg-icon {
  color: #17191c;
}
@media only screen and (max-width: 599px) {
  .page-navigation-container .page-navigation-link a,
  .page-navigation-container .page-navigation-link .button {
    padding: 0 5px;
  }
}
.page-navigation-container .page-navigation-link .toggle-container {
  padding-left: 10px;
}
.page-navigation-container .page-navigation-link .svg-icon {
  margin: 0 10px;
  color: #677079;
  transition: color 0.1s;
}
.page-navigation-container .page-navigation-link .svg-icon svg {
  vertical-align: middle;
  position: relative;
  bottom: 0.1em;
}
.page-navigation-container .page-navigation-link .star svg {
  color: #f8b620;
}
.page-navigation-container .page-navigation-link .bell svg {
  color: #35d478;
}
.page-navigation-container .page-navigation-link #dropdown-icon {
  margin: 0 8px 0 16px;
  vertical-align: unset;
}
.page-navigation-container .page-navigation-link .dropdown-options-link {
  display: flex;
  align-items: center;
  gap: 2.5px;
}
.breadcrumbs-container {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#show-translations-toggle.page-navigation-link .toggle-label {
  color: #515861;
}
#show-translations-toggle.page-navigation-link .toggle {
  margin-right: 15px;
}
#show-translations-toggle.page-navigation-link a:hover .toggle-label {
  color: #17191c;
}


/*! File: Shared/attachment_link.less */
.attachment-link-list {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
.attachment-link-list .attachment-link {
  margin-top: 20px;
}
.attachment-link-list .attachment-container {
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.attachment-link-list .attachment-container .officeDocumentIcon.document-icon-word {
  color: #2b549e;
}
.attachment-link-list .attachment-container .officeDocumentIcon.document-icon-excel {
  color: #1e5635;
}
.attachment-link-list .attachment-container .officeDocumentIcon.document-icon-powerpoint {
  color: #d24527;
}
.attachment-link-list .attachment-container .officeDocumentIcon.document-icon-access {
  color: #a53636;
}
.attachment-link-list .attachment-container .officeDocumentIcon.document-icon-pdf {
  color: #e82421;
}
.attachment-link-list .attachment-container .officeDocumentIcon.document-icon-3d_model {
  color: #f8b620;
}
.attachment-link-list .column {
  padding: 16px 0;
  min-width: 0;
}
.attachment-link-list img {
  margin-left: 10px;
}
.attachment-link-list a:hover {
  text-decoration: none;
}
.attachment-link-list a p {
  color: #17191c;
}
.attachment-link-list p {
  margin: 0 10px;
}
.attachment-link-list p.attachment-subtitle {
  font-size: 12px;
  font-weight: normal;
  color: #919191;
}
.attachment-link-list p.attachment-subtitle.price {
  color: #f25d07;
}
.attachment-link-list p.attachment-subtitle.supplier {
  color: #de9c07;
}
.attachment-link-list p.attachment-info {
  font-size: 11px;
}
.attachment-link-list .button {
  margin-right: 15px;
}
.attachment-link-list .button:hover {
  border-color: #d9d9d9;
}
.attachment-link-list .attachment-icon {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 64px;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
  -ms-flex-item-align: stretch;
  text-align: center;
  margin-right: 10px;
  background-color: #f2f2f2;
}
.remove-doc-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -ms-flex: 0 0 40px;
  -webkit-flex: 0 0 40px;
  flex: 0 0 40px;
  height: 56px;
  cursor: pointer;
}
.remove-doc-container a.removeLink {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  color: #d9d9d9;
  margin: auto;
  height: 100%;
}
.remove-doc-container:hover,
.remove-doc-container:active {
  background-color: #eaeaea;
}
.remove-doc-container:hover a.removeLink,
.remove-doc-container:active a.removeLink {
  border: none;
}
.remove-doc-container:hover a.removeLink i,
.remove-doc-container:active a.removeLink i {
  color: #e82421;
}
/* Display 2 columns on @tablet and larger screens */
.attachment-link-list.two-columns,
.attachment-link-list.three-columns {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-align-items: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  margin-left: -20px;
}
.attachment-link-list.two-columns .attachment-link,
.attachment-link-list.three-columns .attachment-link {
  -ms-flex: 1 0 50%;
  -webkit-flex: 1 0 50%;
  flex: 1 0 50%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 230px;
}
.attachment-link-list.two-columns .attachment-container,
.attachment-link-list.three-columns .attachment-container {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-left: 20px;
  margin-bottom: 0;
}
@media only screen and (max-width: 599px) {
  .attachment-link-list.two-columns,
  .attachment-link-list.three-columns {
    margin-left: 0;
  }
  .attachment-link-list.two-columns .attachment-container,
  .attachment-link-list.three-columns .attachment-container {
    margin-left: 0;
  }
  .attachment-link-list.two-columns .attachment-link,
  .attachment-link-list.three-columns .attachment-link {
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
/* Display three columns on desktop and larger screens */
@media only screen and (min-width: 1001px) {
  .attachment-link-list.three-columns .attachment-link {
    -ms-flex: 1 0 33.33%;
    -webkit-flex: 1 0 33.33%;
    flex: 1 0 33.33%;
  }
}


/*! File: Shared/highlight_text.less */
.highlight-text {
  display: inline-block;
  margin: 0;
  padding: 0 6px;
  height: 21px;
  line-height: 21px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  color: #0e66e1;
  background-color: rgba(191, 220, 243, 0.5);
}
.highlight-text.highlight-blue {
  color: #0e66e1;
  background-color: rgba(191, 220, 243, 0.5);
}
.highlight-text.highlight-gray {
  color: #515861;
  background-color: #f4f4f4;
}
.highlight-text.highlight-transparent-blue {
  color: #0e66e1;
  background-color: rgba(0, 113, 206, 0.05);
}
.highlight-text.highlight-light-gray {
  color: #919191;
  background-color: #f4f4f4;
}
.highlight-text.highlight-red {
  color: #e82421;
  background-color: #fde9e9;
}
.highlight-text.highlight-green {
  color: #35d478;
  background-color: #ebfbf2;
}
.highlight-text.highlight-yellow {
  color: #775404;
  background-color: #fef0d2;
}
.highlight-text.highlight-tiny {
  height: auto;
  line-height: inherit;
  padding: 1px 6px;
  font-size: 10px;
  vertical-align: text-top;
}
.highlight-text.highlight-small {
  height: auto;
  line-height: inherit;
  padding: 0 4px;
  letter-spacing: 0;
  margin: 0 3px;
}
.highlight-text.highlight-large {
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  letter-spacing: 1px;
}
.highlight-text.highlight-huge {
  height: 30px;
  line-height: 30px;
  font-weight: 900;
  font-size: 14px;
  padding: 0 10px;
  letter-spacing: 0;
  border-radius: 4px;
}


/*! File: Shared/Header/language-dropdown-button.less */
.iso-language-dropdown-container {
  position: relative;
  float: right;
  height: 50px;
}
.iso-language-dropdown-container .iso-language-dropdown-button {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  height: 100%;
  padding: 0 16px;
}
.iso-language-dropdown-container .iso-language-dropdown-button .language-iso-code {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0.125rem 0.25rem;
  line-height: 13px;
  font-size: 12px;
  font-family: Monaco, 'Lucida Console', 'Courier New', Courier, monospace;
  font-weight: bold;
  color: #17191c;
  background-color: #bfbfbf;
  border-radius: 2px;
}
.iso-language-dropdown-container .iso-language-dropdown-button #language-dropdown-caret i.fa.fa-angle-down {
  top: 0;
}


/*! File: Shared/footer.less */
#footer {
  position: relative;
  clear: both;
  width: 941px;
  margin: 0px auto;
  padding: 0px 0px 80px;
  text-align: left;
  text-align: start;
}
/* BASIC FOOTER */
footer {
  background-color: #ffffff;
  width: auto;
  margin: 0px auto;
  padding: 30px 0 80px;
  text-align: center;
  /* LINKS */
}
#footer footer {
  padding: 20px 0px 0px;
}
footer ul,
footer ul.horizontal {
  margin-bottom: 8px;
}
footer ul.muted li,
footer ul.horizontal.muted li,
footer ul.muted li a,
footer ul.horizontal.muted li a,
footer ul.muted li a:visited,
footer ul.horizontal.muted li a:visited {
  color: #bfbfbf;
  font-weight: normal;
}
footer li {
  margin: 0px 6px;
}
footer li,
footer a {
  color: #11161a;
  text-transform: uppercase;
  font-weight: bold;
}
footer a:visited,
footer a:active {
  color: #11161a;
}