@charset "UTF-8";

/* BASICS */
:root {
	--shiftvalue: calc(100% / 2);
	--titleFontColor: #0072ED;
	--linkFontColor: #0072ED;
	--toolbarBgColor: #0072ED;
	--borderColor: #0072ED;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
em,
img,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
label,
input,
textarea,
select,
button,
table,
caption,
thead,
tbody,
tfoot,
tr,
th,
td {
  border: 0;
  margin: 0;
  padding: 0;
  }
a:focus, div.body a:focus,
input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: 0;
  border-width: 1.0px;
  border-color: var(--borderColor);
  border-style: solid;
  border-radius: 2px;  }
body div.container-fluid:focus {
	outline:0;
	border:0;
	border-style:none;
	border-color:transparent;
}
a.visible-focus {
  outline: 0;
  border-width: 1.0px;
  border-color: var(--borderColor);
  border-style: solid;
  border-radius: 2px;
 }
.wh_tile_title a:focus {
  border-style: solid;
  border-width: 1.0px;
  border-color: var(--borderColor);
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  height: 100%;
  }

article,
aside,
figure,
footer,
header,
hgroup,
nav,
main,
section {
  display: block; }

img,
object,
embed {
  max-width: 100%; }

img {
  border-color: transparent;
  border-style: none;
  border-width: 0;
  cursor:pointer;  }

ol,
ul {
  list-style: none; }

del {
  text-decoration: line-through; }

input,
textarea,
select,
button,
th {
  border: 0;
  font-family: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0; }

table {
  font-size: inherit; }

button {
  cursor: pointer;
  margin: 0;
  overflow: visible;
  width: auto; }

::-moz-focus-inner {
  border: 0;
  padding: 0; }
body.help {
	padding-left:2px;
	padding-right:12px;
}	
body.help div.container-fluid {
	padding-top:3px;
	margin-left:3px;
	margin-right:3px;
}
/* ICON AND SVG BASELINE */
.icon {
  display: inline-block;
  fill: #999999;
  height: 18px;
  position: relative;
  width: 22px; }
 

svg.icon-close {
  height: 16px !important;
  color:#5c5c5c;}

svg use {
  pointer-events: none; }

svg.icon-logo {
  height: 34px;
  width: 34px; }
div.logo {
  padding-top:0px;
}
div.logo a {
  width:34px;
  height:34px;
}

.img-placeholder {
  background-color: #ececec;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  display: table-cell;
  height: 100px;
  max-height: 100px;
  max-width: 100px;
  min-height: 100px;
  min-width: 100px;
  width: 100px; }
  .img-placeholder svg {
    display: inline-block;
    fill: #ffffff;
    height: 45px;
    margin-left: 26px;
    margin-top: 25px;
    position: relative;
    width: 45px; }

.icon.plus-minus {
  display: inline-block;
  position: relative; }
  .icon.plus-minus::before, .icon.plus-minus::after {
    background-color: #999999;
    border-radius: 2px;
    content: '';
    height: 2px;
    left: .65em;
    position: absolute;
    top: 1.4em;
    width: 14px;
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
    -moz-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
    -o-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
    -ms-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
    transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s; }
  .icon.plus-minus::before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .icon.plus-minus::after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  .icon.plus-minus.active::before, .icon.plus-minus.active::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

.no-animate {
  -moz-transition: none 0s ease 0s !important;
  -webkit-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important; }

.icon-rtl-rotate {
  -ms-filter: fliph;
  filter: fliph;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

html[dir='rtl'] .img-placeholder svg {
  margin-left: inherit;
  margin-right: 26px; }


  /* HTML COMMON ELEMENTS BASELINE */
html {
  font-size: 62.5%; }
  html body {
    background-color: #fff;
    color: #5c5c5c;
    font-family: Helvetica, Arial;
	/* mludwig, changing to 14px */
    font-size: 14px;
    height: 100%;
    -webkit-overflow-scrolling: touch; }
  html[lang='ar-EG'] body {
    font-family: "Helvetica", "Arial", "Tahoma", "DejaVu"; }
  html[lang='ar-SA'] body {
    font-family: "Helvetica", "Arial", "Tahoma", "DejaVu", "Helvetica", "Arial"; }
  html[lang='ja-JP'] body {
    font-family: "Helvetica", "Arial", "MS PGothic"; }
  html[lang='ko-KR'] body {
    font-family: "Helvetica", "Arial", "Batang", "Gulim"; }
  html[lang='zh-CN'] body {
    font-family: "Helvetica", "Arial", "Microsoft YaHei New", "SimSun", "STXihei"; }
  html[lang='zh-tw'] body {
    font-family: "Helvetica", "Arial", "MingLiU", "PMingLiu"; }

h1,
h2,
h3,
h4,
label,
p,
small,
span,
ul,
ol {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  font-weight: normal;
  line-height: normal; }

h1,
h2,
h3,
h4 {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: #383838;
  font-weight: lighter; }
  h1 .extra,
  h2 .extra,
  h3 .extra,
  h4 .extra {
    color: #999999;
    font-weight: lighter; }

h1 {
  font-size: 28px;
  font-size: 2.8rem; }
  h1 + p {
    margin: 20px 0; }

h2 {
  font-size: 24px;
  font-size: 2.4rem; }
  h2 + p {
    margin: 20px 0; }

h3 {
  font-size: 20px;
  font-size: 2rem; }

h4 {
  font-size: 16px;
  font-size: 1.6rem; }

p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em; }
  p + h1,
  p + h2,
  p + h3,
  p + h4 {
    margin-top: 32px;
    margin-top: 2rem; }
  p + p {
    margin-top: 24px;
    margin-top: 1.5rem; }

.columns > h1 {
  margin-top: 30px; }

.header.is-sticky + .single-column {
  margin-top: 100px; }

.header + section {
  margin-top: 30px; }

.no-scroll {
  overflow: hidden !important; }

body.no-scroll {
  height: 100%; }

/* PAGE CONTROL CSS MLUDWIG HIDING 
.scrollable {
  overflow: auto; 
  -webkit-overflow-scrolling: touch; }*/

/* SmartHelp styles */
	html.smarthelp header div.bannerbar, html.smarthelp div.footer-container {
		display:none;
		visibility:hidden;
	}
	html.smarthelp .header .toolbar {
		top:0;
	}
	html.smarthelp .page-container > .page-container {
		height:100%;
	}
	html.smarthelp .page-container.two-column {
		height:max(84%,100% - 34px);
		top:min(8%,44px);
	}
	html:not([dir="rtl"]).smarthelp body.wh_topic_page, html:not([dir="rtl"]).smarthelp body.wh_main_page {
		margin-left:25px;
	}
	html[dir="rtl"].smarthelp body.wh_topic_page, html[dir="rtl"].smarthelp body.wh_main_page {
		margin-right:25px;
	}	
	body.smarthelp .container-fluid {
		height:calc(100% - 84px);
	}
	body.smarthelp.wh_main_page .container-fluid {
		height:calc(100% - 24px);
	}
	html.cover body.wh_main_page:not(.smarthelp) .container-fluid {
		height:calc(100% - 12px);
	}
	html.smarthelp .application-menu {
		height:calc(100% - 46px);
	}
	body.smarthelp.showside .wh_publication_toc {
		max-width:50%;
	}
	html:not([dir="rtl"]) body.smarthelp.showside div.wh_content_area {
		padding-right:15px;
	}
	html[dir="rtl"] body.smarthelp.showside div.wh_content_area {
		padding-left:15px;
	}	
	html:not([dir="rtl"]) body.smarthelp.showside .wh_publication_toc {
		float:left;	
	}
	html[dir="rtl"] body.smarthelp.showside .wh_publication_toc {
		float:right;
	}	
	html:not([dir="rtl"]) .page-container .buttonset.toc {
		margin-left:0px;
	}
	html[dir="rtl"] .page-container .buttonset.toc {
		margin-right:0px;
	}
	html.smarthelp #application-menu.initload:not(.is-open) {
		display:none;
	}
	html.smarthelp #toolbarColl, html.smarthelp #toolbar {
		display:none;
	}
	html.smarthelp.hidebar #toolbarColl, html.smarthelp.hidebar #toolbar {
		display:none;
	}
	html.smarthelp.showbar #toolbarColl, html.smarthelp.showbar #toolbar {
		display:block;
	}
	html.smarthelp.showbar body.smarthelp .container-fluid {
		height:calc(100% - 50px);
	}
	html.smarthelp.hidebar body.smarthelp .container-fluid {
		height:100%;
	}	
	html.smarthelp.showbar .page-container.two-column {
		height:max(84%,100% - 30px);
		top:min(8%,44px);
	}
	html.smarthelp.hidebar .page-container.two-column {
		height:max(84%,100%);
		top:0px;
	}
	html.smarthelp.showbar .application-menu .accordion {
		height:100%;
	}
	html.smarthelp.hidebar .application-menu .accordion {
		height:100%;
	}	
/* End main smart help styles */

.scrollable-x {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden; }

.scrollable-y {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto; }

.page-container {
  height: 100%;
  margin: 0 auto;
  position: absolute;
  width: 100%; }

.page-container.top-padding {
    padding-top: 20px; }
  .page-container > .row:first-child {
    padding-top: 20px; }
.content .page-container {
	margin-left:-1px;
	background-color:#FFFFFF;
	position: relative;
}

header .bannerbar {
	display:block;
	visibility:visible;
	height:8%;
	min-height:34px;
	max-height:44px;
	position:fixed;
	top:0px;
	width:100%;
	line-height:44px;
}
header .bannerbar .toolbar-section.logo {
	vertical-align:top;
	line-height:14px;
	margin-top:5px;
}
header .bannerbar a {
	vertical-align:middle;
}
header .bannerbar .titlebar  {
	vertical-align:middle;	
}
header .bannerbar .titlebar .booktitle {
	vertical-align:baseline;
}
.page-container.two-column {
	height:max(78%,100% - 124px);
	position: fixed;
	top:min(16%,88px);
}
.sidebar.is-open {
	display:block;
}
.two-column .sidebar.is-right-side, .bannerbar {
	background-color:#313236;
}
.content .page-container > .page-container {
	margin-left:0px;
}
.page-container .buttonset {
	margin-left:6px;
	display:inline-block;
	width:32px;
}
.header + .container,
.header + .site-content,
.header + .site-hero,
.header + .application-menu + .site-hero,
.header + .svg-icons + .container {
  margin-top: 10px; }

.header + .page-container,
.header + .application-menu + .page-container {
  -webkit-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  height: calc(100% - 54x);
  margin-top: 0px; }

.no-transform {
  transform: none !important; }

.img-responsive {
  border: 0 none;
  display: block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  width: 100%; }

