@charset "UTF-8";

/* BASICS */
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,
input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: 0; }

* {
  -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; }

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; }

table thead tr {background-color:#f0f0f0; color:#368AC0;}
table.table >  tbody > tr:hover {
background-color:#f7f7f7;}


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

::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* ICON AND SVG BASELINE */
.icon {
  display: inline-block;
  fill: #999999;
  height: 18px;
  position: relative;
  width: 22px; }
  .icon.icon-filter {
    height: 14px;
    width: 14px; }

.icon-error,
.icon-confirm,
.icon-alert,
.icon-info,
.icon-info-field,
.icon-in-progress,
svg.icon-dirty,
.icon-new,
.icon-pending,
.icon-empty-circle {
  fill: #e84f4f;
  position: relative;
  top: 10px;
  vertical-align: top; }

.icon-info-field {
  fill: #368ac0; }

.field .icon-error,
.field .icon-confirm,
.field .icon-alert,
.field .icon-info,
.field .icon-pending {
  margin-left: -28px;
  margin-top: 9px;
  position: absolute;
  top: inherit; }

.field .icon-error,
.field .icon-confirm {
  height: 14px;
  margin-left: -27px;
  margin-top: 10px;
  width: 18px; }

.field .lookup-wrapper .icon-error,
.field .lookup-wrapper .icon-confirm {
  margin-right: -20px;
  right: 55px; }

.icon-confirm {
  fill: #80ce4d; }

.icon-empty-circle {
  fill: #999999; }

.icon-alert {
  fill: #ffd726; }

.icon-pending {
  background: #ffd726;
  border: 2px solid #ffd726;
  border-radius: 50%;
  fill: #ffffff;
  height: 18px;
  width: 18px; }

.icon-info {
  fill: #368ac0; }

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

.icon-sohoxi {
  fill: #ffffff;
  height: 22px;
  left: -15px;
  top: 5px;
  width: 115px; }

.ios .icon-error,
.ios .icon-confirm {
  top: 9.5px !important; }

.icon-favorite svg {
  fill: #efa836 !important; }

svg use {
  pointer-events: none; }

svg.icon-logo {
  height: 34px;
  width: 34px; }

.icon-dirty {
  -webkit-border-radius: 2px 0 0;
  -moz-border-radius: 2px 0 0;
  -o-border-radius: 2px 0 0;
  -ms-border-radius: 2px 0 0;
  border-radius: 2px 0 0;
  border-color: #ffd726 transparent transparent #ffd726;
  border-style: solid;
  border-width: 4px;
  height: 0;
  left: 2px;
  margin: 3px 0 0 1px;
  position: absolute;
  width: 0; }
  .icon-dirty.is-checked {
    margin: 0;
    z-index: 1; }
  .icon-dirty.dirty-checkbox {
    left: 3px;
    top: 1px; }
    .icon-dirty.dirty-checkbox.is-checked {
      border-width: 4px;
      left: 3px;
      top: 3px;
      z-index: 2; }

.inline .icon-dirty {
  margin-top: 8px; }
  .inline .icon-dirty.dirty-checkbox {
    margin-top: inherit;
    top: 1px; }
    .inline .icon-dirty.dirty-checkbox.is-checked {
      left: auto;
      top: 0; }

.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; }

.drilldown.btn-icon {
  border-radius: 0; }
  .drilldown.btn-icon svg {
    height: 22px;
    width: 22px; }
  .drilldown.btn-icon span {
    color: transparent; }
  .drilldown.btn-icon:hover span {
    color: transparent; }

svg.icon-dirty {
  fill: #ffd726;
  height: 12px;
  stroke: #ffd726;
  top: 7px;
  width: 12px; }

.icon-in-progress {
  fill: #806594; }

.icon-new {
  fill: #ee9a36; }

.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); }

.icon.app-header span:not(.audible) {
  background-color: #999999;
  border-radius: 4px;
  height: 2px;
  position: absolute;
  -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, left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 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) 0s, left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 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) 0s, left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 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) 0s, left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s, left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  width: 20px; }

.icon.app-header span.one {
  left: 6px;
  top: 6.5px; }

.icon.app-header span.two {
  left: 6px;
  top: 12.5px; }

.icon.app-header span.three {
  left: 6px;
  top: 18.5px; }

.icon.app-header.go-back span.one {
  -webkit-transform: rotate(-45deg) translateX(-5.75px) translateY(-2.5px) scaleX(0.6);
  -moz-transform: rotate(-45deg) translateX(-5.75px) translateY(-2.5px) scaleX(0.6);
  -o-transform: rotate(-45deg) translateX(-5.75px) translateY(-2.5px) scaleX(0.6);
  -ms-transform: rotate(-45deg) translateX(-5.75px) translateY(-2.5px) scaleX(0.6);
  transform: rotate(-45deg) translateX(-5.75px) translateY(-2.5px) scaleX(0.6); }

.icon.app-header.go-back span.three {
  -webkit-transform: rotate(45deg) translateX(-5.75px) translateY(2.5px) scaleX(0.6);
  -moz-transform: rotate(45deg) translateX(-5.75px) translateY(2.5px) scaleX(0.6);
  -o-transform: rotate(45deg) translateX(-5.75px) translateY(2.5px) scaleX(0.6);
  -ms-transform: rotate(45deg) translateX(-5.75px) translateY(2.5px) scaleX(0.6);
  transform: rotate(45deg) translateX(-5.75px) translateY(2.5px) scaleX(0.6); }

.icon.app-header.close span.one {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 12.5px; }

.icon.app-header.close span.two {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.icon.app-header.close span.three {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 12.5px; }

  /* mludwig, .app-drawer styles deleted here */

  /* mludwig, .icon.checkmark styles deleted here */

.icon-capslock {
  display: inline;
  height: 24px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 6px;
  top: 22px;
  width: 24px;
  z-index: 1; }

.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'] .field .icon-error,
html[dir='rtl'] .field .icon-confirm,
html[dir='rtl'] .field .icon-alert,
html[dir='rtl'] .field .icon-info,
html[dir='rtl'] .field .icon-pending {
  left: 30px;
  margin-left: -21px;
  margin-right: inherit;
  right: auto; }

html[dir='rtl'] .field .icon-error,
html[dir='rtl'] .field .icon-confirm {
  left: auto;
  margin-left: inherit;
  margin-right: -30px;
  right: auto; }

html[dir='rtl'] .field .lookup-wrapper .icon-error,
html[dir='rtl'] .field .lookup-wrapper .icon-confirm {
  left: 55px;
  margin-left: -20px;
  margin-right: inherit;
  right: auto; }

html[dir='rtl'] .icon.app-header.go-back span.one {
  -webkit-transform: rotate(45deg) translateX(5.75px) translateY(-2.5px) scaleX(0.6);
  -moz-transform: rotate(45deg) translateX(5.75px) translateY(-2.5px) scaleX(0.6);
  -o-transform: rotate(45deg) translateX(5.75px) translateY(-2.5px) scaleX(0.6);
  -ms-transform: rotate(45deg) translateX(5.75px) translateY(-2.5px) scaleX(0.6);
  transform: rotate(45deg) translateX(5.75px) translateY(-2.5px) scaleX(0.6); }

html[dir='rtl'] .icon.app-header.go-back span.three {
  -webkit-transform: rotate(-45deg) translateX(5.75px) translateY(2.5px) scaleX(0.6);
  -moz-transform: rotate(-45deg) translateX(5.75px) translateY(2.5px) scaleX(0.6);
  -o-transform: rotate(-45deg) translateX(5.75px) translateY(2.5px) scaleX(0.6);
  -ms-transform: rotate(-45deg) translateX(5.75px) translateY(2.5px) scaleX(0.6);
  transform: rotate(-45deg) translateX(5.75px) translateY(2.5px) scaleX(0.6); }

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

html[dir='rtl'] .icon-dirty:not(.dirty-checkbox) {
  -webkit-border-radius: 2px 0 0;
  -moz-border-radius: 2px 0 0;
  -o-border-radius: 2px 0 0;
  -ms-border-radius: 2px 0 0;
  border-radius: 2px 0 0;
  border-color: #ffd726 #ffd726 transparent transparent;
  left: auto;
  margin: 1px 1px 0 0; }

.icon-empty-state {
  display: inline-block;
  height: 65px;
  position: relative;
  width: 65px; }

.icon-empty-main-color {
  fill: #368ac0; }

.icon-empty-offset-color {
  fill: #8DC9E6; }

.icon-empty-center-color {
  fill: #ffffff; }

.space-icons svg {
  margin-right: 20px; }

  /* 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"; }

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; }

/* MISC UI COMPONENT CSS */
label,
.label {
  font-size: 12px;
  font-size: 1.2rem;
  color: #5c5c5c;
  display: block;
  line-height: 13px;
  margin-bottom: 5px;
  min-height: 13px; }

.is-disabled.label,
.is-disabled .label,
label.is-disabled,
.is-disabled label {
  color: #999999; }

.data-description {
  font-size: 14px;
  font-size: 1.4rem;
  color: #1a1a1a;
  margin-left: 6px; }

label.side,
.label.side {
  font-size: 14px;
  font-size: 1.4rem;
  color: #5c5c5c;
  display: inline-block;
  height: 100%;
  line-height: 1.5;
  min-width: 120px; }

.widget-title,
.card-title {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 35.2px;
  line-height: 2.2rem;
  font-size: 16px;
  font-size: 1.6rem;
  color: #1a1a1a;
  margin-top: 2px; }

.list-title {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 32px;
  line-height: 2rem;
  color: #383838; }

small,
.micro-text {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #5c5c5c; }

.stamp-text,
.alert-text {
  font-size: 11px;
  font-size: 1.1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 32px;
  line-height: 2rem;
  color: #999999;
  font-weight: bold;
  text-transform: uppercase; }

.uppercase {
  text-transform: uppercase; }

.alert-text {
  color: #e84f4f;
  padding-left: 15px; }
  .alert-text::before {
    background-color: #e84f4f;
    border-radius: 50%;
    content: '';
    height: 8px;
    margin-left: -14px;
    margin-top: 4px;
    position: absolute;
    width: 8px; }

.stamp-text > .text-arrow {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  fill: #5c5c5c;
  height: .9rem;
  margin: 0 .6rem; }
  .stamp-text > .text-arrow.left {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

html[dir='rtl'] .alert-text {
  padding-left: inherit;
  padding-right: 15px; }
  html[dir='rtl'] .alert-text::before {
    margin-left: inherit;
    margin-right: -14px; }

/* POSITIONING CSS (ESP. COLUMNS) 
   mludwig, deleted some of this*/

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

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

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

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

  /* mludwig, .two-columns and .three-columns styles deleted here */


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

.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 {
 /* bottom: 0;*/
  height: 100%;
  margin: 0 auto;
  position: absolute;
  width: 100%; }
  .page-container.top-padding {
    padding-top: 20px; }
  .page-container > .row:first-child {
    padding-top: 20px; }

.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; }

.header.has-tabs {
  height: 94px; }
  .header.has-tabs + .page-container,
  .header.has-tabs + .application-menu + .page-container {
    height: calc(100% - 94px);
    margin-top: 94px; }

.header.has-breadcrumb, .header.has-alternate-tabs {
  height: 105px; }
  .header.has-breadcrumb + .page-container,
  .header.has-breadcrumb + .application-menu + .page-container, .header.has-alternate-tabs + .page-container,
  .header.has-alternate-tabs + .application-menu + .page-container {
    height: calc(100% - 105px);
    margin-top: 105px; }

.header.has-alternate-breadcrumb {
  height: 120px; }
  .header.has-alternate-breadcrumb + .page-container,
  .header.has-alternate-breadcrumb + .application-menu + .page-container {
    height: calc(100% - 120px);
    margin-top: 120px; }

.header.has-wizard {
  height: 144px; }
  .header.has-wizard + .page-container,
  .header.has-wizard + .application-menu + .page-container {
    height: calc(100% - 144px);
    margin-top: 144px; }

.header ~ .masthead + .page-container {
  height: calc(100% - 98px);
  margin-top: 98px; }

.panel-header {
  background-color: #d8d8d8;
  height: 60px;
  line-height: 60px; }
  .panel-header .title {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 20px; }
  .panel-header + .splitter {
    height: calc(100% - 50px); }

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

@media (max-width: 766px) {
  .editorial .main .content {
    min-width: 100%; }
  .editorial .sidebar-nav {
    display: none; } }

.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; }

[class*="visible-sm-"] {
  display: none; }

 /* MEDIA SETTINGS FOR BLOCKS */
@media (max-width: 766px) {
  .visible-sm-block {
    display: block; } }

@media (max-width: 766px) {
  .visible-sm-inline {
    display: inline; } }

@media (max-width: 766px) {
  .visible-sm-inline-block {
    display: inline-block; } }

@media (max-width: 766px) {
  .hidden-sm {
    display: none !important; } }
	
[class*="visible-md-"] {
  display: none; }

@media (min-width: 767px) and (max-width: 1279px) {
  .visible-md-block {
    display: block; } }

@media (min-width: 767px) and (max-width: 1279px) {
  .visible-md-inline {
    display: inline; } }

@media (min-width: 767px) and (max-width: 1279px) {
  .visible-md-inline-block {
    display: inline-block; } }

@media (min-width: 767px) and (max-width: 1279px) {
  .hidden-md {
    display: none; } }

[class*="visible-lg-"] {
  display: none; }

@media (min-width: 1280px) and (max-width: 1599px) {
  .visible-lg-block {
    display: block; } }

@media (min-width: 1280px) and (max-width: 1599px) {
  .visible-lg-inline {
    display: inline; } }

@media (min-width: 1280px) and (max-width: 1599px) {
  .visible-lg-inline-block {
    display: inline-block; } }

@media (min-width: 1280px) and (max-width: 1599px) {
  .hidden-lg {
    display: none; } }

[class*="visible-xl-"] {
  display: none; }

@media (min-width: 1600px) {
  .visible-xl-block {
    display: block; } }

@media (min-width: 1600px) {
  .visible-xl-inline {
    display: inline; } }

@media (min-width: 1600px) {
  .visible-xl-inline-block {
    display: inline-block; } }

@media (min-width: 1600px) {
  .hidden-xl {
    display: none; } }

[class*="visible-print-"] {
  display: none !important; }

@media print {
  .visible-print-block {
    display: block !important; }
  .visible-print-inline {
    display: inline !important; }
  .visible-print-inline-block {
    display: inline-block !important; }
  .hidden-print {
    display: 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"]:not(.no-caps) {
    text-transform: uppercase; }
  [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, hiding button border, set now to 0 width */
  border: 0px solid #bdbdbd;
  color: #383838; }
  .btn .icon,
  .btn-secondary .icon {
    fill: #383838; }
  .btn:hover,
  .btn-secondary:hover {
    background-color: #999999;
    border: 0px solid #999999; }
  .btn:active,
  .btn-secondary:active {
    border: 0px solid #999999; }
  .btn:focus:not(.hide-focus),
  .btn-secondary:focus:not(.hide-focus) {
    border: 0px solid #368ac0;
	box-shadow: 0 0 0 2px #f0f0f0, 0 0 0 3px #368ac0;}
    .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: #368ac0;
	}

.btn-tertiary,
.btn-filtering,
.btn-icon,
.btn-actions,
.btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) {
  border: 1px 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 {
		/*mludwig*/
      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) {
    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 {
	  /*mludwig*/
    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:focus {
	  border: 1px solid #ffffff
    }
    .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: 33px;
  margin-top: 0;
  min-height: 33px;
  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: #368ac0; }

.btn-icon.has-content:hover .icon {
  fill: #1d5f8a; }
.toolbar .buttonset button.btn-icon.print {
	min-width:24px;
	width:24px;
	min-height:33px;
	height:33px;	
}
.toolbar .buttonset button.btn-icon.print:focus {
	border-radius: 5px;
}
.toolbar .buttonset button.btn-icon.btn-help, .toolbar .buttonset button.btn-icon.btn-copy-url {
	min-width:24px;
	width:24px;
	height:33px;
	min-height:33px;
}
.toolbar .title + .buttonset.help, .toolbar .buttonset.copy-url {
	text-align:center;
	width:24px;
	min-width:24px;	
}
html[lang^="en"] .toolbar .title + .buttonset.help {
	display:inline-block;
	position:absolute;
	right:129px;
}
html:not([lang^="en"]) .toolbar .title + .buttonset.help {
	width:24px;
	min-width:24px;
	position:absolute;
	right:129px;
	/* hidden till help text is ready */
	display:none;
}
html:not([dir="rtl"]) .toolbar .buttonset.copy-url {
	width:24px;
	position:absolute;
	right:101px
}
html[dir="rtl"] .toolbar .title + .buttonset.help {
	width:24px;
	min-width:24px;
	position:absolute;
	left:129px;
	/* hidden till help text is ready */
	display:none;
}
html[dir="rtl"] .toolbar .buttonset.copy-url {
	width:24px;
	position:absolute;
	left:101px
}

/* RIPPLE EFFECT deleted from here, mludwig */  


/* MEDIA SETTINGS FOR .TOOLBAR */
@media (max-width: 766px) {
  .toolbar .btn,
  .toolbar .btn-teritary {
    padding: 0 10px; }
    .toolbar .btn .icon + span,
    .toolbar .btn-teritary .icon + span {
      position: absolute; } }

/* MORE FIELD CSS */
.field-short [class*="btn"] {
  height: 25px;
  margin-bottom: 10px;
  min-width: 0; }
  .field-short [class*="btn"] > .icon:not(.icon-dropdown) {
    height: 14px; }
    .field-short [class*="btn"] > .icon:not(.icon-dropdown) + span:not(.audible) {
      display: inline-block;
      padding: 1px 4px 0 0; }

.field-short .btn,
.field-short .btn-primary,
.field-short .btn-secondary,
.field-short .btn-tertiary,
.field-short .btn-menu,
.field-short .btn-icon,
.field-short .btn-actions,
.field-short .btn-close {
  padding: 0 5px; }

.field-short .btn-icon,
.field-short .btn-actions,
.field-short .btn-close {
  border-radius: 12px; }

/* 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: 1px solid transparent;*/
  border-radius: 2px;
  color: #368ac0;
  cursor: pointer;
  line-height: 16px;
  padding-top: 2px;
  text-decoration: none;
  white-space: nowrap; }
  .hyperlink:hover:not([disabled]) {
    border-bottom-color: #368ac0;
    color: #368ac0; }
  .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 #368ac0;
    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: #368ac0;
    display: inline-block; }
    .hyperlink.back .icon, .hyperlink.directional .icon {
      display: inline;
      fill: #368ac0;
      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 #368ac0; }
    .hyperlink.back:focus:not(.hide-focus) span, .hyperlink.directional:focus:not(.hide-focus) span {
      outline: 1px solid #368ac0;
      outline-offset: 3px; }
  .hyperlink.directional .icon {
    left: -5px;
    margin-right: -7px;
    top: -1px; }

	#doclinks a, #feedbacklink a {
		text-decoration:none;
		height:18px;
	}
	#doclinks a:hover, #feedbacklink a:hover {
		text-decoration-line:underline;
		border-bottom: 0px solid white;
	}	
	#doclinks a:hover:after, #feedbacklink 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;
	}
.link-list {
  margin-bottom: 40px; }
  .link-list li {
    line-height: 25px; }
    .link-list li svg {
      fill: #368ac0;
      height: 16px;
      left: 0;
      margin-right: 2px;
      top: 4px;
      width: 16px; }
    .link-list li a span {
      border: 1px solid transparent;
      position: relative;
      text-transform: capitalize;
      top: 2px; }
    .link-list li a:hover:not([disabled]) {
      border-bottom-color: transparent; }
      .link-list li a:hover:not([disabled]) span {
        border-bottom-color: #368ac0; }
  .link-list div {
    margin-bottom: 10px;
    padding-bottom: 5px; }
    .link-list div:last-child {
      border: 0; }
  .link-list.no-border div {
    border-bottom: 0; }
  .link-list .timestamp {
    color: #999999;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 0;
    position: static;
    text-transform: uppercase; }

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; }

/* FIELD CSS 2 */
.field .checkbox-label,
.field .checkbox > label {
  font-size: 14px;
  font-size: 1.4rem;
  color: #1a1a1a;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 3px; }

.field > input,
.field > textarea {
  margin-bottom: 20px; }

.compound-field > .field,
.compound-field > .field-short {
  clear: both;
  display: inline-block;
  margin-right: 15px;
  vertical-align: top; }

.compound-field > .field-short {
  margin-right: 10px; }

.attach-up {
  margin-top: -10px; }

.field {
  position: relative; }
  .field textarea + .btn-actions {
    margin-left: 4px;
    position: absolute;
    top: calc(50% - 14px); }
  .field .btn-actions {
    border-radius: 50%;
    height: 30px;
    min-height: 30px;
    min-width: 30px;
    position: relative;
    top: 0;
    width: 30px; }
    .field .btn-actions .icon {
      height: 16px;
      margin-left: 0;
      width: 16px; }
  .field > .textarea-wordcount {
    color: #5c5c5c;
    margin-bottom: 14px; }
  .field.l-pull-left {
    margin-right: 20px; }
  .field.percent::before, .field.percent::after, .field.currency::before, .field.currency::after {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    position: absolute;
    top: 27px; }
  .field.currency::before {
    content: attr(data-currency-symbol);
    left: 10px; }
  .field.percent::before {
    content: attr(data-currency-symbol);
    left: 10px; }

/* 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;
  display: none;
  max-width: 100%;
  padding: 4px 10px;
  resize: none;
  text-align: left;
  width: 100px;
  height:40px;  }
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 #368ac0;
  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;
}
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-wordcount {
  font-size: 10px;
  font-size: 1rem;
  line-height: 32px;
  line-height: 2rem;
  display: block;
  margin-top: -20px;
  min-height: auto;
  text-transform: uppercase;
  width: 362px; }
  .textarea-wordcount .focus {
    color: #1a1a1a; }
  .textarea-wordcount.almost-empty {
    color: #e84f4f; }

textarea[readonly] + .textarea-wordcount,
textarea[disabled] + .textarea-wordcount {
  display: none; }

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

@media print {
  textarea,
  .textarea-wordcount {
    display: none !important; }
  .textarea-print {
    display: inline-block !important;
    height: auto;
    width: 362px; } }

.inline.inline-busy .label-text {
  margin-bottom: 5px; }

.inline.inline-colorpicker .label-text {
  margin-bottom: 5px; }

.inline.inline-datepicker .label-text {
  margin-bottom: 5px; }

.inline.inline-switch .label-text {
  margin-bottom: 5px; }

.inline.inline-lookup .label-text {
  margin-bottom: 5px; }

.inline.inline-searchfield .label-text {
  margin-bottom: 5px; }

.inline.inline-timepicker .label-text {
  margin-bottom: 5px; }

.inline input:not(.busy):not(.colorpicker):not(.datepicker):not(.switch):not(.lookup):not(.searchfield):not(.searchfieldHS):not(.timepicker),
.inline textarea:not(.busy):not(.colorpicker):not(.datepicker):not(.switch):not(.lookup):not(.searchfield):not(.searchfieldHS):not(.timepicker) {
  margin: 5px 0 12px; }

.inline .label-text {
  display: block; }

label.required:not(.inline)::after,
.label.required:not(.inline)::after {
  font-size: 18px;
  font-size: 1.8rem;
  color: #e84f4f;
  content: '*';
  display: inline-block;
  left: 3px;
  line-height: 0;
  position: relative;
  top: 2px; }

label.required .label-text::after,
.label.required .label-text::after {
  font-size: 18px;
  font-size: 1.8rem;
  color: #e84f4f;
  content: '*';
  display: inline-block;
  left: 3px;
  line-height: 0;
  position: relative;
  top: 2px; }

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

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

:-ms-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  color: #999999;
  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: #368ac0;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff; }

::-moz-selection {
  background: #368ac0;
  color: #ffffff; }

.is-number-mask {
  text-align: right; }

  /* FIELD CSS 2 */
.field-short {
  position: relative; }
  .field-short input {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 10px;
    padding: 5px;
    resize: none;
    text-align: left;
    width: 150px; }
  .field-short label {
    display: inline-block;
    padding-right: 5px;
    padding-top: 5px;
    text-align: right;
    vertical-align: top;
    width: 150px; }
  .field-short .icon-error,
  .field-short .icon-confirm {
    height: 14px;
    margin-left: -27px;
    margin-top: 6px;
    top: auto;
    width: 18px; }
  .field-short .error-message .message-text {
    left: 150px;
    margin-top: 3px;
    position: relative; }
  .field-short .error-message .icon {
    left: 155px;
    top: 8px; }

.input-lg,
.field-short .input-lg {
  width: 400px; }

.input-md,
.field-short .input-md {
  width: 300px; }

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

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

.input-full {
  width: 100%; }

.field-info {
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
  line-height: 1.2rem;
  position: relative;
  margin-top: -8px;
  max-width: 300px;
  min-height: 35px; }
  .field-info .icon {
    position: absolute;
    height: 15px;
    left: 0;
    top: 0;
    width: 15px; }
  .field-info .message-text {
    font-size: inherit;
    line-height: 14px;
    margin-bottom: 16px;
    margin-top: -2px;
    max-width: 267px;
    padding-left: 20px; }

/* ERROR CSS 2 */
.error-message {
  font-size: 12px;
  font-size: 1.2rem;
  color: #e84f4f;
  display: block;
  line-height: 1.2rem;
  margin-top: -15px;
  max-width: 300px;
  position: relative; }
  .error-message .icon {
    height: 14px;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 14px; }
  .error-message .message-text {
    font-size: inherit;
    line-height: 15px;
    margin-bottom: 15px;
    margin-top: 1px;
    max-width: 280px;
    padding-left: 19px; }
  .error-message + .error-message {
    margin-top: -10px; }

.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; }

@media (max-width: 766px) {
  .has-actions {
    width: calc(100% - 40px); } }

/* RTL CSS 2 */
html[dir='rtl'] .field .checkbox-label,
html[dir='rtl'] .field .checkbox > label {
  margin-left: inherit;
  margin-right: -5px; }

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

html[dir='rtl'] label.required::after,
html[dir='rtl'] .label.required::after {
  left: auto;
  right: 3px; }

html[dir='rtl'] .is-number-mask {
  text-align: left; }

html[dir='rtl'] [data-mask-mode="number"].spinbox {
  text-align: center; }

html[dir='rtl'] .field-short .icon-error,
html[dir='rtl'] .field-short .icon-confirm {
  height: 14px;
  margin-left: inherit;
  margin-right: -22px;
  margin-top: 6px;
  top: auto;
  width: 18px; }

 /* ROW CSS Hiding, interferes with oxygen .row settings */
/*.row {
  clear: both;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%; }
  .row:last-child {
    margin-bottom: 30px; }
  .row.top-padding {
    padding-top: 30px; }

.row::after {
  clear: both;
  content: '';
  display: table; }

.homepage .row {
  clear: none; }*/

.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; }

/* MEDIA SETTINGS MIN 767 */
@media (min-width: 767px) {
  .row {
	  /* mludwig, changing from 20px */
    padding-right: 2px; }
	
	/* mludwig, deleting column, one-column, two-column, etc. from here */
} 

/* RTL CSS 3 */
html[dir='rtl'] .column,
html[dir='rtl'] .columns {
  float: right; }
  html[dir='rtl'] .column.l-center .field label,
  html[dir='rtl'] .columns.l-center .field label {
    text-align: right; }

@media (min-width: 767px) {
  html[dir='rtl'] .row {
    padding-left: 20px;
    padding-right: inherit; }
  html[dir='rtl'] .one.column,
  html[dir='rtl'] .one.columns,
  html[dir='rtl'] .two.columns,
  html[dir='rtl'] .three.columns,
  html[dir='rtl'] .four.columns,
  html[dir='rtl'] .five.columns,
  html[dir='rtl'] .six.columns,
  html[dir='rtl'] .seven.columns,
  html[dir='rtl'] .eight.columns,
  html[dir='rtl'] .nine.columns,
  html[dir='rtl'] .ten.columns,
  html[dir='rtl'] .eleven.columns,
  html[dir='rtl'] .twelve.columns,
  html[dir='rtl'] .full.column,
  html[dir='rtl'] .one-third.column,
  html[dir='rtl'] .two-thirds.column,
  html[dir='rtl'] .one-half.column {
    margin-left: inherit;
    margin-right: 20px; } }

/* CHECKBOX CSS */
input.checkbox,
span.checkbox > input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 16px; }

label.inline .checkbox ~ .label-text,
input.checkbox + label,
input.checkbox + input[type="hidden"] + label,
span.checkbox > label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline-block;
  padding-left: 28px;
  position: relative; }

label.inline .checkbox ~ .label-text::before,
input.checkbox + label::before,
input.checkbox + input[type="hidden"] + label::before,
span.checkbox > label::before {
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 2px;
  content: '';
  height: 14px;
  margin-left: -25px;
  position: absolute;
  width: 14px; }

label.inline .checkbox:checked ~ .label-text::before,
input.checkbox:checked + label::before,
input.checkbox:checked + input[type="hidden"] + label::before,
span.checkbox > input:checked + label::before {
  background-color: #368ac0;
  border-color: #368ac0; }

label.inline .checkbox:checked ~ .label-text::after,
input.checkbox:checked + label::after,
input.checkbox:checked + input[type="hidden"] + label::after,
span.checkbox > input:checked + label::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; }

input.checkbox:checked + input[type="hidden"] + label::after,
span.checkbox > input:checked + label::after {
  left: 8px;
  margin-top: -8px; }

span.checkbox > input:checked + label::after {
  left: 8px;
  margin-top: -8px; }

span.checkbox > input + label {
  line-height: 20px; }

.ie9 input.checkbox:checked + label::after,
.ie9 input.checkbox:checked + input[type="hidden"] + label::after,
.ie9 span.checkbox > input:checked + label::after {
  left: 8px;
  margin-top: -8px; }

label.inline .checkbox.partial:checked ~ .label-text::after,
input.checkbox.partial:checked + label::after,
input.checkbox.partial:checked + input[type="hidden"] + label::after,
span.checkbox.partial > input:checked + label::after {
  border-width: 0 0 2px;
  margin-left: 1px;
  top: -3px;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  width: 10px; }

.ie9 input.checkbox.partial:checked + label::after,
.ie9 input.checkbox.partial:checked + input[type="hidden"] + label::after,
.ie9 span.checkbox.partial > input:checked + label::after {
  left: 5px;
  margin-top: 0; }

label.inline .checkbox:disabled ~ .label-text,
input.checkbox:disabled + label,
input.checkbox:disabled + input[type="hidden"] + label,
span.checkbox > input:disabled + label {
  color: #999999;
  cursor: default; }

label.inline .checkbox:disabled:not(:checked) ~ .label-text::before,
input.checkbox:disabled:not(:checked) + label::before,
input.checkbox:disabled:not(:checked) + input[type="hidden"] + label::before,
span.checkbox > input:disabled:not(:checked) + label::before {
  background-color: transparent;
  border-color: #bdbdbd; }

label.inline .checkbox:disabled:checked ~ .label-text::before,
input.checkbox:disabled:checked + label::before,
input.checkbox:disabled:checked + input[type="hidden"] + label::before,
span.checkbox > input:disabled:checked + label::before {
  background-color: #bdbdbd;
  border-color: #bdbdbd; }

label.inline .checkbox:disabled:checked ~ .label-text::after,
input.checkbox:disabled:checked + label::after,
input.checkbox:disabled:checked + input[type="hidden"] + label::after,
span.checkbox > input:disabled:checked + label::after {
  border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent; }

label.inline .checkbox:focus ~ .label-text::before,
input.checkbox:focus + label::before,
input.checkbox:focus + input[type="hidden"] + label::before,
span.checkbox > input:focus + label::before {
  box-shadow: 0 0 0 1px #f0f0f0, 0 0 0 2px #368ac0; }

label.inline .checkbox:not(:checked):not(:disabled):hover ~ .label-text::before,
input.checkbox:not(:checked):not(:disabled):hover + label::before,
input.checkbox:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
span.checkbox > input:not(:checked):not(:disabled):hover + label::before {
  -webkit-transition: border-color 300ms ease;
  -moz-transition: border-color 300ms ease;
  -o-transition: border-color 300ms ease;
  -ms-transition: border-color 300ms ease;
  transition: border-color 300ms ease;
  border-color: #383838; }

label.inline .checkbox ~ .label-text,
.checkbox-label {
  display: inline-block;
  line-height: 17px; }

@-webkit-keyframes check {
  0% {
    height: 0;
    width: 0; }
  50% {
    height: 0;
    width: 4px; }
  100% {
    height: 10px;
    width: 4px; } }

@-moz-keyframes check {
  0% {
    height: 0;
    width: 0; }
  50% {
    height: 0;
    width: 4px; }
  100% {
    height: 10px;
    width: 4px; } }

@keyframes check {
  0% {
    height: 0;
    width: 0; }
  50% {
    height: 0;
    width: 4px; }
  100% {
    height: 10px;
    width: 4px; } }

label.inline .checkbox ~ .label-text::after,
.checkbox + label::after {
  -webkit-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -o-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0; }

label.inline .checkbox:not(.partial):checked ~ .label-text::after,
.checkbox:not(.partial):checked + label::after {
  -webkit-animation: check 0.15s;
  -moz-animation: check 0.15s;
  -o-animation: check 0.15s;
  -ms-animation: check 0.15s;
  animation: check 0.15s; }

.checkbox-group-label {
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
  margin-bottom: 9px; }

@media print {
  label.inline .checkbox ~ .label-text,
  .checkbox + label::before {
    content: none; }
  input.checkbox,
  span.checkbox > input {
    left: unset;
    position: unset;
    width: unset; }
  label.inline .checkbox ~ .label-text,
  input.checkbox + label,
  input.checkbox + input[type="hidden"] + label,
  span.checkbox > label {
    padding-left: 8px; }
  label.inline .checkbox ~ .label-text::before,
  input.checkbox + label::before,
  input.checkbox + input[type="hidden"] + label::before,
  span.checkbox > label::before {
    content: none;
    margin-left: 0; } }

label.inline:not(.checkbox-label) .checkbox ~ .label-text {
  margin: 0 auto 5px -5px; }

html[dir='rtl'] label.inline .checkbox:checked ~ .label-text::after,
html[dir='rtl'] input.checkbox:checked + label::after,
html[dir='rtl'] input.checkbox:checked + input[type="hidden"] + label::after,
html[dir='rtl'] span.checkbox > input:checked + label::after {
  left: auto;
  right: 14px; }

html[dir='rtl'] label.inline .checkbox ~ .label-text,
html[dir='rtl'] input.checkbox + label,
html[dir='rtl'] input.checkbox + input[type="hidden"] + label,
html[dir='rtl'] span.checkbox > label {
  padding-left: inherit;
  padding-right: 32px; }

html[dir='rtl'] label.inline .checkbox ~ .label-text::before,
html[dir='rtl'] input.checkbox + label::before,
html[dir='rtl'] input.checkbox + input[type="hidden"] + label::before,
html[dir='rtl'] span.checkbox > label::before {
  margin-left: inherit;
  margin-right: -27px; }

html[dir='rtl'] label.inline .checkbox.partial:checked ~ .label-text::after,
html[dir='rtl'] input.checkbox.partial:checked + label::after,
html[dir='rtl'] input.checkbox.partial:checked + input[type="hidden"] + label::after,
html[dir='rtl'] span.checkbox.partial > input:checked + label::after {
  right: 8px; }

html[dir='rtl'] .dirty-checkbox {
  right: 8px; }

html[dir='rtl'] .field-short .dirty-checkbox {
  right: 12px; }

.field-short input.checkbox {
  padding: 0; }

.field-short label.inline .checkbox ~ .label-text,
.field-short .checkbox-label,
.field-short input.checkbox + label,
.field-short input.checkbox + input[type="hidden"] + label,
.field-short span.checkbox > label {
  margin-left: -5px;
  padding-top: 0;
  width: auto; }

.field-short .icon-dirty.dirty-checkbox {
  left: auto; }

 /* RADIO CSS */
 /* mludwig, .radio styles deleted here */

/* SWITCH CSS */
/* mludwig, .switch styles deleted here */

/* TAB CSS */
/* mludwig, .tab-container, .tab-list, .tab styles deleted here */

.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 #368ac0;
  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: #368ac0; }
      .dropdown-list li.is-focused a {
        color: #ffffff; }
      .dropdown-list li.is-focused::before {
        background-color: #368ac0;
        border-color: #368ac0;
        border-color: #ffffff; }
      .dropdown-list li.is-focused.is-selected {
        background-color: #368ac0; }
        .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: #368ac0; }
  .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.search-mode li i {
    color: #1a1a1a;
    font-weight: bold;
    letter-spacing: -.2; }
  .dropdown-list.search-mode li.is-disabled a {
    color: #999999; }
  .dropdown-list.search-mode li.is-focused i {
    color: #ffffff; }
  .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; }

@media (max-width: 610px) {
  .dropdown-list {
    height: calc(100% - 20px);
    max-height: none;
    width: calc(100% - 20px); }
    .dropdown-list ul {
      height: 100%;
      max-height: calc(100% - 34px); } }

/* 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;
  -webkit-filter: blur(0.000001px);
  filter: blur(0.000001px);
  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.help {

  }
  .helpiframe {
	width:800px;
	height:600px;
  }
  .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 .textarea-wordcount {
    margin-bottom: 10px;
    margin-top: -9px;
    width: auto; }
  .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: 1000; }

.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 #368ac0;
      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: #368ac0; }
  .modal-buttonset .btn-modal-primary {
    color: #368ac0; }
    .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; }

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);
	/*mludwig, reducing font size*/
    font-size: 12px;
    border: 1px solid transparent;
    color: #1a1a1a;
    display: block;
	/*mludwig, reducing line size, add m-t*/
    line-height: 20px;
	margin-top: 2px;
    padding: 0 30px 0 10px;
    position: relative;
    text-decoration: none;
    /*white-space: nowrap;*/ }
    .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; }

.popup-footer {
  border-top: 1px solid #bdbdbd;
  height: 50px;
  margin-top: 10px; }
  .popup-footer button {
    -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;
    font-size: 12px;
    font-size: 1.2rem;
    border: 1px solid transparent;
    border-left: 1px solid #bdbdbd;
    border-radius: 0;
    color: #5c5c5c;
    float: left;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 50%; }
    .popup-footer button:hover {
      color: #383838; }
    .popup-footer button:nth-child(1) {
      border-left: 1px solid transparent; }
    .popup-footer button.btn-primary {
      background-color: #ffffff;
      color: #368ac0; }
      .popup-footer button.btn-primary:hover {
        border: 1px solid transparent;
        border-left: 1px solid #bdbdbd; }

.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'] .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.bottom {
      top: 50%;
   }*/
   .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;
    /*top: -6px; */}
  .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; }

/* MASTHEAD CSS */
/* mludwig, .masthead styles deleted here */

 /* TREE CSS */
 /* mludwig, tree styles deleted here */


/*  RATING CSS */
/* mludwig, .rating styles deleted here */

  /* LISTVIEW CSS deleted here, mludwig */


  /* SWAPLIST CSS */
  /* mludwig, .swaplist styles deleted here */


  /* TAG BADGE CSS */
  /* mludwig, .tag, .badge styles deleted here */


/* PAGER CSS */  
/* mludwig, .pager styles deleted here */


/* DATAGRID CSS */	
/* mludwig, .datagrid styles deleted here */


 /* 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, next 2 (but first 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: 20px;
    font-size: 2rem;
    -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: calc(100% - 60px); }
  .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 .toolbar {
	height: 54px;}
    .header .toolbar .title {
      color: #ffffff;
      text-overflow: ellipsis; 
	  /*mludwig*/
	  width: 15%;
	  min-width:210px;
	  max-width:230px;
	  margin-top: 0px;
	  height:24px;
	  padding-top:3px;
	  vertical-align:middle;
	  }
      .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"],
.subheader .toolbar [class^="btn"] {
  background-color: transparent;
  /* mludwig, applies to back/forward btn */
  border: 0px solid transparent;
  color: rgba(255, 255, 255, 0.7); }
 .header .toolbar [class^="btn"]:focus {
	border: 2px solid #368ac0;
 } 
  
  .header .toolbar [class^="btn"] .icon,
  .subheader .toolbar [class^="btn"] .icon {
    fill: rgba(255, 255, 255, 0.7);}
  .header .toolbar [class^="btn"].is-open .icon,
  .subheader .toolbar [class^="btn"].is-open .icon {
    fill: white !important; }
  .header .toolbar [class^="btn"] .audible,
  .subheader .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);
	}
	.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]), .header .toolbar [class^="btn"]:active:not([disabled]), .header .toolbar [class^="btn"][aria-expanded="true"],
  .subheader .toolbar [class^="btn"]:hover:not([disabled]),
  .subheader .toolbar [class^="btn"]:active:not([disabled]),
  .subheader .toolbar [class^="btn"][aria-expanded="true"] {
    color: white; }
    .header .toolbar [class^="btn"]:hover:not([disabled]) .icon, .header .toolbar [class^="btn"]:active:not([disabled]) .icon, .header .toolbar [class^="btn"][aria-expanded="true"] .icon,
    .subheader .toolbar [class^="btn"]:hover:not([disabled]) .icon,
    .subheader .toolbar [class^="btn"]:active:not([disabled]) .icon,
    .subheader .toolbar [class^="btn"][aria-expanded="true"] .icon {
      fill: white; }
  .header .toolbar [class^="btn"]:focus,
  .subheader .toolbar [class^="btn"]:focus {
    color: white; }
    .header .toolbar [class^="btn"]:focus .icon,
    .subheader .toolbar [class^="btn"]:focus .icon {
      fill: white; }
  .header .toolbar [class^="btn"]:focus:not(.hide-focus),
  .subheader .toolbar [class^="btn"]:focus:not(.hide-focus) {
    border: 2px solid #368ac0;
    box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent;
    color: white; }
    .header .toolbar [class^="btn"]:focus:not(.hide-focus) .icon,
    .subheader .toolbar [class^="btn"]:focus:not(.hide-focus) .icon {
      fill: white; }
  .header .toolbar [class^="btn"].is-selected:focus:not(.hide-focus),
  .subheader .toolbar [class^="btn"].is-selected:focus:not(.hide-focus) {
    color: white; }
    .header .toolbar [class^="btn"].is-selected:focus:not(.hide-focus) .icon,
    .subheader .toolbar [class^="btn"].is-selected:focus:not(.hide-focus) .icon {
      fill: white; }
  .header .toolbar [class^="btn"][disabled],
  .subheader .toolbar [class^="btn"][disabled] {
    color: rgba(255, 255, 255, 0.3) !important; }
    .header .toolbar [class^="btn"][disabled] .icon,
    .subheader .toolbar [class^="btn"][disabled] .icon {
      fill: rgba(255, 255, 255, 0.3) !important; }
    .header .toolbar [class^="btn"][disabled]:hover,
    .subheader .toolbar [class^="btn"][disabled]:hover {
      background-color: transparent;
      border-color: transparent; }
  .header .toolbar [class^="btn"] .ripple-effect,
  .subheader .toolbar [class^="btn"] .ripple-effect {
	  /* mludwig, changing to match header toolbar bckgrnd */
    background-color: #656871; }

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

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

.header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary),
.subheader .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) {
  color: rgba(255, 255, 255, 0.7); }
  .header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .icon,
  .subheader .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .icon {
    fill: rgba(255, 255, 255, 0.7); }
  .header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus),
  .subheader .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,
  .subheader .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,
.subheader .breadcrumb {
  display: block;
  padding: 1px 20px 0; }
  .header .breadcrumb ol,
  .subheader .breadcrumb ol {
    padding: 0; }
  .header .breadcrumb .hyperlink,
  .subheader .breadcrumb .hyperlink {
    color: #ffffff; }
    .header .breadcrumb .hyperlink:active:not([disabled]), .header .breadcrumb .hyperlink:hover:not([disabled]), .header .breadcrumb .hyperlink:focus:not([disabled]),
    .subheader .breadcrumb .hyperlink:active:not([disabled]),
    .subheader .breadcrumb .hyperlink:hover:not([disabled]),
    .subheader .breadcrumb .hyperlink:focus:not([disabled]) {
      color: #ffffff; }
    .header .breadcrumb .hyperlink:focus:not([disabled]):not(.hide-focus),
    .subheader .breadcrumb .hyperlink:focus:not([disabled]):not(.hide-focus) {
      outline: 1px solid #ffffff; }
    .header .breadcrumb .hyperlink:hover:not([disabled]),
    .subheader .breadcrumb .hyperlink:hover:not([disabled]) {
      border-bottom: 1px solid #ffffff; }
  .header .breadcrumb li,
  .subheader .breadcrumb li {
    color: #ffffff; }
    .header .breadcrumb li::after,
    .subheader .breadcrumb li::after {
      color: #ffffff; }
  .header .breadcrumb.alternate,
  .subheader .breadcrumb.alternate {
    background-color: #ffffff;
    border-bottom: 1px solid #383838; }
    .header .breadcrumb.alternate:hidden,
    .subheader .breadcrumb.alternate:hidden {
      border-bottom: 0; }
    .header .breadcrumb.alternate ol,
    .subheader .breadcrumb.alternate ol {
      padding: 15px 0; }
    .header .breadcrumb.alternate .hyperlink,
    .subheader .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]),
      .subheader .breadcrumb.alternate .hyperlink:active:not([disabled]),
      .subheader .breadcrumb.alternate .hyperlink:hover:not([disabled]),
      .subheader .breadcrumb.alternate .hyperlink:focus:not([disabled]) {
        color: #383838; }
      .header .breadcrumb.alternate .hyperlink:focus:not([disabled]):not(.hide-focus),
      .subheader .breadcrumb.alternate .hyperlink:focus:not([disabled]):not(.hide-focus) {
        outline: 1px solid #383838; }
      .header .breadcrumb.alternate .hyperlink:hover:not([disabled]),
      .subheader .breadcrumb.alternate .hyperlink:hover:not([disabled]) {
        border-bottom: 1px solid #383838; }
    .header .breadcrumb.alternate li,
    .subheader .breadcrumb.alternate li {
      color: #383838; }
      .header .breadcrumb.alternate li::after,
      .subheader .breadcrumb.alternate li::after {
        color: #383838; }

.header .toolbar [class^="btn"] .app-header.icon > span,
.header .toolbar [class^="btn"] .app-drawer.icon > span,
.subheader .toolbar [class^="btn"] .app-header.icon > span,
.subheader .toolbar [class^="btn"] .app-drawer.icon > span,
.masthead .toolbar [class^="btn"] .app-header.icon > span,
.masthead .toolbar [class^="btn"] .app-drawer.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,
.subheader .toolbar [class^="btn"]:hover:not([disabled]) .app-drawer.icon > span,
.subheader .toolbar [class^="btn"]:hover:not([disabled]) .app-header.icon > span,
.subheader .toolbar [class^="btn"]:active:not([disabled]) .app-drawer.icon > span,
.subheader .toolbar [class^="btn"]:active:not([disabled]) .app-header.icon > span,
.masthead .toolbar [class^="btn"]:hover:not([disabled]) .app-drawer.icon > span,
.masthead .toolbar [class^="btn"]:hover:not([disabled]) .app-header.icon > span,
.masthead .toolbar [class^="btn"]:active:not([disabled]) .app-drawer.icon > span,
.masthead .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,
.subheader .toolbar [class^="btn"]:focus .app-drawer.icon > span,
.subheader .toolbar [class^="btn"]:focus .app-header.icon > span,
.masthead .toolbar [class^="btn"]:focus .app-drawer.icon > span,
.masthead .toolbar [class^="btn"]:focus .app-header.icon > span {
  background-color: white; }

  /* MEDIA FOR HEADER CSS */
@media (max-width: 766px) {
  .header h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .header .toolbar.has-more-button .title {
    width: calc(60%); }
    .header .toolbar.has-more-button .title + .buttonset {
      width: calc(40% - 39px); } }

@media (max-width: 609px) {
  .header .toolbar.has-more-button .title {
    width: calc(70%); }
    .header .toolbar.has-more-button .title + .buttonset {
      width: calc(30% - 39px); } }

html[dir='rtl'] .header .toolbar {
  padding-left: 10px;
  padding-right: 10px; }

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,
html[dir='rtl'] .formatter-toolbar.has-more-button .buttonset > *:last-child {
  margin-left: 5px;
  margin-right: 0; }

@media print {
  body {
    background-color: transparent;
    width: 100%; }
  header.header,
  .masthead {
    background-color: transparent !important; }
  header.header .title {
    color: #454545 !important; }
  svg {
    fill: #454545 !important; } }

	/* SPINBOX CSS */
	/* mludwig, .spinbox styles deleted here */


  /* 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; }

.arrange-placeholder {
  border: 1px dashed #999999 !important; }

  /* COLORPICKER CSS */
  /* mludwig, .colorpicker styles deleted here */

 /* TIMEPICKER CSS */ 
 /* mludwig, .timepicker styles deleted here */

/* BUSY-INDICATOR CSS */
.busy-indicator-container {
  display: inline-block;
  opacity: 1;
  filter: alpha(opacity=100);
  text-align: center;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  transition: opacity 500ms;
  vertical-align: middle;
  z-index: 1010; }
  .busy-indicator-container.is-hidden {
    opacity: 0;
    filter: alpha(opacity=0); }
  .busy-indicator-container.blocked-ui {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: calc(50% - 58px); }
  .busy-indicator-container span {
    color: #368ac0;
    font-size: 16px;
    font-size: 1.6rem;
    display: block; }

.busy-indicator {
  display: inline-block;
  height: 6.2em;
  margin: .8em;
  opacity: 1;
  filter: alpha(opacity=100);
  position: relative;
  vertical-align: middle;
  width: 6.2em; }
  .busy-indicator.is-hidden {
    opacity: 0;
    filter: alpha(opacity=0); }
  .busy-indicator .bar {
    background-color: #368ac0;
    display: inline-block;
    height: 5em;
    margin-right: .5em;
    width: .6em; }
    .busy-indicator .bar:last-child {
      margin-right: 0; }
  .busy-indicator:not(.is-hidden) > .bar {
    -webkit-animation: stretchdelay 1s infinite ease-in-out;
    -moz-animation: stretchdelay 1s infinite ease-in-out;
    -o-animation: stretchdelay 1s infinite ease-in-out;
    -ms-animation: stretchdelay 1s infinite ease-in-out;
    animation: stretchdelay 1s infinite ease-in-out; }
    .busy-indicator:not(.is-hidden) > .bar.one {
      -webkit-animation-delay: -0.5s;
      -moz-animation-delay: -0.5s;
      -o-animation-delay: -0.5s;
      -ms-animation-delay: -0.5s;
      animation-delay: -0.5s; }
    .busy-indicator:not(.is-hidden) > .bar.two {
      -webkit-animation-delay: -0.4s;
      -moz-animation-delay: -0.4s;
      -o-animation-delay: -0.4s;
      -ms-animation-delay: -0.4s;
      animation-delay: -0.4s; }
    .busy-indicator:not(.is-hidden) > .bar.three {
      -webkit-animation-delay: -0.3s;
      -moz-animation-delay: -0.3s;
      -o-animation-delay: -0.3s;
      -ms-animation-delay: -0.3s;
      animation-delay: -0.3s; }
    .busy-indicator:not(.is-hidden) > .bar.four {
      -webkit-animation-delay: -0.2s;
      -moz-animation-delay: -0.2s;
      -o-animation-delay: -0.2s;
      -ms-animation-delay: -0.2s;
      animation-delay: -0.2s; }
    .busy-indicator:not(.is-hidden) > .bar.five {
      -webkit-animation-delay: -0.1s;
      -moz-animation-delay: -0.1s;
      -o-animation-delay: -0.1s;
      -ms-animation-delay: -0.1s;
      animation-delay: -0.1s; }

.busy.overlay {
  background-color: #f0f0f0;
  opacity: 0.75;
  filter: alpha(opacity=75);
  position: absolute;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  transition: opacity 500ms;
  visibility: visible; }

@-webkit-keyframes stretchdelay {
  0%, 70%, 100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4); }
  35% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); } }

@-moz-keyframes stretchdelay {
  0%, 70%, 100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4); }
  35% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); } }

@keyframes stretchdelay {
  0%, 70%, 100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4); }
  35% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); } }

input + .busy-indicator-container,
.dropdown-wrapper > .busy-indicator-container {
  position: absolute; }
  input + .busy-indicator-container + .busy.overlay,
  .dropdown-wrapper > .busy-indicator-container + .busy.overlay {
    opacity: 0.5;
    filter: alpha(opacity=50); }
    input + .busy-indicator-container + .busy.overlay.is-hidden,
    .dropdown-wrapper > .busy-indicator-container + .busy.overlay.is-hidden {
      opacity: 0;
      filter: alpha(opacity=0); }
  input + .busy-indicator-container .busy-indicator,
  .dropdown-wrapper > .busy-indicator-container .busy-indicator {
    background-color: #f0f0f0;
    height: 28px;
    margin: .33em .3em .3em;
    position: absolute;
    right: 0;
    width: 40px; }
    input + .busy-indicator-container .busy-indicator .bar,
    .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar {
      height: 2.8em;
      margin-right: .3em;
      width: .3em; }
      input + .busy-indicator-container .busy-indicator .bar:last-child,
      .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar:last-child {
        margin-right: 0; }

.inline + .busy-indicator-container .busy-indicator,
.inline .dropdown-wrapper > .busy-indicator-container .busy-indicator {
  background-color: #f0f0f0;
  height: 28px;
  margin: .33em .3em .3em;
  position: absolute;
  right: 0;
  width: 40px; }
  .inline + .busy-indicator-container .busy-indicator .bar,
  .inline .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar {
    height: 2.8em;
    margin-right: .3em;
    width: .3em; }
    .inline + .busy-indicator-container .busy-indicator .bar:last-child,
    .inline .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar:last-child {
      margin-right: 0; }

.ie9 .busy-indicator .bar {
  -ms-transform: scaleY(0.4);
  -ms-transform-origin: 50% 50%; }
  .ie9 .busy-indicator .bar.half {
    -ms-transform: scaleY(0.7); }
  .ie9 .busy-indicator .bar.full {
    -ms-transform: scaleY(1); }

.busy-xs {
  min-height: 20px;
  min-width: 20px; }
  .busy-xs .busy-indicator-container.blocked-ui {
    top: calc(50% - 8px); }
  .busy-xs .busy-indicator {
    height: inherit;
    margin: 2px;
    width: inherit; }
    .busy-xs .busy-indicator .bar {
      height: 1.2em;
      margin-right: .1em;
      width: .2em; }
      .busy-xs .busy-indicator .bar:last-child {
        margin-right: 0; }

.busy-sm {
  min-height: 40px;
  min-width: 40px; }
  .busy-sm .busy-indicator-container.blocked-ui {
    top: calc(50% - 18px); }
  .busy-sm .busy-indicator {
    height: inherit;
    margin: 4px;
    width: inherit; }
    .busy-sm .busy-indicator .bar {
      height: 2.8em;
      margin-right: .3em;
      width: .3em; }
      .busy-sm .busy-indicator .bar:last-child {
        margin-right: 0; }

html[dir='rtl'] .busy-indicator .bar {
  margin-left: .5em;
  margin-right: 0; }
  html[dir='rtl'] .busy-indicator .bar:last-child {
    margin-left: 0; }

html[dir='rtl'] input + .busy-indicator-container .busy-indicator,
html[dir='rtl'] .dropdown-wrapper > .busy-indicator-container .busy-indicator {
  left: 0;
  right: auto; }
  html[dir='rtl'] input + .busy-indicator-container .busy-indicator .bar,
  html[dir='rtl'] .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar {
    margin-left: .3em;
    margin-right: 0; }
    html[dir='rtl'] input + .busy-indicator-container .busy-indicator .bar:last-child,
    html[dir='rtl'] .dropdown-wrapper > .busy-indicator-container .busy-indicator .bar:last-child {
      margin-left: 0; }

html[dir='rtl'] .busy-xs .busy-indicator .bar {
  margin-left: .1em;
  margin-right: 0; }
  html[dir='rtl'] .busy-xs .busy-indicator .bar:last-child {
    margin-left: 0; }

html[dir='rtl'] .busy-sm .busy-indicator .bar {
  margin-left: .3em;
  margin-right: 0; }
  html[dir='rtl'] .busy-sm .busy-indicator .bar:last-child {
    margin-left: 0; }

	/* 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; } }
	
/* mludwig, .more toast styles deleted here */

  /* CHART CSS */
  /* mludwig, .chart styles deleted here */

 /* SEARCHFIELD CSS */ 
.searchfield-wrapper {
  display: inline-block;
  margin-bottom: 20px;
  position: relative; }
  .searchfield-wrapper > .icon {
	/* mludwig, changing to white */
    fill: #ffffff;
	cursor: pointer;
	/* changing from  14 */
    height: 18px;
	/*mludwig, changed from absolute */
    position: relative;
	/*float:right;*/
    top: 2px; }
    .searchfield-wrapper > .icon:not(.close):not(.icon-error) {
		/* mludwig, changing from 8 */
      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;
	/*right: 30px;*/
	}
  .searchfield-wrapper .searchfield, .searchfield-wrapper .searchfieldHS {
    padding-left: 1px;
	padding-right: 25px;
	background-color: rgba(49, 50, 54, 0.5);}
    .searchfield-wrapper .searchfield.empty + .icon + .icon.close, .searchfield-wrapper .searchfieldHS.empty + .icon + .icon.close {
      display: none; }
    html:not([dir="rtl"]) .searchfield-wrapper .icon.close:not(.is-empty) {
      /* mludwig, using close icon  */
	  display: inline-block;
      right: 31px;
	  top:6px;}
	html[dir="rtl"] .searchfield-wrapper .icon.close:not(.is-empty) {
      /* mludwig, using close icon  */
	  display: inline-block;
      left: 51px;
	  top:8px;}  
	.searchfield-wrapper .icon.close.is-empty  {
		display: none;
	}
  .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: #368ac0; }
    .searchfield-wrapper.has-focus .btn:focus, .searchfield-wrapper.has-focus .btn:active {
      color: #368ac0; }
      .searchfield-wrapper.has-focus .btn:focus .icon, .searchfield-wrapper.has-focus .btn:active .icon {
        fill: #368ac0; }
  .searchfield-wrapper.has-focus .searchfield, .searchfield-wrapper.has-focus .searchfieldHS {
    border-color: #368ac0; }
  .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: #368ac0; }
  .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: #368ac0; }
      .searchfield-wrapper .btn.is-open .icon {
        fill: #368ac0; }
  .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; }

@media (max-width: 610px) {
  .toolbar .searchfield, .toolbar .searchfieldHS {
    text-overflow: clip; }
    .toolbar .searchfield::-webkit-input-placeholder, .page-container .searchfieldHS::-webkit-input-placeholder {
      color: transparent !important; }
    .toolbar .searchfield::-moz-placeholder, .page-container .searchfieldHS::-moz-placeholder {
      color: transparent !important; }
    .toolbar .searchfield:-ms-input-placeholder, .page-container .searchfieldHS:-ms-input-placeholder {
      color: transparent !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,
.formatter-toolbar {
  /* mludwig, hiding next one, no idea what it is */
  /*@included no-select();*/
  font-size:10px;
  /*line-height:10px;*/
  overflow-x: hidden;
  overflow-y: visible;
  padding: 0 2px;
  position: relative;
  -webkit-touch-callout: none; }
  .toolbar::before,
  .formatter-toolbar::before {
    content: '';
    display: inline-block;
    height: 100%;
    overflow: hidden;
    vertical-align: middle;
    visibility: hidden;
    width: 1px; }
  .toolbar > *,
  .formatter-toolbar > * {
    display: inline-block;
	/* mludwig, changing from top */
    vertical-align: middle; }
  .toolbar .buttonset,
  .formatter-toolbar .buttonset {
    height: 40px;
    overflow: hidden;
    padding-left: 0px;
	/*mludwig changing left/right padding to 0*/
	padding-right: 0px;
	margin-top: 10px;
    width: 5%; }
	/* mludwig */
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		min-width:60px;
		width:60px;
		position:absolute;
		right:5px;
		height:40px;
		line-height:10px;
		margin-top: 8px;
	}
	html[dir="rtl"] .toolbar div.buttonset.search {
		min-width:60px;
		width:60px;
		position:absolute;
		/*float:right;*/
		right: auto;
		left:5px;
		height:40px;
		line-height:10px;
		margin-top: 8px;
	}
	.page-container .buttonset.search {
		top:0px;
	}
	.toolbar .buttonset.search span, .application-menu + .page-container .buttonset.search span {
		vertical-align:bottom;
		height:36px;
		top:8px;
		width:200px;
		margin-right:0px;
	}
	html[dir='rtl'] .toolbar .buttonset.search {
		float:left
	}
	.toolbar .buttonset.backforward {
		width: 84px;
		margin-top:0px;
		vertical-align:middle;
	}
	html .toolbar .buttonset.dropdown.print, html .application-menu + .page-container .buttonset.dropdown.print  {
		display:inline-block;
		position:absolute;
		width:30px;
		min-width:30px;
		height:80px;
		margin-right:8px;
		right:12px;
		/*float:right;*/
	}
	html[dir="rtl"] .toolbar .buttonset.dropdown.print {
		display:inline-block;
		position:absolute;
		width:30px;
		right:auto;
		min-width:30px;
		height:80px;
		left:12px;
		margin-right:0px;
		margin-left:12px;
		float:left;
	}
	.toolbar .buttonset button.print {
		margin-left:0px;
		margin-right:0px;
	}
	.buttonset.print, .buttonset.copy-url, .buttonset.help {
		vertical-align:top;
	}
	html:not([dir="rtl"]) .toolbar .buttonset.print {
		width:38px;
		position:absolute;
		right:57px;
		display:inline-block;
	}
	
	html[dir="rtl"] .toolbar .buttonset.print {
		width:38px;
		position:absolute;
		left:58px;
		display:inline-block;		
	}
	
    .toolbar .buttonset > .separator,
    .formatter-toolbar .buttonset > .separator {
      background-color: #999999;
      display: inline-block;
      height: 20px;
      margin: 3px 16px 0;
      position: relative;
      top: 6px;
      width: 1px; }
    .toolbar .buttonset > *,
    .formatter-toolbar .buttonset > * {
		/* mludwig, changed from original 3, 5, 3 */
      margin: 4px 0px 0px 6px;
      vertical-align: top; }
	  .toolbar .buttonset > *:first-child {
		margin-right: 0px;
		margin-left: 7px;		  
	  }
	  .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,
      .formatter-toolbar .buttonset > *:last-child {
        margin-right: 0px;
		margin-left: 0px;}
      .toolbar .buttonset > *.is-overflowed,
      .formatter-toolbar .buttonset > *.is-overflowed {
        display: block; }
    .toolbar .buttonset > [class^="btn"],
    .formatter-toolbar .buttonset > [class^="btn"] {
      min-width: 34px; }
    .toolbar .buttonset.right-aligned,
    .formatter-toolbar .buttonset.right-aligned {
      text-align: right; }

  .toolbar .title,
  .formatter-toolbar .title {
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    white-space: normal;
    width: calc(95% - 1px);
	line-height:20px;
	}
    .toolbar .title > *,
    .formatter-toolbar .title > * {
      vertical-align: top; }
    .toolbar .title > h1,
    .formatter-toolbar .title > h1
	{
      /*text-overflow: ellipsis; 
	  white-space: nowrap;
	  overflow: hidden;*/
	  text-align: left;
      width: calc(92% - 1px);}

   .toolbar .title+ .buttonset {
	   /*mludwig*/
	   width:200px;
	   min-width:80px;
   }	  
  .toolbar .more,
  .formatter-toolbar .more {
    display: none;
    text-align: right;
    width: 38px; }
    .toolbar .more > *,
    .formatter-toolbar .more > * {
      margin-right: 1px; }
  .toolbar.has-more-button .buttonset,
  .formatter-toolbar.has-more-button .buttonset {
    width: calc(100% - 39px); }
    .toolbar.has-more-button .buttonset > *:last-child,
    .formatter-toolbar.has-more-button .buttonset > *:last-child {
      margin-right: 5px; }
  .toolbar.has-more-button .title,
  .formatter-toolbar.has-more-button .title {
    width: calc(45%); }
    .toolbar.has-more-button .title + .buttonset,
    .formatter-toolbar.has-more-button .title + .buttonset {
      width: calc(55% - 39px); }
  .toolbar.has-more-button .more,
  .formatter-toolbar.has-more-button .more {
    display: inline-block !important; }
  .toolbar.standalone,
  .formatter-toolbar.standalone {
    background-color: #d8d8d8;
    border-bottom: 1px solid #bdbdbd; }

.toolbar {
  font-size: 0;
  margin-bottom: 5px; }
  .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; }
    .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 #368ac0;
      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 #368ac0;
    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; }

  /* mludwig, deleting contextual-toolbar css */

@media (max-width: 766px) {
  .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;
	}}

/* EDITOR CSS */
/* mludwig, .editor styles deleted here */

/* TOOLBAR FORMATTER CSS 2, mludwig, deleting formatter-toolbar css */

  /* mludwig, more .editor styles deleted here */

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

.skip-link {
  font-size: 12px;
  font-size: 1.2rem;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-bottom-right-radius: 2px;
  border-top: 1px;
  color: #368ac0;
  left: 0;
  line-height: 30px;
  padding: 0 10px;
  position: absolute;
  text-decoration: none;
  top: -40px;
  transition: top 1s ease-out 0s, background 1s linear 0s;
  z-index: 100; }
  .skip-link:hover {
    color: #368ac0;
    text-decoration: underline; }

.skip-link:focus {
  left: 0;
  outline: 0 none;
  position: absolute;
  top: 0;
  transition: top .3s ease-in 0s, background .3s linear 0s; }

html[dir='rtl'] .skip-link:focus {
  left: initial;
  right: 0; }

 /* FILEUPLOAD CSS */ 
 /* mludwig, .fileupload styles deleted here */

 /* PROCESS-INDICATOR CSS */ 
.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: #368ac0; }
      .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: #368ac0;
    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); } }

/* TIMELINE CSS */
/* mludwig, .timeline styles deleted here */

/* BLOCKGRID CSS */
/* mludwig, .blockgrid styles deleted here */

/* 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: #368ac0;
    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 #368ac0;
    outline: none; }
/* mludwig, adding for close button on about modal to make visible */
.close-container > button.btn-icon .icon{
	color:#5c5c5c;
	fill:#5c5c5c;
}
/* mludwig, overriding bootstrap */
.modal-body-wrapper .modal-body {
	padding-top: 5px;
	margin-bottom:15px;
}

/* MODAL (HELP) */
.row div.close-container {
	right:18px;
	top:18px;
	width:40px;
	position:fixed;
}
.row div.printbtn-container {
	right:52px;
	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:#368ac0;
}
.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: #368ac0; }
.modal.topiclist a:hover {border-bottom: 1px dotted #333; color: #368ac0;}

/* 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-content,
      .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 .accordion-content {
    padding-left: 54px; }
  .accordion.has-icons .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 54px; }
  .accordion.has-icons .accordion-pane.has-icons .accordion-content {
    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 .accordion-content {
    padding-left: 54px; }
  .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 73px; }
  .accordion.has-icons .accordion-pane .accordion-pane.has-icons .accordion-content {
    padding-left: 74px; }
  .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 .accordion-content {
    padding-left: 74px; }
  .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.has-icons .accordion-content {
    padding-left: 93px; }
  .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 .accordion-content {
    padding-left: 93px; }
  .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.has-icons .accordion-content {
    padding-left: 112px; }
  .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 .accordion-content {
    padding-left: 112px; }
  .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.has-icons .accordion-content {
    padding-left: 132px; }
  .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 .accordion-content {
    padding-left: 132px; }
  .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: #368ac0; }
      .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),
      .accordion.panel .accordion-pane.is-expanded + .accordion-content {
        border-top-color: #d8d8d8; }
      .accordion.panel .accordion-pane:last-child .accordion-content:last-child {
        border-bottom: 0; }
    .accordion.panel .accordion-content {
      border-bottom-color: #d8d8d8; }
    .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: #368ac0; }
      .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: #368ac0; }
          .accordion.panel.alternate .accordion-pane .accordion-header.is-selected, .accordion.panel.alternate .accordion-pane .accordion-header.is-selected:hover, .accordion.panel.alternate .accordion-pane .accordion-header.is-focused.is-selected {
            border-bottom-color: #368ac0; }
        .accordion.panel.alternate .accordion-pane .accordion-content {
          color: #5c5c5c;
          border-bottom-color: #d8d8d8; }
    .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: #368ac0;
		  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-focused:not(.hide-focus) {
          border-bottom-color: #368ac0; }
        .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.is-expanded + .accordion-content {
          border-top-color: #212224; }
        .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: #368ac0; }
          .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-content {
          border-bottom-color: #212224;
          color: #abaeb7; }
          .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: 10px 0 13px 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: #368ac0;
		border-width:1px;}
      .accordion-header > [class^="btn"]:focus:active {
        background-color: #368ac0; }
    .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-focused:not(.hide-focus) {
    border-color: #368ac0;
	border-radius:5px;}
  .accordion-header.is-selected, .accordion-header.is-selected:hover, .accordion-header.is-focused.is-selected {
    background-color: #368ac0;
    border-bottom-color: #368ac0;
    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: #368ac0; }
  .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),
    .accordion-pane.is-expanded + .accordion-content {
      border-top-color: #d8d8d8; }
  .accordion-pane .accordion-content {
    color: #5c5c5c;
    overflow-x: visible;
    padding-left: 20px; }
  .accordion-pane.has-icons .accordion-header.no-icon > a {
    padding-left: 40px; }
  .accordion-pane.has-icons .accordion-content {
    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: 5px 0 8px 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: 5px 0 8px 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-focused:not(.hide-focus) {
      border-color: #368ac0; }
      .accordion-pane .accordion-header.is-focused:not(.hide-focus):last-child {
        border-bottom-color: #368ac0; }
    .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.has-icons .accordion-content {
      padding-left: 59px; }
    .accordion-pane .accordion-pane .accordion-content {
      padding-left: 40px; }
    .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.has-icons .accordion-content {
      padding-left: 78px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-content {
      padding-left: 59px; }
    .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.has-icons .accordion-content {
      padding-left: 97px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
      padding-left: 78px; }
    .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.has-icons .accordion-content {
      padding-left: 116px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
      padding-left: 97px; }	  
    .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 .accordion-content {
      padding-left: 116px; }
	  
    .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.has-icons .accordion-content {
      padding-left: 135px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
      padding-left: 116px; }		  
    .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-content {
      padding-left: 135px; }
	  
    .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.has-icons .accordion-content {
      padding-left: 154px; }
    .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-pane .accordion-content {
      padding-left: 135px; }		  
    .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-content {
      padding-left: 154px; }

.accordion-content {
  padding: 14px 0; }

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 .accordion-content {
  padding-left: 0;
  padding-right: 20px; }

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

html[dir='rtl'] .accordion .accordion-pane.has-icons .accordion-content {
  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 .accordion-content {
  padding-left: 0;
  padding-right: 40px; }

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.has-icons .accordion-content {
  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 .accordion-content {
  padding-left: 0;
  padding-right: 59px; }

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.has-icons .accordion-content {
  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 .accordion-content {
  padding-left: 0;
  padding-right: 78px; }

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.has-icons .accordion-content {
  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 .accordion-content {
  padding-left: 0;
  padding-right: 78px; }

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.has-icons .accordion-content {
  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 .accordion-content {
  padding-left: 0;
  padding-right: 116px; }

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 .accordion-content {
  padding-right: 36px; }

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.has-icons .accordion-content {
  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 .accordion-content {
  padding-right: 54px; }

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.has-icons .accordion-content {
  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 .accordion-content {
  padding-right: 74px; }

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.has-icons .accordion-content {
  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 .accordion-content {
  padding-right: 93px; }

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.has-icons .accordion-content {
  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 .accordion-content {
  padding-right: 112px; }

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.has-icons .accordion-content {
  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 .accordion-content {
  padding-right: 132px; }

.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% - 60px);
  vertical-align:top;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0px;
  position: fixed;
  -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);
  width: 330px;
  /*mludwig*/
  z-index: 503; }
  .application-menu.is-open {
    left: 0; 
	top:60px;
  }
  .application-menu .audible {
    color: #ffffff !important; }
  .application-menu.show-shadow.is-open {
    -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.75);
	top:60px;
	left:0;
	position:absolute;}
	
	html[dir='rtl'] .application-menu.is-open {
		right: 0; 
  }	
	html[dir='rtl'] .application-menu.show-shadow.is-open {
		right:0;
	}



 /* APPLICATION-MENU AND PAGE-CONTAINER CSS 2*/
 
  .application-menu + .page-container {
    right: 0;
    -webkit-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 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), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 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), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 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), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), width 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	/* mludwig */
	background-color:#2578A9;
	height:calc(100% - 60px);
	padding-top:5px;
	float:right;
	z-index:502;
	width:100%;}
 
  .application-menu .accordion {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
	/*mludwig, changing to 0 
    margin-bottom: calc(-2rem - 38px);*/
	 margin-bottom: 0px;
    margin-left: 1px;
	height: calc(100% - 48px);
    min-height: calc(100% - 100px);
    width: calc(100% - 1px); }
    .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-content h1,
  .application-menu .accordion-content h2,
  .application-menu .accordion-content h3,
  .application-menu .accordion-content h4 {
    color: #dee1e8; }
  .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; }

   @media (min-width: 767px) {
  .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;
	/* mudwig */
	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; }
    .application-menu.is-open + .page-container {
      width: calc(100% - 330px); }
      .application-menu.is-open + .page-container.scrollable {
        right: 0; } 
	html[dir='rtl'] .application-menu + .page-container {	
		left:0;
		margin: 0 auto 0 0;
		float:right;
	}
	html[dir='rtl'] .application-menu.is-open + .page-container.scrollable {
        left: 0; } 
	}
/*mludwig*/
  .page-container.application-menu.is-open {
	 width: calc(100% - 330px); 	  
  }
@media (min-width: 0) and (max-width: 967px) {
  .application-menu.no-transition.is-open {
    display: none !important; }
    .application-menu.no-transition.is-open + .page-container {
      margin: 0 0 0 auto;
      width: 100% !important;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -o-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0); } }

	  /* mludwig, deleting contextual-action-panel css */

/* EXPANADABLE-AREA */
.expandable-area .expandable-header {
  border-top: 1px solid #bdbdbd;
  padding-top: 28px;
  position: relative; }
  .expandable-area .expandable-header > * {
    vertical-align: top; }
  .expandable-area .expandable-header[aria-expanded="true"] + .expandable-pane {
    display: block;
    height: auto; }
  .expandable-area .expandable-header.is-focused {
    color: #368ac0; }
    .expandable-area .expandable-header.is-focused::-moz-focus-inner {
      border: 0; }
    .expandable-area .expandable-header.is-focused:focus {
      outline: none; }
  .expandable-area .expandable-header .icon {
    height: 14px;
    top: 1px;
    width: 18px; }

.expandable-area .expandable-pane {
  font-size: 14px;
  font-size: 1.4rem;
  height: 0;
  overflow: hidden; }
  .expandable-area .expandable-pane > .content {
    line-height: 25px;
    padding: 25px 0 15px; }
    .expandable-area .expandable-pane > .content .column:first-child {
      margin-left: 0;
      padding-left: 0; }
  .expandable-area .expandable-pane .field:last-child .dropdown-wrapper:last-child,
  .expandable-area .expandable-pane .field:last-child input:last-child,
  .expandable-area .expandable-pane .compound-field:last-child .dropdown-wrapper,
  .expandable-area .expandable-pane .compound-field:last-child input:last-child {
    margin-bottom: 0; }
  .expandable-area .expandable-pane .row:last-child {
    margin-bottom: 0; }
  .expandable-area .expandable-pane .columns {
    margin-left: 0; }

.expandable-area .expandable-visible-pane > .content {
  margin-top: 25px; }
  .expandable-area .expandable-visible-pane > .content .column:first-child {
    margin-left: 0;
    padding-left: 0; }
  .expandable-area .expandable-visible-pane > .content .field:last-child .dropdown-wrapper:last-child,
  .expandable-area .expandable-visible-pane > .content .field:last-child input:last-child {
    margin-bottom: 0; }

.expandable-area .expandable-visible-pane .row:last-child {
  margin-bottom: 0; }

.expandable-area .expandable-visible-pane .columns {
  margin-left: 0; }

.expandable-area .expandable-visible-pane + .expandable-pane > .content {
  padding-top: 0; }

.expandable-area .expandable-footer {
  margin-bottom: 26px;
  margin-top: 4px; }

.expandable-area:first-child .expandable-header {
  border-top-color: transparent; }

.expandable-area:last-child .expandable-footer {
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 26px; }

.expandable-area .title {
  font-size: 16px;
  font-size: 1.6rem;
  color: #1a1a1a; }

  /* FIELDSET CSS */ 
fieldset > legend {
  font-size: 16px;
  font-size: 1.6rem;
  -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;
  font-weight: normal;
  padding-bottom: 25px; }

fieldset[disabled] > legend {
  color: #999999; }

fieldset .column:first-child {
  margin-left: 0;
  padding-left: 0; }

fieldset .row:last-child {
  margin-bottom: 0; }

.fieldset-title,
.section-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;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 25px;
  padding-top: 15px; }

.row fieldset:not(.radio-group):nth-child(n + 2),
.row .fieldset:not(.radio-group):nth-child(n + 2) {
  border-top: 1px solid #bdbdbd;
  margin-top: 30px;
  padding-top: 20px; }

.fieldset-hr {
  border-bottom: 0 none;
  border-top: 1px solid #bdbdbd;
  height: 1px;
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 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; }

   /* LOOKUP-WRAPPER CSS */
   /* mludwig, .lookup-wrapper styles deleted here */

   /* WIZARD CSS */
   /* mludwig, .wizard styles deleted here */


 /*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; }

 /* HIERARCHY CSS  deleted from here*/	


 /* TOOLBAR SEARCHFIELD CSS */	
.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:170px;
  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: 30px;
	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%, adding min */
    min-width:138px;
	width: 170px;
	/*float:left;*/	}
    .toolbar-searchfield-wrapper .searchfield::-webkit-input-placeholder, .searchfield-wrapper .searchfieldHS::-webkit-input-placeholder {
      color: #5c5c5c;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700; }
    .toolbar-searchfield-wrapper .searchfield::-moz-placeholder, .searchfield-wrapper .searchfieldHS::-moz-placeholder {
      color: #5c5c5c;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700; }
    .toolbar-searchfield-wrapper .searchfield:-ms-input-placeholder, .searchfield-wrapper .searchfieldHS:-ms-input-placeholder {
      color: #5c5c5c;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700; }
     .toolbar-searchfield-wrapper .searchfield::placeholder, .searchfield-wrapper .searchfieldHS::placeholder {
      color: #5c5c5c;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700; }		 
     .toolbar-searchfield-wrapper .searchfield::-ms-input-placeholder, .searchfield-wrapper .searchfieldHS::-ms-input-placeholder {
      color: #5c5c5c;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700; }		 
	  	  
    html:not([dir="rtl"]) .toolbar-searchfield-wrapper .searchfield:empty, html:not([dir="rtl"]) .searchfield-wrapper .searchfieldHS:empty {
	  /* mludwig */	
      padding-right: 25px; }
    html[dir="rtl"] .toolbar-searchfield-wrapper .searchfield:empty, html[dir="rtl"] .searchfield-wrapper .searchfieldHS:empty {
	  /* mludwig */	
      padding-left: 25px; }	  
  .toolbar-searchfield-wrapper .icon {
    fill: #5c5c5c; }
    /* mludwig, adding for search button */	
	.toolbar-searchfield-wrapper input.searchfield + .icon, .searchfield-wrapper input.searchfieldHS + .icon {
		fill: rgba(255, 255, 255, 0.7);
		top: 2px;
	}
    .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, html:not([dir="rtl"]) .searchfield-wrapper div.closeicondivHS {
		display:none;
		position:absolute;
		top:2px;
		right:30px;
		width:20px;			
	}
	html[dir="rtl"] .searchfield-wrapper div.closeicondiv, 
	html[dir="rtl"] .searchfield-wrapper div.closeicondivHS {
		display:none;
		position:absolute;
		top:2px;
		right:auto;
		left:34px;
		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.active .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: #5c5c5c;
      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: #5c5c5c;
      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: #5c5c5c;
      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 19 */
    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 {
		top:16px;
		right:36px;
		position:fixed;
		padding-left:2px;
		margin-left:2px;
		margin-right:5px;
		width:24px;
		min-width:24px;
	}
	html:not([dir="rtl"]) .searchfield-wrapper .searchfield-button:focus {
		padding-left:1px;
	}
	html[dir="rtl"] .searchfield-wrapper .searchfield-button {
		top:16px;
		left:36px;
		position:fixed;
		padding-right:2px;
		margin-right:2px;
		margin-left:5px;
		width:24px;
		min-width:24px;
	}
	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:2px;
		width:22px;
		min-width:22px;
		top:16px;
		right:11px;
		position:fixed;
		cursor:default;
	}
	html[dir="rtl"] button.btn-icon.searchselect-button {
		padding-right:0px;
		margin-right:2px;
		width:22px;
		min-width:22px;
		top:16px;
		left:11px;
		position:fixed;
		cursor:default;
	}
	
	button.btn-icon.searchselect-button svg.dropdown {
		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; }

.toolbar > .toolbar-searchfield-wrapper {
  left: 0;
  position: absolute;
  right: 100%;
  top: 5px;
  z-index: 10; }
  .toolbar > .toolbar-searchfield-wrapper.active, .page-container > .searchfield-wrapper.active {
    right: 0; }

.header .toolbar-searchfield-wrapper .icon,
.page-container .searchfield-wrapper .icon {
  fill: rgba(255, 255, 255, 0.7);
  opacity: .7; }

.header .toolbar-searchfield-wrapper .searchfield,
.header .searchfield-wrapper .searchfieldHS {
  background-color: rgba(49, 50, 54, 0);
  border-color: rgba(33, 34, 36, 0);
  color: #ffffff; }
  
.header .toolbar-searchfield-wrapper .searchfield:not(.active),
.header .searchfield-wrapper .searchfieldHS:not(.active) {
  color: transparent; }

.header .toolbar-searchfield-wrapper:hover input:not([disabled]):not(:focus) + svg,
.page-container .searchfield-wrapper:hover input:not([disabled]):not(:focus) + svg {
  fill: rgba(255, 255, 255, 0.7);
  opacity: 1; }

.header .toolbar-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 .toolbar-searchfield-wrapper.active .searchfield::-webkit-input-placeholder,
  .header .searchfield-wrapper.active .searchfieldHS::-webkit-input-placeholder {
    color: transparent; }
  .header .toolbar-searchfield-wrapper.active .searchfield::-moz-placeholder,
  .header .searchfield-wrapper.active .searchfieldHS::-moz-placeholder{
    color: transparent; }
  .header .toolbar-searchfield-wrapper.active .searchfield:-ms-input-placeholder,
  .header .searchfield-wrapper.active .searchfieldHS:-ms-input-placeholder {
    color: transparent; }

.header .toolbar-searchfield-wrapper.active .icon.close,
.page-container .searchfield-wrapper.active .icon.close {
  background-color: transparent; }

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

.header .toolbar-searchfield-wrapper.has-focus.active .icon, .page-container .searchfield-wrapper.has-focus.active .icon {
  fill: rgba(255, 255, 255, 0.7); }

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

.header .toolbar > .toolbar-searchfield-wrapper {
  left: 20px;
  top: 12px; }

  /* mludwig, overrides for oxygen footers */ 
.wh_footer div.footer-container {
	position:relative;
	vertical-align: middle;
	height: 20px;
}
.navbar.wh_footer {
	background-color:#134D71;
}

.help-footer {
  background-color: #5d3e70;
  clear: both;
  color: #ffffff;
  font-weight: bold;
  min-height: 40px;
  height: 40px;
  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: 40px;
	vertical-align: middle;}
  .help-footer .row nav {
	  height:40px;
  }
  .help-footer nav ul {
    margin: 0;
    padding: 0;
    text-align: center;
	height: 40px;}
  .help-footer nav li {
    display: inline-block;
    margin: 10px 30px 0 0;}
  #aboutlink, #feedbacklink, #doclinks {
	  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: #2578A9 !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; }
	

@media (min-width: 767px) {
  .toolbar-searchfield-wrapper.non-collapsible, .page-container .searchfield-wrapper.non-collapsible {
    width: 200px;
	padding-left: 2px;
	padding-right:0px;	}
    .toolbar-searchfield-wrapper.non-collapsible .searchfield, .searchfield-wrapper.non-collapsible .searchfieldHS {
      background-color: #d8d8d8;
      border-bottom-color: #bdbdbd;
      border-radius: 0;
      color: #5c5c5c;
      font-size: 10px;
      font-size: 1.0rem;
      font-weight: normal;
      text-transform: none; }
      .toolbar-searchfield-wrapper.non-collapsible .searchfield::-webkit-input-placeholder, 
	   .searchfield-wrapper.non-collapsible .searchfieldHS::-webkit-input-placeholder {
        color: #5c5c5c;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;
        text-transform: none; }
      .toolbar-searchfield-wrapper.non-collapsible .searchfield::-moz-placeholder,
	  .searchfield-wrapper.non-collapsible .searchfieldHS::-moz-placeholder	{
        color: #5c5c5c;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;
        text-transform: none; }
      .toolbar-searchfield-wrapper.non-collapsible .searchfield:-ms-input-placeholder,
	  .searchfield-wrapper.non-collapsible .searchfieldHS:-ms-input-placeholder{
        color: #5c5c5c;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;
        text-transform: none; }
		/* mludwig, changing next 2 from 225, then from 170 */
    .toolbar-searchfield-wrapper.non-collapsible.has-text, .page-container .searchfield-wrapper.non-collapsible.has-text {
      width: 200px; }
      .toolbar-searchfield-wrapper.non-collapsible.has-text.active, .page-container .searchfield-wrapper.non-collapsible.has-text.active {
        width: 200px; }
    .toolbar-searchfield-wrapper.non-collapsible.has-focus .icon, .page-container .searchfield-wrapper.non-collapsible.has-focus .icon {
      fill: #5c5c5c; }

  .header .toolbar-searchfield-wrapper.non-collapsible .searchfield,
  .header .searchfield-wrapper.non-collapsible .searchfield,
  .header .searchfield-wrapper.non-collapsible .searchfieldHS {
    background-color: rgba(49, 50, 54, 0.5);
    border-bottom-color: rgba(33, 34, 36, 0.7);
    color: #ffffff; }
    .header .toolbar-searchfield-wrapper.non-collapsible .searchfield::-webkit-input-placeholder,
    .header .searchfield-wrapper.non-collapsible .searchfieldHS::-webkit-input-placeholder {
      color: #abaeb7; }
    .header .toolbar-searchfield-wrapper.non-collapsible .searchfield::-moz-placeholder,
    .header .searchfield-wrapper.non-collapsible .searchfieldHS::-moz-placeholder {
      color: #abaeb7; }
    .header .toolbar-searchfield-wrapper.non-collapsible .searchfield:-ms-input-placeholder,
    .header .searchfield-wrapper.non-collapsible .searchfieldHS:-ms-input-placeholder {
      color: #abaeb7; }
  .header .toolbar-searchfield-wrapper.non-collapsible.has-focus .icon,
  .masthead .searchfield-wrapper.non-collapsible.has-focus .icon {
    fill: rgba(255, 255, 255, 0.7); } }

.instance-count {
  display: inline-block;
  margin: 20px 10px;
  vertical-align: top;
  width: 150px; }
  .instance-count .count {
    font-size: 22px;
    font-size: 2.2rem;
    border-radius: 50%;
    color: #ffffff;
    display: inline;
    float: left;
    font-weight: bold;
    height: 38px;
    padding-top: 9px;
    text-align: center;
    vertical-align: middle;
    width: 38px; }
  .instance-count .count[class=count] {
    background-color: #999999; }
  .instance-count .title {
    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: #5c5c5c;
    display: inline-block;
    float: left;
    font-size: 1.4rem;
    line-height: 20px;
    max-width: 50px;
    padding-left: 11px;
    text-align: left; }

html[dir='rtl'] .instance-count .count {
  float: right; }

html[dir='rtl'] .instance-count .title {
  float: right;
  padding-left: inherit;
  padding-right: 11px;
  text-align: right; }

.splitter-container .content {
  height: 100%; }

 /* SPLITTER CSS mludwig, deleting splitter css*/

 /* LIGHTBOX CSS */
 /* mludwig, .lightbox styles deleted here */

 /* SIDEBAR-NAV CSS, mludwig, deleting sidebar-nav css */

 /* CARD WIDGET CSS */
 /* mludwig, .card, .widget styles deleted here */

.homepage {
  margin: 0 auto;
  padding: 20px 0;
  position: relative; }
  .homepage .card,
  .homepage .widget {
    height: 370px;
    left: 0;
    position: absolute;
    top: 0;
    width: 360px; }
    .homepage .card:last-child::after,
    .homepage .widget:last-child::after {
      content: '';
      display: inline-block;
      height: 20px;
      position: absolute;
      top: 370px;
      width: 10px; }
  .homepage > .content {
    left: 50%;
    margin-left: -500px;
    position: absolute; }

.header + .homepage,
.header + nav + .homepage {
  height: calc(100% - 80px);
  margin-top: 0 !important;
  overflow: scroll; }

  /* mludwig, more .card styles deleted here */

.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: #368ac0;
    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: #bdbdbd;
      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: #bdbdbd;
      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: #bdbdbd;
      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: #bdbdbd;
      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: #368ac0;
      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; }

@media (max-width: 766px) {
  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; } }

 /* BUILDER CSS 2 */	
 /* mludwig, .builder styles deleted here */

.common-nav-application-list {
  width: 300px; }
  .common-nav-application-list li {
    display: inline-block;
    height: 115px;
    text-align: center;
    width: 97px; }
    .common-nav-application-list li a {
      display: inline-block;
      height: 100%;
      width: 100%; }

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

  /* LIST-DETAIL CSS */  
  /* mludwig, .list-detail styles deleted here */
  /* mludwig, .header-detail styles deleted here */
  /* mludwig, object-summary deleted here */

 /* PANE CSS */
.pane.alternate {
  background-color: #ffffff; }

.pane .content {
  min-height: 300px;
  width: 100%; }

.pane.top-left {
  display: inline-block;
  height: calc(50% - 30px);
  left: 0;
  margin: 20px 10px 10px 20px;
  min-height: 0;
  overflow: auto;
  position: absolute;
  top: 0;
  width: calc(50% - 30px); }

.pane.top-right {
  display: inline-block;
  height: calc(50% - 30px);
  margin: 20px 20px 10px 10px;
  min-height: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(50% - 30px); }

.pane.bottom-left {
  bottom: 0;
  display: inline-block;
  height: calc(50% - 30px);
  left: 0;
  margin: 10px 10px 20px 20px;
  min-height: 0;
  overflow: auto;
  position: absolute;
  width: calc(50% - 30px); }

.pane.bottom-right {
  bottom: 0;
  display: inline-block;
  height: calc(50% - 30px);
  margin: 10px 20px 20px 10px;
  min-height: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  width: calc(50% - 30px); }

.pane.left {
  display: inline-block;
  height: calc(100% - 40px);
  left: 0;
  margin: 20px 10px 20px 20px;
  min-height: 0;
  overflow: auto;
  position: absolute;
  top: 0;
  width: calc(50% - 30px); }

.pane.right {
  display: inline-block;
  height: calc(100% - 40px);
  margin: 20px 20px 20px 10px;
  min-height: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(50% - 30px); }

.pane.top {
  display: inline-block;
  height: calc(50% - 30px);
  margin: 20px 20px 10px;
  min-height: 0;
  overflow: auto;
  position: absolute;
  top: 0;
  width: calc(100% - 40px); }

.pane.bottom {
  bottom: 0;
  display: inline-block;
  height: calc(50% - 30px);
  margin: 10px 20px 20px;
  min-height: 0;
  overflow: auto;
  position: absolute;
  width: calc(100% - 40px); }

@media (max-width: 1279px) {
  .pane.top,
  .pane.bottom,
  .pane.left,
  .pane.right,
  .pane.top-left,
  .pane.top-right,
  .pane.bottom-left,
  .pane.bottom-right {
    height: auto;
    margin: 0 0 20px 20px;
    position: relative;
    width: calc(100% - 40px); }
  .pane:first-child {
    margin-top: 20px; } }

.summary-form .field {
  margin-bottom: 2.5rem;
  width: 100%; }
  .summary-form .field:last-child {
    margin-bottom: -20px; }

.summary-form .label {
  font-size: 12px;
  font-size: 1.2rem;
  color: #5c5c5c;
  display: block;
  margin: 0;
  max-width: 300px;
  padding-bottom: .5rem;
  vertical-align: top; }

.summary-form .data {
  font-size: 14px;
  font-size: 1.4rem;
  color: #1a1a1a;
  display: block;
  line-height: 2rem;
  margin-bottom: 2rem; }

.summary-form i {
  color: #1a1a1a;
  font-style: normal; }

.card-deck {
  background-color: #f0f0f0;
  padding-top: 20px; }
  .card-deck .row:last-child {
    margin-bottom: 0; }

 /* 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: #368ac0; }

.azure06.tag {
  background: #368ac0; }

.azure07 {
  background: #2578a9; }

.azure07.tag {
  background: #2578a9; }

.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:#656871;
	 
 }
 div.home {
	background-color:#313236;
	height:48px;
}
div.home > .buttonset {
	margin-left: 8px;
	height:48px;
	vertical-align:bottom;
}
div.home > .buttonset button {
	color:white;
	vertical-align:text-bottom;
	padding-top:2px;
	width:320px;
	height:44px;
}
div.home > .buttonset button:focus {
	border:1px solid #368ac0;
}
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
}
.buttonset .home-text {
	height:auto;
	color:white;
	display:inline-block;
	font-size:14px;
	margin-left:5px;
	margin-bottom:-5px;
	width:260px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	text-align:left;
	vertical-align:middle
}
html[dir='rtl'] .buttonset .home-text {
	margin-right:5px;
	margin-left:0px;
	text-align:right;
}
.application-menu + .page-container .buttonset {
	/* mludwig, for the app-menu toggle menu */
	width:30px;
	display:inline-block;
	margin-left:10px;
	vertical-align:middle;
	height:36px;
}
html[dir='rtl'] .application-menu + .page-container .buttonset {
	margin-right:10px;
	margin-left:0px;
	height:36px;
}
.application-menu + .page-container .buttonset svg.icon:not(.search) {
	/* mludwig, for the app-menu toggle menu */
	height:24px;
	width:20px;
}
.application-menu + .page-container .buttonset.search, .application-menu + .page-container .buttonset.print {
	margin-left:0px;
}
button.about {
	font-size:1.2rem;
	font-weight:bold;
	color:#ffffff;
	margin-top:2px;
	border-bottom:2px solid transparent;
	height:16px;
}
button.about:hover {
	text-decoration: none;
	border-bottom:2px solid white;
}
div.booktitle-container {
	margin-left:15px;
	display:inline-block;
	vertical-align:middle;
	margin-top:4px;
	height:24px;
	width:calc(100% - 65px);
} 
html[dir='rtl'] div.booktitle-container {
	margin-left:0px;
	margin-right:15px;
	display:inline-block;
	vertical-align:middle;
	margin-top:4px;
	height:24px;
	width:90%;
} 

div.booktitle-container .booktitle{
	color:white;
	margin-bottom:0px;
	height:22px;
	display:block;
	line-height:22px;
	width:100%;
}

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:calc(100% - 52px);
	 /*margin: 52px auto 0px auto;*/
	 right:0px;
	 width:100%;
	 float:right;
	 z-index:503
 }
 
 /* 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: 0px;
	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;
}

/* mludwig, for print button menu, search box, etc */
	
.searchfield-wrapper.toolbar-searchfield-wrapper.is-open.active.non-collapsible input#textToSearch, 
.searchfield-wrapper.toolbar-searchfield-wrapper.is-open.active.non-collapsible.has-focus #textToSearch, 
.searchfield-wrapper.is-open.active.non-collapsible input#textToSearchHS, 
.searchfield-wrapper.is-open.active.non-collapsible.has-focus #textToSearchHS {
	color:#ffffff;
}	
.searchfield-wrapper.toolbar-searchfield-wrapper #textToSearch, .searchfield-wrapper #textToSearchHS {
	color:transparent;
}
.searchfield-wrapper.toolbar-searchfield-wrapper.is-hovered #textToSearch, .searchfield-wrapper.is-hovered #textToSearchHS {
	color:#ffffff;
	background-color:rgba(49, 50, 54, 0.5);
}
.searchfield-wrapper.toolbar-searchfield-wrapper  svg, .page-container .searchfield-wrapper svg {
	color:#ffffff;
	fill:#ffffff;
}

/* from site.css, changed name from site-footer to help-footer, modified  */
/* should this be moved lower? */
@media (min-width: 769px) {
  .footer-container {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: auto;
	position:absolute;
	height:40px;
	float:right;
	z-index:505;
	bottom:0px;
	right:0px;}
  .application-menu + .page-container ~ .footer-container {   
    width: 100%; }
 .application-menu.is-open + .page-container ~ .footer-container {	
    width:calc(100% - 330px);	}
  .footer-container.text-center {
		float:none;
		font-size:12px;
	}
  .modal-footer .footer-container.text-center {
		float:none;
		font-size:12px;
		width:100%
	}	
	html[dir='rtl'] .footer-container {
		float:right;
		margin-right:auto;
		margin-left:0px;
		left:0px;
	}
	#footerlinks {
		display:none;
	}
}

/* Following is for ipad and android tablet landscape */
@media (min-width: 648px) and (max-width: 1024px) and (orientation : landscape) {
	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.show-shadow.is-open, .application-menu {
		display:block;
	}
	.application-menu + .page-container {
		width:calc(100% - 330px);
		-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:absolute;
		height:40px;
		width:100%;
		float:right;
		z-index:505;
		bottom:0px;
		right:0px;}
	footer nav li {
		width:auto;
	}
}
/* Following is for ipad and android portrait */
/* mludwig, I had this using max-width, min-width before, why?*/
@media (min-height: 648px) and (max-height: 1024px) and (orientation : portrait) {
	div.booktitle-container {
		width:80%;
	}
	div.booktitle-container h1.booktitle {
		font-size:1.5rem;
	}
	.application-menu.show-shadow, .application-menu {
		display:none;
	}
	.application-menu.is-open {
		display:block;
	}
	.application-menu + .page-container {
		width:100%;
		-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:absolute;
		height:40px;
		width:100%;
		float:right;
		z-index:505;
		bottom:0px;
		right:0px;}
	footer nav {
		display: flex;
		justify-content: space-between;
	}
	footer nav ul {
		width:90%;
	}
	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;
	}
}
/* Next one probably only applies if user shrinks regular computer screen to small portrail shape */
@media (min-height: 611px) and (max-height: 700px) and (orientation : portrait) {
	footer nav {
		display: flex;
		justify-content: space-between;
	}
	footer nav ul {
		width:90%;
	}
	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:37px;
		padding-left:38px;
	}	
}

@media (max-width: 610px) {
  .help-footer {
	  height:80px;
  }
  .help-footer nav {
    margin: 0 0 0 0;}
  .help-footer .row {
	  height: 80px; }
   .help-footer .row nav{
	  height: 80px; }
  .help-footer nav ul {
	height: 80px;
	width:100%;}	  
  .help-footer nav li {
    display: block;
	margin-top:10px;
	margin-right:20px;
	margin-bottom:0px;
	margin-left:20px;
	padding:0;
	width:100%;}
    .help-footer nav li a {
      font-size: 14px;
      font-size: 1.2rem;
      display: block;
      font-weight: normal;
      padding: 2px 0px 0px 0px;
	} 
	footer nav li:first-of-type {
		margin-top:10px;
		margin-left:0px;
	}
	footer nav li:last-of-type {
		margin-right:0px;
	}
	#about-trigger {
		margin:0 auto;
		display:inline-block;
		text-decoration:none;
	}
	.page-container div.booktitle-container {
		width:calc(100% - 60px);
		height:46px;
		margin-top:0px;
	}
	.header .booktitle-container h1{
		width:100%;
	}
	.header div div.booktitle-container h1.booktitle {
		font-size:1.3rem;
		white-space:normal;
		height:44px;
	}
}
@media (max-width: 610px) and (orientation : portrait) {
	.help-footer div.full {
		padding-left:10px;
		padding-right:10px;
	}
	footer nav li:first-of-type {
		margin-right:20px;		
	}
	footer nav li:last-of-type {
		margin-left:20px;		
	}
	.help-footer nav li {
		margin: 10px 10px 0 0;
		width:auto;
		overflow:hidden;
		white-space:nowrap;
	}	
}
@media (min-width: 448px) and (max-width: 736px) {
   .footer-container, .help-footer {
	  height:40px; }
  .help-footer nav {
    margin: 0 0 0 0;}
  .help-footer .row {
	  height: 40px; }
   .help-footer .row nav{
	  height: 40px; }
  .help-footer nav ul {
	height: 40px;
	width: 100%}	
	.page-container div.booktitle-container {
		width:calc(100% - 60px);
	}
	.header .booktitle-container h1{
		width:100%;
	}
}

/* mludwig, overrides of bootstrap for cover.html tiles */

@media (min-width: 460px) {
  .col-sm-6 {
    width:50%;
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%}
}
@media (min-width:992px)
	{.col-md-6{width:50%}}
@media (min-width:1200px)
	{.col-lg-3{width:25%}}
/*# sourceMappingURL=grey-theme.css.map */
	
/* mludwig, The following is for transition from 560 to 447 for top header and toolbar */	
 @media (max-width: 560px) {
	 	.header .toolbar div.title {
		width: calc(30% - 1px);	
		/* just hide title when it's this small */
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		margin-top:6px;
	}
	 .toolbar .buttonset.search, .page-container .buttonset.search {
		 width:90px;
		 min-width:85px;
	 }
	 .toolbar-searchfield-wrapper, .toolbar-searchfield-wrapper .searchfield, .page-container .searchfield-wrapper, .searchfield-wrapper .searchfieldHS {
		 width:90px;
		 min-width:85px;
		 height:34px;
	 }
	 #textToSearch, #textToSearchHS {
		 width:65px;
		 min-width:60px;	 
	 }	 
 }	
/* START The following is for 430px screen so app menu is full width, mludwig */	
 @media (max-width: 447px){
	 header {
		 position:absolute;
		 bottom:0px;
	 }
	.application-menu.show-shadow.is-open, .application-menu {
		/*width: calc(100% - 20px);*/
		width: 100%;
		max-width:446px;
		top:88px;
		margin-top:0px;
		position:absolute;
		height:calc(100% - 60px);}

	.header .toolbar div.title {
		width: 40%;	
		/* trying to show only when search box not visible */
		display:inline-block;
		margin-top:6px;
		z-index:101;
		min-width:35%;
		margin-left:40px;
	}	
	.header .toolbar div.title  h1{
		font-size: 1.5rem;}	
	.header div div.booktitle-container h1 {
		font-size: 1.5rem;
	}
	.header div.toolbar {
		padding-left: 0px;
		padding-right: 5px;
	}	
   .header .toolbar .title+ .buttonset {
	   width:25px;}
	   
	/* mludwig, next three added */
		 .toolbar .buttonset.search,.page-container .buttonset.search {
		 width:25px;
		 min-width:25px;
		 display:inline-block;
	 } 
	 .toolbar-searchfield-wrapper, .toolbar-searchfield-wrapper .searchfield, .page-container .searchfield-wrapper, .searchfield-wrapper .searchfieldHS {
		 /* setting initially to 40, from 200/180will increase on button click */
		 width:25px;
		 min-width:25px;
		 height:34px;
	 }
	 #textToSearch, #textToSearchHS {
		 width:25px;
		 min-width:25px;	 
	 }
    .searchfield-wrapper > .icon:not(.close):not(.icon-error) {
      right: 35px;
      top: 2px;
	}
    .searchfield-wrapper > .icon.close {
      right: 14px;
      top: 12px; }

	.help-footer, .help-footer .row, .help-footer .row nav {
		height:60px;
	}
	
  .searchfield-wrapper.active .icon:not(.close) {
	right: 35px;
	}
	.toolbar-searchfield-wrapper.active .icon:not(.close), .page-container .searchfield-wrapper.active .icon:not(.close) {
		left:7px;
	}
  .searchfield-wrapper:hover input:not([disabled]) + svg {
    fill: #ffffff;
	/* mludwig, adjusting search icon placement */
	top:2px;
	right: 27px;}
	
  .footer-container {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: auto;
	position:absolute;
	height:40px;
	/*float:right;*/
	z-index:505;
	bottom:0px;
	right:0px;
	vertical-align:baseline;}
  .application-menu + .page-container ~ .footer-container {   
    width: 100%; }
   /*.application-menu.is-open + .page-container ~ .footer-container {	
    width:calc(100% - 330px);	}*/
  .footer-container.text-center {
		float:none;
		font-size:12px;
	}
	html[dir='rtl'] .footer-container {
		float:right;
		margin-right:auto;
		margin-left:0px;
		left:0px;
	}

	footer div.full {
		padding-right:10px;
		padding-left:10px;
	}
	footer nav {
		padding-right:7px;
		padding-left:7px;
		padding-bottom:7px;
	}
	footer nav ul {
		width:100%
	}
	footer nav li {
		width:100%;
		height:20px;
	}
	footer nav li:first-of-type {
		max-width:100%;
		margin-top:10px;
	}
	footer nav li:last-of-type {
		width:100%;
		margin:0px;
	}
	#inforFeedback, #about-trigger, footer a.hyperlink {
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		display:block;
		height:16px;
	}
	#footerlinks {
		display:block;
	}
	#doclinks, #feedbacklink, #aboutlink {
		display:none;
	}
}	
/* END of @media max-width 447px */

/* START Windows, iP 6, Samsung phone portrait, e.g. Nokia Lumia  or Galaxy, mludwig 
   Assumes also a height of 480 */	
 @media (max-width: 376px) and (orientation : portrait){
	.application-menu.show-shadow, .application-menu {
		display:none;
	}
	.application-menu.is-open {
		display:block;
	}
	.header .toolbar div.title {
		margin-left:10px;
		width: 45%;
	}
	.header .toolbar div.title h1 {
		font-size: 1.4rem;
	}	
	.page-container div.booktitle-container {
		height:38px;
		vertical-align:middle;
	}
	.header div div.booktitle-container h1.booktitle {
		height:20px;
		margin-top:10px;
		vertical-align:middle;
		width:calc(100% - 20px);
	}	
   .toolbar {
	   margin-bottom:0px;
   }
   .header .toolbar {
	   height:44px;
   }
   .toolbar .buttonset {
	   margin-top:0px;
   }
   .toolbar .buttonset.backforward button:last-of-type {
	   margin-right:5px;
   }
   	.toolbar .buttonset.dropdown.print {
		margin-right:4px;
		right:6px;
		/*float:right;*/
	}
	html:not([dir="rtl"]) .searchfield-wrapper .searchfield-button {
		top:5px;
		margin-left:1px;
		margin-right:1px;
		right:26px;
	}
	.toolbar-searchfield-wrapper div.closeicondiv {
		right:34px;
	}	
	html:not([dir="rtl"]) .toolbar .buttonset.search {
		margin-top:0px;
		right:2px;
		width:50px;
		min-width:50px;
	}
	html[dir="rtl"] .toolbar div.buttonset.search {
		margin-top:0px;
	}
	html:not([dir="rtl"]) .toolbar .buttonset.print {
		width:26px;
		right:49px;
	}
	html[dir="rtl"] .toolbar div.buttonset.print {
		width:26px;
	}
	html:not([dir="rtl"]) .toolbar .buttonset.copy-url {
		right:76px;
	}
	html[dir="rtl"] .toolbar div.buttonset.copy-url {
		
	}	
	html:not([dir="rtl"]) .toolbar .title + .buttonset.help {
		right:97px;
	}
	html[dir="rtl"] .toolbar .title + .buttonset.help {
		
	}
   button.application-menu-trigger {
	   margin-bottom:8px;
   }
   div.booktitle-container .booktitle{
	   line-height:16px;
   }
    .page-container > .page-container {
	 height:calc(100% - 44px);
	}
  .toolbar-searchfield-wrapper.active .icon:not(.close), 
  .toolbar-searchfield-wrapper.has-focus.active .icon:not(.close),
  .page-container .searchfield-wrapper.active .icon:not(.close),
  .page-container .searchfield-wrapper.has-focus.active .icon:not(.close)  {
	  /* mludwig, changing from 8 */
	left: 0px;
	}
	html.fixed {
		top:50px;
	}	
	.container {
		height:calc(100% - 81px);
	}	
	body.wh_topic_page div.row, body.frmBody div.row {
		height:40px;
	}	
	.wh_tools .wh_breadcrumb {
		font-size:11px;
	}
	.wh_tools.hidden-print {
		padding-top: 12px;
		padding-bottom: 8px;
		height:40px;
	}	
	.footer-container {
		height:30px;
	}
	nav.navbar.wh_footer {
		padding-right:4px;
		padding-left:4px;
		font-size:11px;
	}
	footer nav li:first-of-type {
		max-width:100%;
		margin-top:5px;
	}
	/*mludwig, trying to fix modal position*/
	.modal-page-container {
		-webkit-overflow-scrolling: touch !important;
		overflow-y: scroll !important;
		height:calc(100% - 40px);
		width:calc(100% - 20px);
		z-index:1021;
		position:absolute;
		left:0px;
		top:70px;
	}
	.modal-wrapper {
		height:100%;
		width:100%;	
		z-index:1022;	
		position:absolute;
		left:60px;
		top:0px;		
	}
	.modal-content {
		height:100%;
	}
	.modal {
		left:10px;
		top:10px;
	}
	#about-modal {
		width:100%;
		position:absolute;
		left:135px;
		top:220px;
	}
	.modal.about.modal {
		max-width: 576px;
		min-width: 250px; }
	.modal-body-wrapper {
		height:200px;
	}
	#about-modal-text {
		margin-right:0px;
		margin-left:0px;
		padding-right:0px;
		padding-left:0px;
		position:relative;
		/*left:100px;
		top:300px;*/
	}
	#about-modal-text p:first-of-type {
		vertical-align:text-top;
	}
	#copyrighttext {
		vertical-align:text-top;
		padding-left:5px;
		padding-right:5px;
	}
	.footer-container.text-center {
		float:none;
		font-size:11px;
	}

 }
 /* END of @media max-width 376, portrait */
 
  /* START iPhone 6 portrait */
 @media (min-width: 361px) and (max-width: 376px) and (orientation : portrait){
	.header .toolbar div.title {
		margin-left:25px;
	} 
  }
 /* START Android Samsung landscape */
  @media (max-width: 640px) and (orientation : landscape){
	.application-menu.show-shadow, .application-menu {
		display:none;
	}
	.application-menu.is-open {
		display:block;
	}	 
	.header .toolbar div.title {
		margin-left:120px;
		width: 32%;
	}
	.header .toolbar div.title  h1{
		width:calc(80% - 1px);
		font-size: 1.7rem;}
	.header .toolbar {
	   height:44px;
   }	
	.toolbar .buttonset.search, .page-container .buttonset.search {
		 width:25px;
		 min-width:25px;
		 display:inline-block;
	 }	 
	 .toolbar-searchfield-wrapper, .toolbar-searchfield-wrapper .searchfield, .page-container .searchfield-wrapper, .searchfield-wrapper .searchfieldHS {
		 /* setting initially to 40, from 200/180will increase on button click */
		 width:25px;
		 min-width:25px;
		 height:34px;
	 }
	.application-menu.show-shadow.is-open, .application-menu {
		width: 100%;
		max-width:480px;
		top:89px;
		margin-top:0px;
		position:absolute;
		height:calc(100% - 60px);}
	 #textToSearch, #textToSearchHS {
		 width:25px;
		 min-width:25px;	 
	 }
    .searchfield-wrapper > .icon:not(.close):not(.icon-error),
     .toolbar-searchfield-wrapper.active .icon:not(.close),
     .page-container .searchfield-wrapper.active .icon:not(.close)	 {
		/* mludwig, changing from 8*/ 
	  right:0px;
      left: -35px;

	}
	html.fixed {
		top:50px;
	}	
	.page-container > .page-container {
	 height:calc(100% - 44px);
	}
	.wh_topic_page .container {
		height:calc(100% - 81px);
	}
	.frmBody .container {
		height:calc(100% - 81px);
	}
	.page-container div.booktitle-container {
		height:38px;
		vertical-align:middle;
	}
	.header div div.booktitle-container h1.booktitle {
		height:38px;
		vertical-align:middle;
		line-height:16px;
		font-size:1.3rem;
	}	
	.page-container .buttonset {
		height:44px;
	}
	.toolbar .buttonset {
	   margin-top:0px;
   }
   	.toolbar .buttonset.dropdown.print, .page-container .buttonset.dropdown.print {
		margin-right:4px;
		right:6px;
	}
	.toolbar .buttonset.search, .page-container .buttonset.search {
		right:50px;
	}
	.toolbar-searchfield-wrapper div.closeicondiv, .page-container .searchfield-wrapper div.closeicondiv {
		right:34px;
	}
	.toolbar-searchfield-wrapper.active .icon:not(.close), 
    .toolbar-searchfield-wrapper.has-focus.active .icon:not(.close),
    .page-container .searchfield-wrapper.active .icon:not(.close),
    .page-container .searchfield-wrapper.has-focus.active .icon:not(.close)	{
		left: 0px;
	}
	body.wh_topic_page div.row, body.frmBody div.row {
		height:40px;
	}	
	.wh_tools.hidden-print {
		padding-top: 12px;
		padding-bottom: 8px;
		height:40px;
	}
	.wh_tools .wh_breadcrumb {
		font-size:11px;
	}	
	.footer-container {
		height:30px;
		width:100px;
		position:fixed;
		bottom:0px;
		right:0px;
		z-index:507;
	}
	.help-footer, .help-footer .row, .help-footer .row nav, 
	.help-footer .row nav ul {
		height:30px;
	}
	.help-footer .row nav ul {
		padding-top:5px;
	}
	#footerlinks {
		display:block;
		vertical-align:top;
	}
	#doclinks, #feedbacklink, #aboutlink {
		display:none;
		vertical-align:top;
		width:auto;
	}
	#doclinks {
		margin-right:15px;
		margin-top:1px;
		/*width:100px;*/
	}
	#feedbacklink {
		margin-top:1px;
		margin-right:15px;
		/*width:200px;*/
	}
	#aboutlink {
		/*width:100px;*/
	}	
	.application-menu + .page-container {
		height:calc(100% - 20px);
	}
	footer nav li:first-of-type {
		margin-top:0px;
	}	
  }
 /* END Android Samsung landscape */
 
 /* START Windows phone landscape, e.g. Nokia Lumia, mludwig 
   Assumes also a height of 320 though Nokia actual usable vertical space is 245*/	
 @media (max-width: 485px) and (orientation : landscape){
	.application-menu.show-shadow, .application-menu {
		display:none;
	}
	.application-menu.is-open {
		display:block;
	}	 
	.header .toolbar div.title {
		margin-left:70px;
		width: 32%;
	}
	.header .toolbar div.title  h1{
		width:calc(80% - 1px);
		font-size: 1.7rem;}
	.header .toolbar {
	   height:44px;
   }	
	.toolbar .buttonset.search, .page-container .buttonset.search {
		 width:25px;
		 min-width:25px;
		 display:inline-block;
	 }	 
	 .toolbar-searchfield-wrapper, .toolbar-searchfield-wrapper .searchfield, .page-container .searchfield-wrapper, .searchfield-wrapper .searchfieldHS {
		 /* setting initially to 40, from 200/180will increase on button click */
		 width:25px;
		 min-width:25px;
		 height:34px;
	 }
	.application-menu.show-shadow.is-open, .application-menu {
		width: 100%;
		max-width:480px;
		top:89px;
		margin-top:0px;
		position:absolute;
		height:calc(100% - 60px);}
	 #textToSearch, #textToSearchHS {
		 width:25px;
		 min-width:25px;	 
	 }
    .searchfield-wrapper > .icon:not(.close):not(.icon-error),
     .toolbar-searchfield-wrapper.active .icon:not(.close),
     .page-container .searchfield-wrapper.active .icon:not(.close)	 {
		/* mludwig, changing from 8*/ 
	  right:0px;
      left: -35px;

	}
	html.fixed {
		top:50px;
	}	
	.page-container > .page-container {
	 height:calc(100% - 44px);
	}
	.wh_topic_page .container {
		height:calc(100% - 81px);
	}
	.frmBody .container {
		height:calc(100% - 81px);
	}
	.page-container div.booktitle-container {
		height:38px;
		vertical-align:middle;
	}
	.header div div.booktitle-container h1.booktitle {
		height:38px;
		vertical-align:middle;
		line-height:16px;
		font-size:1.3rem;
	}	
	.page-container .buttonset {
		height:44px;
	}
	.toolbar .buttonset {
	   margin-top:0px;
   }
   	.toolbar .buttonset.dropdown.print {
		margin-right:4px;
		right:6px;
	}
	.toolbar .buttonset.search {
		right:50px;
	}
	.toolbar-searchfield-wrapper div.closeicondiv {
		right:34px;
	}
	.toolbar-searchfield-wrapper.active .icon:not(.close), 
    .toolbar-searchfield-wrapper.has-focus.active .icon:not(.close),
    .page-container .searchfield-wrapper.active .icon:not(.close),
    .page-container .searchfield-wrapper.has-focus.active .icon:not(.close)	{
		left: 0px;
	}
	body.wh_topic_page div.row, body.frmBody div.row {
		height:40px;
	}	
	.wh_tools.hidden-print {
		padding-top: 12px;
		padding-bottom: 8px;
		height:40px;
	}
	.wh_tools .wh_breadcrumb {
		font-size:11px;
	}	
	.footer-container {
		height:30px;
		width:100px;
		position:fixed;
		bottom:0px;
		right:0px;
		z-index:507;
	}
	.help-footer, .help-footer .row, .help-footer .row nav, 
	.help-footer .row nav ul {
		height:30px;
	}
	.help-footer .row nav ul {
		padding-top:5px;
	}
	#footerlinks {
		display:block;
		vertical-align:top;
	}
	#doclinks, #feedbacklink, #aboutlink {
		display:none;
		vertical-align:top;
		width:auto;
	}
	#doclinks {
		margin-right:15px;
		margin-top:1px;
		/*width:100px;*/
	}
	#feedbacklink {
		margin-top:1px;
		margin-right:15px;
		/*width:200px;*/
	}
	#aboutlink {
		/*width:100px;*/
	}	
	.application-menu + .page-container {
		height:calc(100% - 20px);
	}
	footer nav li:first-of-type {
		margin-top:0px;
	}
 }
  /* end of @media max-width 480, landscape */
  
  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;
	}
	@media (max-width: 1050px) {
		.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: 900px) {
		.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: 770px) {
		.homediv a {
			font-size:11px;
		}
		.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;
		}
	}
	@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;
		}
	}