/*    
    Global colours
*/
/*
Typography
*/
/* END */

/* This file needs the END bit at the end*/

body,
html {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 14px;
}
/*body,
button,
input,
p {
    font-family: az_ea_font, wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}*/

/*body,
html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
}*/

img {
  overflow: hidden;
}
:link img,
:visited img,
a img,
img {
  border: 0;
}
@-moz-document url-prefix(http) {
  ::-moz-placeholder {
    opacity: 1;
  }
  
  ::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  
  button:focus,
  input[type=button]:focus {
    outline-width: 1px;
    outline-style: dotted;
  }
  
  :focus {
    outline-color: #00bcf2;
  }
}
@supports (outline-offset:-1px) {
  :focus {
    outline-color: #00bcf2;
  }
}
h1 {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 24px;
  line-height: 38px;
  height: 38px;
  font-weight: inherit;
}
h2 {
  max-width: 100%;
  margin-top: -4px;
  font-family: "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 12px;
  line-height: normal;
}
h3 {
  max-width: 100%;
  font-size: 16px;
  color: #144052;
  margin: 8px 0;
}
button,
a.text-button {
  background-color: #144052;
  border: none;
  color: white;
  text-align: center;
  padding: 5px 10px;
  cursor: pointer;
  margin-left: 10px;
  margin-top: 10px;
  min-width: 60px;
  font-size: 14px;
}
.civicaformfields fieldset legend {
  position: absolute;
  clip: rect(0 0 0 0);
}
button:hover {
  background-color: #515151;
}
a.text-button {
  padding: 2px 10px 5px;
  margin-top: 5px;
}
input,
select,
textarea {
  border-width: 1px;
  border-style: solid;
  border-color: #b3b3b3;
  width: 100%;
}
select {
  height: 100%;
  min-height: 23px;
  margin-top: 10px;
  margin-bottom: 10px;
}
input,
textarea {
  padding: 3px 0px 3px 4px;
  outline: 0;
}
input::-webkit-input-placeholder {
  font-style: italic;
  font-weight: 100;
}
input:-ms-input-placeholder {
  font-style: italic;
  font-weight: 100;
}
input::-moz-placeholder {
  font-style: italic;
  font-weight: 100;
}
input[type=checkbox] {
  min-width: 20px;
  width: 20px;
  margin: 0px 5px 0px 0px;
}
select::-ms-expand {
  background: #fff;
  border: 0px;
}
button,
a.text-button.civicafileuploadbutton {
  margin-left: 0px;
}
a {
  color: #0058AD;
  text-decoration: none;
  display: inline-block;
}
a:visited {
  color: #4d004d;
}
a:hover {
  cursor: pointer;
}
a.action-item-link.action-item-current {
  text-decoration: underline;
}
ul {
  padding: 0;
}
li {
  margin: 0px 0;
}
/* Objects */