.content-area {
  background-color: #ffffff;
  border: 1px solid #bdbdbd; }
  .content-area h2 {
    color: #5c5c5c; }

/* DISPLAY CONTROL (scrollable, block, visibility) */
.scrollable.canvas,
.scrollable-x.canvas,
.scrollable-y.canvas {
  min-height: calc(100% - 60px);
  min-width: 100%;
  -webkit-overflow-scrolling: touch; }

html[dir='rtl'] .scrollable {
  direction: ltr; }
  html[dir='rtl'] .scrollable > * {
    direction: rtl; }

html[dir='rtl'] .l-pull-right {
  float: left; }

html[dir='rtl'] .l-pull-left {
  float: right; }

html[dir='rtl'] .l-right-text {
  text-align: left; }

/*.show {
  display: block !important; }*/

.hidden {
  display: none !important;
  visibility: hidden !important; }

.collapsed {
  visibility: collapse; }

.invisible {
  visibility: hidden; }

.sr-only,
.audible {
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.no-animation {
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important; }
  .no-animation::before {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important; }
  .no-animation::after {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important; }

.no-transition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important; }
  .no-transition::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important; }
  .no-transition::after {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important; }

/* BREADCRUMB CSS */
.breadcrumb li {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  color: #5c5c5c;
  display: inline-block;
  list-style: none; }
  .breadcrumb li::after {
    content: '\002F';
    padding: 0 10px; }
  .breadcrumb li:last-child::after {
    content: '';
    padding: 0; }
  .breadcrumb li .current, .breadcrumb li.current {
    font-size: 12px;
    font-size: 1.2rem;
    color: #5c5c5c;
    font-weight: bold; }

.breadcrumb .hyperlink {
  font-size: 12px;
  font-size: 1.2rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  color: #5c5c5c;
  line-height: 2em;
  text-decoration: none; }
  .breadcrumb .hyperlink:visited {
    color: #5c5c5c; }
  .breadcrumb .hyperlink:hover:not([disabled]) {
    border-bottom: 1px solid #5c5c5c;
    color: #5c5c5c; }
  .breadcrumb .hyperlink:focus {
    border-radius: 2px;
    color: #5c5c5c; }
    .breadcrumb .hyperlink:focus:hover {
      border-bottom: 1px solid #5c5c5c; }
  .breadcrumb .hyperlink:active {
    border-bottom: 1px solid #5c5c5c;
    color: #5c5c5c; }
  .breadcrumb .hyperlink.current {
    font-weight: bold; }
  .breadcrumb .hyperlink[disabled] {
    color: #999999; }

html[dir='rtl'] .breadcrumb li::after {
  content: '\005C'; }

html[dir='rtl'] .breadcrumb li:last-child::after {
  content: ''; }

  /* BUTTON CSS */
button {
  background-color: transparent;
  margin-right: 5px; }
  button:last-child {
    margin-right: 0; }

[class^="btn"] {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  font-size: 12px;
  font-size: 1.2rem;
  color: inherit;
  font-weight: 700;
  height: 34px;
  min-width: 100px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: auto; }
  [class^="btn"] > * {
    vertical-align: middle; }
  [class^="btn"] > svg {
    pointer-events: none; }
  [class^="btn"] > .icon {
    fill: inherit;
    position: static;
    width: 16px; }
    [class^="btn"] > .icon + span:not(.audible) {
      padding-left: 10px; }
    [class^="btn"] > .icon + * + span {
      padding-left: 0; }
  [class^="btn"] span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit; }
  [class^="btn"] span:not(:empty) + .icon:not(.app-header) {
      margin-left: 5px; }
  [class^="btn"] span + * + .icon {
      margin-left: 5px; }
  [class^="btn"] span.audible + .icon {
      padding-left: 0; }
  [class^="btn"] span:empty:not(.icon):not(.one):not(.two):not(.three):not(.four) :not(.five):not(.six):not(.seven):not(.eight):not(.nine) {
      display: none; }

.btn,
.btn-primary,
.btn-secondary {
  -webkit-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  border-radius: 2px;
  padding: 0 15px; }
  .btn .icon,
  .btn-primary .icon,
  .btn-secondary .icon {
    -webkit-transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.btn-primary {
  background-color: #368ac0;
  border: 1px solid #368ac0;
  color: #ffffff; }
  .btn-primary .icon {
    fill: #ffffff; }
  .btn-primary:hover {
    background-color: #2578a9;
    border: 1px solid #2578a9; }
  .btn-primary:active {
    background-color: #2578a9;
    border: 1px solid #2578a9;
    box-shadow: none; }
  .btn-primary:focus {
    border: 1px solid #368ac0;
    box-shadow: 0 0 0 2px #f0f0f0, 0 0 0 3px #368ac0; }
    .btn-primary:focus:active {
      background-color: #2578a9;
      box-shadow: none; }
  .btn-primary[disabled], .btn-primary[disabled]:hover {
    background-color: #368ac0;
    border-color: #368ac0;
    box-shadow: none;
    color: #ffffff;
    cursor: default;
    opacity: 0.5; }
    .btn-primary[disabled] .icon, .btn-primary[disabled]:hover .icon {
      fill: #ffffff; }
  .btn-primary .ripple-effect {
    background-color: #ffffff;
    opacity: .7;
    pointer-events: none; }

a.btn,
a.btn-icon,
a.btn-primary,
a.btn-secondary,
a.btn-tertiary,
a.btn-menu {
  display: inline-block;
  line-height: 31px;
  margin-bottom: -2px;
  min-width: auto;
  text-decoration: none;
  width: auto; }
  a.btn:not(:root:root),
  a.btn-icon:not(:root:root),
  a.btn-primary:not(:root:root),
  a.btn-secondary:not(:root:root),
  a.btn-tertiary:not(:root:root),
  a.btn-menu:not(:root:root) {
    margin-bottom: auto; }
  a.btn.btn-icon,
  a.btn-icon.btn-icon,
  a.btn-primary.btn-icon,
  a.btn-secondary.btn-icon,
  a.btn-tertiary.btn-icon,
  a.btn-menu.btn-icon {
    line-height: 32px;
    padding: 0 6px; }

@-moz-document url-prefix() {
  a.btn,
  a.btn-primary,
  a.btn-secondary,
  a.btn-tertiary,
  a.btn-menu {
    line-height: 32px;
    margin-bottom: -3px; } }

.btn,
.btn-secondary {
  background-color: #bdbdbd;
  /* mludwig, trying 1.5, but transparent except with tab focused */
  border: 1.5px solid transparent;
  color: #0072ED; }
  .btn .icon,
  .btn-secondary .icon {
    fill: #0072ED; }
  .btn:hover,
  .btn-secondary:hover {
    background-color: #999999;
    border: 1.5px solid transparent; }
  .btn:active,
  .btn-secondary:active {
    border: 0px solid #999999; }
  .btn:focus:not(.hide-focus),
  .btn-secondary:focus:not(.hide-focus) {
    border: 1.5px solid var(--borderColor);
	box-shadow: 0 0 0 2px #f0f0f0, 0 0 0 3px #0072ED;}
    .btn:focus:active,
    .btn-secondary:focus:active {
      background-color: #999999;
      box-shadow: none; }
  .btn[disabled], .btn[disabled]:hover,
  .btn-secondary[disabled],
  .btn-secondary[disabled]:hover {
    background-color: #999999;
    border: 0px solid #bdbdbd;
    box-shadow: none;
    color: #383838;
    cursor: default;
    opacity: 0.5; }
  .btn .ripple-effect,
  .btn-secondary .ripple-effect {
    background-color: #d8d8d8; }
	/* mludwig, adding to hide ripple effect on app menu chevron */
	.has-chevron .btn .ripple-effect {
		background-color: var(--toolbarBgColor);
	}

.btn-tertiary,
.btn-filtering,
.btn-icon,
.btn-actions,
.btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) {
  border: 1.5px solid transparent;
  border-radius: 2px;
  box-shadow: none;
  color: #ffffff;
  overflow: hidden; }
  .btn-tertiary:hover,
  .btn-filtering:hover,
  .btn-icon:hover,
  .btn-actions:hover,
  .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover {
    color: #d8d8d8;}
    .btn-tertiary:hover .icon,
    .btn-filtering:hover .icon,
    .btn-icon:hover .icon,
    .btn-actions:hover .icon,
    .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):hover .icon {
      fill: #5c5c5c; }
  .btn-tertiary:active,
  .btn-filtering:active,
  .btn-icon:active,
  .btn-actions:active,
  .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):active {
    color: #1a1a1a; }
  .btn-tertiary:focus:not(.hide-focus),
  .btn-filtering:focus:not(.hide-focus),
  .btn-icon:focus:not(.hide-focus),
  .btn-actions:focus:not(.hide-focus),
  .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus) {
	  color:rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 2px transparent; }
    .btn-tertiary:focus:not(.hide-focus):active,
    .btn-filtering:focus:not(.hide-focus):active,
    .btn-icon:focus:not(.hide-focus):active,
    .btn-actions:focus:not(.hide-focus):active,
    .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus):active {
      box-shadow: none; }
  .btn-tertiary[disabled], .btn-tertiary[disabled]:hover,
  .btn-filtering[disabled],
  .btn-filtering[disabled]:hover,
  .btn-icon[disabled],
  .btn-icon[disabled]:hover,
  .btn-actions[disabled],
  .btn-actions[disabled]:hover,
  .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary)[disabled],
  .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary)[disabled]:hover {
    color: #5c5c5c;
    cursor: default;
    opacity: 0.5; }
    .btn-tertiary[disabled] .icon, .btn-tertiary[disabled]:hover .icon,
    .btn-filtering[disabled] .icon,
    .btn-filtering[disabled]:hover .icon,
    .btn-icon[disabled] .icon,
    .btn-icon[disabled]:hover .icon,
    .btn-actions[disabled] .icon,
    .btn-actions[disabled]:hover .icon,
    .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary)[disabled] .icon,
    .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary)[disabled]:hover .icon {
      fill: #5c5c5c; }
  .btn-tertiary span,
  .btn-filtering span,
  .btn-icon span,
  .btn-actions span,
  .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) span {
    color: inherit; }
  .btn-tertiary .icon,
  .btn-filtering .icon,
  .btn-icon .icon,
  .btn-actions .icon,
  .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .icon {
    fill: #ffffff; }
  .btn-tertiary .ripple-effect,
  .btn-filtering .ripple-effect,
  .btn-icon .ripple-effect,
  .btn-actions .ripple-effect,
  .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .ripple-effect {
	  /* mludwig, changing to match app-menu for home button */
    background-color: #313236;
		}
		/* mludwig, changing to match title header for hide/show button */
	.btn-icon.application-menu-trigger .ripple-effect {
		background-color: #2578a9;
	}
	/* mludwig, for 508 compliance */
	.application-menu-trigger.hide:focus:not(.hide-focus) {
	  border: 1.5px solid #ffffff;
    }
	.application-menu-trigger.show:focus:not(.hide-focus) {
	  border: 1.5px solid var(--borderColor)
    }	
    .application-menu-trigger.btn-icon span + svg.icon:not(.app-header) {
	  margin-left:0px;
    }
	
	#sidetoc .ripple-effect {
		background-color: #f0f0f0;
	}

.btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open,
.btn-actions.is-open {
  color: #1a1a1a; }
  .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open span,
  .btn-actions.is-open span {
    color: #1a1a1a; }
  .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary).is-open .icon,
  .btn-actions.is-open .icon {
    fill: #368ac0 !important; }

.btn-tertiary,
.btn-menu {
  padding: 0 10px; }

.btn-icon,
.btn-actions,
.btn-close {
  border-radius: 5px;
  height: 30px;
  margin-top: 0;
  min-height: 30px;
  min-width: 36px;
  padding: 0;
  width: 36px; }
  .btn-icon > .icon,
  .btn-actions > .icon,
  .btn-close > .icon {
    padding-right: 0; }
  .btn-icon > span,
  .btn-actions > span,
  .btn-close > span {
    display: inline-block;
    pointer-events: none;
    position: absolute;
    width: 0; }
  .btn-icon:hover > span,
  .btn-actions:hover > span,
  .btn-close:hover > span {
    color: transparent; }

.btn-icon .icon.app-header {
  left: 0;
  margin-left: 0;
  position: relative;
  top: 2px; }

.btn-icon.has-content .icon {
  fill: #0072ED; }

.btn-icon.has-content:hover .icon {
  fill: #1d5f8a; }
  
 .toolbar-section.logo {
	 width:38px;
	 height:44px;
	 margin-left:16px;
	 margin-top: 2px;
	 display:inline-block;
 }
 #toolbarColl, #toolbar {
	 line-height:30px;
	 z-index:9002;
 }
 .toolbar-section.logo button {
	 width:32px;
	 height:32px;
	 margin:4px 2px 4px 2px;
	 display:inline-block;
 }
.toolbar .buttonset button.btn-icon.print, .toolbar .buttonset button.btn-icon.btn-pdf {
	min-width:24px;
	width:24px;
	min-height:100%;
	height:100%;
	margin-top:0px;	
 }
html:not([dir="rtl"]) .toolbar .buttonset button.btn-icon.print,
 html:not([dir="rtl"]) .toolbar .buttonset button.btn-icon.btn-pdf {
	margin-left:7px;
}
html[dir="rtl"] .toolbar .buttonset button.btn-icon.print, 
 html[dir="rtl"] .toolbar .buttonset button.btn-icon.btn-pdf {
	margin-right:7px;
}
.toolbar .buttonset button.btn-icon.print:focus, 
 .toolbar .buttonset button.btn-icon.btn-pdf {
	border-radius: 5px;
}
.toolbar .buttonset button.btn-icon.btn-help, .toolbar .buttonset button.btn-icon.btn-copy-url {
	min-width:24px;
	width:24px;
	height:100%;
	min-height:100%;
}
.toolbar .buttonset.copy-url {
	text-align:center;
	width:80px;
	min-width:24px;	
}

.toolbar .buttonset.copy-url {
	width:auto;
	position:relative;
	text-align:center;
}
html:not([dir="rtl"]) .toolbar .buttonset.copy-url {
	margin-left:13px;
	}
html[dir="rtl"] .toolbar .buttonset.copy-url {
	margin-right:13px;
	
}	
html[dir="rtl"] .toolbar .buttonset.help {
	width:auto;
	min-width:24px;
} 

/* RTL CSS */
html[dir='rtl'] button {
  margin-left: 5px;
  margin-right: 0; }
  html[dir='rtl'] button:last-child {
    margin-left: 0;
    margin-right: 0; }

html[dir='rtl'] [class^="btn"] > .icon + span:not(.audible) {
  padding-right: 6px; }

html[dir='rtl'] [class^="btn"] > .icon + * + span {
  padding-right: 0; }

html[dir='rtl'] [class^="btn"] span + .icon {
  padding-right: 5px; }

html[dir='rtl'] [class^="btn"] span + * + .icon {
  padding-right: 5px; }

html[dir='rtl'] [class^="btn"] span.audible + .icon {
  padding-right: 0; }

.btn-secondary-border {
  -webkit-transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  border: 1px solid #999999;
  border-radius: 2px;
  color: #5c5c5c; }
  .btn-secondary-border span {
    padding: 0 26px; }
  .btn-secondary-border:hover:not(:disabled) {
    border-color: #1a1a1a;
    color: #1a1a1a; }
  .btn-secondary-border:focus {
    box-shadow: 0 0 0 1px #f0f0f0, 0 0 0 2px #368ac0; }
  .btn-secondary-border:disabled {
    cursor: default;
    opacity: .5; }
  .btn-secondary-border .ripple-effect {
    background-color: #8DC9E6; }

/* HYPERLINK AND LINK-LIST CSS */
.hyperlink, #footerlinks a {
  font-size: 12px;
  font-size: 1.2rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  border-radius: 2px;
  color: var(--linkFontColor);
  cursor: pointer;
  line-height: 16px;
  padding-top: 2px;
  text-decoration: none;
  white-space: nowrap; }
  .hyperlink:hover:not([disabled]) {
    border-bottom-color: var(--borderColor);
    color: var(--linkFontColor); }
  .hyperlink.show-visited:visited {
    color: #9279a6; }
    .hyperlink.show-visited:visited:focus {
      outline: 1px solid #9279a6; }
    .hyperlink.show-visited:visited:hover {
      border-bottom-color: #999999; }
  .hyperlink:focus:not(.hide-focus) {
    outline: 1px solid var(--borderColor);
    outline-offset: 3px; }
  .hyperlink:active {
    outline: none;
    outline-offset: 3px; }
  .hyperlink[disabled] {
    color: #999999; }
    .hyperlink[disabled]:hover {
      cursor: default; }
    .hyperlink[disabled]:active {
      border-bottom: 1px solid transparent; }
    .hyperlink[disabled]:focus {
      outline: 1px solid #999999; }
  .hyperlink.back, .hyperlink.directional {
    font-size: 12px;
    font-size: 1.2rem;
    color: var(--linkFontColor);
    display: inline-block; }
    .hyperlink.back .icon, .hyperlink.directional .icon {
      display: inline;
      fill: #0072ED;
      height: 22px;
      left: -5px;
      margin-right: -11px;
      position: relative;
      top: -1px;
      vertical-align: middle;
      width: 22px; }
    .hyperlink.back:active:not([disabled]), .hyperlink.back:focus:not([disabled]), .hyperlink.back:hover:not([disabled]):not(.no-focus), .hyperlink.directional:active:not([disabled]), .hyperlink.directional:focus:not([disabled]), .hyperlink.directional:hover:not([disabled]):not(.no-focus) {
      border-bottom: 1px solid transparent;
      outline: none; }
    .hyperlink.back:hover:not([disabled]) span, .hyperlink.directional:hover:not([disabled]) span {
      border-bottom: 1px solid var(--borderColor); }
    .hyperlink.back:focus:not(.hide-focus) span, .hyperlink.directional:focus:not(.hide-focus) span {
      outline: 1px solid var(--borderColor);
      outline-offset: 3px; }
  .hyperlink.directional .icon {
    left: -5px;
    margin-right: -7px;
    top: -1px; }

	#doclinks a, #feedbacklink a, #productsupport a {
		text-decoration:none;
		height:18px;
	}
	#doclinks a:hover, #feedbacklink a:hover, #productsupport a:hover {
		text-decoration-line:underline;
		border-bottom: 0px solid white;
	}	
	#doclinks a:hover:after, #feedbacklink a:hover:after, #productsupport a:hover:after {
		content: '';
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0px;
		border-width: 0 0 0 0;
		border-style: solid;
	}	
	#aboutlink button {
		line-height:16px;
	}
	#copyrighttext {
		vertical-align:text-top;
		padding-left:5px;
		padding-right:5px;
	}
	#copyrighttext .section, #copyrighttext .title  {
		margin-top:5px;
	}

p .hyperlink {
  font-size: 14px;
  font-size: 1.4rem; }

html[dir='rtl'] .hyperlink.back span {
  margin-left: 7px;
  margin-right: 0; }

html[dir='rtl'] .hyperlink.forward::after {
  padding-left: 0;
  padding-right: 5px; }

/* IMAGE CSS */
.image-sm img {
  max-width: 60px;
  max-height: 60px; }

.image-sm.placeholder {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  height: 60px;
  max-height: 60px;
  max-width: 60px;
  text-align: center;
  width: 60px; }
  .image-sm.placeholder .icon {
    margin-top: 19px; }

.image-md img {
  max-width: 154px;
  max-height: 120px; }

.image-md.placeholder {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  height: 120px;
  max-height: 120px;
  max-width: 154px;
  text-align: center;
  width: 154px; }
  .image-md.placeholder .icon {
    margin-top: 49px; }

.image-lg img {
  max-width: 300px;
  max-height: 350px; }

.image-lg.placeholder {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  height: 350px;
  max-height: 350px;
  max-width: 300px;
  text-align: center;
  width: 300px; }
  .image-lg.placeholder .icon {
    margin-top: 164px; }

/* INPUT TEXTAREA INLINE LABEL ERROR CSS */	
input,
textarea {
  -webkit-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  -moz-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  -o-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  -ms-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #999999;
  border-collapse: separate;
  border-radius: 2px;
  color: #1a1a1a;
  float:left;
  max-width: 100%;
  padding: 4px 10px;
  resize: none;
  text-align: left;
  width: 100px;
  height:40px;  }
 html[dir='rtl'] input, html[dir='rtl'] textarea {
	 float:right;
 }
input:hover,
textarea:hover {
  border-color: #383838; }

input[disabled],
textarea[disabled] {
  background-color: transparent;
  border: solid 1px #bdbdbd;
  color: #999999;
  -webkit-text-fill-color: #999999; }

input[readonly],
textarea[readonly] {
  background-color: #d8d8d8;
  border-color: #999999;
  color: #1a1a1a;
  -webkit-text-fill-color: #1a1a1a; }

input.is-placeholder,
textarea.is-placeholder {
  color: #999999; }
  input.is-placeholder.error,
  textarea.is-placeholder.error {
    color: #e84f4f; }

input:focus,
textarea:focus {
  border: solid 1px var(--borderColor)
  outline: none;
  outline-color: transparent; }
/* adding below, mludwig */
input#textToSearch.searchfield.active, input#textToSearchHS.searchfieldHS.active {
	color:#ffffff;
	font-size:1.2rem;
}
input#textToSearch.searchfield:not(.active), input#textToSearchHS.searchfieldHS:not(.active) {
	color:transparent;
	font-size:1.2rem;
}
input#textToSearchHS.searchfieldHS {
	display:none;
}	
input#textToSearchHS.searchfieldHS.active {
	display:inline-block;
}
textarea {
  line-height: 32px;
  line-height: 2rem;
  min-height: 90px;
  overflow: auto;
  padding: 10px;
  width: 362px; }
  textarea.resizable {
    resize: vertical; }
  textarea .almost-empty {
    border-color: #e84f4f; }
  textarea.error {
    padding: 10px 25px 10px 10px; }

.textarea-print {
  display: none;
  white-space: pre-line; }

::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  color: #AAA2A2;
  font-weight: lighter;
  line-height: 16px;
  opacity: 1; }

::-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  color: #AAA2A2;
  font-weight: lighter;
  line-height: 16px;
  opacity: 1; }

:-ms-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  color: #AAA2A2;
  font-weight: lighter;
  line-height: 16px;
  opacity: 1; }

::-ms-clear {
  display: none; }

.error,
.error-message {
  color: #e84f4f; }

input.error {
  padding-right: 30px; }

input.error,
textarea.error {
  border-color: #e84f4f; }

input.error:focus,
textarea.error:focus {
  border-color: #e84f4f !important;
  color: #1a1a1a !important; }

.error::-webkit-input-placeholder {
  color: #e84f4f;
  opacity: 1; }

.error::-moz-placeholder {
  color: #e84f4f;
  opacity: 1; }

.error:-ms-input-placeholder {
  color: #e84f4f;
  opacity: 1; }

::selection {
  background: var(--toolbarBgColor);
  color: #ffffff;
  -webkit-text-fill-color: #ffffff; }

::-moz-selection {
  background: var(--toolbarBgColor);
  color: #ffffff; }

.dropdown-wrapper .icon + .error-message,
.lookup-wrapper .icon + .error-message {
  margin-bottom: -10px;
  margin-top: 4px; }
  .dropdown-wrapper .icon + .error-message .icon-error,
  .lookup-wrapper .icon + .error-message .icon-error {
    position: relative;
    right: initial; }

/* RTL CSS 2 */

html[dir='rtl'] input,
html[dir='rtl'] textarea {
  text-align: right; }

.header + .svg-icons + div {
  margin-top: 10px; }

.column,
.columns {
  float: left;
  padding: 0 20px;
  width: 100%; }
  .column.l-center .field,
  .columns.l-center .field {
    text-align: center; }
    .column.l-center .field label,
    .columns.l-center .field label {
      text-align: left; }

.popupmenu .icon.icon-error {
  height: 14px;
  left: auto !important;
  width: 14px; }
/* mludwig, more .tab-container, .tab-list, .tab styles deleted here */

/* SELECT, DROPDOWN CSS */
select.dropdown,
select.multiselect {
  font-size: 50px;
  left: -9999px;
  position: absolute; }

.dropdown-wrapper {
  display: inline-block;
  margin-bottom: 20px;
  max-width: 100%;
  position: relative; }
  .dropdown-wrapper .icon-error,
  .dropdown-wrapper .icon-confirm,
  .dropdown-wrapper .icon-alert,
  .dropdown-wrapper .icon-info,
  .dropdown-wrapper .icon-pending {
    position: absolute;
    right: 30px; }
  .dropdown-wrapper .badge {
    display: inline-block;
    position: absolute;
    right: 28px;
    top: 6px; }

input.dropdown,
input.multiselect {
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -o-touch-callout: none;
  -ms-touch-callout: none;
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  background-color: transparent;
  border-color: #999999;
  color: #1a1a1a;
  cursor: pointer;
  padding: 9px 32px 8px 10px;
  -webkit-text-fill-color: #1a1a1a;
  text-overflow: ellipsis;
  vertical-align: middle; }
  input.dropdown[disabled],
  input.multiselect[disabled] {
    background-color: transparent;
    border-color: #bdbdbd;
    color: #999999;
    cursor: default;
    -webkit-text-fill-color: #999999; }
    input.dropdown[disabled] + .icon,
    input.multiselect[disabled] + .icon {
      background-color: transparent;
      cursor: default;
      fill: #999999; }
  input.dropdown:active:not([disabled]):not(.is-readonly),
  input.multiselect:active:not([disabled]):not(.is-readonly) {
    border-color: #368ac0; }
    input.dropdown:active:not([disabled]):not(.is-readonly) + .icon,
    input.multiselect:active:not([disabled]):not(.is-readonly) + .icon {
      fill: #368ac0; }
  input.dropdown:hover:not([disabled]):not(.is-readonly),
  input.multiselect:hover:not([disabled]):not(.is-readonly) {
    border-color: #1a1a1a; }
    input.dropdown:hover:not([disabled]):not(.is-readonly) + .icon,
    input.multiselect:hover:not([disabled]):not(.is-readonly) + .icon {
      fill: #1a1a1a; }
  input.dropdown + .icon,
  input.multiselect + .icon {
    background-color: inherit;
    border-radius: 1px;
    cursor: pointer;
    display: inline-block;
    fill: #5c5c5c;
    height: 32px;
    margin-left: -33px;
    pointer-events: none;
    position: absolute;
    right: 6px;
    top: 1px;
    width: 18px; }
  input.dropdown.is-readonly,
  input.multiselect.is-readonly {
    background-color: #d8d8d8;
    border-color: #999999;
    color: #1a1a1a;
    cursor: text;
    -webkit-text-fill-color: #1a1a1a; }
  input.dropdown:focus,
  input.multiselect:focus {
    border-color: #368ac0 !important; }

.dropdown-list {
  background-color: #ffffff;
  border: 1px solid var(--borderColor);
  border-radius: 3px;
  max-height: 300px;
  min-height: 30px;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  transition: height .3s ease 0s;
  white-space: nowrap;
  width: auto;
  z-index: 4501; }
  .dropdown-list:active {
    outline: 0; }
  .dropdown-list.is-ontop ul {
    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.2); }
  .dropdown-list ul {
    font-size: 14px;
    font-size: 1.4rem;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    color: #1a1a1a;
    height: auto;
    line-height: 32px;
    max-height: 260px;
    min-height: inherit;
    overflow: auto;
    padding: 5px 0;
    position: relative;
    text-indent: 10px; }
  .dropdown-list li {
    min-height: 32px;
    position: relative; }
    .dropdown-list li i {
      color: #1a1a1a;
      font-style: normal;
      text-decoration: none; }
    .dropdown-list li:hover, .dropdown-list li.hover {
      background-color: #d8d8d8;
      cursor: pointer;
      outline: none; }
    .dropdown-list li.is-disabled > a {
      color: #999999; }
    .dropdown-list li.is-disabled:hover, .dropdown-list li.is-disabled.hover {
      background-color: transparent;
      cursor: default; }
    .dropdown-list li:focus {
      background-color: #d8d8d8;
      cursor: pointer;
      outline: none; }
    .dropdown-list li.is-focused {
      background-color: var(--toolbarBgColor) }
      .dropdown-list li.is-focused a {
        color: #ffffff; }
      .dropdown-list li.is-focused::before {
        background-color: var(--toolbarBgColor);
        border-color: var(--borderColor);
        border-color: #ffffff; }
      .dropdown-list li.is-focused.is-selected {
        background-color: var(--toolbarBgColor); }
        .dropdown-list li.is-focused.is-selected a {
          color: #ffffff; }
    .dropdown-list li .badge {
      display: inline-block;
      float: right;
      margin-left: -40px;
      margin-top: 4px;
      position: relative;
      right: 8px;
      text-indent: 0; }
    .dropdown-list li.is-focused .badge.info {
      background-color: #ffffff;
      color: #0072ED; }
  .dropdown-list a {
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -o-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #1a1a1a;
    text-decoration: none; }
  .dropdown-list.multiple ul {
    text-indent: 38px; }
  .dropdown-list.multiple li::before {
    background-color: transparent;
    border: 1px solid #999999;
    border-radius: 2px;
    content: '';
    height: 14px;
    margin-left: -25px;
    position: absolute;
    width: 14px;
    margin-left: -28px;
    top: 6px; }
  .dropdown-list.multiple li.is-disabled::before {
    background-color: transparent;
    border-color: #bdbdbd; }
  .dropdown-list.multiple li.is-focused {
    background-color: #d8d8d8; }
    .dropdown-list.multiple li.is-focused > a {
      color: #383838; }
  .dropdown-list.multiple li.is-selected::before {
    background-color: #368ac0;
    border-color: #368ac0; }
  .dropdown-list.multiple li.is-selected::after {
    -webkit-transform: scaleX(-1) rotate(135deg);
    -moz-transform: scaleX(-1) rotate(135deg);
    -o-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    border-color: #ffffff #ffffff #ffffff transparent;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    height: 10px;
    left: 5px;
    position: absolute;
    top: 9px;
    width: 4px;
    left: 16px;
    margin-top: 0;
    top: 8px; }
  .dropdown-list.multiple li.is-disabled.is-selected::before {
    background-color: #bdbdbd;
    border-color: #bdbdbd; }
  .dropdown-list.multiple li.is-disabled.is-selected::after {
    border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent; }
  .dropdown-list.multiple li.group-label::before, .dropdown-list.multiple li.group-label::after,
  .dropdown-list.multiple li.separator::before,
  .dropdown-list.multiple li.separator::after {
    content: none; }
  .dropdown-list.multiple a {
    color: #383838; }
  .dropdown-list.multiple.search-mode a i {
    color: #383838; }
  .dropdown-list .group-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-size: 1.2rem;
    color: #737373;
    line-height: 20px;
    min-height: 20px;
    padding: 6px 0 4px;
    text-indent: 10px;
    text-transform: uppercase; }
    .dropdown-list .group-label:not(:first-child) {
      border-top: 1px solid #bdbdbd;
      margin-top: 10px; }
    .dropdown-list .group-label:hover {
      background-color: transparent;
      cursor: default; }
  .dropdown-list > .trigger {
    cursor: pointer;
    height: 32px;
    margin-left: -26px;
    position: absolute;
    z-index: 1;
    width: 26px; }
    .dropdown-list > .trigger .icon {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      background-color: rgba(255, 255, 255, 0);
      fill: #5c5c5c;
      height: 32px;
      width: 18px; }
      .dropdown-list > .trigger .icon.search {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        height: 18px;
        margin-top: 7px;
        width: 16px; }

.dropdown-search {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #bdbdbd;
  border-radius: 0;
  color: #1a1a1a;
  padding: 9px 32px 8px 10px;
  text-overflow: ellipsis;
  width: 100%; }
  .dropdown-search::-ms-clear {
    display: none; }
  .dropdown-search:focus {
    border: 0;
    border-bottom: 1px solid #999999;
    box-shadow: none;
    outline: none; }

.modal-engaged .dropdown-search {
  background-color: #ffffff; }

.is-ontop .dropdown-search {
  border-bottom: 0;
  border-top: 1px solid #bdbdbd; }

.dropdown.error {
  border-color: #e84f4f; }
  .dropdown.error::-webkit-input-placeholder {
    color: #e84f4f; }

input.dropdown.error:focus {
  border-color: #e84f4f;
  color: #1a1a1a; }

.field-short input.dropdown {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 0;
  padding: 5px 18px 5px 5px; }

.field-short input.dropdown + .icon,
.field-short input.multiselect + .icon {
  height: 30px;
  right: 4px;
  top: -2px;
  width: 16px; }

.field-short input.dropdown ~ .icon-error,
.field-short input.multiselect ~ .icon-error {
  margin-left: -38px;
  right: auto; }

.field-short .dropdown-wrapper {
  margin-bottom: 10px; }

.dropdown-lg,
.field-short .dropdown-lg {
  width: 403px; }

.dropdown-md,
.field-short .dropdown-md {
  width: 303px; }

.dropdown-sm,
.field-short .dropdown-sm {
  width: 150px; }

.dropdown-xs,
.field-short .dropdown-xs {
  width: 75px; }

.dropdown-list.dropdown-short input {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 32px 5px 5px; }

.dropdown-list.dropdown-short ul {
  font-size: 12px;
  font-size: 1.2rem;
  text-indent: 5px; }

.dropdown-list.dropdown-short.is-ontop {
  margin-top: 10px; }

.dropdown-list.dropdown-short > .icon,
.dropdown-list.dropdown-short > .icon.search {
  height: 24px;
  margin-left: -21px;
  margin-top: 0;
  width: 16px; }

.dropdown-list.dropdown-short .trigger .icon {
  height: 24px;
  right: -4px; }

.dropdown-list.dropdown-short.multiple li::before {
  margin-left: 0;
  top: 8px; }

.dropdown-list.dropdown-short.multiple li::after {
  left: 11px;
  margin-top: 2px; }

.dropdown-list.dropdown-short.multiple li.is-focused::before {
  margin-left: 0; }

.dropdown-list.dropdown-short.multiple li.is-focused::after {
  left: 11px;
  margin-top: 2px; }

.dropdown-list.dropdown-short.multiple li a {
  display: inline-block;
  padding-left: 18px;
  padding-top: 1px; }

html[dir='rtl'] input.dropdown,
html[dir='rtl'] input.multiselect {
  padding: 9px 10px 8px 32px; }
  html[dir='rtl'] input.dropdown + .icon,
  html[dir='rtl'] input.multiselect + .icon {
    left: 6px;
    margin-left: inherit;
    margin-right: -33px;
    right: auto !important; }

html[dir='rtl'] .dropdown-list.multiple li::before {
  margin-left: inherit;
  margin-right: -27px; }

html[dir='rtl'] .dropdown-list.multiple li.is-selected::after {
  left: inherit;
  right: 21px; }

html[dir='rtl'] .dropdown-list.multiple li.is-disabled.is-selected::after {
  left: inherit;
  right: 21px; }

html[dir='rtl'] .dropdown-list > .icon {
  margin-left: inherit;
  margin-right: -26px; }
  html[dir='rtl'] .dropdown-list > .icon.search {
    margin-left: inherit;
    margin-right: -26px; }

html[dir='rtl'] .dropdown-list > .trigger .icon {
  margin-right: -20px; }

html[dir='rtl'] .dropdown-search {
  padding: 9px 10px 8px 32px; }

html[dir='rtl'] .dropdown-wrapper .icon-error,
html[dir='rtl'] .dropdown-wrapper .icon-confirm,
html[dir='rtl'] .dropdown-wrapper .icon-alert,
html[dir='rtl'] .dropdown-wrapper .icon-info,
html[dir='rtl'] .dropdown-wrapper .icon-pending {
  left: 21px;
  right: auto; }

html[dir='rtl'] .field-short input.dropdown ~ .icon-error,
html[dir='rtl'] .field-short input.multiselect ~ .icon-error {
  margin-left: inherit;
  margin-right: -38px !important; }


/* MODAL CSS */
.modal {
  -webkit-transform: translate(-50%, -50%) scale(0.9, 0.9);
  -moz-transform: translate(-50%, -50%) scale(0.9, 0.9);
  -o-transform: translate(-50%, -50%) scale(0.9, 0.9);
  -ms-transform: translate(-50%, -50%) scale(0.9, 0.9);
  transform: translate(-50%, -50%) scale(0.9, 0.9);
  -webkit-transition: opacity 0.2s, transform 0.2s;
  -moz-transition: opacity 0.2s, transform 0.2s;
  -o-transition: opacity 0.2s, transform 0.2s;
  -ms-transition: opacity 0.2s, transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;
  backface-visibility: hidden;
  height: auto;
  left: 50%;
  max-height: 90%;
  max-width: 90%;
  min-width: 200px;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  top: 50%;
  width: auto;
  z-index: 1001; }
  
  .modal.is-visible {
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
    -moz-transform: translate(-50%, -50%) scale(1, 1);
    -o-transform: translate(-50%, -50%) scale(1, 1);
    -ms-transform: translate(-50%, -50%) scale(1, 1);
    transform: translate(-50%, -50%) scale(1, 1);
    opacity: 1; }
  .modal .field textarea {
    margin-bottom: 10px;
    width: 300px; }
    .modal .field textarea.input-lg {
      min-height: inherit;
      width: 400px; }
  .modal .field:last-child input:not(.spinbox),
  .modal .field:last-child textarea {
    margin-bottom: 10px; }
  .modal.full-width {
    margin: 0; }
  .modal hr {
    border-bottom: 0 none;
    border-top: 1px solid #bdbdbd;
    margin-bottom: -10px;
    margin-left: -27px;
    margin-top: 10px;
    padding: 0; }
  .modal.full-width {
    width: auto; }
    .modal.full-width .modal-content .modal-body-wrapper {
      padding: 5px 0 0; }
    .modal.full-width .modal-content .no-full-width {
      padding: 0 20px; }
    .modal.full-width .modal-content .modal-buttonset {
      margin-top: 0; }
  .modal.divider-top .modal-content .modal-header {
    border-bottom: 1px solid #bdbdbd;
    padding-bottom: 15px; }
  .modal.divider-top .modal-content .modal-body-wrapper {
    padding: 0; }
  .modal .listview-search + .listview {
    max-height: 220px;
    min-height: 220px; }
  .modal .listview-search .searchfield-wrapper {
    width: 360px; }
    .modal .listview-search .searchfield-wrapper input {
      border-color: #bdbdbd;
      width: 360px; }
  .modal .alternate-bg.listview {
    background-color: #f0f0f0; }
    .modal .alternate-bg.listview li {
      border-color: transparent; }
      .modal .alternate-bg.listview li:hover {
        background-color: #d8d8d8; }
  .modal .alternate-bg.listview-search input {
    border-color: #bdbdbd;
    border-left-color: transparent;
    border-right-color: transparent; }

.overlay {
  background: #000000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  visibility: hidden;
  width: 100%;
  z-index: 9003 !important; }

.modal-engaged .overlay {
  opacity: .70;
  visibility: visible; }

.modal-header {
  padding: 15px 20px 2px 20px; }

.modal-content {
  background: #ffffff;
  border: 1px solid #bdbdbd;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  color: #5c5c5c;
  margin: 5px;
  overflow: hidden;
  position: relative; }
  .modal-content h1 {
    font-size: 18px;
    font-size: 1.8rem;
    color: #1a1a1a;
    font-weight: normal;
    -webkit-margin-after: 0;
    text-align: left; }
    .modal-content h1 > * {
      vertical-align: middle; }
    .modal-content h1:focus {
      outline: none; }
    .modal-content h1.is-error {
      color: #e84f4f; }
      .modal-content h1.is-error .icon {
        fill: #e84f4f;
        margin-left: 5px;
        margin-right: 4px;
        top: auto;
        left: -6px; }
  .modal-content h2 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #1a1a1a;
    font-weight: normal;
    -webkit-margin-after: 0;
    text-align: left; }
    .modal-content h2 + p {
      margin: 15px 0; }
  .modal-content .modal-body-wrapper {
    overflow: auto;
    padding: 12px; }
  .modal-content .modal-body > button {
    display: block;
    font-size: 1.5rem;
    margin: 25px auto 5px; }
  .modal-content .message {
    color: #5c5c5c;
    font-size: 1.4rem;
    line-height: 20px;
    max-width: 369px;
    padding: 15px 0 25px;
    text-align: left; }
  .modal-content .alert-text {
    display: inline-block;
    margin-bottom: 10px; }
  .modal-content p + p {
    margin-top: 20px; }
  .modal-content.has-icon .message {
    margin: 25px 33px -6px; }

.modal-body > *:last-child {
  margin-bottom: 0; }

.modal-body p:first-of-type {
  padding-top: 0; }

.modal-body p:last-child {
  padding-bottom: 0; }

.modal-buttonset {
  border-top: 1px solid #bdbdbd;
  height: 50px;
  margin-top: 5px; }
  .modal-buttonset button {
    font-size: 12px;
    font-size: 1.2rem;
    border: 1px solid transparent;
    border-left: 1px solid #bdbdbd;
    border-radius: 0;
    color: #5c5c5c;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 50px;
    margin-right: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    -ms-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
    width: 100%; }
    .modal-buttonset button:hover {
      color: #383838; }
    .modal-buttonset button:nth-child(1) {
      border-left: 1px solid transparent; }
    .modal-buttonset button:focus:not(.hide-focus) {
      border: 1px solid var(--borderColor);
      outline: none;
      outline-color: transparent; }
    .modal-buttonset button[disabled], .modal-buttonset button[disabled]:hover {
      color: #5c5c5c;
      cursor: default;
      opacity: 0.5;
      text-decoration: none; }
    .modal-buttonset button[disabled]:focus {
      text-decoration: underline; }
    .modal-buttonset button .ripple-effect {
      background-color: var(--toolbarBgColor); }
  .modal-buttonset .btn-modal-primary {
    color: #0072ED; }
    .modal-buttonset .btn-modal-primary[disabled] {
      color: #2578a9;
      opacity: 0.5; }
    .modal-buttonset .btn-modal-primary:hover {
      color: #2578a9; }

.is-firefox .modal {
  filter: none; }

html[dir='rtl'] .modal-buttonset {
  margin: 5px 0; }
  html[dir='rtl'] .modal-buttonset button {
    margin-left: 0; }

html[dir='rtl'] .modal-content {
  padding: 0; }
  html[dir='rtl'] .modal-content h1 {
    margin-left: 25px;
    padding-left: 20px;
    margin-right: inherit;
    text-align: right; }
    html[dir='rtl'] .modal-content h1.is-error svg {
      left: auto;
      margin-left: 10px;
      margin-right: 8px;
      right: 5px; }
  html[dir='rtl'] .modal-content .modal-body-wrapper {
    padding-left: 30px; }
  html[dir='rtl'] .modal-content h2,
  html[dir='rtl'] .modal-content .message {
    text-align: right; }
  html:not([dir='rtl']) #pdf-modal {
	position:fixed;
	display:block;
	height:120px;
	width:300px;
	text-align:left;
	left:calc(100% - 330px);
	right:30px;
	top:180px;
}
  html[dir='rtl'] #pdf-modal {
	position:fixed;
	display:block;
	height:120px;
	width:300px;
	text-align:right;
	right:calc(100% - 330px);
	left:30px;
	top:180px;
}
/* special rules for help page */
.help[dir="rtl"] * {
	text-align:right;
}
#help-iframe.helpiframe {
	/*width:800px;*/
	width:100%;
	height:600px;
  }
#help-modal {
	display:block;
	width:60%;
	height:600px;
	top:290px;
	z-index:9004 !important;
}
html[dir="rtl"] #help-modal {
	left:0px;		
	right:calc(var(--shiftvalue) - 62% + 1px);
	top:290px;
}
#about-modal, #pdf-modal {
	z-index:9004 !important;
}
.help div.wh_topic_content[style] {
	width:100%;
}
.help .col-lg-8, .help .col-md-8, .help .col-sm-8 {
		max-width:100%;
		flex-basis:100%;
		width:100%;
	}
.help[dir="rtl"] article {
	padding-right:0px;
	padding-left:14px;
}
.row div.close-container {
		right:5%;
		top:18px;
	}
.row div.printbtn-container {
		right:10%;
		top:16px;
	}
.help table 
{
    table-layout:fixed;
    width:100%;
}
.modal-content #pdf-modal-text p:first-of-type {
	margin-top:4px;
}
.modal-content #pdf-modal-text p:last-of-type {
	margin-top:8px;
}
input[type="range"] {
  height: 4px;
  margin: 20px 4% 35px;
  position: relative;
  visibility: hidden;
  width: 92%; }
  input[type="range"].vertical {
    -webkit-appearance: slider-vertical;
    writing-mode: bt-lr; }

/* SLIDER CSS deleted from here, mludwig */	


 /* POPUPMENU CSS */
html:not([dir="rtl"]) .popupmenu-wrapper {
  display: inline-block;
  left: -999px;
  position: fixed;
  z-index: 4000; }
 html[dir="rtl"] .popupmenu-wrapper {
  display: inline-block;
  left: -999px;
  position: fixed;
  z-index: 4000; }
  .popupmenu-wrapper .arrow,
  .popupmenu-wrapper .arrow::after {
    border-width: 8px; }
  .popupmenu-wrapper.top .arrow {
    border-top-color: #bdbdbd; }
  .popupmenu-wrapper.top .arrow::after {
    border-top-color: #ffffff; }
  html:not([dir="rtl"]) .popupmenu-wrapper.bottom .arrow {
    border-bottom-color: #bdbdbd;
    left: auto;
    right: 10px;
    top: -7px; }
  html[dir="rtl"] .popupmenu-wrapper.bottom .arrow {
    border-bottom-color: #bdbdbd;
    right: auto;
    left: 10px;
    top: -7px;	  
  }
  .popupmenu-wrapper.bottom .arrow::after {
    border-bottom-color: #ffffff;
    left: -8px;
    top: 1px; }
  .popupmenu-wrapper.right .arrow {
    border-right-color: #bdbdbd; }
  .popupmenu-wrapper.right .arrow::after {
    border-right-color: #ffffff; }
  .popupmenu-wrapper.left .arrow {
    border-left-color: #bdbdbd; }
  .popupmenu-wrapper.left .arrow::after {
    border-left-color: #ffffff; }
  .popupmenu-wrapper.alternate .popupmenu {
    background-color: #383838;
    border: 1px solid #383838;
    color: #ffffff; }
    .popupmenu-wrapper.alternate .popupmenu a {
      color: #ffffff; }
    .popupmenu-wrapper.alternate .popupmenu li:not(.is-selected) > a:focus {
      background-color: #292929; }
  .popupmenu-wrapper.alternate.top .arrow {
    border-top-color: #383838; }
  .popupmenu-wrapper.alternate.top .arrow::after {
    border-top-color: #383838; }
  .popupmenu-wrapper.alternate.bottom .arrow {
    border-bottom-color: #383838;
    left: auto;
    right: 10px;
    top: -7px; }
  .popupmenu-wrapper.alternate.bottom .arrow::after {
    border-bottom-color: #383838;
    left: -8px;
    top: 1px; }
  .popupmenu-wrapper.alternate.right .arrow {
    border-right-color: #383838; }
  .popupmenu-wrapper.alternate.right .arrow::after {
    border-right-color: #383838; }
  .popupmenu-wrapper.alternate.left .arrow {
    border-left-color: #383838; }
  .popupmenu-wrapper.alternate.left .arrow::after {
    border-left-color: #383838; }

.popupmenu {
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  color: #1a1a1a;
  display: none;
  list-style: none;
  margin: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 5px 0;
  text-align: left; }
  .popupmenu .icon,
  .popupmenu b {
    fill: #999999;
    height: 18px; }
  .popupmenu.has-icons a {
    padding-left: 40px; }
  .popupmenu.has-icons .icon {
    left: 1px;
    position: absolute;
    top: 5.5px; }
    .popupmenu.has-icons .icon:not(.arrow) {
      height: 16px;
      margin-left: 8px;
      margin-right: -13px;
      margin-top: 1px; }
  .popupmenu.is-open {
    display: block; }
  .popupmenu .heading {
    font-size: 12px;
    font-size: 1.2rem;
    color: #999999;
    font-weight: bold;
    line-height: 25px;
    padding: 0 10px;
    text-transform: uppercase; }
  .popupmenu li {
    cursor: pointer;
    line-height: normal;
    padding: 0;
    position: static;
    /*white-space: nowrap;*/ }
    .popupmenu li.is-submenu-open, .popupmenu li.is-focused {
      background-color: #d8d8d8; }
    .popupmenu li.disabled > a:focus {
      box-shadow: none; }
    .popupmenu li.is-checked > a::before,
    .popupmenu li.is-checked.is-selected > a::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      border-color: #368ac0 #368ac0 #368ac0 transparent;
      border-style: solid;
      border-width: 0 2px 2px 0;
      content: '';
      height: 11px;
      left: 13px;
      margin-top: 7px;
      position: absolute;
      width: 5px; }
    .popupmenu li.is-selectable > a {
      padding-left: 35px; }
  .popupmenu a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    font-size: 12px;
    border: 1px solid transparent;
    color: #1a1a1a;
    display: block;
    line-height: 20px;
	margin-top: 2px;
    padding: 0 30px 0 10px;
    position: relative;
    text-decoration: none;}
	.popupmenu a.disabled {
		cursor:default;
		color:#1a1a1a80;
	}
    .popupmenu a span {
      color: inherit;
      font-weight: inherit;
      line-height: 33px; }
    .popupmenu a small {
      font-size: 11px;
      font-size: 1.1rem;
      display: block;
      line-height: normal;
      margin-bottom: 8px;
      margin-top: -3px; }
    .popupmenu a[disabled] {
      color: #999999;
      pointer-events: none; }
  .popupmenu span {
    font-size: 14px;
    font-size: 1.4rem;
    color: #383838; }
  .popupmenu i {
    color: #1a1a1a;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -.1; }
  .popupmenu .icon.icon-dropdown {
    margin-right: 0; }
  .popupmenu b {
    text-overflow: ellipsis; }
  .popupmenu li.is-disabled,
  .popupmenu li.disabled {
    cursor: default; }
    .popupmenu li.is-disabled a,
    .popupmenu li.disabled a {
      background-color: transparent;
      color: #999999 !important;
      cursor: default; }
    .popupmenu li.is-disabled .icon,
    .popupmenu li.disabled .icon {
      fill: #999999 !important; }
    .popupmenu li.is-disabled:hover,
    .popupmenu li.disabled:hover {
      background-color: transparent; }
  .popupmenu .submenu .wrapper {
    display: block;
    height: auto;
    position: absolute;
    z-index: 4000; }
  .popupmenu .submenu .icon.icon-dropdown {
    fill: #5c5c5c;
    height: 24px;
    width: 40px; }
  .popupmenu .submenu .popupmenu.is-open {
    display: block;
    visibility: visible; }
  .popupmenu .submenu > a {
    padding-right: 48px; }
    .popupmenu .submenu > a > .icon.icon-dropdown {
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      border-width: 0;
      height: 24px;
      left: auto;
      pointer-events: none;
      position: absolute;
      right: 8px;
      top: 3px;
      width: 16px; }
  .popupmenu .icon-close {
    height: 22px; }
  .popupmenu .separator {
    border-bottom: 1px solid #bdbdbd;
    margin: 5px 0; }
  .popupmenu.popupmenu-short a {
    line-height: 24px;
    padding: 0 25px 0 10px; }
  .popupmenu.popupmenu-short.has-icons > li a {
    padding-left: 25px; }
  .popupmenu.popupmenu-short i.is-checked > a::before, .popupmenu.popupmenu-short i.is-checked.is-selected > a::before {
    height: 11px;
    left: 8px;
    width: 5px; }
  .popupmenu.is-multiselectable li {
    position: relative; }
    .popupmenu.is-multiselectable li a::before {
      display: none; }
    .popupmenu.is-multiselectable li::before, .popupmenu.is-multiselectable li.is-focused::before {
      background-color: transparent;
      border: 1px solid #999999;
      border-radius: 2px;
      content: '';
      height: 14px;
      margin-left: -25px;
      position: absolute;
      width: 14px;
      margin-left: 12px;
      top: 8px; }
    .popupmenu.is-multiselectable li.is-checked::before {
      background-color: #368ac0;
      border-color: #368ac0;
      margin-left: 12px;
      top: 8px; }
    .popupmenu.is-multiselectable li.is-checked::after {
      -webkit-transform: scaleX(-1) rotate(135deg);
      -moz-transform: scaleX(-1) rotate(135deg);
      -o-transform: scaleX(-1) rotate(135deg);
      -ms-transform: scaleX(-1) rotate(135deg);
      transform: scaleX(-1) rotate(135deg);
      border-color: #ffffff #ffffff #ffffff transparent;
      border-style: solid;
      border-width: 2px 2px 0 0;
      content: '';
      height: 10px;
      left: 5px;
      position: absolute;
      top: 9px;
      width: 4px;
      left: 18px;
      margin-top: 8px;
      top: 2px; }
    .popupmenu.is-multiselectable li.is-disabled::before {
      background-color: transparent;
      border-color: #bdbdbd;
      margin-left: 12px;
      top: 8px; }
    .popupmenu.is-multiselectable li.is-disabled.is-checked::before {
      background-color: #bdbdbd;
      border-color: #bdbdbd; }
    .popupmenu.is-multiselectable li.is-disabled.is-checked::after {
      border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent;
      left: 21px;
      margin-top: 8px; }

.is-firefox .popupmenu.is-selectable li.is-checked > a::before,
.is-firefox .popupmenu.is-selectable li.is-checked.is-selected > a::before {
  margin-left: -4px;
  margin-top: 4px; }

.is-firefox .popupmenu.is-multiselectable li::before, .is-firefox .popupmenu.is-multiselectable li.is-focused::before {
  top: 7px; }

.is-firefox .popupmenu.is-multiselectable li.is-checked::before {
  top: 7px; }

.is-firefox .popupmenu.is-multiselectable li.is-checked::after {
  top: 1px; }

.is-firefox .popupmenu.is-multiselectable li.is-disabled::before {
  top: 7px; }

html[dir='rtl'] .popupmenu {
  text-align: right; }
  html[dir='rtl'] .popupmenu a {
    padding: 0 10px; }
  html[dir='rtl'] .popupmenu.has-icons > li a {
    padding-left: 10px;
    padding-right: 40px; }
  html[dir='rtl'] .popupmenu.has-icons .icon {
    left: auto;
    right: 1px; }
    html[dir='rtl'] .popupmenu.has-icons .icon:not(.arrow) {
      margin-left: -13px;
      margin-right: 8px; }
  html[dir='rtl'] .popupmenu .submenu > a {
    padding-left: 48px;
    padding-right: 10px; }
    html[dir='rtl'] .popupmenu .submenu > a > .icon.icon-dropdown {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      left: 8px;
      right: auto;
      top: 5px; }
  html[dir='rtl'] .popupmenu li.is-checked > a::before,
  html[dir='rtl'] .popupmenu li.is-checked.is-selected > a::before {
    left: auto;
    right: 13px; }
  html[dir='rtl'] .popupmenu li.is-selectable > a {
    padding-left: 10px;
    padding-right: 35px; }
	html[dir='rtl'] #popupmenu-2 {
		width:auto;
		max-width:200px;
		min-width:100px;
	}
	html[dir='rtl'] #popupmenu-2 li {
		width:auto;
	}
	html[dir='rtl'] #popupmenu-2 li a {
		width:auto;
		max-width:200px;
	}
html[dir='rtl'] .popup-footer button {
  margin-left: inherit; }

.popover,
.tooltip {
  font-size: 15px;
  font-size: 1.5rem;
  background-clip: padding-box;
  background-color: #313236;
  border: 1px solid #313236;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  color: #ffffff;
  left: -9999px;
  max-width: 300px;
  min-width: 40px;
  opacity: 1;
  padding: 1px;
  pointer-events: none;
  position: absolute;
  text-align: left;
  top: 0;
  transition: opacity .4s ease;
  white-space: normal;
  z-index: 5010; }

  
 /* TOOLTIP POPOVER CSS */ 
.tooltip {
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  border-radius: 6px;
   /* mludwig, changing to gray soho shade */
   background-color:#C8CBD4;  }
   .tooltip.top {
	   /*bottom: 100%;*/
	   left:100%;
   }   
  .tooltip .links-clickable {
    pointer-events: auto; }
  .tooltip.is-clickable {
    pointer-events: initial; }
  .tooltip.top:not(.is-error) .arrow:after {
    border-top-color: #C8CBD4;}
  .tooltip.bottom:not(.is-error) .arrow:after {  
    border-bottom-color: #C8CBD4; }
  .tooltip.right:not(.is-error) .arrow:after {
    border-right-color: #313236; }
  .tooltip.left:not(.is-error) .arrow:after {
    border-left-color: #313236; }
  .tooltip.is-error {
    background-color: #e84f4f;
    border-color: #e84f4f;
    pointer-events: auto; }
    .tooltip.is-error p {
      color: #ffffff; }
    .tooltip.is-error.top .arrow {
      border-top-color: #e84f4f; }
    .tooltip.is-error.bottom .arrow {
      border-bottom-color: #e84f4f; }
    .tooltip.is-error.left .arrow {
      border-left-color: #e84f4f; }
    .tooltip.is-error.right .arrow {
      border-right-color: #e84f4f; }
  .tooltip p {
	  background-color:#C8CBD4;
    font-size: 12px;
    font-size: 1.2rem;
    /* mludwig*/
	color:#313236;
    text-align: center;
    word-break: normal;
    word-wrap: break-word; }
  .tooltip .icon {
    display: inline-block;
    fill: #ffffff;
    height: 14px;
    margin-top: 2px;
    width: 14px; }
    .tooltip .icon + p {
      display: inline-block;
      margin-left: 2px;
      margin-top: 2px;
      vertical-align: top;
      width: auto; }
  .tooltip .action-tooltip {
    font-weight: bold;
    text-transform: uppercase; }

.popover {
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  color: #5c5c5c;
  pointer-events: auto;
  z-index: 3010; }
  .popover .arrow,
  .popover .arrow:after {
    border-width: 12px; }
  .popover.top .arrow {
    border-top-color: #bdbdbd;
    bottom: -14px;
    margin-left: -7px; }
  .popover.top .arrow:after {
    border-top-color: #ffffff;
    left: -12px;
    top: -14px; }
  .popover.bottom .arrow {
    border-bottom-color: #bdbdbd;
    top: -12px; }
  .popover.bottom .arrow:after {
    border-bottom-color: #ffffff;
    left: -12px;
    top: 1px; }
  .popover.right .arrow {
    border-right-color: #bdbdbd;
    margin-top: -11px;
    left: -12px; }
  .popover.right .arrow:after {
    border-right-color: #ffffff;
    top: -12px; }
  .popover.left .arrow {
    border-left-color: #bdbdbd;
    margin-top: -11px;
    right: -11px; }
  .popover.left .arrow:after {
    border-left-color: #ffffff;
    left: -13px;
    top: -12px; }
  .popover p {
    color: #5c5c5c;
    max-width: none; }
  .popover .tooltip-content {
    padding: 10px; }
    .popover .tooltip-content > div {
      overflow: hidden; }
  .popover.alternate {
    background-color: #f0f0f0;
    border: 1px solid #bdbdbd;
    max-width: inherit;
    padding-bottom: 5px; }
    .popover.alternate .tooltip-title {
      background-color: #ffffff;
      color: #1a1a1a;
      font-size: 1.8rem;
      padding: 15px 5px 15px 15px; }
    .popover.alternate .modal-buttonset {
      background-color: #ffffff;
      margin: 20px 0 0 -20px;
      position: absolute;
      width: calc(100% - 2px); }
    .popover.alternate.popover .arrow:after {
      border-left-color: #f0f0f0;
      border-right-color: #f0f0f0; }
    .popover.alternate th {
      color: #5c5c5c;
      font-size: 1.2rem; }
    .popover.alternate td,
    .popover.alternate p {
      color: #1a1a1a;
      font-size: 1.4rem; }

.popover p,
.tooltip p {
  line-height: 15px;
  max-width: 315px; }

.popover.is-hidden,
.tooltip.is-hidden {
  opacity: 0 !important;
  visibility: hidden; }

.tooltip-title {
  border-bottom: 1px solid #bdbdbd;
  color: #383838;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  padding: 10px 20px; }

.tooltip-content {
  padding: 7px 10px 5px; }
  .tooltip-content li {
    list-style: none outside none; }
  .tooltip-content p {
    margin-left: 0; }

.popover-content {
  margin-left: 0; }

.arrow,
.arrow:after {
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  display: block;
  height: 0;
  position: absolute;
  width: 0; }

.arrow:after {
  content: ''; }

.top .arrow {
  border-bottom-width: 0;
  bottom: -6px;
  left: 50%;
  margin-left: -7px; }
  .top .arrow:after {
    border-bottom-width: 0;
    left: -7px;
    top: -8px; }

.bottom .arrow {
  border-top-width: 0;
  left: 50%;
  margin-left: -4px;
  top: -6px; }
  .bottom .arrow:after {
    border-top-width: 0;
    left: -6px;
    top: 0; }

.bottom.offset .arrow {
  left: auto;
  right: 18px; }

.right .arrow {
  border-left-width: 0;
  left: -7px;
  margin-top: -6px;
  top: 50%; }
  .right .arrow:after {
    border-left-width: 0;
    left: 1px;
    top: -6px; }

.left .arrow {
  border-right-width: 0;
  margin-top: -6px;
  right: -7px;
  top: 50%; }
  .left .arrow:after {
    border-right-width: 0;
    left: -6px;
    top: -6px; }

html[dir='rtl'] .popover,
html[dir='rtl'] .tooltip {
  text-align: right; }

html[dir='rtl'] .tooltip.right:not(.is-error) .arrow:after {
  border-left-color: #313236;
  border-right-color: transparent; }

html[dir='rtl'] .tooltip.left:not(.is-error) .arrow:after {
  border-left-color: transparent;
  border-right-color: #313236; }

html[dir='rtl'] .tooltip .icon + p {
  margin-left: inherit;
  margin-right: 2px; }

html[dir='rtl'] .popover.right .arrow {
  border-left-color: #bdbdbd;
  border-right-color: transparent; }

html[dir='rtl'] .popover.right .arrow:after {
  border-left-color: #ffffff;
  border-right-color: transparent; }

html[dir='rtl'] .popover.left .arrow {
  border-left-color: transparent;
  border-right-color: #bdbdbd; }

html[dir='rtl'] .popover.left .arrow:after {
  border-left-color: transparent;
  border-right-color: #ffffff; }

html[dir='rtl'] .tooltip-content p {
  margin-left: inherit;
  margin-right: 0; }

html[dir='rtl'] .popover-content {
  margin-left: inherit;
  margin-right: 0; }

html[dir='rtl'] .top .arrow::after {
  left: auto;
  right: -8px; }

html[dir='rtl'] .bottom .arrow::after {
  left: auto;
  right: -8px; }

html[dir='rtl'] .bottom.offset .arrow {
  left: 18px;
  right: auto; }

html[dir='rtl'] .right .arrow {
  border-left-width: 11px;
  border-right-width: 0;
  left: auto;
  right: -11px; }
  html[dir='rtl'] .right .arrow:after {
    border-left-width: 11px;
    border-right-width: 0;
    left: auto;
    right: 1px; }

html[dir='rtl'] .left .arrow {
  border-left-width: 0;
  border-right-width: 11px;
  left: -10px;
  right: auto; }
  html[dir='rtl'] .left .arrow:after {
    border-left-width: 0;
    border-right-width: 11px;
    left: inherit;
    right: -11px; }

 /* HEADER CSS */ 
.header {
  -webkit-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  background-color: #656871;
  display: block;
  /*mludwig, height below is overridden by header.standalone*/
  height: 54px;
  padding-right:0px;
  overflow: hidden;
  width: 100%; }
  .header .searchfield, .header .searchfieldHS {
    border: 1px solid transparent; }
  .header .row {
    max-width: 100% !important;
    width: 100%; }
  .header > * {
    vertical-align: middle; }
  .header h1 {
    font-size: 1.6rem;
    -webkit-transition: transform 150ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: transform 150ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: transform 150ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: transform 150ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: transform 150ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    color: #ffffff;
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0;
    text-overflow: ellipsis;
	overflow:hidden;
	white-space:nowrap;
    width: auto;	
	max-width:calc(100% - 10px); }
  .header [class^="btn"] > h1 {
    width: auto; }
  .header [class^="btn"] .icon.icon-dropdown {
    margin-left: 5px; }
  .header .page-title {
    font-size: 15px;
    font-size: 1.5rem;
    color: #ffffff;
    display: block; }
    .header .page-title + .section-title {
      font-size: 20px;
      font-size: 2rem;
      color: #ffffff;
      display: block;
      padding: 0;
      text-transform: capitalize; }
    .header .page-title .alert .icon {
      line-height: inherit;
      margin-left: 7px;
      position: absolute;
      top: -3px; }
  .header .hamburger-menu + h {
    margin-left: 13px; }
  .header .separator {
    font-size: 22px;
    font-size: 2.2rem;
    color: #ffffff;
    padding: 0 4px 0 5px;
    position: relative;
    top: 1px; }
  .header .tooltip-description {
    color: #ffffff; }
  .header .header-search {
    margin-left: -3px; }
  .header .header-right {
    float: right;
    position: relative;
    top: -7px; }
	
	.header .titlebar {
		/*height:calc(100% - 2px);*/
		height:auto;
		padding-left:12px;
		display:inline-block;
		width:calc(100% - 60px);
	}
	html:not([dir='rtl']) .header .titlebar {
		padding-left:12px;
	}
	html[dir='rtl'] .header .titlebar {
		padding-right:12px;
	}
	.titlebar h1 {
		color:#F0F0F0;
		line-height:18px;
		width:auto;
		max-width:auto;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
  .header .toolbar {
	height:8%;
	min-height:34px;
	max-height:44px;
	position:fixed;
	top:min(8%,44px);
	background-color:var(--toolbarBgColor);
	width:100%;
	}
    .header .toolbar .title {
      color: #ffffff;
      text-overflow: ellipsis; 
	  width: 33%;
	  min-width:210px;
	  max-width:300px;
	  margin-top: 0px;
	  height:26px;
	  padding-top:2px;
	  padding-bottom:0px;
	  vertical-align:middle;
	  }
	  /* next 4 obsolete */
      .header .toolbar .title > h1 {
        margin-left: 1.0rem;
		vertical-align:baseline;
	    font-size:20px; }
      .header .toolbar .title > button:first-child + h1 {
        margin-left: 0px; }
      .header .toolbar .title .btn-menu {
        text-transform: none; }
    .header .toolbar.has-title-button + .breadcrumb {
      padding-left: 65px; }
  .header.is-sticky {
    z-index: 9000; }
	
.header .toolbar [class^="btn"] {
  background-color: transparent;
  /* mludwig, applies to back/forward btn */
  border: 1.5px solid transparent;
  /*color: rgba(255, 255, 255, 0.7);*/
	color:white;}
 .header .toolbar [class^="btn"]:focus:not(.hide-focus) {
	border: 1.5px solid var(--borderColor);
 } 
 .toolbar-section.logo {
	width:38px;
	/*height:100%;*/
	height:34px;
	display:inline-block;
	vertical-align:middle;
	margin-top: 0px;
}
html:not([dir="rtl"]) .toolbar-section.logo {
	margin-left:16px;
 }
html[dir="rtl"] .toolbar-section.logo {
	margin-left:0px;
	margin-right:16px;
}
 .toolbar-section.logo button {
	 width:32px;
	 height:32px;
	 margin:4px 2px 4px 2px;
	 display:inline-block;
 }
 .header .toolbar .btn-pdf.disabled,
 .header .toolbar .btn-pdf.disabled:hover,
 .header .toolbar .buttonset.back.disabled .back-btn,
 .header .toolbar .buttonset.back.disabled .back-btn:hover,
 .header .toolbar .buttonset.back.disabled p.toolbtn-text,
 .header .toolbar .buttonset.back.disabled p.toolbtn-text:hover, 
 .header .toolbar .buttonset.forward.disabled .fwd-btn, 
 .header .toolbar .buttonset.forward.disabled .fwd-btn:hover,
 .header .toolbar .buttonset.forward.disabled p.toolbtn-text,
 .header .toolbar .buttonset.forward.disabled p.toolbtn-text:hover { 
	color:rgba(255, 255, 255, 0.4);
	cursor:default;
}
  .header .toolbar [class^="btn"] .icon {
    /*fill: rgba(255, 255, 255, 0.7);*/
	fill: white;
	}
   .header .toolbar .buttonset.disabled [class^="btn"] > svg.icon, 
   .header .toolbar .buttonset.disabled [class^="btn"]:hover > svg.icon   {
		fill:rgba(255, 255, 255, 0.4);
	}
  .header .toolbar .btn-pdf.disabled .icon {
	fill: rgba(255, 255, 255, 0.3);
  }	  
  .header .toolbar [class^="btn"].is-open .icon {
    fill: white !important; }
  .header .toolbar [class^="btn"] .audible {
    color: #ffffff; }
	/* mludwig, adding explicit regular and hover fills for help, print, and searchselect buttons*/
	.header .toolbar .btn-help .icon, .header .toolbar .btn-menu.btn-icon.print .icon, 
	.header .toolbar .btn-menu.btn-icon.searchselect-button .icon {
		/*fill: rgba(255, 255, 255, 0.7);*/
		fill: white;
	}
	.header .toolbar .btn-help:hover .icon, .header .toolbar .btn-menu.btn-icon.print:hover .icon, 
	.btn-menu.btn-icon.searchselect-button:hover .icon{
		fill: white !important;
	}	

    .header .toolbar [class^="btn"]:hover:not([disabled]) .icon, 
	.header .toolbar [class^="btn"]:active:not([disabled]) .icon, 
	.header .toolbar [class^="btn"][aria-expanded="true"] .icon {
      fill: white; }
  .header .toolbar [class^="btn"]:focus:not(.hide-focus) {
    color: white; }
    .header .toolbar [class^="btn"]:focus:not(.hide-focus) .icon {
      fill: white; }
  .header .toolbar [class^="btn"]:focus:not(.hide-focus) {
    border: 1.5px solid #ffffff;
    box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent;
    color: white; }
    .header .toolbar [class^="btn"]:focus:not(.hide-focus) .icon {
      fill: white; }
  .header .toolbar [class^="btn"].is-selected:focus:not(.hide-focus) {
    color: white; }
    .header .toolbar [class^="btn"].is-selected:focus:not(.hide-focus) .icon {
      fill: white; }
  .header .toolbar [class^="btn"][disabled] {
    color: rgba(255, 255, 255, 0.3) !important; }
    .header .toolbar [class^="btn"][disabled] .icon {
      fill: rgba(255, 255, 255, 0.3) !important; }
    .header .toolbar [class^="btn"][disabled]:hover {
      background-color: transparent;
      border-color: transparent; }
  .header .toolbar [class^="btn"] .ripple-effect {
	  /* mludwig, changing to match header toolbar bckgrnd */
    background-color: #656871; }

.header .app-header {
  height: 32px;
  width: 32px; }
  .header .app-header.icon > span {
    background-color: rgba(255, 255, 255, 0.7); }

.header .btn-icon:hover span:not(.icon) {
  color: #ffffff; }

.header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) {
  color: rgba(255, 255, 255); }
  .header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .icon {
    fill: rgba(255, 255, 255); }
  .header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus) {
    box-shadow: none;
    color: white; }
  .header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .ripple-effect {
	  /*mludwig changing to match header background */ 
	background-color: #656871;
 }

.header .breadcrumb {
  display: block;
  padding: 1px 20px 0; }
  .header .breadcrumb ol {
    padding: 0; }
  .header .breadcrumb .hyperlink {
    color: #ffffff; }
    .header .breadcrumb .hyperlink:active:not([disabled]), .header .breadcrumb .hyperlink:hover:not([disabled]), .header .breadcrumb .hyperlink:focus:not([disabled]) {
      color: #ffffff; }
    .header .breadcrumb .hyperlink:focus:not([disabled]):not(.hide-focus) {
      outline: 1px solid #ffffff; }
    .header .breadcrumb .hyperlink:hover:not([disabled]) {
      border-bottom: 1px solid #ffffff; }
  .header .breadcrumb li {
    color: #ffffff; }
    .header .breadcrumb li::after {
      color: #ffffff; }
  .header .breadcrumb.alternate {
    background-color: #ffffff;
    border-bottom: 1px solid #383838; }
    .header .breadcrumb.alternate:hidden {
      border-bottom: 0; }
    .header .breadcrumb.alternate ol {
      padding: 15px 0; }
    .header .breadcrumb.alternate .hyperlink {
      color: #383838; }
      .header .breadcrumb.alternate .hyperlink:active:not([disabled]), .header .breadcrumb.alternate .hyperlink:hover:not([disabled]), .header .breadcrumb.alternate .hyperlink:focus:not([disabled]) {
        color: #383838; }
      .header .breadcrumb.alternate .hyperlink:focus:not([disabled]):not(.hide-focus) {
        outline: 1px solid #383838; }
      .header .breadcrumb.alternate .hyperlink:hover:not([disabled]) {
        border-bottom: 1px solid #383838; }
    .header .breadcrumb.alternate li {
      color: #383838; }
      .header .breadcrumb.alternate li::after {
        color: #383838; }

.header .toolbar [class^="btn"] .app-header.icon > span {
  background-color: rgba(255, 255, 255, 0.7); }

.header .toolbar [class^="btn"]:hover:not([disabled]) .app-drawer.icon > span,
.header .toolbar [class^="btn"]:hover:not([disabled]) .app-header.icon > span, .header .toolbar [class^="btn"]:active:not([disabled]) .app-drawer.icon > span,
.header .toolbar [class^="btn"]:active:not([disabled]) .app-header.icon > span {
  background-color: white; }

.header .toolbar [class^="btn"]:focus .app-drawer.icon > span,
.header .toolbar [class^="btn"]:focus .app-header.icon > span {
  background-color: white; }

  a:-webkit-any-link {
	  cursor:pointer;	  
  }
  /* special breadcrumb styles */
	nav div.wh_breadcrumb {
		 width:100%;
	}
	nav.wh_tools div.wh_breadcrumb {
		padding: 8px 15px 8px 15px;
		overflow:hidden;
	}
	.homediv {
		display:inline-block;
		overflow:hidden;
		vertical-align:text-top;
	}
	.crumb {
		display:inline-block;
		max-width:28%;
		overflow:hidden;
		vertical-align:bottom;
	}
	
	.crumb:hover {
		max-width:28%;
		height:16px;
		margin-left:0px;
		vertical-align:bottom;
	}
	.homediv a {
		display:inline-block;
		height:16px;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
		vertical-align:middle;
	}
	.crumb a, .crumb a:link {
		display:inline-block;
		max-width:100%;
		height:16px;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
		vertical-align:bottom;
	}
	.crumb a:hover {
		width:auto;
		max-width:100%;
		height:16px;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.crumb a:hover span {
		height:16px;
		display:block;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.homediv a span, .crumb a span {
		white-space:nowrap;
		vertical-align:bottom;
		}
	.slashdivider {
		display:inline-block;
		margin-right:6px;
		margin-left:6px;
	}

.header .toolbar {
	padding:0 2px;
}

html[dir='rtl'] .header .toolbar .title > *:first-child {
  margin-left: 0px;
  margin-right: 10px; }
/* mludwig, changing below to right */
html[dir='rtl'] .toolbar .title + .buttonset {
  text-align: right; }

html[dir='rtl'] .toolbar.has-more-button .buttonset > *:last-child {
  margin-left: 5px;
  margin-right: 0; }

  /* AUTOCOMPLETE POPUPMENU CSS */
.popupmenu.autocomplete {
  border: 1px solid #368ac0;
  border-radius: 0 0 3px 3px;
  border-top: 1px solid #999999;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  line-height: 30px;
  margin-top: -1px;
  overflow: auto;
  padding: 5px 0; }
  .popupmenu.autocomplete li {
    color: #1a1a1a; }
    .popupmenu.autocomplete li:hover {
      background-color: #d8d8d8; }
    .popupmenu.autocomplete li.is-selected {
      background-color: #368ac0;
      color: #ffffff; }
  .popupmenu.autocomplete a {
    color: inherit;
    padding: 0 10px; }
    .popupmenu.autocomplete a > * {
      vertical-align: middle; }
    .popupmenu.autocomplete a > .icon {
      position: static; }
    .popupmenu.autocomplete a span {
      line-height: normal; }
  .popupmenu.autocomplete a:before,
  .popupmenu.autocomplete a:after {
    display: none; }
  .popupmenu.autocomplete .is-selected i {
    color: #ffffff; }

input.autocomplete.is-open {
  background-color: transparent;
  border: 1px solid #368ac0;
  border-bottom: 1px solid #999999;
  border-radius: 3px 3px 0 0; }
  input.autocomplete.is-open ~ .icon:not(.close) {
    fill: #368ac0; }

[data-mask-mode="number"] {
  text-align: right; }
  [data-mask-mode="number"].error {
    padding-right: 10px; }
  [data-mask-mode="number"][data-error-type="tooltip"].error {
    padding-right: 32px; }
  [data-mask-mode="number"].spinbox {
    text-align: center; }

/* DATEPICKER CALENDAR CSS */
/* mludwig, .datepicker, .calendar styles deleted here */


.disable-select * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.draggable {
  cursor: move;
  -ms-touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  z-index: 7000; }
  .draggable.animated {
    transition: all .2s ease; }

.resize-handle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: transparent none repeat scroll 0 0;
  border: 1px solid #368ac0;
  cursor: e-resize;
  height: inherit;
  left: 48px;
  position: absolute;
  top: 0;
  width: 2px; }

[data-sort-exclude="true"] {
  opacity: .5; }

	/* TOAST CSS */
	/* mludwig, .toast styles deleted here */

.effect-scale {
  -webkit-animation: animScale 0.25s;
  -moz-animation: animScale 0.25s;
  -o-animation: animScale 0.25s;
  -ms-animation: animScale 0.25s;
  animation: animScale 0.25s; }

.effect-scale-hide {
  -webkit-animation: animScaleOut 0.25s;
  -moz-animation: animScaleOut 0.25s;
  -o-animation: animScaleOut 0.25s;
  -ms-animation: animScaleOut 0.25s;
  animation: animScaleOut 0.25s;
  opacity: 0; }

@-webkit-keyframes animScale {
  0% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    opacity: 1; } }

@-moz-keyframes animScale {
  0% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    opacity: 1; } }

@keyframes animScale {
  0% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    opacity: 1; } }

@-webkit-keyframes animScaleOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    opacity: 0; } }

@-moz-keyframes animScaleOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    opacity: 0; } }

@keyframes animScaleOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -moz-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -o-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    -ms-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
    opacity: 0; } }

 /* SEARCHFIELD CSS */ 
.searchfield-wrapper {
  display: block;
  margin-bottom: 20px;
  position: relative; }
  .searchfield-wrapper > .icon {
	/* mludwig, changing to white */
    fill: #ffffff;
	cursor: pointer;
    height: 18px;
	/*mludwig, changed from absolute */
    position: relative;
    top: 2px; }
    .searchfield-wrapper > .icon:not(.close):not(.icon-error) {
      right: 0px;
      top: 6px; }
    .searchfield-wrapper > .icon.close {
      right: 14px;
      top: 12px; }
    .searchfield-wrapper > .icon.icon-error {
      fill: #e84f4f;
      left: auto;
      right: auto;
      top: auto; }
  .searchfield-wrapper:hover input:not([disabled]) + svg {
    fill: #ffffff;
	/* mludwig, adjusting search icon placement */
	top:2px;
	}
  .searchfield-wrapper .searchfield, .searchfield-wrapper .searchfieldHS {
    padding-left: 1px;
	padding-right: 25px;
	background-color: rgba(49, 50, 54, 0.5);}
  html[dir='rtl'] .searchfield-wrapper .searchfield,  html[dir='rtl'] .searchfield-wrapper .searchfieldHS { 
	padding-right: 1px;
	padding-left: 25px;
  }  
    .searchfield-wrapper .searchfield.empty + .icon + .icon.close, .searchfield-wrapper .searchfieldHS.empty + .icon + .icon.close {
      display: none; }	  
   .searchfield-wrapper .closeicondiv .icon.close.is-empty, .searchfield-wrapper .closeicondivHS .icon.close.is-empty {
      display: none; }
   html:not([dir="rtl"]) .searchfield-wrapper .icon.close:not(.is-empty) {
      /* mludwig, using close icon  */
	  display: inline-block;
	  }
  html[dir="rtl"] .searchfield-wrapper .icon.close:not(.is-empty) {
      /* mludwig, using close icon  */
	  margin-left:0px;
	  display: inline-block;
	  }  
  .searchfield-wrapper.context {
    overflow: hidden;
    white-space: nowrap;
    width: 100%; }
    .searchfield-wrapper.context > .searchfield, .searchfield-wrapper.context > .searchfieldHS {
      background-color: #f0f0f0;
      border-bottom: 1px solid #bdbdbd;
      border-left: 0;
      border-right: 0;
      border-top: 0;
      padding-left: 32px;
      width: 100%; }
      .searchfield-wrapper.context > .searchfield.is-open, .searchfield-wrapper.context > .searchfieldHS.is-open {
        box-shadow: 0 3px 5px 0 rgba(189, 189, 189, 0.7); }
    .searchfield-wrapper.context > .icon {
      fill: #999999;
      top: 9px; }
      .searchfield-wrapper.context > .icon:not(.close) {
        left: 6px;
        right: auto; }
      .searchfield-wrapper.context > .icon.close {
        right: 6px; }
    .searchfield-wrapper.context .btn {
      background-color: #f0f0f0;
      border: 0;
      border-bottom: 1px solid #bdbdbd;
      height: 33px; }
      .searchfield-wrapper.context .btn + .searchfield, .searchfield-wrapper.context .btn + .searchfieldHS {
        margin-left: 0; }
    .searchfield-wrapper.context.alternate > .searchfield, .searchfield-wrapper.context.alternate > .searchfieldHS {
      background-color: #ffffff; }
    .searchfield-wrapper.context.alternate .btn {
      background-color: #ffffff; }
    .searchfield-wrapper.context.has-categories > .searchfield, .searchfield-wrapper.context.has-categories > .searchfieldHS {
      width: calc(100% - 39px); }
    .searchfield-wrapper.context.is-hovered .btn {
      border-color: #383838;
      color: #383838; }
      .searchfield-wrapper.context.is-hovered .btn .icon {
        fill: #383838; }
    .searchfield-wrapper.context.has-focus .btn {
      border-color: #bdbdbd; }
    .searchfield-wrapper.context.has-focus .searchfield, .searchfield-wrapper.context.has-focus .searchfieldHS {
      border-color: #bdbdbd; }
  .searchfield-wrapper.is-hovered .btn {
    border-color: #383838;
    color: #383838; }
    .searchfield-wrapper.is-hovered .btn .icon {
      fill: #383838; }
  .searchfield-wrapper.is-hovered .searchfield, .searchfield-wrapper.is-hovered .searchfieldHS {
    border-color: #383838; }
  .searchfield-wrapper.is-hovered.has-categories .searchfield {
    border-left-color: transparent; }
  .searchfield-wrapper.is-hovered.has-categories.show-category .searchfield, .searchfield-wrapper.is-hovered.has-categories .searchfieldHS {
    border-left-color: #383838; }
  .searchfield-wrapper.has-focus .btn {
    border-color: var(--borderColor); }
    .searchfield-wrapper.has-focus .btn:focus, .searchfield-wrapper.has-focus .btn:active {
      color: #0072ED; }
      .searchfield-wrapper.has-focus .btn:focus .icon, .searchfield-wrapper.has-focus .btn:active .icon {
        fill: #0072ED; }
  .searchfield-wrapper.has-focus .searchfield, .searchfield-wrapper.has-focus .searchfieldHS {
    border-color: var(--borderColor); }
  .searchfield-wrapper.has-focus.has-categories .searchfield, .searchfield-wrapper.has-focus.has-categories .searchfieldHS {
    border-left-color: transparent; }
  .searchfield-wrapper.has-focus.has-categories.show-category .searchfield, .searchfield-wrapper.has-focus.has-categories.show-category .searchfieldHS {
    border-left-color: var(--borderColor); }
  .searchfield-wrapper .btn {
    -webkit-transition: border 300ms ease 0s;
    -moz-transition: border 300ms ease 0s;
    -o-transition: border 300ms ease 0s;
    -ms-transition: border 300ms ease 0s;
    transition: border 300ms ease 0s;
    background-color: transparent;
    border-bottom-right-radius: 0;
    border-color: #999999;
    border-right: 0;
    border-top-right-radius: 0;
    color: #5c5c5c;
    font-weight: normal;
    height: 34px;
    margin: 0;
    min-width: 0;
    padding: 0 0 0 10px;
    position: relative;
    text-transform: none; }
    .searchfield-wrapper .btn + .searchfield, .searchfield-wrapper .btn + .searchfieldHS {
      border-bottom-left-radius: 0;
      border-left: 1px solid transparent;
      border-top-left-radius: 0;
      margin-left: -1px;
      padding-left: 10px; }
    .searchfield-wrapper .btn .icon {
      fill: #5c5c5c;
      width: 14px; }
    .searchfield-wrapper .btn:focus {
      box-shadow: none; }
    .searchfield-wrapper .btn.is-open {
      color: #0072ED; }
      .searchfield-wrapper .btn.is-open .icon {
        fill: #0072ED; }
	/* 2 rules below not used */
  .searchfield-wrapper + .btn {
    height: 30px;
    left: 100%;
    margin-left: 10px;
    margin-top: 1px;
    min-width: 0;
    position: absolute; }

.inline.searchfield-wrapper > .icon:not(.icon-error) {
  top: 30px; }

.popupmenu.autocomplete.context {
  box-shadow: 0 3px 5px 0 rgba(189, 189, 189, 0.7);
  border: 0;
  border-top: 1px solid #bdbdbd !important; }

.is-firefox.is-mac .searchfield-wrapper .btn {
  height: 33px; }

html[dir='rtl'] .searchfield-wrapper > .icon:not(.close) {
  left: auto;
  right: 0; }

html[dir='rtl'] .searchfield-wrapper > .icon.close {
  left: 0;
  right: auto; }

  /* TOOLBAR FORMATTER CSS */
.toolbar {
  /* mludwig, hiding next one, no idea what it is */
  /*@included no-select();*/
  font-size:10px;
  overflow-x: hidden;
  overflow-y: visible;
  padding: 0 2px;
  position: relative;
  -webkit-touch-callout: none; }
  .toolbar::before {
    content:'';
    display: inline-block;
    height: 100%;
    overflow: hidden;
    vertical-align: middle;
    visibility: hidden;
    width: 1px; }
  .toolbar > * {
    display: inline-block;
	/* mludwig, changing from top */
    vertical-align: middle; }
  .toolbar .buttonset {
    height: 30px;
    overflow: hidden;
    padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
    width: 5%; }
	/* mludwig */
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		min-width:60px;
		width:255px;
		max-width:255px;
		position:relative;
		height:30px;
		line-height:10px;
		margin-top: 0px;
		margin-left:calc(25% - 60px);
		margin-right:0px;
	}
	html[lang='ru-RU']:not([dir="rtl"]) .toolbar .buttonset.search,
	html[lang='uk-UA']:not([dir="rtl"]) .toolbar .buttonset.search,
	html[lang='sl-SI']:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(15% - 70px);
	}	
	html[dir="rtl"] .toolbar .buttonset.search {
		min-width:60px;
		width:255px;
		position:relative;
		height:30px;
		line-height:10px;
		margin-top: 0px;
		margin-right:calc(20% - 60px);
		margin-left:0px;		
	}
	.page-container .buttonset.search {
		top:0px;
	}
	.toolbar .buttonset.search span {
		vertical-align:middle;
		height:100%;
		/*top:5px;*/
		width:auto;
		margin-right:0px;
	}
.container, .container-fluid {
	margin-bottom:0px;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0px;
	padding-right: 0px;
	background-color:#ffffff;
	width: 100%;   /*LS 2015mar11 */
	/* max-width: 1280px; LS 2015mar11*/
	position:relative;
	height:calc(100% - 70px);
	overflow:auto;
}
html.fixed.pdfhtml .container-fluid {
	height:calc(100% - 57px);
}
html.fixed.pdfhtml {
	top:7px;
}
.wh_main_page .container, .wh_main_page .container-fluid {
	margin-bottom:0px;
	margin-top:0px;
	height:100%;
}
html[dir='rtl'] .wh_topic_page .container, html[dir='rtl'] .wh_topic_page .container-fluid {
	overflow-y:overlay;
}
.wh_main_page .wh_content_area {
	margin-bottom: 0px;
}
/* DOCTOOLS-7620 */
.wh_topic_page .container_search .wh_content_area, .wh_main_page .container_search, .wh_main_page .container_search .wh_content_area {
	height:100%;
}	
	.toolbar .buttonset.back, .toolbar .buttonset.forward {
		width:auto;
		margin-top:0px;
		vertical-align:middle;
		cursor:pointer;
		line-height:14px;
	}
	.toolbar .buttonset button.print {
		margin-left:0px;
		margin-right:0px;
	}
	.buttonset.print, .buttonset.copy-url, .buttonset.help, .buttonset.pdf, buttonset.menu {
		vertical-align:top;
		cursor:pointer;
	}
	.toolbar .buttonset.print {
		width:auto;
		position:relative;
		display:inline-block;
	}
	.toolbar .buttonset.menu {
		width:auto;
		position:relative;
	}
	
    .toolbar .buttonset > .separator {
      background-color: #999999;
      display: inline-block;
      height: 20px;
      margin: 3px 16px 0;
      position: relative;
      top: 6px;
      width: 1px; }
    .toolbar .buttonset > * {
		/* mludwig, changed from original 3, 5, 3 */
      margin: 0px 0px 0px 6px;
      vertical-align: middle; }
	  .toolbar .buttonset > *:first-child {
		margin-right: 0px;
		margin-left: 3px;		  
	  }
	  .toolbar .buttonset > .fwd-btn {
		  margin-left: 2px;
	  }
	  .toolbar .buttonset.search span {
		  margin-top:0px;
		  margin-left:0px;
	  }
	  html[dir='rtl'] .toolbar .buttonset > *:first-child {
		margin-right: 0px;
		margin-left: 0px;		  
	  }
      .toolbar .buttonset > *:last-child {
        margin-right: 0px;
		margin-left: 0px;}
      .toolbar .buttonset > *.is-overflowed {
        display: block; }
    .toolbar .buttonset > [class^="btn"] {
      min-width: 34px; }
    .toolbar .buttonset.right-aligned {
      text-align: right; }

  .toolbar .title {
    overflow: hidden;
    white-space: normal;
    width: calc(95% - 1px);
	line-height:20px;
	}
    .toolbar .title > * {
      vertical-align: top; }
    .toolbar .title > h1 {
	  text-align: left;
      width: calc(92% - 1px);}
   .toolbar .title+ .buttonset {
	   /*mludwig*/
	   width:200px;
	   min-width:80px;
   }	  
  .toolbar .more {
    display: none;
    text-align: right;
    width: 38px; }
    .toolbar .more > * {
      margin-right: 1px; }
  .toolbar.has-more-button .buttonset {
    width: calc(100% - 39px); }
    .toolbar.has-more-button .buttonset > *:last-child {
      margin-right: 5px; }
  .toolbar.has-more-button .title {
    width: calc(45%); }
    .toolbar.has-more-button .title + .buttonset {
      width: calc(55% - 39px); }
  .toolbar.has-more-button .more {
    display: inline-block !important; }
  .toolbar.standalone {
    background-color: #d8d8d8;
    border-bottom: 1px solid #bdbdbd; }

.toolbar {
  font-size: 0;
  margin-bottom: 0px; }
  .toolbar .title {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    font-size: 16px;
    font-size: 1.6rem;
    color: #1a1a1a; }
    .toolbar .title + .buttonset {
      text-align: left; }
	html[dir="rtl"] .toolbar .title + .buttonset {
      text-align: right; }
  .toolbar [class^="btn"],
  .toolbar .btn {
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    color: #5c5c5c;
    overflow: hidden; }
    .toolbar [class^="btn"].btn-actions,
    .toolbar .btn.btn-actions {
      border-radius: 18px; }
    .toolbar [class^="btn"] .icon,
    .toolbar .btn .icon {
      fill: #5c5c5c; }
    /* mludwig, hiding for now, not really using disabled
	.toolbar [class^="btn"]:hover:not([disabled]),
    .toolbar .btn:hover:not([disabled]) {
      color: #1a1a1a; }
      .toolbar [class^="btn"]:hover:not([disabled]) .icon,
      .toolbar .btn:hover:not([disabled]) .icon {
        fill: #1a1a1a; }
    .toolbar [class^="btn"][disabled], .toolbar [class^="btn"][disabled]:hover,
    .toolbar .btn[disabled],
    .toolbar .btn[disabled]:hover {
      background-color: transparent;
      border-color: transparent;
      color: #383838;
      cursor: default; }
      .toolbar [class^="btn"][disabled] .icon, .toolbar [class^="btn"][disabled]:hover .icon,
      .toolbar .btn[disabled] .icon,
      .toolbar .btn[disabled]:hover .icon {
        fill: #383838; }*/
    .toolbar [class^="btn"]:focus:active,
    .toolbar .btn:focus:active {
      background-color: transparent !important; }
    .toolbar [class^="btn"]:focus:not(.hide-focus),
    .toolbar .btn:focus:not(.hide-focus) {
      box-shadow: 0 0 0 2px transparent, 0 0 0 1px #0072ED;
      color: #1a1a1a; }
      .toolbar [class^="btn"]:focus:not(.hide-focus).searchfield-category-button,
      .toolbar .btn:focus:not(.hide-focus).searchfield-category-button {
        box-shadow: none; }
      .toolbar [class^="btn"]:focus:not(.hide-focus):active,
      .toolbar .btn:focus:not(.hide-focus):active {
        background-color: transparent !important;
        box-shadow: none; }
      .toolbar [class^="btn"]:focus:not(.hide-focus) .icon,
      .toolbar .btn:focus:not(.hide-focus) .icon {
        fill: #1a1a1a; }
    .toolbar [class^="btn"] .ripple-effect,
    .toolbar .btn .ripple-effect {
      background-color: #8DC9E6; }
  .toolbar [class^="btn"]:focus:not(.hide-focus) {
    border: 2px solid var(--borderColor);
    color: #1a1a1a; }
    .toolbar [class^="btn"].is-selected:focus:not(.hide-focus) .icon {
      fill: #1a1a1a; }

.popupmenu.toolbar-options li > a {
  padding: 0 30px; }

.popupmenu.toolbar-options li > .icon,
.popupmenu.toolbar-options li > b {
  margin-left: 10px;
  width: 28px; }

.popupmenu.toolbar-options li.is-selected {
  background-color: #d8d8d8;
  color: #383838; }
  .popupmenu.toolbar-options li.is-selected > .icon {
    fill: #383838; }

.popupmenu.toolbar-options.has-icons li > a {
  padding: 0 30px 0 45px; }

.is-safari .toolbar,
.is-safari .formatter-toolbar {
  overflow-x: initial; }

.popupmenu .icon {
  fill: #5c5c5c; }

 /* PROCESS-INDICATOR CSS (Not used by help systems but could be some day */ 
.process-indicator {
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem; }
  .process-indicator .display {
    margin-bottom: 20px;
    word-spacing: -0.286em; }
    .process-indicator .display > * {
      vertical-align: middle;
      white-space: nowrap; }
    .process-indicator .display .separator {
      border: 1px solid transparent;
      display: inline-block;
      height: 0;
      width: 1.3em; }
      .process-indicator .display .separator.darkest {
        border-color: #1d5f8a; }
      .process-indicator .display .separator.darker {
        border-color: #2578a9; }
      .process-indicator .display .separator.lighter {
        border-color: var(--borderColor); }
      .process-indicator .display .separator.lightest {
        border-color: #54a1d3; }
      .process-indicator .display .separator.minor {
        width: 0.65em; }
  .process-indicator .details {
    color: #5c5c5c;
    font-size: 10px;
    font-size: 1rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
    .process-indicator .details > * {
      vertical-align: middle; }
    .process-indicator .details > .icon {
      height: 15px;
      margin-right: 10px;
      width: 15px; }
  .process-indicator.compact .display {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center; }
  .process-indicator.compact .heading,
  .process-indicator.compact .sub-heading,
  .process-indicator.compact .details {
    display: inline-block; }

.indicator {
  background-color: #f0f0f0;
  border: 2px solid #d8d8d8;
  border-radius: 0.65em;
  display: inline-block;
  height: 1.3em;
  position: relative;
  width: 1.3em; }
  .indicator.darkest {
    background-color: #1d5f8a;
    border: 0; }
  .indicator.darker {
    background-color: #2578a9;
    border: 0; }
  .indicator.lighter {
    background-color: var(--toolbarBgColor);
    border: 0; }
  .indicator.lightest {
    background-color: #54a1d3;
    border: 0; }
  .indicator.processing {
    border: 2px solid #54a1d3;
    border-radius: 0.65em; }
  .indicator.current {
    border-radius: 1.04em;
    height: 2.08em;
    width: 2.08em; }
    .indicator.current:before {
      border-radius: 1.04em; }
  .indicator.rejected {
    border: 0; }
    .indicator.rejected:before, .indicator.rejected:after {
      background-color: #ffffff;
      border-radius: .2em;
      content: '';
      display: inline-block;
      height: .15em;
      left: .14em;
      position: absolute;
      top: .54em;
      width: 1.066em; }
    .indicator.rejected:before {
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg); }
    .indicator.rejected:after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .indicator.rejected.current {
      background-color: #e84f4f; }
      .indicator.rejected.current:before, .indicator.rejected.current:after {
        left: .51em;
        top: .93em; }
  .indicator.more-info {
    border: 0; }
    .indicator.more-info:before {
      color: #ffffff;
      content: '!';
      display: inline-block;
      font-size: 1.4em;
      font-weight: bold;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility !important;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
      height: 100%;
      position: relative;
      text-align: center;
      top: .25em;
      width: 100%; }
    .indicator.more-info.current {
      background-color: #e84f4f; }
  .indicator.time-out {
    border: 0; }
    .indicator.time-out:before {
      border: .15em solid #ffffff;
      content: '';
      height: 50%;
      left: .370em;
      position: absolute;
      top: .370em;
      width: 50%; }
    .indicator.time-out:after {
      border-bottom: .15em solid #ffffff;
      border-left: .15em solid #ffffff;
      content: '';
      height: 20%;
      left: .97em;
      position: absolute;
      top: .6em;
      width: 10%; }
    .indicator.time-out.current {
      background-color: #e84f4f; }
  .indicator.minor {
    border-radius: 0.325em;
    height: 0.65em;
    width: 0.65em; }

.process-indicator .heading,
.timeline .heading {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  line-height: 1.5; }

.process-indicator .sub-heading,
.timeline .sub-heading {
  color: #5c5c5c;
  font-size: 12px;
  font-size: 1.2rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  line-height: 1.5;
  margin-bottom: 10px; }

@-webkit-keyframes rotate-processing-indicator {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes rotate-processing-indicator {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate-processing-indicator {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* MODAL CSS2 (ABOUT) */	
.modal.about .close-container {
  position: absolute;
  right: 8px;
  text-align: right;
  top: 8px; }

.about.modal {
  max-width: 576px;
  min-width: 300px;
  width: calc(100% - 40px); }

.modal.about .modal-header {
  margin: 1.5em 0;
  text-align: center; }
  .modal.about .modal-header h1 {
    color: #1a1a1a;
    margin: 0;
    padding: 0;
    text-align: center; }

.modal.about .modal-body {
  border: 1px solid #bdbdbd;
  border-radius: 2px;
  margin: 0 10px 10px;
  max-height: 199px;
  outline: medium none;
  overflow-y: auto; }
  .modal.about .modal-body:hover {
    border-color: #454545; }
  .modal.about .modal-body:focus, .modal.about .modal-body.focusbody {
    border-color: var(--borderColor);
    box-shadow: 0 0 5px rgba(8, 150, 233, 0.2); }

.modal.about .additional-content {
  font-size: 14px;
  font-size: 1.4rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  color: #1a1a1a;
  line-height: normal; }

.modal.about .about-logo {
  height: 72px;
  margin-bottom: 6px;
  width: 72px; }

.modal.about p {
  color: #1a1a1a;
  margin-top: 0;
  padding: 0px; }
  .modal.about p:focus {
    border: 1px solid var(--borderColor);
    outline: none; }
/* mludwig, adding for close button on about modal to make visible */
.close-container > button.btn-icon .icon {
	color:#5c5c5c;
	fill:#5c5c5c;
	outline: 0;
	border-width: 1.0px;
	border-color: transparent;
	border-style: solid;
	border-radius: 2px;	
}
.close-container > button.btn-icon .icon:focus {
  outline: 0;
  border-width: 1.0px;
  border-color: var(--borderColor);
  border-style: solid;
  border-radius: 2px;
}
/* mludwig, overriding bootstrap */
.modal-body-wrapper .modal-body {
	padding-top: 5px;
	margin-bottom:15px;
}

/* MODAL (HELP) */
.row div.close-container {
	top:18px;
	width:40px;
	position:fixed;
}
.row div.printbtn-container {
	top:16px;
	width:40px;
	position:fixed;	
}
.printbtn-container > button.btn-icon .icon{
	color:#5c5c5c;
	fill:#5c5c5c;
}
	
/* MODAL CSS2 (TOPICLIST) */
.modal.topiclist {
	height:400px;
	min-width:400px;
	max-width:600px;
	width:calc(100% - 40px);
}
.modal.topiclist .close-container {
  position: absolute;
  right: 8px;
  text-align: right;
  top: 8px; }
.modal.topiclist .modal-header {
	padding-top:40px;
	height:60px;
}
.modal.topiclist .modal-body {
	height:300px;
	padding-top:20px;
}
.modal.topiclist .modal-content h1 {
	font-size:2.2rem;
	color:var(--titleFontColor);
}
.modal.topiclist ul {
	margin-top:20px;
	margin-left:20px;
}
.modal.topiclist a, .modal.topiclist a:link {text-decoration-line:none;color:#5c5c5c;}
.modal.topiclist a:active {border-bottom: 1px dotted #ccc; color: var(--linkFontColor); }
.modal.topiclist a:hover {border-bottom: 1px dotted #333; color: var(--linkFontColor);}

/* ACCORDION CSS */	
.accordion {
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom: 0;
  font-size: 0;
  overflow-y: visible; }
  .accordion.is-disabled {
    background-color: transparent !important;
    border-bottom-color: #abaeb7;
    pointer-events: none; }
    .accordion.is-disabled .accordion-header {
      background-color: transparent !important;
      border-bottom-color: #abaeb7 !important;
      color: #999999 !important; }
      .accordion.is-disabled .accordion-header a {
        color: #999999 !important; }
      .accordion.is-disabled .accordion-header span {
        color: #999999 !important; }
      .accordion.is-disabled .accordion-header .icon {
        fill: #999999 !important; }
        .accordion.is-disabled .accordion-header .icon.plus-minus::before, .accordion.is-disabled .accordion-header .icon.plus-minus::after {
          background-color: #999999 !important; }
      .accordion.is-disabled .accordion-header.list-item::before {
        color: #999999 !important;
		font-size:8px;		}
    .accordion.is-disabled .accordion-pane {
      background-color: transparent !important; }
      .accordion.is-disabled .accordion-pane .accordion-header {
        background-color: transparent !important;
        border-bottom-color: transparent !important; }
  .accordion.has-icons > .accordion-header > a {
    padding-left: 54px; }
  .accordion.has-icons > .accordion-header > .icon + a,
  .accordion.has-icons > .accordion-header > [class^="btn"] + a {
    padding-left: 0; }
  .accordion.has-icons .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 54px; }
  .accordion.has-icons .accordion-pane .accordion-header > a {
    padding-left: 36px; }
  .accordion.has-icons .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-header > [class^="btn"] {
    margin-left: 30px; }
    .accordion.has-icons .accordion-pane .accordion-header > .icon + a,
    .accordion.has-icons .accordion-pane .accordion-header > [class^="btn"] + a {
      padding-left: 0;
      width: calc(100% - 56px); }
  .accordion.has-icons .accordion-pane .accordion-header.no-icon > a {
    padding-left: 54px; }
  .accordion.has-icons .accordion-pane .accordion-header.list-item::before {
    padding-left: 37px;
	font-size:8px;	}
  .accordion.has-icons .accordion-pane .accordion-header.list-item a {
    padding-left: 0;
    width: calc(100% - 56px); }
  .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 73px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > a {
    padding-left: 54px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
    margin-left: 49px; }
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
      padding-left: 0;
      width: calc(100% - 76px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-left: 56px;
	font-size:8px;	}
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-left: 0;
    width: calc(100% - 76px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 92px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-left: 74px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
    margin-left: 68px; }
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
      width: calc(100% - 95px);
      padding-left: 0; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-left: 75px;
	font-size:8px;	}
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-left: 0;
    width: calc(100% - 95px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 111px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-left: 93px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
    margin-left: 87px; }
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
      padding-left: 0;
      width: calc(100% - 114px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-left: 94px;
	font-size:8px;}
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-left: 0;
    width: calc(100% - 114px); }
	
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 131px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-left: 112px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
    margin-left: 106px; }
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
      padding-left: 0;
      width: calc(100% - 134px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-left: 113px;
	font-size:8px;}
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-left: 0;
    width: calc(100% - 134px); }
	
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 151px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-left: 131px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
    margin-left: 125px; }
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
      padding-left: 0;
      width: calc(100% - 154px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-left: 132px;
	font-size:8px;}
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-left: 0;
    width: calc(100% - 154px); }
	
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 170px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-left: 150px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
    margin-left: 144px; }
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
      padding-left: 0;
      width: calc(100% - 174px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-left: 151px;
	font-size:8px;}
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-left: 0;
    width: calc(100% - 174px); }

  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 189px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
    padding-left: 169px; }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
    margin-left: 163px; }
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
    .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
      padding-left: 0;
      width: calc(100% - 193px); }
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
    padding-left: 170px;
	font-size:8px;}
  .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
    padding-left: 0;
    width: calc(100% - 193px); }
	
  .accordion.panel {
    background-color: #f0f0f0;
    border-color: #d8d8d8;
    border-right-color: #bdbdbd; }
    .accordion.panel .accordion-header {
      border-bottom-color: #d8d8d8; }
  .accordion.panel .accordion-header.is-focused:not(.hide-focus) {
       /*border-bottom-color: #0072ED;*/
	   }
  .accordion.panel .accordion-header:last-child {
        border-bottom-color: transparent; }
  .accordion.panel .accordion-pane {
      background-color: #d8d8d8; }
  .accordion.panel .accordion-pane.is-expanded + .accordion-header:not(.is-focused):not(.is-selected){
		 border-top-color: #212224;
	  }
  .accordion.panel.alternate {
      background-color: #ffffff; }
      .accordion.panel.alternate .accordion-header {
        border-bottom-color: #d8d8d8; }
        .accordion.panel.alternate .accordion-header.is-focused:not(.hide-focus) {
          border-bottom-color: var(--borderColor); }
      .accordion.panel.alternate .accordion-pane {
        background-color: #d8d8d8; }
        .accordion.panel.alternate .accordion-pane .accordion-header {
          border-bottom-color: #d8d8d8; }
          .accordion.panel.alternate .accordion-pane .accordion-header:last-child {
            border-bottom-color: transparent; }
          .accordion.panel.alternate .accordion-pane .accordion-header.is-focused:not(.hide-focus) {
             /*border-bottom-color: #0072ED;*/ }
    .accordion.panel.inverse {
      background-color: #313236;
      border-right: #212224;  }
      .accordion.panel.inverse .accordion-header {
        border-bottom-color: #212224;
        color: #abaeb7; }
        .accordion.panel.inverse .accordion-header .icon {
          fill: #abaeb7; }
          .accordion.panel.inverse .accordion-header .icon.plus-minus::before, .accordion.panel.inverse .accordion-header .icon.plus-minus::after {
            background-color: #abaeb7; }
        .accordion.panel.inverse .accordion-header > [class^="btn"]:focus:not(.hide-focus) {
          border-color: var(--borderColor);
		  border-radius:5px;}
        .accordion.panel.inverse .accordion-header.list-item::before {
          color: #abaeb7;
		  font-size:8px;
		  }
        .accordion.panel.inverse .accordion-header.list-item.is-selected, .accordion.panel.inverse .accordion-header.list-item.is-selected:hover, .accordion.panel.inverse .accordion-header.list-item.is-focused.is-selected {
          color: #ffffff; }
        .accordion.panel.inverse .accordion-header.is-selected, .accordion.panel.inverse .accordion-header.is-selected:hover, .accordion.panel.inverse .accordion-header.is-focused.is-selected {
          color: #ffffff; }
          .accordion.panel.inverse .accordion-header.is-selected .icon, .accordion.panel.inverse .accordion-header.is-selected:hover .icon, .accordion.panel.inverse .accordion-header.is-focused.is-selected .icon {
            fill: #ffffff; }
            .accordion.panel.inverse .accordion-header.is-selected .icon.plus-minus::before, .accordion.panel.inverse .accordion-header.is-selected .icon.plus-minus::after, .accordion.panel.inverse .accordion-header.is-selected:hover .icon.plus-minus::before, .accordion.panel.inverse .accordion-header.is-selected:hover .icon.plus-minus::after, .accordion.panel.inverse .accordion-header.is-focused.is-selected .icon.plus-minus::before, .accordion.panel.inverse .accordion-header.is-focused.is-selected .icon.plus-minus::after {
              background-color: #ffffff; }
          .accordion.panel.inverse .accordion-header.is-selected > [class^="btn"]:focus:not(.hide-focus), .accordion.panel.inverse .accordion-header.is-selected:hover > [class^="btn"]:focus:not(.hide-focus), .accordion.panel.inverse .accordion-header.is-focused.is-selected > [class^="btn"]:focus:not(.hide-focus) {
            border-color: #ffffff; }
        .accordion.panel.inverse .accordion-header:hover {
          color: #ffffff; }
          .accordion.panel.inverse .accordion-header:hover .icon {
            fill: #ffffff; }
            .accordion.panel.inverse .accordion-header:hover .icon.plus-minus::before, .accordion.panel.inverse .accordion-header:hover .icon.plus-minus::after {
              background-color: #ffffff; }
      .accordion.panel.inverse .accordion-pane {
        background-color: #212224; }
        .accordion.panel.inverse .accordion-pane.is-expanded + .accordion-header:not(.is-focused):not(.is-selected),
        .accordion.panel.inverse .accordion-pane .accordion-header {
          border-bottom-color: #212224; }
          .accordion.panel.inverse .accordion-pane .accordion-header:last-child {
            border-bottom-color: transparent; }
         /* .accordion.panel.inverse .accordion-pane .accordion-header.is-focused:not(.hide-focus) {
            border-bottom-color: #0072ED;*/ }
          .accordion.panel.inverse .accordion-pane .accordion-header.is-selected, .accordion.panel.inverse .accordion-pane .accordion-header.is-selected:hover, .accordion.panel.inverse .accordion-pane .accordion-header.is-focused.is-selected {
            color: #ffffff; }
            .accordion.panel.inverse .accordion-pane .accordion-header.is-selected .icon, .accordion.panel.inverse .accordion-pane .accordion-header.is-selected:hover .icon, .accordion.panel.inverse .accordion-pane .accordion-header.is-focused.is-selected .icon {
              fill: #ffffff; }
          .accordion.panel.inverse .accordion-pane .accordion-header.is-selected::before, .accordion.panel.inverse .accordion-pane .accordion-header.is-selected:hover::before, .accordion.panel.inverse .accordion-pane .accordion-header.is-focused.is-selected::before {
            color: #ffffff;
			font-size:8px}
		  
.accordion-header {
  border: 1px solid transparent;
  border-bottom-color: #d8d8d8;
  cursor: pointer;
  font-size: 0;
  /* mludwig, reducing height for more compact toc */
  height: 38px;
  overflow: hidden;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none; }
  .accordion-header > * {
    vertical-align: middle; }
  .accordion-header span {
    color: inherit; }
    .accordion-header span.audible {
      color: inherit; }
  /* mludwig, trying to control hover color */
  .accordion-header span:hover {
    color: #ffffff; }
  .accordion-header a {
    color: inherit;
    font-size: 14px;
    text-decoration: none;
    text-overflow: ellipsis; }
  .accordion-header > a {
    display: inline-block;
    overflow: hidden;
    padding: 7px 0 10px 20px;
    white-space: nowrap;
    width: calc(100% - 1px); }
	/* mludwig, trying to control hover color */
   .accordion-header a:hover, .accordion-header > a:hover {
	   color: #ffffff;
   }
  .accordion-header > [class^="btn"] {
    background-color: transparent;
    border-color: transparent;
    color: #383838;
    height: 34px;
	vertical-align:top;
    margin: 0 3px;
    min-width: 0;
	/*mludwig, for plus-minus focus accommodation */
    padding: 0 8px;
    width: 40px; }
	
	div.accordion-header.list-item::before {
		font-size:8px;
	}
    .accordion-header > [class^="btn"] > * {
      pointer-events: none; }
    .accordion-header > [class^="btn"] + a {
      width: calc(100% - 57px); }
    .accordion-header > [class^="btn"] .icon {
      padding-left: 0;
      padding-right: 1px;
      position: relative; }
      .accordion-header > [class^="btn"] .icon:not(.plus-minus) {
        top: -1px; }
      .accordion-header > [class^="btn"] .icon.plus-minus {
        position: static; }
        .accordion-header > [class^="btn"] .icon.plus-minus::before, .accordion-header > [class^="btn"] .icon.plus-minus::after {
          background-color: #5c5c5c;
          left: 13px;
          top: 17px;
          width: 12px;
		  margin-top:1px;}
      .accordion-header > [class^="btn"] .icon.chevron {
        height: 28px;
        padding-right: 0;
        top: 0;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
        -moz-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
        -o-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
        -ms-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
        transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
        width: 28px; }
        .accordion-header > [class^="btn"] .icon.chevron.active {
          -webkit-transform: rotateX(180deg);
          -moz-transform: rotateX(180deg);
          -o-transform: rotateX(180deg);
          -ms-transform: rotateX(180deg);
          transform: rotateX(180deg); }
    .accordion-header > [class^="btn"]:focus {
      box-shadow: none; }
      .accordion-header > [class^="btn"]:focus:not(.hide-focus) {
        border-color: var(--borderColor);
		border-width:1.5px;}
      .accordion-header > [class^="btn"]:focus:active {
        background-color: var(--toolbarBgColor); }
    .accordion-header > [class^="btn"]:active .icon {
      fill: #ffffff; }
    .accordion-header > [class^="btn"]:active .plus-minus::before, .accordion-header > [class^="btn"]:active .plus-minus::after {
      background-color: #ffffff; }
  .accordion-header > [class^="btn"] + a,
  .accordion-header > .icon + a {
    padding-left: 0; }
  .accordion-header .icon {
    fill: #5c5c5c;
    height: 16px;
    top: -1px;
    width: 18px; }
  .accordion-header > .icon {
    margin: 0 18px; }
    .accordion-header > .icon + a {
      width: calc(100% - 56px); }
  .accordion-header:hover {
    color: #1a1a1a; }
    .accordion-header:hover > a {
      text-decoration: none; }
    .accordion-header:hover .icon {
      fill: #1a1a1a; }
      .accordion-header:hover .icon.plus-minus::before, .accordion-header:hover .icon.plus-minus::after {
        background-color: #1a1a1a; }
  .accordion-header.is-selected, .accordion-header.is-selected:hover, .accordion-header.is-focused.is-selected {
    background-color: var(--toolbarBgColor);
    border-bottom-color: var(--toolbarBgColor);
    color: #ffffff; }
    .accordion-header.is-selected > a, .accordion-header.is-selected:hover > a, .accordion-header.is-focused.is-selected > a {
      color: #ffffff; }
    .accordion-header.is-selected > .icon, .accordion-header.is-selected:hover > .icon, .accordion-header.is-focused.is-selected > .icon {
      fill: #ffffff; }
    .accordion-header.is-selected > [class^="btn"] .icon, .accordion-header.is-selected:hover > [class^="btn"] .icon, .accordion-header.is-focused.is-selected > [class^="btn"] .icon {
      fill: #ffffff; }
      .accordion-header.is-selected > [class^="btn"] .icon.plus-minus::before, .accordion-header.is-selected > [class^="btn"] .icon.plus-minus::after, .accordion-header.is-selected:hover > [class^="btn"] .icon.plus-minus::before, .accordion-header.is-selected:hover > [class^="btn"] .icon.plus-minus::after, .accordion-header.is-focused.is-selected > [class^="btn"] .icon.plus-minus::before, .accordion-header.is-focused.is-selected > [class^="btn"] .icon.plus-minus::after {
        background-color: #ffffff; }
    .accordion-header.is-selected > [class^="btn"] .audible, .accordion-header.is-selected:hover > [class^="btn"] .audible, .accordion-header.is-focused.is-selected > [class^="btn"] .audible {
      color: #ffffff; }
    .accordion-header.is-selected [class^="btn"]:focus, .accordion-header.is-selected:hover [class^="btn"]:focus, .accordion-header.is-focused.is-selected [class^="btn"]:focus {
      box-shadow: none; }
      .accordion-header.is-selected [class^="btn"]:focus:not(.hide-focus), .accordion-header.is-selected:hover [class^="btn"]:focus:not(.hide-focus), .accordion-header.is-focused.is-selected [class^="btn"]:focus:not(.hide-focus) {
      /* mludwig, setting to 0 to stop sideways menu item jump */
    border: 0px solid #ffffff; 
		}
    .accordion-header.is-selected .accordion-header, .accordion-header.is-selected:hover .accordion-header, .accordion-header.is-focused.is-selected .accordion-header {
      border-bottom-color: var(--borderColor); }
  .accordion-header.has-chevron > [class^="btn"] {
    padding: 0; }
  .accordion-header.has-chevron > a {
    width: calc(100% - 55px); }
  .accordion-header.has-chevron > .icon + a {
    width: calc(100% - 109px); }
  .accordion-header.is-disabled {
    background-color: transparent !important;
    color: #999999 !important;
    pointer-events: none; }
    .accordion-header.is-disabled span.audible {
      color: #ffffff !important; }
    .accordion-header.is-disabled a {
      color: #999999 !important; }
    .accordion-header.is-disabled .icon {
      fill: #999999 !important; }
      .accordion-header.is-disabled .icon.plus-minus::before, .accordion-header.is-disabled .icon.plus-minus::after {
        background-color: #999999 !important; }
    .accordion-header.is-disabled + .accordion-pane {
      background-color: transparent !important;
      border-bottom-color: transparent !important; }
      .accordion-header.is-disabled + .accordion-pane .accordion-header {
        background-color: transparent !important;
        border-bottom-color: transparent !important; }
        .accordion-header.is-disabled + .accordion-pane .accordion-header a {
          color: #999999 !important; }
        .accordion-header.is-disabled + .accordion-pane .accordion-header .icon {
          fill: #999999 !important; }
          .accordion-header.is-disabled + .accordion-pane .accordion-header .icon.plus-minus::before, .accordion-header.is-disabled + .accordion-pane .accordion-header .icon.plus-minus::after {
            background-color: #999999 !important; }

.accordion-pane {
  height: 0;
  display:none;
  padding: 0;
  overflow: hidden;
  -webkit-transition: padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: padding 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
  .accordion-pane.is-expanded {
    padding: 5px 0;
	display:block;
	height:auto;	}
    .accordion-pane.is-expanded + .accordion-header:not(.is-focused):not(.is-selected) {
      border-top-color: #d8d8d8; }
  .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 40px; }
  .accordion-pane .accordion-header {
      /* mludwig, reducing height for more compact toc */
	height: 29px; }
    .accordion-pane .accordion-header:not(:first-child) {
      border-top-color: transparent; }
    .accordion-pane .accordion-header:last-child {
      border-bottom: 1px solid transparent; }
    .accordion-pane .accordion-header > a {
      padding: 3px 0 5px 20px; }
    .accordion-pane .accordion-header > [class^="btn"],
    .accordion-pane .accordion-header > .icon {
      margin-left: 14px; }
      .accordion-pane .accordion-header > [class^="btn"] + a,
      .accordion-pane .accordion-header > .icon + a {
        padding: 3px 0 5px 1px;
        width: calc(100% - 41px); }
    .accordion-pane .accordion-header > [class^="btn"] {
      height: 25px;
      width: 22px; }
	  /*mludwig, adding more width above to help out plus-minus focus width*/	  
      .accordion-pane .accordion-header > [class^="btn"] .icon.plus-minus::before, .accordion-pane .accordion-header > [class^="btn"] .icon.plus-minus::after {
        left: 5px;
        top: 10px;
        width: 10px; }
    .accordion-pane .accordion-header.list-item::before {
      color: #5c5c5c; 
      content: '\25cf';
      display: inline-block;
	  font-size:8px;
      padding: 2px 10px 8px 21px;
      vertical-align: middle; }
    .accordion-pane .accordion-header.list-item a {
      padding-left: 1px;
      vertical-align: middle;
      width: calc(100% - 41px); }
    .accordion-pane .accordion-header.list-item.is-disabled > a {
      color: #999999; }
    .accordion-pane .accordion-header.is-selected.list-item::before, .accordion-pane .accordion-header.is-selected:hover.list-item::before, .accordion-pane .accordion-header.is-focused.is-selected.list-item::before {
      color: #fffff;
	  font-size: 8px;
	  }
    .accordion-pane .accordion-header.is-disabled {
      background-color: transparent !important;
      border-bottom-color: transparent !important; }
  .accordion-pane .accordion-pane {
    padding: 0;
    border-bottom-color: transparent; }
    .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
      padding-left: 59px; }
    .accordion-pane .accordion-pane .accordion-header > a {
      padding-left: 40px; }
    .accordion-pane .accordion-pane .accordion-header > [class^="btn"],
    .accordion-pane .accordion-pane .accordion-header > .icon {
      margin-left: 34px; }
      .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
      .accordion-pane .accordion-pane .accordion-header > .icon + a {
        padding-left: 0;
        width: calc(100% - 59px); }
    .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-left: 41px;
		font-size:8px;}
    .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-left: 0;
      width: calc(100% - 59px); }
    .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
      padding-left: 78px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
      padding-left: 59px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"],
    .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon {
      margin-left: 53px; }
      .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
      .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a {
        padding-left: 0;
        width: calc(100% - 78px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-left: 60px;
	  font-size:8px;	  }
    .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-left: 0;
      width: calc(100% - 78px); }
	  
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
      padding-left: 97px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
      padding-left: 78px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"],
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon {
      margin-left: 72px; }
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a {
        padding-left: 0;
        width: calc(100% - 97px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-left: 79px;
		font-size:8px;	  }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-left: 0;
      width: calc(100% - 97px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
      padding-left: 116px; }  
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
      padding-left: 97px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"],
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon {
      margin-left: 91px; }
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a {
        padding-left: 0;
        width: calc(100% - 117px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-left: 99px;
	  font-size:8px;}
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-left: 0;
      width: calc(100% - 117px); }
	  
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
      padding-left: 135px; }	  
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
      padding-left: 116px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"],
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon {
      margin-left: 110px; }
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a {
        padding-left: 0;
        width: calc(100% - 137px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-left: 119px;
	  font-size:8px;}
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-left: 0;
      width: calc(100% - 137px); }
	  
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
      padding-left: 154px; }  
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
      padding-left: 135px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"],
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon {
      margin-left: 129px; }
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a {
        padding-left: 0;
        width: calc(100% - 157px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-left: 139px;
	  font-size:8px;}
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-left: 0;
      width: calc(100% - 157px); }
	  
   .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
      padding-left: 154px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"],
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon {
      margin-left: 148px; }
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a {
        padding-left: 0;
        width: calc(100% - 177px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-left: 158px;
	  font-size:8px;}
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-left: 0;
      width: calc(100% - 177px); }	  

   .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
      padding-left: 173px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"],
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon {
      margin-left: 167px; }
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
      .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a {
        padding-left: 0;
        width: calc(100% - 197px); }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
      padding-left: 177px;
	  font-size:8px;}
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
      padding-left: 0;
      width: calc(100% - 197px); }	 

html[dir='rtl'] .accordion .accordion-header {
  -webkit-font-feature-settings: "ccmp" 0; }
  html[dir='rtl'] .accordion .accordion-header > a {
    padding-left: 0;
    padding-right: 20px; }
  html[dir='rtl'] .accordion .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-header > [class^="btn"] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 40px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 20px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 14px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 1px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 21px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }
/********************************************/
html[dir='rtl'] .accordion .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 59px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 40px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 34px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 41px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }
/********************************************/
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 78px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 59px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 53px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 60px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }
/********************************************/
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 97px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 78px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 72px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 79px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }
/********************************************/
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 116px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 97px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 92px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 99px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }
/********************************************/
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 135px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 116px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 111px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 118px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }
/********************************************/
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 154px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 135px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 130px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 137px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }
/********************************************/
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 173px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 154px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 149px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 156px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }
/********************************************/
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-left: 0;
  padding-right: 192px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-left: 0;
  padding-right: 173px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 168px; }
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-right: 0; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 175px; }

html[dir='rtl'] .accordion .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 1px; }
/********************************************/


html[dir='rtl'] .accordion.has-icons .accordion-header > a {
  padding-right: 55px; }

html[dir='rtl'] .accordion.has-icons .accordion-header > .icon + a,
html[dir='rtl'] .accordion.has-icons .accordion-header > [class^="btn"] + a {
  padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 55px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > a {
  padding-right: 36px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header.no-icon > a {
  padding-right: 55px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 30px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 1px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 37px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }
/************************************/
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 74px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 54px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 49px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 56px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }
/************************************/
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 93px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 74px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 68px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 75px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }
/************************************/
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 112px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 93px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 87px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 94px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }
/************************************/
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 132px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 112px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 106px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 113px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }
/************************************/
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 151px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 131px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 125px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 132px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }
/************************************/
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 170px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 150px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 144px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 151px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }
/************************************/
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
  padding-right: 189px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > a {
  padding-right: 169px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon,
html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] {
  margin-left: 3px;
  margin-right: 163px; }
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
  html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a {
    padding-left: 0;
    padding-right: 0; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item::before {
  padding-left: 10px;
  padding-right: 170px; }

html[dir='rtl'] .accordion.has-icons .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a {
  padding-right: 0; }
/************************************/

.is-firefox .accordion-header > [class^="btn"] .icon.plus-minus::before, .is-firefox .accordion-header > [class^="btn"] .icon.plus-minus::after {
  top: 15px; }

.is-firefox .accordion-pane .accordion-header > [class^="btn"] .icon.plus-minus::before, .is-firefox .accordion-pane .accordion-header > [class^="btn"] .icon.plus-minus::after {
  top: 9px; }

 /* APPLICATION-MENU CSS */ 
.application-menu {
  background-color: #313236;
  border-right: 1px solid #656871;
  color: #acadae;
  height:calc(100% - 35px);
  vertical-align:top;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0px;
  position:relative;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), box-shadow 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  z-index: 503;
  margin-top:48px;  }
  .application-menu.is-open {
    left: 0; 
  }
  header > nav.application-menu {
	  width:330px;
	  height:calc(100% - 60px);
	  position:fixed;
  }
  header > nav.application-menu + div.page-container {
	  width:100%;
  }
  header > nav.application-menu.is-open + div.page-container {
	  width: calc(100% - 330px);
  }
  .application-menu .audible {
    color: #ffffff !important; }
  .application-menu.show-shadow.is-open {
	left:0;
	position:relative;}
	
  html[dir='rtl'] .application-menu.is-open {
		right: 0; 
  }	

 /* APPLICATION-MENU CSS 2
 */ 
  .application-menu .accordion {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
	 margin-bottom: 0px;
    margin-left: 1px;
	height: calc(100% - 12px);	}	
    min-height: calc(100% - 100px);
    .application-menu .accordion::after {
      clear: both;
      content: '';
      display: table; }
    .application-menu .accordion .panel {
      padding-left: 49px; }
      .application-menu .accordion .panel > * {
        vertical-align: middle; }
      .application-menu .accordion .panel.logout .icon.avatar {
        border-radius: 32px;
        height: 64px;
        width: 64px; }
      .application-menu .accordion .panel.logout .content {
        font-size: 14px;
        font-size: 1.4rem;
        padding-left: 1em; }
        .application-menu .accordion .panel.logout .content > * {
          display: block;
          line-height: 1.5em; }
        .application-menu .accordion .panel.logout .content > .name {
          font-size: 20px;
          font-size: 2rem;
          line-height: 2em; }
      .application-menu .accordion .panel.logout span {
        display: inline-block; }

  .application-menu .accordion::after,
  .application-menu .branding {
    height: calc(2rem + 38px); }
  .application-menu .branding {
    padding: 1rem 0 0 1rem; }
    .application-menu .branding .icon {
      height: 34px;
      margin-top: 1px;
      width: 34px; }

html[dir='rtl'] .application-menu .branding {
  padding: 1rem 1rem 0 0; }

.modal.modal-search {
  background-color: transparent;
  height: 100%;
  margin: 0 !important;
  max-width: 100%;
  overflow: auto;
  width: 100%;
  z-index: 10000; }
  .modal.modal-search .modal-content {
    background-color: transparent;
    border: 0;
    box-shadow: none; }

.overlay.modal-search {
  background-color: #ffffff;
  z-index: 10001; }

.modal-engaged .overlay.modal-search {
  opacity: 1; }

 /*POPDOWN CSS */	
.popdown {
  -webkit-transition: opacity 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -moz-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -ms-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -o-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -webkit-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: opacity 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -moz-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -ms-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -o-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -webkit-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: opacity 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -moz-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -ms-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -o-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -webkit-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: opacity 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -moz-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -ms-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -o-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -webkit-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: opacity 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -moz-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -ms-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -o-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), -webkit-transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94), transform 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -webkit-transform: translate3d(0, -10%, 0);
  -moz-transform: translate3d(0, -10%, 0);
  -o-transform: translate3d(0, -10%, 0);
  -ms-transform: translate3d(0, -10%, 0);
  transform: translate3d(0, -10%, 0);
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
  border-radius: 4px;
  left: -9999px;
  opacity: 0;
  position: absolute;
  top: 0;
  white-space: normal;
  width: 300px;
  z-index: 5010; }
  .popdown h2 {
    color: #1a1a1a; }
    .popdown h2 .extra {
      color: #5c5c5c; }
  .popdown .arrow {
    position: absolute;
    z-index: 10; }
  .popdown .arrow,
  .popdown .arrow::after {
    border-width: 12px; }
  .popdown.top {
    -webkit-transform: translate3d(0, 10%, 0);
    -moz-transform: translate3d(0, 10%, 0);
    -o-transform: translate3d(0, 10%, 0);
    -ms-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0); }
    .popdown.top .arrow {
      border-top-color: #bdbdbd; }
      .popdown.top .arrow::after {
        border-top-color: #ffffff; }
  .popdown.bottom .arrow {
    border-bottom-color: #bdbdbd;
    top: -24px !important; }
    .popdown.bottom .arrow::after {
      border-bottom-color: #ffffff;
      top: -11px !important;
      left: -12px !important; }
  .popdown.visible {
    opacity: 1;
    -webkit-transform: translate3d(0, 0%, 0);
    -moz-transform: translate3d(0, 0%, 0);
    -o-transform: translate3d(0, 0%, 0);
    -ms-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0); }
    .popdown.visible.top {
      -webkit-transform: translate3d(0, 0%, 0);
      -moz-transform: translate3d(0, 0%, 0);
      -o-transform: translate3d(0, 0%, 0);
      -ms-transform: translate3d(0, 0%, 0);
      transform: translate3d(0, 0%, 0); }
  .popdown .card,
  .popdown .widget {
    border: 0;
    height: auto;
    margin-bottom: 0; }
    .popdown .card .card-footer,
    .popdown .card .widget-footer,
    .popdown .widget .card-footer,
    .popdown .widget .widget-footer {
      padding: 0; }
  .popdown .modal-buttonset {
    margin: 0; }

 /* TOOLBAR SEARCHFIELD CSS */	
 /* Note: references to toolbar-searchfield-wrapper may be obsolete but 
    they are intermingled with searchfield-wrapper, so have been left in */
.toolbar-searchfield-wrapper, .page-container .searchfield-wrapper {
  -webkit-transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0 !important;
  overflow: hidden;
  white-space: nowrap;
  /*mludwig, changing from 34px width */
  min-width:120px;
  width:200px;}
  .toolbar-searchfield-wrapper > *, .page-container .searchfield-wrapper > * {
    vertical-align: top; }
  .toolbar-searchfield-wrapper .searchfield, .searchfield-wrapper .searchfield, .searchfield-wrapper .searchfieldHS {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none !important;
    color: #5c5c5c;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    height: 100%;
	position:relative;
    outline: 0 !important;
    text-overflow: inherit;
	/* mludwig, changing from uppercase */
    text-transform: none;
    -webkit-transition: background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), border-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	/*mludwig, changing from 100%, hiding min */
	width: 200px;	}
	/* rules below had .toolbar-searchfield-wrapper on first item of pair*/
    .searchfield::-webkit-input-placeholder, .searchfield-wrapper .searchfieldHS::-webkit-input-placeholder {
      color: #AAA2A2;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700; }
    .searchfield::-moz-placeholder, .searchfield-wrapper .searchfieldHS::-moz-placeholder {
      color: #AAA2A2
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700; }
    .searchfield:-ms-input-placeholder, .searchfield-wrapper .searchfieldHS:-ms-input-placeholder {
      color: #AAA2A2;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700; }
     .searchfield::placeholder, .searchfield-wrapper .searchfieldHS::placeholder {
      color: #AAA2A2;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700; }		 
     .searchfield::-ms-input-placeholder, .searchfield-wrapper .searchfieldHS::-ms-input-placeholder {
      color: #AAA2A2;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700; }		 
	  	  
    html:not([dir="rtl"]) .searchfield:empty, html:not([dir="rtl"]) .searchfield-wrapper .searchfieldHS:empty {
	  /* mludwig */	
      padding-right: 25px; }
    html[dir="rtl"] .searchfield:empty, html[dir="rtl"] .searchfield-wrapper .searchfieldHS:empty {
	  /* mludwig */	
      padding-left: 25px; }	  
    /* mludwig, adding for search button */	
	input.searchfield + .icon, .searchfield-wrapper input.searchfieldHS + .icon {
		fill: rgba(255, 255, 255, 0.7);
		top: 2px;
	}
	/* MLUDWIG, next few need checking, may be obsolete */
    .toolbar-searchfield-wrapper .icon.close, .page-container .searchfield-wrapper .icon.close {
      background-color: rgba(216, 216, 216, 0);
      fill: rgba(92, 92, 92, 0); }
	html:not([dir="rtl"]) .toolbar-searchfield-wrapper div.searchicondiv, html:not([dir="rtl"]) .page-container .searchfield-wrapper div.searchicondiv {
		width:23px;
		display:inline-block;
		/*float:right;
		clear:both;*/
		position:absolute;
		right:0px;
		margin-bottom: 0px;
		height:20px;
		vertical-align:top;}
	html[dir="rtl"] .toolbar-searchfield-wrapper div.searchicondiv,
	html[dir="rtl"] .page-container .searchfield-wrapper div.searchicondiv {
		width:23px;
		display:inline-block;
		position:absolute;
		left:4px;
		margin-bottom: 0px;
		height:20px;
		vertical-align:top;
	}
	html:not([dir="rtl"]) .searchfield-wrapper div.closeicondiv{
		display:inline-block;
		position:relative;
		margin-top:8px;
		margin-left:-20px;
		margin-right:0px;
		width:20px;			
	}
	html:not([dir="rtl"]) .searchfield-wrapper div.closeicondivHS {
		display:inline-block;
		position:relative;
		margin-top:8px;
		margin-left:-45px;
		margin-right:0px;
		width:20px;
	}
	html[dir="rtl"] .searchfield-wrapper div.closeicondiv {
		display:inline-block;
		position:relative;
		margin-left:0px;
		width:20px;
		margin-top:8px;
		margin-right:-25px;	
	}
	html[dir="rtl"] .searchfield-wrapper div.closeicondivHS {
		display:inline-block;
		position:relative;
		margin-left:0px;
		width:20px;
		margin-top:8px;
		margin-right:-50px;	
	}		
	html:not([dir="rtl"]) .searchfield-wrapper div.closeicondiv svg, html:not([dir="rtl"]) .searchfield-wrapper div.closeicondivHS svg {
		width:20px;		
	}
	html[dir="rtl"] .searchfield-wrapper div.closeicondiv svg, html[dir="rtl"] .searchfield-wrapper div.closeicondivHS svg {
		width:20px;	
	}	
    .searchfield-wrapper div .icon:not(.close) {
      height: 18px;
      top: 6px;
      -webkit-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -moz-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -o-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -ms-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
  .toolbar-searchfield-wrapper .inline ~ .icon, .page-container .searchfield-wrapper .inline ~ .icon {
    top: 11px; }
  .toolbar-searchfield-wrapper .btn, .page-container .searchfield-wrapper .btn {
    background-color: transparent;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0; }
  .toolbar-searchfield-wrapper.is-hovered .searchfield, .searchfield-wrapper.is-hovered .searchfieldHS {
    border-color: transparent;
    border-bottom-color: rgba(189, 189, 189, 0);}
  .toolbar-searchfield-wrapper.is-hovered .btn, .page-container .searchfield-wrapper.is-hovered .btn {
    border-color: transparent;
    border-bottom-color: rgba(189, 189, 189, 0);
	/* mludwig */
	top: 6px;
	left: 0px;	}
  .toolbar-searchfield-wrapper.is-hovered.active .searchfield, .searchfield-wrapper.is-hovered.active .searchfieldHS {
    border-bottom-color: #bdbdbd; }
  .toolbar-searchfield-wrapper.is-hovered.active .btn, .page-container .searchfield-wrapper.is-hovered.active .btn {
    border-bottom-color: #bdbdbd; }
  .toolbar-searchfield-wrapper.non-collapsible .icon:not(.close), .page-container .searchfield-wrapper.non-collapsible .icon:not(.close) {
	 /* mludwig, changing to 18 */
    height: 18px;
	top: 6px;
	}
  .toolbar-searchfield-wrapper.active .searchfield, .searchfield-wrapper .searchfield, .searchfield-wrapper.active .searchfieldHS {
    background-color: rgba(49, 50, 54, 0.5);
    border-bottom-color: rgba(33, 34, 36, 0.7);
    color: #ffffff;
  /*background-color: #d8d8d8;
    border-bottom-color: #bdbdbd;
    color: transparent;*/
	}
    .toolbar-searchfield-wrapper.active .searchfield::-webkit-input-placeholder, .searchfield-wrapper.active .searchfieldHS::-webkit-input-placeholder {
      color: transparent; }
    .toolbar-searchfield-wrapper.active .searchfield::-moz-placeholder, .searchfield-wrapper.active .searchfieldHS::-moz-placeholder{
      color: transparent; }
    .toolbar-searchfield-wrapper.active .searchfield:-ms-input-placeholder, .searchfield-wrapper.active .searchfieldHS:-ms-input-placeholder  {
      color: transparent; }
  .toolbar-searchfield-wrapper.active .icon:not(.close), .page-container .searchfield-wrapper.active .icon:not(.close) {
	  /* mludwig, changing from 8 
	left: 0px;*/
	}
  .toolbar-searchfield-wrapper.active .icon.close, .page-container .searchfield-wrapper.active .icon.close {
    fill: rgba(92, 92, 92, 0);
    right: 2px;
	/*margin-left:-27px;*/
    -webkit-transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
  .toolbar-searchfield-wrapper.active .btn {
    background-color: #d8d8d8;
    border-bottom-color: #bdbdbd; }
  .toolbar-searchfield-wrapper.active.is-open .searchfield, .searchfield-wrapper.active.is-open .searchfieldHS {
    color: #5c5c5c;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
	/*mludwig, changing from 34 */
    padding-right: 35px;
    text-transform: none; }
    .toolbar-searchfield-wrapper.active.is-open .searchfield::-webkit-input-placeholder, .searchfield-wrapper.active.is-open .searchfieldHS::-webkit-input-placeholder {
      color: #AAA2A2;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      text-transform: none; }
    .toolbar-searchfield-wrapper.active.is-open .searchfield::-moz-placeholder, .searchfield-wrapper.active.is-open .searchfieldHS::-moz-placeholder {
      color: #AAA2A2;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      text-transform: none; }
    .toolbar-searchfield-wrapper.active.is-open .searchfield:-ms-input-placeholder, .searchfield-wrapper.active.is-open .searchfieldHS:-ms-input-placeholder {
      color: #AAA2A2;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      text-transform: none; }
    .toolbar-searchfield-wrapper.active.is-open .icon.close, .page-container .searchfield-wrapper.active.is-open .icon.close {
       fill: #ffffff;
	/* mludwig, show if text in searchfield */
	display:inline-block;	}
  .toolbar-searchfield-wrapper.active.is-open .icon.close.is-empty, .page-container .searchfield-wrapper.active.is-open .icon.close.is-empty {
    fill: #ffffff;
	/* mludwig, hiding close icon, if class=is-empty*/
	display:none;}
  .toolbar-searchfield-wrapper:not(.is-open) .icon.close, .page-container .searchfield-wrapper:not(.is-open) .icon.close {
    display: none !important; }
  .toolbar-searchfield-wrapper.has-focus .icon {
    fill: #1a1a1a; }
  .toolbar-searchfield-wrapper.has-focus.active .icon:not(.close), .page-container .searchfield-wrapper.has-focus.active .icon:not(.close),
	{
    fill: #ffffff;
	/* mludwig, changing to 18 */
    height: 18px;
    top: 6px;
	}
  .toolbar-searchfield-wrapper.has-focus.active .icon.close, 
     .toolbar-searchfield-wrapper.active .icon.close,
	.page-container .searchfield-wrapper.has-focus.active .icon.close,
	.page-container .searchfield-wrapper.active .icon.close,
	.toolbar-searchfield-wrapper.has-text.is-open .icon.close,
	.page-container .searchfield-wrapper.is-open .icon.close 	{
    top: 6px;
	right: 2px;
	float: none;
  }
  .toolbar-searchfield-wrapper.has-focus.active .inline ~ .icon, .page-container .searchfield-wrapper.has-focus.active .inline ~ .icon {
    top: 15px; }
  .toolbar-searchfield-wrapper.has-focus.active .searchfield, .searchfield-wrapper.has-focus.active .searchfieldHS {
    border-color: transparent transparent #bdbdbd; }
  .toolbar-searchfield-wrapper.has-focus.active .btn, .page-container .searchfield-wrapper.has-focus.active .btn {
    border-color: transparent transparent #bdbdbd; }
  .toolbar-searchfield-wrapper.has-text, .page-container .searchfield-wrapper.has-text {
    width: 200px;}
    .toolbar-searchfield-wrapper.has-text.active, .page-container .searchfield-wrapper.has-text.active {
      width: 170px; }
	html:not([dir="rtl"]) .searchfield-wrapper .searchfield-button {
		position:relative;
		padding-left:3px;
		margin-left:2px;
		margin-right:2px;
		width:24px;
		min-width:24px;
		vertical-align:top;
	}
	/*html:not([dir="rtl"]) .searchfield-wrapper .searchfield-button:focus {
		padding-left:1px;
	}*/
	html[dir="rtl"] .searchfield-wrapper .searchfield-button {
		position:relative;
		padding-right:0px;
		margin-right:7px;
		margin-left:0px;
		margin-top:4px;
		width:24px;
		min-width:24px;
		height:24px;
		min-height:24px;
		vertical-align:top;
	}
	html[dir="rtl"] .searchfield-wrapper .searchfield-button:focus {
		/*padding-right:0.5px;*/
	}
	.searchfield-button svg.icon.search {
		width:22px
	}
	html:not([dir="rtl"]) button.btn-icon.searchselect-button {
		padding-left:0px;
		margin-left:0px;
		width:22px;
		min-width:22px;
		float:right;
		position:relative;
		cursor:default;
		display:none;
	}
	html[dir="rtl"] button.btn-icon.searchselect-button {
		padding-right:0px;
		margin-right:0px;
		width:22px;
		min-width:22px;
		position:relative;
		cursor:default;
		float:left;
		display:none;
	}

 /* AZURE CSS */
	  .azure07 .active input {
  background-color: rgba(29, 95, 138, 0.5) !important;
  border-bottom-color: rgba(19, 77, 113, 0.7) !important;
  color: #ffffff; }
  .azure07 .active input::-webkit-input-placeholder {
    color: #ffffff !important;
    opacity: 0.7; }
  .azure07 .active input::-moz-placeholder {
    color: #ffffff !important;
    opacity: 0.7; }
  .azure07 .active input:-ms-input-placeholder {
    color: #ffffff !important;
    opacity: 0.7; }

/* MLUDWIG, modifying many of following to remove toolbar-searchfield-wrapper class
   replacing with searchfield-wrapper */
.header .searchfield-wrapper .searchfield,
.header .searchfield-wrapper .searchfieldHS {
  background-color: rgba(49, 50, 54, 0.5);
  border-color: rgba(33, 34, 36, 0);
  color: #ffffff; }
  
.header .searchfield-wrapper .searchfield:not(.active),
.header .searchfield-wrapper .searchfieldHS:not(.active) {
  color: transparent; }

.header .searchfield-wrapper.active .searchfield,
.header .searchfield-wrapper.active .searchfieldHS {
  background-color: rgba(49, 50, 54, 0.5);
  border-bottom-color: rgba(33, 34, 36, 0.7);
  color: transparent; }
  .header .searchfield-wrapper.active .searchfield::-webkit-input-placeholder,
  .header .searchfield-wrapper.active .searchfieldHS::-webkit-input-placeholder {
    color: transparent; }
  .header .searchfield-wrapper.active .searchfield::-moz-placeholder,
  .header .searchfield-wrapper.active .searchfieldHS::-moz-placeholder{
    color: transparent; }
  .header .searchfield-wrapper.active .searchfield:-ms-input-placeholder,
  .header .searchfield-wrapper.active .searchfieldHS:-ms-input-placeholder {
    color: transparent; }

.header .searchfield-wrapper.active.is-open .searchfield,
.header .searchfield-wrapper.active.is-open .searchfieldHS {
  color: #ffffff; }
  .header .searchfield-wrapper.active.is-open .searchfield::-webkit-input-placeholder,
  .header .searchfield-wrapper.active.is-open .searchfieldHS::-webkit-input-placeholder{
    color: #AAA2A2; }
  .header .searchfield-wrapper.active.is-open .searchfield::-moz-placeholder,
  .header .searchfield-wrapper.active.is-open .searchfieldHS::-moz-placeholder {
    color: #AAA2A2; }
  .header .searchfield-wrapper.active.is-open .searchfield:-ms-input-placeholder,
  .header .searchfield-wrapper.active.is-open .searchfieldHS:-ms-input-placeholder {
    color: #AAA2A2; }

.header .toolbar > .searchfield-wrapper.active .searchfield,
.header .toolbar > .searchfield-wrapper.active .searchfieldHS {
  background-color: green;
  /*background-color: #313236;*/
  border-bottom-color: #212224; }

.navbar.wh_footer {
	background-color:#0054B1;
}
div.footer-container .full.column {
	height:100%;
}
.help-footer {
  background-color: var(--toolbarBgColor);
  clear: both;
  color: #ffffff;
  font-weight: bold;
  min-height: 24px;
  height: 100%;
  position: relative;
  text-align: center;
  z-index: 1; }
  .help-footer a, .help-footer a.hyperlink, .help-footer a.hyperlink.hide-focus, #footerlinks a {
    color: #ffffff;
    font-weight: bold; }
    .help-footer a:hover {
      border-bottom-color: #ffffff !important;
      color: #ffffff !important; }
    .help-footer a:focus, #about-trigger:focus {
      outline: 1px solid #ffffff !important; }
  .help-footer .row {
    margin-bottom: 0;
	height: 100%;
	vertical-align: middle;}
  .help-footer .row nav {
	  height:100%;
	  padding-bottom:0px;
  }
  .help-footer nav ul {
    margin: 0;
    padding: 0;
    text-align: center;
	height: 100%;
	line-height:30px;}
  .help-footer nav li {
    display: inline-block;
    margin: 0px 30px 0 0;
	vertical-align:bottom;}
   #footerlinks {
	   display:none;
   }
  #aboutlink, #feedbacklink, #doclinks, #productsupport {
	  display:inline-block;
  }
  .help-footer .version-no {
    color: #a38db7;
    display: block;
    float: right;
    font-size: 19px;
    position: relative;
    top: -17px;
    vertical-align: top; }
    .help-footer .version-no b {
      color: #a38db7;
      font-weight: bold; }
  .help-footer.azure07 {
    background-color: var(--toolbarBgColor) !important; }
    .help-footer.azure07 .version-no {
      color: #addbeb !important; }
      .help-footer.azure07 .version-no b {
        color: #addbeb !important; }
  .help-footer.turquoise07 {
    background-color: #448d83 !important; }
    .help-footer.turquoise07 .version-no {
      color: #a9e1d6 !important; }
      .help-footer.turquoise07 .version-no b {
        color: #a9e1d6 !important; }
  .help-footer.emerald06 {
    background-color: #66a140 !important; }
    .help-footer.emerald06 .version-no {
      color: #c3e8ac !important; }
      .help-footer.emerald06 .version-no b {
        color: #c3e8ac !important; }
  .help-footer::after {
    clear: both;
    content: '';
    display: table; }

.wrapper {
  display: table;
  height: 100%;
  margin: 0 auto; }

 /* SIGNIN CSS */  
 /* mludwig, .signin styles deleted here */

  /* CONTAINER SEARCH-RESULTS CSS */
.container.search-results {
  margin-top: 3em; }
  .container.search-results .masthead {
    background-color: transparent;
    border-bottom: 1px solid transparent;
    color: #5c5c5c;
    height: 44px;
    margin-bottom: 3em;
    position: relative;
    overflow: hidden;
    width: auto; }
    .container.search-results .masthead.toolbar .title > * {
      vertical-align: top; }
    .container.search-results .masthead [class^="btn-"]:hover,
    .container.search-results .masthead [class^="btn-"]:focus {
      box-shadow: 0 0 0 2px transparent, 0 0 0 1px #383838;
      color: #383838; }
      .container.search-results .masthead [class^="btn-"]:hover svg,
      .container.search-results .masthead [class^="btn-"]:focus svg {
        fill: #383838; }
    .container.search-results .masthead .icon-sohoxi {
      margin-right: 12px; }
    .container.search-results .masthead .masthead-square {
      background-color: #5c5c5c;
      min-width: 0; }
    .container.search-results .masthead .masthead-appname {
      color: #5c5c5c;
      line-height: 34px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 34px;
      margin-left: -28px; }
    .container.search-results .masthead .icon {
      fill: #5c5c5c; }
    .container.search-results .masthead .btn-icon .icon {
      height: 19px;
      top: -3px; }
  .container.search-results input.search {
    border: 0;
    color: #0072ED;
    font-size: 72px;
    font-size: 7.2rem;
    font-weight: 100;
    padding: 9px 20px 8px;
    width: 100%; }
    .container.search-results input.search::-webkit-input-placeholder {
      font-size: 60px;
      font-size: 6rem;
      color: #AAA2A2;
      font-weight: lighter;
      line-height: 72px;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility !important;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
    .container.search-results input.search:-moz-placeholder {
      font-size: 60px;
      font-size: 6rem;
      color: #AAA2A2;
      font-weight: lighter;
      line-height: 72px;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility !important;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
    .container.search-results input.search:focus {
      border-color: transparent;
      box-shadow: none; }
    .container.search-results input.search::-moz-placeholder {
      font-size: 60px;
      font-size: 6rem;
      color: #AAA2A2;
      font-weight: lighter;
      line-height: 72px;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility !important;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
    .container.search-results input.search:-ms-input-placeholder {
      font-size: 60px;
      font-size: 6rem;
      color: #AAA2A2;
      font-weight: lighter;
      line-height: 72px;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility !important;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
  .container.search-results .search-result {
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 3rem;
    padding-bottom: 3rem; }
    .container.search-results .search-result.none {
      border-bottom: 0;
      font-size: 18px;
      font-size: 1.8rem;
      text-align: center; }
    .container.search-results .search-result > * {
      display: inline-block; }
    .container.search-results .search-result .type {
      color: #999999;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.5em; }
    .container.search-results .search-result .description,
    .container.search-results .search-result .description > a {
      color: #0072ED;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.5em;
      text-decoration: none; }
    .container.search-results .search-result .detail {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.5em;
      margin-right: .3em; }
      .container.search-results .search-result .detail + span {
        color: #1a1a1a;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5em; }
    .container.search-results .search-result .date {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.5em; }
    .container.search-results .search-result .related-business-object {
      color: #76b051;
      font-size: 12px;
      font-size: 1.2rem;
      margin-top: 1rem; }
      .container.search-results .search-result .related-business-object > * {
        vertical-align: middle;
        margin-right: -6px; }
    .container.search-results .search-result .icon-bo {
      left: -0.4em;
      height: 1.6em; }
    .container.search-results .search-result .stamp-text {
      margin-bottom: 0;
      line-height: 1.2rem; }

#search-all .title {
  font-size: 16px;
  font-size: 1.6rem; }

.full-width {
  margin: 30px;
  width: calc(100% - 60px); }
  .full-width.contained {
    height: inherit; }

 /* RUBY AMBER, etc. CSS, mludwig, deleting call but azure*/	

.azure01 {
  background: #c8e9f4; }

.azure01.tag {
  background: #c8e9f4; }

.azure02 {
  background: #addbeb; }

.azure02.tag {
  background: #addbeb; }

.azure03 {
  background: #8DC9E6; }

.azure03.tag {
  background: #8DC9E6; }

.azure04 {
  background: #69b5dd; }

.azure04.tag {
  background: #69b5dd; }

.azure05 {
  background: #54a1d3; }

.azure05.tag {
  background: #54a1d3; }

.azure06 {
  background: var(--toolbarBgColor); }

.azure06.tag {
  background: var(--toolbarBgColor); }

.azure07 {
  background: var(--toolbarBgColor); }

.azure07.tag {
  background: var(--toolbarBgColor); }

.azure08 {
  background: #1d5f8a; }

.azure08.tag {
  background: #1d5f8a; }

.azure09 {
  background: #134d71; }

.azure09.tag {
  background: #134d71; }

.azure10 {
  background: #133c59; }

.azure10.tag {
  background: #133c59; }

.alert01 {
  background: #e84f4f; }

.alert01.tag {
  background: #e84f4f; }

.alert02 {
  background: #ff9426; }

.alert02.tag {
  background: #ff9426; }

.alert03 {
  background: #ffd726; }

.alert03.tag {
  background: #ffd726; }

.alert04 {
  background: #80ce4d; }

.alert04.tag {
  background: #80ce4d; }

span.alert-green {
  color: #50773e; }

  /* mludwig, .palette-column styles deleted here */


  
 /*  mludwig additions below */
 
 .header.standalone {
	 /* mludwig, using header for everything so must be 100%*/
	 height:100%;
	 position:relative;
	 background-color:#313236;
	/* background-color:#ffffff;*/
 }
 div.home {
	/*background-color:#313236;*/
	height:30px;
}
div.home > .buttonset {
	width:auto;
	height:100%;
	vertical-align:middle;
	cursor:pointer;
}
html:not([dir='rtl']) div.home > .buttonset {
	margin-left: 8px;
}
html[dir='rtl'] div.home > .buttonset {
	margin-right: 8px;
}
div.home > .buttonset button {
	color:white;
	/*vertical-align:text-bottom;*/
	vertical-align:middle;
	padding-top:0px;
	margin-top:0px;
	width:30px;
	height:100%;
}
div.home > .buttonset button:focus {
	border:1px solid var(--borderColor);
}
div.home > .buttonset svg.icon {
	fill:rbga(255,255,255,0.7);
	display:inline;
	margin-right:10px;
	margin-bottom:3px;
	width:20px;
	height:24px;
}

html[dir='rtl'] div.home > .buttonset svg.icon, 
html[dir='rtl'] div.home > .buttonset:hover svg.icon {
	margin-right: 0px;
	margin-left: 10px;
}
div.home > .buttonset:hover svg.icon {
	fill:#ffffff;
	display:inline;
	margin-right:10px;
	margin-bottom:3px;
	width:20px;
	height:24px
}
.toolbar .buttonset p.toolbtn-text {
	width:auto;
	height:auto;
	color:white;
	display:inline-block;
	font-size:14px;	
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	text-align:left;
	vertical-align:middle;
	margin-top: 14px;
}
.toolbar .buttonset button.disabled ~ p.toolbtn-text {
	color: rgba(255, 255, 255, 0.4);
}
.toolbar div.home .buttonset p.toolbtn-text {
	margin-bottom:0px;
	margin-top:0px;
	width:auto;
}
html:not([dir='rtl']) .toolbar div.home .buttonset p.toolbtn-text {
	margin-left:5px;
}
html[dir='rtl'] .toolbar div.home .buttonset p.toolbtn-text {
	margin-right:5px;
}
.toolbar .buttonset.help p.toolbtn-text, 
 .toolbar .buttonset.copy-url p.toolbtn-text, 
 .toolbar .buttonset.pdf p.toolbtn-text, 
 .toolbar .buttonset.print p.toolbtn-text, 
 .toolbar .buttonset.menu p.toolbtn-text {
	margin-bottom:0px;
	margin-top:0px;
}
html:not([dir='rtl']) .toolbar .buttonset.help p.toolbtn-text {
	margin-left:2px;
}
html[dir='rtl'] .toolbar .buttonset.help p.toolbtn-text {
	margin-right:2px;
}
html:not([dir='rtl']) .toolbar .buttonset.copy-url p.toolbtn-text, 
 html:not([dir='rtl']) .toolbar .buttonset.pdf p.toolbtn-text, 
 html:not([dir='rtl']) .toolbar .buttonset.print p.toolbtn-text,
 html:not([dir='rtl']) .toolbar .buttonset.menu p.toolbtn-text {
	margin-left:5px;
}
html[dir='rtl'] .toolbar .buttonset.copy-url p.toolbtn-text, 
 html[dir='rtl'] .toolbar .buttonset.pdf p.toolbtn-text, 
 html[dir='rtl'] .toolbar .buttonset.print p.toolbtn-text,
 html[dir='rtl'] .toolbar .buttonset.menu p.toolbtn-text {
	margin-right:5px;
}
div.buttonset.back button.btn-icon,
div.buttonset.forward button.btn-icon {
	line-height:14px;
	}
.toolbar .buttonset.back p.toolbtn-text, 
.toolbar .buttonset.forward p.toolbtn-text {
	margin-left:1px;
	margin-bottom:0px;
	margin-top:0px;
}

.toolbar .buttonset.search p.toolbtn-text {
	float:right;
	margin-top:10px;
	margin-left:3px;
}
html[dir='rtl'] .buttonset .toolbtn-text {
	margin-right:5px;
	margin-left:0px;
	text-align:right;
}
html:not([dir='rtl']) .toolbar .buttongroup {
	display:flex;
	margin-top:5px;
	justify-content:center;
	align-items: center;
	float:right;
	height:30px;
	margin-right:10px;
}
html[dir='rtl'] .toolbar .buttongroup {
	display:flex;
	justify-content:flex-end;
	float:left;
	margin-left:20px;
}
.toolbar .buttonset {
	display:inline-block;
}
html:not([dir='rtl']) .toolbar .buttonset.pdf,
html:not([dir='rtl']) .toolbar .buttonset.print {
	margin-left:9px;	
}
html[dir='rtl'] .toolbar .buttonset.pdf,
html[dir='rtl'] .toolbar .buttonset.print {
	margin-right:9px;	
}

html:not([dir='rtl']) .toolbar .buttonset.help {
	margin-left:6px;
	width:auto;
	float:none;
}
html[dir='rtl'] .toolbar .buttonset.help {
	margin-right:6px;
	width:auto;
	float:none;
}
.toolbar .buttonset.help button, .toolbar .buttonset.copy-url button {
	margin-top:0px;
	margin-left:0px;
}
.toolbar .buttonset.copy-url {
	width:auto;
	float:none;
}
.toolbar .buttonset.pdf {
	width:auto;
}
.toolbar .buttonset.print {
	width:auto;
	float:none;
}
.toolbar .buttonset.menu {
	width:auto;
	display:none;
	float:none;
}
html:not([dir="rtl"]) .page-container .buttonset.toc {
	left:7px;
	top: 11px;
	position:absolute;
	width:auto;
	z-index:600;
}
html[dir="rtl"] .page-container .buttonset.toc {
	right:7px;
	top: 11px;
	position:absolute;
	width:auto;
	z-index:600;
}
.page-container .buttonset.toc .show use {
	fill:#0072ED;
	color:#0072ED;
}
.page-container .buttonset.toc .hide use {
	fill:#FFFFFF;
	color:#FFFFFF;
}
.application-menu-trigger.hide {
	display:block;
}
.application-menu-trigger.show {
	display:none;
}
.main .buttonset {
	width:30px;
	display:inline-block;
	margin-left:0px;
	vertical-align:middle;
	height:36px;	
	}

button.application-menu-trigger svg.icon {
	height:24px;
	width:28px;
}
button.about {
	font-size:1.2rem;
	font-weight:bold;
	color:#ffffff;
	margin-top:2px;
	border:1px solid transparent;
	height:16px;
}
button.about:hover {
	text-decoration: none;
	border-bottom:2px solid white;
}
header .titlebar .divider {
	margin-left:15px;
	margin-right:15px;
	display:none;
	position:relative;
	vertical-align:5px;
	font-size:16px;
	line-height:18px;
	color:#B7B7BA;
}
header .titlebar h2.booktitle {
	color:#B7B7BA;
	font-size:16px;
	display:inline-block;
	vertical-align:top;
	line-height:18px;
	height:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:auto;	
	max-width:50%;
}

header .title {
	border-bottom-width: 0px;
	margin-bottom: 0px;
}
 /* mludwig, container for iframe */
 .page-container > .page-container {
	 background-color:#ffffff;
	 position:absolute;
	 bottom:0px;
	 height:100%;
	 /*margin: 52px auto 0px auto;*/
	 right:0px;
	 width:100%;
	 float:right;
	 z-index:503
 }
 .main .page-container {
	 padding-top:7px;
	 vertical-align:middle;
 }
 .main .page-container .page-container {
	 padding-top:0px;
 }
 /* mludwig, landing is the iframe */
#landing {
		width:100%;
		height:100%;
		margin-top:0px;
		float:right;
		overflow:auto;
 }
 #landing html, #landing body {
	 touch-action:auto;
 }
.toolbar .title h1 {
	margin-top: 1px;
	font-size: 20px;}  
.toolbar .title h1 span {white-space:normal;}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 80px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content.show {
	display:block;
	positiion:relative;
	margin-left:-80px;
	height:36px;
	width:120px;
}
div.dropdown button.dropbtn.glyphicon glyphicon-print {
		color:#347bb7;
		font-size:14px;
	}
/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 0px;
    text-decoration: none;
    display: block;
}

/* The following enables horizontal scrolling on tablets and phones for long TOC entries
   Applies to any touch screen no matter what size, but laptop/desktop screens will ignore
   but they can use splitter component to widen the screen */
	.accordion, .application-menu {
		overflow-x:hidden;
	}
	.accordion-header, .accordion-pane {
		overflow-x: visible;
		white-space:nowrap;
	}
	.accordion-header::-webkit-scrollbar, .accordion-header a::-webkit-scrollbar {
		display:none;
	}
	.accordion-header, .accordion-header a {
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;		/* Firefox */
	}
	.accordion-header.has-chevron {
		
	}
	.accordion-header.has-chevron > button.btn{
		float:right;
	}
	.accordion-header.has-chevron > a {
		touch-action:pan-x;
		overflow-x: auto;
		white-space: nowrap;
		width: calc(100% - 46px);
		text-overflow:clip;
	}
	.accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,	
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a
	{
		touch-action:pan-x;
		overflow-x: visible;
		white-space: nowrap;
		width: auto; }
	.accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a
	{
        overflow-x: visible;
		touch-action:pan-x;
		width: auto; } 	
		
	.accordion-pane.has-icons .accordion-header.collection-link.no-icon > a {
		padding-left: 12px;
	}
	.accordion-pane .accordion-pane.has-icons .accordion-header.collection-link.no-icon > a {
		padding-left: 12px;
	}
	.accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.collection-link.no-icon > a {
		padding-left: 13px;
	}
	.accordion-pane.has-icons .accordion-header.collection-link.no-icon::before {	
		color: #abaeb7; 
		content: '\25cf';
		display: inline-block;
		font-size:8px;
		padding: 2px 0px 8px 23px;
		vertical-align: middle;		
	}
	.accordion-pane .accordion-pane.has-icons .accordion-header.collection-link.no-icon::before {
		padding: 2px 0px 8px 42px;		
	}
	.accordion-pane .accordion-pane .accordion-pane.has-icons .accordion-header.collection-link.no-icon::before {
		padding: 2px 0px 8px 60px;		
	}
/* originally from site.css, then modified  */
@media (min-width: 630px) {
  .footer-container {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: auto;
	/* changing below from absolute*/
	position:fixed;
	height:min(36px,6% + 2px);
	float:right;
	z-index:505;
	bottom:0px;
	right:0px;}
   html[dir='rtl'] .footer-container {
		float:right;
		margin-right:auto;
		margin-left:0px;
		left:0px;
	}	
  .page-container.two-column + .footer-container {   
    width: 100%; }
  .footer-container.text-center {
		float:none;
		font-size:12px;
	}
  .modal-footer .footer-container.text-center {
		float:none;
		font-size:12px;
		width:calc(100% - 50px);
		height:19px;
	}	
	.modal.about .footer-container.text-center {
		position:relative;
	}
	.modal.about .navbar.wh_footer {
		margin-right:3px;
	}

	#footerlinks {
		display:none;
	}
}
/* Some min-width media queries, maybe not needed anymore */
@media (min-width: 767px) {
  .row {
	  /* mludwig, changing from 20px */
    padding-right: 2px; }
	
  html[dir='rtl'] .row {
    padding-left: 20px;
    padding-right: inherit; }
	
  /*mludwig, rule below should only apply to pre-OG34 structure */
  .application-menu + .page-container {
    margin: 0 0 0 auto;
    width: 100%;
	right: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
	/* mludwig */
	background-color:#2578A9;
	height:calc(100% - 59px);
	padding-top:5px;
	float:right;
	z-index:502}
  .application-menu.is-open {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
		
	/* mludwig, not currently using non-collapsible class; depends on a setting in toolbarsearchfield jQuery plugin */
	html:not([dir="rtl"]) .searchfield-wrapper.non-collapsible .searchfield-button {
		margin-left:2px;
	}
    .searchfield-wrapper.non-collapsible .searchfield, .searchfield-wrapper.non-collapsible .searchfieldHS {
      background-color: #d8d8d8;
      border-bottom-color: #bdbdbd;
      border-radius: 0;
      color: #AAA2A2;
      font-size: 10px;
      font-size: 1.0rem;
      font-weight: normal;
      text-transform: none; }
      .searchfield-wrapper.non-collapsible .searchfield::-webkit-input-placeholder, 
	   .searchfield-wrapper.non-collapsible .searchfieldHS::-webkit-input-placeholder {
        color: #AAA2A2;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;
        text-transform: none; }
      .searchfield-wrapper.non-collapsible .searchfield::-moz-placeholder,
	  .searchfield-wrapper.non-collapsible .searchfieldHS::-moz-placeholder	{
        color: #AAA2A2;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;
        text-transform: none; }
      .searchfield-wrapper.non-collapsible .searchfield:-ms-input-placeholder,
	  .searchfield-wrapper.non-collapsible .searchfieldHS:-ms-input-placeholder{
        color: #AAA2A2;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;
        text-transform: none; }
	}	
@media (min-width: 1500px) {
	.crumb {
		display:inline-block;
		max-width:40%;
		overflow:hidden;
		vertical-align:bottom;
	}	
	.crumb:hover {
		max-width:40%;
		height:16px;
		margin-left:0px;
		vertical-align:bottom;
	}
}

@media (max-width: 1170px) {
	html[lang='ru-RU']:not([dir="rtl"]) .toolbar .buttonset.search,
	html[lang='uk-UA']:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:30px;
	}
}
/* Some generic media queries for new toolbar (portrait and landscape 
   specific ones are further below */
@media (max-width: 1120px) {
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(14% - 1px);
	}
	.wh_tile.col-lg-3, .wh_tile.col-sm-6, .wh_tile.col-md-3, .wh_tile.col-xs-12, .wh_tile.col-sm-12 {
		width:50%;
	}
	html[dir="rtl"] .toolbar .buttonset.search {
		margin-right:calc(8% - 1px);
	}
	html[dir="rtl"] #help-modal {
		left:0px;		
		right:calc(var(--shiftvalue) - 80% + 1px);
		width:80%;
		top:290px;
	}	
	html:not([dir="rtl"]) .toolbar .buttonset.menu, 
	html:not([dir="rtl"]) .toolbar .buttonset.print,
	html:not([dir="rtl"]) .toolbar .buttonset.pdf,
	html:not([dir="rtl"]) .toolbar .buttonset.copy-url {
		margin-left:3px;
	}
	html[dir="rtl"] .toolbar .buttonset.help {
		margin-left:1px;
	}
	html[dir="rtl"] .toolbar .buttonset.menu, 
	html[dir="rtl"] .toolbar .buttonset.print,
	html[dir="rtl"] .toolbar .buttonset.pdf,
	html[dir="rtl"] .toolbar .buttonset.copy-url {
		margin-right:1px;
	}		
	[class^="btn"] span:not(:empty) + .icon:not(.app-header) {
		margin-left:2px;
	}
	div.buttonset.back button.btn-icon,
	div.buttonset.forward button.btn-icon	{
		width:24px;
	}
}
@media (max-width: 1050px) {
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(10% - 1px);
	}
	html[lang='ru-RU']:not([dir="rtl"]) div.buttongroup .toolbtn-text, 
	html[lang='uk-UA']:not([dir="rtl"]) div.buttongroup .toolbtn-text, 
	html[lang='sl-SI']:not([dir="rtl"]) div.buttongroup .toolbtn-text {
		display:none;
	}
	html[lang='ru-RU']:not([dir="rtl"]) .toolbar .buttonset.search,
	html[lang='uk-UA']:not([dir="rtl"]) .toolbar .buttonset.search,
	html[lang='sl-SI']:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:60px;
	}
	.homediv a {
		font-size:13px;
	}
	.d-print-none li span.topicref a, .d-print-none li span.topicref a:hover {
		font-size:13px;
	}
	.d-print-none, .d-print-none li, .d-print-none li span.topicref, .d-print-none li span.title, .d-print-none li span.title a {
		vertical-align:text-top;
	}
	.d-print-none li span.title, .d-print-none li span.title a {
		line-height: 15px;
	}		
}
@media (max-width: 1000px) {
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(28% - 1px);
	}
	html[lang='ru-RU']:not([dir="rtl"]) .toolbar .buttonset.search, 
	html[lang='uk-UA']:not([dir="rtl"]) .toolbar .buttonset.search, 
	html[lang='sl-SI']:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(28% - 1px);
	}	
	html[dir="rtl"] .toolbar .buttonset.search {
		margin-right:calc(28% - 1px);
	}	
	.toolbar .buttonset p.toolbtn-text {	
		display:none;
	}
	html[dir="rtl"] #help-modal {
		left:0px;		
		right:calc(var(--shiftvalue) - 85% + 1px);
		top:130px;
	}	
}
@media (max-width: 900px) {
	.header .toolbar .title {
		font-size:18px;
	}
	.header .toolbar .title > h1 {
		font-size:inherit;
	}
	.homediv a {
		font-size:12px;
	}
	.d-print-none li span.topicref a, .d-print-none li span.topicref a:hover {
		font-size:12px;
	}
	.d-print-none, .d-print-none li, .d-print-none li span.topicref, .d-print-none li span.title, .d-print-none li span.title a {
		vertical-align:text-top;
	}
	.d-print-none li span.title, .d-print-none li span.title a {
		line-height: 15px;
	}		
}
@media (max-width: 870px) {
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(21% - 1px);
	}
	html[dir="rtl"] .toolbar .buttonset.search {
		margin-right:calc(21% - 1px);
	}		
}
@media (max-width: 767px) {
	/* This applies to the medium width for Smart Help, and some mobile devices */
	.header .toolbar .title {
		font-size:15px;
	}
	.header .toolbar .title > h1 {
		font-size:inherit;
	}
	.header .toolbar .title > h1 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap; }
	.header .toolbar .title {
	  width: 30%;
	  min-width:200px;
	  max-width:260px;
	  font-size: 14px;
	}
	.homediv a {
		font-size:11px;
	}
	.col-lg-3, .col-sm-6, .col-md-3, .col-xs-12, .col-sm-6 {
		width:100%;
	}
	.wh_tile.col-lg-3, .wh_tile.col-sm-6, .wh_tile.col-md-3, .wh_tile.col-xs-12, .wh_tile.col-sm-12 {
		width:100%;
	}
	.d-print-none li span.topicref a, .d-print-none li span.topicref a:hover {
		font-size:11px;
	}	
	.d-print-none, .d-print-none li, .d-print-none li span.topicref, .d-print-none li span.title, .d-print-none li span.title a {
		vertical-align:text-top;
	}
	.d-print-none li span.title, .d-print-none li span.title a {
		line-height: 14px;
	}
  input.search::-webkit-input-placeholder {
    font-size: 3.8rem !important;
    line-height: 72px; }
  input.search:-moz-placeholder {
    font-size: 3.8rem !important; }
  input.search::-moz-placeholder {
    font-size: 3.8rem !important; }
  input.search:-ms-input-placeholder {
    font-size: 3.8rem !important; } 	
  .toolbar .btn-tertiary,
  .toolbar .btn {
    border-radius: 18px;
    min-width: 0;
    padding: 0;
    width: auto; }
    .toolbar .btn-tertiary span:not(.audible),
    .toolbar .btn span:not(.audible) {
      display: inline-block;
      padding: 0 10px; }
      .toolbar .btn-tertiary span:not(.audible):last-child,
      .toolbar .btn span:not(.audible):last-child {
        padding-right: 10px; }
    .toolbar .btn-tertiary .icon,
    .toolbar .btn .icon {
      width: 32px; }
      .toolbar .btn-tertiary .icon + span,
      .toolbar .btn .icon + span {
        color: transparent;
        padding: 0;
        position: absolute;
        width: 0; }
	#sidetoc {
		width: 0px;
		height: 0px;
		display:none;
	}
  .header .toolbar.has-more-button .title {
    width: calc(60%); }
    .header .toolbar.has-more-button .title + .buttonset {
      width: calc(40% - 39px); 
	}
	html.smarthelp section.sidebar.initload:not(.open-selected) {
		display:none;
	}		
	html.smarthelp .application-menu.initload:not(.open-selected) {
		display:none;
	}
	html.smarthelp section.sidebar.open-selected {
		display:block;
	}		
	html.smarthelp .application-menu.open-selected {
		display:block;
	}	
}
@media (max-width: 640px) {
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(11% - 1px);
		width:200px
	}
	html[dir="rtl"] .toolbar .buttonset.search {
		margin-right:calc(9% - 1px);
		width:200px;
	}
	html:not([dir="rtl"]) .toolbar .buttongroup {
		margin-right:7px;
	}	
	html:not([dir="rtl"]) .toolbar .buttonset.print,
	html:not([dir="rtl"]) .toolbar .buttonset.pdf,
	html:not([dir="rtl"]) .toolbar .buttonset.copy-url,
	html:not([dir="rtl"]) .toolbar .buttonset.help {
		margin-left:3px;
	}
	.toolbar .buttonset > [class^="btn"] {
		min-width:24px;
	}
	html[dir="rtl"] .toolbar .buttonset.search span.searchfield-wrapper {
		width:200px;		
	}
	html:not([dir="rtl"]) button.btn-icon.searchselect-button {
		margin-right:0px;
	}
	html:not([dir="rtl"]) #textToSearch, html:not([dir="rtl"]) #textToSearchHS {
		width:150px;
	}	
	html[dir="rtl"] #textToSearch, html[dir="rtl"] #textToSearchHS {
		width:150px;
	}
	html:not([dir='rtl']) #pdf-modal {
		left:calc(50% - 5px);
		right:auto;
		top:180px;
	}	
	html[dir='rtl'] #pdf-modal {
		left:calc(50% - 5px);
		right:auto;
		top:180px;
	}
  .dropdown-list {
    height: calc(100% - 20px);
    max-height: none;
    width: calc(100% - 20px); }
  .dropdown-list ul {
      height: 100%;
      max-height: calc(100% - 34px); } 
  .header .toolbar.has-more-button .title {
    width: calc(70%); }
    .header .toolbar.has-more-button .title + .buttonset {
      width: calc(30% - 39px); }
  .toolbar .searchfield, .toolbar .searchfieldHS {
    text-overflow: clip; }
  .toolbar .searchfield::-webkit-input-placeholder, .page-container .searchfieldHS::-webkit-input-placeholder {
      /*color: transparent !important;*/
	  color: #AAA2A2 !important;}
  .toolbar .searchfield::-moz-placeholder, .page-container .searchfieldHS::-moz-placeholder {
      color: #AAA2A2 !important; }
  .toolbar .searchfield:-ms-input-placeholder, .page-container .searchfieldHS:-ms-input-placeholder {
      color: #AAA2A2 !important; }	
}
@media (max-width: 540px) {
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(20% - 1px);
		width:200px;
	}
	html[dir="rtl"] .toolbar .buttonset.search {
		margin-right:calc(20% - 1px);
		margin-left:calc(10% - 1px);
		width:200px;
	}
	html:not([dir="rtl"]) .toolbar .buttonset.search span.searchfield-wrapper {
		width:200px;		
	}
	html:not([dir="rtl"]) .toolbar .buttongroup {
		margin-right:5px;
		display:none;
	}
	html[dir="rtl"] .toolbar .buttongroup {
		margin-left:5px;
		display:none;
	}
	html:not([dir="rtl"]) .toolbar .buttonset.menu {
		margin-left:3px;
		display:inline-block;
		float:right;
	}	
	html[dir="rtl"] .toolbar .buttonset.menu {
		margin-right:3px;
		display:inline-block;
		float:left;
	}	
	[class^="btn"] span:not(:empty) + .icon:not(.app-header) {
		margin-left:2px;
	}
	div.buttonset.back button.btn-icon,
	div.buttonset.forward button.btn-icon {
		width:24px;
		min-width:24px;
	}
	html[dir="rtl"] #help-modal {
		left:0px;		
		right:calc(var(--shiftvalue) - 80% + 1px);
		top:310px
	}
}
@media (max-width: 490px) {
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(12% - 1px);
	}
	html[dir="rtl"] .toolbar .buttonset.search {
		margin-right:calc(12% - 1px);
	}
	html:not([dir="rtl"]) .toolbar .buttonset.menu {
		margin-left:3px;
		display:inline-block;
		float:right;
	}
	html[dir="rtl"] .toolbar .buttonset.menu {
		margin-right:3px;
		display:inline-block;
		float:left;
	}	
	html:not([dir="rtl"]) .toolbar .buttonset.print {
		margin-left:3px;
		display:none;
	}
	html[dir="rtl"] .toolbar .buttonset.print {
		margin-right:3px;
		display:none;
	}
	html:not([dir="rtl"]) .toolbar .buttonset.pdf {
		margin-left:3px;
		display:none;
	}
	html[dir="rtl"] .toolbar .buttonset.pdf {
		margin-right:3px;
		display:none;
	}
	html:not([dir="rtl"]) .toolbar .buttonset.copy-url {
		margin-left:3px;
		display:none;
	}
	html[dir="rtl"] .toolbar .buttonset.copy-url {
		margin-right:3px;
		display:none;
	}
	html:not([dir="rtl"]) .toolbar .buttonset.help {
		margin-left:1px;
		display:none;
	}
	html[dir="rtl"] .toolbar .buttonset.help {
		margin-right:1px;
		display:none;
	}
	#application-menu {
		width:100%;
	}
	section.main.is-right-side {
		display:none;
	}
	html.smarthelp section.main.is-right-side {
		display:block;
	}
}
	
/* Following is for ipad and android portrait */
/* Assumes tablets are at least 700px wide in portrait mode*/
@media (min-width: 700px) and (orientation : portrait) {
	.header .titlebar {
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.header .titlebar h1 {
		font-size: 1.4rem;
		text-align: center;
		margin-left:2px;
	}
	.header.doclib .titlebar h1 {
		font-size: 1.4rem;
	}
	.header.doclib .titlebar h2 {
		font-size: 1.3rem;
		line-height:16px;
		height:16px;
		margin-top:3px;
	}
	.header .bannerbar {
		height:4%;
		min-height:calc(4% - 6px);
	}
	.header .toolbar {
		height:4%;
		min-height:calc(4% - 6px);
		top:4%;
	}
	.application-menu {
		display:none;
	}
	.application-menu.is-open {
		display:block;
	}
	.application-menu + .page-container {
		width:100%;
		-webkit-overflow-scrolling: touch;
	}
	.page-container.two-column {
		height:88%;
		min-height:calc(88% - 12px);
		top:8%;
	}
	#help-iframe.helpiframe {
		width:550px;
		height:600px;
	}
	html[dir="rtl"] #help-modal, html:not([dir="rtl"]) #help-modal {
		width:80%;
		max-width:540px;
		top:35%
	}
	html[dir="rtl"] #help-modal {
		left:0px;		
		right:calc(var(--shiftvalue) - 66% + 1px);
	}
	.footer-container {
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-left: auto;
		position:fixed;
		height:min(36px,4%);
		line-height:30px;
		width:100%;
		float:right;
		z-index:505;
		bottom:0px;
		right:0px;}
	.help-footer {
		height:100%;
		vertical-align:middle;
		line-height:30px;
	}
	.help-footer .row {
		height: 100%;
		vertical-align:middle;
		line-height:30px;		
	}
	.help-footer .row nav {
	  	vertical-align:middle;
		line-height:30px;
		height:100%;
    }	
	footer nav {
		display: flex;
		justify-content: space-between;
		align-items:center;
	}
	footer nav ul {
		width:90%;
	}	
	.help-footer nav li {
		display: inline-block;
		margin: 0px 30px 0 0;}
	
	#aboutlink, #feedbacklink, #doclinks, #productsupport {
	  display:inline-block;
	}	
	footer nav li {
		margin: 10px 10px 0 0;
		width:auto;
		overflow:hidden;
		white-space:nowrap;
	}
	footer nav li:last-of-type {
		width:auto;
		margin-right:0px;
		margin-left:0px;
	}
	footer div.full {
		padding-right:5px;
		padding-left:70px;
	}
	body.smarthelp.showside .wh_publication_toc {
		max-width:100%;
	}	
}
@media (max-width: 604px) and (orientation : portrait) {
	.header .bannerbar {
		height:min(34px,6%);
	}
	.header .toolbar {
		height:min(34px,6%);
		top:min(34px,6%);
	}
	.page-container.two-column {
		height:max(83%,100% - 105px);
		top:min(68px,12%);
	}		
	#footerlinks {
		display: inline-block;
	}
    #aboutlink, #feedbacklink, #doclinks, #productsupport {
		display:none;
    }	
	.help-footer {
		height:100%;
	}
	.help-footer .row {
		height: 100%;
	}
	.help-footer .row nav {
		height:100%;
    }  
	.footer-container {
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-left: auto;
		height:5%;
		position:fixed;
		width:100%;
		float:right;
		z-index:505;
		bottom:0px;
		right:0px;}	
	#splitter-right-1 {
		  display:none;
	}
 	html:not([dir="rtl"]) #help-modal, html[dir="rtl"] #help-modal {
		width:80%;
		top:300px;		
	}
	.row div.printbtn-container	{
		right:12%;
	}
	html[lang='ru-RU']:not([dir="rtl"]) .toolbar .buttonset.search, 
	html[lang='uk-UA']:not([dir="rtl"]) .toolbar .buttonset.search, 
	html[lang='sl-SI']:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(12% - 1px);
		margin-right:calc(2% - 1px);
		width:200px;
	}
	section.sidebar.is-right-side {
		width:100%;
	}	
	body.smarthelp.showside .wh_publication_toc {
		max-width:100%;
	}	
}	

/*   PORTRAIT media queries
	For IP 12 Pro Max (428 width) down to Pixel 2 (411 width)*/
@media (max-width: 428px) and (orientation : portrait) {
	.page-container.two-column {
		height: calc(100% - 96px);
	}	
	.application-menu {
		height:100%;
	}
	.application-menu .accordion {
		height:calc(100% - 36px);
	}
	.two-column section.sidebar.is-right-side {
		/*margin-top:36px;
		top:0px;
		height:calc(100% - 36px);*/
	}
	.page-container div.booktitle-container {
		height:38px;
		vertical-align:middle;
	}
	.main .page-container {
		padding-top:0px;
	}
	.header div div.booktitle-container h1.booktitle {
		height:20px;
		margin-top:7px;
		vertical-align:middle;
		width:calc(100% - 20px);
		white-space: nowrap;
		font-size: 1.3rem;
	}
	 .page-container > .page-container {
		 height:calc(100% - 38px);
	 }
	 html:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(10% - 1px);
	}
	html[dir="rtl"] .toolbar .buttonset.search {
		margin-right:calc(10% - 1px);
	}
	html:not([dir="rtl"]) .searchfield-wrapper .searchfield-button {
		margin-left:1px;
		margin-right:1px;
	}
	html[dir="rtl"] .searchfield-wrapper .searchfield-button {
		margin-left:1px;
		margin-right:4px;
	}	
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		width:200px;
		min-width:50px;
	}
	html[dir="rtl"] .toolbar div.buttonset.search {
		width:200px;
		min-width:50px;
	}
	html:not([dir="rtl"]) .toolbar .buttonset.print {
		width:26px;
		right:46px;
	}
	html[dir="rtl"] .toolbar div.buttonset.print {
		width:26px;
		left:46px
	}
	html:not([dir="rtl"]) .toolbar .buttonset.copy-url {
		right:77px;
	}
	html[dir="rtl"] .toolbar div.buttonset.copy-url {
		left:77px;
	}	
	html[dir="rtl"] .searchfield-wrapper div.closeicondiv, 
	html[dir="rtl"] .searchfield-wrapper div.closeicondivHS {
		right:auto;
		left:26px;
	} 
    html:not([dir="rtl"]) .searchfield-wrapper .icon.close:not(.is-empty) {
      /* mludwig, using close icon  */
	  display: inline-block;
      right: 0px;
	  top:0px;}	
	html[dir="rtl"] .searchfield-wrapper .icon.close:not(.is-empty) {
      left: 43px;
	} 	
	.accordion, .application-menu {
		overflow-x:auto;
	}
	.accordion-header, .accordion-header > a, .accordion-pane {
		overflow-x: visible;
		white-space:nowrap;
	}
	.accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,	
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a
	{
		overflow-x: visible;
		white-space: nowrap;
		width: auto; }
	.accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a
	{
        width: auto; } 
	.footer-container {
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-left: auto;
		height:5%;
		position:fixed;
		width:100%;
		float:right;
		z-index:505;
		bottom:0px;
		right:0px;}	
	#footerlinks {
		display:inline-block;
	}
	#aboutlink, #feedbacklink, #doclinks, #productsupport {
	  display:none;
	}
	.help-footer {
		height:80px;
	}
	.help-footer .row {
		height: 80px;
	}
	.help-footer .row nav {
		height:80px;
    }	
	body.smarthelp.showside .wh_publication_toc {
		max-width:100%;
	}	
}
/* iphone 12 pro, pro max, 8+, pixel 2, 3, 3a, 4XL, for example */
@media (min-width: 395px) and (max-width: 428px) and (orientation : portrait) {
	html:not([dir="rtl"]) #help-modal {
		top:300px;
	}	
	section.sidebar.is-right-side {
		width:100%;
	}
	body.smarthelp.showside .wh_publication_toc {
		max-width:100%;
	}
}
/* iphone 12, pixel 5, for example */
@media (min-width: 377px) and (max-width: 394px) and (orientation : portrait) {
	.header .titlebar h1 {
		font-size: 1.2rem;
		text-align: center;
		margin-left:2px;
	}
	.header.doclib .titlebar h1 {
		font-size: 1.2rem;
	}
	.header.doclib .titlebar h2 {
		font-size: 1.2rem;
		line-height:16px;
		height:16px;
	}
	html:not([dir="rtl"]) #help-modal {
		top:300px;
	}	
	#help-iframe.helpiframe {
		width:100%;
		height:530px;
	}
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(11% - 1px);
	}
	html[dir="rtl"] .toolbar .buttonset.search {
		margin-right:calc(7% - 1px);
		margin-left:calc(7% - 1px);
	}	
	.row div.printbtn-container {
		right:15%;
	}
	.row div.close-container {
		right:8%;
	}
	section.sidebar.is-right-side {
		width:100%;
	}
	body.smarthelp.showside .wh_publication_toc {
		max-width:100%;
	}	
}
/* iPhone 6/7/8 portrait, for example */
@media (min-width: 361px) and (max-width: 376px) and (orientation : portrait) {
	html:not([dir="rtl"]) #help-modal {
		top:300px;
	}
	.header .titlebar h1 {
		font-size: 1.2rem;
		text-align: center;
		margin-left:2px;
	}
	.header.doclib .titlebar h1 {
		font-size: 1.2rem;
	}
	.header.doclib .titlebar h2 {
		font-size: 1.1rem;
		line-height:16px;
		height:16px;
	}
	.toolbar .buttonset.search .searchfield-wrapper {
		max-width:195px;
	}
	html[dir="rtl"] #textToSearch, html[dir="rtl"] #textToSearchHS {
		width:130px;
	}
	html:not([dir="rtl"]) .searchfield-wrapper .searchfield-button {
		margin-top:0px;
		margin-bottom:0px;
		padding-left:0px;
		float:none;
		min-height:26px;
		vertical-align:top;
	}
	html:not([dir="rtl"]) .searchfield-wrapper div.closeicondiv, html:not([dir="rtl"]) .searchfield-wrapper div.closeicondivHS {
		position:relative;
		float:none;
	}
	html:not([dir="rtl"]) .toolbar div.buttonset.search {
		margin-top:0px;
		margin-right:calc(3% - 1px);
		margin-left:calc(3% - 1px);
		width:195px;
		min-width:50px;
	}
	html[dir="rtl"] .toolbar div.buttonset.search {
		margin-top:0px;
		margin-right:calc(7% - 1px);
		margin-left:calc(7% - 1px);
		width:175px;
		min-width:50px;		
	}
	html:not([dir="rtl"]) button.btn-icon.searchselect-button {
		right:3px;
		margin-left:2px;
		margin-right:1px;		
	}
	html[dir="rtl"] button.btn-icon.searchselect-button {
		left:3px;
		margin-left:1px;
		margin-right:2px;
	}	
	html:not([dir="rtl"]) .toolbar .buttonset.menu {
		float:right;
	}
	html[dir="rtl"] .toolbar div.buttonset.menu { 
		float:left;
	}	
	.buttonset.toc .application-menu-trigger.hide {
		display:inline-block;
	}
	.buttonset.toc .application-menu-trigger.show {
		display:none;
	}
	.row div.printbtn-container {
		right:15%;
	}
	.help-footer {
		height:100%;
	}
	.help-footer .row {
		height: 100%;
	}
	.help-footer .row nav {
		height:100%;
    }
	.help-footer nav ul {
		height:100%;
	}
}
@media (min-width: 321px) and (max-width: 360px) and (orientation : portrait) {
	#help-iframe.helpiframe {
		width:325px;
		height:530px;
	}
	html[dir="rtl"] #help-modal {
		left:0px;		
		right:calc(var(--shiftvalue) - 92% + 1px);
		top:300px;
	}
	.header .titlebar h1 {
		font-size: 1.2rem;
		text-align: center;
		margin-left:2px;
	}
	.header.doclib .titlebar h1 {
		font-size: 1.1rem;
	}
	.header.doclib .titlebar h2 {
		font-size: 1.1rem;
		line-height:16px;
		height:16px;
	}	
	.toolbar .buttonset > *:first-child {
		margin-left: 2px;
	}
	html:not([dir="rtl"]) .toolbar div.buttonset.search {
		margin-left:calc(8% - 1px);
		margin-right:calc(3% - 1px);
		right:2px;
		width:170px;
		min-width:150px;
	}
	html[dir="rtl"] .toolbar div.buttonset.search {
		margin-left:1px;
		margin-right:calc(5% - 1px);
		left:2px;
		width:170px;
		min-width:150px;		
	}
	html:not([dir="rtl"]) .toolbar .buttonset.search span.searchfield-wrapper {
		width:170px;
	}
	html[dir="rtl"] .toolbar .buttonset.search span.searchfield-wrapper {
		width:170px;
	}
	html[dir="rtl"] #textToSearch, 
	html[dir="rtl"] #textToSearchHS, 
	html:not([dir="rtl"]) #textToSearch, 
	html:not([dir="rtl"]) #textToSearchHS {
		width:120px;
	}	
}
/* iphone 5  portrait*/
@media (max-width: 320px) and (orientation : portrait) {
	#help-iframe.helpiframe {
		width:calc(93% - 1px);
		height:430px;
	}
	html:not([dir="rtl"]) #help-modal {
		top:300px;
	}
	html[dir="rtl"] #help-modal {
		left:0px;		
		right:calc(var(--shiftvalue) - 91% + 1px);
		top:300px;
		width:90%;
		height:calc(90% - 1px);
	}
	.row div.printbtn-container	{
		right:15%;
	}
	.help td {
		word-wrap: break-word;
	}
	.help .container-fluid {
		height:calc(100% - 70px);
	}
	.header .titlebar h1 {
		font-size: 1.2rem;
		text-align: center;
		margin-left:2px;
	}
	.header.doclib .titlebar h1 {
		font-size: 1.2rem;
	}
	.header.doclib .titlebar h2 {
		font-size: 1.1rem;
		line-height:16px;
		height:16px;
	}
	.toolbar .buttonset.back,
	.toolbar .buttonset.forward {
		width:auto;
	}
	.toolbar .buttonset > *:first-child {
		margin-left: 0px;
	}
	.buttonset.back .btn-icon,
	.buttonset.forward .btn-icon {
		width:24px;
		min-width:24px;
	}
	html:not([dir="rtl"]) .searchfield-wrapper .searchfield-button {
		margin-left:1px;
		margin-right:1px;
	}	
	html:not([dir="rtl"]) .toolbar div.buttonset.search {
		margin-left:calc(4% - 1px);
		right:2px;
		width:165px;
		min-width:150px;
	}
	html[dir="rtl"] .toolbar div.buttonset.search {
		margin-right:calc(4% - 1px);
		margin-left:calc(2% - 1px);
		left:2px;
		width:165px;
		min-width:150px;
	}
	html:not([dir="rtl"]) .toolbar .buttonset.search span.searchfield-wrapper {
		width:165px;
	}
	html[dir="rtl"] .toolbar .buttonset.search span.searchfield-wrapper {
		width:165px;
	}
	html[dir="rtl"] #textToSearch, html[dir="rtl"] #textToSearchHS {
		width:120px;
	}
	html:not([dir="rtl"]) button.btn-icon.searchselect-button {
		right:3px;
	}
	html[dir="rtl"] button.btn-icon.searchselect-button {
		left:3px;
	}	
	html:not([dir="rtl"]) .toolbar .buttonset.print {
		width:26px;
		right:56px;
	}
	html[dir="rtl"] .toolbar div.buttonset.print {
		width:26px;
	}
	html:not([dir="rtl"]) .toolbar .buttonset.copy-url {
		right:87px;
	}
	html[dir="rtl"] .toolbar div.buttonset.copy-url {
		left:87px;
	}
}

/* LANDSCAPE media queries */
/* Following is for ipad and android tablet landscape */
@media (min-width: 648px) and (max-width: 1024px) and (orientation : landscape) {
	#help-iframe.helpiframe {
		width:100%;
		height:600px;
	}
	html[dir="rtl"] #help-modal {
		left:0px;		
		right:calc(var(--shiftvalue) - 80% + 1px);
		top:300px;
		width:80%;
		height:90%;
	}	
	div.booktitle-container {
		width:calc(100% - 65px);
		vertical-align:top;
		margin-top:8px;
	}
	div.booktitle-container h1.booktitle {
		font-size:1.6rem;
		vertical-align:top;
	}
	.application-menu {
		display:block;
	}
	.application-menu + .page-container {
		width:auto;
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}	
	#footerlinks{
		display:none;
	}
	.footer-container {
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-left: auto;
		position:fixed;
		height:min(36px,6% + 2px);
		min-height:20px;
		width:100%;
		float:right;
		z-index:505;
		bottom:0px;
		right:0px;}
	footer nav li {
		width:auto;
	}
}
@media (max-height: 500px) {
	header .bannerbar .toolbar-section.logo {
		margin-top:2px;
	}
}
@media (max-height: 450px) {
	.page-container.two-column {
		top:68px;
	}
	header .bannerbar {
		line-height:34px;
	}	
	.header .toolbar {
		top:34px;
	}
	html:not([dir="rtl"]) .toolbar .buttongroup {
		margin-top:0px;
	}
	html[dir="rtl"] .toolbar .buttongroup {
		margin-top:0px;
	}
}
@media (max-height: 320px) {
	.footer-container {
		height:min(36px,8%);
	}	
	.wh_main_page .wh_search_results_items {
		height: calc(100% - 30px);
	}
	.wh_topic_page .wh_search_results_items {
		height: calc(100% - 50px);	
	}	
}
@media (min-width: 648px) and (max-width: 1024px) and (max-height: 450px) and (orientation : landscape) {
	#help-iframe.helpiframe {
		width:100%;
		height:440px;
	}	
	html[dir="rtl"] #help-modal {
		left:0px;		
		right:calc(var(--shiftvalue) - 80% + 1px);
		top:220px;
		height:350px;
	}
	.help-footer {
	  min-height: 24px;
	  height: 100%;}
	.help-footer .row {
		margin-bottom: 0;
		height: 100%;
		vertical-align: middle;}
	.help-footer .row nav {
		  height:100%;
		  padding-bottom:0px;}
	.help-footer nav ul {
		height: 100%;
		line-height:24px;}
	.help-footer nav li {
		margin: 0px 30px 0 0;
		vertical-align:bottom;}	
}
  @media (max-width: 870px) and (orientation : landscape){
	html:not(.smarthelp) #splitter-right-1 {
		  display:none;
	}
	#help-iframe {
		-webkit-overflow-scrolling: touch !important;
		overflow-y: scroll !important;
		overflow-x: scroll !important;
	}
	#help-iframe html.fixed {
		width:calc(100% - 10px);
	}	
	#about-modal.modal.about {
		top:180px;
		height:350px;
		min-height:350px;
	}
	.modal.about .modal-header {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	.modal-footer {
		padding-top: 2px;
	}
	html[dir="rtl"] #help-modal {
		left:0px;		
		right:calc(var(--shiftvalue) - 80% + 1px);
		top:300px;
		width:80%;
		height:calc(90% - 1px);
	}	
	html.fixed {
		top:60px;
	}
	html.smarthelp #toolbarColl, html.smarthelp #toolbar {
		display:none;
	}
	html.smarthelp.hidebar #toolbarColl, html.smarthelp.hidebar #toolbar {
		display:none;
	}
	html.smarthelp.showbar #toolbarColl, html.smarthelp.showbar #toolbar {
		display:block;
	}
	html.smarthelp.hidebar #landing html.fixed, html.smarthelp #landing html.fixed {
		top:0px;
	}
	html.smarthelp.showbar #landing html.fixed {
		top:30px;
	}	
	body.help.wh_topic_page div.row, body.frmBody div.row {
		position:fixed;
		top:0px;
		z-index:504;
		height:50px;
		width:calc(100% - 40px);
	}
	.wh_tools.hidden-print {
		height: 40px;
	}
	nav.wh_tools div.wh_breadcrumb {	
		height: 35px;
		padding: 2px 12px 2px 12px;
	}
	
	.accordion, .application-menu {
		overflow-x:auto;
	}
	.accordion-header, .accordion-header > a, .accordion-pane {
		overflow-x: visible;
		white-space:nowrap;
	}
	.accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,	
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header.list-item a
	{
		overflow-x: visible;
		white-space: nowrap;
		width: auto; }
	.accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a,
	.accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > [class^="btn"] + a,
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-header > .icon + a
	{
        width: auto; } 		
 }

 @media (max-width: 870px) and (max-height: 390px) and (orientation : landscape){
	 html[dir="rtl"] #help-modal {
		left:0px;		
		right:calc(var(--shiftvalue) - 84% + 1px);
		top:180px;
		width:80%;
		height:calc(90% - 1px);
	}	
	#help-iframe.helpiframe {
		height:370px;
	}
	.help-footer nav ul {
		line-height:18px;}
 }
  /* Adjustment for Pixel 5 */
@media (max-width: 870px) and (max-height: 320px) and (orientation : landscape){
 	#help-iframe.helpiframe {
		width:480px;
		height:240px;
	} 
   .modal-wrapper #help-modal.modal {
		top:150px;
	}
	.help-footer nav ul {
		line-height:14px;}	
}
/*iphone 12 landscape, for example */
@media (max-width: 765px) and (orientation : landscape){
 	#help-modal {
		top:290px;
	}
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(16% - 1px);
	}
	html[lang='ru-RU']:not([dir="rtl"]) .toolbar .buttonset.search, 
	html[lang='uk-UA']:not([dir="rtl"]) .toolbar .buttonset.search, 
	html[lang='sl-SI']:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(16% - 1px);
	}	
	html[dir="rtl"] .toolbar .buttonset.search {
		margin-right:calc(16% - 1px);
	}
	body.smarthelp.showside .wh_publication_toc {
		max-width:70%;
	}
	/*.help-footer nav ul {
		line-height:14px;}*/	
}	
@media (max-width: 670px) and (orientation : landscape){
	html[dir="rtl"] .toolbar .buttonset.search {
		margin-right:calc(14% - 1px);
		width:200px;
	}
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		width:200px;
	}
	.toolbar .buttonset.search span.searchfield-wrapper {
		width:200px;
	}
	html[dir="rtl"] #textToSearch, 
	html[dir="rtl"] #textToSearchHS {
		width:150px;
	}
	html:not([dir="rtl"]) #textToSearch, 
	html:not([dir="rtl"]) #textToSearchHS {
		width:150px;
	}
	#help-modal {
		top:290px;		
	}		
	#footerlinks {
		display:inline-block;
	}
    #aboutlink, #feedbacklink, #doclinks, #productsupport {
	  display:none;
    }	
	.help-footer {
		height:80px;
	}
	.help-footer .row {
		height: 80px;
	}
	.help-footer .row nav {
		height:80px;
    }  
	.footer-container {
		margin-top: 0px;
		height:min(36px,6% + 2px);
		margin-bottom: 0px;
		margin-right: 0px;
		margin-left: auto;
		position:fixed;
		width:100%;
		float:right;
		z-index:505;
		bottom:0px;
		right:0px;}
}
 @media (max-width: 810px) and (max-height: 320px) and (orientation : landscape){
 	#help-modal {
		top:205px;
	}
	.row div.close-container {
		right:10%;
	}
	.row div.printbtn-container {
		right:15%;
	}
	body.smarthelp.showside .wh_publication_toc {
		max-width:70%;
	}	
 }

@media (max-width: 755px) and (max-height: 320px) and (orientation : landscape){
 	#help-modal {
		width:calc(100% - 200px);
		top:145px;
		height:275px;		
	}
	#help-iframe.helpiframe {
		height:300px;
		width:100%;
	}
	body.smarthelp.showside .wh_publication_toc {
		max-width:70%;
	}
}
@media (max-width: 604px) and (orientation : landscape){
 	html:not([dir="rtl"]) #help-modal {
		width:90%;
		top:290px;		
	}	
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-left:calc(14% - 1px);
		margin-right:calc(2% - 1px);
		width:200px;
	}
	html[lang='ru-RU']:not([dir="rtl"]) .toolbar .buttonset.search,
	html[lang='uk-UA']:not([dir="rtl"]) .toolbar .buttonset.search	{
		margin-left:calc(6% - 1px);
		margin-right:calc(2% - 1px);
		width:200px;
	}	
	html[dir="rtl"] .toolbar .buttonset.search {
		margin-left:calc(5% - 1px);
		margin-right:calc(10% - 1px);
		width:255px;
	}
	html:not([dir="rtl"]) .toolbar .buttongroup {
		margin-right:5px;
	}
	html[dir="rtl"] .toolbar .buttongroup {
		margin-left:5px;
	}
	html[dir="rtl"] #textToSearch, 
	html[dir="rtl"] #textToSearchHS {
		width:180px;
	}
	html[dir="rtl"] .toolbar .buttonset.search span.searchfield-wrapper {
		width:230px;
	}	
	html[lang='ru-RU']:not([dir="rtl"]) .toolbar .buttonset.search span.searchfield-wrapper,
	html[lang='uk-UA']:not([dir="rtl"]) .toolbar .buttonset.search span.searchfield-wrapper {
		width:200px;
	}
	html:not([dir="rtl"]) #textToSearch, 
	html:not([dir="rtl"]) #textToSearchHS {
		width:150px;
	}
	html[lang='ru-RU']:not([dir="rtl"]) #textToSearch, 
	html[lang='ru-RU']:not([dir="rtl"]) #textToSearchHS, 
	html[lang='uk-UA']:not([dir="rtl"]) #textToSearch, 
	html[lang='uk-UA']:not([dir="rtl"]) #textToSearchHS {
		width:150px;
	}
	html[dir="rtl"] #help-modal {
		left:0px;		
		right:calc(var(--shiftvalue) - 80% + 1px);
		top:300px;
		width:80%;
		height:calc(90% - 1px);
	}	
	.row div.printbtn-container	{
		right:10%;
	}
	.row div.close-container {
		right:5%;
	}	
	.help td {
		word-wrap: break-word;
	}	
	#splitter-right-1 {
		  display:none;
	}
	body.smarthelp.showside .wh_publication_toc {
		max-width:100%;
	}
}
@media (max-width: 604px) and (max-height: 320px) and (orientation : landscape){
 	html:not([dir="rtl"]) #help-modal {
		width:90%;
		height:275px;
		top:145px;		
	}
	body.smarthelp.showside .wh_publication_toc {
		max-width:100%;
	}
}
@media print {
  .hidden-print {
    display: none !important; } 
  div.sidetocbtn {
	display: none !important;
  }
  textarea,
  .textarea-wordcount {
    display: none !important; }
  .textarea-print {
    display: inline-block !important;
    height: auto;
    width: 362px; } 
  html body {
    background-color: transparent;
    width: 100%;
    color: #666666;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 10px;
	height:auto;}
  header.header {
    background-color: transparent !important; }
  header.header .title {
    color: #454545 !important; }
  svg {
    fill: #454545 !important; }	
   .container, .container-fluid {
		overflow:visible;
	}
   div.container .wh_content_area, div.container-fluid .wh_content_area {
		overflow:visible;
		height:auto;
	}
   html.fixed {
		position: relative;
		top: 70px;
		bottom: 0px;
		height:auto;
		page-break-after: avoid;
	}
   nav, .ihtree, .noPrint {
		display:none;
	}
	article {
		display: block;
    }
	.pageTitle { font-size: 1.5em; }
	.topictitle1, .wh_topic_content .title.topictitle1  { font-size: 2.0em; margin-top: 0em; }
	.topictitle2, .wh_topic_content .title.topictitle2  { font-size: 1.8em; }
	.topictitle3, .wh_topic_content .title.topictitle3  { font-size: 1.6em; }
	.topictitle4, .wh_topic_content .title.topictitle4  { font-size: 1.4em; }
	.topictitle5, .wh_topic_content .title.topictitle5 { font-size: 1.3em; }
	.topictitle6, .wh_topic_content .title.topictitle6  { font-size: 1.2em; }
	
	.col-lg-3, .col-sm-6, .col-md-3, .col-xs-12 {
		width:50%;
	}
	.wh_tile > div {
		margin-top:3px;
		margin-bottom:3px;
		height:auto;
		padding-bottom:2px;
		padding-top:2px;
	}
	.row div.close-container, .row div.printbtn-container {
		display:none;
	}
}