@charset "UTF-8";
/* These inject tags are used for dynamically creating imports for themelet styles, you can place them where ever you like in this file. */
/* inject:imports */
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);
:root {
  --primaryDarkColor:#005B91;
  --primaryColor:#44A0E1;
  --primaryLightColor:#6FC4FF;
  --primaryLighterColor:rgba(111, 196, 255, 0.1);
  --primaryTextColor:#777777; }

/* Add your customizations of the theme variables here */
* {
  box-sizing: border-box; }

body .ui-widget {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  text-decoration: none; }

body .ui-icon {
  font-size: 1rem;
  display: inline-block;
  vertical-align: baseline;
  margin: 0;
  margin-top: 0;
  position: static;
  text-indent: 0;
  overflow: visible;
  background-repeat: no-repeat; }

body .ui-widget-overlay {
  -webkit-animation-name: modal-in;
  animation-name: modal-in;
  animation-duration: 0.2s;
  animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99);
  animation-fill-mode: forwards; }

body .ui-helper-reset {
  line-height: normal; }

body .ui-state-disabled {
  opacity: 0.6; }

body .ui-button {
  background: #44A0E1;
  color: white;
  border: 1px solid #44A0E1;
  margin: 0;
  outline: 0 none;
  border-radius: 6px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
  body .ui-button.ui-state-hover {
    background: #005B91;
    border-color: #005B91;
    color: white; }
  body .ui-button.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2em #6FC4FF; }
  body .ui-button.ui-state-active, body .ui-button.ui-state-down {
    background: #49A4C4;
    border-color: #49A4C4;
    color: #777777; }
  body .ui-button.outlined-button {
    background-color: transparent;
    color: #44A0E1;
    border: 1px solid; }
    body .ui-button.outlined-button.ui-state-hover {
      background: rgba(68, 160, 225, 0.04);
      color: #44A0E1;
      border: 1px solid; }
    body .ui-button.outlined-button.ui-state-active, body .ui-button.outlined-button.ui-state-down {
      background: rgba(68, 160, 225, 0.16);
      color: #44A0E1;
      border: 1px solid; }
  body .ui-button.text-button {
    background-color: transparent;
    color: #44A0E1;
    border-color: transparent; }
    body .ui-button.text-button.ui-state-hover {
      background: rgba(68, 160, 225, 0.04);
      color: #44A0E1;
      border-color: transparent; }
    body .ui-button.text-button.ui-state-active, body .ui-button.text-button.ui-state-down {
      background: rgba(68, 160, 225, 0.16);
      color: #44A0E1;
      border-color: transparent; }
  body .ui-button.ui-button-text-only .ui-button-text {
    padding: 0.5rem 1rem; }
  body .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 0.5rem 1rem 0.5rem 2rem; }
  body .ui-button.ui-button-text-icon-left .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5rem;
    left: 0.5rem; }
  body .ui-button.ui-button-text-icon-right .ui-button-text {
    padding: 0.5rem 2rem 0.5rem 1rem; }
  body .ui-button.ui-button-text-icon-right .ui-icon {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -0.5rem;
    right: 0.5rem; }
  body .ui-button.ui-button-icon-only {
    width: 2.357rem; }
    body .ui-button.ui-button-icon-only .ui-button-text {
      padding: 0.5rem; }
    body .ui-button.ui-button-icon-only .ui-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -0.5rem;
      margin-left: -0.5rem; }
  body .ui-button.raised-button {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  body .ui-button.rounded-button {
    border-radius: 2rem; }
    body .ui-button.rounded-button.ui-button-icon-only {
      border-radius: 50%;
      height: 2.357rem; }
  body .ui-button .ui-icon-triangle-1-s {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-button .ui-icon-triangle-1-s:before {
      content: ""; }

body .ui-selectbooleanbutton,
body .ui-selectonebutton > .ui-button,
body .ui-selectmanybutton > .ui-button {
  background: #ffffff;
  color: #777777;
  border: 1px solid #D4D6D9;
  outline: 0 none;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
  body .ui-selectbooleanbutton .ui-icon,
  body .ui-selectonebutton > .ui-button .ui-icon,
  body .ui-selectmanybutton > .ui-button .ui-icon {
    color: #83888F; }
  body .ui-selectbooleanbutton.ui-state-hover,
  body .ui-selectonebutton > .ui-button.ui-state-hover,
  body .ui-selectmanybutton > .ui-button.ui-state-hover {
    background: rgba(68, 160, 225, 0.2);
    border-color: #D4D6D9;
    color: #777777; }
    body .ui-selectbooleanbutton.ui-state-hover .ui-icon,
    body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon,
    body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon {
      color: #83888F; }
  body .ui-selectbooleanbutton.ui-state-active,
  body .ui-selectonebutton > .ui-button.ui-state-active,
  body .ui-selectmanybutton > .ui-button.ui-state-active {
    background: #44A0E1;
    border-color: #44A0E1;
    color: #777777; }
    body .ui-selectbooleanbutton.ui-state-active .ui-icon,
    body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon,
    body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon {
      color: #777777; }
    body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,
    body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover,
    body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover {
      background: #005B91;
      border-color: #005B91;
      color: #777777; }
      body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon,
      body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon,
      body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon {
        color: #777777; }

body .ui-selectonebutton > .ui-button,
body .ui-selectmanybutton > .ui-button {
  border-radius: 0; }
  body .ui-selectonebutton > .ui-button:first-child,
  body .ui-selectmanybutton > .ui-button:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px; }
  body .ui-selectonebutton > .ui-button:last-child,
  body .ui-selectmanybutton > .ui-button:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; }
  body .ui-selectonebutton > .ui-button.ui-state-focus,
  body .ui-selectmanybutton > .ui-button.ui-state-focus {
    z-index: 1; }
  body .ui-selectonebutton > .ui-button:not(:last-child),
  body .ui-selectmanybutton > .ui-button:not(:last-child) {
    border-right-width: 0; }

@media (max-width: 640px) {
  body .ui-selectonebutton > div.ui-button:not(:last-child),
  body .ui-selectmanybutton > div.ui-button:not(:last-child) {
    border-bottom-width: 0;
    border-right-width: 1px; }
  body .ui-selectonebutton > div.ui-button:first-child,
  body .ui-selectmanybutton > div.ui-button:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  body .ui-selectonebutton > div.ui-button:last-child,
  body .ui-selectmanybutton > div.ui-button:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-width: 1px; } }

@media (max-width: 640px) {
  body .ui-dataview-layout-options > div.ui-button:not(:last-child) {
    border-bottom-width: 1px;
    border-right-width: 0; }
  body .ui-dataview-layout-options > div.ui-button:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  body .ui-dataview-layout-options > div.ui-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; } }

body .ui-splitbutton {
  padding: 0; }
  body .ui-splitbutton .ui-button:first-child {
    position: relative;
    margin: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
    body .ui-splitbutton .ui-button:first-child.ui-state-focus {
      z-index: 1; }
  body .ui-splitbutton .ui-splitbuttonmenu {
    min-width: 100%; }
  body .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    cursor: pointer;
    height: auto;
    padding: 0;
    position: relative;
    margin: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; }
    body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before {
        content: ""; }

body .ui-button-group .ui-button {
  margin: 0;
  border-radius: 0; }
  body .ui-button-group .ui-button:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px; }
  body .ui-button-group .ui-button:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; }
  body .ui-button-group .ui-button.ui-state-focus {
    z-index: 1; }

body .ui-button.secondary-button, body .ui-splitbutton.secondary-button > .ui-button {
  background: #7A8798;
  color: #EAEBEC;
  border: 1px solid #7A8798; }
  body .ui-button.secondary-button.ui-state-hover, body .ui-button.secondary-button:not(:disabled):hover, body .ui-splitbutton.secondary-button > .ui-button.ui-state-hover, body .ui-splitbutton.secondary-button > .ui-button:not(:disabled):hover {
    background: #6c798b;
    border-color: #6c798b;
    color: #EAEBEC; }
  body .ui-button.secondary-button.ui-state-focus, body .ui-splitbutton.secondary-button > .ui-button.ui-state-focus {
    box-shadow: 0 0 0 0.2rem #cacfd6; }
  body .ui-button.secondary-button.ui-state-active, body .ui-button.secondary-button:active, body .ui-splitbutton.secondary-button > .ui-button.ui-state-active, body .ui-splitbutton.secondary-button > .ui-button:active {
    background: #606c7c;
    border-color: #606c7c;
    color: #EAEBEC; }
  body .ui-button.secondary-button.outlined-button, body .ui-splitbutton.secondary-button > .ui-button.outlined-button {
    background-color: transparent;
    color: #7A8798;
    border: 1px solid; }
    body .ui-button.secondary-button.outlined-button:enabled:hover, body .ui-splitbutton.secondary-button > .ui-button.outlined-button:enabled:hover {
      background: rgba(122, 135, 152, 0.04);
      color: #7A8798;
      border: 1px solid; }
    body .ui-button.secondary-button.outlined-button:enabled:active, body .ui-splitbutton.secondary-button > .ui-button.outlined-button:enabled:active {
      background: rgba(122, 135, 152, 0.16);
      color: #7A8798;
      border: 1px solid; }
  body .ui-button.secondary-button.text-button, body .ui-splitbutton.secondary-button > .ui-button.text-button {
    background-color: transparent;
    color: #7A8798;
    border-color: transparent; }
    body .ui-button.secondary-button.text-button:enabled:hover, body .ui-splitbutton.secondary-button > .ui-button.text-button:enabled:hover {
      background: rgba(122, 135, 152, 0.04);
      border-color: transparent;
      color: #7A8798; }
    body .ui-button.secondary-button.text-button:enabled:active, body .ui-splitbutton.secondary-button > .ui-button.text-button:enabled:active {
      background: rgba(122, 135, 152, 0.16);
      border-color: transparent;
      color: #7A8798; }

body .ui-button.success-button, body .ui-splitbutton.success-button > .ui-button {
  background: #34B56F;
  color: #ffffff;
  border: 1px solid #34B56F; }
  body .ui-button.success-button.ui-state-hover, body .ui-splitbutton.success-button > .ui-button.ui-state-hover {
    background: #2fa364;
    color: #ffffff;
    border-color: #2fa364; }
  body .ui-button.success-button.ui-state-focus, body .ui-splitbutton.success-button > .ui-button.ui-state-focus {
    box-shadow: 0 0 0 0.2rem #a9e6c5; }
  body .ui-button.success-button.ui-state-active, body .ui-splitbutton.success-button > .ui-button.ui-state-active {
    background: #2a9159;
    color: #ffffff; }
  body .ui-button.success-button.outlined-button, body .ui-splitbutton.success-button > .ui-button.outlined-button {
    background-color: transparent;
    color: #34B56F;
    border: 1px solid; }
    body .ui-button.success-button.outlined-button:enabled:hover, body .ui-splitbutton.success-button > .ui-button.outlined-button:enabled:hover {
      background: rgba(52, 181, 111, 0.04);
      color: #34B56F;
      border: 1px solid; }
    body .ui-button.success-button.outlined-button:enabled:active, body .ui-splitbutton.success-button > .ui-button.outlined-button:enabled:active {
      background: rgba(52, 181, 111, 0.16);
      color: #34B56F;
      border: 1px solid; }
  body .ui-button.success-button.text-button, body .ui-splitbutton.success-button > .ui-button.text-button {
    background-color: transparent;
    color: #34B56F;
    border-color: transparent; }
    body .ui-button.success-button.text-button:enabled:hover, body .ui-splitbutton.success-button > .ui-button.text-button:enabled:hover {
      background: rgba(52, 181, 111, 0.04);
      border-color: transparent;
      color: #34B56F; }
    body .ui-button.success-button.text-button:enabled:active, body .ui-splitbutton.success-button > .ui-button.text-button:enabled:active {
      background: rgba(52, 181, 111, 0.16);
      border-color: transparent;
      color: #34B56F; }

body .ui-button.warning-button, body .ui-splitbutton.warning-button > .ui-button {
  background: #FFA928;
  color: #ffffff;
  border: 1px solid #FFA928; }
  body .ui-button.warning-button.ui-state-hover, body .ui-splitbutton.warning-button > .ui-button.ui-state-hover {
    background: #ff9d0b;
    color: #ffffff;
    border-color: #ff9d0b; }
  body .ui-button.warning-button.ui-state-focus, body .ui-splitbutton.warning-button > .ui-button.ui-state-focus {
    box-shadow: 0 0 0 0.2rem #ffdda9; }
  body .ui-button.warning-button.ui-state-active, body .ui-splitbutton.warning-button > .ui-button.ui-state-active {
    background: #ec8e00;
    color: #ffffff;
    border-color: #ec8e00; }
  body .ui-button.warning-button.outlined-button, body .ui-splitbutton.warning-button > .ui-button.outlined-button {
    background-color: transparent;
    color: #FFA928;
    border: 1px solid; }
    body .ui-button.warning-button.outlined-button:enabled:hover, body .ui-splitbutton.warning-button > .ui-button.outlined-button:enabled:hover {
      background: rgba(255, 169, 40, 0.04);
      color: #FFA928;
      border: 1px solid; }
    body .ui-button.warning-button.outlined-button:enabled:active, body .ui-splitbutton.warning-button > .ui-button.outlined-button:enabled:active {
      background: rgba(255, 169, 40, 0.16);
      color: #FFA928;
      border: 1px solid; }
  body .ui-button.warning-button.text-button, body .ui-splitbutton.warning-button > .ui-button.text-button {
    background-color: transparent;
    color: #FFA928;
    border-color: transparent; }
    body .ui-button.warning-button.text-button:enabled:hover, body .ui-splitbutton.warning-button > .ui-button.text-button:enabled:hover {
      background: rgba(255, 169, 40, 0.04);
      border-color: transparent;
      color: #FFA928; }
    body .ui-button.warning-button.text-button:enabled:active, body .ui-splitbutton.warning-button > .ui-button.text-button:enabled:active {
      background: rgba(255, 169, 40, 0.16);
      border-color: transparent;
      color: #FFA928; }

body .ui-button.help-button, body .ui-splitbutton.help-button > .ui-button {
  background: #FF6E49;
  color: #ffffff;
  border: 1px solid #FF6E49; }
  body .ui-button.help-button.ui-state-hover, body .ui-splitbutton.help-button > .ui-button.ui-state-hover {
    background: #ff5428;
    color: #ffffff;
    border-color: #ff5428; }
  body .ui-button.help-button.ui-state-focus, body .ui-splitbutton.help-button > .ui-button.ui-state-focus {
    box-shadow: 0 0 0 0.2rem #ffc5b6; }
  body .ui-button.help-button.ui-state-active, body .ui-splitbutton.help-button > .ui-button.ui-state-active {
    background: #ff3a07;
    color: #ffffff;
    border-color: #ff3a07; }
  body .ui-button.help-button.outlined-button, body .ui-splitbutton.help-button > .ui-button.outlined-button {
    background-color: transparent;
    color: #FF6E49;
    border: 1px solid; }
    body .ui-button.help-button.outlined-button:enabled:hover, body .ui-splitbutton.help-button > .ui-button.outlined-button:enabled:hover {
      background: rgba(255, 110, 73, 0.04);
      color: #FF6E49;
      border: 1px solid; }
    body .ui-button.help-button.outlined-button:enabled:active, body .ui-splitbutton.help-button > .ui-button.outlined-button:enabled:active {
      background: rgba(255, 110, 73, 0.16);
      color: #FF6E49;
      border: 1px solid; }
  body .ui-button.help-button.text-button, body .ui-splitbutton.help-button > .ui-button.text-button {
    background-color: transparent;
    color: #FF6E49;
    border-color: transparent; }
    body .ui-button.help-button.text-button:enabled:hover, body .ui-splitbutton.help-button > .ui-button.text-button:enabled:hover {
      background: rgba(255, 110, 73, 0.04);
      border-color: transparent;
      color: #FF6E49; }
    body .ui-button.help-button.text-button:enabled:active, body .ui-splitbutton.help-button > .ui-button.text-button:enabled:active {
      background: rgba(255, 110, 73, 0.16);
      border-color: transparent;
      color: #FF6E49; }

body .ui-button.info-button, body .ui-splitbutton.info-button > .ui-button {
  background: #5297FF;
  color: #ffffff;
  border: 1px solid #5297FF; }
  body .ui-button.info-button.ui-state-hover, body .ui-splitbutton.info-button > .ui-button.ui-state-hover {
    background: #3083ff;
    color: #ffffff;
    border-color: #3083ff; }
  body .ui-button.info-button.ui-state-focus, body .ui-splitbutton.info-button > .ui-button.ui-state-focus {
    box-shadow: 0 0 0 0.2rem #bad5ff; }
  body .ui-button.info-button.ui-state-active, body .ui-splitbutton.info-button > .ui-button.ui-state-active {
    background: #0f6eff;
    color: #ffffff;
    border-color: #0f6eff; }
  body .ui-button.info-button.outlined-button, body .ui-splitbutton.info-button > .ui-button.outlined-button {
    background-color: transparent;
    color: #5297FF;
    border: 1px solid; }
    body .ui-button.info-button.outlined-button:enabled:hover, body .ui-splitbutton.info-button > .ui-button.outlined-button:enabled:hover {
      background: rgba(82, 151, 255, 0.04);
      color: #5297FF;
      border: 1px solid; }
    body .ui-button.info-button.outlined-button:enabled:active, body .ui-splitbutton.info-button > .ui-button.outlined-button:enabled:active {
      background: rgba(82, 151, 255, 0.16);
      color: #5297FF;
      border: 1px solid; }
  body .ui-button.info-button.text-button, body .ui-splitbutton.info-button > .ui-button.text-button {
    background-color: transparent;
    color: #5297FF;
    border-color: transparent; }
    body .ui-button.info-button.text-button:enabled:hover, body .ui-splitbutton.info-button > .ui-button.text-button:enabled:hover {
      background: rgba(82, 151, 255, 0.04);
      border-color: transparent;
      color: #5297FF; }
    body .ui-button.info-button.text-button:enabled:active, body .ui-splitbutton.info-button > .ui-button.text-button:enabled:active {
      background: rgba(82, 151, 255, 0.16);
      border-color: transparent;
      color: #5297FF; }

body .ui-button.danger-button, body .ui-splitbutton.danger-button > .ui-button {
  background: #EA2B1F;
  color: #ffffff;
  border: 1px solid #EA2B1F; }
  body .ui-button.danger-button.ui-state-hover, body .ui-splitbutton.danger-button > .ui-button.ui-state-hover {
    background: #da2014;
    color: #ffffff;
    border-color: #da2014; }
  body .ui-button.danger-button.ui-state-focus, body .ui-splitbutton.danger-button > .ui-button.ui-state-focus {
    box-shadow: 0 0 0 0.2rem #f7aaa5; }
  body .ui-button.danger-button.ui-state-active, body .ui-splitbutton.danger-button > .ui-button.ui-state-active {
    background: #c21d12;
    color: #ffffff;
    border-color: #c21d12; }
  body .ui-button.danger-button.outlined-button, body .ui-splitbutton.danger-button > .ui-button.outlined-button {
    background-color: transparent;
    color: #EA2B1F;
    border: 1px solid; }
    body .ui-button.danger-button.outlined-button:enabled:hover, body .ui-splitbutton.danger-button > .ui-button.outlined-button:enabled:hover {
      background: rgba(234, 43, 31, 0.04);
      color: #EA2B1F;
      border: 1px solid; }
    body .ui-button.danger-button.outlined-button:enabled:active, body .ui-splitbutton.danger-button > .ui-button.outlined-button:enabled:active {
      background: rgba(234, 43, 31, 0.16);
      color: #EA2B1F;
      border: 1px solid; }
  body .ui-button.danger-button.text-button, body .ui-splitbutton.danger-button > .ui-button.text-button {
    background-color: transparent;
    color: #EA2B1F;
    border-color: transparent; }
    body .ui-button.danger-button.text-button:enabled:hover, body .ui-splitbutton.danger-button > .ui-button.text-button:enabled:hover {
      background: rgba(234, 43, 31, 0.04);
      border-color: transparent;
      color: #EA2B1F; }
    body .ui-button.danger-button.text-button:enabled:active, body .ui-splitbutton.danger-button > .ui-button.text-button:enabled:active {
      background: rgba(234, 43, 31, 0.16);
      border-color: transparent;
      color: #EA2B1F; }

body .ui-commandlink, body .ui-link {
  color: #44A0E1; }

body .ui-paginator {
  background: #ffffff;
  border: 0 none;
  padding: 1rem; }
  body .ui-paginator .ui-paginator-first,
  body .ui-paginator .ui-paginator-prev,
  body .ui-paginator .ui-paginator-next,
  body .ui-paginator .ui-paginator-last {
    color: #83888F;
    width: 2.286em;
    height: 2.286em;
    margin: 0 0.125em;
    border: 1px solid transparent;
    vertical-align: top;
    padding: 0;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
    body .ui-paginator .ui-paginator-first span,
    body .ui-paginator .ui-paginator-prev span,
    body .ui-paginator .ui-paginator-next span,
    body .ui-paginator .ui-paginator-last span {
      display: none; }
    body .ui-paginator .ui-paginator-first.ui-state-hover,
    body .ui-paginator .ui-paginator-prev.ui-state-hover,
    body .ui-paginator .ui-paginator-next.ui-state-hover,
    body .ui-paginator .ui-paginator-last.ui-state-hover {
      background: rgba(68, 160, 225, 0.2);
      color: #777777;
      border-color: transparent; }
    body .ui-paginator .ui-paginator-first:before,
    body .ui-paginator .ui-paginator-prev:before,
    body .ui-paginator .ui-paginator-next:before,
    body .ui-paginator .ui-paginator-last:before {
      position: relative;
      line-height: inherit;
      top: -1px; }
  body .ui-paginator .ui-paginator-first {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important;
    line-height: 2.286em; }
    body .ui-paginator .ui-paginator-first:before {
      content: ""; }
    body .ui-paginator .ui-paginator-first:before {
      position: relative; }
  body .ui-paginator .ui-paginator-prev {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important;
    line-height: 2.286em; }
    body .ui-paginator .ui-paginator-prev:before {
      content: ""; }
    body .ui-paginator .ui-paginator-prev:before {
      position: relative; }
  body .ui-paginator .ui-paginator-next {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important;
    line-height: 2.286em; }
    body .ui-paginator .ui-paginator-next:before {
      content: ""; }
    body .ui-paginator .ui-paginator-next:before {
      position: relative; }
  body .ui-paginator .ui-paginator-last {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important;
    line-height: 2.286em; }
    body .ui-paginator .ui-paginator-last:before {
      content: ""; }
    body .ui-paginator .ui-paginator-last:before {
      position: relative; }
  body .ui-paginator .ui-paginator-current {
    color: #83888F; }
  body .ui-paginator .ui-paginator-pages {
    padding: 0;
    display: inline-block; }
    body .ui-paginator .ui-paginator-pages .ui-paginator-page {
      padding: 0;
      border: 1px solid transparent;
      text-align: center;
      line-height: 2.286em;
      min-width: 2.286em;
      height: 2.286em;
      color: #83888F;
      margin: 0 0.125em;
      border-radius: 6px;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
      body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
        background: rgba(68, 160, 225, 0.9);
        color: #777777; }
      body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover {
        background: rgba(68, 160, 225, 0.2);
        color: #777777;
        border-color: transparent; }
  body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options {
    margin: 0.5rem;
    display: inline-block;
    vertical-align: middle; }

body .ui-datatable .ui-datatable-header {
  background: #FCFCFC;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-width: 0 0 1px 0;
  color: #777777;
  padding: 1rem;
  font-weight: 700;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

body .ui-datatable .ui-datatable-footer {
  background: #ffffff;
  border: 1px solid rgba(68, 160, 225, 0.2);
  border-width: 0 0 1px 0;
  color: #777777;
  padding: 1rem;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

body .ui-datatable .ui-datatable-header {
  text-align: left; }

body .ui-datatable .ui-datatable-footer {
  text-align: left; }

body .ui-datatable .ui-paginator {
  padding: 1rem; }

body .ui-datatable thead th {
  background: #FCFCFC;
  color: #777777;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-width: 0 0 1px 0;
  text-align: left;
  box-sizing: content-box;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
  body .ui-datatable thead th .ui-column-title {
    font-weight: 700;
    vertical-align: middle; }
  body .ui-datatable thead th .ui-sortable-column-icon {
    margin: 0 0 0 0.5rem; }
    body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      vertical-align: middle; }
      body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before {
        content: ""; }
    body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      vertical-align: middle; }
      body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before {
        content: ""; }
    body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      vertical-align: middle; }
      body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before {
        content: ""; }
  body .ui-datatable thead th.ui-sortable-column.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #6FC4FF; }
  body .ui-datatable thead th.ui-state-hover {
    background: rgba(68, 160, 225, 0.2);
    color: #777777; }
  body .ui-datatable thead th.ui-state-active {
    color: rgba(68, 160, 225, 0.9); }

body .ui-datatable .ui-datatable-data > tr {
  background: #ffffff;
  color: #777777;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
  body .ui-datatable .ui-datatable-data > tr > td {
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-width: 0 0 1px 0; }
    body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header {
      background: #FCFCFC;
      border: 1px solid #D4D6D9;
      color: #777777;
      font-weight: 700; }
  body .ui-datatable .ui-datatable-data > tr.ui-state-hover {
    background: rgba(68, 160, 225, 0.2);
    color: #777777; }
  body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
    background: rgba(68, 160, 225, 0.9);
    color: #777777; }
    body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler {
      color: #777777; }
    body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a {
      color: #777777; }
  body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable {
    cursor: pointer; }
  body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow {
    font-weight: 700; }
  body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none; }
    body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover {
      background: #FCFCFC;
      color: #83888F;
      border-color: transparent; }
    body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check {
      margin-right: 0.5rem; }
  body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before {
      content: ""; }
  body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before {
      content: ""; }
  body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before {
      content: ""; }
  body .ui-datatable .ui-datatable-data > tr .ui-row-toggler {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none; }
    body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover {
      background: #FCFCFC;
      color: #83888F;
      border-color: transparent; }
    body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before {
        content: ""; }
    body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before {
        content: ""; }
  body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler {
    margin-right: 1rem; }
    body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon {
      width: 2rem;
      height: 2rem;
      background: transparent;
      color: #777777;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
      border-radius: 50%;
      border: 0 none;
      text-align: center;
      line-height: 2rem;
      padding: 0;
      user-select: none; }
      body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover {
        background: #FCFCFC;
        color: #83888F;
        border-color: transparent; }
      body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before {
          content: ""; }
      body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before {
          content: ""; }
  body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering {
    background: rgba(68, 160, 225, 0.9); }

body .ui-datatable .ui-column-resizer-helper {
  background: #44A0E1; }

body .ui-datatable tfoot td {
  background: #FCFCFC;
  border: 1px solid rgba(68, 160, 225, 0.2);
  border-width: 0 0 1px 0;
  color: #777777;
  padding: 1rem;
  font-weight: 700;
  box-sizing: content-box; }

body .ui-datatable > .ui-icon-arrowthick-1-s {
  font-family: 'primeicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  background-image: none !important;
  display: none !important; }
  body .ui-datatable > .ui-icon-arrowthick-1-s:before {
    content: ""; }

body .ui-datatable > .ui-icon-arrowthick-1-n {
  font-family: 'primeicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  background-image: none !important;
  padding-top: 1.5rem !important; }
  body .ui-datatable > .ui-icon-arrowthick-1-n:before {
    content: ""; }

body .ui-datatable .ui-datatable-scrollable-body {
  outline: 0 none; }

body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer {
  background: #FCFCFC; }

body .ui-datatable .ui-selection-column .ui-chkbox-all {
  width: auto;
  height: auto; }

body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd {
  background: #fbfcfc; }
  body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover {
    background: rgba(68, 160, 225, 0.2);
    color: #777777; }
  body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight {
    background: rgba(68, 160, 225, 0.9);
    color: #777777; }

body .ui-datatable.ui-datatable-sm thead > tr > th {
  padding: 0.5rem; }

body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th {
  padding-top: 0;
  padding-bottom: 0; }

body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td {
  padding: 0.5rem; }

body .ui-datatable.ui-datatable-sm tfoot > tr > td {
  padding: 0.5rem; }

body .ui-datatable.ui-datatable-gridlines .ui-datatable-header {
  border-width: 1px; }

body .ui-datatable.ui-datatable-gridlines thead > tr > th {
  border-width: 1px; }

body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td {
  border-width: 1px; }

body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0 none;
  border-top: 0 none; }

body .ui-datatable.ui-datatable-gridlines tfoot > tr > td {
  border-width: 1px; }

body .ui-datatable.ui-datatable-sticky {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }

@media (max-width: 640px) {
  body .ui-datatable-reflow .ui-datatable-data tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight {
      border-left: 0 none;
      border-right: 0 none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td {
      display: block;
      width: 100%; } }

body .ui-dataview .ui-dataview-header,
body .ui-dataview .ui-dataview-footer {
  background: #FCFCFC;
  color: #777777;
  padding: 1rem;
  font-weight: 700;
  border: 1px solid #D4D6D9; }

body .ui-dataview .ui-dataview-header {
  border-width: 0 0 1px 0; }

body .ui-dataview .ui-dataview-footer {
  border-width: 1px 0 0 0; }

body .ui-dataview .ui-dataview-content {
  border: 0 none;
  background: #ffffff;
  color: #777777;
  padding: 1rem; }

body .ui-dataview.ui-dataview-list .ui-dataview-row {
  border-bottom: 1px solid #D4D6D9; }
  body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child {
    border-bottom: 0 none; }

body .ui-datagrid .ui-datagrid-header,
body .ui-datagrid .ui-datagrid-footer {
  background: #FCFCFC;
  border: 1px solid #D4D6D9;
  color: #777777;
  padding: 1rem;
  font-weight: 700; }

body .ui-datagrid .ui-datagrid-header {
  border-bottom: 0 none; }

body .ui-datagrid .ui-datagrid-footer {
  border-top: 0 none; }

body .ui-datagrid .ui-datagrid-content {
  border: 1px solid #D4D6D9;
  background: #ffffff;
  color: #777777;
  padding: 1rem; }

body .ui-datagrid .ui-paginator {
  padding: 1rem; }
  body .ui-datagrid .ui-paginator.ui-paginator-top {
    border-bottom: 0 none; }
  body .ui-datagrid .ui-paginator.ui-paginator-bottom {
    border-top: 0 none; }

body .ui-datalist .ui-datalist-header,
body .ui-datalist .ui-datalist-footer {
  background: #FCFCFC;
  border: 1px solid #D4D6D9;
  color: #777777;
  padding: 1rem;
  font-weight: 700; }

body .ui-datalist .ui-datalist-header {
  border-bottom: 0 none; }

body .ui-datalist .ui-datalist-footer {
  border-top: 0 none; }

body .ui-datalist .ui-datalist-content {
  border: 1px solid #D4D6D9;
  background: #ffffff;
  color: #777777;
  padding: 1rem; }

body .ui-datalist .ui-paginator {
  padding: 1rem; }
  body .ui-datalist .ui-paginator.ui-paginator-top {
    border-bottom: 0 none; }
  body .ui-datalist .ui-paginator.ui-paginator-bottom {
    border-top: 0 none; }

body .ui-datascroller .ui-datascroller-header,
body .ui-datascroller .ui-datascroller-footer {
  background: #FCFCFC;
  border: 1px solid #D4D6D9;
  color: #777777;
  padding: 1rem;
  font-weight: 700; }

body .ui-datascroller .ui-datascroller-header {
  border-bottom: 0 none; }

body .ui-datascroller .ui-datascroller-footer {
  border-top: 0 none; }

body .ui-datascroller .ui-datascroller-content {
  border: 1px solid #D4D6D9;
  background: #ffffff;
  color: #777777;
  padding: 1rem; }

body .ui-picklist .ui-picklist-buttons {
  padding: 0 0.5rem 0 0.5rem; }
  body .ui-picklist .ui-picklist-buttons .ui-button {
    margin-bottom: 0.5rem; }
  body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before {
      content: ""; }
  body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before {
      content: ""; }
  body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before {
      content: ""; }
  body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before {
      content: ""; }
  body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before {
      content: ""; }
  body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before {
      content: ""; }
  body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before {
      content: ""; }
  body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before {
      content: ""; }

body .ui-picklist .ui-picklist-caption {
  background: #FCFCFC;
  border: 1px solid #D4D6D9;
  color: #777777;
  padding: 1rem;
  border-bottom: 0 none;
  font-weight: 700;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter {
  padding: 0.5rem 0.5rem;
  width: 100%;
  padding-left: 2rem;
  margin-bottom: 0.5rem; }

body .ui-picklist .ui-picklist-filter-container .ui-icon {
  font-family: 'primeicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  background-image: none !important;
  position: absolute;
  left: 0.5rem;
  top: 50%;
  margin-top: -0.75rem;
  color: #83888F; }
  body .ui-picklist .ui-picklist-filter-container .ui-icon:before {
    content: ""; }

body .ui-picklist .ui-picklist-list {
  border: 1px solid #D4D6D9;
  background: #ffffff;
  color: #777777;
  padding: 0.5rem 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }
  body .ui-picklist .ui-picklist-list .ui-picklist-item {
    padding: 0.5rem 1rem;
    border: 0 none;
    margin: 0;
    color: #777777;
    border-radius: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
    body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover {
      background: rgba(68, 160, 225, 0.2);
      color: #777777; }
    body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
      background: rgba(68, 160, 225, 0.9);
      color: #777777; }

@media (max-width: 640px) {
  body .ui-picklist .ui-picklist-buttons .ui-button {
    margin-top: 0.5rem;
    margin-right: 0.5rem; }
    body .ui-picklist .ui-picklist-buttons .ui-button:last-child {
      margin-right: 0; }
    body .ui-picklist .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-picklist .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before {
        content: ""; }
    body .ui-picklist .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-picklist .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before {
        content: ""; }
    body .ui-picklist .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-picklist .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before {
        content: ""; }
    body .ui-picklist .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-picklist .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before {
        content: ""; }
  body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible {
    display: none; } }

body .ui-orderlist .ui-orderlist-controls {
  margin-right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }
  body .ui-orderlist .ui-orderlist-controls .ui-button {
    margin-bottom: 0.5rem; }
  body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before {
      content: ""; }
  body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before {
      content: ""; }
  body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before {
      content: ""; }
  body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before {
      content: ""; }

body .ui-orderlist .ui-orderlist-caption {
  background: #FCFCFC;
  border: 1px solid #D4D6D9;
  color: #777777;
  padding: 1rem;
  border-bottom: 0 none;
  font-weight: 700;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

body .ui-orderlist .ui-g > div {
  padding: 0; }
  body .ui-orderlist .ui-g > div.ui-orderlist-controls {
    padding: 0 0.5rem 0 0; }

body .ui-orderlist .ui-orderlist-list {
  border: 1px solid #D4D6D9;
  background: #ffffff;
  color: #777777;
  padding: 0.5rem 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }
  body .ui-orderlist .ui-orderlist-list .ui-orderlist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #777777;
    border-radius: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
    body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover {
      background: rgba(68, 160, 225, 0.2);
      color: #777777; }
    body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
      background: rgba(68, 160, 225, 0.9);
      color: #777777; }

@media (max-width: 640px) {
  body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls {
    -ms-flex-direction: row;
    flex-direction: row; }
    body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button {
      margin-top: 0.5rem;
      margin-right: 0.5rem; } }

body .ui-treetable .ui-treetable-header {
  background: #FCFCFC;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-width: 0 0 1px 0;
  color: #777777;
  padding: 1rem;
  font-weight: 700; }

body .ui-treetable .ui-treetable-footer {
  background: #ffffff;
  border: 1px solid rgba(68, 160, 225, 0.2);
  border-width: 0 0 1px 0;
  color: #777777;
  padding: 1rem; }

body .ui-treetable .ui-treetable-header {
  text-align: left; }

body .ui-treetable .ui-treetable-footer {
  text-align: left; }

body .ui-treetable .ui-paginator {
  padding: 1rem; }

body .ui-treetable thead th {
  background: #FCFCFC;
  color: #777777;
  padding: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-width: 0 0 1px 0;
  text-align: left;
  box-sizing: content-box;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
  body .ui-treetable thead th .ui-column-title {
    font-weight: 700;
    vertical-align: middle; }
  body .ui-treetable thead th .ui-sortable-column-icon {
    margin: 0 0 0 0.5rem; }
    body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      vertical-align: middle; }
      body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before {
        content: ""; }
    body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      vertical-align: middle; }
      body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before {
        content: ""; }
    body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      vertical-align: middle; }
      body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before {
        content: ""; }
  body .ui-treetable thead th.ui-sortable-column.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #6FC4FF; }
  body .ui-treetable thead th.ui-state-hover {
    background: rgba(68, 160, 225, 0.2);
    color: #777777; }
  body .ui-treetable thead th.ui-state-active {
    color: rgba(68, 160, 225, 0.9); }

body .ui-treetable .ui-treetable-data > tr {
  background: #ffffff;
  color: #777777;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
  body .ui-treetable .ui-treetable-data > tr > td {
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-width: 0 0 1px 0; }
    body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler {
      margin-right: 0.5rem;
      margin-top: 0;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
      width: 2rem;
      height: 2rem;
      background: transparent;
      color: #777777;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
      border-radius: 50%;
      border: 0 none;
      text-align: center;
      line-height: 2rem;
      padding: 0;
      user-select: none; }
      body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover {
        background: #FCFCFC;
        color: #83888F;
        border-color: transparent; }
      body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before {
          content: ""; }
      body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before {
          content: ""; }
    body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection {
      vertical-align: middle;
      margin-right: 1rem; }
      body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before {
          content: ""; }
      body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-check {
        color: #777777; }
  body .ui-treetable .ui-treetable-data > tr.ui-state-hover {
    background: rgba(68, 160, 225, 0.2);
    color: #777777; }
  body .ui-treetable .ui-treetable-data > tr.ui-state-highlight {
    background: rgba(68, 160, 225, 0.9);
    color: #777777;
    cursor: default; }
    body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler {
      color: #777777; }
      body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover {
        color: #777777; }
  body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none; }
    body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover {
      background: #FCFCFC;
      color: #83888F;
      border-color: transparent; }
    body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before {
        content: ""; }
    body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      margin-right: 0.5rem; }
      body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before {
        content: ""; }
    body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before {
        content: ""; }
  body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check {
    display: none; }
  body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close {
    display: none; }
  body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check {
    display: inline-block; }
  body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close {
    display: inline-block;
    color: #777777; }
  body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon {
    color: #777777; }

body .ui-treetable tfoot td {
  background: #FCFCFC;
  border: 1px solid rgba(68, 160, 225, 0.2);
  border-width: 0 0 1px 0;
  color: #777777;
  padding: 1rem;
  font-weight: 700;
  box-sizing: content-box; }

body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer {
  background: #FCFCFC; }

body .ui-treetable .ui-column-resizer-helper {
  background: #44A0E1; }

body .ui-treetable.ui-treetable-sm thead > tr > th {
  padding: 0.5rem; }

body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th {
  padding-top: 0;
  padding-bottom: 0; }

body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td {
  padding: 0.5rem; }

body .ui-treetable.ui-treetable-sm tfoot > tr > td {
  padding: 0.5rem; }

body .ui-treetable.ui-treetable-gridlines .ui-treetable-header {
  border-width: 1px; }

body .ui-treetable.ui-treetable-gridlines thead > tr > th {
  border-width: 1px; }

body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td {
  border-width: 1px; }

body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0 none;
  border-top: 0 none; }

body .ui-treetable.ui-treetable-gridlines tfoot > tr > td {
  border-width: 1px; }

body .ui-carousel {
  padding: 0; }
  body .ui-carousel .ui-carousel-header {
    background: #FCFCFC;
    color: #777777;
    padding: 1rem;
    border: 1px solid #D4D6D9;
    margin: 0;
    font-weight: 700; }
    body .ui-carousel .ui-carousel-header .ui-carousel-header-title {
      padding: 0;
      width: auto; }
  body .ui-carousel .ui-carousel-footer {
    background: #FCFCFC;
    color: #777777;
    padding: 1rem;
    border: 1px solid #D4D6D9;
    margin: 0; }
  body .ui-carousel .ui-carousel-viewport {
    border: 1px solid #D4D6D9;
    background: #ffffff;
    color: #777777;
    padding: 0; }
    body .ui-carousel .ui-carousel-viewport .ui-carousel-item {
      border: 1px solid #D4D6D9; }
  body .ui-carousel .ui-carousel-button {
    margin: 0 0 0 0.5rem;
    position: relative;
    top: 0.143em;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none; }
    body .ui-carousel .ui-carousel-button:hover {
      background: #FCFCFC;
      color: #83888F;
      border-color: transparent; }
    body .ui-carousel .ui-carousel-button.ui-carousel-next-button {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-carousel .ui-carousel-button.ui-carousel-next-button:before {
        content: ""; }
    body .ui-carousel .ui-carousel-button.ui-carousel-prev-button {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-carousel .ui-carousel-button.ui-carousel-prev-button:before {
        content: ""; }
  body .ui-carousel .ui-carousel-dropdown, body .ui-carousel .ui-carousel-mobiledropdown {
    margin: 0 0.5rem 0 0; }
  body .ui-carousel .ui-carousel-page-links {
    margin: 0 0.5rem;
    position: relative;
    top: 0.143em; }
    body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link {
      width: 2rem;
      height: 2rem;
      background: transparent;
      color: #777777;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
      border-radius: 50%;
      border: 0 none;
      text-align: center;
      line-height: 2rem;
      padding: 0;
      user-select: none;
      text-decoration: none; }
      body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link:hover {
        background: #FCFCFC;
        color: #83888F;
        border-color: transparent; }
      body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-off {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-off:before {
          content: ""; }
      body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important;
        color: rgba(68, 160, 225, 0.9); }
        body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on:before {
          content: ""; }

body .ui-tree {
  border: 1px solid #D4D6D9;
  background: #ffffff;
  color: #777777;
  padding: 1rem;
  width: 100%;
  border-radius: 6px; }
  body .ui-tree .ui-tree-container {
    padding: 0;
    margin: 0; }
    body .ui-tree .ui-tree-container .ui-treenode {
      padding: 0.143em 0; }
      body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
        body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
          display: inline-block;
          float: none;
          margin: 0 0.5rem 0 0;
          transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
          width: 2rem;
          height: 2rem;
          background: transparent;
          color: #777777;
          transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
          border-radius: 50%;
          border: 0 none;
          text-align: center;
          line-height: 2rem;
          padding: 0;
          user-select: none; }
          body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover {
            background: #FCFCFC;
            color: #83888F;
            border-color: transparent; }
          body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e {
            font-family: 'primeicons' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-indent: 0 !important;
            background-image: none !important; }
            body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before {
              content: ""; }
          body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s {
            font-family: 'primeicons' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-indent: 0 !important;
            background-image: none !important; }
            body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before {
              content: ""; }
          body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w {
            font-family: 'primeicons' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-indent: 0 !important;
            background-image: none !important; }
            body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before {
              content: ""; }
        body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
          width: 2rem;
          height: 2rem;
          margin: 0 0.5rem 0 0; }
        body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
          margin: 0 0.5rem 0 0; }
        body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
          margin: 0;
          padding: 0.286em;
          border-radius: 6px; }
          body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover {
            background: rgba(68, 160, 225, 0.2);
            color: #777777; }
          body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
            background: rgba(68, 160, 225, 0.9);
            color: #777777; }
        body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
          margin-right: 1rem; }
          body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus {
            font-family: 'primeicons' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-indent: 0 !important;
            background-image: none !important; }
            body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before {
              content: ""; }
    body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover {
      background: rgba(68, 160, 225, 0.9); }
  body .ui-tree.ui-tree-horizontal {
    padding-left: 0;
    padding-right: 0; }
    body .ui-tree.ui-tree-horizontal .ui-treenode-content {
      border: 1px solid #D4D6D9;
      background: #ffffff;
      color: #777777;
      padding: 1rem;
      border-radius: 6px; }
      body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover {
        background: rgba(68, 160, 225, 0.2);
        color: #777777; }
      body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight {
        background: rgba(68, 160, 225, 0.9);
        color: #777777; }
        body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight .ui-chkbox-icon {
          color: #777777; }
      body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler {
        margin-right: 0.5rem;
        vertical-align: middle; }
        body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus {
          font-family: 'primeicons' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          display: inline-block;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-indent: 0 !important;
          background-image: none !important; }
          body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before {
            content: ""; }
        body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus {
          font-family: 'primeicons' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          display: inline-block;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-indent: 0 !important;
          background-image: none !important; }
          body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before {
            content: ""; }
      body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon {
        vertical-align: middle;
        margin-right: 0.5rem; }
      body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label {
        padding: 0;
        vertical-align: middle; }
  body .ui-tree .ui-tree-filter-container {
    margin: 0 0 0.5rem 0; }
    body .ui-tree .ui-tree-filter-container .ui-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      position: absolute;
      left: 0.5rem;
      top: 50%;
      right: auto;
      bottom: auto;
      margin-top: -0.5rem;
      color: #83888F; }
      body .ui-tree .ui-tree-filter-container .ui-icon:before {
        content: ""; }
    body .ui-tree .ui-tree-filter-container .ui-inputfield {
      padding: 0.5rem 0.5rem;
      width: 100%;
      padding-left: 2rem; }
  body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
    margin-right: 0;
    margin-left: 0.5rem; }
  body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
    margin: 0 0 0 0.5rem; }
  body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
    margin: 0 0 0 0.5rem; }
  body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
    margin-right: 0;
    margin-left: 2.5rem; }

body .ui-tree-draghelper {
  border: 1px solid rgba(68, 160, 225, 0.9); }

body .ui-fluid .ui-tree {
  width: 100%; }

body .fc th {
  background: #FCFCFC;
  border: 1px solid #D4D6D9;
  color: #777777;
  padding: 1rem; }

body .fc td.fc-widget-content {
  background: #ffffff;
  border: 1px solid #D4D6D9;
  color: #777777; }

body .fc td.fc-head-container {
  border: 1px solid #D4D6D9; }

body .fc .fc-event {
  background: rgba(68, 160, 225, 0.9);
  border: 1px solid rgba(68, 160, 225, 0.9);
  color: #777777; }

body .fc .fc-toolbar .fc-button {
  background: #44A0E1;
  color: white;
  border: 1px solid #44A0E1;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
  body .fc .fc-toolbar .fc-button:not(:disabled):hover {
    background: #005B91;
    border-color: #005B91;
    color: white; }
  body .fc .fc-toolbar .fc-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2em #6FC4FF; }
  body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active {
    background: #49A4C4;
    border-color: #49A4C4;
    color: #777777; }

body .fc .fc-divider {
  background: #FCFCFC;
  border: 1px solid #D4D6D9; }

body .ui-fluid .fc .fc-toolbar .ui-button {
  width: auto; }

body .ui-tagcloud {
  border: 1px solid #D4D6D9;
  background: #ffffff;
  color: #777777;
  padding: 1rem; }
  body .ui-tagcloud a {
    color: #777777;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
    body .ui-tagcloud a.ui-state-hover {
      background: rgba(68, 160, 225, 0.9);
      color: #777777; }

body .ui-columntoggler {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: #ffffff;
  border: 1px solid #D4D6D9; }
  body .ui-columntoggler .ui-columntoggler-close {
    display: none; }
  body .ui-columntoggler .ui-columntoggler-items {
    padding: 0.5rem 0; }
    body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item {
      padding: 0.5rem 1rem;
      margin: 0;
      border: 0 none;
      background: transparent;
      color: #777777;
      border-radius: 0; }
      body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox {
        position: static;
        margin-right: 0.5rem;
        margin-top: 0;
        vertical-align: middle; }
      body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label {
        padding: 0;
        display: inline; }

body .timeline-frame {
  border: 1px solid #D4D6D9;
  background: #ffffff;
  color: #777777; }
  body .timeline-frame .timeline-navigation {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none; }
    body .timeline-frame .timeline-navigation:hover {
      background: #FCFCFC;
      color: #83888F;
      border-color: transparent; }
    body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before {
        content: ""; }
    body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before {
        content: ""; }
    body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before {
        content: ""; }
    body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before {
        content: ""; }
  body .timeline-frame .timeline-event {
    border: 1px solid #D4D6D9;
    background: #ffffff;
    color: #777777; }
    body .timeline-frame .timeline-event.ui-state-active {
      background: rgba(68, 160, 225, 0.9);
      color: #777777; }

body ::-webkit-input-placeholder {
  color: #83888F; }

body :-moz-placeholder {
  color: #83888F;
  opacity: 1; }

body ::-moz-placeholder {
  color: #83888F;
  opacity: 1; }

body :-ms-input-placeholder {
  color: #83888F; }

body .p-field small.ui-state-error {
  color: #EA2B1F; }

body .ui-float-label > label {
  margin-left: 0.5rem;
  color: #83888F; }

body .ui-float-label > input:focus ~ label,
body .ui-float-label > input.ui-state-filled ~ label,
body .ui-float-label > textarea:focus ~ label,
body .ui-float-label > textarea.ui-state-filled ~ label,
body .ui-float-label > .ui-inputwrapper-focus ~ label,
body .ui-float-label > .ui-inputwrapper-filled ~ label {
  color: #777777; }

body .ui-float-label > input:-webkit-autofill ~ label,
body .ui-float-label > textarea:-webkit-autofill ~ label {
  color: #777777; }

body .ui-input-icon-left,
body .ui-input-icon-right {
  position: relative;
  display: inline-block; }

body .ui-fluid .ui-input-icon-left,
body .ui-fluid .ui-input-icon-right {
  display: block; }

body .ui-input-icon-left > i,
body .ui-input-icon-right > i {
  position: absolute;
  top: 50%;
  margin-top: -.5rem; }

body .ui-input-icon-left > i:first-of-type {
  left: 0.5rem;
  color: #83888F; }

body .ui-input-icon-left > .ui-inputtext {
  padding-left: 2rem; }

body .ui-input-icon-right > i:last-of-type {
  right: 0.5rem;
  color: #83888F; }

body .ui-input-icon-right > .ui-inputtext {
  padding-right: 2rem; }

body .ui-inputfield {
  color: #777777;
  background: #ffffff;
  padding: 0.5rem 0.5rem;
  border: 1px solid #D4D6D9;
  outline: 0 none;
  font-size: 1rem;
  border-radius: 6px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  -webkit-appearance: none;
  appearance: none; }
  body .ui-inputfield.ui-state-error {
    border-color: #EA2B1F; }
  body .ui-inputfield.ui-state-hover {
    border-color: #44A0E1; }
  body .ui-inputfield.ui-state-focus {
    border-color: #44A0E1;
    outline: 0 none;
    box-shadow: 0 0 0 0.2em #6FC4FF; }

body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield {
  background-color: #FCFCFC; }
  body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover {
    background-color: #FCFCFC; }
  body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus {
    background-color: #FCFCFC; }

body .ui-inputtextarea {
  vertical-align: top; }

body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input {
  padding: 0.5rem 0.5rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

body .ui-autocomplete .ui-autocomplete-dropdown {
  position: relative;
  height: auto;
  width: 2.357rem;
  right: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
  body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text {
    padding: 0.5rem; }
  body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before {
      content: ""; }

body .ui-autocomplete .ui-autocomplete-multiple-container {
  padding: 0.25rem 0.5rem; }
  body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token {
    padding: 1px 0;
    margin: 0 0.5rem 0 0;
    background: #44A0E1;
    color: #777777;
    border: 1px solid #44A0E1;
    display: inline-block;
    vertical-align: middle;
    float: none;
    border-radius: 6px; }
    body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label {
      padding: 0 2rem 0 0.5rem; }
    body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon {
      margin-top: -0.5rem;
      position: absolute;
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before {
        content: ""; }
  body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
    margin: 0;
    padding: 0.25rem 0;
    display: inline-block;
    vertical-align: middle;
    float: none; }
    body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
      font-family: "Roboto", sans-serif;
      font-size: 1rem;
      color: #777777;
      -webkit-appearance: none;
      appearance: none;
      padding: 0;
      margin: 0; }
  body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

body .ui-autocomplete-panel {
  padding: 0;
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
  body .ui-autocomplete-panel .ui-autocomplete-items {
    padding: 0.5rem 0;
    line-height: normal;
    border: 0 none; }
    body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item {
      border: 0 none;
      margin: 0;
      padding: 0.5rem 1rem;
      color: #777777;
      border-radius: 0;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
      body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight {
        background: rgba(68, 160, 225, 0.9);
        color: #777777; }
      body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row {
        background: #ffffff;
        color: #777777;
        border: 1px solid rgba(0, 0, 0, 0.08); }
        body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td {
          padding: 1rem; }

body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input {
  width: calc(100% - 2.357rem); }

body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
  width: 2.357rem; }

body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container {
  width: calc(100% - 2.357rem); }

body .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 1.5rem;
  height: 1.5rem; }
  body .ui-chkbox .ui-chkbox-box {
    border: 1px solid #D4D6D9;
    border-width: 2px;
    background: #ffffff;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    position: relative;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
    body .ui-chkbox .ui-chkbox-box.ui-state-hover {
      border-color: #44A0E1; }
    body .ui-chkbox .ui-chkbox-box.ui-state-focus {
      box-shadow: 0 0 0 0.2em #6FC4FF; }
    body .ui-chkbox .ui-chkbox-box.ui-state-active {
      border-color: #44A0E1;
      background: #44A0E1;
      color: #777777; }
      body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
        background: #005B91; }
    body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
      overflow: visible;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -0.5rem;
      margin-top: -0.5rem; }
      body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before {
          content: ""; }
      body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before {
          content: ""; }

body.ui-input-filled .ui-chkbox .ui-chkbox-box,
body .ui-input-filled .ui-chkbox .ui-chkbox-box {
  background-color: #FCFCFC; }
  body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover,
  body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover {
    background-color: #FCFCFC; }
  body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active,
  body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active {
    background: #44A0E1; }
    body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover,
    body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
      background: #005B91; }

body .ui-radiobutton {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 20px;
  height: 20px; }
  body .ui-radiobutton .ui-radiobutton-box {
    border: 1px solid #D4D6D9;
    border-width: 2px;
    background: #ffffff;
    width: 20px;
    height: 20px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
    body .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
      border-color: #44A0E1; }
    body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
      box-shadow: 0 0 0 0.2em #6FC4FF; }
    body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
      border-color: #44A0E1;
      background: #44A0E1;
      color: #777777; }
      body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
        background: #005B91; }
      body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
        background: #777777; }
    body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
      width: 12px;
      height: 12px;
      vertical-align: middle;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -6px;
      margin-left: -6px;
      border-radius: 50%; }
      body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before {
        display: none; }

body.ui-input-filled .ui-radiobutton .ui-radiobutton-box,
body .ui-input-filled .ui-radiobutton .ui-radiobutton-box {
  background-color: #FCFCFC; }
  body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover,
  body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
    background-color: #FCFCFC; }
  body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active,
  body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    background: #44A0E1; }
    body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover,
    body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
      background: #005B91; }

body .ui-selectonelistbox,
body .ui-selectmanymenu {
  padding: 0;
  width: auto;
  min-width: 12rem;
  border: 1px solid #D4D6D9;
  border-radius: 6px;
  background: #ffffff; }
  body .ui-selectonelistbox .ui-selectlistbox-filter-container,
  body .ui-selectmanymenu .ui-selectlistbox-filter-container {
    padding: 0.5rem 1rem;
    margin: 0;
    border-bottom: 0 none;
    background: #FCFCFC;
    color: #777777;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
    body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield,
    body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield {
      padding: 0.5rem 0.5rem;
      width: 100%;
      padding-left: 2rem; }
    body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon,
    body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      position: absolute;
      left: 1.5rem;
      top: 50%;
      right: auto;
      bottom: auto;
      margin-top: -0.5rem;
      color: #83888F; }
      body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before,
      body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before {
        content: ""; }
  body .ui-selectonelistbox .ui-selectlistbox-listcontainer,
  body .ui-selectmanymenu .ui-selectlistbox-listcontainer {
    padding: 0.5rem 0;
    line-height: normal;
    border: 0 none; }
    body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list,
    body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list {
      list-style-type: none;
      margin: 0; }
      body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item,
      body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item {
        border: 0 none;
        margin: 0;
        padding: 0.5rem 1rem;
        background: transparent;
        color: #777777;
        border-radius: 0;
        transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
        body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover,
        body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover {
          background: rgba(68, 160, 225, 0.2);
          color: #777777; }
        body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight,
        body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight {
          background: rgba(68, 160, 225, 0.9);
          color: #777777; }
        body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox,
        body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox {
          margin-right: 0.5rem;
          vertical-align: middle; }
        body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td,
        body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td {
          padding: 1rem; }

body .ui-input-filled .ui-selectonelistbox.ui-inputfield,
body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield,
body.ui-input-filled .ui-selectmanymenu.ui-inputfield {
  background: #ffffff; }

body .ui-selectonemenu {
  vertical-align: baseline;
  border: 1px solid #D4D6D9;
  position: relative;
  transform: none;
  padding: 0;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 6px;
  background: #ffffff; }
  body .ui-selectonemenu .ui-selectonemenu-label {
    background: transparent; }
  body .ui-selectonemenu .ui-selectonemenu-trigger {
    border: 0 none;
    cursor: pointer;
    height: 100%;
    position: absolute;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.357rem;
    background: transparent;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; }
    body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
      position: static;
      margin: 0;
      color: #83888F;
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before {
        content: ""; }
  body .ui-selectonemenu.ui-state-hover:not(.ui-state-error) {
    border-color: #44A0E1; }
  body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) {
    border-color: #44A0E1;
    outline: 0 none;
    box-shadow: 0 0 0 0.2em #6FC4FF; }
  body .ui-selectonemenu.ui-state-error {
    border-color: #EA2B1F; }

body .ui-fluid .ui-selectonemenu-label {
  width: calc(100% - 2.357rem); }

body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
  width: 2.357rem;
  padding: 0; }

body.ui-input-filled .ui-selectonemenu,
body .ui-input-filled .ui-selectonemenu {
  background: #FCFCFC; }
  body.ui-input-filled .ui-selectonemenu.ui-state-hover,
  body .ui-input-filled .ui-selectonemenu.ui-state-hover {
    background-color: #FCFCFC; }
  body.ui-input-filled .ui-selectonemenu.ui-state-focus,
  body .ui-input-filled .ui-selectonemenu.ui-state-focus {
    background-color: #FCFCFC; }

body .ui-selectonemenu-panel {
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 6px; }
  body .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    padding: 0.5rem 1rem;
    margin: 0;
    border-bottom: 0 none;
    background: #FCFCFC;
    color: #777777; }
    body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield {
      padding: 0.5rem 0.5rem;
      width: 100%;
      padding-left: 2rem; }
    body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      position: absolute;
      left: 1.5rem;
      top: 50%;
      right: auto;
      bottom: auto;
      margin-top: -0.5rem;
      color: #83888F; }
      body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before {
        content: ""; }
  body .ui-selectonemenu-panel .ui-selectonemenu-items {
    padding: 0.5rem 0; }
    body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
      margin: 0;
      padding: 0.5rem 1rem;
      background: transparent;
      color: #777777;
      outline: 0 none;
      border-radius: 0;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
      body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover {
        background: rgba(68, 160, 225, 0.2);
        color: #777777; }
      body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
        background: rgba(68, 160, 225, 0.9);
        color: #777777; }
      body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row {
        background: #ffffff;
        color: #777777;
        border: 1px solid rgba(0, 0, 0, 0.08); }
        body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td {
          padding: 1rem; }
        body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child {
          border-top-color: transparent; }
    body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group {
      background: #ffffff;
      margin: 0;
      padding: 0.75rem 1rem;
      color: #777777; }

body .ui-selectcheckboxmenu {
  vertical-align: baseline;
  border: 1px solid #D4D6D9;
  position: relative;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 6px;
  background: #ffffff; }
  body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
    padding: 0.5rem 0.5rem;
    display: block;
    background: transparent;
    border-radius: 6px;
    color: #69707A; }
    body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
      padding: 0;
      background: transparent; }
  body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    border: 0 none;
    cursor: pointer;
    height: 100%;
    position: absolute;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.357rem;
    background: transparent;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; }
    body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
      position: static;
      margin: 0;
      color: #83888F;
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before {
        content: ""; }
  body .ui-selectcheckboxmenu.ui-state-hover:not(.ui-state-error) {
    border-color: #44A0E1; }
  body .ui-selectcheckboxmenu.ui-state-focus:not(.ui-state-error) {
    border-color: #44A0E1;
    outline: 0 none;
    box-shadow: 0 0 0 0.2em #6FC4FF; }
  body .ui-selectcheckboxmenu.ui-state-error {
    border-color: #EA2B1F; }
  body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    padding: 0.5rem 0.5rem;
    padding-right: 2.357rem; }
  body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
    padding: 1px 0;
    margin: 0 0.5rem 0 0;
    background: #44A0E1;
    color: #777777;
    border: 1px solid #44A0E1;
    border-radius: 6px; }
    body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label {
      padding: 0 2rem 0 0.5rem; }
    body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
      margin-top: -0.5rem;
      position: absolute;
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before {
        content: ""; }
  body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token {
    margin: 0;
    padding: 0.25rem 0; }
    body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input {
      font-family: "Roboto", sans-serif;
      padding: 0;
      margin: 0; }

body.ui-input-filled .ui-selectcheckboxmenu,
body .ui-input-filled .ui-selectcheckboxmenu {
  background: #FCFCFC; }
  body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover,
  body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover {
    background-color: #FCFCFC; }
  body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus,
  body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus {
    background-color: #FCFCFC; }

body .ui-selectcheckboxmenu-panel {
  padding: 0;
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 6px; }
  body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
    padding: 0.5rem 1rem;
    margin: 0;
    border-bottom: 0 none;
    background: #FCFCFC;
    color: #777777;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox {
      margin-right: 0.5rem;
      float: none; }
    body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {
      padding: 0;
      margin: 0 0.5rem 0 0;
      float: none;
      flex: 1 1 0;
      -ms-flex: 1 1 0px; }
      body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield {
        padding: 0.5rem 0.5rem;
        width: 100%;
        padding-left: 2rem; }
      body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important;
        position: absolute;
        left: 0.5rem;
        top: 50%;
        right: auto;
        bottom: auto;
        margin-top: -0.5rem;
        color: #83888F; }
        body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before {
          content: ""; }
    body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
      width: 2rem;
      height: 2rem;
      background: transparent;
      color: #777777;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
      border-radius: 50%;
      border: 0 none;
      text-align: center;
      line-height: 2rem;
      padding: 0;
      user-select: none;
      margin-left: auto;
      text-align: center;
      margin-right: 0; }
      body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover {
        background: #FCFCFC;
        color: #83888F;
        border-color: transparent; }
      body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important;
        float: none; }
        body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before {
          content: ""; }
  body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items {
    padding: 0.5rem 0; }
    body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item {
      padding: 0.5rem 1rem;
      margin: 0;
      outline: 0 none;
      background: transparent;
      color: #777777;
      border-radius: 0;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
      body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover {
        background: rgba(68, 160, 225, 0.2);
        color: #777777; }
      body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight {
        background: rgba(68, 160, 225, 0.9);
        color: #777777; }
      body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox {
        top: auto;
        position: static;
        margin-top: 0;
        margin-right: 0.5rem; }
      body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label {
        display: inline;
        padding-left: 0;
        vertical-align: middle; }
    body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group {
      background: #ffffff;
      margin: 0;
      padding: 0.75rem 1rem;
      color: #777777; }

body .ui-chips .ui-chips-container {
  padding: 0.25rem 0.5rem; }
  body .ui-chips .ui-chips-container .ui-chips-token {
    padding: 1px 0;
    margin: 0 0.5rem 0 0;
    background: #44A0E1;
    color: #777777;
    border: 1px solid #44A0E1;
    border-radius: 6px; }
    body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label {
      padding: 0 2rem 0 0.5rem; }
    body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon {
      margin-top: -0.5rem;
      position: absolute;
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before {
        content: ""; }
  body .ui-chips .ui-chips-container .ui-chips-input-token {
    margin: 0;
    padding: 0.25rem 0; }
    body .ui-chips .ui-chips-container .ui-chips-input-token input {
      font-family: "Roboto", sans-serif;
      font-size: 1rem;
      color: #777777;
      -webkit-appearance: none;
      appearance: none;
      padding: 0;
      margin: 0; }

body .ui-inplace .ui-inplace-display {
  padding: 0.5rem 0.5rem;
  border-radius: 6px; }
  body .ui-inplace .ui-inplace-display.ui-state-highlight {
    background: rgba(68, 160, 225, 0.2);
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }

body .ui-inplace .ui-inplace-save .ui-icon {
  font-family: 'primeicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  background-image: none !important; }
  body .ui-inplace .ui-inplace-save .ui-icon:before {
    content: ""; }

body .ui-inplace .ui-inplace-cancel .ui-icon {
  font-family: 'primeicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  background-image: none !important; }
  body .ui-inplace .ui-inplace-cancel .ui-icon:before {
    content: ""; }

body .ui-inplace .ui-inplace-editor {
  margin-left: 0.5rem; }
  body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text {
    padding: 0.5rem; }

body .ui-rating .ui-rating-cancel {
  float: none;
  display: inline-block;
  margin-right: 0.5rem;
  overflow: visible; }
  body .ui-rating .ui-rating-cancel a {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    display: block;
    font-size: 1.25rem;
    height: 1.25rem;
    width: 1.25rem;
    color: #e0284f;
    overflow: visible; }
    body .ui-rating .ui-rating-cancel a:before {
      content: ""; }
    body .ui-rating .ui-rating-cancel a:hover {
      color: #e0284f; }

body .ui-rating .ui-rating-star {
  float: none;
  display: inline-block;
  margin-right: 0.5rem;
  overflow: visible; }
  body .ui-rating .ui-rating-star a {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important;
    display: block;
    font-size: 1.25rem;
    height: 1.25rem;
    width: 1.25rem;
    color: #777777;
    overflow: visible; }
    body .ui-rating .ui-rating-star a:before {
      content: ""; }
    body .ui-rating .ui-rating-star a:hover {
      color: #005B91; }

body .ui-rating .ui-rating-star-on a {
  font-family: 'primeicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  background-image: none !important;
  display: block;
  font-size: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
  color: #44A0E1; }
  body .ui-rating .ui-rating-star-on a:before {
    content: ""; }

body .ui-state-highlight .ui-rating-star a {
  color: #777777; }

body .ui-slider {
  background: #D4D6D9; }
  body .ui-slider .ui-slider-handle {
    width: 1.143rem;
    height: 1.143rem;
    background: #ffffff;
    border: 2px solid #44A0E1;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%; }
    body .ui-slider .ui-slider-handle.ui-state-hover {
      border-color: #44A0E1;
      background: #44A0E1; }
    body .ui-slider .ui-slider-handle.ui-state-focus {
      outline: 0 none; }
  body .ui-slider.ui-slider-horizontal {
    height: 0.286rem; }
    body .ui-slider.ui-slider-horizontal .ui-slider-handle {
      top: -0.4285rem;
      margin-left: -0.5715rem; }
  body .ui-slider.ui-slider-vertical {
    width: 0.286rem; }
    body .ui-slider.ui-slider-vertical .ui-slider-handle {
      left: -0.4285rem;
      margin-top: -0.5715rem; }
  body .ui-slider .ui-slider-range {
    background: #44A0E1; }

body .ui-inputtext + .ui-slider {
  margin-bottom: 0.5rem; }

body .ui-datepicker {
  background: #ffffff;
  border: 1px solid #D4D6D9;
  color: #777777;
  padding: 1rem;
  width: auto;
  border-radius: 6px; }
  body .ui-datepicker .ui-datepicker-header {
    margin: 0;
    padding: 1rem;
    line-height: normal;
    background: #ffffff;
    color: #777777;
    font-weight: 600;
    border: solid #D4D6D9;
    border-width: 0 0 1px 0;
    border-radius: 0; }
  body .ui-datepicker .ui-datepicker-next {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important;
    right: 0; }
    body .ui-datepicker .ui-datepicker-next:before {
      content: ""; }
  body .ui-datepicker .ui-datepicker-prev {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important;
    left: 0; }
    body .ui-datepicker .ui-datepicker-prev:before {
      content: ""; }
  body .ui-datepicker .ui-datepicker-next,
  body .ui-datepicker .ui-datepicker-prev {
    cursor: pointer;
    top: 50%;
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none; }
    body .ui-datepicker .ui-datepicker-next:hover,
    body .ui-datepicker .ui-datepicker-prev:hover {
      background: #FCFCFC;
      color: #83888F;
      border-color: transparent; }
    body .ui-datepicker .ui-datepicker-next span,
    body .ui-datepicker .ui-datepicker-prev span {
      display: none; }
  body .ui-datepicker .ui-datepicker-title {
    line-height: 1;
    margin: 0; }
    body .ui-datepicker .ui-datepicker-title select {
      width: 40%;
      margin: 0; }
      body .ui-datepicker .ui-datepicker-title select:first-child {
        margin-right: 0.5rem; }
  body .ui-datepicker .ui-datepicker-calendar {
    margin: 0.5rem 0; }
    body .ui-datepicker .ui-datepicker-calendar th {
      padding: 0.5rem;
      text-align: center; }
      body .ui-datepicker .ui-datepicker-calendar th > span {
        width: 2.5rem;
        height: 2.5rem; }
    body .ui-datepicker .ui-datepicker-calendar td {
      padding: 0.5rem;
      text-align: center; }
      body .ui-datepicker .ui-datepicker-calendar td a {
        padding: 0;
        color: #777777;
        text-align: center;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        border: 0 none;
        display: inline-block;
        transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
        border-radius: 50%; }
        body .ui-datepicker .ui-datepicker-calendar td a:hover {
          background: rgba(68, 160, 225, 0.2);
          border-color: transparent; }
        body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
          background: rgba(68, 160, 225, 0.9);
          color: #777777;
          border: 0 none; }
      body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
        background: transparent;
        color: #49A4C4;
        font-weight: 600;
        border: 0 none; }
        body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:hover {
          background: rgba(68, 160, 225, 0.2);
          border-color: transparent; }
        body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active {
          background: rgba(68, 160, 225, 0.9);
          color: #777777;
          border: 0 none; }
  body .ui-datepicker.ui-input-overlay {
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
  body .ui-datepicker .ui-timepicker-div dl {
    margin: 0.857em 0; }
    body .ui-datepicker .ui-timepicker-div dl dt {
      padding: 0; }
      body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label {
        padding: 0.5em 0; }
    body .ui-datepicker .ui-timepicker-div dl dd {
      padding: 0.5em 0;
      margin: 0 0.714em 0.714em 40%; }
  body .ui-datepicker .ui-datepicker-buttonpane button,
  body .ui-datepicker .ui-datepicker-buttonbar button {
    padding: 0.5rem 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    background: #7A8798;
    color: #EAEBEC;
    border: 1px solid #7A8798; }
    body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover,
    body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover,
    body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover {
      background: #6c798b;
      border-color: #6c798b;
      color: #EAEBEC; }
    body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus,
    body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus {
      box-shadow: 0 0 0 0.2rem #cacfd6; }
    body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active,
    body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active,
    body .ui-datepicker .ui-datepicker-buttonbar button:active {
      background: #606c7c;
      border-color: #606c7c;
      color: #EAEBEC; }
    body .ui-datepicker .ui-datepicker-buttonpane button.outlined-button,
    body .ui-datepicker .ui-datepicker-buttonbar button.outlined-button {
      background-color: transparent;
      color: #7A8798;
      border: 1px solid; }
      body .ui-datepicker .ui-datepicker-buttonpane button.outlined-button:enabled:hover,
      body .ui-datepicker .ui-datepicker-buttonbar button.outlined-button:enabled:hover {
        background: rgba(122, 135, 152, 0.04);
        color: #7A8798;
        border: 1px solid; }
      body .ui-datepicker .ui-datepicker-buttonpane button.outlined-button:enabled:active,
      body .ui-datepicker .ui-datepicker-buttonbar button.outlined-button:enabled:active {
        background: rgba(122, 135, 152, 0.16);
        color: #7A8798;
        border: 1px solid; }
    body .ui-datepicker .ui-datepicker-buttonpane button.text-button,
    body .ui-datepicker .ui-datepicker-buttonbar button.text-button {
      background-color: transparent;
      color: #7A8798;
      border-color: transparent; }
      body .ui-datepicker .ui-datepicker-buttonpane button.text-button:enabled:hover,
      body .ui-datepicker .ui-datepicker-buttonbar button.text-button:enabled:hover {
        background: rgba(122, 135, 152, 0.04);
        border-color: transparent;
        color: #7A8798; }
      body .ui-datepicker .ui-datepicker-buttonpane button.text-button:enabled:active,
      body .ui-datepicker .ui-datepicker-buttonbar button.text-button:enabled:active {
        background: rgba(122, 135, 152, 0.16);
        border-color: transparent;
        color: #7A8798; }
  body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child,
  body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child {
    text-align: left; }
  body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child,
  body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child {
    text-align: right; }
  body .ui-datepicker .ui-monthpicker-month {
    margin: 0.5rem 0;
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    padding: 0.5rem;
    border: 6px; }
    body .ui-datepicker .ui-monthpicker-month:hover {
      background: rgba(68, 160, 225, 0.2);
      border-color: transparent; }
    body .ui-datepicker .ui-monthpicker-month.ui-state-active {
      background: rgba(68, 160, 225, 0.9);
      color: #777777;
      border: 0 none; }
  body .ui-datepicker .ui-datepicker-group {
    padding: 0.5rem; }
  body .ui-datepicker .ui-picker-up {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none; }
    body .ui-datepicker .ui-picker-up:hover {
      background: #FCFCFC;
      color: #83888F;
      border-color: transparent; }
    body .ui-datepicker .ui-picker-up .ui-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-datepicker .ui-picker-up .ui-icon:before {
        content: ""; }
  body .ui-datepicker .ui-picker-down {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none; }
    body .ui-datepicker .ui-picker-down:hover {
      background: #FCFCFC;
      color: #83888F;
      border-color: transparent; }
    body .ui-datepicker .ui-picker-down .ui-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-datepicker .ui-picker-down .ui-icon:before {
        content: ""; }

body .ui-calendar .ui-button.ui-button-icon-only {
  width: 2.357rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
  body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before {
      content: ""; }

body .ui-calendar.ui-trigger-calendar input.hasDatepicker {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

body .ui-fluid .ui-trigger-calendar input.hasDatepicker {
  width: calc(100% - 2.357rem);
  padding-right: 0; }

body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button {
  position: absolute;
  right: -2.357rem;
  width: 2.357rem; }
  body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text {
    padding: 0.5rem; }

body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button {
  right: 0; }

body .ui-password-panel {
  background: #ffffff;
  color: #777777;
  padding: 1rem;
  border: 0 none;
  margin: 0;
  width: auto;
  min-width: 150px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

body .ui-spinner .ui-spinner-input {
  padding-right: 2.857rem; }

body .ui-spinner .ui-spinner-button.ui-button {
  border-radius: 0;
  width: 2.357rem; }
  body .ui-spinner .ui-spinner-button.ui-button .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.5rem;
    margin-top: -0.5rem; }
  body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up {
    border-top-right-radius: 6px; }
    body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon:before {
        content: ""; }
  body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down {
    border-bottom-right-radius: 6px; }
    body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon:before {
        content: ""; }

body .ui-fluid .ui-spinner .ui-spinner-input {
  padding-right: 2.857rem; }

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
  margin-right: 0.5rem;
  border: 1px solid #D4D6D9;
  padding: 0; }
  body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    border-bottom: 0 none;
    background: #FCFCFC;
    color: #777777; }
  body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none; }
    body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item {
      padding: 0.5rem 1rem;
      margin: 0;
      background: transparent;
      color: #777777;
      border-radius: 0;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
      body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover {
        background: rgba(68, 160, 225, 0.2);
        color: #777777; }
      body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight {
        background: rgba(68, 160, 225, 0.9);
        color: #777777; }

body .ui-inputswitch {
  height: 14px;
  width: 34px !important;
  overflow: visible;
  background: #D4D6D9;
  border-radius: 8px; }
  body .ui-inputswitch .ui-inputswitch-handle {
    top: -4px;
    left: -2px;
    background: #ffffff;
    border-radius: 50%;
    border: 2px solid #D4D6D9;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    width: 20px !important;
    height: 20px !important;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
    body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus {
      border-color: #44A0E1;
      outline: 0 none;
      box-shadow: 0 0 0 0.2em #6FC4FF; }
  body .ui-inputswitch .ui-inputswitch-on {
    visibility: hidden; }
  body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span {
    visibility: hidden; }
  body .ui-inputswitch.ui-inputswitch-checked {
    background: #44A0E1; }
    body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
      background: #49A4C4;
      border-color: #49A4C4;
      margin-left: 2px; }

body .ui-toggleswitch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.75rem; }
  body .ui-toggleswitch .ui-toggleswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #D4D6D9;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 30px; }
  body .ui-toggleswitch .ui-toggleswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
    background: #ffffff;
    width: 1.250rem;
    height: 1.250rem;
    left: .25rem;
    margin-top: -0.625rem;
    border-radius: 50%;
    transition: transform 0.2s; }
  body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
    transform: translateX(1.25rem); }
  body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #6FC4FF; }
  body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background: rgba(68, 160, 225, 0.9); }
    body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
      background: #777777; }

body .keypad-popup {
  background: #ffffff;
  color: #777777;
  padding: 0;
  border: 0 none;
  margin: 0;
  width: auto;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
  body .keypad-popup button {
    background: #ffffff;
    border: 1px solid #D4D6D9;
    padding: 0.5rem;
    margin: 2px;
    outline: 0 none;
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px; }
    body .keypad-popup button.ui-state-hover {
      background: #ebebef;
      border-color: #D4D6D9;
      color: #777777; }
    body .keypad-popup button.ui-state-active {
      background: #49A4C4;
      border-color: #49A4C4;
      color: #ffffff; }
    body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close {
      background: #44A0E1;
      color: white;
      border: 1px solid #44A0E1; }
      body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover {
        background: #005B91;
        border-color: #005B91;
        color: white; }
      body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 0.2em #6FC4FF; }
      body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active {
        background: #49A4C4;
        border-color: #49A4C4;
        color: #777777; }

body .ui-fileupload .ui-fileupload-buttonbar {
  border: 1px solid #D4D6D9;
  background: #FCFCFC;
  color: #777777;
  padding: 1rem;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
    margin-right: 0.5rem; }
    body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before {
        content: ""; }
    body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before {
        content: ""; }
    body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before {
        content: ""; }
    body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled {
      display: none; }

body .ui-fileupload .ui-fileupload-content {
  border: 1px solid #D4D6D9;
  background: #ffffff;
  color: #777777;
  padding: 1rem;
  border-top: 0 none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }
  body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before {
      content: ""; }
  body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div {
    padding: 1rem; }

body .ui-fileupload-simple {
  overflow: visible;
  vertical-align: top; }
  body .ui-fileupload-simple .ui-icon-plusthick {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-fileupload-simple .ui-icon-plusthick:before {
      content: ""; }

body .ui-inputgroup .ui-inputgroup-addon,
body .ui-inputgroup .ui-inputgroup-addon-checkbox {
  padding: 0.5rem 0.5rem;
  border-color: #D4D6D9;
  background: rgba(68, 160, 225, 0.2);
  color: #83888F;
  min-width: 2.357rem; }
  body .ui-inputgroup .ui-inputgroup-addon:first-child,
  body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px; }
  body .ui-inputgroup .ui-inputgroup-addon:last-child,
  body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; }

body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

body .ui-inputgroup .ui-inputgroup-addon-checkbox {
  padding: 0;
  position: relative; }
  body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox {
    vertical-align: baseline;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.75rem;
    margin-left: -0.75rem; }

body .ui-colorpicker .ui-button {
  border-radius: 6px; }

body .ui-fluid .ui-colorpicker .ui-button {
  width: auto; }

body .ui-panel {
  padding: 0; }
  body .ui-panel .ui-panel-title {
    margin: 0; }
  body .ui-panel .ui-panel-titlebar {
    border: 1px solid #D4D6D9;
    background: #FCFCFC;
    color: #777777;
    padding: 1rem;
    font-weight: 700;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
    body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
      margin: 0;
      margin-left: 0.5rem;
      width: 2rem;
      height: 2rem;
      background: transparent;
      color: #777777;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
      border-radius: 50%;
      border: 0 none;
      text-align: center;
      line-height: 2rem;
      padding: 0;
      user-select: none;
      margin-top: -0.25rem;
      margin-bottom: -0.5rem; }
      body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
        background: #FCFCFC;
        color: #83888F;
        border-color: transparent; }
      body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before {
          content: ""; }
      body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before {
          content: ""; }
      body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before {
          content: ""; }
      body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before {
          content: ""; }
  body .ui-panel .ui-panel-content {
    border: 1px solid #D4D6D9;
    background: #ffffff;
    color: #777777;
    padding: 1rem;
    border-top: 0 none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
  body .ui-panel .ui-panel-footer {
    border: 1px solid #D4D6D9;
    background: #ffffff;
    color: #777777;
    padding: 1rem;
    margin: 0;
    border-top: 0 none; }
  body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar {
    position: relative; }
    body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon {
      float: none;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -0.5rem;
      margin-top: -0.5rem; }

body .ui-accordion .ui-accordion-header {
  border: 1px solid #D4D6D9;
  border-top: 0 none;
  background: #FCFCFC;
  color: #777777;
  padding: 1rem;
  font-weight: 700;
  margin-top: 0;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  user-select: none;
  border-radius: 0;
  position: relative;
  outline: 0 none; }
  body .ui-accordion .ui-accordion-header:first-child {
    margin-top: 0;
    border-top: 1px solid #D4D6D9;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px; }
  body .ui-accordion .ui-accordion-header.ui-accordion-header-last {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px; }
    body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active {
      border-radius: 0; }
  body .ui-accordion .ui-accordion-header.ui-state-hover {
    border-color: #D4D6D9;
    background: rgba(68, 160, 225, 0.2);
    color: #777777; }
  body .ui-accordion .ui-accordion-header.ui-state-active {
    border-color: #D4D6D9;
    background: #FCFCFC;
    color: #777777; }
    body .ui-accordion .ui-accordion-header.ui-state-active:hover {
      border-color: #D4D6D9;
      background: rgba(68, 160, 225, 0.2);
      color: #777777; }
  body .ui-accordion .ui-accordion-header:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #6FC4FF; }
  body .ui-accordion .ui-accordion-header > .ui-icon {
    position: static;
    display: inline-block;
    margin: 0 0.5rem 0 0; }
    body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before {
        content: ""; }
    body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before {
        content: ""; }

body .ui-accordion .ui-accordion-content {
  border: 1px solid #D4D6D9;
  background: #ffffff;
  color: #777777;
  padding: 1rem;
  margin: 0;
  position: static;
  border-top: 0 none; }
  body .ui-accordion .ui-accordion-content:last-of-type {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px; }

body .ui-tabs {
  padding: 0;
  position: static; }
  body .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    background: #ffffff;
    display: -ms-flexbox;
    display: flex; }
    body .ui-tabs .ui-tabs-nav li.ui-tabs-header {
      list-style: none;
      padding: 0;
      white-space: nowrap;
      display: inline-block;
      vertical-align: top;
      float: none;
      padding: 1rem;
      background: #ffffff;
      color: #83888F;
      margin: 0;
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
      body .ui-tabs .ui-tabs-nav li.ui-tabs-header a {
        color: #83888F;
        padding: 0;
        font-weight: 700;
        display: block;
        line-height: 1;
        transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
      body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon {
        position: static; }
        body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close {
          margin: 0;
          float: none;
          font-family: 'primeicons' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          display: inline-block;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-indent: 0 !important;
          background-image: none !important;
          margin-left: 0.5rem; }
          body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before {
            content: ""; }
      body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
        background: #ffffff; }
        body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a {
          color: #83888F; }
        body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon {
          color: #83888F; }
      body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active {
        background: #ffffff; }
        body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
          color: #44A0E1; }
        body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon {
          color: #44A0E1; }
      body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 0.2rem #6FC4FF; }
  body .ui-tabs .ui-tabs-panels {
    border: 0 none;
    background: #ffffff;
    color: #777777;
    padding: 0;
    margin: 0;
    position: static;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
    body .ui-tabs .ui-tabs-panels .ui-tabs-panel {
      padding: 1rem; }
  body .ui-tabs.ui-tabs-top .ui-tabs-nav {
    margin: 0;
    padding: 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    body .ui-tabs.ui-tabs-top .ui-tabs-nav:before {
      content: "";
      position: absolute;
      display: block;
      border-bottom: 2px solid #D4D6D9;
      left: 0;
      bottom: 0;
      width: 100%; }
    body .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header {
      top: 0;
      border-bottom: 2px solid #D4D6D9; }
      body .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
        border-color: #545B67; }
      body .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header.ui-state-active {
        border-color: #44A0E1; }
  body .ui-tabs.ui-tabs-top .ui-tabs-panels {
    border-width: 1px 0 0 0; }
  body .ui-tabs.ui-tabs-bottom .ui-tabs-nav {
    margin: 0;
    padding: 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    body .ui-tabs.ui-tabs-bottom .ui-tabs-nav:before {
      content: "";
      position: absolute;
      display: block;
      border-top: 2px solid #D4D6D9;
      left: 0;
      top: 0;
      width: 100%; }
    body .ui-tabs.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-header {
      top: 0;
      border-top: 2px solid #D4D6D9; }
      body .ui-tabs.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
        border-color: #545B67; }
      body .ui-tabs.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-header.ui-state-active {
        border-color: #44A0E1; }
  body .ui-tabs.ui-tabs-bottom .ui-tabs-panels {
    border-width: 1px 0 0 0; }
  body .ui-tabs.ui-tabs-left .ui-tabs-nav, body .ui-tabs.ui-tabs-right .ui-tabs-nav {
    width: 25%;
    margin: 0;
    padding: 0;
    height: auto;
    -ms-flex-direction: column;
    flex-direction: column; }
    body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right .ui-tabs-nav li.ui-tabs-header {
      width: 100%; }
  body .ui-tabs.ui-tabs-left .ui-tabs-panels, body .ui-tabs.ui-tabs-right .ui-tabs-panels {
    width: 75%; }
  body .ui-tabs.ui-tabs-right .ui-tabs-nav {
    margin: 0;
    padding: 0;
    border-left: 2px solid #D4D6D9; }
    body .ui-tabs.ui-tabs-right .ui-tabs-nav li.ui-tabs-header {
      top: 0;
      border-left: 2px solid #D4D6D9;
      margin-left: -2px; }
      body .ui-tabs.ui-tabs-right .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
        border-color: #545B67; }
      body .ui-tabs.ui-tabs-right .ui-tabs-nav li.ui-tabs-header.ui-state-active {
        border-color: #44A0E1; }
  body .ui-tabs.ui-tabs-right .ui-tabs-panels {
    border-width: 1px 0 0 0; }
  body .ui-tabs.ui-tabs-left .ui-tabs-nav {
    margin: 0;
    padding: 0;
    border-right: 2px solid #D4D6D9; }
    body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-tabs-header {
      top: 0;
      border-right: 2px solid #D4D6D9;
      margin-right: -2px; }
      body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
        border-color: #545B67; }
      body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-tabs-header.ui-state-active {
        border-color: #44A0E1; }
  body .ui-tabs.ui-tabs-left .ui-tabs-panels {
    border-width: 1px 0 0 0; }
  body .ui-tabs .ui-tabs-navscroller {
    position: relative; }
    body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn {
      border: 0 none;
      background: #ffffff;
      color: #83888F;
      outline: 0 none;
      z-index: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
      body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left {
        left: 0;
        height: 100%; }
        body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon {
          margin: 0;
          font-family: 'primeicons' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          display: inline-block;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-indent: 0 !important;
          background-image: none !important; }
          body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before {
            content: ""; }
      body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right {
        right: 0;
        height: 100%; }
        body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon {
          margin: 0;
          font-family: 'primeicons' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          display: inline-block;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-indent: 0 !important;
          background-image: none !important; }
          body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before {
            content: ""; }
      body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover {
        background: rgba(68, 160, 225, 0.2);
        color: #777777; }

body .ui-panelgrid .ui-panelgrid-cell {
  border: 1px solid #D4D6D9;
  background: #ffffff;
  color: #777777;
  padding: 1rem; }
  body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header {
    border: 1px solid #D4D6D9;
    background: #FCFCFC;
    color: #777777;
    padding: 1rem;
    font-weight: 700; }

body .ui-scrollpanel {
  border: 1px solid #D4D6D9;
  background: #ffffff;
  color: #777777;
  padding: 1rem; }
  body .ui-scrollpanel .ui-scrollpanel-drag {
    background: #dadada; }
  body .ui-scrollpanel .ui-scrollpanel-track {
    background: #f8f8f8;
    border: 0 none; }
  body .ui-scrollpanel .ui-scrollpanel-corner {
    background: #f8f8f8; }

body .ui-toolbar {
  border: 1px solid #D4D6D9;
  background: #FCFCFC;
  color: #777777;
  padding: 1rem;
  border-radius: 6px; }

body .ui-fieldset {
  border: 1px solid #D4D6D9;
  background: #ffffff;
  color: #777777;
  padding: 1rem;
  border-radius: 6px; }
  body .ui-fieldset .ui-fieldset-legend {
    border: 1px solid #D4D6D9;
    background: #FCFCFC;
    color: #777777;
    padding: 1rem;
    font-weight: 700;
    border-radius: 6px;
    user-select: none;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
    body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
      display: inline-block;
      float: none;
      margin-right: 0.5rem; }
    body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before {
        content: ""; }
    body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before {
        content: ""; }
    body .ui-fieldset .ui-fieldset-legend.ui-state-hover {
      outline: 0 none;
      border-color: #D4D6D9;
      background: rgba(68, 160, 225, 0.2);
      color: #777777; }
      body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon {
        color: #777777; }
    body .ui-fieldset .ui-fieldset-legend.ui-state-focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #6FC4FF; }

body .ui-notificationbar {
  background: #ffffff;
  color: #777777;
  padding: 1rem;
  border: 1px solid #D4D6D9; }

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
  border: 1px solid #D4D6D9;
  background: #FCFCFC;
  color: #777777;
  padding: 1rem;
  margin: 0;
  border-right: 0 none;
  border-radius: 0;
  /*&.ui-state-highlight {
                    border: $panelHeaderActiveBorder;
                    background: $panelHeaderActiveBg;
                    color: $panelHeaderTextActiveColor;
                }*/ }
  body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px; }
  body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-right: 1px solid #D4D6D9; }

body .ui-messages {
  padding: 0;
  margin: 1rem 0;
  font-weight: 500;
  position: relative;
  border-radius: 6px; }
  body .ui-messages > div {
    padding: 1.5rem;
    border-radius: 6px;
    margin: 0; }
  body .ui-messages ul {
    margin: 0; }
    body .ui-messages ul .ui-messages-info-summary,
    body .ui-messages ul .ui-messages-warn-summary,
    body .ui-messages ul .ui-messages-error-summary,
    body .ui-messages ul .ui-messages-fatal-summary {
      margin: 0 0.5rem 0 0; }
    body .ui-messages ul .ui-messages-info-detail,
    body .ui-messages ul .ui-messages-warn-detail,
    body .ui-messages ul .ui-messages-error-detail,
    body .ui-messages ul .ui-messages-fatal-detail {
      margin: 0; }
  body .ui-messages .ui-messages-close {
    position: absolute;
    right: -1rem;
    top: -1rem;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
    text-align: center;
    transition: background-color 0.2s; }
    body .ui-messages .ui-messages-close:hover {
      background: #FCFCFC;
      color: #83888F;
      border-color: transparent; }
    body .ui-messages .ui-messages-close .ui-icon-close {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-messages .ui-messages-close .ui-icon-close:before {
        content: ""; }
  body .ui-messages .ui-messages-info {
    background: #5297FF;
    border: 1px solid #5297FF;
    border-width: 0 0 0 6px;
    color: #FFFFFF; }
    body .ui-messages .ui-messages-info .ui-messages-info-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      font-size: 1.5rem;
      margin: 0 0.5rem 0 0;
      color: #FFFFFF; }
      body .ui-messages .ui-messages-info .ui-messages-info-icon:before {
        content: ""; }
    body .ui-messages .ui-messages-info .ui-messages-close {
      background: #5297FF;
      color: #FFFFFF; }
      body .ui-messages .ui-messages-info .ui-messages-close:hover {
        background: #3988ff; }
  body .ui-messages .ui-messages-warn {
    background: #FFA928;
    border: 1px solid #FFA928;
    border-width: 0 0 0 6px;
    color: #FFFFFF; }
    body .ui-messages .ui-messages-warn .ui-messages-warn-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      font-size: 1.5rem;
      margin: 0 0.5rem 0 0;
      color: #FFFFFF; }
      body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before {
        content: ""; }
    body .ui-messages .ui-messages-warn .ui-messages-close {
      background: #FFA928;
      color: #FFFFFF; }
      body .ui-messages .ui-messages-warn .ui-messages-close:hover {
        background: #ff9f0f; }
  body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal {
    background: #FF6E49;
    border: 1px solid #FF6E49;
    border-width: 0 0 0 6px;
    color: #FFFFFF; }
    body .ui-messages .ui-messages-error .ui-messages-error-icon,
    body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon,
    body .ui-messages .ui-messages-fatal .ui-messages-fatal {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      font-size: 1.5rem;
      margin: 0 0.5rem 0 0;
      color: #FFFFFF; }
      body .ui-messages .ui-messages-error .ui-messages-error-icon:before,
      body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before,
      body .ui-messages .ui-messages-fatal .ui-messages-fatal:before {
        content: ""; }
    body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close {
      background: #FF6E49;
      color: #FFFFFF; }
      body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover {
        background: #ff5a30; }

body .ui-message {
  padding: 0.5rem 0.5rem;
  display: inline-block;
  border-radius: 6px; }
  body .ui-message.ui-message-info {
    background: #5297FF;
    border: 1px solid #5297FF;
    border-width: 0 0 0 3px;
    color: #FFFFFF; }
    body .ui-message.ui-message-info .ui-message-info-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      margin: 0;
      color: #FFFFFF;
      float: none;
      width: auto;
      height: auto;
      position: relative;
      top: 1px; }
      body .ui-message.ui-message-info .ui-message-info-icon:before {
        content: ""; }
    body .ui-message.ui-message-info .ui-message-info-detail {
      margin-left: 0.5rem; }
  body .ui-message.ui-message-warn {
    background: #FFA928;
    border: 1px solid #FFA928;
    border-width: 0 0 0 3px;
    color: #FFFFFF; }
    body .ui-message.ui-message-warn .ui-message-warn-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      margin: 0;
      color: #FFFFFF;
      float: none;
      width: auto;
      height: auto;
      position: relative;
      top: 1px; }
      body .ui-message.ui-message-warn .ui-message-warn-icon:before {
        content: ""; }
    body .ui-message.ui-message-warn .ui-message-warn-detail {
      margin-left: 0.5rem; }
  body .ui-message.ui-message-error, body .ui-message.ui-message-fatal {
    background: #FF6E49;
    border: 1px solid #FF6E49;
    border-width: 0 0 0 3px;
    color: #FFFFFF; }
    body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      margin: 0;
      color: #FFFFFF;
      float: none;
      width: auto;
      height: auto;
      position: relative;
      top: 1px; }
      body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before {
        content: ""; }
    body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail {
      margin-left: 0.5rem; }
  body .ui-message.ui-message-icon-only {
    width: auto;
    height: auto; }

body .ui-widget + .ui-message {
  margin: 0 0 0 0.5rem; }

body .ui-growl {
  top: 85px; }
  body .ui-growl .ui-growl-item-container {
    margin: 0 0 1rem 0;
    border-radius: 6px;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
    body .ui-growl .ui-growl-item-container .ui-icon-closethick {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      position: absolute;
      top: .5rem;
      right: .5rem; }
      body .ui-growl .ui-growl-item-container .ui-icon-closethick:before {
        content: ""; }
    body .ui-growl .ui-growl-item-container .ui-growl-item {
      padding: 1rem;
      min-height: 70px; }
    body .ui-growl .ui-growl-item-container.ui-growl-info {
      background: #5297FF;
      border: 1px solid #5297FF;
      color: #FFFFFF;
      border-width: 0 0 0 6px; }
      body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important;
        font-size: 2rem;
        color: #FFFFFF; }
        body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before {
          content: ""; }
      body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon {
        color: #FFFFFF; }
    body .ui-growl .ui-growl-item-container.ui-growl-warn {
      background: #FFA928;
      border: 1px solid #FFA928;
      color: #FFFFFF;
      border-width: 0 0 0 6px; }
      body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important;
        font-size: 2rem;
        color: #FFFFFF; }
        body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before {
          content: ""; }
      body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon {
        color: #FFFFFF; }
    body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal {
      background: #FF6E49;
      border: 1px solid #FF6E49;
      color: #FFFFFF;
      border-width: 0 0 0 6px; }
      body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important;
        font-size: 2rem;
        color: #FFFFFF; }
        body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before {
          content: ""; }
      body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon {
        color: #FFFFFF; }

body .ui-breadcrumb {
  background: #ffffff;
  border: 1px solid #D4D6D9;
  border-radius: 6px;
  padding: 1rem; }
  body .ui-breadcrumb ul li {
    float: none;
    display: inline-block;
    vertical-align: middle; }
    body .ui-breadcrumb ul li .ui-menuitem-link {
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
      border-radius: 6px;
      margin: 0; }
      body .ui-breadcrumb ul li .ui-menuitem-link:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 0.2rem #6FC4FF; }
      body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text {
        color: #777777; }
      body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon {
        color: #83888F; }
    body .ui-breadcrumb ul li.ui-breadcrumb-chevron {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      margin: 0 0.5rem 0 0.5rem;
      color: #83888F; }
      body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before {
        content: ""; }
    body .ui-breadcrumb ul li:first-child a.ui-icon-home {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      color: #83888F;
      margin: 0; }
      body .ui-breadcrumb ul li:first-child a.ui-icon-home:before {
        content: ""; }
      body .ui-breadcrumb ul li:first-child a.ui-icon-home span {
        display: none; }

body .ui-steps {
  position: relative; }
  body .ui-steps ul {
    display: -ms-flexbox;
    display: flex; }
  body .ui-steps .ui-steps-item {
    flex: 1 1 0;
    -ms-flex: 1 1 0px;
    background: transparent;
    text-align: center;
    float: none;
    opacity: 1; }
    body .ui-steps .ui-steps-item .ui-menuitem-link {
      display: block;
      text-align: center;
      background: transparent;
      overflow: hidden;
      padding: 0; }
      body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
        color: #777777;
        background: #ffffff;
        border: 1px solid rgba(68, 160, 225, 0.2);
        width: 2rem;
        height: 2rem;
        font-size: 1.143rem;
        padding: 0;
        margin-top: 2rem;
        margin-left: auto;
        margin-right: auto;
        border-radius: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center; }
      body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
        display: block;
        margin-left: 0 auto;
        padding-top: 0.5rem;
        color: #83888F; }
    body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
      background: rgba(68, 160, 225, 0.9);
      color: #777777;
      border-color: rgba(68, 160, 225, 0.9); }
    body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
      font-weight: 700; }
  body .ui-steps:before {
    content: ' ';
    border-top: 1px solid #D4D6D9;
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute; }

body .ui-menu {
  padding: 0.25rem 0;
  background: #ffffff;
  border: 1px solid #D4D6D9;
  border-radius: 6px; }
  body .ui-menu.ui-shadow {
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
  body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon {
    position: static;
    margin-right: 0.5rem; }
  body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before {
      content: ""; }
  body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s {
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important; }
    body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before {
      content: ""; }
  body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 {
    font-size: 1rem;
    padding-left: 0; }
  body .ui-menu .ui-menu-list .ui-widget-header {
    margin: 0;
    width: 100%;
    background: #ffffff;
    color: #777777;
    float: none;
    border: 0 none;
    padding: 0.75rem 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 0; }
    body .ui-menu .ui-menu-list .ui-widget-header h3 {
      padding: 0;
      font-size: 1rem;
      font-weight: 700;
      color: #777777;
      float: none; }
    body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover {
      background: rgba(68, 160, 225, 0.2);
      color: #777777; }
      body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon {
        color: #777777; }
  body .ui-menu .ui-menu-list .ui-menuitem {
    margin: 0;
    width: 100%;
    border: 0 none;
    float: none;
    border-radius: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
    body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
      padding: 0.75rem 1rem;
      width: 100%;
      border: 0 none;
      float: none;
      border-radius: 0;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
      body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover {
        background: rgba(68, 160, 225, 0.2); }
        body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon {
          color: #777777; }
        body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
          color: #777777; }
      body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
        margin-right: 0.5rem;
        vertical-align: middle;
        float: none;
        color: #83888F; }
      body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
        float: none;
        vertical-align: middle;
        color: #777777; }
      body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important;
        position: relative;
        margin-right: -0.5rem;
        color: #83888F; }
        body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before {
          content: ""; }
      body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important;
        margin-right: -0.5rem;
        color: #83888F; }
        body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before {
          content: ""; }
    body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover {
      background: rgba(68, 160, 225, 0.2);
      color: #777777; }
      body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link {
        color: #777777; }
        body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon {
          color: #777777; }
    body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
      background: rgba(68, 160, 225, 0.2); }
      body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon {
        color: #777777; }
  body .ui-menu .ui-menu-list .ui-menu-child {
    background: #ffffff;
    padding: 0.25rem 0; }
    body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow {
      border-radius: 6px;
      border: 0 none;
      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
  body .ui-menu .ui-menu-list .ui-separator {
    width: 100%;
    margin: 0.25rem 0;
    border-top: 1px solid #D4D6D9; }
  body .ui-menu.ui-menubar {
    padding: 0.5rem;
    background: #FCFCFC;
    border-radius: 6px; }
    body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem {
      display: inline-block;
      width: auto; }
      body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
        border-radius: 6px; }
        body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon {
          position: static;
          vertical-align: middle; }
        body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span {
          float: none;
          display: inline-block; }
        body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
          margin-left: 0.5rem;
          vertical-align: middle; }
      body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options {
        float: right;
        margin-right: 0.5rem; }
  body .ui-menu.ui-slidemenu .ui-slidemenu-backward {
    padding: 0.75rem 1rem;
    color: #777777;
    width: 100%;
    border: 0 none;
    background: #ffffff;
    margin-bottom: 0;
    border-radius: 0; }
    body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w {
      position: relative;
      top: 2px;
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      margin-right: 0.5rem; }
      body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before {
        content: ""; }
  body .ui-menu.ui-slidemenu .ui-menu-child {
    padding: 0; }
    body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow {
      box-shadow: none;
      border: 0 none; }
  body .ui-menu.ui-megamenu .ui-widget-header {
    margin: 0;
    width: 100%;
    background: #ffffff;
    color: #777777;
    float: none;
    border: 0 none;
    padding: 0.75rem 1rem;
    font-weight: 700;
    font-size: 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 0; }
    body .ui-menu.ui-megamenu .ui-widget-header span {
      float: none;
      padding: 0; }
  body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td {
    padding: 0; }
  body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link {
    border-radius: 6px; }
  body .ui-menu.ui-megamenu.ui-megamenu-vertical {
    background: #ffffff;
    padding: 0.25rem 0; }
    body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem {
      width: 100%; }
      body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link {
        border-radius: 0; }
    body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child {
      float: right; }

body .ui-tabmenu {
  padding: 0;
  position: static; }
  body .ui-tabmenu .ui-tabmenu-nav {
    margin: 0;
    padding: 0;
    background: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative; }
    body .ui-tabmenu .ui-tabmenu-nav:before {
      position: absolute;
      border-bottom: 2px solid #D4D6D9;
      left: 0;
      bottom: 0;
      width: 100%; }
    body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
      list-style: none;
      padding: 0;
      white-space: nowrap;
      display: inline-block;
      vertical-align: top;
      float: none;
      padding: 1rem;
      background: #ffffff;
      color: #83888F;
      top: 0;
      margin: 0;
      border-bottom: 2px solid #D4D6D9;
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
      body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
        color: #83888F;
        padding: 0;
        font-weight: 700;
        display: block;
        line-height: 1;
        outline: 0 none; }
        body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon {
          margin-right: 0.5rem; }
      body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover {
        background: #ffffff;
        border-color: #545B67; }
        body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a {
          color: #83888F; }
          body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon {
            color: #83888F; }
      body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
        background: #ffffff;
        border-color: #44A0E1; }
        body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a {
          color: #44A0E1; }
          body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon {
            color: #44A0E1; }
      body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 0.2rem #6FC4FF; }

body .ui-panelmenu .ui-icon {
  position: static; }

body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header {
  margin-top: 0;
  border-top: 1px solid #D4D6D9;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px; }

body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px; }
  body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active {
    border-radius: 0; }

body .ui-panelmenu h3.ui-panelmenu-header {
  border: 1px solid #D4D6D9;
  border-top: 0 none;
  background: #FCFCFC;
  color: #777777;
  padding: 1rem;
  font-weight: 700;
  margin: 0 0 0 0;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  user-select: none;
  border-radius: 0;
  position: relative;
  outline: 0 none;
  font-size: 1rem; }
  body .ui-panelmenu h3.ui-panelmenu-header .ui-icon {
    position: static;
    margin: 0;
    vertical-align: middle;
    margin-right: 0.5rem; }
    body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before {
        content: ""; }
    body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before {
        content: ""; }
  body .ui-panelmenu h3.ui-panelmenu-header a {
    display: inline;
    padding: 0;
    outline: 0 none;
    color: inherit;
    vertical-align: middle;
    text-decoration: none; }
  body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover {
    border-color: #D4D6D9;
    background: rgba(68, 160, 225, 0.2);
    color: #777777; }
  body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active {
    border-color: #D4D6D9;
    background: #FCFCFC;
    color: #777777; }
    body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover {
      border-color: #D4D6D9;
      background: rgba(68, 160, 225, 0.2);
      color: #777777; }

body .ui-panelmenu .ui-panelmenu-content {
  padding: 0.25rem 0;
  background: #ffffff;
  border: 1px solid #D4D6D9;
  margin-top: 0;
  position: static;
  border-top: 0 none; }
  body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
    padding: 0.75rem 1rem;
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }
    body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover {
      background: rgba(68, 160, 225, 0.2); }
      body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon {
        color: #777777; }
      body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
        color: #777777; }
    body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon {
      display: inline-block;
      vertical-align: middle;
      margin-right: 0.5rem;
      position: static;
      color: #83888F; }
      body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before {
          content: ""; }
      body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before {
          content: ""; }
    body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text {
      display: inline-block;
      vertical-align: middle; }

@media screen and (max-width: 576px) {
  body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon {
    margin-right: 0; }
  body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text {
    display: none; } }

body .ui-progressbar {
  border: 0 none;
  height: 1rem;
  background: #efefef;
  border-radius: 6px; }
  body .ui-progressbar .ui-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #44A0E1;
    border-radius: 6px; }
  body .ui-progressbar .ui-progressbar-label {
    margin-top: 0;
    display: none !important; }

body .ui-galleria .ui-galleria-nav-prev,
body .ui-galleria .ui-galleria-nav-next {
  transition: all 0.2s;
  position: absolute;
  color: #777777;
  margin-bottom: -5px; }
  body .ui-galleria .ui-galleria-nav-prev:hover,
  body .ui-galleria .ui-galleria-nav-next:hover {
    scale: 1.2; }

body .ui-galleria .ui-galleria-nav-prev {
  font-family: 'primeicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  background-image: none !important;
  font-size: 20px; }
  body .ui-galleria .ui-galleria-nav-prev:before {
    content: ""; }

body .ui-galleria .ui-galleria-nav-next {
  font-family: 'primeicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  background-image: none !important;
  font-size: 20px; }
  body .ui-galleria .ui-galleria-nav-next:before {
    content: ""; }

body .ui-clock {
  border: 1px solid #D4D6D9;
  background: #ffffff;
  color: #777777;
  padding: 1rem; }

body .ui-log {
  padding: 0;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  border: 0 none;
  border-radius: 6px;
  height: auto; }
  body .ui-log .ui-log-header {
    background: #ffffff;
    color: #777777;
    font-weight: 700;
    border-bottom: 0 none;
    padding: 1rem;
    height: auto; }
    body .ui-log .ui-log-header .ui-log-button {
      display: inline-block;
      position: static;
      margin-right: 0.5rem;
      padding: 2px;
      width: 2rem;
      height: 2rem;
      background: transparent;
      color: #777777;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
      border-radius: 50%;
      border: 0 none;
      text-align: center;
      line-height: 2rem;
      padding: 0;
      user-select: none; }
      body .ui-log .ui-log-header .ui-log-button:hover {
        background: #FCFCFC;
        color: #83888F;
        border-color: transparent; }
      body .ui-log .ui-log-header .ui-log-button .ui-icon-trash {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before {
          content: ""; }
      body .ui-log .ui-log-header .ui-log-button .ui-icon-note {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before {
          content: ""; }
      body .ui-log .ui-log-header .ui-log-button .ui-icon-info {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before {
          content: ""; }
      body .ui-log .ui-log-header .ui-log-button .ui-icon-notice {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before {
          content: ""; }
      body .ui-log .ui-log-header .ui-log-button .ui-icon-search {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before {
          content: ""; }
      body .ui-log .ui-log-header .ui-log-button .ui-icon-alert {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before {
          content: ""; }
  body .ui-log .ui-log-content {
    background: #ffffff;
    color: #777777;
    border: 0 none;
    padding: 2rem;
    border: 0 none;
    overflow: auto; }

body .ui-terminal {
  background: #ffffff;
  color: #777777;
  border: 1px solid #D4D6D9;
  padding: 1rem; }

.ui-badge {
  background: #44A0E1;
  color: #777777;
  font-size: 0.875rem;
  font-weight: 700;
  min-width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
  border-radius: 50%;
  text-align: center; }
  .ui-badge.ui-badge-secondary {
    background: #7A8798;
    color: #EAEBEC; }
  .ui-badge.ui-badge-success {
    background: #34B56F;
    color: #ffffff; }
  .ui-badge.ui-badge-info {
    background: #5297FF;
    color: #ffffff; }
  .ui-badge.ui-badge-warning {
    background: #FFA928;
    color: #ffffff; }
  .ui-badge.ui-badge-danger {
    background: #EA2B1F;
    color: #ffffff; }
  .ui-badge.ui-badge-lg {
    font-size: 1.3125rem;
    min-width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem; }
  .ui-badge.ui-badge-xl {
    font-size: 1.75rem;
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem; }

.ui-overlay-badge {
  position: relative;
  display: inline-block; }
  .ui-overlay-badge .ui-badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    margin: 0; }

.ui-tag {
  background: #44A0E1;
  color: #777777;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.25rem 0.4rem;
  border-radius: 6px;
  display: inline-block;
  text-align: center;
  line-height: 1; }
  .ui-tag.ui-tag-success {
    background: #34B56F;
    color: #ffffff; }
  .ui-tag.ui-tag-info {
    background: #5297FF;
    color: #ffffff; }
  .ui-tag.ui-tag-warning {
    background: #FFA928;
    color: #ffffff; }
  .ui-tag.ui-tag-danger {
    background: #EA2B1F;
    color: #ffffff; }
  .ui-tag.ui-tag-rounded {
    border-radius: 10rem; }

.ui-shadow-1 {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); }

.ui-shadow-2 {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.ui-shadow-3 {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }

.ui-shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.ui-shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.ui-shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.ui-shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.ui-shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.ui-shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.ui-shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.ui-shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.ui-shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.ui-shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.ui-shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.ui-shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.ui-shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.ui-shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.ui-shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.ui-shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.ui-shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.ui-shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.ui-shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.ui-shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.ui-shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

body .ui-overlaypanel {
  background: #ffffff;
  color: #777777;
  padding: 0;
  border: 0 none;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  border-radius: 6px; }
  body .ui-overlaypanel .ui-overlaypanel-content {
    padding: 1rem; }
  body .ui-overlaypanel .ui-overlaypanel-close {
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: -1rem;
    top: -1rem;
    background: #44A0E1;
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    text-align: center;
    line-height: 2rem;
    padding: 0; }
    body .ui-overlaypanel .ui-overlaypanel-close:hover {
      background: #005B91;
      color: #777777; }
    body .ui-overlaypanel .ui-overlaypanel-close .ui-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      display: inline-block;
      line-height: inherit; }
      body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before {
        content: ""; }

body .ui-dialog {
  padding: 0;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  border: 0 none;
  border-radius: 6px; }
  body .ui-dialog .ui-dialog-titlebar {
    background: #ffffff;
    color: #777777;
    font-weight: 700;
    border-bottom: 0 none;
    padding: 1rem; }
    body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
      margin: 0;
      float: none;
      font-size: 1.25rem; }
    body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
      border: 0 none;
      padding: 0;
      margin-left: 0.5rem;
      width: 2rem;
      height: 2rem;
      background: transparent;
      color: #777777;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
      border-radius: 50%;
      border: 0 none;
      text-align: center;
      line-height: 2rem;
      padding: 0;
      user-select: none; }
      body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
        background: #FCFCFC;
        color: #83888F;
        border-color: transparent; }
      body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before {
          content: ""; }
      body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before {
          content: ""; }
      body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before {
          content: ""; }
      body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before {
          content: ""; }
      body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before {
          content: ""; }
  body .ui-dialog .ui-dialog-content {
    background: #ffffff;
    color: #777777;
    border: 0 none;
    padding: 2rem;
    border: 0 none; }
  body .ui-dialog .ui-dialog-footer {
    border-top: 0 none;
    background: #ffffff;
    color: #777777;
    padding: 1rem;
    margin: 0;
    text-align: right; }
    body .ui-dialog .ui-dialog-footer button {
      margin: 0 0.5rem 0 0;
      width: auto; }
  body .ui-dialog.ui-confirm-dialog .ui-dialog-content {
    padding: 1rem 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span {
      float: none;
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
      margin: 0 0 0 0.5rem; }
      body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon {
        margin-right: 0.5rem;
        font-size: 2.5rem; }
        body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn {
          font-family: 'primeicons' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          display: inline-block;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-indent: 0 !important;
          background-image: none !important; }
          body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before {
            content: ""; }
        body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info {
          font-family: 'primeicons' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          display: inline-block;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-indent: 0 !important;
          background-image: none !important; }
          body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before {
            content: ""; }
        body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error {
          font-family: 'primeicons' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          display: inline-block;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-indent: 0 !important;
          background-image: none !important; }
          body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before {
            content: ""; }
  body .ui-dialog .ui-resizable-handle {
    display: none !important; }

body .ui-tooltip .ui-tooltip-text {
  background: #252529;
  color: #ffffff;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  border-radius: 6px; }

body .ui-tooltip.ui-state-error {
  border: 0 none; }

body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: #252529; }

body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
  border-left-color: #252529; }

body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
  border-top-color: #252529; }

body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
  border-bottom-color: #252529; }

body .ui-lightbox {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
  body .ui-lightbox .ui-lightbox-caption {
    border: 1px solid #D4D6D9;
    background: #FCFCFC;
    color: #777777;
    padding: 1rem;
    font-weight: 700; }
    body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
      color: #777777;
      margin: 0; }
    body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
      padding: 0;
      width: 2rem;
      height: 2rem;
      background: transparent;
      color: #777777;
      transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
      border-radius: 50%;
      border: 0 none;
      text-align: center;
      line-height: 2rem;
      padding: 0;
      user-select: none; }
      body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover {
        background: #FCFCFC;
        color: #83888F;
        border-color: transparent; }
      body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon {
        font-family: 'primeicons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0 !important;
        background-image: none !important; }
        body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before {
          content: ""; }
  body .ui-lightbox .ui-lightbox-content-wrapper {
    overflow: hidden;
    background: #ffffff;
    color: #777777;
    border: 0 none;
    padding: 0; }
    body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      transition: all 0.2s;
      font-size: 24px;
      margin-left: 4px;
      color: #ffffff; }
      body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before {
        content: ""; }
      body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover {
        scale: 1.2; }
      body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span {
        display: none; }
    body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important;
      transition: all 0.2s;
      font-size: 24px;
      margin-right: 4px;
      color: #ffffff; }
      body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before {
        content: ""; }
      body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover {
        scale: 1.2; }
      body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span {
        display: none; }
    body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content {
      border-radius: 0; }
    body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a {
      display: none; }

body .ui-sidebar {
  background: #ffffff;
  color: #777777;
  padding: 1rem;
  border: 0 none;
  box-shadow: none; }
  body .ui-sidebar .ui-sidebar-close {
    padding: 0;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #777777;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none; }
    body .ui-sidebar .ui-sidebar-close:hover {
      background: #FCFCFC;
      color: #83888F;
      border-color: transparent; }
    body .ui-sidebar .ui-sidebar-close .ui-icon {
      font-family: 'primeicons' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-indent: 0 !important;
      background-image: none !important; }
      body .ui-sidebar .ui-sidebar-close .ui-icon:before {
        content: ""; }
  body .ui-sidebar.ui-sidebar-active {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }

/* Add your customizations of the theme styles here */
#header {
  background-color: #293241;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.9); }
  #header #user {
    display: table-cell;
    vertical-align: middle;
    color: white;
    text-align: right;
    padding-right: 20px; }

.dropdown lfr-icon-menu {
  display: none !important; }

.statusGreen {
  background-color: lightgreen;
  border-radius: 10px;
  padding: 10px;
  color: white;
  text-shadow: 2px 2px green;
  font-weight: bold; }

.statusRed {
  background-color: crimson;
  border-radius: 10px;
  padding: 10px;
  color: white;
  text-shadow: 2px 2px red;
  font-weight: bold; }

.statusBlue {
  background-color: lightblue;
  border-radius: 10px;
  padding: 10px;
  color: white;
  text-shadow: 2px 2px blue;
  font-weight: bold; }

.statusYellow {
  background-color: lightyellow;
  border-radius: 10px;
  padding: 10px;
  color: white;
  text-shadow: 2px 2px yellow;
  font-weight: bold; }

.layout-topbar-wrapper {
  width: 100%; }

.menu-panel:hover {
  opacity: 1.0; }

.menu-panel {
  opacity: 0.6; }

#content {
  padding-top: 150px; }

.body-flex {
  display: -webkit-flex;
  display: flex; }

.ui-selectcheckboxmenu-label {
  margin: 0px; }

/* width */
.width-5 {
  width: 5% !important; }

.width-10 {
  width: 10% !important; }

.width-15 {
  width: 15% !important; }

.width-20 {
  width: 20% !important; }

.width-25 {
  width: 25% !important; }

.width-30 {
  width: 30% !important; }

.width-35 {
  width: 35% !important; }

.width-40 {
  width: 40% !important; }

.width-45 {
  width: 45% !important; }

.width-50 {
  width: 50% !important; }

.width-55 {
  width: 55% !important; }

.width-60 {
  width: 60% !important; }

.width-65 {
  width: 65% !important; }

.width-70 {
  width: 70% !important; }

.width-75 {
  width: 75% !important; }

.width-80 {
  width: 80% !important; }

.width-85 {
  width: 85% !important; }

.width-90 {
  width: 90% !important; }

.width-95 {
  width: 95% !important; }

.width-100 {
  width: 100% !important; }

.height-100 {
  height: 100% !important; }

.tile {
  background-color: #FFF;
  border-radius: 5px;
  padding: 25px;
  -webkit-box-shadow: 0 0 15px 5px rgba(125, 125, 125, 0.5);
  -moz-box-shadow: 0 0 15px 5px rgba(125, 125, 125, 0.5);
  box-shadow: 0 0 15px 5px rgba(125, 125, 125, 0.5); }

.bold {
  font-weight: bold; }

.font-detail-grid-bigger {
  font-size: 110% !important; }

.center {
  text-align: center; }

.ui-datatable-tablewrapper table thead th {
  background-color: #E0E0E0;
  color: #888888; }

.ui-wizard-step-titles {
  border-bottom: 1px solid #44A0E1 !important; }
  .ui-wizard-step-titles .ui-wizard-step-title {
    border-bottom: 0px !important; }
  .ui-wizard-step-titles .ui-state-highlight {
    background-color: #44A0E1 !important;
    color: white !important; }

.lexicon-icon {
  height: 0.65em; }

.navbar-site {
  padding-inline-start: 1px !important;
  color: white; }
  .navbar-site .nav-item {
    font-weight: bold;
    border-bottom: 1px solid #44A0E1;
    float: left;
    text-align: left;
    padding: 14px 16px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    color: white;
    width: 100%; }
    .navbar-site .nav-item a.nav-link {
      color: white !important; }
  .navbar-site .nav-item:hover {
    background: linear-gradient(90deg, #44a0e1 0%, #49a4c4 19%, #4ca6ad 38%, #4fa88e 65%, #53ad6d 100%);
    box-shadow: 0 0 5px #000;
    transform: scale(1.05);
    transition: all ease 700ms;
    z-index: 10; }
    .navbar-site .nav-item:hover ul {
      display: block;
      background-color: white; }
    .navbar-site .nav-item:hover ul li {
      list-style-type: none;
      color: #FFF;
      text-decoration: none; }
  .navbar-site .selected {
    background: linear-gradient(90deg, #44a0e1 0%, #49a4c4 19%, #4ca6ad 38%, #4fa88e 65%, #53ad6d 100%);
    box-shadow: 0 0 5px #000;
    transform: scale(1.05);
    transition: all ease 700ms;
    z-index: 10; }
  .navbar-site span {
    color: white; }

.toolbar-clean {
  background: none !important;
  border: none !important; }

.sub {
  display: none; }

.spacer-img {
  height: 4px;
  width: 100%; }

.circular-button {
  border-radius: 15%;
  text-align: center;
  float: left;
  margin: 10px; }
  .circular-button img {
    width: 28px !important; }

.circular-button:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2); }

.ui-paginator-pages .ui-state-active {
  color: white !important; }

.search-button-panel {
  width: 100%;
  text-align: center;
  border: 0px; }
  .search-button-panel .ui-panel-content {
    border: 0px !important; }
    .search-button-panel .ui-panel-content button {
      width: 33%; }

.search-result .ui-panel-content:first-child {
  border: 0px;
  padding-left: 0px;
  padding-right: 0px; }

.search-result .ui-datagrid-content {
  border: 0px !important;
  padding: 0px !important; }

.search-result .ui-panel-content {
  text-align: center;
  width: 100%; }

.search-result .ui-panel-titlebar {
  height: 4em;
  line-height: 1em;
  text-align: center; }

.search-result .ui-state-active {
  color: white; }

.ui-selectonemenu-items .ui-state-highlight {
  color: white !important; }

.float-right {
  float: right; }

.ui-datatable thead th.ui-state-active {
  color: #888888 !important; }

body .ui-datatable thead th.ui-sortable-column.ui-state-focus {
  box-shadow: inset 0 0 0 0.2rem #888888 !important; }

.ui-datagrid .ui-paginator-top-right-content {
  position: absolute;
  right: 20px; }

.ui-datalist .ui-paginator-top-right-content {
  position: absolute;
  right: 50px; }

.ui-toggleswitch {
  vertical-align: middle; }

.ui-panelgrid-cell label {
  padding-top: 10px; }

.pt-35 {
  padding-top: 35px; }

.pt-15 {
  padding-top: 15px; }

.p-15 {
  padding: 15px; }

.mt-15 {
  margin-top: 15px; }

.mt-4per {
  margin-top: 4%; }

.m-15 {
  margin: 15px; }

.mb-15 {
  margin-bottom: 15px !important; }

#wrap {
  min-height: 100vh;
  position: relative; }
  #wrap #content {
    padding-bottom: 7rem; }
  #wrap #footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 7rem; }

.img-fluid:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2); }

.dropdown-menu .dropdown-item:hover {
  color: white;
  background-color: #44A0E1; }

.ui-selectonebutton .ui-state-active {
  color: white !important; }

.ui-radiobutton .ui-state-active .ui-icon-bullet {
  background: white !important; }

.block {
  display: block; }

.component-card {
  margin: 1rem; }
  .component-card .card img {
    padding-top: 2rem; }

.card-body h3 {
  height: 3.5rem; }

.card-body a {
  color: #777777 !important; }

.card-body a:hover {
  text-decoration: none; }

.btn-outline-primary {
  background: #44A0E1 !important;
  color: white !important;
  border-color: #44A0E1 !important; }

.btn-outline-primary:hover {
  color: white !important;
  background-color: #005B91 !important; }

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%236B6C7E' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

@media (min-width: 768px) {
  .navbar-toggler {
    display: none; } }

.col-md-2 {
  position: absolute;
  right: 1%;
  top: 2%;
  float: right; }

.col-md-10 {
  height: 100%;
  /* 100% Full-height */
  width: 12%;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 999;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  left: 0;
  background-color: #293241;
  /* Black*/
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 60px;
  /* Place content 60px from the top */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */ }

.main {
  margin-left: 15%;
  /* Same as the width of the sidebar */ }

.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: red;
  width: 100%;
  z-index: 1; }

.col-md-4 {
  color: white;
  font-family: 'Roboto', sans-serif; }

.logo {
  height: 100%;
  width: 80%;
  display: table; }
  .logo div {
    vertical-align: middle;
    display: table-cell;
    text-align: center; }

.white {
  color: white;
  font-size: 65%;
  padding-top: 1rem;
  font-family: 'Roboto', sans-serif; }

.social {
  width: 35px;
  padding: 5px; }

.contact {
  height: 100%;
  display: table;
  color: white;
  text-align: center; }
  .contact div {
    vertical-align: middle;
    display: table-cell; }
  .contact a {
    color: white; }

.small {
  font-size: 85%;
  padding-top: 1rem; }

.width-40 {
  width: 40%; }

.width-20 {
  width: 20%; }

.side {
  float: left; }

.flex {
  display: flex;
  align-items: center; }

.basic-flex {
  display: flex; }

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

.back-white {
  background-color: white; }

.black {
  color: black; }

.border {
  border: 1px solid gray; }

.back-gray {
  background-color: #f2f4f6; }

.eu-logo {
  width: 75%; }

.z-index-1 {
  z-index: 1; }

.z-index-1000 {
  z-index: 1000; }

.top-62 {
  margin-top: 62px; }

.ui-panel-content {
  border: 0px !important; }

.ui-dataview .ui-dataview-header {
  border-width: 0 0 0 0 !important;
  display: none !important;
  background: none;
  background-color: none; }

.ui-dataview {
  background: none;
  background-color: none; }

body .ui-dataview .ui-dataview-content {
  background: none !important; }

.ui-panel .ui-panel-content {
  border: none; }

.ui-breadcrumb {
  background: none !important;
  border: none !important;
  pointer-events: auto !important; }

.columns-max {
  margin-top: 100px; }

.form-control {
  display: block;
  width: 100%;
  height: 2.375rem;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #FFF;
  background-clip: padding-box;
  border: .0625rem solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.field-row {
  display: block;
  clear: both; }

.field-row:after {
  clear: both;
  content: "";
  display: block;
  height: 0; }

.field-row {
  zoom: 1; }

.button-holder {
  display: block;
  clear: both; }

.button-input {
  margin: 0;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
  padding: 5px 10px 6px 7px; }

.button-input {
  *padding: 4px 10px 3px 7px; }

.field-content:after, .button-holder:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  overflow: hidden; }

.field-content, .button-holder {
  display: inline-block; }

* html .field-content, * html .button-holder {
  height: 1%; }

.field-content, .button-holder {
  display: block; }

.field-label, .field-label-inline-label {
  font-weight: bold; }

.choice-label {
  font-weight: normal; }

.field-hint {
  color: #777;
  font-size: .9em; }

.choice-label, .field-hint {
  line-height: 1.2; }

.field-element-left {
  display: inline-block;
  vertical-align: middle; }

.field.has-error .field-content {
  border-bottom: 1px solid #ef4a4a;
  background-color: #ff9f9f; }

.field.has-warn .field-content {
  border-bottom: 1px solid #ffc45f;
  background-color: #fffabf; }

.field .message-holder {
  color: red;
  display: block;
  font-weight: bold; }

.fieldset {
  display: block;
  margin-inline-start: 2px;
  margin-inline-end: 2px;
  padding-block-start: 0.35em;
  padding-inline-start: 0.75em;
  padding-inline-end: 0.75em;
  padding-block-end: 0.625em;
  min-inline-size: min-content;
  border: none; }

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin-left: 15px; }

.btn-primary {
  color: #FFF;
  background-color: #007bff;
  border-color: #007bff; }

.input-container {
  border: none; }

.taglib-text {
  margin-left: 15px; }

.portlet-icon-back {
  display: none; }

.ui-accordion .ui-accordion-content {
  overflow: auto !important; }

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
  white-space: pre-wrap !important; }

label {
  max-width: 100%;
  word-wrap: break-word; }

label[for] {
  cursor: pointer; }

label + .form-text {
  margin-top: 0; }

label .reference-mark {
  color: #ffc107; }

.reference-mark {
  display: inline-block;
  font-size: .75rem;
  position: relative;
  vertical-align: super; }

.text-warning {
  color: #ffc107 !important; }

.lexicon-icon {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  margin-top: -3px;
  vertical-align: middle;
  width: 1em; }

.hide-accessible {
  display: none; }

.none-decor {
  text-decoration: none; }

.no-content::before {
  content: none; }

.show {
  display: block; }

.hide {
  display: none; }

.control-label {
  font-size: 20px;
  color: #777777; }

.field {
  margin-top: 10px;
  margin-bottom: 10px; }

.index-zero {
  z-index: 0; }

.sidebar-dialog {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.green-button {
  background-color: #53AD6D !important;
  background: #53AD6D !important;
  border-color: #53AD6D !important; }

.red-button {
  background-color: #8B0000 !important;
  background: #8B0000 !important;
  border-color: #8B0000 !important; }

.grey-button {
  background-color: #777777 !important;
  background: #777777 !important;
  border-color: #777777 !important; }

.text-capitals {
  text-transform: capitalize !important; }

.none-background {
  background: none !important; }

body .ui-chkbox .ui-chkbox-box.ui-state-active {
  color: white; }

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #E0E0E0;
  color: #888888; }

.ui-paginator-pages .ui-state-active {
  color: #888888 !important; }

.ui-icon {
  font-family: primeicons !important; }

.ui-paginator {
  background: none !important; }

.mandatory:after {
  content: " *";
  color: red; }

body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
  color: white; }

.small-form {
  margin-left: 20% !important;
  margin-right: 20% !important; }

.footer-row {
  display: block; }

.footer-cell {
  display: inline-block; }

.responsive-search-button-mobile {
  display: none !important; }

.responsive-search-button-desktop {
  display: initial !important; }

.enroll-button {
  float: right !important;
  width: 25% !important;
  margin-top: 10px !important; }

.right-button {
  float: right !important;
  margin-left: 15px !important;
  margin-top: 40px !important; }

.badge-button {
  float: right !important;
  margin-left: 15px !important;
  margin-top: 10px !important; }

#_drivesregistration_WAR_euprojectdrivesplatformgui_:regForm:regWizard .ui-wizard-navbar .ui-helper-clearfix {
  margin-left: 20% !important;
  margin-right: 20% !important; }

@media (max-width: 768px) {
  #_drivesregistration_WAR_euprojectdrivesplatformgui_:regForm:regWizard .ui-wizard-navbar .ui-helper-clearfix {
    margin-left: 0% !important;
    margin-right: 0% !important; }
  .enroll-button {
    float: initial !important;
    width: 25% !important;
    margin-top: 10px !important; }
  .responsive-search-button-desktop {
    display: none !important; }
  .responsive-search-button-mobile {
    display: initial !important; }
  .menu-column-1 {
    flex-basis: 100%;
    order: 1; }
  .menu-column-2 {
    flex-basis: 100%;
    order: 2; }
  .menu-column-3 {
    flex-basis: 100%;
    order: 3; }
  .menu-column-4 {
    flex-basis: 100%;
    order: 4; }
  .small-form {
    margin-left: 0% !important;
    margin-right: 0% !important; }
  #site-logo {
    width: 75%; }
  .footer-cell {
    display: block; }
  #header img {
    width: 100%; }
  #wrap #content {
    padding-bottom: 24rem;
    padding-top: 200px; }
    #wrap #content .container {
      padding: 0px;
      margin: 0px; }
  #wrap #footer {
    height: 24rem; }
    #wrap #footer .contact {
      width: 100%;
      padding-top: 10px; }
  #wrap .px-3 {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  #wrap .py-3 {
    padding-top: 0px !important;
    padding-bottom: 0px !important; }
  #wrap .portlet-content {
    padding: 0px !important; }
  .ui-datagrid .ui-paginator-top-right-content {
    display: none; }
  .ui-datalist .ui-paginator-top-right-content {
    position: inherit;
    right: 0px; } }

footer {
  position: static;
  bottom: 0; }

.footer-distributed {
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  padding: 20px; }

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right,
.footer-distributed .footer-very-right {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2%;
  margin-right: 2%; }

.footer-distributed .footer-left {
  width: 12%; }

.footer-distributed .footer-center {
  width: 55%;
  font-size: 85%; }

.footer-distributed .footer-right {
  width: 3%;
  display: inline-flex; }

.footer-distributed .footer-very-right {
  width: 12%; }

.footer-distributed .footer-very-right ul {
  list-style-type: none; }

.footer-distributed .footer-very-right li:hover {
  color: #44a0e1 !important;
  text-decoration: underline !important; }

@media (max-width: 768px) {
  .footer-distributed .footer-left,
  .footer-distributed .footer-center,
  .footer-distributed .footer-right,
  .footer-distributed .footer-very-right {
    display: block;
    width: 100%;
    margin-bottom: 40px;
    text-align: center; }
  .footer-distributed .footer-right {
    display: inline-block !important; }
  .footer-distributed .footer-left img {
    width: 50%; } }

.block {
  display: block !important; }

.disable-a {
  pointer-events: none; }

.lighter {
  background-color: rgba(111, 196, 255, 0.1); }

.border {
  border-top: 2px solid white;
  width: 100%;
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding-top: 15px; }

.hr3 {
  border: 0 !important;
  height: 2px !important;
  background-image: linear-gradient(to right, transparent, #CCC, transparent) !important;
  width: 80% !important; }

.flex {
  display: flex; }

.block-non-important {
  display: block; }

/* Add your customizations of the layout variables here */
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    transform: none; } }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); } }

@keyframes fadeinmask {
  from {
    opacity: 0; }
  to {
    opacity: .8; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes modal-in {
  from {
    background-color: transparent; }
  to {
    background-color: rgba(0, 0, 0, 0.6); } }

@keyframes modal-in {
  from {
    background-color: transparent; }
  to {
    background-color: rgba(0, 0, 0, 0.6); } }

.modal-in {
  -webkit-animation-name: modal-in;
  animation-name: modal-in; }

h1, h2, h3, h4, h5, h6 {
  margin: 1.5rem 0 1rem 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.2;
  color: inherit; }
  h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.75rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

mark {
  background: #FFF8E1;
  padding: .25rem .4rem;
  border-radius: 6px;
  font-family: monospace; }

blockquote {
  margin: 1rem 0;
  padding: 0 2rem;
  border-left: 4px solid #90A4AE; }

hr {
  border-top: solid #D4D6D9;
  border-width: 1px 0 0 0;
  margin: 1rem 0; }

p {
  margin: 0 0 1rem 0;
  line-height: 1.5; }
  p:last-child {
    margin-bottom: 0; }

html {
  height: 100%;
  font-size: 1rem;
  overflow-y: scroll; }

body {
  /*position: absolute;*/
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: rgba(41, 50, 65, 0.8);
  padding: 0;
  margin: 0;
  min-height: 100%;
  background-color: #F2F4F6 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body.blocked-scroll {
    overflow: auto; }

a {
  text-decoration: none;
  color: #70b6e8;
  color: var(--primaryColor); }

.ajax-loader {
  font-size: 32px;
  color: #44A0E1;
  color: var(--primaryColor); }

.layout-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 100vh;
  /* padding-top: 82px; */
  -moz-transition: padding-left 0.2s;
  -o-transition: padding-left 0.2s;
  -webkit-transition: padding-left 0.2s;
  transition: padding-left 0.2s; }

.layout-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  width: 100%;
  height: 100%;
  animation-duration: 0.2s;
  animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99);
  animation-fill-mode: forwards; }

.layout-content {
  padding: 10px 10px;
  flex: 1 1 auto;
  margin-top: 20px; }

@media (max-width: 991px) {
  .layout-content {
    padding: 32px 14px; } }

.layout-topbar-light .layout-topbar {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
  height: 62px; }
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
      height: 100%;
      padding: 0 16px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      z-index: 999; }
      .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo {
        height: 15px; }
        .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img {
          height: 15px; }
      .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button {
        padding: 6px;
        margin-right: 16px;
        border-radius: 4px;
        display: none; }
        .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i {
          font-size: 18px;
          width: 18px;
          height: 18px;
          background-color: transparent;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center; }
    .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
      height: 100%;
      flex-grow: 1;
      padding: 0 16px 0 12px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border-right: solid 1px transparent; }
      .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        flex-grow: 1;
        list-style-type: none;
        margin: 0;
        padding: 0;
        height: 100%; }
        .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center;
          height: 100%; }
          .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a {
            width: 100%;
            padding: 6px; }
            .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon {
              font-size: 18px;
              border-radius: 6px;
              width: 30px;
              height: 30px;
              background-color: transparent;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
              align-items: center;
              -ms-flex-pack: center;
              justify-content: center; }
            .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i {
              -moz-transition: transform 0.2s;
              -o-transition: transform 0.2s;
              -webkit-transition: transform 0.2s;
              transition: transform 0.2s; }
          .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {
            display: none;
            position: absolute;
            top: 62px;
            right: 0px;
            list-style-type: none;
            margin: 0;
            padding: 7px 0 8px;
            z-index: 1000;
            -moz-border-radius-bottomleft: 2px;
            -webkit-border-bottom-left-radius: 2px;
            border-bottom-left-radius: 2px;
            -moz-border-radius-bottomright: 2px;
            -webkit-border-bottom-right-radius: 2px;
            border-bottom-right-radius: 2px;
            min-width: 250px;
            animation-duration: 0.2s; }
            .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: end;
              justify-content: flex-end;
              flex-grow: 1; }
            .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li {
              padding: 10px 15px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
              align-items: center;
              cursor: pointer;
              list-style: none;
              margin-bottom: 4px; }
              .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-pack: justify;
                justify-content: space-between;
                font-weight: 600;
                font-size: 12px;
                line-height: 14px; }
                .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i {
                  margin-right: 10px;
                  padding: 6px;
                  border-radius: 2px;
                  width: 26px;
                  height: 26px; }
                .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img {
                  height: 36px;
                  width: 36px;
                  margin-right: 10px; }
          .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a {
            width: auto;
            display: block; }
          .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper {
            position: relative;
            width: 0;
            opacity: 0;
            -moz-transition: all 0.2s;
            -o-transition: all 0.2s;
            -webkit-transition: all 0.2s;
            transition: all 0.2s; }
            .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield {
              background: #F7FAFF;
              width: 100%;
              position: relative;
              padding: 9px;
              padding-left: 37px;
              border: none;
              color: #3E4754; }
            .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i {
              position: absolute;
              left: 9px;
              font-size: 18px;
              top: 50%;
              margin-top: -9px;
              display: none; }
          .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a {
            margin-left: 16px; }
            .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img {
              height: 28px;
              width: 28px;
              border-radius: 10px; }
          .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a {
            display: none; }
          .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper {
            width: 200px;
            opacity: 1; }
            .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i {
              display: block; }
          .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul {
            display: none; }
          .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul {
            display: block; }
      .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
        font-size: 18px;
        border-radius: 6px;
        width: 30px;
        height: 30px;
        margin-left: 26px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center; }

@media (max-width: 991px) {
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding: 0 6px; } }

@media (max-width: 576px) {
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a {
    display: block; }
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper {
    display: none; }
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul {
    display: block;
    padding: 0;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; }
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {
    left: 10px;
    right: 10px;
    position: fixed;
    top: 62px; } }

.layout-topbar-light .layout-topbar {
  background-color: #ffffff;
  box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06); }
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i {
    color: #293241; }
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover {
    background-color: #E8EDF0;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s; }
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon {
    color: #293241; }
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i {
    background-color: #E8EDF0;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s; }
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input {
    background-color: #f8fafc;
    border: 1px solid #ebedef;
    color: lighthen(#44A0E1, 10%); }
    .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder {
      color: lighthen(#44A0E1, 10%); }
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i {
    color: #293241;
    opacity: .5; }
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {
    box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12);
    background-color: white; }
    .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header {
      background-color: #67b2e7; }
      .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 {
        color: #ffffff; }
      .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover {
        background-color: #67b2e7; }
    .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a {
      color: rgba(41, 50, 65, 0.8); }
      .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i {
        background-color: rgba(68, 160, 225, 0.8);
        color: #ffffff; }
      .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail {
        color: rgba(41, 50, 65, 0.5); }
    .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p {
      color: rgba(41, 50, 65, 0.8); }
    .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span {
      color: rgba(41, 50, 65, 0.5); }
    .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover {
      background-color: rgba(68, 160, 225, 0.2);
      background-color: var(--primaryLighterColor);
      -moz-transition: background-color 0.2s;
      -o-transition: background-color 0.2s;
      -webkit-transition: background-color 0.2s;
      transition: background-color 0.2s; }
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
    color: #293241;
    background-color: transparent; }
    .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover {
      background-color: #E8EDF0;
      -moz-transition: background-color 0.2s;
      -o-transition: background-color 0.2s;
      -webkit-transition: background-color 0.2s;
      transition: background-color 0.2s; }

.layout-topbar-dark .layout-topbar {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
  height: 62px; }
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
      height: 100%;
      padding: 0 16px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      z-index: 999; }
      .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo {
        height: 15px; }
        .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img {
          height: 15px; }
      .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button {
        padding: 6px;
        margin-right: 16px;
        border-radius: 4px;
        display: none; }
        .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button i {
          font-size: 18px;
          width: 18px;
          height: 18px;
          background-color: transparent;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center; }
    .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
      height: 100%;
      flex-grow: 1;
      padding: 0 16px 0 12px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border-right: solid 1px transparent; }
      .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        flex-grow: 1;
        list-style-type: none;
        margin: 0;
        padding: 0;
        height: 100%; }
        .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center;
          height: 100%; }
          .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a {
            width: 100%;
            padding: 6px; }
            .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon {
              font-size: 18px;
              border-radius: 6px;
              width: 30px;
              height: 30px;
              background-color: transparent;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
              align-items: center;
              -ms-flex-pack: center;
              justify-content: center; }
            .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i {
              -moz-transition: transform 0.2s;
              -o-transition: transform 0.2s;
              -webkit-transition: transform 0.2s;
              transition: transform 0.2s; }
          .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {
            display: none;
            position: absolute;
            top: 62px;
            right: 0px;
            list-style-type: none;
            margin: 0;
            padding: 7px 0 8px;
            z-index: 1000;
            -moz-border-radius-bottomleft: 2px;
            -webkit-border-bottom-left-radius: 2px;
            border-bottom-left-radius: 2px;
            -moz-border-radius-bottomright: 2px;
            -webkit-border-bottom-right-radius: 2px;
            border-bottom-right-radius: 2px;
            min-width: 250px;
            animation-duration: 0.2s; }
            .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: end;
              justify-content: flex-end;
              flex-grow: 1; }
            .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li {
              padding: 10px 15px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
              align-items: center;
              cursor: pointer;
              list-style: none;
              margin-bottom: 4px; }
              .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-pack: justify;
                justify-content: space-between;
                font-weight: 600;
                font-size: 12px;
                line-height: 14px; }
                .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i {
                  margin-right: 10px;
                  padding: 6px;
                  border-radius: 2px;
                  width: 26px;
                  height: 26px; }
                .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a img {
                  height: 36px;
                  width: 36px;
                  margin-right: 10px; }
          .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item a {
            width: auto;
            display: block; }
          .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper {
            position: relative;
            width: 0;
            opacity: 0;
            -moz-transition: all 0.2s;
            -o-transition: all 0.2s;
            -webkit-transition: all 0.2s;
            transition: all 0.2s; }
            .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper .ui-inputfield {
              background: #F7FAFF;
              width: 100%;
              position: relative;
              padding: 9px;
              padding-left: 37px;
              border: none;
              color: #3E4754; }
            .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item .search-input-wrapper i {
              position: absolute;
              left: 9px;
              font-size: 18px;
              top: 50%;
              margin-top: -9px;
              display: none; }
          .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a {
            margin-left: 16px; }
            .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img {
              height: 28px;
              width: 28px;
              border-radius: 10px; }
          .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a {
            display: none; }
          .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper {
            width: 200px;
            opacity: 1; }
            .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item .search-input-wrapper i {
              display: block; }
          .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul {
            display: none; }
          .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul {
            display: block; }
      .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
        font-size: 18px;
        border-radius: 6px;
        width: 30px;
        height: 30px;
        margin-left: 26px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center; }

@media (max-width: 991px) {
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding: 0 6px; } }

@media (max-width: 576px) {
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a {
    display: block; }
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper {
    display: none; }
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul {
    display: block;
    padding: 0;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; }
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {
    left: 10px;
    right: 10px;
    position: fixed;
    top: 62px; } }

.layout-topbar-dark .layout-topbar {
  background-color: #293241;
  box-shadow: none; }
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button > i {
    color: #E9E9E9; }
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button:hover {
    background-color: #333e51;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s; }
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon {
    color: #E9E9E9; }
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover i {
    background-color: #333e51;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s; }
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input {
    background-color: #333e51;
    border: 1px solid #333e51;
    color: #9ccdef; }
    .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper input::placeholder {
      color: #9ccdef; }
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > form > .search-input-wrapper i {
    color: #E9E9E9;
    opacity: .5; }
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {
    box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12);
    background-color: #333e51; }
    .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header {
      background-color: #67b2e7; }
      .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 {
        color: #ffffff; }
      .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover {
        background-color: #67b2e7; }
    .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a {
      color: #E9E9E9; }
      .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a i {
        background-color: rgba(68, 160, 225, 0.8);
        color: #ffffff; }
      .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a .notification-detail {
        color: #C2C2C2; }
    .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p {
      color: #E9E9E9; }
    .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span {
      color: #C2C2C2; }
    .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover {
      background-color: rgba(68, 160, 225, 0.2);
      background-color: var(--primaryLighterColor);
      -moz-transition: background-color 0.2s;
      -o-transition: background-color 0.2s;
      -webkit-transition: background-color 0.2s;
      transition: background-color 0.2s; }
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
    color: #E9E9E9;
    background-color: transparent; }
    .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover {
      background-color: #333e51;
      -moz-transition: background-color 0.2s;
      -o-transition: background-color 0.2s;
      -webkit-transition: background-color 0.2s;
      transition: background-color 0.2s; }

.menu-wrapper {
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0; }
  .menu-wrapper .sidebar-logo {
    height: 62px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 22px;
    padding-right: 20px; }
    .menu-wrapper .sidebar-logo .sidebar-pin {
      display: none;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      transition: all 0.2s; }
      .menu-wrapper .sidebar-logo .sidebar-pin > span {
        display: block;
        height: 16px;
        width: 16px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: 2px solid #D4D6D9; }
    .menu-wrapper .sidebar-logo img {
      height: 20px;
      border: 0 none; }
  .menu-wrapper .layout-menu-container {
    height: calc(100% - 62px); }
    .menu-wrapper .layout-menu-container .layout-menu {
      list-style-type: none;
      margin: 0;
      padding: 0;
      max-width: 62px;
      overflow: hidden;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      transition: all 0.2s; }
      .menu-wrapper .layout-menu-container .layout-menu > li > a {
        position: relative; }
        .menu-wrapper .layout-menu-container .layout-menu > li > a::before {
          content: '';
          width: 4px;
          height: 12px;
          display: block;
          border-radius: 0px 3px 3px 0px;
          position: absolute;
          left: 0; }
      .menu-wrapper .layout-menu-container .layout-menu > li > ul > li {
        margin-left: 6px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px; }
      .menu-wrapper .layout-menu-container .layout-menu li {
        padding: 3px 0; }
        .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler {
          -webkit-transform: rotate(-180deg);
          -moz-transform: rotate(-180deg);
          -o-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          transform: rotate(-180deg); }
        .menu-wrapper .layout-menu-container .layout-menu li .layout-menu-tooltip {
          display: none; }
        .menu-wrapper .layout-menu-container .layout-menu li > a {
          margin: 0px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -moz-border-radius: 8px;
          -webkit-border-radius: 8px;
          border-radius: 8px;
          font-size: 13px;
          padding: 6px 20px; }
          .menu-wrapper .layout-menu-container .layout-menu li > a > span {
            margin: 0 8px;
            margin-left: 14px;
            font-weight: 600;
            font-size: 13px;
            line-height: 14px;
            visibility: hidden;
            white-space: nowrap; }
          .menu-wrapper .layout-menu-container .layout-menu li > a > i {
            font-size: 24px; }
            .menu-wrapper .layout-menu-container .layout-menu li > a > i.layout-submenu-toggler {
              -moz-transition: transform 0.2s;
              -o-transition: transform 0.2s;
              -webkit-transition: transform 0.2s;
              transition: transform 0.2s;
              margin-left: auto;
              font-size: 12px;
              visibility: hidden; }
        .menu-wrapper .layout-menu-container .layout-menu li > ul {
          display: none;
          list-style-type: none;
          padding: 0;
          margin: 0; }
          .menu-wrapper .layout-menu-container .layout-menu li > ul li ul {
            display: none; }
          .menu-wrapper .layout-menu-container .layout-menu li > ul > li {
            padding: 0; }
            .menu-wrapper .layout-menu-container .layout-menu li > ul > li > a {
              padding: 10px 18px;
              margin-left: 0px;
              padding-right: 8px; }
            .menu-wrapper .layout-menu-container .layout-menu li > ul > li i {
              font-size: 14px; }
            .menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li {
              padding: 0; }
            .menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a {
              display: -ms-flexbox;
              display: flex; }
    .menu-wrapper .layout-menu-container .sidebar-pin {
      display: none;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      transition: all 0.2s; }
      .menu-wrapper .layout-menu-container .sidebar-pin > span {
        display: block;
        height: 16px;
        width: 16px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: 2px solid #D4D6D9; }

@media (min-width: 300px) {
  .layout-wrapper.layout-sidebar .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo {
    display: none; }
  .layout-wrapper.layout-sidebar .layout-main {
    padding-left: 62px; }
  .layout-wrapper.layout-static .menu-wrapper {
    transform: translate3d(0px, 0px, 0px); }
    .layout-wrapper.layout-static .menu-wrapper .sidebar-logo {
      justify-content: space-between; }
      .layout-wrapper.layout-static .menu-wrapper .sidebar-logo img {
        display: inline; }
      .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .app-name {
        display: inline; }
      .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin {
        display: inline-block; }
        .layout-wrapper.layout-static .menu-wrapper .sidebar-logo .sidebar-pin > span {
          display: block;
          height: 16px;
          width: 16px;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          border: 2px solid #D4D6D9;
          border: 2px solid var(--primaryLightColor);
          background-color: #D4D6D9;
          background-color: var(--primaryLighterColor); }
    .layout-wrapper.layout-static .menu-wrapper .layout-menu {
      max-width: 230px; }
      .layout-wrapper.layout-static .menu-wrapper .layout-menu > li {
        min-width: 230px; }
        .layout-wrapper.layout-static .menu-wrapper .layout-menu > li > ul > li {
          margin-left: 10px;
          margin-right: 12px; }
      .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li a {
        padding-left: 20px; }
      .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li a {
        padding-left: 30px; }
      .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li a {
        padding-left: 40px; }
      .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li a {
        padding-left: 50px; }
      .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a {
        padding-left: 60px; }
      .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a {
        padding-left: 70px; }
      .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a {
        padding-left: 80px; }
      .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a {
        padding-left: 90px; }
      .layout-wrapper.layout-static .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
        padding-left: 100px; }
      .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a > span {
        visibility: visible;
        white-space: normal; }
      .layout-wrapper.layout-static .menu-wrapper .layout-menu li > a i.layout-submenu-toggler {
        visibility: visible; }
  .layout-wrapper.layout-static .layout-main {
    padding-left: 230px;
    -moz-transition: padding-left 0.2s;
    -o-transition: padding-left 0.2s;
    -webkit-transition: padding-left 0.2s;
    transition: padding-left 0.2s; }
  .menu-wrapper.layout-sidebar-active {
    transform: translate3d(0px, 0px, 0px); }
    .menu-wrapper.layout-sidebar-active .sidebar-logo {
      justify-content: space-between; }
      .menu-wrapper.layout-sidebar-active .sidebar-logo img {
        display: inline; }
      .menu-wrapper.layout-sidebar-active .sidebar-logo .app-name {
        display: inline; }
      .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin {
        display: inline-block; }
        .menu-wrapper.layout-sidebar-active .sidebar-logo .sidebar-pin > span {
          display: block;
          height: 16px;
          width: 16px;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          border: 2px solid #D4D6D9; }
    .menu-wrapper.layout-sidebar-active .layout-menu {
      max-width: 230px; }
      .menu-wrapper.layout-sidebar-active .layout-menu > li {
        min-width: 230px; }
        .menu-wrapper.layout-sidebar-active .layout-menu > li > ul > li {
          margin-left: 10px;
          margin-right: 12px; }
      .menu-wrapper.layout-sidebar-active .layout-menu li ul li a {
        padding-left: 20px; }
      .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li a {
        padding-left: 30px; }
      .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li a {
        padding-left: 40px; }
      .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li a {
        padding-left: 50px; }
      .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li a {
        padding-left: 60px; }
      .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li a {
        padding-left: 70px; }
      .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li a {
        padding-left: 80px; }
      .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a {
        padding-left: 90px; }
      .menu-wrapper.layout-sidebar-active .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
        padding-left: 100px; }
      .menu-wrapper.layout-sidebar-active .layout-menu li > a > span {
        visibility: visible;
        white-space: normal; }
      .menu-wrapper.layout-sidebar-active .layout-menu li > a i.layout-submenu-toggler {
        visibility: visible; }
    .menu-wrapper.layout-sidebar-active .layout-menu-container {
      overflow: auto; } }

@media (max-width: 300px) {
  .layout-wrapper .menu-wrapper {
    top: 62px;
    z-index: 1010;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transform: translate3d(-230px, 0px, 0px);
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .layout-wrapper .menu-wrapper .sidebar-logo {
      display: none; }
    .layout-wrapper .menu-wrapper .layout-menu-container .layout-menu {
      max-width: 230px; }
  .layout-wrapper.layout-mobile-active {
    overflow: hidden;
    height: 100vh; }
    .layout-wrapper.layout-mobile-active .menu-wrapper {
      transform: translate3d(0px, 0px, 0px); }
      .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu {
        max-width: 230px; }
        .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li {
          min-width: 230px; }
          .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu > li > ul > li {
            margin-left: 10px;
            margin-right: 12px; }
        .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li a {
          padding-left: 20px; }
        .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li a {
          padding-left: 30px; }
        .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li a {
          padding-left: 40px; }
        .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li a {
          padding-left: 50px; }
        .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li a {
          padding-left: 60px; }
        .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li a {
          padding-left: 70px; }
        .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li a {
          padding-left: 80px; }
        .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li a {
          padding-left: 90px; }
        .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
          padding-left: 100px; }
        .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a > span {
          visibility: visible;
          white-space: normal; }
        .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu li > a i.layout-submenu-toggler {
          visibility: visible; }
      .layout-wrapper.layout-mobile-active .menu-wrapper .layout-menu-container {
        overflow: auto; }
    .layout-wrapper.layout-mobile-active .layout-mask {
      display: block; }
  .layout-wrapper .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button {
    display: block; } }

@media (min-width: 992px) {
  .layout-wrapper.layout-horizontal .menu-wrapper {
    top: 0px;
    width: 100%;
    height: 62px;
    position: relative; }
    .layout-wrapper.layout-horizontal .menu-wrapper .sidebar-logo {
      display: none; }
    .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container {
      height: 100%;
      display: flex;
      align-items: center; }
      .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu {
        list-style-type: none;
        margin: 0px 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 100%;
        overflow: visible; }
        .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler {
          -webkit-transform: rotate(-180deg);
          -moz-transform: rotate(-180deg);
          -o-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          transform: rotate(-180deg); }
        .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li {
          padding: 0;
          position: relative;
          margin: 0 9px; }
          .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li .layout-menu-tooltip {
            display: none; }
          .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a {
            margin: 0px;
            padding: 10px 5px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -moz-transition: all 0.2s;
            -o-transition: all 0.2s;
            -webkit-transition: all 0.2s;
            transition: all 0.2s; }
            .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a:before {
              display: none; }
            .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > span {
              margin: 0 8px;
              font-weight: 600;
              font-size: 12px;
              line-height: 14px;
              visibility: visible; }
            .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i {
              font-size: 14px; }
              .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li a > i.layout-submenu-toggler {
                -moz-transition: transform 0.2s;
                -o-transition: transform 0.2s;
                -webkit-transition: transform 0.2s;
                transition: transform 0.2s;
                margin-left: auto;
                font-size: 12px;
                visibility: visible; }
          .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div {
            display: none; }
          .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul {
            display: none;
            list-style-type: none;
            top: 44px;
            left: 0px;
            width: 230px;
            position: absolute;
            padding: 10px;
            margin: 0;
            z-index: 100;
            overflow: auto;
            max-height: 460px; }
            .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li {
              border: 0 none;
              margin: 0; }
              .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li a {
                padding-left: 20px; }
              .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li a {
                padding-left: 30px; }
              .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li a {
                padding-left: 40px; }
              .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li a {
                padding-left: 50px; }
              .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li a {
                padding-left: 60px; }
              .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li a {
                padding-left: 70px; }
              .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li a {
                padding-left: 80px; }
              .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li a {
                padding-left: 90px; }
              .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
                padding-left: 100px; }
  .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-left .menu-button-wrapper .menu-button {
    display: none; }
  .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item a {
    display: block; }
  .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > .search-input-wrapper {
    display: none; }
  .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem.search-item > ul {
    display: block;
    padding: 0;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; } }

@media (min-width: 992px) {
  .layout-wrapper.layout-slim .menu-wrapper {
    width: 62px;
    overflow: visible; }
    .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container {
      padding: 0; }
      .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu {
        overflow: visible; }
        .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip {
          display: none;
          padding: 0 .412px;
          position: absolute;
          left: 72px;
          top: 16px;
          line-height: 1;
          border-radius: 2px; }
          .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text {
            padding: 6px 8px;
            font-weight: 500;
            min-width: 75px;
            white-space: nowrap;
            text-align: center;
            -webkit-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16);
            -moz-box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16);
            box-shadow: 0 2px 10px 0 rgba(0, 3, 6, 0.16); }
          .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow {
            position: absolute;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            top: 50%;
            left: -4px;
            margin-top: -5px;
            border-width: 5px 5px 5px 0; }
        .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li {
          position: relative;
          padding-left: 12px;
          padding-right: 14px;
          padding: 10px 12px 10px 14px; }
          .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a {
            margin: 0px;
            padding: 6px;
            -moz-border-radius: 12px;
            -webkit-border-radius: 12px;
            border-radius: 12px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            -moz-transition: all 0.2s;
            -o-transition: all 0.2s;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
            position: relative;
            border: none; }
            .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:before {
              display: none; }
            .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a span {
              display: none; }
            .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i {
              margin-right: 0; }
              .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i.layout-submenu-toggler {
                display: none; }
            .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .menuitem-badge {
              display: none;
              margin-left: auto; }
            .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > a:hover + .layout-menu-tooltip {
              display: block; }
          .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
            position: absolute;
            top: 0;
            left: 62px;
            min-width: 250px;
            max-height: 450px;
            display: none;
            padding: 10px;
            overflow: auto; }
            .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li {
              margin: 0; }
              .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a {
                padding: 10px 5px; }
                .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > span {
                  visibility: visible; }
                .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a > i.layout-submenu-toggler {
                  visibility: visible; }
              .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li a {
                padding-left: 20px; }
              .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li a {
                padding-left: 30px; }
              .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li a {
                padding-left: 40px; }
              .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li a {
                padding-left: 50px; }
              .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li a {
                padding-left: 60px; }
              .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li a {
                padding-left: 70px; }
              .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li a {
                padding-left: 80px; }
              .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
                padding-left: 90px; }
              .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
                padding-left: 100px; }
          .layout-wrapper.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover + .layout-menu-tooltip {
            display: none; }
  .layout-wrapper.layout-slim .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo {
    display: none; }
  .layout-wrapper.layout-slim .layout-main {
    padding-left: 62px; } }

.layout-menu-dark .menu-wrapper {
  background-color: #293241;
  box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); }
  .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a {
    color: #E9E9E9; }
    .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover {
      color: #44A0E1;
      color: var(--primaryLightColor); }
  .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a {
    color: #44A0E1;
    color: var(--primaryLightColor); }
    .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before {
      background-color: #44A0E1;
      background-color: var(--primaryLightColor); }
  .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem {
    background-color: #293241; }
    .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a {
      background-color: #293241;
      color: #44A0E1;
      color: var(--primaryLightColor); }
  .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a {
    color: rgba(233, 233, 233, 0.8); }
    .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover {
      background-color: rgba(68, 160, 225, 0.2);
      background-color: var(--primaryLighterColor); }
  .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
    color: #44A0E1;
    color: var(--primaryLightColor); }
    .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before {
      background-color: #44A0E1;
      background-color: var(--primaryLightColor); }

@media (min-width: 992px) {
  .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a {
    color: #E9E9E9; }
    .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover {
      color: #44A0E1;
      color: var(--primaryLightColor); }
  .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a {
    color: #44A0E1;
    color: var(--primaryLightColor); }
    .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before {
      background-color: #44A0E1;
      background-color: var(--primaryLightColor); }
  .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem {
    background-color: rgba(68, 160, 225, 0.2);
    background-color: var(--primaryLighterColor); }
    .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a {
      background-color: rgba(68, 160, 225, 0.1);
      background-color: var(--primaryLighterColor);
      color: #E9E9E9; }
  .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a {
    color: rgba(233, 233, 233, 0.8); }
    .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover {
      background-color: rgba(68, 160, 225, 0.1);
      background-color: var(--primaryLighterColor); }
  .layout-menu-dark .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
    color: #E9E9E9; }
  .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a {
    color: #E9E9E9; }
    .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover {
      color: #44A0E1;
      color: var(--primaryLightColor); }
  .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a {
    color: #44A0E1;
    color: var(--primaryLightColor); }
    .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before {
      background-color: #44A0E1;
      background-color: var(--primaryLightColor); }
  .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem {
    background-color: rgba(68, 160, 225, 0.2);
    background-color: var(--primaryLighterColor); }
    .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a {
      background-color: rgba(68, 160, 225, 0.1);
      background-color: var(--primaryLighterColor);
      color: #E9E9E9; }
  .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a {
    color: rgba(233, 233, 233, 0.8); }
    .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover {
      background-color: rgba(68, 160, 225, 0.1);
      background-color: var(--primaryLighterColor); }
  .layout-menu-dark.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
    color: #E9E9E9; }
  .layout-menu-dark.layout-horizontal .menu-wrapper {
    box-shadow: none; }
    .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a {
      color: #E9E9E9; }
      .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover {
        color: #44A0E1;
        color: var(--primaryLightColor); }
    .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a {
      background-color: rgba(68, 160, 225, 0.2);
      background-color: var(--primaryLighterColor);
      color: var(--primaryLightColor); }
      .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i {
        color: #44A0E1;
        color: var(--primaryLightColor); }
      .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover {
        color: #44A0E1;
        color: var(--primaryLightColor); }
    .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul {
      background-color: #293241;
      box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); }
      .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a {
        color: rgba(233, 233, 233, 0.8); }
        .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover {
          background-color: rgba(68, 160, 225, 0.2);
          background-color: var(--primaryLighterColor); }
      .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
        color: #44A0E1;
        color: var(--primaryLightColor); }
  .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip {
    background-color: #293241; }
    .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text {
      color: #ffffff; }
    .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow {
      border-right-color: #293241; }
  .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a {
    background-color: rgba(68, 160, 225, 0.2);
    background-color: var(--primaryLighterColor);
    color: #44A0E1;
    color: var(--primaryLightColor); }
    .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i {
      color: #44A0E1;
      color: var(--primaryLightColor); }
    .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover {
      color: #44A0E1;
      color: var(--primaryLightColor); }
  .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06);
    background-color: #293241; }
    .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a {
      color: rgba(233, 233, 233, 0.8); }
      .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover {
        background-color: rgba(68, 160, 225, 0.2);
        background-color: var(--primaryLighterColor); }
    .layout-menu-dark.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
      color: #44A0E1;
      color: var(--primaryLightColor); } }

@media (max-width: 991px) {
  .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a {
    color: #E9E9E9; }
    .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > a:hover {
      color: #44A0E1;
      color: var(--primaryLightColor); }
  .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a {
    color: #44A0E1;
    color: var(--primaryLightColor); }
    .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before {
      background-color: #44A0E1;
      background-color: var(--primaryLightColor); }
  .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem {
    background-color: rgba(68, 160, 225, 0.2);
    background-color: var(--primaryLighterColor); }
    .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a {
      background-color: rgba(68, 160, 225, 0.1);
      background-color: var(--primaryLighterColor);
      color: #E9E9E9; }
  .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a {
    color: rgba(233, 233, 233, 0.8); }
    .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover {
      background-color: rgba(68, 160, 225, 0.1);
      background-color: var(--primaryLighterColor); }
  .layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
    color: #E9E9E9; } }

.layout-menu-light .menu-wrapper {
  background-color: #ffffff;
  box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); }
  .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a {
    color: #293241; }
    .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover {
      color: #44A0E1;
      color: var(--primaryColor); }
  .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a {
    color: #44A0E1;
    color: var(--primaryColor); }
    .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before {
      background-color: #44A0E1;
      background-color: var(--primaryColor); }
  .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem {
    background-color: #ffffff; }
    .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a {
      background-color: #ffffff;
      color: #44A0E1;
      color: var(--primaryColor); }
  .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a {
    color: rgba(41, 50, 65, 0.7); }
    .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover {
      background-color: rgba(68, 160, 225, 0.2);
      background-color: var(--primaryLighterColor); }
  .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
    color: #44A0E1;
    color: var(--primaryColor); }
    .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a::before {
      background-color: #44A0E1;
      background-color: var(--primaryColor); }

@media (min-width: 992px) {
  .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a {
    color: #293241; }
    .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > a:hover {
      color: #44A0E1;
      color: var(--primaryColor); }
  .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a {
    color: #44A0E1;
    color: var(--primaryColor); }
    .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li.active-menuitem > a::before {
      background-color: #44A0E1;
      background-color: var(--primaryColor); }
  .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem {
    background-color: rgba(68, 160, 225, 0.2);
    background-color: var(--primaryLighterColor); }
    .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a {
      background-color: rgba(68, 160, 225, 0.1);
      background-color: var(--primaryLighterColor);
      color: #293241; }
  .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a {
    color: rgba(41, 50, 65, 0.7); }
    .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li a:hover {
      background-color: rgba(68, 160, 225, 0.1);
      background-color: var(--primaryLighterColor); }
  .layout-menu-light .menu-wrapper.layout-sidebar-active .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
    color: #293241; }
  .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a {
    color: #293241; }
    .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > a:hover {
      color: #44A0E1;
      color: var(--primaryColor); }
  .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a {
    color: #44A0E1;
    color: var(--primaryColor); }
    .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before {
      background-color: #44A0E1;
      background-color: var(--primaryColor); }
  .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem {
    background-color: rgba(68, 160, 225, 0.2);
    background-color: var(--primaryLighterColor); }
    .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a {
      background-color: rgba(68, 160, 225, 0.1);
      background-color: var(--primaryLighterColor);
      color: #293241; }
  .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a {
    color: rgba(41, 50, 65, 0.7); }
    .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover {
      background-color: rgba(68, 160, 225, 0.1);
      background-color: var(--primaryLighterColor); }
  .layout-menu-light.layout-static .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
    color: #293241; }
  .layout-menu-light.layout-horizontal .menu-wrapper {
    box-shadow: none; }
    .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a {
      color: #293241; }
      .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a:hover {
        color: #44A0E1;
        color: var(--primaryColor); }
    .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a {
      background-color: rgba(68, 160, 225, 0.2);
      background-color: var(--primaryLighterColor);
      color: var(--primaryColor); }
      .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i {
        color: #44A0E1;
        color: var(--primaryColor); }
      .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover {
        color: #44A0E1;
        color: var(--primaryColor); }
    .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul {
      background-color: #ffffff;
      box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); }
      .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a {
        color: rgba(41, 50, 65, 0.7); }
        .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover {
          background-color: rgba(68, 160, 225, 0.2);
          background-color: var(--primaryLighterColor); }
      .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
        color: #44A0E1;
        color: var(--primaryColor); }
  .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip {
    background-color: #293241; }
    .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text {
      color: #ffffff; }
    .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow {
      border-right-color: #293241; }
  .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a {
    background-color: rgba(68, 160, 225, 0.2);
    background-color: var(--primaryLighterColor);
    color: #44A0E1;
    color: var(--primaryColor); }
    .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a i {
      color: #44A0E1;
      color: var(--primaryColor); }
    .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a:hover {
      color: #44A0E1;
      color: var(--primaryColor); }
  .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul {
    box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06);
    background-color: #ffffff; }
    .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a {
      color: rgba(41, 50, 65, 0.7); }
      .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover {
        background-color: rgba(68, 160, 225, 0.2);
        background-color: var(--primaryLighterColor); }
    .layout-menu-light.layout-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
      color: #44A0E1;
      color: var(--primaryColor); } }

@media (max-width: 991px) {
  .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a {
    color: #293241; }
    .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > a:hover {
      color: #44A0E1;
      color: var(--primaryColor); }
  .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a {
    color: #44A0E1;
    color: var(--primaryColor); }
    .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a::before {
      background-color: #44A0E1;
      background-color: var(--primaryColor); }
  .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem {
    background-color: rgba(68, 160, 225, 0.2);
    background-color: var(--primaryLighterColor); }
    .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.active-menuitem > a {
      background-color: rgba(68, 160, 225, 0.1);
      background-color: var(--primaryLighterColor);
      color: #293241; }
  .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a {
    color: rgba(41, 50, 65, 0.7); }
    .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover {
      background-color: rgba(68, 160, 225, 0.1);
      background-color: var(--primaryLighterColor); }
  .layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
    color: #293241; } }

.layout-breadcrumb {
  background-color: transparent;
  border-bottom: solid 1px #D4D6D9;
  padding: 12px 36px;
  display: -ms-flexbox;
  display: flex;
  height: 38px;
  align-items: center;
  justify-content: space-between; }
  .layout-breadcrumb .breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .layout-breadcrumb .breadcrumb .route-bar-breadcrumb {
      list-style: none;
      display: -ms-flexbox;
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 0; }
      .layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li {
        padding: 0;
        padding-right: 12px;
        font-size: 12px;
        font-weight: normal;
        color: rgba(41, 50, 65, 0.5); }
        .layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li i {
          font-size: 10px; }
        .layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li .ui-link {
          color: rgba(41, 50, 65, 0.8);
          -moz-transition: color 0.2s;
          -o-transition: color 0.2s;
          -webkit-transition: color 0.2s;
          transition: color 0.2s;
          font-size: 12px; }
          .layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li .ui-link:hover {
            color: #44A0E1; }

@media (max-width: 992px) {
  .layout-breadcrumb {
    padding: 12px 13px; } }

.layout-rightpanel {
  position: fixed;
  z-index: 1000;
  right: 0;
  top: 62px;
  height: calc(100% - 62px);
  padding: 0;
  width: 418px;
  overflow: auto;
  background-color: #F7FAFF;
  transform: translate3d(418px, 0px, 0px);
  -moz-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
  transition: transform 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06); }
  .layout-rightpanel .rightpanel-wrapper {
    padding: 22px 20px 40px; }
    .layout-rightpanel .rightpanel-wrapper .rightpanel-section {
      padding: 16px 0; }
      .layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 16px; }
        .layout-rightpanel .rightpanel-wrapper .rightpanel-section .section-header > h6 {
          margin: 0; }
      .layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 14px 16px;
        background-image: url("#{resource['demo:images/rightpanel/asset-weather.png']}");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06);
        -moz-box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06);
        box-shadow: 0px 10px 40 rgba(41, 50, 65, 0.06);
        color: rgba(41, 50, 65, 0.8); }
        .layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather > img {
          height: 60px; }
        .layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info {
          margin-left: 16px; }
          .layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h6 {
            margin: 0 0 2px; }
          .layout-rightpanel .rightpanel-wrapper .rightpanel-section.weather-section .weather .weather-info h1 {
            margin: 0; }
      .layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul {
        padding: 0;
        margin: 0;
        list-style: none;
        overflow: auto;
        max-height: 320px; }
        .layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li {
          padding: 16px;
          -moz-border-radius: 8px;
          -webkit-border-radius: 8px;
          border-radius: 8px;
          background-color: #ffffff;
          margin-bottom: 12px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info h6 {
            color: #3E4754;
            margin: 0 0 4px; }
          .layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li .task-info > span {
            display: block;
            font-weight: 500;
            font-size: 14px;
            line-height: 140%;
            color: rgba(41, 50, 65, 0.5); }
          .layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done {
            opacity: 0.5; }
            .layout-rightpanel .rightpanel-wrapper .rightpanel-section.tasks-section > ul > li.done .task-info h6 {
              text-decoration: line-through; }
      .layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        flex-wrap: wrap;
        margin: -7px; }
        .layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center;
          -moz-border-radius: 12px;
          -webkit-border-radius: 12px;
          border-radius: 12px;
          box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2);
          width: 80px;
          height: 80px;
          background-color: #ffffff;
          margin: 7px;
          -moz-transition: background-color 0.2s;
          -o-transition: background-color 0.2s;
          -webkit-transition: background-color 0.2s;
          transition: background-color 0.2s; }
          .layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .favorite-item:hover {
            background-color: #F7F7F8; }
        .layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center;
          -moz-border-radius: 12px;
          -webkit-border-radius: 12px;
          border-radius: 12px;
          width: 80px;
          height: 80px;
          margin: 7px;
          border: 1px dashed #D4D6D9;
          color: #D4D6D9;
          -moz-transition: background-color 0.2s;
          -o-transition: background-color 0.2s;
          -webkit-transition: background-color 0.2s;
          transition: background-color 0.2s; }
          .layout-rightpanel .rightpanel-wrapper .rightpanel-section.favorites-section .favorite-items .add-item:hover {
            background-color: #F7F7F8; }
      .layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section {
        margin-top: 40px; }
        .layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel {
          height: 400px; }
          .layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat {
            height: 400px; }
            .layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade {
              background-image: linear-gradient(180deg, #F7FAFF 0%, rgba(234, 237, 243, 0) 100%); }
            .layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content {
              max-height: 400px; }
              .layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message {
                background-color: #ffffff; }
            .layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts {
              max-height: 400px; }
              .layout-rightpanel .rightpanel-wrapper .rightpanel-section.chat-section .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover {
                background-color: #ffffff; }

.layout-wrapper.layout-rightpanel-active .layout-rightpanel {
  transform: translate3d(0px, 0px, 0px); }

@media (max-width: 576px) {
  .layout-rightpanel {
    width: 100%;
    transform: translate3d(100%, 0px, 0px); } }

.layout-footer {
  padding: 0px 0px 0px 100px;
  background-color: #F2F4F6; }
  .layout-footer .footer-menutitle {
    color: white;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    min-height: 15px;
    display: block;
    margin-bottom: 9px; }
  .layout-footer .footer-subtitle {
    font-weight: 500;
    font-size: 14px;
    display: block;
    color: rgba(41, 50, 65, 0.5); }
  .layout-footer ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .layout-footer ul > li {
      padding: 7px 0; }
      .layout-footer ul > li > a {
        color: black;
        -moz-transition: color 0.2s;
        -o-transition: color 0.2s;
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
        /*&:hover {
                    color:$textShade300;
                }*/ }
  .layout-footer .newsletter-input {
    margin-top: 16px;
    background-color: #ffffff;
    position: relative;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; }
    .layout-footer .newsletter-input > input {
      width: 100%;
      background-color: transparent;
      border: none;
      padding: 11px 16px;
      -moz-border-radius: 12px;
      -webkit-border-radius: 12px;
      border-radius: 12px;
      font-size: 14px;
      line-height: 200%; }
    .layout-footer .newsletter-input > button {
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      position: absolute;
      right: 6px;
      top: 50%;
      margin-top: -16px;
      padding: 0px; }
      .layout-footer .newsletter-input > button > span {
        display: block;
        padding: 0;
        width: 100%;
        font-weight: 600;
        font-size: 14px; }
  .layout-footer .footer-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .layout-footer .footer-bottom h4 {
      line-height: 22px;
      margin: 0;
      margin-right: 32px; }
    .layout-footer .footer-bottom h6 {
      line-height: 17px;
      margin: 0;
      color: rgba(41, 50, 65, 0.5);
      font-weight: 500; }

/* Utils */
.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

.card {
  background: #ffffff;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 2rem; }
  .card:last-child {
    margin-bottom: 0; }
  .card .card-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 16px; }
    .card .card-header h6 {
      margin-bottom: 2px; }
    .card .card-header .subtitle {
      font-weight: 600;
      color: rgba(41, 50, 65, 0.5); }
  .card .card-subtitle {
    color: rgba(41, 50, 65, 0.5);
    font-weight: 600;
    margin: -1rem 0 1rem 0; }
  .card.no-gutter {
    margin-bottom: 0; }

.nopad {
  padding: 0; }
  .nopad .ui-panel-content {
    padding: 0; }

.ui-g {
  -ms-flex-wrap: wrap; }

.p-sr-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important; }

.ui-text-secondary {
  color: rgba(41, 50, 65, 0.5); }

.layout-wrapper .layout-ajax-loader {
  position: absolute;
  right: 15px;
  bottom: 70px; }
  .layout-wrapper .layout-ajax-loader .layout-ajax-loader-icon {
    color: red;
    font-size: 32px; }

.layout-dashboard .chart {
  overflow: auto; }

.layout-dashboard .mobile-teams {
  display: none; }

@media (max-width: 1200px) {
  .layout-dashboard .desktop-teams {
    display: none; }
  .layout-dashboard .mobile-teams {
    display: block; }
    .layout-dashboard .mobile-teams .team {
      height: 100%;
      flex-direction: column;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .layout-dashboard .mobile-teams .team .peoples {
        margin: 12px -8px; } }

.overview-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 24px;
  height: 100%;
  min-width: 200px; }
  .overview-box .overview-info > h6 {
    margin: 0 0 2px; }
  .overview-box .overview-info > h1 {
    margin: 0; }
  .overview-box > i {
    font-size: 24px; }
  .overview-box.white {
    background: #FFFFFF;
    color: rgba(41, 50, 65, 0.8); }
  .overview-box.blue {
    background: #69B7FF;
    color: #FFFFFF; }
  .overview-box.gray {
    background: rgba(41, 50, 65, 0.4);
    color: #FFFFFF; }
  .overview-box.darkgray {
    background: rgba(41, 50, 65, 0.8);
    color: #FFFFFF; }
  .overview-box.orange {
    background: linear-gradient(90deg, #FFB340 0%, #FFA740 100%);
    color: #FFFFFF; }

.timeline {
  padding-right: 4px; }
  .timeline > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height: 372px;
    overflow: auto; }
    .timeline > ul > li {
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 16px; }
      .timeline > ul > li > i {
        font-size: 8px;
        margin-right: 10px;
        margin-top: 4px; }
      .timeline > ul > li .event-content span {
        display: block;
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 12px;
        color: rgba(41, 50, 65, 0.5); }
        .timeline > ul > li .event-content span.event-title {
          color: #3E4754; }
        .timeline > ul > li .event-content span.time {
          font-size: 8px;
          font-weight: 400;
          color: rgba(41, 50, 65, 0.5); }
      .timeline > ul > li.blue > i {
        color: #297FFF; }
      .timeline > ul > li.green > i {
        color: #34B56F; }
      .timeline > ul > li.orange > i {
        color: #FFA928; }

.device-status .content {
  color: rgba(41, 50, 65, 0.5);
  line-height: 1.4;
  margin-bottom: 20px; }

.device-status .progress {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
  color: rgba(41, 50, 65, 0.5); }
  .device-status .progress > span {
    min-width: 40px; }
  .device-status .progress .ui-progressbar {
    width: 100%;
    margin: 0 12px;
    background: rgba(41, 127, 255, 0.2);
    background: var(--primaryLighterColor); }
    .device-status .progress .ui-progressbar .ui-progressbar-value {
      background: rgba(41, 127, 255, 0.2);
      background: var(--primaryColor);
      opacity: 0.8; }
  .device-status .progress.active .ui-progressbar {
    width: 100%;
    margin: 0 12px;
    background: rgba(41, 127, 255, 0.2);
    background: var(--primaryLighterColor); }
    .device-status .progress.active .ui-progressbar .ui-progressbar-value {
      background: linear-gradient(270deg, #42BBFF 0%, #6129FF 100%);
      background: linear-gradient(270deg, var(--primaryLighterColor) 0%, var(--primaryColor) 100%);
      opacity: 0.8; }

.device-status .device {
  margin-bottom: 16px; }
  .device-status .device span {
    color: #44A0E1;
    color: var(--primaryColor);
    font-size: 14px;
    font-weight: 600; }
    .device-status .device span > span {
      font-size: 8px;
      font-weight: normal; }
    .device-status .device span.status {
      font-size: 12px;
      color: rgba(41, 50, 65, 0.5);
      margin-top: 4px;
      display: block; }

.team {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .team .card-header {
    padding: 0;
    min-width: 70px; }
  .team .peoples {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap; }
    .team .peoples > img {
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      margin: 8px 8px;
      width: 32px;
      height: 32px; }
    .team .peoples .no-picture {
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      margin: 8px 8px;
      width: 32px;
      height: 32px;
      background: rgba(41, 50, 65, 0.1);
      color: rgba(41, 50, 65, 0.8);
      font-size: 12px;
      -moz-transition: background 0.2s;
      -o-transition: background 0.2s;
      -webkit-transition: background 0.2s;
      transition: background 0.2s; }
      .team .peoples .no-picture:hover {
        background: rgba(41, 50, 65, 0.2); }

.map {
  padding: 0; }
  .map > img {
    width: 100%;
    height: auto;
    border-radius: 24px 24px 12px 12px; }
  .map .map-content {
    padding: 50px 20px 28px; }
    .map .map-content h6 {
      margin: 0 0 16px; }
    .map .map-content .city {
      margin-bottom: 16px; }
      .map .map-content .city span {
        color: #44A0E1;
        color: var(--primaryColor);
        font-size: 14px;
        font-weight: 600; }
        .map .map-content .city span > span {
          font-size: 8px;
          font-weight: normal; }
        .map .map-content .city span.status {
          font-size: 12px;
          color: rgba(41, 50, 65, 0.5);
          margin-top: 4px;
          display: block; }

.schedule > p {
  color: rgba(41, 50, 65, 0.5); }

.schedule > ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .schedule > ul > li {
    background: #F7F7F8;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 5px 16px 12px; }
    .schedule > ul > li .schedule-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center; }
      .schedule > ul > li .schedule-header h6 {
        line-height: 24px;
        margin: 0; }
      .schedule > ul > li .schedule-header span {
        color: rgba(41, 50, 65, 0.5);
        font-weight: 600;
        font-size: 10px;
        line-height: 14px; }
    .schedule > ul > li > span {
      margin-top: 4px;
      color: rgba(41, 50, 65, 0.5);
      display: block;
      font-size: 12px;
      line-height: 14px; }

.statistics .statistic-item .item-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4px; }
  .statistics .statistic-item .item-title span {
    display: block;
    margin-right: 12px; }
  .statistics .statistic-item .item-title h5 {
    margin: 0;
    font-weight: 700; }

.statistics .statistic-item h6 {
  margin: 0;
  font-weight: 600;
  color: rgba(41, 50, 65, 0.5); }

.stocks ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .stocks ul > li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #F7FAFF;
    padding: 0;
    margin: 0 0 12px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden; }
    .stocks ul > li .stock-name {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #EEF5FF;
      padding: 18px 10px;
      min-width: 70px;
      margin-right: 4px; }
      .stocks ul > li .stock-name h6 {
        margin: 0;
        color: rgba(41, 50, 65, 0.8);
        line-height: 17px;
        font-weight: 600; }
    .stocks ul > li > img {
      margin: 0 4px;
      height: 25px; }
    .stocks ul > li .stock-price {
      padding: 0 10px;
      color: #34B56F;
      margin: 0 4px; }
      .stocks ul > li .stock-price h6 {
        line-height: 17px;
        font-weight: 600;
        display: inline-block; }
      .stocks ul > li .stock-price i {
        display: inline-block; }
    .stocks ul > li .stock-status {
      margin-left: 4px;
      padding: 0 20px; }
      .stocks ul > li .stock-status span {
        display: block;
        font-weight: 600;
        font-size: 10px;
        line-height: 12px;
        color: rgba(41, 50, 65, 0.5); }
    .stocks ul > li.down .stock-price {
      color: #FF6E49; }
    .stocks ul > li.same .stock-price {
      color: #FFA928; }

.stocks > .ui-button {
  width: 100%;
  margin-top: 30px; }

.operations {
  overflow: auto; }
  .operations .insights {
    padding: 16px 15px;
    background-color: rgba(41, 127, 255, 0.04);
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    margin: 12px 0 16px; }
    .operations .insights .insight-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 5px; }
      .operations .insights .insight-header h6 {
        margin: 0 6px; }
    .operations .insights > ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .operations .insights > ul > li {
        margin: 8px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: rgba(41, 50, 65, 0.5); }
        .operations .insights > ul > li span {
          font-weight: 600; }
          .operations .insights > ul > li span > span {
            font-size: 8px;
            line-height: 10px;
            font-weight: normal; }
  .operations > button {
    width: 100%; }

.notification {
  padding: 30px 24px;
  background-color: #ffffff;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px; }
  .notification > h6 {
    margin: 0;
    color: rgba(41, 50, 65, 0.8); }
    .notification > h6 > a {
      margin-left: 10px; }
      .notification > h6 > a i {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }

.chat .ui-tabs.ui-tabs-top .ui-tabs-nav {
  background-color: transparent;
  margin: 0 -10px; }
  .chat .ui-tabs.ui-tabs-top .ui-tabs-nav:before {
    display: none; }
  .chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header {
    padding: 9px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin: 0 10px;
    border: none; }
    .chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a {
      position: relative;
      width: 52px;
      height: 52px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #D0D6DD;
      cursor: pointer;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      color: #44A0E1;
      color: var(--primaryColor); }
      .chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a img {
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px; }
      .chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header a .ui-badge {
        position: absolute;
        bottom: -5px;
        right: -5px; }
    .chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active {
      padding: 0 0 9px;
      border: none; }
      .chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active a {
        box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.16), 0px 1px 2px rgba(41, 50, 65, 0.04), 0px 6px 12px rgba(41, 50, 65, 0.24); }
      .chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-active:before {
        content: '';
        width: 12px;
        height: 2px;
        background: #44A0E1;
        background: var(--primaryColor);
        border-radius: 3px;
        position: absolute;
        bottom: 0px; }
    .chat .ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header.ui-state-hover {
      border: none;
      padding: 0 0 9px; }

.chat .ui-tabs.ui-tabs-top .ui-tabs-panels {
  background-color: transparent;
  border: none;
  padding: 16px 0 0; }
  .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel {
    padding: 0;
    height: 350px; }
    .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: 350px; }
      .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .fade {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 44px;
        background-image: linear-gradient(180deg, #ffffff 0%, rgba(234, 237, 243, 0) 100%); }
      .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content {
        max-height: 400px;
        overflow: auto;
        padding: 30px 6px 12px;
        flex: 1 1 auto; }
        .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message {
          display: -ms-flexbox;
          display: flex;
          flex-direction: column; }
          .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .name {
            display: block;
            color: rgba(41, 50, 65, 0.5);
            font-weight: 600;
            font-size: 10px;
            line-height: 14px; }
          .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message {
            max-width: 250px;
            padding: 8px 10px;
            box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2);
            -moz-border-radius: 12px;
            -webkit-border-radius: 12px;
            border-radius: 12px;
            background-color: #F7FAFF;
            margin-bottom: 8px; }
            .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message p {
              padding: 0;
              margin: 0 0 2px;
              color: rgba(41, 50, 65, 0.8); }
            .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message .message span {
              display: block;
              font-weight: 600;
              font-size: 10px;
              line-height: 14px;
              color: rgba(41, 50, 65, 0.5); }
          .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send {
            -ms-flex-align: end;
            align-items: flex-end; }
            .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content .chat-message.send .message span {
              text-align: right; }
        .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-content.no-message h4 {
            color: rgba(41, 50, 65, 0.5); }
      .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts {
        flex: 1 1 auto;
        max-height: 400px;
        overflow: auto;
        padding: 0px 0 12px; }
        .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul {
          padding: 0;
          margin: 0;
          list-style: none; }
          .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 6px;
            -moz-transition: all 0.2s;
            -o-transition: all 0.2s;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
            cursor: pointer;
            padding: 8px 10px;
            -moz-border-radius: 12px;
            -webkit-border-radius: 12px;
            border-radius: 12px; }
            .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li img {
              margin-right: 12px;
              -moz-border-radius: 20px;
              -webkit-border-radius: 20px;
              border-radius: 20px; }
            .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li h6 {
              margin: 0 0 2px;
              color: rgba(41, 50, 65, 0.8); }
            .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li span {
              display: block;
              color: rgba(41, 50, 65, 0.5);
              font-weight: 600;
              font-size: 10px;
              line-height: 14px; }
            .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .contacts ul > li:hover {
              background-color: #F7FAFF; }
      .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input {
        margin-top: 30px; }
        .chat .ui-tabs.ui-tabs-top .ui-tabs-panels .ui-tabs-panel .chat .chat-input input {
          width: 100%;
          -moz-border-radius: 24px;
          -webkit-border-radius: 24px;
          border-radius: 24px;
          padding: 20px 19px;
          background-color: #F7F7F8;
          border: none; }

.image-card {
  padding: 0;
  position: relative; }
  .image-card > span {
    position: absolute;
    right: 20px;
    top: 20px; }
  .image-card > img {
    width: 100%;
    height: auto;
    border-radius: 24px 24px 12px 12px; }
  .image-card .image-content {
    padding: 32px 20px 28px; }
    .image-card .image-content h6 {
      margin: 0 0 8px; }
    .image-card .image-content > p {
      color: rgba(41, 50, 65, 0.5); }
    .image-card .image-content > button {
      margin-top: 32px;
      width: 100%; }

.login-body {
  background: #FFFFFF; }
  .login-body .login-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    height: 100vh; }
    .login-body .login-wrapper .login-panel {
      width: 30%;
      height: 100%;
      text-align: center;
      padding: 40px 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      flex: 1 1 100%; }
      .login-body .login-wrapper .login-panel .logo {
        margin-bottom: 50px; }
        .login-body .login-wrapper .login-panel .logo img {
          width: 45px;
          height: 53px; }
      .login-body .login-wrapper .login-panel > a {
        font-weight: 500;
        font-size: 10px;
        line-height: 12px;
        color: rgba(41, 50, 65, 0.3); }
      .login-body .login-wrapper .login-panel > p {
        font-weight: 500;
        margin: 0;
        color: rgba(41, 50, 65, 0.5);
        margin-top: 40px; }
        .login-body .login-wrapper .login-panel > p > a {
          color: #44A0E1;
          cursor: pointer; }
      .login-body .login-wrapper .login-panel > input {
        width: 85%;
        max-width: 247px;
        margin-bottom: 10px;
        background-color: #F6F7F7;
        border: 1.2px solid #D4D6D9;
        color: #515C66;
        padding: 12px 10px; }
        .login-body .login-wrapper .login-panel > input::placeholder {
          color: gba(41, 50, 65, 0.3); }
      .login-body .login-wrapper .login-panel > button {
        width: 85%;
        max-width: 247px;
        margin-bottom: 10px; }
        .login-body .login-wrapper .login-panel > button > span {
          padding: 15px 20px;
          display: block;
          font-weight: 600;
          font-size: 14px;
          line-height: 16px; }
    .login-body .login-wrapper .login-footer {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      padding-bottom: 70px; }
      .login-body .login-wrapper .login-footer h4 {
        line-height: 22px;
        margin: 0;
        margin-right: 32px; }
      .login-body .login-wrapper .login-footer h6 {
        line-height: 17px;
        margin: 0;
        color: rgba(41, 50, 65, 0.5);
        font-weight: 500; }

@media (max-width: 992px) {
  .login-body .login-wrapper .login-panel {
    width: 100%; } }

.exception-body .exception-topbar {
  height: 62px;
  background-color: #ffffff;
  box-shadow: 0 10px 40px 0 rgba(41, 50, 65, 0.06);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 16px; }
  .exception-body .exception-topbar .layout-topbar-logo > img {
    height: 15px; }

.exception-body .exception-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100vh - 62px); }
  .exception-body .exception-wrapper .exception-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    flex: 1 1 auto; }
    .exception-body .exception-wrapper .exception-content > span {
      font-weight: normal;
      font-size: 60px;
      line-height: 73px;
      text-align: center;
      display: block; }
  .exception-body .exception-wrapper .exception-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 70px; }
    .exception-body .exception-wrapper .exception-footer h4 {
      line-height: 22px;
      margin: 0;
      margin-right: 32px; }
    .exception-body .exception-wrapper .exception-footer h6 {
      line-height: 17px;
      margin: 0;
      color: rgba(41, 50, 65, 0.5);
      font-weight: 500; }

.exception-body.notfound .exception-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100vh - 62px); }
  .exception-body.notfound .exception-wrapper .exception-content {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    flex: 1 1 auto; }
    .exception-body.notfound .exception-wrapper .exception-content img {
      width: 332px;
      height: 271px;
      margin-bottom: -150px; }
    .exception-body.notfound .exception-wrapper .exception-content > span {
      font-size: 140px;
      line-height: 171px; }
      .exception-body.notfound .exception-wrapper .exception-content > span.exception-subtitle {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: rgba(41, 50, 65, 0.5); }
    .exception-body.notfound .exception-wrapper .exception-content > button {
      margin-top: 20px;
      width: 155px;
      -moz-border-radius: 12px;
      -webkit-border-radius: 12px;
      border-radius: 12px; }
      .exception-body.notfound .exception-wrapper .exception-content > button > span {
        padding: 18px;
        font-weight: 600; }

@media (max-width: 991px) {
  .exception-body .exception-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100vh - 62px); }
    .exception-body .exception-wrapper .exception-footer {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      padding-bottom: 20px; } }

.landing-body {
  background-color: #E5E5E5; }
  .landing-body .landing-topbar {
    height: 83px;
    background-color: #FFFFFF;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    z-index: 999;
    padding: 20px 40px;
    position: relative; }
    .landing-body .landing-topbar .landing-topbar-left {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
      .landing-body .landing-topbar .landing-topbar-left .logo {
        margin-right: 40px; }
        .landing-body .landing-topbar .landing-topbar-left .logo img {
          height: 16px;
          width: auto; }
      .landing-body .landing-topbar .landing-topbar-left > ul {
        list-style-type: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        padding: 0; }
        .landing-body .landing-topbar .landing-topbar-left > ul > li #landing-menu-close {
          display: none; }
        .landing-body .landing-topbar .landing-topbar-left > ul > li > a {
          font-weight: 600;
          font-size: 12px;
          line-height: 14px;
          color: rgba(41, 50, 65, 0.9);
          padding: 14px 10px;
          -moz-border-radius: 24px;
          -webkit-border-radius: 24px;
          border-radius: 24px;
          margin: 0 10px;
          min-width: 100px;
          -moz-transition: color 0.2s;
          -o-transition: color 0.2s;
          -webkit-transition: color 0.2s;
          transition: color 0.2s; }
          .landing-body .landing-topbar .landing-topbar-left > ul > li > a:hover {
            color: #44A0E1; }
    .landing-body .landing-topbar .landing-topbar-right .second-menubutton {
      margin-right: 20px;
      font-weight: 600;
      font-size: 12px;
      line-height: 14px;
      color: rgba(41, 50, 65, 0.9);
      padding: 14px 10px;
      -moz-border-radius: 24px;
      -webkit-border-radius: 24px;
      border-radius: 24px;
      min-width: 100px;
      -moz-transition: color 0.2s;
      -o-transition: color 0.2s;
      -webkit-transition: color 0.2s;
      transition: color 0.2s; }
      .landing-body .landing-topbar .landing-topbar-right .second-menubutton:hover {
        color: #44A0E1; }
    .landing-body .landing-topbar .landing-topbar-right .landing-button span {
      font-weight: 600;
      font-size: 12px;
      line-height: 14px; }
    .landing-body .landing-topbar .landing-topbar-right #landing-menu-button {
      display: none;
      padding: 0 8px;
      cursor: pointer; }
  .landing-body .landing-button {
    background: linear-gradient(108.43deg, #297FFF 12.5%, #7A0EE7 96.32%);
    border: none;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .landing-body .landing-button.ui-button > .ui-button-text {
      padding: 14px 10px;
      min-width: 121px;
      font-weight: 600;
      font-size: 16px;
      line-height: 19px;
      display: block; }
    .landing-body .landing-button > a .ui-button-text {
      padding: 14px 10px;
      min-width: 87px;
      font-weight: 600;
      font-size: 16px;
      line-height: 19px;
      display: block; }
    .landing-body .landing-button:hover {
      background: linear-gradient(108.43deg, #2f79e7 12.5%, #781cd4 96.32%); }
  .landing-body .landing-banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 303px 30px 218px;
    position: relative;
    transform-style: inherit;
    background: url("#{resource['freya-layout:images/pages/asset-landing-header.jpg']}");
    background-size: cover;
    height: 80vh; }
    .landing-body .landing-banner .landing-banner-content {
      text-align: center;
      position: relative; }
      .landing-body .landing-banner .landing-banner-content .title {
        display: block;
        font-weight: 500;
        font-size: 70px;
        line-height: 84px;
        color: #FFFFFF; }
      .landing-body .landing-banner .landing-banner-content h3 {
        margin: 40px 0 30px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 29px; }
  .landing-body .section-header {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column; }
    .landing-body .section-header .title {
      display: block;
      font-weight: 500;
      font-size: 70px;
      line-height: 84px;
      color: rgba(41, 50, 65, 0.9); }
    .landing-body .section-header h3 {
      margin: 15px 0 100px;
      color: rgba(41, 50, 65, 0.9);
      font-weight: 500;
      line-height: 29px;
      max-width: 800px; }
  .landing-body .landing-features {
    background-color: #FFFFFF;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding: 36px 6% 125px; }
    .landing-body .landing-features .p-lg-3 {
      transition: transform 250ms linear;
      -webkit-transition: transform 250ms linear; }
    .landing-body .landing-features .feature {
      display: -ms-flexbox;
      display: flex; }
      .landing-body .landing-features .feature > span {
        font-weight: 500;
        font-size: 20px;
        line-height: 20px;
        color: rgba(41, 50, 65, 0.8);
        margin-top: 30px;
        margin-right: 12px; }
      .landing-body .landing-features .feature .feature-card {
        -moz-border-radius: 36px;
        -webkit-border-radius: 36px;
        border-radius: 36px;
        padding: 28px 30px;
        display: -ms-flexbox;
        display: flex;
        width: 100%; }
        .landing-body .landing-features .feature .feature-card > span {
          display: none; }
        .landing-body .landing-features .feature .feature-card h3 {
          font-weight: 500;
          line-height: 36px;
          margin: 0 0 20px;
          color: rgba(41, 50, 65, 0.8); }
        .landing-body .landing-features .feature .feature-card h5 {
          margin: 0;
          font-weight: normal;
          line-height: 150%;
          color: rgba(41, 50, 65, 0.9);
          opacity: 0.8; }
      .landing-body .landing-features .feature.yellow .feature-card {
        padding-bottom: 128px;
        background: linear-gradient(197.55deg, #FFD37D -1.02%, #FFDB7D 46.53%); }
      .landing-body .landing-features .feature.blue .feature-card {
        padding-bottom: 67px;
        background: linear-gradient(156.18deg, #DAF4FF 38.02%, #CEDFFF 95.69%); }
      .landing-body .landing-features .feature.darker-blue .feature-card {
        padding-bottom: 164px;
        background: linear-gradient(165.84deg, #C1E9FF 42.24%, rgba(219, 242, 255, 0.23) 97.17%); }
      .landing-body .landing-features .feature.darker-gray .feature-card {
        padding-bottom: 109px;
        background: linear-gradient(176.91deg, rgba(41, 50, 65, 0.6) 50%, rgba(41, 50, 65, 0.282) 115.03%); }
        .landing-body .landing-features .feature.darker-gray .feature-card h3 {
          color: #FFFFFF; }
        .landing-body .landing-features .feature.darker-gray .feature-card h5 {
          color: #FFFFFF;
          opacity: 0.8; }
      .landing-body .landing-features .feature.gray .feature-card {
        padding-bottom: 50px;
        background: linear-gradient(11.49deg, rgba(41, 50, 65, 0.1) 60.37%, rgba(41, 50, 65, 0.026) 98.03%); }
  .landing-body .landing-pricing {
    background-color: #FFFFFF;
    position: relative;
    padding: 125px 15% 260px;
    text-align: center; }
    .landing-body .landing-pricing .pricing-card {
      background: #FFFFFF;
      box-shadow: 0px 0px 1px rgba(41, 50, 65, 0.5), 0px 1px 1px rgba(41, 50, 65, 0.2);
      -moz-border-radius: 24px;
      -webkit-border-radius: 24px;
      border-radius: 24px;
      padding: 30px 20px 33px;
      text-align: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      flex-direction: column;
      position: relative;
      margin-bottom: 60px; }
      .landing-body .landing-pricing .pricing-card .preferred-tag {
        padding: 14px 24px;
        background: linear-gradient(112.58deg, #FFD029 22.19%, #F1AF60 100%);
        box-shadow: 0px 10px 40px rgba(41, 50, 65, 0.06);
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        transform: rotate(-7.18deg);
        position: absolute;
        top: -32px;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 20px;
        line-height: 24px; }
      .landing-body .landing-pricing .pricing-card h2 {
        margin: 0 0 14px;
        color: rgba(41, 50, 65, 0.9); }
      .landing-body .landing-pricing .pricing-card .price {
        display: block;
        color: #2170E7;
        font-weight: bold;
        font-size: 80px;
        line-height: 95px; }
      .landing-body .landing-pricing .pricing-card .time {
        color: rgba(41, 50, 65, 0.5);
        font-size: 12px;
        line-height: 14px;
        display: block;
        margin-bottom: 32px; }
      .landing-body .landing-pricing .pricing-card > ul {
        padding: 42px 0 0;
        width: 100%;
        margin: 0;
        list-style: none;
        border-top: 1px solid rgba(41, 50, 65, 0.1); }
        .landing-body .landing-pricing .pricing-card > ul > li {
          font-size: 16px;
          line-height: 205.34%;
          color: rgba(41, 50, 65, 0.5); }
      .landing-body .landing-pricing .pricing-card.pro {
        background: linear-gradient(333.31deg, #EFF3FB 6.36%, #FFFFFF 72.79%); }
      .landing-body .landing-pricing .pricing-card.enterprise {
        background: linear-gradient(156.19deg, rgba(41, 50, 65, 0.8) 10.28%, rgba(35, 40, 49, 0.496) 87.74%); }
        .landing-body .landing-pricing .pricing-card.enterprise h2 {
          margin: 0 0 14px;
          color: #FFFFFF; }
        .landing-body .landing-pricing .pricing-card.enterprise .price {
          color: #FFFFFF; }
        .landing-body .landing-pricing .pricing-card.enterprise .time {
          color: #FFFFFF;
          opacity: 0.6; }
        .landing-body .landing-pricing .pricing-card.enterprise > ul {
          border-top: 1px solid rgba(255, 255, 255, 0.2); }
          .landing-body .landing-pricing .pricing-card.enterprise > ul > li {
            color: #FFFFFF; }
    .landing-body .landing-pricing > a {
      font-size: 24px;
      line-height: 29px;
      display: block; }
  .landing-body .layout-footer {
    background-color: #FFFFFF;
    position: relative; }
    .landing-body .layout-footer .footer-menutitle {
      color: rgba(41, 50, 65, 0.2); }
    .landing-body .layout-footer .footer-subtitle {
      color: rgba(41, 50, 65, 0.3); }
    .landing-body .layout-footer ul > li {
      color: rgba(41, 50, 65, 0.5); }
      .landing-body .layout-footer ul > li > a {
        color: rgba(41, 50, 65, 0.5); }
        .landing-body .layout-footer ul > li > a:hover {
          color: rgba(41, 50, 65, 0.3); }
    .landing-body .layout-footer .newsletter-input {
      background-color: rgba(41, 50, 65, 0.04); }
    .landing-body .layout-footer .footer-bottom {
      color: rgba(41, 50, 65, 0.7); }
      .landing-body .layout-footer .footer-bottom h6 {
        color: rgba(41, 50, 65, 0.5); }
  .landing-body .landing-mask {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 998; }

@media (max-width: 991px) {
  .landing-body.block-scroll {
    overflow: hidden; }
    .landing-body.block-scroll .landing-wrapper .landing-mask {
      display: block; }
  .landing-body .landing-wrapper.landing-menu-active .landing-topbar .landing-menu {
    transform: translate3d(0px, 0px, 0px); }
  .landing-body .landing-wrapper .landing-topbar {
    padding: 0 13px; }
    .landing-body .landing-wrapper .landing-topbar .landing-menu {
      position: fixed;
      flex-direction: column;
      -ms-flex-align: end;
      align-items: flex-end;
      right: 0;
      top: 0;
      padding: 28px 15px;
      z-index: 999;
      width: 220px;
      height: 100%;
      background-color: #EEF5FF;
      box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08);
      transform: translate3d(260px, 0px, 0px);
      -moz-transition: transform 0.2s;
      -o-transition: transform 0.2s;
      -webkit-transition: transform 0.2s;
      transition: transform 0.2s; }
      .landing-body .landing-wrapper .landing-topbar .landing-menu > li {
        margin: 0;
        width: 100%;
        margin-bottom: 12px; }
        .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a {
          padding: 6px 16px;
          font-size: 14px;
          text-align: right;
          background-color: #EEF5FF;
          display: block;
          color: rgba(41, 50, 65, 0.9); }
          .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a:hover {
            color: rgba(41, 50, 65, 0.6); }
        .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close {
          display: block;
          font-size: 20px;
          text-align: right;
          color: rgba(41, 50, 65, 0.9); }
          .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close:hover {
            color: rgba(41, 50, 65, 0.6); }
    .landing-body .landing-wrapper .landing-topbar #landing-menu-button {
      display: block;
      color: rgba(41, 50, 65, 0.9);
      font-size: 20px; }
    .landing-body .landing-wrapper .landing-topbar .landing-topbar-right {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
      .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .second-menubutton {
        display: none; }
      .landing-body .landing-wrapper .landing-topbar .landing-topbar-right .landing-button {
        margin-right: 20px; }
  .landing-body .landing-wrapper .landing-banner {
    background-position: top;
    padding: 80px 23px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: auto;
    top: auto !important; }
    .landing-body .landing-wrapper .landing-banner .landing-banner-content {
      text-align: left;
      max-width: 262px;
      top: auto !important; }
      .landing-body .landing-wrapper .landing-banner .landing-banner-content > span {
        font-size: 60px;
        line-height: 91.84%; }
      .landing-body .landing-wrapper .landing-banner .landing-banner-content > h3 {
        font-size: 18px;
        line-height: 130%; }
  .landing-body .landing-wrapper .landing-features {
    padding: 36px 20px 30px; }
    .landing-body .landing-wrapper .landing-features .p-lg-3 {
      transform: translateY(0) !important;
      margin-top: auto !important; }
    .landing-body .landing-wrapper .landing-features .feature-empty {
      display: none; }
    .landing-body .landing-wrapper .landing-features .feature-3 {
      margin-top: auto; }
    .landing-body .landing-wrapper .landing-features .feature-4 {
      margin-top: auto; }
    .landing-body .landing-wrapper .landing-features .feature > span {
      display: none; }
    .landing-body .landing-wrapper .landing-features .feature .feature-card {
      padding-bottom: 28px !important; }
      .landing-body .landing-wrapper .landing-features .feature .feature-card > span {
        font-weight: 500;
        font-size: 20px;
        line-height: 20px;
        color: rgba(41, 50, 65, 0.8);
        margin-right: 12px;
        margin-top: 8px;
        display: block; }
    .landing-body .landing-wrapper .landing-features .feature.blue .feature-card {
      flex-direction: row-reverse;
      text-align: right; }
      .landing-body .landing-wrapper .landing-features .feature.blue .feature-card > span {
        margin-right: 0px;
        margin-left: 12px; }
    .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card {
      flex-direction: row-reverse;
      text-align: right; }
      .landing-body .landing-wrapper .landing-features .feature.darker-gray .feature-card > span {
        color: #FFFFFF;
        float: right;
        margin-right: 0px;
        margin-left: 12px; }
  .landing-body .landing-wrapper .section-header .title {
    font-size: 60px;
    line-height: 72px; }
  .landing-body .landing-wrapper .section-header h3 {
    font-size: 18px;
    line-height: 130%; }
  .landing-body .landing-wrapper .landing-pricing {
    padding: 30px 20px 97px; }
    .landing-body .landing-wrapper .landing-pricing .pricing-card {
      margin-bottom: 20px; }
      .landing-body .landing-wrapper .landing-pricing .pricing-card > ul {
        display: none; }
    .landing-body .landing-wrapper .landing-pricing .preferred {
      order: -1 !important; }
      .landing-body .landing-wrapper .landing-pricing .preferred .pricing-card > ul {
        display: block; } }

.help-page p {
  margin: 0; }

.help-page .help-search {
  background-image: url("#{resource['freya-layout:images/pages/search.png']}");
  padding: 0;
  text-align: center; }
  .help-page .help-search .help-search-content {
    padding: 5rem 12rem; }
    .help-page .help-search .help-search-content h3 {
      color: rgba(41, 50, 65, 0.8);
      font-weight: 500; }
  .help-page .help-search .search-container {
    font-size: 1rem;
    padding: 1rem;
    position: relative; }
    .help-page .help-search .search-container input {
      appearance: none;
      font-size: 1rem;
      text-indent: 2rem;
      padding: 1rem;
      width: 100%; }
    .help-page .help-search .search-container i {
      width: 1rem;
      position: absolute;
      margin-left: 1rem;
      top: 50%;
      margin-top: -.5rem; }

.help-page .status-bars {
  margin-top: 1rem;
  display: -ms-flexbox;
  display: flex; }
  .help-page .status-bars .status-bar {
    flex: 1 1 0;
    -ms-flex: 1 1 0px;
    background: #6EC180;
    height: 50px;
    margin-right: .25rem;
    transition: transform 0.2s; }
    .help-page .status-bars .status-bar:last-child {
      margin-right: 0; }
    .help-page .status-bars .status-bar.status-bar-failure {
      background: #FF6E49; }
    .help-page .status-bars .status-bar:hover {
      transform: scale(1.1); }

.help-page .status-bar-footer {
  padding: 1rem 0 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.help-page .blog-post {
  border-radius: 4px;
  padding: 20px;
  margin: 3rem 2rem;
  border: 1px solid #D4D6D9;
  background-color: #ffffff;
  position: relative;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px; }
  .help-page .blog-post:last-child {
    margin-bottom: 1rem; }
  .help-page .blog-post img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .help-page .blog-post .blog-text h1 {
    color: rgba(41, 50, 65, 0.8);
    margin-bottom: 1rem;
    font-weight: 500; }
  .help-page .blog-post .blog-text span {
    color: rgba(41, 50, 65, 0.5);
    line-height: 1.4; }
  .help-page .blog-post .blog-profile {
    position: absolute;
    top: -25px;
    left: -25px; }
    .help-page .blog-post .blog-profile img {
      width: 50px;
      height: 50px;
      border-radius: 50%; }

@media screen and (max-width: 991px) {
  .help-page .help-search .help-search-content {
    padding: 6rem 2rem; } }

.invoice {
  padding: 2rem; }
  .invoice .invoice-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .invoice .invoice-company .logo-image {
    height: 50px;
    margin-bottom: .5rem; }
  .invoice .invoice-company div {
    margin-bottom: .5rem; }
  .invoice .invoice-company .company-name {
    font-weight: 500;
    font-size: 1.5rem; }
  .invoice .invoice-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: right;
    font-weight: 300; }
  .invoice .invoice-details {
    width: 15rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .invoice .invoice-details > div {
      width: 50%;
      margin-bottom: .5rem; }
    .invoice .invoice-details .invoice-label {
      text-align: left;
      font-weight: 500; }
    .invoice .invoice-details .invoice-value {
      text-align: right; }
  .invoice .invoice-to {
    margin-top: 1.5rem;
    padding-top: 2rem;
    border-top: 1px solid #F2F4F6; }
    .invoice .invoice-to .bill-to {
      font-size: 1.25rem;
      font-weight: 500;
      margin-bottom: .5rem; }
    .invoice .invoice-to .invoice-to-info div {
      margin-bottom: .5rem; }
  .invoice .invoice-items {
    margin-top: 2rem;
    padding-top: 2rem; }
    .invoice .invoice-items table {
      width: 100%;
      border-collapse: collapse; }
      .invoice .invoice-items table tr {
        border-bottom: 1px solid #F2F4F6; }
      .invoice .invoice-items table th {
        font-weight: 500; }
      .invoice .invoice-items table th, .invoice .invoice-items table td {
        padding: 1rem;
        text-align: right; }
      .invoice .invoice-items table th:first-child, .invoice .invoice-items table td:first-child {
        text-align: left; }
  .invoice .invoice-summary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.5rem;
    padding-top: 2.5rem; }
    .invoice .invoice-summary .invoice-value {
      font-weight: 500; }

@media print {
  .invoice {
    padding: 0;
    margin: 0;
    background: #ffffff;
    color: #424242; } }

.layout-config {
  position: fixed;
  padding: 0;
  top: 0px;
  right: 0;
  width: 240px;
  z-index: 999;
  height: 100%;
  transform: translate3d(240px, 0px, 0px);
  -moz-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
  transition: transform 0.2s;
  background-color: white;
  box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08); }
  .layout-config.layout-config-active {
    transform: translate3d(0px, 0px, 0px); }
    .layout-config.layout-config-active .layout-config-content .layout-config-button i {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg); }
  .layout-config .layout-config-content {
    position: relative;
    height: 100%; }
    .layout-config .layout-config-content > form {
      height: 100%; }
    .layout-config .layout-config-content .layout-config-form {
      overflow: auto;
      overflow-x: hidden; }
    .layout-config .layout-config-content .layout-config-button {
      display: block;
      position: absolute;
      width: 52px;
      height: 52px;
      line-height: 52px;
      background-color: #44A0E1;
      background-color: var(--primaryColor);
      text-align: center;
      top: 230px;
      left: -51px;
      z-index: -1;
      cursor: pointer;
      color: #ffffff;
      color: var(--primaryTextColor);
      -moz-transition: background-color 0.2s;
      -o-transition: background-color 0.2s;
      -webkit-transition: background-color 0.2s;
      transition: background-color 0.2s;
      -moz-border-radius-topleft: 12px;
      -webkit-border-top-left-radius: 12px;
      border-top-left-radius: 12px;
      -moz-border-radius-bottomleft: 12px;
      -webkit-border-bottom-left-radius: 12px;
      border-bottom-left-radius: 12px; }
      .layout-config .layout-config-content .layout-config-button i {
        font-size: 32px;
        line-height: inherit;
        cursor: pointer;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -moz-transition: transform 1s;
        -o-transition: transform 1s;
        -webkit-transition: transform 1s;
        transition: transform 1s; }
      .layout-config .layout-config-content .layout-config-button:hover {
        background-color: #2e95dd;
        background-color: var(--primaryDarkColor); }
    .layout-config .layout-config-content .layout-config-header {
      padding: 18px 12px;
      margin-bottom: 12px;
      background-image: linear-gradient(90deg, #44A0E1 10%, #67b2e7 100%);
      background-image: linear-gradient(90deg, var(--primaryColor) 10%, var(--primaryLightColor) 100%); }
      .layout-config .layout-config-content .layout-config-header > h3 {
        font-size: 16px;
        font-weight: 500;
        margin: 0;
        margin-bottom: 12px;
        color: #ffffff;
        color: var(--primaryTextColor); }
      .layout-config .layout-config-content .layout-config-header > span {
        font-size: 12px;
        display: block;
        color: #ffffff;
        color: var(--primaryTextColor); }
    .layout-config .layout-config-content .layout-config-section {
      padding: 10px 12px; }
      .layout-config .layout-config-content .layout-config-section .section-name {
        font-weight: 500;
        font-size: 12px;
        display: block;
        color: rgba(41, 50, 65, 0.8); }
      .layout-config .layout-config-content .layout-config-section.dark {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
        .layout-config .layout-config-content .layout-config-section.dark .section-name {
          margin-right: 18px; }
        .layout-config .layout-config-content .layout-config-section.dark .ui-inputswitch {
          height: 16px; }
          .layout-config .layout-config-content .layout-config-section.dark .ui-inputswitch .ui-inputswitch-on,
          .layout-config .layout-config-content .layout-config-section.dark .ui-inputswitch .ui-inputswitch-off {
            padding: 0; }
      .layout-config .layout-config-content .layout-config-section.colors .layout-config-colors {
        padding: 0 10px;
        margin-top: 3px; }
        .layout-config .layout-config-content .layout-config-section.colors .layout-config-colors .p-col-fixed {
          padding: .5em; }
      .layout-config .layout-config-content .layout-config-section.options .layout-config-options {
        margin-top: 3px; }
        .layout-config .layout-config-content .layout-config-section.options .layout-config-options .ui-selectoneradio {
          width: 100%;
          padding: 0 10px; }
          .layout-config .layout-config-content .layout-config-section.options .layout-config-options .ui-selectoneradio label {
            font-size: 12px;
            margin: 0;
            margin-left: 6px; }
      .layout-config .layout-config-content .layout-config-section a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden;
        -moz-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        -webkit-transition: transform 0.2s;
        transition: transform 0.2s;
        position: relative;
        color: rgba(41, 50, 65, 0.8);
        text-transform: capitalize; }
        .layout-config .layout-config-content .layout-config-section a:hover {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -o-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1); }
        .layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-text {
          margin-top: .2em; }
        .layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-color {
          width: 24px;
          height: 24px;
          -moz-border-radius: 4px;
          -webkit-border-radius: 4px;
          border-radius: 4px;
          position: relative;
          overflow: hidden;
          border: 1px solid rgba(0, 0, 0, 0.1); }
          .layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-color .layout-config-option-accentcolor {
            display: block;
            width: 18px;
            height: 28px;
            position: absolute;
            bottom: -10px;
            right: -7px;
            transform: rotate(45deg); }
        .layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-check-mask {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          pointer-events: none;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-check-mask i {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-size: 12px;
            color: #44A0E1;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #ffffff;
            width: 16px;
            height: 16px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            z-index: 1; }

.blocked-scroll-config {
  overflow: hidden; }

@media (max-width: 991px) {
  .layout-config {
    height: 100%;
    width: 70vw;
    transform: translate3d(70vw, 0px, 0px); }
    .layout-config.layout-config-active {
      transform: translate3d(0px, 0px, 0px); }
    .layout-config .layout-config-button {
      left: auto;
      right: -52px; }
    .layout-config .ui-tabs.ui-tabs-top > .ui-tabs-nav li:first-child {
      margin-left: 13px; } }

@media (max-width: 640px) {
  .layout-config .ui-tabs.ui-tabs-top .ui-tabs-panels .p-grid {
    -ms-flex-pack: center;
    justify-content: center; }
  .layout-config .ui-tabs.ui-tabs-top .ui-tabs-panels .layout-config-palette .layout-config-selected-palette {
    width: 60px;
    height: 60px; } }

.no-content::before {
  content: none; }

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