.w360 {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  transition: background 0.25s ease;
  z-index: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.w360-main {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  height: 100%;
  position: relative;
  z-index: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.w360-main.context-hidden {
  display: none;
}
.w360-content {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  transition: margin 0.2s ease;
  z-index: 1;
}
.context-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  height: calc(60%);
  position: relative;
  z-index: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
}
.w360 > .loader {
  display: none;
}
.w360.loading {
  background-color: rgba(255, 255, 255, 0.5);
}
.w360.loading > * {
  display: none;
}
.theme-w360 {
  background-image: url("/Content/workflow360/images/digitalbackground-01.svg");
}
.theme-w360 .trim {
  background-color: #144052;
  color: #fff;
  border-color: #383838;
}
.theme-w360 .trim svg {
  fill: #fff;
}
.theme-w360 .trim .fill-secondary svg {
  fill: #919191;
}
.theme-w360 .trim .has-border {
  border-color: #383838;
}
.theme-w360 .trim a {
  color: #fff;
}
.theme-w360 .trim button {
  color: #fff;
  border-color: #fff;
}
.theme-w360 .search .input {
  background-color: #fff;
  color: #1b1b1b;
}
.theme-w360 .topbar {
  color: #fff;
  border-color: #383838;
}
.theme-w360 .topbar svg {
  fill: #fff;
}
.theme-w360 .topbar .has-hover:hover {
  background-color: #383838;
}
.theme-w360 .topbar .has-border {
  border-color: #383838;
}
.theme-w360 .topbar a {
  color: #fff;
}
.theme-w360 a.topbar-home {
  color: #fff;
}
.theme-w360 .contextpane .grid-selectableRow:not(.grid-activateableRow) .grid-selectable .external-hovered:not(.bg-error):not(.bg-edited):not(.disabled):not(.row-disabled):not(.bg-selected):not(.selected),
.theme-w360 .contextpane .grid-selectableRow:not(.grid-activateableRow) .grid-selectable .has-hover:hover:not(.bg-error):not(.bg-edited):not(.disabled):not(.row-disabled):not(.bg-selected):not(.selected) {
  background-color: #222;
}
/*
    <h2 id='busy'>Busy indicator</h2>
    <p>CSS File:<strong>component.busy-indicator.less</strong></p>
    <p>This file contains the styling associated with the busy icon.</p>
    <p><a href="#top">Back to top of page</a></p>
*/

.civicabusy {
  background-color: white;
  text-align: center;
  z-index: 999999;
  display: none;
}
.civicabusy > div {
  margin-left: auto;
  margin-right: auto;
}
.civicabusy > div > p {
  margin-top: 0px;
}
.civica-loading {
  min-height: 60px;
  min-width: 100px;
  overflow: hidden;
}
.loader {
  display: none;
}
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: loaderdots 1.8s infinite ease-in-out;
  animation: loaderdots 1.8s infinite ease-in-out;
}
.loading > .loader {
  display: block;
  color: #3b8896;
  font-size: 8px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loading > .loadersmall {
  margin: 20px auto;
}
.loading > .loader:before,
.loading > .loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loading > .loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loading > .loader:after {
  left: 3.5em;
}
.textLoader {
  flex: 1 1 auto;
  position: relative;
}
.textLoader .textLoaderContainer {
  margin: 80px auto;
  position: relative;
  width: 200px;
}
.textLoader .textLoaderContainer .textLoadertext {
  font-size: 20px;
  text-align: center;
}
.textLoader .textLoaderContainer .loader {
  margin: 0px auto;
}
.textLoaderFullWidth {
  flex: 1 1 auto;
  position: relative;
}
.textLoaderFullWidth .textLoaderContainer {
  margin: 80px auto;
  position: relative;
}
.textLoaderFullWidth .textLoaderContainer .textLoadertext {
  color: #144052;
  font-size: 20px;
  text-align: center;
}
.textLoaderFullWidth .textLoaderContainer .loader {
  margin: 0px auto;
}
.mode-standard .portal-background {
  background-color: #fff;
}
.mode-standard .portal-background-secondary {
  background-color: #eee;
  border-bottom: none;
}
.mode-standard .bladestyle-help {
  background-color: #fff;
}
.mode-standard .portal-background-primary {
  background-color: #0058ad;
}
.mode-standard .portal-text {
  color: #252525;
}
.mode-standard .portal-text-primary {
  color: #0058ad;
}
.mode-standard .portal-title {
  color: #444;
}
.mode-standard .portal-border {
  border-color: #bbb;
}
.mode-standard .portal-bg-txt-br {
  color: #252525;
  border-color: #bbb;
  background-color: #fff;
}
.mode-standard .portal-selected {
  background-color: #bfeefb;
}
.mode-standard .portal-docking-footer {
  border-color: #bbb;
}
.mode-standard .portal-hover:hover {
  background-color: #f6f6f6;
}
.mode-standard .portal-hover.focus-within {
  background-color: #f6f6f6;
}
.mode-standard .portal-svg svg {
  fill: #252525;
}
.mode-standard .portal-svg-secondary svg {
  fill: #444;
}
.mode-standard .tile-overlay {
  background-color: rgba(255, 255, 255, 0.6);
}
/*.mode-standard .fxc-infoBox-image-container {
    background-color: #bbb;
}*/

.mode-standard .control {
  border-color: #b3b3b3;
}
.mode-standard .control ::-webkit-input-placeholder {
  color: #757575;
}
.mode-standard .control ::-moz-placeholder {
  color: #757575;
}
.mode-standard .control :-ms-input-placeholder {
  color: #757575;
}
.mode-standard .external-hovered:not(.row-disabled),
.mode-standard .has-hover:focus:not(.row-disabled),
.mode-standard .has-hover:hover:not(.row-disabled) {
  background-color: #515151;
}
.mode-standard .header {
  background-color: #144052;
  color: #fff;
}
/*.mode-standard .formControl,
.mode-standard .textarea {
    border-color: #b3b3b3;
    background-color: #fff;
}*/

.mode-standard .formControl[disabled="disabled"],
.mode-standard .textarea[disabled="disabled"] {
  background-color: #ebebe4;
}
/*.mode-standard .input {
    color: #2d3239;
}*/

.mode-standard .formControl.br-focused,
.mode-standard .formControl.br-focused.br-dirty,
.mode-standard .formControl:focus {
  border-color: #00bcf2;
}
.mode-standard .bg-default {
  background-color: #fff;
}
.mode-standard .bg-muted-80-10 {
  background-color: #333;
}
.mode-standard .outline-focusable:focus {
  outline-color: #4d4d4d;
}
.mode-standard .outline-focusable[aria-selected=true]:focus,
.mode-standard .outline-primary {
  outline-color: #00bcf2;
}
.mode-standard .br-default {
  border-color: #b3b3b3;
}
.mode-standard .br-muted {
  border-color: #ccc;
}
.mode-standard .br-muted-80-10 {
  border-color: #333;
}
.mode-standard .fill-heavy,
.mode-standard .fill-hovered-heavy:hover {
  fill: #666;
}
.mode-standard .fill-white {
  fill: #fff;
}
.mode-standard .text-label {
  color: #474747;
}
.mode-standard .text-white,
.mode-standard a.text-white {
  color: #fff;
}
.mode-standard .popup svg,
.mode-standard .startboard-layout svg,
.mode-standard .hubfill-white {
  fill: #757575;
}
/*.mode-standard .popup {
    background-color: #fff;
    color: #2d3239;
    border-color: #b3b3b3;
}*/

.mode-standard .popup .has-hover:hover {
  background-color: #e6e6e6;
}
.mode-standard .popup .fill-secondary svg {
  fill: #575b60;
}
.mode-standard .popup .has-border {
  border-color: #b3b3b3;
}
.mode-standard .popup a {
  color: #2d3239;
}
.mode-standard .sidebar-item-icon.is-favorite:hover svg,
.mode-standard .sidebar-item-icon.is-home:hover svg {
  fill: #fff;
}
.mode-standard .sidebar-home:hover svg {
  fill: #3796c4;
}
.mode-standard .sidebar-home.is-home svg {
  fill: #3796c4;
  stroke: #3796c4;
}
.mode-standard .tile-overlay {
  background-color: rgba(255, 255, 255, 0.6);
}
.mode-standard .br-default,
.mode-standard .hubdocking-footer {
  border-color: #b3b3b3;
}
.mode-standard .tile-progress-transparent div::after {
  background: #fff;
}
.w360 .accent,
.w360 .popup {
  box-shadow: 10px 5px 15px -8px rgba(0, 0, 0, 0.3);
}
.trim-hover:hover {
  background-color: #515151;
}
.w360 .fill-error svg,
.w360 .fill-invalid svg {
  fill: #e81123;
}
.text-white {
  color: #fff;
}
.fill-white {
  fill: #fff;
}
.br-primary {
  border-color: #00bcf2;
}
/* qTip2 v2.2.1 | Plugins: tips viewport | Styles: core basic css3 | qtip2.com | Licensed MIT | Sat Sep 06 2014 21:55:19 */

.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}
.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}
.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: 700;
}
.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  cursor: pointer;
  outline: 0;
  border: 1px solid transparent;
}
.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}
* html .qtip-titlebar .qtip-close {
  top: 16px;
}
.qtip-icon .ui-icon,
.qtip-titlebar .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}
.qtip-icon,
.qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}
.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: 400 bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: -100em -100em no-repeat;
}
.qtip-default {
  border: 1px solid #F1D031;
  background-color: #FFFFA3;
  color: #555;
}
.qtip-default .qtip-titlebar {
  background-color: #FFEF93;
}
.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}
.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111;
}
.qtip-light {
  background-color: #fff;
  border-color: #E2E2E2;
  color: #454545;
}
.qtip-light .qtip-titlebar {
  background-color: #f1f1f1;
}
.qtip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3;
}
.qtip-dark .qtip-titlebar {
  background-color: #404040;
}
.qtip-dark .qtip-icon {
  border-color: #444;
}
.qtip-dark .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}
.qtip-cream {
  background-color: #FBF7AA;
  border-color: #F9E98E;
  color: #A27D35;
}
.qtip-cream .qtip-titlebar {
  background-color: #F0DE7D;
}
.qtip-cream .qtip-close .qtip-icon {
  background-position: -82px 0;
}
.qtip-red {
  /*Production Defect 314098: 948915 HUB - Qtip colours*/
  background-color: #FFFFFF;
  /*#F78B83;*/
  border-color: #D95252;
  color: #8B0000;
  /*#912323;*/

}
.qtip-red .qtip-titlebar {
  background-color: #F06D65;
}
.qtip-red .qtip-close .qtip-icon {
  background-position: -102px 0;
}
.qtip-red .qtip-icon,
.qtip-red .qtip-titlebar .ui-state-hover {
  border-color: #D95252;
}
.qtip-green {
  background-color: #CAED9E;
  border-color: #90D93F;
  color: #3F6219;
}
.qtip-green .qtip-titlebar {
  background-color: #B0DE78;
}
.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0;
}
.qtip-blue {
  background-color: #E5F6FE;
  border-color: #ADD9ED;
  color: #5E99BD;
}
.qtip-blue .qtip-titlebar {
  background-color: #D0E9F5;
}
.qtip-blue .qtip-close .qtip-icon {
  background-position: -2px 0;
}
.qtip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.qtip-bootstrap,
.qtip-rounded,
.qtip-tipsy {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.qtip-rounded .qtip-titlebar {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.qtip-youtube {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
  color: #fff;
  border: 0 solid transparent;
  background: #4A4A4A;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, #000));
  background-image: -webkit-linear-gradient(top, #4A4A4A 0, #000 100%);
  background-image: -moz-linear-gradient(top, #4A4A4A 0, #000 100%);
  background-image: -ms-linear-gradient(top, #4A4A4A 0, #000 100%);
  background-image: -o-linear-gradient(top, #4A4A4A 0, #000 100%);
}
.qtip-youtube .qtip-titlebar {
  background-color: transparent;
}
.qtip-youtube .qtip-content {
  padding: 0.75em;
  font: 12px arial, sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}
.qtip-youtube .qtip-icon {
  border-color: #222;
}
.qtip-youtube .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}
.qtip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
  background-image: -moz-linear-gradient(top, #717171, #232323);
  background-image: -webkit-linear-gradient(top, #717171, #232323);
  background-image: -ms-linear-gradient(top, #717171, #232323);
  background-image: -o-linear-gradient(top, #717171, #232323);
  border: 2px solid #ddd;
  border: 2px solid #f1f1f1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 12px #333;
  -moz-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333;
}
.qtip-jtools .qtip-titlebar {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}
.qtip-jtools .qtip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}
.qtip-jtools .qtip-content,
.qtip-jtools .qtip-titlebar {
  background: 0 0;
  color: #fff;
  border: 0 dashed transparent;
}
.qtip-jtools .qtip-icon {
  border-color: #555;
}
.qtip-jtools .qtip-titlebar .ui-state-hover {
  border-color: #333;
}
.qtip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent;
}
.qtip-cluetip .qtip-titlebar {
  background-color: #87876A;
  color: #fff;
  border: 0 dashed transparent;
}
.qtip-cluetip .qtip-icon {
  border-color: #808064;
}
.qtip-cluetip .qtip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}
.qtip-tipsy {
  background: #000;
  background: rgba(0, 0, 0, 0.87);
  color: #fff;
  border: 0 solid transparent;
  font-size: 11px;
  font-family: 'Lucida Grande', sans-serif;
  font-weight: 700;
  line-height: 16px;
  text-shadow: 0 1px #000;
}
.qtip-tipsy .qtip-titlebar {
  padding: 6px 35px 0 10px;
  background-color: transparent;
}
.qtip-tipsy .qtip-content {
  padding: 6px 10px;
}
.qtip-tipsy .qtip-icon {
  border-color: #222;
  text-shadow: none;
}
.qtip-tipsy .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}
.qtip-tipped {
  border: 3px solid #959FA9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #F9F9F9;
  color: #454545;
  font-weight: 400;
  font-family: serif;
}
.qtip-tipped .qtip-titlebar {
  border-bottom-width: 0;
  color: #fff;
  background: #3A79B8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
  background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}
.qtip-tipped .qtip-icon {
  border: 2px solid #285589;
  background: #285589;
}
.qtip-tipped .qtip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}
.qtip-bootstrap {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding: 1px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.qtip-bootstrap .qtip-titlebar {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.qtip-bootstrap .qtip-titlebar .qtip-close {
  right: 11px;
  top: 45%;
  border-style: none;
}
.qtip-bootstrap .qtip-content {
  padding: 9px 14px;
}
.qtip-bootstrap .qtip-icon {
  background: 0 0;
}
.qtip-bootstrap .qtip-icon .ui-icon {
  width: auto;
  height: auto;
  float: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.qtip-bootstrap .qtip-icon .ui-icon:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none;
}
.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}
.qtip .qtip-tip,
x:-o-prefocus {
  visibility: hidden;
}
.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: 0 0;
  border: 0 dashed transparent;
}
.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}
.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}
.qtip-titlebar {
  min-width: 100px;
}
.qtip-titlebar .qtip-close {
  margin: -10px;
  padding: 0px 10px;
  margin-right: 0px;
}
.qtip-icon .ui-icon {
  font: normal bold 14px Tahoma, sans-serif;
  width: 12px;
  height: 15px;
}
/* Components */

.callScriptForm fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
ul {
  list-style: none;
}
.formbuilder-content .designer {
  padding: 10px;
  overflow-y: auto;
  width: 90%;
  margin: 0;
}
.formbuilder-content .designer .pages {
  padding: 10px 0;
}
.formbuilder-content .designer .pages button {
  margin: 0 10px 10px 0;
  padding: 10px;
  min-width: 85px;
}
.formbuilder-content .designer .form {
  min-height: 85%;
}
.formbuilder-content .designer .form .control {
  padding: 15px 10px;
  margin: 0;
  user-select: none;
  min-height: 55px;
}
.formbuilder-content .designer .form .control:hover {
  background-color: #efefef;
  cursor: pointer;
  transition: background-color 250ms linear;
}
.formbuilder-content .designer .form .control:hover .actions {
  opacity: 1;
}
.formbuilder-content .designer .form .control .actions {
  float: right;
  margin: -8px -6px 0 0;
  opacity: 0;
}
.formbuilder-content .designer .form .control .actions span {
  display: inline-block;
  margin-left: 5px;
}
.formbuilder-content .designer .form .control .actions span svg {
  height: 24px;
  width: 24px;
}
.formbuilder-content .designer .form .control .actions span:hover {
  opacity: 1;
}
.formbuilder-content .designer .form .control .actions:hover span svg:hover {
  fill: red;
  transition: fill 250ms ease-in;
}
.formbuilder-content .designer .form .control .actions .hide {
  display: none !important;
}
.formbuilder-content .designer .form .control label span {
  display: block;
}
.formbuilder-content .designer .form .control input,
.formbuilder-content .designer .form .control textarea,
.formbuilder-content .designer .form .control select {
  width: 70%;
  display: inline-block;
  margin-top: 10px;
}
.formbuilder-content .designer .form .control textarea {
  height: 100px;
}
.formbuilder-content .designer .form .drag-marker {
  height: 0px;
  background-color: #ffffff;
  opacity: 0;
  transition: all 500ms ease;
}
.formbuilder-content .designer .form .drag-marker.show {
  height: 2px;
  background-color: #144052;
  opacity: 1;
  transition: all 500ms ease;
}
.formbuilder-content .sidebar {
  padding: 10px;
  min-width: 250px;
  border: 0;
  user-select: none;
  flex: 1;
}
.formbuilder-content .sidebar h2 {
  padding: unset;
  margin: unset;
  font-size: 18px;
  text-align: center;
  padding-bottom: 5px;
  border-bottom: 3px solid #eeeeee;
  margin-bottom: 10px;
}
.formbuilder-content .sidebar .control {
  padding: 10px;
  border: 1px solid #000;
  margin-bottom: 5px;
  cursor: pointer;
  user-select: none;
}
.formbuilder-content .sidebar .control:hover {
  background-color: #efefef;
}
.formbuilder-content .sidebar .control-group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.formbuilder-content .sidebar .control-group div {
  flex: 1 1 auto;
  min-width: 160px;
  padding: 8px;
  user-select: none;
  cursor: pointer;
}
.formbuilder-content .sidebar .control-group div:hover {
  background-color: #efefef;
  transition: background-color 250ms linear;
}
.formbuilder-content .sidebar .control-group svg {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
.formbuilder-content .sidebar .control-group span.sub-text {
  display: block;
  font-size: 9pt;
  margin-left: 35px;
}
.divider {
  flex: 0 0 auto;
  width: 3px;
  background-color: #eeeeee;
  padding: 0;
  margin: 0;
}
.divider.dragging.no-move {
  background-color: #808080 !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}
.divider:hover {
  cursor: ew-resize;
  background-color: silver;
  width: 20px;
  transition: all 300ms ease-in-out;
  opacity: 0.8;
}
.divider.dragging {
  position: absolute;
  width: 20px;
  z-index: 10;
  background-color: silver;
  opacity: 0.8;
  cursor: ew-resize;
  transition: none;
}
.divider::before {
  margin-left: -6px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-end;
  width: 16px;
  height: 100%;
  background-color: black;
  content: '';
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzIwMCcgZmlsbD0iIzAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+PHBhdGggZD0iTTYuODc5LDE3LjYyOWMtMC4xMTQsMC0wLjIyOC0wLjAzOS0wLjMxOS0wLjExNWwtNi4xLTUuMDYzYy0wLjExMy0wLjA5NC0wLjE4LTAuMjMzLTAuMTgxLTAuMzgxczAuMDYzLTAuMjg4LDAuMTc1LTAuMzg0ICAgIGw2LjAzOC01LjE2OUM2LjY0MSw2LjM5MSw2Ljg1LDYuMzYxLDcuMDI3LDYuNDQ0YzAuMTc4LDAuMDgyLDAuMjkxLDAuMjU5LDAuMjkxLDAuNDU0djIuNjI4aDkuMjg1VjYuODQgICAgYzAtMC4xOTUsMC4xMTMtMC4zNzIsMC4yOTEtMC40NTRjMC4xNzUtMC4wODMsMC4zODUtMC4wNTQsMC41MzMsMC4wNzRsNi4xMTcsNS4yMjJjMC4xMTIsMC4wOTYsMC4xNzcsMC4yMzUsMC4xNzYsMC4zODMgICAgYy0wLjAwMSwwLjE0OC0wLjA2NywwLjI4Ny0wLjE4MSwwLjM4MmwtNi4wNDMsNS4wMmMtMC4xNDgsMC4xMjQtMC4zNTgsMC4xNDgtMC41MzEsMC4wNjhjLTAuMTc2LTAuMDgzLTAuMjg4LTAuMjU5LTAuMjg4LTAuNDUzICAgIHYtMi42MTRINy4zNzl2Mi42NjJjMCwwLjE5NC0wLjExMiwwLjM3LTAuMjg3LDAuNDUyQzcuMDI0LDE3LjYxNCw2Ljk1MiwxNy42MjksNi44NzksMTcuNjI5eiBNMS41NTUsMTIuMDYxbDQuODI0LDQuMDA0di0yLjA5OCAgICBjMC0wLjI3NiwwLjIyNC0wLjUsMC41LTAuNWgxMC4yOThjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNXYyLjA0OWw0Ljc2Ny0zLjk1OWwtNC44NDEtNC4xMzN2Mi4xMDJjMCwwLjI3Ni0wLjIyNCwwLjUtMC41LDAuNSAgICBINi44MThjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjVWNy45ODRMMS41NTUsMTIuMDYxeiIvPjwvZz48cGF0aCBkPSJNMTIuMDk4LDIzLjk1N2MtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNXYtNy4xMzJjMC0wLjI3NiwwLjIyNC0wLjUsMC41LTAuNXMwLjUsMC4yMjQsMC41LDAuNXY3LjEzMiAgIEMxMi41OTgsMjMuNzMzLDEyLjM3NSwyMy45NTcsMTIuMDk4LDIzLjk1N3oiLz48cGF0aCBkPSJNMTIuMDk4LDguMTc1Yy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41VjAuNTQzYzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVzMC41LDAuMjI0LDAuNSwwLjV2Ny4xMzIgICBDMTIuNTk4LDcuOTUyLDEyLjM3NSw4LjE3NSwxMi4wOTgsOC4xNzV6Ii8+PC9nPjwvc3ZnPg==) no-repeat bottom center;
  background-size: contain;
  opacity: 0.5;
}
.confirm-dialog {
  position: relative;
  top: 0;
  max-width: 200px;
  text-align: center;
  color: #212121;
  background-color: #fff;
  border: 1px solid #eaeaea;
  padding: 8px;
  box-shadow: 0 0 15px -5px rgba(33, 33, 33, 0.5);
  white-space: normal;
  user-select: text;
  font-size: 12px;
}
.confirm-dialog p {
  margin: 2px 0;
}
.divider-overlay {
  position: absolute;
  background-color: transparent;
  z-index: 2;
}
.civicaRadioList input {
  width: auto;
  min-width: unset;
  min-height: unset;
}
.workitem-stage table,
.workitem-stage td,
.workitem-stage th {
  border-collapse: separate;
  border-spacing: 2px;
}
.workitem-stage th {
  text-align: left;
  padding: 0px 25px 0px 5px;
}
.workitem-stage .multiobject th {
  vertical-align: text-top;
}
.workitem-stage td {
  padding: 0px 25px 0px 5px;
}
.workitem-stage tr {
  height: 36px;
}
.workitem-stage tr:first-child {
  height: 20px;
}
.civicaAnswer tbody tr:nth-child(odd) {
  background-color: rgba(9, 62, 82, 0.05);
}
.civica-stage-instruction tbody tr:nth-child(even) {
  background-color: rgba(9, 62, 82, 0.05);
}
.inputbox-wrapper.textBox-wrapper {
  align-items: center;
  text-decoration: none;
}
.context-header {
  min-height: 50px;
}
.context-header .context-title {
  min-width: 0;
  margin-left: 9px;
  width: 100%;
  display: flex;
  text-overflow: ellipsis;
  overflow: hidden;
}
.context-header a {
  color: white;
  padding-bottom: 5px;
}
.context-header a:visited {
  color: white;
}
.context-header .new-tab-link svg {
  fill: #FFFFFF;
  fill-opacity: 1;
}
.new-tab-link {
  height: 18px;
  width: 18px;
  margin-right: 5px;
  flex-shrink: 0;
}
.new-tab-link svg {
  vertical-align: text-top;
  margin-left: 5px;
  fill: #2d3239;
  fill-opacity: 0.5;
  width: 100%;
  align-self: center;
}
.context-title-content {
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
.content-container.content-hidden {
  display: none;
}
.w360-content.loading {
  background-color: rgba(255, 255, 255, 0.5);
}
.w360-content.loading > .content-container {
  display: none;
}
.context-header h2 > span.webacc-hidden {
  display: none;
}
.content-container {
  height: calc(100% - 50px);
  display: flex;
  background-color: #fff;
}
.dashboard-content {
  background-color: rgba(255, 255, 255, 0.5);
}
.avatarmenu-organisation,
.avatarmenu-organisation-uri,
.avatarmenu-username {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.avatarmenu {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  box-sizing: border-box;
}
.avatarmenu-button {
  min-width: 164px;
}
.avatarmenu-header {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 20px;
  height: 60px;
}
.avatarmenu-username {
  font-size: 16px;
  line-height: normal;
  max-width: 146px;
}
.avatarmenu-dropdown-title,
.avatarmenu-organisation {
  font-family: "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
}
.avatarmenu-organisation {
  line-height: normal;
  opacity: 0.9;
  max-width: 146px;
}
.avatarmenu-organisation-container {
  text-align: right;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: 16px;
}
.avatarmenu-organisation-image {
  height: 35px;
  width: 35px;
  border: 0;
  border-radius: 35px;
  margin-left: 11px;
  margin-right: 5px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  visibility: hidden;
}
.avatarmenu-dropdown {
  background-color: #ffffff;
}
.avatarmenu-list-system a {
  display: block;
  position: relative;
}
.avatarmenu-scrollviewer {
  max-height: 505px;
  overflow: auto;
}
.breadcrumb {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
}
.contextpane {
  display: none;
  max-width: 435px;
  height: 100%;
  position: relative;
  z-index: 200;
}
.contextpane .contextpane-content {
  box-sizing: border-box;
  max-width: 435px;
  height: 100%;
  overflow: auto;
}
.contextpane .progress-dots {
  display: none;
}
.contextpane.contextpane-loading .progress-dots,
.contextpane.contextpane-visible {
  display: block;
}
.contextpane-close,
.contextpane-expand {
  cursor: pointer;
  border: 0;
  background-color: transparent;
  margin: 0;
  transition: background 0.2s ease-out;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 0;
  min-width: 0px;
  padding-left: 7px;
}
.contextpane-close svg,
.contextpane-expand svg {
  display: block;
  height: 16px;
  width: 16px;
}
.contextpane-close {
  right: 0;
}
.contextpane-close:hover {
  background: #ba141a;
  color: #fff;
}
.contextpane-expand {
  left: 0;
  padding: 8px 7px 9px 20px;
  width: 100%;
}
.contextpane-expand svg {
  height: 18px;
  width: 18px;
}
.sidebar.sidebar-is-collapsed + .portal-contextpane-left {
  width: 60px;
  max-width: 60px;
}
.sidebar.sidebar-is-collapsed + .portal-contextpane-left .partgallery-container .partgallery-loading-status,
.sidebar.sidebar-is-collapsed + .portal-contextpane-left .partgallery-container .partgallery-partscontainer,
.sidebar.sidebar-is-collapsed + .portal-contextpane-left .partgallery-container .partgallery-topcontainer > * {
  display: none;
}
.sidebar.sidebar-is-collapsed + .portal-contextpane-left .partgallery-container .partgallery-topcontainer {
  overflow: visible;
}
.sidebar.sidebar-is-collapsed + .portal-contextpane-left .partgallery-container .partgallery-topcontainer .partgallery-title {
  display: block;
  white-space: nowrap;
  -webkit-transform: rotate(90deg) translateY(5px);
  transform: rotate(90deg) translateY(5px);
  -webkit-transform-origin: 0;
  transform-origin: 0;
}
.sidebar.sidebar-is-collapsed + .portal-contextpane-left .contextpane-expand,
.sidebar.sidebar-is-collapsed + .portal-contextpane-left .contextpane-expand .contextpane-button-inner {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.sidebar + .portal-contextpane-left {
  width: 225px;
  max-width: 225px;
  border-right: 1px solid;
}
.contextblade-placeholder {
  width: 435px;
}
.portal-contextpane-right {
  position: absolute;
  right: 17px;
  box-shadow: 0 5px 15px 2px rgba(0, 0, 0, 0.3);
}
.topbar {
  height: 60px;
  position: relative;
  z-index: 250;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.topbar-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.topbar-home {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 20px;
  padding-left: 20px;
  padding-right: 20px;
  height: 100%;
  line-height: 40px;
  align-items: center;
  display: flex;
}
.topbar-button {
  display: -webkit-flex;
  display: flex;
  height: 60px;
  width: 60px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-right: 1px solid rgba(128, 128, 128, 0.4);
  cursor: pointer;
}
.topbar-button svg {
  height: 28px;
  width: 28px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.topbar-notifications.topbar-button {
  border-left: 1px solid rgba(128, 128, 128, 0.4);
}
@-webkit-keyframes indicator-animatedEllipses {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0.6;
  }
  60% {
    opacity: 0.3;
  }
}
@keyframes indicator-animatedEllipses {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0.6;
  }
  60% {
    opacity: 0.3;
  }
}
.topbar-search {
  height: 60px;
  flex-grow: 3;
  /*  margin-right:auto;*/
  display: flex;
  /* min-width:150px;*/

}
.topbar-search .box-wrapper {
  margin-top: 10px;
}
.service-search .menu {
  margin-right: 6px;
  /*overflow-y: auto;
    max-height: 80vh;*/
  flex: 0 0 100%;
  z-index: 100;
}
.service-search .menu ul {
  overflow-y: auto;
  max-height: 80vh;
  border: 1px solid #D3D3D3;
}
.search-icon.topbar-button.trim-svg {
  margin-left: 5px;
}
.service-search {
  position: relative;
  /*  max-width: 800px; */
  /* margin:auto; */
  min-width: 200px;
}
.service-search.service-search-expanded {
  padding: 0 0 0 10px;
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-width: 0;
}
.service-search.service-search-expanded .box-wrapper {
  /* display: inline-block; */
  flex: 1 0 10%;
}
.service-search.service-search-expanded .service-search-icon {
  display: none;
}
.service-search .box-wrapper {
  position: relative;
  padding: 0;
  max-width: 565px;
}
.workitem-stage .service-search .box-wrapper {
  max-width: 150px;
}
.service-search .box-wrapper.service-searching .indicator {
  display: inline-block;
}
.service-search .box-wrapper.service-searching .service-searchbox .input {
  padding: 0 60px 0 32px;
}
.service-search div.icon {
  position: absolute;
  padding: 5px 7px;
  right: 0;
  background-color: #144052;
}
.service-search div.icon svg {
  height: 28px;
  width: 28px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  /*  fill: #1b1b1b;*/

}
.service-search .cross {
  height: 25px;
  width: 25px;
  top: 9px;
  min-width: 0px;
  padding-left: 0px;
  background-color: transparent;
  position: absolute;
  right: 0;
  cursor: pointer;
  color: #1b1b1b;
  padding: 0;
  margin: 0;
}
.service-search .cross svg {
  fill: #1b1b1b;
}
.service-search.service-search-expanded .service-search .service-searchbox {
  height: 40px;
  /* width: 700px;*/

}
.service-search .service-searchbox .input {
  font-size: 24px;
  height: 35px;
  font-family: "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.service-search .service-searchbox .input::-ms-clear {
  display: none;
}
.service-search .indicator {
  height: 28px;
  width: 40px;
  position: absolute;
  display: none;
  top: 0;
  padding-top: 4px;
  right: 20px;
}
.service-search .indicator > div {
  display: inline-block;
  height: 6px;
  width: 6px;
  -webkit-animation: indicator-animatedEllipses 1.5s infinite;
  animation: indicator-animatedEllipses 1.5s infinite;
  background: #aab3bd;
  margin: 0 2.5px;
}
.service-search .indicator > div:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.service-search .indicator > div:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.service-search .indicator > div:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
@media all and (min-width: 1440px) {
  .service-search {
    position: relative;
  }
  /*
          .service-search .box-wrapper {
              display: inline-block;
          }
  */
  
  .service-search .service-search-icon {
    display: none;
  }
}
.service-search .service-search-no-journeys .service-search-icon {
  display: none;
}
.content-menu {
  width: 215px;
  color: #2d3239;
  flex: 0 1 auto;
  min-width: min-content;
  border-right: #eee 3px solid;
  overflow: auto;
  resize: horizontal;
}
.menu-wrapper {
  flex-shrink: 0;
  padding: 10px 15px 15px;
}
.menu-section {
  margin-bottom: 20px;
}
.menu-section-hidden {
  display: none;
}
.section-heading {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: inherit;
  border-color: #ccc;
  text-transform: uppercase;
  padding-bottom: 10px;
  font-family: "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
ul.action-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.action-list > li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: inherit;
  border-color: #ccc;
  margin: 0;
}
ul.action-list > li.actionlistmergeditem {
  border-bottom-width: 0px;
}
ul.action-list > li.action-item-hidden {
  display: none;
}
.action-item-link {
  color: #2d3239;
  width: 100%;
  display: flex;
  background-color: white;
  border-style: none;
}
.action-item-link:hover {
  cursor: pointer;
}
.action-item-link:hover,
.action-item-link:focus {
  background-color: #f6f6f6;
}
.action-icon {
  display: block;
  padding: 10px 0 10px 10px;
}
.action-icon > svg {
  height: 20px;
  width: 20px;
}
.action-text {
  display: block;
  padding: 10px;
}
.action-description {
  color: #757575;
}
.action-item-current {
  background-color: #f6f6f6;
}
.filter-input {
  margin-bottom: 10px;
  margin-top: 10px;
}
.listitempedding {
  padding: 0 0 0 25px;
}
.sidebar,
.sidebar-bar {
  height: 100%;
  box-sizing: border-box;
}
.sidebar {
  z-index: 200;
  position: relative;
  border-right: 1px solid;
  color: #3c454f;
}
.sidebar ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar button {
  border: none;
  background: 0 0;
  font-family: inherit;
  margin: 0;
  padding: 0;
}
.sidebar-bar {
  width: 162px;
}
.sidebar-flyout {
  position: absolute;
  top: 33px;
  bottom: 0;
  left: 100%;
  width: 300px;
}
.sidebar-browse-flyout {
  height: 100%;
}
.sidebar-flyout-header {
  padding-bottom: 10px;
  margin-right: 25px;
  margin-left: 25px;
  padding-top: 10px;
}
.sidebar-flyout-header .sidebar-flyout-close:hover > svg {
  fill: #fff;
}
.sidebar .sidebar-flyout-close {
  cursor: pointer;
  border: 0;
  background-color: transparent;
  margin: 0;
  transition: background 0.2s ease-out;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 0;
  min-width: 0px;
  padding-left: 7px;
  right: 0;
  fill: #252525;
}
.sidebar-flyout-close svg {
  display: block;
  height: 16px;
  width: 16px;
}
.sidebar-flyout-close:hover {
  background: #ba141a;
}
.sidebar-button-flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.sidebar-flyout-is-hidden {
  display: none;
}
button.sidebar-browse {
  padding: 0 12px;
  height: 40px;
  width: 225px;
  display: flex;
}
.sidebar-favourites {
  height: calc(100% - 108px);
}
.sidebar-possible-favourites {
  height: calc(100% - 31px);
  overflow-y: auto;
  overflow-x: hidden;
}
.sidebar-possible-favourites .sidebar-label {
  width: auto;
  padding-right: 10px;
}
.sidebar-possible-favourites .sidebar-item-link {
  padding-left: 5px;
  width: 160px;
}
.sidebar-item-category {
  border-bottom: 1px solid #dcdfe2;
  margin: 5px 5px 0 5px;
}
.sidebar-item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-items: center;
  align-items: center;
  height: 40px;
  margin-bottom: 5px;
}
.sidebar-item-link.is-selected {
  background-color: #fff;
  margin-right: -1px;
  border-right: 1px solid #fff;
}
.sidebar-item-link.is-selected svg {
  fill: #144052;
}
.sidebar-item-link.is-selected .sidebar-label {
  color: #144052;
}
.sidebar-item .sidebar-home {
  display: none;
}
.sidebar-flyout .sidebar-item:last-child {
  margin-bottom: 35px;
}
.sidebar-flyout .sidebar-item {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 35px;
  padding-left: 12px;
  padding-right: 12px;
}
.sidebar-flyout .sidebar-item .sidebar-item-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
.sidebar-item-link {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 10px;
  -webkit-user-drag: none;
}
.sidebar-icon {
  -webkit-flex: 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 36px;
}
.sidebar-icon img,
.sidebar-icon svg {
  height: 28px;
  width: 28px;
}
.sidebar-digital-icon {
  background-color: #144052;
}
.sidebar-digital-icon img,
.sidebar-digital-icon svg {
  height: 60px;
  width: 50px;
}
@media (max-height: 430px) {
  .sidebar-digital-icon {
    display: none;
  }
}
.sidebar-flyout .sidebar-label,
.sidebar-label {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 10px;
}
.sidebar-item-category .sidebar-category-old-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  text-align: left;
  text-transform: uppercase;
}
.sidebar-item-icon {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 18px;
  width: 18px;
  cursor: pointer;
}
.sidebar-item-icon svg {
  fill: #555;
  fill-opacity: 0.5;
}
button.sidebar-collapse-button {
  display: -webkit-flex;
  display: flex;
  height: 50px;
  width: 100%;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 15px;
  min-width: 50px;
}
button.sidebar-collapse-button svg {
  height: 18px;
  width: 18px;
}
.sidebar-show-if-expanded {
  display: block;
}
.sidebar-external {
  -webkit-flex: 0 0 12px;
  flex: 0 0 12px;
  margin: 0 10px;
  padding-top: 4px;
  width: 12px;
}
.sidebar-is-collapsed .sidebar-bar {
  width: 50px;
}
.sidebar-is-collapsed .sidebar-show-if-expanded {
  display: none;
}
.dropmenu {
  position: relative;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  box-sizing: border-box;
  z-index: 200;
}
.dropmenu-button {
  border: none;
  padding: 0;
  margin: 0;
  background: 0 0;
  color: inherit;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  position: relative;
  height: 100%;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.dropmenu-content {
  position: absolute;
}
.dropmenu-content ol,
.dropmenu-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropmenu-content li {
  white-space: nowrap;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #ccc;
}
.dropmenu-content li:last-child {
  border-bottom: none;
}
.dropmenu-content li a {
  -webkit-align-items: center;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 7px 7px;
}
.dropmenu-content .dropmenu-list-content {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropmenu-content .dropmenu-image {
  position: absolute;
  right: 7px;
  height: 16px;
  width: 16px;
}
.dropmenu-content .dropmenu-image img,
.dropmenu-content .dropmenu-image svg {
  height: 13px;
  width: 13px;
}
.dropmenu-content .dropmenu-line-separator {
  border-top: 1px solid;
}
.dropmenu-left {
  right: 0;
}
.dropmenu-hidden {
  display: none;
}
.dropmenu-content.dropmenu-defaultWidth {
  width: 220px;
}
:-webkit-full-screen .sidebar,
:-webkit-full-screen .topbar {
  display: none !important;
}
:-webkit-full-screen .w360-main {
  height: 100%;
}
:-webkit-full-screen .tile::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
:-moz-full-screen .sidebar,
:-moz-full-screen .topbar {
  display: none !important;
}
:-moz-full-screen .w360-main {
  height: 100%;
}
:-moz-full-screen .tile::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
:-ms-fullscreen .sidebar,
:-ms-fullscreen .topbar {
  display: none !important;
}
:-ms-fullscreen .w360-main {
  height: 100%;
}
:-ms-fullscreen .tile::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
:fullscreen .sidebar,
:fullscreen .topbar {
  display: none !important;
}
:fullscreen .w360-main {
  height: 100%;
}
:fullscreen .tile::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@-webkit-keyframes tile-progress-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes tile-progress-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tile-container {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
  overflow: auto;
}
.tile-container .tile {
  height: 175px;
  width: 175px;
  padding: 5px;
  background-color: #3b8896;
  margin: 15px;
  box-shadow: 5px 5px 2px 0px #888888;
  transition: all 0.1s ease-in-out;
  animation: tile-progress-fade-in 0.2s ease-in-out;
}
.tile-container .tile svg {
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 140px;
  width: 140px;
  fill: white;
  margin-top: 5px;
}
.tile-container .tile .tile-title {
  text-align: center;
  color: white;
}
.tile-container .tile:hover,
.tile-container .tile:focus {
  background-color: #2d6771;
  transform: scale(1.03);
}
.tile-container .users-tile {
  background-color: #357B88;
}
.tile-container .users-tile:hover,
.tile-container .users-tile:focus {
  background-color: #2d6771;
}
.tile-container .groups-tile {
  background-color: #eb5845;
}
.tile-container .groups-tile:hover,
.tile-container .groups-tile:focus {
  background-color: #e43019;
}
.tile-container .letters-tile {
  background-color: #f9b234;
}
.tile-container .letters-tile:hover,
.tile-container .letters-tile:focus {
  background-color: #f39e07;
}
.tile-container .forms-tile {
  background-color: #b62b60;
}
.tile-container .forms-tile:hover,
.tile-container .forms-tile:focus {
  background-color: #8d214a;
}
.tile-container .workfeed-tile {
  background-color: #E22B12;
}
.tile-container .workfeed-tile:hover,
.tile-container .workfeed-tile:focus {
  background-color: #ed371f;
}
.tile-container .takeACall-tile {
  background-color: #B4CC04;
}
.tile-container .takeACall-tile:hover,
.tile-container .takeACall-tile:focus {
  background-color: #889a03;
}
.tile-container .civicaenquiry-tile {
  background-color: #b62b60;
}
.tile-container .civicaenquiry-tile:hover,
.tile-container .civicaenquiry-tile:focus {
  background-color: #8d214a;
}
.tile-container .sysadmin-tile {
  background-color: #b9ce00;
}
.tile-container .sysadmin-tile:hover,
.tile-container .sysadmin-tile:focus {
  background-color: #8b9b00;
}
.tile-container .ssrsrpt-tile {
  background-color: #eb5845;
}
.tile-container .ssrsrpt-tile:hover,
.tile-container .ssrsrpt-tile:focus {
  background-color: #e43019;
}
.tile-container .ssrsdb-tile {
  background-color: #4285F4;
}
.tile-container .ssrsdb-tile:hover,
.tile-container .ssrsdb-tile:focus {
  background-color: #1266f1;
}
@-webkit-keyframes notificationmenu-indeterminate-progress {
  from {
    left: -100%;
  }
  to {
    left: 150%;
  }
}
@keyframes notificationmenu-indeterminate-progress {
  from {
    left: -100%;
  }
  to {
    left: 150%;
  }
}
@-webkit-keyframes notificationspane-listitem-flash {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #fbf8b2;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes notificationspane-listitem-flash {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #fbf8b2;
  }
  100% {
    background-color: transparent;
  }
}
.notificationspane-progressbar {
  position: absolute;
  overflow: hidden;
  height: 2px;
  top: 35px;
  left: 1px;
  bottom: 1px;
  right: 1px;
  transition: opacity 1.5s ease-in-out 1s;
}
.notificationspane-progressbar > div {
  position: absolute;
  width: 60%;
  height: 100%;
  animation: notificationmenu-indeterminate-progress 1.5s linear infinite;
  background-color: #00bcf2;
}
.notificationspane-button-unreadcount {
  font-family: az_ea_font, wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 13px;
  background-color: #fff;
  color: #000;
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 15px;
  text-align: center;
  line-height: 13px;
}
.notificationspane-button-unreadcount-circle {
  height: 15px;
  width: 15px;
}
.notificationspane-button-unreadcount-oval {
  height: 15px;
  width: 28px;
}
.notificationspane-header {
  border-bottom: 1px solid #758393;
  padding-bottom: 10px;
  margin-right: 25px;
}
.notificationspane {
  width: 395px;
  height: 100%;
  margin: 0 0 0 25px;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.notificationspane-label {
  color: #fff;
  padding-bottom: 3px;
}
.notificationspane-top {
  height: calc(100% - 75px);
  overflow: auto;
  width: 370px;
  padding-right: 25px;
}
.notificationspane-top .nodata-content {
  margin: 0 40px;
  padding-top: 30px;
  text-align: center;
}
.notificationspane-dismisscontainer {
  float: right;
  margin-right: 15px;
  margin-top: -10px;
}
.notificationspane-dismiss {
  display: inline-block;
  margin-right: 10px;
}
.notificationspane-dismisslist {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.notificationspane-dismissitem {
  display: inline-block;
  margin-right: 10px;
}
.notificationspane-dismissitemdisabled {
  color: #6c737a !important;
  pointer-events: none;
}
.notificationspane-list {
  overflow: hidden;
  list-style: none;
  padding-left: 0;
  width: 370px;
}
.notificationspane-listitem-flash {
  animation: notificationspane-listitem-flash 1.5s linear 10;
}
.notificationmenu-notificationclick {
  padding: 10px;
  display: block;
  position: relative;
  cursor: pointer;
}
.notificationmenu-notification-dismissIcon,
.notificationmenu-notification-expandIcon {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  height: 18px;
  width: 18px;
  position: absolute;
  display: none;
  opacity: 0.4;
  right: 9px;
  cursor: pointer;
  min-width: 0px;
}
.notificationmenu-notification-dismissIcon {
  top: 10px;
}
.notificationmenu-notification-expandIcon {
  top: 40px;
}
.notificationmenu-notification-dismissIcon:hover,
.notificationmenu-notification-expandIcon:hover {
  opacity: 1;
  background-color: transparent;
}
.notificationmenu-notification-details {
  margin-top: 10px;
  text-decoration: underline;
  cursor: pointer;
}
.notificationmenu-notificationclick.focus-within .notificationmenu-notification-dismissIcon,
.notificationmenu-notificationclick:hover .notificationmenu-notification-dismissIcon {
  display: block;
}
.notificationmenu-notification-dismissIcon:focus .notificationmenu-notification-title-subtitle .notificationmenu-notification-expandIcon:focus .notificationmenu-notification-title-subtitle {
  display: none;
}
.notificationmenu-notificationclick:hover .notificationmenu-notification-title-subtitle {
  display: none;
}
.notificationmenu-notificationclick.focus-within .notificationmenu-notification-title-subtitle {
  display: none;
}
.notificationmenu-notification-dismissIcon:focus,
.notificationmenu-notification-expandIcon:focus {
  display: block;
}
.notificationmenu-notification-dismissIcon:focus ~ .notificationmenu-notification-title-subtitle {
  display: none;
}
.notificationmenu-notification-iconVerticalTransform {
  transform: scale(-1, -1);
  background-color: rgba(255, 255, 255, 0.3);
}
.notificationmenu-notification-title {
  display: -webkit-flex;
  display: flex;
  padding-bottom: 2px;
}
.notificationmenu-notification-title-icon {
  height: 21px;
  width: 21px;
  margin-right: 10px;
}
.notificationmenu-notification-title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
  -webkit-flex: 1 0 0;
  flex: 1 0 0;
}
.notificationmenu-notification-title-subtitle {
  line-height: 18px;
  margin-right: 15px;
}
.notificationmenu-notification-description {
  display: block;
  display: -webkit-box;
  line-height: 18px;
  max-height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  position: relative;
  padding-top: 5px;
  white-space: normal;
  width: 335px;
}
.notificationmenu-notification-expandedDescription {
  max-height: 100%;
  overflow-y: auto;
  -webkit-line-clamp: initial;
  -webkit-box-orient: vertical;
}
.notificationmenu-notification-progressbar {
  margin-top: 10px;
}
.service-search .menu {
  position: relative;
  /* width: 100%;
    right: 0;*/
  max-width: 100%;
  top: -10px;
}
.service-search .menu .dropmenu-list-content {
  display: -webkit-flex;
  display: flex;
  /* -webkit-flex-wrap: wrap;
    flex-wrap: wrap;*/
  padding: 2px 5px;
}
.service-search .menu img,
.service-search .menu svg {
  height: 20px;
  width: 20px;
}
/*   .menu .open-new-window svg{
    height:20px;
    width:20px;
}*/

.service-search .menu-result-subName em {
  padding: 0px !important;
  color: #252525;
}
.service-search .menu-result-name em {
  padding: 0px !important;
}
.service-search .menu-more-type em {
  color: #0058ad;
}
.service-search .menu em {
  font-family: az_ea_font, wf_segoe-ui_bold, "Segoe UI Bold", "Segoe WP Bold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  white-space: nowrap;
  padding: 0px 5px 0px 5px;
}
.service-search .menu-more-type,
.service-search .menu-mru-title {
  font-family: az_ea_font, wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.service-search .menu-mru-title {
  padding: 5px 30px 0;
  font-size: 10px;
  text-transform: uppercase;
}
.service-search .menu-no-results {
  text-align: center;
  padding-top: 10px;
}
.service-search .menu-mru {
  padding-bottom: 6px;
}
.service-search .menu-divider {
  padding-top: 6px;
}
.service-search .menu-more-type {
  padding-left: 4px;
  text-transform: uppercase;
}
.service-search .menu-result-type:hover {
  text-decoration: underline;
}
.service-search .menu-result-type:focus-within {
  text-decoration: underline;
}
.service-search .menu-result-details {
  display: -webkit-flex;
  display: flex;
  /* -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;*/
  -webkit-align-items: center;
  align-items: center;
  /* height: 100%;*/
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.service-search .menu-result-details a {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  padding: 0;
  flex-shrink: 0;
  width: 100%;
}
.service-search .menu-result-type a {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  padding: 0;
}
.service-search .menu-item span {
  display: flex;
  display: -webkit-flex;
}
.service-search .menu-result-icon {
  margin-right: 5px;
  margin-top: 4px;
}
.service-search .menu-result-externalcolumn {
  padding-left: 7px;
  min-width: 20px;
  display: flex;
  align-items: center;
}
.service-search .menu-result-external a {
  padding: 0;
  display: flex;
}
.service-search .menu-result-name {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-basis: 80%;
}
.service-search .menu-result-subName {
  width: 100%;
  padding-left: 25px;
  color: #757575;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-basis: 100%;
  font-size: 14px;
}
.service-search .menu-result-type {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 5px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.service-search .menu-subscription-summary {
  display: -webkit-flex;
  display: flex;
  font-size: 12px;
}
.service-search .menu-subscription-summary div {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.service-search .menu-subscription-summary a {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 4px;
}
.service-search .menu-preview .menu-preview-info {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.service-search .menu-preview .menu-preview-info svg {
  height: 10px;
  width: 10px;
}
.service-search .menu-preview .menu-feedback {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: right;
  text-decoration: underline;
}
.search-results > .loader {
  display: none;
}
.search-results.loading {
  background-color: #ffffff;
  min-height: 50px;
}
.search-results.loading > .loader,
.search-results.loading > .loader:before,
.search-results.loading > .loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: loaderdots 1.8s infinite ease-in-out;
  animation: loaderdots 1.8s infinite ease-in-out;
}
.search-results.loading > .loader {
  display: block;
  color: #3b8896;
  font-size: 8px;
  margin: auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.search-results.loading > .loader:before,
.search-results.loading > .loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.search-results.loading > .loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.search-results.loading > .loader:after {
  left: 3.5em;
}
@-webkit-keyframes loaderdots {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes loaderdots {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
/*! CSS Used from: Embedded */

.ellipsis {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.control svg {
  overflow: hidden;
}
.warning-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.warning-popup-list {
  margin-left: 18px;
  list-style-type: disc;
}
.warning-popup {
  background: white;
  color: black;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}
.warning-popup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.warning-popup-header {
  font-weight: bold;
  margin-bottom: 10px;
}
.warning-popup-message {
  margin-bottom: 10px;
}
.warning-popup-buttons {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.warning-popup-ok,
.warning-popup-cancel {
  padding: 5px 10px;
  border: none;
  cursor: pointer;
}
#SelectAlldiv {
  display: flex;
  align-items: center;
  float: right;
}
span.selectAllcheckboxseparate {
  width: 30px;
  text-align: center;
  vertical-align: middle;
  align-self: center;
  margin-right: 5px;
  margin-left: 5px;
  height: 30px;
}
span.selectAllcheckbox {
  display: inline-block;
  font-size: 20px;
  width: 30px;
  text-align: center;
  margin-right: 5px;
  cursor: pointer;
  color: transparent;
}
span.selectAllcheckbox.checked:before,
span.selectAllcheckbox.unchecked:before {
  display: inline-block;
  font-size: 20px;
  width: 30px;
  text-align: center;
  margin-right: 5px;
  cursor: pointer;
  color: transparent;
}
span.selectAllcheckbox.checked:before {
  content: '\2714';
  color: green;
  transition: color ease-in 500ms;
}
span.selectAllcheckbox.unchecked:before {
  content: '\25A2';
  color: black;
  transition: color ease-in 500ms;
}
.grid2.grid-grouping .table .tbody.grid-groupdata .tr.grid-groupheader .td {
  font-size: 14px;
  font-family: az_ea_font, wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  text-transform: uppercase;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
}
.grid2.grid-grouping .table .tbody.grid-groupdata .tr.grid-groupheader {
  background-color: #eee;
  margin-top: 2px;
  border-bottom: none;
}
.grid2.grid-resizing .grid-tableContainer {
  position: relative;
}
.grid2.grid-scrolling,
.grid2.grid-scrolling div.grid-container,
.grid2.grid-scrolling div.grid-container div.grid-tableContainer,
.grid2.grid-scrolling div.grid-container div.grid-tableContainer div.grid-tableScrollContainer {
  overflow-x: hidden;
  overflow-y: hidden;
}
.grid2.grid-scrolling.grid-verticalScroll div.grid-container {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.grid2.grid-scrolling.grid-verticalScroll div.grid-container div.grid-tableContainer {
  position: relative;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
}
.grid2.grid-scrolling.grid-verticalScroll div.grid-container div.grid-tableContainer div.grid-tableScrollContainer {
  height: 100%;
  overflow-y: auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.mode-standard .grid2.grid-selection .tbody tr:focus {
  background-color: #f6f6f6;
}
.grid2 .table .tbody .tr .td {
  color: #2d3239;
}
.grid2 .table .tbody .tr .td:nth-child(2),
.grid2 .table .tbody .tr .td:nth-child(3) {
  color: #757575;
}
.grid2 .table .tbody .tr .td .grid-cellContent {
  display: flex;
}
.grid2 .table .tbody .tr .td:nth-child(2) em {
  font-family: az_ea_font, wf_segoe-ui_bold, "Segoe UI Bold", "Segoe WP Bold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #2d3239;
}
.grid2 .table {
  width: 100%;
  border: 0;
  background-color: transparent;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
.grid2 .table .tbody.grid-grouped .tr:last-child {
  border-bottom: none;
}
.grid2 .table .tbody .tr {
  padding: 1px 1px 1px 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: flex;
  flex: 1 1 100%;
  flex-direction: row;
  width: 100%;
}
.grid2 .table .tbody .tr.grid-row.selected {
  background-color: #f6f6f6;
}
.grid2 .table .tbody .tr.grid-row span.checkboxseparate {
  width: 30px;
  text-align: center;
  vertical-align: middle;
  align-self: center;
  margin-right: 5px;
  margin-left: 5px;
  height: 30px;
}
.grid2 .table .tbody .tr.grid-row span.checkbox.checked,
.grid2 .table .tbody .tr.grid-row span.checkbox.unchecked {
  display: inline-block;
  font-size: 20px;
  width: 30px;
  text-align: center;
  margin-right: 5px;
  cursor: pointer;
  color: transparent;
}
.grid2 .table .tbody .tr.grid-row span.checkbox.checked:before {
  content: '\2714';
  color: green;
  transition: color ease-in 500ms;
}
.grid2 .table .tbody .tr.grid-row span.checkbox.unchecked:before {
  content: '\25A2';
  color: black;
  transition: color ease-in 500ms;
}
.grid2 .table .tbody .tr a {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  flex-shrink: 1;
  /* flex-basis: 100%; */
  width: 100%;
}
.grid2 .table .tbody .tr span.workitem-link.blocked {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  flex-shrink: 1;
  /* flex-basis: 100%; */
  width: 100%;
}
.grid2 .table .tbody .tr a .result {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  flex-shrink: 1;
  /* flex-basis: 100%; */
  width: 100%;
}
.grid2 .table .tbody .tr a:nth-of-type(2) {
  padding-right: 5px;
  flex-grow: 0;
  align-self: center;
  width: 15px;
}
.grid2 .table .tbody .tr div {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  flex-shrink: 1;
  /* flex-basis: 100%; */
  width: 100%;
}
.grid2 .table .tbody .tr div .result {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  flex-shrink: 1;
  /* flex-basis: 100%; */
  width: 100%;
}
.grid2 .table .tbody .tr div:nth-of-type(2) {
  padding-right: 5px;
  flex-grow: 0;
  align-self: center;
  width: 15px;
}
.grid2 .table .tbody .tr .grid-activatable {
  font-size: 16px;
  color: #0058AD;
}
.grid-tableContent {
  height: 100%;
  padding-right: 5px;
}
[tabindex="0"]:focus {
  outline-offset: -1px;
}
.tbody .tr[tabindex]:not([tabindex='-1']):focus {
  box-shadow: none;
}
.mode-standard .portal-hover:hover {
  background-color: #f6f6f6;
}
.mode-standard .portal-hover:focus-within {
  background-color: #f6f6f6;
}
.mode-standard .control {
  border-color: #bbb;
}
.mode-standard .control ::-webkit-input-placeholder {
  color: #757575;
}
.mode-standard .control ::-moz-placeholder {
  color: #757575;
}
.mode-standard .control :-ms-input-placeholder {
  color: #757575;
}
.mode-standard .br-muted {
  border-color: #ccc;
}
.svg-disabled {
  filter: grayscale(100%);
}
.font-semilight {
  font-family: az_ea_font, wf_segoe-ui_semilight, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.gridcolumn-assetsvg-icon svg {
  height: 14px;
  width: 14px;
  vertical-align: middle;
  margin-right: 2px;
  fill: #757575;
}
.open-new-window svg {
  height: 20px;
  width: 20px;
}
.gridcolumn-assetsvg-icon.open-new-window.blocked {
  visibility: hidden;
  padding-right: 5px;
  width: 15px;
}
.type-icon svg {
  height: 23px;
  width: 23px;
  margin-top: 3px;
}
.gridcolumn-assetsvg-text {
  vertical-align: middle;
  padding-left: 3px;
  padding-top: 2px;
}
.gridcolumn-assetsvg-text em {
  font-family: "Segoe UI Bold", "Segoe WP Bold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  white-space: nowrap;
}
.list-container {
  display: flex;
  flex-direction: column;
  overflow: auto;
  flex-grow: 1;
  padding: 10px 25px 25px;
}
.list-count {
  flex: 0 0 auto;
  margin-top: 5px;
}
.list-grid-parent {
  flex: 1 1 auto;
  position: relative;
}
.list-grid-parent-hidden {
  display: none;
}
.list-grid {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.list-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.list-empty-hidden {
  display: none;
}
.list-emptytitle {
  font-size: 15px;
}
.list-emptytext {
  text-align: center;
  max-width: 680px;
  padding-bottom: 15px;
  font-size: 12px;
}
.list-emptyicon {
  height: 100px;
  width: 100px;
  padding-top: 40px;
  padding-bottom: 20px;
  opacity: 0.4;
}
/*.keyobject-details strong,
.keyobject-update strong {
    font-weight: bold;
}*/

.keyobject-details svg,
.keyobject-update svg {
  fill: #555;
}
.keyobject-update .inputfield .svg-wrapper {
  margin-right: 0;
}
.keyobject-details,
.keyobject-update {
  padding: 5px 0;
  overflow: auto;
  position: relative;
  flex-grow: 1;
}
.keyobject-details .caption {
  width: 200px;
  min-width: 200px;
}
.keyobject-details .panel-heading,
.keyobject-update .panel-heading {
  margin-left: 5px;
}
.keyobject-moddata {
  margin-right: 75px;
  text-align: right;
}
.context-title h1 .golden-record {
  margin-left: 10px;
  color: gold;
  font-size: small;
  vertical-align: middle;
}
.keyobject-details.content-hidden,
.keyobject-update.content-hidden,
.keyobject-update .content-hidden {
  display: none;
}
.keyobject-details.loading > div:not(.loader),
.keyobject-update.loading > div:not(.loader) {
  display: none;
}
.keyobject-update .inputfieldgroup {
  margin: 7px 0;
  flex-wrap: wrap;
  border-left: 5px transparent solid;
  display: flex;
  align-items: flex-end;
  padding-left: 5px;
}
.keyobject-update .inputfieldgroup:first-of-type {
  margin-top: 0;
}
.keyobject-update .inputfieldgroup:last-of-type {
  margin-bottom: 0;
}
.keyobject-update .inputfieldlist ul li {
  margin: 10px 0;
}
.keyobject-update .inputfieldlist ul li:first-of-type {
  margin-top: 0;
}
.keyobject-update .inputfieldlist ul li:last-of-type {
  margin-bottom: 0;
}
.keyobject-update .inputfieldlist label {
  display: block;
  margin-left: 10px;
  margin-bottom: 2px;
}
.keyobject-update .inputfieldgroup.has-error .error-msg {
  margin-left: 0;
}
.keyobject-update .columns-panel {
  max-width: 500px;
  columns: 2;
}
.keyobject-update .columns-panel .inputfieldgroup {
  padding-bottom: 1px;
}
.keyobject-update .inputfieldgroup .inputfield:first-child {
  margin-left: 0;
}
.keyobject-update table {
  margin: 0 0 0 5px;
  border-spacing: 0;
  width: 370px;
}
.keyobject-update table td:last-child {
  width: 100%;
  text-align: right;
}
.keyobject-update .inputfieldgroup.has-error {
  border-left: red 5px solid;
}
.keyobject-update .has-error .inputfieldgroup {
  margin-bottom: 0;
}
.keyobject-update tbody tr td:first-child {
  border-left: transparent 5px solid;
}
.keyobject-update tbody tr td input:not([type="radio"]),
.keyobject-update tbody tr td select {
  display: block;
}
.inputfieldgroup .textBox-wrapper {
  width: auto;
}
.keyobject-update .inputfield .dropdown,
.keyobject-update table .dropdown {
  margin-top: 0;
  margin-bottom: 0;
}
.keyobject-update tbody.has-error tr td:first-child {
  border-left: red 5px solid;
}
.keyobject-update tbody.has-error tr.error-msg td:first-child {
  border-left: none;
  padding: 0;
}
.keyobject-update tbody.has-error tr.error-msg td:first-child > div {
  border-left: red 5px solid;
  padding-left: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.keyobject-update .has-error div.error-msg {
  flex: 0 1 100%;
  color: red;
  padding-left: 5px;
}
.keyobject-update .has-error tr.error-msg td {
  margin-left: 5px;
  text-align: initial;
  color: red;
}
.keyobject-update .inputfieldlist {
  display: block;
  width: 500px;
  margin-top: 10px;
}
.keyobject-update .inputfieldlist:first-of-type {
  margin-top: 0;
}
.keyobject-update .inputfield {
  margin: 0 0 0 5px;
  flex: 0 0 auto;
}
.keyobject-update .inputfieldgroup {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}
.keyobject-update .inputfield label {
  display: block;
  margin-bottom: 2px;
}
.keyobject-update .inputfield textarea {
  min-width: 400px;
  min-height: 100px;
}
.keyobject-update input:not([type="radio"]),
.keyobject-update select {
  width: 150px;
}
.keyobject-update select {
  margin: 0px;
}
.keyobject-update .inputfield input.dateinput {
  width: 75px;
}
.keyobject-update .inputfieldlist input[type="radio"] {
  width: auto;
  height: auto;
}
.keyobject-update select.smallinput {
  min-width: 60px;
  width: auto;
}
.keyobject-update input.smallinput {
  width: 90px;
}
.keyobject-update input.longinput,
.keyobject-update .inputfield select.longinput {
  width: 260px;
}
.keyobject-update .inputfield svg {
  margin: 0;
}
.keyobject-update button.delete-row {
  background-color: transparent;
  border: none;
  vertical-align: middle;
  margin-top: 0px;
}
.keyobject-update button.delete-button-narrow {
  margin-left: 0px;
}
.keyobject-update table svg {
  margin-left: 0;
}
.keyobject-update .panel .separator,
.keyobject-details .panel li .separator {
  display: block;
  border-bottom-width: 1px;
  margin: 10px 10px 0 10px;
  max-width: 500px;
  border-bottom-style: dashed;
}
.keyobject-update button .svg-wrapper {
  margin-right: 0;
  margin-top: 0;
}
/*.keyobject-update .cancel-button,
.keyobject-update .text-button {
    background-color:@main-Teal2;
    border: none;
    color: white;
    text-align: center;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 10px;
    min-width: 60px;
    font-size:13px;
}*/

.keyobject-details .no-items-msg,
.keyobject-update .no-items-msg {
  color: #666;
}
.keyobject-update .no-items-msg {
  margin-left: 5px;
}
.keyobject-update .inputfieldlist .no-items-msg {
  margin-left: 10px;
}
.keyobject-update .linked-object-wrapper {
  /* workaround for IE - yuck */
  display: -ms-grid;
  -ms-grid-columns: min-content;
}
.keyobject-update .linked-object {
  margin-left: 10px;
  display: flex;
  min-width: 357px;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  max-width: 500px;
}
.keyobject-update .linked-object > a:nth-of-type(1) {
  width: 100%;
}
.keyobject-summary .svg-wrapper,
.keyobject-details .svg-wrapper,
.keyobject-update .svg-wrapper {
  height: 18px;
  width: 18px;
  margin-right: 5px;
  flex-shrink: 0;
}
.keyobject-summary .svg-wrapper > svg,
.keyobject-details .svg-wrapper > svg,
.keyobject-update .svg-wrapper > svg {
  height: 100%;
  width: 100%;
}
.keyobject-update .address-search {
  display: flex;
  margin-left: 10px;
  margin-top: 10px;
}
.keyobject-update .address-search input {
  height: 24px;
  box-sizing: border-box;
  vertical-align: top;
}
.keyobject-update .address-search .search-icon {
  height: 24px;
  min-width: 35px;
  border: 0;
  margin: 0px;
}
.keyobject-update .address-search .search-icon svg {
  fill: #fff;
  margin-top: 0px;
}
.keyobject-update .address-results .list-grid {
  position: relative;
}
.keyobject-update .address-results .open-new-window svg {
  height: 20px;
  width: 20px;
  margin-top: 0;
}
.keyobject-update .address-results .gridcolumn-assetsvg-text {
  font-size: 12px;
}
.keyobject-update .address-results .list-empty,
.keyobject-update .address-results.loading {
  width: 295px;
}
.keyobject-update .address-results .list-emptyicon {
  height: 40px;
  width: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.keyobject-update .address-results .list-emptytext {
  padding-bottom: 0;
}
.keyobject-update .list-container {
  padding: 0 10px;
}
.keyobject-update .loading > *:not(.loader) {
  display: none;
}
.keyobject-update .search-wrapper.loading {
  width: 400px;
}
#age {
  padding-bottom: 5px;
}
.keyobject-details div.data-row {
  margin: 10px 0 10px 10px;
  display: flex;
}
.keyobject-details .data-row:first-of-type {
  margin-top: 0;
}
.keyobject-details .data-row:last-of-type {
  margin-bottom: 0;
}
.keyobject-details ul,
.keyobject-update ul {
  margin: 0;
  padding-left: 0;
}
.keyobject-details ul.no-bullet,
.keyobject-update ul.no-bullet {
  list-style: none;
  padding-left: 0;
}
.keyobject-details .has-whitespace {
  white-space: pre-wrap;
  line-height: normal;
  max-width: 500px;
}
.keyobject-update td {
  text-align: center;
}
.keyobject-update .no-items table {
  display: none;
}
.keyobject-summary {
  display: flex;
  margin-bottom: 15px;
}
.keyobject-summary div.data-row {
  display: flex;
}
.keyobject-summary ul {
  margin: 0;
  padding-left: 25px;
}
.keyobject-summary ul.no-bullet {
  list-style: none;
  padding-left: 0;
}
.keyobject-summary .has-whitespace {
  white-space: pre-wrap;
  line-height: normal;
  max-width: 500px;
}
.keyobject-summary .panel-container {
  margin-bottom: 0;
}
.keyobject-summary h3 {
  margin-bottom: 0;
  margin-top: -3px;
  margin-right: 15px;
  margin-left: 45px;
  width: 52px;
}
.keyobject-summary .section {
  margin-right: 15px;
  margin-left: 15px;
}
.keyobject-summary .separator {
  display: none;
}
.workinprogress {
  padding: 50px;
  height: 100%;
  background-color: #fff;
  flex: 1 1 auto;
}
.workinprogress svg {
  margin-left: auto;
  margin-right: auto;
  fill: #144052;
  height: 48px;
  width: 48px;
  display: block;
}
.workinprogress > div {
  width: 100%;
  text-align: center;
  color: #144052;
  font-size: 200%;
}
.section {
  display: flex;
  flex-flow: row wrap;
  margin: 0 45px;
  width: auto;
}
.separator {
  flex: 0 100%;
  border-bottom-width: 2px;
  border-bottom-color: lightgray;
  border-bottom-style: solid;
  margin: 0 25px 10px 25px;
}
.section:last-child > .separator {
  border-width: 0;
}
.panel-container {
  margin: 0 25px 15px 0;
  min-width: 500px;
  max-width: 500px;
}
.panel-container.last {
  max-width: unset;
  width: 500px;
  flex-grow: 1;
}
.panel-heading {
  display: flex;
  align-items: center;
}
.panel-heading svg {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  fill: #000;
}
svg.text-middle {
  vertical-align: middle;
}
.panel {
  margin: 0;
}
/*.workitem-details strong,
.workitem-update strong {
    font-weight: bold;
}*/

.workitem-details svg,
.workitem-update svg,
.workitem-processing svg {
  fill: #555;
}
.workitem-update .inputfield .svg-wrapper {
  margin-right: 0;
}
.workitem-details,
.workitem-processing,
.workitem-update {
  padding: 5px 0;
  overflow: auto;
  margin-bottom: 12px;
  position: relative;
  flex-grow: 1;
}
.workitem-details .caption {
  width: 200px;
  min-width: 200px;
}
.workitem-details .panel-heading,
.workitem-update .panel-heading {
  margin-left: 5px;
}
.workitem-moddata {
  margin-right: 75px;
  margin-bottom: 5px;
  text-align: right;
}
.context-title h1 .golden-record {
  margin-left: 10px;
  color: gold;
  font-size: small;
  vertical-align: middle;
}
.workitem-details.content-hidden,
.workitem-update.content-hidden,
.workitem-update .content-hidden {
  display: none;
}
.workitem-details.loading > div:not(.loader),
.workitem-update.loading > div:not(.loader) {
  display: none;
}
.workitem-update .inputfieldgroup {
  margin: 7px 0;
  flex-wrap: wrap;
  border-left: 5px transparent solid;
  display: flex;
  align-items: flex-end;
  padding-left: 5px;
}
.workitem-processing .civicainputfield {
  flex-wrap: wrap;
  border-left: 5px transparent solid;
  display: flex;
  align-items: flex-start;
  padding-left: 0;
  flex-direction: column;
}
.workitem-processing .civicaforminlinefield {
  display: inline-block;
}
.workitem-processing h2 {
  max-width: 100%;
  font-size: 16px;
  color: #144052;
  margin: 8px 0;
}
.workitem-update .inputfieldgroup:last-of-type {
  margin-bottom: 0;
}
.workitem-update .inputfieldlist ul li {
  margin: 10px 0;
}
.workitem-update .inputfieldlist ul li:first-of-type {
  margin-top: 0;
}
.workitem-update .inputfieldlist ul li:last-of-type {
  margin-bottom: 0;
}
.workitem-update .inputfieldlist label {
  display: block;
  margin-left: 10px;
  margin-bottom: 2px;
}
.workitem-update .inputfieldgroup.has-error .error-msg {
  margin-left: 0;
}
.workitem-update .columns-panel {
  max-width: 500px;
  columns: 2;
}
.workitem-update .columns-panel .inputfieldgroup {
  padding-bottom: 1px;
}
.workitem-update .inputfieldgroup .inputfield:first-child {
  margin-left: 0;
}
.workitem-processing .inputfieldlist ul li {
  margin: 10px 0;
}
.workitem-processing .inputfieldlist ul li:first-of-type {
  margin-top: 0;
}
.workitem-processing .inputfieldlist ul li:last-of-type {
  margin-bottom: 0;
}
.workitem-processing .inputfieldlist label {
  display: block;
  margin-left: 10px;
  margin-bottom: 2px;
}
.workitem-processing .inputfieldgroup.has-error .error-msg {
  margin-left: 0;
}
.workitem-processing .columns-panel {
  columns: 2;
}
.workitem-processing .columns-panel .inputfieldgroup {
  padding-bottom: 1px;
}
.workitem-processing .inputfieldgroup .inputfield:first-child {
  margin-left: 0;
}
.workitem-processing .civicainputfield .civicaAnswer:nth-child(2) {
  margin-left: 0;
}
.workitem-processing .civicainputfield .civicaQuestion:first-child {
  margin-left: 0;
}
.workitem-update table td:last-child {
  width: 100%;
  text-align: right;
}
.workitem-update .inputfieldgroup.has-error {
  border-left: red 5px solid;
}
.workitem-update .has-error .inputfieldgroup {
  margin-bottom: 0;
}
.workitem-update tbody tr td input:not([type="radio"]),
.workitem-update tbody tr td select {
  display: block;
}
.inputfieldgroup .textBox-wrapper {
  width: auto;
}
.workitem-update .inputfield .dropdown,
.workitem-update table .dropdown {
  margin-top: 0;
  margin-bottom: 0;
}
.workitem-update tbody.has-error tr td:first-child {
  border-left: red 5px solid;
}
.workitem-update tbody.has-error tr.error-msg td:first-child {
  border-left: none;
  padding: 0;
}
.workitem-update tbody.has-error tr.error-msg td:first-child > div {
  border-left: red 5px solid;
  padding-left: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.workitem-update .has-error div.error-msg {
  flex: 0 1 100%;
  color: red;
  padding-left: 5px;
}
.workitem-update .has-error tr.error-msg td {
  margin-left: 5px;
  text-align: initial;
  color: red;
}
.workitem-update .inputfieldlist {
  display: block;
  width: 500px;
  margin-top: 10px;
}
.workitem-update .inputfieldlist:first-of-type {
  margin-top: 0;
}
.workitem-update .inputfield {
  margin: 0px;
  flex: 0 0 auto;
}
.workitem-processing .civicaQuestion {
  margin: 7px 0 0 0;
  flex: 0 0 auto;
}
.workitem-processing .civicaAnswer {
  margin: 0 0 7px 0;
  flex: 0 0 auto;
}
.civicainputfield .civicaAnswer {
  width: auto;
}
.civicainputfield .civicaQuestion {
  width: auto;
  display: flex;
  gap: 4px;
}
.ui-helper-hidden {
  display: none;
}
.workitem-update .inputfieldgroup,
.workitem-processing .civicainputfield {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}
.workitem-update .inputfield,
.workitem-processing .civicaQuestion label {
  display: block;
  margin-bottom: 2px;
}
.workitem-update .inputfield,
.workitem-processing .civicaAnswer textarea {
  min-width: 400px;
  min-height: 100px;
}
.workitem-update,
.workitem-processing input:not([type=checkbox]):not([type=radio]):not([type=file]),
.workitem-update select {
  width: 150px;
}
.workitem-processing .civicainputfield .civicafileuploadinput {
  width: 100%;
}
.workitem-update select {
  margin: 0px;
}
.workitem-update .inputfield input.dateinput {
  width: 75px;
}
.workitem-update .inputfieldlist input[type="radio"] {
  width: auto;
  height: auto;
}
.workitem-update select.smallinput {
  min-width: 60px;
  width: auto;
}
.workitem-update,
.workitem-processing input.smallinput {
  width: 90px;
}
.workitem-update,
.workitem-processing input.longinput,
.workitem-update .inputfield select.longinput {
  width: 260px;
}
.workitem-update .inputfield svg {
  margin: 0;
}
.workitem-update button.delete-row {
  background-color: transparent;
  border: none;
  vertical-align: middle;
  margin-top: 0px;
}
.workitem-update button.delete-button-narrow {
  margin-left: 0px;
}
.workitem-update table svg {
  margin-left: 0;
}
.workitem-update .panel .separator {
  display: block;
  border-bottom-width: 1px;
  margin: 10px 10px 0 10px;
  max-width: 500px;
  border-bottom-style: dashed;
}
.workitem-update button .svg-wrapper {
  margin-right: 0;
  margin-top: 0;
}
/*.workitem-update .cancel-button,
.workitem-update .text-button {
    background-color:@main-Teal2;
    border: none;
    color: white;
    text-align: center;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 10px;
    min-width: 60px;
    font-size:13px;
}*/

.workitem-details .no-items-msg,
.workitem-update .no-items-msg {
  color: #666;
}
.workitem-update .no-items-msg {
  margin-left: 5px;
}
.workitem-update .inputfieldlist .no-items-msg {
  margin-left: 10px;
}
.workitem-update .linked-object-wrapper {
  /* workaround for IE - yuck */
  display: -ms-grid;
  -ms-grid-columns: min-content;
}
.workitem-update .linked-object {
  margin-left: 10px;
  display: flex;
  min-width: 357px;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  max-width: 500px;
}
.workitem-update .linked-object > a:nth-of-type(1) {
  width: 100%;
}
.workitem-update .address-search {
  display: flex;
  margin-left: 10px;
  margin-top: 10px;
}
.workitem-update .address-search input {
  height: 24px;
  box-sizing: border-box;
  vertical-align: top;
}
.workitem-update .address-search .search-icon {
  height: 24px;
  min-width: 35px;
  border: 0;
  margin: 0px;
}
.workitem-update .address-search .search-icon svg {
  fill: #fff;
  margin-top: 0px;
}
.workitem-update .address-results .list-grid {
  position: relative;
}
.workitem-update .address-results .open-new-window svg {
  height: 20px;
  width: 20px;
  margin-top: 0;
}
.workitem-update .address-results .gridcolumn-assetsvg-text {
  font-size: 12px;
}
.workitem-update .address-results .list-empty,
.workitem-update .address-results.loading {
  width: 295px;
}
.workitem-update .address-results .list-emptyicon {
  height: 40px;
  width: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.workitem-update .address-results .list-emptytext {
  padding-bottom: 0;
}
.workitem-update .list-container {
  padding: 0 10px;
}
.workitem-update .loading > *:not(.loader) {
  display: none;
}
.workitem-update .search-wrapper.loading {
  width: 400px;
}
#age {
  padding-bottom: 5px;
}
.workitem-details div.data-row {
  margin: 10px 0 10px 10px;
  display: flex;
}
.workitem-details .data-row:first-of-type {
  margin-top: 0;
}
.workitem-details .data-row:last-of-type {
  margin-bottom: 0;
}
.workitem-details ul,
.workitem-update ul {
  margin: 0;
  padding-left: 25px;
}
.workitem-details ul.no-bullet,
.workitem-update ul.no-bullet {
  list-style: none;
  padding-left: 0;
}
.workitem-processing ul.no-bullet {
  list-style: none;
  padding-left: 0;
}
.workitem-details .has-whitespace {
  white-space: pre-wrap;
  line-height: normal;
  max-width: 500px;
}
.workitem-update td {
  text-align: center;
}
.workitem-update .no-items table {
  display: none;
}
.workitem-processing .civicainputfield .civicaformbtn button {
  margin-left: 0;
  margin-top: 14px;
}
.workitem-processing .civicainputfield .civicaaddressfinderaddbtn button {
  margin-left: 0;
  margin-top: 0;
}
.workitem-processing .civicainputfield .civicaQuestion a {
  /*display: none;*/
  color: #267197;
  text-decoration: none;
  margin-bottom: 8px;
  display: inline-block;
}
.workitem-processing .civicainputfield .civicaAnswer textarea,
.workitem-processing .civicainputfield .civicaAnswer input,
.workitem-processing .civicainputfield .civicaAnswer select {
  font-family: "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 14px;
}
.workitem-processing .civicainputfield .civicaAnswer .map {
  width: 500px;
  height: 250px;
}
.workitem-processing .submit-button {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  text-decoration: none;
  background-color: #144052;
  border: none;
  color: white;
  padding: 5px 10px;
  cursor: pointer;
  min-width: 60px;
  margin: 7px 0 0 0;
}
.workitem-processing .submit-button:hover {
  background-color: #515151;
}
.workitem-processing .connections-list {
  margin-bottom: 25px;
}
.workitem-processing .connections-list .list-container {
  padding: 0;
}
.workitem-processing .connections-list .list-grid-parent {
  position: unset;
}
.workitem-processing .connections-list .list-grid {
  position: unset;
}
.workitem-processing .topbar-button {
  background-color: #144052;
}
.workitem-processing .topbar-button svg {
  fill: #fff;
  padding-left: 3px;
  padding-top: 3px;
}
.workitem-processing .topbar-button .workitem-processing .civicainputfield :empty {
  display: none;
}
.error-msg {
  color: red;
}
.workitem-stage .section .panel-container {
  margin: 0px;
  margin-bottom: 10px;
}
.workitem-processing .service-search .service-searchbox .input {
  font-size: 18px;
  height: 25px;
  width: 100%;
}
.workitem-processing .service-search.service-search-expanded {
  padding: 0px;
}
.workitem-processing .service-search .cross {
  height: 15px;
  width: 15px;
}
.workitem-processing .search-icon.topbar-button.trim-svg {
  margin-left: 5px;
  height: 33px;
  margin-top: 10px;
  width: 33px;
}
.workitem-processing .service-search .menu {
  top: 0px;
}
.workitem-processing .portal-background-secondary .menu-result-type,
.workitem-processing .portal-background-secondary .menu-result-externalcolumn {
  display: none;
}
.workitem-processing .keyobject-details {
  padding: 0px;
  margin-left: -50px;
}
.workitem-processing .keyobject-details .panel-container {
  margin: 0 25px 15px 0;
}
.workitem-processing .keyobject-moddata {
  display: none;
}
.workitem-details span.overdue,
.list-container span.overdue {
  color: red;
}
.civica-highlevel-summary {
  display: inline-block;
}
.civica-highlevel-summary li {
  float: left;
  margin-right: 20px;
  width: auto;
  height: 100px;
  background: #eeeeee;
  display: inline-block;
  padding: 20px;
}
.civica-highlevel-summary li span:nth-child(1) {
  font-size: 36px;
  display: block;
}
.civica-highlevel-summary li span:nth-child(2) {
  display: block;
}
ul.civica-lowlevel-summary {
  display: table;
}
ul.civica-lowlevel-summary li {
  display: table-row;
}
ul.civica-lowlevel-summary span {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}
ul.civica-lowlevel-summary li:before {
  background-color: #000000;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: inline-block;
  content: " ";
  margin-top: 3px;
}
ul.civica-lowlevel-summary .civica-summary-red:before {
  background-color: #cc251d;
}
ul.civica-lowlevel-summary .civica-summary-amber:before {
  background-color: #ffcc00;
}
ul.civica-lowlevel-summary .civica-summary-green:before {
  background-color: #339900;
}
.ui-datepicker-div > .ui-dialog-titlebar {
  background: #F2F2F1;
}
.ui-datepicker {
  width: 17em;
  display: none;
  background: white;
  opacity: 1;
  border: 1px solid #3a3a3a;
  font-size: 12px;
}
.ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  background-color: #144052;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  position: absolute;
  top: 7px;
  height: 24px;
  width: 24px;
  cursor: pointer;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.ui-datepicker-next {
  right: 5px;
  background-image: url(/Content/workflow360/images/next.svg);
  cursor: pointer;
}
.ui-datepicker-prev {
  left: 5px;
  background-image: url(/Content/workflow360/images/previous.svg);
  cursor: pointer;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 25%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
  min-width: 20px;
}
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
  display: none;
}
select.ui-datepicker-month-year {
  width: 100%;
}
select.ui-datepicker-month,
select.ui-datepicker-year {
  width: 50%;
  padding: 5px 0;
  display: inline-block;
}
.ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker-calendar {
  width: 100%;
  padding: 0 15px;
}
.ui-datepicker-calendar a {
  color: #144052;
}
/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */

.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker-trigger {
  display: inline;
  background-color: transparent;
  color: #1c5571;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 2px;
  padding-top: 0;
  margin-left: 5px;
  min-width: 20px;
  border: none;
  cursor: pointer;
  vertical-align: top;
}
.ui-datepicker-trigger i {
  font-size: 150%;
}
.ui-datepicker-trigger:hover {
  background-color: transparent;
  color: #0d2734;
}
.ui-datepicker-unselectable span.ui-state-default {
  text-decoration: line-through;
}
.document-details .caption {
  min-width: 200px;
}
.document-details {
  padding: 5px 0;
  overflow: auto;
  flex-grow: 1;
}
div.data-row ul {
  padding: 0px;
  margin: 0px;
}
.document-details div.data-row {
  margin: 10px 0 10px 10px;
  display: flex;
}
.document-moddata {
  margin-right: 75px;
  margin-bottom: 5px;
  text-align: right;
}
.document-error {
  padding: 15px 0;
  overflow: auto;
  flex-grow: 1;
}
.document-container {
  display: flex;
  flex: 1 1 auto;
}
.pages-container {
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #ececec;
}
.pages-container .ol-control {
  position: relative;
}
.civica-document-viewer-openlayersviewer {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.openlayers-container {
  width: 100%;
  height: -webkit-calc(100% - 5px);
  height: -moz-calc(100% - 5px);
  height: -o-calc(100% - 5px);
  height: calc(100% - 5px);
}
.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 2px solid #00f;
}
.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}
.ol-scale-line {
  background: rgba(0, 60, 136, 0.3);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}
.ol-scale-line-inner {
  border: 1px solid #eee;
  border-top: none;
  color: #eee;
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
}
.ol-overlay-container {
  will-change: left, right, top, bottom;
}
.ol-unsupported {
  display: none;
}
.ol-unselectable,
.ol-viewport {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.ol-control {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  padding: 2px;
}
.ol-control:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.ol-zoom {
  top: 0.5em;
  left: 0.5em;
}
.ol-rotate {
  top: 0.5em;
  right: 0.5em;
  transition: opacity 0.25s linear, visibility 0s linear;
}
.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s linear, visibility 0s linear 0.25s;
}
.ol-zoom-extent {
  top: 4.643em;
  left: 0.5em;
}
.ol-full-screen {
  right: 0.5em;
  top: 0.5em;
}
@media print {
  .ol-control {
    display: none;
  }
}
.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: #fff;
  font-size: 1.14em;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: 0.4em;
  background-color: rgba(0, 60, 136, 0.5);
  border: none;
  border-radius: 2px;
}
.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}
.ol-zoom-extent button {
  line-height: 1.4em;
}
.ol-compass {
  display: block;
  font-weight: 400;
  font-size: 1.2em;
  will-change: transform;
}
.ol-touch .ol-control button {
  font-size: 1.5em;
}
.ol-touch .ol-zoom-extent {
  top: 5.5em;
}
.ol-control button:focus,
.ol-control button:hover {
  text-decoration: none;
  background-color: rgba(0, 60, 136, 0.7);
}
.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}
.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}
.ol-attribution {
  text-align: right;
  bottom: 0.5em;
  right: 0.5em;
  max-width: calc(98.7%);
}
.ol-attribution ul {
  margin: 0;
  padding: 0 0.5em;
  font-size: 0.7rem;
  line-height: 1.375em;
  color: #000;
  text-shadow: 0 0 2px #fff;
}
.ol-attribution li {
  display: inline;
  list-style: none;
  line-height: inherit;
}
.ol-attribution li:not(:last-child):after {
  content: " ";
}
.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}
.ol-attribution button,
.ol-attribution ul {
  display: inline-block;
}
.ol-attribution.ol-collapsed ul {
  display: none;
}
.ol-attribution.ol-logo-only ul {
  display: block;
}
.ol-attribution:not(.ol-collapsed) {
  background: rgba(255, 255, 255, 0.8);
}
.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
  height: 1.1em;
  line-height: 1em;
}
.ol-attribution.ol-logo-only {
  background: 0 0;
  bottom: 0.4em;
  height: 1.1em;
  line-height: 1em;
}
.ol-attribution.ol-uncollapsible img {
  margin-top: -0.2em;
  max-height: 1.6em;
}
.ol-attribution.ol-logo-only button,
.ol-attribution.ol-uncollapsible button {
  display: none;
}
.ol-zoomslider {
  top: 4.5em;
  left: 0.5em;
  height: 200px;
}
.ol-zoomslider button {
  position: relative;
  height: 10px;
}
.ol-touch .ol-zoomslider {
  top: 5.5em;
}
.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}
.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}
.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: inline-block;
}
.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid #7b98bc;
  height: 150px;
  margin: 2px;
  width: 150px;
}
.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 1px;
  left: 2px;
  position: absolute;
}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}
.ol-overviewmap:not(.ol-collapsed) {
  background: rgba(255, 255, 255, 0.8);
}
.ol-overviewmap-box {
  border: 2px dotted rgba(0, 60, 136, 0.7);
}
.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}
.ol-viewport canvas,
.documentloader {
  background-color: #ececec;
}
.ol-control button {
  background-color: #144052;
  border-radius: 0;
  min-width: 20px;
}
.ol-control button:focus,
.ol-control button:hover {
  background-color: #515151;
}
.ol-zoom .ol-zoom-in {
  border-radius: 0;
}
.ol-zoom .ol-zoom-out {
  border-radius: 0;
}
.civica-document-viewer-progress {
  height: 5px;
  background: rgba(0, 60, 136, 0.4);
  width: 0;
  -moz-transition: width 250ms;
  -o-transition: width 250ms;
  -webkit-transition: width 250ms;
  transition: width 250ms;
}
.civica-document-viewer-pages-container {
  position: relative;
}
.civica-document-viewer-pages {
  width: 100%;
  height: -webkit-calc(100% - 5px);
  height: -moz-calc(100% - 5px);
  height: -o-calc(100% - 5px);
  height: calc(100% - 5px);
}
.civica-document-viewer-pages.unreal-focus {
  outline-width: 1px;
  outline-style: solid;
  outline-color: Highlight;
}
/* WebKit gets its native focus styles.
 */

@media (-webkit-min-device-pixel-ratio: 0) {
  .civica-document-viewer-pages.unreal-focus {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
  }
}
.civica-document-viewer-pages ul {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  /* column-count: 1; */
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}
.civica-document-viewer-pages li {
  display: flex;
  margin: 0;
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
}
.civica-document-viewer-pages li label {
  margin: 0;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  padding: 0;
  width: 100%;
}
.civica-document-viewer-pages li label > input {
  opacity: 0;
  position: absolute;
  margin: 0;
}
.civica-document-viewer-pages li label > input + img {
  cursor: pointer;
  border: 2px solid transparent;
}
.civica-document-viewer-pages li label > input:checked + img {
  border: 2px solid #0d2734;
}
.details-process,
.password-process {
  padding: 29px 0px 0px 0px;
}
.heiersection {
  display: block;
}
.hierarchy {
  margin-bottom: 15px;
}
.hierarchy #hierarchySearchInput {
  margin-bottom: 10px;
  width: 400px;
  padding: 10px;
}
.hierarchy svg {
  width: 16px;
}
.hierarchy .svg-wrapper {
  display: inline-block;
  padding-right: 5px;
  position: absolute;
  cursor: pointer;
}
.hierarchy .hieritemfolder {
  display: inline-block;
  padding-left: 20px;
  vertical-align: middle;
}
.hierarchy .hieritemresult {
  padding: 5px 25px 5px 10px;
}
.hierarchy .hieritemresult span {
  padding: 2px;
  cursor: pointer;
}
.hierarchy .childhieritems {
  padding-left: 20px;
}
.hierarchy .selectedItem {
  background: #f6f6f6;
}
.hierarchy #lblhierarchySearchInput {
  display: none;
}
.grid2 .table .tbody .tr .workfeedstatuscol {
  width: 225px;
}
.grid2 .table .tbody .tr .workfeedstatuscol div {
  display: block;
  width: auto;
}
.grid2 .table .tbody .tr .workfeedstatuscol svg {
  width: 23px;
  height: 23px;
}
.grid2 .table .tbody .tr .workfeedstatuscol .workfeedicons div {
  display: inline-block;
}
.grid2 .table .tbody .tr .workfeedstatuscol .workfeedoverdue svg {
  fill: red;
}
.grid2 .table .tbody .tr .workfeedstatuscol .workfeedduesoon svg {
  fill: #d8b80d;
}
.grid2 .table .tbody .tr .workfeedstatuscolSLA {
  width: 225px;
}
.grid2 .table .tbody .tr .workfeedstatuscolSLA div {
  display: block;
  width: auto;
}
.grid2 .table .tbody .tr .workfeedstatuscolSLA svg {
  width: 23px;
  height: 23px;
}
.grid2 .table .tbody .tr .workfeedstatuscolSLA .workfeedicons div {
  display: inline-block;
}
.grid2 .table .tbody .tr .workfeedstatuscolSLA .workfeedoverdue svg {
  fill: red;
}
.grid2 .table .tbody .tr .workfeedstatuscolSLA .workfeedduesoon svg {
  fill: #d8b80d;
}
.grid2 .table .tbody .tr .workfeednew {
  display: inline-block;
  color: green;
  margin-left: 10px;
}
.grid2 .table .tbody .tr .workfeedwaiting {
  display: inline-block;
  margin-left: 10px;
}
@charset "UTF-8";
#documentDisplay {
  color: #000;
  background-color: #fff;
  padding: 50px 110px;
  margin-top: 5px;
}
#documentDisplay p {
  padding: 0;
}
ol.progress[data-steps="2"] li {
  width: 50%;
}
ol.progress[data-steps="3"] li {
  width: 33.33%;
}
ol.progress[data-steps="4"] li {
  width: 25%;
}
ol.progress[data-steps="5"] li {
  width: 20%;
}
ol.progress[data-steps="6"] li {
  width: 16.66%;
}
ol.progress[data-steps="7"] li {
  width: 14.28%;
}
ol.progress[data-steps="8"] li {
  width: 12.5%;
}
ol.progress[data-steps="9"] li {
  width: 11.1%;
}
ol.progress[data-steps="10"] li {
  width: 10%;
}
.tick {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAtCAMAAADItog5AAAATlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////+QPFRFAAAAGXRSTlMAECAwQFBgcICQoKWyuMDE0NjZ4OLr7fDxPNTKWgAAAMVJREFUeAHd07G2gjAQhOEJ4YZLVIyixn3/F7WwMXtkhDlWTvvn6zbYvL8AccmKaHsz0cZq3HLJLZfcMinY7ikFG4q9rkZVWvpRifwtOTYxDOtlbmuxvEW6mmVpNoV3cuCSnGVq5dTWf3fSRLoHySVN+sglynLuuURYtLE2YXaSWCdrBD7aOTLJbY1E+mVvOyK5vZ+Z5HbT185ccsslt1xyS6RgR6xc8jIDot0Doj0Aoj0Coj0Bor0EiPbKJbE3TQJxt0I+AMNLSvpwZf2VAAAAAElFTkSuQmCC) no-repeat;
  background-size: 20px 20px;
}
.progress {
  width: 100%;
  list-style: none;
  padding: 0 0 30px;
  float: left;
  color: #929292;
}
.progress li {
  float: left;
  text-align: center;
  position: relative;
  z-index: 0;
}
.progress .name {
  display: block;
  vertical-align: bottom;
  text-align: center;
  margin-bottom: 1em;
}
.progress .step,
.progress .step-outer {
  color: #B3B3B3;
  font-size: 24px;
  background: linear-gradient(to top, #e6e6e6, #f7f6fc);
  display: inline-block;
  z-index: 10;
}
.progress .step {
  margin-top: 0.22em;
  font-family: arial;
  border: 2px solid #ccc;
  border-radius: 50%;
  line-height: 1.4;
  width: 1.4em;
  height: 1.4em;
}
.progress .step-outer {
  border: 1px solid #ccc;
  border-radius: 50%;
  line-height: 2;
  width: 2em;
  height: 2em;
}
.progress .step:after,
.progress .step:before {
  content: "";
  display: block;
  background-color: #F2F2F2;
  border-top: 3px solid #CDCDCD;
  border-bottom: 1px solid #DFDFDF;
  height: 0.4em;
  width: 50%;
  position: absolute;
  top: 0.8em;
  z-index: -1;
}
.progress .step:before {
  left: 0;
}
.progress .step:after {
  right: 0;
}
.progress .active .step-outer,
.progress .active .step:before,
.progress .done .step,
.progress .done .step:after,
.progress .done .step:before {
  background: linear-gradient(to top, #639934, #7ac142);
}
.progress li:first-of-type .step:before {
  display: none;
}
.progress li:last-of-type .step:after {
  display: none;
}
.progress .done .step {
  color: #fff;
}
.progress .active .step-outer {
  border: 1px solid #7AC142;
}
.progress .active .step {
  background: 0;
  color: #fff;
  border: 3px solid rgba(0, 0, 0, 0);
}
.step > span > img {
  height: 20px;
}
[data-fieldname^=UPMHiddenCondition] > .civicaAnswer,
[data-fieldname^=UPMHiddenCondition] > .civicaQuestion {
  display: none;
}
.civica-breadcrumb-progress {
  width: 100%;
  list-style: none;
  list-style-image: none;
  padding: 0 0 30px 0;
  float: left;
  color: #929292;
}
.civica-breadcrumb-progress li {
  float: left;
  text-align: center;
  position: relative;
  z-index: 0;
}
.civica-breadcrumb-progress span:nth-child(2) {
  display: block;
  vertical-align: bottom;
  text-align: center;
  margin-bottom: 1em;
}
.civica-breadcrumb-progress span:nth-child(1) span:nth-child(1) {
  margin-top: 0.22em;
  color: #B3B3B3;
  font-family: arial;
  font-size: 24px;
  border: 2px solid #cccccc;
  background: #f7f6fc;
  border-radius: 50%;
  line-height: 1.4;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;
  z-index: 10;
}
.civica-breadcrumb-progress span:nth-child(1) {
  color: #B3B3B3;
  font-size: 24px;
  border: 1px solid #cccccc;
  background: #f7f6fc;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  display: inline-block;
  z-index: 10;
}
.civica-breadcrumb-progress span:nth-child(1) span:nth-child(1):before {
  content: "";
  display: block;
  background-color: #F2F2F2;
  border-top: 3px solid #CDCDCD;
  border-bottom: 1px solid #DFDFDF;
  height: 0.4em;
  width: 50%;
  position: absolute;
  top: 0.8em;
  left: 0;
  z-index: -1;
}
.civica-breadcrumb-progress span:nth-child(1) span:nth-child(1):after {
  content: "";
  display: block;
  background-color: #F2F2F2;
  border-top: 3px solid #CDCDCD;
  border-bottom: 1px solid #DFDFDF;
  height: 0.4em;
  width: 50%;
  position: absolute;
  top: 0.8em;
  right: 0;
  z-index: -1;
}
.civica-breadcrumb-progress .civica-breadcrumb-visited span:nth-child(1) span:nth-child(1):after {
  background: #b9ce00;
}
.civica-breadcrumb-progress .civica-breadcrumb-current span:nth-child(1) span:nth-child(1):before,
.civica-breadcrumb-progress .civica-breadcrumb-visited span:nth-child(1) span:nth-child(1):before {
  background: #b9ce00;
}
.civica-breadcrumb-progress li:first-of-type span:nth-child(1) span:nth-child(1):before {
  display: none;
}
.civica-breadcrumb-progress li:last-of-type span:nth-child(1) span:nth-child(1):after {
  display: none;
}
.civica-breadcrumb-progress .civica-breadcrumb-visited span:nth-child(1) span:nth-child(1) {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAtCAMAAADItog5AAAATlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////+QPFRFAAAAGXRSTlMAECAwQFBgcICQoKWyuMDE0NjZ4OLr7fDxPNTKWgAAAMVJREFUeAHd07G2gjAQhOEJ4YZLVIyixn3/F7WwMXtkhDlWTvvn6zbYvL8AccmKaHsz0cZq3HLJLZfcMinY7ikFG4q9rkZVWvpRifwtOTYxDOtlbmuxvEW6mmVpNoV3cuCSnGVq5dTWf3fSRLoHySVN+sglynLuuURYtLE2YXaSWCdrBD7aOTLJbY1E+mVvOyK5vZ+Z5HbT185ccsslt1xyS6RgR6xc8jIDot0Doj0Aoj0Coj0Bor0EiPbKJbE3TQJxt0I+AMNLSvpwZf2VAAAAAElFTkSuQmCC);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #b9ce00;
  color: #fff;
}
.civica-breadcrumb-progress .civica-breadcrumb-current span:nth-child(1) {
  background: #b9ce00;
  border: 1px solid #b9ce00;
}
.civica-breadcrumb-progress .civica-breadcrumb-current span:nth-child(1) span:nth-child(1) {
  background: none;
  color: #fff;
  border: 3px solid rgba(0, 0, 0, 0);
}
.civica-breadcrumb-progress li:first-child:nth-last-child(1) {
  width: 100%;
}
.civica-breadcrumb-progress li:first-child:nth-last-child(2),
.civica-breadcrumb-progress li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}
.civica-breadcrumb-progress li:first-child:nth-last-child(3),
.civica-breadcrumb-progress li:first-child:nth-last-child(3) ~ li {
  width: 33.3333%;
}
.civica-breadcrumb-progress li:first-child:nth-last-child(4),
.civica-breadcrumb-progress li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}
.civica-breadcrumb-progress li:first-child:nth-last-child(5),
.civica-breadcrumb-progress li:first-child:nth-last-child(5) ~ li {
  width: 20%;
}
.civica-breadcrumb-progress li:first-child:nth-last-child(6),
.civica-breadcrumb-progress li:first-child:nth-last-child(6) ~ li {
  width: 16.66%;
}
.civica-breadcrumb-progress li:first-child:nth-last-child(7),
.civica-breadcrumb-progress li:first-child:nth-last-child(7) ~ li {
  width: 14.28%;
}
.civica-breadcrumb-progress li:first-child:nth-last-child(8),
.civica-breadcrumb-progress li:first-child:nth-last-child(8) ~ li {
  width: 12.5%;
}
.civica-breadcrumb-progress li:first-child:nth-last-child(9),
.civica-breadcrumb-progress li:first-child:nth-last-child(9) ~ li {
  width: 11.1%;
}
.civica-breadcrumb-progress li:first-child:nth-last-child(10),
.civica-breadcrumb-progress li:first-child:nth-last-child(10) ~ li {
  width: 10%;
}
#hubModellerWidget {
  width: 635px;
  background-color: #f5f5f5;
  padding: 10px 20px 20px;
  font-family: verdana;
  font-size: 12px;
}
.workitem-processing .upmRetirementModel .upmRetirementModelSection .upmRetirementModelCurrAgeInput input {
  width: 3.2em;
}
.upmRetirementModel {
  width: 60%;
  text-align: center;
  margin-left: 20%;
  color: #000;
}
.upmRetirementModel .jqplot-point-label {
  color: white;
  font-size: 1.3em;
  line-height: 0.8em;
}
.upmRetirementModel .jqplot-target {
  color: #000;
}
.upmRetirementModel .ui-slider {
  background: #cccccc;
}
.upmRetirementModel .ui-slider-handle {
  background: none;
  border-radius: 50% !important;
  background-color: #6A2D91 !important;
  height: 1.7em !important;
  width: 1.7em !important;
  top: 0 !important;
  border: 0 !important;
  position: relative;
  margin-left: -0.85em !important;
}
.upmRetirementModel .ui-slider-handle:hover {
  border: 0 !important;
}
.upmRetirementModel .ui-slider-horizontal {
  height: 1.75em;
  border-left: 0px;
  border-right: 0px;
  background: #ffffff;
  top: -1px;
  position: relative;
}
.upmRetirementModel .label {
  width: 43%;
  display: inline-block;
}
.upmRetirementModel .label-pre {
  width: 43%;
  display: inline-block;
  text-align: right;
}
.upmRetirementModel .label-post {
  width: 43%;
  display: inline-block;
  text-align: left;
}
.upmRetirementModel .labelspacer {
  width: 76%;
  display: inline-block;
}
.upmRetirementModel .outputlabel {
  width: 80%;
  display: inline-block;
  text-align: left;
}
.upmRetirementModel .outputvalue {
  width: 18%;
  display: inline-block;
  text-align: right;
}
.upmRetirementModel .slider {
  width: 80%;
  display: inline-flex;
  border-radius: 0;
  border: none;
}
.upmRetirementModel .roundedinput {
  text-align: center;
  width: 3.2em;
  height: 3.2em;
  min-width: 0px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: white;
  margin: 10px 0;
  padding: 0;
}
.upmRetirementModel .inputbox {
  width: 10%;
  display: inline-block;
}
.upmRetirementModel .inputbox input {
  text-align: center;
  width: 3.2em;
  height: 3.2em;
  min-width: 0px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  margin: 10px 0;
  padding: 0;
  background-image: url(data:image/png;base64,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);
  background-size: 3.2em;
  border: 0;
}
.upmRetirementModel .rotate90 {
  width: 250px;
  padding-left: 1.2em;
  text-align: left;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.upmRetirementModel .buttoncontainer {
  width: 10%;
  display: inline-block;
}
.upmRetirementModel .chart {
  width: 46%;
  height: 300px;
  width: 37%;
  padding: 6% 5%;
  display: inline-block;
  position: relative;
}
.upmRetirementModel .chart .valbar {
  background-color: #6A2D91;
  width: 100%;
}
.upmRetirementModel .chart .maxbar {
  background-color: #55A2C5;
  width: 100%;
}
.upmRetirementModel .civicaBarChartLabel {
  position: absolute;
  top: 50%;
  left: 25%;
  color: white;
  font-size: 1.3em;
  width: 50%;
  line-height: 0;
}
.upmRetirementModel .upmRetirementModelSliderButton {
  border: none;
  height: 1.7em;
  width: 3em;
  font-size: 1.1em;
  padding: 0;
  background-color: transparent;
  background-size: 3em 1.7em;
  float: left;
  margin-right: 0px;
  margin-top: 0px;
  min-height: 0px;
  margin-left: 0px;
}
.upmRetirementModel .upmRetirementModelSliderButton-Left {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAA9CAYAAABItIyfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIBDi8bigtZrAAAAs1JREFUeNrtnUFu00AUhn87UeyExs4ipEvagNjDBYq4AixgBVyi7CiFFZyCHWx6BugFQGwRctsjJJFqHMk2myRKU7t4JvZ4xvxvEyWKMtH7/P/z3ih5tqAggrNgD0CweGplvCXNef2/Dsuy4DjO6hFVJGkNDgEIwnFdF123C9d1V4Cuva9EUI8AfGXqxaLVasH3/BshlQqMoORBDQYDeH1PTIkEZQYoaWDco+T3qF6vB9/zC1lfKcCoqnpUtR62AKwXhCUe7XYbu6PdUmAVVtgC1iemXxzW6PZoKwsUBkZY+sD6JzDC0gvWjcAISz9YucBYDdZfDRYGxj5Lvs/aubWD4XBY6TpZZf0BYcmpq9/vV39h0ArNsMI8hR0w/XLAVMC6ojCqS391bSqM6tJcXSuFUV1mqGtdYXeYfrlS3uk4atdk36V335WlsD3CkkicbaPjdNSvSzs0xw7XFcaQUFhVB7wijTND9wsFwBHTYIYdAkBbp0Qc3v2Mri+/kSdxivc/nzZeYVpUiIf3toMFAHbLwpsHJ42tELXZw17f/4KuV04CLAs4enjSaIUxCIzRaGAffj1DOJ2X8llpChx/f9JoYKkOX+Tj7+cIJ9tBS+IU735UDytJEsyjeS15soKzIAHPEoX7sDoOfpcKOyYCUdtNEc0jFh2MYsDOmQa5fSyKolqAXTD95tjiUmEpEZhRKdrj/fE5gFdEIK6w8E+o3BaXRQdt0RBbtAFgvD/+BuAtEYhFHMeYzWa1lfWnRCAHbTqbqgdGlZmhss3GmSrTXGVXgC1U9pIIxIFNJhMlFWPW0dQp+zJ9rfEasEVf9pgIxEv8y/CycmvMPPylNeprjZzTUUHUMqeD0PSExllThkEr/NMAQtMDGuclKogy/1rLiaSKopaJpFRb/WrjVG3DwHFuvQbglM6t5x5X3h6n9M4QBSHmrcl7r+RA3Lz3yl98qQ/ZKHPnVQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  min-width: 0px;
  border: none;
  height: 1.7em;
  width: 3em;
  font-size: 1.1em;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  background-size: 3em 1.7em;
  float: left;
  margin-right: 0px;
  margin-top: 0px;
  min-height: 0px;
  margin-left: 0px;
}
.upmRetirementModel .upmRetirementModelSliderButton-Right {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAA9CAYAAABItIyfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIBDiwFWyk3DAAAAzRJREFUeNrtnb9u01AUxj/fWLYilHSiXZBK3YqFAcHEVhWpT9ABOgEvESYoZSO8BExhoM8AfYGyo7aUtVRt7JTY10pshoqC2oY01/ceX7fnWyI5w4nuL9/5Y11fO4dHhzkASCmR5/npJ+uccgDOiOsAEARzwZ7pH+HkI+hIKZEkCeIkRpIkDFENsHaII4FdBC+MQgyHQ0YxuZaCueALGbB/FfUidLtdBlcSuImBMbhywSkD+5MqwyhEv9/nGkdU4woBY7fRu03oiNhsNDEzPQPXdXn5J9fn3e+7T0mBAYDv+5i+Oc3Q1PT+stCEzqgMzTw0oTsqQzMLTZiIytDMQdPSJXL3SNc9GgUGAAcHBzj+dcxzmqY5TZiO2mg0UKvVePkVbmoAWCR3GKdGvalRUERsNprsMnUtkjuMXabPZYIqIrtMj8vIHMYu0+My0snW93w4jmPNCrTmO/BvuBCuwPrWiu3AZskdZtNc1prvoD7lnQw8WY67y7fw+N1D6+cycmA2pMXWQgf1pnd+ORzY7rQlQR3RtrRYMc3SA/N9CCF46dV0m1euYioFGKdFZa2RNx3UneLLe58gaup/jjhM0d5ZtaZTLMVhnu+R1LFX9zcKwQKA+pSH1kLHFmDOla1haw82oCvr1pseXtz5eH1rGIuBMbCqa31rBbp6mjhK8fbbk+sLLJUpsiwzHufN1xVkw2LU4jBFe9ueLvHKt/UXqcL3Estp62XKj+WqZnpuOrjpGOMuKUnq1xXVHj0wTodF9IMcGFWH+D+1t1cRh+nfSp7llWg4yB0mpUScxFY4rL1zAi0bZHCEU4U9Hc+DuWCPdBOObenQorvwl0qH5E1Hr9fjLW5qek2+kTTqRQxLXZvkbT27q7i7yICxu/S4iwSYlBJhyGdUKerZ2acwjQPjVFho7to8e9EosKgXoR/zsUaKenTRsUbGgHEq1JsKjQKTUmL/5z4GgwEvvRqsD6O+FAyrOrC0A2NYZmFpBcawzMMCAC03f/lR2EKa6LxEt6ir+ETSQnPWxCeSuuwq+11VCBiDKgfURMD43PryQY0Fxm+GKKdGjQV21D06BcTvXhkLoPR3r/wGcEVFx+gZdHsAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  min-width: 0px;
  border: none;
  height: 1.7em;
  width: 3em;
  font-size: 1.1em;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  background-size: 3em 1.7em;
  float: left;
  margin-right: 0px;
  margin-top: 0px;
  min-height: 0px;
  margin-left: 0px;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelCurrAgeLabelPre {
  width: 43%;
  display: inline-block;
  text-align: right;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelCurrAgeInput {
  width: 10%;
  display: inline-block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelCurrAgeInput input {
  text-align: center;
  width: 3.2em;
  height: 3.2em;
  min-width: 0px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  margin: 10px 0;
  padding: 0;
  background-image: url(data:image/png;base64,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);
  background-size: 3.2em;
  border: 0;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelCurrAgeInput input {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AEcEB0PjsqiSAAABvVJREFUWMPFmU1sHFcdwH//2bHXjr3Gjk2cxHErHJVDJFDTEmquyKgHlCMKleghCb3URVyASFC1oFZUpZeiSD01yaWoRJHCIS0STcyhoDQkykdbyQLSBNH4I0kNrTe2M+/Ne+/PYWZnd+2UOl/eJ83Oamdn3m/+H+//8WSWX3CnY6O+2AZ8BRgFHgO+BQwAw8AVYA54Dzidn/91VZ5N73Q+uV3YwfQFEdHtID9D2YUoiiAAKFp7cPHZ8IsqCIdRfoNw/mr8nN4X2I3JL0VhDDgEMtQEIQraDCYFnyIiOWfjq+i0iuxGOXGt43m9Z7CDC88PIRwD3V5ACTlgbe6G3ySTcnE9l3qToIv75DzCzmtdv5q+K9jBz54F2A1ysKZgab69UL4sU7nmcKIUd8ry682m8qTAG9d6X7x92A1zPxdgvyjjywXUONJzM9iJS6RnZ/Af/Yfw6U20apCeMlFfJ6WH+mnbvpn272ylbfum+uvKMgErIPoaKs9c//KvddWwG2b3CcqbCLsyuGbVBpNi3vyApdfP4i//d9UOUhpZz7offoPyE18jKseFxSiCZLCgckRFd32y6WX9QtgN//4JihwA9mRibJSEYo9fYuG5Cfx09Y6XvNLmHrpfGKM8NtJsDCI17R0UYe/1B15pui9a/iBN/ROkfg/WQerR1EPqYdFyY987zO/9w12BAviZKvN7j1Ld9w4sWUgDmgawHrUOTd0eNX73/5XswOSPh0Cn6kafO9Ciofqjt0lPXeFej7bRYXr2fxfpam8w5GLu4bltv51aIdmBC+Oi1v8R68F6MPl50VAdf+u+gAKkp65QHX8LFi1Ylx81Kfs/9V8YlxWwav0Y1n1dbUCNQ61HjWPhpXdJT09xP0d6eoqFl97N5qyZQga+TW0Ya4Lt/+tTgvEH1OSgaSZVM3GJ5OgkazGSo5PYicuoybVqfPbdugP9f3lKClg1/pFg/TDWZX9MHGHBsvTqSdZyLL56Eq0ags00i3WQ+GG1/uEGWPdTjENNZjNqPfbY3wnXF9cUNlxbwLz9D0gyE1STm4Rx+wAkOToZq2hKQ8AUoDp+DD9TZa1HaaiHyv6diNRyOMmDs7THat3W4s1UEQF36dOWgAL46Sp+8hqlrf1Z1lZfyUZiNW6UZaE/PTtDK0d6fpZouLeeiGRRfjTWxH+TxoxKwF2cayms++cc7UnakMcJio7GatwOyeVcs5Ewc6OlsGHmBhhPyAUYMuQdMYnbrM3pKbpoWwqrCxZNXJYpi9RsdnOMcUO18qj4c+JaC2vyCKZN2cKmWBM3jciQav2KlONszW3RkPYS3HSoZLlu5mHMxmrdDMpQU4HUEUMLYelsy6QrDVWy6tVYE3dWhB3aUJ1GfZ34+aRlrFFfZxb2myopPR9h/ClNPBhHdvZEA+taarPRwLrMb0xKMGmm5cSfjDVxZ4ogkTtetKGrtbCDXYWDNdSo78Vq/MVC0LXasNKBVMroDbP2zlUpZ3MnvqnXIHAxSg5/kKpxh4ssJzeJ0sj6lkg1HunLGdLMyTLTPHzz8IdplFcJr2QJb54iGkdpsBvpjNdWqp0x0WAlZ6iVVg617uV6WWPcOay/otahSZ7Xek/80MDapodfHUCdzxkKp79C4i8UsHbisgbj9mbJbn4YD5Uy0cbK2jjVxgpRpUytYNV6tbDX/PmSAtT1bPwJhEmUbUX4FShtqaBLFq3eP2eTnjKlLT0NUbPWQ2MS9MSK6jY9M6UY/3huI7VyAtJA/GAv0l2+P6Dd7ZQe7EPTgNqQF6u18so9np6Z1lt2ZNL3Z6eCDT/AhLx2D5lJuEC0pYeor+Peqr63g2hLD7i8R5H3DNR6gvV73PtXm3oAK909db9T5dsge4rEJk9yZH0XUTkmzC2BC3exPkVEA+uQrjKk+XOKhjOocFCUQ6vqIkYP9EaC/l6R70ljc64I1kpYsFnQuB3oOCKqlJHu9nq4FG2YQQCOKPr98PH8igffciENH38Wok2VXcAnij7dxJunQtJRQsrrwIUsjqcBdQGC5l1wgUiQOIK2COmIIS5lj3ChAEVrVbWC8JrAM2F24Zb92c9d9cPsDY0GusZBzwGv1700NAoYEZCONihnlXFjZ1tWVKK+qdmteWc8ZOcnEd7wc0t3t6cgX+rYAhwDfXh5f6Fo36ugog3bH1pPnFd0B7XhkwsCO8N88oUNtVXFU51PpqSr/RGUMdBDKgyBFmtxJsnQtMeQ62fF/gMaartM0yC7gRNhya5qtyZadV20aFWX7HG8H8aFR0n1CD5kNut8brN547k4B3CaHz677vUITh9VH4Z1yR7XVYKu2gw+P5hHbaAjCKOCjKI8pugGYAiRaZTroH8DOQ16EuQyPtzxDuP/ALBcTbxBUyfTAAAAAElFTkSuQmCC);
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelCurrAgeLabelPost {
  width: 43%;
  display: inline-block;
  text-align: left;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementAgeInputContainer {
  width: 100%;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementAgeInputContainer .upmRetirementModelRetAgeLabelPre {
  width: 43%;
  display: inline-block;
  text-align: right;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementAgeInputContainer .upmRetirementModelRetAgeInput {
  width: 10%;
  display: inline-block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementAgeInputContainer .upmRetirementModelRetAgeInput input {
  text-align: center;
  width: 3.2em;
  height: 3.2em;
  min-width: 0px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  margin: 10px 0;
  padding: 0;
  background-image: url(data:image/png;base64,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);
  background-size: 3.2em;
  border: 0;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementAgeInputContainer .upmRetirementModelRetAgeLabelPost {
  width: 43%;
  display: inline-block;
  text-align: left;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementModelRetAgeSliderContainer {
  width: 100%;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementModelRetAgeSliderContainer .upmRetirementModelRetAgeButtonDec {
  width: 10%;
  text-align: right;
  display: inline-block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementModelRetAgeSliderContainer .upmRetirementModelRetAgeButtonDec button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAA9CAYAAABItIyfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIBDi8bigtZrAAAAs1JREFUeNrtnUFu00AUhn87UeyExs4ipEvagNjDBYq4AixgBVyi7CiFFZyCHWx6BugFQGwRctsjJJFqHMk2myRKU7t4JvZ4xvxvEyWKMtH7/P/z3ih5tqAggrNgD0CweGplvCXNef2/Dsuy4DjO6hFVJGkNDgEIwnFdF123C9d1V4Cuva9EUI8AfGXqxaLVasH3/BshlQqMoORBDQYDeH1PTIkEZQYoaWDco+T3qF6vB9/zC1lfKcCoqnpUtR62AKwXhCUe7XYbu6PdUmAVVtgC1iemXxzW6PZoKwsUBkZY+sD6JzDC0gvWjcAISz9YucBYDdZfDRYGxj5Lvs/aubWD4XBY6TpZZf0BYcmpq9/vV39h0ArNsMI8hR0w/XLAVMC6ojCqS391bSqM6tJcXSuFUV1mqGtdYXeYfrlS3uk4atdk36V335WlsD3CkkicbaPjdNSvSzs0xw7XFcaQUFhVB7wijTND9wsFwBHTYIYdAkBbp0Qc3v2Mri+/kSdxivc/nzZeYVpUiIf3toMFAHbLwpsHJ42tELXZw17f/4KuV04CLAs4enjSaIUxCIzRaGAffj1DOJ2X8llpChx/f9JoYKkOX+Tj7+cIJ9tBS+IU735UDytJEsyjeS15soKzIAHPEoX7sDoOfpcKOyYCUdtNEc0jFh2MYsDOmQa5fSyKolqAXTD95tjiUmEpEZhRKdrj/fE5gFdEIK6w8E+o3BaXRQdt0RBbtAFgvD/+BuAtEYhFHMeYzWa1lfWnRCAHbTqbqgdGlZmhss3GmSrTXGVXgC1U9pIIxIFNJhMlFWPW0dQp+zJ9rfEasEVf9pgIxEv8y/CycmvMPPylNeprjZzTUUHUMqeD0PSExllThkEr/NMAQtMDGuclKogy/1rLiaSKopaJpFRb/WrjVG3DwHFuvQbglM6t5x5X3h6n9M4QBSHmrcl7r+RA3Lz3yl98qQ/ZKHPnVQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  min-width: 0px;
  border: none;
  height: 1.7em;
  width: 3em;
  font-size: 1.1em;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  background-size: 3em 1.7em;
  float: left;
  margin-right: 0px;
  margin-top: 0px;
  min-height: 0px;
  margin-left: 0px;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementModelRetAgeSliderContainer .upmRetirementModelRetAgeSlider {
  width: 80%;
  display: inline-flex;
  border-radius: 0;
  border: none;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementModelRetAgeSliderContainer .upmRetirementModelRetAgeButtonInc {
  width: 10%;
  text-align: left;
  display: inline-block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementModelRetAgeSliderContainer .upmRetirementModelRetAgeButtonInc button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAA9CAYAAABItIyfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIBDiwFWyk3DAAAAzRJREFUeNrtnb9u01AUxj/fWLYilHSiXZBK3YqFAcHEVhWpT9ABOgEvESYoZSO8BExhoM8AfYGyo7aUtVRt7JTY10pshoqC2oY01/ceX7fnWyI5w4nuL9/5Y11fO4dHhzkASCmR5/npJ+uccgDOiOsAEARzwZ7pH+HkI+hIKZEkCeIkRpIkDFENsHaII4FdBC+MQgyHQ0YxuZaCueALGbB/FfUidLtdBlcSuImBMbhywSkD+5MqwyhEv9/nGkdU4woBY7fRu03oiNhsNDEzPQPXdXn5J9fn3e+7T0mBAYDv+5i+Oc3Q1PT+stCEzqgMzTw0oTsqQzMLTZiIytDMQdPSJXL3SNc9GgUGAAcHBzj+dcxzmqY5TZiO2mg0UKvVePkVbmoAWCR3GKdGvalRUERsNprsMnUtkjuMXabPZYIqIrtMj8vIHMYu0+My0snW93w4jmPNCrTmO/BvuBCuwPrWiu3AZskdZtNc1prvoD7lnQw8WY67y7fw+N1D6+cycmA2pMXWQgf1pnd+ORzY7rQlQR3RtrRYMc3SA/N9CCF46dV0m1euYioFGKdFZa2RNx3UneLLe58gaup/jjhM0d5ZtaZTLMVhnu+R1LFX9zcKwQKA+pSH1kLHFmDOla1haw82oCvr1pseXtz5eH1rGIuBMbCqa31rBbp6mjhK8fbbk+sLLJUpsiwzHufN1xVkw2LU4jBFe9ueLvHKt/UXqcL3Estp62XKj+WqZnpuOrjpGOMuKUnq1xXVHj0wTodF9IMcGFWH+D+1t1cRh+nfSp7llWg4yB0mpUScxFY4rL1zAi0bZHCEU4U9Hc+DuWCPdBOObenQorvwl0qH5E1Hr9fjLW5qek2+kTTqRQxLXZvkbT27q7i7yICxu/S4iwSYlBJhyGdUKerZ2acwjQPjVFho7to8e9EosKgXoR/zsUaKenTRsUbGgHEq1JsKjQKTUmL/5z4GgwEvvRqsD6O+FAyrOrC0A2NYZmFpBcawzMMCAC03f/lR2EKa6LxEt6ir+ETSQnPWxCeSuuwq+11VCBiDKgfURMD43PryQY0Fxm+GKKdGjQV21D06BcTvXhkLoPR3r/wGcEVFx+gZdHsAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  min-width: 0px;
  border: none;
  height: 1.7em;
  width: 3em;
  font-size: 1.1em;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  background-size: 3em 1.7em;
  float: left;
  margin-right: 0px;
  margin-top: 0px;
  min-height: 0px;
  margin-left: 0px;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementModelMinMaxRetAgeContainer {
  width: 100%;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementModelMinMaxRetAgeContainer .upmRetirementModelMinRetAgeLabel {
  width: 10%;
  display: inline-block;
  text-align: right;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementModelMinMaxRetAgeContainer .upmRetirementModelMaxRetAgeSpacer {
  width: 76%;
  display: inline-block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelRetAgeSection .upmRetirementModelMinMaxRetAgeContainer .upmRetirementModelMaxRetAgeLabel {
  width: 10%;
  display: inline-block;
  text-align: left;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelLSInputContainer {
  width: 100%;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelLSInputContainer .upmRetirementModelLSLabelPre {
  width: 43%;
  display: inline-block;
  text-align: right;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelLSInputContainer .upmRetirementModelLSInput {
  width: 10%;
  display: inline-block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelLSInputContainer .upmRetirementModelLSInput input {
  text-align: center;
  width: 3.2em;
  height: 3.2em;
  min-width: 0px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  margin: 10px 0;
  padding: 0;
  background-image: url(data:image/png;base64,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);
  background-size: 3.2em;
  border: 0;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelLSInputContainer .upmRetirementModelLSLabelPost {
  width: 43%;
  display: inline-block;
  text-align: left;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelLSSliderContainer {
  width: 100%;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelLSSliderContainer .upmRetirementModelLSButtonDec {
  width: 10%;
  display: inline-block;
  text-align: right;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelLSSliderContainer .upmRetirementModelLSButtonDec button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAA9CAYAAABItIyfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIBDi8bigtZrAAAAs1JREFUeNrtnUFu00AUhn87UeyExs4ipEvagNjDBYq4AixgBVyi7CiFFZyCHWx6BugFQGwRctsjJJFqHMk2myRKU7t4JvZ4xvxvEyWKMtH7/P/z3ih5tqAggrNgD0CweGplvCXNef2/Dsuy4DjO6hFVJGkNDgEIwnFdF123C9d1V4Cuva9EUI8AfGXqxaLVasH3/BshlQqMoORBDQYDeH1PTIkEZQYoaWDco+T3qF6vB9/zC1lfKcCoqnpUtR62AKwXhCUe7XYbu6PdUmAVVtgC1iemXxzW6PZoKwsUBkZY+sD6JzDC0gvWjcAISz9YucBYDdZfDRYGxj5Lvs/aubWD4XBY6TpZZf0BYcmpq9/vV39h0ArNsMI8hR0w/XLAVMC6ojCqS391bSqM6tJcXSuFUV1mqGtdYXeYfrlS3uk4atdk36V335WlsD3CkkicbaPjdNSvSzs0xw7XFcaQUFhVB7wijTND9wsFwBHTYIYdAkBbp0Qc3v2Mri+/kSdxivc/nzZeYVpUiIf3toMFAHbLwpsHJ42tELXZw17f/4KuV04CLAs4enjSaIUxCIzRaGAffj1DOJ2X8llpChx/f9JoYKkOX+Tj7+cIJ9tBS+IU735UDytJEsyjeS15soKzIAHPEoX7sDoOfpcKOyYCUdtNEc0jFh2MYsDOmQa5fSyKolqAXTD95tjiUmEpEZhRKdrj/fE5gFdEIK6w8E+o3BaXRQdt0RBbtAFgvD/+BuAtEYhFHMeYzWa1lfWnRCAHbTqbqgdGlZmhss3GmSrTXGVXgC1U9pIIxIFNJhMlFWPW0dQp+zJ9rfEasEVf9pgIxEv8y/CycmvMPPylNeprjZzTUUHUMqeD0PSExllThkEr/NMAQtMDGuclKogy/1rLiaSKopaJpFRb/WrjVG3DwHFuvQbglM6t5x5X3h6n9M4QBSHmrcl7r+RA3Lz3yl98qQ/ZKHPnVQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  min-width: 0px;
  border: none;
  height: 1.7em;
  width: 3em;
  font-size: 1.1em;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  background-size: 3em 1.7em;
  float: left;
  margin-right: 0px;
  margin-top: 0px;
  min-height: 0px;
  margin-left: 0px;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelLSSliderContainer .upmRetirementModelLSSlider {
  width: 80%;
  display: inline-flex;
  border-radius: 0;
  border: none;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelLSSliderContainer .upmRetirementModelLSButtonInc {
  width: 10%;
  display: inline-block;
  text-align: left;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelLSSliderContainer .upmRetirementModelLSButtonInc button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAA9CAYAAABItIyfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIBDiwFWyk3DAAAAzRJREFUeNrtnb9u01AUxj/fWLYilHSiXZBK3YqFAcHEVhWpT9ABOgEvESYoZSO8BExhoM8AfYGyo7aUtVRt7JTY10pshoqC2oY01/ceX7fnWyI5w4nuL9/5Y11fO4dHhzkASCmR5/npJ+uccgDOiOsAEARzwZ7pH+HkI+hIKZEkCeIkRpIkDFENsHaII4FdBC+MQgyHQ0YxuZaCueALGbB/FfUidLtdBlcSuImBMbhywSkD+5MqwyhEv9/nGkdU4woBY7fRu03oiNhsNDEzPQPXdXn5J9fn3e+7T0mBAYDv+5i+Oc3Q1PT+stCEzqgMzTw0oTsqQzMLTZiIytDMQdPSJXL3SNc9GgUGAAcHBzj+dcxzmqY5TZiO2mg0UKvVePkVbmoAWCR3GKdGvalRUERsNprsMnUtkjuMXabPZYIqIrtMj8vIHMYu0+My0snW93w4jmPNCrTmO/BvuBCuwPrWiu3AZskdZtNc1prvoD7lnQw8WY67y7fw+N1D6+cycmA2pMXWQgf1pnd+ORzY7rQlQR3RtrRYMc3SA/N9CCF46dV0m1euYioFGKdFZa2RNx3UneLLe58gaup/jjhM0d5ZtaZTLMVhnu+R1LFX9zcKwQKA+pSH1kLHFmDOla1haw82oCvr1pseXtz5eH1rGIuBMbCqa31rBbp6mjhK8fbbk+sLLJUpsiwzHufN1xVkw2LU4jBFe9ueLvHKt/UXqcL3Estp62XKj+WqZnpuOrjpGOMuKUnq1xXVHj0wTodF9IMcGFWH+D+1t1cRh+nfSp7llWg4yB0mpUScxFY4rL1zAi0bZHCEU4U9Hc+DuWCPdBOObenQorvwl0qH5E1Hr9fjLW5qek2+kTTqRQxLXZvkbT27q7i7yICxu/S4iwSYlBJhyGdUKerZ2acwjQPjVFho7to8e9EosKgXoR/zsUaKenTRsUbGgHEq1JsKjQKTUmL/5z4GgwEvvRqsD6O+FAyrOrC0A2NYZmFpBcawzMMCAC03f/lR2EKa6LxEt6ir+ETSQnPWxCeSuuwq+11VCBiDKgfURMD43PryQY0Fxm+GKKdGjQV21D06BcTvXhkLoPR3r/wGcEVFx+gZdHsAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  min-width: 0px;
  border: none;
  height: 1.7em;
  width: 3em;
  font-size: 1.1em;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  background-size: 3em 1.7em;
  float: left;
  margin-right: 0px;
  margin-top: 0px;
  min-height: 0px;
  margin-left: 0px;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelMinMaxLSContainer {
  width: 100%;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelMinMaxLSContainer .upmRetirementModelMinLSLabel {
  width: 10%;
  display: inline-block;
  text-align: right;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelMinMaxLSContainer .upmRetirementModelMaxLSSpacer {
  width: 76%;
  display: inline-block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelLSSection .upmRetirementModelMinMaxLSContainer .upmRetirementModelMaxLSLabel {
  width: 10%;
  display: inline-block;
  text-align: left;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelMaxAnnIncomeContainer {
  width: 100%;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelMaxAnnIncomeContainer .upmRetirementModelMaxAnnIncomeLabel {
  width: 80%;
  display: inline-block;
  text-align: left;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelMaxAnnIncomeContainer .upmRetirementModelMaxAnnIncomeValue {
  width: 18%;
  display: inline-block;
  text-align: right;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelMaxLSContainer {
  width: 100%;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelMaxLSContainer .upmRetirementModelMaxLSLabel {
  width: 80%;
  display: inline-block;
  text-align: left;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelMaxLSContainer .upmRetirementModelMaxLSValue {
  width: 18%;
  display: inline-block;
  text-align: right;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelSelLSContainer {
  width: 100%;
  color: #6A2D91;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelSelLSContainer .upmRetirementModelSelLSLabel {
  width: 80%;
  display: inline-block;
  text-align: left;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelSelLSContainer .upmRetirementModelSelLSValue {
  width: 18%;
  display: inline-block;
  text-align: right;
  font-weight: bold;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelAnnIncomeContainer {
  width: 100%;
  color: #6A2D91;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelAnnIncomeContainer .upmRetirementModelAnnIncomeLabel {
  width: 80%;
  display: inline-block;
  text-align: left;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelAnnIncomeContainer .upmRetirementModelAnnIncomeValue {
  width: 18%;
  display: inline-block;
  text-align: right;
  font-weight: bold;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection {
  width: 100%;
  text-align: center;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmResidualPension {
  display: block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmChosenCash {
  display: block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmAnnaulIncomeChart {
  display: inline-block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmLumpSumChart {
  display: inline-block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmRetirementModelChartAnnualIncomeLabel {
  width: 0%;
  display: inline-block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmRetirementModelChartAnnualIncomeLabel .upmRetirementModelChartAnnualIncomeLabelText {
  width: 250px;
  padding-left: 1.2em;
  text-align: left;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #55A2C5;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmRetirementModelChartAnnualIncomeLabel .upmRetirementModelChartAnnualIncomeLabelText .upmRetirementModelChartAnnualIncomeLabelTextValue {
  font-weight: bold;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmretirementmodelchartannualincome {
  width: 46%;
  height: 300px;
  width: 37%;
  padding: 6% 5%;
  display: inline-block;
  position: relative;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmretirementmodelchartannualincome .valbar {
  background-color: #6A2D91;
  width: 100%;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmretirementmodelchartannualincome .maxbar {
  background-color: #55A2C5;
  width: 100%;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmRetirementModelChartLumpSumLabel {
  width: 0%;
  display: inline-block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmRetirementModelChartLumpSumLabel .upmRetirementModelChartLumpSumLabelText {
  width: 250px;
  padding-left: 1.2em;
  text-align: left;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #55A2C5;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmRetirementModelChartLumpSumLabel .upmRetirementModelChartLumpSumLabelText .upmRetirementModelChartLumpSumLabelTextValue {
  font-weight: bold;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmretirementmodelchartlumpsum {
  width: 46%;
  height: 300px;
  width: 37%;
  padding: 6% 5%;
  display: inline-block;
  position: relative;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmretirementmodelchartlumpsum .valbar {
  background-color: #6A2D91;
  width: 100%;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmretirementmodelchartlumpsum .maxbar {
  background-color: #55A2C5;
  width: 100%;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmChartText {
  display: inline-block;
  width: 45%;
  font-size: 1.2em;
  font-family: Verdana;
  padding-left: 2%;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .upmChartTitle {
  font-weight: bold;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .govRetirementSuggestion .text {
  display: inline-block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .govRetirementSuggestion .numeric {
  font-weight: bold;
  display: inline-block;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .govRetirementSuggestion table,
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .govRetirementSuggestion td,
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .govRetirementSuggestion th {
  border: 1px solid black;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .govRetirementSuggestion td {
  background-color: white;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .govRetirementSuggestion a.info {
  position: relative;
  /*this is the key*/
  z-index: 24;
  text-decoration: none;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .govRetirementSuggestion a.info:hover {
  z-index: 25;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .govRetirementSuggestion a.info span {
  display: none;
  font-size: 16px;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .govRetirementSuggestion a.info:hover span {
  display: block;
  position: absolute;
  top: 2em;
  left: 2em;
  width: 50em;
  border: 2px solid #000;
  background-color: #FFFFFF;
  color: #000;
  text-align: left;
  font-size: 12px;
  margin: 20px;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .govRetirementSuggestion table {
  border-collapse: collapse;
  width: 100%;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartSection .govRetirementSuggestion th {
  font-weight: bold;
  text-align: center;
}
.upmRetirementModel .upmRetirementModelSection .upmRetirementModelChartCalcMessageSection .upmRetirementModelChartCalcMessage {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('../../fonts/fontawesome-webfont.eot');
  src: url('../../fonts/fontawesome-webfont.eot#iefix') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../../fonts/fontawesome-webfont.ttf') format('truetype'), url('../../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  padding-left: 0px;
  padding-right: 5px;
}
.fa {
  display: contents;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-question-circle:before {
  content: "\f059";
}
dt i.fa.fa-question-circle {
  margin-left: 10px;
}